body { background-color: #fff; opacity: 1 !important; }
.home-slider.home-mob { background-color: #eee6dc; padding-left: 120px !important; }
.hero-text { padding: 5rem 2rem; }
.hero-text h1 { font-weight: 700; font-size: 2.5rem; }
.hero-text p { font-size: 1.2rem; color: #7d7d7d; }
.img-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr 1fr; gap: 0.5rem; }
.img-grid img { width: 100%; height: 100%; object-fit: cover; }
.img-top { grid-column: span 2; flex-direction: column; gap: 0.5rem; }
.img-right { display: flex; }
.image-grid { grid-template-columns: auto auto; display: grid; gap: 10px; }
.image-grid img { width: 100%; }
#textCarousel { font-family: 'Poppins', sans-serif; letter-spacing: 0px; font-weight: regular; font-style: normal; font-size: 17pt; line-height: 5pt; color: #000000; text-align: left; padding-top: 10px; opacity: 0; transition: opacity 0.5s ease-in-out; }
.feature-icon { font-size: 48px; margin-bottom: 30px; }
.features-section { padding: 60px 30px; text-align: center; }
.features-section h1 { font-family: "Inter", sans-serif; font-weight: 400; font-style: normal; font-size: 36pt; }
.forget-box { padding-top: 30px; }
.feature-box h5 { font-weight: 600; margin-bottom: 20px; text-align: left; }
.feature-box p { font-size: 12pt; text-align: left; font-weight: 400; }
.trusted-by { padding: 60px 0; text-align: center; background-color: #fff; }
.trusted-by h6 { color: #888; font-weight: 600; margin-bottom: 40px; text-transform: uppercase; }
.logo-item img { opacity: 1; transition: all 0.3s ease; }
.logo-item { padding-bottom: 30px; align-self: center; }
.card-pricing { border-radius: 10px; border: 2px solid #000; }
.price { font-size: 1.8rem; font-weight: bold; color: #000; }
.card-title { font-size: 1.2rem; font-weight: bold; }
.btn-quote { background-color: #0cc; color: white; font-weight: 400; font-size: 16px; padding: 12px 40px !important; border: 2px solid #0cc; display: inline-block; letter-spacing: normal; border-radius: 0; margin: 14px 0px; }
.btn-quote:hover { background-color: #fff; color: #0cc; border: 2px solid #0cc; }
.price-sec h2 { font-size: 36pt; }
p.flex-b { font-size: 18pt; margin: 0 0 20px; }
h5.card-title { font-size: 24pt; padding: 50px 0 30px; }
.price-box { text-align: center; margin-bottom: 46px; }
.price-label { font-size: 18px; color: #000; line-height: 37px; }
.price-amount h2 { font-size: 2.5rem; font-weight: 700; color: #000; display: contents; }
.euro-symbol { font-size: 18pt; vertical-align: text-bottom; font-weight: normal; letter-spacing: 5px; }
.price-sec ul li:before { content: "\e5ca"; font-weight: 500; font-family: 'Material Symbols Outlined'; font-size: 26px; }
.check-list li { margin-bottom: 12px; font-size: 14pt; font-weight: 500; }
.checklist-item { display: flex; align-items: flex-start; margin-bottom: 1.5rem; }
.check-icon { font-size: 18px; margin-right: 0.75rem; margin-top: 0.25rem; }
.check-text { font-weight: 600; color: #000; text-align: left; font-size: 14pt; padding-left: 20px; padding-bottom: 10px; }
.divider-wrapper { display: flex; align-items: center; text-align: center; margin: 14px 0 40px; }
.divider-line { flex: 1; height: 1px; background-color: #ccc; }
.divider-icon { padding: 0 15px; color: #ddd; font-size: 2rem; font-weight: 300; }
.services-section { text-align: center; margin-top: 20px; }
.service-category { margin-top: 50px; }
.toggle-btn { cursor: pointer; color: #000; font-weight: 500; display: inline-block; }
.service-title { font-weight: bold; margin-bottom: 10px; font-size: 20px; }
.service-list { margin-top: 22px; }
.service-list p { font-size: 20px; line-height: 14px; }
.left-section h1 { font-size: 48pt; font-weight: normal; }
.btn-black { background-color: black; color: white; padding: 10px 25px; border: none; text-transform: uppercase; font-weight: 500; }
.accordion-button { font-weight: bold; font-size: 1rem; padding-left: 0; }
.accordion-item { border: none; }
.accordion-body { padding-left: 0; }
h2.accordion-header button { text-align: left; }
.faq-sec .accordion-collapse { margin: 0; text-align: left; }
.faq-sec .accordion-collapse .accordion-body { margin: 0; text-align: left; font-size: 20px; color: #000; font-family: "Inter", sans-serif; font-weight: 400; font-style: normal; line-height: 26px; padding: 0 0 20px; }
.faq-sec .accordion-collapse .accordion-body:after { display: none; }
.faq-sec .accordion-collapse .accordion-body a { color: #00cccc; text-decoration: none; }
.faq-sec button.btn.btn-black { border: 2px solid #000; border-radius: 0; padding: 12px 30px; font-family: "Inter", sans-serif; font-weight: 400; font-style: normal; }
.faq-sec button.btn.btn-black a { color: #fff; }
.faq-sec button.btn.btn-black:hover { border: 2px solid #000; background: #fff; color: #000; }
.faq-sec button.btn.btn-black:hover a { color: #000; }
.container.review-sec .bottomRono .container-fluid { padding: 0; margin: 0; }
.container.review-sec .bottomRono { border: none; }
.inner-facetoface { display: flex; }
.innerface { position: relative; }
.imgblock { width: 267px; padding-top: 200px; }
.imgblock .imgbx { position: relative; padding-bottom: 204.494%; }
.imgblock .imgbx img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; }
.innerface-bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; pointer-events: none; z-index: -1; }
.simple-img { background-image: url('https://www.betterspace.co/wp-content/uploads/2024/05/Line_landscape.gif'); background-position: 0; background-repeat: no-repeat; box-sizing: border-box; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.inner-faceto { padding: 30px 30px 0px; }
.inner-faceto .inner-gif-col:nth-child(1) img { margin-left: 0; }
.inner-faceto .inner-gif-col:nth-child(3) img { margin-left: 120px; }
.imgbx-single { width: 151px; margin-left: 270px; }
.imgbx-single a { display: inline-block; width: 100%; padding-bottom: 198.675%; position: relative; }
.imgbx-single a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.facecontent h1 { font-size: 48px; font-weight: 400; line-height: 1.2; color: #000; }
.facecontent .btn { font-size: 16px; padding: 15px 43px; border: 2px solid #000; border-radius: 0; background-color: #000; color: #fff; text-transform: uppercase; transform: 0.5s all; margin-top: 20px; }
.facecontent .btn:hover { background-color: #fff; color: #000; }
.innercol.inner2 { flex: 1; }
.title-sec h2 { font-size: 48px; font-weight: 400; line-height: 1.2; color: #000; margin-bottom: 1rem; }
.title-sec h6 { font-size: 24px; font-weight: 400; color: #000; }
.z-layers { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.zzz { position: absolute; z-index: 1; }
.zzz1 { top: 10%; left: 18%; }
.zzz2 { top: 47%; left: 20%; }
.zzz3 { top: 38%; left: 47%; }
.zzz4 { top: 62%; right: 15%; }
.zzz5 { top: 67%; left: 20%; }
.zzz6 { top: 87%; left: 20%; }
.form-sec { display: block; margin-top: 48px; }
.form-sec p { font-weight: 400; font-style: normal; font-size: 12pt; color: #000; }
.form-sec-mob { display: none; }

/***************video section *************/
.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  overflow: hidden;
  background-color: #000;
}

.autoplay-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border: none;
  background: #000;
}
/************popup************/

    .videoAskModalWrap {
      max-width: 600px;
    }
    .videoask-iframe {
      width: 100%;
      height: 500px;
      border: none;
      border-radius: 12px;
    }
	.face-flex{
		display:flex;
		justify-content: space-between;
	}
	.imgblocks {
    width: 100%;
	}
	.imgblocks img {
    width: 100%;
   }
   .out-flex {
    display: flex;
    align-items: center;
}
.out-flex strong {
    font-weight: normal;
    color: #222;
}
.out-flex span{
    font-weight: normal;
    color: #222;
}
.out-flex a {
    padding: 0 8px 0 1px;
    color: #222;
}
.facetoface.py-3.pad-top {
    margin-top: 30px;
}
.trust-col {
    display: flex;
}