/**
 * Theme Name:     SoulHausDesigns
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   soulhausdesigns
 * Description:    A lightweight and minimalist WordPress theme for Elementor page builder.
 */
body {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto !important;
}

/* Page title remove , Gravity form */
h1.entry-title,
.copyright.show,
.site-branding.show-title,
.video-consultation-main-home div#gform_1_validation_container,
.video-consultation-main-home .gform_heading {
  display: none !important;
}

.nav-links a:active,
#footer-links-left a:active,
#footer-links-right a:active,#footer-links-left-responsive a:active,#footer-links-right-responsive a:active, #footer-links-left-responsive-new a:active,#footer-links-right-responsive-new a:active{
  font-weight: 800;
}

/* active nav */
.nav-links a {
  transition: filter 0.5s, filter 0.5s ease 0.5s;
  box-shadow: none;
}
.safari-mac .nav-links a {
  transition: filter 0.5s, filter 0.5s ease 0.5s;
  box-shadow: none;
}

/* #portfolio-inner .category-link-box h3 a {
  transition: filter 0.5s, filter 0.5s ease 0.02s;
} */

.active-nav {
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffffbe;
}

#nav-outer .elementor-item-active,#nav-outer-responsive {
  font-weight: 700;
}

/* Banner Video height */

#banner-video-inner,
#banner-video-outer,
#banner-video-inner video {
  height: 645px;
}

/* Homepage */

.overlay-banner {
  position: relative;
}

.overlay-banner:before {
  content: " ";
  position: absolute;
  background-image: linear-gradient(
    180deg,
    #0000001e 0%,
    rgba(0, 0, 0, 0) 100%
  );
  top: 0px;
  width: 100%;
  height: 100%;
}
#madison-carousel-main {
  position: relative;
}

#madison-carousel-main button.owl-dot:focus {
  outline: none;
  border: none;
}

#madison-carousel-main button.owl-prev:hover,
#madison-carousel-main button.owl-next:hover,
#process-carousel button.owl-next:hover,
#process-carousel button.owl-prev:hover {
  background: none;
  color: transparent;
  opacity: 0.6;
}

#madison-carousel-main button.owl-prev:focus,
#madison-carousel-main button.owl-next:focus,
#process-carousel button.owl-next:focus,
#process-carousel button.owl-prev:focus {
  outline: none;
  border: none;
}

#madison-carousel-main button.owl-next {
  position: absolute;
  top: 76px;
  right: 215px;
}

#madison-carousel-main button.owl-prev {
  position: absolute;
  top: 76px;
  left: 215px;
}

#spaces-with-soul {
  font-family: "gautreaux";
}

/* Form Homepage */
#form-homepage-main .homepage-form-field input,
#form-homepage-main .homepage-form-phone input {
  background: transparent;
  font-family: "Figtree", sans-serif;
  border: none;
  outline: none;
  box-shadow: none;
  border-bottom: 1px solid #000000;
  border-radius: inherit;
  padding: 0;
}

#form-homepage-main div#field_submit input {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 34px;
  text-transform: uppercase;
  color: #fbfbfb;
  font-weight: 700;
  font-family: "Figtree";
  text-align: center;
  border-radius: 0px;
  background-color: #000000;
  padding: 2px 51px;
  transition: 0.5s ease-in-out;
  border: 1px solid #000000;
}

#form-homepage-main div#field_submit input:hover {
  background-color: #ffffff;
  color: #000000;
  transition: 0.5s ease-in-out;
}

#form-homepage-main .homepage-form-field input::placeholder,
#form-homepage-main .homepage-form-phone input::placeholder {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 34px;
  text-transform: uppercase;
  color: #000000;
  font-weight: 500;
  font-family: "Figtree", sans-serif;
}

#form-homepage-main .owl-dot.active span {
  background: #fbfbfb;
}

#form-homepage-main .owl-dot span {
  background: #d3d3d3;
}

/* About Page */

#our-services-after {
  position: relative;
}

#our-services-after:before {
  content: "";
  display: block;
  width: 2px;
  height: 39px;
  position: absolute;
  background-image: url("/wp-content/uploads/2023/10/after-our-services.jpg");
  top: 9px;
  left: -21px;
}

