/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1708324720
Updated: 2024-02-19 06:38:40

*/

/*----- Custom fonts -----*/

input:-webkit-autofill {
    -webkit-text-fill-color: #000 !important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px #23232300;
}

html {
    scroll-behavior: smooth !important;
  }
  body {
      font-family: 'HelveticaNeue';
      overflow-x: hidden;
  
  }
  body.home, 
  body.page-id-1179{
   background: #131313;
  }
  .comments-area a,.page-content a {
      text-decoration:none; 
  }
  .body h1, .body h2,
  .helvetica_font, .helvetica_font span,
  .helvetica_font div, .helvetica_font p,
  .helvetica_font h1, .helvetica_font h2,
  .helvetica_font h3 .helvetica_font h4,
  .helvetica_font h5, .helvetica_font h6 {
      font-family: 'HelveticaNeue';
  }
  
  .futura_font, .futura_font span,
  .futura_font div, .futura_font p,
  .futura_font h1, .futura_font h2,
  .futura_font h3 .futura_font h4,
  .futura_font h5, .futura_font h6 {
      font-family: 'Futura PT';
  }
  .elementor-button .elementor-button-text {
      font-family: 'Futura PT';
  }
  .font_bold, .font_bold span,
  .font_bold div, .font_bold p,
  .font_bold h1, .font_bold h2,
  .font_bold h3 .font_bold h4,
  .font_bold h5, .font_bold h6 {
      font-weight: 300;
  }
  
  .sticky_header .header_sec {
    background: rgb(0 0 0 / 70%);
  }

  .header_sec .hfe-site-logo-container {
      display: flex;
  }
  .Menu_expand_wrap {
      transform: translateY(-100%);
      transition: ease-in-out 0.9s;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
      padding-bottom: 90px !important;
  }
  .ehf-header #masthead.open_menu .Menu_expand_wrap {
      transform: translateY(0);
  }
  .ehf-header #masthead.open_menu .header_sec {
      border: none;
      background: transparent;
      pointer-events: none;
  }
  .header_sec {
      z-index: 9;
  }
  .Menu_expand_wrap .menu_inner_cross {
      opacity: 0;
  }
  .ehf-header #masthead.open_menu .header_sec .header_logo {
      opacity: 0;
  }
  .header_bar svg, 
  .header_cross svg{
      cursor: pointer;
      width: 40px;
      height: 40px;
  }
  .menu_inner_cross {
      width: auto;
      position: absolute;
      right: 50px;
  }
  .ehf-header #masthead.open_menu .header_cross{
      opacity: 1;
      visibility: visible;
  }
  /*.ehf-header #masthead.open_menu .header_plus{
      opacity: 0;
      visibility: hidden;
  }*/
  .Menu_expand_wrap .hfe-site-logo-container .hfe-site-logo-img {
      display: block;
  }
  .ehf-header #masthead {
    -webkit-user-select: none; 
    -ms-user-select: none;
    user-select: none;
  }
  /*.open_menu_hidden {
      overflow: hidden;
  }*/
  .Menu_expand_item .futura_font .elementor-heading-title{
      font-family: 'Futura PT' !important;
  }
  .header_bar .elementor-icon:after, 
  .header_bar .elementor-icon:before {
      position: absolute;
      left: 0;
      background: #fff;
      width: 20px;
      height: 3px;
      content: "";
      border-radius: 6px;
      transition: ease 0.5s;
  }
  .header_bar .elementor-icon:before {
      top: -8px;
      transition: ease 0.5s;
  }
  .header_bar .elementor-icon:after{
      top: 8px;
      transition: ease 0.5s;
  }
  .header_bar .elementor-icon {
      position: relative;
      background: #fff;
      height: 3px;
      width: 20px;
      transition: ease 0.5s;
  }
  .open_menu .header_bar .elementor-icon {
      background: transparent;
      transition: ease 0.5s;
  }
  .header_bar svg {
      opacity: 0;
      visibility: hidden;
  }
  
  .header_bar .elementor-icon-wrapper {
      position: relative;
      width: fit-content;
      margin-left: auto;
      cursor: pointer;
      height: 32px;
  }
  .open_menu .header_bar .elementor-icon:before {
      transition: ease 0.5s;
      top: 0;
      transform: rotate(45deg);
  }
  .open_menu .header_bar .elementor-icon:after{
      transform: rotate(-45deg);
      transition: ease 0.5s;
      top:0px;
  }
  /*.open_menu .header_sec {
      pointer-events: none;
  }*/
   
  .custom-upload { 
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 10px 20px;
    background-color: #000;
    color: #fff;
    border-radius: 4px;
    font-size: 14.9px;
    padding: 0px 10px;
    width: 100%;
  }   
  
  .custom-upload input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
  } 

  label.custom-upload {
    border: none;
    border-bottom: 0.3px solid rgb(0 0 0 / 30%);
    background: rgba(0, 0, 0, 0.00);
    border-radius: 0;
    outline: none;
    color: #000; 
    font-weight: 400;
    line-height: normal;
    font-family: 'HelveticaNeue';
    cursor: POINTER;
}
  
  
  /*----- Home Page -----*/
  .home-banner-list-slider .slick-arrow {
      display: none !important;
  }
  .banner_featured_sec .elementor-icon-list-items {
      display: inline-block;
  }
  .featured_projects .project_item:not(:last-child) {
      margin-bottom: 5px;
  }
  .featured_projects .project_title h2 {
      font-family: 'HelveticaNeue';
      font-size: 24px;
      line-height: 28px;
      font-weight: 200;           
      color: #fff;
      text-align: end;
      margin: 0;
  }
  .banner_img:before {
      content: '';
      background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 40%);
      width: 100%;
      height: 516px;
      position: absolute;
      top: 0;
      pointer-events: none;
	  z-index: 1;
  }
  .banner_img:after {
      content: '';
      background: linear-gradient(0, #000 0%, rgba(0, 0, 0, 0.00) 100%);
      width: 100%;
      height: 300px;
      position: absolute;
      bottom: 0;
      pointer-events: none;
  }
.projects_sec_wrap .project_item {
    position: relative;
}
  .projects_sec_wrap .project_items .slick-list.draggable {
      padding: 0 12% 0 40px;
  }
  .projects_sec_wrap .project_items .slick-slide.slick-active {
      opacity: 1;
  }
  .projects_sec_wrap .project_items .slick-slide {
      opacity: 0.3;
      margin: 0 4px;
  }
  .projects_sec_wrap .project_title {
     padding: 0 0 5px;
  }
  .feartured_image_project img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
  }
  .projects_sec_wrap .project_title h2 {
      letter-spacing: 0.48px;
      position: relative;
      font-weight: 500;
      text-align: left;
  }
  .projects_sec_wrap .project_title h2:before {
      content: 'project';
      font-weight: 200;
  }
  .projects_sec_wrap .project_items .slick-dots {
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: calc(100% - 100px);
      list-style: none;
      margin: 15px auto auto;
  }
  .projects_sec_wrap .project_items .slick-dots button {
      padding: 0;
      border: none;
      border-radius: 0;
      font-size: 0;
      width: 100%;
      border-bottom: 2px solid transparent;
      line-height: normal;
      position: relative;
      top: 1px;
      background: transparent;
      outline: none;
      cursor: pointer;
      z-index: 1;
  }
  .projects_sec_wrap .project_items .slick-dots button:hover {
          border-top: 10px solid rgb(255 255 255 / 50%);
          top: 4px;
        border-radius: 50px;
	  transition: none;
	  border-bottom: 0px;
	  cursor: pointer;
  }
  .projects_sec_wrap .project_items .slick-dots li.slick-active button {
      border-bottom: 2px solid rgb(255 255 255 / 50%);
  }

.projects_sec_wrap .project_items .slick-dots li.slick-active button:hover {
      border-bottom: 0px solid rgb(255 255 255 / 50%);
  }

  .project_items:after {
      content: '';
      background: rgb(255 255 255 / 40%);
      width: 100%;
      height: 1px;
      position: absolute;
      bottom: 0px;
  }

	.project_items:hover:after {
    height: 1px;
}

@media (max-width: 767px) {
	.project_items:hover:after {
    height: 1px;
}
}

.feartured_image_project .project_item .project_items:hover:after {
    height: initial;
}
  .projects_sec_wrap .project_items .slick-dots li {
      line-height: normal;
      flex: 1;
  }
  .project_gallery_wrap .slick-dots li.slick-active button {
      border-bottom: 3px solid rgb(0 0 0 / 30%);
  }

