/* ====== styles for contact details====== */
.contact-card {
            transition: all 0.3s ease;
            background: #dee7f3;
        }

        .contact-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        }

        .contact-card:hover {
            background: #e63946;
            /* Red background on hover */
            color: #fff;
            /* White text */
            transform: translateY(-8px);
            box-shadow: 0 8px 25px rgba(230, 57, 70, 0.3);
        }

        /* Change text + links to white when hovering */
        .contact-card:hover h5,
        .contact-card:hover p,
        .contact-card:hover small,
        .contact-card:hover a {
            color: #fff !important;
        }

        /* Icon wrapper invert on hover */
        .contact-card:hover .icon-wrapper {
            background: #fff;
            color: #e63946;
        }

        .icon-wrapper {
            width: 70px;
            height: 70px;
            margin: 0 auto;
            border-radius: 50%;
            background: #f0f8ff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
            color: rgb(183, 21, 39);
        }

        a {
            color: rgb(183, 21, 39);
            text-decoration: none;
        }
        .mb-1 a {
           font-size: 14px;
        }

        /* ====== styles for form details====== */
         .contact-section {
            padding: 60px 0;
            background: #e1e5f7;
        }

        .contact-card {
            background: #d5daf4;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
            padding: 30px;
        }

        .btn-custom {
            background: #0b1531;
            color: #fff;
            border-radius: 30px;
            padding: 10px 25px;
            border: none;
            transition: 0.3s;
            cursor: pointer;
        }

        .btn-custom:hover {
            background: #000000;
        }