/****************************/
/* HERO */
/****************************/

.section-hero {
  /*Padding TOP RIHGT BOTTOM LETF*/
  padding: 6.4rem 0 3.2rem 0;
  margin-top: 8rem;
}

.hero {
  max-width: 130rem;
  margin: 0 auto;
  padding: 0 2.4rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6.4rem;
  align-items: center;
}

.hero-description {
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 1.2rem;
}

.hero-description-2 {
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 4.8rem;
}

.served-customers {
  display: flex;
  align-items: center;
  text-align: center;
  margin-top: 8rem;
}

.customers-imgfaces {
  display: flex;
  overflow: hidden; /* Ensures only the active images are visible */
  width: calc(6 * 4.8rem); /* Limits display to 6 images */
  justify-content: center; /* Centers the images */
}

.customers-imgfaces img {
  height: 4.8rem;
  width: 4.8rem;
  border-radius: 50%;
  margin-left: -1.6rem; /* Overlapping effect */
  border: 3px solid #fdf4f2;
  display: none; /* Hide all images by default */
}

.customers-imgfaces img.active {
  display: block; /* Only show the active images */
}

.served-customers-text {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0;
}

.served-customers-text span {
  color: #7b227e;
  font-weight: 700;
}

.hero-img-box {
  display: flex;
  justify-content: center;
}

/* Apply border-radius and overflow hidden on carousel item */
#myCarousel .carousel-item {
  border-radius: 30px;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}

/* Ensure the border-radius is consistent for the carousel-inner */
#myCarousel .carousel-inner {
  overflow: hidden;
  border-radius: 30px;
}

/* Ensure smooth transition on images */
.hero-img {
  width: 100%;
  height: auto;
  border-radius: 30px;
  object-fit: cover;
  transition: border-radius 0.3s ease-in-out;
}

/* Optional: Remove shadow on carousel control buttons (arrows) */
#myCarousel .left.carousel-control,
#myCarousel .right.carousel-control {
  outline: none;
  box-shadow: none !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Remove shadow on hover or focus for the carousel arrows */
#myCarousel .left.carousel-control:hover,
#myCarousel .right.carousel-control:hover,
#myCarousel .left.carousel-control:focus,
#myCarousel .right.carousel-control:focus {
  box-shadow: none !important;
  background-color: transparent !important;
  background-image: none !important;
}

/****************************/
/* HOW */
/****************************/

.section-how {
  /*Padding TOP RIHGT BOTTOM LETF*/
  padding: 6.4rem 0;
}

.grid--2-cols-how {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.layer-description {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-bottom: 1.8rem;
}

.layer-img-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0; /* Create a stacking context */
  height: auto; /* Ensure the container can grow with content */
}

.layer-img-box::before,
.layer-img-box::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.layer-img-box::before {
  width: 60%;
  padding-bottom: 60%;
  background-color: #fbeae4;
  z-index: -2;
}

.layer-img-box::after {
  width: 50%;
  padding-bottom: 50%;
  background-color: #fdf4f2;
  z-index: -1;
}

.layer-img {
  width: 55%;
}

.layer-img-Custom-Embroidery {
  width: 36%;
  /* border-radius: 50%; */
}

/* ### Layer 1 ### */
.layer-text-box1 {
  grid-column: 1/2;
  grid-row: 1/2;
}

.layer-img-box1 {
  grid-column: 2/3;
  grid-row: 1/2;
}

/* ### Layer 2 ### */
.layer-img-box2 {
  grid-column: 1/2;
  grid-row: 2/3;
}

.layer-text-box2 {
  grid-column: 2/3;
  grid-row: 2/3;
}

/* ### Layer 3 ### */
.layer-text-box3 {
  grid-column: 1/2;
  grid-row: 3/4;
}

.layer-img-box3 {
  grid-column: 2/3;
  grid-row: 3/4;
}

/* ### Layer 4 ### */
.layer-img-box4 {
  grid-column: 1/2;
  grid-row: 4/5;
}

.layer-text-box4 {
  grid-column: 2/3;
  grid-row: 4/5;
}

