.homfix-services{display:grid;grid-template-columns:repeat(5,1fr);gap:20px} .homfix-service-card{position:relative;overflow:hidden;border-radius:15px;height:320px} .homfix-service-card img{width:100%;height:100%;object-fit:cover} .homfix-service-card:before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.2));transition:.4s} .homfix-service-card:hover:before{background:linear-gradient(to top,rgba(242,12,31,.95),rgba(242,12,31,.65))} .homfix-service-content{position:absolute;left:0;bottom:0;padding:20px;z-index:2} .homfix-service-content h5{color:#fff;font-size:20px;font-weight:700;margin-bottom:10px} .homfix-service-content p{color:#fff;} @media(max-width:1199px){.homfix-services{grid-template-columns:repeat(3,1fr)}} @media(max-width:991px){.homfix-services{grid-template-columns:repeat(2,1fr)}} @media(max-width:767px){.homfix-services{ grid-template-columns: revert-rule;}.homfix-service-card{height:350px}} 
 .thankyou-btns{ display:flex; justify-content:center; align-items:center; gap:10px; flex-wrap:wrap; } .thank-btn{ min-width:160px; height:48px; padding:0 20px; border-radius:50px; display:flex; align-items:center; justify-content:center; text-decoration:none; white-space:nowrap; transition:.3s; } .btn-home{ background:#000; color:#fff; } .btn-home:hover{ background:#222; color:#fff; } .btn-whatsapp{ background:#00b544; color:#fff; } .btn-whatsapp:hover{ background:#00963a; color:#fff; } @media(max-width:576px){ .thankyou-btns{ flex-wrap: nowrap; } .thank-btn{ width:100%; max-width:320px; min-width:auto; } } header.main-header { z-index: 100; border-bottom: 1px solid #ccc; } .thankyou-card{ background:#fff; border-radius:40px; padding:30px 25px; text-align:center; box-shadow:0 15px 50px rgba(0,0,0,.05); border:1px solid #f4e8ed; } .success-icon{ width:100px; height:100px; margin:auto 0 15px; margin-left:auto; margin-right:auto; border-radius:50%; background:linear-gradient(135deg,#e4282e,#e4282e); display:flex; align-items:center; justify-content:center; color:#fff; font-size:50px; box-shadow:0 15px 40px rgba(255,79,160,.25); } .thankyou-card h1{ font-size:25px; font-weight:800; color:#111; margin-bottom:10px; } .info-box{ background: #fff8fb; border: 2px solid #ffd3e5; border-radius: 25px; padding: 17px 30px; font-size: 17px; color: #444; margin-bottom: 25px; line-height: 30px; } /* Mobile */ @media(max-width:768px){ .thankyou-card{ padding:35px 20px; border-radius:30px; } .success-icon{ width:120px; height:120px; font-size:50px; } .thankyou-card h1{ font-size:42px; } .main-text{ font-size:18px; } .sub-text{ font-size:18px; } .info-box{ font-size:18px; padding:18px; } } 
 .trust-points-list ul{ list-style:none; padding:0; margin:0; } .trust-points-list ul li{ display:flex; align-items:flex-start; gap:12px; margin-bottom:10px; } .trust-points-list ul li i{ color:#fff; font-size:18px; margin-top:5px; flex-shrink:0; } .trust-points-list ul li span{ color:#fff; line-height:1.7; flex:1; } .project-entry ul{ padding:0; margin:0; list-style:none; } .project-entry ul li{ display:flex; align-items:flex-start; gap:8px; margin-bottom:10px; } .project-entry ul li i{ color:#e31e24; font-size:18px; margin-top:5px; flex-shrink:0; } .project-entry ul li span{ flex:1; line-height:1.7; } 
 .homfix-package-section { background: #fff; } .package-table { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; border-radius: 25px; overflow: hidden; box-shadow: 0 15px 40px rgba(0, 0, 0, .08); } .package-table thead th { background: #081f52; color: #fff; padding: 15px; text-align: center; position: relative; border-right: 1px solid rgb(255 255 255 / 76%); } .package-table thead th:first-child { text-align: left; width: 25%; } .package-table thead h4 { color: #d4aa48; font-size: 19px; margin-bottom: 0px; margin-top: 7px; font-weight: 800; } .package-table thead span { font-size: 17px; } .package-table thead small { font-size: 16px; opacity: .8; } .recommend-tag { position: absolute; top: -9px; left: 50%; transform: translateX(-50%); z-index: 99999; background: #d4aa48; color: #081f52; padding: 3px 12px; border-radius: 5px; font-size: 12px; font-weight: 600; white-space: nowrap; } .package-table-wrapper { overflow: visible !important; } .package-table { overflow: visible !important; } .package-table thead th { position: relative; } .recommended { position: relative; } .package-table td { padding: 8px 7px; border: 1px solid #e5e7eb; color: #5f6c84; font-size: 13px; } .package-table td strong { color: #132b59; font-size: 13px; font-weight: 600; } .category-row td { background: #fafafa; color: #d4aa48; font-size: 14px; border-top: 0; font-weight: 600; } @media (max-width:767px){ .package-table-wrapper { overflow: scroll !important; } .package-table { overflow: scroll !important; } .recommend-tag { top: 0px; } .homfix-package-section { padding: 50px 0; } .package-table thead h4 { font-size: 11px; } .package-table thead span { font-size: 11px; } .package-table td { padding: 6px 4px; font-size: 11px; } .package-table td strong { font-size: 9px; } .package-table thead th { padding-bottom: 7px; } .package-table .btn-default::before { display: none; } .btn-default { padding: 9px 12px; font-size: 9px; } .package-table thead small { font-size: 12px; } }