/* Button used to open the chat form - fixed at the bottom of the page */
        .open-button {
          background-color: green;
          color: white;
          padding: 10px 15px;
          border: none;
          cursor: pointer;
          opacity: 0.8;
          position: fixed;
          bottom: 23px;
          right: 100px;
          width: auto;
        }
        /* The popup chat - hidden by default */
        .chat-popup {
          display: none;
          position: fixed;
          bottom: 0;
          right: 90px;
          border: 3px solid #f1f1f1;
          z-index: 9;
        }
        /* Add styles to the form container */
        .form-container {
          max-width: 300px;
          padding: 10px;
          background-color: white;
        }
        /* Set a style for the submit/send button */
        .form-container .btn {
          background-color: #4CAF50;
          color: white;
          padding: 10px 10px;
          border: none;
          cursor: pointer;
          width: 100%;
          margin-bottom:10px;
          opacity: 0.8;
        }
        /* Add a red background color to the cancel button */
        .form-container .cancel {
          background-color: red;
        }
        /* Add some hover effects to buttons */
        .form-container .btn:hover, .open-button:hover {
          opacity: 1;
        }

        /* for search */
        .top-header .search-container {
            float: right;
        }
        .top-header input[type=text] {
            padding: 6px;
            margin-top: 24px;
            font-size: 15px;
            border: none;
            width: 300px;
        }
        .top-header .search-container button {
            float: right;
            padding: 6px 10px;
            margin-top: 24px;
            margin-right: -20px;
            background: #ddd;
            font-size: 15px;
            border: none;
            cursor: pointer;
        }
        .top-header .search-container button:hover {
            background: #ccc;
        }
        @media screen and (max-width: 600px) {
            .top-header .search-container {
                float: none;
            }
            .top-header a, .top-header input[type=text], .top-header .search-container button {
                float: none;
                display: block;
                text-align: left;
                width: 100%;
                margin: 0;
                padding: 14px;
            }
            .top-header input[type=text] {
                border: 1px solid #ccc;  
            }
        }

        /*  google traslate */
        #goog-gt-tt{ display: none !important; top: 0px !important; }
        #google_translate_element{ height: 22px;    }

        .main-header .header-top-bar .top-left:after {
          left: -856px !important;
        }
        

        /* For Menu */
        .main-menu .navigation > li {
            margin-right: 20px;
        }

        .colorborder {
            background: #062D55 none repeat scroll 0 0;
        }
        .colorborder::after {
            background: #062D55 none repeat scroll 0 0;
        }
        .colorborder::before {
            background: #062D55;
        }
        
        .amplebiz-service-inner:hover .amplebiz-service-icon i {
            color: #062D55;
        }        

        /* For Top Page */
        #divWhatsapp {
            position: fixed;
            bottom: 40px;
            left: 10px;
            z-index: 99;
            cursor: pointer;
            color: white;
            border-radius: 4px;
            /*
            display: none1;
            position: fixed;
            bottom: 20px;
            left: 30px;
            z-index: 99;
            font-size: 20px;
            border: none;
            outline: none;
            background-color: black;
            color: white;
            cursor: pointer;
            padding: 8px;
            border-radius: 4px;
            */
        }
        #divWhatsapp:hover {
            background-color: var(--green);
        }

            /* =========================================================
       FIRSTCARE SURGICAL
       CONTACT PAGE UI ONLY
       Header + Footer are NOT affected
       ========================================================= */
        .contact-page {
            background: #f6f9fc;
            padding: 0;
        }

        /* Main contact container */
        .contact-page .container {
            position: relative;
        }

        .contact-page-inner {
            padding: 70px 0;
        }


        /* =========================================================
           LEFT - COMPANY / CONTACT INFORMATION
           ========================================================= */

        .contact-page-inner > .col-md-6:first-child {
            padding-right: 30px;
        }

        .contact-page-title {
            /*  margin-bottom: 25px;    */
        }

        .contact-page-title h4 {
            position: relative;
            color: #173b63;
            font-size: 26px;
            font-weight: 700;
            line-height: 1.4;
            margin: 0 0 22px;
        }

        .contact-page-title h4:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 55px;
            height: 3px;
            border-radius: 5px;
            background: linear-gradient(90deg, #145da0, #04954b);
        }


        /* Small intro label */

        .contact-page-inner > .col-md-6:first-child:before {
            content: "CONTACT US";
            display: block;
            color: #04954b;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: 2px;
            margin-bottom: 8px;
        }


        /* Contact information card */

        .contact-info {
            background: #fff;
            border: 1px solid #e5ebf2;
            border-radius: 12px;
            padding: 28px 25px;
            box-shadow: 0 8px 30px rgba(20, 61, 95, 0.08);
        }

        .contact-info table {
            width: 100%;
            border-collapse: separate;
            border-spacing: 0 10px;
        }

        .contact-info table tr {
            transition: all 0.25s ease;
        }

        .contact-info table tr:hover {
            transform: translateX(4px);
        }


        /* Contact icons */

        .contact-info td:first-child {
            width: 50px !important;
            vertical-align: middle;
        }

        .contact-info td:first-child p {
            width: 42px;
            height: 42px;
            margin: 0;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: #eaf7fb;
            color: #04954b;
        }

        .contact-info td:first-child i {
            font-size: 17px;
        }


        /* Contact text */

        .contact-info td:last-child {
            color: #53677d;
            font-size: 14px;
            line-height: 1.7;
            padding-left: 5px;
        }

        .contact-info td:last-child p {
            margin: 0;
            color: #53677d;
        }


        /* Highlight contact details */

        .contact-info tr:hover td:last-child {
            color: #145da0;
        }


        /* =========================================================
           RIGHT - INQUIRY FORM
           ========================================================= */

        .contact-right-form {
            background: #fff;
            padding: 35px 32px !important;
            border: 1px solid #e3eaf2;
            border-radius: 14px;
            box-shadow: 0 12px 35px rgba(20, 61, 95, 0.10);
        }


        /* Form heading */

        .contact-right-form .contact-page-title {
            margin-bottom: 28px;
        }

        .contact-right-form .contact-page-title h4 {
            color: #173b63;
            font-size: 22px;
            font-weight: 700;
            line-height: 1.45;
            margin: 0;
            padding-bottom: 15px;
        }

        .contact-right-form .contact-page-title h4:after {
            width: 45px;
            height: 3px;
        }


        /* Form groups */

        .contact-right-form .form-group {
            margin-bottom: 20px;
        }

        .contact-right-form label {
            display: block;
            color: #304c68;
            font-size: 13px;
            font-weight: 600;
            margin-bottom: 8px;
        }


        /* Inputs */

        .contact-right-form .form-control {
            height: 46px;
            padding: 10px 14px !important;
            margin-top: 0 !important;
            border: 1px solid #dce5ee;
            border-radius: 7px;
            background: #f9fbfd;
            color: #253f5a;
            font-size: 14px;
            box-shadow: none;
            transition: all 0.25s ease;
        }

        .contact-right-form .form-control:hover {
            background: #fff;
            border-color: #b9cadb;
        }

        .contact-right-form .form-control:focus {
            background: #fff;
            border-color: #04954b;
            box-shadow: 0 0 0 3px rgba(25, 167, 206, 0.10);
            outline: none;
        }

        .contact-right-form .form-control::placeholder {
            color: #9aaaba;
        }


        /* Message box */

        .contact-right-form textarea.form-control {
            height: 172px;
            min-height: 172px;
            resize: vertical;
            line-height: 1.6;
        }


        /* =========================================================
           SEND BUTTON
           ========================================================= */

        .contact-right-form .btn-primary {
            min-width: 130px;
            height: 46px;
            padding: 0 25px;
            border: 0;
            border-radius: 7px;
            background: linear-gradient(
                135deg,
                #145da0,
                #04954b
            );
            color: #fff;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0.2px;
            box-shadow: 0 6px 18px rgba(20, 93, 160, 0.22);
            transition: all 0.3s ease;
        }

        .contact-right-form .btn-primary:hover {
            color: #fff;
            transform: translateY(-2px);
            box-shadow: 0 9px 25px rgba(20, 93, 160, 0.30);
        }

        .contact-right-form .btn-primary:focus,
        .contact-right-form .btn-primary:active {
            color: #fff;
            outline: none;
        }


        /* =========================================================
           GOOGLE MAP
           ========================================================= */

        .contact-map {
            width: 100%;
            background: #fff;
            padding: 0;
        }

        .contact-map iframe {
            display: block;
            width: 100%;
            height: 400px;
            border: 0 !important;
            filter: saturate(0.9);
        }


        /* =========================================================
           RESPONSIVE - TABLET
           ========================================================= */

        @media (max-width: 991px) {

            .contact-page-inner {
                padding: 55px 15px;
            }

            .contact-page-inner > .col-md-6:first-child {
                padding-right: 15px;
                margin-bottom: 35px;
            }

            .contact-right-form {
                padding: 30px 25px !important;
            }
        }


        /* =========================================================
           RESPONSIVE - MOBILE
           ========================================================= */

        @media (max-width: 767px) {

            .contact-page-inner {
                padding: 40px 15px;
            }

            .contact-page-inner > .col-md-6:first-child {
                margin-bottom: 30px;
            }

            .contact-page-title h4 {
                font-size: 22px;
            }

            .contact-info {
                padding: 22px 18px;
            }

            .contact-info table {
                border-spacing: 0 16px;
            }

            .contact-right-form {
                padding: 25px 18px !important;
                border-radius: 10px;
            }

            .contact-right-form .contact-page-title h4 {
                font-size: 20px;
            }

            .contact-right-form .row > .col-md-6 {
                width: 100%;
            }

            .contact-right-form textarea.form-control {
                height: 140px;
                min-height: 140px;
            }

            .contact-right-form .btn-primary {
                width: 100%;
            }

            .contact-map iframe {
                height: 300px;
            }
        }


        /* =========================================================
           SMALL MOBILE
           ========================================================= */

        @media (max-width: 480px) {

            .contact-page-inner {
                padding: 30px 12px;
            }

            .contact-page-title h4 {
                font-size: 20px;
            }

            .contact-info {
                padding: 18px 15px;
            }

            .contact-info td:first-child {
                width: 45px !important;
            }

            .contact-info td:first-child p {
                width: 38px;
                height: 38px;
            }

            .contact-info td:last-child {
                font-size: 13px;
            }

            .contact-right-form {
                padding: 22px 15px !important;
            }
        }