html,
body {
 scroll-behavior: auto !important;
}

.l {
 box-shadow: inset 0 0 0 1px red;
}

:root {
 --primary: #fb0d00;
 --primary-dark: #8b0802;
 --secondary: #f78383;
 --bs-danger-bg-subtle: #f8e8e9;
}

/**************Location**********/
/* SERVICE AREA SECTION */

.service-area-section{

padding:80px 0;

background:#ffffff;

}

/* TITLE */

.service-area-title{

font-size:34px;

font-weight:700;

margin-bottom:15px;

}

.service-area-desc{

font-size:16px;

color:#555;

line-height:1.6;

}

/* AREA GRID */

.service-area-grid{

display:flex;

flex-wrap:wrap;

justify-content:center;

gap:12px;

margin-top:10px;

}

/* AREA BADGES */

.area-badge{

background:#f2f6f3;

padding:8px 16px;

border-radius:30px;

font-size:14px;

font-weight:500;

border:1px solid #e0e0e0;

transition:0.3s;

}

.area-badge:hover{

background:#198754;

color:#fff;

border-color:#198754;

}

/* CTA BUTTON */

.service-area-call{

display:inline-block;

background:#d60000;

color:#fff;

padding:14px 30px;

border-radius:6px;

font-weight:600;

font-size:17px;

text-decoration:none;

}

.service-area-call:hover{

background:#b80000;

color:#fff;

}

/* MOBILE */

@media(max-width:768px){

.service-area-title{

font-size:26px;

}

.service-area-desc{

font-size:14px;

}

.area-badge{

font-size:13px;

padding:7px 14px;

}

.service-area-call{

width:100%;

max-width:320px;

}

}


/*****************Form**************/
/* HERO FORM CARD */

.hero-form-card{

background:rgba(255,255,255,0.7);

padding:28px;

border-radius:12px;

box-shadow:0 12px 35px rgba(0,0,0,.15);

max-width:420px;

margin:auto;

}

/* HEADER */

.hero-form-head h3{

font-weight:700;

font-size:24px;

margin-bottom:5px;

}

.hero-form-head p{

font-size:14px;

margin-bottom:15px;

}

.hero-form-head a{

color:#d60000;

font-weight:700;

text-decoration:none;

}

/* INPUTS */

.hero-input{

border-radius:6px;

padding:10px 12px;

font-size:14px;

border:1px solid #ddd;

}

.hero-input:focus{

border-color:#198754;

box-shadow:none;

}

/* BUTTON */

.hero-submit{

background:#d60000;

color:#fff;

font-weight:600;

padding:12px;

border-radius:6px;

font-size:16px;

}

.hero-submit:hover{

background:#b80000;

color:#fff;

}

/* TRUST LINE */

.hero-form-trust{

margin-top:12px;

font-size:13px;

color:#666;

display:flex;

justify-content:center;

gap:12px;

}

/* MOBILE */

@media(max-width:768px){

.hero-form-card{

padding:22px;

}

.hero-form-head h3{

font-size:20px;

}

.hero-submit{

font-size:15px;

}

}


/***************FAQ*****************/
/* FAQ SECTION */

.faq-section {
 padding: 40px 0;
 background: #f7f7f7;
}

.faq-header h2 {
 font-weight: 700;
 margin-bottom: 10px;
}

.faq-header p {
 color: #666;
 margin-bottom: 40px;
}

/* accordion */

.faq-accordion .accordion-item {
 border: none;
 margin-bottom: 12px;
 border-radius: 8px;
 overflow: hidden;
 box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}

.faq-accordion .accordion-button {
 font-weight: 600;
 padding: 18px;
}

.faq-accordion .accordion-button:not(.collapsed) {
 background: #198754;
 color: #fff;
}

.faq-accordion .accordion-body {
 background: #fff;
 padding: 20px;
 color: #555;
}

/* CTA */

.faq-cta {
 margin-top: 40px;

 text-align: center;

 background: #198754;

 padding: 35px;

 border-radius: 10px;

 color: #fff;
}