/****************************/
/* TESTIMONAILS */
/****************************/

.section-testimonials {
  display: grid;
  grid-template-columns: 60fr 40fr;
  align-items: center;
  padding: 0rem 9.6rem 9.6rem 9.6rem;
}

.testimonials {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 6.4rem;
  column-gap: 8rem;
  margin-bottom: 3.2rem;
}

.testimonial-img {
  width: 6.4rem;
  border-radius: 50%;
  margin-bottom: 1.2rem;
}

.testimonial-text {
  font-size: 1.8rem;
  line-height: 1.8;
  margin-bottom: 1.6rem;
}

.testimonial-name {
  font-size: 1.6rem;
  color: #6f6f6f;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.6rem;
  padding: 1.6rem;
}

/* Remove any border or margin/padding on blockquote */
#testimonials .testimonial blockquote {
  border: none !important;
  padding-left: 0 !important;
}

/* Hiding and swapping testimonials */
.testimonial {
  display: none; /* Hide all testimonials by default */
}

.testimonial.active {
  display: block; /* Only show active testimonials */
}

/****************************/
/* ALTERATIONS SECTION */
/****************************/

.alterations-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, auto);
  column-gap: 4.8rem;
  row-gap: 1.2rem;
  padding: 1.2rem;
  margin-bottom: 6.4rem;
}

/* ### 1.1 ### */
.cover {
  grid-column: 1/2;
  grid-row: 1/2;
}

.cover-img {
  grid-column: 1/2;
  grid-row: 2/3;
}

/* ### 1.2 ### */

.towel-cloth {
  grid-column: 2/3;
  grid-row: 1/2;
}

.towel-cloth-img {
  grid-column: 2/3;
  grid-row: 2/3;
}

/* ### 1.3 ### */

.bedding {
  grid-column: 3/4;
  grid-row: 1/2;
}

.bedding-img {
  grid-column: 3/4;
  grid-row: 2/3;
}

/* ### 1.4 ### */

.curtain-hems {
  grid-column: 4/5;
  grid-row: 1/2;
}

.curtain-hems-img {
  grid-column: 4/5;
  grid-row: 2/3;
}

/* ### 2.1 ### */
.simple-trouser-hems {
  grid-column: 1/2;
  grid-row: 1/2;
}

.simple-trouser-hems-img {
  grid-column: 1/2;
  grid-row: 2/3;
}

/* ### 2.2 ### */

.original-hems {
  grid-column: 2/3;
  grid-row: 1/2;
}

.original-hems-img {
  grid-column: 2/3;
  grid-row: 2/3;
}

/* ### 2.3 ### */

.italian-hems {
  grid-column: 3/4;
  grid-row: 1/2;
}

.italian-hems-img {
  grid-column: 3/4;
  grid-row: 2/3;
}

/* ### 2.4 ### */

.invisible-hems {
  grid-column: 4/5;
  grid-row: 1/2;
}

.invisible-hems-img {
  grid-column: 4/5;
  grid-row: 2/3;
}

/* ### 3.1 ### */

.simple-zip {
  grid-column: 1/2;
  grid-row: 1/2;
}

.simple-zip-img {
  grid-column: 1/2;
  grid-row: 2/3;
}

/* ### 3.2 ### */

.fly-zip {
  grid-column: 2/3;
  grid-row: 1/2;
}

.fly-zip-img {
  grid-column: 2/3;
  grid-row: 2/3;
}

/* ### 3.3 ### */

.concealed-zip {
  grid-column: 3/4;
  grid-row: 1/2;
}

.concealed-zip-img {
  grid-column: 3/4;
  grid-row: 2/3;
}

/* ### 3.4 ### */

.longer-zips {
  grid-column: 4/5;
  grid-row: 1/2;
}

.longer-zips-img {
  grid-column: 4/5;
  grid-row: 2/3;
}

/* ### 4.1 ### */

.darts {
  grid-column: 1/2;
  grid-row: 1/2;
}

.darts-img {
  grid-column: 1/2;
  grid-row: 2/3;
}

