/*=================Scss Indexing=============
1.variables
2.typography
3.spacing
4.reset
5.forms
6.mixins
7.shortcode
8.animations
9.text-animation
10.sal
11.header
12.mobile-menu
13.button
14.nav
15.banner
16.swiper
17.funfacts
18.cta
19.about
20.common
21.service
22.projects
23.working-process
24.blog
25.blog-details
26.footer
27.search-input
28./side-bar
29.team
30.testimonials
31.faq
32.pricing
33.date-picker
34.time-picker
35.appoinment
36.awesome-feedback
37.contact
38.pre-loader.scss
39.back-to-top
40. Print Css



==============================================  */
/* Default  */
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

:root {
  --color-primary: #629d23;
  --color-secondary: #1f1f25;
  --color-body: #6e777d;
  --color-heading-1: #2c3c28;
  --color-white: #fff;
  --color-success: #3eb75e;
  --color-danger: #dc2626;
  --color-warning: #ff8f3c;
  --color-info: #1ba2db;
  --color-facebook: #3b5997;
  --color-twitter: #1ba1f2;
  --color-youtube: #ed4141;
  --color-linkedin: #0077b5;
  --color-pinterest: #e60022;
  --color-instagram: #c231a1;
  --color-vimeo: #00adef;
  --color-twitch: #6441a3;
  --color-discord: #7289da;
  --p-light: 300;
  --p-regular: 400;
  --p-medium: 500;
  --p-semi-bold: 600;
  --p-bold: 700;
  --p-extra-bold: 800;
  --p-black: 900;
  --s-light: 300;
  --s-regular: 400;
  --s-medium: 500;
  --s-semi-bold: 600;
  --s-bold: 700;
  --s-extra-bold: 800;
  --s-black: 900;
  --transition: 0.3s;
  --font-primary: "Barlow", sans-serif;
  --font-secondary: "Barlow", sans-serif;
  --font-three: "FontAwesome";
  --font-size-b1: 16px;
  --font-size-b2: 16px;
  --font-size-b3: 14px;
  --line-height-b1: 1.3;
  --line-height-b2: 1.3;
  --line-height-b3: 1.3;
  --h1: 60px;
  --h2: 30px;
  --h3: 26px;
  --h4: 18px;
  --h5: 16px;
  --h6: 15px;
}

.logo-search-category-wrapper2 {
  display: flex;
  align-items: center;
  gap: 35px;
  justify-content: space-between;
}

@media only screen and (max-width: 1199px) {
  .logo-search-category-wrapper2 {
    gap: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .logo-search-category-wrapper2 {
    gap: 20px;
    padding: 12px 0;
  }
}

@media only screen and (max-width: 767px) {
  .logo-search-category-wrapper2 {
    gap: 20px;
    padding: 12px 0;
  }
}

@media only screen and (max-width: 675px) {

  .logo-search-category-wrapper2{
    width: 100% !important;
  }
  .category-search-wrapper {
    width: 100% !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
   
  }

  .category-search-wrapper {
    display: flex;
    flex-direction: column;
    gap: 10px;
    
  }

  .category-btn {
    width: 100%;
  }

  .category-search-wrapper form{
    margin-top: 20px !important;
    width: 100%;
  }

}

@media only screen and (max-width: 575px) {
  .logo-search-category-wrapper2 {
    gap: 10px;
  }
}

/* .logo-search-category-wrapper2 .actions-area {
  display: flex;
  align-items: center;
  gap: 15px;
  display: none;
} */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .logo-search-category-wrapper2 .actions-area {
    display: flex;
  }
}

@media only screen and (max-width: 767px) {
  .logo-search-category-wrapper2 .actions-area {
    display: flex;
  }
}

.logo-search-category-wrapper2 .actions-area > div {
  border-radius: 6px;
  border: 1px solid #e2e2e2;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 26px;
  gap: 10px;
  font-weight: 500;
  color: #2c3c28;
  transition: 0.3s;
  cursor: pointer;
  box-shadow: 0px 6px 17px rgba(0, 0, 0, 0.06);
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  .logo-search-category-wrapper2 .actions-area > div {
    height: 40px;
    padding: 0;
    width: 40px;
  }
}

@media only screen and (max-width: 575px) {
  .logo-search-category-wrapper2 .actions-area > div {
    border: none;
  }
}

.logo-search-category-wrapper2 .category-search-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.logo-search-category-wrapper2 .category-search-wrapper .location-area {
  display: flex;
  align-items: center;
  height: 50px;
  border: 1px solid #e2e2e2;
  padding: 16px 16px 16px 0;
  margin-right: 20px;
  border-radius: 5px;
  margin-top: 0;
}

/* @media screen and (max-width: 1270px) {
  .logo-search-category-wrapper2 .category-search-wrapper .location-area {
    display: none;
  }
} */

.logo-search-category-wrapper2 .category-search-wrapper .location-area .icon {
  padding: 16px;
  border-right: 1px solid #e2e2e2;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}

.logo-search-category-wrapper2
  .category-search-wrapper
  .location-area
  .information
  span {
  font-size: 12px;
  color: #74787c;
}

.logo-search-category-wrapper2
  .category-search-wrapper
  .location-area
  .information
  p {
  color: #2c3c28;
  font-size: 14px;
  font-weight: 600;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .logo-search-category-wrapper2
    .category-search-wrapper
    .location-area
    .information
    p {
    font-size: 10px;
  }
}

@media only screen and (max-width: 1199px) {
  .logo-search-category-wrapper2
    .category-search-wrapper
    .location-area
    .information
    p {
    font-size: 10px;
  }
}

/* @media only screen and (min-width: 768px) and (max-width: 991px) {
  .logo-search-category-wrapper2 .category-search-wrapper {
    display: none;
  }
} */

/* @media only screen and (max-width: 767px) {
  .logo-search-category-wrapper2 .category-search-wrapper {
    display: none;
  }
} */

.logo-search-category-wrapper2 .category-search-wrapper .category-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 50px;
  border-radius: 5px;
  background: #f3f4f6;
  padding: 15px 16px;
  cursor: pointer;
  font-weight: 600;
  color: #2c3c28;
  position: relative;
}