/* Testimonial Page */
#reviews-inner .ti-inner {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.27);
}

#reviews-inner .ti-name {
  font-family: "Figtree";
}

#reviews-inner .ti-review-content,
#reviews-inner span.ti-read-more-active,
#reviews-inner span.ti-read-more-active.ti-read-more-collapse,
#reviews-inner .ti-load-more-reviews-button {
  font-family: "Noto Serif";
}
#reviews-inner .ti-load-more-reviews-button {
  margin-top: 43px;
}

#reviews-main .ti-footer,
#reviews-main .ti-widget.ti-goog .ti-review-header:after {
  display: none;
}
/* Footer Links */

#footer-links-right li a,
#footer-links-left li a, #footer-links-left-responsive li a,#footer-links-right-responsive li a,#footer-links-left-responsive-new li a,#footer-links-right-responsive-new li a{
  display: inline-block;
}

a.copyright-bold {
color: #000000;
}

.explore-the-project span,
.explore-the-project a,
.explore-the-project-banner span,
.explore-the-project-services span,
#footer-mail span,#footer-mail-responsive span,
#nav-buttons-post span,
.explore-the-project-contact span,
#nav-main a,
#nav-main-right a,
.explore-the-project-contact a,
#portfolio-inner .category-link-box h3 a {
  position: relative;
}

#footer-links-right li a:after,
#footer-links-left li a:after,
#footer-links-left-responsive li a:after,#footer-links-right-responsive li a:after,#footer-links-left-responsive-new li a:after,#footer-links-right-responsive-new li a:after,
.explore-the-project span:after,
.explore-the-project a:after,
.explore-the-project-services span:after {
  content: "";
  position: absolute;
  background-color: #000000;
  height: 1px;
  width: 0;
  left: 0;
  bottom: 9px;
  transition: 0.8s;
}
.explore-the-project-contact span:after,
#portfolio-inner .category-link-box h3 a:after {
  content: "";
  position: absolute;
  background-color: #000000;
  height: 1px;
  width: 0;
  left: 0;
  bottom: -4px;
  transition: 0.8s;
}

#nav-main a:after,#nav-main-right a:after {
  content: "";
  position: absolute;
  background-color: #000000;
  height: 1px;
  width: 0;
  left: 0;
  bottom: 18px;
  transition: 0.8s;
}

#footer-mail span:after,
#footer-mail-responsive span:after,
#nav-buttons-post span:after {
  content: "";
  position: absolute;
  background-color: #000000;
  height: 1px;
  width: 0;
  left: 0;
  bottom: 2px;
  transition: 0.8s;
}

.explore-the-project-banner span:after {
  content: "";
  position: absolute;
  background-color: #ffffff;
  height: 1px;
  width: 0;
  left: 0;
  bottom: 9px;
  transition: 0.8s;
}

#footer-main .elementor-item-active:after {
  content: "";
  position: absolute;
  background-color: #000000;
  height: 1px;
  width: 0;
  left: 0;
  bottom: 9px;
  transition: 0.8s;
  width: 100%;
}

#footer-links-right li a:hover:after,
#footer-links-left li a:hover:after,
.explore-the-project span:hover:after,
.explore-the-project a:hover:after,
.explore-the-project-banner span:hover:after,
#footer-mail span:hover:after,
#footer-mail-responsive span:hover:after,
.explore-the-project-services span:hover:after,
#nav-buttons-post span:hover:after,
.explore-the-project-contact span:hover:after,
#nav-main a:hover:after,
#nav-main-right a:hover:after,
#portfolio-inner .category-link-box h3 a:hover:after {
  width: 100%;
}

/* Carousel Services page */

#process-carousel div {
  display: block;
  width: 97%;
}

#process-carousel-main {
  position: relative;
}

#process-carousel-main .owl-prev {
  position: absolute;
  left: -100px;
  top: 105px;
}

#process-carousel-main .owl-next {
  position: absolute;
  right: -100px;
  top: 105px;
}

#contact-us-form div#gf_progressbar_wrapper_2 {
  display: none;
}