/* ### 4.2 ### */

.waistband-adjustment {
  grid-column: 2/3;
  grid-row: 1/2;
}

.waistband-adjustment-img {
  grid-column: 2/3;
  grid-row: 2/3;
}

/* ### 4.3 ### */

.waistband-enlargement {
  grid-column: 3/4;
  grid-row: 1/2;
}

.waistband-enlargement-img {
  grid-column: 3/4;
  grid-row: 2/3;
}

/* ### 4.4 ### */

.crotch {
  grid-column: 4/5;
  grid-row: 1/2;
}

.crotch-img {
  grid-column: 4/5;
  grid-row: 2/3;
}

/* ### 5.1 ### */

.casual-dress {
  grid-column: 1/2;
  grid-row: 1/2;
}

.casual-dress-img {
  grid-column: 1/2;
  grid-row: 2/3;
}

/* ### 5.2 ### */

.elastic-band {
  grid-column: 2/3;
  grid-row: 1/2;
}

.elastic-band-img {
  grid-column: 2/3;
  grid-row: 2/3;
}

/* ### 5.3 ### */

.casual-sleeve {
  grid-column: 3/4;
  grid-row: 1/2;
}

.casual-sleeve-img {
  grid-column: 3/4;
  grid-row: 2/3;
}

/* ### 5.4 ### */

.shoulder-simple {
  grid-column: 4/5;
  grid-row: 1/2;
}

.shoulder-simple-img {
  grid-column: 4/5;
  grid-row: 2/3;
}

/* ### 6.1 ### */

.shoulder-concealed {
  grid-column: 1/2;
  grid-row: 1/2;
}

.shoulder-concealed-img {
  grid-column: 1/2;
  grid-row: 2/3;
}

/* ### 6.2 ### */

.narrowing-simple-seam {
  grid-column: 2/3;
  grid-row: 1/2;
}

.narrowing-simple-seam-img {
  grid-column: 2/3;
  grid-row: 2/3;
}

/* ### 6.3 ### */

.narrowing-concealed-seam {
  grid-column: 3/4;
  grid-row: 1/2;
}

.narrowing-concealed-seam-img {
  grid-column: 3/4;
  grid-row: 2/3;
}

/* ### 6.4 ### */

.shirt-sleeve {
  grid-column: 4/5;
  grid-row: 1/2;
}

.shirt-sleeve-img {
  grid-column: 4/5;
  grid-row: 2/3;
}

/* ### 7.1 ### */

.shirt-collar {
  grid-column: 1/2;
  grid-row: 1/2;
}

.shirt-collar-img {
  grid-column: 1/2;
  grid-row: 2/3;
}

/* ### 7.2 ### */

.shirt-cuff {
  grid-column: 2/3;
  grid-row: 1/2;
}

.shirt-cuff-img {
  grid-column: 2/3;
  grid-row: 2/3;
}

/* ### 7.3 ### */

.jacket {
  grid-column: 3/4;
  grid-row: 1/2;
}

.jacket-img {
  grid-column: 3/4;
  grid-row: 2/3;
}

/* ### 7.4 ### */

.coat {
  grid-column: 4/5;
  grid-row: 1/2;
}

.coat-img {
  grid-column: 4/5;
  grid-row: 2/3;
}

/* ### 8.1 ### */

.evening-dress-shortening {
  grid-column: 1/2;
  grid-row: 1/2;
}

.evening-dress-shortening-img {
  grid-column: 1/2;
  grid-row: 2/3;
}

/* ### 8.2 ### */

.evening-dress {
  grid-column: 2/3;
  grid-row: 1/2;
}

.evening-dress-img {
  grid-column: 2/3;
  grid-row: 2/3;
}

/* ### 8.3 ### */

.smoking {
  grid-column: 3/4;
  grid-row: 1/2;
}

.smoking-img {
  grid-column: 3/4;
  grid-row: 2/3;
}

/* ### 8.4 ### */

.suit {
  grid-column: 4/5;
  grid-row: 1/2;
}

