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

Template:    Archid - Architecture & Interior HTML5 Template
Version:    1.0
Last change:    08/09/25 
Author:    https://themeforest.net/user/designsninja/portfolio

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

/*  =====================================================
    Table of Contents
=========================================================

    1.0 Common Styles
    2.0 Header Section
    3.0 About Section
	4.0 Service Section
	5.0 Projects Section
		5.1 Project Style 2
    6.0 Projects Single Section
    7.0 Counter Section
    8.0 Team Section
    9.0 Testimonial Section
    10.0 CTA Section
    11.0 Hero Section
		11.1 Video Hero
    12.0 Page Header Section
    13.0 404 Error Section
    14.0 Contact Section
		14.1 Form Style
		14.2 Google Map
    15.0 Blog Section
		15.1 Pagination
		15.2 Sidebar Style
		15.3 Search Form Style
		15.4 Thumbnails Post Style
		15.5 Tag Cloud Style
    16.0 Blog Single Section
		16.1 Blog Quote
		16.2 Post Tags Style
		16.3 Author Box Style
		16.4 Post Navigation
		16.5 Comments Style
    17.0 Sponsor Section
    18.0 Widget Section
	19.0 Footer Section
	20.0 Scroll To Top

=====================================================
    @DesignNinja
===================================================== */

@import url("https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100..900;1,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap");

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

* {
  padding: 0;
  margin: 0;
}

:root {
  /*--primary: #c0b0ad;*/
   --primary: #45749e;
  /*--secondary: #8a7b6b;*/
  --secondary: #2875ac;
  --light: #f5f5f5;
  --dark: #212529;
  --white: #ffffff;
  --l-dark: #363636;
}

html,
body {
  height: auto;
  width: 100%;
  overflow-x: hidden;
}

body {
  background-color: #fff;
  font-family: "Albert Sans", sans-serif;
  font-size: 17px;
  line-height: 28px;
  color: #8d9aa8;
  font-weight: 400;
  letter-spacing: -0.2px;
  position: relative;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Albert Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  color: var(--secondary);
}

h1 {
  font-size: 62px;
  font-weight: 700;
  line-height: 68px;
  margin: 0 0 10px;
  color: var(--secondary);
}

h2 {
  font-size: 32px;
  line-height: 38px;
  color: var(--secondary);
  margin: 0 0 10px;
  font-weight: 600;
  letter-spacing: -1px;
}

h3,
h4 {
  margin: 0 0 10px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--secondary);
  letter-spacing: -0.5px;
}

h3 {
  font-size: 22px;
}

h4 {
  font-size: 16px;
}

h5,
h6 {
  font-size: 14px;
  margin: 0 0 10px;
}

img {
  border: none;
  outline: none;
  max-width: 100%;
}

ul {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
}

p {
  font-size: 17px;
  line-height: 28px;
  margin-bottom: 15px;
  color:black;
}

a,
a:hover {
  text-decoration: none;
}

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

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ddd !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #ddd !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #ddd !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #ddd !important;
}

button {
  border: none;
  background: none;
}

/* ======= Scrollbar Style ======= */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: var(--secondary);
}

::selection {
  background-color: var(--secondary);
  color: #fff;
}

-webkit-::selection {
  background-color: var(--secondary);
  color: #fff;
}

::-moz-selection {
  background-color: var(--secondary);
  color: #fff;
}

/* ======= Helper Class ======= */
.padding {
  padding: 30px 0px;
}

.no-padding {
  padding: 0;
}

.padding-15 {
  padding: 15px;
}

.padding-20 {
  padding: 20px;
}

.box-padding {
  padding: 0 50px;
}

.bg-white {
  background-color: var(--white) !important;
}

.bg-grey {
  background-color: #f9fafa;
}

.bg-dark {
  /* background-color: var(--dark) !important; */
  background-color: #f3e9e8 !important;
}

.bd-top {
  border-top: 1px solid #eeeeee;
}

.bd-bottom {
  border-bottom: 1px solid #eeeeee;
}

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

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

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

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

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

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

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

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

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

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.fz-28 {
  font-size: 28px;
}

.fz-24 {
  font-size: 24px;
}

.fz-22 {
  font-size: 22px;
}

.fz-20 {
  font-size: 20px;
}

.fz-18 {
  font-size: 18px;
}

.fz-16 {
  font-size: 16px;
}

.pt-80 {
  padding-top: 80px;
}

/* ======= Preloader Styles ======= */
.loaded .site-preloader-wrap {
  opacity: 0;
  visibility: hidden;
}

.site-preloader-wrap {
  position: fixed;
  z-index: 999;
  height: 100%;
  width: 100%;
  background: #fff;
  top: 0;
  left: 0;
}

.site-preloader-wrap .spinner {
  background-color: var(--secondary);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
}

.spinner {
  width: 40px;
  height: 40px;

  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

/* ======= Default Button ======= */
.btn-group {
}

.btn-group a {
  margin: 5px;
}

.btn-group-left a {
  margin-right: 10px;
}

.default-btn {
  display: inline-block;
  background: var(--secondary);
  color: white;
  font-family: "Albert Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  height: 50px;
  line-height: 50px;
  padding: 0 35px;
  letter-spacing: 0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  transition: all ease 700ms;
  -moz-transition: all ease 700ms;
  -webkit-transition: all ease 700ms;
  -ms-transition: all ease 700ms;
  -o-transition: all ease 700ms;
  z-index: 1;
}

.default-btn:hover {
  color: #fff;
}

.default-btn span {
  background: var(--primary) none repeat scroll 0 0;
  border-radius: 50%;
  display: block;
  height: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transition: width 0.6s ease 0s, height 0.6s ease 0s;
  -moz-transition: width 0.6s ease 0s, height 0.6s ease 0s;
  -webkit-transition: width 0.6s ease 0s, height 0.6s ease 0s;
  -ms-transition: width 0.6s ease 0s, height 0.6s ease 0s;
  -o-transition: width 0.6s ease 0s, height 0.6s ease 0s;
  width: 0;
  z-index: -1;
}

.default-btn:hover span {
  height: 562.5px;
  width: 562.5px;
}

/* ======= Section Heading ======= */
.section-heading img {
  width: 50px;
  height: 50px;
  margin-bottom: 20px;
}

.section-heading h2 {
  /* font-size: 52px; */
  font-size: 40px;
  font-weight: 700;
  line-height: 62px;
  display: block;
  letter-spacing: -1px;
}

.section-heading h4 {
  display: inline-block;
  text-transform: uppercase;
  font-size: 12px;
  color: var(--primary);
  font-weight: 600;
  letter-spacing: 0;
  font-family: "Albert Sans", sans-serif;
  position: relative;
  margin-bottom: 10px;
  z-index: 1;
}

.section-heading .learn-more {
  color: var(--primary);
  font-weight: 500;
  text-decoration: underline;
}

.section-heading .learn-more:hover {
  opacity: 0.8;
}

/* ======= Slick Controls ======= */
.slick-slide:focus {
  outline: none;
}

.nav-style .slick-arrow {
  border: 1px solid var(--primary);
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: var(--primary);
  border-radius: 50%;
  text-align: center;
  position: absolute;
  left: -40px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
}

.nav-style .slick-arrow.right {
  left: auto;
  right: -40px;
}

.carousel-dots .slick-dots {
  text-align: center;
  margin-top: 30px;
}

.carousel-dots .slick-dots li {
  display: inline-block;
  margin: 0 4px;
}

.carousel-dots .slick-dots li button {
  display: inline-block;
  background-color: #8d9aa8;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  overflow: hidden;
  text-indent: -999px;
}

.carousel-dots .slick-dots li.slick-active button {
  background-color: var(--secondary);
}

.carousel-dots .slick-dots li button:focus {
  outline: none;
}

@media (max-width: 767px) {
  .nav-style .slick-arrow {
    left: 0;
  }

  .nav-style .slick-arrow.right {
    left: auto;
    right: 0;
  }
}

/* ======= Transition Effect ======= */
a,
a:hover,
img,
.form-control,
.form-control:hover,
button {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

/* ======= Scroll To Top ======= */
#scrollup {
  width: 45px;
  height: 45px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  overflow: hidden;
  z-index: 999;
}

.scroll-to-top {
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: var(--secondary);
  font-size: 10px;
  padding: 0;
  line-height: 40px;
  color: #fff;
  border-radius: 50%;
  text-decoration: none;
  transform: translateY(150%);
  transition: all 0.3s ease-in-out;
}

#scrollup.show {
  opacity: 1;
}