.project_gallery_wrap .slick-dots li.slick-active button:hover {
      border-bottom: 3px solid rgb(0 0 0 / 30%);
  }

  .projects_sec_wrap .projects_footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px;
      width: 100%;
      z-index: 2;
  }
  .projects_sec_wrap .projects_content {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: 26px 30px;
      z-index: 1;
  }
  .slick-arrow{
      opacity: .5;
  }
  .project_items .slick-arrow {
      padding: 0;
      border: none;
      outline: none;
      font-size: 0;
      position: absolute;
      right: 53px;
      z-index: 1;
      background-image: url(/wp-content/themes/hello-elementor-child/images/happy-above-slide.png);
      height: 50px;
      width: 50px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-color: transparent !important;
      top: calc(50% - 21px);
      transform: translateY(-50%);
      opacity: 1;
  }
  .project_items button.slick-prev {
      left: 100px;
      right: auto;
      transform: rotate(180deg);
      display: none !important;
  }
  .project_items .slick-arrow.slick-disabled {
      opacity: 0;
  }
  .projects_sec_wrap .featured_projects {
      padding-bottom: 50px;
  }
  .projects_sec_wrap .projects_footer p {
      margin: 0;
      color: #FFF;
      font-size: 14px;
      font-weight: 200;
      line-height: normal;
      letter-spacing: 0.28px;
      display: -webkit-box;
      max-width: 320px;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }
  .projects_sec_wrap .projects_footer_view a {
      color: #FFF;
      text-align: center;
      -webkit-text-stroke-color: #FFF;
      font-family: "Futura PT";
      font-size: 14px;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0.84px;
      text-decoration-line: underline;
      text-transform: uppercase;
  }
  #sb_instagram .sb_instagram_header {
      display: none;
  }
  #sb_instagram #sbi_load .sbi_load_btn {
      display: none;
  }
  #sb_instagram #sbi_images{
      display: block;
  }
  .follow_sec_slider .slick-slide .elementor-widget-container {
      position: relative;
      padding-bottom: 76%;
  }
  #sb_instagram #sbi_images .slick-slide .sbi_item{
      position: relative;
  }
  .follow_sec_slider .slick-slide>div>.elementor-element {
      display: block !important;
  }
  .follow_sec_slider .slick-slide img, #sb_instagram #sbi_images .slick-slide .sbi_item img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      left: auto;
      right: 0;
      top: 0;
      display: block;
  }
  .follow_sec_slider .slick-slide, #sb_instagram #sbi_images .slick-slide {
      margin-right: 10px;
      opacity: 0.2;
  }   
  .follow_sec_slider .slick-slide.slick-active, #sb_instagram #sbi_images .slick-slide.slick-active {
      opacity: 1;
      box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.22), 0px 0px 28px 0px rgba(0, 0, 0, 0.25);
  }
  .follow_sec_slider .slick-list.draggable, #sb_instagram #sbi_images .slick-list.draggable {
      padding-right: 120px;
  }
  .follow_sec_slider .slick-track, #sb_instagram #sbi_images .slick-track {
      padding: 50px 0;
  }
  .follow_sec_slider .slick-arrow, #sb_instagram #sbi_images .slick-arrow {
      padding: 0;
      border: none;
      outline: none;
      font-size: 0;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 25px;
      z-index: 1;
      bottom: 70px;
      background-image: url(/wp-content/uploads/2024/05/right-down-arrow.png);
      height: 50px;
      width: 50px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-color: transparent !important;
      opacity: 1;
  }
  .follow_sec_slider button.slick-prev, #sb_instagram #sbi_images button.slick-prev {
      left: 100px;
      right: auto;
      transform: rotate(180deg);
      display:none !important;
  }
  .follow_sec_slider .slick-arrow.slick-disabled, #sb_instagram #sbi_images .slick-arrow.slick-disabled{
      opacity: 0;
  }
  .happy_above_slide figure.elementor-image-box-img img {
      height: 65px;
      width: 70px;
      object-fit: cover;
  }
  .happy_below_slide .slick-slide .elementor-image-box-img img {
      width: 100%;
  }
  
  .happy_below_slide .slick-slide {
      margin-right: 25px;
      opacity: 0.2;
  }
  .happy_below_slide .slick-slide.slick-active {
      opacity: 1;
  }
  .happy_below_slide .slick-list.draggable {
      padding-right: 30%;
  }
  .happy_above_slide .slick-arrow {
      padding: 0;
      border: none;
      outline: none;
      font-size: 0;
      position: absolute;
      right: 25%;
      z-index: 1;
      bottom: 80px;
      background-image: url(./images/happy-above-slide.png);
      height: 50px;
      width: 50px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-color: transparent !important;
      opacity: 1;
  }
  .happy_above_slide button.slick-prev {
      left: 100px;
      right: auto;
      transform: rotate(180deg);
      display:none !important;
  }
  .happy_above_slide .slick-arrow.slick-disabled {
      opacity: 0;
  }
  .happy_above_slide .slick-slide p strong {
      font-weight: 300;
  }
  .feartured_image_project a {
      position: relative;
      display: block;
      padding-bottom: 130%;
  }
  .banner_img .featured_banner_img:first-child {
      position: relative;
  }
  .featured_banner_img {
      transition: all ease 0.3s;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      height: 100vh;
      /* display: none; */
  }
  .start_own_project_text{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1;
  }
  
  .banner_img {
      position: relative;
      height: 100vh;
  }
  
  .banner_img .banner_left_text {
      position: static;
  }
  .elementor-widget.elementor-list-item-link-full_width a .font_bold {
      font-weight: 400;
  }
  .banner_featured_sec {
      position: absolute;
      bottom: 65px;
      left: auto;
      right: 80px;
      z-index: 1;
  }
  .banner_featured_sec h4 {
      color: #FFF;
      text-align: right;
      font-family: 'Futura PT';
      font-size: 14px;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0.84px;
      margin: 0 0 20px;
      text-transform: uppercase;
  }
  .home-banner-list li a {
      color: #FFF;
      text-align: right;
      transition: 0.2s;
      font-family: 'HelveticaNeue';
      font-size: 24px;
      font-style: normal;
      font-weight: 200;
      line-height: normal;
      letter-spacing: 0.48px;
      text-decoration: none;
  }
  .home-banner-list li {
      text-align: right;
  }
  .home-banner-list li a .font_bold {
      font-weight: 400;
      text-transform: capitalize;
  }
  .home-banner-list .slick-slide {
      margin: 0 0 12px;
  }
  .home-banner-list .slick-slide:last-child {
      margin: 0;
  }
  .banner_featured_sec .home-banner-list .slick-slide li a {
      opacity: 0.3;
          transition: 0.3s;
      cursor: pointer;
  }
  .banner_featured_sec .home-banner-list .slick-slide.slick-current li a,
  .banner_featured_sec .home-banner-list .slick-slide:hover li a {
      opacity: 1;
  }
  .home-banner-list li:last-child {
      margin: 0;
  }
  .get_in_touch_sec{
      z-index: 1;
  }
  .home_banner_below_content .font_bold{
      font-weight: 400;
  }
  .get_in_touch_inner {
      position: static;
  }
  .happy_below_slide .elementor-image-box-content {
      padding: 0 10px 0 10px;
  }
  .happy_client_wrap {
      overflow: hidden;
  }
  .footer_social_icons ul.elementor-icon-list-items span.elementor-icon-list-text {
      display: none;
  }
  .footer-width-fixer .elementor-icon-list-items .elementor-icon-list-text {
      line-height: normal;
  }
  .footer_copyright_wrap .elementor-icon-list-item:not(:last-child):after {
      content: '';
      height: 15px !important;
  }
  
  
  /*single-project*/
  .single_wrapper{
      padding: 0 30px;
      max-width: 1380px;
      margin: 0 auto;
  }
  .single_banner .project_image {
      height: 80vh;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      padding: 50px 0 20px;
      position: relative;
  }
  .single_banner .project_image:before {
      content: '';
      background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 50%);
      width: 100%;
      height: 370px;
      position: absolute;
      top: 0;
      pointer-events: none;
  }
  .single_banner .project_image:after {
      content: '';
      background: linear-gradient(0, #151515 0%, rgba(0, 0, 0, 0.00) 100%);
      width: 100%;
      height: 300px;
      position: absolute;
      bottom: 0;
      z-index: 0;
      pointer-events: none;
  }
  .single_banner .single_wrapper {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: end;
      position: relative;
      z-index: 1;
      padding: 0 90px;
      max-width: 100%;
  }
  .single_banner_content h2 {
      color: #fff;
  }
  .single_banner_content h2:before {
      content: 'project';
      font-weight: 200;
  }
  .single_banner_content h2 {
      position: relative;
      margin: 0 0 40px;
  }
  .single_banner_content .font_bold{
      font-weight: 500;
  }
  .single_banner_content ul {
      list-style: none;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 20px;
  }
  .single_banner_content ul li {
      display: flex;
      align-items: center;
      gap: 30px;
      color: #fff;
      font-weight: 300;
      font-size: 14px;
      line-height: normal;
      letter-spacing: 0.84px;
  }
  .single_banner_content ul li .font_bold {
      font-weight: 400;
      width: 100px;
      text-transform: uppercase;
  }
  .single_gallery_sec {
      background: #151515;
      padding: 84px 0 120px;
  }
  .single_gallery_sec .single_wrapper {
      padding: 0 90px;
      max-width: 100%;
  }
  .single_gallery_items {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 15px;
      margin-top: 15px;
  }
  .single_gallery_item.single_large>div {
      position: relative;
      padding-bottom: 40%;
  }
  .single_gallery_items .single_gallery_item>div {
      position: relative;
      padding-bottom: 56%;
  }
  .second_gallery_sec .single_gallery_item.single_gallery_small {
   align-items: flex-end;
  }
  .single_gallery_item img {
      width: 100%;
      display: block;
      height: 100%;
      object-fit: cover;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
  }
  .single_gallery_item.single_gallery_small img {
      height: calc(100% - 170px);
      object-fit: cover;
  }
  .single_key_feature {
      padding-bottom: 120px;
      background: #151515;
  }
  .key_feature_wrap {
      display: grid;
      align-items: center;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
  }
  .key_feature_title p {
      color: #fff;
      margin: 0;
      font-family: "Futura PT";
      font-size: 18px;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 1.08px;
      padding: 12px;
      text-transform: uppercase;
  }
  .key_feature_item img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      object-fit: cover;
  }
  .key_feature_picture {
      position: relative;
      padding-bottom: 56%;
  }
  .key_feature_item .feature_title {
      color: #fff;
      font-family: "Futura PT";
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0.72px;
      display: inline-block;
      padding: 12px;
      text-transform: uppercase;
      width: calc(50% - 15px);
  }     
  .key_feature_title {
      margin: 0 0 5px;
  }
  .key_feature_item {
      padding: 0;
      margin: 0;
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
      row-gap: 0;
      max-width: 480px;
  }
  .key_feature_wrap .slick-list.draggable {
      padding-right: 10%;
  }
  .key_feature_wrap .slick-slide.slick-active {
      opacity: 1;
  }
  .key_feature_wrap .slick-slide {
      opacity: 0.3;
      padding-right: 26px;
  }
  .single_review_sec {
      background: #151515;
      padding: 0 0 110px;
  }
  .single_content_item h2 {
      color: #fff;
      font-size: 38px;
      font-style: normal;
      font-weight: 200;
      line-height: 45px;
      letter-spacing: 0.76px;
      margin: 0 0 10px;
  }
  .single_content_item .single_client_name {
      color: #fff;
      font-family: "Futura PT";
      font-size: 12px;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0.72px;
      display: inline-block;
      text-transform: uppercase;
  }
  .review_picture{
      position: relative;
      padding-bottom: 100%;
      display: block !important;
      cursor: pointer;
  }
  .review_picture img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      object-fit: cover;
      left: 0;
      right: 0;
  }
  .lg-thumb-outer, 
  .lg-toolbar .lg-icon, 
  .lg-toolbar #lg-counter  {
      display: none;
  }
  .lg-toolbar span.lg-close{
      align-items: center;
      display: flex;
      justify-content: center;
      position: relative;
      right: 20px;
      top: 20px;
      border: 1px solid #fff;
      border-radius: 50%;
      line-height: normal;
      padding: 0;
      width: 40px;
      height: 40px;
  }
  .slick-lightbox button.slick-lightbox-close {
    border: 1px solid #fff;
    border-radius: 50%;
    line-height: normal;
    padding: 0;
    width: 50px;
    height: 50px;
    align-items: center;
    display: flex;
    justify-content: center;
    background: transparent !important;
}
  .lg-toolbar span.lg-close:after {
      content: '';
      background-image: url(/wp-content/uploads/2024/04/close-1.png);
      height: 16px;
      width: 16px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-color: transparent !important;
      position: absolute;
      right: 0;
      z-index: 1;
      left: 0;
      margin: auto;
      filter: invert(1);
  }
  .slick-lightbox button.slick-lightbox-close:before {
    content: '';
    background-image: url(/wp-content/uploads/2024/04/close-1.png) !important;
    height: 16px;
    width: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent !important;
    position: absolute;
    right: 0;
    z-index: 1;
    left: 0;
    margin: auto;
    opacity: 1;
    line-height: normal;
    filter: invert(1);
}
  .lg-toolbar.lg-group {
      background: transparent;
  }
  .lg-actions .lg-next:before, 
  .lg-actions .lg-prev:before{
      content: '' !important;
      z-index: 1;
      background-image: url(/wp-content/themes/hello-elementor-child/images/happy-above-slide.png);
      height: 50px;
      width: 50px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-color: transparent !important;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 20px;
  }