#connect-with-us-content a {
  color: black;
}
.form_input_fields label {
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 34px;
  text-transform: uppercase;
  color: #000000;
  font-weight: 500;
  font-family: "Figtree";
}
.form_input_fields .ginput_container.ginput_container_text input,
.form_input_fields .ginput_container.ginput_container_email input,
.form_input_fields .ginput_container.ginput_container_phone input,
.form_input_fields .ginput_container.ginput_container_select select {
  width: 100%;
  background: transparent;
  border: 0px;
  border-bottom: 1px solid #000;
  border-radius: 0px;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.75);
  height: 40px;
  width: 95%;
  padding: 0px;
}

.form_input_fields .ginput_container.ginput_container_text :focus-visible {
  outline: 0px;
}

.form_input_fields .ginput_container.ginput_container_select select {
  background: transparent;
  border: 0px;
  border-bottom: 1px solid #000;
  border-radius: 0px;
  width: 95%;
}

#contact-us-form .ginput_container_date input {
  background: transparent;
  border: 0px;
  border-bottom: 1px solid #000;
  border-radius: 0px;
  width: 88%;
  margin-top: 2px;
  padding: 0;
}

#contact-us-form div#input_2_11 {
  display: flex;
  flex-direction: row;
  padding: 20px 0px 30px 0px;
  gap: 50px;
}

#contact-us-form div#input_2_31 {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 14px;
}
#contact-us-form div#input_2_13 {
  display: flex;
  flex-direction: row;
  gap: 50px;
}
#contact-us-form .gform_page_footer.before {
  justify-content: center;
  padding: 0px 86px;
  margin-top: 10px;
}
#contact-us-form input#gform_next_button_2_18 {
  background: #000;
  transition: 0.6s ease-in-out;
  text-transform: uppercase;
  box-shadow: none;
  border-radius: 0px;
  width: 100%;
  font-family: "Figtree";
}

#contact-us-form input#gform_previous_button_2,
#contact-us-form input#gform_submit_button_2 {
  background: #000;
  transition: 0.6s ease-in-out;
  text-transform: uppercase;
  box-shadow: none;
  border-radius: 0px;
  font-family: "Figtree";
  color: white;
}
#contact-us-form input#gform_next_button_2_18:hover,
#contact-us-form input#gform_previous_button_2:hover,
#contact-us-form input#gform_submit_button_2:hover {
  background-color: #ffffff;
  transition: 0.6s ease-in-out;
  border: 1px solid #000000;
  color: black;
}

.form_input_fields
  .ginput_container.ginput_container_text
  input:focus::placeholder,
.form_input_fields
  .ginput_container.ginput_container_email
  input:focus::placeholder,
.form_input_fields
  .ginput_container.ginput_container_phone
  input:focus::placeholder {
  color: #b2b2b2;
}