#scrollup.show .scroll-to-top {
  transform: translateY(0);
  transition: all 0.3s ease-in-out;
}

.scroll-to-top:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
}

.scroll-to-top:focus {
  outline: none;
}

/*  ======= Header Section ======= */
.header {
  background-color: #fff;
  width: 100%;
  height: auto;
  display: block;
}

.header-logo img {
  max-width: 90%;
}

/* Headroom css */
.sticky-header {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  transform: translateY(-100%);
  z-index: 99;
}

.sticky-header .primary-header {
  background-color: #fff;
  box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.1);
}

.admin-bar .sticky-header {
  top: 32px;
}

.admin-bar .header {
  margin-top: 32px;
}

.admin-bar .header-three {
  margin-top: 0;
}

.sticky-header.sticky-fixed-top {
  transition: transform 0.25s ease-in-out;
  will-change: transform;
}

.sticky-header.sticky-fixed-top {
  transform: translateY(0);
}

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

/* Burger Menu */
.mobile-menu-icon {
  display: none;
}

.burger-menu {
  width: 20px;
  height: 17px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  -webkit-transition: transform 330ms ease-out;
  -moz-transition: transform 330ms ease-out;
  -o-transition: transform 330ms ease-out;
  transition: transform 330ms ease-out;
}

.burger-menu.menu-open {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.line-menu {
  background-color: #222222;
  border-radius: 2px;
  width: 100%;
  height: 3px;
}

.line-menu.line-half {
  width: 50%;
}

.line-menu.first-line {
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transform-origin: right;
}

.menu-open .line-menu.first-line {
  -webkit-transform: rotate(-90deg) translateX(3px);
  -moz-transform: rotate(-90deg) translateX(3px);
  -o-transform: rotate(-90deg) translateX(3px);
  transform: rotate(-90deg) translateX(3px);
}

.line-menu.last-line {
  align-self: flex-end;
  transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
  transform-origin: left;
}

.menu-open .line-menu.last-line {
  -webkit-transform: rotate(-90deg) translateX(-3px);
  -moz-transform: rotate(-90deg) translateX(-3px);
  -o-transform: rotate(-90deg) translateX(-3px);
  transform: rotate(-90deg) translateX(-3px);
}

/* Menu Style */
.header-menu-wrap ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header-menu-wrap ul li {
  display: inline-block;
  position: relative;
}

.header-menu-wrap ul li > a {
  display: block;
  font-family: "Albert Sans", sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  font-weight: 700;
  color: var(--dark);
  padding: 0 5px ;
    /*padding: 0 15px;*/
  height: 80px;
  line-height: 80px;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
}

.header-menu-wrap ul li:hover > a {
  color: var(--secondary);
}

.header-menu-wrap li ul {
  background-color: #fff;
  display: block;
  width: 250px;
  padding: 15px 0;
  -webkit-box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1),
    0px -6px 0px 0px rgba(248, 99, 107, 0.004);
  box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1),
    0px -6px 0px 0px rgba(248, 99, 107, 0.004);
  position: absolute;
  left: 10px;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 0;
  -webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
  -o-transition: opacity 0.5s ease, visibility 0.5s ease;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.header-menu-wrap li:hover > ul {
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.header-menu-wrap li li {
  display: block;
  padding: 0 0px;
  margin-bottom: 5px;
  text-align: left;
  position: relative;
}

.header-menu-wrap li li:last-child {
  margin: 0;
}

.header-menu-wrap li li > a {
  font-family: "Albert Sans", sans-serif;
  display: block;
  height: auto;
  line-height: inherit;
  color: var(--primary);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.8;
  text-transform: capitalize;
  padding: 8px 15px;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
}

.header-menu-wrap li li:hover > a {
  color: var(--primary);
  background-color: var(--secondary);
}

.header-menu-wrap li ul li ul {
  width: 250px;
  position: absolute;
  left: 100%;
  top: 0;
}

/* Media Query */
@media (min-width: 993px) {
  .header-menu-wrap li ul {
    display: block !important;
  }
}

@media (max-width: 992px) {
  #page.site {
    margin-top: 0 !important;
  }

  .headroom--top .header-menu-wrap,
  .headroom--unpinned .header-menu-wrap {
    display: none !important;
  }

  .dropdown-plus {
    width: 49px;
    height: 49px;
    line-height: 49px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
  }

  .dropdown-plus:before,
  .dropdown-plus:after {
    position: absolute;
    content: "";
    top: 21px;
    right: 10px;
    width: 13px;
    height: 1px;
    background-color: #222222;
  }

  .dropdown-plus:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .dropdown-plus.dropdown-open:after {
    display: none;
  }

  .mobile-menu-icon {
    display: block;
  }

  .header-menu-wrap {
    display: none;
    background-color: #fff;
    width: 100%;
    height: auto;
    padding: 0 20px;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
  }

  .header-menu-wrap ul li {
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04);
    padding: 11px 0;
    margin: 0;
  }

  .header-menu-wrap ul li:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.04);
  }

  .header-menu-wrap ul li > a {
    padding: 10px 15px;
    height: inherit;
    line-height: inherit;
  }

  .header-menu-wrap li li:hover > a {
    background-color: transparent;
  }

  .header-menu-wrap ul li ul li ul,
  .header-menu-wrap ul li ul {
    background-color: transparent;
    width: 100%;
    opacity: 1;
    padding: 0;
    visibility: visible;
    position: inherit;
    display: none;
    top: inherit;
    left: inherit;
    box-shadow: none;
    padding-top: 11px;
  }

  .header-menu-wrap li li {
    padding-left: 11px;
  }

  .header-menu-wrap li li:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  .header-menu-wrap li li > a {
    color: var(--primary);
    font-size: 13px;
  }

  .header-menu-wrap li li:hover > a {
    color: #666;
  }

  .primary-header-two .header-right a.header-btn {
    margin: 0;
  }

  .header-two .mid-header .header-logo {
    text-align: center;
  }
}

@media screen and (max-width: 782px) {
  .admin-bar .sticky-header {
    top: 0;
  }

  .admin-bar .header {
    margin-top: 0;
    padding-top: 46px;
  }
}

@media (max-width: 580px) {
  .header-right a.dl-btn {
    line-height: 40px;
    font-size: 10px;
    padding: 0 25px;
  }

  .primary-header .header-logo {
    max-width: 150px;
  }

  .top-bar .top-left li {
    font-size: 12px;
  }
}

.primary-header-inner .header-right {
  display: flex;
  align-items: center;
  line-height: 80px;
  margin-left: 20px;
}

.header-right .mobile-menu-icon {
  margin-left: 20px;
}

.header-right a.header-btn {
  display: inline-block;
  background: var(--secondary);
  color: var(--light);
  font-family: "Albert Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  height: 45px;
  line-height: 45px;
  padding: 0 35px;
  letter-spacing: 0;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
  margin-left: 20px;
  transition: all ease 700ms;
  -moz-transition: all ease 700ms;
  -webkit-transition: all ease 700ms;
  -ms-transition: all ease 700ms;
  -o-transition: all ease 700ms;
  z-index: 1;
}

.header-right a.header-btn:hover {
  color: #fff;
}

