/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Child theme for Hello Elementor
Author: Your Name
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/


@media (min-width: 1025px) {
  .desktop-br {
        display: block;
		height: 10px;

    }
}

/* ----- menu anchors start ----- */

#testimonials {
  scroll-margin-top: 25vh;
}

#case_studies {
  scroll-margin-top: 18vh;

}

#services {
  scroll-margin-top: 25vh;
}

#contact_us {
  scroll-margin-top: 20vh;
}

/* ----- menu anchors end ----- */





/* ----- buttons start ----- */

.chopped-button	 {
  background: #f2f2f2; /* or any background */
  color: #000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 30px;
  display: inline-block;
  white-space: nowrap;
  width: fit-content;
  clip-path: polygon(
    0 0,
    100% 0,
    100% 60%,
    93% 100%,
    0 100%
  );
}

/* ----- buttons end ----- */


/* ----- container settings start ----- */

.shrink-container {
	width: fit-content;
	white-space: nowrap;
}

.page-wrapper {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

/* ----- container settings end ----- */


/* ----- wpcf7 submit  start ----- */

.wpcf7-submit {
  background-color: #EF0016 !important;
  color: #ffffff !important;
  clip-path: polygon(
    0 0,
    100% 0,
    100% 60%,
    93% 100%,
    0 100%
  );
  width: 100%;
	font-weight: 600 !important;
}

/* ----- wpcf7 submit  end ----- */



/* ----- max tablet breakpoint start ----- */


@media (min-width: 768px) and (max-width: 1024px) {

/* ----- menu anchors start ----- */

  #testimonials {
    scroll-margin-top: 32vh;
  }

  #case_studies {
  scroll-margin-top: -2vh;

}

#services {
  scroll-margin-top: 14vh;
}

#contact_us {
  scroll-margin-top: 15vh;
}

/* ----- menu anchors end ----- */

    .tablet-br {
        display: block;
		height: 10px;

    }

    .tablet-vanish {
      display: none;
    }


}

/* ----- max tablet breakpoint end ----- */



/* ----- max mobile breakpoint start ----- */

@media (max-width: 767px) {

    .mobile-br {
        display: block;
		height: 10px;
        
    }

    .hero-headline-text-red {
      font-size: 24px !important;
      margin-top: -3px !important;
    }

}

/* ----- max mobile breakpoint end ----- */