.form_input_fields .ginput_container.ginput_container_text input::placeholder,
.form_input_fields .ginput_container.ginput_container_email input::placeholder,
.form_input_fields .ginput_container.ginput_container_phone input::placeholder,
.form_input_fields
  .ginput_container.ginput_container_select
  select::placeholder {
  color: transparent;
}
#contact-us-form fieldset#field_2_11,
#contact-us-form fieldset#field_2_31,
#contact-us-form fieldset#field_2_13 {
  background: #fbfbfb;
  margin-top: -45px;
}
#contact-us-form #field_2_11 legend.gfield_label.gform-field-label,
#contact-us-form #field_2_31 legend.gfield_label.gform-field-label,
#contact-us-form fieldset#field_2_13 legend.gfield_label.gform-field-label {
  background: #fbfbfb;
  width: 100%;
  padding: 57px 0px 0px 59px;
  text-transform: uppercase;
}
#contact-us-form div#input_2_11,
#contact-us-form #input_2_31 {
  padding-left: 59px;
  padding: 22px 56px 56px 59px;
}
#contact-us-form div#input_2_31 label,
#contact-us-form div#input_2_11 label,
#contact-us-form div#input_2_13 label {
  font-family: "Figtree";
  font-weight: 700;
  margin-left: 5px;
}
#contact-us-form div#input_2_13 {
  padding: 4px 0px 13px 59px;
}
#contact-us-form #contact-us-form div#input_2_13 label {
  font-weight: 700;
}
#contact-us-form #contact-us-form div#input_2_13 {
  padding: 4px 0px 57px 59px;
}
#contact-us-form div#input_2_13 {
  padding: 25px 0px 57px 59px;
}
#contact-us-form div#gform_fields_2 {
  row-gap: 55px;
  column-gap: 0px;
  padding: 0px 86px;
}
div#field_2_7 {
  position: relative;
}
#contact-us-form div#field_2_1,
#contact-us-form div#field_2_4,
#contact-us-form div#field_2_5,
#contact-us-form div#field_2_6,
#contact-us-form div#field_2_7,
#contact-us-form div#field_2_8 {
  width: 88%;
}
#contact-us-form div#field_2_1 label,
#contact-us-form div#field_2_1 input,
#contact-us-form div#field_2_4 label,
#contact-us-form div#field_2_4 input,
#contact-us-form div#field_2_5 label,
#contact-us-form div#field_2_5 input,
#contact-us-form div#field_2_6 label,
#contact-us-form div#field_2_6 input,
#contact-us-form div#field_2_7 label,
#contact-us-form div#field_2_7 input,
#contact-us-form div#field_2_8 label,
#contact-us-form div#field_2_8 input {
  font-family: "Figtree" !important;
}

#contact-us-form label,
#contact-us-form legend,
#contact-us-form select,
#contact-us-form option,
#contact-us-form button {
  font-family: "Figtree";
}

#contact-us-form label {
  text-transform: uppercase;
}

.ginput_container.ginput_container_select:after {
  background-image: url("/wp-content/uploads/2023/10/arrow-dropdown-1.png");
  background-repeat: no-repeat;
  content: "";
  height: 20px;
  position: absolute;
  right: -9px;
  z-index: 9;
  width: 20px;
  top: 46px;
}
div#field_2_8 {
  position: relative;
}
#contact-us-form span.gfield_required.gfield_required_text {
  display: none;
}
#contact-us-form .gfield-choice-input {
  border-radius: 4px !important;
  height: 14px;
  width: 14px;
  box-shadow: none !important;
  border-color: #a3a3a3 !important;
}
#contact-us-form .gform-theme--framework .gfield--type-choice .gchoice {
  align-items: center;
}

#contact-us-form .gfield_checkbox .gfield-choice-input::before {
  color: black;
}

#contact-us-form .gfield_radio .gfield-choice-input::before {
  background-color: black;
}
#contact-us-form div#gform_confirmation_message_2 {
  text-align: center;
  color: #000000;
  font-family: "Noto Serif", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}

#contact-us-form button,
#contact-us-form input,
button#card-tab,
button#link-tab,
input#Field-bankInput,
input#Field-numberInput,
input#Field-expiryInput,
input#Field-cvcInput,
select#Field-countryInput,
input,
button {
  border-color: black !important;
  box-shadow: none !important;
}

#gform_page_2_2 .form_input_fields input,#gform_page_2_2 .form_input_fields select{
    background: transparent;
    border: 0px;
    border-bottom: 1px solid #000;
    border-radius: 0px;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.75);
    height: 40px;
    /*width: 95%;*/
    padding: 0px;
}

#gform_page_2_2 .gform-theme-field-control.StripeElement--card.StripeElement.StripeElement--empty,#gform_page_2_2 input#input_2_36_5 {
     background: transparent;
    border-color: black;
    box-shadow: none;
    border: 0px ;
    border-bottom: 1px solid #000;
    border-radius: 0px;
}

 #contact-us-form #gform_page_2_2 legend{
   text-transform: uppercase;
 }

/* PortFolio Page */

#portfolio-inner #category-posts-container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  row-gap: 60px;
  justify-content: space-between;
}

