.search_insurance_tab_sec__ .nav-tabs>li.active>a, .search_insurance_tab_sec__ .nav-tabs>li.active>a:focus, .search_insurance_tab_sec__ .nav-tabs>li.active>a:hover { color: #01bafa; cursor: default; background-color: transparent; border: 1px solid transparent; border-bottom-color: transparent; } .search_insurance_tab_sec__ .nav>li>a:focus, .search_insurance_tab_sec__ .nav>li>a:hover { text-decoration: none; background-color: transparent; } .search_insurance_tab_sec__ .nav-tabs>li>a:hover { border-color:transparent } .search_insurance_tab_sec__ .nav-tabs { border-bottom: 1px solid transparent; } .search_insurance_tab_sec__ .nav-tabs>li{ margin-right: 20px; } .search_insurance_tab_sec__ .nav>li>a{ padding: 10px 0; } .search_insurance_tab_sec__ .nav>li>a{ padding: 10px 0; display: flex; align-items: center; flex-direction: column; color: #817c7c; } .search_insurance_tab_sec__ .nav-tabs>li.active> a span{ background: #01bafa; color: #fff; } .search_insurance_tab_sec__ .nav>li>a span { background: gainsboro; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #433c3c; } .search_insurance_tab_sec__ .main_heading__{ border-bottom: 2px solid #ddd; padding-bottom: 10px; } .search_insurance_tab_sec__{ background: #ededed; padding: 15px; } .new_message_boxs__{ border:2px solid #01bafa; border-radius: 5px; margin-top: 20px; background: #fff; } .new_message_boxs__ span{ background: #01bafa; color: #fff; border-radius: 5px; height: 100%; padding: 10px 20px; display: inline-flex; } .select_insurance_type_wrp__{ margin-top: 50px; } .oneway_multi__ h5{ margin: 0px; } .select_insurance_type_wrp__ .nav-tabs { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); padding: 5px 10px; max-width: fit-content; border-radius: 5px; border: 1px solid #f9f3f3; margin-top: 10px; background: #fff; } .select_insurance_type_wrp__ .nav-tabs>li.active>a, .select_insurance_type_wrp__ .nav-tabs>li.active>a:focus, .select_insurance_type_wrp__ .nav-tabs>li.active>a:hover { color: #fff; cursor: default; background-color: #01bafa; border: 1px solid transparent; border-bottom-color: transparent; border-radius: 5px; padding: 7px 10px; } .search_insurance_tab_sec__ .nav>li>a{ padding: 7px 10px; } .singletrip_flex__ .form-group select, .singletrip_flex__ .form-group input, .singletrip_flex__ .form-group textarea { width: 100%; height: 35px; border: 1px solid #ccc; border-radius: 5px; border: 1px solid #01bafa; padding-left: 10px; padding-right: 10px; } .singletrip_flex__ .form-group button { width: 100%; height: 35px; border: 1px solid #ccc; border-radius: 5px; background: #01bafa; color: #fff; } .singletrip_flex__{ padding-top: 30px; } /* search result css */ .search_result_page__{ padding: 50px 0px; } .modify_search_wrp__ { background: #fffe4b; padding: 15px; border-radius: 5px; display: flex; } .modify_search_boxs__ { flex: 0 0 30%; } .modify_search_boxs__ p{ margin-bottom: 5px; font-weight: 700; } .modify_search_btn__ a{ border-radius: 20px; background: #01bafa; color: #fff; padding: 8px 15px; margin-top: 10px; display: inline-block; } .click_plan_select_boxs_flexx__{ display: flex; gap: 15px; flex-wrap: wrap; } .click_plan_select_innerboxs { box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); background: #fff; padding: 15px; border-radius: 5px; flex: 0 0 49%; border: 2px solid #f9f3f3; } .click_plan_select_innerboxs:hover{ border: 2px solid #01bafa ; } .click_plan_select_innerboxs.active { border: 2px solid #01bafa; } .click_plan_select_innerboxs h5{ font-weight: 600; } .plan_name_value__ p { display: flex; justify-content: space-between; } .plan_name_value__ p span{ font-weight: 600; } .first_span__{ color: #817c7c; } .cover_details{ text-align: right; } .cover_details a{ background: #fffe4b; padding: 8px 20px; border-radius: 20px; font-size: 12px; color: #000; font-weight: 600; } .click_plan_select_wrp__{ margin-top: 20px; } .insurance_modal__ h4{ font-size: 16px; text-align: center; } .insurance_modal__ .modal-body{ padding-top: 0px; } .insurance_modal__ table thead{ background:#fffe4b; } .insurance_modal__ .modal-dialog { width: 75%; } .passenger_details__{ padding-bottom: 50px; } .details_form_wrp__ .form-group select, .details_form_wrp__ .form-group input, .details_form_wrp__ .form-group textarea { width: 100%; height: 35px; border: 1px solid #ccc; border-radius: 5px; border: 1px solid #01bafa; padding-left: 10px; padding-right: 10px; } .details_form_bdr__{ border: 1px solid #ddd; padding: 10px; display: block; float: left; width: 100%; border-radius: 5px; padding-top: 15px; } .details_form_bdr__ h5{ font-weight: 700; padding-left: 15px; } .details_form_bdr_inner_next__{ padding-top: 10px; display: block; float: left; width: 100%; } .save_btn{ width: 100%; height: 35px; border: 1px solid #ccc; border-radius: 5px; background: #01bafa; color: #fff; margin-top: 20px; } h4.price_details_heading { background: #fffe4b; padding: 8px 10px; margin: 0; border-radius: 5px; font-weight: bold; } .price_details__paddii{ padding: 10px; } .price_details__paddii p{ display: flex; justify-content: space-between; } .details_form_wrp__{ margin-top: 20px; } .price_details__paddii h3 { display: flex; justify-content: space-between; font-weight: 700; font-size: 18px; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px; } /* responsive css */ @media(max-width:1199px){ .input_wrp__ .col-sm-3, .input_wrp__ .col-sm-2{ width: 50%; } .click_plan_select_innerboxs { flex: 0 0 48%; } } @media(max-width:991px){ .details_form_bdr_inner__ .col-sm-5 { width: 66.66%; } .details_form_bdr_inner__ .col-sm-2 { width: 33.33%; } } @media(max-width:767px) { .input_wrp__ .col-sm-3, .input_wrp__ .col-sm-2 { width: 100%; } .search_insurance_tab_sec__ .nav-tabs>li { margin-right: 5px; } .new_message_boxs__ span { display: block; } .new_message_boxs__ { padding: 2px; } .click_plan_select_innerboxs { flex: 0 0 100%; } .modify_search_wrp__ { flex-direction: column; gap: 15px; } .modify_search_boxs__ { flex: 100%; } .details_form_bdr_inner__ .col-sm-5 { width: 100%; } .details_form_bdr_inner__ .col-sm-2 { width: 100%; } .price_details__wrp__{ margin-top: 20px; } } @media(max-width:767px){ .insurance_modal__ .modal-dialog { width: 95%; } }