.suit-img {
  grid-column: 4/5;
  grid-row: 2/3;
}

/* ### 9.1 ### */

/* .empty9.1 {
  grid-column: 1/2;
  grid-row: 1/2;
}

.empty9.1-img {
  grid-column: 1/2;
  grid-row: 2/3;
} */

/* ### 9.2 ### */

.wedding-dress {
  grid-column: 2/4;
  grid-row: 1/2;
}

.wedding-dress-img {
  grid-column: 2/4;
  grid-row: 2/3;
  width: 50%;
  justify-content: center;
  justify-self: center;
  align-self: center;
}

/* ### 9.3 ### */

/* .empty9.3 {
  grid-column: 3/4;
  grid-row: 1/2;
}

.empty9.3-img {
  grid-column: 3/4;
  grid-row: 2/3;
} */

/* ### 9.4 ### */

/* .empty9.4 {
  grid-column: 4/5;
  grid-row: 1/2;
}

.empty9.4-img {
  grid-column: 4/5;
  grid-row: 2/3;
} */

/****************************/
/* EMBROIDERY SECTION */
/****************************/

.embroidery-section-grid {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 1fr;
  gap: 3.2rem;
  margin-bottom: 6.4rem;
}

.embroidery-gallery {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 4.8rem;
  row-gap: 4.8rem;
  margin-bottom: 6.4rem;
}

/* ### TRABALHOS FEITOS ### */

.trabalho1 {
  grid-column: 1/3;
  grid-row: 1/3;
}

.trabalho2 {
  grid-column: 3/4;
  grid-row: 1/2;
}

.trabalho3 {
  grid-column: 4/5;
  grid-row: 1/2;
}

.trabalho4 {
  grid-column: 3/4;
  grid-row: 2/3;
}

.trabalho5 {
  grid-column: 4/5;
  grid-row: 2/3;
}

/* ### BOLSAS MODELO ### */

/* ### 1.1 ### */
.he-puppy {
  grid-column: 1/2;
  grid-row: 1/2;
}

.he-puppy-img {
  grid-column: 1/2;
  grid-row: 2/3;
}

/* ### 1.2 ### */

.she-puppy {
  grid-column: 2/3;
  grid-row: 1/2;
}

.she-puppy-img {
  grid-column: 2/3;
  grid-row: 2/3;
}

/* ### 1.3 ### */

.he-kitten {
  grid-column: 3/4;
  grid-row: 1/2;
}

.he-kitten-img {
  grid-column: 3/4;
  grid-row: 2/3;
}

/* ### 1.4 ### */

.she-kitten {
  grid-column: 4/5;
  grid-row: 1/2;
}

.she-kitten-img {
  grid-column: 4/5;
  grid-row: 2/3;
}

/* ### 2.1 ### */
.he-bear {
  grid-column: 1/2;
  grid-row: 1/2;
}

.he-bear-img {
  grid-column: 1/2;
  grid-row: 2/3;
}

/* ### 2.2 ### */

.she-bear {
  grid-column: 2/3;
  grid-row: 1/2;
}

.she-bear-img {
  grid-column: 2/3;
  grid-row: 2/3;
}

/* ### 2.3 ### */

.he-tiger {
  grid-column: 3/4;
  grid-row: 1/2;
}

.he-tiger-img {
  grid-column: 3/4;
  grid-row: 2/3;
}

/* ### 2.4 ### */

.she-tiger {
  grid-column: 4/5;
  grid-row: 1/2;
}

.she-tiger-img {
  grid-column: 4/5;
  grid-row: 2/3;
}

/* ### 3.1 ### */

.he-dinosaur {
  grid-column: 1/2;
  grid-row: 1/2;
}

.he-dinosaur-img {
  grid-column: 1/2;
  grid-row: 2/3;
}

/* ### 3.2 ### */

.she-dinosaur {
  grid-column: 2/3;
  grid-row: 1/2;
}

.she-dinosaur-img {
  grid-column: 2/3;
  grid-row: 2/3;
}

/* ### 3.3 ### */