.slick-lightbox button.slick-arrow {
    z-index: 1;
    background-image: url(/wp-content/themes/hello-elementor-child/images/happy-above-slide.png);
    height: 50px;
    width: 50px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: auto;
    opacity: 1;
    left: 20px;
    border: none;
    font-size: 0;
    padding: 0;
}
.slick-lightbox button.slick-arrow.slick-next {
    right: 20px;
    left: auto;
}
.slick-lightbox button.slick-arrow.slick-prev {
    transform: translateY(-50%) rotate(180deg);
}
  .lg-actions .lg-prev:before {
      transform: translateY(-50%) rotate(180deg);
      right: auto;
      left: 20px;
  }
  .lg-actions .lg-icon {
      background: transparent !important;
      color: transparent;
  }
  .lg-actions .lg-icon:after{
      content: inherit !important;
  }
  .single_review_picture .slick-list.draggable {
      padding: 0px 16% 60px;
  }
  .single_content_item {
      max-width: 100%;
      margin: auto;
      text-align: left;
  }
  .single_review_picture .slick-slide.slick-active {
      opacity: 1;
      box-shadow: 0px 54px 55px 0px rgba(0, 0, 0, 0.25), 0px -12px 30px 0px rgba(0, 0, 0, 0.12), 0px 4px 6px 0px rgba(0, 0, 0, 0.12), 0px 12px 13px 0px rgba(0, 0, 0, 0.17), 0px -3px 5px 0px rgba(0, 0, 0, 0.09);
  }
  .single_review_picture .slick-slide {
      margin: 0 9px;
      opacity: 0.4;
  }
  .single_explore_sec {
      background: #000;
      padding-left: 90px;
      padding-bottom: 61px;
      padding-top: 87px;
  }
  .explore_heading {
      padding: 0 0 45px;
  }
  .explore_projects_items {
      margin-right: -24px;
  }
  .explore_heading p {
      margin: 0;
      color: #FFF;
      font-family: "Futura PT";
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 1.08px;
  }
  .explore_project_image>a {
      display: block;
      position: relative;
      padding-bottom: 56%;
  }
  .explore_project_image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
  }
  .explore_project_wrapper .explore_title h3 a {
      color: #FFF;
      font-size: 22px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      letter-spacing: 0.44px;
      position: relative;
  }
  .explore_project_wrapper .explore_title h3 a:before {
      content: 'project';
      font-weight: 200;
      margin-right: 3px;
  }
  .explore_project_wrapper .explore_title h3 {
      margin: 0;
  }
  .explore_project_image {
      margin: 0 0 22px;
  }
  .explore_projects_items .slick-slide {
      padding-right: 24px;
  }
  .explore_projects_items .slick-dots {
      padding: 0;
      margin: 15px 0 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: calc(100% - 80px);
      border-bottom: 1px solid rgb(255 255 255 / 40%);
      list-style: none;
  }
  .explore_projects_items .slick-dots button {
      padding: 0;
      border: none;
      border-radius: 0;
      font-size: 0;
      width: 100%;
      border-bottom: 3px solid transparent;
      line-height: normal;
      position: relative;
      top: 1px;
      background: transparent;
      outline: none;
  }
  
  
  .explore_projects_items .slick-dots li {
      line-height: normal;
      flex: 1;
  }
  .explore_projects_items .slick-dots li.slick-active button {
      border-bottom: 3px solid rgb(255 255 255 / 100%);
  }
  .explore_project_wrapper .explore_title {
      padding: 0 7px;
  }
  .explore_project {
      overflow: hidden;
  }
  .single_key_feature_inner {
      padding: 0 150px;
  }
  .single_review_picture .slick-dots {
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: calc(100% - 90px);
      list-style: none;
      margin: 0px 0 0 auto;
      position: relative;
  }
  .single_review_picture .slick-dots button {
      padding: 0;
      border: none;
      border-radius: 0;
      font-size: 0;
      width: 100%;
      border-bottom: 4px solid transparent;
      line-height: normal;
      position: relative;
      top: 1px;
      background: transparent;
      outline: none;
  }
  .single_review_picture .slick-dots li {
      line-height: normal;
      flex: 1;
  }
  .single_review_picture .slick-dots:after {
      content: '';
      background: #807B70;
      width: 100%;
      height: 1px;
      position: absolute;
      bottom: -1px;
  }
  .single_review_picture .slick-dots li.slick-active button{
      border-bottom: 4px solid #807B70;
  }
  .single_review_picture .slick-arrow {
      padding: 0;
      border: none;
      outline: none;
      font-size: 0;
      position: absolute;
      right: 50px;
      z-index: 1;
      bottom: 130px;
      background-image: url(/wp-content/themes/hello-elementor-child/images/happy-above-slide.png);
      height: 75px;
      width: 75px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-color: transparent !important;
      opacity: 1;
  }
  .single_review_picture button.slick-prev {
      left: 100px;
      right: auto;
      transform: rotate(180deg);
      display: none !important;
  }
  .single_review_picture .slick-arrow.slick-disabled {
      opacity: 0;
  }
  
  /*project-index*/
  .project_index_banner {
      height: 80vh;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      position: relative;
      padding: 50px 0;
      transition: all 0.3s;
  }
  .project_index_banner:before{
      content: '';
      background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 50%);
      width: 100%;
      height: 516px;
      position: absolute;
      top: 0;
      pointer-events: none;
      z-index: 1;
  }
  .project_index_banner:after{
      content: '';
      background: linear-gradient(0, #000 0%, rgba(0, 0, 0, 0.00) 100%);
      width: 100%;
      height: 140px;
      position: absolute;
      bottom: 0;
  }
  .project_index_content {
      position: absolute;
      bottom: 30px;
      padding: 0 90px;
      width: 100%;
      text-align: left;
      z-index: 1;
  }
  .project_index_content p {
      color: #FFF;
      font-family: "Futura PT";
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0.84px;
      text-transform: uppercase;
      margin: 0;
  }
  .project_index_tabs_sec {
      background: #000;
      padding: 0 26px 80px;
  }
  .project_index_tabs_sec ul {
      padding: 0;
      list-style: none;
      display: flex;
      align-items: center;
      flex-wrap: wrap;
  }
.style_title {
    width: 100%;
    opacity: 0.75;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    padding: 0 64px 14px;
}
  .project_main_tabs a {
      color: #FFF;
      font-size: 26px;
      font-style: normal;
      font-weight: 300;
      line-height: normal;
      letter-spacing: 0.7px;
      outline: none;
      opacity: 1;
      border-bottom: 1px solid transparent;
      padding: 0 0 10px;
  }
  .project_main_tabs li.active a {
/*      font-weight: 400;*/
      opacity: 1;
      border-bottom: 1px solid #fff;
  }
  .project_index_tabs_sec .project_main_tabs {
      margin: 0 0 35px;
      padding: 0 64px;
  }
  .project_inner_tabs_wrap .inner_tabs_grid>a {
      padding: 0;
  }
  .project_main_tabs li {
      padding-right: 27px;
  }
  .project_main_tabs li:not(:last-child) {
      border-right: 1px solid #fff;
      margin-right: 27px;
  }
  .project_main_tabs #tabs_in.active-tab {
    pointer-events: none;
}
.project_inner_tabs_wrap ul {
    column-gap: 14px;
    padding: 0 64px 80px;
}
.project_inner_tabs_wrap ul#inner_ul li {
    border-radius: 50px;
    background: rgb(255 255 255 / .1);
    padding: 10px 30px 13px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: normal;
}
.project_inner_tabs_wrap ul#inner_ul a {
    color: #FFF;
    font-family: 'Futura PT';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: .28px;
    text-transform: lowercase;
    display: inline-block;
}
  .project_inner_tabs_wrap ul#inner_ul li:hover{
    background: rgba(255, 255, 255, 0.20);
  }

.project_index_tabs_sec #filter_reset a{
	border-radius: 50px;
    background: #333333;
    padding: 11px 30px;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    line-height: normal;
	font-family: 'Futura PT';
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	transition: all ease 0.2s;
}
.project_index_tabs_sec #filter_reset a:hover{
	background: #1a1a1a;
}
.project_index_tabs_sec #filter_reset .close-icon{
	font-size: 23px;
    display: flex;
    align-items: center;
    line-height: 1;
    font-weight: 300;
    color: #fff;
}


  .inner_tabs_grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
  }
  .tabs_grid_item_image{
      position: relative;
      padding-bottom: 56%;
  }
  .tabs_grid_item_inner img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
  }
  .tabs_grid_item_inner {
      position: relative;
      z-index: 2;
      transition: all 0.3s;
  }
  .tabs_grid_item_title h2 {
      letter-spacing: .48px;
    position: relative;
    text-align: left;
	      font-family: 'HelveticaNeue';
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    color: #fff;
    margin: 0;
	 padding: 0 0 5px;
  }
  .tabs_grid_item_title h2:before {
      content: 'project';
      font-weight: 200;
  }
  .tabs_grid_item_title {
      position: absolute;
      bottom: 0;
      padding: 26px 30px;
      width: 100%;
      z-index: 2;
      opacity: 0;
  }
  .tabs_grid_item_title p{
      pointer-events: none;
	  margin: 0;
      color: #FFF;
      font-size: 14px;
      font-weight: 200;
      line-height: normal;
      letter-spacing: 0.28px;
      display: -webkit-box;
      max-width: 320px;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
	  font-family: 'HelveticaNeue';
  }
  .tabs_grid_item_inner:before {
      content: '';
      background: rgba(0, 0, 0, 0.50);
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      z-index: 1;
      opacity: 0;
      transition: all 0.3s;
  }
  .tabs_grid_item_inner:hover:before, 
  .tabs_grid_item_inner:hover .tabs_grid_item_title, 
  .tabs_grid_item_inner:hover:after{
      opacity: 1;
  }
  .tabs_grid_item_image:before {
      content: '';
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%);
      width: 100%;
      height: 300px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
  }
  .tabs_grid_item_inner:after {
      content: '';
      z-index: 1;
      background-image: url(/wp-content/themes/hello-elementor-child/images/happy-above-slide.png);
      height: 50px;
      width: 50px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-color: transparent !important;
      top: 50%;
      transform: translateY(-50%);
      right: 30px;
      position: absolute;
      opacity: 0;
  }

  .project_inner_tabs_wrap ul li:has(.active)  {
  background: rgba(255, 255, 255, 0.20) !important;
  }
  .project_index_tabs_sec .tab-content:not(:first-child){
      display: none;
      opacity: 0;
      visibility: hidden;
      transition: all .9s ease-in-out;
  }





  .project_index_tabs_sec .tab-content.main-active-inner{
    opacity: 1;
    visibility: visible;
    animation: smooth 1.2s forwards;
  }
  @keyframes smooth{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    } 
}
  .project_index_tabs_sec .innertab-content:not(:first-child){
    opacity: 0;
    visibility: hidden;
    transition: all .9s ease-in-out;
  }
  .project_index_tabs_sec .innertab-content.active-inner {
    opacity: 1;
    visibility: visible;
}
/*.project_inner_tabs_wrap ul#inner_ul a {
    text-transform: lowercase;
    border-radius: 50px;
    background: rgba(255, 255, 255, 0.10);
    padding: 10px 20px;
    font-weight: 300;
}*/
.project_inner_tabs_wrap ul#inner_ul a:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
} 
  .project_index_banner .banner_image{
      width: 100%;
      height: 100%;
      background: #000;
      position: absolute;
      top: 0;
      left: 0;    
  }
  .project_index_banner .banner_image img{
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center center;
      opacity: 0;
      transition: all ease 0.4s;
      position: absolute;
      top: 0;
      left: 0;   
  }
  .project_index_banner .banner_image .banner_src_img.active img {
      opacity: 1;
  }
  /*.project_index_banner .banner_image img.active{
      opacity: 1;
  }*/
  
  /*about_page*/
  
  .about_banner_left img {
      width: 100%;
      display: block;
  }
  .about_main_slide_item .elementor-widget-image .elementor-widget-container {
      position: relative;
      padding-bottom: 100%;
  }
  .about_main_slide_item img {
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1;
  }
  .about_thumb_slide_item .elementor-widget-container {
      position: relative;
      padding-bottom: 100%;
  }
  .about_thumb_slide_item .elementor-widget-container img {
      height: 100%;
      object-fit: cover;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
  }
  .about_thumb_slide .slick-list.draggable {
      padding-left: 10%;
  }
  .about_thumb_slide .slick-slide.slick-active {
      opacity: 1;
  }
  .about_thumb_slide .slick-slide {
      opacity: 0.3;
      padding: 0 3px;
  }
  .about_thumb_slide .slick-dots {
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: calc(100% - 115px);
      list-style: none;
      margin-top: 15px;
      margin-left: auto;
      position: relative;
  }
  .about_thumb_slide .slick-dots li {
      line-height: normal;
      flex: 1;
  }
  .about_thumb_slide .slick-dots li button {
      padding: 0;
      border: none;
      border-radius: 0;
      font-size: 0;
      width: 100%;
      border-bottom: 2px solid transparent;
      line-height: normal;
      position: relative;
      top: 0px;
      background: transparent;
      outline: none;
  }
  .about_thumb_slide .slick-dots li.slick-active button {
      border-bottom: 3px solid #807B70;
  }
  .about_thumb_slide .slick-dots:after {
      content: '';
      background: rgb(255 255 255 / 50%);
      width: 100%;
      height: 1px;
      position: absolute;
      bottom: 0px;
  }

  .about_qualification_wrap .elementor-icon-box-title {
      font-family: 'Futura PT';
  }
  .about_banner_right .elementor-heading-title .font_bold, 
  .about_client_title .font_bold {
      font-weight: 500;
  }
  .about_clients_review_wrap .elementor-image-box-img img {
      width:  55px;
      height:  55px;
      border-radius: 50%;
      object-fit: cover;
      object-position: center;
  }
  .about_clients_review_wrap .font_bold, 
  .about_press_slide_item .elementor-heading-title .font_bold {
      font-weight: 400;
  }
  .about_clients_review_wrap .elementor-image-box-wrapper .elementor-image-box-title {
      margin: 0;
      font-family: 'Futura PT';
  }
  .about_clients_review_wrap h2.elementor-heading-title {
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }
  .about_press_slide_item .elementor-heading-title{
          display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
  }
  .about_press_slide_item .elementor-widget-image>.elementor-widget-container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }
  .about_press_slide_item .elementor-widget-image img {
      min-height: 45px;
      object-fit: contain;
  }
  
  .about_net_zero_left img {
      width: 100%;
  }
  .about_zero_title .font_bold {
      font-weight: 500;
  }
  .about_press_slider .slick-dots {
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: calc(100% - 800px);
      list-style: none;
      margin: 0px auto;
      position: absolute;
      bottom: -100px;
      left: 0;
      right: 0;
  }
  .about_press_slider .slick-dots li {
      line-height: normal;
      flex: 1;
  }
  .about_press_slider .slick-dots li button {
      padding: 0;
      border: none;
      border-radius: 0;
      font-size: 0;
      width: 100%;
      border-bottom: 2px solid transparent;
      line-height: normal;
      position: relative;
      top: 1px;
      background: transparent;
      outline: none;
  }
  .about_press_slider .slick-dots li.slick-active button {
      border-bottom: 2px solid rgb(255 255 255 / 50%);
  }
  .about_press_slider .slick-dots:after {
      content: '';
      background: rgb(255 255 255 / 40%);
      width: 100%;
      height: 1px;
      position: absolute;
      bottom: 0px;
  }