.header-right a.header-btn span {
  background: var(--primary) none repeat scroll 0 0;
  border-radius: 50%;
  display: block;
  height: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transition: width 0.6s ease 0s, height 0.6s ease 0s;
  -moz-transition: width 0.6s ease 0s, height 0.6s ease 0s;
  -webkit-transition: width 0.6s ease 0s, height 0.6s ease 0s;
  -ms-transition: width 0.6s ease 0s, height 0.6s ease 0s;
  -o-transition: width 0.6s ease 0s, height 0.6s ease 0s;
  width: 0;
  z-index: -1;
}

.header-right a.header-btn:hover span {
  height: 562.5px;
  width: 562.5px;
}

.header-right .search-icon {
  color: var(--primary);
  cursor: pointer;
  font-size: 24px;
}

.header-right .search-icon:hover {
  opacity: 0.8;
}

.primary-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.primary-header .header-logo {
  /*max-width: 180px;*/
      max-width: 250px;
}

.viewport-lg .primary-header .header-menu-wrap {
  display: block !important;
}

/* Top Bar */
.top-bar {
  background-color: var(--primary);
}

.top-bar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}

.top-bar .top-left li {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  padding-right: 20px;
  padding-left: 20px;
  border-right: 1px solid #444;
  margin: 0;
  padding-top: 7px;
  padding-bottom: 7px;
}

.top-bar .top-left li:first-child {
  border-left: 1px solid #444;
}

.top-bar .top-left li a {
  color: #fff;
  text-decoration: none;
}

.top-bar .top-social {
  padding: 7px 20px;
  border-right: 1px solid #444;
  border-left: 1px solid #444;
}

.top-bar .top-social li {
  display: inline-block;
  margin-left: 13px;
}

.top-bar .top-social li:first-child {
  margin-left: 0;
}

.top-bar .top-social li a {
  color: #fff;
}

.top-bar .top-social li a:hover {
  color: #ddd;
}

@media (max-width: 767px) {
  .top-bar .top-right {
    display: none;
  }

  .top-bar .top-left li,
  .top-bar .top-left li:first-child {
    border: none;
  }

  .top-bar .top-left li {
    padding-left: 0;
    padding-right: 20px;
  }
}

/* Header 1 */
.viewport-sm .primary-header-one {
}

.primary-header-one .header-menu-wrap {
  margin-left: auto;
}

.header-cart-btn {
  margin-left: 10px;
}

.header-cart-btn a {
  color: var(--primary);
  font-size: 18px;
  text-decoration: none;
  position: relative;
}

.header-cart-btn a .num {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--secondary);
  color: #fff;
  font-size: 11px;
  display: block;
  top: -8px;
  right: -9px;
  line-height: 16px;
  text-align: center;
}

/* Header 2 */
.header-two {
  border-bottom: 4px solid var(--secondary);
  position: relative;
}

.header-two .mid-header {
  padding: 30px 0 70px 0;
}

.header-two .mid-header {
  padding: 30px 0;
}

.header-two .mid-header .mid-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-two .mid-header .header-logo {
  max-width: 180px;
}

.header-two .mid-header ul {
}

.header-two .mid-header ul li {
  display: inline-block;
  padding-left: 50px;
  position: relative;
  line-height: 20px;
  font-family: "Albert Sans", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0;
  font-weight: 600;
}

.header-two .mid-header ul li:not(:last-of-type) {
  margin-right: 40px;
}

.header-two .mid-header ul li .icon {
  color: var(--secondary);
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 35px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.header-two .mid-header ul li span {
  display: block;
  font-family: "Albert Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: var(--primary);
  text-transform: capitalize;
}

.header-two .mid-header ul li a {
  text-decoration: none;
}

.header-two .mid-header ul li a:hover {
  opacity: 0.9;
}

.header-two .primary-header {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(50%);
  z-index: 9;
}

.header-two .primary-header {
  background-color: var(--primary);
  position: inherit;
  transform: translateY(0);
}

/* .header-two .primary-header-inner {
    background-color: var(--primary);
    padding: 0 20px;
} */
.primary-header-two .header-menu-wrap ul li > a {
  color: #fff;
  padding-right: 30px;
  padding-left: 0;
}

.primary-header-two .header-menu-wrap ul li > a:hover {
  color: var(--secondary);
}

.primary-header-two .header-menu-wrap li li > a {
  color: var(--primary);
}

.primary-header-two .header-menu-wrap li li:hover > a:hover {
  color: var(--secondary);
}

.primary-header-two .header-right .search-icon {
  color: #fff;
}

.primary-header-two .header-menu-wrap li ul {
  left: -20px;
}

.primary-header-two .header-menu-wrap li ul li ul {
  left: 100%;
}

.sticky-header .primary-header-two {
  box-shadow: none;
  background-color: transparent;
}

.header-2 .sticky-header {
  background-color: var(--primary);
  -webkit-box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1),
    0px -6px 0px 0px rgba(248, 99, 107, 0.004);
  box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1),
    0px -6px 0px 0px rgba(248, 99, 107, 0.004);
}

.primary-header-two .header-right .header-cart-btn a {
  color: #fff;
}

@media (max-width: 992px) {
  .header-two {
    border: none;
  }

  .header-two .primary-header {
    background-color: var(--primary);
    position: inherit;
    transform: translateY(0);
  }

  .header-two .mid-header {
    padding: 20px 0;
  }

  .header-two .mid-header-right {
    display: none;
  }

  .header-two .primary-header-inner {
    padding: 20px 0;
  }

  .header-2 .sticky-header .primary-header-inner {
    padding: 10px 0;
  }

  .primary-header-inner {
    padding: 0;
  }

  .sticky-header .primary-header-inner {
    padding: 0;
  }

  .primary-header-two .primary-header-inner .header-right {
    margin-left: 0;
    justify-content: center;
    width: 100%;
  }

  .header-two .mid-header .mid-header-inner {
    justify-content: center;
  }

  .viewport-sm .primary-header-two .header-right .search-icon {
    display: inherit;
  }

  .cart-enable.primary-header-two .header-right .header-cart-btn,
  .primary-header-two .header-right .search-icon {
    margin-right: auto;
  }

  .cart-enable.primary-header-two .header-right .search-icon {
    margin-right: 0;
  }

  .primary-header-two .header-right .mobile-menu-icon {
    margin-left: auto;
  }

  .primary-header-two .header-right .line-menu {
    background-color: #fff;
  }

  .primary-header-two .header-menu-wrap ul li ul li ul,
  .primary-header-two .header-menu-wrap ul li ul {
    left: inherit;
  }

  .primary-header-two .header-menu-wrap li li:hover > a,
  .primary-header-two .header-menu-wrap li li > a,
  .primary-header-two .header-menu-wrap ul li > a {
    color: var(--primary);
  }

  .header-1 .header-right a.header-btn {
    margin-left: 15px;
    margin-right: 0;
  }
}

/* Header 3 */
.header-three {
  background-color: transparent;
  position: absolute;
  top: 32px;
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  z-index: 99;
}

.header-three .line-menu {
  background-color: #fff;
}

