/* CSS Document */

 .callback-panel {
            display: none;
            position: fixed;
            top: 0;
            right: 0;
            width: 300px;
            height: 100vh !important; /* Full height of the viewport */
            background-color: rgba(78, 83, 140, 0.9);
			color:#fff;
            padding: 2%;
            z-index: 999999;
            transform: translateX(100%);
            transition: transform 0.3s ease;
			overflow-x: hidden; /* Prevent horizontal scrolling */
			overflow-y: auto !important;
        }

        .callback-panel.open {
            display: block;
            transform: translateX(0);
        }
	.callback-panel h2 {font-size:1.2rem !important;font-weight:bold;color:#fff !important;}
	.callback-panel h2 span.blue, .give-a-call span.blue {color:#5cbad2 !important;}
	 .give-a-call {color:#fff !important;font-family: "Merriweather", serif !important;margin-top:10px !important;}
	.enquire-tel {font-size:1.2rem;color:#fff !important;font-family: "Merriweather", serif !important;}
        #callback-close-panel {
        background: transparent;
        color: white;
        border: none;
        padding: 10px;
        cursor: pointer;
		width:100%;
		text-align:right;
		position: sticky; 
		top: 0;
    }
.callback-panel .wpcf7-text, .callback-panel .wpcf7-textarea, .callback-panel select {width:96%;}
#callback-panel input.wpcf7-submit {margin:15px 0 !important;}

@media (max-width: 768px) {
	
	 .callback-panel {
            width: 92%;
		    padding: 4%;
        }
	.callback-panel form {width:92%;}
	.callback-panel .wpcf7-text, .callback-panel .wpcf7-textarea, .callback-panel select {width:100%;}
	
}