/* =========================================================
   PROBLITZ MASTER LUXURY BUTTON — .btn-gold
   ========================================================= */
.btn-gold {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 6px;

    background: linear-gradient(135deg, #ecd48f 0%, #c9a552 100%);
    color: #000;
    font-weight: 700;
    font-size: 18px;

    padding: 14px 28px;
    border-radius: 40px;

    text-decoration: none;
    border: none;

    box-shadow: 0 6px 18px rgba(195, 160, 73, 0.35);
    transition: all .25s ease;
}

.btn-gold:hover {
    background: linear-gradient(135deg, #e1c178 0%, #b8943e 100%);
    color: #000;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(195, 160, 73, 0.45);
    text-decoration: none;
}

.btn-gold i,
.btn-gold svg {
    margin-left: 4px;
    font-size: 18px;
}



     /* ✅ Bring bullets back and make them match body text */
            .rich-content ul {
                list-style: disc !important;
                margin-left: 22px !important;
                padding-left: 22px !important;
            }

            .rich-content ol {
                list-style: decimal !important;
                margin-left: 22px !important;
                padding-left: 22px !important;
            }

            .rich-content li {
                display: list-item !important;
                font-weight: 400 !important;
                color: #607083 !important;
                line-height: 1.7 !important;
                margin-bottom: 6px !important;
            }


               .container7 {

                    text-align: center;
                }


            	.checked {
                color: orange;
                }



                /* 🌟 HOMEPAGE CALLBACK FORM */
                .callback-form{
                display:flex;
                justify-content:center;
                align-items:center;
                flex-wrap:wrap;
                gap:8px;
                margin-top:16px;
                width:100%;
                }

                /* NEW: row wrapper used in your HTML */
                .callback-row{
                display:flex;
                align-items:stretch;
                gap:8px;
                width:100%;
                justify-content:center;
                flex-wrap:wrap; /* keeps desktop inline but allows wrap if space is tight */
                }

                .callback-input,
                .callback-select{
                background:rgba(255,255,255,0.95);
                border:1px solid #f5d67c;
                border-radius:8px;
                padding:12px 16px;
                font-size:15px;
                color:#222;
                min-width:180px;
                height:45px;
                line-height:1.4;
                box-sizing:border-box;     /* ensures width includes padding */
                }

                /* 🌟 Dropdown (custom gold arrow) */
                .callback-select{
                appearance:none;
                -webkit-appearance:none;
                -moz-appearance:none;
                padding:12px 42px 12px 16px;
                background-image:url("data:image/svg+xml;utf8,<svg fill='%23d9a441' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
                background-repeat:no-repeat;
                background-position:right 12px center;
                background-size:14px;
                }
                .callback-select:focus{outline:none;border-color:#d9a441;}

                /* 🌟 Gold buttons (hero + form) */
                .btn-gold,
                .callback-btn{
                background:linear-gradient(90deg,#d9a441,#f5d67c);
                border:none;
                border-radius:8px;
                color:#000;
                font-weight:600;
                font-size:15px;
                padding:11px 26px;
                cursor:pointer;
                transition:all .3s ease;
                display:inline-flex;
                align-items:center;
                justify-content:center;
                text-decoration:none;
                box-shadow:0 3px 6px rgba(0,0,0,.25);
                height:45px;
                }
                .btn-gold:hover,
                .callback-btn:hover{
                background:linear-gradient(90deg,#f5d67c,#d9a441);
                transform:translateY(-2px);
                box-shadow:0 0 10px rgba(245,214,124,.5);
                }

                /* 🌟 Responsive */
                @media (max-width: 768px){
                .callback-row{
                    flex-direction:column;
                    align-items:center;      /* center fields */
                    gap:10px;
                }
                .callback-input,
                .callback-select,
                .callback-btn{
                    width:min(92vw, 380px);  /* full but not too wide */
                    max-width:380px;
                }
                .callback-btn{margin-top:4px;}
                }

                /* tiny phones */
                @media (max-width: 420px){
                .callback-input,
                .callback-select,
                .callback-btn{
                    width:95vw;
                    font-size:14px;
                }
                }



                /* For whatsapp button
                /* 🌟 Utility Buttons (floating WhatsApp, etc.) */
                .whatsapp-float {
                position: fixed;
                width: 60px;
                height: 60px;
                bottom: 25px;
                right: 25px;
                background-color: #25D366;
                color: #fff;
                border-radius: 50%;
                text-align: center;
                font-size: 28px;
                box-shadow: 0 6px 15px rgba(0,0,0,0.2);
                z-index: 100;
                transition: all 0.3s ease-in-out;
                }
                .whatsapp-float:hover {
                transform: scale(1.05);
                background-color: #22c35e;
                }
                .my-float {
                margin-top: 16px;
                }


                        #bottom-icons {
                    position: fixed;
                    bottom: 20px;
                    left: 50%;
                    transform: translateX(-50%);
                    display: flex;
                    justify-content: space-between;
                    width: 150px;  /* Adjust the spacing as needed */
                    z-index: 1000;
                }

                #bottom-icons a {
                    text-decoration: none;
                }

                #bottom-icons img {
                    width: 50px;  /* Adjust the size of the icons */
                    height: 50px;
                    cursor: pointer;
                }

                /* Mobile-only styles */
                @media (max-width: 768px) {
                    #bottom-icons {
                        display: flex;
                    }
                }

                /* Hide icons on larger screens */
                @media (min-width: 769px) {
                    #bottom-icons {
                        display: none;
                    }
                }