.header-three .top-bar {
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.header-three .top-bar .top-left li {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.header-three .top-bar .top-left li:first-child {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.header-three .top-bar .top-social {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.primary-header-three .header-menu-wrap,
.header-three .header-menu-wrap {
  margin-left: auto;
}

.header-three .header-menu-wrap ul li > a {
  color: #fff;
}

.header-three .header-menu-wrap ul li:hover > a {
  color: #fff;
}

.header-three .header-menu-wrap li li > a {
  color: var(--primary);
}

.header-three .header-menu-wrap li li:hover > a:hover {
  color: var(--secondary);
}

.primary-header-three .header-right .header-cart-btn a,
.header-three .header-right .search-icon {
  color: #fff;
}

.sticky-header .primary-header-three .header-right .header-cart-btn a {
  color: var(--primary);
}

@media screen and (max-width: 782px) {
  .admin-bar .header-three {
    top: 0;
  }
}

@media (max-width: 992px) {
  .header-menu-wrap {
    top: 100%;
  }

  .primary-header-three .header-right .line-menu {
    background-color: #fff;
  }

  .sticky-header .primary-header-three .header-right .line-menu {
    background-color: #222222;
  }

  .primary-header-three .header-menu-wrap ul li ul li ul,
  .primary-header-three .header-menu-wrap ul li ul {
    left: inherit;
  }

  .primary-header-three .header-menu-wrap ul li:hover > a,
  .primary-header-three .header-menu-wrap li li:hover > a,
  .primary-header-three .header-menu-wrap li li > a,
  .primary-header-three .header-menu-wrap ul li > a {
    color: var(--primary);
  }

  .primary-header .header-logo {
    max-width: 190px;
  }

  .primary-header-three .primary-header-inner {
    padding: 0;
  }
}

/* Search Box */
#dl-popup-search-box {
  background-color: rgba(0, 0, 0, 0.95);
  position: fixed;
  width: 100%;
  height: 100%;
  top: -20em;
  left: 0;
  right: 0;
  white-space: nowrap;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 500ms ease all;
  -moz-transition: 500ms ease all;
  transition: 500ms ease all;
}

.box-inner-wrap:hover {
  cursor: url(../img/cross.png), auto;
}

#dl-popup-search-box.toggled {
  top: 0;
  opacity: 1;
  visibility: visible;
}

#dl-popup-search-box .box-inner-wrap {
  width: 100%;
  height: 100%;
}

#dl-popup-search-box .box-inner-wrap form {
  position: relative;
  margin: 0 auto;
}

#dl-popup-search-box .box-inner-wrap input::-webkit-input-placeholder {
  /* Edge */
  color: #444;
}

#dl-popup-search-box .box-inner-wrap input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #444;
}

#dl-popup-search-box .box-inner-wrap input::placeholder {
  color: #444;
}

#dl-popup-search-box .box-inner-wrap input {
  width: 90%;
  padding: 0 0 0.125em 0;
  background: transparent;
  border: none;
  border-bottom: 3px solid var(--primary);
  font-size: 4em;
  color: #ddd;
}

#dl-popup-search-box .box-inner-wrap input:focus {
  outline: none;
}

#dl-popup-search-box .box-inner-wrap button {
  position: absolute;
  display: block;
  width: 10%;
  right: 0;
  top: 0;
  background: transparent;
  border: none;
  color: #444;
  font-size: 4em;
  -webkit-transition: 500ms ease all;
  -moz-transition: 500ms ease all;
  transition: 500ms ease all;
}

#dl-popup-search-box .box-inner-wrap button:hover {
  color: #ddd;
}

#dl-popup-search-box .box-inner-wrap button:focus {
  outline: none;
}

@media screen and (max-width: 600px) {
  #dl-popup-search-box .box-inner-wrap form {
    width: 90%;
  }

  #dl-popup-search-box .box-inner-wrap input,
  #dl-popup-search-box .box-inner-wrap button {
    font-size: 3em;
  }
}

/*==============================================
    HERO SECTION
==============================================*/
.hero-section {
  background-image: url(../img/hero-bg.html);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 600px;
  display: flex;
  align-items: center;
  position: relative;
}

.hero-section svg {
  position: absolute;
  left: 0;
  bottom: 0;
}

.hero-content h4 {
  color: var(--light);
  text-transform: uppercase;
}

.hero-section.video {
  background-image: url(../img/video-bg.jpg);
}

#wrapper_video-bg:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background-color: rgba(0, 0, 0, 0.8); */
  z-index: 1;
}

.hero-section.hero-2 {
  background-image: url(../img/hero-bg-2.html);
  background-repeat: no-repeat;
  background-position: bottom center;
  width: 100%;
  height: 600px;
  position: relative;
  overflow: hidden;
}

.cleaner {
  background-image: url(../img/women.html);
  background-repeat: no-repeat;
  background-position: right bottom;
  width: 605px;
  height: 672px;
  position: absolute;
  right: 80px;
  bottom: -100px;
}

/*==============================================
    ABOUT SECTION
==============================================*/
.about-section {
  position: relative;
}

.about-content p {
  margin-bottom: 20px;
}

.about-list {
  margin-bottom: 20px;
}

.about-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
}

.about-list li:last-child {
  margin-bottom: 0;
}

.about-list li i {
  color: var(--secondary);
  width: 40px;
  height: 40px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  border: 2px solid var(--secondary);
  display: inline-block;
  margin-right: 20px;
  margin-top: 5px;
}

.about-list li h3 {
  margin-bottom: 0;
}

.about-btn {
}

.about-btn li {
  display: inline-flex;
  align-items: center;
}

.about-list-content {
  flex: 1;
}

.about-btn li a {
  margin-right: 30px;
}

.about-btn li .whatsapp i {
  color: var(--secondary);
  font-size: 40px;
  margin-right: 10px;
}

.about-btn li .whatsapp {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: var(--primary);
}

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

.about-bg-wrap .exp-box {
  background-color: var(--l-dark);
  padding: 30px;
  border-radius: 2px;
  text-align: center;
  display: inline-block;
  position: absolute;
  left: 140px;
  top: 40px;
  z-index: 1;
  -webkit-box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1),
    0px -6px 0px 0px rgba(248, 99, 107, 0.004);
  box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1),
    0px -6px 0px 0px rgba(248, 99, 107, 0.004);
}

.about-bg-wrap .exp-box h3 {
  color: var(--secondary);
  display: block;
  font-size: 62px;
  line-height: 42px;
  margin: 0;
}

.about-bg-wrap .exp-box h3 span {
  color: var(--primary);
  display: block;
  font-size: 15px;
  font-family: "Albert Sans", sans-serif;
  font-weight: 600;
  line-height: 20px;
  margin-top: 10px;
}

.about-bg-wrap .front {
  transform: translateY(120px);
}

.about-bg-wrap .img-2 {
  width: 370px;
  height: auto;
  position: absolute;
  left: 240px;
  top: 0;
  border-radius: 2px;
  z-index: -1;
}

/*===== About Section 2 =====*/
.about-bg-holder {
  position: relative;
  height: 100%;
}

.about-bg-holder img {
  border-radius: 2px;
}

.bg-right {
  position: absolute;
  width: auto;
  height: 400px;
  right: 20px;
  top: 0;
}

.bg-bottom {
  width: 400px;
  height: auto;
  position: absolute;
  bottom: 0px;
  left: 0;
}

.bg-center {
  position: absolute;
  bottom: 60px;
  left: 50px;
  z-index: 1;
}

.about-list-2 {
  margin-bottom: 20px;
}

.about-list-2 li {
  margin-bottom: 10px;
}

.about-list-2 li i {
  font-size: 15px;
  color: var(--secondary);
  margin-right: 10px;
}

/*==============================================
    SERVICE SECTION
==============================================*/

.service-card {
  border-radius: 3px;
  -webkit-box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1),
    0px -6px 0px 0px rgba(248, 99, 107, 0.004);
  box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1),
    0px -6px 0px 0px rgba(248, 99, 107, 0.004);
  margin-bottom: 30px;
}

.service-thumb {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.service-thumb img {
  z-index: -1;
}

.service-content {
  background-color: #fff;
  text-align: center;
  padding: 0 40px 40px;
  margin-top: -50px;
  position: relative;
}

.service-icon {
  background-color: #fff;
  text-align: center;
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
  margin-bottom: 20px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1),
    0px -6px 0px 0px rgba(248, 99, 107, 0.004);
  box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1),
    0px -6px 0px 0px rgba(248, 99, 107, 0.004);
}

.service-icon i {
  color: var(--secondary);
  font-size: 40px;
  line-height: 100px;
}

.service-content h3 a {
  color: var(--primary);
}

