| @import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");
|
| * {
|
| margin: 0;
|
| padding: 0;
|
| box-sizing: border-box;
|
| }
|
|
|
| :root {
|
| --primaryColor: #3d5fea;
|
| --darkText: #3a3b4f;
|
| --paragraph: #565c74cc;
|
| --border: #d6d6d6;
|
| --whiteColor: #fff;
|
| --searchHeight: auto;
|
| }
|
|
|
| html {
|
| font-size: 62.5%;
|
| }
|
|
|
| body {
|
| font-family: "Inter", sans-serif;
|
| font-size: 1.6rem;
|
| overflow-x: hidden;
|
| }
|
|
|
| ul {
|
| margin: 0;
|
| padding: 0;
|
| }
|
|
|
| li {
|
| list-style: none;
|
| margin: 0;
|
| padding: 0;
|
| }
|
|
|
| a {
|
| text-decoration: none;
|
| }
|
|
|
| img {
|
| max-width: 100%;
|
| }
|
| .view_video{
|
| margin-top: 0;
|
| }
|
| p,
|
| h1,
|
| h2,
|
| h3,
|
| h4,
|
| h5,
|
| h6 {
|
| margin: 0;
|
| padding: 0;
|
| }
|
|
|
| .btn_line {
|
| display: flex;
|
| padding: 10px 16px;
|
| align-items: center;
|
| gap: 8px;
|
| border-radius: 10px;
|
| border: 1px solid #acb5c5;
|
| color: var(--darkText);
|
| font-size: 1.4rem;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.14px;
|
| }
|
| .btn_line svg {
|
| transition: 0.3s;
|
| }
|
| .btn_line:hover {
|
| border: 1px solid var(--primaryColor);
|
| color: var(--primaryColor);
|
| }
|
| .btn_line:hover svg {
|
| fill: var(--primaryColor);
|
| }
|
|
|
| .btn_primary {
|
| display: flex;
|
| padding: 10px 12px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 4px;
|
| border-radius: 18px;
|
| background: var(--primaryColor);
|
| color: #fff ;
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 1.5rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.24px;
|
| }
|
|
|
| .healthy-home{
|
| display: flex;
|
| padding: 10px 16px 8px 16px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 5px;
|
| border-radius: 8px;
|
| border: 1px dashed #1EA83C;
|
| background: #F7FFF9;
|
| width: 55%;
|
| }
|
| .healthy-counter-text{
|
| color: #1EA83C;
|
| font-family: Inter;
|
| font-size: 15px;
|
| font-style: italic;
|
| font-weight: 400;
|
| line-height: normal;
|
| letter-spacing: -0.6px;
|
| }
|
| .healthy-counter{
|
| color: #1EA83C;
|
| font-family: Inter;
|
| font-size: 15px;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: normal;
|
| letter-spacing: -0.6px;
|
| }
|
| .btn_primary:hover {
|
| background: #2949ca;
|
| }
|
|
|
| .btn_h {
|
| cursor: pointer;
|
| }
|
| .btn_h svg {
|
| transition: 0.2s;
|
| fill: transparent;
|
| }
|
|
|
| .btn_h.filled svg {
|
| fill: #f44157;
|
| }
|
|
|
| select.form-select {
|
| color: #474d59;
|
| font-family: "Inter", sans-serif;
|
| font-size: 1.5rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.3px;
|
| padding: 10px 18px;
|
| border-radius: 100px;
|
| outline: 0;
|
| box-shadow: none !important;
|
| accent-color: var(--primaryColor);
|
| cursor: pointer;
|
| border: 1px solid #acb5c5;
|
| }
|
| select.form-select:hover {
|
| border: 1px solid var(--primaryColor) !important;
|
| }
|
| select.form-select:focus {
|
| border: 1px solid var(--primaryColor) !important;
|
| }
|
|
|
| .dropdown_filter > button {
|
| color: #474d59;
|
| font-family: "Inter", sans-serif;
|
| font-size: 1.5rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.3px;
|
| padding: 10px 18px;
|
| border-radius: 100px;
|
| outline: 0;
|
| box-shadow: none !important;
|
| cursor: pointer;
|
| border: 1px solid #acb5c5;
|
| background: transparent;
|
| }
|
| .dropdown_filter > button::after {
|
| border: solid #474d59;
|
| border-width: 0 2px 2px 0;
|
| display: inline-block;
|
| padding: 3px;
|
| transform: translateY(1.5px) rotate(45deg);
|
| transition: 0.3s;
|
| }
|
| .dropdown_filter > button:hover {
|
| border: 1px solid var(--primaryColor) !important;
|
| color: var(--primaryColor) !important;
|
| }
|
| .dropdown_filter > button:hover::after {
|
| border-color: var(--primaryColor);
|
| }
|
| .dropdown_filter > button:focus {
|
| background: transparent;
|
| }
|
|
|
| .dropdown_filter > button.show {
|
| border: 1px solid var(--primaryColor) !important;
|
| color: var(--primaryColor) !important;
|
| background: transparent;
|
| }
|
| .dropdown_filter > button.show::after {
|
| border: solid var(--primaryColor);
|
| border-width: 0 2px 2px 0;
|
| display: inline-block;
|
| padding: 3px;
|
| transform: translateY(4.5px) rotate(-135deg);
|
| }
|
|
|
| .dropdown_filter_content {
|
| padding: 16px;
|
| border: 0;
|
| box-shadow: 0 0 35px rgba(0, 0, 0, 0.12);
|
| min-width: 200px;
|
| border-radius: 12px;
|
| accent-color: var(--primaryColor);
|
| }
|
| .dropdown_filter_content label,
|
| .dropdown_filter_content p {
|
| color: #474d59;
|
| font-family: "Inter", sans-serif;
|
| font-size: 1.5rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.3px;
|
| cursor: pointer;
|
| transition: 0.3s;
|
| }
|
| .dropdown_filter_content label:hover,
|
| .dropdown_filter_content p:hover {
|
| color: var(--primaryColor) !important;
|
| }
|
| .dropdown_filter_content input {
|
| margin: 0;
|
| cursor: pointer;
|
| width: 20px !important;
|
| height: 20px !important;
|
| outline: 0 !important;
|
| box-shadow: none !important;
|
| border: 1px solid #6c808d;
|
| border-radius: 5px !important;
|
| }
|
| .dropdown_filter_content .form_check {
|
| display: flex;
|
| align-items: center;
|
| gap: 0px;
|
| }
|
| .dropdown_filter_content .form_check input {
|
| border: 1px solid #6c808d !important;
|
| }
|
| .dropdown_filter_content .form_check label {
|
| padding-left: 12px;
|
| }
|
|
|
| .range_slider {
|
| padding: 0px 10px;
|
| }
|
| .range_slider .noUi-horizontal {
|
| height: 8px;
|
| border-radius: 20px;
|
| }
|
| .range_slider .noUi-horizontal .noUi-handle {
|
| width: 18px;
|
| height: 18px;
|
| right: -9px;
|
| top: -6px;
|
| border-radius: 50%;
|
| }
|
| .range_slider .noUi-horizontal .noUi-handle::after, .range_slider .noUi-horizontal .noUi-handle::before {
|
| display: none;
|
| }
|
| .range_slider .noUi-target {
|
| background: #fafcff;
|
| border-radius: 4px;
|
| border: 1px solid hsla(218, 18%, 72%, 0.5);
|
| box-shadow: none;
|
| }
|
| .range_slider .noUi-connect {
|
| background: var(--primaryColor);
|
| }
|
| .range_slider #slider-values {
|
| padding-bottom: 20px;
|
| }
|
| .range_slider #slider-values p {
|
| font-size: 1.8rem;
|
| }
|
|
|
| .btn_group {
|
| display: flex;
|
| align-items: center;
|
| justify-content: center;
|
| gap: 16px;
|
| flex-wrap: wrap;
|
| }
|
| .btn_group .btn_primary {
|
| height: unset;
|
| padding: 13px 12px;
|
| }
|
| .btn_group a {
|
| min-width: 100px;
|
| text-align: center;
|
| justify-content: center;
|
| border-radius: 100px !important;
|
| }
|
|
|
| .dropdown_filter_content.show {
|
| display: flex;
|
| flex-direction: column;
|
| gap: 16px;
|
| }
|
|
|
| .link_path {
|
| color: #4b6475;
|
| font-size: 16px;
|
| font-weight: 400;
|
| line-height: 19.2px;
|
| letter-spacing: -0.32px;
|
| }
|
|
|
| .container {
|
| width: 100%;
|
| padding: 0 20px;
|
| max-width: 1280px;
|
| margin: 0 auto;
|
| }
|
| .xCss{
|
| color: #1B759B;
|
| font-family: Inter;
|
| font-size: 12px;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: 16.8px;
|
| letter-spacing: 0.48px;
|
| }
|
| .selectX{
|
| background-color: #248fcb!important;
|
| }
|
| .listing_group {
|
| display: grid;
|
| grid-template-columns: repeat(3, 1fr);
|
| column-gap: 32px;
|
| row-gap: 52px;
|
| }
|
|
|
| .listing_card .listing_image {
|
| position: relative;
|
| width: 100%;
|
| height: 240px;
|
| border-radius: 16px;
|
| }
|
| .listing_card .listing_image img {
|
| width: 100%;
|
| height: 100%;
|
| object-fit: cover;
|
| object-position: center;
|
| border-radius: 16px;
|
| }
|
| .listing_card .listing_image .badge {
|
| position: absolute;
|
| top: 16px;
|
| right: 12px;
|
| padding: 5px 8px;
|
| color: #fff;
|
| font-size: 12px;
|
| font-style: normal;
|
| font-weight: 400;
|
| line-height: normal;
|
| letter-spacing: -0.3px;
|
| display: flex;
|
| align-items: center;
|
| gap: 4px;
|
| border-radius: 6px;
|
| background: #3a3b4f;
|
| }
|
| .listing_card .listing_image .badge .icon {
|
| display: flex;
|
| width: 12px;
|
| height: 12px;
|
| }
|
| .listing_card .listing_image .badge .icon img {
|
| width: 100%;
|
| }
|
| .listing_card .listing_image .hostel_badge {
|
| position: absolute;
|
| left: 12px;
|
| bottom: -12px;
|
| width: 96px;
|
| }
|
| .listing_card .listing_image .hostel_badge img {
|
| width: 100%;
|
| }
|
| .listing_card .listing_image .badge_sold_out {
|
| color: #fff;
|
| font-family: Inter;
|
| font-size: 13px;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.48px;
|
| padding: 4px 8px;
|
| border-radius: 0px 6px 6px 0px;
|
| background: #f44157;
|
| position: absolute;
|
| left: 0;
|
| bottom: 30px;
|
| }
|
| .listing_card .listing_image .sanitize_badge {
|
| position: absolute;
|
| left: 12px;
|
| bottom: -4px;
|
| display: flex;
|
| padding: 4px 8px;
|
| align-items: center;
|
| gap: 2px;
|
| border-radius: 6px;
|
| border: 0.2px solid #d6d6d6;
|
| background: #fff;
|
| box-shadow: 0px 4px 2px 0px rgba(131, 131, 131, 0.1);
|
| }
|
| .listing_card .listing_image .sanitize_badge .icon {
|
| width: 16px;
|
| height: 16px;
|
| display: flex;
|
| }
|
| .listing_card .listing_image .sanitize_badge .icon img {
|
| width: 100%;
|
| }
|
| .listing_card .listing_image .sanitize_badge p {
|
| color: #3d5fea;
|
| font-family: Inter;
|
| font-size: 13px;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.48px;
|
| }
|
| .listing_card .listing_title {
|
| padding-top: 16px;
|
| display: flex;
|
| justify-content: space-between;
|
| padding-bottom: 12px;
|
| column-gap: 20px;
|
| }
|
| .listing_card .listing_title .btn_line {
|
| display: flex;
|
| padding: 8px 12px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 4px;
|
| color: var(--darkText);
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 12px;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.36px;
|
| height: 36px;
|
| min-width: 95px;
|
| }
|
| .listing_card .listing_title .btn_line span {
|
| display: inline-block;
|
| }
|
| .listing_card h3 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 18px;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 21.6px;
|
| letter-spacing: -0.36px;
|
| margin-bottom: 6px;
|
| transition: 0.3s;
|
| }
|
| .listing_card h3:hover {
|
| color: var(--primaryColor);
|
| }
|
| .listing_card .location_group {
|
| display: flex;
|
| align-items: flex-start;
|
| gap: 8px;
|
| }
|
| .listing_card .location {
|
| display: flex;
|
| align-items: center;
|
| gap: 2px;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 12px;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| }
|
| .listing_card .location .pin_icon {
|
| width: 14px;
|
| height: 14px;
|
| display: flex;
|
| }
|
| .listing_card .location .pin_icon img {
|
| width: 100%;
|
| }
|
| .listing_card .listing_categories {
|
| display: flex;
|
| align-items: flex-start;
|
| gap: 6px;
|
| align-self: stretch;
|
| margin-bottom: 12px;
|
| }
|
| .listing_card .listing_categories .tag {
|
| display: flex;
|
| padding: 6px 10px;
|
| align-items: center;
|
| gap: 2px;
|
| border-radius: 36px;
|
| border: 0.5px solid #d6d6d6;
|
| color: #565c74;
|
| font-family: Inter;
|
| font-size: 13px;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 16.8px;
|
| letter-spacing: -0.13px;
|
| }
|
| .listing_card .listing_categories .tag .icon {
|
| width: 16px;
|
| height: 16px;
|
| display: flex;
|
| }
|
| .listing_card .listing_bottom {
|
| display: flex;
|
| justify-content: space-between;
|
| align-items: flex-end;
|
| align-self: stretch;
|
| }
|
| .listing_card .listing_bottom .left_side {
|
| display: flex;
|
| flex-direction: column;
|
| align-items: flex-start;
|
| gap: 2px;
|
| }
|
| .listing_card .listing_bottom .left_side p {
|
| color: rgba(86, 92, 116, 0.8);
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 14px;
|
| font-style: normal;
|
| font-weight: 400;
|
| line-height: normal;
|
| }
|
| .listing_card .listing_bottom h4 {
|
| display: flex;
|
| align-items: center;
|
| gap: 10px;
|
| color: var(--darkText);
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 18px;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 28.8px;
|
| letter-spacing: -0.54px;
|
| }
|
| .listing_card .listing_bottom h4 span {
|
| color: #565c74;
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 14px;
|
| font-style: normal;
|
| font-weight: 400;
|
| line-height: normal;
|
| letter-spacing: -0.42px;
|
| text-decoration: line-through;
|
| }
|
| .listing_card .listing_bottom .btn_primary {
|
| height: 36px;
|
| font-size: 12px;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.24px;
|
| }
|
| .listing_card .coupon {
|
| display: flex;
|
| padding-top: 12px;
|
| gap: 6px;
|
| }
|
| .listing_card .coupon p {
|
| color: #f44157;
|
| font-family: Inter;
|
| font-size: 12px;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 14.4px;
|
| letter-spacing: -0.12px;
|
| }
|
|
|
| form.search {
|
| margin-top: 52px;
|
| padding: 15px 20px;
|
| display: flex;
|
| align-items: center;
|
| border-radius: 8px;
|
| border: 1px solid #c4cbd8;
|
| background: #fff;
|
| }
|
| form.search .label {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 15px;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 18px;
|
| letter-spacing: -0.45px;
|
| margin-bottom: 0px;
|
| }
|
| form.search > div {
|
| width: 100%;
|
| }
|
| form.search button,
|
| form.search input#search {
|
| width: 100%;
|
| display: flex;
|
| justify-content: space-between;
|
| align-items: center;
|
| outline: 0;
|
| color: #4b6475;
|
| font-size: 1.6rem;
|
| font-weight: 400;
|
| padding: 6px 0;
|
| border: 0 !important;
|
| }
|
| form.search button:hover,
|
| form.search input#search:hover {
|
| border: 0 !important;
|
| }
|
| form.search button::after {
|
| transform: translateY(-1.5px) rotate(45deg);
|
| }
|
| form.search button.show::after {
|
| transform: translateY(-1.5px) rotate(-135deg);
|
| }
|
| form.search button.show {
|
| border: 0 !important;
|
| }
|
| form.search .search_dropdown {
|
| margin-right: 20px;
|
| padding-right: 20px;
|
| border-right: 1px solid #c4cbd8;
|
| max-width: 180px;
|
| }
|
| form.search .btn_primary {
|
| height: 56px;
|
| border-radius: 6px;
|
| background: var(--primaryColor);
|
| display: flex;
|
| padding: 16px 20px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 10px;
|
| max-width: 90px;
|
| color: #fff;
|
| font-family: Inter;
|
| font-size: 1.5rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 18px;
|
| letter-spacing: -0.45px;
|
| margin-left: 20px;
|
| }
|
|
|
| .form_control {
|
| display: flex;
|
| flex-direction: column;
|
| gap: 6px;
|
| }
|
| .form_control input,
|
| .form_control select,
|
| .form_control textarea {
|
| padding: 12px 16px;
|
| border-radius: 10px;
|
| border: 1px solid #acb5c5;
|
| background-color: #fff;
|
| outline: 0;
|
| color: var(--darkText);
|
| width: 100%;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.16px;
|
| transition: 0.3s;
|
| }
|
| .form_control input:hover,
|
| .form_control select:hover,
|
| .form_control textarea:hover {
|
| border: 1px solid var(--primaryColor);
|
| }
|
| .form_control input:focus,
|
| .form_control select:focus,
|
| .form_control textarea:focus {
|
| border: 1px solid var(--primaryColor);
|
| }
|
| .form_control .input_group {
|
| position: relative;
|
| }
|
| .form_control .input_group select {
|
| position: absolute;
|
| border: 0;
|
| background: transparent;
|
| padding: 12px 6px 12px 16px;
|
| width: fit-content;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.16px;
|
| }
|
| .form_control .input_group input {
|
| padding-left: 80px;
|
| }
|
|
|
| .modal {
|
| z-index: 99999999;
|
| }
|
|
|
| .modal-backdrop {
|
| opacity: 1;
|
| z-index: 999999;
|
| background: rgba(43, 44, 48, 0.6);
|
| }
|
|
|
| .modal-content {
|
| border-radius: 16px;
|
| border: 1px solid #e8e9eb;
|
| background: #fff;
|
| padding: 36px 24px;
|
| }
|
| .modal-content h2 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 2.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 28.8px;
|
| letter-spacing: -0.72px;
|
| }
|
| .modal-content .modal-header,
|
| .modal-content .modal-body {
|
| padding: 0;
|
| margin: 0;
|
| }
|
| .modal-content .modal-header {
|
| padding-bottom: 24px;
|
| }
|
| .modal-content .modal-header .btn-close {
|
| width: 32px;
|
| height: 32px;
|
| padding: 0;
|
| display: flex;
|
| justify-content: center;
|
| align-items: center;
|
| border: 1px solid #dddfe2;
|
| border-radius: 50%;
|
| }
|
| .modal-content .info_text {
|
| padding: 16px 0 30px;
|
| color: #647e90;
|
| font-family: Inter;
|
| font-size: 1.5rem;
|
| font-style: normal;
|
| font-weight: 400;
|
| line-height: 24px;
|
| letter-spacing: -0.16px;
|
| }
|
| .modal-content form {
|
| display: grid;
|
| gap: 24px;
|
| border-radius: 16px;
|
| background: #f7f7f8;
|
| padding: 24px 20px;
|
| }
|
| .modal-content form button {
|
| padding: 16px;
|
| border-radius: 8px;
|
| outline: 0;
|
| border: 0;
|
| }
|
|
|
| .modal.fade .modal-dialog {
|
| width: 100vw;
|
| position: absolute;
|
| right: 8px;
|
| top: 8px;
|
| margin: 0;
|
| height: calc(100vh - 16px);
|
| }
|
|
|
| .modal-dialog-scrollable .modal-content {
|
| max-height: 100%;
|
| overflow: hidden;
|
| height: 100%;
|
| }
|
|
|
| .compare_bar {
|
| width: 100%;
|
| position: sticky;
|
| top: 0px;
|
| z-index: 99;
|
| display: flex;
|
| padding: 8px 0;
|
| background: var(--primaryColor);
|
| color: #fff;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.28px;
|
| }
|
| .compare_bar .conte {
|
| display: flex;
|
| justify-content: space-between;
|
| align-items: center;
|
| flex-wrap: wrap;
|
| row-gap: 12px;
|
| }
|
| .compare_bar .left {
|
| display: flex;
|
| align-items: center;
|
| gap: 16px;
|
| flex-wrap: wrap;
|
| row-gap: 12px;
|
| }
|
| .compare_bar .selected_item {
|
| border-radius: 16px;
|
| background: rgba(255, 255, 255, 0.14);
|
| display: flex;
|
| padding: 5px 10px;
|
| align-items: center;
|
| gap: 10px;
|
| min-width: 101px;
|
| }
|
| .compare_bar .add_more {
|
| display: flex;
|
| align-items: center;
|
| gap: 4px;
|
| }
|
| .compare_bar .add_more svg {
|
| min-width: 16px;
|
| }
|
| .compare_bar .btn {
|
| display: flex;
|
| padding: 8px 10px 8px 12px;
|
| align-items: center;
|
| gap: 6px;
|
| color: var(--primaryColor);
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.28px;
|
| border-radius: 8px;
|
| border: 0 !important;
|
| background: #fff;
|
| }
|
|
|
| .whatsapp_btn {
|
| padding: 0;
|
| position: fixed;
|
| right: 28px;
|
| bottom: 42px;
|
| z-index: 999999;
|
| cursor: pointer;
|
| }
|
| .whatsapp_btn svg circle {
|
| transition: 0.3s;
|
| }
|
| .whatsapp_btn:hover svg circle {
|
| fill: #13852b;
|
| }
|
|
|
| .modal.full_width {
|
| width: 100%;
|
| }
|
| .modal.full_width .modal-dialog {
|
| width: 100% !important;
|
| max-width: 100% !important;
|
| height: 100vh !important;
|
| position: static;
|
| background: #fff;
|
| }
|
| .modal.full_width .modal-dialog .modal-content {
|
| width: 100%;
|
| padding: 0px;
|
| border-radius: 0;
|
| max-width: 100%;
|
| margin: 0 auto;
|
| border: 0;
|
| }
|
| .modal.full_width .modal-dialog .thumbnail_content {
|
| width: 100%;
|
| padding: 54px 12px 12px;
|
| border-radius: 0;
|
| max-width: 1080px;
|
| margin: 0 auto;
|
| border: 0;
|
| }
|
| .modal.full_width .modal-dialog .splide__arrow {
|
| position: absolute;
|
| z-index: 99;
|
| }
|
| .modal.full_width .modal-dialog .modal_body {
|
| position: relative;
|
| height: 630px;
|
| max-height: 630px;
|
| }
|
| .modal.full_width .modal-dialog .btn-close {
|
| position: fixed;
|
| top: 10px;
|
| right: 10px;
|
| }
|
| .modal.full_width .modal-dialog .splide__slide {
|
| height: 630px;
|
| max-height: 630px;
|
| border-radius: 36px;
|
| overflow: hidden;
|
| border: inset 10px solid rgba(255, 255, 255, 0);
|
| }
|
| .modal.full_width .modal-dialog .splide__slide img {
|
| width: 100%;
|
| object-fit: cover;
|
| height: 100%;
|
| }
|
| .modal.full_width .modal-dialog #thumbnail-carousel .splide__slide {
|
| opacity: 1;
|
| }
|
| .modal.full_width .modal-dialog #thumbnail-carousel .splide__slide.is-active {
|
| border: 10px solid #fff;
|
| }
|
| .modal.full_width .modal-dialog .thumbnail_counter {
|
| text-align: center;
|
| margin-bottom: 37px;
|
| color: #3a3b4f;
|
| font-family: Inter;
|
| font-size: 2.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 28.8px;
|
| letter-spacing: -0.72px;
|
| }
|
| .modal.full_width .modal-dialog .modal_body {
|
| margin-bottom: 20px;
|
| }
|
| .modal.full_width .modal-dialog .splide__arrow {
|
| width: 32px;
|
| height: 32px;
|
| outline: 0;
|
| border: 1px solid #e8e9eb;
|
| border-radius: 50%;
|
| background: #fff;
|
| display: flex;
|
| align-items: center;
|
| justify-content: center;
|
| top: 50%;
|
| transform: translateY(-50%);
|
| }
|
| .modal.full_width .modal-dialog .splide__arrow svg {
|
| width: 16px;
|
| }
|
| .modal.full_width .modal-dialog .splide__arrow--next {
|
| left: calc(100% + 36px);
|
| }
|
| .modal.full_width .modal-dialog .splide__arrow--prev {
|
| right: calc(100% + 36px);
|
| transform: translateY(-50%) rotate(180deg);
|
| }
|
| .modal.full_width .modal-dialog #thumbnail-carousel .splide__slide {
|
| border-radius: 16px;
|
| }
|
|
|
| .applied_filters_cont {
|
| padding-top: 16px;
|
| display: flex;
|
| flex-wrap: wrap;
|
| gap: 16px;
|
| }
|
| .applied_filters_cont .applied_items {
|
| padding-right: 16px;
|
| border-right: 1px dashed #b1bcc3;
|
| display: flex;
|
| flex-direction: column;
|
| align-items: flex-start;
|
| gap: 6px;
|
| }
|
| .applied_filters_cont .applied_items:last-child {
|
| padding-right: 0;
|
| border: 0;
|
| }
|
| .applied_filters_cont p.label {
|
| color: #4b6475;
|
| font-family: Inter;
|
| font-size: 1.2rem;
|
| font-style: normal;
|
| font-weight: 400;
|
| line-height: 19.2px;
|
| letter-spacing: -0.24px;
|
| margin: 0;
|
| }
|
| .applied_filters_cont .items {
|
| display: flex;
|
| align-items: flex-start;
|
| gap: 8px;
|
| }
|
| .applied_filters_cont .item {
|
| display: flex;
|
| padding: 3px 8px 3px 12px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 4px;
|
| border-radius: 16px;
|
| background: #eef6ff;
|
| color: #3a3b4f;
|
| font-family: Inter;
|
| font-size: 1.2rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 20px;
|
| letter-spacing: -0.12px;
|
| }
|
| .applied_filters_cont .close {
|
| cursor: pointer;
|
| display: flex;
|
| justify-content: center;
|
| align-items: center;
|
| }
|
| .applied_filters_cont .close svg {
|
| transition: 0.2s;
|
| }
|
| .applied_filters_cont .close svg:hover {
|
| fill: red;
|
| }
|
|
|
| .applied_filters_cont.hidden_cont {
|
| display: none;
|
| }
|
|
|
| nav.navbar {
|
| background: #fff;
|
| overflow: hidden;
|
| box-shadow: 0px 4px 8px 0px rgba(138, 139, 163, 0.08);
|
| padding: 0;
|
| position: sticky;
|
| top: 0;
|
| z-index: 999999;
|
| }
|
| nav.navbar a,
|
| nav.navbar a.button {
|
| color: var(--darkText);
|
| font-size: 1.6rem;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.64px;
|
| height: unset;
|
| }
|
| nav.navbar .contact {
|
| display: flex;
|
| gap: 2px;
|
| align-items: center;
|
| text-decoration: underline;
|
| transition: 0.3s;
|
| }
|
| nav.navbar .contact svg {
|
| transition: 0.3s;
|
| }
|
| nav.navbar .contact:hover {
|
| color: var(--primaryColor);
|
| }
|
| nav.navbar .contact:hover svg {
|
| fill: var(--primaryColor);
|
| }
|
| nav.navbar a.btn_grey {
|
| background: #f2f2f2;
|
| }
|
| nav.navbar a.btn_grey:hover {
|
| background: rgba(61, 96, 234, 0.2392156863);
|
| }
|
| nav.navbar a.btn_primary {
|
| background: var(--primaryColor);
|
| color: var(--whiteColor);
|
| }
|
| nav.navbar a.btn_primary:hover {
|
| background: #2949ca;
|
| }
|
| nav.navbar .button {
|
| display: flex;
|
| padding: 10px 24px;
|
| border-radius: 8px;
|
| transition: 0.3s;
|
| }
|
| nav.navbar .mobile_logo,
|
| nav.navbar .burger_menu {
|
| display: none;
|
| }
|
| nav.navbar .nav_content {
|
| display: flex;
|
| align-items: center;
|
| padding: 16px 0;
|
| width: 100%;
|
| justify-content: space-between;
|
| }
|
| nav.navbar .nav_content_group {
|
| display: flex;
|
| width: 100%;
|
| justify-content: space-between;
|
| }
|
| nav.navbar .left_items {
|
| display: flex;
|
| align-items: center;
|
| column-gap: 32px;
|
| }
|
| nav.navbar .nav_links ul {
|
| display: flex;
|
| align-items: center;
|
| column-gap: 16px;
|
| }
|
| nav.navbar .nav_links ul a {
|
| transition: 0.3s;
|
| }
|
| nav.navbar .nav_links ul a:hover {
|
| color: var(--primaryColor);
|
| }
|
| nav.navbar .buttons ul {
|
| column-gap: 12px;
|
| }
|
|
|
| .home_page {
|
| width: 100%;
|
| }
|
| .home_page .container.cont_big {
|
| max-width: 1340px;
|
| }
|
| .home_page .container.cont_small {
|
| max-width: 1080px;
|
| }
|
|
|
|
|
| .hero_slider {
|
| position: relative;
|
| isolation: isolate;
|
| margin-bottom: 100px;
|
| }
|
| .hero_slider .hero_shape {
|
| position: absolute;
|
| width: 50%;
|
| left: 0;
|
| top: 0;
|
| z-index: -1;
|
| }
|
| .hero_slider .hero_content {
|
| display: grid;
|
| grid-template-columns: 1fr 1fr;
|
| gap: 30px;
|
| padding-top: 140px;
|
| }
|
| .hero_slider .hero_title {
|
| position: relative;
|
| color: #00022c;
|
| font-family: Inter;
|
| font-size: 6rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: 72px;
|
| letter-spacing: -1.8px;
|
| }
|
| .hero_slider .hero_title .icon {
|
| width: 75px;
|
| height: 75px;
|
| }
|
| .hero_slider p.desc {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.8rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.36px;
|
| }
|
| .hero_slider .down_info {
|
| display: flex;
|
| align-items: center;
|
| gap: 8px;
|
| margin-top: 16px;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.32px;
|
| }
|
|
|
|
|
|
|
| .counter_up {
|
| width: 100%;
|
| margin-bottom: 136px;
|
| }
|
| .counter_up .counter_content {
|
| padding: 50px;
|
| border-radius: 32px;
|
| border: 1px solid #aad5ed;
|
| background: #f1faff;
|
| display: flex;
|
| align-items: center;
|
| flex-direction: column;
|
| row-gap: 52px;
|
| text-align: center;
|
| color: #fff;
|
| }
|
| .counter_up h5 {
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: normal;
|
| letter-spacing: 0.32px;
|
| text-transform: uppercase;
|
| margin-bottom: 16px;
|
| color: #474d59;
|
| }
|
| .counter_up h2 {
|
| color: #00022c;
|
| font-family: Inter;
|
| font-size: 3.6rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 43.2px;
|
| letter-spacing: -1.44px;
|
| }
|
| .counter_up .counter {
|
| display: flex;
|
| align-items: center;
|
| }
|
| .counter_up .count {
|
| padding: 0 95px;
|
| border-width: 0 1px 0 1px;
|
| border-style: dashed;
|
| border-color: #c9c9c9;
|
| }
|
| .counter_up .count:first-child {
|
| padding-left: 0;
|
| border: 0;
|
| }
|
| .counter_up .count:last-child {
|
| padding-right: 0;
|
| border: 0;
|
| }
|
| .counter_up .count .number {
|
| display: flex;
|
| align-items: center;
|
| gap: 8px;
|
| font-family: Inter;
|
| font-size: 3.2rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: normal;
|
| letter-spacing: -1.6px;
|
| color: var(--primaryColor);
|
| }
|
| .counter_up .count .number .icon {
|
| min-width: 40px;
|
| }
|
| .counter_up .count p {
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.48px;
|
| margin-top: 8px;
|
| color: #474d59;
|
| }
|
|
|
|
|
|
|
| .step_booking {
|
| margin-bottom: 136px;
|
| }
|
| .step_booking .step_book_content {
|
| display: grid;
|
| grid-template-columns: 1fr 1fr;
|
| align-items: center;
|
| gap: 80px;
|
| }
|
| .step_booking h5 {
|
| color: #474d59;
|
| font-family: Inter;
|
| font-size: 1.8rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: normal;
|
| letter-spacing: 0.36px;
|
| text-transform: uppercase;
|
| margin-bottom: 24px;
|
| }
|
| .step_booking h2 {
|
| color: #00022c;
|
| font-size: 4.8rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: normal;
|
| letter-spacing: -1.92px;
|
| margin-bottom: 24px;
|
| }
|
| .step_booking li {
|
| color: #474d59;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 28px;
|
| letter-spacing: -0.32px;
|
| list-style: auto;
|
| }
|
| .step_booking .btn_primary {
|
| height: 48px;
|
| border-radius: 60px;
|
| width: fit-content;
|
| padding: 16px 20px;
|
| margin-top: 40px;
|
| }
|
|
|
|
|
|
|
| .introduction_homv .step_book_content .left {
|
| grid-column: 2/3;
|
| }
|
| .introduction_homv .step_book_content .right {
|
| grid-column: 1/2;
|
| grid-row: 1/2;
|
| }
|
| .introduction_homv h2 {
|
| position: relative;
|
| }
|
| .introduction_homv h2 .new {
|
| position: absolute;
|
| color: #fff;
|
| font-family: Inter;
|
| font-size: 2rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: normal;
|
| letter-spacing: -0.8px;
|
| border-radius: 6px;
|
| background: #2c7929;
|
| transform: rotate(-20deg);
|
| padding: 4px 9px;
|
| left: 45%;
|
| top: 12px;
|
| }
|
|
|
|
|
|
|
| .app_section .content {
|
| border-radius: 32px;
|
| background: #f7f6f2;
|
| padding: 60px;
|
| display: grid;
|
| grid-template-columns: 1fr 1fr;
|
| align-items: center;
|
| gap: 80px;
|
| }
|
| .app_section h2 {
|
| color: #00022c;
|
| font-family: Inter;
|
| font-size: 4.4rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: normal;
|
| letter-spacing: -1.76px;
|
| margin-bottom: 32px;
|
| }
|
| .app_section h2 .badge {
|
| display: inline-block;
|
| transform: translateY(-18px) rotate(-12.831deg);
|
| padding: 10px 16px;
|
| justify-content: center;
|
| align-items: center;
|
| border-radius: 30px;
|
| background: #a4deff;
|
| color: #094463;
|
| font-family: Inter;
|
| font-size: 1.2rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: normal;
|
| letter-spacing: 0;
|
| }
|
| .app_section .desc_group {
|
| display: flex;
|
| flex-direction: column;
|
| row-gap: 28px;
|
| margin-bottom: 102px;
|
| }
|
| .app_section .desc_group .sec {
|
| display: flex;
|
| align-items: center;
|
| gap: 16px;
|
| }
|
| .app_section .desc_group .icon {
|
| width: 40px;
|
| height: 40px;
|
| }
|
| .app_section .desc_group h4 {
|
| color: #00022c;
|
| font-family: Inter;
|
| font-size: 2rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 24px;
|
| letter-spacing: -0.6px;
|
| margin-bottom: 12px;
|
| }
|
| .app_section .desc_group p {
|
| color: #474d59;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 25.2px;
|
| letter-spacing: -0.32px;
|
| }
|
| .app_section .store_btn {
|
| display: flex;
|
| align-items: center;
|
| gap: 12px;
|
| }
|
| .app_section .store_btn a {
|
| width: 160px;
|
| }
|
| .app_section .store_btn a img {
|
| width: 100%;
|
| }
|
|
|
|
|
|
|
| .feature_on {
|
| margin-top: 100px;
|
| margin-bottom: 128px;
|
| }
|
| .feature_on h2 {
|
| color: #00022c;
|
| font-family: Inter;
|
| font-size: 4.8rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: normal;
|
| letter-spacing: -1.92px;
|
| margin-bottom: 40px;
|
| text-align: center;
|
| }
|
| .feature_on .content {
|
| display: flex;
|
| justify-content: center;
|
| border-radius: 36px;
|
| background: #f9f9f9;
|
| padding: 60px;
|
| gap: 100px;
|
| }
|
| .feature_on .content .image {
|
| height: 52px;
|
| }
|
| .feature_on .content .image img {
|
| height: 100%;
|
| }
|
|
|
|
|
|
|
| .buddies_app {
|
| margin-bottom: 125px;
|
| }
|
| .buddies_app .right {
|
| grid-column: 1/2;
|
| grid-row: 1/2;
|
| }
|
| .buddies_app h2 .badge {
|
| color: #004800;
|
| font-family: Inter;
|
| font-size: 12px;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: normal;
|
| background: #bcffa4;
|
| }
|
|
|
|
|
|
|
| .customer_review {
|
| margin-bottom: 100px;
|
| }
|
| .customer_review .review_content {
|
| position: relative;
|
| }
|
| .customer_review h2 {
|
| color: #00022c;
|
| font-family: Inter;
|
| font-size: 4.8rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: normal;
|
| letter-spacing: -1.92px;
|
| margin-bottom: 70px;
|
| }
|
| .customer_review .item {
|
| width: auto;
|
| display: flex;
|
| flex-direction: column;
|
| gap: 28px;
|
| align-items: center;
|
| }
|
| .customer_review .item .review_text {
|
| padding: 32px;
|
| background: #f1f2f5;
|
| border-radius: 32px;
|
| position: relative;
|
| min-height: 27rem;
|
| }
|
| .customer_review .item .review_text p {
|
| color: #3a3b4f;
|
| font-family: Inter;
|
| font-size: 16px;
|
| font-style: normal;
|
| font-weight: 400;
|
| line-height: 26px;
|
| letter-spacing: -0.32px;
|
| margin-bottom: 24px;
|
| }
|
| .customer_review .user {
|
| display: flex;
|
| align-items: center;
|
| gap: 12px;
|
| }
|
| .customer_review .user .image {
|
| width: 60px;
|
| height: 60px;
|
| position: relative;
|
| border-radius: 50%;
|
| }
|
| .customer_review .user .image::after {
|
| content: "";
|
| position: absolute;
|
| left: 50%;
|
| bottom: calc(100% + 6px);
|
| transform: translateX(-50%);
|
| width: 0;
|
| height: 0;
|
| border-left: 16px solid transparent;
|
| border-right: 16px solid transparent;
|
| border-top: 26px solid #f1f2f5;
|
| }
|
| .customer_review .user .image img {
|
| width: 100%;
|
| height: 100%;
|
| object-fit: cover;
|
| object-position: top center;
|
| border-radius: 50%;
|
| }
|
| .customer_review .user h5 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.8rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 21.6px;
|
| letter-spacing: -0.54px;
|
| margin-bottom: 4px;
|
| }
|
| .customer_review .user h6 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 16.8px;
|
| letter-spacing: -0.32px;
|
| }
|
| .customer_review .owl-carousel {
|
| position: static;
|
| }
|
| .customer_review .owl-carousel .owl-nav {
|
| display: flex;
|
| align-items: center;
|
| gap: 16px;
|
| position: absolute;
|
| margin: 0;
|
| top: 16px;
|
| right: 0;
|
| }
|
| .customer_review .owl-carousel .owl-nav button {
|
| width: 48px;
|
| height: 48px;
|
| border-radius: 50%;
|
| background: #fff;
|
| border: 1px solid #e8e9eb;
|
| font-size: 20px;
|
| font-weight: 600;
|
| color: var(--darkText);
|
| display: flex;
|
| justify-content: center;
|
| align-items: center;
|
| transition: 0.3s;
|
| margin: 0;
|
| padding: 0;
|
| }
|
| .customer_review .owl-carousel .owl-nav button:hover {
|
| background: var(--primaryColor);
|
| color: #fff;
|
| }
|
|
|
|
|
|
|
| .headline {
|
| margin-bottom: 128px;
|
| }
|
| .headline .headline_content {
|
| position: relative;
|
| padding: 92px 50px 72px;
|
| border-radius: 32px;
|
| background: #f1faff;
|
| }
|
| .headline h2 {
|
| color: #00022c;
|
| font-size: 4.8rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: normal;
|
| letter-spacing: -1.92px;
|
| margin-bottom: 100px;
|
| position: relative;
|
| display: inline-block;
|
| }
|
| .headline h2 .icon {
|
| position: absolute;
|
| right: -16px;
|
| top: 20px;
|
| }
|
| .headline .owl-carousel {
|
| position: static;
|
| }
|
| .headline .owl-carousel .owl-nav {
|
| display: flex;
|
| align-items: center;
|
| gap: 16px;
|
| position: absolute;
|
| margin: 0;
|
| top: 116px;
|
| right: 50px;
|
| }
|
| .headline .owl-carousel .owl-nav button {
|
| width: 48px;
|
| height: 48px;
|
| border-radius: 50%;
|
| background: transparent;
|
| border: 1px solid #e8e9eb;
|
| font-size: 20px;
|
| font-weight: 600;
|
| color: var(--darkText);
|
| display: flex;
|
| justify-content: center;
|
| align-items: center;
|
| transition: 0.3s;
|
| margin: 0;
|
| padding: 0;
|
| }
|
| .headline .owl-carousel .owl-nav button:hover {
|
| background: var(--primaryColor);
|
| color: #fff;
|
| }
|
| .headline .owl-item {
|
| padding-top: 32px;
|
| }
|
| .headline .item {
|
| padding: 28px;
|
| border-radius: 32px;
|
| background: #e2f5ff;
|
| min-height: 32.6rem;
|
| }
|
| .headline .item .image {
|
| width: 100px;
|
| height: 100px;
|
| margin-bottom: 33px;
|
| margin-top: -60px;
|
| border-radius: 50%;
|
| }
|
| .headline .item .image img {
|
| width: 100%;
|
| height: 100%;
|
| object-fit: cover;
|
| object-position: top center;
|
| border-radius: 50%;
|
| }
|
| .headline .item h3 {
|
| color: #00022c;
|
| font-family: Inter;
|
| font-size: 2.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 32.8px;
|
| letter-spacing: -0.72px;
|
| margin-bottom: 12px;
|
| }
|
| .headline .item p {
|
| color: #00022c;
|
| font-family: Inter;
|
| font-size: 1.8rem;
|
| font-style: italic;
|
| font-weight: 500;
|
| line-height: 28px;
|
| letter-spacing: -0.36px;
|
| margin-bottom: 24px;
|
| }
|
| .headline .item .date {
|
| color: #00022c;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 28px;
|
| letter-spacing: -0.28px;
|
| width: fit-content;
|
| display: flex;
|
| padding: 4px 14px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 10px;
|
| margin-bottom: 0;
|
| border-radius: 50px;
|
| background: #fff;
|
| }
|
|
|
|
|
|
|
| .institute {
|
| margin-bottom: 128px;
|
| }
|
| .institute .heading {
|
| display: flex;
|
| align-items: center;
|
| gap: 12px;
|
| padding: 0;
|
| justify-content: center;
|
| margin-bottom: 90px;
|
| }
|
| .institute .heading h2,
|
| .institute .heading select {
|
| color: #00022c;
|
| font-family: Inter;
|
| font-size: 4.8rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: normal;
|
| letter-spacing: -1.92px;
|
| }
|
| .institute .heading select {
|
| width: fit-content;
|
| padding: 0;
|
| border: 0 !important;
|
| padding-right: 20px;
|
| border-radius: 0;
|
| color: var(--primaryColor);
|
| -webkit-appearance: none;
|
| -moz-appearance: none;
|
| background: transparent;
|
| background-image: url("../images/drop_arrow.svg");
|
| background-repeat: no-repeat;
|
| background-position-x: 100%;
|
| background-position-y: 28px;
|
| background-size: 20px;
|
| }
|
| .institute .heading select option {
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.32px;
|
| color: var(--darkText);
|
| }
|
| .institute .all_item {
|
| display: grid;
|
| gap: 20px;
|
| grid-template-columns: repeat(auto-fit, minmax(244px, 1fr));
|
| justify-content: center;
|
| align-items: center;
|
| }
|
| .institute .all_item .image {
|
| width: 100%;
|
| height: 244px;
|
| border-radius: 32px;
|
| }
|
| .institute .all_item .image img {
|
| width: 100%;
|
| height: 100%;
|
| object-fit: cover;
|
| object-position: center;
|
| border-radius: 32px;
|
| }
|
| .institute .all_item h4 {
|
| color: #00022c;
|
| font-family: Inter;
|
| font-size: 2rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 32px;
|
| letter-spacing: -0.6px;
|
| margin-top: 12px;
|
| text-align: center;
|
| width: 100%;
|
| }
|
|
|
|
|
|
|
| .download {
|
| width: 100%;
|
| margin-bottom: 240px;
|
| }
|
| .download .content {
|
| padding: 50px;
|
| padding-bottom: 0;
|
| border-radius: 32px;
|
| background: #f1faff;
|
| display: grid;
|
| align-items: center;
|
| grid-template-columns: 6fr 4fr;
|
| gap: 30px;
|
| }
|
| .download .content h2 {
|
| color: #00022c;
|
| font-family: Inter;
|
| font-size: 4.8rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: normal;
|
| letter-spacing: -1.92px;
|
| position: relative;
|
| margin-bottom: 121px;
|
| }
|
| .download .content h2 .text {
|
| height: 43px;
|
| display: inline-block;
|
| transform: translateY(-3px);
|
| }
|
| .download .content h2 .text img {
|
| height: 100%;
|
| }
|
| .download .content h2 .icon {
|
| width: 84px;
|
| height: 84px;
|
| display: inline-block;
|
| position: absolute;
|
| top: 100%;
|
| right: 14%;
|
| }
|
| .download .content h2 .icon img {
|
| width: 100%;
|
| }
|
| .download .content .download_btn {
|
| display: flex;
|
| align-items: center;
|
| padding-bottom: 40px;
|
| gap: 20px;
|
| }
|
| .download .content .download_btn a {
|
| width: 180px;
|
| }
|
| .download .content .download_btn a img {
|
| width: 100%;
|
| }
|
|
|
|
|
| .listing_page nav.navbar {
|
| position: static;
|
| }
|
|
|
| .searchBarIcon{
|
| height: 56px;
|
| border-radius: 50px;
|
| justify-content: center !important;
|
| max-width: 60px;
|
| border: 2px #000 solid !important;
|
| }
|
|
|
| .slider {
|
| margin: 28px 0;
|
| }
|
| .slider .item {
|
| padding: 70px;
|
| background-image: url(../images/slider1.png);
|
| background-position: center;
|
| background-size: cover;
|
| background-repeat: no-repeat;
|
| border-radius: 16px;
|
| }
|
| .slider h1 {
|
| color: #829aff;
|
| font-size: 5.2rem;
|
| font-weight: 700;
|
| line-height: 48.4px;
|
| letter-spacing: -3.12px;
|
| text-transform: lowercase;
|
| max-width: 590px;
|
| }
|
| .slider h1 .diff_color {
|
| color: var(--primaryColor);
|
| }
|
| .slider h1 .logo {
|
| display: inline-block;
|
| width: 270px;
|
| transform: translateY(10px);
|
| margin-left: 10px;
|
| }
|
|
|
| .listing_property form {
|
| display: flex;
|
| gap: 20px;
|
| }
|
| .listing_property .link_path {
|
| margin-bottom: 20px;
|
| }
|
| .listing_property .heading_content {
|
| background: #fff;
|
| position: sticky;
|
| top: 0px;
|
| z-index: 9;
|
| transition: 0.3s;
|
| padding-bottom: 20px;
|
| }
|
| .listing_property .heading_sticky {
|
| padding: 16px 0;
|
| margin-bottom: 0;
|
| box-shadow: 0px 4px 8px 0px rgba(138, 139, 163, 0.08);
|
| }
|
| .listing_property .heading_sticky .title_head {
|
| margin: 16px 0 0;
|
| display: none;
|
| }
|
| .listing_property .heading_sticky .link_path {
|
| margin-bottom: 12px;
|
| }
|
| .listing_property .filter_price > button {
|
| min-width: 134px;
|
| width: 134px;
|
| }
|
| .listing_property .filter_gender > button {
|
| min-width: 100px;
|
| width: 100px;
|
| }
|
| .listing_property .filter_facility > button {
|
| min-width: 140px;
|
| width: 140px;
|
| }
|
| .listing_property .filter_sharing > button {
|
| min-width: 144px;
|
| width: 144px;
|
| }
|
| .listing_property .filter_amenities > button {
|
| width: 120px;
|
| min-width: 120px;
|
| }
|
| .listing_property .dropdown {
|
| width: fit-content !important;
|
| }
|
| .listing_property .left_filter {
|
| display: flex;
|
| align-items: center;
|
| gap: 20px;
|
| width: 100%;
|
| }
|
| .listing_property .left_filter .btn_group a {
|
| cursor: pointer;
|
| }
|
| .listing_property .left_filter .dropdown_filter:nth-child(3) {
|
| min-width: 203px;
|
| max-width: 203px;
|
| }
|
| .listing_property .filter_price .dropdown_filter_content {
|
| width: 320px;
|
| }
|
| .listing_property .filter_accommodation .dropdown_filter_content {
|
| width: 203px;
|
| }
|
| .listing_property .filter_sharing .dropdown_filter_content {
|
| width: 160px;
|
| }
|
| .listing_property .filter_popular .dropdown_filter_content {
|
| width: 203px;
|
| align-items: flex-start;
|
| }
|
| .listing_property .filter_locality .dropdown_filter_content {
|
| padding: 16px 6px 16px 16px;
|
| width: 300px;
|
| }
|
| .listing_property .filter_locality .dropdown_filter_content .scroll_cont {
|
| max-height: 280px;
|
| overflow: auto;
|
| display: flex;
|
| flex-direction: column;
|
| gap: 16px;
|
| }
|
| .listing_property .filter_amenities .dropdown_filter_content {
|
| width: 240px;
|
| padding: 12px 6px 16px 16px;
|
| justify-content: center;
|
| }
|
| .listing_property .filter_amenities .scroll_cont {
|
| max-height: 280px;
|
| overflow: auto;
|
| display: flex;
|
| flex-direction: column;
|
| gap: 16px;
|
| }
|
| .listing_property .filter_amenities .check_group {
|
| display: flex;
|
| flex-direction: column;
|
| gap: 8px;
|
| }
|
| .listing_property .filter_amenities h5 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.8rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 21.6px;
|
| letter-spacing: -0.36px;
|
| }
|
| .listing_property .filter_amenities .form_check {
|
| margin: 4px 0;
|
| }
|
| .listing_property .filter_amenities .btn_primary {
|
| margin-right: 10px;
|
| justify-content: center;
|
| padding: 13px 16px;
|
| height: unset;
|
| border-radius: 100px;
|
| }
|
| .listing_property .right_filters {
|
| display: flex;
|
| align-items: center;
|
| padding-left: 20px;
|
| border-left: 1px solid hsl(218, 18%, 72%);
|
| gap: 6px;
|
| }
|
| .listing_property .right_filters p {
|
| color: #474d59;
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 15px;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.3px;
|
| min-width: 62px;
|
| }
|
| .listing_property .right_filters select {
|
| min-width: 106px;
|
| }
|
| .listing_property .title_head {
|
| display: flex;
|
| width: 100%;
|
| justify-content: space-between;
|
| margin-top: 44px;
|
| }
|
| .listing_property .title_head select {
|
| min-width: 190px;
|
| border-radius: 10px;
|
| }
|
| .listing_property .title_head h2 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 2.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 28.8px;
|
| letter-spacing: -0.72px;
|
| }
|
| .listing_property .title_head h6 {
|
| color: #4b6475;
|
| font-size: 1.6rem;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.32px;
|
| margin-top: 8px;
|
| }
|
| .listing_property .title_head .right_group {
|
| display: flex;
|
| align-items: center;
|
| gap: 12px;
|
| }
|
|
|
| .blog {
|
| background: #f7f7f8;
|
| padding: 60px 0 72px;
|
| margin-top: 100px;
|
| }
|
| .blog h2 {
|
| color: var(--darkText);
|
| font-size: 2.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 28.8px;
|
| letter-spacing: -0.72px;
|
| margin: 0 auto 48px;
|
| text-align: center;
|
| }
|
| .blog .blog_group {
|
| display: flex;
|
| gap: 20px;
|
| }
|
| .blog .blog_card {
|
| border-radius: 20px;
|
| background: #eeeff2;
|
| }
|
| .blog .blog_image {
|
| width: 100%;
|
| height: 232px;
|
| border-radius: 20px 20px 0 0;
|
| overflow: hidden;
|
| }
|
| .blog .blog_image img {
|
| width: 100%;
|
| height: 100%;
|
| object-fit: cover;
|
| object-position: center;
|
| }
|
| .blog .blog_info {
|
| padding: 16px 15px;
|
| display: flex;
|
| flex-direction: column;
|
| }
|
| .blog .blog_info h3 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 20.8px;
|
| letter-spacing: -0.48px;
|
| margin-bottom: 4px;
|
| }
|
| .blog .blog_info p {
|
| color: #4b6475;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 23.4px;
|
| letter-spacing: -0.14px;
|
| }
|
|
|
| #navbar-example2.navbar {
|
| position: sticky;
|
| top: 71px;
|
| z-index: 999;
|
| }
|
|
|
| hr {
|
| color: #e8e9eb;
|
| margin-top: 40px;
|
| margin-bottom: 40px;
|
| opacity: 1;
|
| }
|
|
|
| .splide__slide img {
|
| width: 100%;
|
| height: 100%;
|
| object-fit: cover;
|
| }
|
|
|
| .splide__slide {
|
| opacity: 0.6;
|
| }
|
|
|
| .splide__slide.is-active {
|
| opacity: 1;
|
| }
|
|
|
| .property_details .details_link_path {
|
| margin: 40px 0 28px 0;
|
| display: flex;
|
| justify-content: space-between;
|
| }
|
| .property_details .details_link_path .share {
|
| color: #32ab4c;
|
| font-size: 1.8rem;
|
| font-family: Inter;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| word-wrap: break-word;
|
| }
|
| .property_details .details_content {
|
| width: 100%;
|
| display: flex;
|
| column-gap: 48px;
|
| }
|
| .property_details .details_content .left_side {
|
| width: 100%;
|
| max-width: 757px;
|
| }
|
| .property_details .details_content .left_side .red_coupon {
|
| display: flex;
|
| align-items: center;
|
| gap: 10px;
|
| margin-bottom: 20px;
|
| }
|
| .property_details .details_content .left_side .red_coupon p {
|
| color: #f44157;
|
| font-family: Inter;
|
| font-size: 15px;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 18px;
|
| letter-spacing: -0.15px;
|
| }
|
| .property_details .details_content .left_side .image_gallery .image {
|
| overflow: hidden;
|
| border-radius: 12px;
|
| object-fit: cover;
|
| }
|
| .property_details .details_content .left_side .image_gallery .active {
|
| width: 100%;
|
| }
|
| .property_details .details_content .left_side .image_gallery .image_gallery_slider {
|
| display: grid;
|
| grid-template-columns: repeat(3, 1fr);
|
| column-gap: 20px;
|
| margin-top: 20px;
|
| margin-bottom: 32px;
|
| }
|
| .property_details .details_content .left_side .image_gallery .image_gallery_slider .image {
|
| height: 152px;
|
| position: relative;
|
| cursor: pointer;
|
| }
|
| .property_details .details_content .left_side .image_gallery .image_gallery_slider .image .load_more {
|
| position: absolute;
|
| top: 50%;
|
| left: 50%;
|
| transform: translate(-50%, -50%);
|
| color: white;
|
| font-size: 2.4rem;
|
| font-family: Inter;
|
| font-weight: 700;
|
| line-height: 28.8px;
|
| word-wrap: break-word;
|
| padding: 17px 10px;
|
| border-radius: 50%;
|
| border-radius: 40px;
|
| background: rgba(0, 0, 0, 0.4);
|
| backdrop-filter: blur(17px);
|
| }
|
| .property_details .details_content .left_side .image_gallery img {
|
| width: 100%;
|
| }
|
| .property_details .details_content .left_side .details_tabs {
|
| width: 100%;
|
| }
|
| .property_details .details_content .left_side .details_tabs .scrollspy-example {
|
| width: 100%;
|
| }
|
| .property_details .details_content .left_side .details_tabs .scroll_content {
|
| width: 100%;
|
| }
|
| .property_details .details_content .left_side .details_tabs .navbar {
|
| background: #fff;
|
| margin-bottom: 60px;
|
| border-bottom: 1px solid #e8e9eb;
|
| padding: 0;
|
| }
|
| .property_details .details_content .left_side .details_tabs .navbar ul {
|
| column-gap: 68px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .navbar .nav-link {
|
| color: #495a63;
|
| font-size: 1.6rem;
|
| font-family: Inter;
|
| font-weight: 500;
|
| padding: 20px 0;
|
| background: none;
|
| position: relative;
|
| }
|
| .property_details .details_content .left_side .details_tabs .navbar .nav-link::after {
|
| content: "";
|
| position: absolute;
|
| width: 100%;
|
| height: 3px;
|
| background: var(--primaryColor);
|
| bottom: 0;
|
| left: 0;
|
| border-radius: 4px 4px 0px 0px;
|
| opacity: 0;
|
| }
|
| .property_details .details_content .left_side .details_tabs .navbar .nav-link.active {
|
| color: var(--primaryColor);
|
| }
|
| .property_details .details_content .left_side .details_tabs .navbar .nav-link.active::after {
|
| opacity: 1;
|
| }
|
| .property_details .details_content .left_side .details_tabs .overview.scroll_content .heading {
|
| display: flex;
|
| justify-content: space-between;
|
| }
|
| .property_details .details_content .left_side .details_tabs .overview.scroll_content .heading .left {
|
| display: flex;
|
| flex-direction: column;
|
| gap: 12px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .overview.scroll_content .heading .left h4 {
|
| color: #3a3b4f;
|
| font-size: 2.4rem;
|
| font-family: Inter;
|
| font-weight: 600;
|
| line-height: 28.8px;
|
| word-wrap: break-word;
|
| margin-bottom: 0;
|
| }
|
| .property_details .details_content .left_side .details_tabs .overview.scroll_content .heading .left .location {
|
| display: flex;
|
| align-items: center;
|
| }
|
| .property_details .details_content .left_side .details_tabs .overview.scroll_content .heading .left .location .pin_icon {
|
| width: 18px;
|
| height: 18px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .overview.scroll_content .heading .left .location span {
|
| color: #3a3b4f;
|
| font-size: 2rem;
|
| font-family: Inter;
|
| font-weight: 400;
|
| line-height: 19.2px;
|
| word-wrap: break-word;
|
| }
|
| .property_details .details_content .left_side .details_tabs .overview.scroll_content .heading .right .btn_h {
|
| border-radius: 50%;
|
| width: 44px;
|
| height: 44px;
|
| display: flex;
|
| align-items: center;
|
| justify-content: center;
|
| border: 1px solid #e8e9eb;
|
| }
|
| .property_details .details_content .left_side .details_tabs .overview.scroll_content .info_sec {
|
| width: 100%;
|
| margin-top: 32px;
|
| margin-bottom: 40px;
|
| display: flex;
|
| column-gap: 28px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .overview.scroll_content .info_sec .rating_group {
|
| cursor: pointer;
|
| }
|
| .property_details .details_content .left_side .details_tabs .overview.scroll_content .info_sec .info {
|
| display: flex;
|
| align-items: center;
|
| column-gap: 8px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .overview.scroll_content .info_sec .info span {
|
| color: #4b6475;
|
| font-size: 1.8rem;
|
| font-family: Inter;
|
| font-weight: 400;
|
| line-height: 19.2px;
|
| word-wrap: break-word;
|
| position: relative;
|
| }
|
| .property_details .details_content .left_side .details_tabs .overview.scroll_content .info_sec .info .rating::before {
|
| content: "";
|
| position: absolute;
|
| width: 100%;
|
| height: 6px;
|
| background: transparent;
|
| border-bottom: 1px dashed #3d5fea;
|
| top: 100%;
|
| left: 0;
|
| }
|
| .property_details .details_content .left_side .details_tabs .overview.scroll_content .schedule_sec {
|
| display: flex;
|
| align-items: center;
|
| padding: 24px 20px;
|
| border-radius: 16px;
|
| margin-bottom: 40px;
|
| justify-content: space-between;
|
| column-gap: 35px;
|
| border-radius: 16px;
|
| border: 1px solid #e8e9eb;
|
| background: #f7f7f8;
|
| }
|
| .property_details .details_content .left_side .details_tabs .overview.scroll_content .schedule_sec p {
|
| color: #4b6475;
|
| font-size: 1.6rem;
|
| font-family: Inter;
|
| font-weight: 500;
|
| line-height: 26px;
|
| word-wrap: break-word;
|
| }
|
| .property_details .details_content .left_side .details_tabs .overview.scroll_content .schedule_sec a {
|
| display: inline-block;
|
| background-color: #f44157;
|
| min-width: 155px;
|
| border-color: #f44157;
|
| color: #fff;
|
| text-align: center;
|
| height: fit-content;
|
| }
|
| .property_details .details_content .left_side .details_tabs h4 {
|
| color: var(--darkText);
|
| font-size: 2.4rem;
|
| font-family: Inter;
|
| font-weight: 600;
|
| line-height: 28.8px;
|
| word-wrap: break-word;
|
| margin-bottom: 24px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .amenities.scroll_content {
|
| display: flex;
|
| flex-direction: column;
|
| }
|
| .property_details .details_content .left_side .details_tabs .amenities.scroll_content .info_sec {
|
| border-radius: 16px;
|
| border: 1px solid #e8e9eb;
|
| }
|
| .property_details .details_content .left_side .details_tabs .amenities.scroll_content .info_sec .nav {
|
| padding: 52px 20px 52px 24px;
|
| display: flex;
|
| flex-direction: column;
|
| row-gap: 28px;
|
| align-items: flex-start;
|
| border-radius: 16px 0px 0px 16px;
|
| background: #f7f7f8;
|
| margin: 0 !important;
|
| width: 100%;
|
| max-width: 231px;
|
| min-height: 600px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .amenities.scroll_content .info_sec .nav .nav-link {
|
| font-size: 1.6rem;
|
| font-family: Inter;
|
| font-weight: 500;
|
| line-height: 24px;
|
| word-wrap: break-word;
|
| color: #4b6475;
|
| display: flex;
|
| column-gap: 8px;
|
| transition: 0.3s;
|
| align-items: center;
|
| }
|
| .property_details .details_content .left_side .details_tabs .amenities.scroll_content .info_sec .nav .nav-link svg {
|
| transition: 0.3s;
|
| }
|
| .property_details .details_content .left_side .details_tabs .amenities.scroll_content .info_sec .nav .nav-link:hover {
|
| color: var(--primaryColor);
|
| }
|
| .property_details .details_content .left_side .details_tabs .amenities.scroll_content .info_sec .nav .active {
|
| background-color: transparent !important;
|
| color: var(--primaryColor);
|
| }
|
| .property_details .details_content .left_side .details_tabs .amenities.scroll_content .info_sec .nav .active .icon svg {
|
| stroke: var(--primaryColor);
|
| }
|
| .property_details .details_content .left_side .details_tabs .amenities.scroll_content .info_sec .nav #v-pills-Food-tab.active svg {
|
| stroke: none;
|
| fill: var(--primaryColor);
|
| }
|
| .property_details .details_content .left_side .details_tabs .amenities.scroll_content .info_sec .tab-content {
|
| padding: 52px 20px 55px;
|
| min-height: 544px;
|
| width: 100%;
|
| }
|
| .property_details .details_content .left_side .details_tabs .amenities.scroll_content .info_sec .tab-content .tab_content {
|
| width: 100%;
|
| display: grid;
|
| grid-template-columns: 1fr 1fr;
|
| column-gap: 30px;
|
| row-gap: 40px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .amenities.scroll_content .info_sec .tab-content .tab_content .food_item {
|
| display: flex;
|
| align-items: center;
|
| gap: 8px;
|
| color: var(--darkText);
|
| text-align: left;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.48px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .amenities.scroll_content .info_sec .tab-content .tab_content .food_item .icon {
|
| width: 30px;
|
| height: 30px;
|
| min-width: 30px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .amenities.scroll_content .info_sec .tab-content .tab_content .food_item .icon img {
|
| width: 100%;
|
| }
|
| .property_details .details_content .left_side .details_tabs .rules .info_sec {
|
| border-radius: 16px;
|
| border: 1px solid #e8e9eb;
|
| background: #fff;
|
| overflow: hidden;
|
| padding: 8px 0;
|
| }
|
| .property_details .details_content .left_side .details_tabs .rules .rules_item {
|
| display: flex;
|
| width: 100%;
|
| padding: 16px 24px;
|
| gap: 8px;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 400;
|
| line-height: 19.2px;
|
| letter-spacing: -0.32px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .rules .rules_item:nth-of-type(even) {
|
| background: #f7f7f8;
|
| }
|
| .property_details .details_content .left_side .details_tabs .rules .query {
|
| display: flex;
|
| align-items: center;
|
| padding: 24px 20px;
|
| border-radius: 16px;
|
| margin-bottom: 40px;
|
| justify-content: space-between;
|
| column-gap: 35px;
|
| border-radius: 16px;
|
| border: 1px solid #e8e9eb;
|
| background: #f7f7f8;
|
| }
|
| .property_details .details_content .left_side .details_tabs .rules .query p {
|
| color: #4b6475;
|
| font-size: 1.6rem;
|
| font-family: Inter;
|
| font-weight: 500;
|
| line-height: 26px;
|
| word-wrap: break-word;
|
| }
|
| .property_details .details_content .left_side .details_tabs .rules .query a {
|
| display: inline-block;
|
| background-color: var(--primaryColor);
|
| min-width: 155px;
|
| border-color: var(--primaryColor);
|
| color: #fff;
|
| text-align: center;
|
| height: fit-content;
|
| }
|
| .property_details .details_content .left_side .details_tabs .rules .map_location iframe {
|
| width: 100%;
|
| border-radius: 16px;
|
| border: 1px solid #e8e9eb;
|
| overflow: hidden;
|
| }
|
| .property_details .details_content .left_side .details_tabs .review .image {
|
| width: 24px;
|
| height: 24px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .review .item {
|
| border-radius: 16px;
|
| background: #f7f7f8;
|
| display: flex;
|
| padding: 21px 25px;
|
| flex-direction: column;
|
| gap: 10px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .review .item .name {
|
| display: flex;
|
| align-items: center;
|
| gap: 8px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .review .item .name h5 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.8rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 32px;
|
| letter-spacing: -0.36px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .review .item p {
|
| color: #4b6475;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 400;
|
| line-height: 28px;
|
| letter-spacing: -0.48px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .review .owl-nav {
|
| text-align: right;
|
| }
|
| .property_details .details_content .left_side .details_tabs .review button.owl-next,
|
| .property_details .details_content .left_side .details_tabs .review button.owl-prev {
|
| width: 32px;
|
| height: 32px;
|
| border-radius: 50%;
|
| border: 1px solid hsl(220, 7%, 92%);
|
| }
|
| .property_details .details_content .left_side .details_tabs .review button.owl-next span,
|
| .property_details .details_content .left_side .details_tabs .review button.owl-prev span {
|
| line-height: 29px;
|
| font-size: 20px;
|
| font-weight: 500;
|
| }
|
| .property_details .details_content .right_side {
|
| width: 100%;
|
| max-width: 435px;
|
| height: fit-content;
|
| position: sticky;
|
| top: 86px;
|
| }
|
| .property_details .details_content .right_side .refund {
|
| margin-top: 20px;
|
| display: flex;
|
| column-gap: 16px;
|
| border: 1px solid #afafaf;
|
| padding: 24px 20px;
|
| border-radius: 16px;
|
| }
|
| .property_details .details_content .right_side .refund .info {
|
| display: flex;
|
| flex-direction: column;
|
| row-gap: 20px;
|
| }
|
| .property_details .details_content .right_side .refund .info p {
|
| color: #4b6475;
|
| }
|
| .property_details .details_content .right_side .refund .info p strong {
|
| color: #3a3b4f;
|
| }
|
| .property_details .details_content .right_side .refund .info a {
|
| padding: 10px;
|
| background-color: #f5f5f5;
|
| text-align: center;
|
| border-radius: 8px;
|
| color: #3a3b4f;
|
| font-size: 1.6rem;
|
| font-family: Inter;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| word-wrap: break-word;
|
| }
|
| .property_details .large_hr {
|
| margin: 70px 0 60px;
|
| }
|
| .property_details .similar_prop {
|
| margin-bottom: 100px;
|
| }
|
| .property_details .similar_prop h2 {
|
| margin-bottom: 28px;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 2.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 28.8px;
|
| letter-spacing: -0.72px;
|
| }
|
| |
| |
|
|
| .property_details .sharing_type .price_select .thead, .property_details .sharing_type .price_select .tr {
|
| font-size: 10px;
|
| }
|
| .xCss {
|
| font-size: 10px;
|
| }
|
| .property_details .sharing_type .price_select .thead .td:not(:first-child), .property_details .sharing_type .price_select .thead .th:not(:first-child), .property_details .sharing_type .price_select .tr .td:not(:first-child), .property_details .sharing_type .price_select .tr .th:not(:first-child) {
|
| font-size: 12px;
|
| }
|
| .property_details .sharing_type {
|
| width: 100%;
|
| padding: 32px 20px 20px 20px;
|
| filter: drop-shadow(0px 8px 25px rgba(76, 91, 109, 0.15));
|
| border-radius: 16px;
|
| background-color: #ffffff;
|
| }
|
| .property_details .sharing_type h4 {
|
| color: #3a3b4f;
|
| font-size: 2rem;
|
| font-family: Inter;
|
| font-weight: 600;
|
| line-height: 21.6px;
|
| word-wrap: break-word;
|
| margin-bottom: 16px;
|
| }
|
| .property_details .sharing_type hr {
|
| margin: 16px 0;
|
| width: 100%;
|
| color: #e8e9eb;
|
| }
|
| .property_details .sharing_type .coupon {
|
| display: flex;
|
| align-items: center;
|
| gap: 10px;
|
| padding: 6px 12px;
|
| border-radius: 38px;
|
| border: 1px dashed #1ea83c;
|
| background: #ebfff0;
|
| }
|
| .property_details .sharing_type .coupon p {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 14px;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.42px;
|
| }
|
| .property_details .sharing_type .price_select .tbody {
|
| display: flex;
|
| flex-direction: column;
|
| gap: 4px;
|
| margin-top: 4px;
|
| }
|
| .property_details .sharing_type .price_select .thead {
|
| border-radius: 6px;
|
| background: #f1faff;
|
| padding: 2px 0px;
|
| color: #495a63;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.32px;
|
| }
|
| .property_details .sharing_type .price_select .thead,
|
| .property_details .sharing_type .price_select .tr {
|
| display: flex;
|
| }
|
| .property_details .sharing_type .price_select .thead .td,
|
| .property_details .sharing_type .price_select .thead .th,
|
| .property_details .sharing_type .price_select .tr .td,
|
| .property_details .sharing_type .price_select .tr .th {
|
| width: 100%;
|
| padding: 10px 20px;
|
| }
|
| .property_details .sharing_type .price_select .thead .td:not(:first-child),
|
| .property_details .sharing_type .price_select .thead .th:not(:first-child),
|
| .property_details .sharing_type .price_select .tr .td:not(:first-child),
|
| .property_details .sharing_type .price_select .tr .th:not(:first-child) {
|
| max-width: 100%;
|
| }
|
| .property_details .sharing_type .price_select .tr {
|
| gap: 4px;
|
| }
|
| .property_details .sharing_type .price_select .td {
|
| padding: 10px 20px;
|
| color: var(--darkText);
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 28.8px;
|
| letter-spacing: -0.48px;
|
| text-align: left;
|
| border-radius: 8px;
|
| background: rgba(249, 249, 249, 0.6);
|
| }
|
| .property_details .sharing_type .price_select .price_td {
|
| border-radius: 8px;
|
| border: 1px solid #f0f0f0;
|
| background: #f9f9f9;
|
| cursor: pointer;
|
| transition: 0.2s;
|
| text-align: center;
|
| }
|
| .property_details .sharing_type .price_select .price_td:hover {
|
| border: 1px solid rgba(62, 81, 255, 0.1);
|
| background: rgba(223, 238, 255, 0.3);
|
| }
|
| .property_details .sharing_type .price_select .price_td.selected {
|
| border: 1px solid rgba(62, 81, 255, 0.3);
|
| background: #dfeeff;
|
| }
|
| .property_details .sharing_type a {
|
| margin-top: 18px;
|
| color: white;
|
| font-size: 1.6rem;
|
| font-family: Inter;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| border-radius: 8px;
|
| box-shadow: 0px 8px 16px 0px rgba(244, 65, 87, 0.1);
|
| height: 52px;
|
| }
|
|
|
| .booking_flow .step_wrapper {
|
| display: flex;
|
| align-items: center;
|
| column-gap: 12px;
|
| justify-content: center;
|
| width: 100%;
|
| margin-top: 40px;
|
| margin-bottom: 50px;
|
| }
|
| .booking_flow .step_wrapper .step {
|
| width: 100vw;
|
| max-width: 120px;
|
| height: 4px;
|
| border-radius: 10px;
|
| background: #dadee7;
|
| }
|
| .booking_flow .step_wrapper .step.active {
|
| background: var(--primaryColor);
|
| }
|
| .booking_flow .book_prev {
|
| display: flex;
|
| align-items: center;
|
| column-gap: 16px;
|
| margin-bottom: 40px;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 2.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 28.8px;
|
| letter-spacing: -0.72px;
|
| transition: 0.3s;
|
| }
|
| .booking_flow .book_prev .icon {
|
| width: 32px;
|
| height: 32px;
|
| border-radius: 50%;
|
| border: 1px solid #e8e9eb;
|
| display: flex;
|
| align-items: center;
|
| justify-content: center;
|
| transition: 0.3s;
|
| }
|
| .booking_flow .book_prev svg {
|
| transition: 0.3s;
|
| }
|
| .booking_flow .book_prev:hover {
|
| color: var(--primaryColor);
|
| }
|
| .booking_flow .book_prev:hover .icon {
|
| border-color: var(--primaryColor);
|
| }
|
| .booking_flow .book_prev:hover svg {
|
| fill: var(--primaryColor);
|
| }
|
| .booking_flow .booking_filters {
|
| display: flex;
|
| justify-content: center;
|
| }
|
| .booking_flow .booking_filters form .parent_dropdown {
|
| display: flex;
|
| align-items: center;
|
| gap: 37px;
|
| }
|
| .booking_flow .booking_filters form .parent_dropdown .label {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.28px;
|
| margin-bottom: 6px;
|
| }
|
| .booking_flow .filter_occupancy {
|
| width: 100vw;
|
| max-width: 193px;
|
| }
|
| .booking_flow .filter_occupancy button {
|
| width: 100%;
|
| }
|
| .booking_flow .container.room_select {
|
| max-width: 635px;
|
| }
|
| .booking_flow .breadcumb.link_path {
|
| margin: 24px 0 36px;
|
| }
|
| .booking_flow .info_room {
|
| display: flex;
|
| align-items: center;
|
| flex-direction: column;
|
| }
|
| .booking_flow p.info_desc {
|
| color: #4b6475;
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.42px;
|
| margin: 8px 0 24px;
|
| }
|
| .booking_flow .info_filtered {
|
| display: flex;
|
| padding: 6px 16px;
|
| align-items: center;
|
| border-radius: 24px;
|
| background: #f0f1ff;
|
| gap: 6px;
|
| margin-bottom: 16px;
|
| }
|
| .booking_flow .info_filtered li {
|
| color: var(--primaryColor);
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: normal;
|
| letter-spacing: -0.36px;
|
| }
|
| .booking_flow .info_filtered .dot {
|
| width: 5px;
|
| height: 5px;
|
| border-radius: 50%;
|
| background: var(--primaryColor);
|
| }
|
| .booking_flow .info_price {
|
| color: var(--darkText);
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 2rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: normal;
|
| letter-spacing: -0.8px;
|
| margin-bottom: 24px;
|
| }
|
| .booking_flow .info_room_list {
|
| display: grid;
|
| grid-template-columns: repeat(6, 1fr);
|
| gap: 12px;
|
| }
|
| .booking_flow .info_room_list .room_list {
|
| padding: 13px 22px;
|
| color: #1ea83c;
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: normal;
|
| outline: 0;
|
| border-radius: 8px;
|
| border: 1px solid #1ea83c;
|
| background: #fff;
|
| transition: 0.3s;
|
| }
|
| .booking_flow .info_room_list .room_list:hover {
|
| background: rgba(30, 168, 60, 0.1);
|
| }
|
| .booking_flow .info_room_list .booked {
|
| border: 1px solid #acb5c5;
|
| background: #fff !important;
|
| color: #acb5c5;
|
| cursor: not-allowed;
|
| }
|
| .booking_flow .info_room_list .selected {
|
| background: #1ea83c !important;
|
| color: #fff;
|
| }
|
| .booking_flow .continue {
|
| padding: 16px;
|
| height: unset;
|
| border-radius: 100px;
|
| font-size: 1.6rem;
|
| font-weight: 600;
|
| letter-spacing: -0.32px;
|
| width: fit-content;
|
| margin: 40px auto 40px;
|
| }
|
| .booking_flow .continue span {
|
| margin-right: 8px;
|
| }
|
| .booking_flow footer {
|
| border-top: 1px solid #f4f8ff;
|
| background: #f7f7f8;
|
| padding: 8px 0;
|
| position: fixed;
|
| bottom: 0;
|
| width: 100%;
|
| }
|
| .booking_flow footer .container {
|
| display: flex;
|
| justify-content: center;
|
| gap: 35px;
|
| }
|
| .booking_flow footer .info {
|
| display: flex;
|
| align-items: center;
|
| flex-direction: row;
|
| gap: 8px;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.28px;
|
| }
|
| .booking_flow footer .color_box {
|
| width: 17px;
|
| height: 17px;
|
| border-radius: 2px;
|
| background: #1ea83c;
|
| }
|
| .booking_flow footer .booked_color {
|
| border: 1px solid #c6c6c6;
|
| background: #f7f7f7;
|
| }
|
| .booking_flow table {
|
| width: 100%;
|
| border-collapse: separate;
|
| border-spacing: 0 6px;
|
| }
|
| .booking_flow table thead {
|
| background-color: #f1faff;
|
| border-radius: 6px;
|
| }
|
| .booking_flow table thead th {
|
| padding: 12px 12px !important;
|
| color: #495a63;
|
| font-size: 1.6rem;
|
| font-family: Inter;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| word-wrap: break-word;
|
| }
|
| .booking_flow table thead th:nth-child(1) {
|
| border-top-left-radius: 8px;
|
| border-bottom-left-radius: 8px;
|
| }
|
| .booking_flow table thead th:last-child {
|
| border-top-right-radius: 8px;
|
| border-bottom-right-radius: 8px;
|
| }
|
| .booking_flow table tbody tr {
|
| border: 0;
|
| margin: 0;
|
| border-radius: 8px;
|
| cursor: pointer;
|
| transition: 0.3s;
|
| }
|
| .booking_flow table tbody tr td {
|
| padding: 17px 12px;
|
| color: #3a3b4f;
|
| font-size: 1.6rem;
|
| font-family: Inter;
|
| font-weight: 500;
|
| line-height: 28.8px;
|
| word-wrap: break-word;
|
| transition: 0.3s;
|
| background: #f9f9f9;
|
| }
|
| .booking_flow table tbody tr td input {
|
| width: 16px;
|
| height: 16px;
|
| }
|
| .booking_flow table tbody tr td:first-child {
|
| padding-left: 20px;
|
| border-top-left-radius: 8px;
|
| border-bottom-left-radius: 8px;
|
| }
|
| .booking_flow table tbody tr td:last-child {
|
| border-top-right-radius: 8px;
|
| border-bottom-right-radius: 8px;
|
| }
|
| .booking_flow table tbody tr:hover td {
|
| background: #f3f3f3;
|
| }
|
| .booking_flow table tbody tr.selected {
|
| box-shadow: 0 0 0 1px var(--primaryColor);
|
| }
|
| .booking_flow table tbody tr.selected td {
|
| color: var(--primaryColor);
|
| background: #fff;
|
| }
|
| .booking_flow .price_table {
|
| width: 100%;
|
| }
|
| .booking_flow .info_personal {
|
| display: flex;
|
| flex-direction: column;
|
| row-gap: 24px;
|
| }
|
| .booking_flow .form_control {
|
| display: flex;
|
| flex-direction: column;
|
| gap: 6px;
|
| }
|
| .booking_flow .form_control input {
|
| padding: 12px 16px;
|
| border-radius: 10px;
|
| border: 1px solid #acb5c5;
|
| background: #fff;
|
| outline: 0;
|
| color: var(--darkText);
|
| width: 100%;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.16px;
|
| transition: 0.3s;
|
| }
|
| .booking_flow .form_control input:hover {
|
| border: 1px solid var(--primaryColor);
|
| }
|
| .booking_flow .form_control input:focus {
|
| border: 1px solid var(--primaryColor);
|
| }
|
| .booking_flow .form_control .input_group {
|
| position: relative;
|
| }
|
| .booking_flow .form_control .input_group select {
|
| position: absolute;
|
| border: 0;
|
| background: transparent;
|
| padding: 12px 6px 12px 16px;
|
| width: fit-content;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.16px;
|
| }
|
| .booking_flow .form_control .input_group input {
|
| padding-left: 80px;
|
| }
|
| .booking_flow .bill_info {
|
| display: flex;
|
| gap: 24px;
|
| align-items: center;
|
| margin-bottom: 56px;
|
| }
|
| .booking_flow .bill_info .info_banner {
|
| width: 50%;
|
| }
|
| .booking_flow .bill_info .info_banner img {
|
| width: 100%;
|
| }
|
| .booking_flow .bill_info p {
|
| text-align: left;
|
| color: #4b6475;
|
| font-family: Inter;
|
| font-size: 1.5rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 150%;
|
| letter-spacing: -0.3px;
|
| margin: 0;
|
| }
|
| .booking_flow .bill_info h4 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 2rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 150%;
|
| letter-spacing: -0.6px;
|
| margin-bottom: 6px;
|
| }
|
| .booking_flow .bill_info .store_btn {
|
| display: flex;
|
| gap: 8px;
|
| align-items: center;
|
| margin-top: 20px;
|
| }
|
| .booking_flow .bill_info .store_btn a {
|
| width: calc(50% - 4px);
|
| }
|
| .booking_flow .bill_info .store_btn a img {
|
| width: 100%;
|
| }
|
| .booking_flow .payment_details h4 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 150%;
|
| letter-spacing: -0.48px;
|
| margin-bottom: 8px;
|
| }
|
| .booking_flow .payment_list {
|
| padding: 24px;
|
| border-radius: 8px;
|
| border: 1px dashed #e8e9eb;
|
| background: #f7f7f8;
|
| display: flex;
|
| flex-direction: column;
|
| gap: 12px;
|
| }
|
| .booking_flow .payment_list li {
|
| display: grid;
|
| grid-template-columns: 1fr 1fr;
|
| }
|
| .booking_flow .payment_list li span:first-child {
|
| color: #4b6475;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 150%;
|
| letter-spacing: -0.32px;
|
| }
|
| .booking_flow .payment_list li span:last-child {
|
| text-align: right;
|
| }
|
| .booking_flow .payment_list li .price {
|
| color: #3a3b4f;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 150%;
|
| letter-spacing: -0.48px;
|
| }
|
| .booking_flow .payment_list li .saving {
|
| color: #21a36d;
|
| }
|
| .booking_flow .payment_list li .total {
|
| color: #3d5fea !important;
|
| }
|
| .booking_flow .payment_list li:last-child {
|
| margin-top: 4px;
|
| border-top: 1px dashed #d6d6d6;
|
| padding-top: 16px;
|
| }
|
| .booking_flow .payment_list li button {
|
| color: #f44157;
|
| font-size: 16px;
|
| font-style: normal;
|
| text-align: right;
|
| font-weight: 600;
|
| line-height: 150%;
|
| letter-spacing: -0.48px;
|
| border: 0;
|
| background: transparent;
|
| outline: 0;
|
| text-decoration: underline;
|
| cursor: pointer;
|
| }
|
| .booking_flow .coupon_container {
|
| position: relative;
|
| text-align: right;
|
| }
|
| .booking_flow .coupon_container .coupon_wrapper {
|
| text-align: left;
|
| position: absolute;
|
| display: flex;
|
| padding: 12px;
|
| flex-direction: column;
|
| align-items: flex-start;
|
| gap: 12px;
|
| width: 100vw;
|
| max-width: 367px;
|
| border-radius: 12px;
|
| background: #f7f7f8;
|
| top: -40px;
|
| left: calc(100% + 44px);
|
| transition: 0.2s;
|
| opacity: 0;
|
| pointer-events: none;
|
| visibility: hidden;
|
| transform: translateX(-20px);
|
| }
|
| .booking_flow .coupon_container .coupon_wrapper::before {
|
| content: "";
|
| position: absolute;
|
| width: 0;
|
| height: 0;
|
| border-top: 10px solid transparent;
|
| border-right: 16px solid #f7f7f8;
|
| border-bottom: 10px solid transparent;
|
| right: 100%;
|
| top: 45px;
|
| }
|
| .booking_flow .coupon_container .coupon_wrapper.show {
|
| opacity: 1;
|
| pointer-events: unset;
|
| visibility: visible;
|
| transform: translateX(0px);
|
| }
|
| .booking_flow .coupon_container .wrapper_head {
|
| width: 100%;
|
| display: flex;
|
| align-items: center;
|
| justify-content: space-between;
|
| }
|
| .booking_flow .coupon_container .wrapper_head h3 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 150%;
|
| letter-spacing: -0.48px;
|
| }
|
| .booking_flow .coupon_container .wrapper_head .close {
|
| cursor: pointer;
|
| }
|
| .booking_flow .coupon_container .wrapper_head .close svg {
|
| transition: 0.2s;
|
| }
|
| .booking_flow .coupon_container .wrapper_head .close:hover svg {
|
| fill: red;
|
| }
|
| .booking_flow .coupon_container .wrapper_body {
|
| display: flex;
|
| flex-direction: column;
|
| gap: 12px;
|
| width: 100%;
|
| }
|
| .booking_flow .coupon_container .coupon_card {
|
| display: flex;
|
| align-items: center;
|
| }
|
| .booking_flow .coupon_container .tag {
|
| position: relative;
|
| min-height: 118px;
|
| min-width: 40px;
|
| height: 100%;
|
| background-image: url(../images/coupon_shape.svg);
|
| }
|
| .booking_flow .coupon_container .tag p {
|
| position: absolute;
|
| color: #2b85ba;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: 150%;
|
| letter-spacing: -0.8px;
|
| text-transform: capitalize;
|
| width: max-content;
|
| top: 50%;
|
| left: -10px;
|
| transform: translateY(-50%) rotate(-90deg);
|
| }
|
| .booking_flow .coupon_container .content {
|
| padding: 12px 8px 16px 12px;
|
| border-radius: 0px 12px 12px 0px;
|
| background: #f1faff;
|
| width: 100%;
|
| }
|
| .booking_flow .coupon_container .cou_top {
|
| display: flex;
|
| justify-content: space-between;
|
| width: 100%;
|
| padding-bottom: 12px;
|
| margin-bottom: 16px;
|
| border-bottom: 1px dashed #d9f1ff;
|
| }
|
| .booking_flow .coupon_container .name {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 800;
|
| line-height: 150%;
|
| letter-spacing: -0.32px;
|
| text-transform: capitalize;
|
| margin-bottom: 4px;
|
| }
|
| .booking_flow .coupon_container .desc {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.28px;
|
| }
|
| .booking_flow .coupon_container .btn {
|
| display: inline-flex;
|
| padding: 8px 10px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 10px;
|
| border-radius: 20px;
|
| background: #fff;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 14px;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: normal;
|
| letter-spacing: -0.14px;
|
| text-decoration: none;
|
| }
|
| .booking_flow .coupon_container .btn:hover {
|
| background: #ffeff1;
|
| }
|
| .booking_flow .coupon_container .btn.applied {
|
| background-color: #f44157;
|
| color: #fff;
|
| }
|
| .booking_flow .coupon_container .save {
|
| color: #4b6475;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.28px;
|
| }
|
| .booking_flow .payment_list li.applied_coupon {
|
| width: 100%;
|
| display: flex;
|
| }
|
| .booking_flow .payment_list li.applied_coupon .coupon_wrapper {
|
| display: flex;
|
| justify-content: space-between;
|
| width: 100%;
|
| padding: 16px;
|
| border-radius: 8px;
|
| border: 1px dashed #d6d6d6;
|
| background: linear-gradient(85deg, rgba(255, 242, 170, 0.5) 0%, rgba(244, 244, 244, 0.5) 0.01%, rgba(238, 238, 238, 0.5) 98.02%);
|
| backdrop-filter: blur(100px);
|
| }
|
| .booking_flow .payment_list li.applied_coupon .name {
|
| color: rgba(0, 0, 0, 0.8);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 19.2px;
|
| letter-spacing: -0.32px;
|
| margin-bottom: 4px;
|
| }
|
| .booking_flow .payment_list li.applied_coupon .coupon {
|
| display: flex;
|
| align-items: center;
|
| gap: 4px;
|
| color: rgba(0, 0, 0, 0.8);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 16.8px;
|
| letter-spacing: -0.28px;
|
| }
|
| .booking_flow .payment_list li.applied_coupon .coupon img {
|
| width: 16px;
|
| }
|
| .booking_flow .payment_list li.applied_coupon .red {
|
| color: #f44157;
|
| }
|
| .booking_flow .payment_list li.applied_coupon .remove {
|
| color: #f44157;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 32px;
|
| letter-spacing: -0.28px;
|
| cursor: pointer;
|
| }
|
|
|
| .room_selection_term .container.room_select {
|
| max-width: 755px;
|
| }
|
|
|
| .fill_details .container.room_select {
|
| max-width: 460px;
|
| }
|
|
|
| .bill_details .container.room_select {
|
| max-width: 560px;
|
| }
|
| .bill_details .continue.btn_primary {
|
| width: 100%;
|
| }
|
|
|
| .signup_page,
|
| .login_page {
|
| background: rgb(243, 247, 255);
|
| background: linear-gradient(90deg, rgb(243, 247, 255) 0%, rgb(243, 247, 255) 50%, rgb(255, 255, 255) 50%, rgb(255, 255, 255) 100%);
|
| }
|
|
|
| .login_content {
|
| width: 100%;
|
| max-width: 1440px;
|
| margin: 0 auto;
|
| display: grid;
|
| grid-template-columns: 4.1fr 5.9fr;
|
| min-height: 100vh;
|
| }
|
| .login_content .left_side {
|
| width: 100%;
|
| padding: 40px;
|
| padding-bottom: 0;
|
| display: flex;
|
| flex-direction: column;
|
| justify-content: space-between;
|
| gap: 36px;
|
| }
|
| .login_content .right_side {
|
| background: #fff;
|
| display: flex;
|
| align-items: center;
|
| justify-content: center;
|
| }
|
| .login_content .right_side .brand_id {
|
| display: none;
|
| }
|
| .login_content .right_side .content {
|
| width: 100%;
|
| max-width: 414px;
|
| }
|
| .login_content .right_side .content form {
|
| display: flex;
|
| flex-direction: column;
|
| gap: 24px;
|
| justify-content: center;
|
| }
|
| .login_content .right_side .content form .form_control p {
|
| color: #657987;
|
| font-family: Inter;
|
| font-size: 1.5rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.3px;
|
| }
|
| .login_content .right_side .content form .form_control select {
|
| padding-right: 16px;
|
| }
|
| .login_content .right_side .content form .btn_plain {
|
| text-align: center;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.32px;
|
| transition: 0.3s;
|
| }
|
| .login_content .right_side .content form .btn_plain svg {
|
| transition: 0.3s;
|
| }
|
| .login_content .right_side .content form .btn_plain:hover {
|
| color: var(--primaryColor);
|
| }
|
| .login_content .right_side .content form .btn_plain:hover svg {
|
| fill: var(--primaryColor);
|
| }
|
| .login_content .right_side .content form .login {
|
| text-align: center;
|
| color: #657987;
|
| font-size: 15px;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.3px;
|
| }
|
| .login_content .right_side .content form .login a {
|
| color: var(--primaryColor);
|
| font-weight: 600;
|
| text-decoration: underline !important;
|
| }
|
| .login_content .right_side .content form .form_footer {
|
| display: flex;
|
| flex-direction: column;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 16px;
|
| width: 100%;
|
| }
|
| .login_content .right_side .content form .form_footer .btn_primary {
|
| width: 100%;
|
| }
|
| .login_content .right_side .content .btn_primary {
|
| outline: 0;
|
| border: 0;
|
| color: #fff;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.32px;
|
| height: 52px;
|
| border-radius: 8px;
|
| }
|
| .login_content .inner {
|
| width: 100%;
|
| height: 100%;
|
| display: flex;
|
| flex-direction: column;
|
| justify-content: space-between;
|
| gap: 46px;
|
| }
|
| .login_content .brand_id {
|
| width: 155px;
|
| }
|
| .login_content .brand_id a {
|
| width: 100%;
|
| }
|
| .login_content .heading {
|
| display: flex;
|
| align-items: center;
|
| gap: 8px;
|
| width: 95%;
|
| }
|
| .login_content .heading img {
|
| width: 80px;
|
| height: 80px;
|
| }
|
| .login_content .heading h3 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 3.2rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 40.4px;
|
| letter-spacing: -0.96px;
|
| }
|
| .login_content .offers {
|
| display: flex;
|
| flex-direction: column;
|
| gap: 8px;
|
| }
|
| .login_content .offers .item {
|
| display: flex;
|
| gap: 24px;
|
| align-items: center;
|
| border-radius: 8px;
|
| background: #fff;
|
| padding: 13px 20px;
|
| }
|
| .login_content .offers .item img {
|
| width: 30px;
|
| height: 30px;
|
| }
|
| .login_content .offers .item p {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 2rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 24px;
|
| letter-spacing: -0.6px;
|
| }
|
| .login_content .downlod_sec {
|
| color: var(--darkText);
|
| }
|
| .login_content .downlod_sec > p {
|
| margin-bottom: 32px;
|
| color: var(--darkText);
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 2rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 28px;
|
| letter-spacing: -0.6px;
|
| }
|
| .login_content .downlod_sec .downlod {
|
| display: grid;
|
| align-items: center;
|
| gap: 40px;
|
| grid-template-columns: 1.5fr 1fr;
|
| }
|
| .login_content .downlod_sec .downlod .image {
|
| width: 100%;
|
| }
|
| .login_content .downlod_sec .downlod .download_btn {
|
| display: flex;
|
| flex-direction: column;
|
| gap: 8px;
|
| position: relative;
|
| }
|
| .login_content .downlod_sec .downlod .download_btn a {
|
| width: 100%;
|
| }
|
| .login_content .downlod_sec .downlod .download_btn a img {
|
| width: 100%;
|
| }
|
| .login_content .downlod_sec .downlod .download_btn .shape {
|
| position: absolute;
|
| top: 0;
|
| right: 0;
|
| transform: translate(60%, -60%);
|
| }
|
|
|
| .add_listing .login_content .offers {
|
| display: grid;
|
| grid-template-columns: repeat(3, 1fr);
|
| gap: 20px;
|
| }
|
| .add_listing .login_content .offers .item {
|
| display: flex;
|
| gap: 16px;
|
| align-items: center;
|
| border-radius: 20px;
|
| background: #fff;
|
| padding: 28px 14px;
|
| flex-direction: column;
|
| justify-content: center;
|
| }
|
| .add_listing .login_content .offers .item p {
|
| color: var(--darkText);
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 1.2rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 16.4px;
|
| letter-spacing: -0.36px;
|
| }
|
| .add_listing .login_content .offers .item h4 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 3.2rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 24px;
|
| letter-spacing: -1.92px;
|
| }
|
| .add_listing .login_content .offers .item .number {
|
| display: flex;
|
| align-items: center;
|
| gap: 4px;
|
| }
|
| .add_listing .login_content .offers .item .number img {
|
| width: 30px;
|
| height: 30px;
|
| }
|
| .add_listing .login_content .review_sec {
|
| padding: 25px;
|
| background: #fff;
|
| border-radius: 20px;
|
| outline: 4px solid #e2f5ff;
|
| }
|
| .add_listing .login_content .review_sec .user {
|
| display: flex;
|
| align-items: center;
|
| gap: 8px;
|
| margin-bottom: 12px;
|
| }
|
| .add_listing .login_content .review_sec .user img {
|
| width: 24px;
|
| height: 24px;
|
| border-radius: 50%;
|
| }
|
| .add_listing .login_content .review_sec .user h6 {
|
| color: #3a3b4f;
|
| font-family: Inter;
|
| font-size: 1.8rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 32px;
|
| letter-spacing: -0.36px;
|
| }
|
| .add_listing .login_content .review_sec .review_text p {
|
| color: #4b6475;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 400;
|
| line-height: 28px;
|
| letter-spacing: -0.32px;
|
| margin-bottom: 16px;
|
| }
|
| .add_listing .login_content .featured {
|
| padding-bottom: 45px;
|
| }
|
| .add_listing .login_content .featured h3 {
|
| color: #3a3b4f;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 28.8px;
|
| letter-spacing: -0.48px;
|
| margin-bottom: 20px;
|
| }
|
| .add_listing .login_content .featured .items {
|
| display: flex;
|
| align-items: center;
|
| gap: 24px;
|
| }
|
|
|
| .search_page .login_content {
|
| min-height: calc(100vh - 80px);
|
| }
|
| .search_page .login_content .right_side {
|
| align-items: flex-start;
|
| }
|
| .search_page .login_content .right_side .content {
|
| width: 100%;
|
| max-width: 698px;
|
| align-items: flex-start;
|
| }
|
| .search_page .login_content .right_side .content form {
|
| display: flex;
|
| flex-direction: unset;
|
| gap: unset;
|
| justify-content: unset;
|
| }
|
| .search_page .login_content .search_tabs {
|
| display: flex;
|
| gap: 12px;
|
| flex-wrap: wrap;
|
| padding-top: 24px;
|
| margin-top: 20px;
|
| border-top: 1px solid #e8e9eb;
|
| }
|
| .search_page .login_content .search_tabs button {
|
| display: flex;
|
| padding: 10px 12px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 4px;
|
| border-radius: 8px;
|
| border: 0.8px solid #acb5c5;
|
| background: #fafcff;
|
| color: var(--darkText);
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.32px;
|
| transition: 0.3s;
|
| }
|
| .search_page .login_content .search_tabs button:hover {
|
| color: var(--primaryColor);
|
| border-color: var(--primaryColor);
|
| }
|
| .search_page .login_content .inner {
|
| gap: 28px;
|
| }
|
| .search_page .login_content .downlod_sec > p {
|
| margin-bottom: 20px;
|
| }
|
| .search_page .login_content .downlod_sec {
|
| width: 96%;
|
| }
|
|
|
| .search_result{
|
| overflow-y: scroll;
|
| height: 200px;
|
| padding: 15px;
|
| z-index: 1;
|
| position: relative;
|
| background: rgb(255, 255, 255);
|
| width: 68.5%;
|
| left: 20rem;
|
| border: 1px solid black;
|
| border-top: none;
|
| border-radius: 0px 0px 4px 4px;
|
| }
|
| .search-result {
|
| padding: 10px 20px;
|
| }
|
|
|
| .search-result:hover {
|
| background-color: #efefef;
|
| }
|
|
|
| .login_page .login_content .welcome {
|
| display: flex;
|
| align-items: center;
|
| gap: 12px;
|
| width: 100%;
|
| border-radius: 8px;
|
| background: #f3f7ff;
|
| margin-bottom: 28px;
|
| }
|
| .login_page .login_content .welcome p {
|
| color: var(--primaryColor);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 19.2px;
|
| letter-spacing: -0.48px;
|
| margin-bottom: 4px;
|
| }
|
| .login_page .login_content .welcome h6 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.8rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 23.4px;
|
| letter-spacing: -0.54px;
|
| }
|
| .login_page .login_content .login_otp {
|
| background: #ecfdef;
|
| }
|
| .login_page .login_content .login_otp p {
|
| color: #1ea83c;
|
| }
|
| .login_page .login_content .otp_group {
|
| display: flex;
|
| gap: 8px;
|
| }
|
| .login_page .login_content .otp_group input {
|
|
|
| padding: 12px 16px;
|
| height: 62px;
|
| text-align: center;
|
| }
|
| .login_page .login_content .btn_email {
|
| border-radius: 8px;
|
| background: #f3f7ff;
|
| color: var(--primaryColor) !important;
|
| transition: 0.3s;
|
| }
|
| .login_page .login_content .btn_email:hover {
|
| background: #dce9ff;
|
| }
|
|
|
| .career_page .career_hero,
|
| .about_page .career_hero,
|
| .blog_page .career_hero,
|
| .faq_page .career_hero,
|
| .contact_page .career_hero {
|
| background: #dfeeff;
|
| min-height: 562px;
|
| padding: 60px 0;
|
| text-align: center;
|
| display: flex;
|
| justify-content: center;
|
| align-items: center;
|
| }
|
| .career_page .career_hero .info,
|
| .about_page .career_hero .info,
|
| .blog_page .career_hero .info,
|
| .faq_page .career_hero .info,
|
| .contact_page .career_hero .info {
|
| max-width: 854px;
|
| margin: 0 auto;
|
| }
|
| .career_page .subtitle,
|
| .about_page .subtitle,
|
| .blog_page .subtitle,
|
| .faq_page .subtitle,
|
| .contact_page .subtitle {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.8rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: normal;
|
| letter-spacing: 0.36px;
|
| text-transform: uppercase;
|
| margin-bottom: 24px;
|
| }
|
| .career_page .title,
|
| .about_page .title,
|
| .blog_page .title,
|
| .faq_page .title,
|
| .contact_page .title {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 48px;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: normal;
|
| letter-spacing: -1.92px;
|
| margin-bottom: 20px;
|
| }
|
| .career_page .description,
|
| .about_page .description,
|
| .blog_page .description,
|
| .faq_page .description,
|
| .contact_page .description {
|
| color: var(--darkText);
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 18px;
|
| font-style: normal;
|
| font-weight: 400;
|
| line-height: 32px;
|
| letter-spacing: -0.36px;
|
| }
|
| .career_page .top,
|
| .about_page .top,
|
| .blog_page .top,
|
| .faq_page .top,
|
| .contact_page .top {
|
| text-align: center;
|
| }
|
| .career_page .jobs,
|
| .about_page .jobs,
|
| .blog_page .jobs,
|
| .faq_page .jobs,
|
| .contact_page .jobs {
|
| margin-top: 100px;
|
| }
|
| .career_page .jobs .top,
|
| .about_page .jobs .top,
|
| .blog_page .jobs .top,
|
| .faq_page .jobs .top,
|
| .contact_page .jobs .top {
|
| text-align: center;
|
| }
|
| .career_page .jobs form,
|
| .about_page .jobs form,
|
| .blog_page .jobs form,
|
| .faq_page .jobs form,
|
| .contact_page .jobs form {
|
| display: flex;
|
| align-items: center;
|
| gap: 20px;
|
| max-width: 636px;
|
| margin: 0 auto;
|
| }
|
| .career_page .jobs .form_control,
|
| .about_page .jobs .form_control,
|
| .blog_page .jobs .form_control,
|
| .faq_page .jobs .form_control,
|
| .contact_page .jobs .form_control {
|
| position: relative;
|
| width: 100%;
|
| }
|
| .career_page .jobs .form_control .icon,
|
| .about_page .jobs .form_control .icon,
|
| .blog_page .jobs .form_control .icon,
|
| .faq_page .jobs .form_control .icon,
|
| .contact_page .jobs .form_control .icon {
|
| position: absolute;
|
| right: 16px;
|
| top: 50%;
|
| transform: translateY(-50%);
|
| }
|
| .career_page .jobs .form_control:last-child,
|
| .about_page .jobs .form_control:last-child,
|
| .blog_page .jobs .form_control:last-child,
|
| .faq_page .jobs .form_control:last-child,
|
| .contact_page .jobs .form_control:last-child {
|
| max-width: 180px;
|
| }
|
| .career_page .jobs .form_control:last-child select,
|
| .about_page .jobs .form_control:last-child select,
|
| .blog_page .jobs .form_control:last-child select,
|
| .faq_page .jobs .form_control:last-child select,
|
| .contact_page .jobs .form_control:last-child select {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 18px;
|
| letter-spacing: -0.32px;
|
| display: flex;
|
| padding: 13px 16px;
|
| justify-content: space-between;
|
| align-items: center;
|
| border-radius: 12px;
|
| border: 1px solid #c4cbd8;
|
| }
|
| .career_page .jobs .jobs_cards,
|
| .about_page .jobs .jobs_cards,
|
| .blog_page .jobs .jobs_cards,
|
| .faq_page .jobs .jobs_cards,
|
| .contact_page .jobs .jobs_cards {
|
| margin-top: 60px;
|
| margin-bottom: 200px;
|
| display: grid;
|
| grid-template-columns: repeat(3, 1fr);
|
| gap: 24px;
|
| }
|
| .career_page .jobs .item,
|
| .about_page .jobs .item,
|
| .blog_page .jobs .item,
|
| .faq_page .jobs .item,
|
| .contact_page .jobs .item {
|
| border-radius: 32px;
|
| background: #eeeff2;
|
| padding: 24px;
|
| display: flex;
|
| flex-direction: column;
|
| gap: 24px;
|
| }
|
| .career_page .jobs .item h3,
|
| .about_page .jobs .item h3,
|
| .blog_page .jobs .item h3,
|
| .faq_page .jobs .item h3,
|
| .contact_page .jobs .item h3 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 2.8rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: 29.8px;
|
| letter-spacing: -0.84px;
|
| }
|
| .career_page .jobs .item .location,
|
| .about_page .jobs .item .location,
|
| .blog_page .jobs .item .location,
|
| .faq_page .jobs .item .location,
|
| .contact_page .jobs .item .location {
|
| color: #4b6475;
|
| font-size: 1.8rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 32px;
|
| letter-spacing: -0.36px;
|
| }
|
| .career_page .jobs .item a,
|
| .about_page .jobs .item a,
|
| .blog_page .jobs .item a,
|
| .faq_page .jobs .item a,
|
| .contact_page .jobs .item a {
|
| display: flex;
|
| align-items: center;
|
| gap: 8px;
|
| color: var(--darkText);
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 1.8rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 21.6px;
|
| letter-spacing: -0.36px;
|
| justify-content: center;
|
| border-radius: 30px;
|
| background: #fff;
|
| padding: 10px 16px;
|
| transition: 0.3s;
|
| }
|
| .career_page .jobs .item a svg,
|
| .about_page .jobs .item a svg,
|
| .blog_page .jobs .item a svg,
|
| .faq_page .jobs .item a svg,
|
| .contact_page .jobs .item a svg {
|
| fill: var(--darkText);
|
| transition: 0.3s;
|
| }
|
| .career_page .jobs .item a:hover,
|
| .about_page .jobs .item a:hover,
|
| .blog_page .jobs .item a:hover,
|
| .faq_page .jobs .item a:hover,
|
| .contact_page .jobs .item a:hover {
|
| background: var(--primaryColor);
|
| color: #fff;
|
| }
|
| .career_page .jobs .item a:hover svg,
|
| .about_page .jobs .item a:hover svg,
|
| .blog_page .jobs .item a:hover svg,
|
| .faq_page .jobs .item a:hover svg,
|
| .contact_page .jobs .item a:hover svg {
|
| fill: #fff;
|
| }
|
|
|
| .career_page nav.navbar {
|
| box-shadow: none;
|
| background: #dfeeff;
|
| }
|
| .career_page nav.navbar .btn_grey {
|
| background: #fff;
|
| }
|
| .career_page .jobs .container {
|
| max-width: 1024px;
|
| }
|
|
|
| .about_page {
|
| position: relative;
|
| isolation: isolate;
|
| }
|
| .about_page .about_hero {
|
| padding: 168px 0 129px;
|
| text-align: center;
|
| display: flex;
|
| justify-content: center;
|
| align-items: center;
|
| }
|
| .about_page .about_hero .info {
|
| max-width: 834px;
|
| margin: 0 auto;
|
| }
|
| .about_page .shape {
|
| position: absolute;
|
| top: 0;
|
| left: 50%;
|
| transform: translateX(-50%);
|
| z-index: -1;
|
| }
|
| .about_page .banner {
|
| margin-bottom: 200px;
|
| }
|
| .about_page .banner .container {
|
| max-width: 1110px;
|
| }
|
|
|
| .blog_page .jobs .container {
|
| max-width: 960px;
|
| }
|
| .blog_page .jobs .item {
|
| border-radius: 24px;
|
| background: #f7f7f8;
|
| padding: 0;
|
| display: flex;
|
| flex-direction: column;
|
| gap: 0;
|
| }
|
| .blog_page .jobs .item .post_thumbnail {
|
| height: 230px;
|
| border-radius: 24px 24px 0px 0px;
|
| }
|
| .blog_page .jobs .item .post_thumbnail img {
|
| width: 100%;
|
| height: 100%;
|
| object-fit: cover;
|
| object-position: center;
|
| border-radius: 24px 24px 0px 0px;
|
| }
|
| .blog_page .jobs .item .post_content {
|
| padding: 16px;
|
| }
|
| .blog_page .jobs .item h4 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 20.8px;
|
| letter-spacing: -0.48px;
|
| margin-bottom: 4px;
|
| }
|
| .blog_page .jobs .item p {
|
| color: #4b6475;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 23.4px;
|
| letter-spacing: -0.14px;
|
| }
|
|
|
| .faq_page .faq_info {
|
| position: relative;
|
| isolation: isolate;
|
| padding: 120px 0 200px;
|
| }
|
| .faq_page .faq_info .top {
|
| margin-bottom: 80px;
|
| }
|
| .faq_page .faq_info .container {
|
| max-width: 821px;
|
| }
|
| .faq_page .shape {
|
| position: absolute;
|
| top: 0;
|
| right: 0;
|
| z-index: -1;
|
| }
|
| .faq_page .accordion {
|
| width: 100%;
|
| }
|
| .faq_page .accordion .accordion-item {
|
| border-bottom: 1px solid #e8e9eb;
|
| background: transparent;
|
| }
|
| .faq_page .accordion h2 .accordion-button {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.8rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 20.8px;
|
| letter-spacing: -0.64px;
|
| background: transparent;
|
| display: flex;
|
| padding: 24px 12px;
|
| justify-content: space-between;
|
| align-items: center;
|
| outline: 0;
|
| box-shadow: none;
|
| }
|
| .faq_page .accordion .accordion-button::after {
|
| width: 20px;
|
| margin-left: 20px;
|
| }
|
| .faq_page .accordion .accordion-body {
|
| color: #4b6475;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 400;
|
| line-height: 28px;
|
| letter-spacing: -0.32px;
|
| padding-top: 0;
|
| padding-bottom: 24px;
|
| }
|
|
|
| .contact_page .contact_info {
|
| position: relative;
|
| isolation: isolate;
|
| padding: 168px 0 200px;
|
| }
|
| .contact_page .contact_info .top {
|
| margin-bottom: 80px;
|
| }
|
| .contact_page .contact_info .container {
|
| max-width: 820px;
|
| }
|
| .contact_page .shape {
|
| position: absolute;
|
| top: 0;
|
| left: 50%;
|
| transform: translateX(-50%);
|
| z-index: -1;
|
| }
|
| .contact_page .contact_cards {
|
| display: flex;
|
| gap: 20px;
|
| display: grid;
|
| grid-template-columns: repeat(auto-fit, minmax(314px, 1fr));
|
| }
|
| .contact_page .contact_cards .card {
|
| gap: 16px;
|
| padding: 48px 36px;
|
| border-radius: 32px;
|
| background: #f7f7f8;
|
| border: 0;
|
| }
|
| .contact_page .contact_cards h4 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 2.8rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 29.8px;
|
| letter-spacing: -0.84px;
|
| }
|
| .contact_page .contact_cards p {
|
| max-width: 290px;
|
| color: #4b6475;
|
| font-family: Inter;
|
| font-size: 1.8rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 32px;
|
| letter-spacing: -0.36px;
|
| }
|
|
|
| .main .container_small {
|
| max-width: 820px;
|
| }
|
|
|
| .privacy_page .section_title {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 7.2rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: normal;
|
| letter-spacing: -2.16px;
|
| padding: 120px 0;
|
| text-align: center;
|
| }
|
| .privacy_page .privacy_details ul {
|
| padding-left: 18px;
|
| display: flex;
|
| flex-direction: column;
|
| gap: 8px;
|
| }
|
| .privacy_page .privacy_details ul li {
|
| list-style: disc;
|
| }
|
| .privacy_page p,
|
| .privacy_page li {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 400;
|
| line-height: 28px;
|
| letter-spacing: -0.32px;
|
| }
|
| .privacy_page h3 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 2.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 29.8px;
|
| letter-spacing: -0.72px;
|
| margin-bottom: 24px;
|
| }
|
| .privacy_page .privacy_details {
|
| margin-top: 80px;
|
| display: flex;
|
| flex-direction: column;
|
| gap: 64px;
|
| padding-bottom: 200px;
|
| }
|
|
|
| .compare_page .link_path {
|
| padding: 40px 0 24px;
|
| }
|
| .compare_page .table_content {
|
| width: 100%;
|
| margin-bottom: 80px;
|
| }
|
| .compare_page table {
|
| width: 100%;
|
| }
|
| .compare_page table tr td {
|
| padding: 16px 20px;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.48px;
|
| }
|
| .compare_page table tr td span:not(:last-child) {
|
| display: inline-block;
|
| padding-bottom: 8px;
|
| }
|
| .compare_page table tr .form_control {
|
| flex-direction: row-reverse;
|
| justify-content: flex-end;
|
| gap: 8px;
|
| }
|
| .compare_page table tr .form_control input {
|
| width: 20px;
|
| height: 20px;
|
| border-radius: 3px;
|
| border: 1px solid #acb5c5;
|
| background: #f7f7f8;
|
| }
|
| .compare_page table tr:nth-child(odd) {
|
| background-color: #f7f7f8;
|
| }
|
| .compare_page table tr:first-child {
|
| background-color: transparent;
|
| }
|
| .compare_page table .image {
|
| width: 100%;
|
| height: 160px;
|
| border-radius: 12px;
|
| overflow: hidden;
|
| }
|
| .compare_page table .image img {
|
| width: 100%;
|
| height: 100%;
|
| object-fit: cover;
|
| }
|
| .compare_page table h4 {
|
| color: #4b6475;
|
| font-family: Inter;
|
| font-size: 1.8rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 19.2px;
|
| letter-spacing: -0.54px;
|
| margin: 12px 0 8px;
|
| }
|
| .compare_page table .price {
|
| color: #4b6475;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.48px;
|
| }
|
|
|
| .blog_single .blog_single_container {
|
| max-width: 966px;
|
| margin: 0 auto;
|
| padding: 98px 0 100px;
|
| }
|
|
|
| .blog_single .container {
|
| position: relative;
|
| }
|
| .blog_single .float_menu {
|
| position: absolute;
|
| display: flex;
|
| flex-direction: column;
|
| justify-content: center;
|
| align-items: center;
|
| }
|
| .blog_single .float_menu .back_btn {
|
| padding: 6px;
|
| border: 1px solid #e8e9eb;
|
| border-radius: 50%;
|
| display: flex;
|
| justify-content: center;
|
| align-items: center;
|
| margin-top: 48px;
|
| }
|
| .blog_single .float_menu .social {
|
| display: flex;
|
| flex-direction: column;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 12px;
|
| margin-top: 84px;
|
| }
|
| .blog_single .float_menu .social a {
|
| padding: 8px;
|
| background: #dfeeff;
|
| border-radius: 50%;
|
| display: flex;
|
| justify-content: center;
|
| align-items: center;
|
| transition: 0.2s;
|
| }
|
| .blog_single .float_menu .social a:hover {
|
| background: #cde4ff;
|
| }
|
| .blog_single .feature_image {
|
| width: 100%;
|
| height: 304px;
|
| border-radius: 16px;
|
| overflow: hidden;
|
| }
|
| .blog_single .feature_image img {
|
| width: 100%;
|
| height: 100%;
|
| object-fit: cover;
|
| }
|
| .blog_single h2 {
|
| color: var(--darkText);
|
| font-size: 4.4rem;
|
| font-weight: 700;
|
| line-height: normal;
|
| letter-spacing: -1.32px;
|
| margin: 32px 0 20px;
|
| }
|
| .blog_single .source {
|
| color: #6f7386;
|
| font-size: 2rem;
|
| font-weight: 500;
|
| line-height: 29.8px;
|
| letter-spacing: -0.6px;
|
| }
|
| .blog_single .blog_details_content {
|
| max-width: 820px;
|
| }
|
| .blog_single p,
|
| .blog_single li {
|
| color: var(--darkText);
|
| font-size: 1.6rem;
|
| font-weight: 400;
|
| line-height: 28px;
|
| letter-spacing: -0.32px;
|
| list-style: unset;
|
| }
|
| .blog_single ul {
|
| padding-left: 2rem;
|
| }
|
| .blog_single .main_desc {
|
| margin: 63px 0 80px;
|
| }
|
| .blog_single .have_padding {
|
| padding-bottom: 62px;
|
| }
|
| .blog_single ol {
|
| margin: 0;
|
| }
|
| .blog_single .heading3,
|
| .blog_single h3 {
|
| color: var(--darkText);
|
| font-size: 2.4rem;
|
| font-weight: 600;
|
| line-height: 29.8px;
|
| letter-spacing: -0.72px;
|
| margin-bottom: 24px;
|
| }
|
|
|
| .healthy_page {
|
| width: 100%;
|
| }
|
|
|
| .healthy_contents {
|
| background-color: #d7eafd;
|
| padding: 28px 0 189px 0;
|
| }
|
| .healthy_grid {
|
| display: grid;
|
| grid-template-columns: repeat(24, 1fr);
|
| gap: 8px;
|
| }
|
| .healthy_grid .item_1 {
|
| grid-column: 1/9;
|
| padding-left: 26px;
|
| padding-top: 24px;
|
| padding-bottom: 14px;
|
| padding-right: 21px;
|
| }
|
| .healthy_grid .item_1 .card_footer {
|
| display: flex;
|
| justify-content: end;
|
| }
|
| .healthy_grid .item_1 .card_footer span {
|
| font-size: 1rem;
|
| color: #55708b;
|
| font-weight: 600;
|
| line-height: 1.56rem;
|
| }
|
| .healthy_grid .item_1 .card_title {
|
| color: var(--darkText);
|
| font-weight: bold;
|
| font-size: 2.4rem;
|
| line-height: 28.8px;
|
| }
|
| .healthy_grid .item_1 .card_title span {
|
| font-weight: 300;
|
| font-style: italic;
|
| }
|
| .healthy_grid .item_1 .card_content img {
|
| width: 178px;
|
| }
|
| .healthy_grid .item_2 {
|
| grid-column: 9/15;
|
| padding-bottom: 8px;
|
| flex-direction: column;
|
| align-items: center;
|
| justify-content: space-between;
|
| padding-right: 8px;
|
| padding-left: 8px;
|
| }
|
| .healthy_grid .item_2 .card_content {
|
| display: flex;
|
| justify-content: center;
|
| }
|
| .healthy_grid .item_2 .card_content img {
|
| width: 239px;
|
| height: 189px;
|
| }
|
| .healthy_grid .item_2 .card_footer {
|
| background-color: #f7fff9;
|
| color: #1ea83c;
|
| border: 1px solid #d4ffdf;
|
| padding: 4px 0;
|
| width: 100%;
|
| border-radius: 8px;
|
| display: flex;
|
| justify-content: center;
|
| }
|
| .healthy_grid .item_2 .card_footer span {
|
| font-size: 1.5rem;
|
| display: flex;
|
| column-gap: 5px;
|
| align-items: center;
|
| }
|
| .healthy_grid .item_3 {
|
| grid-column: 15/25;
|
| padding-top: 34px;
|
| position: relative;
|
| overflow: hidden;
|
| }
|
| .healthy_grid .item_3 .card_badge {
|
| background-color: var(--primaryColor);
|
| width: fit-content;
|
| color: #fff;
|
| padding: 5px 8px;
|
| font-size: 1rem;
|
| font-weight: 600;
|
| border-radius: 0px 4px 4px 0px;
|
| letter-spacing: 2%;
|
| }
|
| .healthy_grid .item_3 .card_content .hand_vector {
|
| position: absolute;
|
| bottom: 0%;
|
| right: 0%;
|
| z-index: 10;
|
| }
|
| .healthy_grid .item_3 .card_content h3 {
|
| position: absolute;
|
| top: 44%;
|
| left: 30px;
|
| width: 100%;
|
| max-width: 335px;
|
| font-size: 2.4rem;
|
| font-weight: 600;
|
| z-index: 20;
|
| color: var(--darkText);
|
| }
|
| .healthy_grid .item_3 .card_content h3 span {
|
| font-weight: 300;
|
| font-style: italic;
|
| }
|
| .healthy_grid .item_3 .card_footer {
|
| margin-left: 22px;
|
| background-color: #edf6ff;
|
| border: 1px solid #d7eafd;
|
| color: #4b6475;
|
| position: absolute;
|
| bottom: 24px;
|
| padding: 2px 8px;
|
| border-radius: 6px;
|
| font-size: 1.2rem;
|
| font-weight: 600;
|
| }
|
| .healthy_grid .item_4 {
|
| grid-column: 1/7;
|
| padding-top: 25px;
|
| align-items: center;
|
| padding-bottom: 9px;
|
| }
|
| .healthy_grid .item_4 .card_content {
|
| text-align: center;
|
| }
|
| .healthy_grid .item_4 .card_content p {
|
| color: #4b6475;
|
| font-size: 1.3rem;
|
| font-weight: 500;
|
| font-family: "Inter", sans-serif;
|
| }
|
| .healthy_grid .item_4 .card_content h3 {
|
| font-size: 2.4rem;
|
| font-style: italic;
|
| }
|
| .healthy_grid .item_4 .card_footer {
|
| width: 100%;
|
| display: flex;
|
| justify-content: end;
|
| padding-right: 30px;
|
| }
|
| .healthy_grid .item_5 {
|
| grid-column: 7/17;
|
| }
|
| .healthy_grid .item_5 .card_content {
|
| padding: 44px 96px 49px 47px;
|
| display: flex;
|
| flex-direction: column;
|
| row-gap: 27px;
|
| }
|
| .healthy_grid .item_5 .card_content li {
|
| display: flex;
|
| align-items: center;
|
| column-gap: 10px;
|
| }
|
| .healthy_grid .item_5 .card_content li h4 span {
|
| font-weight: 300;
|
| font-style: italic;
|
| font-size: 1.6rem;
|
| }
|
| .healthy_grid .item_5 .card_content li img {
|
| width: 34px;
|
| height: 34px;
|
| }
|
| .healthy_grid .item_6 {
|
| grid-column: 17/25;
|
| flex-direction: row !important;
|
| padding: 1.2rem;
|
| column-gap: 8px;
|
| }
|
| .healthy_grid .item_6 .card_content {
|
| gap: 12px;
|
| background-color: #f9fcff;
|
| border-radius: 12px;
|
| padding: 8px 8px 8px 8px;
|
| border: 0.5px solid #ebf5ff;
|
| display: flex;
|
| flex-direction: column;
|
| align-items: center;
|
| justify-content: space-between;
|
| }
|
| .healthy_grid .item_6 .card_content .card_header {
|
| background-color: #ebf5ff;
|
| display: flex;
|
| align-items: center;
|
| padding: 0.95rem 0;
|
| border-radius: 6px;
|
| justify-content: center;
|
| font-size: 1.2rem;
|
| font-weight: 600;
|
| width: 100%;
|
| }
|
| .healthy_grid .item_6 .card_content .card_body {
|
| text-align: center;
|
| }
|
| .healthy_grid .item_6 .card_content .card_body h3 {
|
| font-size: 1.6rem;
|
| font-weight: 600;
|
| display: flex;
|
| align-items: center;
|
| color: #343a40;
|
| justify-content: center;
|
| }
|
| .healthy_grid .item_6 .card_content .card_body p {
|
| color: #343a40;
|
| font-size: 1.2rem;
|
| font-style: italic;
|
| }
|
| .healthy_grid .item_6 .card_content .card_footer {
|
| text-align: center;
|
| }
|
| .healthy_grid .item_6 .card_content .card_footer h3 {
|
| color: #3e51ff;
|
| font-weight: 600;
|
| font-size: 1.7rem;
|
| }
|
| .healthy_grid .item_6 .card_content .card_footer p {
|
| font-size: 1rem;
|
| color: #7d94a3;
|
| font-weight: 500;
|
| }
|
| .healthy_grid .custom_card {
|
| border-radius: 12px;
|
| background-color: #fff;
|
| display: flex;
|
| flex-direction: column;
|
| row-gap: 19px;
|
| }
|
| .healthy_grid .item_7 {
|
| grid-column: 1/25;
|
| position: relative;
|
| display: unset;
|
| padding-left: 30px;
|
| }
|
| .healthy_grid .item_7 .enquery_now_btn {
|
| position: absolute;
|
| top: -90px;
|
| left: 50%;
|
| text-transform: uppercase;
|
| width: 12.8rem;
|
| height: 12.8rem;
|
| border-radius: 50%;
|
| border: 8px solid #d7eafd;
|
| display: flex;
|
| justify-content: center;
|
| background-color: var(--primaryColor);
|
| color: #fff;
|
| font-size: 1.7rem;
|
| text-align: center;
|
| margin-top: 20px;
|
| overflow: hidden;
|
| font-weight: 600;
|
| }
|
| .healthy_grid .item_7 .enquery_now_btn span {
|
| margin-top: 20px;
|
| }
|
| .healthy_grid .item_7 .enquery_now_btn img {
|
| position: absolute;
|
| bottom: -15px;
|
| left: 0;
|
| }
|
| .healthy_grid .item_7 .download_menu_btn {
|
| position: absolute;
|
| top: 20%;
|
| right: -40px;
|
| width: 12.8rem;
|
| height: 12.8rem;
|
| background-color: #3e51ff;
|
| color: white;
|
| display: flex;
|
| flex-direction: column;
|
| align-items: center;
|
| text-align: center;
|
| font-weight: 600;
|
| font-size: 1.4rem;
|
| border-radius: 50%;
|
| border: 8px solid #d7eafd;
|
| }
|
| .healthy_grid .item_7 .download_menu_btn span {
|
| font-weight: 300;
|
| font-style: italic;
|
| }
|
| .healthy_grid .item_7 .download_menu_btn img {
|
| width: 1.8rem;
|
| margin-top: 2rem;
|
| }
|
| .healthy_grid .item_7 .card_content {
|
| display: flex;
|
| padding-top: 4.4rem;
|
| justify-content: space-between;
|
| padding-right: 150px;
|
| }
|
| .healthy_grid .item_7 .card_content .comment {
|
| display: flex;
|
| align-items: center;
|
| font-size: 1.2rem;
|
| }
|
| .healthy_grid .item_7 .card_content .comment img {
|
| width: 9.1rem;
|
| height: 9.1rem;
|
| }
|
| .healthy_grid .item_7 .card_content .comment p {
|
| color: #4b6475;
|
| font-weight: 400;
|
| line-height: 1.54rem;
|
| font-style: italic;
|
| }
|
| .healthy_grid .item_7 .card_content .comment h5 {
|
| color: #3a3b4f;
|
| font-weight: 600;
|
| }
|
| .healthy_grid .item_7 .card_content .comment:first-child {
|
| width: 100%;
|
| max-width: 349px;
|
| }
|
| .healthy_grid .item_7 .card_content .comment:nth-child(2) {
|
| width: 100%;
|
| max-width: 235px;
|
| margin-top: 80px;
|
| }
|
| .healthy_grid .item_7 .card_content .comment:last-child {
|
| width: 100%;
|
| max-width: 194px;
|
| flex-direction: column;
|
| align-items: start;
|
| margin-top: 80px;
|
| }
|
| .healthy_grid .item_7 .card_content .comment:last-child p {
|
| font-size: 1.7rem;
|
| font-weight: 300;
|
| color: #343a40;
|
| line-height: 2.4rem;
|
| font-style: italic;
|
| }
|
| .healthy_grid .item_7 .card_footer {
|
| display: grid;
|
| gap: 20px;
|
| grid-template-columns: repeat(5, 1fr);
|
| margin-top: 50px;
|
| margin-bottom: -80px;
|
| }
|
|
|
| footer .find_locations {
|
| background: #f7f6f2;
|
| padding: 60px 0 80px;
|
| }
|
| footer h2 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 2.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 28.8px;
|
| letter-spacing: -0.72px;
|
| text-align: center;
|
| margin: 0 auto 50px;
|
| }
|
| footer .nav-tabs {
|
| column-gap: 36px;
|
| margin-bottom: 62px;
|
| align-items: center;
|
| }
|
| footer .nav-tabs a.btn_plain {
|
| color: #3d5fea;
|
| font-family: Inter;
|
| font-size: 1.8rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 28.8px;
|
| letter-spacing: -0.54px;
|
| text-decoration-line: underline;
|
| margin-bottom: 6px;
|
| }
|
| footer .nav-link {
|
| color: #4b6475;
|
| font-family: Inter;
|
| font-size: 2rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 28.8px;
|
| letter-spacing: -0.6px;
|
| padding: 10px 0 20px;
|
| border: 0 !important;
|
| }
|
| footer .nav-link:hover {
|
| border: 0;
|
| color: var(--primaryColor);
|
| }
|
| footer .nav-tabs .nav-link.active {
|
| background-color: transparent;
|
| position: relative;
|
| }
|
| footer .nav-tabs .nav-link.active::after {
|
| content: "";
|
| left: 0;
|
| bottom: 0;
|
| position: absolute;
|
| width: 100%;
|
| height: 3px;
|
| border-radius: 4px 4px 0px 0px;
|
| background: #3d5fea;
|
| }
|
| footer .all_locations {
|
| display: grid;
|
| grid-template-columns: repeat(4, 1fr);
|
| gap: 20px;
|
| }
|
| footer .all_locations p {
|
| color: #4b6475;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 26px;
|
| letter-spacing: -0.16px;
|
| }
|
| footer .all_locations p strong {
|
| color: var(--darkText);
|
| font-weight: 600;
|
| }
|
| footer .main_footer {
|
| padding: 80px 0 40px;
|
| background: var(--primaryColor);
|
| }
|
| footer .brand_id {
|
| width: 143px;
|
| margin-bottom: 60px;
|
| }
|
| footer .brand_id img {
|
| width: 100%;
|
| }
|
| footer .footer_content {
|
| display: flex;
|
| justify-content: space-between;
|
| gap: 60px;
|
| width: 100%;
|
| }
|
| footer a {
|
| color: #fff;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 400;
|
| line-height: normal;
|
| letter-spacing: -0.32px;
|
| }
|
| footer h4 {
|
| color: #fff;
|
| font-size: 1.8rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: normal;
|
| letter-spacing: -0.54px;
|
| margin-bottom: 20px;
|
| }
|
| footer .left_side {
|
| display: flex;
|
| column-gap: 100px;
|
| }
|
| footer .info {
|
| display: flex;
|
| flex-direction: column;
|
| row-gap: 16px;
|
| }
|
| footer .social {
|
| display: flex;
|
| gap: 12px;
|
| margin-bottom: 100px;
|
| }
|
| footer .social a {
|
| background: hsla(0, 0%, 100%, 0.1);
|
| width: 24px;
|
| height: 24px;
|
| display: flex;
|
| justify-content: center;
|
| align-items: center;
|
| border-radius: 50%;
|
| transition: 0.3s;
|
| }
|
| footer .social a svg {
|
| transition: 0.3s;
|
| }
|
| footer .social a:hover {
|
| background: hsl(0, 0%, 100%);
|
| }
|
| footer .social a:hover svg {
|
| fill: var(--primaryColor);
|
| }
|
| footer .store_btn {
|
| display: flex;
|
| gap: 12px;
|
| align-items: center;
|
| }
|
| footer .store_btn a {
|
| width: 130px;
|
| }
|
| footer .copyright {
|
| color: #fff;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 400;
|
| line-height: normal;
|
| letter-spacing: -0.32px;
|
| text-align: center;
|
| margin-top: 80px;
|
| }
|
|
|
| @media screen and (min-width: 992px) {
|
| .listing_property .parent_dropdown {
|
| width: 100%;
|
| position: static !important;
|
| }
|
| .listing_property .parent_dropdown > button {
|
| display: none;
|
| }
|
| .listing_property .left_filter {
|
| border: 0;
|
| position: static !important;
|
| transform: unset !important;
|
| }
|
| }
|
| @media screen and (min-width: 1300px) {
|
| .view_video{
|
| left: 37rem !important;
|
| top: 90rem!important;
|
| }
|
| }
|
| @media screen and (min-width: 1900px){
|
| .view_video{
|
| left: 67rem !important;
|
| top: 98rem!important;
|
| }
|
| }
|
| @media screen and (max-width: 1900px) {
|
| .view_video{
|
| top: 99rem;
|
| left: 57rem;
|
| }
|
| .modal.full_width .modal-dialog .thumbnail_content {
|
| padding: 16px 12px 12px;
|
| }
|
| .modal.full_width .modal-dialog .thumbnail_counter {
|
| margin-bottom: 16px;
|
| font-size: 1.6rem;
|
| line-height: 1;
|
| }
|
| .modal.full_width .modal-dialog .modal_body,
|
| .modal.full_width .modal-dialog .splide__slide {
|
| height: 72vh;
|
| }
|
| }
|
| @media screen and (max-width: 1599px) {
|
| .view_video{
|
| top: 99rem;
|
| left: 57rem;
|
| }
|
| .container {
|
| max-width: 1140px;
|
| }
|
| .listing_property .left_filter {
|
| gap: 10px;
|
| }
|
| .listing_property .right_filters {
|
| padding-left: 16px;
|
| }
|
| .filter_gender.form-select {
|
| max-width: 100px;
|
| }
|
| .filter_amenities.form-select {
|
| max-width: 115px;
|
| }
|
| .listing_property .left_filter select:nth-child(3) {
|
| min-width: 200px;
|
| }
|
| .listing_card .listing_categories {
|
| flex-wrap: wrap;
|
| }
|
| .listing_group {
|
| column-gap: 20px;
|
| }
|
| .property_details .details_content {
|
| column-gap: 30px;
|
| }
|
| .property_details .details_content .left_side {
|
| width: 63%;
|
| }
|
| .property_details .details_content .left_side .image_gallery .image_gallery_slider {
|
| column-gap: 16px;
|
| margin-top: 16px;
|
| }
|
| .property_details .details_content .left_side .image_gallery .image_gallery_slider .image {
|
| height: 110px;
|
| }
|
| .property_details .details_link_path {
|
| margin: 20px 0 16px 0;
|
| }
|
| .property_details .details_content .left_side .image_gallery .active {
|
| height: 370px;
|
| }
|
| .property_details .details_content .left_side .image_gallery img {
|
| width: 100%;
|
| height: 100%;
|
| object-fit: cover;
|
| object-position: center;
|
| }
|
| .property_details .details_content .left_side .details_tabs .navbar {
|
| margin-bottom: 40px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .amenities.scroll_content .info_sec .tab-content .tab_content {
|
| grid-template-columns: 1fr;
|
| column-gap: 20px;
|
| row-gap: 20px;
|
| }
|
| .booking_flow .continue {
|
| margin: 40px auto 60px;
|
| }
|
| .hero_slider .hero_title {
|
| font-size: 5rem;
|
| line-height: 55px;
|
| }
|
| .hero_slider .hero_content {
|
| padding-top: 60px;
|
| }
|
| .login_content .offers .item p {
|
| font-size: 1.7rem;
|
| font-weight: 600;
|
| }
|
| .login_content .offers .item {
|
| gap: 12px;
|
| }
|
| .login_content .offers .item img {
|
| width: 24px;
|
| height: 24px;
|
| }
|
| .login_content .heading h3 {
|
| font-size: 2.4rem;
|
| font-weight: 700;
|
| line-height: 1.2;
|
| }
|
| .login_content .left_side {
|
| padding: 30px;
|
| padding-bottom: 0;
|
| gap: 20px;
|
| }
|
| .login_content .inner {
|
| gap: 36px;
|
| }
|
| .login_content .right_side {
|
| align-items: flex-start;
|
| padding-top: 90px;
|
| }
|
| .login_content .right_side {
|
| align-items: flex-start;
|
| position: relative;
|
| isolation: isolate;
|
| height: 100%;
|
| }
|
| .login_content .right_side::after {
|
| content: "";
|
| position: absolute;
|
| top: 0;
|
| height: var(--searchHeight);
|
| width: 100%;
|
| background: #fff;
|
| z-index: -1;
|
| }
|
| .search_page .login_content .right_side {
|
| position: sticky;
|
| top: 80px;
|
| padding: 0 30px;
|
| }
|
| .introduction_homv h2 .new {
|
| left: 52%;
|
| }
|
| .property_details .sharing_type .price_select .thead .td,
|
| .property_details .sharing_type .price_select .thead .th,
|
| .property_details .sharing_type .price_select .tr .td,
|
| .property_details .sharing_type .price_select .tr .th {
|
| width: 100%;
|
| padding: 10px 12px;
|
| }
|
| .property_details .sharing_type .price_select .thead .td:not(:first-child),
|
| .property_details .sharing_type .price_select .thead .th:not(:first-child),
|
| .property_details .sharing_type .price_select .tr .td:not(:first-child),
|
| .property_details .sharing_type .price_select .tr .th:not(:first-child) {
|
| max-width: 100px;
|
| }
|
| .modal.full_width .modal-dialog .thumbnail_content {
|
| padding: 20px 12px 12px;
|
| max-width: 890px;
|
| }
|
| .modal.full_width .modal-dialog .modal_body,
|
| .modal.full_width .modal-dialog .splide__slide {
|
| height: 70vh;
|
| }
|
| .modal.full_width .modal-dialog #thumbnail-carousel .splide__slide.is-active {
|
| border: 4px solid #fff;
|
| }
|
| .property_listing .p_listing_container {
|
| left: 4%;
|
| }
|
| }
|
| @media screen and (max-width: 1200px) {
|
| .view_video{
|
| left: 38rem;
|
| top: 84rem;
|
| }
|
| .container {
|
| max-width: 960px;
|
| }
|
| select.form-select {
|
| width: fit-content;
|
| }
|
| .listing_property .left_filter {
|
| flex-wrap: wrap;
|
| align-items: flex-start;
|
| }
|
| .listing_property .right_filters {
|
| height: fit-content;
|
| }
|
| .slider h1 {
|
| font-size: 4.2rem;
|
| max-width: 56%;
|
| }
|
| .slider h1 .logo {
|
| width: 235px;
|
| }
|
| .listing_card .listing_image {
|
| height: 190px;
|
| }
|
| .blog .blog_image {
|
| height: 170px;
|
| }
|
| footer .nav-link {
|
| font-size: 1.6rem;
|
| }
|
| footer .nav-tabs a.btn_plain {
|
| font-size: 1.5rem;
|
| }
|
| footer .footer_content {
|
| flex-wrap: wrap;
|
| }
|
| footer .social {
|
| margin-bottom: 60px;
|
| }
|
| footer .copyright {
|
| margin-top: 100px;
|
| }
|
| .filter_gender.form-select {
|
| width: 100px;
|
| }
|
| select.filter_sharing.form-select {
|
| width: 140px;
|
| }
|
| select.filter_facility.form-select {
|
| width: 136px;
|
| }
|
| select.filter_amenities.form-select {
|
| width: 120px;
|
| }
|
| .property_details .details_content .left_side {
|
| width: 60%;
|
| }
|
| .property_details .details_content .right_side {
|
| width: 37%;
|
| }
|
| .booking_flow .booking_filters form {
|
| flex-wrap: wrap;
|
| }
|
| .add_listing .login_content {
|
| grid-template-columns: 1fr 1fr;
|
| }
|
| .add_listing .login_content .offers {
|
| gap: 14px;
|
| }
|
| .add_listing .login_content .offers .item {
|
| padding: 28px 13px;
|
| }
|
| .career_page .jobs .form_control:last-child select {
|
| width: 100%;
|
| }
|
| .introduction_homv h2 .new {
|
| left: 63%;
|
| }
|
| .modal.full_width .modal-dialog .splide__arrow--prev {
|
| right: calc(100% - 46px);
|
| }
|
| .modal.full_width .modal-dialog .splide__arrow--next {
|
| left: calc(100% - 46px);
|
| }
|
| .blog_single .blog_single_container {
|
| max-width: 800px;
|
| }
|
| }
|
| @media screen and (max-width: 1023px) {
|
| .view_video{
|
| left: 38rem;
|
| top: 84rem;
|
| }
|
| .add_listing .login_content {
|
| display: flex;
|
| flex-direction: column-reverse;
|
| }
|
| .add_listing .login_content .inner {
|
| width: 100%;
|
| padding-bottom: 40px;
|
| gap: 30px;
|
| }
|
| .add_listing .login_content .right_side {
|
| align-items: center;
|
| padding-top: 20px;
|
| flex-direction: column;
|
| padding-bottom: 40px;
|
| gap: 24px;
|
| }
|
| .signup_page .login_content,
|
| .login_page .login_content {
|
| display: flex;
|
| flex-direction: column-reverse;
|
| }
|
| .signup_page .login_content .right_side,
|
| .login_page .login_content .right_side {
|
| padding-top: 20px;
|
| display: flex;
|
| flex-direction: column;
|
| align-items: center;
|
| gap: 16px;
|
| padding-bottom: 30px;
|
| }
|
| .add_listing .login_content .offers .item {
|
| padding: 20px 13px;
|
| }
|
| .login_content .brand_id {
|
| width: 155px;
|
| display: none;
|
| }
|
| .login_content .right_side .brand_id {
|
| display: block;
|
| }
|
| .signup_page,
|
| .login_page {
|
| background: rgb(243, 247, 255);
|
| }
|
| .login_content .right_side::after {
|
| display: none;
|
| }
|
| .search_page .login_content .right_side {
|
| position: static;
|
| }
|
| .add_listing .login_content {
|
| min-height: auto;
|
| }
|
| .search_page .login_content .right_side .content form {
|
| margin-top: 10px;
|
| }
|
| .search_page .login_content .downlod_sec {
|
| position: static;
|
| }
|
| .search_page .login_content .inner {
|
| padding-bottom: 0;
|
| }
|
| .search_page .login_content .downlod_sec {
|
| width: 60%;
|
| margin: 0 auto;
|
| }
|
| }
|
| @media screen and (max-width: 991px) {
|
| .view_video{
|
| left: 38rem;
|
| top: 84rem;
|
| }
|
| .container {
|
| max-width: 720px;
|
| padding: 0 16px;
|
| }
|
| .healthy_grid {
|
| grid-template-columns: repeat(2, 1fr);
|
| }
|
| .healthy_grid .custom_card {
|
| grid-column: unset;
|
| }
|
| .healthy_grid .item_6 {
|
| flex-direction: column !important;
|
| }
|
| .healthy_grid .item_5 .card_content {
|
| padding: 40px;
|
| }
|
| .healthy_grid .item_3 .card_content h3 {
|
| max-width: 240px;
|
| font-size: 2rem;
|
| top: 48%;
|
| }
|
| .healthy_grid .item_3 .card_content .hand_vector {
|
| right: -35px;
|
| }
|
| .healthy_grid .item_7 {
|
| grid-column: 1/3;
|
| padding-left: 15px;
|
| padding-right: 15px;
|
| }
|
| .healthy_grid .item_7 .enquery_now_btn {
|
| transform: translateX(-50%);
|
| }
|
| .healthy_grid .item_7 .download_menu_btn {
|
| top: 10%;
|
| }
|
| .healthy_grid .item_7 .card_content {
|
| padding-right: 0;
|
| }
|
| .healthy_grid .item_7 .card_content .comment:last-child {
|
| margin-top: 110px;
|
| }
|
| .slider .item {
|
| padding: 40px 70px;
|
| }
|
| .listing_group {
|
| grid-template-columns: repeat(2, 1fr);
|
| }
|
| .blog .blog_group {
|
| display: grid;
|
| grid-template-columns: repeat(2, 1fr);
|
| }
|
| footer .all_locations {
|
| grid-template-columns: repeat(2, 1fr);
|
| }
|
| footer .nav-tabs .nav-item:nth-child(7) {
|
| display: none;
|
| }
|
| footer .left_side {
|
| display: flex;
|
| column-gap: 60px;
|
| }
|
| nav.navbar .mobile_logo {
|
| display: inline-block;
|
| }
|
| nav.navbar .left_items .brand_id {
|
| display: none;
|
| }
|
| nav.navbar .burger_menu {
|
| display: inline-block;
|
| position: relative;
|
| width: 28px;
|
| height: 24px;
|
| cursor: pointer;
|
| transition: 0.5s;
|
| }
|
| nav.navbar .burger_menu .line {
|
| position: absolute;
|
| width: 28px;
|
| height: 3px;
|
| background: var(--darkText);
|
| right: 0;
|
| border-radius: 50px;
|
| transition: 0.5s;
|
| }
|
| nav.navbar .burger_menu .line1 {
|
| width: 12px;
|
| top: 0;
|
| transition: 0.5s;
|
| }
|
| nav.navbar .burger_menu .line2 {
|
| width: 28px;
|
| top: 50%;
|
| transform: translateY(-50%);
|
| transition: 0.5s;
|
| }
|
| nav.navbar .burger_menu .line3 {
|
| width: 19px;
|
| bottom: 0;
|
| transition: 0.5s;
|
| }
|
| nav.navbar .menu_open .line2 {
|
| width: 0px;
|
| opacity: 0;
|
| }
|
| nav.navbar .menu_open .line1 {
|
| width: 25px;
|
| top: 50%;
|
| left: 50%;
|
| transform: translate(-50%, -50%) rotate(-45deg);
|
| background-color: var(--primaryColor);
|
| }
|
| nav.navbar .menu_open .line3 {
|
| width: 25px;
|
| top: 50%;
|
| left: 50%;
|
| transform: translate(-50%, -50%) rotate(45deg);
|
| background-color: var(--primaryColor);
|
| }
|
| nav.navbar .nav_content_group {
|
| opacity: 0;
|
| justify-content: flex-start;
|
| flex-direction: column;
|
| align-items: center;
|
| position: absolute;
|
| width: 100vw;
|
| height: calc(100vh - 58px);
|
| left: 0;
|
| top: 58px;
|
| background: #fff;
|
| padding: 40px 20px;
|
| row-gap: 40px;
|
| transform: translateX(100%);
|
| transition: 0.5s;
|
| z-index: 999999;
|
| }
|
| nav.navbar .nav_menu_active {
|
| transform: translateX(0);
|
| opacity: 1;
|
| }
|
| nav.navbar .nav_links ul {
|
| flex-direction: column;
|
| row-gap: 40px;
|
| }
|
| .overflow_hide {
|
| overflow: hidden;
|
| padding-right: 17px;
|
| }
|
| .overflow_show {
|
| overflow: visible !important;
|
| }
|
| .listing_property form {
|
| display: flex;
|
| gap: 20px;
|
| justify-content: space-between;
|
| }
|
| .listing_property .left_filter {
|
| width: auto;
|
| display: none;
|
| padding: 12px;
|
| border-radius: 16px;
|
| border: 0;
|
| box-shadow: 0 0 35px rgba(0, 0, 0, 0.1803921569);
|
| grid-template-columns: repeat(2, 1fr);
|
| }
|
| .listing_property .left_filter select {
|
| width: 200px;
|
| max-width: 200px;
|
| }
|
| .listing_property .left_filter.show {
|
| display: grid;
|
| }
|
| .listing_property .parent_dropdown button {
|
| color: #474d59;
|
| font-family: "Inter", sans-serif;
|
| font-size: 1.5rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.3px;
|
| padding: 10px 18px;
|
| border-radius: 100px;
|
| outline: 0;
|
| box-shadow: none !important;
|
| background: #fff;
|
| border: 1px solid #acb5c5;
|
| }
|
| .listing_property .parent_dropdown > button.show {
|
| background: var(--primaryColor);
|
| color: #fff;
|
| border-color: var(--primaryColor);
|
| }
|
| .listing_property .left_filter select.form-select {
|
| width: 200px;
|
| max-width: 200px !important;
|
| }
|
| .listing_property .dropdown_filter > button {
|
| width: 100%;
|
| }
|
| .listing_property .dropdown {
|
| width: 100% !important;
|
| }
|
| .property_details .details_content {
|
| display: block;
|
| }
|
| .property_details .details_content .left_side {
|
| width: 100%;
|
| }
|
| #navbar-example2.navbar {
|
| top: 64px;
|
| }
|
| .hero_slider .hero_content {
|
| grid-template-columns: 1fr;
|
| gap: 50px;
|
| }
|
| .home_page .container.cont_big,
|
| .home_page .container.cont_small {
|
| max-width: 720px;
|
| }
|
| .counter_up .count {
|
| padding: 0 32px;
|
| }
|
| .step_booking .step_book_content {
|
| grid-template-columns: 1fr;
|
| gap: 40px;
|
| }
|
| .app_section .content {
|
| padding: 30px;
|
| }
|
| .property_details .details_content .right_side {
|
| width: 100%;
|
| }
|
| .app_section .content {
|
| padding: 30px;
|
| grid-template-columns: 1fr;
|
| gap: 50px;
|
| }
|
| .app_section .desc_group {
|
| margin-bottom: 60px;
|
| }
|
| .feature_on .content {
|
| display: flex;
|
| justify-content: center;
|
| border-radius: 16px;
|
| background: #f9f9f9;
|
| padding: 30px;
|
| gap: 50px;
|
| }
|
| .feature_on .content .image img {
|
| height: 100%;
|
| width: 100%;
|
| object-fit: contain;
|
| object-position: center;
|
| }
|
| .customer_review .owl-carousel .owl-nav {
|
| top: 0;
|
| }
|
| .headline .headline_content {
|
| position: relative;
|
| padding: 30px;
|
| border-radius: 16px;
|
| background: #f1faff;
|
| }
|
| .step_booking h2,
|
| .app_section h2,
|
| .feature_on h2,
|
| .customer_review h2,
|
| .headline h2,
|
| .institute .heading h2,
|
| .institute .heading select,
|
| .download .content h2 {
|
| font-size: 3.4rem;
|
| letter-spacing: -0.92px;
|
| margin-bottom: 16px;
|
| }
|
| .step_booking h2 img,
|
| .app_section h2 img,
|
| .feature_on h2 img,
|
| .customer_review h2 img,
|
| .headline h2 img,
|
| .institute .heading h2 img,
|
| .institute .heading select img,
|
| .download .content h2 img {
|
| width: 30px;
|
| }
|
| .feature_on h2,
|
| .customer_review h2,
|
| .headline h2 {
|
| margin-bottom: 32px;
|
| }
|
| .headline h2 .icon {
|
| width: 55%;
|
| }
|
| .headline h2 .icon img {
|
| width: 100%;
|
| }
|
| .headline .owl-carousel .owl-nav {
|
| top: 30px;
|
| }
|
| .headline .item h3 {
|
| font-size: 1.8rem;
|
| line-height: 24.8px;
|
| letter-spacing: -0.32px;
|
| margin-bottom: 12px;
|
| }
|
| .headline .item p {
|
| font-size: 1.4rem;
|
| letter-spacing: -0.36px;
|
| margin-bottom: 16px;
|
| }
|
| .institute .heading {
|
| margin-bottom: 20px;
|
| }
|
| .institute .all_item {
|
| grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
|
| align-items: flex-start;
|
| }
|
| .institute .all_item .image {
|
| height: 150px;
|
| border-radius: 16px;
|
| }
|
| .institute .all_item .image img {
|
| border-radius: 16px;
|
| }
|
| .institute .all_item h4 {
|
| font-size: 1.6rem;
|
| margin-top: 8px;
|
| }
|
| .institute .heading select {
|
| background-position-y: 20px;
|
| }
|
| .download .content h2 .text img {
|
| width: 100%;
|
| }
|
| .download .content h2 .text {
|
| height: 28px;
|
| }
|
| .download .content h2 .icon {
|
| width: 56px;
|
| height: 56px;
|
| top: 63%;
|
| }
|
| .download {
|
| margin-bottom: 100px;
|
| }
|
| .download .content {
|
| padding: 30px;
|
| padding-bottom: 0;
|
| border-radius: 16px;
|
| grid-template-columns: 1fr;
|
| }
|
| .download .content .right {
|
| width: 60%;
|
| margin: 0 auto;
|
| }
|
| .download .content h2 {
|
| margin-bottom: 40px;
|
| }
|
| .step_booking .step_book_content .left .image {
|
| width: 60%;
|
| }
|
| .app_section .content .image {
|
| width: 60%;
|
| margin: 0 auto;
|
| }
|
| .headline .item .image {
|
| width: 80px;
|
| height: 80px;
|
| }
|
| .headline .item {
|
| border-radius: 20px;
|
| }
|
| .login_content {
|
| grid-template-columns: 1fr;
|
| min-height: unset;
|
| }
|
| .signup_page,
|
| .login_page {
|
| background: transparent;
|
| }
|
| .login_content .left_side {
|
| background: #f3f7ff;
|
| position: relative;
|
| padding: 20px;
|
| padding-bottom: 0;
|
| }
|
| .login_content .inner {
|
| width: 50%;
|
| padding-bottom: 40px;
|
| }
|
| .login_content .downlod_sec {
|
| position: absolute;
|
| width: 38%;
|
| right: 30px;
|
| bottom: 0;
|
| }
|
| .login_content .right_side {
|
| align-items: flex-start;
|
| padding-top: 50px;
|
| }
|
| .login_content .heading {
|
| width: 100%;
|
| }
|
| .career_page .jobs .jobs_cards,
|
| .about_page .jobs .jobs_cards,
|
| .blog_page .jobs .jobs_cards,
|
| .faq_page .jobs .jobs_cards,
|
| .contact_page .jobs .jobs_cards {
|
| grid-template-columns: repeat(2, 1fr);
|
| }
|
| .introduction_homv .step_book_content .left {
|
| grid-column: unset;
|
| }
|
| .introduction_homv .step_book_content .right {
|
| grid-column: 1/2;
|
| grid-row: unset;
|
| }
|
| .introduction_homv .step_book_content .right h2 br {
|
| display: none;
|
| }
|
| .introduction_homv h2 .new {
|
| left: 75%;
|
| top: 0;
|
| }
|
| |
| |
|
|
| .property_details .for_mobile.sharing_type {
|
| display: block;
|
| margin-bottom: 40px;
|
| }
|
| .modal.full_width .modal-dialog .modal_body,
|
| .modal.full_width .modal-dialog .splide__slide {
|
| height: 45vh;
|
| }
|
| .compare_page table {
|
| width: 1024px;
|
| }
|
| .compare_page .table_content {
|
| overflow: auto;
|
| }
|
| .blog_single .blog_single_container {
|
| padding: 40px 0 60px;
|
| }
|
| .blog_single .float_menu {
|
| justify-content: space-between;
|
| margin-top: 40px;
|
| }
|
| .blog_single .float_menu,
|
| .blog_single .float_menu .social {
|
| position: static;
|
| flex-direction: row;
|
| }
|
| .blog_single .float_menu .back_btn,
|
| .blog_single .float_menu .social {
|
| margin-top: 0;
|
| }
|
| }
|
| @media screen and (max-width: 767px) {
|
| .container {
|
| max-width: 540px;
|
| }
|
| .slider .item {
|
| padding: 40px;
|
| }
|
| .slider h1 {
|
| font-size: 3.2rem;
|
| max-width: 80%;
|
| line-height: 30px;
|
| }
|
| .slider h1 .logo {
|
| width: 180px;
|
| transform: translateY(7px);
|
| }
|
| .listing_property .link_path {
|
| font-size: 14px;
|
| margin-bottom: 16px;
|
| }
|
| .listing_property .title_head {
|
| margin-top: 32px;
|
| margin-bottom: 44px;
|
| flex-direction: column;
|
| gap: 22px;
|
| }
|
| footer .nav-tabs .nav-item:nth-child(6),
|
| footer .nav-tabs .nav-item:nth-child(5) {
|
| display: none;
|
| }
|
| footer .left_side {
|
| flex-direction: column;
|
| row-gap: 60px;
|
| }
|
| .property_details .details_content .left_side .image_gallery .image_gallery_slider .image .load_more {
|
| font-size: 1.8rem;
|
| padding: 12px 10px;
|
| }
|
| .booking_flow .booking_filters form {
|
| gap: 16px;
|
| }
|
| .booking_flow .container.room_select {
|
| max-width: 540px;
|
| }
|
| .counter_up .count {
|
| padding: 0px 20px;
|
| }
|
| .counter_up h2 {
|
| font-size: 2.2rem;
|
| line-height: 22.2px;
|
| letter-spacing: -0.44px;
|
| }
|
| .counter_up .counter_content {
|
| padding: 30px;
|
| border-radius: 20px;
|
| row-gap: 32px;
|
| }
|
| .login_content .heading {
|
| width: 100%;
|
| min-width: calc(100vw - 70px);
|
| }
|
| .login_content .downlod_sec > p {
|
| margin-bottom: 24px;
|
| font-size: 1.6rem;
|
| line-height: 22px;
|
| letter-spacing: -0.2px;
|
| }
|
| .login_content .downlod_sec .downlod {
|
| gap: 10px;
|
| }
|
| .introduction_homv h2 .new {
|
| left: 100%;
|
| top: 0;
|
| }
|
| .blog_single .float_menu {
|
| margin-top: 20px;
|
| }
|
| .blog_single .blog_single_container {
|
| padding: 20px 0 60px;
|
| }
|
| .blog_single .feature_image {
|
| height: 260px;
|
| }
|
| .blog_single h2 {
|
| font-size: 2.8rem;
|
| letter-spacing: -0.32px;
|
| margin: 24px 0 12px;
|
| }
|
| .blog_single .source {
|
| font-size: 1.6rem;
|
| }
|
| .blog_single .main_desc {
|
| margin: 33px 0 40px;
|
| }
|
| }
|
| @media screen and (max-width: 575px) {
|
| .container {
|
| max-width: 100%;
|
| padding: 0 12px;
|
| }
|
| .healthy_grid {
|
| grid-template-columns: 1fr;
|
| }
|
| .healthy_grid .item_3 {
|
| height: 100%;
|
| min-height: 250px;
|
| }
|
| .healthy_grid .item_3 .card_content h3 {
|
| top: 38%;
|
| }
|
| .healthy_grid .item_3 .card_content .hand_vector {
|
| right: 0;
|
| }
|
| .healthy_grid .item_6 {
|
| padding-bottom: 70px;
|
| }
|
| .healthy_grid .item_7 {
|
| padding-top: 50px;
|
| grid-column: unset;
|
| }
|
| .healthy_grid .item_7 .enquery_now_btn {
|
| transform: translateX(-50%);
|
| }
|
| .healthy_grid .item_7 .download_menu_btn {
|
| top: 15%;
|
| right: -10px;
|
| }
|
| .healthy_grid .item_7 .card_content {
|
| flex-direction: column;
|
| row-gap: 10px;
|
| justify-content: unset;
|
| }
|
| .healthy_grid .item_7 .card_content .comment {
|
| margin-top: 0 !important;
|
| }
|
| .healthy_grid .item_7 .card_content .comment:last-child {
|
| padding-left: 10px;
|
| }
|
| .healthy_grid .item_7 .card_footer {
|
| grid-template-columns: 1fr;
|
| }
|
| .slider .item {
|
| padding: 40px 20px;
|
| }
|
| .slider h1 {
|
| font-size: 2.2rem;
|
| max-width: 90%;
|
| line-height: 30px;
|
| letter-spacing: -1px;
|
| }
|
| .slider h1 .logo {
|
| width: 135px;
|
| transform: translateY(5px);
|
| margin-left: 4px;
|
| }
|
| .listing_property .left_filter {
|
| grid-template-columns: repeat(1, 1fr);
|
| left: 10px !important;
|
| }
|
| .listing_group,
|
| .blog .blog_group,
|
| footer .all_locations {
|
| grid-template-columns: repeat(1, 1fr);
|
| }
|
| footer .nav-tabs .nav-item:nth-child(4),
|
| footer .nav-tabs .nav-item:nth-child(3) {
|
| display: none;
|
| }
|
| footer .footer_content {
|
| flex-direction: column;
|
| }
|
| .property_details .details_link_path {
|
| flex-wrap: wrap;
|
| row-gap: 16px;
|
| }
|
| .property_details .details_content .left_side .image_gallery .active {
|
| height: 230px;
|
| }
|
| .property_details .details_content .left_side .image_gallery .image_gallery_slider .image {
|
| height: 80px;
|
| }
|
| .property_details .details_content .left_side .image_gallery .image_gallery_slider .image .load_more {
|
| font-size: 1.4rem;
|
| padding: 6px 8px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .navbar ul {
|
| column-gap: 34px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .overview.scroll_content .heading .right {
|
| min-width: 44px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .overview.scroll_content .info_sec {
|
| flex-wrap: wrap;
|
| row-gap: 16px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .overview.scroll_content .schedule_sec {
|
| flex-direction: column;
|
| align-items: flex-start;
|
| row-gap: 24px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .amenities.scroll_content .info_sec > .d-flex {
|
| display: block !important;
|
| }
|
| .view_video{
|
| left: -3rem;
|
| top: 134rem;
|
| }
|
| .shark_tank_Sour_image{
|
| height: 23rem;
|
| }
|
| .property_details .details_content .left_side .details_tabs .amenities.scroll_content .info_sec .nav {
|
| max-width: 100%;
|
| flex-direction: row !important;
|
| gap: 16px;
|
| padding: 20px 16px;
|
| border-radius: 16px 16px 0px 0;
|
| min-height: 0px;
|
| }
|
| .property_details .details_content .left_side .details_tabs .amenities.scroll_content .info_sec .tab-content {
|
| padding: 20px 16px;
|
| min-height: unset;
|
| }
|
| .property_details .details_content .left_side .details_tabs .rules .query {
|
| flex-direction: column;
|
| row-gap: 24px;
|
| align-items: flex-start;
|
| }
|
| .booking_flow .step_wrapper {
|
| margin-top: 24px;
|
| margin-bottom: 24px;
|
| }
|
| .booking_flow .book_prev {
|
| margin-bottom: 24px;
|
| }
|
| .booking_flow .booking_filters .booking_dropdown {
|
| width: 47%;
|
| }
|
| .booking_flow .booking_filters .booking_dropdown button {
|
| width: 100%;
|
| }
|
| .booking_flow .info_room_list {
|
| width: 100%;
|
| grid-template-columns: repeat(auto-fit, minmax(74px, 1fr));
|
| }
|
| .booking_flow .price_table {
|
| width: 100%;
|
| overflow: auto;
|
| }
|
| .booking_flow table {
|
| width: 440px;
|
| }
|
| .booking_flow .bill_info {
|
| align-items: flex-start;
|
| margin-bottom: 30px;
|
| flex-direction: column;
|
| }
|
| .hero_slider .hero_title {
|
| font-size: 2.8rem;
|
| line-height: 36px;
|
| margin-bottom: 12px;
|
| letter-spacing: -0.8px;
|
| }
|
| .hero_slider .hero_title img {
|
| width: 40px;
|
| }
|
| .hero_slider .hero_content {
|
| padding-top: 46px;
|
| }
|
| .hero_slider .hero_shape {
|
| width: 100%;
|
| }
|
| .hero_slider p.desc {
|
| font-size: 1.6rem;
|
| }
|
| form.search {
|
| margin-top: 40px;
|
| padding: 15px 16px;
|
| flex-direction: column;
|
| gap: 16px;
|
| }
|
| form.search .search_dropdown {
|
| margin-right: 0;
|
| padding-right: 0;
|
| border-right: 0;
|
| max-width: 100%;
|
| }
|
| form.search .btn_primary {
|
| height: 50px;
|
| max-width: 100%;
|
| margin-left: 0;
|
| }
|
| .hero_slider .down_info {
|
| display: block;
|
| line-height: 26px;
|
| }
|
| .counter_up h2 {
|
| font-size: 2.2rem;
|
| line-height: 30.2px;
|
| }
|
| .counter_up .counter {
|
| display: flex;
|
| flex-direction: column;
|
| gap: 30px;
|
| }
|
| .counter_up .count {
|
| padding: 0;
|
| border: 0;
|
| }
|
| .step_booking .step_book_content .left .image {
|
| width: 100%;
|
| }
|
| .step_booking h5 {
|
| font-size: 1.6rem;
|
| margin-bottom: 12px;
|
| }
|
| .step_booking h2,
|
| .app_section h2,
|
| .feature_on h2,
|
| .customer_review h2,
|
| .headline h2,
|
| .institute .heading h2,
|
| .institute .heading select,
|
| .download .content h2 {
|
| font-size: 2.4rem;
|
| letter-spacing: -0.92px;
|
| margin-bottom: 16px;
|
| }
|
| .step_booking h2 img,
|
| .app_section h2 img,
|
| .feature_on h2 img,
|
| .customer_review h2 img,
|
| .headline h2 img,
|
| .institute .heading h2 img,
|
| .institute .heading select img,
|
| .download .content h2 img {
|
| width: 24px;
|
| }
|
| .app_section .desc_group .icon {
|
| width: 30px;
|
| height: 30px;
|
| min-width: 30px;
|
| }
|
| .app_section .desc_group h4 {
|
| font-size: 1.8rem;
|
| letter-spacing: -0.32px;
|
| margin-bottom: 8px;
|
| }
|
| .app_section .desc_group p {
|
| font-size: 1.4rem;
|
| font-weight: 400;
|
| line-height: 23.2px;
|
| }
|
| .app_section .store_btn {
|
| flex-wrap: wrap;
|
| justify-content: center;
|
| }
|
| .app_section .content .image {
|
| width: 100%;
|
| }
|
| .feature_on .content {
|
| flex-wrap: wrap;
|
| }
|
| .home_page .owl-carousel .owl-nav {
|
| position: static;
|
| justify-content: center;
|
| margin-top: 24px;
|
| }
|
| .headline h2 {
|
| margin-bottom: 24px;
|
| }
|
| .institute .heading {
|
| display: inline-block;
|
| }
|
| .institute .heading h2 {
|
| margin-bottom: 0;
|
| }
|
| .institute .heading select {
|
| background-size: 14px;
|
| background-position-y: 14px;
|
| }
|
| .download .content .download_btn {
|
| flex-wrap: wrap;
|
| margin-top: 40px;
|
| }
|
| .download .content .right {
|
| width: 100%;
|
| }
|
| .login_content .left_side .brand_id {
|
| display: none;
|
| }
|
| .login_content .right_side .brand_id {
|
| display: block;
|
| }
|
| .login_content .right_side {
|
| padding: 20px;
|
| flex-direction: column;
|
| align-items: center;
|
| gap: 40px;
|
| }
|
| .login_content {
|
| display: flex;
|
| flex-direction: column-reverse;
|
| }
|
| .login_content .right_side {
|
| margin-bottom: 40px;
|
| }
|
| .login_content .right_side .content form {
|
| gap: 16px;
|
| }
|
| .login_content .inner {
|
| width: 100%;
|
| padding-bottom: 0px;
|
| }
|
| .login_content .downlod_sec {
|
| position: static;
|
| width: 100%;
|
| }
|
| .login_content .downlod_sec .downlod {
|
| grid-template-columns: 1.2fr 1fr;
|
| }
|
| .add_listing .login_content .right_side {
|
| padding-bottom: 0;
|
| }
|
| .login_content .heading h3 {
|
| font-size: 1.9rem;
|
| line-height: 1.3;
|
| }
|
| .add_listing .login_content .offers {
|
| grid-template-columns: repeat(1, 1fr);
|
| }
|
| .add_listing .login_content .featured {
|
| padding-bottom: 0;
|
| }
|
| .search_page .login_content .right_side .content form.search {
|
| padding: 15px 16px;
|
| flex-direction: column;
|
| gap: 16px;
|
| }
|
| .search_page .login_content .right_side {
|
| padding: 0 12px;
|
| }
|
| .search_page .login_content .downlod_sec {
|
| width: 100%;
|
| margin: 0 auto;
|
| }
|
| .career_page .jobs .jobs_cards,
|
| .about_page .jobs .jobs_cards,
|
| .blog_page .jobs .jobs_cards,
|
| .faq_page .jobs .jobs_cards,
|
| .contact_page .jobs .jobs_cards {
|
| grid-template-columns: repeat(1, 1fr);
|
| }
|
| .career_page .subtitle,
|
| .about_page .subtitle,
|
| .blog_page .subtitle,
|
| .faq_page .subtitle,
|
| .contact_page .subtitle {
|
| font-size: 1.6rem;
|
| margin-bottom: 16px;
|
| }
|
| .career_page .title,
|
| .about_page .title,
|
| .blog_page .title,
|
| .faq_page .title,
|
| .contact_page .title {
|
| font-size: 2.8rem;
|
| letter-spacing: -0.8px;
|
| margin-bottom: 16px;
|
| }
|
| .career_page .description {
|
| font-size: 1.6rem;
|
| line-height: 28px;
|
| }
|
| .career_page .jobs form {
|
| flex-direction: column;
|
| }
|
| .career_page .jobs .form_control:last-child {
|
| max-width: 100%;
|
| }
|
| .career_page .jobs .item h3 {
|
| font-size: 2.4rem;
|
| }
|
| .career_page .jobs .item {
|
| gap: 16px;
|
| }
|
| .about_page .about_hero {
|
| padding: 60px 0 80px;
|
| }
|
| .career_page .jobs,
|
| .about_page .jobs,
|
| .blog_page .jobs,
|
| .faq_page .jobs,
|
| .contact_page .jobs {
|
| margin-top: 60px;
|
| }
|
| .faq_page .faq_info {
|
| padding: 60px 0 200px;
|
| }
|
| .faq_page .faq_info .top {
|
| margin-bottom: 40px;
|
| }
|
| .contact_page .contact_cards p {
|
| max-width: 100%;
|
| }
|
| .contact_page .contact_info {
|
| padding: 60px 0 200px;
|
| }
|
| .modal.fade .modal-dialog {
|
| right: 16px;
|
| top: 16px;
|
| height: calc(100vh - 32px);
|
| width: calc(100vw - 32px);
|
| }
|
| .introduction_homv h2 .new {
|
| position: static;
|
| font-size: 1.3rem;
|
| font-weight: 600;
|
| }
|
| .property_details .sharing_type {
|
| padding: 32px 10px 20px 10px;
|
| }
|
| .property_details .sharing_type .price_select .thead .td,
|
| .property_details .sharing_type .price_select .thead .th,
|
| .property_details .sharing_type .price_select .tr .td,
|
| .property_details .sharing_type .price_select .tr .th {
|
| word-break: break-word;
|
| }
|
|
|
| .search_result{
|
| overflow-y: scroll;
|
| height: 200px;
|
| padding: 15px;
|
| z-index: 1;
|
| position: relative;
|
| background: rgb(255, 255, 255);
|
| border: 1px solid black;
|
| border-radius: 0px 0px 4px 4px;
|
| border-top: none;
|
| left: 0px;
|
| width: 100%;
|
| }
|
| }
|
| @media screen and (max-width: 374px) {
|
| .dropdown .mob,
|
| .listing_property .right_filters p,
|
| .mob {
|
| display: none !important;
|
| }
|
| .listing_card .listing_title .btn_line {
|
| min-width: unset;
|
| }
|
| .store_btn {
|
| display: flex;
|
| gap: 12px;
|
| }
|
| .store_btn a {
|
| width: 100%;
|
| display: flex;
|
| }
|
| .store_btn a img {
|
| width: 100%;
|
| }
|
| .listing_property .filter_price .dropdown_filter_content,
|
| .listing_property .filter_locality .dropdown_filter_content {
|
| width: calc(100vw - 32px);
|
| }
|
| .property_details .details_content .right_side {
|
| width: 100%;
|
| display: none;
|
| }
|
| .booking_flow .booking_filters .booking_dropdown {
|
| width: 100%;
|
| }
|
| .healthy_grid .item_7 .download_menu_btn {
|
| position: static;
|
| margin: 24px auto 0;
|
| }
|
| .search_result{
|
| overflow-y: scroll;
|
| height: 200px;
|
| padding: 15px;
|
| z-index: 1;
|
| position: relative;
|
| background: rgb(255, 255, 255);
|
| border: 1px solid black;
|
| border-radius: 4px;
|
| }
|
| }
|
| .dashboard_main {
|
| background: #f9f9f9;
|
| }
|
|
|
| nav.d_navbar {
|
| width: 100%;
|
| padding: 14px 40px 14px 28px;
|
| border-bottom: 1px solid #f7f6f2;
|
| background: #fff;
|
| position: sticky;
|
| top: 0;
|
| z-index: 9999;
|
| }
|
| nav.d_navbar ul {
|
| display: flex;
|
| align-items: center;
|
| justify-content: space-between;
|
| }
|
| nav.d_navbar ul .d_account_img {
|
| width: 36px;
|
| height: 36px;
|
| border-radius: 50%;
|
| }
|
| nav.d_navbar ul .d_account_img img {
|
| width: 100%;
|
| height: 100%;
|
| object-fit: cover;
|
| }
|
| nav.d_navbar ul li {
|
| width: 100%;
|
| display: flex;
|
| align-items: center;
|
| }
|
| nav.d_navbar ul li .link_path {
|
| padding-left: 10%;
|
| font-size: 1.4rem;
|
| }
|
|
|
| .d_container {
|
| display: flex;
|
| width: 100%;
|
| }
|
|
|
| .d_left_menu {
|
| width: 100vw;
|
| max-width: 240px;
|
| padding: 16px;
|
| min-height: calc(100vh - 65px);
|
| border-right: 1px solid #f7f6f2;
|
| background: #fff;
|
| height: fit-content;
|
| position: sticky;
|
| top: 65px;
|
| }
|
| .d_left_menu a {
|
| display: flex;
|
| padding: 10px 12px;
|
| align-items: center;
|
| gap: 10px;
|
| border-radius: 8px;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 20px;
|
| letter-spacing: -0.14px;
|
| }
|
| .d_left_menu a.d_menu_active {
|
| background: var(--primaryColor);
|
| color: #fff;
|
| }
|
| .d_left_menu a.d_menu_active svg {
|
| fill: #fff;
|
| }
|
| .d_left_menu .d_menu_label {
|
| color: #acb5c5;
|
| font-size: 1.1rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 20px;
|
| letter-spacing: 0.44px;
|
| text-transform: uppercase;
|
| padding: 12px 0 8px 12px;
|
| margin-top: 12px;
|
| border-top: 1px solid #f7f6f2;
|
| }
|
|
|
| .d_inner_content {
|
| width: 100%;
|
| }
|
|
|
| .d_inner_content {
|
| padding: 28px 40px 0px 40px;
|
| }
|
|
|
| .d_inner_head {
|
| display: flex;
|
| align-items: center;
|
| justify-content: space-between;
|
| margin-bottom: 32px;
|
| }
|
| .d_inner_head h2 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 2.9rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 32px;
|
| letter-spacing: -0.87px;
|
| }
|
|
|
| .d_head_filter {
|
| display: flex;
|
| align-items: center;
|
| justify-content: space-between;
|
| padding-bottom: 16px;
|
| border-bottom: 1px dashed #d6d6d6;
|
| margin-bottom: 20px;
|
| }
|
| .d_head_filter .d_left {
|
| display: flex;
|
| align-items: center;
|
| gap: 7px;
|
| width: 100%;
|
| }
|
| .d_head_filter .d_left div > a {
|
| display: flex;
|
| padding: 10px 12px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 6px;
|
| border-radius: 8px;
|
| background: #dfeeff;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 16px;
|
| letter-spacing: -0.28px;
|
| }
|
| .d_head_filter .d_left div > a .icon {
|
| display: flex;
|
| }
|
| .d_head_filter .d_search {
|
| width: 100%;
|
| }
|
| .d_head_filter .form_group {
|
| position: relative;
|
| width: 100%;
|
| max-width: 320px;
|
| }
|
| .d_head_filter .form_group input {
|
| width: 100%;
|
| padding: 7px 10px 7px 34px;
|
| align-items: center;
|
| gap: 6px;
|
| border-radius: 8px;
|
| border: 1px solid #d6d6d6;
|
| max-width: unset;
|
| color: #acb5c5;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 20px;
|
| letter-spacing: -0.28px;
|
| }
|
| .d_head_filter .form_group input:focus {
|
| outline: 0;
|
| }
|
| .d_head_filter .form_group .icon {
|
| position: absolute;
|
| display: flex;
|
| left: 12px;
|
| top: 50%;
|
| transform: translateY(-50%);
|
| }
|
| .d_head_filter .d_shortby {
|
| min-width: 94px;
|
| }
|
| .d_head_filter .btn_primary {
|
| border-radius: 8px;
|
| display: flex;
|
| align-items: center;
|
| padding: 10px 12px;
|
| color: #fff;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 16px;
|
| letter-spacing: -0.14px;
|
| }
|
| .d_head_filter .btn_primary .icon {
|
| display: flex;
|
| }
|
|
|
| .pad_top {
|
| padding-top: 12px;
|
| }
|
|
|
| .all_d_cards {
|
| display: grid;
|
| grid-template-columns: repeat(4, 1fr);
|
| gap: 20px;
|
| }
|
|
|
| .gender {
|
| display: flex;
|
| padding: 8px 12px 8px 10px;
|
| align-items: center;
|
| justify-content: center;
|
| gap: 4px;
|
| border-radius: 40px;
|
| width: fit-content;
|
| font-family: Inter;
|
| font-size: 1.3rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 12px;
|
| letter-spacing: -0.13px;
|
| text-transform: capitalize;
|
| }
|
| .gender span {
|
| font-weight: 600;
|
| }
|
|
|
| .male {
|
| background: rgba(36, 143, 203, 0.06);
|
| color: #248fcb;
|
| }
|
|
|
| .female {
|
| background: rgba(202, 30, 164, 0.06);
|
| color: #ca1ea4;
|
| }
|
|
|
| .d_contact_card,
|
| .d_property_card {
|
| width: 100%;
|
| }
|
| .d_contact_card .img,
|
| .d_contact_card .image,
|
| .d_property_card .img,
|
| .d_property_card .image {
|
| width: 100%;
|
| height: 160px;
|
| border-radius: 10px;
|
| }
|
| .d_contact_card .img img,
|
| .d_contact_card .image img,
|
| .d_property_card .img img,
|
| .d_property_card .image img {
|
| width: 100%;
|
| height: 100%;
|
| object-fit: cover;
|
| border-radius: 10px;
|
| }
|
| .d_contact_card .live_tag,
|
| .d_property_card .live_tag {
|
| margin-top: 10px;
|
| display: flex;
|
| padding: 6px 12px;
|
| align-items: center;
|
| gap: 4px;
|
| border-radius: 28px;
|
| background: #3e51ff;
|
| width: fit-content;
|
| color: #fff;
|
| font-family: Inter;
|
| font-size: 1.2rem;
|
| font-style: normal;
|
| font-weight: 400;
|
| line-height: 14.4px;
|
| letter-spacing: -0.24px;
|
| margin-bottom: 12px;
|
| }
|
| .d_contact_card h3,
|
| .d_property_card h3 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 20px;
|
| letter-spacing: -0.32px;
|
| }
|
| .d_contact_card h3:hover,
|
| .d_property_card h3:hover {
|
| color: var(--primaryColor);
|
| }
|
| .d_contact_card .location,
|
| .d_property_card .location {
|
| display: flex;
|
| align-items: center;
|
| gap: 2px;
|
| margin: 4px 0 8px;
|
| color: #6f7386;
|
| font-family: Inter;
|
| font-size: 1.2rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.24px;
|
| }
|
| .d_contact_card .location .icon,
|
| .d_property_card .location .icon {
|
| display: flex;
|
| }
|
| .d_contact_card .tag_group,
|
| .d_property_card .tag_group {
|
| display: flex;
|
| align-items: flex-start;
|
| gap: 8px;
|
| }
|
| .d_contact_card .tag_group .type,
|
| .d_property_card .tag_group .type {
|
| display: flex;
|
| padding: 8px 12px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 6px;
|
| border-radius: 28px;
|
| background: #f3f5ff;
|
| color: var(--primaryColor);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 12px;
|
| letter-spacing: -0.28px;
|
| }
|
|
|
| td .status {
|
| display: flex;
|
| padding: 8px 12px;
|
| align-items: center;
|
| gap: 4px;
|
| border-radius: 20px;
|
| font-family: Inter;
|
| font-size: 1.3rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 12px;
|
| letter-spacing: -0.13px;
|
| text-transform: capitalize;
|
| border: 0;
|
| }
|
| td .status:hover, td .status:focus {
|
| border: 0 !important;
|
| }
|
|
|
| td .status.confirmed {
|
| background-color: #f5fff7;
|
| color: #1ea83c;
|
| }
|
|
|
| td .status.partial {
|
| background-color: rgba(62, 81, 255, 0.06);
|
| color: #3e51ff;
|
| }
|
|
|
| .d_data table td.paid {
|
| color: #1ea83c;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 20px;
|
| letter-spacing: -0.56px;
|
| }
|
|
|
| .d_container.full_width {
|
| width: 100%;
|
| max-width: 1240px;
|
| margin: 0 auto;
|
| }
|
| .d_container.full_width .d_inner_content {
|
| padding: 32px 20px 32px;
|
| width: 100%;
|
| }
|
|
|
| .left_col,
|
| .right_col {
|
| display: flex;
|
| flex-direction: column;
|
| gap: 16px;
|
| }
|
|
|
| .listing_form.step_5 {
|
| display: flex;
|
| flex-direction: column;
|
| gap: 16px;
|
| }
|
|
|
| .dashboard .modal-dialog {
|
| width: 100vw;
|
| }
|
| .dashboard .modal-dialog .modal-content {
|
| background: #f9f9f9;
|
| padding: 20px;
|
| }
|
| .dashboard .modal-dialog .modal-content form {
|
| background: #fff;
|
| padding: 24px;
|
| gap: 16px;
|
| }
|
| .dashboard .modal-dialog .modal-content form button {
|
| padding: 14px 16px;
|
| }
|
| .dashboard .modal-dialog .modal-content .modal-header {
|
| padding-bottom: 16px;
|
| margin-bottom: 16px;
|
| border-bottom: 1px dashed #d6d6d6;
|
| }
|
| .dashboard .modal-dialog .modal-content .form_control {
|
| width: 100%;
|
| gap: 4px;
|
| }
|
| .dashboard .modal-dialog .modal-content .form_control label {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.28px;
|
| }
|
| .dashboard .modal-dialog .modal-content .form_control input,
|
| .dashboard .modal-dialog .modal-content .form_control select,
|
| .dashboard .modal-dialog .modal-content .form_control textarea {
|
| padding: 12px 16px;
|
| border-radius: 10px;
|
| border: 1px solid rgba(172, 181, 197, 0.13);
|
| background-color: rgba(238, 239, 242, 0.4);
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.14px;
|
| }
|
| .dashboard .modal-dialog .modal-content .form_control input:hover, .dashboard .modal-dialog .modal-content .form_control input:focus,
|
| .dashboard .modal-dialog .modal-content .form_control select:hover,
|
| .dashboard .modal-dialog .modal-content .form_control select:focus,
|
| .dashboard .modal-dialog .modal-content .form_control textarea:hover,
|
| .dashboard .modal-dialog .modal-content .form_control textarea:focus {
|
| border: 1px solid #97a2ff;
|
| }
|
| .dashboard .modal-dialog .modal-content .radio_button input {
|
| display: none;
|
| }
|
| .dashboard .modal-dialog .modal-content .radio_button label {
|
| display: flex;
|
| padding: 10px 14px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 10px;
|
| border-radius: 8px;
|
| background: #f8f9fa;
|
| cursor: pointer;
|
| border: 1px solid transparent;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 20px;
|
| letter-spacing: -0.28px;
|
| }
|
| .dashboard .modal-dialog .modal-content .radio_button label:hover {
|
| border-color: #97a2ff;
|
| }
|
| .dashboard .modal-dialog .modal-content .radio_button input:checked + label {
|
| background: #dfeeff;
|
| }
|
| .dashboard .modal-dialog .modal-content .multi_item {
|
| display: flex;
|
| gap: 12px;
|
| flex-wrap: wrap;
|
| margin-top: 4px;
|
| }
|
| .dashboard .modal-dialog .modal-content .check_box {
|
| flex-direction: row;
|
| justify-content: space-between;
|
| }
|
| .dashboard .modal-dialog .modal-content .check_box input[type=checkbox] {
|
| width: 20px;
|
| height: 20px;
|
| border-radius: 4px;
|
| border: 1px solid rgba(172, 181, 197, 0.4);
|
| background: rgba(238, 239, 242, 0.4);
|
| }
|
|
|
| .homv_contact .btn_group {
|
| flex-wrap: nowrap;
|
| }
|
|
|
| .dashboard_main .d_inner_content {
|
| padding: 40px 40px 0;
|
| }
|
|
|
| .d_small_cards,
|
| .d_medium_cards {
|
| display: grid;
|
| grid-template-columns: repeat(4, 1fr);
|
| gap: 16px;
|
| margin-bottom: 16px;
|
| }
|
|
|
| .d_small_card,
|
| .d_medium_card {
|
| padding: 16px;
|
| gap: 10px;
|
| border-radius: 12px;
|
| background: #fff;
|
| }
|
| .d_small_card h4,
|
| .d_medium_card h4 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.5rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 20px;
|
| letter-spacing: -0.3px;
|
| margin-bottom: 8px;
|
| }
|
| .d_small_card h2,
|
| .d_medium_card h2 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 48px;
|
| letter-spacing: -1.2px;
|
| margin-bottom: 16px;
|
| }
|
| .d_small_card h2 span,
|
| .d_medium_card h2 span {
|
| color: #acb5c5;
|
| font-family: Inter;
|
| font-size: 2rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 32px;
|
| letter-spacing: -0.6px;
|
| }
|
| .d_small_card h5,
|
| .d_medium_card h5 {
|
| color: #6f7386;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 20px;
|
| letter-spacing: -0.28px;
|
| }
|
| .d_small_card h5 .green,
|
| .d_medium_card h5 .green {
|
| font-weight: 600;
|
| color: #1ea83c;
|
| }
|
| .d_small_card h5 .red,
|
| .d_medium_card h5 .red {
|
| font-weight: 600;
|
| color: #f44157;
|
| }
|
|
|
| .d_medium_cards {
|
| grid-template-columns: 1fr 2fr;
|
| }
|
|
|
| .d_medium_card .d_card_head {
|
| margin-bottom: 12px;
|
| display: flex;
|
| align-items: center;
|
| justify-content: space-between;
|
| }
|
| .d_medium_card h4 {
|
| font-size: 1.8rem;
|
| line-height: 24px;
|
| letter-spacing: -0.36px;
|
| margin-bottom: 0;
|
| }
|
| .d_medium_card .form-select {
|
| padding: 0;
|
| border: 0;
|
| border-radius: 0;
|
| width: fit-content;
|
| padding: 6px;
|
| padding-right: 26px;
|
| color: #6f7386;
|
| }
|
| .d_medium_card .form-select:hover, .d_medium_card .form-select:focus {
|
| border: 0 !important;
|
| }
|
| .d_medium_card .info_box {
|
| display: flex;
|
| flex-direction: column;
|
| padding: 12px 16px;
|
| gap: 8px;
|
| border-radius: 8px;
|
| background: rgba(62, 81, 255, 0.04);
|
| margin-top: 28px;
|
| }
|
| .d_medium_card .info_box p {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 20px;
|
| letter-spacing: -0.28px;
|
| }
|
| .d_medium_card .info_box p span {
|
| font-weight: 600;
|
| color: var(--primaryColor);
|
| }
|
|
|
| .blue_card {
|
| border-radius: 12px;
|
| background: linear-gradient(180deg, #3e52fe 0%, #2133cd 100%);
|
| position: relative;
|
| isolation: isolate;
|
| }
|
| .blue_card .bottom_right,
|
| .blue_card .top_right {
|
| position: absolute;
|
| right: 0;
|
| z-index: -1;
|
| }
|
| .blue_card .top_right {
|
| top: 0;
|
| }
|
| .blue_card .bottom_right {
|
| bottom: 0;
|
| z-index: 2;
|
| }
|
| .blue_card .content_inner {
|
| display: flex;
|
| align-items: center;
|
| justify-content: space-between;
|
| }
|
| .blue_card .left_image {
|
| height: 249px;
|
| }
|
| .blue_card .left_image img {
|
| height: 100%;
|
| }
|
| .blue_card .right_box {
|
| background-color: #fff;
|
| display: flex;
|
| flex-direction: column;
|
| align-items: center;
|
| justify-content: center;
|
| text-align: center;
|
| height: 249px;
|
| border-radius: 12px;
|
| max-width: 248px;
|
| padding: 20px;
|
| }
|
| .blue_card .health_logo {
|
| width: 100%;
|
| padding-bottom: 12px;
|
| border-bottom: 1px dashed #e3e8ef;
|
| margin-bottom: 16px;
|
| }
|
| .blue_card p.desc {
|
| color: #4b6475;
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 1.2rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 16.4px;
|
| letter-spacing: -0.24px;
|
| padding-bottom: 16px;
|
| border-bottom: 1px dashed #e3e8ef;
|
| }
|
| .blue_card .title {
|
| display: flex;
|
| align-items: center;
|
| gap: 10px;
|
| color: #1ea83c;
|
| font-family: Inter;
|
| font-size: 2rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: normal;
|
| letter-spacing: -1px;
|
| margin-bottom: 8px;
|
| }
|
| .blue_card .info {
|
| width: 35%;
|
| }
|
| .blue_card .big_title {
|
| padding-bottom: 16px;
|
| border-bottom: 1px dashed #949ffe;
|
| margin-bottom: 12px;
|
| width: fit-content;
|
| }
|
| .blue_card p {
|
| color: #eceeff;
|
| font-family: Inter;
|
| font-size: 1.3rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 12px;
|
| margin-bottom: 4px;
|
| }
|
| .blue_card .banner_btn {
|
| border-radius: 8px;
|
| border: 1px solid #afb7fa;
|
| background: #fff;
|
| padding: 8px 16px;
|
| box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.25), 0px 4px 6px 0px rgba(142, 158, 167, 0.08) inset;
|
| display: inline-block;
|
| margin-top: 16px;
|
| color: #3e52ff;
|
| font-family: Inter;
|
| font-size: 1.3rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: normal;
|
| letter-spacing: -0.24px;
|
| }
|
|
|
| .d_medium_cards.col_3 {
|
| grid-template-columns: repeat(3, 1fr);
|
| }
|
|
|
| .conversion_rate .desc {
|
| color: #6f7386;
|
| font-family: Inter;
|
| font-size: 1.3rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 18.4px;
|
| letter-spacing: -0.195px;
|
| margin-top: 4px;
|
| margin-bottom: 20px;
|
| }
|
|
|
| .form_select.blue {
|
| padding: 4px 12px;
|
| padding-right: 20px;
|
| border-radius: 30px;
|
| background: #f7f8ff;
|
| color: var(--primaryColor);
|
| font-family: Inter;
|
| font-size: 1.3rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 20px;
|
| margin-bottom: 20px;
|
| outline: 0;
|
| border: 0;
|
| }
|
|
|
| .counter {
|
| display: flex;
|
| align-items: flex-start;
|
| gap: 12px;
|
| margin-bottom: 20px;
|
| }
|
| .counter h2 {
|
| margin-bottom: 0;
|
| font-size: 3.6rem;
|
| }
|
| .counter p {
|
| color: #6f7386;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 20px;
|
| letter-spacing: -0.28px;
|
| }
|
|
|
| .d_inner_head .btn_primary {
|
| border-radius: 8px;
|
| }
|
|
|
| .d_left #pills-tab {
|
| display: flex;
|
| gap: 8px;
|
| }
|
| .d_left #pills-tab .nav-link {
|
| display: flex;
|
| padding: 10px 12px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 6px;
|
| border-radius: 8px;
|
| background: #f8f9fa;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 16px;
|
| letter-spacing: -0.28px;
|
| }
|
| .d_left #pills-tab .nav-link.active {
|
| background: #dfeeff;
|
| color: var(--darkText);
|
| }
|
|
|
| #booking_chart * {
|
| font-size: 100%;
|
| }
|
|
|
| .d_data {
|
| width: 100%;
|
| }
|
| .d_data table {
|
| width: 100%;
|
| border-collapse: collapse;
|
| border-radius: 12px;
|
| }
|
| .d_data table th,
|
| .d_data table td {
|
| padding: 10px 16px;
|
| border: 1px solid #f9f9f9;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 20px;
|
| letter-spacing: -0.14px;
|
| }
|
| .d_data table th {
|
| background: #f9f9f9;
|
| color: #6f7386;
|
| font-size: 1.3rem;
|
| }
|
| .d_data table th:first-child {
|
| border-top-left-radius: 12px;
|
| }
|
| .d_data table th:last-child {
|
| border-top-right-radius: 12px;
|
| }
|
| .d_data table tr:last-child td:first-child {
|
| border-bottom-right-radius: 12px;
|
| }
|
| .d_data table tr:last-child td:last-child {
|
| border-bottom-left-radius: 12px;
|
| }
|
| .d_data table .gender {
|
| display: flex;
|
| padding: 8px 12px 8px 10px;
|
| align-items: center;
|
| justify-content: center;
|
| gap: 4px;
|
| border-radius: 40px;
|
| width: fit-content;
|
| }
|
| .d_data table .gender span {
|
| font-weight: 600;
|
| }
|
| .d_data table .male {
|
| background: rgba(36, 143, 203, 0.06);
|
| color: #248fcb;
|
| }
|
| .d_data table .female {
|
| background: rgba(202, 30, 164, 0.06);
|
| color: #ca1ea4;
|
| }
|
|
|
| .d_contact_card h3 {
|
| padding: 12px 0 17px;
|
| }
|
| .d_contact_card .btn_group {
|
| justify-content: space-between;
|
| gap: 10px;
|
| }
|
| .d_contact_card .btn_group .btn_line {
|
| display: flex;
|
| max-width: 88px;
|
| padding: 10px 12px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 2px;
|
| border-radius: 8px !important;
|
| border: 1px solid #dfeeff !important;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 16px;
|
| letter-spacing: -0.14px;
|
| }
|
| .d_contact_card .btn_group .btn_line:hover {
|
| background-color: #c8dbf1;
|
| }
|
| .d_contact_card .btn_group .btn_sec {
|
| display: flex;
|
| padding: 10px 66px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 6px;
|
| flex: 1 0 0;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 16px;
|
| letter-spacing: -0.14px;
|
| border-radius: 8px !important;
|
| background: #dfeeff;
|
| }
|
| .d_contact_card .btn_group .btn_sec:hover {
|
| background-color: #c8dbf1;
|
| }
|
|
|
| .d_left.two_row {
|
| flex-direction: column;
|
| align-items: flex-start;
|
| width: 100%;
|
| gap: 16px;
|
| }
|
| .d_left.two_row .d_head_filter {
|
| width: 100%;
|
| }
|
| .d_left.two_row .btn_primary {
|
| background: var(--primaryColor);
|
| }
|
|
|
| #pills-tab.underline_tab {
|
| gap: 28px;
|
| padding-bottom: 8px;
|
| width: 100%;
|
| border-bottom: 1px dashed #d6d6d6;
|
| }
|
| #pills-tab.underline_tab .nav-link {
|
| padding: 0 12px;
|
| background: transparent;
|
| color: #6f7386;
|
| font-family: Inter;
|
| font-size: 1.3rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 16px;
|
| letter-spacing: -0.13px;
|
| position: relative;
|
| display: flex;
|
| align-items: center;
|
| gap: 6px;
|
| background: transparent !important;
|
| }
|
| #pills-tab.underline_tab .nav-link::before {
|
| content: "";
|
| position: absolute;
|
| width: 100%;
|
| height: 4px;
|
| border-top-left-radius: 4px;
|
| border-top-right-radius: 4px;
|
| background: var(--primaryColor);
|
| bottom: -9px;
|
| opacity: 0;
|
| left: 0;
|
| }
|
| #pills-tab.underline_tab .nav-link .icon {
|
| display: none;
|
| width: 16px;
|
| height: 16px;
|
| }
|
| #pills-tab.underline_tab .nav-link .icon svg {
|
| width: 100%;
|
| height: 100%;
|
| }
|
| #pills-tab.underline_tab .nav-link.active {
|
| color: var(--primaryColor);
|
| }
|
| #pills-tab.underline_tab .nav-link.active::before {
|
| opacity: 1;
|
| }
|
| #pills-tab.underline_tab .nav-link.active .icon {
|
| display: flex;
|
| }
|
|
|
| .d_head_filter.d_tabs {
|
| margin: 0;
|
| padding: 0;
|
| border: 0;
|
| }
|
|
|
| .profile_image {
|
| width: 80px;
|
| height: 80px;
|
| border-radius: 50%;
|
| margin-bottom: 32px;
|
| }
|
| .profile_image img {
|
| width: 100%;
|
| height: 100%;
|
| object-fit: cover;
|
| }
|
|
|
| .account_settings h4 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: 20px;
|
| letter-spacing: -0.64px;
|
| margin-bottom: 16px;
|
| }
|
| .account_settings .acc_info {
|
| display: flex;
|
| justify-content: space-between;
|
| margin-bottom: 20px;
|
| }
|
| .account_settings .acc_info p.label {
|
| color: #6f7386;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 16.8px;
|
| letter-spacing: -0.14px;
|
| margin-bottom: 2px;
|
| }
|
| .account_settings .acc_info p.value {
|
| color: #acb5c5;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 16.8px;
|
| letter-spacing: -0.14px;
|
| }
|
| .account_settings .acc_info p.green {
|
| color: #1ea83c;
|
| font-family: Inter;
|
| font-size: 14px;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 16.8px;
|
| letter-spacing: -0.14px;
|
| cursor: pointer;
|
| }
|
| .account_settings .password,
|
| .account_settings .phone {
|
| padding-bottom: 20px;
|
| border-bottom: 1px dashed #d6d6d6;
|
| }
|
| .account_settings .logout {
|
| display: flex;
|
| align-items: center;
|
| gap: 8px;
|
| color: #f44157;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 20px;
|
| letter-spacing: -0.42px;
|
| }
|
|
|
| nav.second_navbar {
|
| padding: 0;
|
| }
|
| nav.second_navbar ul li {
|
| width: 100%;
|
| }
|
| nav.second_navbar ul {
|
| width: 100%;
|
| max-width: 1240px;
|
| margin: 0 auto;
|
| padding: 14px 20px;
|
| }
|
| nav.second_navbar ul .d_account_img {
|
| width: fit-content;
|
| height: 44px;
|
| display: flex;
|
| align-items: center;
|
| gap: 8px;
|
| border-radius: 30px 36px 36px 30px;
|
| background: #eaf3ff;
|
| padding-right: 8px;
|
| }
|
| nav.second_navbar ul .d_account_img .img,
|
| nav.second_navbar ul .d_account_img .image {
|
| width: 44px;
|
| height: 44px;
|
| }
|
| nav.second_navbar ul .d_account_img .text {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.64px;
|
| gap: 8px;
|
| display: flex;
|
| align-items: center;
|
| }
|
| nav.second_navbar ul .d_account_img .text .dropdown_icon {
|
| display: flex;
|
| }
|
| nav.second_navbar li:last-child {
|
| justify-content: flex-end;
|
| gap: 20px;
|
| }
|
| nav.second_navbar ul .call_us {
|
| display: flex;
|
| align-items: center;
|
| gap: 2px;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.64px;
|
| text-decoration-line: underline;
|
| }
|
| nav.second_navbar ul .call_us span {
|
| text-decoration: underline;
|
| }
|
|
|
| .full_width .account_settings .password,
|
| .full_width .account_settings .phone {
|
| padding-bottom: 0;
|
| margin-bottom: 0;
|
| border-bottom: 0;
|
| }
|
| .full_width .profile_image_sec {
|
| padding-bottom: 32px;
|
| margin-bottom: 32px;
|
| border-bottom: 1px dashed #d6d6d6;
|
| }
|
| .full_width .profile_image {
|
| margin: 0;
|
| }
|
|
|
| .profile_sec {
|
| display: flex;
|
| width: 100%;
|
| padding-bottom: 32px;
|
| margin-bottom: 32px;
|
| border-bottom: 1px dashed #d6d6d6;
|
| }
|
| .profile_sec > div {
|
| width: 100%;
|
| }
|
| .profile_sec .acc_seting_info {
|
| padding-right: 40px;
|
| border-right: 1px dashed #d6d6d6;
|
| }
|
| .profile_sec .personal_info {
|
| padding-left: 40px;
|
| }
|
|
|
| .full_width .d_data {
|
| margin-top: 32px;
|
| }
|
|
|
| .booking_card h3,
|
| .wish_card h3 {
|
| margin: 8px 0 2px;
|
| }
|
| .booking_card .footer_card,
|
| .wish_card .footer_card {
|
| display: flex;
|
| justify-content: space-between;
|
| align-items: flex-end;
|
| padding-top: 6px;
|
| border-top: 1px dashed #d6d6d6;
|
| }
|
| .booking_card .date .label,
|
| .wish_card .date .label {
|
| color: rgba(86, 92, 116, 0.8);
|
| font-family: Inter;
|
| font-size: 1.2rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.12px;
|
| }
|
| .booking_card .date .value,
|
| .wish_card .date .value {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 28.8px;
|
| letter-spacing: -0.48px;
|
| }
|
| .booking_card .date .value .grey,
|
| .wish_card .date .value .grey {
|
| color: #d6d6d6;
|
| }
|
| .booking_card .button,
|
| .wish_card .button {
|
| padding: 10px 12px;
|
| color: #fff;
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 1.2rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.24px;
|
| outline: 0 !important;
|
| border: 0 !important;
|
| border-radius: 100px;
|
| }
|
| .booking_card .button.booked_btn,
|
| .wish_card .button.booked_btn {
|
| background: #1ea83c;
|
| }
|
| .booking_card .button.schedule_btn,
|
| .wish_card .button.schedule_btn {
|
| background: var(--primaryColor);
|
| }
|
| .booking_card .can_schedule_btn,
|
| .wish_card .can_schedule_btn {
|
| width: 100%;
|
| color: var(--primaryColor);
|
| background-color: #fff;
|
| border: 1px solid #d7dbff !important;
|
| margin-top: 12px;
|
| font-size: 1.4rem;
|
| font-weight: 600;
|
| padding: 9px 16px;
|
| }
|
| .booking_card .coupon,
|
| .wish_card .coupon {
|
| display: flex;
|
| gap: 6px;
|
| margin-top: 12px;
|
| align-items: center;
|
| }
|
| .booking_card .coupon .icon,
|
| .wish_card .coupon .icon {
|
| min-width: 24px;
|
| min-height: 24px;
|
| }
|
| .booking_card .coupon p,
|
| .wish_card .coupon p {
|
| color: #f44157;
|
| font-family: Inter;
|
| font-size: 1.2rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 14.4px;
|
| letter-spacing: -0.12px;
|
| }
|
|
|
| .wishlist .d_data {
|
| margin-top: 0;
|
| }
|
|
|
| .has_border {
|
| padding-bottom: 16px;
|
| border-bottom: 1px dashed #d6d6d6;
|
| }
|
|
|
| .property_listing {
|
| background-color: #f9f9f9;
|
| min-height: 100vh;
|
| }
|
| .property_listing .has_bor_top {
|
| padding-top: 16px;
|
| border-top: 1px dashed #d6d6d6;
|
| }
|
| .property_listing .stepper {
|
| width: 100%;
|
| background: #fff;
|
| border-bottom: 1px dashed #d6d6d6;
|
| position: sticky;
|
| top: 0;
|
| z-index: 9999;
|
| }
|
| .property_listing .stepper_container {
|
| width: 100%;
|
| max-width: 1440px;
|
| margin: 0 auto;
|
| display: flex;
|
| align-items: center;
|
| justify-content: center;
|
| gap: 10%;
|
| }
|
| .property_listing .main_stepper {
|
| padding: 20px;
|
| display: flex;
|
| align-items: center;
|
| justify-content: center;
|
| border-bottom: 1px solid #f7f6f2;
|
| }
|
| .property_listing .main_stepper .step {
|
| display: flex;
|
| align-items: center;
|
| gap: 8px;
|
| opacity: 30%;
|
| }
|
| .property_listing .main_stepper .step .icon {
|
| display: flex;
|
| justify-content: center;
|
| align-items: center;
|
| width: 24px;
|
| height: 24px;
|
| border-radius: 50%;
|
| border: 1px solid transparent;
|
| }
|
| .property_listing .main_stepper .step .icon svg {
|
| width: 100%;
|
| fill: #495a63;
|
| }
|
| .property_listing .main_stepper .step p {
|
| color: #495a63;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 32px;
|
| letter-spacing: -0.48px;
|
| }
|
| .property_listing .main_stepper .step.step_active {
|
| opacity: 100%;
|
| }
|
| .property_listing .main_stepper .step.step_active .icon {
|
| border-color: #97a2ff;
|
| background-color: #f5f6ff;
|
| }
|
| .property_listing .main_stepper .step.step_active .icon svg {
|
| width: 16px;
|
| height: 16px;
|
| fill: var(--primaryColor);
|
| }
|
| .property_listing .main_stepper .step.step_active p {
|
| color: var(--primaryColor);
|
| }
|
| .property_listing .secondary_stepper {
|
| padding: 16px 40px;
|
| }
|
| .property_listing .secondary_stepper .stepper_container {
|
| justify-content: space-between;
|
| }
|
| .property_listing .secondary_stepper .sec_left a {
|
| display: flex;
|
| align-items: center;
|
| gap: 12px;
|
| }
|
| .property_listing .secondary_stepper .sec_left a .icon {
|
| display: flex;
|
| justify-content: center;
|
| align-items: center;
|
| width: 24px;
|
| height: 24px;
|
| border-radius: 30px;
|
| border: 1px solid #d6d6d6;
|
| }
|
| .property_listing .secondary_stepper .sec_left a .icon svg {
|
| width: 6px;
|
| }
|
| .property_listing .secondary_stepper .sec_left a span {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 20px;
|
| letter-spacing: -0.14px;
|
| }
|
| .property_listing .secondary_stepper .sec_left a:hover span {
|
| color: var(--primaryColor);
|
| }
|
| .property_listing .secondary_stepper .sec_left a:hover .icon {
|
| border-color: #97a2ff;
|
| background-color: #f5f6ff;
|
| }
|
| .property_listing .secondary_stepper .sec_left a:hover .icon svg {
|
| fill: var(--primaryColor);
|
| }
|
| .property_listing .secondary_stepper .sec_right {
|
| display: flex;
|
| align-items: center;
|
| gap: 4px;
|
| }
|
| .property_listing .secondary_stepper .sec_right p {
|
| margin-left: 4px;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.2rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 14.4px;
|
| letter-spacing: -0.36px;
|
| }
|
| .property_listing .secondary_stepper .sec_right .stepper_bar {
|
| width: 28px;
|
| height: 4px;
|
| border-radius: 20px;
|
| background: #d6d6d6;
|
| }
|
| .property_listing .secondary_stepper .sec_right .stepper_bar.active {
|
| background: var(--primaryColor);
|
| }
|
| .property_listing .p_listing_container {
|
| width: 100%;
|
| max-width: 960px;
|
| padding: 32px 20px 32px;
|
| margin: 0 auto;
|
| }
|
| .property_listing .two_col {
|
| display: grid;
|
| grid-template-columns: 1fr 1fr;
|
| gap: 24px;
|
| }
|
| .property_listing .btn_group {
|
| justify-content: space-between;
|
| margin-top: 4px;
|
| }
|
| .property_listing .btn_group a {
|
| width: 216px;
|
| border-radius: 8px !important;
|
| display: flex;
|
| align-items: center;
|
| justify-content: center;
|
| gap: 8px;
|
| border: 1px solid #d7dbff;
|
| color: var(--primaryColor);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: 20px;
|
| letter-spacing: -0.14px;
|
| height: 42px;
|
| }
|
| .property_listing .btn_group a .icon {
|
| display: flex;
|
| }
|
| .property_listing .btn_group .btn_line svg {
|
| fill: var(--primaryColor) !important;
|
| }
|
| .property_listing .btn_group .btn_line:hover {
|
| background: #e7e9ff;
|
| }
|
| .property_listing .btn_group .btn_primary svg {
|
| fill: #fff;
|
| }
|
| .property_listing .p_listing_container {
|
| position: relative;
|
| }
|
| .property_listing .p_listing_container .input_group {
|
| display: flex;
|
| padding: 24px;
|
| flex-direction: column;
|
| align-items: flex-start;
|
| gap: 16px;
|
| border-radius: 12px;
|
| background: #fff;
|
| }
|
| .property_listing .p_listing_container .input_group label,
|
| .property_listing .p_listing_container .input_group .label {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.28px;
|
| }
|
| .property_listing .p_listing_container .input_group .form_control {
|
| width: 100%;
|
| gap: 4px;
|
| }
|
| .property_listing .p_listing_container .input_group .form_control input[type=text],
|
| .property_listing .p_listing_container .input_group .form_control select,
|
| .property_listing .p_listing_container .input_group .form_control textarea {
|
| padding: 12px 16px;
|
| border-radius: 10px;
|
| border: 1px solid rgba(172, 181, 197, 0.13);
|
| background-color: rgba(238, 239, 242, 0.4);
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.14px;
|
| }
|
| .property_listing .p_listing_container .input_group .form_control input[type=text]:hover, .property_listing .p_listing_container .input_group .form_control input[type=text]:focus,
|
| .property_listing .p_listing_container .input_group .form_control select:hover,
|
| .property_listing .p_listing_container .input_group .form_control select:focus,
|
| .property_listing .p_listing_container .input_group .form_control textarea:hover,
|
| .property_listing .p_listing_container .input_group .form_control textarea:focus {
|
| border: 1px solid #97a2ff;
|
| }
|
| .property_listing .p_listing_container .check_box {
|
| flex-direction: row;
|
| justify-content: space-between;
|
| }
|
| .property_listing .p_listing_container .check_box input[type=checkbox] {
|
| width: 20px;
|
| height: 20px;
|
| border-radius: 4px;
|
| border: 1px solid rgba(172, 181, 197, 0.4);
|
| background: rgba(238, 239, 242, 0.4);
|
| }
|
| .property_listing .p_listing_container .check_box.chec_box_rev {
|
| flex-direction: row-reverse;
|
| justify-content: flex-end;
|
| gap: 0px;
|
| }
|
| .property_listing .p_listing_container .check_box.chec_box_rev label {
|
| padding-left: 12px;
|
| }
|
| .property_listing .p_listing_container input[type=file] {
|
| display: none;
|
| }
|
| .property_listing .p_listing_container .video_in_box {
|
| width: 100%;
|
| height: 180px;
|
| border-radius: 10px;
|
| border: 1px dashed #dfeeff;
|
| cursor: pointer;
|
| padding: 20px;
|
| display: flex;
|
| flex-direction: column;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 20px;
|
| }
|
| .property_listing .p_listing_container .video_in_box .upload_box {
|
| display: flex;
|
| flex-direction: column;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 20px;
|
| }
|
| .property_listing .p_listing_container .video_in_box:hover {
|
| border: 1px dashed #97a2ff;
|
| }
|
| .property_listing .p_listing_container .video_in_box .icon {
|
| width: 56px;
|
| height: 56px;
|
| border-radius: 8px;
|
| background: #f3f4ff;
|
| display: flex;
|
| align-items: center;
|
| justify-content: center;
|
| }
|
| .property_listing .p_listing_container .video_in_box .icon svg {
|
| width: 18px;
|
| }
|
| .property_listing .p_listing_container .file_item {
|
| display: flex;
|
| align-items: center;
|
| gap: 2px;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.28px;
|
| }
|
| .property_listing .p_listing_container .file_item .icon {
|
| width: 16px;
|
| height: 16px;
|
| display: flex;
|
| align-items: center;
|
| justify-content: center;
|
| }
|
| .property_listing .p_listing_container .file_item .icon img {
|
| width: 100%;
|
| }
|
| .property_listing .p_listing_container .max_file {
|
| color: #acb5c5;
|
| font-family: Inter;
|
| font-size: 1.3rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.26px;
|
| margin-top: 6px;
|
| }
|
| .property_listing .p_listing_container .max_file .dot {
|
| display: inline-block;
|
| width: 5px;
|
| height: 5px;
|
| border-radius: 50%;
|
| background-color: #acb5c5;
|
| transform: translateY(-2px);
|
| margin: 0 4px;
|
| }
|
| .property_listing .p_listing_container .input_col {
|
| width: 100%;
|
| display: flex;
|
| gap: 12px;
|
| }
|
| .property_listing .p_listing_container .input_col .form_control {
|
| width: 100%;
|
| }
|
| .property_listing .p_listing_container .input_col .form_control:last-child {
|
| max-width: 120px;
|
| }
|
| .property_listing .p_listing_container .btn {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.28px;
|
| }
|
| .property_listing .p_listing_container .btn:hover {
|
| color: var(--primaryColor);
|
| }
|
| .property_listing .p_listing_container .input_group .form_control.disabled input,
|
| .property_listing .p_listing_container .input_group .form_control.disabled select,
|
| .property_listing .p_listing_container .input_group .form_control.disabled textarea {
|
| border: 1px solid rgba(172, 181, 197, 0.13);
|
| background-color: #eeeff2;
|
| }
|
| .property_listing .p_listing_container .form_control .have_extra {
|
| position: relative;
|
| }
|
| .property_listing .p_listing_container .form_control .have_extra p,
|
| .property_listing .p_listing_container .form_control .have_extra select {
|
| position: absolute;
|
| color: #4b6475;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.14px;
|
| width: fit-content;
|
| background-color: transparent !important;
|
| border: 0 !important;
|
| padding: 12px 16px;
|
| left: 0;
|
| top: 0;
|
| }
|
| .property_listing .p_listing_container .form_control .have_extra select {
|
| padding-right: 24px;
|
| }
|
| .property_listing .p_listing_container .form_control .have_extra input[type=text] {
|
| padding-left: 52px;
|
| }
|
| .property_listing .p_listing_container .form_control .have_extra input[type=text].have_drop {
|
| padding-left: 75px;
|
| }
|
| .property_listing .input_group .head_tag {
|
| display: flex;
|
| padding: 6px 10px;
|
| align-items: flex-start;
|
| gap: 10px;
|
| border-radius: 20px;
|
| background: #f7f8ff;
|
| color: #3e51ff;
|
| font-family: Inter;
|
| font-size: 1rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 12px;
|
| letter-spacing: 0.2px;
|
| text-transform: uppercase;
|
| }
|
| .property_listing .input_group h4 {
|
| width: 100%;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.28px;
|
| }
|
| .property_listing .input_group .label_grey {
|
| color: #acb5c5;
|
| font-family: Inter;
|
| font-size: 1.2rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 14.4px;
|
| letter-spacing: -0.24px;
|
| }
|
| .property_listing .step-2_content4 .small_desc {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.28px;
|
| }
|
| .property_listing .step-2_content4 .heading {
|
| display: flex;
|
| width: 100%;
|
| justify-content: space-between;
|
| }
|
| .property_listing .step-2_content4 .heading p {
|
| color: #1c1b20;
|
| font-family: Inter;
|
| font-size: 1rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: normal;
|
| letter-spacing: 0.1px;
|
| margin-bottom: 4px;
|
| }
|
| .property_listing .step-2_content4 .heading .gstin_code {
|
| color: var(--primaryColor);
|
| font-family: Inter;
|
| font-size: 2rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: normal;
|
| letter-spacing: -0.6px;
|
| margin-bottom: 12px;
|
| }
|
| .property_listing .step-2_content4 .heading .edit {
|
| display: flex;
|
| height: 32px;
|
| padding: 10px 12px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 6px;
|
| border-radius: 20px;
|
| background: #dfeeff;
|
| outline: 0;
|
| border: 0;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.2rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: 20px;
|
| letter-spacing: -0.24px;
|
| }
|
| .property_listing .step-2_content4 p {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: normal;
|
| letter-spacing: -0.42px;
|
| }
|
| .property_listing .step-2_content4 .gst_credential {
|
| width: 100%;
|
| display: flex;
|
| padding: 20px;
|
| flex-direction: column;
|
| align-items: flex-start;
|
| gap: 10px;
|
| border-radius: 12px;
|
| background: #f9f9f9;
|
| }
|
| .property_listing .step-2_content4 .gst_credential .row_custom {
|
| width: 100%;
|
| display: flex;
|
| align-items: center;
|
| justify-content: space-between;
|
| }
|
| .property_listing .step-2_content4 .gst_credential .row_custom p {
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 136.6%;
|
| letter-spacing: -0.28px;
|
| }
|
| .property_listing .step-2_content4 .gst_credential .row_custom .label {
|
| color: #6f7386;
|
| }
|
| .property_listing .step-2_content4 .gst_credential .row_custom .value {
|
| color: #3a3b4f;
|
| }
|
| .property_listing .floor_building {
|
| width: 100%;
|
| display: flex;
|
| align-items: center;
|
| gap: 22px !important;
|
| flex-direction: row;
|
| }
|
| .property_listing .floor_building p {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.28px;
|
| }
|
| .property_listing .floor_building .controll {
|
| width: 50%;
|
| max-width: 147px;
|
| display: flex;
|
| align-items: center;
|
| gap: 5px;
|
| justify-content: space-between;
|
| }
|
| .property_listing .floor_building .controll .controller {
|
| display: flex;
|
| width: 44px;
|
| height: 36px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 10px;
|
| border-radius: 36px;
|
| border: 1px solid #eeeff2;
|
| background: #f7f7f8;
|
| cursor: pointer;
|
| }
|
| .property_listing .floor_building .controll .controller svg {
|
| width: 24px;
|
| height: 24px;
|
| }
|
| .property_listing .floor_building .controll .controller:hover {
|
| border: 1px solid #97a2ff;
|
| }
|
| .property_listing .floor_building .controll .value {
|
| display: flex;
|
| width: 49px;
|
| height: 36px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 10px;
|
| border-radius: 20px;
|
| border: 1px solid #eeeff2;
|
| background: #fff;
|
| color: var(--primaryColor);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: normal;
|
| letter-spacing: -0.14px;
|
| }
|
| .property_listing .radio_button {
|
| display: flex;
|
| flex-direction: row !important;
|
| align-items: center;
|
| gap: 16px;
|
| flex-wrap: wrap;
|
| }
|
| .property_listing .radio_button input[type=radio] {
|
| display: none;
|
| }
|
| .property_listing .radio_button .form_control {
|
| width: fit-content !important;
|
| }
|
| .property_listing .radio_button label {
|
| display: flex;
|
| padding: 10px 14px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 10px;
|
| border-radius: 8px;
|
| background: #f8f9fa;
|
| cursor: pointer;
|
| border: 1px solid transparent;
|
| }
|
| .property_listing .radio_button label:hover {
|
| border-color: #97a2ff;
|
| }
|
| .property_listing .radio_button input:checked + label {
|
| background: #dfeeff;
|
| }
|
| .property_listing .radio_button .room_type {
|
| display: flex;
|
| padding: 10px 12px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 10px;
|
| border-radius: 8px;
|
| border: 1px dashed #3a3b4f;
|
| }
|
| .property_listing .p_listing_container.step-2_content5 {
|
| max-width: 1080px;
|
| }
|
| .property_listing .p_listing_container.step-2_content5 .heading {
|
| display: flex;
|
| width: 100%;
|
| justify-content: flex-start;
|
| gap: 16px;
|
| }
|
| .property_listing .p_listing_container.step-2_content5 .heading h4 {
|
| width: auto;
|
| }
|
| .property_listing .p_listing_container.step-2_content5 .heading .form_control {
|
| width: auto;
|
| }
|
| .property_listing .p_listing_container.step-2_content5 .heading .form_control label {
|
| padding-left: 8px;
|
| }
|
| .property_listing .p_listing_container.step-2_content5 #pills-tab {
|
| width: 100%;
|
| gap: 16px;
|
| }
|
| .property_listing .p_listing_container.step-2_content5 #pills-tab .nav-link {
|
| display: flex;
|
| padding: 8px 12px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 10px;
|
| border-radius: 8px;
|
| background: #f8f9fa;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.3rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 20px;
|
| letter-spacing: -0.26px;
|
| }
|
| .property_listing .p_listing_container.step-2_content5 #pills-tab .nav-link.active {
|
| background: #dfeeff;
|
| }
|
| .property_listing .p_listing_container.step-2_content5 .tab-content {
|
| width: 100%;
|
| }
|
| .property_listing .p_listing_container.step-2_content5 .floor_container {
|
| display: grid;
|
| grid-template-columns: repeat(3, 1fr);
|
| gap: 16px;
|
| }
|
| .property_listing .p_listing_container.step-2_content5 .floor_container .floor_card {
|
| display: grid;
|
| grid-template-columns: 1fr 1fr;
|
| padding: 10px;
|
| align-items: center;
|
| gap: 10px;
|
| border-radius: 10px;
|
| background: rgba(247, 247, 248, 0.5);
|
| }
|
| .property_listing .p_listing_container.step-2_content5 .floor_container .floor_card .image {
|
| width: fit-content;
|
| }
|
| .property_listing .p_listing_container.step-2_content5 .floor_container .floor_card input {
|
| padding-left: 32px;
|
| border-radius: 10px;
|
| border: 1px solid rgba(172, 181, 197, 0.13);
|
| background: rgba(238, 239, 242, 0.4);
|
| }
|
| .property_listing .p_listing_container.step-2_content5 .floor_container .floor_card p {
|
| color: #4b6475;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.14px;
|
| }
|
| .property_listing .listing_categories {
|
| display: flex;
|
| margin-top: 32px;
|
| padding-bottom: 32px;
|
| position: relative;
|
| top: 0;
|
| left: 40px;
|
| }
|
| .property_listing .listing_categories .listing_left_menu {
|
| display: flex;
|
| flex-direction: column;
|
| position: fixed;
|
| display: flex;
|
| width: 50vw;
|
| max-width: 240px;
|
| padding: 16px;
|
| align-items: flex-start;
|
| gap: 10px;
|
| border-radius: 12px;
|
| border: 1px solid #f7f6f2;
|
| background: #fff;
|
| }
|
| .property_listing .listing_categories .listing_left_menu .cat_item {
|
| display: flex;
|
| height: 40px;
|
| padding: 10px 12px;
|
| align-items: center;
|
| gap: 10px;
|
| align-self: stretch;
|
| color: #6f7386;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 20px;
|
| letter-spacing: -0.14px;
|
| border-radius: 8px;
|
| }
|
| .property_listing .listing_categories .listing_left_menu .cat_item.cat_active {
|
| background: #f7f8ff;
|
| color: var(--primaryColor);
|
| }
|
| .property_listing .listing_categories .listing_left_menu .cat_item.cat_active svg {
|
| fill: var(--primaryColor);
|
| }
|
| .property_listing .listing_categories .p_listing_container {
|
| padding: 0;
|
| }
|
| .property_listing .listing_categories .form_control input[type=radio] {
|
| display: none;
|
| }
|
| .property_listing .listing_categories .form_control input[type=radio] + label {
|
| display: flex;
|
| flex-direction: row-reverse;
|
| justify-content: flex-end;
|
| }
|
| .property_listing .listing_categories .form_control input[type=radio] + label .icon {
|
| width: 20px;
|
| height: 20px;
|
| border-radius: 4px;
|
| border: 1px solid rgba(172, 181, 197, 0.4);
|
| background: rgba(238, 239, 242, 0.4);
|
| position: relative;
|
| margin-right: 12px;
|
| }
|
| .property_listing .listing_categories .form_control input[type=radio] + label .icon svg {
|
| position: absolute;
|
| top: 50%;
|
| left: 50%;
|
| transform: translate(-50%, -50%);
|
| opacity: 0;
|
| }
|
| .property_listing .listing_categories .form_control input[type=radio]:checked + label .icon {
|
| background: var(--primaryColor);
|
| border-color: var(--primaryColor);
|
| }
|
| .property_listing .listing_categories .form_control input[type=radio]:checked + label svg {
|
| opacity: 1;
|
| }
|
| .property_listing .listing_categories .content_hide {
|
| display: none;
|
| }
|
| .property_listing .listing_categories .content_show {
|
| display: block;
|
| }
|
| .property_listing .listing_categories .btn_hide {
|
| display: none;
|
| }
|
| .property_listing .listing_categories .btn_show {
|
| display: flex;
|
| }
|
| .property_listing .listing_categories .multi_item {
|
| display: flex;
|
| width: 100%;
|
| gap: 16px;
|
| }
|
| .property_listing .listing_categories .multi_item .form_control {
|
| width: fit-content;
|
| }
|
| .property_listing .listing_categories .multi_item .input_selector {
|
| display: flex;
|
| padding: 10px 14px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 10px;
|
| border-radius: 8px;
|
| background: #f8f9fa;
|
| cursor: pointer;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 20px;
|
| letter-spacing: -0.28px;
|
| }
|
| .property_listing .listing_categories .multi_item .close_icon {
|
| cursor: pointer;
|
| display: none;
|
| }
|
| .property_listing .listing_categories .multi_item .input_selector.selected {
|
| background: #dfeeff;
|
| }
|
| .property_listing .listing_categories .multi_item .input_selector.selected .close_icon {
|
| display: flex;
|
| }
|
| .property_listing .input_group .d_multiselect {
|
| width: 100%;
|
| position: relative;
|
| }
|
| .property_listing .input_group .d_multiselect .selected-items {
|
| display: none;
|
| align-items: flex-start;
|
| flex-wrap: wrap;
|
| gap: 12px;
|
| padding-bottom: 16px;
|
| }
|
| .property_listing .input_group .d_multiselect .selected-items.added {
|
| display: flex;
|
| }
|
| .property_listing .input_group .d_multiselect .selected-item {
|
| display: flex;
|
| padding: 6px 8px 6px 12px;
|
| justify-content: center;
|
| align-items: center;
|
| gap: 6px;
|
| border-radius: 6px;
|
| background: #eef6ff;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.3rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 20px;
|
| letter-spacing: -0.12px;
|
| }
|
| .property_listing .input_group .d_multiselect .close {
|
| display: flex;
|
| font-size: 12px;
|
| cursor: pointer;
|
| }
|
| .property_listing .input_group .d_multiselect .select-box {
|
| display: flex;
|
| padding: 8px 16px;
|
| padding-right: 4px;
|
| justify-content: space-between;
|
| align-items: center;
|
| align-self: stretch;
|
| border-radius: 10px;
|
| border: 1px solid rgba(172, 181, 197, 0.13);
|
| background: rgba(238, 239, 242, 0.4);
|
| cursor: pointer;
|
| }
|
| .property_listing .input_group .d_multiselect .select-box .dropdown-label {
|
| width: 100%;
|
| display: flex;
|
| align-items: center;
|
| justify-content: space-between;
|
| }
|
| .property_listing .input_group .d_multiselect .select-box .label_text {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.14px;
|
| }
|
| .property_listing .input_group .d_multiselect .select-box:hover {
|
| border-color: #97a2ff;
|
| }
|
| .property_listing .input_group .d_multiselect .select-box.focused {
|
| border-color: #97a2ff;
|
| }
|
| .property_listing .input_group .d_multiselect .dropdown-content {
|
| width: 100%;
|
| position: absolute;
|
| padding: 8px 0px;
|
| background: #fff;
|
| display: none;
|
| flex-direction: column;
|
| gap: 4px;
|
| z-index: 3;
|
| box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
|
| border-radius: 12px;
|
| margin-top: 4px;
|
| }
|
| .property_listing .input_group .d_multiselect .dropdown-content a {
|
| padding: 10px 16px;
|
| width: 100%;
|
| cursor: pointer;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: normal;
|
| letter-spacing: -0.14px;
|
| }
|
| .property_listing .input_group .d_multiselect .dropdown-content a:hover {
|
| background-color: #eef6ff;
|
| }
|
| .property_listing .input_group .at_bottom .dropdown-content {
|
| bottom: 52px;
|
| }
|
| .property_listing .check_checbox.content_show,
|
| .property_listing .check_checbox2.content_show {
|
| width: 100%;
|
| display: flex;
|
| flex-direction: column;
|
| gap: 16px;
|
| }
|
|
|
| .step-1_content {
|
| max-width: 740px;
|
| }
|
| .step-1_content h3 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 2rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 24px;
|
| letter-spacing: -0.4px;
|
| text-align: center;
|
| margin-bottom: 16px;
|
| }
|
| .step-1_content > p {
|
| color: rgba(111, 115, 134, 0.7);
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 26.2px;
|
| letter-spacing: -0.32px;
|
| max-width: 455px;
|
| margin: 0 auto;
|
| }
|
| .step-1_content .type_group {
|
| margin-top: 62px;
|
| margin-bottom: 24px;
|
| }
|
| .step-1_content .type_group .form_control {
|
| display: grid;
|
| grid-template-columns: repeat(4, 1fr);
|
| gap: 20px;
|
| }
|
| .step-1_content .type_group .form_control input {
|
| display: none;
|
| }
|
| .step-1_content .type_group .radio_group label {
|
| display: flex;
|
| flex-direction: column;
|
| align-items: center;
|
| justify-content: center;
|
| gap: 10px;
|
| padding: 20px;
|
| height: 160px;
|
| border-radius: 12px;
|
| background: #fff;
|
| border: 1px solid transparent;
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 24px;
|
| letter-spacing: -0.32px;
|
| cursor: pointer;
|
| }
|
| .step-1_content .type_group .radio_group label .icon {
|
| width: 60px;
|
| height: 60px;
|
| display: flex;
|
| align-items: center;
|
| justify-content: center;
|
| }
|
| .step-1_content .type_group .radio_group label:hover {
|
| border-color: #97a2ff;
|
| }
|
| .step-1_content .type_group .radio_group input:checked + label {
|
| border: 1px solid var(--primaryColor);
|
| color: var(--primaryColor);
|
| }
|
| .step-1_content .type_group .radio_group input:checked + label svg {
|
| fill: var(--primaryColor);
|
| }
|
|
|
| .property_listing.pricing_page .p_listing_container {
|
| max-width: 980px;
|
| left: unset !important;
|
| padding-bottom: 100px;
|
| }
|
|
|
| .background_shape {
|
| width: 100%;
|
| height: 60vh;
|
| position: absolute;
|
| top: 0;
|
| z-index: 0;
|
| background: var(--primaryColor);
|
| }
|
|
|
| .pricing_page h2 {
|
| padding-top: 50px;
|
| padding-bottom: 70px;
|
| color: #fff;
|
| text-align: center;
|
| font-family: Inter;
|
| font-size: 3.6rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: 43.2px;
|
| letter-spacing: -1.08px;
|
| }
|
| .pricing_page .pricing_container {
|
| padding: 41px 49px;
|
| border-radius: 12px;
|
| background: #fcfcfc;
|
| position: relative;
|
| isolation: isolate;
|
| }
|
| .pricing_page .pricing_container::before {
|
| content: "";
|
| position: absolute;
|
| width: 40%;
|
| height: calc(100% + 54px);
|
| border-radius: 12px;
|
| border: 1px solid #eef0f3;
|
| background: #fff;
|
| box-shadow: 9px 5px 22px 0px rgba(131, 131, 131, 0.15);
|
| top: -27px;
|
| right: -17px;
|
| z-index: -1;
|
| }
|
| .pricing_page h3 {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 2.9rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 32px;
|
| letter-spacing: -0.87px;
|
| margin-bottom: 27px;
|
| }
|
| .pricing_page h3 .strike {
|
| font-size: 2.4rem;
|
| letter-spacing: -0.72px;
|
| text-decoration: line-through;
|
| }
|
| .pricing_page .free h3 {
|
| padding-left: 16px;
|
| }
|
| .pricing_page .chip {
|
| display: flex;
|
| width: fit-content;
|
| padding: 8px 16px;
|
| border-radius: 8px;
|
| background: #eef6ff;
|
| color: var(--darkText);
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 32px;
|
| letter-spacing: -0.48px;
|
| }
|
| .pricing_page p,
|
| .pricing_page label {
|
| color: var(--darkText);
|
| font-family: Inter;
|
| font-size: 1.6rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.32px;
|
| text-transform: capitalize;
|
| }
|
| .pricing_page .blue {
|
| color: var(--primaryColor);
|
| }
|
| .pricing_page .red {
|
| color: #ef1919;
|
| }
|
| .pricing_page .green {
|
| color: #1ea83c;
|
| }
|
| .pricing_page .info {
|
| color: #6f7386;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 500;
|
| line-height: 19.2px;
|
| letter-spacing: -0.28px;
|
| text-transform: capitalize;
|
| }
|
| .pricing_page .phead,
|
| .pricing_page .prow {
|
| display: grid;
|
| grid-template-columns: 1fr 1fr 1fr;
|
| gap: 110px;
|
| }
|
| .pricing_page .prow {
|
| padding: 27px 0;
|
| }
|
| .pricing_page .prow .pdata {
|
| display: flex;
|
| align-items: center;
|
| }
|
| .pricing_page .prow:not(:last-child) {
|
| border-bottom: 1px dashed #d6d6d6;
|
| }
|
| .pricing_page .for_mobile {
|
| display: none;
|
| }
|
| .pricing_page .multiple {
|
| display: flex;
|
| flex-direction: column;
|
| gap: 8px;
|
| }
|
| .pricing_page input[type=checkbox] {
|
| min-width: 15px;
|
| margin-top: 3px;
|
| border-radius: 4px;
|
| border: 1px solid #d6d6d6;
|
| background: #f4f4f4;
|
| }
|
| .pricing_page .form_control .multiple {
|
| padding-left: 12px;
|
| }
|
| .pricing_page .form_control .multiple label {
|
| padding: 0 !important;
|
| }
|
| .pricing_page .btn_group a {
|
| width: 256px;
|
| font-family: Inter;
|
| font-size: 1.4rem;
|
| font-style: normal;
|
| font-weight: 600;
|
| line-height: 20px;
|
| letter-spacing: -0.14px;
|
| min-width: max-content;
|
| }
|
|
|
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
|
|
|
|
| @media screen and (max-width: 1440px) {
|
| .property_listing .listing_categories .listing_left_menu {
|
| max-width: 220px;
|
| left: 30px;
|
| }
|
| .property_listing .secondary_stepper {
|
| padding: 16px 30px;
|
| }
|
| .property_listing .p_listing_container {
|
| max-width: 920px;
|
| }
|
| .property_listing .btn_group {
|
| flex-wrap: nowrap;
|
| }
|
| .property_listing .btn_group a {
|
| width: 100%;
|
| max-width: 260px;
|
| }
|
| }
|
| @media screen and (max-width: 1400px) {
|
| .dashboard_main .d_inner_content {
|
| padding: 20px;
|
| }
|
| nav.d_navbar {
|
| width: 100%;
|
| padding: 14px 20px 14px;
|
| }
|
| .d_inner_content {
|
| padding: 20px;
|
| }
|
| .d_inner_head h2 {
|
| font-size: 2.4rem;
|
| line-height: 28px;
|
| }
|
| .d_inner_head {
|
| margin-bottom: 24px;
|
| }
|
| .property_listing .two_col {
|
| gap: 16px;
|
| }
|
| .property_listing .p_listing_container {
|
| max-width: 840px;
|
| }
|
| .property_listing .secondary_stepper {
|
| padding: 16px 20px;
|
| }
|
| .property_listing .listing_categories .listing_left_menu {
|
| max-width: 200px;
|
| left: 20px;
|
| padding: 10px;
|
| }
|
| .property_listing .listing_categories {
|
| margin-top: 20px;
|
| padding-bottom: 20px;
|
| left: 20px;
|
| }
|
| .property_listing .main_stepper,
|
| .property_listing .secondary_stepper {
|
| padding: 10px 20px;
|
| }
|
| .property_listing .p_listing_container {
|
| padding: 20px;
|
| }
|
| .d_navbar.second_navbar {
|
| padding: 0;
|
| }
|
| }
|
| @media screen and (max-width: 1300px) {
|
| .property_listing .listing_categories .listing_left_menu {
|
| gap: 0px;
|
| }
|
| .property_listing .listing_categories {
|
| left: 60px;
|
| }
|
| .property_listing select.form-select {
|
| width: 100%;
|
| }
|
| }
|
| @media screen and (max-width: 1180px) {
|
| .d_left_menu {
|
| max-width: 200px;
|
| min-width: 200px;
|
| padding: 10px;
|
| }
|
| .d_left_menu a {
|
| padding: 10px 10px;
|
| gap: 6px;
|
| font-size: 1.3rem;
|
| }
|
| .d_small_card h2,
|
| .d_medium_card h2 {
|
| font-size: 3.2rem;
|
| line-height: normal;
|
| }
|
| .blue_card .right_box {
|
| padding: 10px;
|
| }
|
| .blue_card .left_image {
|
| height: auto;
|
| }
|
| .blue_card .info {
|
| width: auto;
|
| transform: translateX(-23px);
|
| }
|
| .blue_card {
|
| display: flex;
|
| }
|
| .d_medium_card h4 {
|
| font-size: 1.6rem;
|
| line-height: normal;
|
| letter-spacing: -0.36px;
|
| margin-bottom: 0;
|
| }
|
| .dashboard_main select.form-select {
|
| font-size: 1.3rem;
|
| }
|
| .d_contact_card .btn_group .btn_sec {
|
| display: flex;
|
| padding: 10px 12px;
|
| }
|
| .btn_group a {
|
| min-width: unset;
|
| }
|
| .d_contact_card .btn_group {
|
| flex-wrap: nowrap;
|
| }
|
| #pills-all {
|
| width: 100%;
|
| overflow: auto;
|
| }
|
| #pills-all table {
|
| width: 1024px;
|
| }
|
| .d_inner_content {
|
| width: calc(100% - 200px);
|
| }
|
| .property_listing .p_listing_container {
|
| max-width: 720px;
|
| }
|
| .property_listing .listing_categories {
|
| left: 4%;
|
| }
|
| .property_listing .p_listing_container .input_group {
|
| padding: 16px;
|
| }
|
| .property_listing .p_listing_container .input_col {
|
| align-items: flex-end;
|
| }
|
| .property_listing .btn_group {
|
| flex-wrap: wrap-reverse;
|
| }
|
| .property_listing .btn_group a {
|
| max-width: 100%;
|
| }
|
| .step-2_content5 .btn_group {
|
| flex-wrap: nowrap;
|
| }
|
| .step-2_content5 .btn_group a {
|
| max-width: 220px;
|
| }
|
| .property_listing .p_listing_container.step-2_content5 {
|
| max-width: 1000px;
|
| }
|
| .d_medium_cards.col_3 {
|
| grid-template-columns: repeat(2, 1fr);
|
| }
|
| .d_medium_cards {
|
| grid-template-columns: 1fr;
|
| }
|
| .blue_card .content_inner {
|
| width: 100%;
|
| }
|
| .property_listing .step-1_content .btn_group {
|
| flex-wrap: nowrap;
|
| }
|
| .property_listing .step-1_content .btn_group a {
|
| max-width: 216px;
|
| }
|
| .property_listing .p_listing_container {
|
| left: 7%;
|
| }
|
| }
|
| @media screen and (max-width: 991px) {
|
| .d_left_menu a {
|
| padding: 10px 4px;
|
| gap: 4px;
|
| font-size: 1.2rem;
|
| border-top-left-radius: 0;
|
| border-bottom-left-radius: 0;
|
| }
|
| .d_left_menu {
|
| max-width: 170px;
|
| min-width: 170px;
|
| padding: 10px 6px 10px 0;
|
| }
|
| .d_small_cards {
|
| grid-template-columns: repeat(2, 1fr);
|
| }
|
| .d_inner_content {
|
| width: calc(100% - 170px);
|
| }
|
| .d_medium_cards.col_3 {
|
| grid-template-columns: repeat(1, 1fr);
|
| }
|
| .d_data {
|
| overflow-x: auto;
|
| }
|
| .d_data table {
|
| width: 1024px;
|
| }
|
| .all_d_cards {
|
| grid-template-columns: repeat(2, 1fr);
|
| gap: 16px;
|
| }
|
| .property_listing .p_listing_container .input_group {
|
| flex-wrap: wrap;
|
| }
|
| .property_listing .p_listing_container.step-2_content5 .floor_container {
|
| grid-template-columns: repeat(2, 1fr);
|
| }
|
| .property_listing .p_listing_container {
|
| max-width: 100%;
|
| }
|
| .property_listing .listing_categories .two_col {
|
| grid-template-columns: 1fr;
|
| }
|
| .property_listing .listing_categories .p_listing_container {
|
| max-width: 490px;
|
| }
|
| .property_listing .listing_categories .btn_group {
|
| flex-wrap: nowrap;
|
| }
|
| .pricing_page .phead,
|
| .pricing_page .prow {
|
| gap: 20px;
|
| }
|
| .pricing_page .prow .pdata:first-child {
|
| padding-right: 20px;
|
| }
|
| .pricing_page h2 {
|
| padding-top: 20px;
|
| padding-bottom: 30px;
|
| }
|
| }
|
| @media screen and (max-width: 840px) {
|
| .property_listing .p_listing_container {
|
| left: 11%;
|
| }
|
| }
|
| @media screen and (max-width: 767px) {
|
| .property_listing .listing_categories .p_listing_container {
|
| max-width: 100%;
|
| }
|
| .ham_burger {
|
| width: 100%;
|
| display: flex;
|
| justify-content: center;
|
| margin-bottom: 6px;
|
| padding: 10px 0;
|
| }
|
| .burger_icon {
|
| display: flex;
|
| position: relative;
|
| flex-direction: column;
|
| justify-content: space-between;
|
| width: 26px;
|
| height: 20px;
|
| cursor: pointer;
|
| }
|
| .burger_icon .line {
|
| width: 100%;
|
| height: 3px;
|
| border-radius: 10px;
|
| background: var(--darkText);
|
| position: absolute;
|
| transition: 0.2s;
|
| }
|
| .burger_icon .line1 {
|
| top: 0;
|
| }
|
| .burger_icon .line2 {
|
| width: 75%;
|
| top: 50%;
|
| transform: translateY(-50%);
|
| }
|
| .burger_icon .line3 {
|
| bottom: 0;
|
| }
|
| .ham_burger.active .line {
|
| background: var(--primaryColor);
|
| }
|
| .ham_burger.active .line2 {
|
| width: 0px;
|
| }
|
| .ham_burger.active .line1 {
|
| top: 50%;
|
| transform: rotate(45deg);
|
| }
|
| .ham_burger.active .line3 {
|
| top: 50%;
|
| transform: rotate(-45deg);
|
| }
|
| .d_left_menu {
|
| padding: 10px;
|
| position: fixed;
|
| left: 0%;
|
| z-index: 99;
|
| width: fit-content;
|
| min-width: 66px;
|
| max-width: 66px;
|
| transition: 0.2s;
|
| }
|
| .d_left_menu a {
|
| width: 45px;
|
| height: 45px;
|
| padding: 12px;
|
| gap: 6px;
|
| font-size: 1.4rem;
|
| border-radius: 8px;
|
| }
|
| .d_left_menu.menu_open {
|
| max-width: 90vw;
|
| min-width: 90vw;
|
| }
|
| .d_left_menu.menu_open .ham_burger {
|
| justify-content: flex-end;
|
| }
|
| .d_left_menu.menu_open a {
|
| width: 100%;
|
| transition: 0.2s;
|
| }
|
| .d_left_menu .hide_this {
|
| display: none;
|
| }
|
| .d_inner_content {
|
| width: 100%;
|
| }
|
| .dashboard .d_inner_content {
|
| padding: 16px;
|
| padding-left: 82px;
|
| }
|
| .no_overflow {
|
| overflow: hidden;
|
| position: relative;
|
| }
|
| .no_overflow::before {
|
| content: "";
|
| position: absolute;
|
| width: 100%;
|
| height: 100vh;
|
| background: rgba(0, 0, 0, 0.6);
|
| z-index: 9;
|
| }
|
| .blue_card .content_inner {
|
| width: 100%;
|
| flex-direction: column;
|
| gap: 20px;
|
| }
|
| .d_head_filter,
|
| .d_inner_head {
|
| flex-wrap: wrap;
|
| gap: 12px;
|
| }
|
| .dashboard .d_nav_links li:first-child {
|
| display: flex;
|
| flex-direction: column;
|
| align-items: flex-start;
|
| }
|
| .dashboard .d_nav_links li:first-child p {
|
| padding: 0;
|
| }
|
| .all_d_cards {
|
| grid-template-columns: repeat(1, 1fr);
|
| }
|
| #pills-tab.underline_tab {
|
| gap: 0px;
|
| }
|
| nav.second_navbar ul .d_account_img .text {
|
| display: none;
|
| }
|
| nav.second_navbar ul .d_account_img {
|
| padding: 0;
|
| }
|
| .property_listing .two_col {
|
| grid-template-columns: 1fr;
|
| }
|
| .property_listing .p_listing_container {
|
| padding: 16px;
|
| }
|
| .property_listing .main_stepper .step p {
|
| display: none;
|
| }
|
| .property_listing .secondary_stepper .sec_left a span:last-child {
|
| display: none;
|
| }
|
| .property_listing .secondary_stepper .sec_right .stepper_bar {
|
| width: 18px;
|
| }
|
| .step-1_content .type_group .form_control {
|
| grid-template-columns: repeat(2, 1fr);
|
| }
|
| .property_listing .p_listing_container.step-2_content5 .floor_container {
|
| grid-template-columns: repeat(1, 1fr);
|
| }
|
| .step-2_content5 .btn_group {
|
| flex-wrap: wrap-reverse;
|
| }
|
| .step-2_content5 .btn_group a {
|
| max-width: 100%;
|
| }
|
| .property_listing .listing_categories {
|
| left: unset;
|
| flex-direction: column;
|
| gap: 16px;
|
| }
|
| .property_listing .listing_categories .listing_left_menu {
|
| gap: 10px;
|
| position: static;
|
| max-width: 100%;
|
| width: 100%;
|
| flex-direction: row;
|
| flex-wrap: wrap;
|
| }
|
| .property_listing .listing_categories .btn_group {
|
| flex-wrap: wrap-reverse;
|
| }
|
| .property_listing .listing_categories {
|
| padding: 0 10px 20px;
|
| }
|
| .profile_sec {
|
| flex-direction: column;
|
| gap: 32px;
|
| }
|
| .profile_sec .acc_seting_info {
|
| padding-right: 0;
|
| border-right: 0;
|
| border-bottom: 1px dashed #d6d6d6;
|
| padding-bottom: 32px;
|
| }
|
| .profile_sec .personal_info {
|
| padding-left: 0;
|
| }
|
| .property_listing .p_listing_container {
|
| left: 0;
|
| }
|
| .pricing_page .for_mobile {
|
| display: block;
|
| }
|
| .pricing_page .pricing_container > .content,
|
| .pricing_page .pricing_container::before {
|
| display: none;
|
| }
|
| .pricing_page .pricing_container {
|
| padding: 20px;
|
| }
|
| .pricing_page .pdata {
|
| padding: 20px 0;
|
| display: flex;
|
| flex-direction: column;
|
| gap: 6px;
|
| }
|
| .pricing_page .phead,
|
| .pricing_page .prow {
|
| grid-template-columns: 1fr;
|
| gap: 0px;
|
| }
|
| .pricing_page h3 {
|
| color: var(--darkText);
|
| margin-bottom: 10px;
|
| }
|
| .pricing_page .pro_card {
|
| margin-top: 60px;
|
| position: relative;
|
| isolation: isolate;
|
| }
|
| .pricing_page .pro_card::before {
|
| content: "";
|
| position: absolute;
|
| width: calc(100% + 40px);
|
| height: calc(100% + 40px);
|
| border-radius: 12px;
|
| border: 1px solid #eef0f3;
|
| background: #fff;
|
| box-shadow: 9px 5px 22px 0px rgba(131, 131, 131, 0.15);
|
| top: -20px;
|
| right: -20px;
|
| z-index: -1;
|
| }
|
| }
|
| @media screen and (max-width: 419px) {
|
| .d_small_cards {
|
| grid-template-columns: repeat(1, 1fr);
|
| }
|
| .d_head_filter .d_left {
|
| flex-wrap: wrap;
|
| }
|
| #pills-tab.underline_tab {
|
| gap: 20px;
|
| }
|
| .d_container.full_width .d_inner_content {
|
| padding: 32px 16px 32px;
|
| width: 100%;
|
| }
|
| }
|
| @media screen and (max-width: 374px) {
|
| nav.second_navbar ul {
|
| padding: 14px 12px;
|
| }
|
| .d_navbar.second_navbar .brand_id {
|
| width: 90%;
|
| }
|
| .property_listing .p_listing_container {
|
| padding: 16px 10px;
|
| }
|
| .dashboard .d_inner_content {
|
| padding: 10px;
|
| padding-left: 76px;
|
| }
|
| .d_medium_card .d_card_head {
|
| flex-wrap: wrap;
|
| gap: 8px;
|
| }
|
| .d_inner_head h2 {
|
| font-size: 2rem;
|
| line-height: 1;
|
| }
|
| .account_settings .acc_info {
|
| flex-direction: column;
|
| gap: 8px;
|
| }
|
| .homv_contact .btn_group {
|
| flex-wrap: wrap !important;
|
| }
|
| .homv_contact .btn_group a {
|
| width: 100%;
|
| max-width: 100% !important;
|
| }
|
| }
|
|
|
| .healthy-main{
|
| width: 100%; height: 100%; position: relative; background: #D7EAFD
|
| }
|
|
|
| .newHeader{
|
| color: #fff;
|
| font-family: Inter;
|
| font-size: 1.5rem;
|
| font-style: normal;
|
| font-weight: 700;
|
| line-height: normal;
|
| letter-spacing: -0.8px;
|
| border-radius: 6px;
|
| background: #2c7929;
|
| transform: rotate(-20deg);
|
| padding: 4px 9px;
|
| }
|
|
|
| .healthy-row{
|
| width: 1240px; height: 344px; left: 100px; top: 650px; position: absolute; background: white; border-radius: 12px
|
| }
|
| .healthy-col{
|
| left: 0px; top: 1171px; position: absolute; flex-direction: column; justify-content: flex-start; align-items: flex-start; display: inline-flex
|
| }
|
|
|
| .healthy-main-col{
|
| flex-direction: column; justify-content: flex-start; align-items: flex-start; display: flex
|
| } |
