/**
 * Theme Name:     Twenty Twenty-Five Child
 * Author:         the WordPress team
 * Template:       twentytwentyfive
 * Text Domain:	   twenty-twenty-five-child
 * Description:    Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
 */

.wp-site-blocks {
  zoom: 85%;
}

.gfield {
  padding-right: 0px !important;
  gap: 20px !important;
  border-radius: 5px !important;
  margin-bottom: -20px !important;
  font-size: 23px !important;
  width: 100% !important;
  padding-right: 10px !important;
}

.gform_button {
  font-weight: 400 !important;
  width: 50% !important;
  height: 55px !important;
  font-size: var(--wp--preset--font-size--small) !important;
  background: #FF691E !important;
  border-color: #FF691E !important;
  color: #fff !important;
  border-radius: 50px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 20px !important;
  font-family: Roboto, sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}

.index {
  position: relative !important;
  z-index: 2 !important;
}

.index2 {
  position: relative !important;
  z-index: 5 !important;
}

h2.project-link {
  width: 100%;
}

.project-link a {
  display: flex;
  width: 100%;
  min-height: 430px;
  justify-content: center;
  align-items: center;
}

.gform_wrapper {
  margin-top: 0 !important;
}

footer {
  margin-top: 0 !important;
}

.pos-relative {
  position: relative !important;
}

/* Tablet */
@media screen and (max-width: 1024px) {
  .mt-0 {
    margin-top: 0 !important;
  }

  .motab-none {
    display: none !important;
  }

  .cta-image img {
    height: auto !important;
  }

  .cta-form-container>.wp-block-columns {
    max-width: 100% !important;
    margin: 90px 20px !important;
  }

  .gform_button {
    width: 100% !important;
  }
}


@media screen and (min-width: 781.98px) {}


/* Mobile */
@media screen and (max-width: 781px) {
  .projects .wp-block-post-featured-image a {
    text-align: center !important;
  }

  .ratings-section .safe-svg-inside {
    width: 60px !important;
    height: 40px !important;
  }

  .svg-icon {
    width: 90px !important;
    height: 90px !important;
  }


  .hero-section-first-col {
    padding-top: 190px !important;
    padding-bottom: 90px !important;
  }

  .mobile-none {
    display: none !important;
  }

  .hero-section {
    padding-top: 300px !important;
  }

  .m-0 {
    margin: 0 !important;
  }

  .site-logo img {
    width: 250px !important;
  }

  .site-nav {
    justify-content: center !important;
  }

  .justify-content-center {
    justify-content: center !important;
  }

  .col-reverse {
    flex-direction: column-reverse !important;
  }

  .image-m-400px img {
    width: 400px !important;
  }

  .hero-text-block {
    padding: 0 !important;
  }

  .hero-section-plain {
    padding-top: 300px !important;
    padding-bottom: 100px !important;
  }

  .hero-section-plain-pb {
    padding-bottom: 100px !important;
  }

  .mobile-text-center {
    text-align: center !important;
  }

  .video-popup iframe {
    height: 400px !important;
  }

  .mobile-align-center {
    align-items: center !important;
  }

  .client-img img {
    width: 300px !important;
  }

  .right-arrow {
    transform: rotate(90deg);
  }

  .h-auto {
    min-height: auto !important;
  }
}


/* Small Mobile Devices */
@media screen and (max-width: 599px) {
  .project-details {
    flex-direction: column;
    gap: 30px;
  }

  .text-center-small {
    text-align: center !important;
  }
}

@media screen and (min-width: 599.98px) and (max-width: 781px) {}


/* Small Tablet Only */
@media screen and (min-width:781.98px) and (max-width: 820px) {
  .stack-tablet.wp-block-columns {
    flex-wrap: wrap !important;
  }

  .stack-tablet.wp-block-columns>.wp-block-column {
    flex-basis: 100% !important;
  }

  .site-nav {
    justify-content: center !important;
  }

  .site-logo img {
    width: 200px !important;
  }

  .hero-section {
    padding-top: 300px !important;
  }

  .hero-section-plain {
    padding-top: 300px !important;
    padding-bottom: 100px !important;
  }

  .svg-icon {
    width: 100px !important;
    height: 100px !important;
  }

  .tablet-text-center {
    text-align: center !important;
  }

  .client-img img {
    width: 450px !important;
  }

  .client-img.kitchen-img img {
    width: 300px !important;
  }

  .col-reverse-tablet {
    flex-direction: column-reverse !important;
  }
}