.service-content .read-more {
  background-color: var(--secondary);
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  display: inline-block;
  font-size: 15px;
  position: absolute;
  left: 50%;
  bottom: -25px;
  transform: translateX(-50%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  transition: all 0.2s cubic-bezier(0.37, 0.31, 0.2, 0.85);
}

.service-card:hover .read-more {
  transform: translateX(-50%) scale(1.1);
  visibility: visible;
  opacity: 1;
}

.service-card:hover .service-thumb img {
  transform: scale(1.05);
}

@media (max-width: 992px) {
  .service-content .read-more {
    width: 40px;
    height: 40px;
    line-height: 40px;
    bottom: -18px;
  }
}

/*==============================================
    WORK PROCESS SECTION
==============================================*/
.work-process-section {
  width: 100%;
  height: 100%;
  position: relative;
}

.process-border {
  background-image: url(../img/wave-border.png);
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: -1;
}

.work-pro-item {
  text-align: center;
}

.work-pro-item i {
  /* background-color: var(--secondary);
  color: #fff; */
  background-color: #dcdc29;
    color: #f11313;
  font-size: 40px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  border-radius: 50%;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1),
    0px -6px 0px 0px rgba(248, 99, 107, 0.004);
  box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1),
    0px -6px 0px 0px rgba(248, 99, 107, 0.004);
}

/*==============================================
    FEATURES SECTION
==============================================*/
.features-section {
  padding-left: 50px;
  position: relative;
}

.features-bg {
  background-image: url(../img/features-bg.jpg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 45%;
}

.feature-item {
  display: flex;
  align-items: flex-start;
}

.feature-icon {
  margin-right: 15px;
  margin-top: 5px;
}

.feature-icon i {
  color: var(--secondary);
  font-size: 40px;
  line-height: 60px;
}

.feature-content h3 {
  margin-bottom: 0;
}

@media (max-width: 992px) {
  .features-section {
    padding: 0;
  }

  .features-bg {
    display: none;
  }

  .features-section .col-lg-6.padding {
    padding: 0 15px;
  }
}

/*==============================================
    BOOK SECTION
==============================================*/
.book-section {
  width: 100%;
  height: 100%;
}

.booking-form {
  background-color: #fff;
  padding: 50px;
  margin: 0 30px;
  border-radius: 3px;
  margin-top: -200px;
  text-align: center;
  -webkit-box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1),
    0px -6px 0px 0px rgba(248, 99, 107, 0.004);
  box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1),
    0px -6px 0px 0px rgba(248, 99, 107, 0.004);
  position: relative;
  z-index: 1;
}

.form-heading h2 {
  margin-bottom: 30px;
}

.booking-form .form-control {
  background-color: #fafafa;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-radius: 2px;
  border: 1px solid #eee;
  color: var(--primary);
  font-weight: 500;
  outline: none;
  box-shadow: none;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
}

.booking-form .form-control:focus {
  border: 1px solid var(--secondary);
}

.booking-form .form-control.address {
  height: 150px;
}

.booking-form .nice-select {
  width: 100%;
}

.booking-form .nice-select .option.selected {
  display: none;
}

.booking-form .nice-select.form-control span {
  font-size: 15px;
  color: var(--primary);
  display: block;
  line-height: 30px;
}

.booking-form .nice-select .list {
  border-radius: 2px;
  border: 1px solid #eee;
}

.booking-form .nice-select .option {
  font-weight: 500;
  color: var(--primary);
}

.booking-form .nice-select .option:hover,
.booking-form .nice-select .option.focus,
.booking-form .nice-select .option.selected.focus {
  background-color: var(--secondary);
  color: var(--primary);
}

.booking-form .default-btn {
  width: 100%;
}

.booking-form .default-btn:hover {
  background-color: var(--primary);
  color: #fff;
}

#form-messages {
  display: none;
  margin-top: 15px;
  margin-bottom: 0;
}

#form-messages.alert-danger,
#form-messages.alert-success {
  display: block;
}

/*==============================================
    CTA SECTION
==============================================*/
.cta-section {
  background-image: url(../img/title-bg-2.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 150px 0;
  z-index: 1;
}

.cta-section:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: -1;
}

.cta-section svg {
  position: absolute;
  left: 0;
  bottom: -10px;
}

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

.cta-content img {
  width: 100px;
  margin-bottom: 20px;
}

.cta-content h2 {
  font-size: 52px;
  line-height: 62px;
  color: #fff;
  margin-bottom: 20px;
}

.cta-content p {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 20px;
}

.cta-section.cta-2 {
  padding: 50px 0;
}

.cta-section.cta-2 .cta-content h2 {
  margin-bottom: 0;
  color: #fff;
  font-size: 32px;
}

/*==============================================
    PROJECT SECTION
==============================================*/
.project-section {
}

.project-section .container-fluid {
  padding: 0;
}

.project-item {
  position: relative;
  overflow: hidden;
}

.project-item img {
  width: 100%;
}

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

.project-inner:before {
  background: linear-gradient(
    to bottom,
    rgba(36, 127, 251, 0) 0%,
    #212529 100%
  );
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transform: translateY(50%);
  transition: all 0.3s ease;
}

.project-item:hover .project-inner:before {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}

.project-inner h3 {
  position: absolute;
  width: 100%;
  height: auto;
  left: 30px;
  bottom: 30px;
  display: block;
  color: #fff;
  margin-bottom: 0;
  visibility: hidden;
  opacity: 0;
  transform: translateY(50%);
  transition: all 0.3s ease;
  transition-delay: 0.2s;
}

.project-item:hover h3 {
  transform: translateY(0);
  visibility: visible;
  transition-delay: 0.2s;
  opacity: 1;
}

.project-inner h3 a {
  color: #fff;
}

/*.project-inner h3 span {*/
/*  background-color: var(--secondary);*/
/*  width: 100px;*/
/*  height: 25px;*/
/*  text-align: center;*/
/*  line-height: 25px;*/
/*  display: block;*/
/*  font-size: 14px;*/
  /*color: var(--primary);*/
/*  color:white;*/
/*  border-radius: 2px;*/
/*  margin-bottom: 8px;*/
/*}*/


.project-inner h3 span {
  display: inline-block;
  background: linear-gradient(135deg, #007bff, #00c6ff); /* contact-themed gradient */
  color: #fff;
  padding: 6px 14px;
  font-size: 14px;
  border-radius: 20px; /* smooth rounded look */
  text-align: center;
  white-space: normal; /* allows wrapping */
  word-wrap: break-word;
  line-height: 1.4;
  margin-bottom: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}


.project-carousel.nav-style .slick-arrow {
  background-color: #fff;
  border: none;
  left: 0;
  color: var(--primary);
  height: 60px;
  line-height: 60px;
  border-radius: 2px;
}

.project-carousel.nav-style .slick-arrow:hover {
  background-color: var(--secondary);
  color: #ffffff;
}

.project-carousel.nav-style .slick-arrow.right {
  left: auto;
  right: 0;
}

/*==============================================
    PROJECT DETAILS SECTION
==============================================*/
.sidebar-item {
  padding: 50px 40px;
  background-color: #f9fafa;
}

.sidebar-item h2 {
  margin-bottom: 20px;
}

.project-meta {
}

.project-meta li {
  margin-bottom: 25px;
}

.project-meta li:last-child {
  margin-bottom: 0;
}

.project-meta li span {
  font-size: 15px;
  font-weight: 600;
  margin-right: 10px;
  color: var(--primary);
}

.project-descriptio-list li i {
  color: var(--secondary);
  margin-right: 10px;
}

.slick-slide img {
  width: 100%;
}

.project-details-carousel.nav-style .slick-arrow {
  background-color: var(--dark);
  border-radius: 0px;
  left: 4%;
  border: none;
  height: 60px;
  line-height: 60px;
}

.project-details-carousel.nav-style .slick-arrow.right {
  left: auto;
  right: 4%;
}

/*==============================================
    PRICING SECTION
==============================================*/
.pricing-section {
  width: 100%;
  height: 100%;
}

.pricing-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -webkit-box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1),
    0px -6px 0px 0px rgba(248, 99, 107, 0.004);
  box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1),
    0px -6px 0px 0px rgba(248, 99, 107, 0.004);
}

.pricing-head {
  background-color: var(--secondary);
  padding: 40px 40px 70px;
  position: relative;
  text-align: center;
  width: 100%;
}

.pricing-head svg {
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  bottom: 0;
}