.about_press_slider .slick-dots:hover:after {
	height: 10px;
}
  .about_press_slider .slick-slide {
      padding: 0 25px;
  }
  
  /*team_page*/
  .team_banner_wrap .elementor-heading-title span.font_bold {
      font-weight: 500;
  }
  .team_content_wrap>.e-con-inner {
      border-left: 1px solid rgb(255 255 255 / 50%);
  }
  .team_left_title {
      padding-bottom: 10px;
      position: relative;
      left: -8px;
  }
  .team_left_title:before {
      content: '';
      background: #131313;
      height: 30px;
      width: 15px;
      position: absolute;
      left: 0px;
      bottom: 0;
  }
  .team_left_title:after {
      content: '';
      background: #131313;
      height: 30px;
      width: 15px;
      position: absolute;
      left: 0px;
      bottom: -30px;
  }
  .team_left_title .elementor-widget-container:after {
      content: '';
      background: rgb(255 255 255 / 50%);
      height: 1px;
      width: 100%;
      position: absolute;
      bottom: 0px;
      left: 0;
  }
  .team_content_wrap {
      overflow: hidden;
  }
  .team_content_right figure.elementor-image-box-img, 
  .team_content_right figure.elementor-image-box-img img {
      width: 100%;
  }
  .team_content_wrap>.e-con-inner .team_content_left {
      width: calc(25% - 55px);
  }
  .team_content_right .elementor-image-box-content .elementor-image-box-title {
      font-family: 'Futura PT';
  }
  
  /*career_page*/
  .career_page_banner {
      position: relative;
      z-index: 2;
  }
  .career_page_banner:after {
      content: '';
      background: linear-gradient(360deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
      width: 100%;
      height: 50vh;
      position: absolute;
      bottom: 0;
      z-index: -1;
      pointer-events: none;
  }
  .career_page_banner .font_bold, 
  .career_tabs_wrap .elementor-accordion .elementor-accordion-item .font_bold {
      font-weight: 500;
  }
  .career_tabs_content .elementor-icon-box-content {
      display: flex;
      align-items: flex-start;
      gap: 20px;
  }
  .career_tabs_content .elementor-icon-box-content .elementor-icon-box-title {
      margin: 0;
      flex: 0 0 100px;
      font-family: 'Futura PT';
  }
  .career_tabs_wrap .elementor-accordion .elementor-accordion-item:first-child {
      display: none;
  }
  .career_tabs_wrap .elementor-accordion .elementor-accordion-item {
      border-bottom: 1px solid rgb(255 255 255 / 50%) !important;
  }
  .career_tabs_wrap .elementor-accordion-item .elementor-accordion-icon-closed {
      background-image: url(/wp-content/uploads/2024/07/Group-52.svg);
      background-repeat: no-repeat;
      background-size: 30px;
      background-position: center;
      height: 30px;
      width: 30px;
      position: relative;
      right: 25px;
      top: -8px;
  }
  .career_tabs_wrap .elementor-accordion-item .elementor-accordion-icon-opened{
      background-image: url(/wp-content/uploads/2024/07/Group-56-1.svg);
      background-repeat: no-repeat;
      background-size: 30px;
      background-position: center;
      height: 30px;
      width: 30px;
      position: relative; 
      right: 25px;
      top: -8px;
  }
  .career_tabs_wrap .elementor-accordion-item .elementor-accordion-icon-closed svg, 
  .career_tabs_wrap .elementor-accordion-item .elementor-accordion-icon-opened svg  {
      display: none;
  } 
  .career_content_wrap:before {
      content: '';
      background: rgb(255 255 255 / 50%);
      height: 100%;
      width: 1px;
      position: absolute;
      left: 0;
      right: 0;
      text-align: center;
      margin: auto;
      z-index: 1;
      opacity: 0.3;
  }
  .career_page_content_main>.e-con-inner, 
  .career_content_wrap>.e-con-inner {
      position: relative;
  }
  
  
  /*contact_page*/
  
  .contact_banner_content {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 1;
  }
  
  .contact_form_banner {
      position: relative;
  }
  
  
  input::-webkit-outer-spin-button,
  input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  input[type=number] {
    -moz-appearance: textfield;
  }
  .contact_form_banner .font_bold{
      font-weight: 500;
  } 
  .contact_form_outer .fieldset-cf7mls {
      padding: 0;
      margin: 0;
      max-width: 700px;
      position: relative;
  }
  .contact_form_wrap .contact_item input, 
  .contact_form_wrap .contact_item textarea, 
  .contact_form_wrap .contact_item select {
      border: none;
      border-bottom: 0.3px solid rgb(0 0 0 / 30%);
      background: rgba(0, 0, 0, 0.00);
      border-radius: 0;
      padding: 15px 8px;
      outline: none;
      color: #000;
      font-size: 16px;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0.28px;
      font-family: 'HelveticaNeue';
  } 
  .contact_form_wrap .contact_item textarea{
      background: #fff;
  }
  .contact_form_wrap .contact_item select {
      appearance: none;
      background-image: url(/wp-content/uploads/2024/03/angle-down.png);
      background-repeat: no-repeat;
      background-position: center right 10px;
      background-size: 15px;
  }
  .contact_form_wrap .contact_item input::placeholder{
      color: #000;
      font-size: 16px;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0.28px;
  }
  .contact_form_wrap .contact_item textarea::placeholder{
      color: #000;
  }
  .contact_form_wrap .contact_item textarea {
    resize: none;
  }
  .contact_form_wrap {
      display: flex;
      flex-wrap: wrap;
      margin-left: -16px;
      margin-bottom: 40px;
  }
  .contact_form_wrap .contact_item {
      width: 50%;
      padding-left: 16px;
      margin-bottom: 16px;
  }
  .contact_form_wrap .contact_item:last-child {
      margin-bottom: 0;
  }
  .contact_form_wrap .contact_item p {
      margin: 0;
  }
  .contact_form_outer .fieldset-cf7mls .cf7mls-btns {
      margin-top: 40px;
      min-height: auto !important;
  }
  .contact_form_outer .fieldset-cf7mls .action-button, 
  .contact_form_outer .fieldset-cf7mls .contact_submit input {
      margin: 0;
      background-color: transparent !important;
      font-size: 14px;
      padding: 15px 0 !important;
      font-weight: 400;
      line-height: normal;
      letter-spacing: 0.28px;
      text-transform: none;
      color: #000;
      border-radius: 100px !important;
      border: 1px solid #000;
      opacity: 0.75;
      width: 100px;
      outline: none !important;
  }
  .contact_form_outer .fieldset-cf7mls .action-button.cf7mls_back {
      display: block;
      float: inherit;
  }
  .contact_form_outer .contact_submit {
      display: flex;
      justify-content: end;
  }
  .contact_form_outer .fieldset-cf7mls:last-child .cf7mls-btns {
      margin: -90px 0 0;
      min-height: 110px !important;
  }
  .contact_form_wrap .contact_item.message {
      width: 100%;
      margin-bottom: 16px;
  }
  .contact_form_wrap .contact_item.message textarea {
      height: 150px;
  }
  .contact_form_outer .fieldset-cf7mls .action-button img {
      width: 30px;
      margin-left: 0;
      right: 30px;
      filter: invert(1);
      position: absolute;
      top: 8px;
  }
  .contact_form_wrap .contact_item span.wpcf7-not-valid-tip {
      margin-top: 5px;
      font-size: 13px;
  }
  .contact_form_outer .fieldset-cf7mls:before {
      content: '';
      position: absolute;
      bottom: 10px;
      left: 0;
      width: calc(100% - 120px);
      height: 1px;
      border-radius: 5px;
      background: rgba(0, 0, 0, 0.25);
  }
  .contact_form_outer .fieldset-cf7mls::after {
      content: '';
      position: absolute;
      bottom: 10px;
      left: 0;
      width: 100%;
      max-width: 0;
      height: 4px;
      border-radius: 0px;
      background: rgba(0, 0, 0, 0.35);
      transition: all ease 0.3s !important;
  }
  .contact_form_outer .fieldset-cf7mls[data-cf7mls-order="0"]::after {
      max-width: 20.33%;
  }
  .contact_form_outer .fieldset-cf7mls[data-cf7mls-order="1"]::after {
      max-width: 45.66%;
  }
  .contact_form_outer .fieldset-cf7mls[data-cf7mls-order="2"]::after {
      max-width: calc(100% - 80px);
  }
  .contact_form_outer .fieldset-cf7mls.cf7mls_back_fs {
      display: none;
  }
  .contact_form_outer .contact_submit input {
      margin: 0 !important;
  }
  .contact_form_outer .contact_submit p {
      margin: 0;
  }
  .wpcf7 form.sent .wpcf7-response-output {
      text-align: center;
      font-family: 'Futura PT';
  }
  /*.contact_form_outer form.cf7mls input.wpcf7-form-control.wpcf7-submit{
      color: transparent;
      border: 0;
  }*/
  .page-id-2211 .header_sec .hfe-site-logo-container img, 
  .page-id-1944 .header_sec .hfe-site-logo-container img, 
  .page-id-6537 .header_sec .hfe-site-logo-container img {
      filter: invert(1);
  }

  .page-id-1944 .header_bar .elementor-icon, 
  .page-id-1944 .header_bar .elementor-icon:after, 
  .page-id-1944 .header_bar .elementor-icon:before, 
  .page-id-6537 .header_bar .elementor-icon, 
  .page-id-6537 .header_bar .elementor-icon:after, 
  .page-id-6537 .header_bar .elementor-icon:before{
        background: #000;
  }
   .page-id-6537 .sticky_header .header_bar .elementor-icon, 
  .page-id-6537 .sticky_header .header_bar .elementor-icon:after, 
  .page-id-6537 .sticky_header .header_bar .elementor-icon:before,  
  .page-id-6537 .open_menu .header_bar .elementor-icon:after, 
  .page-id-6537 .open_menu .header_bar .elementor-icon:before{
        background: #fff;
  }
  .page-id-1944 .sticky_header .header_bar .elementor-icon, 
  .page-id-1944 .sticky_header .header_bar .elementor-icon:after, 
  .page-id-1944 .sticky_header .header_bar .elementor-icon:before,  
  .page-id-1944 .open_menu .header_bar .elementor-icon:after, 
  .page-id-1944 .open_menu .header_bar .elementor-icon:before{
        background: #fff;
  }

   .page-id-2211 .header_bar .elementor-icon, 
  .page-id-2211 .header_bar .elementor-icon:after, 
  .page-id-2211 .header_bar .elementor-icon:before{
        background: #000;
  }
  .page-id-2211 .sticky_header .header_bar .elementor-icon, 
  .page-id-2211 .sticky_header .header_bar .elementor-icon:after, 
  .page-id-2211 .sticky_header .header_bar .elementor-icon:before,   
  .page-id-2211 .open_menu .header_bar .elementor-icon:after, 
  .page-id-2211 .open_menu .header_bar .elementor-icon:before{
        background: #fff;
  }
      .page-id-1944 .open_menu .header_bar .elementor-icon, 
    .page-id-2211 .open_menu .header_bar .elementor-icon, 
    .page-id-6537 .open_menu .header_bar .elementor-icon{
      background: transparent;
    }
  .page-id-2211  .header_sec, 
  .page-id-1944  .header_sec, 
  .page-id-6537  .header_sec {
      border-color: hsl(0deg 0% 0% / 30%) !important;
  }
  .page-id-2211  .header_bar.header_plus svg g rect, 
  .page-id-1944  .header_bar.header_plus svg g rect {
      fill: #000;
  }
  .page-id-2211 .sticky_header .header_sec .hfe-site-logo-container img, 
  .page-id-1944 .sticky_header .header_sec .hfe-site-logo-container img, 
  .page-id-6537 .sticky_header .header_sec .hfe-site-logo-container img {
      filter: inherit;
  }
  .page-id-2211  .sticky_header .header_sec, 
  .page-id-1944  .sticky_header .header_sec {
      border-color: #ffffff4d !important;
  }
  .page-id-2211  .sticky_header .header_bar.header_plus svg g rect, 
  .page-id-1944  .sticky_header .header_bar.header_plus svg g rect {
      fill: #fff;
  }
  .contact_form_outer .sent .wpcf7-validation-errors{
      display: none !important;
  }
  .wpcf7-response-output {
      max-width: fit-content;
      position: absolute;
      bottom: 40px;
      width: 100%;
      left: 0;
      right: 0;
      margin: auto !important;
  }
  .wpcf7-response-output.wpcf7-validation-errors {
      padding-bottom: 15px !important;
      color: #dc3232 !important;
  }
  .contact_form_outer form.wpcf7-form {
      max-width: 820px;
  }
  .contact_form_outer form.wpcf7-form.sent .cf7mls-btns {
      opacity: 0;
  }
  .contact_banner_inner {
      height: 120vh;
  }
  
  /*taxonomy*/
  
  .tax-categories {
      background: #151515;
  }
  .tax-categories .site-main {
      max-width: 100% !important;
      padding: 180px 50px 0;
  }
  .tax-categories .site-main .page-content {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
  }
  .tax-categories .site-main .page-header {
      display: none;
  }
  .tax-categories  article.post {
      position: relative;
  }
  .tax-categories article.post a {
      display: block;
      position: relative;
      padding-bottom: 56%;
      z-index: 3;
  }
  .tax-categories article.post a .wp-post-image {
      position: absolute;
      max-height: inherit;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  .tax-categories article.post .entry-title>a {
      padding-bottom: 0;
      color: #FFF;
      font-size: 26px;
      font-style: normal;
      font-weight: 500;
      line-height: normal;
      letter-spacing: 0.7px;
      margin: 0;
      width: 100%;
      position: relative;
      font-family: 'Futura PT';
  }
  .tax-categories article.post .entry-title>a:before {
      content: inherit !important;
  }
  .tax-categories article.post img {
      width: 100%;
      display: block;
  }
  .tax-categories article.post .entry-title {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      left: 0;
      padding: 0 20px;
      z-index: 5;
      display: flex;
      align-items: center;
      width: 100%;
      opacity: 0;
      pointer-events: none;
  }
  .tax-categories article.post .entry-title:before {
      content: 'project';
      font-weight: 200;
      color: #fff;
      font-size: 26px;
      font-style: normal;
      line-height: normal;
      letter-spacing: 0.7px;
  }
  .tax-categories article.post .entry-title>a:after {
      content: '';
      z-index: 1;
      background-image: url(/wp-content/themes/hello-elementor-child/images/happy-above-slide.png);
      height: 50px;
      width: 50px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-color: transparent !important;
      top: 50%;
      transform: translateY(-50%);
      right: 0px;
      position: absolute;
  }
  .tax-categories article.post p {
      display: none;
  }
  .tax-categories article.post a:before {
      content: '';
      background: rgba(0, 0, 0, 0.50);
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      z-index: 1;
      opacity: 0;
      transition: all 0.3s;
  }
  .tax-categories article.post a:hover:before, 
  .tax-categories article.post:hover .entry-title {
      opacity: 1;
  }
  .pagination a {
      color: #fff;
      font-family: 'Futura PT';
  }
  
  /*new-project-index*/
  /*.inner_tabs_grid a:first-child .tabs_grid_item_title h2:before, 
  .inner_tabs_grid a:nth-child(2) .tabs_grid_item_title h2:before {
      display: none;
  }*/
  .banner_project {
      position: relative;
  }
  .banner_project:before {
      content: '';
      background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 40%);
      width: 100%;
      height: 516px;
      position: absolute;
      top: 0;
      pointer-events: none;
  }
  .banner_project:after {
      content: '';
      background: linear-gradient(0, #000 0%, rgba(0, 0, 0, 0.00) 100%);
      width: 100%;
      height: 140px;
      position: absolute;
      bottom: 0;
  }
  .banner-project_content {
      position: relative;
      z-index: 1;
  }
  .project_post_grid .eael-grid-post-holder {
      position: relative;
  }
  .project_post_grid .eael-grid-post .eael-entry-wrapper {
      position: absolute;
      z-index: 2;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      padding: 0 30px;
      opacity: 0;
      transition: ease 0.3s;
      pointer-events:none;
  }
  
  .project_post_grid .eael-grid-post-holder:hover .eael-entry-wrapper {
      opacity: 1;
  }
  .project_post_grid .eael-entry-wrapper .eael-entry-title>a:after {
      content: '';
      z-index: 1;
      background-image: url(/wp-content/themes/hello-elementor-child/images/happy-above-slide.png);
      height: 50px;
      width: 50px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-color: transparent !important;
      top: 50%;
      transform: translateY(-50%);
      right: 0px;
      position: absolute;
  }
  .project_post_grid .eael-entry-wrapper .eael-entry-title>a {
      display: block;
      position: relative;
      font-family: "Futura PT";
  }
  .project_post_grid .eael-entry-wrapper .eael-entry-title>a:before {
      content: 'project';
      font-weight: 200;
  }
  .project_post_grid .eael-post-grid-container .eael-post-grid {
      margin: 0 -5px;
  }
  .btn__wrapper {
      text-align: center;
      width: fit-content;
      margin: 50px auto 0;
      position: relative;
  }
  .btn__wrapper button {
      padding: 15px 40px;
      border: 1px solid #FFFFFF80;
      color: #fff;
      border-radius: 30px;
      font-size: 12px;
      font-weight: 400;
      text-transform: uppercase;
      line-height: 16px;
      letter-spacing: 0.72px;
      display: inline-block;
      background: transparent;
      outline: none !important;
  }
  
  .btn__wrapper.loader:after {
      display: block;
      animation: loader--dual-ring 1.2s linear infinite;
      border: 2px solid #ffffff;
      border-radius: 50%;
      content: " ";
      margin: 1px;
      height: 46px;
      width: 46px;
      border-color: transparent white transparent white;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
      top: 0;
  }
  .btn__wrapper.loader button {
      opacity: 0;
      visibility: hidden;
  }
  @keyframes loader--dual-ring {
  
  0% {
      transform: rotate(0deg);
  }
  
  100% {
      transform: rotate(360deg);
  }
  
  }
  
  /*new-single-project*/
  
  .banner-project_content .font_bold {
      font-weight: 400;
  }
  .single_tour_item .elementor-image-box-img img {
      width: 100%;
      display: block;
  }
  .single_tour_item .elementor-image-box-wrapper {
      position: relative;
  }
  .single_tour_item .elementor-image-box-wrapper .elementor-image-box-content {
      position: absolute;
      top: 50%;
      left: 0;
      text-align: left;
      padding: 0 40px;
      font-family: 'Futura PT';
      opacity: 0;
      z-index: 1;
  }
  .single_tour_item .elementor-image-box-wrapper .elementor-image-box-img>a:before {
      content: '';
      background: rgba(0, 0, 0, 0.60);
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      z-index: 1;
      opacity: 0;
  }
  .single_tour_item .elementor-image-box-wrapper .elementor-image-box-img>a {
      display: block;
      position: relative;
      z-index: 1;
  }
  .single_tour_item .elementor-image-box-wrapper:hover .elementor-image-box-img>a:before, 
  .single_tour_item .elementor-image-box-wrapper:hover .elementor-image-box-content {
      opacity: 1;
      transition: all 0.3s;
  }
  .single_tour_item .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title:after {
      content: '';
      z-index: -1;
      background-image: url(/wp-content/themes/hello-elementor-child/images/happy-above-slide.png);
      height: 50px;
      width: 50px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-color: transparent !important;
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      position: absolute;
  }
  
  .single_tour_item .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title {
      margin: 0;
      position: relative;
  }
  .single_tour_item .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title>a {
      display: block;
  }
  
  /* Single Posts css */
  .explore-portfolio { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; padding: 10px 90px 80px; background: #000; box-shadow: 0px 50px 31px #171718 inset;}
  .portfolio_post_image img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; }
  .portfolio_post_image{position: relative;display: block;padding-bottom: 110%;}
  .portfolio_post_title { position: absolute; top: 50%; transform: translateY(-50%); left: 0px; z-index: 2;padding: 0 30px;width: 100%; }
  .explore-portfolio .portfolio_item { position: relative; }
  .portfolio_post_title h3 { font-family: 'HelveticaNeue'; font-size: 24px; line-height: 28px; color: #fff; text-align: left; margin: 0; letter-spacing: 0.48px; position: relative; font-weight: 500; }
  .portfolio_post_title a:after { content: ''; z-index: -1; background-image: url(/wp-content/themes/hello-elementor-child/images/happy-above-slide.png); height: 50px; width: 50px; background-size: cover; background-repeat: no-repeat; background-position: center; background-color: transparent !important; top: 50%; transform: translateY(-50%); right: 20px; position: absolute; }
  .portfolio_post_title h3:before { content: 'View'; font-weight: 200; }
  .explore-portfolio .portfolio_item:hover .portfolio_post_image a:before { content: '';cursor: pointer; background: rgba(0, 0, 0, 0.50); width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; z-index: 1; -webkit-transition: all 3s; transition: all 3s; }
  .portfolio_post_title {opacity: 0;transition: ease 0.3s;}
  .explore-portfolio .portfolio_item:hover .portfolio_post_title{opacity: 1;}
  .single_banner .single_banner_content p { color: #fff;font-size: 14px;font-family: 'Futura PT'; }
  
  
  /** our process **/
  .swiper-wrapper {
      flex-direction: unset !important;
      gap: unset !important;
      flex:unset !important;
  }
  .swiper-slide{
      flex-shrink: 0 !important;
  }
  .swiper-container.process-swiper-slider{
      padding-bottom: 110px;
  }
  .process-swiper-slider.swiper-container-horizontal .swiper-scrollbar {
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 50;
      height: 1px;
      width: 100%;
      background: rgba(255, 255, 255, 0.50);
      cursor: pointer;
  }
  .process-swiper-slider .swiper-scrollbar-drag{
      background:rgba(217, 217, 217, 0.50);
      height: 3px;
      top: -3px;
      cursor: pointer;
  }
  .our-process:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      height: 290px;
      width: 100%;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
      z-index: 0;
      pointer-events: none;
  }
  .process-swiper-slider .swiper-button-next {
      margin: 0;
      padding: 0;
      border: none;
      outline: none;
      font-size: 0;
      position: absolute;
      right: 53px;
      z-index: 9;
      background-image: url(/wp-content/themes/hello-elementor-child/images/happy-above-slide.png);
      height: 50px;
      width: 50px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-color: transparent !important;
      top: calc(50% - 80px);
      transform: translateY(-50%);
      border-radius: 50%;
  }
  
  .process-swiper-slider .swiper-button-next:after {
      opacity: 0;
      display: none;
  }
  .process-swiper-slider .swiper-button-prev{
       background: url('./images/right-arrow.svg') no-repeat;
       transform: rotate(180deg);
       left: 60px;
       top: -56px;
      margin: 0;
      width: 51px;
      height: 10px;
      display: none !important;
  }
  .process-swiper-slider .swiper-button-prev:after {
      opacity: 0;
      display: none;
  }
  .process-swiper-slider .swiper-button-next.swiper-button-disabled, .process-swiper-slider .swiper-button-prev.swiper-button-disabled {
      opacity: 0;
  }
  .swiper_video .e-hosted-video {
      position: relative;
  /*    padding-bottom: 78%;*/
      aspect-ratio: 3 / 2 !important;
      height: 100%;
      width: 100%;
  }
  .swiper_video>.e-con-inner .elementor-widget-video {
      height: 100%;
  }
  .process-swiper-slider .swiper-scrollbar {
      background: rgb(255 255 255 / 0.50);
      height: 1px;
  }
  
  .banner_featured_sec .home-banner-list .slick-slide li a{
      position: relative;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 10px;
  }
  .home-banner-list-slider .slick-current .home_tab_active{
      display: inline-block;
  }
  .home-banner-list-slider .home_tab_active {
      font-size: 14px;
      font-family: 'Futura PT';
      line-height: 17px;
      text-decoration: underline;
      font-weight: 400;
      display: none;
  }
  .about_press_slider .slick-next {
      padding: 0;
      border: none;
      outline: none;
      font-size: 0;
      position: absolute;
      right: 0px;
      z-index: 1;
      bottom: 80px;
      background-image: url(https://contempostudio.ca/wp-content/themes/hello-elementor-child/./images/happy-above-slide.png);
      height: 50px;
      width: 50px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      background-color: transparent !important;
      opacity: 1;
  }
  .about_press_slider .slick-prev {
      display: none !important;
  }
  
  /*new-single-project*/
  
  .single_bannerwrap {
      background: #151515;
  }
  
  .single_bannerwrap .single_wrapper {
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: end;
      position: relative;
      z-index: 1;
      padding: 0 0px 0 90px;
      max-width: 100%;
  }
  .project_banner_main {
      display: flex;
  }
  
  .single_banner_right {
      width: 65%;
      height: 90vh;
      position: relative;
  }
  .single_banner_right:after {
      content: '';
      background: linear-gradient(0, #151515 0%, #fff0 100%);
      width: 100%;
      height: 300px;
      position: absolute;
      bottom: 0;
      z-index: 0;
      pointer-events: none;
  }
  .single_banner_right:before {
      content: '';
      background: linear-gradient(180deg, #000 0%, #fff0 50%);
      width: 100%;
      height: 370px;
      position: absolute;
      top: 0;
      pointer-events: none;
  }
  .single_banner_right img {
      width: 100%;
      display: block;
      height: 100%;
      object-fit: cover;
  }
  .project_banner_main .single_banner_content {
      width: 35%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
  }
  .single_six_gallery .single_gallery_items {
      grid-template-columns: auto;
      column-count: 2;
      display: block;
      gap: 0;
      margin:-7px;
  }
  .single_gallery_item span:has(img) {
    cursor: pointer;
}
  .single_six_gallery .single_gallery_items .single_gallery_item {
      padding: 7px;
      break-inside: avoid;
      counter-increment: item-counter;
  }
  .single_six_gallery .single_gallery_items .single_gallery_item>div {
      padding: 0;
  }
  .single_six_gallery .single_gallery_items .single_gallery_item>div img {
      position: static;
  }
  .single_content_item p {
      font-size: 16px;
      font-style: normal;
      font-weight: 300;
      line-height: 25px;
      letter-spacing: 0.96px;
      color: #fff;
      text-align: right;
      max-width: 530px;
      margin-left: auto;
  }
  .single-projects.postid-5341 .single_banner_content h2:before, 
  .single-projects.postid-5318 .single_banner_content h2:before {
      content: inherit;
  }
  

.rendering-txt {
  font-family: Futura PT;
  font-size: 18px;
  font-weight: 400;
  line-height: 23.08px;
  letter-spacing: .06em;
  text-align: left;
  color: #FFF;
  padding: 0px 15px 42px;
  pointer-events: none;
}

.under-txt {
font-family: Futura PT;
font-size: 18px;
font-weight: 400;
line-height: 23.08px;
letter-spacing: 0.06em;
text-align: left;
padding: 0px 160px 42px;
  color: #FFF;
  pointer-events: none;
}
.single_six_gallery .under-txt {
    padding: 0px 70px 42px;
}

.custom-project-categories-title {
font-family: Futura PT;
font-size: 14px;
font-weight: 400;
line-height: 17.95px;
letter-spacing: 0.06em;
text-align: left;
color: #fff;
text-transform: uppercase;
padding-bottom: 22px;
}


#loader {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 9999;
    right: 0;
    margin: auto;
    width: 300px;
    height: 5px;
    background: #fff;
    display: inline-block;
    overflow: hidden;
}
#loader img{
  display: none;
}

#loader:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    height: 5px;
    background: #6c6767;
    -webkit-animation: rotationBack .7s linear infinite;
    animation: rotationBack .7s linear infinite;
    transform-origin: center center;
    border: none;
}
.loading-body:before {
    content: '';
    background: #000;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999;
    opacity: 0.5;
}

.loading-body{
  overflow: hidden;
}

@keyframes rotationBack{
0% {
    left: 0;
}

100% {
    left: 300px;
}
}
.close-icon {
    cursor: pointer;
    display: flex;
    align-items: center;
    line-height: 1;
    height: 13px;
    position: relative;
}
.close-icons {
    font-size: 20px;
    display: flex;
    align-items: center;
    line-height: 1;
    font-weight: 300;
    color: #fff;
}

/*career-form*/

.contact_form_wrap .full_width {
    width: 100%;
}
.careers_form_outer .contact_form_wrap .contact_item {
    margin-bottom: 20px;
}
.careers_form_outer .contact_form_wrap .contact_item textarea {
    height: 160px;
    background: transparent;
}
.careers_form_outer .contact_form_wrap {
    margin-bottom: 16px;
}
.career_form_submit {
    text-align: right;
}
.career_form_submit p {
    margin: 0;
    position: relative;
    width: fit-content;
    margin-left: auto;
}
.career_form_submit span.wpcf7-spinner {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
}
.careers_form_outer .career_form_submit input {
    background: rgb(0 0 0 / 50%);
    font-family: 'Futura PT';
    font-size: 14px !important;
    font-weight: 300 !important;
}
.careers_form_outer .career_form_submit input:hover, 
.careers_form_outer .career_form_submit input:focus{
  background: rgb(0 0 0 / 100%);
  color: #fff;
}
.hfe-nav-menu li.menu-item a.hfe-menu-item {
    cursor: pointer;
}
.career_form .wpcf7-response-output {
    max-width: 100%;
    text-align: center;
    border-width: 1px !important;
    font-size: 15px;
    position: static;
    margin: 20px 0 !IMPORTANT;
}


/* 17 feb 2025 */
#project-filters {
    margin: 0 0 35px;
}
.project_index_tabs_sec  .project_innr {
    padding: 0 64px;
}
.project_index_tabs_sec  .project_innr button {
    color: #FFF;
    font-size: 26px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.7px;
    outline: none;
    opacity: 1;
    padding: 0px 0 9px 0px;
    margin-right: 47px;
    border-width:0px 0px 0px 0;
    border-radius: 0;
    text-transform: capitalize;
    position: relative;
}
.project_index_tabs_sec  .project_innr button.active {
    border-bottom: 1px solid #fff;
}
.project_innr #project-filters button:not(:last-child)::before,
 .project_innr #main-categories button:not(:last-child)::before  {
    content: '';
    border-right: 1px solid #fff;
    position: absolute;
    height: 80%;
    right: -30px;
}
.project_index_tabs_sec  .project_innr button:hover {
    background: unset;
}
#project-search-container input#project-search::placeholder {
    color: #fff;
    font-weight: 300;
}
#project-search-container {
    position: relative;
    margin: 30px 0 49px;
}
span.serch_icn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
#project-search-container input#project-search {
    background: unset;
    border-width: 0 0px 1px;
    border-color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    color: #fff;
    max-width: 284px;
    border-radius: 0;
    padding: 20px 0 20px 20px;
}
#project-search-container input:focus,
.project_innr button:focus,
#project-search-container input:focus-visible {
    outline: 0;
    background: transparent;
}
.project_index_tabs_sec button.main-category {
    text-transform: lowercase;
}
div#subcategories .style_title {
    padding: 25px 0 12px;
}
.project_index_tabs_sec  button.sub-category {
    color: #FFF;
    font-family: 'Futura PT';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: .28px;
    text-transform: lowercase;
    display: inline-block;
    border-radius: 50px;
    background: rgb(255 255 255 / .1);
    padding: 10px 30px 13px;
    position: relative;
    margin: 0;
}
.sub_cat_inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 14px;
}
.project_index_tabs_sec button.sub-category.active:after {
    display: inline-block;
    content: "\00d7";
    margin-left: 8px;
    line-height: normal;
    position: relative;
    top: 1px;
}
.project_index_tabs_sec button.sub-category:hover {
    background: rgba(255, 255, 255, 0.20);
}
.no_project {
    margin-top: 50px;
    color: #fff;
}
  /*responsive*/
  
  @media(min-width:768px){
  
  .about_press_slider>.e-con-inner {
      padding: 0 60px;
  }
      .about_thumb_slide .slick-dots li button:hover {
          border-top: 2px solid rgb(255 255 255 / 50%);
          border-radius: 50px;
  }
      /*.home-banner-list {
          height: 107px;
          overflow-x: auto;
          padding-right: 9px;
      }
      .home-banner-list::-webkit-scrollbar
      {
          width: 6px;
          background-color: transparent;
      }
      .home-banner-list::-webkit-scrollbar-thumb
      {
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
          background-color: #a9a9a9;
      }*/
  .projects_sec_wrap .project_item:hover .feartured_image_project a:before {
      content: '';
      background: rgba(0, 0, 0, 0.50);
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      z-index: 1;
      -webkit-transition: all 3s;
      transition: all 3s;
  }
  .projects_sec_wrap .projects_content {
      opacity: 0;
      transition: ease-in 0.3s;
  }
  .projects_sec_wrap .project_item:hover .projects_content {
      opacity: 1;
  }
  .career_designation_wrap>.e-con-inner {
      display: grid;
      grid-template-columns: 1fr 1fr;
      max-width: 900px;
      margin: 0 auto 0 0 !important;
  }
  .project_post_grid .eael-entry-thumbnail {
      position: relative;
      padding-bottom: 56%;
  }
  
  .project_post_grid .eael-entry-thumbnail>img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
  }
  .process-swiper-slider .swiper-wrapper, 
  .process-swiper-slider .swiper-slide{
      min-height: inherit !important;
      height: calc(100vh - 60px) !important;
  }
  .process-swiper-slider .our_process_contact, 
  .process-swiper-slider .swiper-slide.our_process_slide {
      height: 100vh !important;
  }
  .process-swiper-slider .our-process {
      height: 100% !important;
      min-height: 100% !important;
  }
  .process-swiper-slider .swiper-slide {
      padding-bottom: 40px;
  }
  /*menu*/
  .Menu_expand_inner>.e-con-inner {
      justify-content: center !important;
      gap: 80px;
  }
  
  .Menu_expand_inner .e-con-inner .Menu_expand_item {
      width: fit-content;
  }
  
  /*hover_blur_css*/
  
  .bg_cursor_viewer {
      position: absolute;
      pointer-events: none;
      width: 400px;
      height: 250px;
      background-color: #fff;
      border-radius: 50%;
      mix-blend-mode: overlay;
      -webkit-filter: blur(61px);
      filter: blur(61px);
      z-index: 6;
      opacity: 0;
      -webkit-transition: opacity 1.2s ease;
      transition: opacity 1.2s ease;
      overflow: hidden;
  }
  
  .get_in_touch_sec,
  .contact_form_banner {
      position: relative;
      overflow: hidden;
  }
  
  
  
  .get_in_touch_inner,
  .contact_banner_inner {
      position: relative;
  }
  
  .get_in_touch_inner:after,
  .contact_banner_inner:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 101%;
      height: 101%;
      opacity: 0;
      background: -webkit-gradient(linear, left bottom, left top, from(rgb(0 0 0 / .63)), to(rgb(0 0 0 / .24)));
      background: linear-gradient(0deg, rgb(0 0 0 / .63) 0, rgb(0 0 0 / .24));
      z-index: 0;
      -webkit-transition: all .5s ease;
      transition: all .5s ease;
      pointer-events: none;
  }
  
  
  
  .contact_form_banner .bg_cursor_viewer {
      background: url(/wp-content/uploads/2024/05/ContactBackground.png) 50% 50% no-repeat fixed;
  }
  
  
  }
  
  @media(min-width:1025px){
      .Menu_expand_wrap>.elementor-element-604743e {
      padding-bottom: 35px;
  }

.single-custom_projects .single_bannerwrap .single_wrapper {
    padding: 0 0 0 117px;
}

  }
  
  @media(max-width:1440px){
  .single_explore_sec {
      padding-left: 90px;
  }
  .single_key_feature_inner{
      padding: 0 150px;
  }
	  
	.feartured_image_project a {      
      padding-bottom: 140.6%;
  }
  
  }
  
  @media(max-width:1366px){
  .review_picture{
      padding-bottom: 66%;
  }
  }
  @media(max-width:1199px){
  
  .banner_img:before, 
  .single_banner .project_image:before {
      height: 250px;
  }
  .single_banner_right:before {
      height: 250px;
  }
  .banner_img:after{
      height: 150px;
  }
  .single_wrapper {
      padding: 0 20px;
  }
  .explore_heading, 
  .explore_projects_items {
      margin-left: 0;
  }
  .single_banner .project_image {
      height: 60vh;
  }
  .key_feature_wrap .slick-slide, 
  .explore_projects_items .slick-slide {
      padding-right: 15px;
  }
  .single_gallery_item.single_gallery_small img {
      height: calc(100% - 100px);
  }
  .single_review_sec {
      padding: 0 0 80px;
  }
  .project_inner_tabs_wrap ul {
      padding: 0 0 80px;
  }
  .project_index_tabs_sec .project_main_tabs {
      padding: 0;
      row-gap: 12px;
  }
  .project_index_content {
      padding: 0 26px;
  }
  .tabs_grid_item_title h2 {
      font-size: 26px;
  }
  body .project_index_banner:before {
      height: 250px;
  }
  .project_index_banner {
      height: 50vh;
  }
  .follow_sec_slider .slick-track {
      padding: 30px 0;
  }
  .happy_above_slide figure.elementor-image-box-img img {
      height: 65px;
      width: 75px;
  }
  .tabs_grid_item_image:before {
      height: 150px;
  }
  .project_items .slick-arrow {
      right: 33px;
  }   
  .single_key_feature_inner {
      padding: 0 100px;
  }
  
  /*about_page*/
  /*.about_thumb_slide .slick-dots {
      width: calc(100% - 150px);
  }*/
  .about_main_slide_item .elementor-widget-image .elementor-widget-container {
      padding-bottom: 160%;
  }
  .about_press_slider .slick-dots {
      bottom: -50px;
      width: calc(100% - 400px);
  }
  
      .about_press_slider .slick-dots li button:hover {
          border-bottom: 10px solid rgb(255 255 255 / 50%);
          top: 0;
          border-radius: 50px;
  }
  
  /*team_page*/
  .team_content_wrap>.e-con-inner .team_content_left {
      width: calc(25% - 30px);
  }
  
  /*single-project*/
  .single_review_picture .slick-arrow {
      height: 65px;
      width: 65px;
  }
  .single_review_picture button.slick-prev {
      left: 50px;
  }
  .single_gallery_sec {
      padding: 50px 0 100px;
  }
  .happy_above_slide .slick-arrow {
      right: 22%;
  }
  
  .header_bar .elementor-icon {
      height: 2px;
      width: 30px;
      right: 30px;
  }
  .header_bar .elementor-icon:before {
      top: -9px;
  }
  .header_bar .elementor-icon:after {
      top: 9px;
  }
  .header_bar .elementor-icon:after, 
  .header_bar .elementor-icon:before {
      width: 30px;
      height: 2px;
  }
  .header_sec{
      padding-right: 0 !important;
  }
  .Menu_expand_wrap {
      padding-bottom: 60px !important;
  }
  .under-txt {
    padding: 0 110px 42px;
}
.single_six_gallery .under-txt {
    padding: 0 20px 42px;
}
.style_title {
    padding: 0 0px 14px;
}

  }
  
  @media(max-width:1024px){
      .explore-portfolio {padding: 0px 50px 80px; }
      .single_banner .single_wrapper {padding: 0 50px;}
      .portfolio_post_title h3{font-size: 14px;}
      .portfolio_post_title a::after {height: 35px;width: 35px;}
      .swiper-wrapper .swiper-slide{overflow: auto;}
      .single_bannerwrap .single_wrapper { padding: 0 0px 0 50px;}
  }
  
  @media(min-width:1030px) and (max-width:1400px){
      .contact_banner_content {
      padding: 0 50px !important;
  }
  }
  
  @media(min-width:768px) and (max-width:992px){
  .happy_above_slide .slick-slide p {
      padding-right: 80px;
  }
  .about_main_slide_item .elementor-widget-image .elementor-widget-container {
      padding-bottom: 200%;
  }
  .happy_above_slide .slick-arrow {
      right: 22%;
      bottom: 40px;
  }
  
  }
  
  @media(min-width:768px) and (max-width:1024px){
  
  .Menu_expand_wrap>.elementor-element-604743e {
      padding-bottom: 20px;
      padding-top: 30px;
  }
  }
  
  @media(max-width:992px){
  .swiper-wrapper.e-flex.e-con.e-child {
      flex-wrap: nowrap;
  }
  .swiper-wrapper .swiper-slide{
      flex-wrap: nowrap;
      overflow: auto;
  }
  .about_press_slider .slick-dots {
      width: calc(100% - 100px);
  }
  .single_review_picture .slick-arrow {
      right: 30px;
      height: 55px;
      width: 55px;
  }
  .single_review_picture button.slick-prev {
      left: 30px;
  }
  .single_gallery_sec .single_wrapper{
      padding: 0 20px;
  }
  .single_banner .single_wrapper{
      padding: 0 30px;
  }
  .single_bannerwrap .single_wrapper { 
      padding: 0 0px 0 30px;
  }
  .single_key_feature_inner{
      padding: 0 20px;
  }
  .single_explore_sec {
      padding-left: 20px;
  }
  .single_review_picture .slick-dots {
      width: calc(100% - 20px);
  }
  .explore_projects_items .slick-dots {
      width: calc(100% - 50px);
  }
  .project_post_grid .eael-grid-post .eael-entry-wrapper {
      padding: 0 20px;
  }
  .project_post_grid .eael-entry-wrapper .eael-entry-title>a:after {
      height: 35px;
      width: 35px;
  }
  .under-txt {
        padding: 0 30px 42px;
    }
    .single_six_gallery .under-txt {
    padding: 0 10px 42px;
}
  }