#portfolio-inner .post-image {
  height: 210px;
  background-repeat: no-repeat;
  background-size: contain;
}
#portfolio-inner .post.post-item h4 {
  text-align: center;
  margin: 15px 0 10px;
}
#portfolio-inner .post.post-item {
  color: #000000;
  font-family: "Noto Serif", Sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0px;
  width: 31%;
  text-align: center;
  margin-bottom: 3%;
}
#portfolio-inner .post.post-item a {
  color: #000000;
  font-family: "Figtree", Sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0px;
}
#portfolio-inner .all-blog-categories {
  display: flex;
  justify-content: center;
  column-gap: 30px;
  padding-bottom: 55px;
}

#portfolio-inner .category-link-box h3 a {
  color: #000000;
  font-family: "Figtree";
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  letter-spacing: 0px;
  text-transform: uppercase;
}
#portfolio-inner .pagination {
  display: none;
}

#portfolio-inner .category-link-box,
#portfolio-inner .category-link-box .featured-posts {
  display: flex;
  gap: 20px;
}

/* Single Post Page*/
#gallery-inner .gallery {
  display: flex;
  flex-wrap: wrap;
  row-gap: 35px;
  justify-content: space-between;
}

#gallery-inner .gallery-item {
  max-width: 100%;
  width: 32%;
}
#gallery-inner .gallery-item img {
  width: 100%;
}

#related-post .elementor-posts-container {
  gap: 29px;
}

#related-post .elementor-post__card {
  border-radius: 0px;
}

#form-homepage-main div#field_submit {
  position: relative;
}

.gform-loader {
  position: absolute !important;
  right: 10px !important;
  top: 10px !important;
}

#netzoptimize-copyright-65 {
    display: flex;
    justify-content: center;
    font-family: 'Figtree';
}

#netzoptimize-copyright-65 a {
    color: #2BADE9;
}

.copyright-main{
    color: #000000;
    font-family: "Figtree", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: 0px;
}

#contact-us-form .gform_footer.before {
    justify-content: center;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Media Query>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

@media screen and (max-width: 1680px) {
  #madison-carousel-main button.owl-next {
    position: absolute;
    top: 76px;
    right: 130px;
  }

  #madison-carousel-main button.owl-prev {
    position: absolute;
    top: 76px;
    left: 130px;
  }
  .nav-links a {
    transition: filter 0.2s, filter 0.3s ease 0.5s;
  }
}

@media screen and (max-width: 1440px) {
  #madison-carousel-main button.owl-next {
    position: absolute;
    top: 76px;
    right: 90px;
  }

  #madison-carousel-main button.owl-prev {
    position: absolute;
    top: 76px;
    left: 90px;
  }

  #banner-video-inner,
  #banner-video-outer,
  #banner-video-inner video {
    height: 600px;
  }

  #gallery-inner .gallery {
    row-gap: 30px;
  }
  #related-post .elementor-posts-container {
    gap: 30px;
  }
}

@media screen and (max-width: 1280px) {
  #madison-carousel-main button.owl-next {
    position: absolute;
    top: 76px;
    right: 50px;
  }

  #madison-carousel-main button.owl-prev {
    position: absolute;
    top: 76px;
    left: 50px;
  }

  #banner-video-inner,
  #banner-video-outer,
  #banner-video-inner video {
    height: 500px;
  }

  #our-services-after:before {
    left: -16px;
  }

  #process-carousel-main .owl-next {
    right: 30px;
    top: 130px;
  }
  #process-carousel-main .owl-prev {
    left: 87%;
    top: 130px;
  }
  #gallery-inner .gallery {
    row-gap: 25px;
  }
  #related-post .elementor-posts-container {
    gap: 23px;
  }
  #portfolio-inner .all-blog-categories {
    padding-bottom: 30px;
  }
  #portfolio-inner #category-posts-container {
    row-gap: 40px;
  }
}

