/* Start custom CSS for html, class: .elementor-element-3479ac1 */.contact-page-wrapper {
            font-family: 'Arial', sans-serif;
            color: #333333;
            background: linear-gradient(135deg, #f5fafa 0%, #ffffff 100%);
            padding: 60px 0;
            min-height: 100vh;
        }

        .contact-page-wrapper .container {
            width: 90%;
            max-width: 1100px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Common heading style with floating effect */
        .contact-page-wrapper h2 {
            font-size: 30px;
            font-weight: 700;
            color: #45b192;
            margin-bottom: 30px;
            position: relative;
            display: inline-block;
            transition: transform 0.3s ease;
        }

        .contact-page-wrapper h2:hover {
            transform: translateY(-3px);
        }

        .contact-page-wrapper h2::after {
            content: '';
            display: block;
            width: 60px;
            height: 4px;
            background: linear-gradient(to right, #45b192, #0c7493);
            margin-top: 5px;
            border-radius: 2px;
        }

        /* Contact Details Section */
        .hrpharmacy-contact-details {
            margin-bottom: 60px;
            animation: slideIn 0.5s ease-out;
        }

        .hrpharmacy-contact-details .details-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
           
        }

        .hrpharmacy-contact-details .detail-item {
            padding: 15px;
            border-radius: 8px;
            transition: background-color 0.3s ease;
             background:white;
            text-align: center;
        }

        .hrpharmacy-contact-details .detail-item:hover {
            background-color: rgba(69, 177, 146, 0.1);
        }

        .hrpharmacy-contact-details .detail-item h3 {
            font-size: 18px;
            font-weight: 600;
            color: #0c7493;
            margin-bottom: 5px;
            display: flex;
            align-items: center;
            gap: 10px;
            justify-content: center;
        }

        .hrpharmacy-contact-details .detail-item h3 span {
            font-size: 20px;
        }

        .hrpharmacy-contact-details .detail-item p {
            font-size: 16px;
            line-height: 1.5;
            margin: 0;
            font-weight: 500;
        }

        /* Contact Form Section */
        .hrpharmacy-contact-form {
            margin-bottom: 60px;
            animation: slideIn 0.5s ease-out 0.2s;
            animation-fill-mode: backwards;
            width: 100%; /* Full width */
        }

        .hrpharmacy-contact-form p {
            font-size: 16px;
            line-height: 1.9;
            margin-bottom: 20px;
        }

        /* Contact Form 7 Styling */
        .hrpharmacy-contact-form .wpcf7-form {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }

        .hrpharmacy-contact-form .wpcf7-form p {
            flex: 1 1 48%; /* Two columns for most fields */
            min-width: 250px;
            margin: 0;
        }

        .hrpharmacy-contact-form .wpcf7-form p:last-of-type {
            flex: 1 1 100%; /* Full width for submit button */
        }

        .hrpharmacy-contact-form .wpcf7-form label {
            display: block;
            font-size: 14px;
            font-weight: 600;
            color: #0c7493;
            margin-bottom: 5px;
        }

        .hrpharmacy-contact-form .wpcf7-form input[type="text"],
        .hrpharmacy-contact-form .wpcf7-form input[type="email"],
        .hrpharmacy-contact-form .wpcf7-form textarea {
            width: 100%;
            padding: 10px;
            margin: 10px 0px;
            font-size: 16px;
            font-family: 'Arial', sans-serif;
            color: #333333;
            border: 1px solid #0c7493;
            border-radius: 5px;
            box-sizing: border-box;
            transition: border-color 0.3s ease;
        }

        .hrpharmacy-contact-form .wpcf7-form input[type="text"]:focus,
        .hrpharmacy-contact-form .wpcf7-form input[type="email"]:focus,
        .hrpharmacy-contact-form .wpcf7-form textarea:focus {
            border-color: #45b192;
            outline: none;
        }

        .hrpharmacy-contact-form .wpcf7-form textarea {
            height: 120px;
            resize: vertical;
        }

        .hrpharmacy-contact-form .wpcf7-form input[type="submit"] {
            background-color: #45b192;
            color: #ffffff;
            border: none;
            padding: 12px 30px;
            font-size: 16px;
            font-weight: 600;
            border-radius: 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }

        .hrpharmacy-contact-form .wpcf7-form input[type="submit"]:hover {
            background-color: #0c7493;
        }

        /* Map Section */
        .hrpharmacy-map {
            animation: slideIn 0.5s ease-out 0.4s;
            animation-fill-mode: backwards;
        }

        .hrpharmacy-map iframe {
            width: 100%;
            height: 450px;
            border: 0;
            border-radius: 12px;
            filter: brightness(1.05);
            transition: filter 0.3s ease;
        }

        .hrpharmacy-map iframe:hover {
            filter: brightness(1.1);
        }

        /* Slide-in animation for sections */
        @keyframes slideIn {
            from {
                opacity: 0;
                transform: translateX(-20px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .contact-page-wrapper .container {
                width: 95%;
                padding: 0 15px;
            }

            .contact-page-wrapper h2 {
                font-size: 24px;
            }

            .hrpharmacy-contact-details .details-grid {
                grid-template-columns: 1fr;
            }

            .hrpharmacy-contact-details .detail-item {
                padding: 10px;
            }

            .hrpharmacy-contact-details .detail-item h3 {
                font-size: 16px;
            }

            .hrpharmacy-contact-details .detail-item p,
            .hrpharmacy-contact-form p {
                font-size: 14px;
            }

            .hrpharmacy-contact-form .wpcf7-form p {
                flex: 1 1 100%;
            }

            .hrpharmacy-map iframe {
                height: 350px;
            }
        }

        @media (max-width: 480px) {
            .contact-page-wrapper h2 {
                font-size: 20px;
            }

            .hrpharmacy-contact-details .detail-item h3 {
                font-size: 14px;
            }

            .hrpharmacy-contact-details .detail-item h3 span {
                font-size: 18px;
            }

            .hrpharmacy-contact-details .detail-item p,
            .hrpharmacy-contact-form p {
                font-size: 13px;
            }

            .hrpharmacy-contact-form .wpcf7-form input[type="text"],
            .hrpharmacy-contact-form .wpcf7-form input[type="email"],
            .hrpharmacy-contact-form .wpcf7-form textarea {
                font-size: 14px;
            }

            .hrpharmacy-contact-form .wpcf7-form input[type="submit"] {
                font-size: 14px;
                padding: 10px 20px;
            }

            .hrpharmacy-map iframe {
                height: 250px;
            }
        }/* End custom CSS */