@media(max-width:800px){
    .project_index_tabs_sec  .project_innr button {
        font-size: 16px;
        letter-spacing: 0.3px;
    }
    .project_index_tabs_sec  .project_innr {
        padding: 0px 10px;
    }
}
  
  @media(max-width:767px){
    .sub_cat_inner {
        flex-wrap: nowrap;
        overflow: auto;
        padding-bottom: 14px;
    }
    div#project-filters {
        flex-wrap: nowrap;
        overflow: auto;
        padding-bottom: 14px;
        display: flex;
        align-items: anchor-center;
    }
    #project-filters {
        margin: 0 0 10px;
    }
      .banner_featured_sec {
          bottom: 60px;
      }
      .banner_featured_sec .home-banner-list .slick-slide li a {
          font-size: 16px;
      }
  .swiper-wrapper.e-flex.e-con.e-child {
      flex-wrap: nowrap;
  }
  .process-swiper-slider .swiper-button-prev{
      left: 50px;
      top: -29px;
  }
  .header_bar svg, .header_cross svg {
      width: 30px;
      height: 30px;
  }
  .Menu_expand_inner {
      overflow: auto;
      height: calc(100vh - 200px);
  }
  .Menu_expand_wrap {
      transform: translateX(200%);
      width: 100%;
      max-width: 90% !important;
      margin-right: 0 !important;
      height: 100vh;
  }
  .ehf-header #masthead.open_menu .Menu_expand_wrap {
      transform: translateX(0);
  }
  .Menu_expand_wrap>.elementor-element {
      border: none !important;
  }
  /*.open_menu_hidden:before {
      content: '';
      background: #000;
      position: absolute;
      top: 0;
      height: 100%;
      width: 100%;
      opacity: 0.3;
      z-index: 9;
  }*/
  .Menu_expand_wrap {
      padding-bottom: 50px !important;
  }
  
  .happy_below_slide .slick-list.draggable {
      padding-right: 10%;
  }
  .happy_below_slide .slick-slide {
      margin-right: 10px;
  }
  .follow_sec_slider .slick-list.draggable {
      padding-right: 35px;
  }
  .happy_above_slide .elementor-image-box-wrapper{
      display: flex;
      align-items: center;
  }
  .happy_above_slide .elementor-image-box-wrapper figure.elementor-image-box-img {
      width: 25% !important;
      margin-right: auto !important;
      margin-left: inherit !important;
  }
  .happy_above_slide .elementor-image-box-content {
      width: 75% !important;
  }
  .projects_sec_wrap .projects_footer {
      gap: 15px;
  }
  .projects_sec_wrap .projects_content{
      padding: 15px;
  }
  .projects_sec_wrap .projects_content {
      opacity: 0;
      transition: ease 0.3s;
  }
  .projects_sec_wrap .project_items .slick-slide.slick-current .projects_content {
      opacity: 1;
  }
  .projects_sec_wrap .project_items .slick-slide.slick-current .feartured_image_project  a:before {
      content: '';
      background: rgb(0 0 0 / 25%);
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      z-index: 1;
  }
  .happy_above_slide figure.elementor-image-box-img img {
      height: 65px;
      width: 65px;
  }
  .projects_sec_wrap .project_items .slick-slide {
      opacity: 0.2;
  }
  /*.projects_sec_wrap .project_title {
      left: 15px;
  }*/
  .footer-width-fixer .hfe-nav-menu .menu-item>a {
      justify-content: center;
  }
  .banner_featured_sec .elementor-icon-list-items {
      display: flex;
      overflow: auto;
      flex-wrap: nowrap;
      justify-content: inherit !important;
      gap: 30px;
      align-items: center;
  }
  .banner_featured_sec .elementor-icon-list-items li.elementor-icon-list-item {
      min-width: fit-content;
  }
  .banner_content {
      bottom: 0;
  }
  .banner_featured_sec .elementor-icon-list-items a {
      justify-content: flex-start !important;
  }
  .banner_img:after {
       height: 500px; 
  }
  .banner_featured_sec {
      border-top: 1px solid rgb(255 255 255 / 30%);
      background: #000;
      left:0;
      right: 0;
      width: 100%;
      padding: 20px;
  }
  .banner_featured_sec h4{
      text-align: left;
  }
  .home-banner-list-slider {
      padding: 0;
  }
  .home-banner-list-slider .slick-slide{margin: 0 20px 12px 0;}
  .follow_sec_slider .slick-arrow, 
  .project_items .slick-arrow {
      right: 15px;
  }
  .happy_above_slide .slick-arrow {
      right: 3%;
  }
  .projects_sec_wrap .featured_projects {
      padding-bottom: 0;
  }
  .feartured_image_project a {
      padding-bottom: 122%;
  }
  .banner_content_text .font_bold{
      font-weight: 400;
  }
  
  /*single_project*/
  .single_banner .single_wrapper {
      padding: 0 20px;
  }
  .single_gallery_sec .single_wrapper{
      padding: 0 10px !important;
  }
  .explore_projects_items {
      margin-right: 0;
  }
  .single_banner .project_image {
      height: 80vh;
  }
  .single_gallery_item.single_gallery_small img {
      height: calc(100% - 40px);
  }
  .single_gallery_sec {
      padding: 30px 0px 50px;
  }
  /*.single_key_feature_inner {
      padding: 0 8px;
  }*/
  .single_content_item h2 {
      font-size: 26px;
      line-height: 1.2em;
      margin: 0 0 15px;
  }
  .single_review_sec {
      padding: 0 0 60px;
  }
  .explore_heading {
      padding: 0 0 30px;
  }
  .explore_heading p, 
  .key_feature_title p {
     font-size: 16px;
  }
  .explore_projects_items .slick-list.draggable {
      padding-right: 80px;
  }
  .key_feature_wrap .slick-list.draggable {
      padding-right: 20%;
  }
  .explore_project_wrapper .explore_title h3 a {
      font-size: 18px;
  }
  .explore_projects_items .slick-dots {
      margin: 5px 0 0;
      width: calc(100% - 30px);
  }
  .single_review_picture .slick-arrow {
      display: none;
  }
  .key_feature_wrap {
      grid-template-columns: 1fr;
      gap: 30px;
  }
  .single_gallery_items {
      gap: 8px;
      margin-top: 8px;
  }
  .key_feature_item{
      max-width: 100%;
      gap: 0;
  }
  .single_content_item {
      max-width: 100%;
      text-align: center;
  }
  .key_feature_item .feature_title {
      width: 50%;
  }
  .single_key_feature {
      padding-bottom: 40px;
  }
  .single_review_picture .slick-dots {
      width: calc(100% - 20px);
      margin: 15px 0 0 auto;
  }
  .single_review_picture .slick-list.draggable {
      padding: 0px 10% 0px;
  }
  .single_explore_sec {
      padding-top: 50px;
  }
  .key_feature_title {
      text-align: center;
  }
  .lg-actions .lg-icon{
      display: none !important;
  }

  .single_bannerwrap .single_wrapper { 
      padding: 0 0px 0 0px;
  }
  .project_banner_main {
      flex-wrap: wrap;
      position: relative;
  }
  .project_banner_main .single_banner_content, 
  .single_banner_right {
      width: 100%;
  }
  .single_banner_right {
      height: 80vh;
  }
  .project_banner_main .single_banner_content {
      position: absolute;
      bottom: 0;
      z-index: 1;
  }
  
  .single_six_gallery .single_gallery_items {
      margin: -4px;
  }
  .single_six_gallery .single_gallery_items .single_gallery_item {
      padding: 4px;
  }
  .single_content_item p {
      font-size: 14px;
      line-height: 18px;
      text-align: center;
      max-width: 100%;
  }
  .single_banner_content{
      padding-left: 35px;
      padding-right: 20px;
  }
  
  /*project-index*/
  .inner_tabs_grid {
      grid-template-columns: 1fr;
  }
  .tabs_grid_item_title:after{
      height: 35px;
      width: 35px;
  }
  .tabs_grid_item_title {
      padding: 15px 20px;
      opacity: 1;
  }
  .tabs_grid_item_inner:before{
      opacity: 1;
      background: rgb(0 0 0 / 25%);
  }
  .project_inner_tabs_wrap ul {
      padding: 20px 20px 20px 5px;
      flex-wrap: nowrap;
      overflow: auto;
      margin: 0 0 50px;
  }

  .project_inner_tabs_wrap ul li {
      min-width: fit-content;
  }
  .project_index_tabs_sec .project_main_tabs {
      padding: 0;
  }
  .project_main_tabs a {
      font-size: 26px;
  }
  .project_main_tabs li:not(:last-child) {
      margin-right: 10px;
  }
  .project_main_tabs li {
      padding-right: 10px;
  }
  .project_index_tabs_sec {
      padding: 0 20px 50px;
  }
  .project_index_content {
      padding: 0 20px;
  }
  .tabs_grid_item_title h2 {
      font-size: 22px;
  }
  body .project_index_banner:before {
      height: 150px;
  }
  .tabs_grid_item_inner:after{
      opacity: 1;
  }
  
  
  /*about_page*/
  
  .about_press_slider .slick-next{
      display: none !important;
  }
  .about_main_slide_item .elementor-widget-image .elementor-widget-container{
      padding-bottom: 76%;
  }
  .about_main_slide_item:after {
      content: '';
      background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
      width: 100%;
      height: 70px;
      position: absolute;
      top: 0;
      pointer-events: none;
      z-index: 1;
  }
  
  .about_thumb_slide_item .elementor-widget-container {
     padding-bottom: 56%; 
  }
  .about_main_slide_item>.e-con-inner, 
  .about_thumb_slide_item>.e-con-inner {
      display: block;
  }
  .about_thumb_slide .slick-dots {
      width: calc(100% - 40px);
      margin: 15px auto;
  }
  .about_main_slide_item {
      margin: 0 0 6px;
  }
  .about_banner_right a.elementor-button {
      width: 100%;
  }
  .about_press_slider .slick-slide {
      padding: 0 10px;
  }
  .about_press_slider .slick-list.draggable {
      padding: 0 50px;
  }
  .about_clients_review_wrap .elementor-image-box-img {
      margin: 0 0 10px !important;
  }
  
  /*team_page*/
  
  .team_content_wrap>.e-con-inner .team_content_left {
      width: calc(100% - 0px);
  }
  .about_qualification_wrap>.e-con-inner {
      flex-direction: column !important;
  }
  .about_qualification_wrap>.e-con-inner .elementor-icon-box-content {
      text-align: center;
  }
  .team_content_wrap>.e-con-inner {
      border-left: none;
  }
  .team_left_title {
      left: 0;
  }
  .team_left_title:before, 
  .team_left_title:after{
      content: inherit;
  }
  .team_content_right .e-con-inner, 
  .team_content_right .e-con-inner .elementor-element {
      display: grid;
  }
  
  /*career_page*/
  
  .career_page_banner:after {
      height: 80vh;
  }
  .career_tabs_wrap .elementor-accordion-item .elementor-accordion-icon-closed, 
  .career_tabs_wrap .elementor-accordion-item .elementor-accordion-icon-opened {
      right: 10px;
      top: -5px;
  }
  .career_content_wrap:before {
      content: inherit;
  }
  .career_designation_wrap {
      line-height: normal;
  }
  
  /*contact_page*/
  
  .contact_form_wrap .contact_item {
      width: 100%;
  }
  .contact_form_outer .fieldset-cf7mls[data-cf7mls-order="0"]::after {
      max-width: 25.33%;
  }
  .contact_form_outer .fieldset-cf7mls[data-cf7mls-order="1"]::after {
      max-width: 45.66%;
  }
  .contact_form_wrap .contact_item.message textarea {
      height: 100px ;
  }
  .contact_banner_content {
      left: 0;
      right: 0;
      width: 100%;
      padding: 0 20px;
  }
  .contact_banner_inner {
      height: 100%;
  }
  .wpcf7-response-output {
      padding: 8px !important;
      font-size: 15px;
      line-height: normal;
  }
  .header_bar .elementor-icon {
      right: 20px;
  }
  
  
  
  /*taxonomy*/
  .tax-categories .site-main {
      padding: 120px 50px 0;
  }
  .tax-categories .site-main .page-content {
      grid-template-columns: 1fr;
  }
  .tax-categories article.post .entry-title, 
  .tax-categories article.post a:before {
      opacity: 1;
  }
  .tax-categories article.post .entry-title>a:after {
      height: 35px;
      width: 35px;
      right: 0px;
  }
  .menu_inner_cross {
      right: 20px;
  }
  
  /*new-project-index*/
  
  .project_post_grid .eael-grid-post .eael-entry-wrapper {
      padding: 0 20px;
      opacity: 1;
  }
  .project_post_grid .eael-entry-overlay {
     opacity: 1;
     visibility: visible;
     background: rgb(0 0 0 / 25%) !important;
  }
  .project_post_grid .eael-entry-thumbnail img {
      height: 220px;
      object-fit: cover;
  }
  .btn__wrapper {
      margin: 35px auto 0;
  }
  .btn__wrapper.loader:after {
      height: 36px;
      width: 36px;
  }
  .single_tour_item .elementor-image-box-wrapper .elementor-image-box-content {
      opacity: 1;
  }  
  .single_tour_item .elementor-image-box-wrapper .elementor-image-box-img>a:before {
      background: rgba(0, 0, 0, 0.25);
      opacity: 1;
  }
  .single_tour_item .elementor-image-box-wrapper .elementor-image-box-content .elementor-image-box-title:after {
      height: 35px;
      width: 35px;
  }
  .swiper-slide.swiper_flex {
      flex-direction: column-reverse !important;
  }
  .process-swiper-slider .swiper-button-prev{
      display: none !important;
  }
  .new_projects_grid .tabs_grid_item_image {
      padding-bottom: 0% !important;
      padding-top: 0% !important;
  }
  .new_projects_grid .tabs_grid_item_inner img {
      position: static;
      display: block;
      height: 250px;
  } 
  .process-swiper-slider .our-process {
      min-height: inherit !important;
      height: calc(100vh - 70px) !important;
  }
  .our-process:after {
      bottom: -2px;
  }
  
  /* Single Portfolio Post */
  
  .explore-portfolio {
      grid-template-columns: repeat(1,1fr);
      padding: 40px 20px 50px;
  }
  .portfolio_post_title{
      opacity: 1;
  }
  .swiper-wrapper .swiper-slide{
      flex-wrap: wrap;
  }
  .our-process .elementor-widget-heading {
      position: relative;
      z-index: 2;
  }
  .custom_swiper_buttons {
      position: absolute;
      top: calc(100vh - 60px);
      left: 0;
      width: 100%;
      height: 60px;
      background: transparent;
      z-index: 1;
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      padding: 0;
  /*    pointer-events: none;*/
  }
  .custom_swiper_buttons>.elementor-widget-container {
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      width: 100%;
      background: none;
      height: auto !important;
  }
  .swiper-container.process-swiper-slider {
      padding-bottom: 30px;
  }
  .process-swiper-slider .swiper-button-next {
      right: 20px;
      height: 45px;
      width: 45px;
      top: auto;
      transform: inherit;
      bottom: 40px;
      z-index: 5;
      border-radius: 50%;
      background-color: transparent !important;
  }
  .process-swiper-slider .swiper-scrollbar {
      bottom: 15px;
  }

