.blogs-main{background-color:#fff;font-family:Poppins,sans-serif}.blogs-banner{background:url(https://rameehotels.com/images/ramee-blogs-banner.webp) 50%/cover no-repeat;justify-content:center;align-items:center;height:300px;display:flex;position:relative;overflow:hidden}.blogs-banner:before{content:"";z-index:1;background-color:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.banner-content{text-align:left;z-index:2;color:#fff;position:absolute;bottom:40px;left:8%}.banner-sub{color:#fff;margin-bottom:6px;font-size:16px}.banner-title{color:#fff;font-size:42px;font-weight:700}.blogs-grid-section{background-color:#fff;padding:60px 8%}.blogs-grid{grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:35px;display:grid}.blog-card{background:#fff;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 8px 25px #0000000f}.blog-card:hover{transform:translateY(-6px)}.blog-image-container{position:relative;overflow:hidden}.blog-image-container img{object-fit:cover;width:100%;height:100%}.blog-image-container .tag{color:#fff;text-transform:uppercase;background:#b48f4d;border-radius:5px;padding:5px 12px;font-size:12px;position:absolute;top:15px;left:15px}.blog-body{text-align:left;padding:20px}.blog-body h3{color:#000;margin-bottom:10px;font-size:17px;line-height:1.5}.blog-body p{color:#555;margin-bottom:20px;font-size:15px;line-height:1.6;text-align:justify!important}.readmore{color:#b48f4d;border-bottom:2px solid #b48f4d;text-decoration:none;transition:all .3s;display:inline-block}.readmore:hover{color:#b48f4d;border-color:#b48f4d}.heart-care-guidance{text-align:center;background:#fff5f5;padding:10px 8%}.guidance-container{background:#fff5f5;border-radius:16px;max-width:850px;margin:0 auto;padding:40px 20px;box-shadow:0 6px 25px #00000014}.guidance-container h3{color:#333;margin-bottom:10px;font-size:18px}.guidance-container h2{color:#b48f4d;margin-bottom:25px;font-size:26px}.guidance-form{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.guidance-form input{border:1px solid #ccc;border-radius:25px;outline:none;width:250px;padding:12px 18px;font-size:15px}.guidance-form button{color:#fff;cursor:pointer;background:#b48f4d;border:none;border-radius:25px;padding:12px 28px;font-size:15px;transition:all .3s}.guidance-form button:hover{background:#b48f4d}@media (max-width:768px){.banner-title{font-size:30px}.blogs-grid{grid-template-columns:1fr}.guidance-form input,.guidance-form button{width:100%}}.single-blog-container{background:#fafafa}.single-blog-wrapper{justify-content:space-between;gap:40px;max-width:1300px;margin:30px auto;padding:0 20px;display:flex}.single-blog-left{flex:2}.single-blog-right{flex:1}.single-blog-title{color:#b48f4d;margin-bottom:10px;font-size:32px}.single-blog-content h2{color:#b48f4d;font-size:25px;text-align:left!important}.single-blog-content h3{color:#b48f4d;font-size:22px;text-align:left!important}.single-blog-date{color:#777;margin-bottom:20px;font-size:14px;display:none}.single-blog-image{justify-content:center;align-items:center;margin-bottom:25px}.single-blog-image img{object-fit:cover;border-radius:10px;width:100%;box-shadow:0 4px 12px #00000026}@media (max-width:768px){.single-blog-title{font-size:20px}}.single-blog-content{color:#333;text-align:justify;font-size:17px;line-height:1.7}@media (max-width:768px){.single-blog-content{text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;font-size:14px;line-height:1.6}}.single-blog-content p{margin-bottom:12px;text-align:justify!important}.sticky-form{background:#fff;border-radius:10px;padding:20px 30px 20px 10px;position:sticky;top:100px}.form-heading{color:#b48f4d;margin-bottom:20px;font-size:22px}.contact-form input,.contact-form textarea{border:1px solid #ccc;border-radius:8px;outline:none;width:100%;margin-bottom:15px;padding:12px;font-size:15px;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#b48f4d}.contact-form button{color:#fff;cursor:pointer;background:#b48f4d;border:none;border-radius:8px;width:100%;padding:12px;font-weight:600;transition:all .3s}.contact-form button:hover{background:#b48f4d}@media (max-width:900px){.single-blog-wrapper{flex-direction:column}.single-blog-image img{width:100%;height:auto}.single-blog-right{margin-top:40px}}