@media screen and (max-width: 820px) {
  .project-details {
    display: flex;
  }

  .motab-m-none {
    margin: 0 !important;
  }

  .flex-basis-full {
    flex-basis: 100% !important;
  }
}

/* Generic Mobile Responsive Class */

/* Mobile */
@media screen and (max-width: 781px) {

  .cover-no-image .wp-block-cover__image-background {
    display: none !important;
  }

  .cover-no-image {
    background-color: #c2c6c7 !important;
  }

  .mobile-text-center {
    text-align: center !important;
  }

  .justify-content-center {
    justify-content: center !important;
  }

  .smob-flex-wrap {
    flex-wrap: wrap !important;
  }

  .smob-no-gap {
    gap: 0 !important;
  }

  .smob-full-width {
    flex-basis: 100% !important;
  }

  .smob-half-width {
    flex-basis: 50% !important;
  }

  .smob-35-width {
    flex-basis: 35% !important;
  }

  .smob-text-left {
    text-align: left !important;
  }

  .smob-align-items-center {
    align-items: center !important;
  }

  .smob-flex-wrap {
    flex-wrap: wrap !important;
  }

  .smob-m-0 {
    margin: 0 !important;
  }

  .smob-m-auto {
    margin: auto !important;
  }

  .smob-max-w-100 {
    max-width: 100% !important;
  }

  .smob-mr-0 {
    margin-right: 0 !important;
  }

  .smob-mt-0 {
    margin-top: 0 !important;
  }

  .smob-mt-20 {
    margin-top: 20px !important;
  }

  .smob-mt-30 {
    margin-top: 30px !important;
  }

  .smob-mt-250 {
    margin-top: 250px !important;
  }

  .smob-mt-180 {
    margin-top: 180px !important;
  }

  .smob-p-0 {
    padding: 0 !important;
  }

  .smob-plr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .smob-plr-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .smob-plr-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .smob-pt-250 {
    padding-top: 250px !important;
  }

  .smob-min-height-auto {
    min-height: auto !important;
  }

  .smob-height-auto img {
    height: auto !important;
  }

  .smob-w-100 {
    width: 100% !important;
  }

  .smob-none {
    display: none !important;
  }

  .smob-content-start {
    justify-content: start !important;
  }

  .smob-no-border {
    border: unset !important;
  }

  .smob-btn-full {
    width: 100% !important;
  }

  .smob-no-cover .wp-block-cover__image-background {
    display: none !important;
  }

  .smob-pb-150 {
    padding-bottom: 150px !important;
  }

  .smob-flex-reverse {
    flex-direction: column-reverse !important;
  }

  .smob-w-300 img {
    width: 300px !important;
  }

  .smob-height-500 {
    min-height: 500px !important;
  }

  .smob-flex-start {
    justify-content: flex-start !important;
  }

  .smob-flex-column {
    flex-direction: column !important;
  }

  .smob-h-img-500 img {
    height: 500px !important;
  }

  .smob-justify-content-around {
    justify-content: space-around !important;
  }

  .smob-no-space br {
    display: none !important;
  }

  .cert {
    margin: 0 !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 50px !important;
  }

}

/* Mobile and Small Tablet */
@media screen and (max-width: 820px) {
  .xs-m-0-margin {
    margin: 0 !important;
  }
}

@media screen and (min-width: 599.98px) and (max-width: 820px) {

  .header-item-full-width-header-item-content-center {
    flex-basis: 100% !important;
    justify-content: center !important;
  }

  .header-item-m-auto {
    margin: auto !important;
  }
}

