/*!
Theme Name: Farajbrothers
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: farajbrothers
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Farajbrothers is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

html {
  overflow-x: hidden;
}

body {
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
}

* {
  outline: none;
}

a {
  text-decoration: none;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s
}

p {
  margin-top: 0px;
}

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

.spin_animation img {
  animation-name: spin;
  animation-duration: 6000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.copyright_sec a:hover {
  color: #B4975A !important;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.single .project {
  margin: 1.5em 0 0;
}

.contact_info a {
  color:#000;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-decoration-line: underline !important;
}

.home_banner_sec .home_slider .elementor-swiper .swiper-pagination.swiper-pagination-bullets {
  text-align: right;
  padding: 0px 50px 20px;
}

.home_banner_sec .home_slider .elementor-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: transparent;
  border: 2px solid #fff;
}

.home_banner_sec .home_slider .elementor-swiper .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
  border: 2px solid #fff;
}

.testimonial_mainsec .elementor-swiper .elementor-swiper-button {
  left: -100px !important;
}

.testimonial_mainsec .elementor-swiper .elementor-swiper-button.elementor-swiper-button-next {
  right: -100px !important;
  left: inherit !important;
}

.testimonial_mainsec .elementor-swiper .elementor-swiper-button i {
  display: none;
}

.testimonial_mainsec .elementor-swiper .elementor-swiper-button .elementor-screen-only {
  position: static;
  overflow: visible;
  color: #000;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  font-family: "Inter", Sans-serif;
  background-image: url(img/arrow-prev.png);
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: 0px;
  width: 100%;
  height: 20px;
  padding-left: 22px;
  opacity: 0.3;
}

.testimonial_mainsec .elementor-swiper .elementor-swiper-button:hover .elementor-screen-only {
  opacity: 1;
}

.testimonial_mainsec .elementor-swiper .elementor-swiper-button.elementor-swiper-button-next .elementor-screen-only {
  background-image: url(img/arrow-next.png);
  background-position: 100%;
  padding-right: 22px;
  padding-left: 0px;
}

.other_page_banner {
  position: relative;
}

.other_page_banner::after {
  content: "";
  background: linear-gradient(0deg, rgba(54, 54, 54, 0.20) 0%, #141414 100%) !important;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 9;
}

.other_page_banner > .elementor-element {
  position: relative;
  z-index: 99;
}

#breadcrumbs span .breadcrumb_last {
  font-weight: 300;
}

.our_process_slider .elementor-swiper-button {
  top: -200px !important;
  right: 220px !important;
  left: inherit !important;
}

.our_process_slider .elementor-swiper-button.elementor-swiper-button-next {
  top: -120px !important;
  right: 220px !important;
  left: inherit !important;
}

.our_process_slider .elementor-swiper-button i {
  font-size: 0px;
  background-image: url(img/arrow-next-img.png);
  background-repeat: no-repeat;
  background-size: 70px;
  background-position: 0px;
  width: 75px;
  height: 75px;
}

.our_process_slider .elementor-swiper-button.elementor-swiper-button-next i {
  font-size: 0px;
  background-image: url(img/arrow-prev-img.png);
  background-repeat: no-repeat;
  background-size: 70px;
  background-position: 0px;
  width: 75px;
  height: 75px;
}

.project_shorting_main {
  margin-top: -15px;
}

.project_shorting_main .pro_filter {
  background-color: #fff;
  border: none;
  padding: 15px 15px;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  outline: none;
  box-shadow: none;
  width: 100%;
}

.shortby_txt p {
  margin-top: 0px;
  margin-bottom: 0px;
}

.project_mainbox .elementor-widget-image .elementor-widget-container {
  width: 100%;
  height: 230px;
  overflow: hidden;
}

.project_mainbox .elementor-widget-image img {
  transition: transform .5s;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.project_mainbox:hover .elementor-widget-image img {
  transition: transform .5s;
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.team_mainbox .elementor-widget-image .elementor-widget-container {
  width: 100%;
  height: 420px;
  overflow: hidden;
}

.team_mainbox .elementor-widget-image .elementor-widget-container img {
  transition: transform .5s;
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.team_mainbox:hover .elementor-widget-image .elementor-widget-container img {
  transition: transform .5s;
  -ms-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.contact_form .elementor-field-type-radio .elementor-field-subgroup .elementor-field-option {
  width: 50%;
  flex-basis: 50%;
}

.category_filter_mainsec .title_sec p {
  margin-bottom: 0px;
}

/* ===================== Responsive Css Start ===================== */

@media only screen and (max-width: 767px) {
.header_mainsec {
  position: relative;
}
	
.header_mainsec .menu_box {
  position: absolute;
  top: 28px;
  right: 0px;
  z-index: 999;
  width: 100%;
}
	
.header_mainsec .menu_box .menu_sec .elementor-menu-toggle {
  padding-right: 10px;
}
	
.header_mainsec .menu_box .menu_sec {
  width: 100%;
}
	
.header_mainsec .menu_box .menu_sec ul li a {
  color: #000;
}
	
.home_banner_sec .home_slider .elementor-swiper .swiper-pagination.swiper-pagination-bullets {
  text-align: center;
  padding: 0px 20px 20px;
}

.home_banner_sec .home_slider .elementor-swiper .elementor-slides-wrapper .swiper-wrapper .swiper-slide {
  position: relative;
}
	
.home_banner_sec .home_slider .elementor-swiper .elementor-slides-wrapper .swiper-wrapper .swiper-slide::after {
  content: "";
  background-color: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
	
.home_banner_sec .home_slider .elementor-swiper .elementor-slides-wrapper .swiper-wrapper .swiper-slide .swiper-slide-inner {
  z-index: 9;
}

.our_process_slider .elementor-swiper-button {
  display: none !important;
}

.project_shorting_main {
  margin-top: -34px;
}

.backprojrct_btn .elementor-button .elementor-button-content-wrapper .elementor-button-text {
  text-align: left;
  line-height: 21px;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px)  {
.home_banner_sec .home_slider .elementor-swiper .elementor-slides-wrapper .swiper-wrapper .swiper-slide {
  position: relative;
}
	
.home_banner_sec .home_slider .elementor-swiper .elementor-slides-wrapper .swiper-wrapper .swiper-slide::after {
  content: "";
  background-color: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}

.home_banner_sec .home_slider .elementor-swiper .elementor-slides-wrapper .swiper-wrapper .swiper-slide .swiper-slide-inner {
  z-index: 9;
}

.our_process_slider .elementor-swiper-button {
  right: 100px !important;
  top: -145px !important;
}

.our_process_slider .elementor-swiper-button.elementor-swiper-button-next {
  right: 100px !important;
  top: -65px !important;
}
}

/* ===================== Responsive Css End ===================== */