.faq-call-btn {
 display: inline-block;

 margin-top: 15px;

 background: #d60000;

 color: #fff;

 padding: 12px 28px;

 border-radius: 6px;

 font-weight: 600;

 text-decoration: none;
}

.faq-call-btn:hover {
 background: #b80000;
 color: #fff;
}

/* mobile */

@media (max-width: 768px) {
 .faq-section {
  padding: 60px 0;
 }

 .faq-call-btn {
  width: 100%;
 }
}

/***************Testimonials*********************/
.testimonial-section {
 padding: 80px 0;
 background: #f7f7f7;
}

.testimonial-card {
 background: #dee2e6;

 padding: 30px;

 border-radius: 12px;

 text-align: center;

 height: 100%;

 transition: 0.3s;
}

.testimonial-card:hover {
 transform: translateY(-6px);

 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.15);
}

.stars {
 color: #ffc107;
 font-size: 18px;
 margin-bottom: 10px;
}

.testimonial-card p {
 color: #555;
 margin-bottom: 15px;
}

.testimonial-card h5 {
 font-weight: 600;
 margin-bottom: 4px;
}

.testimonial-card span {
 font-size: 14px;
 color: #777;
}

/* mobile */

@media (max-width: 768px) {
 .carousel-item .col-md-4 {
  margin-bottom: 20px;
 }
}
/**************************How it works Section**************/
/* SECTION */

.how-section {
 padding: 80px 0;

 background: #ffffff;
}

/* HEADER */

.section-head h2 {
 font-size: 34px;

 font-weight: 700;

 margin-bottom: 10px;
}

.section-head p {
 color: #666;

 margin-bottom: 50px;
}

/* CARD */

.how-card {
 background: #f8f9fa;

 padding: 35px 25px;

 border-radius: 14px;

 text-align: center;

 position: relative;

 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);

 transition: 0.35s;

 height: 100%;
}

.how-card:hover {
 transform: translateY(-8px);

 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
}

/* STEP NUMBER */

.step-number {
 position: absolute;

 top: -15px;

 left: 50%;

 transform: translateX(-50%);

 background: #e00000;

 color: #fff;

 width: 36px;

 height: 36px;

 border-radius: 50%;

 display: flex;

 align-items: center;

 justify-content: center;

 font-weight: 700;

 font-size: 16px;
}

/* ICON */