.logo-search-category-wrapper2 .category-search-wrapper .search-header {
  flex-basis: 70%;
  position: relative;
}

/* @media only screen and (min-width: 768px) and (max-width: 991px) {
  .logo-search-category-wrapper2 .category-search-wrapper .search-header {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .logo-search-category-wrapper2 .category-search-wrapper .search-header {
    display: none;
  }
} */

.logo-search-category-wrapper2 .category-search-wrapper .search-header input {
  width: 802px;
  height: 50px;
  background: #f3f4f6;
  border: 1px solid transparent;
  border-radius: 5px;
  padding-right: 150px;
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .logo-search-category-wrapper2 .category-search-wrapper .search-header input {
    width: 600px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .logo-search-category-wrapper2 .category-search-wrapper .search-header input {
    width: 400px;
  }
}

@media only screen and (max-width: 1199px) {
  .logo-search-category-wrapper2 .category-search-wrapper .search-header input {
    width: 400px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .logo-search-category-wrapper2 .category-search-wrapper .search-header input {
    width: 350px;
  }
}

.logo-search-category-wrapper2
  .category-search-wrapper
  .search-header
  input:focus {
  border: 1px solid var(--color-primary);
}

.logo-search-category-wrapper2
  .category-search-wrapper
  .search-header
  a.rts-btn {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  height: 40px;
}

.logo-search-category-wrapper2 .category-search-wrapper .search-header button {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  height: 40px;
}

.header-style-two.bg-primary-header
  .logo-search-category-wrapper2
  .category-search-wrapper
  .search-header
  input {
  width: 475px;
  height: 50px;
}

@media only screen and (max-width: 1300px) {
  .header-style-two.bg-primary-header
    .logo-search-category-wrapper2
    .category-search-wrapper
    .search-header
    input {
    width: 300px;
  }
}

.header-style-two.bg-primary-header
  .logo-search-category-wrapper2
  .category-search-wrapper {
  gap: 0;
}

.header-style-two.bg-primary-header
  .logo-search-category-wrapper2
  .category-search-wrapper
  .search-header
  input {
  border-radius: 0 5px 5px 0;
}

.header-style-two.bg-primary-header
  .logo-search-category-wrapper2
  .category-search-wrapper
  .category-btn {
  border-radius: 5px 0 0 5px;
  border-right: 1px solid #d9d9d9;
}

/* .rts-header-nav-area-one.header-two .logo-search-category-wrapper2 {
  display: none;
} */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rts-header-nav-area-one.header-two .logo-search-category-wrapper2 {
    display: flex;
  }
}

@media only screen and (max-width: 767px) {
  .rts-header-nav-area-one.header-two .logo-search-category-wrapper2 {
    display: flex;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-primary-sticky.header-style-two.bg-primary-header
    .logo-search-category-wrapper2 {
    background: #fff;
  }
}

@media only screen and (max-width: 767px) {
  .header-primary-sticky.header-style-two.bg-primary-header
    .logo-search-category-wrapper2 {
    background: #fff;
  }
}

.logo-search-category-wrapper2.style-five-call-us .search-header input {
  width: 450px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .logo-search-category-wrapper2.style-five-call-us .search-header input {
    width: 360px;
  }
}

@media only screen and (max-width: 1199px) {
  .logo-search-category-wrapper2.style-five-call-us .search-header input {
    width: 300px;
  }
}

.logo-search-category-wrapper2.style-five-call-us
  .category-search-wrapper
  .location-area {
  border: none;
  min-width: max-content;
}

.logo-search-category-wrapper2.style-five-call-us
  .category-search-wrapper
  .location-area
  .icon {
  height: 45px;
  width: 45px;
  border: 1px solid var(--color-primary);
  border-radius: 50%;
}

.logo-search-category-wrapper2.style-five-call-us
  .category-search-wrapper
  .location-area
  .icon
  i {
  color: var(--color-primary);
  transform: rotate(-30deg);
}

.logo-search-category-wrapper2.style-five-call-us
  .category-search-wrapper
  .location-area
  .information
  span {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-heading-1);
}

.logo-search-category-wrapper2.style-five-call-us
  .category-search-wrapper
  .location-area
  .information
  a
  p {
  font-size: 22px;
  line-height: 1.3;
}

.logo-search-category-wrapper2.style-five-call-us
  .category-search-wrapper
  input {
  background: #fff;
  border: 1px solid #e6e6e6;
}

.logo-search-category-wrapper2 .category-search-wrapper.style-five {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: -190px;
}

@media only screen and (min-width: 1600px) and (max-width: 1919px) {
  .logo-search-category-wrapper2 .category-search-wrapper.style-five {
    margin-left: 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
  .logo-search-category-wrapper2 .category-search-wrapper.style-five {
    margin-left: 0;
  }
}

@media only screen and (max-width: 1199px) {
  .logo-search-category-wrapper2 .category-search-wrapper.style-five {
    margin-left: 0;
  }
}

.logo-search-category-wrapper2
  .category-search-wrapper.style-five.style-five-call-us {
  margin-left: -190px;
}

.logo-search-category-wrapper2
  .category-search-wrapper.style-five
  .location-area
  .information
  a
  p {
  color: var(--color-primary);
}
