.elementor-184 .elementor-element.elementor-element-9754c7e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-184 .elementor-element.elementor-element-cc43ad8{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-184 .elementor-element.elementor-element-df15696{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-184 .elementor-element.elementor-element-3d40d88{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-184 .elementor-element.elementor-element-f311134{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-184 .elementor-element.elementor-element-5c1a3d3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-184 .elementor-element.elementor-element-1c77cd8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-184 .elementor-element.elementor-element-ba50a52{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-184 .elementor-element.elementor-element-dcac7b9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-184 .elementor-element.elementor-element-85d9653{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-184 .elementor-element.elementor-element-2184365{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-184 .elementor-element.elementor-element-16d2291{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-184 .elementor-element.elementor-element-81e71c9{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-184 .elementor-element.elementor-element-86653c2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-184 .elementor-element.elementor-element-39e66b6{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-184 .elementor-element.elementor-element-50643a5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-184 .elementor-element.elementor-element-df76629{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-cc43ad8 *//* ===== True Comfort - Home Hero ===== */
.tc-hero { position: relative; overflow: hidden; padding: 90px 20px; background-color: #E5F2F4; font-family: "Segoe UI", Roboto, Arial, sans-serif; color: #1f2937; }
.tc-hero::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(#b5d6dc 1.6px, transparent 1.6px); background-size: 24px 24px; pointer-events: none; }
.tc-hero::after { content: ""; position: absolute; width: 420px; height: 420px; right: -140px; top: -140px; border-radius: 50%; background: rgba(21,86,110,0.08); pointer-events: none; }
.tc-hero * { box-sizing: border-box; }
.tc-hero-inner { position: relative; z-index: 1; max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: 1.05fr 1fr; gap: 60px; align-items: center; }

/* Text */
.tc-hero-tag { display: inline-block; background: #15566E; color: #ffffff; border: 1px solid #15566E; font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 7px 16px; border-radius: 50px; margin-bottom: 20px; }
.tc-hero h1 { font-size: 50px; line-height: 1.15; font-weight: 800; margin: 0 0 18px; color: #0a2540; }
.tc-hero .tc-hl { color: #15566E; white-space: nowrap; }
.tc-hero-text > p { font-size: 18px; line-height: 1.7; color: #4b5d6e; margin: 0 0 24px; max-width: 560px; }

.tc-hero-points { list-style: none; padding: 0; margin: 0 0 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; }
.tc-hero-points li { position: relative; padding-left: 30px; font-size: 15.5px; color: #1f2937; font-weight: 500; line-height: 1.5; }
.tc-hero-points li::before { content: "\2713"; position: absolute; left: 0; top: 0; width: 21px; height: 21px; border-radius: 50%; background: #15566E; color: #ffffff; font-size: 12px; font-weight: 800; display: flex; align-items: center; justify-content: center; }

.tc-hero-btns { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 28px; }
.tc-btn-main, .tc-btn-line { display: inline-block; font-weight: 700; font-size: 16px; padding: 15px 34px; border-radius: 50px; text-decoration: none; transition: all 0.3s ease; text-align: center; }
.tc-btn-main { background: #15566E; color: #ffffff; border: 2px solid #15566E; box-shadow: 0 10px 22px rgba(21,86,110,0.25); }
.tc-btn-main:hover { background: #0a2540; border-color: #0a2540; color: #ffffff; }
.tc-btn-line { background: #ffffff; color: #15566E; border: 2px solid #15566E; }
.tc-btn-line:hover { background: #15566E; color: #ffffff; }

.tc-hero-areas { font-size: 14px; color: #4b5d6e; line-height: 1.7; border-top: 1px solid #c3dde2; padding-top: 18px; max-width: 560px; }
.tc-hero-areas span { color: #15566E; font-weight: 700; margin-right: 4px; }

/* Images */
.tc-hero-media { position: relative; height: 520px; }
.tc-hero-card { position: absolute; display: block; overflow: hidden; border-radius: 20px; border: 6px solid #ffffff; box-shadow: 0 20px 44px rgba(10,37,64,0.18); background: #dfeff2; transition: transform 0.4s ease; }
.tc-hero-card img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }
.tc-hero-card:hover { transform: translateY(-6px); }
.tc-hero-card:hover img { transform: scale(1.06); }
.tc-card-ac { width: 78%; height: 330px; top: 0; right: 0; z-index: 1; }
.tc-card-pl { width: 66%; height: 280px; bottom: 0; left: 0; z-index: 2; }
.tc-card-label { position: absolute; left: 14px; bottom: 14px; background: #15566E; color: #ffffff; font-size: 14px; font-weight: 700; padding: 8px 16px; border-radius: 50px; box-shadow: 0 6px 16px rgba(0,0,0,0.25); }
.tc-card-ac .tc-card-label { left: auto; right: 14px; top: 14px; bottom: auto; }
.tc-card-label::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #5ee0c8; margin-right: 8px; vertical-align: middle; }

/* Laptop */
@media (max-width: 1200px) {
  .tc-hero-inner { gap: 40px; }
  .tc-hero h1 { font-size: 42px; }
  .tc-hero-media { height: 470px; }
  .tc-card-ac { height: 300px; }
  .tc-card-pl { height: 250px; }
}

/* Tablet */
@media (max-width: 992px) {
  .tc-hero { padding: 70px 18px; }
  .tc-hero-inner { grid-template-columns: 1fr; gap: 50px; text-align: center; }
  .tc-hero-text > p, .tc-hero-areas { margin-left: auto; margin-right: auto; }
  .tc-hero-points { max-width: 560px; margin-left: auto; margin-right: auto; text-align: left; }
  .tc-hero-btns { justify-content: center; }
  .tc-hero h1 { font-size: 38px; }
  .tc-hero-media { height: 460px; max-width: 640px; width: 100%; margin: 0 auto; }
}

/* Mobile */
@media (max-width: 600px) {
  .tc-hero { padding: 50px 14px; }
  .tc-hero h1 { font-size: 30px; }
  .tc-hero .tc-hl { white-space: normal; }
  .tc-hero-tag { font-size: 11px; letter-spacing: 0.5px; padding: 6px 12px; }
  .tc-hero-text > p { font-size: 16px; }
  .tc-hero-points { grid-template-columns: 1fr; gap: 10px; }
  .tc-hero-points li { font-size: 15px; }
  .tc-btn-main, .tc-btn-line { width: 100%; padding: 14px 20px; }
  .tc-hero-media { height: auto; display: grid; grid-template-columns: 1fr; gap: 16px; }
  .tc-hero-card { position: relative; width: 100%; height: 220px; top: auto; right: auto; bottom: auto; left: auto; border-width: 4px; border-radius: 16px; }
  .tc-card-ac .tc-card-label { left: 14px; right: auto; top: auto; bottom: 14px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3d40d88 *//* ===== True Comfort - AC Services ===== */
.ac-services { padding: 80px 20px; background-color: #F5F7FA; background-image: radial-gradient(#d3dae3 1.6px, transparent 1.6px); background-size: 24px 24px; font-family: "Segoe UI", Roboto, Arial, sans-serif; color: #1f2937; }
.ac-services * { box-sizing: border-box; }
.ac-services .container { max-width: 1240px; margin: 0 auto; }

/* Header panel */
.ac-services .section-header { position: relative; overflow: hidden; text-align: center; max-width: 900px; margin: 0 auto 50px; padding: 46px 40px; border-radius: 22px; background: linear-gradient(135deg, #0a2540 0%, #0e4d5c 55%, #0e6b7a 100%); box-shadow: 0 18px 40px rgba(10,37,64,0.18); }
.ac-services .section-header::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.12) 1.4px, transparent 1.4px); background-size: 20px 20px; pointer-events: none; }
.ac-services .section-header::after { content: ""; position: absolute; width: 220px; height: 220px; right: -70px; top: -70px; border-radius: 50%; background: rgba(94,224,200,0.18); pointer-events: none; }
.ac-services .section-header > * { position: relative; z-index: 1; }
.ac-services .section-tag { display: inline-block; background: rgba(255,255,255,0.12); color: #9ff0e1; border: 1px solid rgba(159,240,225,0.4); font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 6px 16px; border-radius: 50px; margin-bottom: 16px; }
.ac-services .section-header h2 { font-size: 40px; line-height: 1.2; color: #ffffff; margin: 0 0 14px; }
.ac-services .section-header .highlight { color: #5ee0c8; background: linear-gradient(transparent 62%, rgba(94,224,200,0.25) 62%); padding: 0 4px; white-space: nowrap; }
.ac-services .section-header p { font-size: 17px; line-height: 1.7; color: #cfe6ea; margin: 0 auto; max-width: 700px; }

/* Grid */
.ac-services .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }

.ac-services .service-card { background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 20px rgba(10,37,64,0.08); display: flex; flex-direction: column; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.ac-services .service-card:hover { transform: translateY(-8px); box-shadow: 0 14px 34px rgba(10,37,64,0.16); }

.ac-services .service-img { height: 230px; overflow: hidden; background: #e6ebf1; }
.ac-services .service-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.ac-services .service-card:hover .service-img img { transform: scale(1.08); }

.ac-services .service-body { padding: 22px; display: flex; flex-direction: column; flex-grow: 1; border-top: 4px solid #0e6b7a; }
.ac-services .service-body h3 { font-size: 19px; line-height: 1.3; color: #0a2540; margin: 0 0 10px; }
.ac-services .service-body p { font-size: 15px; line-height: 1.6; color: #5b6b7d; margin: 0 0 20px; flex-grow: 1; }

.ac-services .service-btns { display: flex; gap: 10px; }
.ac-services .service-btns a { flex: 1; text-align: center; padding: 11px 8px; border-radius: 8px; font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: all 0.3s ease; }
.ac-services .btn-book { background: #0e6b7a; color: #fff; border: 2px solid #0e6b7a; }
.ac-services .btn-book:hover { background: #0a2540; border-color: #0a2540; color: #fff; }
.ac-services .btn-details { background: transparent; color: #0e6b7a; border: 2px solid #0e6b7a; }
.ac-services .btn-details:hover { background: #0e6b7a; color: #fff; }

/* CTA */
.ac-services .services-cta { margin-top: 60px; background: linear-gradient(135deg, #0e6b7a, #0a2540); color: #fff; text-align: center; padding: 45px 25px; border-radius: 18px; }
.ac-services .services-cta h3 { font-size: 28px; margin: 0 0 8px; color: #fff; }
.ac-services .services-cta p { color: #cfe6ea; margin: 0 0 24px; }
.ac-services .cta-btns { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }
.ac-services .btn-primary, .ac-services .btn-outline { display: inline-block; font-weight: 700; padding: 14px 34px; border-radius: 50px; text-decoration: none; transition: all 0.3s ease; }
.ac-services .btn-primary { background: #5ee0c8; color: #0a2540; border: 2px solid #5ee0c8; }
.ac-services .btn-primary:hover { background: #ffffff; border-color: #ffffff; }
.ac-services .btn-outline { background: transparent; color: #ffffff; border: 2px solid #ffffff; }
.ac-services .btn-outline:hover { background: #ffffff; color: #0a2540; }

/* Laptop */
@media (max-width: 1200px) {
  .ac-services .services-grid { gap: 22px; }
  .ac-services .service-img { height: 200px; }
}

/* Tablet */
@media (max-width: 992px) {
  .ac-services { padding: 64px 18px; }
  .ac-services .services-grid { grid-template-columns: repeat(2, 1fr); gap: 22px; }
  .ac-services .section-header { padding: 38px 28px; }
  .ac-services .section-header h2 { font-size: 32px; }
}

/* Mobile */
@media (max-width: 600px) {
  .ac-services { padding: 50px 14px; }
  .ac-services .services-grid { grid-template-columns: 1fr; gap: 20px; }
  .ac-services .section-header { padding: 30px 20px; border-radius: 16px; margin-bottom: 34px; }
  .ac-services .section-header h2 { font-size: 26px; }
  .ac-services .section-header p { font-size: 15px; }
  .ac-services .service-img { height: 210px; }
  .ac-services .service-btns a { font-size: 13.5px; }
  .ac-services .services-cta { padding: 34px 18px; }
  .ac-services .services-cta h3 { font-size: 23px; }
  .ac-services .cta-btns a { width: 100%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5c1a3d3 *//* ===== True Comfort - Plumbing Services ===== */
.plumbing-services { padding: 80px 20px; background-color: #EAF6F8; background-image: radial-gradient(#b9d9df 1.6px, transparent 1.6px); background-size: 24px 24px; font-family: "Segoe UI", Roboto, Arial, sans-serif; color: #1f2937; }
.plumbing-services * { box-sizing: border-box; }
.plumbing-services .container { max-width: 1240px; margin: 0 auto; }

/* Header panel */
.plumbing-services .section-header { position: relative; overflow: hidden; text-align: center; max-width: 900px; margin: 0 auto 50px; padding: 46px 40px; border-radius: 22px; background: linear-gradient(135deg, #0a2540 0%, #0e4d5c 55%, #0e6b7a 100%); box-shadow: 0 18px 40px rgba(10,37,64,0.18); }
.plumbing-services .section-header::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.12) 1.4px, transparent 1.4px); background-size: 20px 20px; pointer-events: none; }
.plumbing-services .section-header::after { content: ""; position: absolute; width: 220px; height: 220px; right: -70px; top: -70px; border-radius: 50%; background: rgba(94,224,200,0.18); pointer-events: none; }
.plumbing-services .section-header > * { position: relative; z-index: 1; }
.plumbing-services .section-tag { display: inline-block; background: rgba(255,255,255,0.12); color: #9ff0e1; border: 1px solid rgba(159,240,225,0.4); font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 6px 16px; border-radius: 50px; margin-bottom: 16px; }
.plumbing-services .section-header h2 { font-size: 40px; line-height: 1.2; color: #ffffff; margin: 0 0 14px; }
.plumbing-services .section-header .highlight { color: #5ee0c8; background: linear-gradient(transparent 62%, rgba(94,224,200,0.25) 62%); padding: 0 4px; }
.plumbing-services .section-header p { font-size: 17px; line-height: 1.7; color: #cfe6ea; margin: 0 auto; max-width: 700px; }

/* Grid */
.plumbing-services .services-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; }

.plumbing-services .service-card { background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 6px 20px rgba(10,37,64,0.08); display: flex; flex-direction: column; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.plumbing-services .service-card:hover { transform: translateY(-8px); box-shadow: 0 14px 34px rgba(10,37,64,0.16); }

.plumbing-services .service-img { height: 200px; overflow: hidden; background: #dfeff2; }
.plumbing-services .service-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s ease; }
.plumbing-services .service-card:hover .service-img img { transform: scale(1.08); }

.plumbing-services .service-body { padding: 22px; display: flex; flex-direction: column; flex-grow: 1; border-top: 4px solid #0e6b7a; }
.plumbing-services .service-body h3 { font-size: 19px; line-height: 1.3; color: #0a2540; margin: 0 0 10px; }
.plumbing-services .service-body p { font-size: 15px; line-height: 1.6; color: #5b6b7d; margin: 0 0 20px; flex-grow: 1; }

.plumbing-services .service-btns { display: flex; gap: 10px; }
.plumbing-services .service-btns a { flex: 1; text-align: center; padding: 11px 8px; border-radius: 8px; font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: all 0.3s ease; }
.plumbing-services .btn-book { background: #0e6b7a; color: #fff; border: 2px solid #0e6b7a; }
.plumbing-services .btn-book:hover { background: #0a2540; border-color: #0a2540; color: #fff; }
.plumbing-services .btn-details { background: transparent; color: #0e6b7a; border: 2px solid #0e6b7a; }
.plumbing-services .btn-details:hover { background: #0e6b7a; color: #fff; }

/* CTA */
.plumbing-services .services-cta { margin-top: 60px; background: linear-gradient(135deg, #0e6b7a, #0a2540); color: #fff; text-align: center; padding: 45px 25px; border-radius: 18px; }
.plumbing-services .services-cta h3 { font-size: 28px; margin: 0 0 8px; color: #fff; }
.plumbing-services .services-cta p { color: #cfe6ea; margin: 0 0 24px; }
.plumbing-services .cta-btns { display: flex; justify-content: center; gap: 14px; flex-wrap: wrap; }
.plumbing-services .btn-primary, .plumbing-services .btn-outline { display: inline-block; font-weight: 700; padding: 14px 34px; border-radius: 50px; text-decoration: none; transition: all 0.3s ease; }
.plumbing-services .btn-primary { background: #5ee0c8; color: #0a2540; border: 2px solid #5ee0c8; }
.plumbing-services .btn-primary:hover { background: #ffffff; border-color: #ffffff; }
.plumbing-services .btn-outline { background: transparent; color: #ffffff; border: 2px solid #ffffff; }
.plumbing-services .btn-outline:hover { background: #ffffff; color: #0a2540; }

/* Laptop */
@media (max-width: 1200px) {
  .plumbing-services .services-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Tablet */
@media (max-width: 992px) {
  .plumbing-services { padding: 64px 18px; }
  .plumbing-services .services-grid { grid-template-columns: repeat(2, 1fr); gap: 22px; }
  .plumbing-services .section-header { padding: 38px 28px; }
  .plumbing-services .section-header h2 { font-size: 32px; }
}

/* Mobile */
@media (max-width: 600px) {
  .plumbing-services { padding: 50px 14px; }
  .plumbing-services .services-grid { grid-template-columns: 1fr; gap: 20px; }
  .plumbing-services .section-header { padding: 30px 20px; border-radius: 16px; margin-bottom: 34px; }
  .plumbing-services .section-header h2 { font-size: 26px; }
  .plumbing-services .section-header p { font-size: 15px; }
  .plumbing-services .service-img { height: 210px; }
  .plumbing-services .service-btns a { font-size: 13.5px; }
  .plumbing-services .services-cta { padding: 34px 18px; }
  .plumbing-services .services-cta h3 { font-size: 23px; }
  .plumbing-services .cta-btns a { width: 100%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ba50a52 *//* ===== True Comfort - Why Choose Us ===== */
.why-us { padding: 90px 20px; background-color: #F5F7FA; background-image: radial-gradient(#d3dae3 1.6px, transparent 1.6px); background-size: 24px 24px; font-family: "Segoe UI", Roboto, Arial, sans-serif; color: #1f2937; }
.why-us * { box-sizing: border-box; }
.why-us .container { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 50px; align-items: center; }

/* Left intro panel */
.why-us .why-intro { position: relative; overflow: hidden; padding: 46px 40px; border-radius: 22px; background: linear-gradient(135deg, #0a2540 0%, #0e4d5c 55%, #0e6b7a 100%); color: #fff; box-shadow: 0 18px 40px rgba(10,37,64,0.18); }
.why-us .why-intro::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.12) 1.4px, transparent 1.4px); background-size: 20px 20px; pointer-events: none; }
.why-us .why-intro::after { content: ""; position: absolute; width: 240px; height: 240px; right: -80px; bottom: -80px; border-radius: 50%; background: rgba(94,224,200,0.18); pointer-events: none; }
.why-us .why-intro > * { position: relative; z-index: 1; }
.why-us .section-tag { display: inline-block; background: rgba(255,255,255,0.12); color: #9ff0e1; border: 1px solid rgba(159,240,225,0.4); font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 6px 16px; border-radius: 50px; margin-bottom: 16px; }
.why-us .why-intro h2 { font-size: 38px; line-height: 1.2; color: #fff; margin: 0 0 16px; }
.why-us .highlight { color: #5ee0c8; background: linear-gradient(transparent 62%, rgba(94,224,200,0.25) 62%); padding: 0 4px; white-space: nowrap; }
.why-us .why-intro p { font-size: 16.5px; line-height: 1.7; color: #cfe6ea; margin: 0 0 22px; }

.why-us .why-points { list-style: none; padding: 0; margin: 0 0 28px; }
.why-us .why-points li { position: relative; padding-left: 32px; margin-bottom: 12px; font-size: 15.5px; color: #ffffff; }
.why-us .why-points li::before { content: "\2713"; position: absolute; left: 0; top: 0; width: 22px; height: 22px; border-radius: 50%; background: #5ee0c8; color: #0a2540; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; }

.why-us .why-btns { display: flex; gap: 12px; flex-wrap: wrap; }
.why-us .why-btns a { display: inline-block; padding: 13px 26px; border-radius: 50px; font-weight: 700; font-size: 15px; text-decoration: none; transition: all 0.3s ease; }
.why-us .btn-main { background: #5ee0c8; color: #0a2540; border: 2px solid #5ee0c8; }
.why-us .btn-main:hover { background: #fff; border-color: #fff; }
.why-us .btn-line { background: transparent; color: #fff; border: 2px solid #fff; }
.why-us .btn-line:hover { background: #fff; color: #0a2540; }

/* Right feature cards */
.why-us .why-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.why-us .why-card { background: #fff; border-radius: 16px; padding: 26px 24px; box-shadow: 0 6px 20px rgba(10,37,64,0.08); border-bottom: 4px solid transparent; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }
.why-us .why-card:hover { transform: translateY(-6px); box-shadow: 0 14px 32px rgba(10,37,64,0.15); border-bottom-color: #0e6b7a; }
.why-us .why-icon { width: 54px; height: 54px; border-radius: 14px; background: #e6ebf1; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; transition: background 0.3s ease; }
.why-us .why-icon svg { width: 28px; height: 28px; fill: none; stroke: #0e6b7a; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.3s ease; }
.why-us .why-card:hover .why-icon { background: #0e6b7a; }
.why-us .why-card:hover .why-icon svg { stroke: #fff; }
.why-us .why-card h3 { font-size: 19px; color: #0a2540; margin: 0 0 8px; }
.why-us .why-card p { font-size: 15px; line-height: 1.6; color: #5b6b7d; margin: 0; }

/* Laptop */
@media (max-width: 1200px) {
  .why-us .container { gap: 34px; }
  .why-us .why-intro { padding: 40px 32px; }
  .why-us .why-intro h2 { font-size: 34px; }
}

/* Tablet */
@media (max-width: 992px) {
  .why-us { padding: 70px 18px; }
  .why-us .container { grid-template-columns: 1fr; }
  .why-us .why-intro { text-align: center; }
  .why-us .why-points { display: inline-block; text-align: left; }
  .why-us .why-btns { justify-content: center; }
}

/* Mobile */
@media (max-width: 600px) {
  .why-us { padding: 50px 14px; }
  .why-us .why-intro { padding: 30px 20px; border-radius: 16px; }
  .why-us .why-intro h2 { font-size: 27px; }
  .why-us .why-intro p { font-size: 15px; }
  .why-us .why-grid { grid-template-columns: 1fr; gap: 16px; }
  .why-us .why-card { padding: 22px 20px; }
  .why-us .why-btns a { width: 100%; text-align: center; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-85d9653 *//* ===== True Comfort - How It Works ===== */
.how-works { padding: 90px 20px; background-color: #EAF6F8; background-image: radial-gradient(#b9d9df 1.6px, transparent 1.6px); background-size: 24px 24px; font-family: "Segoe UI", Roboto, Arial, sans-serif; color: #1f2937; }
.how-works * { box-sizing: border-box; }
.how-works .container { max-width: 1240px; margin: 0 auto; }

/* Header panel */
.how-works .hw-header { position: relative; overflow: hidden; text-align: center; max-width: 900px; margin: 0 auto 60px; padding: 44px 40px; border-radius: 22px; background: linear-gradient(135deg, #0a2540 0%, #0e4d5c 55%, #0e6b7a 100%); box-shadow: 0 18px 40px rgba(10,37,64,0.18); }
.how-works .hw-header::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.12) 1.4px, transparent 1.4px); background-size: 20px 20px; pointer-events: none; }
.how-works .hw-header::after { content: ""; position: absolute; width: 220px; height: 220px; right: -70px; top: -90px; border-radius: 50%; background: rgba(94,224,200,0.18); pointer-events: none; }
.how-works .hw-header > * { position: relative; z-index: 1; }
.how-works .section-tag { display: inline-block; background: rgba(255,255,255,0.12); color: #9ff0e1; border: 1px solid rgba(159,240,225,0.4); font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 6px 16px; border-radius: 50px; margin-bottom: 16px; }
.how-works .hw-header h2 { font-size: 38px; line-height: 1.25; color: #fff; margin: 0 0 14px; }
.how-works .highlight { color: #5ee0c8; background: linear-gradient(transparent 62%, rgba(94,224,200,0.25) 62%); padding: 0 4px; white-space: nowrap; }
.how-works .hw-header p { font-size: 16.5px; line-height: 1.7; color: #cfe6ea; margin: 0 auto; max-width: 640px; }

/* Steps */
.how-works .hw-steps { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 26px; }
.how-works .hw-steps::before { content: ""; position: absolute; top: 62px; left: 12%; right: 12%; border-top: 3px dashed #9fc7cf; z-index: 0; }
.how-works .hw-step { position: relative; z-index: 1; background: #fff; border-radius: 18px; padding: 30px 22px 28px; text-align: center; box-shadow: 0 6px 20px rgba(10,37,64,0.08); border-top: 4px solid #0e6b7a; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.how-works .hw-step:hover { transform: translateY(-8px); box-shadow: 0 14px 32px rgba(10,37,64,0.15); }
.how-works .hw-num { position: absolute; top: 14px; right: 16px; font-size: 30px; font-weight: 800; color: #d7eef1; line-height: 1; }
.how-works .hw-icon { width: 66px; height: 66px; margin: 0 auto 18px; border-radius: 50%; background: linear-gradient(135deg, #0e6b7a, #0a2540); display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 6px #e3f4f6; transition: box-shadow 0.3s ease; }
.how-works .hw-step:hover .hw-icon { box-shadow: 0 0 0 6px rgba(94,224,200,0.45); }
.how-works .hw-icon svg { width: 30px; height: 30px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.how-works .hw-step h3 { font-size: 19px; color: #0a2540; margin: 0 0 8px; }
.how-works .hw-step p { font-size: 15px; line-height: 1.6; color: #5b6b7d; margin: 0; }

/* CTA */
.how-works .hw-cta { margin-top: 50px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; background: linear-gradient(135deg, #0e6b7a 0%, #0a2540 100%); border-radius: 18px; padding: 26px 34px; }
.how-works .hw-cta p { margin: 0; color: #fff; font-size: 20px; font-weight: 700; }
.how-works .hw-btns { display: flex; gap: 12px; flex-wrap: wrap; }
.how-works .hw-btns a { display: inline-block; padding: 13px 26px; border-radius: 50px; font-weight: 700; font-size: 15px; text-decoration: none; transition: all 0.3s ease; }
.how-works .btn-book { background: #5ee0c8; color: #0a2540; border: 2px solid #5ee0c8; }
.how-works .btn-book:hover { background: #fff; border-color: #fff; }
.how-works .btn-call { background: transparent; color: #fff; border: 2px solid #fff; }
.how-works .btn-call:hover { background: #fff; color: #0a2540; }

/* Laptop */
@media (max-width: 1200px) {
  .how-works .hw-steps { gap: 20px; }
  .how-works .hw-header h2 { font-size: 34px; }
}

/* Tablet */
@media (max-width: 992px) {
  .how-works { padding: 70px 18px; }
  .how-works .hw-steps { grid-template-columns: repeat(2, 1fr); }
  .how-works .hw-steps::before { display: none; }
  .how-works .hw-cta { flex-direction: column; text-align: center; }
  .how-works .hw-btns { justify-content: center; }
}

/* Mobile */
@media (max-width: 600px) {
  .how-works { padding: 50px 14px; }
  .how-works .hw-header { padding: 30px 20px; border-radius: 16px; margin-bottom: 36px; }
  .how-works .hw-header h2 { font-size: 26px; }
  .how-works .hw-header p { font-size: 15px; }
  .how-works .hw-steps { grid-template-columns: 1fr; gap: 16px; }
  .how-works .hw-cta { padding: 24px 20px; }
  .how-works .hw-cta p { font-size: 18px; }
  .how-works .hw-btns { width: 100%; flex-direction: column; }
  .how-works .hw-btns a { width: 100%; text-align: center; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8153b91 *//* ===== True Comfort - Service Areas ===== */
.service-areas { padding: 90px 20px; background-color: #F5F7FA; background-image: radial-gradient(#d3dae3 1.6px, transparent 1.6px); background-size: 24px 24px; font-family: "Segoe UI", Roboto, Arial, sans-serif; color: #1f2937; }
.service-areas * { box-sizing: border-box; }
.service-areas .container { max-width: 1240px; margin: 0 auto; }

/* Header panel */
.service-areas .sa-header { position: relative; overflow: hidden; text-align: center; max-width: 900px; margin: 0 auto 55px; padding: 44px 40px; border-radius: 22px; background: linear-gradient(135deg, #0a2540 0%, #0e4d5c 55%, #0e6b7a 100%); box-shadow: 0 18px 40px rgba(10,37,64,0.18); }
.service-areas .sa-header::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.12) 1.4px, transparent 1.4px); background-size: 20px 20px; pointer-events: none; }
.service-areas .sa-header::after { content: ""; position: absolute; width: 220px; height: 220px; left: -80px; bottom: -110px; border-radius: 50%; background: rgba(94,224,200,0.18); pointer-events: none; }
.service-areas .sa-header > * { position: relative; z-index: 1; }
.service-areas .section-tag { display: inline-block; background: rgba(255,255,255,0.12); color: #9ff0e1; border: 1px solid rgba(159,240,225,0.4); font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 6px 16px; border-radius: 50px; margin-bottom: 16px; }
.service-areas .sa-header h2 { font-size: 38px; line-height: 1.25; color: #fff; margin: 0 0 14px; }
.service-areas .highlight { color: #5ee0c8; background: linear-gradient(transparent 62%, rgba(94,224,200,0.25) 62%); padding: 0 4px; white-space: nowrap; }
.service-areas .sa-header p { font-size: 16.5px; line-height: 1.7; color: #cfe6ea; margin: 0 auto; max-width: 620px; }

/* Layout */
.service-areas .sa-wrap { display: grid; grid-template-columns: 1fr 1.15fr; gap: 30px; align-items: stretch; }

/* Map card */
.service-areas .sa-map-card { background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 6px 20px rgba(10,37,64,0.08); display: flex; flex-direction: column; }
.service-areas .sa-map { flex: 1; min-height: 260px; }
.service-areas .sa-map iframe { width: 100%; height: 100%; min-height: 260px; border: 0; display: block; }
.service-areas .sa-office { padding: 24px 26px 26px; border-top: 4px solid #0e6b7a; }
.service-areas .sa-office h3 { font-size: 20px; color: #0a2540; margin: 0 0 6px; }
.service-areas .sa-office p { font-size: 15px; line-height: 1.6; color: #5b6b7d; margin: 0 0 18px; }
.service-areas .sa-btns { display: flex; gap: 12px; flex-wrap: wrap; }
.service-areas .sa-btns a { flex: 1; text-align: center; padding: 12px 20px; border-radius: 50px; font-weight: 700; font-size: 15px; text-decoration: none; transition: all 0.3s ease; }
.service-areas .btn-book { background: #0e6b7a; color: #fff; border: 2px solid #0e6b7a; }
.service-areas .btn-book:hover { background: #0a2540; border-color: #0a2540; }
.service-areas .btn-call { background: transparent; color: #0e6b7a; border: 2px solid #0e6b7a; }
.service-areas .btn-call:hover { background: #0e6b7a; color: #fff; }

/* Area cards */
.service-areas .sa-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; align-content: start; }
.service-areas .sa-area { display: flex; align-items: center; gap: 16px; background: #fff; border-radius: 16px; padding: 20px; box-shadow: 0 6px 20px rgba(10,37,64,0.08); border-left: 4px solid #0e6b7a; transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease; }
.service-areas .sa-area:hover { transform: translateY(-6px); box-shadow: 0 14px 32px rgba(10,37,64,0.15); background: linear-gradient(135deg, #0e6b7a, #0a2540); }
.service-areas .sa-pin { flex-shrink: 0; width: 50px; height: 50px; border-radius: 14px; background: #e6ebf1; display: flex; align-items: center; justify-content: center; transition: background 0.3s ease; }
.service-areas .sa-pin svg { width: 26px; height: 26px; fill: none; stroke: #0e6b7a; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.3s ease; }
.service-areas .sa-area h4 { font-size: 18px; color: #0a2540; margin: 0 0 3px; transition: color 0.3s ease; }
.service-areas .sa-area p { font-size: 14px; color: #5b6b7d; margin: 0; transition: color 0.3s ease; }
.service-areas .sa-area:hover .sa-pin { background: #5ee0c8; }
.service-areas .sa-area:hover .sa-pin svg { stroke: #0a2540; }
.service-areas .sa-area:hover h4 { color: #fff; }
.service-areas .sa-area:hover p { color: #9ff0e1; }

/* Laptop */
@media (max-width: 1200px) {
  .service-areas .sa-wrap { gap: 22px; }
  .service-areas .sa-header h2 { font-size: 34px; }
}

/* Tablet */
@media (max-width: 992px) {
  .service-areas { padding: 70px 18px; }
  .service-areas .sa-wrap { grid-template-columns: 1fr; }
  .service-areas .sa-map, .service-areas .sa-map iframe { min-height: 300px; }
}

/* Mobile */
@media (max-width: 600px) {
  .service-areas { padding: 50px 14px; }
  .service-areas .sa-header { padding: 30px 20px; border-radius: 16px; margin-bottom: 36px; }
  .service-areas .sa-header h2 { font-size: 26px; }
  .service-areas .sa-header p { font-size: 15px; }
  .service-areas .sa-grid { grid-template-columns: 1fr; gap: 14px; }
  .service-areas .sa-area { padding: 16px; }
  .service-areas .sa-map, .service-areas .sa-map iframe { min-height: 240px; }
  .service-areas .sa-btns { flex-direction: column; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-81e71c9 *//* ===== True Comfort - Testimonials ===== */
.testimonials { padding: 90px 20px; background-color: #EAF6F8; background-image: radial-gradient(#b9d9df 1.6px, transparent 1.6px); background-size: 24px 24px; font-family: "Segoe UI", Roboto, Arial, sans-serif; color: #1f2937; }
.testimonials * { box-sizing: border-box; }
.testimonials .container { max-width: 1240px; margin: 0 auto; }

/* Header panel */
.testimonials .ts-header { position: relative; overflow: hidden; text-align: center; max-width: 900px; margin: 0 auto 55px; padding: 44px 40px; border-radius: 22px; background: linear-gradient(135deg, #0a2540 0%, #0e4d5c 55%, #0e6b7a 100%); box-shadow: 0 18px 40px rgba(10,37,64,0.18); }
.testimonials .ts-header::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.12) 1.4px, transparent 1.4px); background-size: 20px 20px; pointer-events: none; }
.testimonials .ts-header::after { content: ""; position: absolute; width: 220px; height: 220px; right: -70px; bottom: -110px; border-radius: 50%; background: rgba(94,224,200,0.18); pointer-events: none; }
.testimonials .ts-header > * { position: relative; z-index: 1; }
.testimonials .section-tag { display: inline-block; background: rgba(255,255,255,0.12); color: #9ff0e1; border: 1px solid rgba(159,240,225,0.4); font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 6px 16px; border-radius: 50px; margin-bottom: 16px; }
.testimonials .ts-header h2 { font-size: 38px; line-height: 1.25; color: #fff; margin: 0 0 14px; }
.testimonials .highlight { color: #5ee0c8; background: linear-gradient(transparent 62%, rgba(94,224,200,0.25) 62%); padding: 0 4px; white-space: nowrap; }
.testimonials .ts-header p { font-size: 16.5px; line-height: 1.7; color: #cfe6ea; margin: 0 auto; max-width: 620px; }

/* Cards */
.testimonials .ts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.testimonials .ts-card { position: relative; background: #fff; border-radius: 18px; padding: 34px 28px 28px; box-shadow: 0 6px 20px rgba(10,37,64,0.08); border-top: 4px solid #0e6b7a; display: flex; flex-direction: column; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.testimonials .ts-card:hover { transform: translateY(-8px); box-shadow: 0 14px 32px rgba(10,37,64,0.15); }
.testimonials .ts-quote { position: absolute; top: 6px; right: 22px; font-size: 90px; line-height: 1; font-family: Georgia, serif; color: #d7eef1; }
.testimonials .ts-stars { position: relative; color: #0e6b7a; font-size: 20px; letter-spacing: 3px; margin-bottom: 14px; }
.testimonials .ts-text { position: relative; flex: 1; font-size: 15.5px; line-height: 1.75; color: #5b6b7d; font-style: italic; margin: 0 0 24px; }
.testimonials .ts-user { display: flex; align-items: center; gap: 14px; padding-top: 18px; border-top: 1px solid #e3f4f6; }
.testimonials .ts-avatar { flex-shrink: 0; width: 50px; height: 50px; border-radius: 50%; background: linear-gradient(135deg, #0e6b7a, #0a2540); color: #fff; font-weight: 700; font-size: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 0 4px #e3f4f6; }
.testimonials .ts-user h4 { font-size: 17px; color: #0a2540; margin: 0 0 2px; }
.testimonials .ts-user div span { font-size: 14px; color: #0e6b7a; font-weight: 600; }

/* CTA */
.testimonials .ts-cta { margin-top: 50px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; background: linear-gradient(135deg, #0e6b7a 0%, #0a2540 100%); border-radius: 18px; padding: 26px 34px; }
.testimonials .ts-cta p { margin: 0; color: #fff; font-size: 20px; font-weight: 700; }
.testimonials .ts-btns { display: flex; gap: 12px; flex-wrap: wrap; }
.testimonials .ts-btns a { display: inline-block; padding: 13px 26px; border-radius: 50px; font-weight: 700; font-size: 15px; text-decoration: none; transition: all 0.3s ease; }
.testimonials .btn-review { background: transparent; color: #fff; border: 2px solid #fff; }
.testimonials .btn-review:hover { background: #fff; color: #0a2540; }
.testimonials .btn-book { background: #5ee0c8; color: #0a2540; border: 2px solid #5ee0c8; }
.testimonials .btn-book:hover { background: #fff; border-color: #fff; }

/* Laptop */
@media (max-width: 1200px) {
  .testimonials .ts-grid { gap: 20px; }
  .testimonials .ts-header h2 { font-size: 34px; }
}

/* Tablet */
@media (max-width: 992px) {
  .testimonials { padding: 70px 18px; }
  .testimonials .ts-grid { grid-template-columns: repeat(2, 1fr); }
  .testimonials .ts-card:last-child { grid-column: 1 / -1; max-width: 520px; width: 100%; justify-self: center; }
  .testimonials .ts-cta { flex-direction: column; text-align: center; }
  .testimonials .ts-btns { justify-content: center; }
}

/* Mobile */
@media (max-width: 600px) {
  .testimonials { padding: 50px 14px; }
  .testimonials .ts-header { padding: 30px 20px; border-radius: 16px; margin-bottom: 36px; }
  .testimonials .ts-header h2 { font-size: 26px; }
  .testimonials .ts-header p { font-size: 15px; }
  .testimonials .ts-grid { grid-template-columns: 1fr; gap: 16px; }
  .testimonials .ts-card:last-child { max-width: none; }
  .testimonials .ts-card { padding: 28px 22px 22px; }
  .testimonials .ts-cta { padding: 24px 20px; }
  .testimonials .ts-cta p { font-size: 18px; }
  .testimonials .ts-btns { width: 100%; flex-direction: column; }
  .testimonials .ts-btns a { width: 100%; text-align: center; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39e66b6 *//* ===== True Comfort - FAQs ===== */
.tc-faq { padding: 90px 20px; background-color: #F5F7FA; background-image: radial-gradient(#d3dae3 1.6px, transparent 1.6px); background-size: 24px 24px; font-family: "Segoe UI", Roboto, Arial, sans-serif; color: #1f2937; }
.tc-faq * { box-sizing: border-box; }
.tc-faq .container { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 50px; align-items: start; }

/* Left intro panel */
.tc-faq .faq-intro { position: sticky; top: 30px; overflow: hidden; padding: 46px 40px; border-radius: 22px; background: linear-gradient(135deg, #0a2540 0%, #0e4d5c 55%, #0e6b7a 100%); color: #fff; box-shadow: 0 18px 40px rgba(10,37,64,0.18); }
.tc-faq .faq-intro::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,0.12) 1.4px, transparent 1.4px); background-size: 20px 20px; pointer-events: none; }
.tc-faq .faq-intro::after { content: ""; position: absolute; width: 220px; height: 220px; right: -80px; bottom: -90px; border-radius: 50%; background: rgba(94,224,200,0.18); pointer-events: none; }
.tc-faq .faq-intro > * { position: relative; z-index: 1; }
.tc-faq .section-tag { display: inline-block; background: rgba(255,255,255,0.12); color: #9ff0e1; border: 1px solid rgba(159,240,225,0.4); font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 6px 16px; border-radius: 50px; margin-bottom: 16px; }
.tc-faq .faq-intro h2 { font-size: 38px; line-height: 1.2; color: #fff; margin: 0 0 16px; }
.tc-faq .highlight { color: #5ee0c8; background: linear-gradient(transparent 62%, rgba(94,224,200,0.25) 62%); padding: 0 4px; white-space: nowrap; }
.tc-faq .faq-intro p { font-size: 16px; line-height: 1.7; color: #cfe6ea; margin: 0 0 26px; }
.tc-faq .faq-btns { display: flex; gap: 12px; flex-wrap: wrap; }
.tc-faq .faq-btns a { display: inline-block; padding: 13px 24px; border-radius: 50px; font-weight: 700; font-size: 15px; text-decoration: none; transition: all 0.3s ease; }
.tc-faq .btn-main { background: #5ee0c8; color: #0a2540; border: 2px solid #5ee0c8; }
.tc-faq .btn-main:hover { background: #fff; border-color: #fff; }
.tc-faq .btn-line { background: transparent; color: #fff; border: 2px solid #fff; }
.tc-faq .btn-line:hover { background: #fff; color: #0a2540; }

/* Accordion */
.tc-faq .faq-list { display: flex; flex-direction: column; gap: 14px; }
.tc-faq .faq-item { background: #fff; border-radius: 14px; box-shadow: 0 6px 20px rgba(10,37,64,0.07); border-left: 4px solid transparent; transition: border-color 0.3s ease, box-shadow 0.3s ease; }
.tc-faq .faq-item:hover { box-shadow: 0 10px 26px rgba(10,37,64,0.12); }
.tc-faq .faq-item[open] { border-left-color: #0e6b7a; }
.tc-faq .faq-item summary { list-style: none; cursor: pointer; position: relative; padding: 20px 64px 20px 24px; font-size: 17px; font-weight: 700; color: #0a2540; line-height: 1.45; }
.tc-faq .faq-item summary::-webkit-details-marker { display: none; }
.tc-faq .faq-item summary::after { content: "+"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border-radius: 50%; background: #e6ebf1; color: #0e6b7a; font-size: 22px; font-weight: 600; display: flex; align-items: center; justify-content: center; transition: background 0.3s ease, color 0.3s ease; }
.tc-faq .faq-item[open] summary::after { content: "\2212"; background: #0e6b7a; color: #fff; }
.tc-faq .faq-item[open] summary { color: #0e6b7a; }
.tc-faq .faq-answer { padding: 0 24px 22px; }
.tc-faq .faq-answer p { margin: 0; padding-top: 14px; border-top: 1px solid #e6ebf1; font-size: 15.5px; line-height: 1.7; color: #5b6b7d; }

/* Laptop */
@media (max-width: 1200px) {
  .tc-faq .container { gap: 34px; }
  .tc-faq .faq-intro { padding: 40px 32px; }
  .tc-faq .faq-intro h2 { font-size: 34px; }
}

/* Tablet */
@media (max-width: 992px) {
  .tc-faq { padding: 70px 18px; }
  .tc-faq .container { grid-template-columns: 1fr; }
  .tc-faq .faq-intro { position: relative; top: 0; text-align: center; }
  .tc-faq .faq-btns { justify-content: center; }
}

/* Mobile */
@media (max-width: 600px) {
  .tc-faq { padding: 50px 14px; }
  .tc-faq .faq-intro { padding: 30px 20px; border-radius: 16px; }
  .tc-faq .faq-intro h2 { font-size: 27px; }
  .tc-faq .faq-intro p { font-size: 15px; }
  .tc-faq .faq-btns a { width: 100%; text-align: center; }
  .tc-faq .faq-item summary { padding: 16px 56px 16px 18px; font-size: 15.5px; }
  .tc-faq .faq-item summary::after { right: 14px; width: 28px; height: 28px; font-size: 20px; }
  .tc-faq .faq-answer { padding: 0 18px 18px; }
  .tc-faq .faq-answer p { font-size: 15px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-df76629 */.tc-about, .tc-about * { box-sizing: border-box; }

.tc-about {
  width: 100%;
  padding: 80px 20px;
  background-color: #EAF6F8;
  background-image: radial-gradient(#b5d6dc 1.3px, transparent 1.3px);
  background-size: 22px 22px;
  font-family: inherit;
}

.tc-about-wrap {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

/* Image */
.tc-about-img {
  position: relative;
}
.tc-about-img img {
  display: block;
  width: 100%;
  height: 440px;
  object-fit: cover;
  border-radius: 22px;
  box-shadow: 0 18px 40px rgba(21, 86, 110, 0.20);
}
.tc-about-badge {
  position: absolute;
  right: -18px;
  bottom: 28px;
  background: #15566E;
  color: #FFFFFF;
  padding: 16px 22px;
  border-radius: 16px;
  box-shadow: 0 12px 28px rgba(21, 86, 110, 0.30);
  border: 4px solid #FFFFFF;
}
.tc-about-badge b {
  display: block;
  font-size: 17px;
  font-weight: 800;
}
.tc-about-badge span {
  display: block;
  font-size: 13px;
  opacity: 0.9;
  margin-top: 3px;
}

/* Text */
.tc-about-tag {
  display: inline-block;
  background: #FFFFFF;
  color: #15566E;
  border: 1px solid rgba(21, 86, 110, 0.25);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 8px 16px;
  border-radius: 50px;
  margin-bottom: 18px;
}
.tc-about-text h2 {
  color: #15566E;
  font-size: 38px;
  line-height: 1.25;
  font-weight: 800;
  margin: 0 0 18px;
}
.tc-about-text p {
  color: #2f4f5a;
  font-size: 16px;
  line-height: 1.8;
  margin: 0 0 22px;
}

.tc-about-list {
  list-style: none;
  margin: 0 0 30px;
  padding: 0;
}
.tc-about-list li {
  position: relative;
  padding-left: 34px;
  margin-bottom: 14px;
  color: #15566E;
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.5;
}
.tc-about-list li::before {
  content: "\2713";
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #15566E;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tc-about-btn {
  display: inline-block;
  background: #15566E;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: 700;
  padding: 14px 32px;
  border-radius: 50px;
  text-decoration: none;
  border: 2px solid #15566E;
  transition: 0.3s;
}
.tc-about-btn:hover {
  background: #FFFFFF;
  color: #15566E;
}

/* Laptop */
@media (max-width: 1200px) {
  .tc-about-wrap { gap: 44px; }
  .tc-about-text h2 { font-size: 34px; }
  .tc-about-badge { right: 16px; }
}

/* Tablet */
@media (max-width: 992px) {
  .tc-about { padding: 60px 20px; }
  .tc-about-wrap {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .tc-about-img img { height: 400px; }
  .tc-about-text h2 { font-size: 30px; }
}

/* Mobile */
@media (max-width: 600px) {
  .tc-about { padding: 48px 16px; }
  .tc-about-img img { height: 260px; border-radius: 16px; }
  .tc-about-badge {
    right: 12px;
    bottom: 12px;
    padding: 10px 14px;
    border-width: 3px;
  }
  .tc-about-badge b { font-size: 14px; }
  .tc-about-badge span { font-size: 12px; }
  .tc-about-text h2 { font-size: 25px; }
  .tc-about-text p { font-size: 15px; }
  .tc-about-btn { display: block; text-align: center; }
}/* End custom CSS */