.he-fox {
  grid-column: 3/4;
  grid-row: 1/2;
}

.he-fox-img {
  grid-column: 3/4;
  grid-row: 2/3;
}

/* ### 3.4 ### */

.she-fox {
  grid-column: 4/5;
  grid-row: 1/2;
}

.she-fox-img {
  grid-column: 4/5;
  grid-row: 2/3;
}

/* ### 4.1 ### */

.he-lion {
  grid-column: 1/2;
  grid-row: 1/2;
}

.he-lion-img {
  grid-column: 1/2;
  grid-row: 2/3;
}

/* ### 4.2 ### */

.she-lion {
  grid-column: 2/3;
  grid-row: 1/2;
}

.she-lion-img {
  grid-column: 2/3;
  grid-row: 2/3;
}

/* ### 4.3 ### */

.he-panda {
  grid-column: 3/4;
  grid-row: 1/2;
}

.he-panda-img {
  grid-column: 3/4;
  grid-row: 2/3;
}

/* ### 4.4 ### */

.she-panda {
  grid-column: 4/5;
  grid-row: 1/2;
}

.she-panda-img {
  grid-column: 4/5;
  grid-row: 2/3;
}

/* ### 5.1 ### */

.he-penguin {
  grid-column: 1/2;
  grid-row: 1/2;
}

.he-penguin-img {
  grid-column: 1/2;
  grid-row: 2/3;
}

/* ### 5.2 ### */

.she-penguin {
  grid-column: 2/3;
  grid-row: 1/2;
}

.she-penguin-img {
  grid-column: 2/3;
  grid-row: 2/3;
}

/* ### 5.3 ### */

.he-spot {
  grid-column: 3/4;
  grid-row: 1/2;
}

.he-spot-img {
  grid-column: 3/4;
  grid-row: 2/3;
}

/* ### 5.4 ### */

.she-spot {
  grid-column: 4/5;
  grid-row: 1/2;
}

.she-spot-img {
  grid-column: 4/5;
  grid-row: 2/3;
}

/* ### 6.1 ### */

.she-unicorn {
  grid-column: 1/2;
  grid-row: 1/2;
}

.she-unicorn-img {
  grid-column: 1/2;
  grid-row: 2/3;
}

/* ### 6.2 ### */

.little-lollipop {
  grid-column: 2/3;
  grid-row: 1/2;
}

.little-lollipop-img {
  grid-column: 2/3;
  grid-row: 2/3;
}

/* ### 6.3 ### */

.little-rainbow {
  grid-column: 3/4;
  grid-row: 1/2;
}

.little-rainbow-img {
  grid-column: 3/4;
  grid-row: 2/3;
}

/* ### 6.4 ### */

.little-grumpy {
  grid-column: 4/5;
  grid-row: 1/2;
}

.little-grumpy-img {
  grid-column: 4/5;
  grid-row: 2/3;
}

/* ### 7.1 ### */

.column-1-empty {
  grid-column: 1/2;
  grid-row: 1/2;
}

.column-1-empty-img {
  grid-column: 1/2;
  grid-row: 2/3;
}

/* ### 7.2 ### */

.little-sunshine {
  grid-column: 2/3;
  grid-row: 1/2;
}

.little-sunshine-img {
  grid-column: 2/3;
  grid-row: 2/3;
}

/* ### 7.3 ### */

.little-luck {
  grid-column: 3/4;
  grid-row: 1/2;
}

.little-luck-img {
  grid-column: 3/4;
  grid-row: 2/3;
}

/* ### 7.4 ### */

.column-4-empty {
  grid-column: 4/5;
  grid-row: 1/2;
}

.column-4-empty {
  grid-column: 4/5;
  grid-row: 2/3;
}

/****************************/
/* PRODUCTS SECTION */
/****************************/

.grid-products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 4.8rem;
  margin-bottom: 4.8rem;
}

.product-img {
  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  margin-bottom: 4.8rem;
}

.product-img img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  width: 100%;
  border-radius: 12px 12px 0px 0px;
}

