.elementor-kit-8{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:24px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-preloader-animation:pulse;--e-preloader-animation-duration:1500ms;--e-preloader-delay:100ms;--e-preloader-width:100%;}.elementor-kit-8 e-page-transition{background-color:#000000;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.sharp-parallelogram {
  transform: skew(-10deg);
  background: #ffffff;
  border: 1px solid #ddd;
  padding: 30px;
  box-sizing: border-box;
  overflow: hidden;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.sharp-parallelogram .elementor-widget-container {
  transform: skew(10deg);
  overflow: hidden;
  height: 100%;
}

/* ✅ Mobile responsiveness */
@media (max-width: 767px) {
  .sharp-parallelogram {
    height: auto;
    padding: 20px;
    transform: skew(-6deg); /* reduce skew for better readability */
  }

  .sharp-parallelogram .elementor-widget-container {
    transform: skew(6deg); /* match inner skew */
    height: auto;
  }
}

/* Base Style */
.sharp-parallelogram-tall {
  transform: skew(-10deg);
  background: #ffffff;
  border: 1px solid #ddd;
  padding: 30px;
  box-sizing: border-box;
  overflow: hidden;
  height: 320px;
  width: 340px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

/* Keep inner text straight */
.sharp-parallelogram-tall .elementor-widget-container {
  transform: skew(10deg);
  overflow: hidden;
  height: 100%;
}

/* ✅ Mobile Responsive Version */
@media (max-width: 767px) {
  .sharp-parallelogram-tall {
    width: 76vw; /* Responsive width */
    height: auto; /* Let height adjust naturally */
    padding: 10px;
  }

  .sharp-parallelogram-tall .elementor-widget-container {
    height: auto;
  }
}


.sharp-parallelogram-img {
  transform: skew(-10deg);
  background: #ffffff;
  border: 1px solid #ddd;
  padding: 30px;
  box-sizing: border-box;
  overflow: hidden;
  height: 140px;
  width: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}



/* Keep text straight inside */
.sharp-parallelogram-img .elementor-widget-container {
  transform: skew(10deg);
  overflow: hidden;
  height: 100%;
}

.sharp-parallelogram-record {
  transform: skew(-10deg);
  background: #ffffff;
  border: 1px solid #ddd;
  padding: 30px;
  box-sizing: border-box;
  overflow: hidden;
  height: 100px;
  width: 340px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}



/* Keep text straight inside */
.sharp-parallelogram-record .elementor-widget-container {
  transform: skew(10deg);
  overflow: hidden;
  height: 100%;
}


.sharp-parallelogram-text {
  transform: skew(-10deg);
  background: #ffffff;
  border: 1px solid #ddd;
  padding: 20px;
  box-sizing: border-box;
  overflow: hidden;
  width: fit-content;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items:center ;
  justify-content:center;
  margin-left: -8px
}

/* Straighten the actual text inside */
.sharp-parallelogram-text .elementor-widget-container {
  transform: skew(10deg);
  text-align: center;
  width: 238px
}

.sharp-parallelogram-bp {
  transform: skew(-10deg);
  background: transparent;
  border: 2px solid #BF0000;
  padding: 30px;
  margin-right: 20px;
  box-sizing: border-box;
  overflow: hidden;
  height: 180px;
  width: 280px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}



/* Keep text straight inside */
.sharp-parallelogram-bp .elementor-widget-container {
  transform: skew(10deg);
  overflow: hidden;
  height: 100%;
}/* End custom CSS */