
 * { margin:0; padding:0; box-sizing:border-box; }
        body { font-family: 'Roboto', Arial, sans-serif; background:#f0f0f0; }
        /* Contact & Form Container */
        .container-custom {
            position: relative;
            max-width: 1000px;
            margin: 50px auto;
            height: 680px;
        }
        .left-section {
            position: absolute;
            top: 0; left: 0;
            width: 55%;
            height: 620px;
            background: #fff;
            z-index:1;
            padding: 40px;
        }
        .left-section::after {
            content:'';
            position:absolute;
            bottom:0; left:0;
            width:300px; height:300px;
            background:#0a1f44;
            clip-path: polygon(0% 100%, 100% 100%, 0% 0%);
        }
        .intro { color: #777; max-width: 300px; font-size:16px; }

        .right-section {
            position: absolute;
            top:0; right:0;
            width:55%;
            height:540px;
            background:#f8f4eb;
            z-index:2;
            padding: 80px 50px 50px 50px;
        }

        .contact-info { max-width:360px; margin-left:auto; }
        .contact-item { display:flex; gap:14px; align-items:flex-start; margin-bottom:22px; }
        .contact-icon {
            width:36px; height:36px; border-radius:50%;
            background:#f1ede4; color:#0a1f44;
            display:flex; align-items:center; justify-content:center;
            font-size:15px; flex-shrink:0;
        }
        .contact-item h4 { font-size:14px; color:#777; margin-bottom:4px; font-weight:normal; }
        .contact-item p { font-size:15px; color:#000; line-height:1.45; font-weight:normal; }

        /* Form Box */
        .inner-box {
            position: absolute;
            top:80px; left:70px;
            width:45%;
            height:500px;
            background:#fff;
            border:3px solid #f3e8d8;
            border-radius:14px;
            z-index:3;
            padding:30px;
            box-shadow:0 10px 25px rgba(0,0,0,0.08);
        }
        .form-group { margin-bottom:14px; }
        label { display:block; font-size:14px; margin-bottom:6px; }
        input, textarea {
            width:100%; padding:10px; border:1px solid #ddd; outline:none;
        }
        textarea { height:60px; resize:none; } /* Reduced height */
        button {
            background:#0a1f44;
            color:#fff;
            border:none;
            padding:11px 30px;
            border-radius:22px;
            cursor:pointer;
            display:inline-block;
        }
.form-group.submit-container { 
        text-align: right; 
        padding-right: 50px; /* INCREASED from 50px to 100px */
    }

        @media (max-width:768px) {
            .container-custom { height:auto; }
            .left-section, .right-section, .inner-box {
                position:static; width:100%; height:auto; margin-bottom:20px;
            }
            .left-section::after { display:none; }
            .contact-info { margin-left:0; }
        }
		
    /* Update the base state to Orange */
.back-to-top {
    /* Replace with your specific Orange color code */
    background-color: #FD7E14 !important; 
    color: #ffffff !important; /* Keep the arrow white */
}

/* Update the hover state to Blue */
.back-to-top:hover {
    /* Replace with your specific Blue color code */
    background-color: #secondary !important;
}