.elementor-15635 .elementor-element.elementor-element-87f642f{--display:flex;--min-height:390px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15635 .elementor-element.elementor-element-87f642f:not(.elementor-motion-effects-element-type-background), .elementor-15635 .elementor-element.elementor-element-87f642f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://roamzing.gotd.in/wp-content/uploads/2026/02/Untitled-design-87.png");background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-15635 .elementor-element.elementor-element-85a5ea8 > .elementor-widget-container{margin:100px 100px 100px 100px;padding:100px 100px 100px 100px;}.elementor-15635 .elementor-element.elementor-element-85a5ea8{text-align:center;}.elementor-15635 .elementor-element.elementor-element-85a5ea8 .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:66px;font-weight:500;color:#FFFFFF;}.elementor-15635 .elementor-element.elementor-element-1beb6ba{--display:flex;}.elementor-15635 .elementor-element.elementor-element-98da2af{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-15635 .elementor-element.elementor-element-6fc9342{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15635 .elementor-element.elementor-element-95237b8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15635 .elementor-element.elementor-element-7744f5c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-15635 .elementor-element.elementor-element-6fc9342{--width:24%;}.elementor-15635 .elementor-element.elementor-element-95237b8{--width:100%;}}@media(min-width:2400px){.elementor-15635 .elementor-element.elementor-element-87f642f{--margin-top:-69px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-15635 .elementor-element.elementor-element-87f642f{--margin-top:-69px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15635 .elementor-element.elementor-element-85a5ea8 > .elementor-widget-container{margin:100px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-340d8c8 */<style>
.book-search-wrapper {
    display: flex;
    justify-content: center;
    margin: 60px 0;
}

.book-search-bar {
    display: flex;
    align-items: center;
    background: #f2f4f7;
    padding: 18px 25px;
    border-radius: 60px;
    box-shadow: 0 15px 40px rgba(0,0,0,0.08);
    max-width: 1300px;
    width: 100%;
    gap: 20px;
}

.book-field {
    flex: 1;
    padding: 0 15px;
    border-right: 1px solid rgba(0,0,0,0.08);
}

.book-field:last-of-type {
    border-right: none;
}

.book-label {
    font-size: 13px;
    font-weight: 600;
    color: #6b7280;
    display: block;
    margin-bottom: 4px;
}

.book-field input,
.book-field select {
    border: none;
    background: transparent;
    outline: none;
    font-size: 15px;
    width: 100%;
    font-weight: 500;
}

/* Search Button */
.book-search-btn {
    background: #01a6ff;
    color: #fff;
    border: none;
    padding: 16px 40px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 10px 30px rgba(47,107,227,0.35);
    transition: all 0.3s ease;
    white-space: nowrap;
}

.book-search-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 35px rgba(47,107,227,0.45);
}

/* Mobile */
@media(max-width: 991px){
    .book-search-bar {
        flex-direction: column;
        border-radius: 25px;
        padding: 20px;
    }

    .book-field {
        border-right: none;
        width: 100%;
        margin-bottom: 12px;
    }

    .book-search-btn {
        width: 100%;
    }
}
</style>/* End custom CSS */