.pricing-head h2 {
  color: var(--white);
  font-size: 48px;
  margin-bottom: 0;
}

.pricing-head h2 span {
  color: #fff;
  font-size: 15px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0;
}

.pricing-list {
  padding: 30px;
  margin: 0 auto;
  display: inline-block;
}

.pricing-list li {
  display: block;
  margin-bottom: 10px;
}

.pricing-list li i {
  color: var(--secondary);
  margin-right: 10px;
}

.pricing-footer {
  text-align: center;
  padding: 0 40px 30px;
}

/*==============================================
    TESTIMONIAL SECTION
==============================================*/
.testimonials-section {
  background-image: url(../img/map-pattern.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50%;
  width: 100%;
  height: 100%;
}
.testi-item {
  padding: 40px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  background-color: #f3e9e8;
  margin: 0 10px;
}
.testimonials-section .testi-item:hover {
  /* transform: translateY(-5px); */
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}

.testi-inner {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  justify-content: space-evenly;
}

.testi-item h3 {
  margin-left: 0px;
}

.testi-item h3 span {
  font-size: 14px;
  color: var(--primary);
  font-weight: 600;
  letter-spacing: 0;
  font-family: "Albert Sans", sans-serif;
  display: block;
}

.testi-item img {
  width: 80px;
  height: 80px;
  line-height: 80px;
  border-radius: 50%;
}

.testi-item p {
  font-size: 16px;
  line-height: 28px;
  font-style: italic;
  margin-bottom: 0;
}

.ratings li {
  display: inline-block;
}

.ratings li i {
  color: #fba311;
}

/*==============================================
    TEAM SECTION
==============================================*/
.team-section {
}

.team-item {
  border-radius: 2px;
  overflow: hidden;
  -webkit-box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1),
    0px -6px 0px 0px rgba(248, 99, 107, 0.004);
  box-shadow: 0px 50px 100px 0px rgba(64, 1, 4, 0.1),
    0px -6px 0px 0px rgba(248, 99, 107, 0.004);
}

.team-thumb {
  position: relative;
  overflow: hidden;
}