.rendering-txt {
    padding: 0 15px 30px;
    font-size: 16px;
}
    .single-custom_projects .single_gallery_sec {
        padding: 50px 0 50px;
    }
    .under-txt {
        padding: 0 20px 30px;
        font-size: 16px;
    }
        .single_six_gallery .under-txt {
        padding: 0 10px 30px;
    }
        .single-custom_projects .single_six_gallery{
        padding: 0px 0 50px;
    }
    .style_title {
    padding: 0 25px;
}

.slick-lightbox button.slick-arrow{
  display: none !important;
}
.project_main_tabs.main_tabs li {
    border-right: none;
}

  }
  @media(max-width:480px){
  .swiper-wrapper.e-flex.e-con.e-child {
      flex-wrap: nowrap;
  }
  .home-banner-list-slider .slick-slide {
	  text-align: center;
  }
	.home-banner-list li a,
	.home-banner-list-slider .slick-slide{
	text-align: center;
	}
	.home-banner-list-slider .home_tab_active {
		position: relative;
		top: 4px;
	}
	 
  }
  
  @media(max-width:380px){
      .contact_form_banner {
      height: 130vh;
  }
  
  }
  
  @media(max-width:350px){
      .Menu_expand_wrap>.elementor-element {
      padding-left: 30px !important;
  }
  .about_main_slide_item .elementor-widget-image .elementor-widget-container {
      padding-bottom: 56%;
  }
  .contact_form_banner {
      height: 170vh;
  }
  
  }
  