@media screen and (max-width: 1023px) {
  .jamie-gaither-content br {
    display: none;
  }

  #form-homepage-main div#field_submit input {
    padding: 2px 41px;
  }

  #banner-video-inner,
  #banner-video-outer,
  #banner-video-inner video {
    height: 450px;
  }

  #our-services-after:before {
    top: -22px;
    left: 50%;
    transform: rotate(90deg);
  }
  .validation_message {
    text-align: center;
    padding-bottom: 10px;
  }
  div#gform_2_validation_container {
    width: 85% !important;
    margin: 0 auto !important;
  }
  #contact-us-form div#gform_fields_2 {
    padding: 0px 36px;
  }
  #contact-us-form .gform_page_footer.before {
    padding: 0px 36px;
  }
  #portfolio-inner #category-posts-container {
    row-gap: 40px;
  }
  #related-post .elementor-posts-container {
    gap: 20px;
  }
  .stripe-main {
    padding: 0 10px 0 17px !important;
  }
  #contact-us-form #gform_page_2_2{
      padding: 0 20px;
  }
  
  #gform_page_2_2 div#field_2_36 {
   padding-left: 0 !important;
}

.copyright-main {
    line-height: 20px;
text-align: right;
}
}
@media screen and (max-width: 992px) {
  #contact-us-form div#input_2_31 {
    display: grid;
    grid-template-columns: auto auto;
    gap: 14px;
  }
  div#gform_2_validation_container {
    width: 85% !important;
  }
  #contact-us-form div#gform_fields_2 {
    padding: 0px 40px;
  }
  #contact-us-form div#input_2_11,
  #contact-us-form #input_2_31 {
    padding: 22px 15px 56px 20px;
  }
  #contact-us-form #field_2_11 legend.gfield_label.gform-field-label,
  #contact-us-form #field_2_31 legend.gfield_label.gform-field-label,
  #contact-us-form fieldset#field_2_13 legend.gfield_label.gform-field-label {
    padding: 57px 15px 0px 20px;
  }
  #contact-us-form div#input_2_13 {
    padding: 25px 15px 57px 20px;
  }
  #contact-us-form div#input_2_31 {
    grid-template-columns: auto auto auto;
  }
  #contact-us-form div#gform_fields_2,
  #contact-us-form .gform_page_footer.before {
    padding: 0px 25px;
  }
  .form_input_fields label {
    font-size: 13px;
  }
  #contact-us-form div#field_2_1,
  #contact-us-form div#field_2_4,
  #contact-us-form div#field_2_5,
  #contact-us-form div#field_2_6,
  #contact-us-form div#field_2_7,
  #contact-us-form div#field_2_8 {
    width: 92%;
  }
  #portfolio-inner .post-image {
    height: 180px;
  }
  #portfolio-inner .post-image {
    height: 170px;
  }
  #process-carousel-main .owl-next {
    right: 50px;
    top: 130px;
  }
  #process-carousel-main .owl-prev {
    left: 84%;
    top: 130px;
  }
  #process-carousel-main .owl-next {
    right: 30px;
    top: 130px;
  }
  #portfolio-inner .all-blog-categories {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  #form-homepage-main #gform_fields_1 {
    display: flex;
    flex-direction: column;
    width: 85%;
    margin: 0 auto;
  }

  #banner-video-inner,
  #banner-video-outer,
  #banner-video-inner video,
  #banner-video-inner video {
    height: 300px;
  }

  .explore-the-project-banner span:after,
  .explore-the-project-banner a:after,
  .explore-the-project-services span:after {
    bottom: 2px;
  }
  #contact-us-form div#input_2_11 {
    gap: 40px;
  }
  #contact-us-form div#input_2_11 {
    flex-wrap: wrap;
  }
  #contact-us-form div#input_2_13 {
    flex-wrap: wrap;
  }
  .gchoice {
    align-items: center;
  }
  #contact-us-form div#gform_fields_2 {
    padding: 0px 25px;
    display: flex;
    flex-direction: column;
  }
  #contact-us-form .gform_page_footer.before {
    padding: 0px 25px;
  }
  #contact-us-form div#field_2_1,
  #contact-us-form div#field_2_4,
  #contact-us-form div#field_2_5,
  #contact-us-form div#field_2_6,
  #contact-us-form div#field_2_7,
  #contact-us-form div#field_2_8,
  #contact-us-form .ginput_container_date input {
    width: 100%;
  }

  #contact-us-form div#gform_confirmation_message_2 {
    padding: 0 20px;
  }

  #gallery-inner .gallery-item {
    width: 48.5%;
  }
  #gallery-inner .gallery {
    row-gap: 20px;
  }
  #related-post .elementor-posts-container {
    gap: 22px;
  }
  #portfolio-inner .post-image {
    height: 150px;
    background-size: contain;
  }
  #process-carousel div {
    width: 100%;
  }
  #image-process .elementor-widget-container img {
    display: inline-block;
  }
  #process-carousel-main .owl-prev {
    left: 41%;
    bottom: -240px;
  }
  #process-carousel-main .owl-next {
    right: 41%;
    bottom: -240px;
  }
  #related-post .elementor-post__thumbnail {
    height: 200px;
  }
  #portfolio-inner .post.post-item {
    margin-bottom: 5%;
  }

  .gform-loader {
    right: 10px !important;
    bottom: 0px !important;
  }
}