.team-thumb:before {
  background: linear-gradient(to bottom, rgba(36, 127, 251, 0) 0%, #000 100%);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transform: translateY(50%);
  transition: all 0.3s ease;
}

.team-thumb svg {
  position: absolute;
  left: 0;
  bottom: -1px;
}

.team-item:hover .team-thumb:before {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.team-social {
  position: absolute;
  left: 50%;
  bottom: -50%;
  transform: translateX(-50%);
  transition: all 0.3s ease;
}

.team-item:hover .team-social {
  bottom: 40px;
  transition: all 0.3s ease;
}

.team-social li {
  display: inline-block;
}

.team-social li a {
  display: inline-block;
  color: var(--secondary);
  font-size: 18px;
  margin: 0 5px;
}

.team-social li a:hover {
  color: var(--primary);
}

.team-content {
  background-color: #fff;
  text-align: center;
  padding: 20px 0;
}

.team-content h3 {
  margin-bottom: 0;
}

.team-content h3 span {
  display: block;
  font-size: 14px;
  color: var(--primary);
}

/*==============================================
    COUNTER SECTION
==============================================*/
.counter-section {
  background-image: url(../img/blue-bg.html);
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
}

.counter-item {
  text-align: center;
  margin: 0 auto;
}

.counter-icon {
  background-color: #fff;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  border-radius: 59%;
  margin: 0 auto;
  margin-bottom: 10px;
}

.counter-item h3 {
  font-size: 52px;
  color: var(--secondary);
  margin-bottom: 0;
}

.counter-item h4 {
  color: #fff;
  margin-bottom: 0;
}

/*==============================================
    FAQ SECTION
==============================================*/

.faq-section .col-md-3,
.faq-section .col-md-6 {
  padding: 0;
}

.cta-block {
  background-image: url(../img/title-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.cta-block:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 0;
}

.cta-block-content {
  position: relative;
  z-index: 1;
}

.cta-block h2 {
  font-size: 72px;
  color: var(--white);
  line-height: 52px;
  margin-bottom: 30px;
}

.cta-block h3 {
  color: #fff;
  margin-bottom: 30px;
}

.faq-box {
  padding: 80px 50px;
}

.faq-accordion {
  border-radius: 2px;
}

.faq-wrap {
  display: flex;
  align-items: center;
}

.faq-wrap .section-heading p {
  margin: 15px 0;
}

/* Accordion container border */
.accordion {
  --bs-accordion-border-radius: none;
  --bs-accordion-inner-border-radius: none;
  box-shadow: none;
  --bs-accordion-btn-active-icon: url("../img/download.svg") !important;
}

.accordion-item:last-of-type > .accordion-header .accordion-button {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.accordion-item {
  border: 1px solid #ddd;
  border-radius: 0;
}

/* Header style */
.accordion-button {
  background-color: var(--secondary);
  /* brownish background */
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  border: none;
  box-shadow: none;
  padding: 15px 20px;
  transition: background-color 0.3s ease;
}

.accordion-button:not(.collapsed) {
  background-color: var(--secondary) !important;
  /* brown background */
  color: #fff !important;
  /* white text */
  font-weight: bold;
  box-shadow: none;
}

/* Hover effect */
.accordion-button:not(.collapsed):hover,
.accordion-button:hover {
  background-color: var(--primary);
}

/* Collapsed headers */
.accordion-button.collapsed {
  background-color: #fff;
  color: #a08b74;
  font-weight: 500;
  border-bottom: 1px solid #eee;
}

/* Accordion body content */
.accordion-body {
  padding: 20px;
  font-size: 15px;
  line-height: 1.6;
  background-color: #fff;
  color: #555;
  border-radius: 0;
}

/*==============================================
    ACCORDION SECTION
==============================================*/
.acc-item {
  background-color: #fff;
  border: 0;
  border-radius: 0;
}

.acc-item h5 {
  background-color: #fff;
  font-weight: 600;
  color: #162466;
  margin: 0;
  border-radius: 0;
  transition: background-color 0.3s linear;
}

.acc-item.active-acc h5 {
  background-color: var(--secondary);
  transition: background-color 0.3s linear;
}

.acc-item h5 a {
  color: var(--primary);
  display: block;
  padding: 20px 45px;
  font-weight: 600;
  font-size: 16px;
  line-height: 30px;
  position: relative;
  padding-left: 20px;
  border: 1px solid #eee;
}

.acc-item h5 a:focus {
  border: 1px solid #eee;
}

.acc-item h5 a:before {
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  font-size: 15px;
  position: absolute;
  right: 20px;
  top: 20px;
  color: #808291;
  transition: all 0.3s linear;
}

.active-acc h5 a:before {
  color: var(--primary);
  content: "\f068";
  transition: all 0.3s linear;
}

.home-3-acc .active-acc h5 a:before {
  background-color: #36bba0;
}

.card-body {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.collapse.show:focus,
.card-body:focus {
  border: none;
  box-shadow: none;
  outline: none;
}

.faq-bg {
  background-image: url(../img/faq-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
}

/*==============================================
    PAGE HEADER SECTION
==============================================*/
.page-header {
  background-image: url(../img/title-bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 400px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
}

.page-header:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: -1;
}

.page-content h2 {
  color: #fff;
  font-size: 65px;
  margin-bottom: 40px;
}

.page-content p {
  color: #ddd;
  margin: 0;
  font-weight: 500;
}

/*==============================================
    BLOG SECTION
==============================================*/
.blog-wrap {
}

.blog-item {
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.blog-item .blog-thumb {
  position: relative;
}

.blog-item .blog-thumb .category {
  background-color: var(--secondary);
  padding: 5px 15px;
  text-align: center;
  color: var(--primary);
  font-size: 14px;
  font-weight: 600;
  font-family: "Albert Sans", sans-serif;
  position: absolute;
  width: auto;
  height: auto;
  left: 0;
  bottom: 0;
}

.blog-item .blog-thumb .category a {
  color: var(--primary);
}

.blog-item .blog-thumb img {
  width: 100%;
  margin: 0;
}

.blog-content {
  background-color: #fff;
  padding: 30px;
}

.blog-content h3 {
  line-height: 24px;
}

.blog-content h3 a {
  color: var(--primary);
  font-size: 20px;
  line-height: 26px;
}

.blog-content h3 a:hover {
  color: var(--secondary);
}

.blog-content .read-more {
  font-family: "Albert Sans", sans-serif;
  color: var(--primary);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  padding-left: 40px;
}

.blog-content .read-more:hover {
  color: var(--secondary);
}

.blog-content .read-more:before {
  background-color: var(--secondary);
  position: absolute;
  content: "";
  width: 30px;
  height: 4px;
  left: 0;
  top: calc(50% - 2px);
}

/*  ======= Pagination ======= */
.pagination-wrap {
}

.pagination-wrap li {
  display: inline-block;
  margin: 0 5px;
}

.pagination-wrap.text-left li {
  margin: 0 10px 0 0;
}

.pagination-wrap li a {
  border: 1px solid #e5e5e5;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  color: var(--primary);
  font-weight: 600;
  border-radius: 2px;
}

.pagination-wrap li a:hover {
  background-color: var(--secondary);
  color: #fff;
  opacity: 1;
  text-decoration: none;
}

.pagination-wrap li a.active {
  background-color: var(--secondary);
  border: 1px solid var(--secondary);
  color: #fff;
}

/*  ======= Blog Single ======= */
.blog-thumb {
}

.blog-thumb img {
  margin-bottom: 20px;
  width: 100%;
}

.blog-single-content {
}

.blog-single-content h2 a {
  font-size: 28px;
  color: var(--primary);
}

.blog-single-content h2 a:hover {
  color: var(--secondary);
}

.single-post-meta {
  margin-bottom: 20px;
}

.single-post-meta li {
  display: inline-block;
  margin-right: 20px;
}

.single-post-meta li i {
  font-size: 12px;
  color: var(--secondary);
  margin-right: 5px;
}

.single-post-meta li a {
  display: inline-block;
  font-family: "Albert Sans", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: var(--primary);
}

/* Blog Quote */
blockquote {
  background-color: #f5f5f5;
  padding: 40px;
  border-left: 4px solid var(--secondary);
  margin: 30px 0;
  position: relative;
  z-index: 1;
  color: #000000;
}

blockquote .dots {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: -1;
}

blockquote p {
  color: var(--primary);
  font-size: 20px;
  font-weight: 500;
}

blockquote span {
  display: block;
  margin-top: 20px;
  color: var(--primary);
}

/* Post Tags */
.post-tags {
  margin-top: 30px;
}

.post-tags li {
  display: inline-block;
}

.post-tags li a {
  display: inline-block;
  background-color: var(--secondary);
  padding: 5px 10px;
  border-radius: 2px;
  font-size: 12px;
  color: #fff;
  margin: 3px;
}

.post-tags li a:hover {
  background-color: var(--primary);
  color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Author Box */
.author-box {
  display: flex;
  align-items: center;
  padding: 30px;
  margin-top: 30px;
  border-left: 4px solid var(--secondary);
}

.author-box img {
  border-radius: 50%;
}

.author-info {
  padding-left: 30px;
}

.author-info h3 {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 5px;
}

.author-box .social-icon {
}

.author-box .social-icon li {
  display: inline-block;
  margin-right: 8px;
}

.author-box .social-icon li a {
  font-size: 14px;
  color: var(--primary);
}

.author-box .social-icon li a:hover {
  color: var(--secondary);
}

/* Post Navigation */
.post-navigation {
  border: 1px solid #e5e5e5;
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
}

.post-navigation .col {
  padding: 20px;
}

.post-navigation .col:not(:last-of-type) {
  border-right: 1px solid rgba(17, 17, 17, 0.04);
}

.post-navigation .col a {
  color: var(--primary);
  font-size: 12px;
  text-transform: uppercase;
  font-family: "Albert Sans", sans-serif;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.post-navigation .col.next-post a {
  justify-content: flex-end;
}

.post-navigation .col i {
  display: inline-block;
  font-size: 14px;
}

.post-navigation .ti-arrow-left {
  margin-right: 10px;
}

.post-navigation .ti-arrow-right {
  margin-left: 10px;
}

.post-navigation .col a:hover {
  color: var(--secondary);
}

.post-navigation .col.prev-post .fa {
  margin-right: 10px;
}

.post-navigation .col.next-post .fa {
  margin-left: 10px;
}

/* Comments Style */
.blog-single-wrap .comments-area {
  margin-top: 40px;
}

.blog-single-wrap .comments-area .comments {
  border-bottom: 0;
}

.blog-single-wrap .comments-area li > div {
  border-bottom: 1px solid rgba(17, 17, 17, 0.05);
  padding: 35px;
}

.blog-single-wrap .comments-area ol {
  list-style-type: none;
  padding-left: 0;
}

.blog-single-wrap .comments-area ol ul {
  padding-left: 30px;
  list-style-type: none;
  margin: 0;
}

.blog-single-wrap .comments-area ol > li:last-child div {
  border-bottom: 0;
}

.blog-single-wrap .comments-area .comments-title {
  font-size: 22px;
  font-weight: 600;
}

.blog-single-wrap .comments-area li > div {
  position: relative;
}

.blog-single-wrap .comments-area .comment-thumb {
  position: absolute;
  left: 35px;
}

.blog-single-wrap .comments-area .comment-thumb .comment-img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.blog-single-wrap .comments-area .comment-thumb .comment-img img {
  border-radius: 50%;
}

.blog-single-wrap .comments-area .comment-main-area {
  padding-left: 100px;
}

.blog-single-wrap .comments-area .comment-main-area p {
  margin-bottom: 20px;
}

.blog-single-wrap .comments-area .comments-meta h4 {
  font-family: "Albert Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -1px;
}

.blog-single-wrap .comments-area .comments-meta h4 span {
  font-family: "Albert Sans", sans-serif;
  font-weight: 600;
  text-transform: none;
  display: inline-block;
  font-size: 12px;
  margin-left: 5px;
  letter-spacing: 0;
}

.blog-single-wrap .comments-area .comment-reply-link {
  font-family: "Albert Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--secondary);
  display: inline-block;
  text-transform: uppercase;
  padding-left: 35px;
  position: relative;
}

.blog-single-wrap .comments-area .comment-reply-link:before {
  background-color: var(--secondary);
  position: absolute;
  content: "";
  width: 30px;
  height: 2px;
  left: 0;
  top: calc(50% - 1px);
}

.blog-single-wrap .comments-area .comment-reply-link:hover {
  text-decoration: underline;
}

.blog-single-wrap .comment-respond {
}

.blog-single-wrap .comment-respond .comment-reply-title {
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -1px;
  margin-bottom: 20px;
}

.blog-single-wrap .comment-respond form input,
.blog-single-wrap .comment-respond form textarea {
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  width: 100%;
  height: 50px;
  padding: 6px 15px;
  margin-bottom: 15px;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  transition: all 0.3s;
}

.blog-single-wrap .comment-respond form input:focus,
.blog-single-wrap .comment-respond form textarea:focus {
  border-color: var(--secondary);
}

.blog-single-wrap .comment-respond form textarea {
  height: 200px;
  padding: 15px;
}

.blog-single-wrap .comment-respond .form-inputs {
  overflow: hidden;
}

.blog-single-wrap .comment-respond .form-inputs > input:nth-child(2) {
  width: 49%;
  float: left;
}

.blog-single-wrap .comment-respond .form-inputs > input:nth-child(3) {
  width: 49%;
  float: right;
}

.blog-single-wrap .comment-respond .form-submit input {
  font-family: "Albert Sans", sans-serif;
  max-width: 180px;
  background-color: var(--secondary);
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 0;
  border: 0;
  outline: 0;
  cursor: pointer;
  border-radius: 0;
  text-transform: uppercase;
}

.blog-single-wrap .comment-respond .form-submit input:hover {
  opacity: 0.9;
}

/*  ======= Sidebars ======= */
.sidebar-wrap {
  padding-left: 40px;
}

.sidebar-wrap .widget-content:not(:last-of-type) {
  margin-bottom: 40px;
}

.sidebar-wrap .widget-content h4 {
  position: relative;
  margin-bottom: 30px;
}

.sidebar-wrap .widget-content h4:before {
  background-color: var(--secondary);
  position: absolute;
  content: "";
  width: 20%;
  height: 3px;
  left: 0;
  bottom: -5px;
}

.sidebar-wrap .widget-content .widget-links li a:hover {
  text-decoration: underline;
}

/* Search Form */
.search-form {
  position: relative;
  margin-left: -2px;
}

.search-form .form-control {
  background-color: #f5f5f5;
  box-shadow: none;
  width: 100%;
  display: block;
  border: 1px solid #e5e5e5;
  color: var(--primary);
  height: auto;
  padding: 15px 20px;
  border-radius: 2px;
  padding-right: 60px;
}

.search-form .search-btn {
  background-color: transparent;
  font-size: 15px;
  color: var(--primary);
  width: 60px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: 10px 0;
  opacity: 0.6;
  border: none;
}

.search-form .search-btn:focus,
.search-form .search-btn:hover {
  opacity: 1;
  cursor: pointer;
}

.search-form input::-webkit-input-placeholder {
  color: #8d9aa8 !important;
}

.search-form input:-moz-placeholder {
  /* Firefox 18- */
  color: #8d9aa8 !important;
}

.search-form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #8d9aa8 !important;
}

.search-form input:-ms-input-placeholder {
  color: #8d9aa8 !important;
}

/* Thumbnails Post */
.thumb-post {
}

.thumb-post li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: top;
  margin-bottom: 20px;
}

.thumb-post li:last-child {
  margin-bottom: 0;
}

.thumb-post li img {
  width: 100px;
  display: block;
}

.thumb-post li a {
  font-family: "Albert Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: var(--primary);
  padding-left: 15px;
  letter-spacing: -0.5px;
}

.thumb-post li a:hover {
  color: var(--secondary);
  text-decoration: underline;
}

/* Tag Cloud */
.widget-content .tags {
}

.widget-content .tags li {
  display: inline-block;
}

.widget-content .tags li a {
  display: inline-block;
  background-color: var(--secondary);
  padding: 5px 10px;
  border-radius: 2px;
  font-size: 12px;
  color: #fff;
  margin: 3px;
}

.widget-content .tags li a:hover {
  background-color: var(--primary);
  color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Category */
.widget-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.widget-content ul li a {
  color: #6a7695;
  line-height: 1.9;
}

.widget-content ul li a:hover {
  color: var(--secondary);
}

/*==============================================
    CONTACT SECTION
==============================================*/
.contact-section {
  background-image: url(../img/map-pattern.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 60%;
  width: 100%;
  height: 100%;
}

.contact-info h4 {
  line-height: 30px;
}

.contact-info h4 span {
  margin-right: 10px;
}

.contact-form .form-control {
  background-color: #fff;
  border: 1px solid #2875ac;
  height: 50px;
  border-radius: 2px;
  margin-bottom: 20px;
}

.contact-form .form-control.message {
  height: 200px;
}

.contact-form .default-btn {
  /*color: var(--primary);*/
  color:white;
}

.contact-form .default-btn:hover {
  color: #fff;
}

/*==============================================
    FOOTER SECTION
==============================================*/

.footer-item .logo {
  margin-bottom: 20px;
  display: block;
}

.footer-item .logo img {
  width: 180px;
}

.footer-item p {
  margin-bottom: 20px;
}

.footer-item .certified {
}

.footer-item .certified li {
  display: inline-block;
  margin-right: 15px;
}

.footer-item .certified li img {
  width: 35px;
}

.footer-social li {
  display: inline-block;
  margin-right: 10px;
  font-size: 20px;
  color: var(--secondary);
}

.footer-social li a {
  color: var(--secondary);
}

.footer-social li a:hover {
  color: #ffffff;
}

.subscribe-form .form-input {
  width: 78%;
  height: 50px;
  border: 1px solid #eee;
  margin: 0;
  padding: 0 10px;
  border-radius: 2px;
  outline: none;
  box-shadow: none;
}

.subscribe-form .submit-btn {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: var(--secondary);
  color: var(--primary);
  border-radius: 2px;
  outline: none;
  box-shadow: none;
}

.subscribe-form .form-input:focus {
  border: 1px solid var(--secondary);
}

.subscribe-form .submit-btn i {
  font-size: 20px;
}

.copyright {
  padding: 25px 0;
  border-top: 1px solid var(--l-dark);
  margin-bottom: 0;
}

.copyright a {
  color: var(--primary);
  margin-right: 10px;
}

.copyright a:last-child {
  margin: 0;
}

.copyright a:hover {
  text-decoration: underline;
}

/*  ======= Media Query ======= */
/* max-width 1024px */
@media (max-width: 1024px) {
  .header-menu-wrap ul li > a {
    padding: 0 10px;
  }
}

/* max-width 992px */
@media (max-width: 992px) {
  .sm-padding {
    padding: 15px;
  }

  .sidebar-wrap {
    padding-left: 0;
    margin-top: 20px;
  }

  .section-heading h2 {
    font-size: 32px;
    line-height: 38px;
  }

  .about-btn li {
    display: inline-block;
  }

  .booking-form {
    margin: 0;
    padding: 30px 20px;
  }

  .booking-form .nice-select.form-control span {
    font-size: 12px;
  }

  .booking-form .nice-select .option {
    font-size: 10px;
  }

  .form-heading h2 {
    font-size: 24px;
  }

  .testi-item h3 {
    margin-left: 0;
  }

  .cta-content h2 {
    font-size: 36px;
    line-height: 42px;
  }

  .cta-section svg {
    bottom: 0;
  }
}

/* max-width 767px */
@media all and (max-width: 767px) {
  .padding {
    padding: 60px 0;
  }

  .xs-padding {
    padding: 15px;
  }

  p br {
    display: none;
  }

  .sidebar-wrap {
    padding-left: 0;
  }

  .blog-single-content h2 a {
    font-size: 22px;
    line-height: 28px;
  }

  .blog-single-content h2 {
    line-height: 28px;
  }

  blockquote p {
    line-height: 32px;
  }

  .cta-block-content {
    padding: 50px 0;
  }

  .cta-block-content h2 {
    font-size: 42px;
    margin-bottom: 10px;
  }

  .page-content h2 {
    font-size: 32px;
  }
}

/* max-width 580px */
@media all and (max-width: 580px) {
  .header-3 a.header-btn,
  .header-1 a.header-btn {
    display: none;
  }

  .top-left {
    width: 100%;
    padding: 15px 0;
    text-align: center;
  }

  .top-bar .top-left li {
    font-size: 14px;
    display: block;
    padding: 0;
    line-height: 1;
  }

  .top-bar .top-left li:not(:last-of-type) {
    margin-bottom: 10px;
  }

  .primary-header-inner .header-right {
    margin-left: 0;
  }

  .header-right a.dl-btn {
    padding: 3px 10px;
    font-size: 14px;
    line-height: 32px;
    margin: 0;
    margin-left: 15px;
  }

  .primary-header-two .header-right a.dl-btn {
    padding: 5px 15px;
  }

  .header-three .top-bar .top-left li,
  .header-three .top-bar .top-left li:first-child {
    border: none;
  }

  .header-one .header-right .dl-btn {
    display: none;
  }

  #scrollup {
    bottom: 20px;
    right: 20px;
  }
}

/* max-width 420px */
@media all and (max-width: 420px) {
}

/* max-width 320px */
@media (max-width: 320px) {
  .primary-header .header-logo {
    max-width: 122px;
  }

  .header-right .mobile-menu-icon {
    margin-left: 10px;
  }
}