.product-details {
  padding: 3.2rem;
}

.product-details-list {
  list-style: none;
  margin-top: 1.6rem;
  margin-bottom: 3.2rem;
}

.product-details-list li {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin-bottom: 1.6rem;
}

.find-out-more {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}

/****************************/
/* ABOUT US SECTION */
/****************************/

.grid--2-cols-about-us {
  display: grid;
  row-gap: 6.4rem;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 6.4rem;
}

.layer-img-box-about-us {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 0; /* Create a stacking context */
  height: auto; /* Ensure the container can grow with content */
}

.layer-img-box-about-us::before,
.layer-img-box-about-us::after {
  content: "";
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.layer-img-box-about-us::before {
  width: 60%;
  padding-bottom: 60%;
  background-color: #fbeae4;
  z-index: -2;
}

.layer-img-box-about-us::after {
  width: 50%;
  padding-bottom: 50%;
  background-color: #fdf4f2;
  z-index: -1;
}

.about-us-img-box {
  width: 41%;
  border-radius: 12px;
}

.layer-img-box-about-us {
  grid-column: 2 / 3;
  grid-row: 1 / 4;
}

.paragraph-4 {
  grid-column: 1/3;
  grid-row: 4/5;
}

.paragraph-5 {
  grid-column: 1/3;
  grid-row: 5/6;
}

.paragraph-6 {
  grid-column: 1/3;
  grid-row: 6/7;
}
/****************************/
/* CONTACT SECTION */
/****************************/
.cta {
  display: block;
  background-color: #fbeae4;
  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.15);
  border-radius: 11px;
  /* margin-bottom: 6.4rem; */
}

.cta-text-box {
  padding: 1.6rem;
  color: #444;
}

.cta-form {
  display: grid;
  grid-template-columns: 50fr 50fr;
  column-gap: 1rem;
  row-gap: 3.2rem;
}

.cta-form label {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 0.6rem;
}

.cta-form input,
.cta-form select {
  width: 100%;
  padding: 1rem;
  font-size: 1.8rem;
  font-family: inherit;
  color: inherit;
  border: none;
  background-color: #fdf4f2;
  border-radius: 9px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.cta-form input::placeholder {
  color: #aaa;
}

.cta *:focus {
  outline: none;
  box-shadow: 0 0 0 0.4rem rgba(238, 184, 202, 0.5);
}

.message {
  grid-column: 1/3;
  grid-row: 3/4;
}

#message {
  width: 100%;
  padding: 1rem;
  font-size: 1.8rem;
  font-family: inherit;
  color: inherit;
  border: none;
  background-color: #fdf4f2;
  border-radius: 9px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  resize: none; /* Prevents the user from resizing the textarea */
}

#message::placeholder {
  color: #aaa;
}

.btn--form {
  background-color: #c76585;
  color: #fff;
  align-self: end;
  justify-self: center;
  padding: 1.2rem;
  width: 35%;
  grid-column: 1/3;
  grid-row: 4/5;
}

.online-booking {
  /*Padding TOP RIHGT BOTTOM LETF*/
  padding: 1.6rem;
  text-align: center;
  background-color: #f2f2f2;
  box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.15);
  border-radius: 11px;
}

.iframe-online-booking {
  border: 0;
  width: 100%;
  height: 60rem;
}

/*****************************/
/*  MESNSAGEM DO FORMULÁRIO  */
/*****************************/

#status {
  font-size: 1.8rem;
  padding: 1.2rem;
  color: #444;
  justify-self: center;
  width: 100%;
  border-radius: 9px;
  border: none;
  grid-column: 1/3;
  grid-row: 5/6;
  text-align: center;
}

#status.success {
  background-color: #88c286;
  animation: status 10s ease forwards;
}

#status.error {
  background-color: #f9bb72;
  animation: status 10s ease forwards;
}

@keyframes status {
  0% {
    opacity: 1;
    pointer-events: all;
  }
  90% {
    opacity: 1;
    pointer-events: all;
  }
  100% {
    opacity: 0;
    pointer-events: none;
  }
}