:root {
--wf-primary: #0f5e9c;
--wf-primary-dark: #0a4676;
--wf-accent: #14b8a6;
--wf-bg: #f4f9fc;
--wf-border: #d7e4ee;
--wf-text: #1f2d3a;
--wf-muted: #6b7c8c;
--wf-white: #ffffff;
--wf-radius: 10px;
--wf-font: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
.sec-form {
font-family: var(--wf-font);
color: var(--wf-text);
max-width: 1100px;
margin: 0 auto;
padding: 32px 24px 40px;
}
.sec-form .sec-one,
.sec-form .sec-two,
.sec-form .sec-three {
background: var(--wf-white);
border: 1px solid var(--wf-border);
border-radius: var(--wf-radius);
padding: 24px;
margin-bottom: 20px;
box-shadow: 0 2px 10px rgba(15, 94, 156, 0.05);
} .sec-form .row,
.sec-form .first_row {
display: flex !important;
flex-wrap: wrap !important;
margin: 0 -10px;
} .sec-form .row > .first_row {
width: 100% !important;
min-width: 0;
flex: 1 1 100%;
}
.sec-form .row > [class*="col-"],
.sec-form .first_row > [class*="col-"] {
padding: 0 10px;
margin-bottom: 18px;
width: 100% !important;
min-width: 0;
box-sizing: border-box !important;
float: none !important;
}
@media (min-width: 768px) {
.sec-form .sec-one .row > [class*="col-"],
.sec-form .sec-one .first_row > [class*="col-"] {
width: 50% !important;
}
}
@media (min-width: 992px) {
.sec-form .sec-one .row > [class*="col-"],
.sec-form .sec-one .first_row > [class*="col-"] {
width: 33.3333% !important;
}
}
@media (min-width: 768px) {
.sec-form .sec-two .col-md-6 { width: 50% !important; }
}
@media (min-width: 992px) {
.sec-form .sec-two .col-lg-6 { width: 50% !important; }
} .sec-form label {
display: block;
font-weight: 600;
font-size: 14px;
color: var(--wf-text);
margin-bottom: 8px;
}
.sec-form .form-wrap { position: relative; } .sec-form select.selectpickers {
width: 100%;
padding: 12px 34px 12px 14px;
border: 1px solid var(--wf-border);
border-radius: var(--wf-radius);
background: var(--wf-white);
font-family: var(--wf-font);
font-size: 14px;
color: var(--wf-text);
appearance: none;
-webkit-appearance: none;
cursor: pointer !important;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
transition: border-color .2s;
}
.sec-form select.selectpickers:focus {
outline: none;
border-color: var(--wf-primary);
}
.sec-form .form_select_ar { position: relative; cursor: pointer; }
.sec-form .form_select_ar i.fa-caret-down {
position: absolute;
right: 12px;
top: 42px;
color: var(--wf-muted);
pointer-events: none;
} .sec-form .select2-container {
width: 100% !important;
}
.sec-form .select2-container,
.sec-form .select2-selection,
.sec-form .select2-selection__rendered,
.sec-form .select2-selection__placeholder,
.sec-form .select2-selection__arrow-indicator {
cursor: pointer !important;
}
.sec-form .select2-container--default .select2-selection--multiple {
border: 1px solid var(--wf-border);
border-radius: var(--wf-radius);
padding: 4px 34px 4px 6px;
min-height: 46px;
display: flex !important;
align-items: center !important;
position: relative;
cursor: pointer !important;
} .sec-form .select2-container--default .select2-selection--multiple::after {
content: "";
position: absolute;
right: 14px;
top: 50%;
width: 8px;
height: 8px;
border-right: 2px solid var(--wf-muted);
border-bottom: 2px solid var(--wf-muted);
transform: translateY(-70%) rotate(45deg);
pointer-events: none;
}
.sec-form .select2-selection__rendered {
display: flex !important;
flex-wrap: wrap;
align-items: center !important;
width: 100%;
line-height: normal !important;
padding: 0 !important;
}
.sec-form .select2-selection__placeholder {
color: var(--wf-muted);
line-height: normal;
}
.sec-form .select2-search--inline {
display: flex;
align-items: center;
}
.sec-form .select2-search--inline .select2-search__field {
margin-top: 0 !important;
line-height: normal;
cursor: text !important;
}
.sec-form .select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: var(--wf-primary);
}
.sec-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: var(--wf-primary);
border: none;
color: var(--wf-white);
border-radius: 6px;
padding: 3px 8px;
font-size: 13px;
}
.sec-form .select2-container--default .select2-selection__choice__remove {
color: var(--wf-white);
opacity: .8;
margin-right: 6px;
}
.sec-form .select2-container--default .select2-selection__choice__remove:hover {
color: var(--wf-white);
opacity: 1;
} .select2-dropdown {
border-color: var(--wf-border);
border-radius: var(--wf-radius);
overflow: hidden;
font-family: var(--wf-font);
}
.select2-container--default .select2-results__option {
position: relative;
padding: 8px 12px 8px 38px;
cursor: pointer;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background: var(--wf-bg);
color: var(--wf-text);
} .select2-container--default .select2-results__option::before {
content: "";
position: absolute;
left: 12px;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
border: 1.5px solid var(--wf-border);
border-radius: 4px;
background: var(--wf-white);
box-sizing: border-box;
}
.select2-container--default .select2-results__option[aria-selected="true"]::before {
background: var(--wf-primary);
border-color: var(--wf-primary);
}
.select2-container--default .select2-results__option[aria-selected="true"]::after {
content: "";
position: absolute;
left: 17px;
top: 46%;
width: 4px;
height: 8px;
border: solid var(--wf-white);
border-width: 0 2px 2px 0;
transform: translateY(-50%) rotate(45deg);
}
.select2-search--dropdown .select2-search__field {
border-radius: 6px;
border: 1px solid var(--wf-border);
padding: 6px 8px;
cursor: text;
} .sec-form .irs--flat .irs-bar,
.sec-form .irs--flat .irs-from,
.sec-form .irs--flat .irs-to,
.sec-form .irs--flat .irs-single {
background: var(--wf-primary);
}
.sec-form .irs--flat .irs-from:before,
.sec-form .irs--flat .irs-to:before,
.sec-form .irs--flat .irs-single:before {
border-top-color: var(--wf-primary);
}
.sec-form .irs--flat .irs-handle > i:first-child {
background: var(--wf-primary-dark);
}
.sec-form .irs--flat .irs-line {
background: var(--wf-border);
}
.sec-form .irs--flat .irs-min,
.sec-form .irs--flat .irs-max {
color: var(--wf-muted);
background: transparent;
} .onoffswitch {
display: flex;
align-items: center;
gap: 10px;
margin: 4px 0;
}
.onoffswitch-unit {
font-family: var(--wf-font);
font-size: 14px;
font-weight: 600;
color: var(--wf-muted);
transition: color .2s;
}
.onoffswitch-unit.active {
color: var(--wf-primary);
}
.onoffswitch-checkbox { display: none; }
.onoffswitch-label {
position: relative;
display: block;
width: 52px;
height: 28px;
cursor: pointer;
background: #d3e0ea;
border-radius: 20px;
transition: background .25s;
}
.onoffswitch-inner { display: none; }
.onoffswitch-switch {
position: absolute;
top: 3px;
left: 3px;
width: 22px;
height: 22px;
background: var(--wf-white);
border-radius: 50%;
box-shadow: 0 1px 3px rgba(0,0,0,.25);
transition: left .25s ease-in-out;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
background: var(--wf-primary);
}
.onoffswitch-checkbox:not(:checked) + .onoffswitch-label .onoffswitch-switch {
left: 27px;
} .sec-form .slider ul.unstyled {
display: flex;
flex-wrap: wrap;
gap: 10px;
list-style: none;
margin: 10px 0 0;
padding: 0;
}
.sec-form .styled-checkbox { display: none; }
.sec-form .styled-checkbox + label {
display: inline-block;
margin: 0;
padding: 9px 16px;
border: 1px solid var(--wf-border);
border-radius: 999px;
font-size: 13px;
font-weight: 500;
color: var(--wf-text);
background: var(--wf-white);
cursor: pointer;
transition: all .2s;
}
.sec-form .styled-checkbox:checked + label {
background: var(--wf-primary);
border-color: var(--wf-primary);
color: var(--wf-white);
} .sec-form .btn.btn-primary,
.sec-form #filtered_search {
background: var(--wf-primary);
border: none;
color: var(--wf-white);
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: .04em;
padding: 14px 44px;
border-radius: 999px;
cursor: pointer;
transition: background .2s, transform .15s;
}
.sec-form .btn.btn-primary:hover,
.sec-form #filtered_search:hover {
background: var(--wf-primary-dark);
transform: translateY(-1px);
}
.sec-form .text-center { text-align: center; margin-top: 8px; } .nipl_dest_wrap {
max-width: 1100px;
margin: 0 auto;
padding: 0 24px 40px;
font-family: var(--wf-font);
}
.nipl_dest_inner,
.no_res_data_wrap {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.nipl_dest_inner > [class*="col-"],
.no_res_data_wrap [class*="col-"] {
padding: 0 10px;
box-sizing: border-box;
width: 100%;
}
@media (min-width: 768px) {
.nipl_dest_inner .col-md-4,
.no_res_data_wrap .col-md-4 { width: 33.3333%; }
}
@media (min-width: 992px) {
.nipl_dest_inner .col-lg-4,
.no_res_data_wrap .col-lg-4 { width: 33.3333%; }
}
.nipl_dest_item {
background: var(--wf-white);
border: 1px solid var(--wf-border);
border-radius: var(--wf-radius);
overflow: hidden;
box-shadow: 0 2px 10px rgba(15, 94, 156, 0.05);
transition: transform .2s, box-shadow .2s;
margin-bottom: 24px;
}
.nipl_dest_item:hover {
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(15, 94, 156, 0.12);
}
.nipl_des_img_wrp img {
width: 100%;
height: 190px;
object-fit: cover;
display: block;
}
.nipl_des_title_wrp {
padding: 14px 16px;
}
.nipl_des_title_wrp h3 {
margin: 0;
font-size: 16px;
}
.nipl_des_title_wrp h3 a {
color: var(--wf-text);
text-decoration: none;
}
.nipl_des_title_wrp h3 a:hover {
color: var(--wf-primary);
}
.clear.clearfix { flex-basis: 100%; height: 0; }
.misha_loadmore {
display: inline-block;
margin: 10px auto 0;
padding: 12px 36px;
background: var(--wf-white);
border: 1px solid var(--wf-primary);
color: var(--wf-primary);
border-radius: 999px;
font-weight: 600;
font-size: 14px;
cursor: pointer;
text-align: center;
transition: all .2s;
}
.misha_loadmore:hover {
background: var(--wf-primary);
color: var(--wf-white);
}
.misha_loadmore.loading {
opacity: .6;
pointer-events: none;
}
.no_destination_found .alert {
background: #fff4e5;
border: 1px solid #ffd9a0;
border-radius: var(--wf-radius);
padding: 20px;
text-align: center;
margin-bottom: 20px;
}
.no_destination_found .alert h5 {
margin: 0 0 12px;
font-weight: 600;
font-size: 15px;
}
.no_destination_found .btn-primary {
background: var(--wf-primary);
color: var(--wf-white);
border: none;
padding: 10px 24px;
border-radius: 999px;
cursor: pointer;
font-weight: 600;
}
.no_res_data_wrap { margin-top: 10px; }
.no_res_data_inner h4 { font-size: 16px; margin-bottom: 16px; }
@media (max-width: 767px) {
.sec-form { padding: 20px 16px; }
.sec-form .sec-one, .sec-form .sec-two, .sec-form .sec-three { padding: 18px; }
}