.home_tab_active {
    display: flex;
    align-items: center;
}

.home_tab_active:after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url('/wp-content/themes/hello-elementor-child/images/happy-above-slide.png');
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
    margin-left: 8px;
}
/* Homepage responsive hero: preserve cover sizing through image-plugin picture wrappers. */
.banner_img .slider-preview .featured_banner_img img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center;
}
.slider-preview:not(.slick-initialized) > a { display: none; }
.slider-preview:not(.slick-initialized) > a:first-child { display: block; }

/* Keep Instagram card fades without animating layout, visibility or shadows. */
.home #sb_instagram #sbi_images .sbi_item { transition-property: opacity, transform; }

/* Mobile featured projects: visible manual navigation with generous tap targets. */
@media (max-width: 766px) {
  .home .home-banner-list-slider .slick-dots {
    position: relative;
    inset: auto;
    display: flex;
    justify-content: center;
    gap: 2px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .home .home-banner-list-slider .slick-dots li {
    display: block;
    position: relative;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
  }
  .home .home-banner-list-slider .slick-dots button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    cursor: pointer;
    font-size: 0;
  }
  .home .home-banner-list-slider .slick-dots button::before {
    content: "";
    position: static;
    display: block;
    width: 6px;
    height: 6px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
    opacity: .65;
  }
  .home .home-banner-list-slider .slick-dots .slick-active button::before {
    background: #fff;
    opacity: 1;
  }
  .home .home-banner-list-slider .slick-dots button:focus-visible {
    outline: 1px solid #fff;
    outline-offset: -4px;
  }
}

/* About: the video-only section has no visible content on phones. */
@media (max-width: 767px) {
  .elementor-1179 .elementor-element.explore_space_sec { display: none; }
}