@media screen and (max-width: 540px) {
  #form-homepage-main #gform_fields_1 {
    width: 100%;
    margin: 0 auto;
  }

  #banner-video-inner,
  #banner-video-outer,
  #banner-video-inner video {
    height: 250px;
  }
  #contact-us-form div#input_2_11,
  #contact-us-form #input_2_31 {
    padding: 22px 15px 56px 15px;
  }
  #contact-us-form div#input_2_13 {
    padding: 25px 15px 57px 15px;
  }
  #contact-us-form #field_2_11 legend.gfield_label.gform-field-label,
  #contact-us-form #field_2_31 legend.gfield_label.gform-field-label,
  #contact-us-form fieldset#field_2_13 legend.gfield_label.gform-field-label {
    padding: 47px 15px 0px 15px;
  }
  #contact-us-form div#input_2_31 {
    grid-template-columns: auto auto;
  }
  #process-carousel div {
    width: 100%;
  }
  #contact-us-form div#input_2_31,
  #contact-us-form div#input_2_11,
  #contact-us-form div#input_2_13 {
    gap: 20px;
  }

  #gallery-inner .gallery {
    row-gap: 15px;
  }
  #related-post .elementor-posts-container {
    gap: 15px;
    height: 600px;
  }

  #portfolio-inner .category-link-box h3 {
    margin: 0;
  }
  #process-carousel-main .owl-prev {
    left: 39%;
    bottom: -330px;
  }
  #process-carousel-main .owl-next {
    right: 39%;
    bottom: -330px;
  }
  .post-category-box {
    margin: 0 20px;
  }

.copyright-main {
    text-align: center;
}

}

@media screen and (max-width: 480px) {
  #portfolio-inner .post-image {
    background-size: cover;
    height: 250px;
  }

  #portfolio-inner .category-link-box,
  #portfolio-inner .category-link-box .featured-posts {
    gap: 0px;
    flex-direction: column;
  }

  #portfolio-inner .category-link-box {
    padding: 10px 0 0;
  }
  #portfolio-inner .post.post-item {
    margin-bottom: 10%;
  }
  #portfolio-inner .post.post-item h4 {
    text-align: center;
    margin: 15px 0 5px;
  }
}

@media screen and (max-width: 440px) {
  #connect-footer-main {
    gap: 100px;
  }
  #contact-us-form div#gform_fields_2,
  #contact-us-form .gform_page_footer.before {
    padding: 0px 20px;
  }
  #contact-us-form div#input_2_31 {
    grid-template-columns: auto;
  }
  #contact-us-form div#input_2_11,
  #contact-us-form #input_2_31 {
    padding: 22px 15px 56px 15px;
  }
  #gallery-inner .gallery-item {
    width: 100%;
  }
  #process-carousel-main .owl-prev {
    left: 36%;
    bottom: -350px;
  }
  #process-carousel-main .owl-next {
    right: 36%;
    bottom: -350px;
  }
  #related-post .elementor-post__thumbnail {
    height: 240px;
  }
}

@media screen and (max-width: 380px) {
  #connect-footer-main {
    gap: 80px;
  }
  #process-carousel-main .owl-prev {
    left: 33%;
    bottom: -450px;
  }
  #process-carousel-main .owl-next {
    right: 33%;
    bottom: -450px;
  }
  #related-post .elementor-post__thumbnail {
    height: 200px;
  }
  #related-post .elementor-posts-container {
    gap: 15px;
    height: 500px;
  }
}