/* Extracted from resources/views/front/layouts/app.blade.php
 * Block #2. Content is verbatim - no rules were added,
 * removed or reordered, so rendering is unchanged.
 */

.form-check-label {
            font-size: 14px;
            color: #fff;
        }

        .header-topbar {
            padding: 5px 5px;
            position: relative;
            border-bottom: 1px solid rgba(228, 235, 241, 0.07);
            background: linear-gradient(to bottom, #0570f2, #185dce, #1c4bab, #1a3a89, #152a69) !important;
            ;
        }

        .pop-mob-head button {
            border: none;
            background: unset;
            position: absolute;
            top: -21px;
            font-size: 29px;
            right: -34px;
            background: linear-gradient(to bottom, #0570f2, #185dce, #1c4bab, #1a3a89, #152a69) !important;
            ;
            /* border-radius: 50%; */
            height: 30px;
            width: 30px;
            line-height: 30px;
        }

        .pop-mob-head {
            text-align: end;
        }

        .modal-content {
            background-color: transparent;
        }

        .popup-form {
            margin: 0px;
            padding: 44px 26px 25px;
            /* border-radius: 12px; */
            flex-shrink: 0;
            box-shadow: rgba(0, 0, 0, 0.2) -5px 0px 9px 0px;
            background-color: rgb(255, 255, 255);
            position: relative;
            min-height: 487px;
            display: flex;
            justify-content: center;
            flex-direction: column;
            border: 7px solid linear-gradient(to bottom, #0570f2, #185dce, #1c4bab, #1a3a89, #152a69) !important;
            ;
        }

        .pop-up-left img {
            object-fit: cover;
            min-height: 487px;
        }

        .pop-up-left .card {
            border: 1px solid #dcd3d3;
            background: rgb(255 255 255 / 26%);
        }

        .pop-up-left {
            flex-shrink: 0;
            overflow: hidden;
            padding: 0;
            display: flex;
            flex-direction: column;
            -webkit-box-pack: justify;
            justify-content: space-between;
            background: linear-gradient(197.24deg, rgb(194, 212, 255) 16.45%, rgb(251, 241, 255) 39.26%, rgb(234, 243, 243) 59.99%);
            cursor: auto;
        }

        hr {
            margin: .4rem 0;
            color: inherit;
            border: 0;
            border-top: var(--bs-border-width) solid #E7EDF2;
            opacity: .25;
        }

        .input-block .intl-tel-input {
            display: block !important;
        }

        .modal-content {
            position: relative;
            display: flex;
            flex-direction: column;
            width: 100%;
            color: var(--bs-modal-color);
            pointer-events: auto;
            background-clip: padding-box;
            border: unset;
            border-radius: var(--bs-modal-border-radius);
            outline: 0;
        }

        .input-block label {
            margin-bottom: 10px;
        }

        .form-info-area input {
            border: 1px solid linear-gradient(to bottom, #0570f2, #185dce, #1c4bab, #1a3a89, #152a69) !important;
            ;
            border-radius: 9px;
            padding: 14px 10px;
        }

        .kNJvIE {
            background: rgb(255, 255, 255);
            box-shadow: rgba(0, 0, 0, 0.08) 2px 4px 8px;
            border-radius: 2px;
            padding: 10px 20px;
            border-left: 6px solid rgb(28, 114, 226);
        }

        .buKpIO {
            line-height: normal;
            font-size: 16px;
            font-weight: 500;
            color: rgb(79, 82, 90);
            margin-bottom: 5px;
        }

        .googleLoginBar {
            width: 100%;
            border-bottom: 1px #d8d8d8 solid;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 26px;
            margin-top: 31px;
        }

        .googleLoginBar>span {
            display: inline-flex;
            font-size: calc(var(--font-scale, 1)* 12px);
            color: #9b9b9b;
            font-weight: 700;
            padding: 0 10px;
            background-color: #fff;
            margin-bottom: -7px;
        }

        span.soci img {
            height: 36px;
        }

        .cantact-vertical-box {
            display: inline-block;
            height: 40px;
            margin: 0;
            padding: 0;
            text-align: left;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
            -webkit-transform-origin: left;
            transform-origin: left;
            white-space: nowrap;
            position: fixed;
            right: -81px;
            top: 40%;
            background: #ffdb2c;
            color: #000;
            font-size: 16px;
            z-index: 1
        }

        .cantact-vertical-box a {
            display: inline-block;
            color: #000;
            font-weight: 500;
            padding: 10px;
        }

        .con-box {
            padding: 25px;
        }

        .listing-tabs-group button span {
            margin: 0 8px 0 0;
            padding: 10px;
            line-height: 0;
            /* background: #fcfcfc; */
            border: 1px solid #f2f7f6;
            border-radius: 100%;
            width: 35px;
            height: 35px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .active .circleInner {
            background: #008cff !important;
            height: 12px;
            width: 12px;
        }

        .circleInner {
            background: #fff;
            border-radius: 100% !important;
            height: 12px !important;
            width: 12px !important;
            margin: 0 !important;
        }

        .nav-tabs .nav-link {
            margin-bottom: -1px;
            background: 0 0;
            border: 1px solid transparent;
            border-top-left-radius: 0.25rem;
            border-top-right-radius: 0.25rem;
            lign-items: center;
            background-color: #fff;
            border-radius: 50px;
            -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
            color: #000;
            cursor: pointer;
            display: -ms-flexbox;
            display: flex;
            font-size: 18px;
            align-items: center;
            font-weight: 700;
            height: 58px;
            margin-left: 20px;
            padding: 20px;
            position: relative;
            width: 255px;
            background: #fff;
            border: 1px solid #f4f4f4;
            padding: 10px 22px;
            text-transform: capitalize;
            font-weight: 400;
            font-size: 15px;
            font-weight: 600;
            color: #676767;
            justify-content: space-between
        }

        .makeFlex {
            justify-content: center;
            display: flex;
            align-items: center;
        }

        .cabTypePrice {
            color: #000;
            font-size: 22px;
            font-weight: 700;
            line-height: 22px;
        }

        h6 span {
            font-size: 14px;
            font-weight: 400;
            color: #676767;
            margin-left: 5px;
        }

        @media (max-width: 767.98px) {
            .pop-mob-head button {
                border: none;
                background: unset;
                position: absolute;
                top: -9px !important;
                font-size: 29px;
                right: -2px !important;
                background: linear-gradient(to bottom, #0570f2, #185dce, #1c4bab, #1a3a89, #152a69) !important;
                border-radius: 50%;
                height: 30px;
                width: 30px;
                line-height: 30px;
            }

            .popup-form {
                text-align: center;
                padding: 44px 9px 25px !important;
            }
        }

        .customer-info-content a:hover {
            color: #000;
        }

        @media (max-width: 425px) {
            .margin-top-set {
                margin-top: 15px;
            }

            .back-to-top-icon {
                bottom: 75px !important;
            }
        }

        header .header-nav .main-menu-wrapper .main-nav>li.active>a::after {
            content: "" !important;
        }

        #mobile-menu .main-nav li a:hover {
            color: #0d6efd !important;
        }

        .modal-content {
            margin-top: 35% !important;
        }

        ::selection {
            background: linear-gradient(to bottom, #0570f2, #185dce, #1c4bab, #1a3a89, #152a69) !important;
            color: #0d6efd !important;
            text-shadow: none;
        }

        .custom_color {
            background: linear-gradient(to bottom, #0570f2, #185dce, #1c4bab, #1a3a89, #152a69) !important;
        }

        .custom_fonr_color {
            color: #ffff !important;
        }

        .header-topbar {
            padding: 0px 0px !important;
        }

        .mobile-fixed-bar {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to bottom, #0570f2, #185dce, #1c4bab, #1a3a89, #152a69) !important;
            ;
            display: flex;
            /* This aligns children horizontally */
            justify-content: space-around;
            align-items: center;
            padding: 8px 0;
            z-index: 9999 !important;
            box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
        }

        .mobile-fixed-bar a {
            color: white;
            font-size: 12px;
            text-align: center;
            text-decoration: none;
            flex: 1;
            /* Equal width for all icons */
            display: flex;
            flex-direction: column;
            /* Icon on top, text below */
            align-items: center;
            justify-content: center;
        }

        .mobile-fixed-bar i {
            font-size: 20px;
            margin-bottom: 4px;
        }

        .custom_bottom_hover {
            color: #ffffff !important;
        }

        .custom-hero-section-wrapper {
            z-index: 0 !important;
        }

        .custom_line_height {
            line-height: 20px !important;
        }