.step-icon {
 width: 70px;

 height: 70px;

 background: linear-gradient(135deg, #198754, #34d399);

 border-radius: 50%;

 display: flex;

 align-items: center;

 justify-content: center;

 margin: 10px auto 15px;

 font-size: 28px;

 color: #fff;
}

/* TEXT */

.how-card h5 {
 font-size: 18px;

 font-weight: 600;

 margin-bottom: 10px;
}

.how-card p {
 font-size: 14px;

 color: #666;
}

/* MOBILE */

@media (max-width: 768px) {
 .section-head h2 {
  font-size: 26px;
 }

 .section-head p {
  font-size: 14px;

  margin-bottom: 30px;
 }

 .how-card {
  padding: 25px 18px;
 }

 .step-icon {
  width: 55px;
  height: 55px;
  font-size: 22px;
 }

 .how-card h5 {
  font-size: 16px;
 }
}

/**********************Offer section**********************/
/* OFFER SECTION */

.offer-section {
 padding: 80px 0;

 background: linear-gradient(135deg, #0f5132, #198754);

 color: #fff;
}

/* BOX */

.offer-box {
 max-width: 800px;

 margin: auto;

 padding: 40px 30px;

 background: rgba(255, 255, 255, 0.08);

 border-radius: 14px;

 box-shadow: 0 10px 35px rgba(0, 0, 0, 0.25);

 backdrop-filter: blur(6px);
}

/* TAG */

.offer-tag {
 display: inline-block;

 background: #ffc107;

 color: #000;

 font-weight: 700;

 padding: 6px 14px;

 border-radius: 30px;

 font-size: 13px;

 margin-bottom: 15px;
}

/* TITLE */

.offer-box h2 {
 font-size: 34px;

 font-weight: 700;

 margin-bottom: 15px;
}

.offer-box h2 span {
 color: #ffc107;
}

/* TEXT */

.offer-box p {
 font-size: 16px;

 opacity: 0.9;

 margin-bottom: 25px;
}

/* BUTTON */

.offer-call-btn {
 background: #e00000;

 color: #fff;

 padding: 14px 34px;

 font-size: 18px;

 font-weight: 700;

 border-radius: 8px;

 text-decoration: none;

 display: inline-block;

 transition: 0.3s;
}

.offer-call-btn:hover {
 background: #c40000;

 color: #fff;
}

/* TRUST TEXT */

.offer-trust {
 margin-top: 15px;

 font-size: 14px;

 opacity: 0.9;
}

/* MOBILE */

@media (max-width: 768px) {
 .offer-box {
  padding: 30px 20px;
 }

 .offer-box h2 {
  font-size: 24px;
 }

 .offer-box p {
  font-size: 14px;
 }

 .offer-call-btn {
  width: 100%;

  font-size: 16px;

  padding: 12px;
 }
}
/********************Why Choose***************************/
/* CTA CARD */

.why-card-cta {
 background: linear-gradient(135deg, #e00000, #ff5252);
}

.why-card-cta p {
 color: #fff;
 opacity: 0.9;
}

/* CALL BUTTON */

.why-call-btn {
 display: inline-block;

 margin-top: 12px;

 background: #fff;

 color: #e00000;

 padding: 8px 18px;

 border-radius: 30px;

 font-size: 14px;

 font-weight: 600;

 text-decoration: none;

 transition: 0.3s;
 background: #ffdede;
}

.why-call-btn:hover {
 background: #ffdede;

 color: #c40000;
}
/* SECTION */

.why-section {
 padding: 50px 0;
 background: #fff;
}

/* HEADER */

.section-header h2 {
 font-size: 34px;
 font-weight: 700;
 margin-bottom: 10px;
}

.section-header p {
 color: #666;
 margin-bottom: 50px;
}

/* CARD */

.why-card {
 background: #fff;

 padding: 30px 25px;

 border-radius: 14px;

 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);

 text-align: center;

 transition: 0.35s;

 height: 100%;
}

.why-card:hover {
 transform: translateY(-8px);

 box-shadow: 0 16px 40px rgba(0, 0, 0, 0.18);
}

/* ICON BOX */

.icon-box {
 width: 70px;
 height: 70px;

 border-radius: 50%;

 display: flex;
 align-items: center;
 justify-content: center;

 margin: 0 auto 18px;

 font-size: 28px;
 color: #fff;
}

/* ICON COLORS */

.icon-box.green {
 background: linear-gradient(135deg, #2e7d32, #66bb6a);
}
.icon-box.blue {
 background: linear-gradient(135deg, #1565c0, #42a5f5);
}
.icon-box.orange {
 background: linear-gradient(135deg, #ef6c00, #ffa726);
}
.icon-box.purple {
 background: linear-gradient(135deg, #7b1fa2, #ba68c8);
}
.icon-box.red {
 background: linear-gradient(135deg, #c62828, #ef5350);
}

/* TEXT */

.why-card h5 {
 font-size: 18px;
 font-weight: 600;
 margin-bottom: 10px;
}

.why-card p {
 font-size: 14px;
 color: #666;
}

/* MOBILE */

@media (max-width: 768px) {
 .section-header h2 {
  font-size: 26px;
 }

 .section-header p {
  font-size: 14px;
  margin-bottom: 30px;
 }

 .why-card {
  padding: 22px 15px;
 }

 .icon-box {
  width: 55px;
  height: 55px;
  font-size: 22px;
 }

 .why-card h5 {
  font-size: 15px;
 }

 .why-card p {
  font-size: 13px;
 }
}

/***************************Section Trust Badge and Call Band************************/
/* CTA STRIP */

.cta-strip {
 background: linear-gradient(90deg, #1c6624, #2e8b3a);

 padding: 25px 0;

 color: #fff;

 text-align: center;
}

.cta-text {
 font-size: 22px;
 font-weight: 600;
 margin-bottom: 12px;
}

.cta-call-btn {
 background: #e00000;

 color: #fff;

 padding: 14px 32px;

 border-radius: 6px;

 font-weight: 700;

 font-size: 18px;

 text-decoration: none;

 display: inline-block;

 animation: pulseCall 2s infinite;

 transition: 0.3s;
}

.cta-call-btn:hover {
 background: #c40000;

 color: #fff;
}

.cta-rating {
 margin-top: 12px;

 font-size: 14px;

 opacity: 0.9;
}

/* CALL BUTTON PULSE */

@keyframes pulseCall {
 0% {
  box-shadow: 0 0 0 0 rgba(224, 0, 0, 0.6);
 }
 70% {
  box-shadow: 0 0 0 12px rgba(224, 0, 0, 0);
 }
 100% {
  box-shadow: 0 0 0 0 rgba(224, 0, 0, 0);
 }
}

/* TRUST SECTION */
.trust-section {
 padding: 40px 0;
 background: #f7f7f7;
}

.trust-card {
 display: block;

 padding: 28px 20px;

 border-radius: 12px;

 text-decoration: none;

 color: #222;

 box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);

 transition: 0.35s ease;

 height: 100%;

 background: #fff;
}

.trust-card:hover {
 transform: translateY(-6px);

 box-shadow: 0 14px 35px rgba(0, 0, 0, 0.15);
}

.trust-card i {
 font-size: 38px;

 margin-bottom: 14px;

 display: block;
}

.trust-card h5 {
 font-size: 16px;
 font-weight: 600;
 margin: 0;
}

/* CARD 1 */

.trust-section .col-md-3:nth-child(1) .trust-card {
 background: linear-gradient(135deg, #e8f5e9, #c8e6c9);
}

.trust-section .col-md-3:nth-child(1) i {
 color: #2e7d32;
}

/* CARD 2 */

.trust-section .col-md-3:nth-child(2) .trust-card {
 background: linear-gradient(135deg, #e3f2fd, #bbdefb);
}

.trust-section .col-md-3:nth-child(2) i {
 color: #1565c0;
}

/* CARD 3 */

.trust-section .col-md-3:nth-child(3) .trust-card {
 background: linear-gradient(135deg, #fff3e0, #ffe0b2);
}

.trust-section .col-md-3:nth-child(3) i {
 color: #ef6c00;
}

/* CARD 4 */

.trust-section .col-md-3:nth-child(4) .trust-card {
 background: linear-gradient(135deg, #f3e5f5, #e1bee7);
}

.trust-section .col-md-3:nth-child(4) i {
 color: #7b1fa2;
}

@media (max-width: 768px) {
 .trust-card {
  padding: 22px 15px;
 }

 .trust-card i {
  font-size: 30px;
 }

 .trust-card h5 {
  font-size: 14px;
 }
}

/**************************************END Here Trust Badge***********************/
.call-btn-header {
 display: inline-flex;
 align-items: center;
 gap: 10px;

 background: #e00000;
 color: #fff;

 padding: 10px 16px;
 border-radius: 6px;

 text-decoration: none;

 font-weight: 600;

 transition: all 0.2s ease;
}

.call-btn-header:hover {
 background: #c60000;
 color: #fff;
}

.call-btn-header i {
 font-size: 18px;
}

.call-text {
 display: flex;
 flex-direction: column;
 line-height: 1.1;
}

.call-text span {
 font-size: 11px;
}

.call-text strong {
 font-size: 18px;
 font-weight: 700;
}

.call-btn-header {
 animation: pulseCall 2s infinite;
}

@keyframes pulseCall {
 0% {
  box-shadow: 0 0 0 0 rgba(224, 0, 0, 0.6);
 }
 70% {
  box-shadow: 0 0 0 10px rgba(224, 0, 0, 0);
 }
 100% {
  box-shadow: 0 0 0 0 rgba(224, 0, 0, 0);
 }
}

/****************Start New 29-03-2026***********/
/* MOBILE HEADER FIX */

@media (max-width: 768px) {
 .hero-top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
 }

 .logo-col {
  text-align: left;
 }

 .cert-logos {
  text-align: right;
 }

 .hero-logo {
  height: 36px;
 }

 .cert-logos img {
  height: 22px;
 }
}

/*********end mobile additional*/
.hero-advance {
 background: linear-gradient(
   to right,
   rgba(255, 255, 255, 0.96) 30%,
   rgba(255, 255, 255, 0.92) 40%,
   rgba(255, 255, 255, 0.75) 50%,
   rgba(255, 255, 255, 0.35) 65%,
   rgba(255, 255, 255, 0) 80%
  ),
  url("../images/hero-bg.jpg");

 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;

 padding-bottom: 60px;
}
@media (max-width: 768px) {
 .hero-advance {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.95) 0%,
    rgba(255, 255, 255, 0.92) 20%,
    rgba(255, 255, 255, 0.75) 45%,
    rgba(255, 255, 255, 0.35) 70%,
    rgba(255, 255, 255, 0.15) 100%
   ),
   url("../images/hero-bg.jpg");

  background-size: cover;
  background-position: center top;
 }
}

/* HEADER */

.hero-header {
 background: #fff;
 padding: 10px 0;
 border-bottom: 1px solid #eee;
}

.hero-top-row {
 display: flex;
 align-items: center;
}

.hero-logo {
 height: 75px;
 max-width: 100%;
}

.cert-logos img {
 height: 48px;
}

.call-top span {
 display: block;
 font-size: 12px;
}

.call-top strong {
 color: #fff;
 font-size: 20px;
 font-weight: 700;
}

/* TRUST BAR */

.trust-bar {
 background: #f7f7f7;
 padding: 10px 0;
 font-size: 14px;
 font-weight: 500;
}

/* HERO TEXT */

.hero-left h1 {
 font-size: 36px;
 font-weight: 700;
 margin: 15px 0;
}

.hero-sub {
 font-size: 18px;
 margin-bottom: 20px;
}

.hero-list {
 list-style: none;
 padding: 0;
 margin-bottom: 20px;
}

.hero-list li {
 margin-bottom: 8px;
}

/* CTA BUTTONS */

.hero-cta {
 display: flex;
 gap: 12px;
 flex-wrap: wrap;
 margin-bottom: 15px;
}

.btn-call {
 background: #e00000;
 color: #fff;
 padding: 14px 26px;
 font-size: 18px;
 border-radius: 6px;
 font-weight: 600;
 border: none;
}

.btn-call:hover {
 background: #c60000;
 color: #fff;
}

.btn-quote {
 background: #ffc107;
 color: #000;
 padding: 14px 26px;
 font-size: 18px;
 border-radius: 6px;
 font-weight: 600;
 border: none;
}

.btn-quote:hover {
 background: #e0a800;
 color: #000;
}

/* GOOGLE RATING */

.google-rating {
 display: flex;
 align-items: center;
 gap: 10px;
 margin-top: 15px;
}

.google-rating img {
 height: 60px;
}

/* RIGHT IMAGE */

.hero-right {
 position: relative;
 text-align: right;
}

.hero-img {
 max-height: 460px;
}

/* MOBILE OPTIMIZATION */

@media (max-width: 992px) {
 .hero-advance {
  background: #fff;
  padding-top: 0px;
 }

 .hero-logo {
  height: 58px;
 }

 .cert-logos img {
  height: 36px;
 }

 .call-top strong {
  font-size: 16px;
 }

 /*.hero-left{
text-align:center;
}*/

 .hero-left h1 {
  font-size: 26px;
 }

 .hero-sub {
  font-size: 16px;
 }

 .hero-cta {
  justify-content: center;
 }

 .btn-call,
 .btn-quote {
  font-size: 15px;
  padding: 10px 18px;
 }

 .hero-right {
  text-align: center;
  margin-top: 20px;
 }

 .hero-img {
  max-height: 260px;
 }

 .testimonial-card {
  position: relative;
  margin: 20px auto 0;
  right: auto;
 }

 .google-rating {
  justify-content: center;
 }
}

/***************End New 29-03-2026*************/

/*New added 12-02-2026*/

.trust-signals {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 8px 15px;
 margin: 20px 0 15px;
 font-size: 14px;
 color: #333;
}

.trust-item {
 font-size: 15px;
 color: #333;
 margin-bottom: 8px;
 font-weight: 500;
}

.trust-item:last-child {
 margin-bottom: 0;
}

.quote-btn {
 width: 100%;
 background: #d60000;
 color: #fff;
 font-size: 18px;
 font-weight: 700;
 padding: 14px;
 border: none;
 border-radius: 6px;
 cursor: pointer;
 transition: 0.3s ease;
}

.quote-btn:hover {
 background: #b30000;
}

/*ashraf*/
/* ---------- A1 Freedom — visual enhancements ---------- */

/* phone highlight badge used in hero and contact links */
.a1-phone {
 display: inline-block;
 background: linear-gradient(90deg, #ff5a4d, #ff2f2f);
 color: #fff;
 padding: 0.45rem 0.9rem;
 border-radius: 10px;
 font-weight: 800;
 letter-spacing: 0.2px;
 box-shadow: 0 6px 22px rgba(255, 45, 45, 0.18);
 transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.a1-phone:hover {
 transform: translateY(-3px);
 box-shadow: 0 10px 30px rgba(255, 45, 45, 0.24);
}

/* subtle phone meta style for smaller places */
.a1-phone-sm {
 display: inline-block;
 background: rgba(255, 47, 47, 0.08);
 color: #d32f2f;
 padding: 0.25rem 0.5rem;
 border-radius: 6px;
 font-weight: 700;
}

/* CTA buttons */
.btn-a1 {
 border-radius: 10px;
 padding: 0.65rem 1.05rem;
 font-weight: 700;
 box-shadow: 0 8px 26px rgba(12, 20, 30, 0.08);
 transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.btn-a1--primary {
 background: linear-gradient(90deg, #ff5a4d, #ff2f2f);
 color: #fff;
 border: 0;
}
.btn-a1--primary:hover {
 transform: translateY(-3px);
 box-shadow: 0 18px 40px rgba(255, 47, 47, 0.16);
}

/* enquiry form card highlight */
.form-card-a1 {
 border-radius: 14px;
 padding: 26px;
 background: #fff;
 box-shadow: 0 18px 40px rgba(10, 20, 30, 0.06);
 border: 1px solid rgba(0, 0, 0, 0.03);
}

/* small helpful text under forms */
.form-help {
 font-size: 0.95rem;
 color: #444;
 margin-top: 0.6rem;
}

/* sticky WhatsApp bubble */
.a1-whatsapp {
 position: fixed;
 right: 18px;
 bottom: 92px;
 z-index: 9999;
 display: flex;
 gap: 0.6rem;
 align-items: center;
 padding: 0.5rem 0.8rem;
 background: linear-gradient(180deg, #25d366, #1da851);
 color: #fff;
 border-radius: 999px;
 box-shadow: 0 18px 46px rgba(37, 211, 102, 0.18);
 text-decoration: none;
 font-weight: 700;
}
.a1-whatsapp i {
 font-size: 1.25rem;
 margin-left: 2px;
}

/* small floating phone for mobile (optional) */
.a1-floating-call {
 position: fixed;
 left: 18px;
 bottom: 96px;
 z-index: 9998;
 background: #fff;
 color: #d32f2f;
 padding: 0.45rem 0.65rem;
 border-radius: 10px;
 border: 1px solid rgba(0, 0, 0, 0.06);
 box-shadow: 0 10px 30px rgba(10, 20, 30, 0.06);
 display: flex;
 gap: 0.4rem;
 align-items: center;
 font-weight: 700;
}

/* responsive adjustments */
@media (max-width: 768px) {
 .a1-whatsapp {
  right: 14px;
  bottom: 86px;
  padding: 0.5rem 0.7rem;
 }
 .a1-floating-call {
  left: 14px;
  bottom: 86px;
 }
 .form-card-a1 {
  padding: 18px;
  border-radius: 12px;
 }
}

/*ashraf*/

.bg-primary {
 background-color: var(--primary) !important;
}

.icon {
 width: 1em;
 height: 1em;
 display: inline-block;
 vertical-align: -0.125em;
}

.section-one {
 background-image: linear-gradient(90deg, #fb0d00 0%, #f78383 100%);
 position: relative;
 min-height: 100vh;
 padding-top: 30px;
}
.section-one form {
 transform: translateY(50px);
}
.section-one .bg-vector {
 position: absolute;
 bottom: 0;
 right: 0;
 width: 100%;
 height: 100%;
 z-index: 0;
 -o-object-fit: cover;
 object-fit: cover;
 opacity: 0.02;
}
.section-one .container {
 position: relative;
 z-index: 1;
}
.section-one .logo-box {
 background-color: #fff;
 display: inline-block;
 padding: 8px 10px;
}
.section-one .logo-box img {
 width: 200px;
}

.card-service {
 text-decoration: none;
 display: block;
 color: inherit;
 text-align: center;
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.075);
 background-color: #fff;
 border-radius: 8px;
 overflow: hidden;
 height: 100%;
 padding: 12px;
 transition: 250ms ease-in-out;
}
.card-service:hover {
 box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
 transform: translateY(-4px);
 color: var(--primary);
}
.card-service h5 {
 margin-top: 12px;
 margin-bottom: 10px;
 font-weight: 600;
}

footer {
 background-color: var(--bs-black);
 padding-top: 50px;
 padding-bottom: 0;
 color: rgba(255, 255, 255, 0.85);
}
footer .footer-logo {
 display: inline-block;
 margin-bottom: 15px;
}
footer .footer-logo img {
 width: 100%;
 max-width: 180px;
 filter: grayscale(1) invert(1) brightness(3);
}
footer h5 {
 font-size: 1.375;
 font-weight: 600;
 color: #fff;
 letter-spacing: 1px;
}
footer address {
 color: rgba(255, 255, 255, 0.9);
}
footer .footer-links,
footer .copyright {
 color: rgba(255, 255, 255, 0.9);
}
footer .footer-links a,
footer .copyright a {
 color: rgb(255, 255, 255);
 text-decoration: none;
}
footer .footer-links a:hover,
footer .copyright a:hover {
 color: var(--primary);
 text-decoration: underline;
 text-underline-offset: 5px;
}
footer .footer-bullet a {
 display: flex;
 gap: 8px;
}
footer .footer-bullet a::before {
 content: "";
 display: block;
 min-width: 7px;
 width: 7px;
 height: 7px;
 border-radius: 1px;
 background-color: var(--secondary);
 margin-top: 9px;
}
footer .footer-social {
 display: flex;
 align-items: center;
 gap: 14px;
}
footer .footer-social a {
 font-size: 20px;
 text-decoration: none;
 color: rgba(255, 255, 255, 0.9);
}
footer .footer-social a:hover {
 color: var(--bs-info);
}
footer .copyright {
 margin-top: 38px;
 background: var(--primary-dark);
 padding: 12px 0;
}
footer .copyright:hover {
 transition: 750ms;
}
footer .copyright a:hover {
 color: var(--secondary);
}

.goto-top {
 position: fixed;
 width: 38px;
 height: 38px;
 color: #ffffff;
 background-color: var(--primary);
 box-shadow: 0 0 10px var(--primary);
 bottom: 15px;
 right: 15px;
 border-radius: 4px;
 display: flex;
 justify-content: center;
 align-items: center;
 cursor: pointer;
 transition: 0.25s;
 border: none;
 opacity: 0;
 transform: scale(0);
 z-index: 120;
}
.goto-top.active {
 opacity: 1;
 transform: scale(1);
}
.goto-top:hover {
 color: #fff;
 background-color: var(--primary);
 box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
} /*# sourceMappingURL=style.css.map */