/* Small Tablet Only */
@media screen and (min-width:781.98px) and (max-width: 820px) {

  .stack-tablet.wp-block-columns {
    flex-wrap: wrap !important;
  }

  .stack-tablet.wp-block-columns>.wp-block-column {
    flex-basis: 100% !important;
  }

  .stack-tablet-2-col.wp-block-columns>.wp-block-column {
    flex-basis: 48% !important;
  }

  .stab-flex-space-between {
    justify-content: space-between !important;
  }

  .stab-no-wrap {
    flex-wrap: nowrap !important;
  }

  .stab-flex-reverse {
    flex-direction: column-reverse !important;
  }

  .stab-text-center {
    text-align: center !important;
  }

  .stab-content-center {
    justify-content: center !important;
  }

  .stab-gap-20 {
    gap: 20px !important;
  }

  .stab-0-p {
    padding: 0 !important
  }

  .stab-none {
    display: none !important;
  }

  .stab-col-50 {
    flex-basis: 50% !important;
  }

  .stab-col-70 {
    flex-basis: 70% !important;
  }

  .stab-pt-250 {
    padding-top: 250px !important;
  }

  .stab-pt-60 {
    padding-top: 60px !important;
  }

  .stab-mt-250 {
    margin-top: 250px !important;
  }

  .stab-pt-350 {
    padding-top: 350px !important;
  }

  .stab-min-height-400 {
    min-height: 400px !important;
  }

  .stab-min-height-250 {
    min-height: 250px !important;
  }

  .stab-full-width {
    flex-basis: 100% !important;
  }

  .stab-height-auto img {
    height: auto !important;
  }

  .stab-m-auto {
    margin: auto !important;
  }

  .stab-height-500 {
    min-height: 500px !important;
  }

  .stab-w-img-500 {
    width: 500px !important;
  }

  .stab-m-0 {
    margin: 0 !important;
  }

  .stab-mt-20 {
    margin-top: 20px !important;
  }

  .stab-img-full img {
    width: 100% !important;
  }

  .stab-no-space br {
    display: none !important;
  }

}

/* Dektop Only */
@media screen and (min-width: 1024.98px) {

  .xxl-none {
    display: none !important;
  }

}

@media screen and (min-width:781.98px) {

  .xl-none {
    display: none !important;
  }

}

/* Mobile and Tablet */
@media screen and (max-width: 1024px) {

  .motab-text-center {
    text-align: center !important;
  }

  .motab-content-center {
    justify-content: center !important;
  }

  .motab-full-width {
    flex-basis: 100% !important;
  }

  .motab-align-items-center {
    align-items: center !important;
  }

  .motab-flex-wrap {
    flex-wrap: wrap !important;
  }

  .motab-none {
    display: none !important;
  }

  .motab-col-100 {
    flex-basis: 100% !important;
  }

  .motab-col-50 {
    flex-basis: 50% !important;
  }

  .motab-p-20 {
    padding: 20px !important;
  }

  .motab-p-0 {
    padding: 0 !important;
  }

}


/* Small Mobile Devices */
@media screen and (max-width: 599px) {
  .xsmob-half-width {
    flex-basis: 50% !important;
  }
}



@media screen and (min-width:781.98px) and (max-width: 1425px) {
  .cert {
    position: absolute !important;
    right: 0 !important;
    top: 10px !important;
    margin: 0 !important;
  }
}


.gradient-text {
  background: linear-gradient(to right, #38BDF8, #419FC8);
  /* Define the gradient */
  -webkit-background-clip: text;
  /* Clip the background to the text shape (Webkit browsers) */
  background-clip: text;
  /* Clip the background to the text shape (standard) */
  -webkit-text-fill-color: transparent;
  /* Make the text transparent (Webkit browsers) */
  text-fill-color: transparent;
  /* Make the text transparent (standard) */
}

.indent-right {
  position: absolute !important;
  right: -100px !important;
  top: 20px !important;
}

.indent-left {
  position: absolute !important;
  left: 0 !important;
  width: 440px !important;
  z-index: 1 !important;
}

.right {
  position: relative !important;
  left: 80px !important;
  right: -80px !important;
  z-index: 1 !important;
}

.has-arrow {
  clip-path: polygon(0 0,
      /* top-left */
      100% 0,
      /* top-right */
      100% 85%,
      /* right before V */
      50% 100%,
      /* V bottom center */
      0 85%
      /* left before V */
    );
}

/* .indent-center{
	position: relative !important;
	z-index: 4!important;
} */