/**
 * Theme Name:     Responsive Child
 * Author:         Aryan Chauhan
 * Template:       responsive
 * Text Domain:	   responsive-child
 * Description:    Responsive is a fast, lightweight, & fully customizable WordPress theme, which offers 100+ free ready-to-use Elementor & WordPress Block templates for websites of all types (blog, WooCommerce, Portfolio, Podcast, Startups, Consultancy, Education, LMS, Auctions, and more). The theme is easy to customize and you can create blog or eCommerce websites using a user-friendly drag and drop interface. It
 */


.see-more,
.see_toggle {
    color: #FA6D01;
    cursor: pointer;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-decoration: underline;
    float: right;
}

#query-form {
    cursor: pointer;

}

.table_first .wpr-table-text span {
    color: red !important;
}

.wpr-table-text {
    font-size: 16px !important;
    line-height: 32px !important;
}

.tours-button {
    background-color: transparent !important;
}

.noticee {
    color: red;
}

.visa-link {
    color: #0066CC !important;
}

.maharaja_opt_btn {
    cursor: pointer;
}

.clamp_3_lines {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    /* Adjust line limit as needed */
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
}

/* FORMS CSS COMMON */
.container-custom {
    background-image: url('https://thearyanchauhan.com/wp-content/uploads/2025/06/Header-Cell-1.png');
    padding: 2rem 4rem;
    margin: 2rem auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    max-width: 1152px;
    min-height: 137px;
}

.custom1 {
    background-image: url('https://thearyanchauhan.com/wp-content/uploads/2025/06/Cell.png');
}

.custom2 {
    background-image: url('https://thearyanchauhan.com/wp-content/uploads/2025/06/Cell-1.png');
}

.container-custom p.form-label {
    color: #8E2828;
    font-size: 24px;
    font-weight: 600;
    font-family: "Poppins", Sans-serif;
    text-align: center;
}

.container-custom select.form-select {
    border-radius: 8px;
    height: 50px;
}

p.form-note {
    color: #fff;
    font-family: "Poppins", Sans-serif;
    font-size: 28px;
    font-weight: 600;
    text-align: center;
}

p.form_head {
    color: #fff;
    font-family: "Poppins", Sans-serif;
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    border-bottom: 2px solid #D7D2B2;
    display: inline;
}

p.form_subhead {
    color: #fff;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    border-bottom: 2px solid #D7D2B2;
    display: inline;
}

.container-custom label.form-label {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    font-family: "Montserrat", Sans-serif;
    text-align: left;
}

.container-custom label.form-label span.required {
    color: #FF0000;
}

.brdr_left {
    border-right: 2px solid #8E2828;
}

.col-4.brdr_left {
    display: flex;
    align-items: center;
}

label.small_text {
    color: #8E2828;
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    display: block;
}

.radio_div {
    display: flex;
    align-items: center;
    margin: 10px 0;
}


.container-custom input[type='text'],
.container-custom input[type='email'] {
    border-radius: 8px;
    height: 50px;
    border: none;
    padding: 20px;
    width: 100%
}

.container-custom textarea {
    border-radius: 8px;
    border: none;
    padding: 20px;
    width: 80%;
    height: 100px;
}

.radio_div label {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    font-family: "Poppins", Sans-serif;
    margin: 0px 5px;
}

.custom2 .Input_btn {
    background: #8E2828;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    font-family: "Montserrat", Sans-serif;
    padding: 10px;
    color: #fff;
    border: none;
    display: block;
    margin: 10px 0;
}

.container .Submit_btn {
    background: #FA6D01;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 600;
    height: 50px;
    font-family: "Montserrat", Sans-serif;
    padding: 10px 20px;
    color: #fff;
    border: none;
    margin: 10px 0;
}

.img_center {
    margin: 20px 0;
    display: inline;
}

.main_div {
    background: #8E2828;
    padding: 3em 0;
}

.phone-input {
    display: flex;
    gap: 10px;
    align-items: center;
}

.country-code {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #fff;
    justify-content: center;
}

.country-code img {
    width: 20px;
    height: 14px;
    margin-right: 8px;
    border-radius: 2px;
}

.step-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center;
    margin-top: 30px;
}

.step-button {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #fff;
    border-radius: 8px;
    padding: 12px 20px;
    color: #333;
    font-weight: 500;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    cursor: default;
}

.step-button .number {
    background-color: #872b28;
    color: white;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
}

@media (max-width:768px) {

    .container-custom,
    .custom1,
    .custom2 {
        background-size: cover;
        padding: 1rem;
    }

    .brdr_left {
        border: none;
    }

    .container-custom label.form-label {
        font-size: 14px;
    }

    .container-custom p.form-label {
        font-size: 18px;
    }

    p.form-note {
        font-size: 20px;
    }

    .container-custom textarea {
        width: 100%;
    }
}

/* FORMS CSS COMMON */
/* CUSTOM TOUR FORM CSS */

.map_grid {
    background-image: url('https://thearyanchauhan.com/wp-content/uploads/2025/03/im_india.jpg');
    background-size: cover;
    background-position: center;
}

.map_grid.north-active {
    background-image: url('https://thearyanchauhan.com/wp-content/uploads/2025/03/im_north.jpg');
}

.map_grid.south-active {
    background-image: url('https://thearyanchauhan.com/wp-content/uploads/2025/03/im_south.jpg');
}

.map_grid.east-active {
    background-image: url('https://thearyanchauhan.com/wp-content/uploads/2025/07/iam_east.jpg');
}

.map_grid.west-active {
    background-image: url('https://thearyanchauhan.com/wp-content/uploads/2025/03/im_west.jpg');
}



.map_grid {
    text-align: center;
    width: 34em;
    height: 31em;
    background-image: url('https://thearyanchauhan.com/wp-content/uploads/2025/03/im_india.jpg');
    background-size: cover;
}

.map_grid td,
.map_grid {
    border: none;
}

.map_cont {
    padding-left: 20%;
}

.checkbox_div {
    display: flex;
    align-items: center;
    margin: 10px 0;
    border: solid #d7d2b2 0px;
    background: #d7d2b2;
    color: black;
    border-radius: 5px;
    text-align: center;


}

.checkbox_div label {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    font-family: "Poppins", Sans-serif;
    margin: 0px 5px;
}

p.cities_heading {
    color: #fff;
    font-family: "Poppins", Sans-serif;
    font-size: 28px;
    font-weight: 600;
    margin: 0;
    /* text-align: center; */
}

.boxx {
    max-width: 1152px;
}

/* CUSTOM TOUR FORM CSS */


.custom-error-tooltip {
    display: inline-block;
    margin-top: 4px;
    padding: 6px 10px;
    background-color: #fef3c7;
    /* light yellow */
    color: #92400e;
    /* dark amber */
    border: 1px solid #facc15;
    /* yellow border */
    border-radius: 4px;
    font-size: 16px;
    font-family: sans-serif;
    white-space: normal;
    z-index: 1;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.invalid-field {
    border-color: #facc15 !important;
    /* yellow border for error input */
}


/* Animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

html body a p {
    color: #000 !important;
    text-decoration: none !important;
}

.hide {
    display: none !important;
}