@charset "UTF-8";
         body {
             font-family: "Open Sans", sans-serif;
             font: 400 14px/1.7 "Poppins", sans-serif;
             position: relative;
             background: white;
             font-size: 14px;
             color: black;
         }
         
         h1,
         h2,
         h3,
         h4,
         h5,
         h6 {
             font-family: Nunito, sans-serif;
             font-weight: normal;
         }
         
         h1 {
             font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 400;
             line-height: 1.1;
         }
         
         h2 {
             font-size: calc(22px + (36 - 22) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 400;
             letter-spacing: 0.001em;
             line-height: 32px;
             color: black;
         }
         
         h3 {
             font-size: calc(20px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 400;
             letter-spacing: 0.03em;
             line-height: 1.2;
             color: black;
         }
         
         h4 {
             font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 400;
             letter-spacing: 0.03em;
             line-height: 1.2;
             text-transform: capitalize;
         }
         
         h5 {
             font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 400;
             letter-spacing: 0.03em;
             line-height: 1.2;
         }
         
         h6 {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 400;
             line-height: 1.2;
             letter-spacing: 0.03em;
         }
         
         ul {
             padding-left: 0;
             margin-bottom: 0;
         }
         
         li {
             display: inline-block;
             font-size: 14px;
             letter-spacing: 0.03em;
         }
         
         p {
             font-size: 14px;
             line-height: 18px;
             color: #bcbcbc;
         }
         
         a {
             -webkit-transition: 0.5s ease;
             transition: 0.5s ease;
             letter-spacing: 0.03em;
             text-decoration: none;
         }
         
         a:hover {
             text-decoration: none;
             -webkit-transition: 0.5s ease;
             transition: 0.5s ease;
         }
         
         a:focus {
             outline: none;
         }
         
         label {
             letter-spacing: 0.03em;
         }
         
         button:focus,
         .btn:focus {
             outline: none;
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         
         section,
         .section-t-space {
             padding-top: 60px;
         }
         
         .section_space {
             padding-top: calc(30px + (100 - 30) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .section-b-space {
             padding-bottom: 100px;
         }
         
         .medium-section {
             padding-top: 80px;
             padding-bottom: 80px;
         }
         
         .small-section {
             padding-top: 70px;
             padding-bottom: 70px;
         }
         
         .xs-section {
             padding: 20px 0;
         }
         
         .parallax-img {
             background-attachment: fixed;
         }
         
         .radius-cls {
             border-radius: 20px;
         }
         
         .radius-cls .social-box {
             border-radius: 6px;
         }
         
         .bg-inner {
             background-color: #f9f9f9;
         }
         
         .lh-cls {
             line-height: 1 !important;
         }
         
         .w-80 {
             width: 80%;
         }
         
         .mb-down {
             margin-bottom: -30px;
         }
         
         .form-control {
             height: auto;
         }
         
         .form-group {
             margin-bottom: 15px;
         }
         
         .form-check-input:focus {
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         
         .media {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: start;
             -ms-flex-align: start;
             align-items: flex-start;
         }
         
         .media .media-body {
             -webkit-box-flex: 1;
             -ms-flex: 1;
             flex: 1;
         }
         
         .radio_animated {
             cursor: pointer;
             margin-left: 0;
             position: relative;
             margin-right: 12px;
         }
         
         .radio_animated:before {
             -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
             transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
             transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
             transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
             -webkit-transform: scale(0, 0);
             transform: scale(0, 0);
             content: "";
             position: absolute;
             top: 0;
             left: 0.125rem;
             z-index: 1;
             width: 0.75rem;
             height: 0.75rem;
             background: #ef3f3e;
             border-radius: 50%;
         }
         
         .radio_animated:after {
             content: "";
             position: absolute;
             top: -0.25rem;
             left: -0.125rem;
             width: 1.25rem;
             height: 1.25rem;
             background: white;
             border: 2px solid #e8ebf2;
             border-radius: 50%;
         }
         
         .radio_animated:checked:before {
             -webkit-transform: scale(1, 1);
             transform: scale(1, 1);
         }
         
         .checkbox_animated {
             cursor: pointer;
             margin-left: -1.25rem;
             position: relative;
             margin-right: 12px;
             border: none;
         }
         
         .checkbox_animated:before {
             -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
             transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
             transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
             transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
             -webkit-transform: rotate(-45deg) scale(0, 0);
             transform: rotate(-45deg) scale(0, 0);
             content: "";
             position: absolute;
             left: 0.25rem;
             top: 0.225rem;
             z-index: 1;
             width: 0.75rem;
             height: 0.375rem;
             border: 2px solid #ef3f3e;
             border-top-style: none;
             border-right-style: none;
         }
         
         .checkbox_animated:after {
             content: "";
             position: absolute;
             top: -0.125rem;
             left: 0;
             width: 1.3rem;
             height: 1.3rem;
             background: white;
             border: 2px solid #e8ebf2;
             cursor: pointer;
         }
         
         .checkbox_animated:checked:before {
             -webkit-transform: rotate(-45deg) scale(1, 1);
             transform: rotate(-45deg) scale(1, 1);
         }
         
         .form-check {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .input-group-prepend,
         .input-group-append {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .mrg-cls {
             margin-bottom: -3px;
         }
         
         .rounded5 {
             border-radius: 5px !important;
         }
         
         .rounded10 {
             border-radius: 10px !important;
         }
         
         .rounded15 {
             border-radius: 15px !important;
         }
         
         .rounded20 {
             border-radius: 20px !important;
         }
         
         .rounded25 {
             border-radius: 25px !important;
         }
         
         .breadcrumb {
             padding: 0.75rem 1rem;
         }
         
         .zindex-1 {
             z-index: 1;
         }
         
         .row div[class*="col-"],
         .row .col {
             position: relative;
         }
         /*Lazy load */
         
         .blur-up {
             -webkit-filter: blur(5px);
             filter: blur(5px);
             transition: filter 400ms, -webkit-filter 400ms;
         }
         
         .blur-up.lazyloaded {
             -webkit-filter: blur(0);
             filter: blur(0);
         }
         /*=====================
1.1. Button start
==========================*/
         
         .btn-group-showcase {
             margin-bottom: -20px;
         }
         
         .btn-group-showcase h3 {
             margin-bottom: 15px;
         }
         
         .btn-group-showcase .btn {
             margin-bottom: 20px;
         }
         
         .btn-group-showcase .btn+.btn {
             margin-left: 15px;
         }
         
         .btn-cards .card {
             margin-bottom: 30px;
         }
         
         .btn {
             line-height: 20px;
             text-transform: uppercase;
             font-size: 16px;
             font-weight: 700;
             border-radius: 0;
             text-decoration: none;
             -webkit-transition: 0.3s ease-in-out;
             transition: 0.3s ease-in-out;
         }
         
         .btn.btn-lower {
             text-transform: capitalize;
         }
         
         .btn.btn-sm {
             padding: 8px 24px !important;
             text-transform: capitalize;
         }
         
         .btn.white-btn {
             background-color: white !important;
             color: #ef3f3e !important;
             -webkit-box-shadow: none !important;
             box-shadow: none !important;
         }
         
         .btn.black-btn {
             background-color: black !important;
             color: white !important;
             -webkit-box-shadow: 1px 11px 20px 0px rgba(0, 0, 0, 0.12) !important;
             box-shadow: 1px 11px 20px 0px rgba(0, 0, 0, 0.12) !important;
         }
         
         .btn.black-btn:hover {
             -webkit-box-shadow: 1px 11px 20px 0px rgba(0, 0, 0, 0.22);
             box-shadow: 1px 11px 20px 0px rgba(0, 0, 0, 0.22);
             border: 1px solid black;
             background-color: white !important;
             color: black !important;
         }
         
         .btn.btn-solid {
             background-color: #ef3f3e;
             color: white;
             padding: 9px 20px;
             -webkit-box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.12);
             box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.12);
         }
         
         .btn.btn-solid:hover {
             -webkit-transition: 0.3s ease-in-out;
             transition: 0.3s ease-in-out;
             background-color: white;
             color: #ef3f3e;
             border: 1px solid #ef3f3e;
             -webkit-box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.22);
             box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.22);
         }
         
         .btn.btn-solid.btn-outline {
             background-color: transparent;
             border: 1px solid #ef3f3e;
             color: #ef3f3e;
         }
         
         .btn.btn-solid.btn-outline:hover {
             color: white;
             background-color: #ef3f3e;
         }
         
         .btn.btn-solid.color2 {
             background-color: #00a2f7;
             -webkit-box-shadow: 2.5px 4.33px 25px 0px rgba(0, 162, 247, 0.3);
             box-shadow: 2.5px 4.33px 25px 0px rgba(0, 162, 247, 0.3);
         }
         
         .btn.btn-solid.color2:hover {
             background-color: white;
             color: #00a2f7;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             border: 1px solid #00a2f7;
             -webkit-box-shadow: 1px 11px 20px 0px rgba(0, 162, 247, 0.22);
             box-shadow: 1px 11px 20px 0px rgba(0, 162, 247, 0.22);
         }
         
         .btn.btn-curve {
             border-radius: 5px;
             background-color: #00a2f7;
             color: white;
             padding: 9px 20px;
             -webkit-box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.12);
             box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.12);
         }
         
         .btn.btn-curve.btn-lower {
             text-transform: capitalize;
         }
         
         .btn.btn-rounded {
             border-radius: 100px;
             color: white;
             padding: 10px 20px;
         }
         
         .btn.btn-rounded.color1 {
             background-color: #ef3f3e;
             -webkit-box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.12);
             box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.12);
         }
         
         .btn.btn-rounded.color1:hover {
             background-color: white;
             color: #00a2f7;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             border: 1px solid #00a2f7;
             -webkit-box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.22);
             box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.22);
         }
         
         .btn.btn-rounded.color2 {
             background-color: #00a2f7;
             -webkit-box-shadow: 2.5px 4.33px 25px 0px rgba(0, 162, 247, 0.3);
             box-shadow: 2.5px 4.33px 25px 0px rgba(0, 162, 247, 0.3);
         }
         
         .btn.btn-rounded.color2:hover {
             background-color: white;
             color: #00a2f7;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             border: 1px solid #00a2f7;
             -webkit-box-shadow: 1px 11px 20px 0px rgba(0, 162, 247, 0.22);
             box-shadow: 1px 11px 20px 0px rgba(0, 162, 247, 0.22);
         }
         
         .btn:focus {
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         
         .btn-outline {
             background-color: white;
             border: 1px solid #ef3f3e;
             color: #ef3f3e;
         }
         
         .btn-close:focus {
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         /*=====================
1.2. Title css start
==========================*/
         
         .title-1 {
             text-align: center;
         }
         
         .title-1 .title-label {
             font-size: 14px;
             color: white;
             background-color: #00a2f7;
             text-transform: uppercase;
             padding: 4px 18px;
             line-height: 1.7;
             border-radius: 3px;
             font-family: Work Sans;
             font-weight: 600;
         }
         
         .title-1 .title-label.white-label {
             background-color: white;
             color: #ef3f3e;
         }
         
         .title-1 h2 {
             padding-top: 25px;
             margin-bottom: 0;
             padding-bottom: 50px;
             font-weight: 800;
         }
         
         .title-1.title-5 .title-label {
             border-radius: 50px;
         }
         
         .title-1.title-5 h2 {
             padding-top: 22px;
             padding-bottom: 15px;
         }
         
         .title-1.title-5 p {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 600;
             margin-bottom: 50px;
         }
         
         .title-1.detail-title .title-label {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .title-1.detail-title h2 {
             padding-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .title-1.detail-title p {
             max-width: 60%;
             margin: 0 auto;
             color: rgba(0, 0, 0, 0.41);
             text-transform: capitalize;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             line-height: 1.7;
         }
         
         .title-1.rounded .title-label {
             border-radius: 12px;
         }
         
         .title-2 {
             text-align: center;
         }
         
         .title-2 h2 {
             font-size: calc(22px + (36 - 22) * ((100vw - 320px) / (1920 - 320)));
             color: #808080;
             font-weight: 400;
             margin-bottom: 22px;
             line-height: 32px;
             margin-top: -2px;
         }
         
         .title-2 h2 span {
             color: #00a2f7;
             font-weight: 900;
         }
         
         .title-2 p {
             margin-bottom: 70px;
             color: #cacaca;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 600;
         }
         
         .title-2.color-1 h2 span {
             color: #ef3f3e;
         }
         
         .title-3 {
             text-align: center;
         }
         
         .title-3 .title-label {
             font-size: 14px;
             color: white;
             background-color: #ef3f3e;
             text-transform: capitalize;
             padding: 4px 18px 6px;
             line-height: 1;
             font-family: Work Sans;
             font-weight: 600;
         }
         
         .title-3 h2 {
             font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
             margin-top: 20px;
             margin-bottom: 90px;
             font-weight: 800;
             position: relative;
         }
         
         .title-3 h2 span {
             font-family: Vampiro One, cursive;
             font-size: calc(35px + (85 - 35) * ((100vw - 320px) / (1920 - 320)));
             position: absolute;
             color: rgba(239, 63, 62, 0.1);
             left: 50%;
             -webkit-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
             top: 50%;
             z-index: -1;
             font-weight: 400;
         }
         
         .title-3.detail-title .title-label {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .title-3.detail-title h2 {
             padding-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
             margin-bottom: 30px;
         }
         
         .title-3.detail-title p {
             max-width: 60%;
             margin: 0 auto;
             color: rgba(0, 0, 0, 0.41);
             text-transform: capitalize;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             line-height: 1.7;
             margin-bottom: 30px;
         }
         
         .title-3.rounded .title-label {
             border-radius: 50px;
         }
         
         .title-3.white-title .title-label {
             background-color: white;
             color: #ef3f3e;
         }
         
         .title-3.white-title h2 {
             color: white;
         }
         
         .title-3.white-title h2 span {
             z-index: unset;
             color: rgba(255, 255, 255, 0.07);
         }
         
         .title-basic h2 {
             font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             font-weight: 600;
         }
         
         .title-basic p {
             margin-top: -4px;
             color: rgba(0, 0, 0, 0.7);
         }
         /*=====================
1.3. Image-ratio start
==========================*/
         
         .ratio_40 .bg-size:before {
             padding-top: 40%;
             content: "";
             display: block;
         }
         
         .ratio_45 .bg-size:before {
             padding-top: 45%;
             content: "";
             display: block;
         }
         
         .ratio2_1 .bg-size:before {
             padding-top: 50%;
             content: "";
             display: block;
         }
         
         .ratio_55 .bg-size:before {
             padding-top: 55%;
             content: "";
             display: block;
         }
         
         .ratio_59 .bg-size:before {
             padding-top: 59%;
             content: "";
             display: block;
         }
         
         .ratio2_3 .bg-size:before {
             padding-top: 60%;
             content: "";
             display: block;
         }
         
         .ratio3_2 .bg-size:before {
             padding-top: 66.66%;
             content: "";
             display: block;
         }
         
         .ratio_90 .bg-size:before {
             padding-top: 93%;
             content: "";
             display: block;
         }
         
         .ratio_landscape .bg-size:before {
             padding-top: 75%;
             content: "";
             display: block;
         }
         
         .ratio_square .bg-size:before {
             padding-top: 100%;
             content: "";
             display: block;
         }
         
         .ratio_asos .bg-size:before {
             padding-top: 127.7777778%;
             content: "";
             display: block;
         }
         
         .ratio_portrait .bg-size:before {
             padding-top: 150%;
             content: "";
             display: block;
         }
         
         .ratio1_2 .bg-size:before {
             padding-top: 200%;
             content: "";
             display: block;
         }
         
         .b-top {
             background-position: top !important;
         }
         
         .b-bottom {
             background-position: bottom !important;
         }
         
         .b-center {
             background-position: center !important;
         }
         
         .b-left {
             background-position: left !important;
         }
         
         .b-right {
             background-position: right !important;
         }
         
         .b_size_content {
             background-size: contain !important;
         }
         
         .shadow-cls {
             -webkit-box-shadow: 0px 1px 9px 0px rgba(228, 228, 228, 0.7);
             box-shadow: 0px 1px 9px 0px rgba(228, 228, 228, 0.7);
         }
         
         .container-medium {
             padding: 0 30px;
         }
         /*=====================
2. Header section css
==========================*/
         
         header {
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             z-index: 1;
         }
         
         header .menu {
             display: -webkit-box;
             display: -ms-flexbox;
             /* display: flex; */
             margin: 0 auto;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         header .menu nav {
             margin: 0 auto;
         }
         
         header .menu .coupon-box {
             background-color: white;
             border-radius: 4px;
             padding: 3px;
         }
         
         header .menu .coupon-box h6 {
             font-size: 14px;
             text-transform: capitalize;
             font-weight: 700;
             color: #ef3f3e;
             margin-bottom: 0;
             border: 1px dashed rgba(239, 63, 62, 0.4);
             border-radius: 4px;
             padding: 5px 10px;
         }
         
         header .menu .header-right {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         header .menu .header-right .front-setting {
             background-color: rgba(255, 255, 255, 0.14);
         }
         
         header .menu .header-right .front-setting select {
             border: none;
             color: white;
             -webkit-appearance: none;
             padding: 5px 28px 4px 10px;
             text-transform: uppercase;
             font-size: 16px;
             font-weight: 900;
             background-color: transparent;
             background: url(../images/icon/down.png) no-repeat 80%;
             position: relative;
             cursor: pointer;
         }
         
         header .menu .header-right .front-setting select option {
             color: black;
         }
         
         header .menu .header-right .front-setting select:focus {
             outline: none;
         }
         
         header .menu .header-right .user {
             background-color: white;
             padding: 6px 12px;
         }
         
         header .menu .header-right .user i {
             color: #00a2f7;
             font-size: 12px;
         }
         
         header .menu .header-right .user.user-light {
             background-color: rgba(255, 255, 255, 0.14);
         }
         
         header .menu .header-right .user.user-light i {
             color: white;
         }
         
         header .menu .header-right .user.bg_dark {
             background-color: #ef3f3e;
         }
         
         header .menu .header-right .setting {
             background-color: rgba(255, 255, 255, 0.14);
             padding: 6px 12px;
             display: none;
             position: relative;
         }
         
         header .menu .header-right .setting i {
             color: white;
             font-size: 12px;
         }
         
         header .menu .header-right .setting .setting-open {
             position: absolute;
             width: 100%;
             display: block;
             width: 120px;
             right: 0;
             background-color: white;
             bottom: -84px;
             display: none;
         }
         
         header .menu .header-right .setting .setting-open li {
             display: block;
         }
         
         header .menu .header-right .setting .setting-open li select {
             color: black;
             font-weight: 400;
             width: 100%;
         }
         
         header .menu .header-right .setting .setting-open li+li {
             margin-left: 0;
         }
         
         header .menu .header-right .setting .setting-open.show {
             display: block;
         }
         
         header .menu .header-right .search-bar {
             background-color: rgba(255, 255, 255, 0.14);
             padding: 6px 12px;
             cursor: pointer;
             position: relative;
         }
         
         header .menu .header-right .search-bar i {
             color: white;
         }
         
         header .menu .header-right .search-bar .form-control-search {
             top: 50px;
             position: absolute;
             -webkit-transition: all 0.3s linear;
             transition: all 0.3s linear;
             right: 0;
             -webkit-transform: translateY(-35px) scaleY(0);
             transform: translateY(-35px) scaleY(0);
             opacity: 0;
             visibility: hidden;
             margin-bottom: 0;
         }
         
         header .menu .header-right .search-bar .form-control-search input {
             width: 260px;
             background-color: rgba(255, 255, 255, 0.32);
             border: none;
             padding: 10px 10px 10px 70px;
             border-radius: 0;
         }
         
         header .menu .header-right .search-bar .form-control-search input:focus {
             outline: none;
         }
         
         header .menu .header-right .search-bar .form-control-search i {
             position: absolute;
             top: 16px;
             left: 20px;
             z-index: 1;
             color: rgba(0, 0, 0, 0.3);
         }
         
         header .menu .header-right .search-bar .form-control-search:before {
             position: absolute;
             content: "";
             width: 1px;
             height: 25px;
             background: #e8ebf2;
             left: 50px;
             top: 9px;
         }
         
         header .menu .header-right .search-bar .form-control-search.open {
             -webkit-transform: translateY(0) scaleY(1);
             transform: translateY(0) scaleY(1);
             opacity: 1;
             visibility: visible;
             -webkit-transition: all 0.3s linear;
             transition: all 0.3s linear;
             z-index: 100;
         }
         
         header .menu .header-right li+li {
             margin-left: 15px;
         }
         
         header.overlay-white {
             background-color: rgba(255, 255, 255, 0.08);
         }
         
         header.overlay-black {
             background-color: rgba(0, 0, 0, 0.18);
         }
         
         header.overlay-transparent {
             background-color: transparent;
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         
         header.inner-page {
             border-bottom: 1px solid rgba(255, 255, 255, 0.05);
         }
         
         header.light_header {
             background-color: white;
             position: relative;
             z-index: unset;
         }
         
         header.light_header .main-navbar .nav-menu>li>a {
             color: #222222;
         }
         
         header.light_header .menu .header-right .front-setting {
             background-color: #f3f3f5;
         }
         
         header.light_header .menu .header-right .front-setting select {
             color: #222222;
             background: url(../images/icon/down-black.png) no-repeat 80%;
         }
         
         header.light_header .menu .header-right .user.user-light {
             background-color: #f3f3f5;
         }
         
         header.light_header .menu .header-right .user.user-light i {
             color: black;
         }
         
         header.light_header .menu .header-right .setting {
             background-color: #f3f3f5;
         }
         
         header.light_header .menu .header-right .setting i {
             color: black;
         }
         /* header.light_header .menu .brand-logo img {
             -webkit-filter: invert(1);
             filter: invert(1);
             width: 75%;
         } */
         
         header.light_header .main-navbar .nav-menu>li {
             padding-top: 20px;
             padding-bottom: 20px;
         }
         
         header.light_header .toggle-nav i {
             color: black;
         }
         
         header.light_header.absolute-header {
             position: absolute;
             -webkit-box-shadow: 0 2px 4px 0 #dedede;
             box-shadow: 0 2px 4px 0 #dedede;
         }
         
         header.fixed-header {
             position: fixed;
             top: 0;
             left: 0;
             width: 100%;
             z-index: 9;
             -webkit-box-shadow: 0 2px 4px 0 #dedede;
             box-shadow: 0 2px 4px 0 #dedede;
         }
         
         header .mix-pills {
             margin-top: 15px;
             margin-bottom: 12px;
         }
         
         header .mix-pills.nav-pills .nav-link.active,
         header .mix-pills.nav-pills .show>.nav-link {
             background-color: transparent;
             color: #ef3f3e;
         }
         
         header .mix-pills.nav-pills .nav-link.active svg,
         header .mix-pills.nav-pills .show>.nav-link svg {
             fill: #ef3f3e;
         }
         
         header .mix-pills.nav-pills .nav-link.active:after,
         header .mix-pills.nav-pills .show>.nav-link:after {
             opacity: 1;
         }
         
         header .mix-pills.nav-pills .nav-link {
             padding: 0 13px;
             color: black;
             position: relative;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             font-size: 16px;
         }
         
         header .mix-pills.nav-pills .nav-link svg {
             width: 14px;
             height: auto;
             margin-right: 8px;
         }
         
         header .mix-pills .nav-item {
             margin-right: 15px;
         }
         
         header.tour-header {
             z-index: 10;
         }
         
         .header-sidebar header {
             padding: 14px;
         }
         
         .header-sidebar header .main-navbar .nav-menu {
             position: fixed;
             background-color: white;
             width: 300px;
             border-radius: 0;
             border: 1px solid #eee;
             top: 0;
             height: 100vh;
             right: -300px;
             z-index: 99;
             -webkit-transition: all 0.3s ease;
             transition: all 0.3s ease;
             overflow: scroll;
         }
         
         .header-sidebar header .main-navbar .nav-menu.opennav {
             right: 0;
         }
         
         .header-sidebar header .main-navbar .nav-menu .back-btn {
             display: block;
             width: 100%;
             padding: 0;
         }
         
         .header-sidebar header .main-navbar .nav-menu .back-btn .mobile-back {
             padding: 20px;
             font-size: 18px;
             color: #222222;
             font-weight: 700;
             text-transform: uppercase;
             border-bottom: 1px solid #efefef;
             cursor: pointer;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-pack: end;
             -ms-flex-pack: end;
             justify-content: flex-end;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li {
             display: block;
             float: none;
             width: 100%;
             padding: 0;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li a {
             padding: 10px 15px;
             font-size: 16px;
             font-weight: 700;
             position: relative;
             color: #222222;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li a .sub-arrow {
             right: 20px;
             position: absolute;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li a .sub-arrow:before {
             content: "+";
             font-family: inherit;
             position: relative;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .nav-submenu {
             width: 100%;
             padding: 0;
             position: relative;
             display: none;
             opacity: 1;
             visibility: visible;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .nav-submenu.opensubmenu {
             display: block;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu {
             display: none;
             position: relative;
             right: 0;
             width: 100%;
             padding: 0;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu.opensubchild {
             display: block;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu li a {
             padding: 0 45px;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .nav-submenu li a:after {
             display: none;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .nav-submenu li a:hover {
             margin-left: 0;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .nav-submenu li a:hover:after {
             display: none;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .nav-submenu li .level1 li:hover .level2 {
             display: none;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .nav-submenu li:hover .level1 {
             display: none;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container {
             display: none;
             padding: 0;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container.opensubmenu {
             display: block;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container .mega-box {
             width: 100%;
             padding: 0;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title {
             position: relative;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title h5 {
             margin-bottom: 0;
             font-weight: 400;
             line-height: 1.9;
             padding: 2px 25px;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
             top: 4px;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content {
             display: none;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu {
             display: block;
             padding: 0 45px;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
             line-height: 1.9;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
             margin-left: 0;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover:after {
             display: none;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .nav-link.active {
             background-color: transparent;
             -webkit-box-shadow: none;
             box-shadow: none;
             color: #222222;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li .nav-link.active:hover {
             color: #ef3f3e;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .header-sidebar header .main-navbar .nav-menu>li:hover .nav-submenu {
             margin-top: 0;
         }
         
         .header-sidebar header .menu nav {
             margin-left: auto;
             margin-right: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .header-sidebar .mega-box .link-section .demo ul li a span img {
             top: 30px;
             right: -60px;
         }
         
         .header-sidebar .mega-box.col {
             -ms-flex-preferred-size: unset;
             flex-basis: unset;
         }
         
         .header-sidebar .according-menu {
             position: absolute;
             right: 20px;
         }
         
         .header-sidebar .main-menu.border-section {
             border: none;
         }
         
         .header-sidebar .main-menu .menu-left .main-menu-right .toggle-nav {
             position: absolute;
             z-index: 2;
             right: 145px;
             top: 6px;
         }
         
         .header-sidebar .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
             font-size: 18px;
             padding-left: 5px;
             text-transform: uppercase;
         }
         
         .header-sidebar .sidebar-toggle {
             cursor: pointer;
         }
         
         .header-sidebar .sidebar-toggle i {
             font-size: 20px;
             color: white;
         }
         
         .header-sidebar .mobile-back {
             display: block !important;
         }
         /*=====================
3. Home section css
==========================*/
         
         .selector-box {
             position: absolute;
             width: 100%;
             background-color: white;
             z-index: 3;
             border: 1px solid #dedede;
             -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
             box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
             top: auto;
             display: none;
         }
         
         .selector-box .title {
             padding: 10px 10px;
             font-size: 14px;
             color: rgba(0, 0, 0, 0.6);
             margin-bottom: 0;
             text-transform: capitalize;
         }
         
         .selector-box ul {
             padding: 0 0 10px 0;
             max-height: 180px;
             overflow-y: scroll;
         }
         
         .selector-box ul li {
             display: block;
             position: relative;
             margin-bottom: 10px;
             padding: 0 10px;
         }
         
         .selector-box ul li h5 {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             margin-bottom: 0;
             text-transform: capitalize;
         }
         
         .selector-box ul li h6 {
             font-size: 14px;
             color: rgba(0, 0, 0, 0.6);
             margin-bottom: 0;
             text-transform: capitalize;
         }
         
         .selector-box ul li span {
             position: absolute;
             border: 1px solid rgba(0, 0, 0, 0.2);
             right: 10px;
             font-weight: 700;
             top: 3px;
             padding: 3px 8px;
             text-transform: uppercase;
             color: black;
             border-radius: 3px;
         }
         
         .selector-box ul::-webkit-scrollbar {
             width: 3px;
         }
         
         .selector-box ul::-webkit-scrollbar-thumb {
             background: #ef3f3e;
         }
         
         .selector-box.show {
             display: block;
         }
         
         section .black-layer {
             position: relative;
             z-index: -1;
         }
         
         section .black-layer:before {
             content: "";
             position: absolute;
             height: 100%;
             width: 100%;
             background-color: rgba(0, 0, 0, 0.2);
             top: 0;
             z-index: -1;
         }
         
         .home_section {
             position: relative;
             overflow: hidden;
         }
         
         .home_section .home {
             background-position: center;
             background-size: cover;
             height: 100vh;
             overflow: hidden;
         }
         
         .home_section .home.black-layer:before {
             content: "";
             position: absolute;
             height: 100%;
             width: 100%;
             background-color: rgba(0, 0, 0, 0.2);
         }
         
         .home_section .home.black-layer h1 {
             color: white !important;
         }
         
         .home_section .home.black-layer h4 {
             color: white;
         }
         
         .home_section .home .banner-content.banner-center-text {
             text-align: center;
             margin: 0 auto;
             width: 100%;
         }
         
         .home_section .home.home-padding {
             height: auto;
         }
         
         .home_section .home.home-padding .home-content {
             height: 100%;
             padding: 140px 0 40px 0;
         }
         
         .home_section .home.home-60 {
             height: 60vh;
         }
         
         .home_section .home.home-60 .home-content {
             height: 60vh;
         }
         
         .home_section .home.home-70 {
             height: 70vh;
         }
         
         .home_section .home.home-70 .home-content {
             height: 70vh;
         }
         
         .home_section .home.home-70 .a-canvas {
             height: 70vh !important;
         }
         
         .home_section .home.home-long .home-content {
             -webkit-box-align: end;
             -ms-flex-align: end;
             align-items: flex-end;
             padding-bottom: calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .home_section .home.home-long .home-content.mix-layout {
             text-align: left;
             -webkit-box-pack: left;
             -ms-flex-pack: left;
             justify-content: left;
         }
         
         .home_section .home.home-long .home-content.mix-layout.search-bottom {
             content: "";
             position: absolute;
             height: 100%;
             width: 100%;
             background-color: rgba(0, 0, 0, 0.15);
         }
         
         .home_section .home.home-long .home-content.mix-layout h1 {
             margin-bottom: 0px;
         }
         
         .home_section .home.home-long .home-content.mix-layout h3 {
             font-size: calc(12px + (22 - 12) * ((100vw - 320px) / (1920 - 320)));
             margin-bottom: calc(5px + (40 - 5) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 300;
         }
         
         .home_section .home.home-long.home-full {
             height: 100vh;
         }
         
         .home_section .home.home-long.home-full .home-content {
             height: 100vh;
         }
         
         .home_section .home.search-bottom .home-content {
             -webkit-box-align: end;
             -ms-flex-align: end;
             align-items: flex-end;
         }
         
         .home_section .home.search-bottom .home-content.mix-layout>div {
             width: 100%;
         }
         
         .home_section .home.search-bottom .flight-search .flight-search-detail .form-group .form-control {
             border: none;
             border-right: 1px solid #dddddd;
             padding: 20px 20px;
         }
         
         .home_section .home.search-bottom .flight-search .flight-search-detail .search-btn {
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             height: 100%;
         }
         
         .home_section .home.search-bottom .flight-search .flight-search-detail .search-btn .btn {
             height: 100%;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
         }
         
         .home_section .home.search-bottom .flight-search .flight-search-detail .input-group-append {
             display: none;
         }
         
         .home_section .home .smoke-effect {
             position: relative;
             width: 100%;
             height: 100%;
         }
         
         .home_section .home .smoke-effect #canvas {
             position: absolute;
             left: 0;
             width: 100%;
             height: 100%;
             bottom: 390px;
         }
         
         .home_section .home .home-content {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             height: 100vh;
             padding-top: 87px;
             width: 100%;
             text-align: center;
         }
         
         .home_section .home .home-content .package-detail {
             margin-bottom: -3px;
             margin-top: 15px;
         }
         
         .home_section .home .home-content .package-detail li {
             color: white;
             padding-right: 10px;
             text-transform: capitalize;
             font-weight: 500;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .home_section .home .home-content .package-detail li i {
             margin-right: 10px;
         }
         
         .home_section .home .home-content .package-detail li a {
             color: white;
         }
         
         .home_section .home .home-content>div {
             padding: 70px 140px;
             background-color: rgba(0, 0, 0, 0.5);
             -webkit-box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.6);
             box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.6);
         }
         
         .home_section .home .home-content h1 {
             font-family: Dancing Script, cursive;
             font-size: calc(26px + (160 - 26) * ((100vw - 320px) / (1920 - 320)));
             color: white;
             text-transform: capitalize;
             margin-bottom: 10px;
             margin-top: -16px;
         }
         
         .home_section .home .home-content h5 {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: rgba(255, 255, 255, 0.7);
             text-transform: uppercase;
             letter-spacing: 0.3em;
             margin-bottom: 15px;
         }
         
         .home_section .home .home-content h2 {
             font-size: calc(16px + (50 - 16) * ((100vw - 320px) / (1920 - 320)));
             color: rgba(255, 255, 255, 0.8);
             text-transform: uppercase;
             letter-spacing: 0.3em;
             font-weight: 400;
             margin-bottom: 30px;
         }
         
         .home_section .home .home-content.mix-layout>div {
             padding: 0;
             -webkit-box-shadow: none;
             box-shadow: none;
             background-color: rgba(0, 0, 0, 0.5);
             padding: 60px;
         }
         
         .home_section .home .home-content.mix-layout>div.bg-transparent {
             padding: 0;
         }
         
         .home_section .home .home-content.mix-layout h1 {
             font-size: calc(18px + (60 - 18) * ((100vw - 320px) / (1920 - 320)));
             font-family: Nunito, Nunito;
             margin-bottom: calc(5px + (30 - 5) * ((100vw - 320px) / (1920 - 320)));
             position: relative;
         }
         
         .home_section .home .home-content.mix-layout h1 span {
             font-family: Dancing Script;
             font-size: calc(18px + (300 - 18) * ((100vw - 320px) / (1920 - 320)));
             position: absolute;
             color: rgba(255, 255, 255, 0.11);
             text-transform: capitalize;
             left: 0;
             right: 0;
             top: -100px;
             font-weight: 700;
         }
         
         .home_section .home .home-content.mix-layout h3 {
             font-size: calc(14px + (22 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: white;
             font-weight: 700;
             margin-bottom: calc(5px + (50 - 5) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
         }
         
         .home_section .home .home-content.mix-layout.smaller-content .search-section .search-box .left-part .search-body ::-webkit-input-placeholder {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             line-height: 32px;
         }
         
         .home_section .home .home-content.mix-layout.smaller-content .search-section .search-box .left-part .search-body ::-moz-placeholder {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             line-height: 32px;
         }
         
         .home_section .home .home-content.mix-layout.smaller-content .search-section .search-box .left-part .search-body :-ms-input-placeholder {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             line-height: 32px;
         }
         
         .home_section .home .home-content.mix-layout.smaller-content .search-section .search-box .left-part .search-body ::-ms-input-placeholder {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             line-height: 32px;
         }
         
         .home_section .home .home-content.mix-layout.smaller-content .search-section .search-box .left-part .search-body ::placeholder {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             line-height: 32px;
         }
         
         .home_section .home .home-content.mix-layout.smaller-content .search-section .search-box .left-part .search-body .form-control {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             line-height: 32px;
         }
         
         .home_section .home .home-content.mix-layout.smaller-content .search-panel .title-top {
             font-size: calc(14px + (32 - 14) * ((100vw - 320px) / (1920 - 320)));
             letter-spacing: 0.06em;
             font-weight: 600;
             line-height: 1.2;
         }
         
         .home_section .home .home-content.mix-layout.smaller-content .search-panel .search-section .search-box .left-part .search-body {
             padding: 30px 30px;
         }
         
         .home_section .home .home-content.mix-layout.smaller-content .search-panel .search-section.search-fixed {
             position: fixed;
             left: 0;
             top: 0;
             width: 100vw;
             z-index: 2;
             -webkit-box-shadow: 0 0 8px #dddddd;
             box-shadow: 0 0 8px #dddddd;
             background-color: white;
         }
         
         .home_section .home .home-content.mix-layout.smaller-content .search-panel .search-section.search-fixed .search-box .left-part .search-body {
             padding: 15px 20px;
         }
         
         .home_section .home .home-content.food_content>div {
             background-color: transparent;
             padding: 0;
         }
         
         .home_section .home .home-content.food_content h4 {
             font-size: calc(16px + (30 - 16) * ((100vw - 320px) / (1920 - 320)));
             text-align: left;
             margin-left: 15%;
             margin-bottom: 0;
             color: white;
             font-family: Pacifico, cursive;
             letter-spacing: 0.05em;
         }
         
         .home_section .home .home-content.food_content h1 {
             font-family: Bangers, cursive;
             font-size: calc(30px + (180 - 30) * ((100vw - 320px) / (1920 - 320)));
             color: white;
             letter-spacing: 0.05em;
             text-transform: capitalize;
             line-height: 1;
             margin-bottom: 0;
             position: relative;
             display: inline-block;
             margin-bottom: 40px;
             margin-top: 0;
         }
         
         .home_section .home .home-content.food_content .book-table .table-form {
             padding: 25px 50px;
             margin-top: 0;
         }
         
         .home_section .home .home-content.food_content .book-table .table-form form .form-group {
             margin-right: 0;
         }
         
         .home_section .home .home-content.food_content .book-table .table-form form .form-group input {
             padding: 10px 20px 8px;
             background-color: #f2f2f2;
         }
         
         .home_section .home .home-content.food_content .book-table .table-form form .form-group img {
             top: 10px;
         }
         
         .home_section .home .home-content.food_content .book-table .table-form form ::-webkit-input-placeholder {
             font-weight: 600;
             color: rgba(0, 0, 0, 0.4);
         }
         
         .home_section .home .home-content.food_content .book-table .table-form form ::-moz-placeholder {
             font-weight: 600;
             color: rgba(0, 0, 0, 0.4);
         }
         
         .home_section .home .home-content.food_content .book-table .table-form form :-ms-input-placeholder {
             font-weight: 600;
             color: rgba(0, 0, 0, 0.4);
         }
         
         .home_section .home .home-content.food_content .book-table .table-form form ::-ms-input-placeholder {
             font-weight: 600;
             color: rgba(0, 0, 0, 0.4);
         }
         
         .home_section .home .home-content.food_content .book-table .table-form form ::placeholder {
             font-weight: 600;
             color: rgba(0, 0, 0, 0.4);
         }
         
         .home_section .home .home-content.mrg-cls h1 {
             margin-bottom: -12px;
         }
         
         .home_section .home .home-content .flight-search .flight-search-detail .form-group {
             text-align: left;
         }
         
         .home_section .home .home-content .flight-search .flight-search-detail .form-group label {
             font-weight: 700;
         }
         
         .home_section .home .banner-content {
             position: absolute;
             top: 40%;
         }
         
         .home_section .home .banner-content.banner-center-text {
             top: 50%;
             left: 0;
         }
         
         .home_section .home .banner-content h4 {
             margin-bottom: 20px;
         }
         
         .home_section .home .banner-content h1 {
             color: black;
             margin-bottom: 20px;
         }
         
         .home_section .offer-text {
             position: absolute;
             left: -148px;
             top: 48%;
         }
         
         .home_section .offer-text h6 {
             color: white;
             -webkit-transform: rotate(-90deg);
             transform: rotate(-90deg);
             text-transform: uppercase;
             letter-spacing: 0.3em;
             font-weight: 700;
             position: relative;
         }
         
         .home_section .offer-text h6 span {
             position: relative;
             display: inline-block;
             -webkit-animation: ani 1s infinite alternate cubic-bezier(0.86, 0, 0.07, 1);
             animation: ani 1s infinite alternate cubic-bezier(0.86, 0, 0.07, 1);
         }
         
         .home_section .offer-text h6 span:nth-last-child(1n) {
             -webkit-animation-delay: -0.1666666667s;
             animation-delay: -0.1666666667s;
         }
         
         .home_section .offer-text h6 span:nth-last-child(2n) {
             -webkit-animation-delay: -0.3333333333s;
             animation-delay: -0.3333333333s;
         }
         
         .home_section .offer-text h6 span:nth-last-child(3n) {
             -webkit-animation-delay: -0.5s;
             animation-delay: -0.5s;
         }
         
         .home_section .offer-text h6:after {
             content: "";
             position: absolute;
             width: 80px;
             height: 3px;
             background-color: white;
             top: 5px;
             left: -100px;
             background: -webkit-gradient(linear, left top, right top, from(rgba(231, 56, 39, 0)), to(white));
             background: linear-gradient(to right, rgba(231, 56, 39, 0) 0%, white 100%);
         }
         
         .home_section .slick-next {
             right: 0;
             opacity: 1;
             background-color: rgba(0, 0, 0, 0.65);
             padding: 35px;
             font-weight: 900;
             font-family: "Font Awesome 5 Free";
         }
         
         .home_section .slick-next:before {
             color: transparent;
         }
         
         .home_section .slick-next:after {
             content: "\f054";
             font-size: 20px;
             position: absolute;
             color: white;
             top: 50%;
             left: 50%;
             -webkit-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
         }
         
         .home_section .slick-prev {
             left: 0;
             z-index: 1;
             opacity: 1;
             background-color: rgba(0, 0, 0, 0.65);
             padding: 35px;
             font-weight: 900;
             font-family: "Font Awesome 5 Free";
         }
         
         .home_section .slick-prev:before {
             color: transparent;
         }
         
         .home_section .slick-prev:after {
             content: "\f053";
             font-size: 20px;
             position: absolute;
             color: white;
             top: 50%;
             left: 50%;
             -webkit-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
         }
         
         .home_section .view-icon {
             position: absolute;
             bottom: 20px;
             left: 20px;
             -webkit-filter: invert(1);
             filter: invert(1);
         }
         
         .error {
             color: #f80202;
         }
         
         .search-section {
             margin-top: -75px;
         }
         
         .search-section .search-box {
             background-color: white;
             -webkit-box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
             box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             position: relative;
         }
         
         .search-section .search-box input:focus {
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         
         .search-section .search-box .left-part {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             width: 100%;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: justify;
             -ms-flex-pack: justify;
             justify-content: space-between;
         }
         
         .search-section .search-box .left-part .search-body {
             display: inline-block;
             text-align: center;
             padding: 40px;
             position: relative;
         }
         
         .search-section .search-box .left-part .search-body h6 {
             text-transform: uppercase;
             font-size: 14px;
             font-weight: 800;
         }
         
         .search-section .search-box .left-part .search-body h3 {
             font-size: calc(20px + (32 - 20) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             text-transform: capitalize;
             font-weight: 800;
             margin-bottom: -8px;
         }
         
         .search-section .search-box .left-part .search-body .form-control {
             border: none;
             padding: 0;
             text-align: center;
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             text-transform: capitalize;
             font-weight: 800;
             margin-bottom: -8px;
         }
         
         .search-section .search-box .left-part .search-body ::-webkit-input-placeholder {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             text-transform: capitalize;
             font-weight: 800;
             margin-bottom: -8px;
         }
         
         .search-section .search-box .left-part .search-body ::-moz-placeholder {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             text-transform: capitalize;
             font-weight: 800;
             margin-bottom: -8px;
         }
         
         .search-section .search-box .left-part .search-body :-ms-input-placeholder {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             text-transform: capitalize;
             font-weight: 800;
             margin-bottom: -8px;
         }
         
         .search-section .search-box .left-part .search-body ::-ms-input-placeholder {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             text-transform: capitalize;
             font-weight: 800;
             margin-bottom: -8px;
         }
         
         .search-section .search-box .left-part .search-body ::placeholder {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             text-transform: capitalize;
             font-weight: 800;
             margin-bottom: -8px;
         }
         
         .search-section .search-box .left-part .search-body .quantity-left-minus,
         .search-section .search-box .left-part .search-body .quantity-right-plus {
             position: absolute;
             background-color: transparent;
             padding: 0;
             border: none;
             font-size: 10px;
             right: 30px;
             color: grey;
         }
         
         .search-section .search-box .left-part .search-body .quantity-left-minus:hover,
         .search-section .search-box .left-part .search-body .quantity-right-plus:hover {
             -webkit-box-shadow: none;
             box-shadow: none;
             border: none;
         }
         
         .search-section .search-box .left-part .search-body .quantity-left-minus {
             bottom: -10px;
         }
         
         .search-section .search-box .left-part .search-body .quantity-right-plus {
             top: -5px;
         }
         
         .search-section .search-box .left-part .search-body .input-group-append {
             display: none;
         }
         
         .search-section .search-box .left-part .search-body:after {
             content: "";
             width: 1px;
             height: 40px;
             background-color: #e8e8e8;
             position: absolute;
             right: 0;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
         }
         
         .search-section .search-box .left-part .search-body:last-child:after {
             display: none;
         }
         
         .search-section .search-box .right-part {
             margin-left: 45px;
         }
         
         .search-section .search-box .right-part .search-icon {
             width: 96px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             background-color: #ef3f3e;
             height: 100%;
             position: relative;
             z-index: 1;
         }
         
         .search-section .search-box .right-part .search-icon img {
             position: absolute;
             left: 18px;
         }
         
         .search-section .search-box .right-part .search-icon:after {
             content: "";
             position: absolute;
             left: -37px;
             width: 70px;
             height: 100%;
             background-color: #ef3f3e;
             border-radius: 100%;
             z-index: -1;
         }
         
         .search-section .search-box .right-part .search-icon:before {
             content: "";
             position: absolute;
             left: -45px;
             width: 70px;
             height: 100%;
             background-color: rgba(239, 63, 62, 0.3);
             border-radius: 100%;
             z-index: -1;
         }
         
         .classic-slider {
             margin-bottom: 0 !important;
         }
         
         .classic-slider .slick-dots {
             top: 50%;
             bottom: unset;
             width: auto;
             display: inline-block;
             right: 50px;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
         }
         
         .classic-slider .slick-dots li {
             display: block;
             width: auto;
             height: auto;
             margin: 20px 0;
         }
         
         .classic-slider .slick-dots li .dot {
             color: white;
             font-weight: 900;
             font-size: calc(18px + (35 - 18) * ((100vw - 320px) / (1920 - 320)));
             line-height: 1;
             opacity: 0.5;
         }
         
         .classic-slider .slick-dots li.slick-active .dot {
             font-size: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));
             opacity: 1;
         }
         
         .location-option {
             margin-bottom: 14px;
         }
         
         .location-option .form-check {
             margin-right: calc(5px + (18 - 5) * ((100vw - 320px) / (1920 - 320)));
             padding-left: 0;
         }
         
         .location-option .form-check-label {
             color: white;
             text-transform: capitalize;
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .location-option [type="radio"]:checked,
         .location-option [type="radio"]:not(:checked) {
             position: absolute;
             left: -9999px;
         }
         
         .location-option [type="radio"]:checked+label,
         .location-option [type="radio"]:not(:checked)+label {
             position: relative;
             padding-left: 28px;
             cursor: pointer;
             display: inline-block;
             font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
             color: white;
             text-transform: capitalize;
             font-weight: 600;
         }
         
         .location-option [type="radio"]:checked+label:before,
         .location-option [type="radio"]:not(:checked)+label:before {
             content: "";
             position: absolute;
             left: 0;
             top: -1px;
             width: 18px;
             height: 18px;
             border: 4px solid white;
             border-radius: 100%;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .location-option [type="radio"]:checked+label:before {
             background-color: white;
             border: 4px solid #ef3f3e;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .location-option.dark-circle [type="radio"]:checked+label,
         .location-option.dark-circle [type="radio"]:not(:checked)+label {
             color: black;
         }
         
         .location-option.dark-circle [type="radio"]:checked+label:before,
         .location-option.dark-circle [type="radio"]:not(:checked)+label:before {
             border: 4px solid #b5b5b5;
         }
         
         .location-option.dark-circle [type="radio"]:checked+label:before {
             border: 4px solid #ef3f3e;
         }
         
         .home-section .flight-left {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             padding-top: 86px;
         }
         
         .home-section.cab-section .cab-content h3 {
             margin-bottom: 20px;
         }
         
         .home_effect .effect_image {
             position: relative;
             background: url(../images/tour/background/1.jpg);
             background-attachment: fixed;
             background-repeat: no-repeat;
             background-size: cover;
             width: 100%;
             height: 100vh;
             overflow: hidden;
             z-index: 1;
         }
         
         .home_effect .effect_image img {
             position: absolute;
             width: 100%;
             bottom: -150px;
             left: 0;
         }
         
         .home_effect .effect_image .effect_content {
             position: absolute;
             width: 100%;
             top: 14%;
             left: 0;
             z-index: -1;
             display: inline-block;
             text-align: center;
         }
         
         .home_effect .effect_image .effect_content h1 {
             font-size: 580%;
             color: white;
             font-weight: 900;
             display: inline-block;
         }
         
         .home_effect canvas {
             display: block;
         }
         
         .home_effect .snow {
             position: absolute;
             left: 0;
             top: 0;
             right: 0;
             bottom: 0;
             z-index: 9;
         }
         
         .mix-pills.nav-pills .nav-link.active,
         .mix-pills.nav-pills .show>.nav-link {
             color: #fff;
             background-color: #ef3f3e;
         }
         
         .mix-pills.nav-pills .nav-link {
             color: white;
             text-transform: capitalize;
             font-size: calc(12px + (17 - 12) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 600;
         }
         
         .form-icon .form-group {
             position: relative;
         }
         
         .form-icon .form-group .form-control {
             padding: 20px 20px 20px 50px !important;
         }
         
         .form-icon .form-group .icon {
             position: absolute;
             left: 20px;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             color: rgba(0, 0, 0, 0.22);
             font-size: 16px;
             z-index: 4;
         }
         /*=====================
4. Slick slider css
==========================*/
         
         .no-arrow .slick-next,
         .no-arrow .slick-prev {
             display: none !important;
         }
         
         .slick-slider {
             line-height: 1;
         }
         
         .arrow-classic .slick-next:before,
         .arrow-classic .slick-prev:before {
             font-family: themify;
             color: #dfdfdf;
             background-color: white;
             opacity: 1;
             padding: 8px;
             -webkit-box-shadow: 5px 8.66px 61px 0px rgba(0, 0, 0, 0.24);
             box-shadow: 5px 8.66px 61px 0px rgba(0, 0, 0, 0.24);
             border-radius: 12px;
             font-size: 18px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .arrow-classic .slick-next:hover:before,
         .arrow-classic .slick-prev:hover:before {
             color: #ef3f3e;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .arrow-classic .slick-prev {
             left: -100px;
         }
         
         .arrow-classic .slick-prev:before {
             content: "\e64a";
         }
         
         .arrow-classic .slick-next {
             right: -88px;
         }
         
         .arrow-classic .slick-next:before {
             content: "\e649";
         }
         
         .arrow-dark .slick-prev {
             left: 1px;
             z-index: 1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             background-color: transparent;
             height: 36px;
         }
         
         .arrow-dark .slick-prev:before {
             content: "\f053";
             font-family: "Font Awesome 5 Free";
             font-weight: 900;
         }
         
         .arrow-dark .slick-next {
             right: 0;
             z-index: 1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             background-color: transparent;
             height: 36px;
         }
         
         .arrow-dark .slick-next:before {
             content: "\f054";
             font-family: "Font Awesome 5 Free";
             font-weight: 900;
         }
         
         .arrow-dark .slider-nav {
             margin-top: 3px;
         }
         
         .arrow-dark .slider-nav .slick-slide {
             margin: 0 3px;
             cursor: pointer;
         }
         
         .arrow-dark .slider-nav .slick-list {
             margin-left: -3px;
             margin-right: -3px;
         }
         
         .arrow-dark:hover .special-img .bg-size {
             -webkit-transform: scale(1);
             transform: scale(1);
         }
         
         .arrow-dark:hover .slick-next,
         .arrow-dark:hover .slick-prev {
             background-color: #252525;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .variable-width-height .slick-slide img {
             height: calc(280px + (400 - 280) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .variable-width {
             margin-bottom: -4px;
         }
         /*=====================
5. Instagram css
==========================*/
         
         .instgram-slider .slick-slide {
             margin-bottom: -4px;
         }
         
         .instgram-slider .instagram-box {
             position: relative;
             overflow: hidden;
         }
         
         .instgram-slider .instagram-box .overlay {
             opacity: 0;
             position: absolute;
             height: 100%;
             width: 100%;
             top: 0;
             text-align: center;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             background: rgba(239, 63, 62, 0.4);
             -webkit-transform: scale(1);
             transform: scale(1);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .instgram-slider .instagram-box .overlay i {
             color: white;
         }
         
         .instgram-slider .instagram-box:hover .overlay {
             opacity: 1;
             -webkit-transform: scale(4);
             transform: scale(4);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             cursor: pointer;
         }
         /*=====================
6. Logo css
==========================*/
         
         .logo-box img {
             margin: 0 auto;
         }
         /*=====================
7. Blog css
==========================*/
         
         .blog-section .slick-list {
             margin-left: -10px;
             margin-right: -10px;
         }
         
         .blog-section .slick-slide>div {
             padding-left: 10px;
             padding-right: 10px;
         }
         
         .blog-section .blog-box {
             width: 100%;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             background-color: white;
             -webkit-box-shadow: 0px 0.66px 6px 0px #00000021;
             box-shadow: 0px 0.66px 6px 0px #00000021;
         }
         
         .blog-section .blog-box .img-part {
             position: relative;
         }
         
         .blog-section .blog-box .img-part img {
             min-width: 300px;
         }
         
         .blog-section .blog-box .img-part .blog-date {
             padding: 10px 12px;
             background-color: #ef3f3e;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             position: absolute;
             top: 35px;
             left: 35px;
             -webkit-box-shadow: 2.5px 4.33px 25px 0px rgba(239, 63, 62, 0.4);
             box-shadow: 2.5px 4.33px 25px 0px rgba(239, 63, 62, 0.4);
             text-align: center;
         }
         
         .blog-section .blog-box .img-part .blog-date h5 {
             color: white;
             margin-bottom: 0;
             font-weight: 700;
         }
         
         .blog-section .blog-box .img-part .blog-date h6 {
             font-size: 10px;
             color: white;
             text-transform: uppercase;
             margin-bottom: 0;
             font-weight: 700;
         }
         
         .blog-section .blog-box .blog-content {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             padding: 70px 55px;
         }
         
         .blog-section .blog-box .blog-content h5 {
             font-size: 14px;
             color: #ef3f3e;
             text-transform: capitalize;
             font-weight: 600;
             margin-bottom: 20px;
         }
         
         .blog-section .blog-box .blog-content p {
             font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             font-weight: 800;
             line-height: 1.5;
         }
         
         .blog-section .blog-box .blog-content h6 {
             font-size: 14px;
             color: #999999;
             font-weight: 600;
             margin-bottom: 20px;
         }
         
         .blog_section {
             overflow: hidden;
         }
         
         .blog_section .blog-wrap {
             border-radius: 25px;
             -webkit-box-shadow: 2.5px 4.33px 35px 0px rgba(0, 0, 0, 0.04);
             box-shadow: 2.5px 4.33px 35px 0px rgba(0, 0, 0, 0.04);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             overflow: hidden;
             margin-bottom: 30px;
         }
         
         .blog_section .blog-wrap .blog-image {
             position: relative;
             overflow: hidden;
         }
         
         .blog_section .blog-wrap .blog-image .bg-size {
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .blog_section .blog-wrap .blog-image .blog-label {
             position: absolute;
             background-color: white;
             padding: 14px 15px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             text-align: center;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             left: 30px;
             bottom: 30px;
             border-radius: 10px;
         }
         
         .blog_section .blog-wrap .blog-image .blog-label h3 {
             color: black;
             font-weight: 700;
             margin-bottom: 0;
             font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .blog_section .blog-wrap .blog-image .blog-label h6 {
             font-size: 14px;
             color: #565857;
             font-weight: 600;
             text-transform: uppercase;
             margin-bottom: 0;
         }
         
         .blog_section .blog-wrap .blog-details {
             padding: 40px 35px;
         }
         
         .blog_section .blog-wrap .blog-details h6 {
             color: #9a9a9a;
             text-transform: capitalize;
             font-size: 14px;
             font-weight: 600;
             margin-bottom: 12px;
         }
         
         .blog_section .blog-wrap .blog-details h6 i {
             color: #00a2f7;
             margin-right: 3px;
         }
         
         .blog_section .blog-wrap .blog-details h6 i.color-1 {
             color: #ef3f3e;
         }
         
         .blog_section .blog-wrap .blog-details h5 {
             font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
             color: #333333;
             font-weight: 700;
             line-height: 1.5;
             margin-bottom: 2px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .blog_section .blog-wrap .blog-details p {
             font-size: 14px;
             color: #9a9a9a;
             line-height: 1.5;
             margin-bottom: -3px;
         }
         
         .blog_section .blog-wrap:hover {
             -webkit-box-shadow: 2.5px 4.33px 35px 0px rgba(0, 0, 0, 0.1);
             box-shadow: 2.5px 4.33px 35px 0px rgba(0, 0, 0, 0.1);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .blog_section .blog-wrap:hover .blog-image .bg-size {
             -webkit-transform: scale(1.03);
             transform: scale(1.03);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .blog_section .blog-wrap:hover .blog-details h5 {
             color: #ef3f3e;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .blog_section .slick-slide>div {
             margin: 0 25px;
         }
         
         .blog_section .slick-list {
             margin-left: -25px;
             margin-right: -25px;
         }
         
         .blog_section.section-b-space {
             padding-bottom: 70px;
         }
         
         .blog_section.destination-section .slick-slide>div {
             margin: 0 30px;
         }
         
         .blog_section.destination-section .slick-list {
             margin-left: -30px;
             margin-right: -30px;
         }
         
         .blog_section.destination-section .destination-details {
             padding: 40px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             text-align: center;
         }
         
         .blog_section.destination-section .destination-details h5 {
             font-size: 14px;
             color: #959595;
             text-transform: uppercase;
             letter-spacing: 0.4em;
             font-weight: 600;
             margin-bottom: 5px;
         }
         
         .blog_section.destination-section .destination-details h2 {
             color: black;
             font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 800;
             margin-bottom: 10px;
         }
         
         .blog_section.destination-section .destination-details h6 {
             font-weight: 600;
             text-transform: capitalize;
             font-size: 14px;
             margin-bottom: 30px;
             color: rgba(0, 0, 0, 0.56);
             letter-spacing: 0.05em;
             line-height: 1.5;
         }
         
         .blog_section.destination-section .destination-details .btn {
             text-transform: capitalize;
             font-size: calc(14px + (20 - 14) * ((100vw - 320) / (1920 - 320)));
         }
         
         .blog_section.inner-blog .blog-wrap {
             border-radius: 0;
         }
         
         .blog_section.inner-blog .blog-wrap .blog-details h6 i {
             color: #ef3f3e;
         }
         
         .blog_section.inner-blog .blog-wrap .blog-image .blog-label {
             border-radius: 0;
         }
         /*=====================
8. App Section css
==========================*/
         
         .app-section {
             overflow: hidden;
             position: relative;
             z-index: 1;
         }
         
         .app-section:before {
             content: "";
             position: absolute;
             height: 100%;
             width: 100%;
             background-color: rgba(255, 255, 255, 0.05);
             top: 0;
             z-index: -1;
         }
         
         .app-section .app-content {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             width: 100%;
             height: 100%;
         }
         
         .app-section .app-content .label {
             margin-bottom: 35px;
         }
         
         .app-section .app-content .label span {
             font-size: 14px;
             color: white;
             background-color: #ef3f3e;
             text-transform: uppercase;
             padding: 5px 18px;
             line-height: 1;
             border-radius: 3px;
             font-family: Work Sans;
             font-weight: 600;
             position: relative;
         }
         
         .app-section .app-content .label span:after {
             content: "";
             position: absolute;
             right: -65px;
             top: 0;
             background: -webkit-gradient(linear, left top, right top, from(rgba(239, 63, 62, 0.25)), to(rgba(239, 63, 62, 0.05)));
             background: linear-gradient(to right, rgba(239, 63, 62, 0.25) 0%, rgba(239, 63, 62, 0.05) 100%);
             width: 70px;
             height: 26px;
         }
         
         .app-section .app-content .label.label-white span {
             background-color: white;
             color: #ef3f3e;
         }
         
         .app-section .app-content .label.label-white span:after {
             background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0.05)));
             background: linear-gradient(to right, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%);
             width: 40px;
             right: -35px;
         }
         
         .app-section .app-content .title {
             color: white;
             font-size: calc(24px + (50 - 24) * ((100vw - 320px) / (1920 - 320)));
             text-transform: unset;
             line-height: 1.2;
             margin-bottom: 20px;
             margin-top: -7px;
         }
         
         .app-section .app-content .title span {
             display: block;
         }
         
         .app-section .app-content p {
             font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: rgba(255, 255, 255, 0.78);
             letter-spacing: 0.02em;
             line-height: 1.7;
             margin-bottom: 30px;
         }
         
         .app-section .app-content h3 {
             color: rgba(255, 255, 255, 0.85);
             font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
             margin-bottom: 42px;
             font-weight: 800;
             text-transform: capitalize;
         }
         
         .app-section .app-content .app-buttons a {
             text-transform: capitalize;
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             padding: 10px 16px;
         }
         
         .app-section .app-content .app-buttons a+a {
             margin-left: 30px;
         }
         
         .app-section .app-content .app-buttons a i {
             margin-right: 5px;
         }
         
         .app-section .app-image>div {
             -webkit-box-pack: end;
             -ms-flex-pack: end;
             justify-content: flex-end;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .app-section .app-image .image {
             position: relative;
         }
         
         .app-section .app-image .image img {
             position: relative;
             z-index: 1;
         }
         
         .app-section .app-image .image:last-child {
             margin-left: 45px;
         }
         
         .app-section .app-box {
             padding: 65px 80px;
             background-color: rgba(255, 255, 255, 0.04);
         }
         
         .app-section .app-box h5 {
             color: white;
             text-transform: capitalize;
             font-style: italic;
             font-weight: 700;
             margin-bottom: 30px;
             margin-top: -4px;
         }
         
         .app-section .app-box h5 span {
             color: #ef3f3e;
         }
         
         .app-section .app-box h2 {
             color: white;
             letter-spacing: 0.01em;
             text-transform: unset;
             font-size: calc(24px + (50 - 24) * ((100vw - 320px) / (1920 - 320)));
             margin-bottom: 30px;
         }
         
         .app-section .app-box p {
             color: rgba(255, 255, 255, 0.68);
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             line-height: 1.5;
             margin-bottom: 40px;
         }
         
         .app-section .app-box .app-buttons a {
             font-size: 14px;
             text-transform: capitalize;
             letter-spacing: 0.05em;
             padding: 10px 22px;
         }
         
         .app-section .app-box .app-buttons a i {
             margin-right: 5px;
         }
         
         .app-section .app-box .app-buttons .app-btn {
             background-color: rgba(255, 255, 255, 0.2);
             margin-left: 15px;
         }
         
         .app-section.app-right-sec .app-image {
             position: absolute;
             right: 0;
             top: 0;
             height: 100%;
             width: 100%;
         }
         
         .app-section.app-right-sec .app-content {
             background-color: #f9f9f9;
             padding: 110px;
         }
         
         .app-section.app-right-sec .app-content .title,
         .app-section.app-right-sec .app-content h3 {
             color: #222222;
         }
         
         .app-section.app-right-sec .app-content p {
             color: rgba(0, 0, 0, 0.65);
         }
         
         .app-section.app-right-sec .app-content h3 {
             margin-bottom: 14px;
         }
         
         .app-section.app-dark .app-content .title {
             color: black;
         }
         
         .app-section.app-dark .app-content p,
         .app-section.app-dark .app-content h3 {
             color: rgba(0, 0, 0, 0.8);
         }
         /*=====================
9. Service css
==========================*/
         
         .service-section {
             margin-left: -25px;
             margin-right: -25px;
         }
         
         .service-section>div {
             padding-left: 25px;
             padding-right: 25px;
         }
         
         .service-section .service-box {
             padding: 70px 60px;
             background-color: white;
             border-radius: 20px;
             text-align: center;
             -webkit-box-shadow: 10px 17.321px 30px 0px rgba(206, 206, 206, 0.4);
             box-shadow: 10px 17.321px 30px 0px rgba(206, 206, 206, 0.4);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .service-section .service-box .service-icon {
             width: 90px;
             height: 90px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             margin: 0 auto;
             background-color: rgba(239, 63, 62, 0.05);
             border-radius: 100%;
             margin-bottom: 40px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .service-section .service-box .service-icon svg {
             width: 45px;
             height: 45px;
             fill: #ef3f3e;
         }
         
         .service-section .service-box h3 {
             text-align: center;
             color: black;
             font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 700;
             text-transform: capitalize;
             margin-bottom: 15px;
         }
         
         .service-section .service-box p {
             text-align: center;
             color: #999999;
             line-height: 1.7;
             margin-bottom: 8px;
         }
         
         .service-section .service-box .lower-section {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
         }
         
         .service-section .service-box .lower-section h6 {
             margin-bottom: 0;
             color: #ef3f3e;
             margin-left: 12px;
             text-transform: capitalize;
             font-weight: 800;
         }
         
         .service-section .service-box .btn {
             margin-top: 30px;
         }
         
         .service-section .service-box:hover {
             -webkit-transform: translateY(-3px);
             transform: translateY(-3px);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .service-section .service-box:hover .service-icon {
             -webkit-transform: scale(1.06);
             transform: scale(1.06);
             -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
             box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .service-section.color-svg .service-box .service-icon svg {
             fill: unset;
         }
         
         .service_section>div:nth-last-child(-n+3) {
             margin-top: 60px;
         }
         
         .service_section .service-wrap {
             text-align: center;
             padding: 50px 30px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             border-radius: 15px;
         }
         
         .service_section .service-wrap .service-icon {
             text-align: center;
         }
         
         .service_section .service-wrap .service-icon img {
             height: 80px;
             padding: 18px 20px;
             border-radius: 20px;
             background-color: #ef3f3e;
             -webkit-box-shadow: 7.5px 12.99px 40px 0px rgba(239, 63, 62, 0.25);
             box-shadow: 7.5px 12.99px 40px 0px rgba(239, 63, 62, 0.25);
             margin-bottom: 30px;
         }
         
         .service_section .service-wrap h5 {
             text-transform: capitalize;
             font-weight: 700;
             margin-bottom: 8px;
             letter-spacing: 0.001em;
         }
         
         .service_section .service-wrap p {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: #b3b3b3;
             margin-bottom: -6px;
             line-height: 1.5;
             letter-spacing: 0.01em;
         }
         
         .service_section .service-wrap:hover {
             -webkit-box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1);
             box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1);
             -webkit-transform: translateY(-5px);
             transform: translateY(-5px);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .service_section .service-wrap:hover .service-icon img {
             -webkit-box-shadow: none;
             box-shadow: none;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .service-part .service-wrapper {
             -webkit-box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.05);
             box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.05);
             padding: 40px;
             border-radius: 20px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .service-part .service-wrapper h3 {
             font-weight: 800;
             color: #333333;
             margin-bottom: 10px;
             letter-spacing: 0.01em;
             margin-top: -4px;
             position: relative;
         }
         
         .service-part .service-wrapper h3 i {
             position: absolute;
             font-size: 16px;
             right: 0;
             top: 0;
             color: #e1002c;
             background-color: rgba(225, 0, 44, 0.1);
             padding: 6px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             border-radius: 100%;
         }
         
         .service-part .service-wrapper h3 i .effect {
             border-radius: 50%;
             position: absolute;
             height: 100%;
             width: 100%;
             top: 0;
             right: 0;
             -webkit-transition: height 5s ease, width 5s ease;
             transition: height 5s ease, width 5s ease;
             z-index: 0;
             opacity: 0;
         }
         
         .service-part .service-wrapper h3 i .effect:after {
             content: "";
             display: block;
             position: absolute;
             top: 0;
             right: 0;
             bottom: 0;
             left: 0;
             border-radius: 50%;
             border: 1px solid #e1002c;
             -webkit-animation: effect 2s linear 1s infinite;
             animation: effect 2s linear 1s infinite;
         }
         
         .service-part .service-wrapper h6 {
             color: #292929;
             font-weight: 600;
             margin-bottom: 20px;
         }
         
         .service-part .service-wrapper p {
             color: #949494;
             margin-bottom: 30px;
             letter-spacing: 1.1px;
             line-height: 1.5;
         }
         
         .service-part .service-wrapper .service-btn {
             text-align: right;
         }
         
         .service-part .service-wrapper .service-btn .btn {
             letter-spacing: 0.05em;
         }
         
         .service-part .service-wrapper:hover {
             -webkit-transform: translateY(-5px);
             transform: translateY(-5px);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             -webkit-box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.15);
             box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.15);
         }
         
         .service-part .service-wrapper:hover h3 .effect {
             opacity: 0.5;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .service-part .service-wrapper:hover .service-btn .btn {
             -webkit-box-shadow: 2.5px 4.33px 25px 0px rgba(239, 63, 62, 0.5);
             box-shadow: 2.5px 4.33px 25px 0px rgba(239, 63, 62, 0.5);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .rating {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .rating i {
             font-size: 12px;
             margin: 0 2px;
             color: #ffcc33;
         }
         
         .highlight-section {
             margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
             margin-bottom: -20px;
         }
         
         .highlight-section .highlight-box {
             margin-bottom: 20px;
             text-align: center;
             border: 1px solid #f7f7f7;
             padding: 30px;
             border-radius: 5px;
             -webkit-box-shadow: 2.5px 4.33px 35px 0px rgba(0, 0, 0, 0.04);
             box-shadow: 2.5px 4.33px 35px 0px rgba(0, 0, 0, 0.04);
         }
         
         .highlight-section .highlight-box svg,
         .highlight-section .highlight-box img {
             width: 50px;
             height: auto;
             fill: rgba(0, 0, 0, 0.67);
         }
         
         .highlight-section .highlight-box .content-sec h5 {
             color: #ef3f3e;
             text-transform: capitalize;
             font-weight: 700;
             margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .highlight-section .highlight-box .content-sec p {
             width: 80%;
             margin: 0 auto;
             color: rgba(0, 0, 0, 0.9);
             margin-bottom: -4px;
             text-transform: capitalize;
             line-height: 1.8;
         }
         /*=====================
10. Testimonial css
==========================*/
         
         .testimonial-section .testimonial {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             padding-bottom: 100px;
         }
         
         .testimonial-section .testimonial .left-part {
             display: inline-block;
             position: relative;
         }
         
         .testimonial-section .testimonial .left-part img {
             width: 140px;
             height: 140px;
             border-radius: 100%;
             background-color: white;
             -webkit-box-shadow: 10px 17.321px 40px 0px rgba(0, 0, 0, 0.1);
             box-shadow: 10px 17.321px 40px 0px rgba(0, 0, 0, 0.1);
         }
         
         .testimonial-section .testimonial .left-part .design {
             background-color: #ef3f3e;
             padding: 20px;
             border-radius: 100%;
             position: absolute;
             top: 0;
             right: -45px;
             z-index: -1;
             width: 70px;
             height: 70px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
         }
         
         .testimonial-section .testimonial .left-part .design i {
             font-size: 28px;
             color: white;
         }
         
         .testimonial-section .testimonial .left-part .design .light {
             position: absolute;
             color: rgba(255, 255, 255, 0.2);
             top: -8px;
             right: -18px;
             font-size: 42px;
         }
         
         .testimonial-section .testimonial .right-part {
             max-width: 70%;
             margin-left: 13%;
         }
         
         .testimonial-section .testimonial .right-part p {
             margin-top: 14px;
             font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: #707070;
             line-height: 1.6;
             margin-bottom: 25px;
         }
         
         .testimonial-section .testimonial .right-part .detail {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .testimonial-section .testimonial .right-part .detail h6 {
             text-transform: uppercase;
             margin-left: 18px;
             margin-bottom: 0;
             font-weight: 900;
         }
         
         .testimonial-section .testimonial .quote-icon {
             position: absolute;
             right: 90px;
             -webkit-transform: rotate(-12deg);
             transform: rotate(-12deg);
         }
         
         .testimonial-section .testimonial .quote-icon i {
             font-size: 102px;
             color: rgba(239, 63, 62, 0.05);
         }
         
         .testimonial-section .slick-prev,
         .testimonial-section .slick-next {
             background-color: rgba(239, 63, 62, 0.12);
             border-radius: 100%;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             z-index: 1;
             top: 30%;
         }
         
         .testimonial-section .slick-prev:before,
         .testimonial-section .slick-next:before {
             font-family: unset;
             font-size: 26px;
             color: #ef3f3e;
             position: absolute;
             top: -4px;
         }
         
         .testimonial-section .slick-prev {
             left: 0;
         }
         
         .testimonial-section .slick-prev:before {
             left: 5px;
         }
         
         .testimonial-section .slick-next {
             right: 0;
         }
         
         .testimonial-section .slick-next:before {
             right: 5px;
         }
         
         .testimonial_section {
             overflow: hidden;
         }
         
         .testimonial_section .testimonial .top-part {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
         }
         
         .testimonial_section .testimonial .top-part .img-part {
             display: inline-block;
             position: relative;
             margin-bottom: 60px;
             margin-top: 70px;
         }
         
         .testimonial_section .testimonial .top-part .img-part img {
             width: 130px;
             height: 130px;
             border-radius: 100%;
             position: relative;
         }
         
         .testimonial_section .testimonial .top-part .img-part .heart-icon {
             color: #e1002c;
             font-size: 16px;
             position: absolute;
             left: 50%;
             -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
             background-color: white;
             padding: 10px;
             -webkit-box-shadow: 2.5px 4.33px 18px 0px rgba(0, 0, 0, 0.06);
             box-shadow: 2.5px 4.33px 18px 0px rgba(0, 0, 0, 0.06);
             border-radius: 100%;
             bottom: -13%;
         }
         
         .testimonial_section .testimonial .bottom-part {
             text-align: center;
             position: relative;
         }
         
         .testimonial_section .testimonial .bottom-part p {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: #646464;
             font-weight: 500;
             line-height: 1.5;
             margin-bottom: 40px;
             max-width: 78%;
             margin-left: auto;
             margin-right: auto;
         }
         
         .testimonial_section .testimonial .bottom-part h3 {
             text-transform: capitalize;
             font-weight: 900;
             letter-spacing: 0.01em;
             margin-bottom: 10px;
         }
         
         .testimonial_section .testimonial .bottom-part .rating {
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
         }
         
         .testimonial_section .testimonial .bottom-part .quote-icon {
             position: absolute;
             left: 50%;
             -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
             bottom: -6px;
             z-index: -1;
         }
         
         .testimonial_section .testimonial .bottom-part .quote-icon i {
             font-size: 72px;
             color: rgba(239, 63, 62, 0.05);
         }
         /*=====================
11. Subscribe css
==========================*/
         
         .subscribe-section {
             background-color: rgba(0, 0, 0, 0.32);
             background-blend-mode: overlay;
         }
         
         .subscribe-section .input-group input {
             color: #646464;
             font-weight: 700;
         }
         
         .subscribe-section .input-group .form-control {
             border-radius: 0;
             border: none;
             padding: 15px 24px;
         }
         
         .subscribe-section .input-group .form-control:focus {
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         
         .subscribe-section .input-group .btn {
             padding: 18px 40px;
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         
         .subscribe-section .input-group ::-webkit-input-placeholder {
             color: #cccccc;
             font-weight: 600;
             opacity: 1;
         }
         
         .subscribe-section .input-group ::-moz-placeholder {
             color: #cccccc;
             font-weight: 600;
             opacity: 1;
         }
         
         .subscribe-section .input-group :-ms-input-placeholder {
             color: #cccccc;
             font-weight: 600;
             opacity: 1;
         }
         
         .subscribe-section .input-group ::-ms-input-placeholder {
             color: #cccccc;
             font-weight: 600;
             opacity: 1;
         }
         
         .subscribe-section .input-group ::placeholder {
             color: #cccccc;
             font-weight: 600;
             opacity: 1;
         }
         
         .subscribe-footer {
             padding: 40px 0;
         }
         
         .subscribe-footer .service-left {
             float: left;
         }
         
         .subscribe-footer .service-left .service-box {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             padding: 0 50px;
             border-left: 1px solid white;
         }
         
         .subscribe-footer .service-left .service-box .icon svg {
             fill: white;
             width: 40px;
             height: 40px;
         }
         
         .subscribe-footer .service-left .service-box .detail {
             margin-left: 12px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .subscribe-footer .service-left .service-box .detail h5 {
             font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
             text-transform: uppercase;
             color: white;
             font-weight: 800;
             margin-bottom: 0;
         }
         
         .subscribe-footer .service-left .service-box .detail p {
             font-size: 12px;
             color: rgba(255, 255, 255, 0.6);
             margin-bottom: 0;
             text-transform: capitalize;
         }
         
         .subscribe-footer .service-left ul li:first-child .service-box {
             padding-left: 0;
             border-left: none;
         }
         
         .subscribe-footer .service-right {
             float: right;
         }
         
         .subscribe-footer .service-right .input-group input {
             color: rgba(255, 255, 255, 0.5);
             padding: 12px 25px;
             background-color: rgba(255, 255, 255, 0.16);
             border: none;
             border-radius: 50px 0 0 50px;
         }
         
         .subscribe-footer .service-right .input-group input:focus {
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         
         .subscribe-footer .service-right .input-group ::-webkit-input-placeholder {
             color: rgba(255, 255, 255, 0.4);
             opacity: 1;
         }
         
         .subscribe-footer .service-right .input-group ::-moz-placeholder {
             color: rgba(255, 255, 255, 0.4);
             opacity: 1;
         }
         
         .subscribe-footer .service-right .input-group :-ms-input-placeholder {
             color: rgba(255, 255, 255, 0.4);
             opacity: 1;
         }
         
         .subscribe-footer .service-right .input-group ::-ms-input-placeholder {
             color: rgba(255, 255, 255, 0.4);
             opacity: 1;
         }
         
         .subscribe-footer .service-right .input-group ::placeholder {
             color: rgba(255, 255, 255, 0.4);
             opacity: 1;
         }
         
         .subscribe-footer .service-right .btn-subscribe {
             background-color: white;
             color: #ef3f3e;
             text-transform: capitalize;
             border-radius: 0 50px 50px 0;
             padding: 8px 20px;
         }
         
         .subscribe-footer .service-right .btn-subscribe:hover {
             -webkit-box-shadow: none;
             box-shadow: none;
             border: 1px solid transparent;
         }
         
         .subscribe-footer.zig-zag-effect:after {
             -webkit-filter: invert(0.9);
             filter: invert(0.9);
         }
         
         .subscribe_section .subscribe-detail {
             text-align: right;
             padding-right: 60px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             height: 100%;
         }
         
         .subscribe_section .subscribe-detail:after {
             content: "";
             position: absolute;
             width: 3px;
             height: 30px;
             background-color: #ef3f3e;
             right: 0;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
         }
         
         .subscribe_section .subscribe-detail h2 {
             position: relative;
             font-weight: 900;
             display: inline-block;
             margin-bottom: 15px;
             font-size: calc(16px + (36 - 16) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .subscribe_section .subscribe-detail span {
             position: absolute;
             font-size: 14px;
             color: white;
             background-color: #ef3f3e;
             left: -40%;
             border-radius: 50px;
             padding: 5px 14px 3px;
             line-height: 1;
             font-weight: 600;
             text-transform: uppercase;
             top: 4px;
         }
         
         .subscribe_section .subscribe-detail p {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 600;
             line-height: 1.5;
             margin-bottom: 0;
         }
         
         .subscribe_section .input-section {
             padding-left: 60px;
             position: relative;
         }
         
         .subscribe_section .input-section input {
             padding: 50px 175px 50px 50px;
             border: none;
             -webkit-box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.05);
             box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.05);
             border-radius: 25px;
         }
         
         .subscribe_section .input-section .form-control:focus {
             -webkit-box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.1);
             box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.1);
         }
         
         .subscribe_section .input-section ::-webkit-input-placeholder {
             color: #bcbcbc;
             opacity: 1;
             font-weight: 600;
         }
         
         .subscribe_section .input-section ::-moz-placeholder {
             color: #bcbcbc;
             opacity: 1;
             font-weight: 600;
         }
         
         .subscribe_section .input-section :-ms-input-placeholder {
             color: #bcbcbc;
             opacity: 1;
             font-weight: 600;
         }
         
         .subscribe_section .input-section ::-ms-input-placeholder {
             color: #bcbcbc;
             opacity: 1;
             font-weight: 600;
         }
         
         .subscribe_section .input-section ::placeholder {
             color: #bcbcbc;
             opacity: 1;
             font-weight: 600;
         }
         
         .subscribe_section .input-section .btn {
             position: absolute;
             right: 50px;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             padding: 8px 20px;
         }
         /*=====================
12. About css
==========================*/
         
         .about-section .image-section {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .about-section .image-section .img-box {
             position: relative;
         }
         
         .about-section .image-section .img-box+.img-box {
             margin-left: 60px;
         }
         
         .about-section .image-section .img-box img {
             -webkit-box-shadow: 5px 8.66px 20px 0px rgba(0, 0, 0, 0.15);
             box-shadow: 5px 8.66px 20px 0px rgba(0, 0, 0, 0.15);
         }
         
         .about-section .image-section .img-box .no-class {
             position: absolute;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             background-color: #ef3f3e;
             padding: 5px;
             left: -15px;
             -webkit-box-shadow: 2.5px 4.33px 25px 0px rgba(239, 63, 62, 0.4);
             box-shadow: 2.5px 4.33px 25px 0px rgba(239, 63, 62, 0.4);
         }
         
         .about-section .image-section .img-box .no-class h3 {
             font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: white;
             margin-bottom: 0;
             font-weight: 700;
         }
         
         .about-section .about-text {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             height: 100%;
             padding-left: 60px;
         }
         
         .about-section .about-text h5 {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             font-style: italic;
             color: #adadad;
             text-transform: capitalize;
             font-weight: 700;
             margin-bottom: 15px;
             margin-top: -2px;
         }
         
         .about-section .about-text h5 span {
             color: #ef3f3e;
         }
         
         .about-section .about-text h3 {
             font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             font-weight: 800;
             letter-spacing: 0.001em;
             margin-bottom: 35px;
         }
         
         .about-section .about-text h2 {
             font-size: calc(18px + (45 - 18) * ((100vw - 320px) / (1920 - 320)));
             color: #ef3f3e;
             font-weight: 800;
             margin-bottom: 35px;
         }
         
         .about-section .about-text p {
             font-size: calc(14px + (22 - 14) * ((100vw - 320px) / (1920 - 320)));
             line-height: 1.5;
             font-weight: 600;
             margin-bottom: 25px;
         }
         
         .about-section.three-image .image-section .img-box+.img-box {
             margin-left: 45px;
         }
         
         .about-section.three-image .about-text {
             padding-left: 20px;
         }
         
         .about-section.three-image .about-text h5 {
             font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
             margin-bottom: 30px;
         }
         
         .about-section.three-image .about-text h2 {
             color: black;
             font-size: calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320)));
             margin-bottom: 10px;
         }
         
         .about-section.three-image .about-text h2 span {
             font-size: calc(16px + (30 - 16) * ((100vw - 320px) / (1920 - 320)));
             text-transform: lowercase;
             margin-bottom: 0;
             display: block;
             margin-top: 14px;
             font-weight: 400;
             color: rgba(0, 0, 0, 0.6);
         }
         
         .about-section.three-image .about-text p {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .about-section.about_page .image-section .img-box:nth-child(odd) {
             margin-bottom: 40px;
         }
         
         .about-section.about_page .image-section .img-box:nth-child(odd) .title-box {
             bottom: -40px;
         }
         
         .about-section.about_page .image-section .img-box:nth-child(even) {
             margin-top: 40px;
         }
         
         .about-section.about_page .image-section .img-box:nth-child(even) .title-box {
             top: -40px;
         }
         
         .about-section.about_page .image-section .img-box .title-box {
             padding: 20px;
             background-color: white;
             display: inline-block;
             text-align: center;
             position: absolute;
             left: 50%;
             -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
             -webkit-box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.08);
             box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.08);
             min-width: 162px;
         }
         
         .about-section.about_page .image-section .img-box .title-box h3 {
             font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             color: black;
             margin-top: -4px;
             font-weight: 800;
             margin-bottom: 7px;
         }
         
         .about-section.about_page .image-section .img-box .title-box h6 {
             font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
             text-transform: uppercase;
             margin-bottom: -4px;
             word-break: break-word;
             color: gray;
         }
         
         .about-section.about_page .about-text {
             padding-left: 50px;
             -webkit-box-align: start;
             -ms-flex-align: start;
             align-items: flex-start;
         }
         
         .about-section.about_page .about-text .title-3 {
             text-align: left;
             margin-bottom: 35px;
         }
         
         .about-section.about_page .about-text .title-3 .title-label {
             text-transform: uppercase;
             -webkit-box-shadow: 5px 8.66px 20px 0px rgba(239, 63, 62, 0.22);
             box-shadow: 5px 8.66px 20px 0px rgba(239, 63, 62, 0.22);
         }
         
         .about-section.about_page .about-text h2 {
             font-weight: 700;
         }
         
         .about-section.about_page .about-text h2 span {
             font-size: calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             margin-top: 20px;
         }
         
         .about-section.about_page .about-text .buttons-about {
             margin-top: 45px;
         }
         
         .about-section.about_page .about-text .buttons-about .btn+.btn {
             margin-left: 20px;
         }
         
         .about_section .about_img {
             position: relative;
             margin: 20px 0;
         }
         
         .about_section .about_img img {
             border-radius: 25px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .about_section .about_img .side-effect:after {
             content: "";
             position: absolute;
             top: -12px;
             height: calc(100% - 18px);
             background: url(../images/restaurant/about.jpg);
             border-radius: 25px;
             width: calc(100% - 65px);
             left: 76px;
             z-index: -1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             background-blend-mode: overlay;
             opacity: 0.3;
         }
         
         .about_section .about_img .side-effect:before {
             content: "";
             position: absolute;
             top: -20px;
             height: calc(100% - 44px);
             background: url(../images/restaurant/about.jpg);
             border-radius: 25px;
             width: calc(100% - 97px);
             left: 120px;
             z-index: -1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             background-blend-mode: overlay;
             opacity: 0.1;
         }
         
         .about_section .about_img .side-effect span:after {
             content: "";
             position: absolute;
             bottom: -12px;
             height: calc(100% - 18px);
             background: url(../images/restaurant/about.jpg);
             border-radius: 25px;
             width: calc(100% - 65px);
             right: 76px;
             z-index: -1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             background-blend-mode: overlay;
             opacity: 0.3;
         }
         
         .about_section .about_img .side-effect span:before {
             content: "";
             position: absolute;
             bottom: -20px;
             height: calc(100% - 44px);
             background: url(../images/restaurant/about.jpg);
             border-radius: 25px;
             width: calc(100% - 97px);
             right: 120px;
             z-index: -1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             background-blend-mode: overlay;
             opacity: 0.1;
         }
         
         .about_section .about_img:hover img {
             -webkit-transform: scale(1.02);
             transform: scale(1.02);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .about_section .about_img:hover .side-effect:before,
         .about_section .about_img:hover .side-effect:after {
             top: 0;
             left: 20px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .about_section .about_img:hover .side-effect span:after,
         .about_section .about_img:hover .side-effect span:before {
             bottom: 0;
             right: 20px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .about_section .about_content {
             margin-left: 85px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             height: 100%;
         }
         
         .about_section .about_content h5 {
             font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
             color: #adadad;
             text-transform: capitalize;
             font-weight: 800;
             font-style: italic;
             margin-bottom: 25px;
         }
         
         .about_section .about_content h5 span {
             color: #ef3f3e;
         }
         
         .about_section .about_content h2 {
             font-size: calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             font-weight: 800;
             text-transform: capitalize;
             margin-bottom: 30px;
         }
         
         .about_section .about_content p {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: #b2b2b2;
             line-height: 1.4;
             font-weight: 600;
             margin-bottom: 38px;
         }
         
         .about_section .about_content .about_bottom {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .about_section .about_content .about_bottom h6 {
             margin-left: 25px;
             background-color: #f7f7f7;
             color: #acacac;
             font-size: 14px;
             text-transform: capitalize;
             margin-bottom: 0;
             padding: 8px 12px;
             border-radius: 20px;
             font-weight: 600;
         }
         /*=====================
13. Ticket/video section css
==========================*/
         
         .ticket-section .ticket-box {
             position: relative;
         }
         
         .ticket-section .ticket-box .image-box {
             position: relative;
             overflow: hidden;
             -webkit-box-shadow: 5px 8.66px 22px 0px rgba(0, 0, 0, 0.3);
             box-shadow: 5px 8.66px 22px 0px rgba(0, 0, 0, 0.3);
         }
         
         .ticket-section .ticket-box .image-box img {
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .ticket-section .ticket-box .image-box:after {
             content: "";
             position: absolute;
             left: 0;
             width: 100%;
             height: 100%;
             background-color: rgba(0, 0, 0, 0.2);
             opacity: 0;
             top: 0;
             z-index: 0;
         }
         
         .ticket-section .ticket-box .image-box:hover:after {
             opacity: 1;
         }
         
         .ticket-section .ticket-box .image-box:hover img {
             -webkit-transform: scale(1.04);
             transform: scale(1.04);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .ticket-section .ticket-box .content {
             padding: 50px 150px 50px 50px;
             background-color: white;
             position: absolute;
             left: -56%;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             -webkit-box-shadow: 11px 4px 40px 0px rgba(0, 0, 0, 0.11);
             box-shadow: 11px 4px 40px 0px rgba(0, 0, 0, 0.11);
         }
         
         .ticket-section .ticket-box .content .detail {
             max-width: 395px;
         }
         
         .ticket-section .ticket-box .content .detail h4 {
             font-size: calc(14px+(16 - 14) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 600;
             color: rgba(0, 0, 0, 0.6);
             margin-bottom: 15px;
         }
         
         .ticket-section .ticket-box .content .detail h4 span {
             color: #ef3f3e;
             font-weight: 900;
             font-size: calc(16px + (27 - 16) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .ticket-section .ticket-box .content .detail h3 {
             font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             font-weight: 900;
             text-transform: capitalize;
             margin-bottom: 18px;
         }
         
         .ticket-section .ticket-box .content .detail p {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             margin-bottom: 25px;
             line-height: 1.5;
             color: #b2b2b2;
             font-weight: 600;
         }
         
         .ticket-section .ticket-box .content .barcode-design {
             position: absolute;
             right: 50px;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
         }
         
         .ticket-section .ticket-box .content:after {
             content: "";
             position: absolute;
             background-image: url(../images/zig-zag.png);
             right: -10px;
             height: 100%;
             width: 10px;
             top: 0;
         }
         
         .ticket-section .ticket-box .content:before {
             content: "";
             position: absolute;
             background-image: url(../images/zig-zag.png);
             left: -10px;
             height: 100%;
             width: 10px;
             top: 0;
             -webkit-transform: rotate(180deg);
             transform: rotate(180deg);
         }
         
         .ticket-section .ticket-box .ticket-title {
             position: absolute;
             top: 50%;
             -webkit-transform: translateY(-50%) rotate(90deg);
             transform: translateY(-50%) rotate(90deg);
             right: -11%;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             z-index: 1;
         }
         
         .ticket-section .ticket-box .ticket-title h6 {
             background-color: white;
             padding: 10px;
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             margin-bottom: 0;
             text-transform: capitalize;
             font-weight: 800;
         }
         
         .ticket-section .ticket-box .ticket-title span {
             background-color: red;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             padding: 10px;
             color: white;
         }
         
         .ticket-section .slick-prev,
         .ticket-section .slick-next {
             font-family: themify;
             right: 40px;
             left: unset;
             z-index: 1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .ticket-section .slick-prev:before,
         .ticket-section .slick-next:before {
             color: #ef3f3e;
             background-color: white;
             opacity: 1;
             padding: 10px;
         }
         
         .ticket-section .slick-prev:hover,
         .ticket-section .slick-next:hover {
             -webkit-box-shadow: rgba(0, 0, 0, 0.5) 5px 8.66px 40px 0px;
             box-shadow: rgba(0, 0, 0, 0.5) 5px 8.66px 40px 0px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .ticket-section .slick-next {
             top: calc(50% - 30px);
         }
         
         .ticket-section .slick-next:before {
             font-family: themify;
             content: "\e649";
         }
         
         .ticket-section .slick-prev {
             top: calc(50% + 30px);
         }
         
         .ticket-section .slick-prev:before {
             font-family: themify;
             content: "\e64a";
         }
         
         .ticket-section.white-section .ticket-box .ticket-title {
             right: -9%;
         }
         
         .ticket-section.white-section .ticket-box .content .detail h4 {
             margin-bottom: 20px;
         }
         
         .ticket-section.white-section .ticket-box .content .detail h2 {
             font-weight: 800;
             margin-bottom: 10px;
         }
         
         .ticket-section.white-section .ticket-box .content .detail h6 {
             font-size: 14px;
             color: #adadad;
             text-transform: capitalize;
             font-weight: 800;
             margin-bottom: 10px;
         }
         
         .ticket-section.white-section .ticket-box .content .detail h6 span {
             color: #ef3f3e;
         }
         
         .ticket-section.white-section .slick-prev,
         .ticket-section.white-section .slick-next {
             -webkit-box-shadow: rgba(0, 0, 0, 0.5) 5px 8.66px 40px 0px;
             box-shadow: rgba(0, 0, 0, 0.5) 5px 8.66px 40px 0px;
         }
         
         .ticket-section.white-section .slick-prev:hover,
         .ticket-section.white-section .slick-next:hover {
             -webkit-box-shadow: rgba(0, 0, 0, 0.8) 5px 8.66px 40px 0px;
             box-shadow: rgba(0, 0, 0, 0.8) 5px 8.66px 40px 0px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .video-section {
             padding: 170px 0;
         }
         
         .video-section.parallax-img {
             background-color: rgba(0, 0, 0, 0.35);
             background-blend-mode: overlay;
         }
         
         .video-section .basic-section h2 {
             font-family: Dancing Script;
             font-size: calc(25px + (65 - 25) * ((100vw - 320px) / (1920 - 320)));
             color: white;
             text-align: center;
             font-weight: 700;
             line-height: 0.8;
             margin-bottom: 35px;
         }
         
         .video-section .basic-section h4 {
             text-align: center;
             color: rgba(255, 255, 255, 0.7);
             font-weight: 700;
             letter-spacing: 0.4em;
             text-transform: uppercase;
             margin-bottom: 40px;
         }
         
         .video-section .basic-section .video-icon {
             position: relative;
             cursor: pointer;
             top: 0;
             left: 0;
             -webkit-transform: none;
             transform: none;
             margin: 0 auto;
         }
         
         .video-section .basic-section .video-icon .animation-circle-inverse {
             background: rgba(214, 36, 35, 0.51);
         }
         
         .video-section .basic-section .video-icon .animation-circle-inverse i {
             background: rgba(214, 36, 35, 0.5);
             border-radius: 15px;
             opacity: 0.8;
             z-index: -1;
         }
         
         .video-section .basic-section .video-icon .animation-circle-inverse i:nth-child(2) {
             -webkit-animation: icon 3s linear infinite;
             animation: icon 3s linear infinite;
         }
         
         @-webkit-keyframes icon {
             0% {
                 -webkit-transform: scale(1.2);
                 transform: scale(1.2);
             }
             100% {
                 -webkit-transform: scale(1.4);
                 transform: scale(1.4);
             }
         }
         
         @keyframes icon {
             0% {
                 -webkit-transform: scale(1.2);
                 transform: scale(1.2);
             }
             100% {
                 -webkit-transform: scale(1.4);
                 transform: scale(1.4);
             }
         }
         
         .video_section {
             padding: 138px 0;
             position: relative;
             overflow: hidden;
         }
         
         .video_section .video-image {
             position: relative;
             z-index: 1;
         }
         
         .video_section .video-image img {
             border-radius: 30px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .video_section .video-image .video-icon {
             -webkit-box-shadow: -1px 0px 25px 7px rgba(0, 0, 0, 0.5);
             box-shadow: -1px 0px 25px 7px rgba(0, 0, 0, 0.5);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .video_section .video-image .video-icon:hover {
             -webkit-transform: translate(-50%, -50%) scale(1.06);
             transform: translate(-50%, -50%) scale(1.06);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .video_section .video-image .side-effect:after {
             content: "";
             position: absolute;
             top: 15px;
             height: calc(100% - 30px);
             background-color: rgba(255, 255, 255, 0.12);
             border-radius: 30px;
             width: calc(100% + 30px);
             left: -15px;
             z-index: -1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .video_section .video-image .side-effect:before {
             content: "";
             position: absolute;
             top: 35px;
             height: calc(100% - 70px);
             background-color: rgba(255, 255, 255, 0.05);
             border-radius: 30px;
             width: calc(100% + 60px);
             left: -30px;
             z-index: -1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .video_section .video-image:hover img {
             -webkit-transform: translateY(-25px);
             transform: translateY(-25px);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .video_section .video-image:hover .side-effect:after {
             left: 10px;
             width: calc(100% + 10px);
             top: 0;
             height: calc(100% - 10px);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .video_section .video-image:hover .side-effect:before {
             width: 100%;
             top: 35px;
             left: 38px;
             height: calc(100% - 30px);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .video_section .video-content {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             height: 100%;
         }
         
         .video_section .video-content h5 {
             color: white;
             font-weight: 700;
             text-transform: unset;
             margin-bottom: 30px;
             margin-top: -3px;
             font-style: italic;
         }
         
         .video_section .video-content h5 span {
             color: #ef3f3e;
         }
         
         .video_section .video-content h2 {
             font-size: calc(22px + (60 - 22) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             font-weight: 700;
             color: white;
             margin-bottom: 26px;
         }
         
         .video_section .video-content h2 span {
             font-size: calc(22px + (40 - 22) * ((100vw - 320px) / (1920 - 320)));
             padding-left: 20px;
             margin-left: 5px;
             position: relative;
         }
         
         .video_section .video-content h2 span:after {
             content: "";
             position: absolute;
             left: 0;
             width: 3px;
             height: 15px;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             background-color: white;
         }
         
         .video_section .video-content p {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: rgba(255, 255, 255, 0.7);
             line-height: 1.6;
             margin-bottom: 24px;
             padding-right: 10px;
         }
         
         .video_section .video-content .bottom-section {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-top: 35px;
         }
         
         .video_section .video-content .bottom-section .timer {
             margin-bottom: 35px;
         }
         
         .video_section .video-content .bottom-section .info-btn {
             margin-left: 25px;
         }
         
         .video_section .video-content .bottom-section .info-btn h6 {
             font-size: 14px;
             color: white;
             font-weight: 700;
             text-transform: uppercase;
             margin-bottom: 0;
             background-color: rgba(255, 255, 255, 0.05);
             border-radius: 50px;
             padding: 10px 16px;
         }
         
         .video_section .video-content .bottom-section .info-btn.red-info {
             margin-left: 10px;
         }
         
         .video_section .video-content .bottom-section .info-btn.red-info h6 {
             color: #ef3f3e;
         }
         
         .video_section .offer-text {
             position: absolute;
             right: -90px;
             top: 41%;
         }
         
         .video_section .offer-text h6 {
             color: white;
             -webkit-transform: rotate(90deg);
             transform: rotate(90deg);
             text-transform: uppercase;
             letter-spacing: 0.3em;
             font-weight: 700;
             position: relative;
         }
         
         .video_section .offer-text h6 span {
             position: relative;
             display: inline-block;
             -webkit-animation: ani 1s infinite alternate cubic-bezier(0.86, 0, 0.07, 1);
             animation: ani 1s infinite alternate cubic-bezier(0.86, 0, 0.07, 1);
         }
         
         .video_section .offer-text h6 span:nth-last-child(1n) {
             -webkit-animation-delay: -0.1666666667s;
             animation-delay: -0.1666666667s;
         }
         
         .video_section .offer-text h6 span:nth-last-child(2n) {
             -webkit-animation-delay: -0.3333333333s;
             animation-delay: -0.3333333333s;
         }
         
         .video_section .offer-text h6 span:nth-last-child(3n) {
             -webkit-animation-delay: -0.5s;
             animation-delay: -0.5s;
         }
         
         .video_section .offer-text h6:after {
             content: "";
             position: absolute;
             width: 80px;
             height: 3px;
             background-color: white;
             top: 5px;
             right: -100px;
             background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(231, 56, 39, 0)));
             background: linear-gradient(to right, white 0%, rgba(231, 56, 39, 0) 100%);
         }
         
         .timer li {
             font-size: 14px;
             list-style-type: none;
             padding: 10px 24px;
             text-transform: capitalize;
             color: white;
             background: rgba(255, 255, 255, 0.15);
             text-align: center;
             font-weight: 700;
             border-radius: 15px;
             margin-right: 25px;
         }
         
         .timer li:last-child {
             margin-right: 0;
         }
         
         .timer li span {
             display: block;
             font-size: calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .video-icon {
             width: 80px;
             height: 55px;
             background-color: #d62423;
             border-radius: 15px;
             -webkit-box-shadow: 2.5px 4.33px 25px 0px rgba(214, 36, 35, 0.6);
             box-shadow: 2.5px 4.33px 25px 0px rgba(214, 36, 35, 0.6);
             position: absolute;
             top: 50%;
             left: 50%;
             -webkit-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
             z-index: 1;
             cursor: pointer;
         }
         
         .video-icon span {
             width: 0;
             position: absolute;
             height: 0;
             border-top: 12px solid transparent;
             border-left: 24px solid white;
             border-bottom: 12px solid transparent;
             left: 50%;
             top: 50%;
             -webkit-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
         }
         
         .video-slider {
             height: 227px;
             width: auto;
         }
         /*=====================
14. Gallery section css
==========================*/
         
         .gallery-box {
             position: relative;
             overflow: hidden;
         }
         
         .gallery-box .gallery-img {
             position: relative;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .gallery-box .gallery-img .overlay {
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
             background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.63)), to(rgba(231, 56, 39, 0)));
             background: linear-gradient(to top, rgba(0, 0, 0, 0.63) 0%, rgba(231, 56, 39, 0) 100%);
             background-blend-mode: overlay;
             -webkit-box-shadow: inset 0px -200px 120px -53px rgba(0, 0, 0, 0.6);
             box-shadow: inset 0px -200px 120px -53px rgba(0, 0, 0, 0.6);
         }
         
         .gallery-box .gallery-content {
             position: absolute;
             text-align: center;
             bottom: 30px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             width: 100%;
         }
         
         .gallery-box .gallery-content h5 {
             color: white;
             font-weight: 700;
             margin-bottom: 15px;
             text-transform: capitalize;
         }
         
         .gallery-box .gallery-content .btn {
             padding: 8px 18px;
             line-height: 1;
         }
         
         .gallery-box:hover .gallery-img {
             -webkit-transform: scale(1.04);
             transform: scale(1.04);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .gallery-box:hover .gallery-content {
             bottom: 40px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .gallery_box {
             position: relative;
             overflow: hidden;
         }
         
         .gallery_box .gallery-img {
             position: relative;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .gallery_box .gallery-img .overlay {
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
             background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.63)), to(rgba(231, 56, 39, 0)));
             background: linear-gradient(to top, rgba(0, 0, 0, 0.63) 0%, rgba(231, 56, 39, 0) 100%);
             background-blend-mode: overlay;
         }
         
         .gallery_box .gallery-content {
             position: absolute;
             bottom: 40px;
             left: 40px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             z-index: 1;
         }
         
         .gallery_box .gallery-content h3 {
             color: white;
             font-weight: 700;
             margin-bottom: 10px;
             text-transform: capitalize;
         }
         
         .gallery_box .view-cls {
             width: 40px;
             height: 40px;
             background-color: rgba(255, 255, 255, 0.15);
             border-radius: 100%;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             position: absolute;
             right: 40px;
             bottom: 40px;
             opacity: 0;
             -webkit-transform: scale(0);
             transform: scale(0);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .gallery_box .view-cls i {
             color: white;
         }
         
         .gallery_box:after {
             content: "";
             position: absolute;
             bottom: 0;
             background: -webkit-gradient(linear, left top, left bottom, color-stop(58%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.75)));
             background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 58%, rgba(0, 0, 0, 0.75) 100%);
             width: 100%;
             height: 100%;
             border-radius: 4px;
         }
         
         .gallery_box:hover .gallery-img {
             -webkit-transform: scale(1.04);
             transform: scale(1.04);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .gallery_box:hover .view-cls {
             -webkit-transform: scale(1);
             transform: scale(1);
             opacity: 1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .mfp-with-zoom .mfp-container,
         .mfp-with-zoom.mfp-bg {
             opacity: 0;
             -webkit-backface-visibility: hidden;
             -webkit-transition: all 0.3s ease-out;
             transition: all 0.3s ease-out;
         }
         
         .mfp-with-zoom.mfp-ready .mfp-container {
             opacity: 1;
         }
         
         .mfp-with-zoom.mfp-ready.mfp-bg {
             opacity: 0.8;
         }
         
         .mfp-with-zoom.mfp-removing .mfp-container,
         .mfp-with-zoom.mfp-removing.mfp-bg {
             opacity: 0;
         }
         
         .mfp-title {
             display: none;
         }
         /*=====================
15. Category section css
==========================*/
         
         .special-section .special-box {
             -webkit-box-shadow: 5px 8.66px 30px 0px rgba(0, 0, 0, 0.05);
             box-shadow: 5px 8.66px 30px 0px rgba(0, 0, 0, 0.05);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             margin-bottom: 30px;
             -webkit-box-shadow: 0px 1px 9px 0px rgba(228, 228, 228, 0.7);
             box-shadow: 0px 1px 9px 0px rgba(228, 228, 228, 0.7);
         }
         
         .special-section .special-box.p-0 .special-img .top-icon {
             top: 10px;
             right: 10px;
         }
         
         .special-section .special-box .special-img {
             position: relative;
             overflow: hidden;
         }
         
         .special-section .special-box .special-img .bg-size {
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .special-section .special-box .special-img .label {
             position: absolute;
             left: 30px;
             top: 30px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             background-color: white;
         }
         
         .special-section .special-box .special-img .label h3 {
             padding: 7px 12px;
             font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
             margin-bottom: 0;
             background-color: white;
             color: #ef3f3e;
             font-weight: 800;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
         }
         
         .special-section .special-box .special-img .label h3 del {
             font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             margin-right: 3px;
         }
         
         .special-section .special-box .special-img .label i {
             padding: 12px 14px;
             background-color: #ef3f3e;
             color: white;
             -webkit-box-shadow: 2.5px 4.33px 25px 0px rgba(137, 12, 11, 0.4);
             box-shadow: 2.5px 4.33px 25px 0px rgba(137, 12, 11, 0.4);
         }
         
         .special-section .special-box .special-img .content-inner {
             position: absolute;
             width: 60%;
             bottom: -70px;
             background-color: white;
             left: 0;
             right: 0;
             margin: 0 auto;
             text-align: center;
             padding: 15px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .special-section .special-box .special-img .content-inner h6 {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 500;
             color: black;
             text-transform: uppercase;
             margin-bottom: -4px;
         }
         
         .special-section .special-box .special-img .content-inner h5 {
             font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             font-weight: 800;
             line-height: 1.5;
             margin-bottom: 0;
             margin-top: -7px;
             text-transform: capitalize;
         }
         
         .special-section .special-box .special-img .content_inner {
             position: absolute;
             bottom: 0;
             width: 100%;
             text-align: center;
             padding: 30px;
             background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(231, 56, 39, 0)));
             background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(231, 56, 39, 0) 100%);
         }
         
         .special-section .special-box .special-img .content_inner h6 {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 500;
             color: white;
             text-transform: uppercase;
             margin-bottom: -4px;
         }
         
         .special-section .special-box .special-img .content_inner h5 {
             font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
             color: white;
             font-weight: 800;
             line-height: 1.5;
             margin-bottom: 0;
             margin-top: -7px;
             text-transform: capitalize;
         }
         
         .special-section .special-box .special-img .top-icon {
             position: absolute;
             top: 10px;
             right: 10px;
         }
         
         .special-section .special-box .special-img .top-icon i {
             color: white;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             padding: 8px;
             background-color: rgba(0, 0, 0, 0.6);
             border-radius: 100%;
         }
         
         .special-section .special-box .special-content {
             padding: 40px;
         }
         
         .special-section .special-box .special-content h5 {
             color: black;
             font-weight: 800;
             line-height: 1.5;
             margin-bottom: 15px;
             margin-top: -7px;
             white-space: nowrap;
             overflow: hidden;
             text-overflow: ellipsis;
         }
         
         .special-section .special-box .special-content p {
             font-size: 14px;
             color: #999999;
             font-weight: 600;
             line-height: 1.5;
             margin-bottom: 15px;
         }
         
         .special-section .special-box .special-content .bottom-part {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .special-section .special-box .special-content .bottom-part .package-cls {
             padding-left: 20px;
             color: #ef3f3e;
             font-weight: 800;
         }
         
         .special-section .special-box.cab-box {
             padding: 30px;
         }
         
         .special-section .special-box:hover {
             -webkit-box-shadow: 5px 8.66px 30px 0px rgba(0, 0, 0, 0.1);
             box-shadow: 5px 8.66px 30px 0px rgba(0, 0, 0, 0.1);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .special-section .special-box:hover .special-img .bg-size {
             -webkit-transform: scale(1.03);
             transform: scale(1.03);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .special-section .special-box:hover .special-img .content-inner {
             bottom: 15px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .special-section .slick-slide>div {
             margin: 0 25px;
         }
         
         .special-section .slick-list {
             margin-left: -25px;
             margin-right: -25px;
         }
         
         .special-section.section-b-space {
             padding-bottom: 70px;
         }
         
         .special-section.grid-box {
             margin-top: 30px;
         }
         
         .special-section.grid-box .special-box {
             position: relative;
             background-color: white;
         }
         
         .special-section.grid-box .special-box .special-content {
             padding: 20px 25px 25px;
             position: relative;
         }
         
         .special-section.grid-box .special-box .special-content h5 {
             font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             margin-bottom: 0px;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-top: -4px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             overflow: hidden;
             max-width: 280px;
             white-space: nowrap;
             text-overflow: ellipsis;
             display: block;
         }
         
         .special-section.grid-box .special-box .special-content h5 span {
             color: #9a9a9a;
             font-size: 14px;
             margin-left: 8px;
             font-weight: 500;
             vertical-align: 3px;
         }
         
         .special-section.grid-box .special-box .special-content h5 span i {
             color: #a7a7a7;
             margin-right: 3px;
             font-size: 10px;
         }
         
         .special-section.grid-box .special-box .special-content p {
             margin-bottom: 10px;
             color: #9a9a9a;
             font-weight: 500;
             letter-spacing: 0.05em;
         }
         
         .special-section.grid-box .special-box .special-content .bottom-section .rating span {
             color: rgba(0, 0, 0, 0.65);
             font-size: 12px;
             font-weight: 600;
             margin-left: 18px;
         }
         
         .special-section.grid-box .special-box .special-content .bottom-section .price {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-top: 13px;
             margin-bottom: -6px;
         }
         
         .special-section.grid-box .special-box .special-content .bottom-section .price del {
             font-size: 14px;
             color: black;
             font-weight: 700;
             margin-right: 10px;
         }
         
         .special-section.grid-box .special-box .special-content .bottom-section .price span {
             color: #333333;
             font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 800;
         }
         
         .special-section.grid-box .special-box .special-content .bottom-section .price .package-cls {
             padding-left: 20px;
             color: #ef3f3e;
             font-weight: 800;
             font-size: 12px;
         }
         
         .special-section.grid-box .special-box .special-content .bottom-section .price .facility-detail {
             margin-left: 7px;
         }
         
         .special-section.grid-box .special-box .special-content .bottom-section .price .facility-detail span {
             color: rgba(0, 0, 0, 0.5);
             font-weight: 600;
             font-size: 12px;
             text-transform: capitalize;
             padding: 2px 8px;
             border: 1px solid #ddd;
             border-radius: 5px;
         }
         
         .special-section.grid-box .special-box .special-content .tour-detail span {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 600;
             color: #ef3f3e;
             text-transform: capitalize;
         }
         
         .special-section.grid-box .special-box .special-content .tour-detail .include-sec {
             margin-top: 14px;
         }
         
         .special-section.grid-box .special-box .special-content .tour-detail .include-sec ul {
             text-transform: capitalize;
             color: rgba(0, 0, 0, 0.78);
             margin-top: 10px;
         }
         
         .special-section.grid-box .special-box .special-content .tour-detail .include-sec ul li {
             margin-right: 12px;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-align: center;
         }
         
         .special-section.grid-box .special-box .special-content .tour-detail .include-sec ul li img {
             width: 30px;
             display: inline-block;
             margin: 0 auto;
         }
         
         .special-section.grid-box .special-box .special-content .tour-detail .include-sec ul li i {
             font-size: 14px;
             margin-right: 5px;
             display: block;
         }
         
         .special-section.grid-box .special-box .special-content .tour-detail .include-sec ul li.not-include {
             opacity: 0.4;
         }
         
         .special-section.grid-box .special-box .special-content .tour-detail h6 {
             margin-top: 4px;
             text-transform: capitalize;
             color: rgba(0, 0, 0, 0.78);
             max-width: 360px;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
             font-size: 13px;
         }
         
         .special-section.grid-box .special-box .special-content .tour-detail h6 i {
             font-size: 12px;
             color: gray;
         }
         
         .special-section.grid-box .special-box .special-content .tour-detail .bottom-section .price {
             display: block;
             margin-top: 15px;
         }
         
         .special-section.grid-box .special-box .special-content .tour-detail .bottom-section .price h6 {
             color: #ef3f3e;
             font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 800;
             margin-bottom: 0;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .special-section.grid-box .special-box .special-content .tour-detail .bottom-section .price h6 del {
             font-size: 14px;
             color: black;
             font-weight: 700;
             margin-right: 10px;
         }
         
         .special-section.grid-box .special-box .special-content .tour-detail .bottom-section .price span {
             font-size: 14px;
             font-weight: 500;
             color: rgba(0, 0, 0, 0.57);
             text-transform: capitalize;
         }
         
         .special-section.grid-box .special-box .special-content .tour-detail .nowrap-cls {
             max-width: 300px;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
         }
         
         .special-section.grid-box .special-box .special-content.restaurant-detail h5 {
             margin-top: -4px;
         }
         
         .special-section.grid-box .special-box .special-content.restaurant-detail h5 span {
             font-size: 14px;
             margin-left: 10px;
             font-weight: 500;
             padding: 3px 10px;
             color: white;
             display: inline-block;
         }
         
         .special-section.grid-box .special-box .special-content.restaurant-detail h5 span.positive {
             background-color: rgba(0, 128, 0, 0.83);
         }
         
         .special-section.grid-box .special-box .special-content.restaurant-detail h5 span.nagative {
             background-color: rgba(255, 0, 0, 0.83);
         }
         
         .special-section.grid-box .special-box .special-content.restaurant-detail h5 span i {
             color: white;
             margin-right: 0;
         }
         
         .special-section.grid-box .special-box .special-content.restaurant-detail ul li {
             display: block;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             line-height: 24px;
             position: relative;
             padding-left: 15px;
             color: gray;
         }
         
         .special-section.grid-box .special-box .special-content.restaurant-detail ul li:last-child {
             margin-bottom: -4px;
         }
         
         .special-section.grid-box .special-box .special-content.restaurant-detail ul li:after {
             content: "";
             width: 6px;
             height: 1px;
             background-color: rgba(0, 0, 0, 0.85);
             left: 0;
             position: absolute;
             top: 50%;
             -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
             z-index: 0;
         }
         
         .special-section.grid-box .special-box .special-content.cab-detail ul li {
             display: block;
             font-size: 16px;
             text-transform: capitalize;
         }
         
         .special-section.grid-box .special-box .special-content.cab-detail ul li span {
             font-weight: 600;
         }
         
         .special-section.grid-box .special-box .special-content.cab-detail ul li+li {
             margin-top: 5px;
         }
         
         .special-section.grid-box .special-box .special-content.cab-detail .button-botton {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .special-section.grid-box .special-box .special-content.cab-detail .button-botton a:last-child {
             margin-left: 10px;
         }
         
         .special-section.grid-box .special-box .special-content.cab-detail .button-botton .btn {
             font-size: 14px;
             text-transform: capitalize;
             padding: 5px 12px;
             width: 50%;
             margin-top: 10px;
             background-color: transparent;
             color: #ef3f3e;
             border: 1px solid #ef3f3e;
             -webkit-box-shadow: none;
             box-shadow: none;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .special-section.grid-box .special-box .special-content.cab-detail .button-botton .btn:hover {
             color: white;
             background-color: #ef3f3e;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .special-section.grid-box .special-box.cab-box .special-content {
             padding: 10px 0 0;
         }
         
         .special-section.grid-box .special-box.cab-box .special-content ul li {
             display: block;
             font-size: 16px;
             text-transform: capitalize;
             position: relative;
             padding-left: 15px;
         }
         
         .special-section.grid-box .special-box.cab-box .special-content ul li:after {
             content: "";
             width: 6px;
             height: 1px;
             background-color: rgba(0, 0, 0, 0.85);
             left: 0;
             position: absolute;
             top: 50%;
             -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
         }
         
         .special-section.grid-box .special-box.cab-box .special-content ul li span {
             font-weight: 600;
         }
         
         .special-section.grid-box .special-box.cab-box .special-content ul li+li {
             margin-top: 5px;
         }
         
         .special-section.grid-box .special-box.cab-box .special-content .button-botton {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .special-section.grid-box .special-box.cab-box .special-content .button-botton a:last-child {
             margin-left: 10px;
         }
         
         .special-section.grid-box .special-box.cab-box .special-content .button-botton .btn {
             font-size: 14px;
             text-transform: capitalize;
             padding: 10px 12px;
             width: 50%;
             margin-top: 10px;
             background-color: transparent;
             color: #ef3f3e;
             border: 1px solid #ef3f3e;
             -webkit-box-shadow: none;
             box-shadow: none;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .special-section.grid-box .special-box.cab-box .special-content .button-botton .btn:hover {
             color: white;
             background-color: #ef3f3e;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .special-section.grid-box .special-box.slider-sec .slick-prev {
             left: 1px;
             z-index: 1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             background-color: transparent;
             height: 36px;
         }
         
         .special-section.grid-box .special-box.slider-sec .slick-prev:before {
             content: "\f053";
             font-family: "Font Awesome 5 Free";
             font-weight: 900;
         }
         
         .special-section.grid-box .special-box.slider-sec .slick-next {
             right: 0;
             z-index: 1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             background-color: transparent;
             height: 36px;
         }
         
         .special-section.grid-box .special-box.slider-sec .slick-next:before {
             content: "\f054";
             font-family: "Font Awesome 5 Free";
             font-weight: 900;
         }
         
         .special-section.grid-box .special-box.slider-sec:hover .special-img .bg-size {
             -webkit-transform: scale(1);
             transform: scale(1);
         }
         
         .special-section.grid-box .special-box.slider-sec:hover .slick-next,
         .special-section.grid-box .special-box.slider-sec:hover .slick-prev {
             background-color: #252525;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .special-section.grid-box .special-box .label-offer {
             position: absolute;
             background-color: #ef3f3e;
             color: white;
             font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             top: 10px;
             left: -10px;
             padding: 2px 10px;
             font-weight: 800;
         }
         
         .special-section.grid-box .special-box .label-offer:after {
             width: 0;
             height: 0;
             border-left: 10px solid transparent;
             border-top: 15px solid #b8100f;
             content: "";
             position: absolute;
             left: 0;
             bottom: -15px;
         }
         
         .special-section.related-box {
             margin-bottom: -3px;
             overflow: hidden;
         }
         
         .category-section {
             overflow: hidden;
         }
         
         .category-section .category-box {
             border-radius: 25px;
             margin-bottom: 15px;
             position: relative;
         }
         
         .category-section .category-box .bg-size,
         .category-section .category-box img {
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             border-radius: 25px;
         }
         
         .category-section .category-box .overlay {
             position: absolute;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
             border-radius: 25px;
             background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(231, 56, 39, 0)));
             background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(231, 56, 39, 0) 100%);
         }
         
         .category-section .category-box .top-bar {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             position: absolute;
             top: 25px;
             left: 25px;
         }
         
         .category-section .category-box .top-bar .offer {
             color: white;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             padding: 5px 13px;
             background-color: #ef3f3e;
             border-radius: 15px;
             text-transform: uppercase;
             font-size: 12px;
             margin-right: 10px;
         }
         
         .category-section .category-box .top-bar h5 {
             font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: #ef3f3e;
             padding: 3px 10px;
             background-color: white;
             border-radius: 20px;
             margin-bottom: 0;
             font-weight: 700;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             letter-spacing: 0.09em;
         }
         
         .category-section .category-box .top-bar h5 del {
             font-size: 12px;
             margin-right: 5px;
         }
         
         .category-section .category-box .bottom-bar {
             position: absolute;
             bottom: 25px;
             left: 25px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-section .category-box .bottom-bar .top {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: start;
             -ms-flex-pack: start;
             justify-content: flex-start;
             margin-bottom: 4px;
         }
         
         .category-section .category-box .bottom-bar .top h5 {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: white;
             text-transform: capitalize;
             font-weight: 700;
             margin-bottom: 0;
             margin-right: 15px;
         }
         
         .category-section .category-box .bottom-bar .top h6 {
             color: white;
             margin-bottom: 0;
             font-weight: 700;
             margin-left: 20px;
             font-size: 14px;
         }
         
         .category-section .category-box .bottom-bar p {
             margin-bottom: 0;
             font-size: 14px;
             font-weight: 600;
             color: rgba(255, 255, 255, 0.7);
         }
         
         .category-section .category-box .like-cls {
             position: absolute;
             right: 25px;
             top: 25px;
         }
         
         .category-section .category-box .like-cls i {
             color: #e1002c;
             background-color: white;
             padding: 8px;
             border-radius: 100%;
             font-size: 16px;
         }
         
         .category-section .category-box .like-cls i .effect {
             border-radius: 50%;
             position: absolute;
             height: 100%;
             width: 100%;
             top: 0;
             right: 0;
             -webkit-transition: height 5s ease, width 5s ease;
             transition: height 5s ease, width 5s ease;
             z-index: 0;
             opacity: 0;
         }
         
         .category-section .category-box .like-cls i .effect:after {
             content: "";
             display: block;
             position: absolute;
             top: 0;
             right: 0;
             bottom: 0;
             left: 0;
             border-radius: 50%;
             border: 1px solid rgba(255, 255, 255, 0.6);
             -webkit-animation: effect 2s linear 1s infinite;
             animation: effect 2s linear 1s infinite;
         }
         
         .category-section .category-box .side-effect:after {
             content: "";
             position: absolute;
             top: 8px;
             height: 100%;
             background-color: rgba(0, 0, 0, 0.1);
             border-radius: 30px;
             width: calc(100% - 16px);
             left: 8px;
             z-index: -1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-section .category-box .side-effect:before {
             content: "";
             position: absolute;
             top: 15px;
             height: 100%;
             background-color: rgba(0, 0, 0, 0.05);
             border-radius: 30px;
             width: calc(100% - 66px);
             left: 33px;
             z-index: -1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-section .category-box:hover .like-cls .effect {
             opacity: 1;
         }
         
         .category-section .category-box:hover .bottom-bar {
             bottom: 34px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-section .slick-slide>div {
             margin: 0 25px;
         }
         
         .category-section .slick-list {
             margin-left: -25px;
             margin-right: -25px;
         }
         
         .category-sec {
             overflow: hidden;
         }
         
         .category-sec .category-box {
             border-radius: 25px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-sec .category-box .img-category {
             border-radius: 25px;
             position: relative;
             z-index: 1;
         }
         
         .category-sec .category-box .img-category .bg-size,
         .category-sec .category-box .img-category img {
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             border-radius: 25px;
         }
         
         .category-sec .category-box .img-category .top-bar {
             position: absolute;
             top: 25px;
             left: 25px;
         }
         
         .category-sec .category-box .img-category .top-bar .offer {
             color: white;
             display: inline-block;
             padding: 5px 13px;
             background-color: #ef3f3e;
             border-radius: 15px;
             text-transform: uppercase;
             font-size: 12px;
             margin-bottom: 12px;
         }
         
         .category-sec .category-box .img-category .top-bar h5 {
             font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
             color: white;
             padding: 3px 10px;
             background-color: rgba(0, 0, 0, 0.3);
             border-radius: 20px;
             margin-bottom: 0;
             font-weight: 700;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             letter-spacing: 0.09em;
         }
         
         .category-sec .category-box .img-category .top-bar h5 del {
             font-size: 12px;
             margin-right: 5px;
         }
         
         .category-sec .category-box .img-category .like-cls {
             position: absolute;
             right: 13%;
             bottom: -22px;
         }
         
         .category-sec .category-box .img-category .like-cls i {
             color: #e1002c;
             background-color: white;
             padding: 12px;
             border-radius: 100%;
             -webkit-box-shadow: 2.5px 4.33px 18px 0px rgba(0, 0, 0, 0.06);
             box-shadow: 2.5px 4.33px 18px 0px rgba(0, 0, 0, 0.06);
             font-size: 21px;
         }
         
         .category-sec .category-box .img-category .like-cls i .effect {
             border-radius: 50%;
             position: absolute;
             height: 100%;
             width: 100%;
             top: 0;
             right: 0;
             -webkit-transition: height 5s ease, width 5s ease;
             transition: height 5s ease, width 5s ease;
             z-index: 0;
             opacity: 0;
         }
         
         .category-sec .category-box .img-category .like-cls i .effect:after {
             content: "";
             display: block;
             position: absolute;
             top: 0;
             right: 0;
             bottom: 0;
             left: 0;
             border-radius: 50%;
             border: 1px solid rgba(255, 255, 255, 0.6);
             -webkit-animation: effect 2s linear 1s infinite;
             animation: effect 2s linear 1s infinite;
         }
         
         .category-sec .category-box .img-category .side-effect:after {
             content: "";
             position: absolute;
             top: 8px;
             height: 100%;
             background-color: rgba(0, 0, 0, 0.1);
             border-radius: 30px;
             width: calc(100% - 16px);
             left: 8px;
             z-index: -1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-sec .category-box .img-category .side-effect:before {
             content: "";
             position: absolute;
             top: 15px;
             height: 100%;
             background-color: rgba(0, 0, 0, 0.05);
             border-radius: 30px;
             width: calc(100% - 66px);
             left: 33px;
             z-index: -1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-sec .category-box .content-category {
             padding: 60px 35px 25px 35px;
             background-color: white;
             border-radius: 0 0 25px 25px;
             -webkit-box-shadow: 0px 1px 17px 0px rgba(0, 0, 0, 0.05);
             box-shadow: 0px 1px 17px 0px rgba(0, 0, 0, 0.05);
             margin-bottom: 40px;
             margin-top: -20px;
         }
         
         .category-sec .category-box .content-category .top {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-bottom: 8px;
             margin-top: -3px;
         }
         
         .category-sec .category-box .content-category .top h3 {
             margin-bottom: 0;
             font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             color: #333333;
             font-weight: 800;
             margin-right: 15px;
         }
         
         .category-sec .category-box .content-category p {
             font-size: 14px;
             color: #a5a5a5;
             font-weight: 600;
             margin-bottom: 10px;
         }
         
         .category-sec .category-box .content-category h6 {
             font-size: 14px;
             color: #858585;
             font-weight: 700;
             text-transform: uppercase;
             margin-bottom: 0;
         }
         
         .category-sec .category-box .content-category h6 span {
             color: #ef3f3e;
             float: right;
         }
         
         .category-sec .category-box:hover {
             -webkit-box-shadow: 0px 1px 17px 0px rgba(0, 0, 0, 0.05);
             box-shadow: 0px 1px 17px 0px rgba(0, 0, 0, 0.05);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-sec .category-box:hover .img-category .like-cls i .effect {
             opacity: 1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-sec .slick-slide>div {
             margin: 0 25px;
         }
         
         .category-sec .slick-list {
             margin-left: -25px;
             margin-right: -25px;
         }
         
         .category-sec.section-b-space {
             padding-bottom: 60px;
         }
         
         .category-wrapper {
             overflow: hidden;
         }
         
         .category-wrapper .title-1.title-5 p {
             margin-bottom: 40px;
         }
         
         .category-wrapper .category-wrap {
             position: relative;
             margin: 30px 0;
         }
         
         .category-wrapper .category-wrap .category-img {
             position: absolute;
             left: 0;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-wrapper .category-wrap .category-img img {
             width: 230px;
             height: 230px;
             border-radius: 25px;
         }
         
         .category-wrapper .category-wrap .category-img .side-effect:after {
             content: "";
             position: absolute;
             top: 35px;
             height: calc(100% - 70px);
             background-color: rgba(0, 0, 0, 0.05);
             border-radius: 20px;
             width: 100%;
             left: 16px;
             z-index: -1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-wrapper .category-wrap .category-img .side-effect:before {
             content: "";
             position: absolute;
             top: 15px;
             height: calc(100% - 30px);
             background-color: rgba(0, 0, 0, 0.05);
             border-radius: 25px;
             width: 100%;
             left: 8px;
             z-index: -1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-wrapper .category-wrap .category-content {
             margin-left: 55px;
             background-color: white;
             border-radius: 25px;
             padding: 55px 30px 55px 220px;
             -webkit-box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.05);
             box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.05);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-wrapper .category-wrap .category-content .top {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-bottom: 15px;
             margin-top: -4px;
             position: relative;
         }
         
         .category-wrapper .category-wrap .category-content .top h3 {
             text-transform: capitalize;
             font-weight: 800;
             margin-bottom: 0;
         }
         
         .category-wrapper .category-wrap .category-content .top h6 {
             font-size: 14px;
             color: #ef3f3e;
             text-transform: uppercase;
             font-weight: 700;
             margin-bottom: 0;
             margin-left: 25px;
         }
         
         .category-wrapper .category-wrap .category-content .top .like-cls i {
             position: absolute;
             font-size: 16px;
             right: 0;
             top: -3px;
             color: #e1002c;
             background-color: rgba(225, 0, 44, 0.05);
             padding: 6px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             border-radius: 100%;
         }
         
         .category-wrapper .category-wrap .category-content .top .like-cls i .effect {
             border-radius: 50%;
             position: absolute;
             height: 100%;
             width: 100%;
             top: 0;
             right: 0;
             -webkit-transition: height 5s ease, width 5s ease;
             transition: height 5s ease, width 5s ease;
             z-index: 0;
             opacity: 0;
         }
         
         .category-wrapper .category-wrap .category-content .top .like-cls i .effect:after {
             content: "";
             display: block;
             position: absolute;
             top: 0;
             right: 0;
             bottom: 0;
             left: 0;
             border-radius: 50%;
             border: 1px solid #e1002c;
             -webkit-animation: effect 2s linear 1s infinite;
             animation: effect 2s linear 1s infinite;
         }
         
         .category-wrapper .category-wrap .category-content .rating {
             margin-bottom: 15px;
         }
         
         .category-wrapper .category-wrap .category-content p {
             font-size: 14px;
             line-height: 1.5;
             color: #757575;
             font-weight: 500;
             margin-bottom: 20px;
             letter-spacing: 0.08em;
         }
         
         .category-wrapper .category-wrap .category-content .bottom {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .category-wrapper .category-wrap .category-content .bottom h3 {
             font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
             color: #ef3f3e;
             font-weight: 800;
             margin-bottom: 0;
         }
         
         .category-wrapper .category-wrap .category-content .bottom h3 del {
             font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
             color: #c5c5c5;
             padding-right: 10px;
         }
         
         .category-wrapper .category-wrap .category-content .bottom .coupon-code {
             text-transform: capitalize;
             padding: 8px 20px;
             border-radius: 50px;
             border: 1px dashed #9a9a9a;
             color: #9a9a9a;
             font-weight: 800;
             display: inline-block;
             margin-left: 15px;
             margin-bottom: 0;
         }
         
         .category-wrapper .category-wrap:hover .category-img {
             left: 15px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-wrapper .category-wrap:hover .category-img .side-effect:before {
             left: -8px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-wrapper .category-wrap:hover .category-img .side-effect:after {
             left: -15px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-wrapper .category-wrap:hover .category-content {
             -webkit-box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.1);
             box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.1);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-wrapper .category-wrap:hover .category-content .like-cls i .effect {
             opacity: 0.4;
         }
         
         .category-wrapper.section-b-space {
             padding-bottom: 70px;
         }
         
         .category-wrapper .slick-slide>div {
             margin: 0 25px;
         }
         
         .category-wrapper .slick-list {
             margin-left: -25px;
             margin-right: -25px;
         }
         
         .category-bg {
             overflow: hidden;
         }
         
         .category-bg .slick-slide>div {
             margin: 0 15px;
         }
         
         .category-bg .slick-list {
             margin-left: -15px;
             margin-right: -15px;
         }
         
         .category-bg .category-block {
             padding: 90px 50px 50px;
             background-color: white;
             border-radius: 25px;
             margin: 35px 0 10px;
             -webkit-box-shadow: 1px 0px 11px 0 rgba(0, 0, 0, 0.04);
             box-shadow: 1px 0px 11px 0 rgba(0, 0, 0, 0.04);
             position: relative;
             text-align: center;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-bg .category-block .category-img {
             position: absolute;
             top: -35px;
             left: 50%;
             -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
         }
         
         .category-bg .category-block .category-img img {
             -webkit-animation: none;
             animation: none;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-bg .category-block .rating {
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             margin-bottom: 20px;
         }
         
         .category-bg .category-block h6 {
             font-size: 12px;
             color: #9a9a9a;
             text-transform: uppercase;
             padding: 6px 12px;
             background-color: #f7f7f7;
             border-radius: 5px;
             display: inline-block;
             letter-spacing: 0.07em;
             font-weight: 800;
             margin-bottom: 16px;
         }
         
         .category-bg .category-block h6 span {
             color: #ef3f3e;
         }
         
         .category-bg .category-block h4 {
             color: #ef3f3e;
             font-weight: 800;
             text-transform: capitalize;
             margin-bottom: 5px;
         }
         
         .category-bg .category-block h5 {
             font-size: 15px;
             font-weight: 600;
             text-transform: capitalize;
             margin-bottom: 20px;
             line-height: 1.4;
         }
         
         .category-bg .category-block:hover {
             -webkit-box-shadow: 1px 0px 11px 0 rgba(0, 0, 0, 0.1);
             box-shadow: 1px 0px 11px 0 rgba(0, 0, 0, 0.1);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-bg .category-block:hover .category-img img {
             -webkit-animation: pulse 2s infinite;
             animation: pulse 2s infinite;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-bg.section-b-space {
             padding-bottom: 90px;
         }
         
         .routes-section .routes-box {
             border-radius: 25px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .routes-section .routes-box .routes-img {
             border-radius: 25px;
             position: relative;
             z-index: 1;
             overflow: hidden;
         }
         
         .routes-section .routes-box .routes-img .price-round {
             position: absolute;
             left: -11px;
             bottom: -4px;
             background-color: #0081c4;
             width: 100px;
             height: 100px;
             border-radius: 100%;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             text-align: center;
         }
         
         .routes-section .routes-box .routes-img .price-round>div {
             margin-left: 10px;
         }
         
         .routes-section .routes-box .routes-img .price-round h6 {
             font-size: 14px;
             color: white;
             font-weight: 700;
             margin-bottom: 5px;
         }
         
         .routes-section .routes-box .routes-img .price-round h3 {
             font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320)));
             color: white;
             font-weight: 800;
             margin-bottom: 0;
         }
         
         .routes-section .routes-box .routes-img .price-round:after {
             content: "";
             position: absolute;
             width: 100%;
             height: 100%;
             background-color: #0070ab;
             border-radius: 100%;
             z-index: -1;
             top: 0;
             left: 8px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .routes-section .routes-box .routes-img .discount {
             position: absolute;
             top: 25px;
             left: 25px;
             background-color: #ef3f3e;
             border-radius: 30px;
             padding: 5px 12px;
         }
         
         .routes-section .routes-box .routes-img .discount h6 {
             font-size: 12px;
             margin-bottom: 0;
             color: white;
             font-weight: 800;
             text-transform: uppercase;
         }
         
         .routes-section .routes-box .routes-content {
             padding: 45px 25px 25px 25px;
             background-color: white;
             border-radius: 0 0 25px 25px;
             -webkit-box-shadow: 2.5px 4.33px 45px 0 rgba(0, 0, 0, 0.05);
             box-shadow: 2.5px 4.33px 45px 0 rgba(0, 0, 0, 0.05);
             margin-bottom: 0;
             margin-top: -20px;
         }
         
         .routes-section .routes-box .routes-content .top-bar {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-bottom: 5px;
         }
         
         .routes-section .routes-box .routes-content .top-bar h5 {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: #333333;
             font-weight: 900;
             text-transform: capitalize;
             margin-bottom: 0;
         }
         
         .routes-section .routes-box .routes-content .top-bar h6 {
             font-size: 12px;
             margin-bottom: 0;
             margin-left: auto;
             text-transform: capitalize;
             font-weight: 800;
             color: #858585;
         }
         
         .routes-section .routes-box .routes-content .bottom-bar {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .routes-section .routes-box .routes-content .bottom-bar h6 {
             margin-bottom: 0;
             color: #ef3f3e;
             font-size: 12px;
             text-transform: capitalize;
             font-weight: 800;
         }
         
         .routes-section .routes-box .routes-content .bottom-bar .rating {
             margin-left: auto;
         }
         
         .routes-section .routes-box:hover {
             -webkit-box-shadow: 1px 0px 11px 0 rgba(0, 0, 0, 0.2);
             box-shadow: 1px 0px 11px 0 rgba(0, 0, 0, 0.2);
         }
         
         .routes-section .routes-box:hover .routes-img .price-round:after {
             left: 0;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .top-category {
             padding: 0 105px;
         }
         
         .top-category .top_box {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             background-color: white;
             position: relative;
             overflow: hidden;
             -webkit-box-shadow: 1px 10px 14px 1px rgba(0, 0, 0, 0.05);
             box-shadow: 1px 10px 14px 1px rgba(0, 0, 0, 0.05);
         }
         
         .top-category .top_box .right-content {
             padding: 0 25px;
             background-color: white;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             position: relative;
             overflow: hidden;
         }
         
         .top-category .top_box .right-content h5 {
             font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             font-weight: 700;
             margin-bottom: 5px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .top-category .top_box .right-content h5 i {
             font-size: 12px;
             color: #e1002c;
             margin-left: 10px;
         }
         
         .top-category .top_box .right-content p {
             color: rgba(0, 0, 0, 0.4);
             margin-bottom: 5px;
         }
         
         .top-category .top_box .right-content .rating {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             margin-bottom: 6px;
         }
         
         .top-category .top_box .right-content .rating span {
             color: #ffcc33;
             margin-right: 8px;
             font-weight: 800;
         }
         
         .top-category .top_box .right-content h6 {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: #343434;
             font-weight: 800;
             margin-bottom: 0;
         }
         
         .top-category .top_box .right-content h6 del {
             font-size: 12px;
             color: #717171;
             margin-right: 10px;
         }
         
         .top-category .top_box .new-label {
             position: absolute;
             right: -20px;
             background-image: url(../images/label.png);
             bottom: -20px;
             background-size: cover;
             background-repeat: no-repeat;
             width: 66px;
             height: 66px;
         }
         
         .top-category .top_box .new-label span {
             font-size: 12px;
             font-weight: 900;
             text-transform: capitalize;
             color: white;
             position: absolute;
             right: 20px;
             bottom: 28px;
             -webkit-transform: rotate(-50deg);
             transform: rotate(-50deg);
         }
         
         .top-category .slick-slide>div {
             margin: 0 25px;
         }
         
         .top-category .slick-list {
             margin-left: -25px;
             margin-right: -25px;
         }
         
         .top-category.margin-cls {
             margin-top: -70px;
         }
         
         .top-category.radius-cls .top_box {
             border-radius: 25px;
         }
         
         .category-part .category-block .category-image {
             border-radius: 100%;
             width: 70%;
             margin: 0 auto;
             margin-bottom: 15px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-part .category-block .category-image img {
             border-radius: 100%;
         }
         
         .category-part .category-block .category-image:hover {
             -webkit-box-shadow: -1px 7px 8px #b9b9b9;
             box-shadow: -1px 7px 8px #b9b9b9;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .category-part .category-block .category-details {
             text-align: center;
             text-transform: capitalize;
         }
         
         .category-part .category-block .category-details h3 {
             color: black;
             font-weight: 700;
             margin-bottom: 0;
         }
         
         .category-part .category-block .category-details h6 {
             margin-bottom: -2px;
             color: rgba(0, 0, 0, 0.7);
         }
         
         .category-part.radius-category .category-block .category-image {
             border-radius: 22px;
         }
         /*=====================
16. Filter section css
==========================*/
         
         .filter-section {
             background-image: url("../images/restaurant/background.png");
             background-size: cover;
             background-repeat: no-repeat;
             overflow: hidden;
         }
         
         .filter-section .filters {
             position: relative;
         }
         
         .filter-section .filters .filter-btn {
             border-radius: 19px;
             background-color: white;
             -webkit-box-shadow: 0px 15px 40px 0px rgba(193, 0, 38, 0.25);
             box-shadow: 0px 15px 40px 0px rgba(193, 0, 38, 0.25);
             padding: 10px 25px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             cursor: pointer;
             text-transform: capitalize;
         }
         
         .filter-section .filters .filter-btn h6 {
             color: #ef3f3e;
             margin-bottom: 0;
             line-height: 1;
             text-transform: capitalize;
             font-weight: 800;
             padding-right: 15px;
             position: relative;
         }
         
         .filter-section .filters .filter-btn h6 i {
             position: absolute;
             right: 0;
             top: -3px;
         }
         
         .filter-section .filters .filter-content {
             position: absolute;
             top: 45px;
             right: 0;
             width: 100%;
             z-index: 1;
             background-color: #be0025;
             -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
             box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
         }
         
         .filter-section .filters .filter-content h4 {
             margin-bottom: 0;
             text-align: center;
             background-color: rgba(0, 0, 0, 0.5);
             margin-top: 5px;
             padding: 5px;
             cursor: pointer;
         }
         
         .filter-section .filters .filter-content li {
             display: block;
             color: white;
             margin-top: 6px;
             text-align: center;
             text-transform: capitalize;
             cursor: pointer;
         }
         
         .filter-section .filters .filter-content li:last-child {
             margin-bottom: 0;
         }
         
         .filter-section .top-section {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-bottom: 70px;
         }
         
         .filter-section .top-section .title h2 {
             font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
             color: white;
             text-transform: uppercase;
             font-weight: 800;
         }
         
         .filter-section .top-section .title h6 {
             font-size: 14px;
             color: white;
             opacity: 0.5;
             margin-bottom: 0;
         }
         
         .filter-section .top-section .coupon {
             margin: 0 auto;
         }
         
         .filter-section .top-section .coupon h6 {
             text-transform: capitalize;
             color: white;
             padding: 5px 10px;
             border: 1px dashed rgba(255, 255, 255, 0.5);
             border-radius: 25px;
             margin-bottom: 0;
         }
         
         .filter-section .content {
             margin-left: -40px;
             margin-right: -40px;
         }
         
         .filter-section .content .grid-item {
             padding: 0 40px;
         }
         
         .filter-section .content .grid-item .img-part {
             position: relative;
         }
         
         .filter-section .content .grid-item .img-part img {
             border-radius: 25px;
             width: 100%;
             -webkit-box-shadow: 1px 10px 14px 1px rgba(0, 0, 0, 0.16);
             box-shadow: 1px 10px 14px 1px rgba(0, 0, 0, 0.16);
         }
         
         .filter-section .content .grid-item .img-part .up-btn {
             background-color: #ef3f3e;
             -webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.5);
             box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.5);
             position: absolute;
             width: 56px;
             height: 56px;
             border-radius: 100%;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             left: 50%;
             -webkit-transform: translateX(-50%) scale(0.5);
             transform: translateX(-50%) scale(0.5);
             bottom: 15px;
             opacity: 0;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .filter-section .content .grid-item .img-part .up-btn i {
             color: white;
             font-size: 18px;
         }
         
         .filter-section .content .grid-item .img-part:after {
             width: 70%;
             height: 70%;
             left: 50%;
             top: 50%;
             -webkit-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
             background-color: black;
             opacity: 0.702;
             position: absolute;
         }
         
         .filter-section .content .grid-item .filter-detail {
             opacity: 0.3;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .filter-section .content .grid-item .filter-detail h6 {
             font-size: 14px;
             font-weight: 800;
             text-transform: uppercase;
             color: white;
             letter-spacing: 0.3em;
             margin-top: 15px;
             margin-bottom: 6px;
         }
         
         .filter-section .content .grid-item .filter-detail .rating i {
             font-size: 10px;
         }
         
         .filter-section .content .grid-item:hover .img-part .up-btn {
             -webkit-transform: translateX(-50%) scale(1);
             transform: translateX(-50%) scale(1);
             opacity: 1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .filter-section .content .grid-item:hover .filter-detail {
             opacity: 1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         /*=====================
17. full banner section css
==========================*/
         
         .full-banner {
             padding: 120px 0;
             position: relative;
             overflow: hidden;
         }
         
         .full-banner .banner-content {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             height: 100%;
         }
         
         .full-banner .banner-content h5 {
             color: white;
             font-weight: 700;
             text-transform: capitalize;
             font-style: italic;
             margin-bottom: 30px;
             margin-top: -4px;
         }
         
         .full-banner .banner-content h5 span {
             color: #ef3f3e;
         }
         
         .full-banner .banner-content h2 {
             font-size: calc(20px + (60 - 20) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             font-weight: 700;
             color: white;
             margin-bottom: 30px;
         }
         
         .full-banner .banner-content h2 span {
             font-size: calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .full-banner .banner-content p {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: rgba(255, 255, 255, 0.8);
             line-height: 1.5;
             margin-bottom: 25px;
         }
         
         .full-banner .banner-content .price {
             font-size: calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .full-banner .banner-content .price del {
             font-size: calc(16px + (25 - 16) * ((100vw - 320px) / (1920 - 320)));
             color: rgba(255, 255, 255, 0.9);
             font-weight: 400;
         }
         
         .full-banner .banner-content .bottom-section {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-top: 35px;
         }
         
         .full-banner .banner-content .bottom-section .info-btn {
             margin-left: 25px;
         }
         
         .full-banner .banner-content .bottom-section .info-btn h6 {
             font-size: 14px;
             color: white;
             font-weight: 700;
             text-transform: uppercase;
             margin-bottom: 0;
             background-color: rgba(255, 255, 255, 0.05);
             border-radius: 50px;
             padding: 10px 16px;
         }
         
         .full-banner .banner-content .bottom-section .info-btn.red-info {
             margin-left: 10px;
         }
         
         .full-banner .banner-content .bottom-section .info-btn.red-info h6 {
             color: #ef3f3e;
         }
         
         .full-banner .offer-text {
             position: absolute;
             top: 20%;
             left: -64%;
         }
         
         .full-banner .offer-text .offer {
             padding: 3px 5px;
             background-color: #ef3f3e;
             color: white;
             font-size: 10px;
             text-transform: uppercase;
             border-radius: 25px;
             font-weight: 700;
         }
         
         .full-banner .offer-text h6 {
             color: white;
             text-transform: uppercase;
             letter-spacing: 0.1em;
             font-weight: 700;
             position: relative;
             margin-top: 10px;
         }
         
         .full-banner .offer-text h6 span {
             position: relative;
             display: inline-block;
             -webkit-animation: ani 1s infinite alternate cubic-bezier(0.86, 0, 0.07, 1);
             animation: ani 1s infinite alternate cubic-bezier(0.86, 0, 0.07, 1);
         }
         
         .full-banner .offer-text h6 span:nth-last-child(1n) {
             -webkit-animation-delay: -0.1666666667s;
             animation-delay: -0.1666666667s;
         }
         
         .full-banner .offer-text h6 span:nth-last-child(2n) {
             -webkit-animation-delay: -0.3333333333s;
             animation-delay: -0.3333333333s;
         }
         
         .full-banner .offer-text h6 span:nth-last-child(3n) {
             -webkit-animation-delay: -0.5s;
             animation-delay: -0.5s;
         }
         
         .full-banner .offer-text h6:after {
             content: "";
             position: absolute;
             width: 80px;
             height: 3px;
             background-color: white;
             top: 5px;
             right: -100px;
             background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(231, 56, 39, 0)));
             background: linear-gradient(to right, white 0%, rgba(231, 56, 39, 0) 100%);
         }
         
         .full-banner.banner-section {
             background-image: url(../images/flights/bg-2.jpg);
             background-size: cover;
             background-position: center center;
         }
         
         .full-banner.banner-section .place-image {
             position: relative;
         }
         
         .full-banner.banner-section .place-image .animation-place .plane-l {
             -webkit-animation: mover 1s infinite alternate;
             animation: mover 1s infinite alternate;
             position: absolute;
             top: 22%;
             left: -11%;
         }
         
         .full-banner.banner-section .place-image .animation-place .plane-l img {
             width: 70%;
         }
         
         .full-banner.banner-section .place-image .animation-place .plane-r {
             position: absolute;
             right: 7%;
             top: 0;
             -webkit-animation: mover 1.1s infinite alternate;
             animation: mover 1.1s infinite alternate;
         }
         
         .full-banner.banner-section .place-image .animation-place .cloud-l {
             position: absolute;
             top: 0;
             left: 7%;
         }
         
         .full-banner.banner-section .place-image .animation-place .cloud-l img {
             width: 75%;
         }
         
         .full-banner.banner-section .place-image .animation-place .cloud-r {
             top: 0;
             position: absolute;
             right: 42%;
         }
         
         .full-banner.small-section {
             padding: 30px 0;
         }
         
         .full-banner.padding-cls {
             padding-top: calc(90px + (200 - 90) * ((100vw - 320px) / (1920 - 320)));
             padding-bottom: calc(90px + (200 - 90) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .full-banner.overlay-banner {
             background-blend-mode: overlay;
             background-color: rgba(255, 255, 255, 0.7);
         }
         
         .full-banner.overlay-banner .banner-content h2 {
             color: black;
         }
         
         .full-banner.overlay-banner .banner-content h5 {
             color: rgba(0, 0, 0, 0.8);
         }
         
         .full-banner.overlay-banner .banner-content p {
             color: rgba(0, 0, 0, 0.7);
         }
         
         .full-banner.overlay-banner .banner-content .bottom-section .info-btn h6 {
             color: black;
             background-color: rgba(0, 0, 0, 0.05);
         }
         
         .food-banner {
             padding: 160px 0;
             position: relative;
             background-image: url("../images/restaurant/bg-2.png");
             overflow: hidden;
             background-repeat: no-repeat;
             background-position: bottom;
         }
         
         .food-banner .food-content h3 {
             font-size: calc(22px + (60 - 22) * ((100vw - 320px) / (1920 - 320)));
             font-family: Pacifico, cursive;
             color: white;
             margin-bottom: 20px;
             margin-top: -4px;
         }
         
         .food-banner .food-content h2 {
             font-family: Bangers, cursive;
             font-size: calc(30px + (158 - 30) * ((100vw - 320px) / (1920 - 320)));
             color: white;
             letter-spacing: 0.05em;
             text-transform: capitalize;
             line-height: 1;
             margin-bottom: 0;
             position: relative;
             display: inline-block;
         }
         
         .food-banner .food-content h2 span {
             font-size: calc(16px + (28 - 16) * ((100vw - 320px) / (1920 - 320)));
             position: absolute;
             top: -20px;
             right: 0;
             font-family: Nunito;
             letter-spacing: 0.05em;
         }
         
         .food-banner .food-content .strip-cls {
             position: relative;
             display: inline-block;
             margin-top: 40px;
             left: 50%;
             -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
         }
         
         .food-banner .food-content .strip-cls .timer {
             width: 100%;
             position: absolute;
             left: 50%;
             top: 50%;
             display: inline-block;
             -webkit-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
         }
         
         .food-banner .food-content .strip-cls .timer li {
             padding: 0;
             background: none;
             color: #ef3f3e;
             font-size: 14px;
             font-weight: 700;
             position: relative;
             margin: 0 18px;
         }
         
         .food-banner .food-content .strip-cls .timer li span {
             font-family: Bangers, cursive;
             font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 400;
             line-height: 1;
         }
         
         .food-banner .food-content .strip-cls .timer li:after {
             content: "";
             position: absolute;
             height: 20px;
             width: 2px;
             background-color: rgba(239, 63, 62, 0.3);
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             left: 45px;
         }
         
         .food-banner .food-content .strip-cls .timer li:last-child:after {
             display: none;
         }
         
         .food-banner .food-content .buttons {
             position: relative;
             display: block;
             text-align: center;
             margin-top: 30px;
         }
         
         .food-banner .absolute-design .left-design {
             position: absolute;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             left: -29%;
         }
         
         .food-banner .absolute-design .right-design {
             position: absolute;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             right: -60%;
         }
         
         .discount-banner {
             padding: 215px 0;
             position: relative;
             background-image: url("../images/restaurant/bg-3.png");
             overflow: hidden;
             background-repeat: no-repeat;
             background-position: center;
         }
         
         .discount-banner .banner-content {
             text-align: center;
         }
         
         .discount-banner .banner-content h4 {
             font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
             font-family: Pacifico, cursive;
             color: rgba(255, 255, 255, 0.95);
             margin-bottom: 40px;
             margin-top: -4px;
         }
         
         .discount-banner .banner-content h2 {
             font-family: Bangers, cursive;
             font-size: calc(30px + (95 - 30) * ((100vw - 320px) / (1920 - 320)));
             color: white;
             letter-spacing: 0.05em;
             text-transform: capitalize;
             line-height: 1;
             position: relative;
             display: block;
             margin-bottom: 35px;
         }
         
         .discount-banner .banner-content .coupon {
             padding: 6px;
             border: 1px dashed rgba(255, 255, 255, 0.4);
             display: inline-block;
             border-radius: 25px;
             margin-bottom: 35px;
         }
         
         .discount-banner .banner-content .coupon h5 {
             font-family: Work Sans;
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             color: white;
             background-color: #ef3f3e;
             padding: 5px 15px;
             border-radius: 25px;
             margin-bottom: 0;
             font-weight: 600;
         }
         
         .discount-banner .banner-content p {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: rgba(255, 255, 255, 0.95);
             text-transform: uppercase;
             margin-bottom: 25px;
             letter-spacing: 0.5em;
             font-weight: 800;
         }
         
         .discount-banner .banner-content .rating {
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
         }
         
         .discount-banner .banner-content .rating i {
             font-size: 8px;
         }
         
         .collection-banner {
             position: relative;
             overflow: hidden;
         }
         
         .collection-banner .img-part {
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             width: 100%;
         }
         
         .collection-banner.p-left .contain-banner {
             -webkit-box-pack: start;
             -ms-flex-pack: start;
             justify-content: flex-start;
         }
         
         .collection-banner.p-right .contain-banner {
             -webkit-box-pack: end;
             -ms-flex-pack: end;
             justify-content: flex-end;
         }
         
         .collection-banner.p-center .contain-banner {
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
         }
         
         .collection-banner .contain-banner {
             position: absolute;
             top: 0;
             width: 100%;
             height: 100%;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             padding-left: calc(10px + (50 - 10) * ((100vw - 320px) / (1920 - 320)));
             padding-right: calc(10px + (50 - 10) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .collection-banner .contain-banner h4 {
             color: #ef3f3e;
             font-weight: 700;
             text-transform: uppercase;
             letter-spacing: 0.1em;
             margin-bottom: 10px;
             font-size: 16px;
         }
         
         .collection-banner .contain-banner h2 {
             font-size: calc(14px + (40 - 14) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 700;
             color: #222222;
             letter-spacing: 0.1em;
             line-height: 1;
             margin-bottom: -10px;
         }
         
         .collection-banner:hover .img-part {
             -webkit-transform: scale(1.05);
             transform: scale(1.05);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         /*=====================
18. other section css
==========================*/
         
         .about-text p {
             line-height: 28px;
             text-align: left;
             margin-bottom: -7px;
             color: rgba(0, 0, 0, 0.68);
         }
         
         .deals {
             overflow: hidden;
         }
         
         .deals .slick-slider {
             margin: 0 16px;
         }
         
         .deals .slick-slider .slick-slide>div {
             margin: 0 40px;
         }
         
         .deals .slick-slider .slick-list {
             margin-left: -40px;
             margin-right: -40px;
         }
         
         .deals .deals-box {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .deals .deals-box .deals-img {
             padding: 0;
         }
         
         .deals .deals-box .left-portion {
             background-color: white;
             position: relative;
             padding: 0;
             -webkit-box-flex: 0;
             -ms-flex: 0 0 25%;
             flex: 0 0 25%;
             max-width: 25%;
         }
         
         .deals .deals-box .left-portion:after {
             content: "";
             position: absolute;
             background-image: url(../images/zig-zag.png);
             right: -10px;
             height: 100%;
             width: 10px;
             top: 0;
         }
         
         .deals .deals-box .left-portion:before {
             content: "";
             position: absolute;
             background-image: url(../images/zig-zag.png);
             left: -10px;
             height: 100%;
             width: 10px;
             top: 0;
             -webkit-transform: rotate(180deg);
             transform: rotate(180deg);
         }
         
         .deals .deals-box .left-portion .deals-content .detail {
             position: absolute;
             left: 0;
             top: 50%;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-writing-mode: vertical-lr;
             -ms-writing-mode: tb-lr;
             writing-mode: vertical-lr;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             height: 100%;
             -webkit-box-pack: justify;
             -ms-flex-pack: justify;
             justify-content: space-between;
             padding: 18px 0;
         }
         
         .deals .deals-box .left-portion .deals-content .detail h2 {
             font-size: calc(17px + (27 - 17) * ((100vw - 320px) / (1920 - 320)));
             white-space: nowrap;
             color: #ef3f3e;
             margin-bottom: 0;
         }
         
         .deals .deals-box .left-portion .deals-content .detail h2 span {
             font-size: 16px;
             color: rgba(0, 0, 0, 0.38);
         }
         
         .deals .deals-box .left-portion .deals-content .detail h3 {
             text-transform: capitalize;
             font-weight: 700;
             margin-bottom: 0;
         }
         
         .deals .deals-box .left-portion .deals-content img {
             margin-left: 80px;
             margin-top: 15px;
             margin-bottom: 15px;
         }
         
         .detail-section {
             background-image: url(../images/flights/bg.jpg);
             background-size: cover;
             background-position: center center;
         }
         
         .detail-section .detail-box {
             text-align: center;
             color: white;
             padding: 0 55px;
         }
         
         .detail-section .detail-box .upper-part {
             margin-bottom: 40px;
             min-height: 180px;
         }
         
         .detail-section .detail-box .upper-part h6 {
             font-size: 14px;
             letter-spacing: 0.4em;
             text-transform: uppercase;
             margin-bottom: 15px;
         }
         
         .detail-section .detail-box .upper-part h2 {
             font-size: calc(16px + (30 - 16) * ((100vw - 320px) / (1920 - 320)));
             color: white;
             text-transform: capitalize;
             font-weight: 800;
             position: relative;
             padding-bottom: 15px;
             margin-bottom: 25px;
             line-height: 1.3;
         }
         
         .detail-section .detail-box .upper-part h2:after {
             position: absolute;
             width: 90px;
             height: 3px;
             background-color: #ef3f3e;
             content: "";
             left: 50%;
             bottom: 0;
             -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
         }
         
         .detail-section .detail-box .upper-part h5 {
             text-transform: capitalize;
             margin-bottom: 0;
         }
         
         .detail-section .detail-box .upper-part:after {
             content: "";
             position: absolute;
             right: 0;
             width: 1px;
             height: 50%;
             background-color: rgba(255, 255, 255, 0.23);
             top: 24%;
         }
         
         .detail-section .row>div:last-child .upper-part:after {
             display: none;
         }
         
         .detail-section.no-bg-detail {
             background-image: none;
             position: relative;
             overflow: hidden;
         }
         
         .detail-section.no-bg-detail .detail-box {
             padding: 30px;
             -webkit-box-shadow: 2.5px 4.33px 25px 0 rgba(0, 0, 0, 0.1);
             box-shadow: 2.5px 4.33px 25px 0 rgba(0, 0, 0, 0.1);
             background-image: url("../images/flights/sky2.jpg");
             background-size: cover;
             background-repeat: no-repeat;
             background-blend-mode: overlay;
             background-color: white;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             margin: 15px 0;
         }
         
         .detail-section.no-bg-detail .detail-box .upper-part {
             margin-bottom: 15px;
             min-height: 120px;
         }
         
         .detail-section.no-bg-detail .detail-box .upper-part h2 {
             font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .detail-section.no-bg-detail .detail-box .upper-part h5 {
             font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .detail-section.no-bg-detail .detail-box .upper-part h6,
         .detail-section.no-bg-detail .detail-box .upper-part h2,
         .detail-section.no-bg-detail .detail-box .upper-part h5 {
             color: black;
         }
         
         .detail-section.no-bg-detail .detail-box:hover {
             background-color: rgba(255, 255, 255, 0.8);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .detail-section.no-bg-detail .slick-slide>div {
             margin: 0 15px !important;
         }
         
         .detail-section.no-bg-detail .slick-list {
             margin-left: -15px !important;
             margin-right: -15px !important;
         }
         
         .detail-section.no-bg-detail .slick-prev {
             top: -25px;
             right: 30px;
             left: unset;
         }
         
         .detail-section.no-bg-detail .slick-prev:before {
             opacity: 1;
             color: rgba(239, 63, 62, 0.3);
             content: "\f053";
             font-family: "Font Awesome 5 free";
             font-weight: 900;
         }
         
         .detail-section.no-bg-detail .slick-prev:hover:before {
             color: rgba(239, 63, 62, 0.7);
         }
         
         .detail-section.no-bg-detail .slick-next {
             top: -25px;
             right: 0;
             left: unset;
         }
         
         .detail-section.no-bg-detail .slick-next:before {
             opacity: 1;
             color: rgba(239, 63, 62, 0.3);
             content: "\f054";
             font-family: "Font Awesome 5 free";
             font-weight: 900;
         }
         
         .detail-section.no-bg-detail .slick-next:hover:before {
             color: rgba(239, 63, 62, 0.7);
         }
         
         .cloud {
             -webkit-animation: slide 50s linear infinite;
             animation: slide 50s linear infinite;
             background-repeat: repeat !important;
         }
         
         .price-section .container-fluid {
             padding-left: 90px;
             padding-right: 90px;
         }
         
         .price-section .price-box {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -ms-flex-wrap: wrap;
             flex-wrap: wrap;
         }
         
         .price-section .price-box .price-img {
             -webkit-box-flex: 0;
             -ms-flex: 0 0 42%;
             flex: 0 0 42%;
             max-width: 42%;
             overflow: hidden;
             border-radius: 25px 0 0 25px;
             position: relative;
         }
         
         .price-section .price-box .price-img .bg-size {
             height: 100%;
         }
         
         .price-section .price-box .price-img img {
             border-radius: 25px 0 0 25px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             width: 100%;
         }
         
         .price-section .price-box .price-img .label {
             position: absolute;
             left: 20px;
             top: 20px;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             padding: 1px 12px;
             background-color: #ef3f3e;
             border-radius: 25px;
             color: white;
             margin-bottom: 0;
             text-transform: capitalize;
             font-weight: 700;
         }
         
         .price-section .price-box .price-content {
             -webkit-box-flex: 0;
             -ms-flex: 0 0 58%;
             flex: 0 0 58%;
             max-width: 58%;
             padding: calc(10px + (34 - 10) * ((100vw - 320px) / (1920 - 320)));
             background-color: white;
             -webkit-box-shadow: 2.5px 4.33px 25px 0 rgba(0, 0, 0, 0.05);
             box-shadow: 2.5px 4.33px 25px 0 rgba(0, 0, 0, 0.05);
             border-radius: 0 25px 25px 0;
         }
         
         .price-section .price-box .price-content .price-title {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-bottom: calc(5px + (15 - 5) * ((100vw - 320px) / (1920 - 320)));
             margin-top: -4px;
             position: relative;
         }
         
         .price-section .price-box .price-content .price-title h3 {
             text-transform: capitalize;
             font-weight: 800;
             margin-bottom: 0;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             color: #333333;
             letter-spacing: 0.001em;
         }
         
         .price-section .price-box .price-content .price-title h3:hover {
             color: #00a2f7;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .price-section .price-box .price-content .price-title h6 {
             font-size: 14px;
             color: #9a9a9a;
             text-transform: capitalize;
             font-weight: 700;
             margin-bottom: 0;
             padding: 7px 10px;
             margin-left: 10px;
             background-color: #f9f9f9;
             border-radius: 20px;
         }
         
         .price-section .price-box .price-content .price-title .like-cls i {
             position: absolute;
             font-size: 16px;
             right: 0;
             top: -3px;
             color: #e1002c;
             background-color: rgba(225, 0, 44, 0.05);
             padding: 6px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             border-radius: 100%;
         }
         
         .price-section .price-box .price-content .price-title .like-cls i .effect {
             border-radius: 50%;
             position: absolute;
             height: 100%;
             width: 100%;
             top: 0;
             right: 0;
             -webkit-transition: height 5s ease, width 5s ease;
             transition: height 5s ease, width 5s ease;
             z-index: 0;
             opacity: 0;
         }
         
         .price-section .price-box .price-content .price-title .like-cls i .effect:after {
             content: "";
             display: block;
             position: absolute;
             top: 0;
             right: 0;
             bottom: 0;
             left: 0;
             border-radius: 50%;
             border: 1px solid #e1002c;
             -webkit-animation: effect 2s linear 1s infinite;
             animation: effect 2s linear 1s infinite;
         }
         
         .price-section .price-box .price-content .rating {
             margin-bottom: calc(8px + (25 - 8) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .price-section .price-box .price-content .price {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             margin-bottom: 10px;
         }
         
         .price-section .price-box .price-content .price a {
             margin-right: auto;
         }
         
         .price-section .price-box .price-content .price a h6 {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 800;
             margin-right: auto;
             color: #565656;
             text-transform: capitalize;
             margin-bottom: 0;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .price-section .price-box .price-content .price a h6:hover {
             color: #00a2f7;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .price-section .price-box .price-content .price span {
             margin: 0 auto;
             font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
             text-transform: uppercase;
             color: #ef3f3e;
             font-weight: 800;
         }
         
         .price-section .price-box .price-content .price h5 {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 600;
             margin-left: auto;
             color: #00a2f7;
             margin-bottom: 0;
         }
         
         .price-section .price-box .price-content .price h5 span {
             color: #9a9a9a;
             margin-right: 10px;
             font-weight: 700;
             text-transform: capitalize;
         }
         
         .price-section .price-box:hover .price-img img {
             -webkit-transform: scale(1.05);
             transform: scale(1.05);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .price-section .price-box:hover .price-content .price-title .like-cls .effect {
             opacity: 0.3;
         }
         
         .price-section .slick-slider .slick-list {
             margin-left: -15px;
             margin-right: -15px;
         }
         
         .price-section .slick-slider .slick-slide {
             margin: 0 15px;
         }
         
         .flight-detail {
             background-image: url(../images/flights/bg.jpg);
             background-size: cover;
             background-position: center center;
         }
         
         .flight-detail .title-2 h2 {
             color: white;
         }
         
         .flight-detail .title-2 h2 span {
             color: white;
         }
         
         .flight-detail .title-2 p {
             color: rgba(255, 255, 255, 0.5);
         }
         
         .flight-detail .flight-box {
             background-color: white;
             border-radius: 15px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             overflow: hidden;
         }
         
         .flight-detail .flight-box .logo-section {
             width: 180px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             -webkit-box-shadow: inset -2px -2px 11px 0px rgba(0, 0, 0, 0.05);
             box-shadow: inset -2px -2px 11px 0px rgba(0, 0, 0, 0.05);
         }
         
         .flight-detail .flight-box .middle-section {
             width: 75%;
         }
         
         .flight-detail .flight-box .middle-section .flight-info {
             padding: 35px 0;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             text-align: center;
             position: relative;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .flight-detail .flight-box .middle-section .flight-info:after {
             position: absolute;
             content: "";
             right: 0;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             width: 2px;
             height: 55px;
             background-color: #f2f2f2;
         }
         
         .flight-detail .flight-box .middle-section .flight-info h4 {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             font-weight: 800;
             margin-bottom: 10px;
             text-transform: capitalize;
             letter-spacing: 0.001em;
         }
         
         .flight-detail .flight-box .middle-section .flight-info h5 {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: #ef3f3e;
             font-weight: 800;
             text-transform: capitalize;
             margin-bottom: 10px;
         }
         
         .flight-detail .flight-box .middle-section .flight-info i {
             background-color: rgba(239, 63, 62, 0.05);
             padding: 8px;
             color: #ef3f3e;
             display: inline-block;
             border-radius: 100%;
             -webkit-transform: rotate(-40deg);
             transform: rotate(-40deg);
             margin-bottom: 8px;
         }
         
         .flight-detail .flight-box .middle-section .flight-info h6 {
             font-size: 14px;
             color: #bcbcbd;
             text-transform: uppercase;
             margin-bottom: 0;
         }
         
         .flight-detail .flight-box .middle-section .flight-info:hover {
             background-color: rgba(239, 63, 62, 0.03);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .flight-detail .flight-box .middle-section .slick-active:last-child .flight-info:after {
             display: none;
         }
         
         .flight-detail .flight-box .name-section {
             margin-left: auto;
             width: 180px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             text-align: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             -webkit-box-shadow: inset 4px -1px 11px 0px rgba(0, 0, 0, 0.05);
             box-shadow: inset 4px -1px 11px 0px rgba(0, 0, 0, 0.05);
         }
         
         .flight-detail .flight-box .name-section h5 {
             font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             font-weight: 800;
             color: black;
             letter-spacing: 0.01em;
             margin-bottom: 10px;
         }
         
         .flight-detail .flight-box .name-section h6 {
             font-size: 14px;
             color: #bcbcbd;
             letter-spacing: 0.5em;
             text-transform: uppercase;
             font-weight: 700;
             margin-bottom: 15px;
         }
         
         .flight-detail .flight-box .name-section .btn {
             font-size: 14px;
             padding: 6px 12px;
         }
         
         .flight-detail .row>div .flight-box+.flight-box {
             margin-top: 60px;
         }
         
         .menu-section {
             overflow: hidden;
         }
         
         .menu-section .menu-box {
             border-radius: 25px;
             overflow: hidden;
             border: 1px dashed #e8e8e8;
         }
         
         .menu-section .menu-box .top-bar {
             position: relative;
             overflow: hidden;
         }
         
         .menu-section .menu-box .top-bar img {
             width: 100%;
         }
         
         .menu-section .menu-box .top-bar h2 {
             font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             color: white;
             font-weight: 800;
             position: absolute;
             left: 50%;
             -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
             top: 30px;
         }
         
         .menu-section .menu-box .top-bar .decorate {
             position: absolute;
             font-size: calc(25px + (120 - 25) * ((100vw - 320px) / (1920 - 320)));
             color: rgba(255, 255, 255, 0.3);
             top: 50px;
             font-weight: 900;
             left: 0;
             text-transform: capitalize;
         }
         
         .menu-section .menu-box .top-bar .overlay {
             position: absolute;
             background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(231, 56, 39, 0)));
             background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(231, 56, 39, 0) 100%);
             top: 0;
             width: 100%;
             height: 100%;
         }
         
         .menu-section .menu-box .bottom-bar {
             background-color: white;
             padding: 40px;
         }
         
         .menu-section .menu-box .bottom-bar .menu-bar {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             padding-bottom: 40px;
             margin-bottom: 40px;
             position: relative;
         }
         
         .menu-section .menu-box .bottom-bar .menu-bar:after {
             content: "";
             border-bottom: 1px dashed #e8e8e8;
             position: absolute;
             bottom: 0;
             width: 78%;
             left: 0;
             right: 0;
             margin: 0 auto;
         }
         
         .menu-section .menu-box .bottom-bar .menu-bar img {
             border-radius: 15px;
             margin-right: 30px;
             width: 90px;
         }
         
         .menu-section .menu-box .bottom-bar .menu-bar .content {
             min-width: 65%;
         }
         
         .menu-section .menu-box .bottom-bar .menu-bar .content h5 {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             font-weight: 700;
             margin-bottom: 6px;
             text-transform: capitalize;
         }
         
         .menu-section .menu-box .bottom-bar .menu-bar .content .rating {
             margin-bottom: 12px;
         }
         
         .menu-section .menu-box .bottom-bar .menu-bar .content .rating span {
             color: #ffcc33;
             margin-right: 8px;
             font-weight: 800;
         }
         
         .menu-section .menu-box .bottom-bar .menu-bar .content p {
             color: rgba(0, 0, 0, 0.68);
             text-transform: capitalize;
             margin-bottom: 6px;
             font-size: 14px;
             font-weight: 700;
         }
         
         .menu-section .menu-box .bottom-bar .menu-bar .content h6 {
             font-size: 14px;
             color: #343434;
             font-weight: 800;
             position: relative;
             margin-bottom: 0;
         }
         
         .menu-section .menu-box .bottom-bar .menu-bar .content h6 del {
             color: #717171;
             margin-right: 5px;
             font-weight: 400;
         }
         
         .menu-section .menu-box .bottom-bar .menu-bar .content h6 label {
             position: absolute;
             right: 0px;
             background-color: #3db137;
             color: white;
             padding: 3px 10px 2px;
             border-radius: 15px;
             text-transform: uppercase;
             font-size: 11px;
             font-weight: 900;
             top: -2px;
             margin-bottom: 0;
         }
         
         .menu-section .menu-box .bottom-bar .menu-bar .content h6 label.red {
             background-color: #e02d22;
             -webkit-box-shadow: 1px 11px 20px 0px rgba(193, 0, 38, 0.12);
             box-shadow: 1px 11px 20px 0px rgba(193, 0, 38, 0.12);
         }
         
         .menu-section .menu-box .bottom-bar .menu-bar:last-child {
             margin-bottom: 0;
             padding-bottom: 0;
         }
         
         .menu-section .menu-box .bottom-bar .menu-bar:last-child:after {
             display: none;
         }
         
         .menu-section .slick-list {
             margin-left: -20px;
             margin-right: -20px;
         }
         
         .menu-section .slick-slide {
             margin: 0 20px;
         }
         
         .book-table {
             position: relative;
             background-image: url("../images/restaurant/table-bg.png");
             overflow: hidden;
             background-repeat: no-repeat;
             background-position: center;
         }
         
         .book-table .table-form {
             background-color: white;
             border-radius: 25px;
             padding: 40px;
             margin-bottom: 40px;
             position: relative;
             z-index: 1;
         }
         
         .book-table .table-form form {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .book-table .table-form form .row {
             margin: 0;
         }
         
         .book-table .table-form form .form-group {
             margin-bottom: 0;
             margin-right: 40px;
             position: relative;
         }
         
         .book-table .table-form form .form-group input {
             background-color: #f9f9f9;
             border: none;
             border-radius: 35px;
             padding: 20px 20px 18px;
             line-height: 1;
             text-transform: capitalize;
             font-weight: 700;
         }
         
         .book-table .table-form form .form-group img {
             position: absolute;
             right: 20px;
             top: 20px;
         }
         
         .book-table .table-form form .form-control {
             background-color: #f9f9f9;
             border: none;
             border-radius: 35px;
             padding: 20px 20px 18px;
             line-height: 1;
             text-transform: capitalize;
             font-weight: 700;
         }
         
         .book-table .table-form form .form-control:focus {
             z-index: 1;
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         
         .book-table .table-form form .input-group-append {
             position: absolute;
             right: 12px;
             top: 12px;
         }
         
         .book-table .table-form form .input-group-append .btn {
             border: none;
             background-color: transparent;
             padding: 0;
         }
         
         .book-table .table-form form .input-group-append .btn i {
             color: rgba(197, 197, 197, 0.6);
         }
         
         .book-table .table-form form .gj-datepicker {
             margin-right: 40px;
             width: auto;
         }
         
         .book-table .table-form form .btn {
             text-transform: capitalize;
             font-weight: 800;
             margin-left: 15px;
         }
         
         .book-table .table-form form ::-webkit-input-placeholder {
             color: #c5c5c5;
             font-weight: 700;
             font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .book-table .table-form form ::-moz-placeholder {
             color: #c5c5c5;
             font-weight: 700;
             font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .book-table .table-form form :-ms-input-placeholder {
             color: #c5c5c5;
             font-weight: 700;
             font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .book-table .table-form form ::-ms-input-placeholder {
             color: #c5c5c5;
             font-weight: 700;
             font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .book-table .table-form form ::placeholder {
             color: #c5c5c5;
             font-weight: 700;
             font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .book-table .table-form:after {
             content: "";
             position: absolute;
             width: calc(100% + 12px);
             border-radius: 24px;
             background-color: rgba(255, 255, 255, 0.2);
             height: 100%;
             left: -6px;
             top: 0;
             z-index: -1;
         }
         
         .book-table .table-form:before {
             content: "";
             position: absolute;
             width: calc(100% + 24px);
             border-radius: 24px;
             background-color: rgba(255, 255, 255, 0.1);
             height: 100%;
             left: -12px;
             top: 0;
             z-index: -1;
         }
         
         .book-table .detail {
             font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320)));
             font-family: Pacifico, cursive;
             color: white;
             margin-bottom: 0;
             margin-top: 0;
             text-align: center;
         }
         
         .book-table.single-table {
             background-image: none;
             overflow: visible;
         }
         
         .book-table.single-table .table-form {
             margin-bottom: 0;
             -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11);
             box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11);
             margin-top: -75px;
         }
         
         .book-table.single-table .table-form.classic-form {
             border-radius: 0;
             padding: 25px;
             margin-top: 0;
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         
         .book-table.single-table .table-form.classic-form form .form-group input {
             border-radius: 0;
             padding: 15px 15px 13px 25px;
         }
         
         .book-table.single-table .table-form.classic-form form .form-group img {
             right: 15px;
             top: 15px;
         }
         
         .book-table.single-table .table-form.classic-form form .form-control {
             border-radius: 0;
             padding: 15px 15px 13px;
         }
         
         .book-table.single-table .table-form.classic-form form .input-group-append .btn i {
             top: 4px;
             left: 15px;
         }
         
         .book-table.single-table .table-form.classic-form form .btn-rounded {
             border-radius: 0;
             margin-left: 0;
         }
         
         .book-table.single-table .table-form.classic-form:after,
         .book-table.single-table .table-form.classic-form:before {
             display: none;
         }
         
         .book-table.input-radius-cls .table-form.classic-form form .form-group input {
             background-color: rgba(239, 63, 62, 0.1);
             border-radius: 25px;
         }
         
         .book-table.input-radius-cls .table-form.classic-form form .gj-datepicker {
             margin-right: 0;
         }
         
         .book-table.input-radius-cls .table-form.classic-form form .btn-rounded {
             border-radius: 100px;
         }
         
         .process-steps {
             overflow: hidden;
             position: relative;
             z-index: 1;
         }
         
         .process-steps h4 {
             margin-bottom: 40px;
             text-transform: capitalize;
             font-weight: 600;
             line-height: 1.3;
         }
         
         .process-steps .step-bg {
             position: relative;
             margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .process-steps .step-bg:before {
             content: "";
             position: absolute;
             left: -0;
             right: -0;
             height: 100%;
             display: block;
             background: url("../images/icon/step-arrow.png") no-repeat center center;
         }
         
         .process-steps .step-bg .row {
             margin-left: -50px;
             margin-right: -50px;
         }
         
         .process-steps .step-bg .row>div {
             padding-left: 50px;
             padding-right: 50px;
         }
         
         .process-steps .step-bg .row>div:nth-child(1),
         .process-steps .step-bg .row>div:nth-child(3) {
             margin-bottom: 30px;
         }
         
         .process-steps .step-bg .row>div:nth-child(2),
         .process-steps .step-bg .row>div:nth-child(4) {
             margin-top: 30px;
         }
         
         .process-steps .step-bg .popular-section {
             margin-left: -20px;
             margin-right: -20px;
         }
         
         .process-steps .step-bg .popular-section>div {
             padding-left: 20px;
             padding-right: 20px;
         }
         
         .process-steps .step-bg .popular-section .step-box {
             padding: 0;
             -webkit-box-shadow: none;
             box-shadow: none;
             text-align: left;
             display: block;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box {
             width: 100%;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content {
             padding-top: 15px;
             position: relative;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content h5 {
             font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             overflow: hidden;
             max-width: 100%;
             white-space: nowrap;
             text-overflow: ellipsis;
             color: black;
             font-weight: 800;
             line-height: 1.5;
             margin-bottom: 4px;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content h5 span {
             color: #9a9a9a;
             font-size: 14px;
             margin-left: auto;
             font-weight: 500;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content h5 span i {
             color: #a7a7a7;
             margin-right: 3px;
             font-size: 10px;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content p {
             margin-bottom: 10px;
             color: #9a9a9a;
             font-weight: 500;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .rating span {
             color: #9a9a9a;
             font-size: 12px;
             font-weight: 700;
             margin-left: 10px;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-top: 8px;
             margin-bottom: -6px;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price del {
             font-size: 14px;
             color: black;
             font-weight: 700;
             margin-right: 10px;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price span {
             color: #ef3f3e;
             font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 800;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price .package-cls {
             padding-left: 20px;
             color: #ef3f3e;
             font-weight: 800;
             font-size: 12px;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price .facility-detail {
             margin-left: 7px;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price .facility-detail span {
             color: rgba(0, 0, 0, 0.5);
             font-weight: 600;
             font-size: 12px;
             text-transform: capitalize;
             padding: 2px 8px;
             border: 1px solid #ddd;
             border-radius: 5px;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail span {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 700;
             color: rgba(0, 0, 0, 0.84);
             text-transform: capitalize;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec {
             margin-top: 14px;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul {
             text-transform: capitalize;
             color: rgba(0, 0, 0, 0.78);
             margin-top: 10px;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul li {
             margin-right: 12px;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-align: center;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul li img {
             width: 18px;
             display: block;
             margin: 0 auto;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul li i {
             font-size: 14px;
             margin-right: 5px;
             display: block;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul li.not-include {
             opacity: 0.4;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail h6 {
             margin-top: 4px;
             text-transform: capitalize;
             color: rgba(0, 0, 0, 0.78);
             max-width: 360px;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail h6 i {
             font-size: 12px;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .bottom-section .price {
             display: block;
             margin-top: 15px;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .bottom-section .price h6 {
             color: #333333;
             font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 800;
             margin-bottom: 0;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .bottom-section .price h6 del {
             font-size: 14px;
             color: black;
             font-weight: 700;
             margin-right: 10px;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .bottom-section .price span {
             font-size: 14px;
             font-weight: 500;
             color: rgba(0, 0, 0, 0.57);
             text-transform: capitalize;
         }
         
         .process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .nowrap-cls {
             max-width: 300px;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
         }
         
         .process-steps .step-bg h4 {
             margin-bottom: -3px;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: rgba(0, 0, 0, 0.65);
         }
         
         .process-steps .step-bg .step-box {
             position: relative;
             padding: 45px 35px 45px;
             -webkit-box-shadow: 0 15px 39px 0 rgba(8, 18, 109, 0.08);
             box-shadow: 0 15px 39px 0 rgba(8, 18, 109, 0.08);
             background-color: white;
             text-align: center;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             width: 100%;
             height: 100%;
             border-radius: 16px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .process-steps .step-bg .step-box img {
             width: 40px;
             margin-bottom: 20px;
         }
         
         .process-steps .step-bg .step-box p {
             line-height: 1.5;
             margin-bottom: 0;
         }
         
         .process-steps .step-bg .step-box:hover {
             -webkit-transform: translateY(-10px);
             transform: translateY(-10px);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .process-steps .step-bg.invert-lines:before {
             -webkit-filter: invert(1);
             filter: invert(1);
         }
         
         .process-steps .title-1.detail-title p.font-design {
             font-weight: 500;
             background-color: rgba(255, 255, 255, 0.7);
             color: black;
             padding: 15px;
         }
         
         .process-steps.icon-large .step-bg .step-box img {
             width: 60px;
         }
         
         .car-type-section {
             margin-top: calc(0px + (40 - 0) * ((100vw - 320px) / (1920 - 320)));
             margin-bottom: -20px;
         }
         
         .car-type-section .slick-slide {
             -webkit-transform: scale(0.8);
             transform: scale(0.8);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .car-type-section .slick-slide.slick-center {
             -webkit-transform: scale(1);
             transform: scale(1);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .car-type-section .slick-slide.slick-center .type-box .img-part img {
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .car-type-section .slick-slide.slick-center .type-box:hover .img-part img {
             -webkit-animation: pulse 2s infinite;
             animation: pulse 2s infinite;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .car-type-section .type-box {
             padding: 25px;
             -webkit-box-shadow: 1px 2px 39px 9px rgba(8, 18, 109, 0.08);
             box-shadow: 1px 2px 39px 9px rgba(8, 18, 109, 0.08);
             margin: 20px 0;
         }
         
         .car-type-section .type-box .img-part {
             text-align: center;
         }
         
         .car-type-section .type-box .img-part img {
             margin: 0 auto;
         }
         
         .car-type-section .type-box .content {
             text-align: center;
         }
         
         .car-type-section .type-box .content h5 {
             text-transform: capitalize;
             margin-top: 15px;
             font-weight: 700;
         }
         
         .car-type-section .type-box .content h6 {
             margin-bottom: 10px;
             text-transform: capitalize;
         }
         
         .car-type-section .type-box .content p {
             color: rgba(0, 0, 0, 0.6);
             line-height: 1.5;
         }
         
         .car-type-section .type-box .content ul li img {
             opacity: 0.7;
         }
         
         .cab-slider .image-section:before {
             background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.63)), to(rgba(231, 56, 39, 0)));
             background: linear-gradient(to top, rgba(0, 0, 0, 0.63) 0%, rgba(231, 56, 39, 0) 100%);
         }
         
         .topTour {
             margin-top: calc(0px + (40 - 0) * ((100vw - 320px) / (1920 - 320)));
             margin-bottom: -20px;
         }
         
         .topTour .slick-slide {
             -webkit-transform: scale(0.8);
             transform: scale(0.8);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .topTour .slick-slide.slick-center {
             -webkit-transform: scale(1);
             transform: scale(1);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .topTour .slick-slide.slick-center .topTour_box .content {
             opacity: 1;
         }
         
         .topTour .topTour_box {
             padding: 0;
             -webkit-box-shadow: 1px 2px 39px 9px rgba(8, 18, 109, 0.08);
             box-shadow: 1px 2px 39px 9px rgba(8, 18, 109, 0.08);
             margin: 20px 0;
             border-radius: 10px;
             overflow: hidden;
         }
         
         .topTour .topTour_box .content {
             opacity: 0;
             position: absolute;
             bottom: 22px;
             width: 100%;
             text-align: center;
             padding: 30px;
             background: -webkit-gradient(linear, left bottom, left top, from(rgba(111, 111, 111, 0.8)), to(rgba(231, 56, 39, 0)));
             background: linear-gradient(to top, rgba(111, 111, 111, 0.8) 0%, rgba(231, 56, 39, 0) 100%);
             border-radius: 0 0 10px 10px;
         }
         
         .topTour .topTour_box .content h6 {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 500;
             color: white;
             text-transform: uppercase;
             margin-bottom: -4px;
         }
         
         .topTour .topTour_box .content h5 {
             font-size: calc(15px + (22 - 15) * ((100vw - 320px) / (1920 - 320)));
             color: white;
             font-weight: 800;
             line-height: 1.5;
             margin-bottom: 0;
             margin-top: -7px;
             text-transform: capitalize;
         }
         
         .cab-full {
             padding-top: 68px;
             /* width */
             /* Track */
             /* Handle */
             /* Handle on hover */
         }
         
         .cab-full ::-webkit-scrollbar {
             width: 4px;
         }
         
         .cab-full ::-webkit-scrollbar-track {
             background: #f1f1f1;
             border-radius: 3px;
         }
         
         .cab-full ::-webkit-scrollbar-thumb {
             background: rgba(239, 63, 62, 0.5);
             border-radius: 3px;
         }
         
         .cab-full ::-webkit-scrollbar-thumb:hover {
             background: rgba(239, 63, 62, 0.8);
         }
         
         .cab-full iframe,
         .cab-full .map-cls {
             width: 100%;
             height: calc(100vh - 68px);
             border: none;
             margin-bottom: -6px;
         }
         
         .cab-full .left-bar {
             height: calc(100vh - 68px);
             overflow: auto;
         }
         
         .cab-full .left-bar.fixed-cls {
             position: fixed;
             width: 400px;
             -webkit-box-shadow: 3px 0px 4px 0 #dedede;
             box-shadow: 3px 0px 4px 0 #dedede;
             z-index: 1;
         }
         
         .cab-full .flight-search .flight-search-detail .form-group label {
             font-weight: 700;
         }
         
         .cab-full .flight-search .flight-search-detail form>div {
             margin-top: 20px;
         }
         
         .cab-full .flight-search .flight-search-detail form>div:first-child {
             margin-top: 0;
         }
         
         .cab-full .location-option [type="radio"]:checked+label:before,
         .cab-full .location-option [type="radio"]:not(:checked)+label:before {
             border-color: #ececec;
             top: 2px;
         }
         
         .cab-full .location-option [type="radio"]:checked+label:before {
             background-color: #ececec;
             border-color: #ef3f3e;
         }
         
         .cab-full .cab-search-section {
             padding: 0 15px 15px;
         }
         
         .cab-full .cab-search-section .cab-search-box {
             background-color: #f9f9f9;
             padding: 10px;
         }
         
         .cab-full .cab-search-section .cab-search-box .row {
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             height: 100%;
         }
         
         .cab-full .cab-search-section .cab-search-box .cab-img img {
             width: 90px;
             height: auto;
         }
         
         .cab-full .cab-search-section .cab-search-box .cab_detail li {
             display: block;
             text-transform: capitalize;
             font-weight: 600;
         }
         
         .cab-full .cab-search-section .cab-search-box .btn-solid {
             font-size: 14px;
             padding: 4px 10px;
             text-transform: capitalize;
         }
         
         .cab-full .cab-search-section .cab-search-box+.cab-search-box {
             margin-top: 20px;
         }
         
         .scroll-body {
             padding-left: 400px;
         }
         
         .top-banner {
             width: 100%;
             position: relative;
         }
         
         .top-banner .top-banner-content {
             color: white;
             text-transform: uppercase;
             font-size: 36px;
             font-weight: bold;
             position: absolute;
             right: 25%;
             width: auto;
             top: 50%;
             display: block;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             text-align: center;
         }
         
         .top-banner .flip {
             height: 50px;
             overflow: hidden;
         }
         
         .top-banner .flip>div>div {
             color: white;
             padding: 4px 12px;
             height: 40px;
             margin-bottom: 45px;
             display: inline-block;
             line-height: 1;
         }
         
         .top-banner .flip div:first-child {
             -webkit-animation: show 5s linear infinite;
             animation: show 5s linear infinite;
         }
         
         .top-banner .flip div:first-child div {
             background: #4ac6da;
         }
         
         .top-banner .flip div:last-child div {
             background: #dc143c;
         }
         
         .top-banner .flip div div {
             background: #f4c789;
         }
         
         @-webkit-keyframes show {
             0% {
                 margin-top: -270px;
             }
             5% {
                 margin-top: -180px;
             }
             33% {
                 margin-top: -180px;
             }
             38% {
                 margin-top: -90px;
             }
             66% {
                 margin-top: -90px;
             }
             71% {
                 margin-top: 0;
             }
             99.99% {
                 margin-top: 0;
             }
             100% {
                 margin-top: -270px;
             }
         }
         
         @keyframes show {
             0% {
                 margin-top: -270px;
             }
             5% {
                 margin-top: -180px;
             }
             33% {
                 margin-top: -180px;
             }
             38% {
                 margin-top: -90px;
             }
             66% {
                 margin-top: -90px;
             }
             71% {
                 margin-top: 0;
             }
             99.99% {
                 margin-top: 0;
             }
             100% {
                 margin-top: -270px;
             }
         }
         
         .classic-section {
             position: relative;
             overflow: hidden;
         }
         
         .classic-section .classic-box {
             padding: 30px;
             -webkit-box-shadow: 2.5px 4.33px 25px 0 rgba(0, 0, 0, 0.1);
             box-shadow: 2.5px 4.33px 25px 0 rgba(0, 0, 0, 0.1);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             margin: 15px 0;
         }
         
         .classic-section .classic-box .top-part {
             padding-left: 30px;
             border-left: 1px dashed #dddddd;
             position: relative;
         }
         
         .classic-section .classic-box .top-part h6 {
             text-transform: capitalize;
             margin-bottom: 4px;
             font-weight: 600;
         }
         
         .classic-section .classic-box .top-part span {
             color: rgba(0, 0, 0, 0.7);
         }
         
         .classic-section .classic-box .top-part .top {
             margin-bottom: 40px;
         }
         
         .classic-section .classic-box .top-part:after {
             top: 0;
         }
         
         .classic-section .classic-box .top-part:before,
         .classic-section .classic-box .top-part:after {
             position: absolute;
             content: "";
             width: 5px;
             height: 5px;
             border-radius: 100%;
             background-color: rgba(0, 0, 0, 0.4);
             left: -3px;
             bottom: 0;
         }
         
         .classic-section .classic-box .top-part .plane-updown {
             position: absolute;
             left: -8px;
             top: 50%;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
         }
         
         .classic-section .classic-box .bottom-part h6 {
             margin-top: 15px;
             margin-bottom: 0;
             text-transform: capitalize;
             font-weight: 600;
             color: #ef3f3e;
         }
         
         .classic-section .slick-slide>div {
             margin: 0 15px !important;
         }
         
         .classic-section .slick-list {
             margin-left: -15px !important;
             margin-right: -15px !important;
         }
         
         .classic-section .slick-prev {
             top: -25px;
             right: 30px;
             left: unset;
         }
         
         .classic-section .slick-prev:before {
             opacity: 1;
             color: rgba(239, 63, 62, 0.3);
             content: "\f053";
             font-family: "Font Awesome 5 free";
             font-weight: 900;
         }
         
         .classic-section .slick-prev:hover:before {
             color: rgba(239, 63, 62, 0.7);
         }
         
         .classic-section .slick-next {
             top: -25px;
             right: 0;
             left: unset;
         }
         
         .classic-section .slick-next:before {
             opacity: 1;
             color: rgba(239, 63, 62, 0.3);
             content: "\f054";
             font-family: "Font Awesome 5 free";
             font-weight: 900;
         }
         
         .classic-section .slick-next:hover:before {
             color: rgba(239, 63, 62, 0.7);
         }
         
         .popular-section .popular-box {
             position: relative;
         }
         
         .popular-section .popular-box .content {
             margin-top: 10px;
         }
         
         .popular-section .popular-box .content h5 {
             text-transform: capitalize;
             font-weight: 700;
             margin-bottom: 3px;
         }
         
         .popular-section .popular-box .content h6 {
             color: rgba(0, 0, 0, 0.5);
         }
         
         .popular-section .popular-box .content .special-content {
             padding-top: 5px;
             position: relative;
         }
         
         .popular-section .popular-box .content .special-content h5 {
             font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             margin-bottom: 5px;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-top: -4px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             overflow: hidden;
             max-width: 280px;
             white-space: nowrap;
             text-overflow: ellipsis;
             color: black;
         }
         
         .popular-section .popular-box .content .special-content h5 span {
             color: #9a9a9a;
             font-size: 14px;
             margin-left: 20px;
             font-weight: 500;
         }
         
         .popular-section .popular-box .content .special-content h5 span i {
             color: #a7a7a7;
             margin-right: 3px;
             font-size: 10px;
         }
         
         .popular-section .popular-box .content .special-content p {
             margin-bottom: 10px;
             color: #9a9a9a;
             font-weight: 500;
         }
         
         .popular-section .popular-box .content .special-content .bottom-section .rating span {
             color: #9a9a9a;
             font-size: 12px;
             font-weight: 700;
             margin-left: 18px;
         }
         
         .popular-section .popular-box .content .special-content .bottom-section .price {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-top: 5px;
             margin-bottom: -6px;
         }
         
         .popular-section .popular-box .content .special-content .bottom-section .price del {
             font-size: 14px;
             color: black;
             font-weight: 700;
             margin-right: 10px;
         }
         
         .popular-section .popular-box .content .special-content .bottom-section .price span {
             color: #333333;
             font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 800;
         }
         
         .popular-section .popular-box .content .special-content .bottom-section .price .package-cls {
             padding-left: 20px;
             color: #ef3f3e;
             font-weight: 800;
             font-size: 12px;
         }
         
         .popular-section .popular-box .content .special-content .bottom-section .price .facility-detail {
             margin-left: 7px;
         }
         
         .popular-section .popular-box .content .special-content .bottom-section .price .facility-detail span {
             color: rgba(0, 0, 0, 0.5);
             font-weight: 600;
             font-size: 12px;
             text-transform: capitalize;
             padding: 2px 8px;
             border: 1px solid #ddd;
             border-radius: 5px;
         }
         
         .popular-section .popular-box .content .special-content .tour-detail span {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 500;
             color: rgba(0, 0, 0, 0.84);
             text-transform: capitalize;
         }
         
         .popular-section .popular-box .content .special-content .tour-detail .include-sec {
             margin-top: 14px;
         }
         
         .popular-section .popular-box .content .special-content .tour-detail .include-sec ul {
             text-transform: capitalize;
             color: rgba(0, 0, 0, 0.78);
             margin-top: 10px;
         }
         
         .popular-section .popular-box .content .special-content .tour-detail .include-sec ul li {
             margin-right: 12px;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-align: center;
         }
         
         .popular-section .popular-box .content .special-content .tour-detail .include-sec ul li img {
             width: 18px;
             display: block;
             margin: 0 auto;
         }
         
         .popular-section .popular-box .content .special-content .tour-detail .include-sec ul li i {
             font-size: 14px;
             margin-right: 5px;
             display: block;
         }
         
         .popular-section .popular-box .content .special-content .tour-detail .include-sec ul li.not-include {
             opacity: 0.4;
         }
         
         .popular-section .popular-box .content .special-content .tour-detail h6 {
             margin-top: 4px;
             text-transform: capitalize;
             color: rgba(0, 0, 0, 0.78);
             max-width: 360px;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
         }
         
         .popular-section .popular-box .content .special-content .tour-detail h6 i {
             font-size: 12px;
         }
         
         .popular-section .popular-box .content .special-content .tour-detail .bottom-section .price {
             display: block;
             margin-top: 20px;
         }
         
         .popular-section .popular-box .content .special-content .tour-detail .bottom-section .price h6 {
             color: #333333;
             font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 800;
             margin-bottom: 0;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .popular-section .popular-box .content .special-content .tour-detail .bottom-section .price h6 del {
             font-size: 14px;
             color: black;
             font-weight: 700;
             margin-right: 10px;
         }
         
         .popular-section .popular-box .content .special-content .tour-detail .bottom-section .price span {
             font-size: 14px;
             font-weight: 500;
             color: rgba(0, 0, 0, 0.57);
             text-transform: capitalize;
         }
         
         .popular-section .popular-box .content .special-content .tour-detail .nowrap-cls {
             max-width: 300px;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
         }
         
         .popular-section .popular-box .content .special-content.restaurant-detail h5 {
             margin-top: -4px;
         }
         
         .popular-section .popular-box .content .special-content.restaurant-detail h5 span {
             font-size: 14px;
             margin-left: 10px;
             font-weight: 500;
             padding: 3px;
             color: white;
         }
         
         .popular-section .popular-box .content .special-content.restaurant-detail h5 span.positive {
             background-color: rgba(0, 128, 0, 0.83);
         }
         
         .popular-section .popular-box .content .special-content.restaurant-detail h5 span.nagative {
             background-color: rgba(255, 0, 0, 0.83);
         }
         
         .popular-section .popular-box .content .special-content.restaurant-detail h5 span i {
             color: white;
             margin-right: 0;
         }
         
         .popular-section .popular-box .content .special-content.restaurant-detail ul li {
             display: block;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             line-height: 24px;
         }
         
         .popular-section .popular-box .content .special-content.restaurant-detail ul li:last-child {
             margin-bottom: -4px;
         }
         
         .popular-section .popular-box .content .special-content.cab-detail ul li {
             display: block;
             font-size: 16px;
             text-transform: capitalize;
         }
         
         .popular-section .popular-box .content .special-content.cab-detail ul li span {
             font-weight: 600;
         }
         
         .popular-section .popular-box .content .special-content.cab-detail ul li+li {
             margin-top: 5px;
         }
         
         .popular-section .popular-box .content .special-content.cab-detail .button-botton {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .popular-section .popular-box .content .special-content.cab-detail .button-botton a:last-child {
             margin-left: 10px;
         }
         
         .popular-section .popular-box .content .special-content.cab-detail .button-botton .btn {
             font-size: 14px;
             text-transform: capitalize;
             padding: 5px 12px;
             width: 50%;
             margin-top: 10px;
             background-color: transparent;
             color: #ef3f3e;
             border: 1px solid #ef3f3e;
             -webkit-box-shadow: none;
             box-shadow: none;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .popular-section .popular-box .content .special-content.cab-detail .button-botton .btn:hover {
             color: white;
             background-color: #ef3f3e;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .popular-section .slick-slide>div {
             margin: 0 10px !important;
         }
         
         .popular-section .slick-list {
             margin-left: -10px !important;
             margin-right: -10px !important;
         }
         
         .popular-section .slick-prev {
             top: -25px;
             right: 30px;
             left: unset;
         }
         
         .popular-section .slick-prev:before {
             opacity: 1;
             color: rgba(239, 63, 62, 0.3);
             content: "\f053";
             font-family: "Font Awesome 5 free";
             font-weight: 900;
         }
         
         .popular-section .slick-prev:hover:before {
             color: rgba(239, 63, 62, 0.7);
         }
         
         .popular-section .slick-next {
             top: -25px;
             right: 0;
             left: unset;
         }
         
         .popular-section .slick-next:before {
             opacity: 1;
             color: rgba(239, 63, 62, 0.3);
             content: "\f054";
             font-family: "Font Awesome 5 free";
             font-weight: 900;
         }
         
         .popular-section .slick-next:hover:before {
             color: rgba(239, 63, 62, 0.7);
         }
         
         .destination_section .detail-title {
             margin-bottom: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .destination_section .row+.row {
             margin-top: 30px;
         }
         
         .destination_section .destination_box {
             position: relative;
             border-radius: 16px;
             overflow: hidden;
         }
         
         .destination_section .destination_box .bg-size {
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .destination_section .destination_box img {
             width: 100%;
             max-width: 100%;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .destination_section .destination_box .content-sec {
             position: absolute;
             bottom: 0;
             width: 100%;
             text-align: center;
             padding: 30px;
             background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(231, 56, 39, 0)));
             background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(231, 56, 39, 0) 100%);
         }
         
         .destination_section .destination_box .content-sec h6 {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 500;
             color: white;
             text-transform: uppercase;
             margin-bottom: -4px;
         }
         
         .destination_section .destination_box .content-sec h5 {
             font-size: calc(15px + (22 - 15) * ((100vw - 320px) / (1920 - 320)));
             color: white;
             font-weight: 800;
             line-height: 1.5;
             margin-bottom: 0;
             margin-top: -7px;
             text-transform: capitalize;
         }
         
         .destination_section .destination_box:hover img,
         .destination_section .destination_box:hover .bg-size {
             -webkit-transform: scale(1.05);
             transform: scale(1.05);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .tourSection {
             overflow: hidden;
         }
         
         .tourSection .tourBox {
             cursor: pointer;
         }
         
         .tourSection .tourBox .bg-size,
         .tourSection .tourBox img {
             border-radius: 10px;
         }
         
         .tourSection .tourBox .tourImg {
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .tourSection .tourBox .tourContent {
             padding-top: 25px;
             text-align: center;
         }
         
         .tourSection .tourBox .tourContent h3 {
             font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 700;
             text-transform: capitalize;
             margin-bottom: 5px;
         }
         
         .tourSection .tourBox .tourContent h6 {
             margin-bottom: 0;
             color: #828282;
             text-transform: capitalize;
             letter-spacing: 0.8px;
             line-height: 1.4;
         }
         
         .tourSection .tourBox:hover .tourImg {
             -webkit-transform: scale(0.99);
             transform: scale(0.99);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .tourSection .slick-slide>div {
             margin: 0 15px;
         }
         
         .tourSection .slick-list {
             margin-left: -15px;
             margin-right: -15px;
         }
         
         .mycontent_wrapper {
             position: fixed;
             top: 42%;
             height: 100%;
             pointer-events: none;
             left: 44%;
             -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
             width: 100%;
             max-width: 1140px;
             color: white;
             z-index: 99;
         }
         
         .mycontent_wrapper .title {
             -webkit-font-smoothing: antialiased;
             -moz-osx-font-smoothing: grayscale;
             margin: 2px 0 0;
             font-size: 70px;
             white-space: nowrap;
             text-transform: uppercase;
             overflow: hidden;
             width: 100%;
             color: white;
             -webkit-transform: translateY(60px);
             transform: translateY(60px);
             height: 85px;
         }
         
         .mycontent_wrapper .title span {
             font-size: calc(26px + (50 - 26) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 700;
             letter-spacing: 0.03em;
             line-height: 1.1;
             text-transform: uppercase;
             width: 100%;
             display: block;
             overflow: hidden;
             -webkit-transition: -webkit-transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
             transition: -webkit-transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
             transition: transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
             transition: transform 800ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
             height: 85px;
         }
         
         .sticky-cls {
             position: sticky;
             z-index: 3;
             top: 5px;
         }
         
         .sticky-cls-top {
             position: sticky;
             z-index: 1;
             top: 22px;
         }
         
         .fullpage-content-section {
             position: fixed;
             left: 25%;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
         }
         
         .fullpage-content-section .fullpage-content-wrap.title {
             overflow: hidden;
             height: 54px;
         }
         
         .fullpage-content-section .fullpage-content-wrap.title h1 {
             color: white;
             margin-bottom: 0;
             line-height: 1;
         }
         
         .fullpage-content-section .fullpage-content-wrap.sub-title {
             height: 25px;
             overflow: hidden;
         }
         
         .fullpage-content-section .fullpage-content-wrap.sub-title h5 {
             color: white;
         }
         /*=====================
19. Theme modal css
==========================*/
         
         .video-modal .modal-body {
             padding: 0;
         }
         
         .video-modal .modal-body .btn-close {
             position: absolute;
             right: -30px;
             top: -30px;
             opacity: 1;
             background: none;
             padding: 0;
         }
         
         .video-modal .modal-body .btn-close span {
             text-shadow: none;
             color: white;
             font-size: 26px;
         }
         
         .video-modal iframe {
             height: 500px;
             width: 100%;
             vertical-align: middle;
             border: none;
         }
         
         .enquiry-modal .form-control {
             margin-bottom: 16px !important;
         }
         
         .enquiry-modal .modal-header .modal-title {
             color: black;
             font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 600;
         }
         
         .enquiry-modal .modal-header p {
             margin-bottom: 0;
             margin-top: 5px;
             color: rgba(0, 0, 0, 0.6);
             text-transform: capitalize;
         }
         /*=====================
20. Map css
==========================*/
         
         .MicrosoftMap .Infobox {
             border-radius: 0 !important;
             border: none !important;
         }
         
         .MicrosoftMap .Infobox.no-title .infobox-info {
             margin-right: 0 !important;
         }
         
         .MicrosoftMap .Infobox .infobox-body {
             width: auto !important;
             height: 100% !important;
             max-height: 100% !important;
             padding-bottom: 0 !important;
         }
         
         .MicrosoftMap .Infobox .infobox-info {
             padding: 0 !important;
             max-height: -webkit-max-content !important;
             max-height: -moz-max-content !important;
             max-height: max-content !important;
         }
         /*=====================
21. Inner pages css
==========================*/
         
         .mt-cls {
             margin-top: -30px;
         }
         
         .breadcrumb-section {
             background-position: center;
             background-size: cover;
             height: 150px;
             position: relative;
             overflow: hidden;
             z-index: 1;
         }
         
         .breadcrumb-section .breadcrumb-content {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             height: 150px;
             padding-top: 93px;
             text-align: center;
         }
         
         .breadcrumb-section .breadcrumb-content>div {
             padding: 40px 65px;
             background-color: rgba(255, 255, 255, 0.1);
         }
         
         .breadcrumb-section .breadcrumb-content h2 {
             font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)));
             color: white;
             text-transform: uppercase;
             font-weight: 800;
             margin-bottom: 16px;
             margin-top: -2px;
         }
         
         .breadcrumb-section .breadcrumb-content h6 {
             color: white;
             margin-bottom: -4px;
             font-weight: 700;
             font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .breadcrumb-section .breadcrumb-content.dark-content .breadcrumb-item+.breadcrumb-item:before {
             color: #0c0c0c !important;
         }
         
         .breadcrumb-section .breadcrumb-content.dark-content>div {
             background-color: rgba(255, 255, 255, 0.6);
         }
         
         .breadcrumb-section .breadcrumb-content.dark-content>div h2 {
             color: #ef3f3e;
         }
         
         .breadcrumb-section .breadcrumb-content.dark-content>div li {
             color: #0c0c0c !important;
         }
         
         .breadcrumb-section .breadcrumb-content.dark-content>div li a {
             color: #0c0c0c !important;
         }
         
         .breadcrumb-section .breadcrumb-content .breadcrumb {
             background-color: transparent;
             margin-bottom: -7px !important;
             padding: 0.75rem 1rem;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
         }
         
         .breadcrumb-section .breadcrumb-content .breadcrumb .breadcrumb-item {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: white;
             text-transform: capitalize;
             font-weight: 700;
         }
         
         .breadcrumb-section .breadcrumb-content .breadcrumb .breadcrumb-item a {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: white;
         }
         
         .breadcrumb-section .breadcrumb-content .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
             font-family: "Font Awesome 5 free";
             font-weight: 900;
             content: "\f101";
             color: white;
         }
         
         .breadcrumb-section .breadcrumb-content.overlay-black>div {
             background-color: rgba(0, 0, 0, 0.1);
         }
         
         .breadcrumb-section .breadcrumb-content.process-section .process-bar {
             background-color: white;
             border-radius: 30px;
         }
         
         .breadcrumb-section .breadcrumb-content.restaurant-name {
             padding-top: 0;
         }
         
         .breadcrumb-section .breadcrumb-content.restaurant-name h3 {
             text-transform: capitalize;
             font-weight: 700;
             color: black;
             font-size: calc(22px + (46 - 22) * ((100vw - 320px) / (1920 - 320)));
             margin-bottom: 10px;
         }
         
         .breadcrumb-section .breadcrumb-content.restaurant-name h6 {
             color: black;
             margin-bottom: 15px;
         }
         
         .breadcrumb-section .breadcrumb-content.restaurant-name>div {
             position: relative;
             z-index: 1;
             background-color: transparent;
             padding: 0;
         }
         
         .breadcrumb-section .breadcrumb-content.restaurant-name ul li {
             padding: 0 15px;
             color: black;
             position: relative;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .breadcrumb-section .breadcrumb-content.restaurant-name ul li+li:after {
             content: "";
             position: absolute;
             left: 0;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             width: 1px;
             height: 10px;
             background-color: black;
         }
         
         .breadcrumb-section .breadcrumb-content.restaurant-name ul li i {
             font-size: 12px;
             color: black;
         }
         
         .breadcrumb-section .breadcrumb-content.restaurant-name img {
             width: 30%;
             height: auto;
         }
         
         .breadcrumb-section .breadcrumb-content.breadcrumb-right {
             -webkit-box-pack: end;
             -ms-flex-pack: end;
             justify-content: flex-end;
             text-align: right;
             padding: 0;
         }
         
         .breadcrumb-section .breadcrumb-content.breadcrumb-right .breadcrumb {
             -webkit-box-pack: end;
             -ms-flex-pack: end;
             justify-content: flex-end;
         }
         
         .breadcrumb-section .breadcrumb-content.breadcrumb-right>div {
             padding: 0;
             background-color: transparent;
         }
         
         .breadcrumb-section .title-breadcrumb {
             font-family: Dancing Script;
             font-size: 510px;
             position: absolute;
             color: rgba(255, 255, 255, 0.02);
             text-transform: capitalize;
             top: 0;
             line-height: 1;
             left: 50%;
             -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
             font-weight: 700;
             z-index: -1;
         }
         
         .breadcrumb-section .content-bottom {
             background-color: #f9f9f9;
             position: absolute;
             bottom: 0;
             width: 100%;
             left: 0;
         }
         
         .breadcrumb-section .content-bottom .breadcrumb {
             background-color: #f9f9f9;
             margin-bottom: 0;
         }
         
         .breadcrumb-section .content-bottom .breadcrumb .breadcrumb-item {
             text-transform: capitalize;
         }
         
         .breadcrumb-section .content-bottom .breadcrumb .breadcrumb-item a {
             color: #8a8a8a;
         }
         
         .breadcrumb-section .content-bottom .breadcrumb .breadcrumb-item.active {
             color: black;
             font-weight: 700;
         }
         
         .breadcrumb-section.no-bg {
             background-image: none;
             position: relative;
         }
         
         .breadcrumb-section.no-bg:after {
             content: "";
             position: absolute;
             width: 100%;
             height: 100%;
             background-color: black;
             top: 0;
             z-index: -2;
         }
         
         .breadcrumb-section.breadcrumb-classic {
             height: 620px;
         }
         
         .breadcrumb-section.breadcrumb-classic .breadcrumb-content {
             -webkit-box-align: end;
             -ms-flex-align: end;
             align-items: flex-end;
             -webkit-box-pack: start;
             -ms-flex-pack: start;
             justify-content: flex-start;
             text-align: left;
             margin-left: 0;
         }
         
         .breadcrumb-section.breadcrumb-classic .breadcrumb-content>div {
             text-align: left;
             padding: 0;
             background-color: transparent;
         }
         
         .breadcrumb-section.breadcrumb-classic .breadcrumb-content .breadcrumb {
             -webkit-box-pack: end;
             -ms-flex-pack: end;
             justify-content: end;
         }
         
         .breadcrumb-section.breadcrumb-classic .title-breadcrumb {
             color: rgba(255, 255, 255, 0.1);
         }
         
         .breadcrumb-section.breadcrumb-cum-header {
             height: 700px;
             background-position: unset !important;
         }
         
         .breadcrumb-section.breadcrumb-cum-header .breadcrumb-content {
             height: 700px;
         }
         
         .breadcrumb-section.breadcrumb-cum-header .breadcrumb-content .package-detail {
             margin-bottom: -3px;
         }
         
         .breadcrumb-section.breadcrumb-cum-header .breadcrumb-content .package-detail li {
             color: white;
             padding-right: 10px;
             text-transform: capitalize;
             font-weight: 500;
         }
         
         .breadcrumb-section.breadcrumb-cum-header .breadcrumb-content .package-detail li i {
             margin-right: 10px;
         }
         
         .breadcrumb-section.flight-sec {
             height: calc(270px + (330 - 270) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .breadcrumb-section.flight-sec .breadcrumb-content {
             height: calc(270px + (330 - 270) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .breadcrumb-section.small-sec {
             height: 180px;
         }
         
         .breadcrumb-section.small-sec.flight-sec {
             height: 225px;
         }
         
         .order-food-section {
             height: calc(300px + (520 - 300) * ((100vw - 320px) / (1920 - 320)));
             position: relative;
             overflow: hidden;
         }
         
         .order-food-section .order-food {
             height: calc(300px + (420 - 300) * ((100vw - 320px) / (1920 - 320)));
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: end;
             -ms-flex-align: end;
             align-items: flex-end;
         }
         
         .order-food-section .order-food .book-table.single-table h3 {
             text-transform: capitalize;
             font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
             padding: 7px;
             position: relative;
             z-index: 1;
             display: inline-block;
             background-color: rgba(255, 255, 255, 0.22);
         }
         
         .order-food-section .order-food .book-table.single-table h3:after {
             content: "";
             position: absolute;
             width: 100%;
             height: 100%;
             left: 0;
             background-color: rgba(255, 255, 255, 0.36);
             z-index: -1;
             top: 0;
             -webkit-filter: blur(10px);
             filter: blur(10px);
         }
         
         .order-food-section .order-food .book-table.single-table .table-form {
             -webkit-box-shadow: 0px -1px 30px 0 rgba(0, 0, 0, 0.15);
             box-shadow: 0px -1px 30px 0 rgba(0, 0, 0, 0.15);
             margin-top: 0;
             margin-bottom: 60px;
             border-radius: 10px;
             padding: 20px 10px;
         }
         
         .order-food-section .order-food .book-table.single-table .table-form form .btn {
             margin-left: 0;
             width: 100%;
             border-radius: 5px;
             padding: 10px;
             line-height: 1;
             margin-top: 0;
         }
         
         .order-food-section .order-food .book-table.single-table .table-form form .form-group {
             margin-right: 0;
         }
         
         .order-food-section .order-food .book-table.single-table .table-form form .form-group input {
             border-radius: 5px;
             padding: 10px 15px;
             background-color: #f9f9f9;
             font-size: 14px;
         }
         
         .order-food-section .order-food .book-table.single-table .table-form form ::-webkit-input-placeholder {
             font-weight: 400;
             font-size: 14px;
             color: rgba(0, 0, 0, 0.5);
         }
         
         .order-food-section .order-food .book-table.single-table .table-form form ::-moz-placeholder {
             font-weight: 400;
             font-size: 14px;
             color: rgba(0, 0, 0, 0.5);
         }
         
         .order-food-section .order-food .book-table.single-table .table-form form :-ms-input-placeholder {
             font-weight: 400;
             font-size: 14px;
             color: rgba(0, 0, 0, 0.5);
         }
         
         .order-food-section .order-food .book-table.single-table .table-form form ::-ms-input-placeholder {
             font-weight: 400;
             font-size: 14px;
             color: rgba(0, 0, 0, 0.5);
         }
         
         .order-food-section .order-food .book-table.single-table .table-form form ::placeholder {
             font-weight: 400;
             font-size: 14px;
             color: rgba(0, 0, 0, 0.5);
         }
         
         .order-food-section.not-found {
             height: 270px;
         }
         
         .order-food-section.not-found .order-food {
             height: 270px;
         }
         
         .mix-2 .mix-pills {
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
         }
         
         .mix-form {
             height: calc(300px + (520 - 300) * ((100vw - 320px) / (1920 - 320)));
             position: relative;
             overflow: hidden;
         }
         
         .mix-form .form-section {
             height: calc(300px + (520 - 300) * ((100vw - 320px) / (1920 - 320)));
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .mix-form .form-section .tab-sec {
             text-align: center;
         }
         
         .mix-form .form-section .tab-sec .nav-tabs .nav-item .nav-link {
             text-transform: capitalize;
             color: #333333;
             border: none;
             font-size: 16px;
             font-weight: 600;
             background-color: white;
         }
         
         .mix-form .form-section .tab-sec .nav-tabs .nav-item .nav-link.active {
             color: white;
             background-color: #ef3f3e;
         }
         
         .mix-form .form-section .tab-sec .nav-tabs .nav-item .nav-link.active svg {
             fill: white;
         }
         
         .mix-form .form-section .tab-content {
             background-color: white;
             padding: 15px;
         }
         
         .mix-form .form-section .tab-content .form-group {
             margin-bottom: 0;
         }
         
         .up-section {
             margin-top: -70px;
             margin-bottom: 100px;
             -webkit-box-shadow: 0 0 8px 0 #ddd;
             box-shadow: 0 0 8px 0 #ddd;
             position: relative;
             background-color: white;
         }
         
         .up-section .about-section {
             background-color: white;
             position: relative;
             padding-top: 85px;
         }
         
         .up-section .team-section .team-box .img-part {
             margin-bottom: 0;
         }
         
         .up-section .team-section .team-box .img-part img {
             -webkit-filter: brightness(0.8);
             filter: brightness(0.8);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .up-section .team-section .team-box .team-content {
             position: relative;
             bottom: 0;
         }
         
         .up-section .team-section .team-box .team-social {
             bottom: 100px;
         }
         
         .up-section .team-section .team-box .team-social .social-box {
             width: 35px;
             height: 35px;
             margin: 0 6px;
         }
         
         .up-section .team-section .team-box:hover .img-part img {
             -webkit-filter: brightness(1);
             filter: brightness(1);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .team-section .team-box {
             position: relative;
         }
         
         .team-section .team-box .img-part {
             margin-bottom: 30px;
         }
         
         .team-section .team-box .img-part img {
             -webkit-box-shadow: 5px 8.66px 20px 0px rgba(0, 0, 0, 0.15);
             box-shadow: 5px 8.66px 20px 0px rgba(0, 0, 0, 0.15);
             width: 100%;
         }
         
         .team-section .team-box .team-content {
             min-width: 240px;
             padding: 20px;
             background-color: white;
             position: absolute;
             bottom: -30px;
             left: 50%;
             -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
             text-align: center;
         }
         
         .team-section .team-box .team-content h3 {
             font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             text-transform: capitalize;
             margin-bottom: 5px;
             margin-top: -4px;
         }
         
         .team-section .team-box .team-content h6 {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: #ef3f3e;
             text-transform: capitalize;
             font-weight: 800;
             margin-bottom: -2px;
         }
         
         .team-section .team-box .team-social {
             position: absolute;
             bottom: 80px;
             left: 50%;
             -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .team-section .team-box .team-social .social-box {
             width: 45px;
             height: 45px;
             background-color: white;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             margin: 0 8px;
             opacity: 0;
             -webkit-transform: scale(0.8);
             transform: scale(0.8);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .team-section .team-box:hover .team-social .social-box {
             opacity: 1;
             -webkit-transform: scale(1);
             transform: scale(1);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .team-section .team-slider {
             margin-bottom: 0;
         }
         
         .team-section .slick-slide>div {
             margin: 0 25px;
         }
         
         .team-section .slick-list {
             margin-left: -25px;
             margin-right: -25px;
         }
         
         .team-section .slick-dots {
             padding-top: 45px;
             position: relative;
             bottom: 0;
         }
         
         .team-section .slick-dots li {
             z-index: 1;
         }
         
         .team-section .slick-dots li button:before {
             color: #ef3f3e;
             font-size: 12px;
         }
         
         .team-section .slick-dots li.slick-active button:after {
             position: absolute;
             top: 0;
             left: -2px;
             content: "•";
             width: 20px;
             height: 20px;
             font-family: "slick";
             font-size: 24px;
             line-height: 20px;
             text-align: center;
             color: #ef3f3e;
             opacity: 0.1;
             z-index: -1;
         }
         
         .facts-section .facts-box {
             background-color: white;
             padding: 40px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             text-align: center;
             -webkit-box-shadow: 2px 3px 13px 0px rgba(0, 0, 0, 0.06);
             box-shadow: 2px 3px 13px 0px rgba(0, 0, 0, 0.06);
         }
         
         .facts-section .facts-box .img {
             margin-bottom: 15px;
         }
         
         .facts-section .facts-box .img img {
             -webkit-transform: scale(1);
             transform: scale(1);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .facts-section .facts-box h3 {
             font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 700;
             margin-bottom: 0;
         }
         
         .facts-section .facts-box h6 {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: #ef3f3e;
             margin-bottom: 0;
             font-weight: 700;
             text-transform: capitalize;
             margin-bottom: -2px;
         }
         
         .facts-section .facts-box:hover .img img {
             -webkit-transform: scale(1.1);
             transform: scale(1.1);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .filter-panel {
             background-color: white;
             padding: 25px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             position: relative;
         }
         
         .filter-panel .popup-btn {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .filter-panel .popup-btn h5 {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             color: black;
             font-weight: 700;
             margin-bottom: 0;
         }
         
         .filter-panel .popup-btn img {
             margin-left: 10px;
         }
         
         .filter-panel .respon-filter-btn {
             display: none;
         }
         
         .filter-panel .left-filter {
             display: inline-block;
         }
         
         .filter-panel .left-filter .filters ul h4 {
             margin-bottom: 0;
             line-height: 1;
         }
         
         .filter-panel .left-filter .filters ul li {
             padding: 7px 17px;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             cursor: pointer;
             background-color: #f9f9f9;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             font-weight: 700;
             margin-right: 10px;
             text-transform: capitalize;
         }
         
         .filter-panel .left-filter .filters ul li.active {
             background-color: #ef3f3e;
             color: white;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .filter-panel .collection-grid-view {
             display: inline-block;
             margin: 0 auto;
             padding-left: 15px;
         }
         
         .filter-panel .collection-grid-view ul {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .filter-panel .collection-grid-view>ul>li {
             margin: 0 4px;
         }
         
         .filter-panel .collection-grid-view .filter-select li {
             width: 6px;
             height: 17px;
             background-color: #ef3f3e;
             margin-left: 4px;
             margin-bottom: -1px;
         }
         
         .filter-panel .right-panel {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-left: auto;
         }
         
         .filter-panel .right-panel ul li+li {
             margin-left: 8px;
         }
         
         .filter-panel.bg-inner {
             background-color: #f9f9f9 !important;
         }
         
         .filter-panel.bg-inner .left-filter .filters ul li {
             background-color: white;
         }
         
         .filter-panel.bg-inner .left-filter .filters ul li.active {
             background-color: #ef3f3e;
         }
         
         .filter-panel.filter-title-bar {
             padding: 0;
         }
         
         .filter-panel.filter-title-bar h4 {
             margin-bottom: 0;
             font-weight: 600;
         }
         
         .filter-panel.filter-title-bar .left-filter .filters ul {
             margin-bottom: -15px;
         }
         
         .filter-panel.filter-title-bar .left-filter .filters ul li {
             margin-bottom: 15px;
         }
         
         .custom-checkbox .form-check-input:checked~.form-check-label::before {
             background-color: #ef3f3e;
         }
         
         .left-sidebar {
             background-color: white;
             margin-top: 30px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .left-sidebar .back-btn {
             padding: 20px 25px;
             border-bottom: 1px solid #f9f9f9;
             display: none;
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             color: black;
             font-weight: 700;
             margin-bottom: 0;
             cursor: pointer;
         }
         
         .left-sidebar .search-bar {
             position: relative;
             padding: 35px;
             border-bottom: 1px solid #f9f9f9;
         }
         
         .left-sidebar .search-bar input {
             width: 100%;
             border: none;
             background-color: #f9f9f9;
             padding: 14px 14px 14px 50px;
         }
         
         .left-sidebar .search-bar i {
             position: absolute;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             left: 50px;
             color: #ef3f3e;
         }
         
         .left-sidebar .search-bar i:after {
             content: "";
             position: absolute;
             width: 1px;
             height: 12px;
             background-color: rgba(239, 63, 62, 0.5);
             right: -10px;
             top: 2px;
         }
         
         .left-sidebar .search-bar ::-webkit-input-placeholder {
             font-size: 14px;
             color: black;
         }
         
         .left-sidebar .search-bar ::-moz-placeholder {
             font-size: 14px;
             color: black;
         }
         
         .left-sidebar .search-bar :-ms-input-placeholder {
             font-size: 14px;
             color: black;
         }
         
         .left-sidebar .search-bar ::-ms-input-placeholder {
             font-size: 14px;
             color: black;
         }
         
         .left-sidebar .search-bar ::placeholder {
             font-size: 14px;
             color: black;
         }
         
         .left-sidebar .middle-part {
             padding: 25px 35px;
         }
         
         .left-sidebar .middle-part .section-title {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             padding-bottom: 20px;
             border-bottom: 1px solid #f9f9f9;
         }
         
         .left-sidebar .middle-part .section-title h5 {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             color: black;
             font-weight: 700;
             margin-bottom: 0;
         }
         
         .left-sidebar .middle-part .section-title img {
             margin-left: auto;
         }
         
         .left-sidebar .middle-part .filter-block .collapse-block-title {
             position: relative;
             font-size: 14px;
             color: black;
             text-transform: capitalize;
             margin: 20px 0;
             cursor: pointer;
             font-weight: 600;
         }
         
         .left-sidebar .middle-part .filter-block .collapse-block-title:after {
             position: absolute;
             display: block;
             top: 0;
             right: 0;
             content: "+";
             color: black;
             padding: 0 6px;
             background-color: #f9f9f9;
         }
         
         .left-sidebar .middle-part .filter-block .collection-brand-filter .collection-filter-checkbox {
             margin-bottom: 6px;
         }
         
         .left-sidebar .middle-part .filter-block .collection-brand-filter .collection-filter-checkbox input:focus {
             outline: none;
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         
         .left-sidebar .middle-part .filter-block .sidebar-hotels {
             max-height: 210px;
             overflow-y: auto;
         }
         
         .left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box .img-left {
             width: 100px;
             height: auto;
         }
         
         .left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box .content-right {
             padding-left: 20px;
         }
         
         .left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box .content-right h5 {
             color: black;
             font-weight: 700;
             text-transform: capitalize;
             margin-bottom: 5px;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box .content-right .rating {
             margin-bottom: 5px;
         }
         
         .left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box .content-right .price {
             font-weight: 700;
             color: rgba(0, 0, 0, 0.6);
         }
         
         .left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box .content-right .price span {
             color: rgba(0, 0, 0, 0.6);
         }
         
         .left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box+.hotel-box {
             margin-top: 10px;
         }
         
         .left-sidebar .middle-part .filter-block .form-check-input {
             position: absolute;
             z-index: -1;
             opacity: 0;
         }
         
         .left-sidebar .middle-part .filter-block .form-check-input:checked~.form-check-label:after {
             background-image: url("../image/check-mark.svg");
         }
         
         .left-sidebar .middle-part .filter-block .form-check-input:checked~.form-check-label:before {
             background-color: #ef3f3e;
         }
         
         .left-sidebar .middle-part .filter-block .form-check-label {
             cursor: pointer;
             margin-left: 5px;
             font-size: 14px;
             color: rgba(0, 0, 0, 0.7);
             text-transform: capitalize;
             position: relative;
         }
         
         .left-sidebar .middle-part .filter-block .form-check-label .rating {
             margin-top: 3px;
         }
         
         .left-sidebar .middle-part .filter-block .form-check-label:before {
             content: "";
             top: -2px;
             height: 20px;
             width: 20px;
             background: #f1f1f1;
             border: none;
             left: -29px;
             border-radius: 0;
             position: absolute;
             display: block;
             -webkit-user-select: none;
             -moz-user-select: none;
             -ms-user-select: none;
             user-select: none;
             pointer-events: none;
         }
         
         .left-sidebar .middle-part .filter-block .form-check-label:after {
             content: "";
             top: -2px;
             height: 20px;
             width: 20px;
             background-size: 48%;
             left: -29px;
             position: absolute;
             display: block;
             background-repeat: no-repeat;
             background-position: center center;
         }
         
         .left-sidebar .middle-part .filter-block .collection-collapse-block {
             border-bottom: 1px solid #f9f9f9;
         }
         
         .left-sidebar .middle-part .filter-block .collection-collapse-block.open .collapse-block-title:after {
             content: "-";
         }
         
         .left-sidebar .middle-part .filter-block .collection-collapse-block .collection-collapse-block-content {
             padding-bottom: 12px;
         }
         
         .left-sidebar .bottom-info {
             padding: 0 35px 35px;
         }
         
         .left-sidebar .bottom-info h6 {
             margin-bottom: 0;
             font-size: 12px;
             color: rgba(0, 0, 0, 0.7);
             font-weight: 700;
         }
         
         .left-sidebar .bottom-info h4 {
             font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 700;
         }
         
         .left-sidebar .bottom-info h5 {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             background-color: #ef3f3e;
             color: white;
             display: inline-block;
             text-transform: capitalize;
             font-weight: 700;
             padding: 6px 10px;
             border-radius: 50px;
             margin-bottom: 12px;
         }
         
         .left-sidebar .bottom-info h5 span {
             text-transform: lowercase;
             font-size: 12px;
             border: 2px solid white;
             border-radius: 100%;
             padding: 0 6px;
         }
         
         .left-sidebar.sidebar-popup {
             display: none;
             position: absolute;
             z-index: 9;
             top: 80px;
             left: 0;
             border: 1px solid #f1f5f4;
             -webkit-box-shadow: 0 0 5px #ddd;
             box-shadow: 0 0 5px #ddd;
             width: 280px;
             max-height: 530px;
             overflow-y: auto;
         }
         
         .left-sidebar.sidebar-popup.open {
             display: block;
         }
         
         .left-sidebar.sidebar-class {
             position: fixed;
             width: 300px;
             left: -300px;
             top: 0;
             margin-top: 0;
             z-index: 5;
             overflow-y: auto;
             height: 100vh;
         }
         
         .left-sidebar.sidebar-class .back-btn {
             display: block;
         }
         
         .search-panel .search-section {
             margin-top: 0;
             margin-bottom: 0;
         }
         
         .search-panel .search-section .title-hotel ::-webkit-input-placeholder {
             font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
         }
         
         .search-panel .search-section .title-hotel ::-moz-placeholder {
             font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
         }
         
         .search-panel .search-section .title-hotel :-ms-input-placeholder {
             font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
         }
         
         .search-panel .search-section .title-hotel ::-ms-input-placeholder {
             font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
         }
         
         .search-panel .search-section .title-hotel ::placeholder {
             font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
         }
         
         .search-panel .search-section .search-box {
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         
         .search-panel .search-section .search-box .right-part {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             margin: 0 50px;
         }
         
         .search-panel .search-section .search-box .left-part .search-body {
             padding: 30px 40px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .search-panel .search-section .search-box .left-part .search-body:last-child:after {
             display: block;
         }
         
         .search-panel .search-section .search-box .left-part .search-body h6 {
             font-weight: 700;
             color: rgba(0, 0, 0, 0.36);
         }
         
         .search-panel .search-section .search-box .left-part .search-body.btn-search:after {
             display: none;
         }
         
         .search-panel.sticky {
             position: fixed;
             z-index: 2;
             top: 0;
             left: 0;
             width: 100%;
             -webkit-box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
             box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
             -webkit-animation: smoothScroll 1s forwards;
             animation: smoothScroll 1s forwards;
         }
         
         .search-panel.sticky .search-section .search-box .left-part .search-body {
             padding: 20px 40px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .mobile-filter {
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             background-color: white;
             padding: 15px;
             display: none;
         }
         
         .mobile-filter h5 {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             color: black;
             font-weight: 700;
             margin-bottom: -3px;
         }
         
         .mobile-filter img {
             margin-left: auto;
         }
         
         .map-section {
             margin-top: 30px;
             z-index: 1;
             position: relative;
         }
         
         .map-section iframe,
         .map-section .map {
             height: 100%;
             width: 100%;
             position: absolute;
             top: 0;
             left: 0;
         }
         
         .infoBox .marker-detail {
             background-color: white;
         }
         
         .infoBox .marker-detail img {
             width: 180px;
         }
         
         .infoBox .marker-detail .detail-part {
             padding: 6px;
         }
         
         .infoBox .marker-detail .detail-part h6 {
             font-weight: 600;
             margin-bottom: 5px;
             text-transform: capitalize;
             color: black;
         }
         
         .infoBox .marker-detail .detail-part .rating {
             margin-bottom: 3px;
         }
         
         .infoBox .marker-detail .detail-part .rating.one-star i:first-child {
             font-weight: 900;
         }
         
         .infoBox .marker-detail .detail-part .rating.two-star i:nth-child(-n+2) {
             font-weight: 900;
         }
         
         .infoBox .marker-detail .detail-part .rating.three-star i:nth-child(-n+3) {
             font-weight: 900;
         }
         
         .infoBox .marker-detail .detail-part .rating.four-star i:nth-child(-n+4) {
             font-weight: 900;
         }
         
         .infoBox .marker-detail .detail-part .rating.five-star i {
             font-weight: 900;
         }
         
         .infoBox .marker-detail .detail-part span {
             display: block;
             font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 400;
             color: #3e3e3e;
         }
         
         .infoBox .marker-detail .detail-part a {
             position: absolute;
             right: 7px;
             bottom: 7px;
             font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
             color: #ef3f3e;
         }
         
         .view-map {
             text-transform: capitalize;
             color: black;
             margin-right: 15px;
             font-weight: 700;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             position: relative;
         }
         
         .view-map:hover {
             color: #ef3f3e;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .view-map.mobile-map {
             display: none;
         }
         
         .view-map .arrow {
             position: absolute;
             width: 100%;
             top: -58px;
             font-weight: 600;
             font-size: 14px;
             color: black;
             cursor: auto;
         }
         
         .view-map .arrow:after {
             content: "";
             background-image: url("../images/icon/arrow.png");
             width: 50px;
             height: 50px;
             position: absolute;
             background-size: contain;
             -webkit-transform: rotate(115deg);
             transform: rotate(115deg);
             left: -70px;
             bottom: -30px;
             background-repeat: no-repeat;
         }
         
         .view-map .arrow:hover {
             color: black;
         }
         
         .onclick-map {
             display: none;
         }
         
         .onclick-map iframe,
         .onclick-map .map {
             width: 100%;
             height: 300px;
             margin-top: 30px;
         }
         
         .onclick-map>div {
             margin-top: 30px;
         }
         
         .onclick-map.show {
             display: block;
         }
         
         .map-modal .btn-close {
             position: absolute;
             top: 1px;
             right: 10px;
             z-index: 2;
             font-size: 1.9rem;
             background: none;
         }
         
         .map-modal .modal-dialog {
             width: 100%;
             height: 90%;
             max-width: 97%;
         }
         
         .map-modal .modal-dialog .modal-content {
             border: 0 none;
             border-radius: 0;
             background-color: #f9f9f9;
         }
         
         .map-modal .modal-dialog .modal-content .modal-body {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .map-modal .modal-dialog .modal-content .modal-body .left-sidebar {
             height: 100%;
             overflow: scroll;
         }
         
         .map-modal .modal-dialog .modal-content iframe,
         .map-modal .modal-dialog .modal-content .map {
             width: 100%;
             height: 100%;
         }
         
         .list-view {
             margin-top: 30px;
         }
         
         .list-view .list-box {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             padding: 15px;
             background-color: white;
         }
         
         .list-view .list-box .list-img {
             width: 35%;
         }
         
         .list-view .list-box .list-content {
             margin-left: 25px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             width: 60%;
         }
         
         .list-view .list-box .list-content>div {
             width: 100%;
             position: relative;
         }
         
         .list-view .list-box .list-content h5 {
             font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             margin-bottom: 0;
             color: black;
             font-weight: 800;
             line-height: 1.5;
         }
         
         .list-view .list-box .list-content h6 {
             color: #797979;
         }
         
         .list-view .list-box .list-content p {
             color: rgba(0, 0, 0, 0.7);
             text-transform: capitalize;
             font-weight: 400;
         }
         
         .list-view .list-box .list-content .price {
             color: #333333;
             font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 800;
             margin-top: 15px;
         }
         
         .list-view .list-box .list-content .price del {
             font-size: 14px;
             color: rgba(0, 0, 0, 0.6);
             font-weight: 700;
             margin-right: 10px;
         }
         
         .list-view .list-box .list-content .price span {
             font-size: 14px;
         }
         
         .list-view .list-box .list-content .rating span {
             color: #3e3e3e;
             font-size: 12px;
             font-weight: 700;
             margin-left: 18px;
         }
         
         .list-view .list-box .list-content .facility-icon {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             text-align: center;
             margin-top: 20px;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .list-view .list-box .list-content .facility-icon .facility-box span {
             text-transform: capitalize;
             color: #5f5f5f;
             font-size: 12px;
         }
         
         .list-view .list-box .list-content .facility-icon .facility-box img {
             display: block;
             width: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
             margin: 0 auto;
         }
         
         .list-view .list-box .list-content .facility-icon .facility-box i {
             display: block;
             font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: rgba(95, 95, 95, 0.64);
         }
         
         .list-view .list-box .list-content .facility-icon .facility-box+.facility-box {
             margin-left: 15px;
         }
         
         .list-view .list-box .list-content .hotel-info {
             margin-top: 12px;
         }
         
         .list-view .list-box .list-content .book-now {
             position: absolute;
             right: 0;
             bottom: 0;
         }
         
         .list-view .list-box .list-content .offer-box {
             position: absolute;
             right: 0;
             top: 0;
             border: 1px solid #f9f9f9;
             padding: 10px;
             color: #ef3f3e;
             font-weight: 700;
             max-width: 150px;
         }
         
         .list-view .list-box+.list-box {
             margin-top: 30px;
         }
         
         .list-view .list-box .slick-prev {
             left: 1px;
             z-index: 1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             background-color: transparent;
             height: 36px;
         }
         
         .list-view .list-box .slick-prev:before {
             content: "\f053";
             font-family: "Font Awesome 5 Free";
             font-weight: 900;
         }
         
         .list-view .list-box .slick-next {
             right: 0;
             z-index: 1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             background-color: transparent;
             height: 36px;
         }
         
         .list-view .list-box .slick-next:before {
             content: "\f054";
             font-family: "Font Awesome 5 Free";
             font-weight: 900;
         }
         
         .list-view .list-box .slider-nav {
             margin-top: 3px;
         }
         
         .list-view .list-box .slider-nav .slick-slide {
             margin: 0 3px;
             cursor: pointer;
         }
         
         .list-view .list-box .slider-nav .slick-list {
             margin-left: -3px;
             margin-right: -3px;
         }
         
         .list-view .list-box:hover .special-img .bg-size {
             -webkit-transform: scale(1);
             transform: scale(1);
         }
         
         .list-view .list-box:hover .slick-next,
         .list-view .list-box:hover .slick-prev {
             background-color: #252525;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .pagination-section {
             margin-top: 40px;
         }
         
         .pagination-section .pagination {
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
         }
         
         .pagination-section .pagination .page-item.active .page-link {
             background-color: #ef3f3e;
             color: white;
         }
         
         .pagination-section .pagination .page-item .page-link {
             color: black;
             background-color: white;
             border: none;
             margin: 0 3px;
             -webkit-box-shadow: 0 0 8px #dadada;
             box-shadow: 0 0 8px #dadada;
         }
         
         .pagination-section .pagination .page-item .page-link:focus {
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         
         .filter_button {
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             background-color: white;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .filter_button h5 {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             color: black;
             font-weight: 700;
             margin-bottom: -3px;
         }
         
         .filter_button img {
             margin-right: 10px;
         }
         
         .filter-bottom-content {
             display: none;
             position: absolute;
             left: 0;
             top: 80px;
             width: 100%;
             z-index: 2;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             -webkit-box-shadow: 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
             box-shadow: 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
             -webkit-transition-property: all;
             transition-property: all;
             -webkit-transition-duration: 0.5s;
             transition-duration: 0.5s;
             -webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
             transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
         }
         
         .filter-bottom-content .middle-part .filter-block .collapse-block-title {
             cursor: default;
             margin-top: 0;
             font-weight: 700;
         }
         
         .filter-bottom-content .middle-part .filter-block .collapse-block-title:after {
             display: none;
         }
         
         .filter-bottom-content .middle-part .filter-block .collection-collapse-block {
             border-bottom: none;
         }
         
         .filter-bottom-content .middle-part .filter-block .collection-collapse-block .collection-collapse-block-content {
             padding-bottom: 0;
         }
         
         .filter-bottom-content .middle-part .filter-block .collection-brand-filter .collection-filter-checkbox {
             margin-bottom: 10px;
         }
         
         .filter-bottom-content .middle-part .button_bottom {
             width: 100%;
         }
         
         .filter-bottom-content .middle-part .btn {
             text-transform: capitalize;
             padding: 5px 15px;
         }
         
         .hotel-single-section {
             background-position: center;
             background-size: cover;
             height: 450px;
             position: relative;
             overflow: hidden;
         }
         
         .hotel-single-section .hotel-title-section {
             background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(231, 56, 39, 0)));
             background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(231, 56, 39, 0) 100%);
             position: absolute;
             bottom: 0;
             width: 100%;
         }
         
         .hotel-single-section .hotel-title-section .hotel-name {
             padding: 40px 0;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .hotel-single-section .hotel-title-section .hotel-name .left-part .top {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-bottom: 18px;
         }
         
         .hotel-single-section .hotel-title-section .hotel-name .left-part .top h2 {
             color: white;
             margin-bottom: 0;
             font-size: calc(16px + (36 - 16) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .hotel-single-section .hotel-title-section .hotel-name .left-part .top .rating {
             margin-left: 15px;
         }
         
         .hotel-single-section .hotel-title-section .hotel-name .left-part .top .share-buttons .btn {
             padding: 4px 10px;
             text-transform: capitalize;
             border-radius: 5px;
             margin-left: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             background-color: #f9f9f9;
         }
         
         .hotel-single-section .hotel-title-section .hotel-name .left-part p {
             color: rgba(255, 255, 255, 0.9);
             margin-bottom: 0;
             font-weight: 700;
         }
         
         .hotel-single-section .hotel-title-section .hotel-name .left-part .facility-detail {
             margin-top: 20px;
             margin-bottom: -6px;
         }
         
         .hotel-single-section .hotel-title-section .hotel-name .left-part .facility-detail span {
             color: white;
             font-weight: 600;
             font-size: 14px;
             text-transform: capitalize;
             padding: 2px 8px;
             border: 1px solid #ddd;
             border-radius: 5px;
         }
         
         .hotel-single-section .hotel-title-section .hotel-name .left-part .facility-detail span i {
             margin-right: 3px;
         }
         
         .hotel-single-section .hotel-title-section .hotel-name .left-part .facility-detail span+span {
             margin-left: 10px;
         }
         
         .hotel-single-section .hotel-title-section .hotel-name .right-part {
             margin-left: auto;
             text-align: right;
         }
         
         .hotel-single-section .hotel-title-section .hotel-name .right-part .price {
             font-size: calc(16px + (36 - 16) * ((100vw - 320px) / (1920 - 320)));
             color: white;
         }
         
         .hotel-single-section .hotel-title-section .hotel-name .right-part .price span {
             font-size: 16px;
         }
         
         .hotel-single-section .hotel-title-section .hotel-name .right-part .btn {
             padding: 7px 13px;
         }
         
         .hotel_title_section {
             position: relative;
             width: 100%;
         }
         
         .hotel_title_section .hotel-name {
             padding: 0 0 40px 0;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .hotel_title_section .hotel-name .left-part .top {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-bottom: 18px;
         }
         
         .hotel_title_section .hotel-name .left-part .top h2 {
             margin-bottom: 0;
             font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .hotel_title_section .hotel-name .left-part .top .rating {
             margin-left: 15px;
         }
         
         .hotel_title_section .hotel-name .left-part .top .share-buttons .btn {
             padding: 4px 10px;
             text-transform: capitalize;
             border-radius: 5px;
             margin-left: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             background-color: white;
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         
         .hotel_title_section .hotel-name .left-part p {
             color: rgba(0, 0, 0, 0.6);
             margin-bottom: 0;
             font-weight: 700;
         }
         
         .hotel_title_section .hotel-name .left-part .facility-detail {
             margin-top: 15px;
             margin-bottom: -6px;
         }
         
         .hotel_title_section .hotel-name .left-part .facility-detail span {
             color: rgba(0, 0, 0, 0.7);
             font-weight: 700;
             font-size: 12px;
             text-transform: capitalize;
             padding: 2px 8px;
             border: 1px solid #ddd;
             border-radius: 5px;
         }
         
         .hotel_title_section .hotel-name .left-part .facility-detail span i {
             margin-right: 3px;
         }
         
         .hotel_title_section .hotel-name .left-part .facility-detail span+span {
             margin-left: 10px;
         }
         
         .hotel_title_section .hotel-name .right-part {
             margin-left: auto;
             text-align: right;
         }
         
         .hotel_title_section .hotel-name .right-part .price {
             font-size: calc(16px + (36 - 16) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .hotel_title_section .hotel-name .right-part .price span {
             font-size: 16px;
         }
         
         .hotel_title_section .hotel-name .right-part .btn {
             padding: 7px 13px;
         }
         
         .single-section {
             position: relative;
         }
         
         .single-section .image_section {
             position: relative;
         }
         
         .single-section .image_section .view-all {
             position: absolute;
             width: 100%;
             bottom: 0;
             background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(231, 56, 39, 0)));
             background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(231, 56, 39, 0) 100%);
             margin-bottom: 0;
             padding: 10px;
             text-transform: capitalize;
             color: white;
             font-weight: 800;
             line-height: 1;
         }
         
         .single-section .image_section .slider-thumbnail {
             margin-top: 5px;
             overflow: hidden;
         }
         
         .single-section .image_section .slider-thumbnail .slick-slide>div {
             margin: 0 5px;
         }
         
         .single-section .image_section .slider-thumbnail .slick-list {
             margin-left: -5px;
             margin-right: -5px;
         }
         
         .single-section .facility_sec {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             background-color: white;
             margin-top: 20px;
         }
         
         .single-section .facility_sec .icon-box {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             padding: 0 50px;
             position: relative;
         }
         
         .single-section .facility_sec .icon-box svg {
             width: 30px;
             height: auto;
             fill: #ef3f3e;
         }
         
         .single-section .facility_sec .icon-box .content {
             margin-left: 15px;
         }
         
         .single-section .facility_sec .icon-box .content h5 {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             font-weight: 700;
             margin-bottom: 0;
         }
         
         .single-section .facility_sec .icon-box .content h6 {
             font-size: 12px;
             color: rgba(0, 0, 0, 0.7);
             text-transform: capitalize;
             margin-bottom: 0;
         }
         
         .single-section .facility_sec .icon-box:after {
             content: "";
             width: 1px;
             height: 25px;
             background-color: #ef3f3e;
             position: absolute;
             right: 0;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
         }
         
         .single-section .facility_sec .icon-box:last-child:after {
             display: none;
         }
         
         .single-section .description-section .menu-top {
             margin-top: 20px;
             padding: 12px 0;
             background-color: white;
             -webkit-box-shadow: 0 2px 4px 0 #dedede;
             box-shadow: 0 2px 4px 0 #dedede;
         }
         
         .single-section .description-section .menu-top li a {
             color: black;
             text-transform: uppercase;
             font-weight: 700;
             padding: 10px 25px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .single-section .description-section .menu-top li.active a {
             color: #ef3f3e;
             border-bottom: 2px solid #ef3f3e;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .single-section .description-section .menu-top li.mobile-menu {
             display: none;
         }
         
         .single-section .description-section .menu-top.sticky {
             position: fixed;
             z-index: 3;
             top: 0;
             left: 0;
             width: 100%;
             -webkit-box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
             box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
             margin-top: 0;
             padding: 10px 0;
             -webkit-animation: smoothScroll 1s forwards;
             animation: smoothScroll 1s forwards;
         }
         
         .single-section .description-section .menu-top.sticky li a {
             padding: 10px 20px;
         }
         
         .single-section .description-section .menu-top.menu-up {
             margin-top: 0;
             margin-bottom: 30px;
         }
         
         .single-section .description-section .description-details .content-title {
             text-transform: uppercase;
             font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 700;
         }
         
         .single-section .description-section .description-details .menu-part {
             margin-top: 20px;
             padding: 30px;
             background-color: white;
             margin-bottom: 30px;
             -webkit-box-shadow: 0 2px 4px 0 #dedede;
             box-shadow: 0 2px 4px 0 #dedede;
         }
         
         .single-section .description-section .description-details .menu-part.page-section .zoom-gallery>div:nth-child(-n+3) {
             margin-bottom: 0;
         }
         
         .single-section .description-section .description-details .menu-part .accordion-plan {
             position: relative;
         }
         
         .single-section .description-section .description-details .menu-part .accordion-plan .card {
             border-radius: 0;
             border: 1px solid #f9f9f9;
         }
         
         .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header {
             background-color: #f9f9f9;
             border-bottom: 0;
             padding: 6px;
         }
         
         .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button {
             display: block;
             width: 100%;
             text-align: left;
             color: #353535;
             text-transform: capitalize;
         }
         
         .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button:before {
             content: "";
             position: absolute;
             width: 0;
             height: 0;
             border-left: 7px solid transparent;
             border-right: 7px solid transparent;
             border-top: 6px solid #353535;
             right: 20px;
             top: 20px;
             -webkit-transition: all 0.3s ease;
             transition: all 0.3s ease;
         }
         
         .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button[aria-expanded="true"]:before {
             border-top: 0;
             border-bottom: 6px solid #353535;
             -webkit-transition: all 0.3s ease;
             transition: all 0.3s ease;
         }
         
         .single-section .description-section .description-details .menu-part .accordion-plan .card .card-body {
             color: #444444;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .single-section .description-section .description-details .menu-part .accordion-plan .card .card-body .highlight {
             margin-top: 10px;
         }
         
         .single-section .description-section .description-details .menu-part .accordion-plan .card .card-body .highlight li {
             display: block;
             text-transform: capitalize;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .single-section .description-section .description-details .menu-part .accordion-plan .card .card-body .highlight li i {
             margin-right: 5px;
             font-size: 12px;
         }
         
         .single-section .description-section .description-details .menu-part .accordion-plan .card .card-body .highlight li img {
             margin-right: 5px;
             width: 18px;
         }
         
         .single-section .description-section .description-details .menu-part .accordion-plan .card+.card {
             margin-top: 20px;
         }
         
         .single-section .description-section .description-details .menu-part .list-view {
             margin-top: 0;
         }
         
         .single-section .description-section .description-details .menu-part .list-view .list-img {
             width: 30%;
         }
         
         .single-section .description-section .description-details .menu-part .list-view .facility-icon {
             margin-top: 10px;
         }
         
         .single-section .description-section .description-details .menu-part .list-view .list-box {
             padding: 0;
         }
         
         .single-section .description-section .description-details .menu-part .list-view+.list-view {
             margin-top: 20px;
         }
         
         .single-section .description-section .description-details .menu-part .zoom-gallery .overlay {
             position: relative;
         }
         
         .single-section .description-section .description-details .menu-part .zoom-gallery .overlay .overlay-background {
             position: absolute;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
             z-index: 1;
             -webkit-transition: all 0.4s ease;
             transition: all 0.4s ease;
         }
         
         .single-section .description-section .description-details .menu-part .zoom-gallery .overlay .overlay-background i {
             position: absolute;
             top: 50%;
             left: 50%;
             -webkit-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
             color: white;
             font-size: 22px;
             display: none;
             -webkit-transition: all 0.4s ease;
             transition: all 0.4s ease;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
         }
         
         .single-section .description-section .description-details .menu-part .zoom-gallery .overlay:hover .overlay-background {
             -webkit-transition: all 0.4s ease;
             transition: all 0.4s ease;
             background-color: rgba(0, 0, 0, 0.6);
         }
         
         .single-section .description-section .description-details .menu-part .zoom-gallery .overlay:hover .overlay-background i {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-transition: all 0.4s ease;
             transition: all 0.4s ease;
         }
         
         .single-section .description-section .description-details .menu-part .zoom-gallery>div:nth-child(-n+3) {
             margin-bottom: 30px;
         }
         
         .single-section .description-section .description-details .menu-part.facility h6 {
             text-transform: capitalize;
             font-weight: 700;
             color: #222222;
         }
         
         .single-section .description-section .description-details .menu-part.facility h6 img {
             margin-right: 5px;
             width: 20px;
         }
         
         .single-section .description-section .description-details .menu-part.facility ul {
             margin-left: 10px;
         }
         
         .single-section .description-section .description-details .menu-part.facility ul li {
             display: block;
             text-transform: capitalize;
             line-height: 1.9;
         }
         
         .single-section .description-section .description-details .menu-part.facility ul li i {
             font-size: 15px;
             margin-right: 5px;
             color: rgba(0, 0, 0, 0.6);
         }
         
         .single-section .description-section .description-details .menu-part.about h6 {
             font-weight: 700;
             text-transform: capitalize;
         }
         
         .single-section .description-section .description-details .menu-part.about p {
             color: #383838;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             line-height: 1.6;
         }
         
         .single-section .description-section .description-details .menu-part.about .about-sec h4 {
             font-weight: 700;
             margin-bottom: 10px;
         }
         
         .single-section .description-section .description-details .menu-part.about .about-sec h6 {
             color: black;
         }
         
         .single-section .description-section .description-details .menu-part.about .about-sec p {
             color: rgba(0, 0, 0, 0.7);
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .single-section .description-section .description-details .menu-part.about .about-sec p.top-space {
             margin-top: -6px;
         }
         
         .single-section .description-section .description-details .menu-part.about .about-sec p.bottom-space {
             margin-bottom: -7px;
         }
         
         .single-section .description-section .description-details .menu-part.about .about-sec ul {
             padding-left: 25px;
         }
         
         .single-section .description-section .description-details .menu-part.about .about-sec ul li {
             list-style-type: square;
             display: list-item;
             text-transform: capitalize;
             color: rgba(0, 0, 0, 0.7);
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             line-height: 1.7;
             letter-spacing: 0.04em;
         }
         
         .single-section .description-section .description-details .menu-part.about .about-sec+.about-sec {
             margin-top: 15px;
         }
         
         .single-section .description-section .description-details .menu-part.about .about-sec .city-detail {
             margin-bottom: 20px;
             font-size: 18px;
             color: #353535;
         }
         
         .single-section .description-section .description-details .menu-part.about .detail-img {
             margin: 20px 0;
         }
         
         .single-section .description-section .description-details .menu-part.map iframe {
             width: 100%;
             height: 420px;
             margin-bottom: -5px;
         }
         
         .single-section .description-section .description-details .menu-part.review .review-box .rating span {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             margin-left: 10px;
             font-weight: 700;
         }
         
         .single-section .description-section .description-details .menu-part.review .review-box h6 {
             font-size: 14px;
             text-transform: capitalize;
             color: rgba(0, 0, 0, 0.5);
             margin-top: 4px;
         }
         
         .single-section .description-section .description-details .menu-part.review .review-box p {
             color: #4a4a4a;
             line-height: 1.6;
             margin-bottom: 0;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .single-section .description-section .description-details .menu-part.review .review-box+.review-box {
             border-top: 1px solid #f9f9f9;
             padding-top: 12px;
             margin-top: 15px;
         }
         
         .single-section .description-section .description-details .menu-part.policy p {
             color: #212121;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             line-height: 1.6;
         }
         
         .single-section .description-section .description-details .menu-part.policy p:last-child {
             margin-bottom: 0;
         }
         
         .single-section .description-section .description-details .menu-part+.menu-part {
             margin-top: 20px;
         }
         
         .single-section .description-section .description-details .menu-part .rooms-box {
             width: 100%;
         }
         
         .single-section .description-section .description-details .menu-part .rooms-box tbody tr {
             display: block;
         }
         
         .single-section .description-section .description-details .menu-part .rooms-box tbody tr+tr {
             margin-top: 20px;
             padding-top: 10px;
             border-top: 1px solid #f9f9f9;
         }
         
         .single-section .description-section .description-details .menu-part .rooms-box td:first-child {
             width: 25%;
         }
         
         .single-section .description-section .description-details .menu-part .rooms-box td:nth-child(2) {
             width: 55%;
         }
         
         .single-section .description-section .description-details .menu-part .rooms-box td:nth-child(3) {
             width: 20%;
             text-align: right;
         }
         
         .single-section .description-section .description-details .menu-part .rooms-box .price-details {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: end;
             -ms-flex-pack: end;
             justify-content: flex-end;
         }
         
         .single-section .description-section .description-details .menu-part .rooms-box .price-details h6 {
             font-size: 14px;
             margin-bottom: 3px;
             color: rgba(0, 0, 0, 0.74);
         }
         
         .single-section .description-section .description-details .menu-part .rooms-box .price-details h5 {
             font-weight: 700;
             margin-bottom: 0;
             font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .single-section .description-section .description-details .menu-part .rooms-box .price-details .btn {
             padding: 6px 14px;
             font-size: 14px;
             border-radius: 0;
             margin-top: 7px;
         }
         
         .single-section .description-section .description-details .menu-part .rooms-box .price-details span {
             display: block;
             color: rgba(0, 0, 0, 0.72);
         }
         
         .single-section .description-section .description-details .menu-part .rooms-box .room-detail {
             padding: 20px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
         }
         
         .single-section .description-section .description-details .menu-part .rooms-box .room-detail h6 {
             font-weight: 700;
             text-transform: capitalize;
             font-size: 14px;
             letter-spacing: 0.05em;
         }
         
         .single-section .description-section .description-details .menu-part .rooms-box .room-detail .row {
             width: 100%;
         }
         
         .single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li {
             display: block;
             color: black;
             text-transform: capitalize;
             line-height: 28px;
             letter-spacing: 0.06em;
         }
         
         .single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li img {
             margin-right: 8px;
             width: 20px;
         }
         
         .single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li i {
             font-size: 12px;
             margin-right: 5px;
             color: rgba(0, 0, 0, 0.5);
         }
         
         .single-section .description-section .description-details .menu-part .rooms-box .room-title {
             text-transform: capitalize;
             font-weight: 700;
             margin-bottom: 10px;
         }
         
         .single-section .description-section .description-details.full-slider .menu-part {
             margin-top: 0;
             -webkit-box-shadow: none;
             box-shadow: none;
             margin-bottom: 0;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             height: 100vh;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             padding-top: 70px;
         }
         
         .single-section .description-section .description-details.full-slider .menu-part .row {
             margin-bottom: 20px;
         }
         
         .single-section .description-section.tab-section .menu-top {
             padding: 0;
             background-color: transparent;
         }
         
         .single-section .description-section.tab-section .menu-top .nav-tabs {
             margin-bottom: 15px;
             background-color: white;
             border-bottom: none;
         }
         
         .single-section .description-section.tab-section .menu-top .nav-tabs .nav-item.active {
             border: none;
             border-bottom: 2px solid #ef3f3e;
             color: #ef3f3e;
         }
         
         .single-section .description-section.tab-section .menu-top .nav-tabs .nav-item .nav-link {
             border: none;
             border-bottom: 2px solid transparent;
         }
         
         .single-section .description-section.tab-section .menu-top .nav-tabs .nav-item .nav-link.active {
             border: none;
             border-bottom: 2px solid #ef3f3e;
             color: #ef3f3e;
         }
         
         .single-section .description-section.tab-section .menu-top.sticky {
             background-color: white;
             margin-bottom: 0;
         }
         
         .single-section .description-section.tab-section .menu-top.sticky .nav-tabs {
             margin-bottom: 0;
         }
         
         .single-section .description-section.tab-section .description-details .menu-part {
             margin-top: 0;
         }
         
         .single-section .single-sidebar {
             background-color: white;
             padding: 20px;
             -webkit-box-shadow: 0 2px 4px 0 #dedede;
             box-shadow: 0 2px 4px 0 #dedede;
         }
         
         .single-section .single-sidebar h4.title {
             text-transform: capitalize;
             font-weight: 700;
             margin-top: -4px;
         }
         
         .single-section .single-sidebar p {
             color: rgba(0, 0, 0, 0.55);
             margin-bottom: 10px;
             line-height: 1.7;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .single-section .single-sidebar p i {
             font-size: 13px;
             margin-right: 10px;
             color: rgba(0, 0, 0, 0.59);
         }
         
         .single-section .single-sidebar .selection-section.flight-search .flight-search-detail {
             padding: 0;
         }
         
         .single-section .single-sidebar .selection-section.flight-search .flight-search-detail .form-group {
             margin-bottom: 20px;
         }
         
         .single-section .single-sidebar .newsletter-sec {
             padding: 20px;
         }
         
         .single-section .single-sidebar .newsletter-sec .button {
             margin-top: 15px;
             text-align: right;
         }
         
         .single-section .single-sidebar .newsletter-sec .button .btn {
             padding: 6px 14px;
             font-size: 14px;
             text-transform: capitalize;
         }
         
         .single-section .single-sidebar .overlay-map {
             position: relative;
             margin-bottom: 10px;
         }
         
         .single-section .single-sidebar .overlay-map img {
             height: 100px;
             width: 100%;
         }
         
         .single-section .single-sidebar .overlay-map iframe,
         .single-section .single-sidebar .overlay-map .map {
             position: absolute;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
             opacity: 0.0001;
             z-index: 1;
         }
         
         .single-section .single-sidebar .overlay-map h6 {
             position: absolute;
             bottom: 10px;
             left: 50%;
             -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
             color: black;
             text-transform: capitalize;
             font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
             z-index: 0;
             font-weight: 600;
             margin-bottom: 0;
         }
         
         .single-section .single-sidebar .price-part {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .single-section .single-sidebar .price-part .left-part a {
             color: black;
             font-weight: 700;
             text-transform: capitalize;
         }
         
         .single-section .single-sidebar .price-part .left-part span {
             display: block;
             text-transform: capitalize;
             font-weight: 600;
             line-height: 24px;
         }
         
         .single-section .single-sidebar .price-part .left-part span i {
             font-size: 10px;
             margin-right: 5px;
             color: green;
         }
         
         .single-section .single-sidebar .price-part .left-part span.red {
             color: darkred;
         }
         
         .single-section .single-sidebar .price-part .right-part {
             margin-left: auto;
             text-align: right;
         }
         
         .single-section .single-sidebar .price-part .right-part span {
             color: rgba(0, 0, 0, 0.4);
             text-transform: capitalize;
             font-size: 12px;
             font-weight: 700;
         }
         
         .single-section .single-sidebar .price-part .right-part p {
             margin-bottom: 0;
             font-weight: 600;
             color: black;
         }
         
         .single-section .single-sidebar .price-part .right-part h6 {
             margin-bottom: 0;
             font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 700;
             color: black;
         }
         
         .single-section .single-sidebar .book-btn-section {
             border-top: 1px solid #f9f9f9;
             margin-top: 10px;
             padding-top: 15px;
             text-align: right;
         }
         
         .single-section .single-sidebar .book-btn-section ::-webkit-input-placeholder {
             color: #495057;
             text-transform: capitalize;
             cursor: pointer;
         }
         
         .single-section .single-sidebar .book-btn-section ::-moz-placeholder {
             color: #495057;
             text-transform: capitalize;
             cursor: pointer;
         }
         
         .single-section .single-sidebar .book-btn-section :-ms-input-placeholder {
             color: #495057;
             text-transform: capitalize;
             cursor: pointer;
         }
         
         .single-section .single-sidebar .book-btn-section ::-ms-input-placeholder {
             color: #495057;
             text-transform: capitalize;
             cursor: pointer;
         }
         
         .single-section .single-sidebar .book-btn-section ::placeholder {
             color: #495057;
             text-transform: capitalize;
             cursor: pointer;
         }
         
         .single-section .single-sidebar .book-btn-section .detail-top input {
             margin-bottom: 10px;
         }
         
         .single-section .single-sidebar .book-btn-section .detail-top input:last-child {
             margin-bottom: 0;
         }
         
         .single-section .single-sidebar .book-btn-section .gj-datepicker+.gj-datepicker {
             margin-top: 10px;
         }
         
         .single-section .single-sidebar .book-btn-section .gj-datepicker ::-webkit-input-placeholder {
             color: #495057;
         }
         
         .single-section .single-sidebar .book-btn-section .gj-datepicker ::-moz-placeholder {
             color: #495057;
         }
         
         .single-section .single-sidebar .book-btn-section .gj-datepicker :-ms-input-placeholder {
             color: #495057;
         }
         
         .single-section .single-sidebar .book-btn-section .gj-datepicker ::-ms-input-placeholder {
             color: #495057;
         }
         
         .single-section .single-sidebar .book-btn-section .gj-datepicker ::placeholder {
             color: #495057;
         }
         
         .single-section .single-sidebar .book-btn-section .btn-rounded {
             padding: 6px 14px;
             font-size: 14px;
             margin-top: 20px;
             border-radius: 0;
         }
         
         .single-section .single-sidebar .book-btn-section .selector select {
             cursor: pointer;
             width: 100%;
             height: 38px;
             background-color: transparent;
             font-size: 1rem;
             margin-top: 10px;
             padding: 5px 14px;
             color: #495057;
             border: 1px solid #ced4da;
             border-radius: 0.25rem;
             -webkit-appearance: none;
             background: url(../images/icon/down-black.png) no-repeat 95%;
         }
         
         .single-section .single-sidebar .book-btn-section .rooms-section {
             position: relative;
             margin-top: 10px;
         }
         
         .single-section .single-sidebar .book-btn-section .rooms-section ::-webkit-input-placeholder {
             color: #495057;
             text-transform: capitalize;
             cursor: pointer;
         }
         
         .single-section .single-sidebar .book-btn-section .rooms-section ::-moz-placeholder {
             color: #495057;
             text-transform: capitalize;
             cursor: pointer;
         }
         
         .single-section .single-sidebar .book-btn-section .rooms-section :-ms-input-placeholder {
             color: #495057;
             text-transform: capitalize;
             cursor: pointer;
         }
         
         .single-section .single-sidebar .book-btn-section .rooms-section ::-ms-input-placeholder {
             color: #495057;
             text-transform: capitalize;
             cursor: pointer;
         }
         
         .single-section .single-sidebar .book-btn-section .rooms-section ::placeholder {
             color: #495057;
             text-transform: capitalize;
             cursor: pointer;
         }
         
         .single-section .single-sidebar .book-btn-section .rooms-section .selector-box {
             text-align: left;
             padding: 10px;
         }
         
         .single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .title_room {
             font-size: 16px;
             text-transform: capitalize;
             font-weight: 700;
         }
         
         .single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box label {
             text-transform: capitalize;
             margin-right: 30px;
             margin-bottom: 0;
         }
         
         .single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box .input-group {
             width: 140px;
             margin-left: auto;
         }
         
         .single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box .input-group .btn {
             background-color: transparent;
         }
         
         .single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box .input-group .form-control {
             padding: 0;
             text-align: center;
             border: none;
         }
         
         .single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box+.qty-box {
             margin-top: 10px;
         }
         
         .single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls+.room-cls {
             margin-top: 10px;
             border-top: 1px solid #f9f9f9;
             padding-top: 10px;
         }
         
         .single-section .single-sidebar .book-btn-section .rooms-section .selector-box .bottom-part {
             border-top: 1px solid #f9f9f9;
             margin-top: 10px;
             padding-top: 5px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .single-section .single-sidebar .book-btn-section .rooms-section .selector-box .bottom-part .add-room {
             text-transform: capitalize;
             color: black;
             font-weight: 700;
         }
         
         .single-section .single-sidebar .book-btn-section .rooms-section .selector-box .bottom-part .btn {
             margin-left: auto;
         }
         
         .single-section .single-sidebar .contact-title {
             color: black;
             font-weight: 700;
             margin-bottom: 15px;
             text-transform: uppercase;
         }
         
         .single-section .single-sidebar .bottom_sec {
             margin-top: 10px;
             padding-top: 15px;
             border-top: 1px solid #f9f9f9;
         }
         
         .single-section .single-sidebar .bottom_sec h6 {
             text-transform: capitalize;
             color: black;
             font-size: 14px;
             font-weight: 700;
         }
         
         .single-section .single-sidebar .bottom_sec h6:last-child {
             margin-bottom: 0;
         }
         
         .single-section .single-sidebar .weather-sec {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             text-align: center;
             margin-top: 10px;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .single-section .single-sidebar .weather-sec li svg {
             width: 40px;
             margin: 0;
         }
         
         .single-section .single-sidebar .weather-sec li h5 {
             font-size: 14px;
             font-weight: 700;
             margin-bottom: 10px;
         }
         
         .single-section .single-sidebar .weather-sec li h6 {
             font-size: 12px;
             margin-bottom: 0;
         }
         
         .single-section .single-sidebar .weather-sec li+li {
             margin-left: 20px;
         }
         
         .single-section .single-sidebar .social-box {
             margin-top: 18px;
         }
         
         .single-section .single-sidebar .social-box i {
             font-size: 14px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             color: white;
             padding: 9px;
             background-color: #ef3f3e;
             border-radius: 100%;
             width: 32px;
             height: 32px;
             text-align: center;
             margin-right: 3px;
         }
         
         .single-section .single-sidebar+.single-sidebar {
             margin-top: 30px;
         }
         
         .single-section .single-sidebar .order-cart .cart-items {
             margin-top: 20px;
         }
         
         .single-section .single-sidebar .order-cart .cart-items .items {
             position: relative;
         }
         
         .single-section .single-sidebar .order-cart .cart-items .items h6 {
             text-transform: capitalize;
             font-weight: 600;
             margin-bottom: 10px;
         }
         
         .single-section .single-sidebar .order-cart .cart-items .items h5 {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             font-weight: 500;
             margin-bottom: 0;
         }
         
         .single-section .single-sidebar .order-cart .cart-items .items+.items {
             padding-top: 15px;
             margin-top: 15px;
             border-top: 1px solid #f9f9f9;
         }
         
         .single-section .single-sidebar .order-cart .cart-items .items .qty-box {
             width: 120px;
             margin-top: 10px;
         }
         
         .single-section .single-sidebar .order-cart .cart-items .items .qty-box .input-group {
             -webkit-box-shadow: 0 2px 4px 0 #dedede;
             box-shadow: 0 2px 4px 0 #dedede;
         }
         
         .single-section .single-sidebar .order-cart .cart-items .items .qty-box .input-group .btn {
             padding: 5px 10px;
             font-size: 10px;
             line-height: 1;
             background-color: #f9f9f9;
         }
         
         .single-section .single-sidebar .order-cart .cart-items .items .qty-box .input-group .form-control {
             padding: 2px;
             width: 50px;
             text-align: center;
             border-color: #f9f9f9;
         }
         
         .single-section .single-sidebar .order-cart .cart-items .items .price {
             position: absolute;
             right: 0;
             bottom: 0;
             font-size: 16px;
             font-weight: 700;
         }
         
         .single-section .single-sidebar .order-cart .cart-items .items.veg h6 {
             padding-left: 25px;
             position: relative;
         }
         
         .single-section .single-sidebar .order-cart .cart-items .items.veg h6:after {
             content: "";
             left: 0;
             position: absolute;
             width: 14px;
             height: 14px;
             border: 1px solid green;
             top: 2px;
         }
         
         .single-section .single-sidebar .order-cart .cart-items .items.veg h6:before {
             content: "";
             left: 3px;
             width: 8px;
             height: 8px;
             background-color: green;
             position: absolute;
             border-radius: 100%;
             top: 5px;
         }
         
         .single-section .single-sidebar .order-cart .cart-items .items.non-veg h6 {
             padding-left: 25px;
             position: relative;
         }
         
         .single-section .single-sidebar .order-cart .cart-items .items.non-veg h6:after {
             content: "";
             left: 0;
             position: absolute;
             width: 14px;
             height: 14px;
             border: 1px solid red;
             top: 2px;
         }
         
         .single-section .single-sidebar .order-cart .cart-items .items.non-veg h6:before {
             content: "";
             left: 3px;
             width: 8px;
             height: 8px;
             background-color: red;
             position: absolute;
             border-radius: 100%;
             top: 5px;
         }
         
         .single-section .single-sidebar .order-cart .cart-bottom {
             margin-top: 30px;
             padding-top: 20px;
             border-top: 1px solid #f9f9f9;
         }
         
         .single-section .single-sidebar .order-cart .cart-bottom .sub-total {
             font-weight: 700;
             font-size: 18px;
             text-transform: capitalize;
             margin-bottom: 5px;
         }
         
         .single-section .single-sidebar .order-cart .cart-bottom .sub-total span {
             float: right;
         }
         
         .single-section .single-sidebar .order-cart .cart-bottom p {
             font-size: 12px;
             line-height: 1;
             margin-bottom: 0;
             max-width: 70%;
         }
         
         .single-section .single-sidebar .order-cart .cart-bottom .checkout {
             margin-top: 20px;
         }
         
         .single-section .single-sidebar .order-cart .empty-cart {
             text-align: center;
             margin-top: 50px;
         }
         
         .single-section .single-sidebar .order-cart .empty-cart h5 {
             text-transform: capitalize;
             color: rgba(0, 0, 0, 0.5);
             font-size: 16px;
             margin-bottom: 20px;
         }
         
         .single-section .single-sidebar .order-cart .empty-cart img {
             margin-bottom: 20px;
             opacity: 0.5;
         }
         
         .single-section .single-sidebar .order-cart .empty-cart p {
             font-size: 14px;
             line-height: 18px;
             text-align: left;
             color: rgba(0, 0, 0, 0.64);
         }
         
         .gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
             background-color: #ef3f3e;
         }
         
         .rooms-section {
             position: relative;
         }
         
         .rooms-section .selector_box {
             padding: 10px;
         }
         
         .rooms-section .selector_box .room-cls .title_room {
             font-size: 16px;
             text-transform: capitalize;
             font-weight: 700;
         }
         
         .rooms-section .selector_box .room-cls .qty-box {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .rooms-section .selector_box .room-cls .qty-box label {
             text-transform: capitalize;
             margin-right: 30px;
             margin-bottom: 0;
         }
         
         .rooms-section .selector_box .room-cls .qty-box .input-group {
             width: 140px;
             margin-left: auto;
         }
         
         .rooms-section .selector_box .room-cls .qty-box .input-group .btn {
             background-color: transparent;
         }
         
         .rooms-section .selector_box .room-cls .qty-box .input-group .form-control {
             padding: 0;
             text-align: center;
             border: none;
         }
         
         .rooms-section .selector_box .room-cls .qty-box+.qty-box {
             margin-top: 10px;
         }
         
         .rooms-section .selector_box .room-cls+.room-cls {
             margin-top: 10px;
             border-top: 1px solid #f9f9f9;
             padding-top: 10px;
         }
         
         .rooms-section .selector_box .bottom-part {
             border-top: 1px solid #f9f9f9;
             margin-top: 10px;
             padding-top: 5px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .rooms-section .selector_box .bottom-part .add-room {
             text-transform: capitalize;
             color: black;
             font-weight: 700;
         }
         
         .rooms-section .selector_box .bottom-part .btn {
             margin-left: auto;
         }
         
         .suggestion_box .form-group {
             margin-bottom: 30px;
             position: relative;
         }
         
         .suggestion_box .form-group img {
             position: absolute;
             right: 1px;
             bottom: 2px;
             border-left: 1px solid #e5e5e5;
             padding: 8px;
             z-index: 1;
             background-color: white;
         }
         
         .m-cls {
             margin-top: 20px;
         }
         
         .related-box .slick-slide>div {
             margin: 0 15px !important;
         }
         
         .related-box .slick-list {
             margin-left: -15px !important;
             margin-right: -15px !important;
         }
         
         .related-box .special-box {
             -webkit-box-shadow: none;
             box-shadow: none;
             background-color: white;
             margin-bottom: 0;
         }
         
         .overlay-hover .bg-size {
             position: relative;
         }
         
         .overlay-hover .bg-size:after {
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             content: "";
         }
         
         .overlay-hover .bg-size:hover:after {
             content: "";
             position: absolute;
             left: 0;
             top: 0;
             height: 100%;
             width: 100%;
             background-color: rgba(0, 0, 0, 0.2);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .cab-single-detail {
             background-color: white;
             padding: 20px;
             -webkit-box-shadow: 0 2px 4px 0 #dedede;
             box-shadow: 0 2px 4px 0 #dedede;
             margin-top: 25px;
         }
         
         .cab-single-detail .title-car {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .cab-single-detail .title-car h5,
         .cab-single-detail .title-car h6 {
             margin-bottom: 0;
         }
         
         .cab-single-detail .title-car h5 {
             font-weight: 700;
             text-transform: capitalize;
         }
         
         .cab-single-detail .title-car h6 {
             margin-left: auto;
             text-transform: capitalize;
         }
         
         .cab-single-detail .title-car h6 span {
             font-weight: 600;
         }
         
         .cab-single-detail .description {
             margin-top: 20px;
             color: rgba(0, 0, 0, 0.52);
         }
         
         .cab-single-detail .overview h6 {
             text-transform: capitalize;
             margin-bottom: 16px;
             color: black;
             font-weight: 700;
         }
         
         .cab-single-detail .overview ul {
             display: inline-block;
         }
         
         .cab-single-detail .overview ul li {
             display: block;
         }
         
         .cab-single-detail .overview ul li+li {
             margin-top: 15px;
         }
         
         .cab-single-detail .overview ul+ul {
             margin-left: 30px;
         }
         
         .cab-single-detail .details {
             margin-top: 25px;
         }
         
         .cab-single-detail .details h6 {
             text-transform: capitalize;
             margin-bottom: 10px;
             color: black;
             font-weight: 700;
         }
         
         .cab-single-detail .details ul li {
             display: block;
             text-transform: capitalize;
         }
         
         .cab-single-detail .details ul li+li {
             margin-top: 5px;
         }
         
         .guest-detail {
             background-color: white;
             padding: 20px;
             -webkit-box-shadow: 0 2px 4px 0 #dedede;
             box-shadow: 0 2px 4px 0 #dedede;
         }
         
         .guest-detail h2 {
             font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             margin-top: -6px;
         }
         
         .guest-detail form .input-group-text {
             border-left: none;
             color: #495057;
             text-transform: uppercase;
             font-weight: 700;
         }
         
         .guest-detail form .input-group-text:hover {
             background-color: #e9ecef;
             border: 1px solid #ced4da;
             -webkit-box-shadow: none;
             box-shadow: none;
             border-left: 0;
         }
         
         .guest-detail form label {
             text-transform: capitalize;
             font-weight: 600;
             margin-bottom: 5px;
         }
         
         .guest-detail form .form-control {
             border-radius: 0;
         }
         
         .guest-detail form .form-control:focus {
             outline: none;
             -webkit-box-shadow: none;
             box-shadow: none;
             border-color: #ced4da;
         }
         
         .guest-detail form .submit-btn {
             text-align: right;
         }
         
         .guest-detail form .submit-btn .btn {
             width: 25%;
             margin-top: 30px;
         }
         
         .guest-detail .first-name .iti__flag-container {
             display: none;
         }
         
         .summery-box {
             background-color: white;
             padding: 20px;
             -webkit-box-shadow: 0 2px 4px 0 #dedede;
             box-shadow: 0 2px 4px 0 #dedede;
         }
         
         .summery-box h2 {
             font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             margin-top: -6px;
         }
         
         .summery-box .hotel-section {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-top: 15px;
         }
         
         .summery-box .hotel-section .hotel-img {
             width: 35%;
         }
         
         .summery-box .hotel-section .hotel-detail {
             margin-left: 20px;
         }
         
         .summery-box .hotel-section .hotel-detail h6 {
             font-weight: 700;
             text-transform: capitalize;
             margin-bottom: 4px;
             margin-top: -2px;
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .summery-box .hotel-section .hotel-detail p {
             margin-bottom: -3px;
             color: black;
         }
         
         .summery-box .summery-section {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             width: 100%;
             margin-top: 12px;
             padding-top: 15px;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             border-top: 1px solid #f9f9f9;
         }
         
         .summery-box .summery-section .box {
             width: 100%;
         }
         
         .summery-box .summery-section .box .right {
             text-align: right;
             width: 49%;
             display: inline-block;
         }
         
         .summery-box .summery-section .box .left {
             width: 50%;
             display: inline-block;
         }
         
         .summery-box .summery-section .box .down {
             margin-top: 10px;
         }
         
         .summery-box .summery-section .box .down h5 {
             margin-bottom: -4px;
         }
         
         .summery-box .summery-section h6 {
             font-size: 14px;
             text-transform: capitalize;
             font-weight: 500;
             margin-bottom: 4px;
         }
         
         .summery-box .summery-section h5 {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             font-weight: 600;
         }
         
         .summery-box .summery-section .edit-cls {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: #ef3f3e;
             text-transform: capitalize;
             font-weight: 600;
             margin-left: auto;
         }
         
         .summery-box .summery-section .payment-details {
             width: 100%;
         }
         
         .summery-box .summery-section .payment-details table {
             width: 100%;
         }
         
         .summery-box .summery-section .payment-details table tbody tr td:first-child {
             width: 70%;
             text-transform: capitalize;
         }
         
         .summery-box .summery-section .payment-details table tbody tr td.amount {
             font-size: calc(13px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .summery-box .summery-section .payment-details table tbody tr td:nth-child(2) {
             text-align: right;
             font-weight: 700;
         }
         
         .book-panel {
             position: fixed;
             bottom: 0;
             width: 100%;
             z-index: 2;
             background-color: white;
             text-align: center;
             display: none;
             -webkit-box-shadow: -1px -2px 6px 0px rgba(168, 168, 168, 0.3);
             box-shadow: -1px -2px 6px 0px rgba(168, 168, 168, 0.3);
         }
         
         .book-panel .btn {
             width: 50%;
             color: black;
             background-color: white;
             padding: 10px;
         }
         
         .book-panel .btn.theme-color {
             border-right: 1px solid #f9f9f9;
         }
         
         .book-panel .text {
             width: 50%;
             color: black;
             background-color: white;
             padding: 10px;
             font-size: 14px;
             line-height: 18px;
             text-transform: capitalize;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             border-right: 1px solid #f9f9f9;
         }
         
         .book-panel .text span {
             font-weight: 700;
         }
         
         .full-page {
             overflow: hidden;
             height: 100vh;
         }
         
         .full-page .single-section {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             width: 100%;
             height: 100vh;
             padding-top: 47px;
         }
         
         .full-page .single-section .description-section {
             width: 100%;
         }
         
         .full-page .single-section .description-section .description-details .menu-part {
             margin-top: 0;
             margin-bottom: 0;
             background-color: white;
             position: relative;
         }
         
         .full-page .single-section .description-section .description-details .menu-part h2 {
             color: #3c7492;
         }
         
         .full-page .single-section .description-section .description-details .menu-part .accordion-plan {
             margin-left: 0;
         }
         
         .full-page .single-section .description-section .description-details .menu-part .accordion-plan:after {
             display: none;
         }
         
         .full-page .single-section .description-section .description-details .menu-part .accordion-plan .card {
             border: 0;
             background-color: transparent;
         }
         
         .full-page .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header {
             background-color: transparent;
             padding: 0;
             border-bottom: 1px solid #f9f9f9;
         }
         
         .full-page .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button {
             padding-left: 0;
         }
         
         .full-page .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button:before {
             display: none;
         }
         
         .full-page .single-section .description-section .description-details .menu-part .accordion-plan .card .card-body {
             padding: 15px 0 0;
             line-height: 1.4;
         }
         
         .full-page .single-section .description-section .description-details .menu-part .accordion-plan .card .card-body .highlight li {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .full-page .single-section .description-section .description-details .menu-part .accordion-plan .card .card-body .highlight li+li {
             margin-left: 5px;
         }
         
         .full-page .single-section .description-section .description-details .menu-part .accordion-plan .card+.card {
             margin-top: 12px;
         }
         
         .full-page .single-section .description-section .description-details .menu-part .list-view .list-box {
             background-color: transparent;
         }
         
         .full-page .full-slider .slick-dots {
             bottom: 40px;
             z-index: 1;
         }
         
         .full-page .full-slider .slick-dots li {
             text-transform: capitalize;
             font-size: 16px;
             font-weight: 500;
             color: white;
             width: auto;
         }
         
         .full-page .full-slider .slick-dots li.slick-active .pager__item {
             background-color: #3c7492;
             border-radius: 25px;
         }
         
         .full-page .full-slider .slick-dots li .pager__item {
             padding: 10px 30px;
             color: white;
         }
         
         .full-page .full-slider .slick-dots li button:before {
             font-size: 12px;
             color: #ef3f3e;
         }
         
         .full-page .full-slider .slick-arrow .next-slick-img,
         .full-page .full-slider .slick-arrow .prev-slick-img {
             width: 70px;
             height: 70px;
             border-radius: 100%;
             overflow: hidden;
             background-size: cover;
             background-position: center;
             background-repeat: no-repeat;
             -webkit-transform: scale(0.7);
             transform: scale(0.7);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .full-page .full-slider .slick-arrow .next-slick-img:hover,
         .full-page .full-slider .slick-arrow .prev-slick-img:hover {
             -webkit-transform: scale(1);
             transform: scale(1);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .full-page .full-slider .slick-prev {
             left: 10px;
             z-index: 1;
         }
         
         .full-page .full-slider .slick-prev:before {
             display: none;
         }
         
         .full-page .full-slider .slick-next {
             right: 60px;
             z-index: 1;
         }
         
         .full-page .full-slider .slick-next:before {
             display: none;
         }
         
         .full-page .overlay {
             position: absolute;
             left: 0;
             bottom: 0;
             width: 100%;
             height: 100px;
             background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0)));
             background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
         }
         
         .full-width-detail .place-detail {
             text-align: center;
         }
         
         .full-width-detail .place-detail li {
             padding: 0 30px;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             font-weight: 700;
             text-transform: uppercase;
             position: relative;
         }
         
         .full-width-detail .place-detail li+li:after {
             content: "";
             position: absolute;
             left: 0;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             width: 1px;
             height: 12px;
             background-color: rgba(34, 34, 34, 0.5);
         }
         
         .full-width-detail .about-section {
             margin-top: 40px;
         }
         
         .full-width-detail .about-section .about-text {
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .full-width-detail .about-section .about-text.about-text-gray .bottom-detail p {
             color: gray !important;
         }
         
         .full-width-detail .about-section .about-text .right-detail h4 {
             font-weight: 700;
             margin-bottom: 10px;
         }
         
         .full-width-detail .about-section .about-text .right-detail .bottom-detail p {
             font-weight: 400;
             color: black;
             margin-bottom: 15px;
         }
         
         .full-width-detail .about-section .about-text .right-detail .bottom-detail p:last-child {
             margin-bottom: 0;
         }
         
         .full-page-demo {
             height: 100vh;
             position: relative;
         }
         
         .full-page-demo .container {
             position: relative;
             height: 100%;
         }
         
         .full-page-demo .container .title {
             position: absolute;
             bottom: 20%;
         }
         
         .full-page-demo .container .title h1 {
             color: white;
         }
         
         .full-page-demo .fullpage-content {
             position: absolute;
             width: 55%;
             right: -80px;
             bottom: 70px;
         }
         
         .vs-center-wrap .vs-subview-prev,
         .vs-center-wrap .vs-subview-next {
             cursor: pointer;
             position: absolute;
             z-index: 9;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             border: none;
             background-color: rgba(255, 255, 255, 0.52);
             border-radius: 100%;
             padding: 8px 15px;
             left: 20px;
         }
         
         .vs-center-wrap .vs-subview-prev:focus,
         .vs-center-wrap .vs-subview-next:focus {
             outline: none;
         }
         
         .vs-center-wrap .vs-subview-next {
             left: unset;
             right: 20px;
         }
         
         .full-page-menu {
             position: absolute;
             bottom: 15px;
             left: 50%;
             -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
         }
         
         .order-menu {
             padding: 20px 20px 20px 20px;
         }
         
         .order-menu .nav {
             text-align: left;
             background-color: white;
         }
         
         .order-menu .nav ul li {
             display: block;
         }
         
         .order-menu .nav .nav-link {
             text-transform: capitalize !important;
             font-size: 14px;
             color: black;
             font-weight: 600;
             padding: 5px 15px !important;
         }
         
         .order-menu .nav .nav-link.active {
             color: #ef3f3e;
             background-color: #f9f9f9;
         }
         
         .order-menu .nav .nav .nav-link {
             font-size: 14px;
             font-weight: 500;
         }
         
         .order-menu .nav .nav .nav-link.active {
             color: black;
             font-weight: 700;
             background-color: transparent;
         }
         
         .order-menu .nav .nav.show {
             display: block;
         }
         
         .order-menu .search-bar {
             border-bottom: 1px solid #f9f9f9;
             padding-bottom: 15px;
             margin-bottom: 5px;
         }
         
         .order-menu .search-bar .search {
             position: relative;
         }
         
         .order-menu .search-bar .search input {
             width: 100%;
             border: none;
             background-color: #f9f9f9;
             padding: 8px 16px;
         }
         
         .order-menu .search-bar .search i {
             position: absolute;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             right: 16px;
             color: #a0a0a0;
         }
         
         .order-menu .search-bar .search ::-webkit-input-placeholder {
             font-size: 14px;
             color: #a0a0a0;
         }
         
         .order-menu .search-bar .search ::-moz-placeholder {
             font-size: 14px;
             color: #a0a0a0;
         }
         
         .order-menu .search-bar .search :-ms-input-placeholder {
             font-size: 14px;
             color: #a0a0a0;
         }
         
         .order-menu .search-bar .search ::-ms-input-placeholder {
             font-size: 14px;
             color: #a0a0a0;
         }
         
         .order-menu .search-bar .search ::placeholder {
             font-size: 14px;
             color: #a0a0a0;
         }
         
         .order-menu-section {
             padding: 20px;
             border-left: 1px solid #f9f9f9;
         }
         
         .order-menu-section .order-section h4 {
             text-transform: capitalize;
             font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
             margin-bottom: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 600;
             color: rgba(0, 0, 0, 0.6);
         }
         
         .order-menu-section .order-section .order-title {
             padding-bottom: calc(0px + (10 - 0) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .order-menu-section .order-section .order-title h5 {
             font-weight: 700;
             margin-bottom: 3px;
             text-transform: capitalize;
         }
         
         .order-menu-section .order-section .order-title h6 {
             color: rgba(0, 0, 0, 0.4);
             font-weight: 600;
         }
         
         .order-menu-section .order-section .order-items .items {
             position: relative;
         }
         
         .order-menu-section .order-section .order-items .items h6 {
             text-transform: capitalize;
             font-weight: 600;
             margin-bottom: 4px;
         }
         
         .order-menu-section .order-section .order-items .items p {
             color: rgba(0, 0, 0, 0.6);
             margin-bottom: 10px;
             max-width: 80%;
             line-height: 1.4;
         }
         
         .order-menu-section .order-section .order-items .items h5 {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: black;
             font-weight: 500;
             margin-bottom: 0;
         }
         
         .order-menu-section .order-section .order-items .items+.items {
             padding-top: 15px;
             margin-top: 15px;
             border-top: 1px solid #f9f9f9;
         }
         
         .order-menu-section .order-section .order-items .items+.items .addtocart_btn {
             top: 15px;
         }
         
         .order-menu-section .order-section .order-items .items .addtocart_btn {
             display: inline-block;
             position: absolute;
             right: 0;
             top: 0;
             width: auto;
             text-align: right;
         }
         
         .order-menu-section .order-section .order-items .items .addtocart_btn .add-button,
         .order-menu-section .order-section .order-items .items .addtocart_btn .add_cart {
             width: 120px;
             border-color: transparent;
             color: black;
             background-color: #f9f9f9;
             text-transform: capitalize;
             cursor: pointer;
             -webkit-box-shadow: 0 2px 4px 0 #dedede;
             box-shadow: 0 2px 4px 0 #dedede;
         }
         
         .order-menu-section .order-section .order-items .items .addtocart_btn .add-button span,
         .order-menu-section .order-section .order-items .items .addtocart_btn .add_cart span {
             position: absolute;
             left: 8px;
             right: 0;
             bottom: -21px;
             font-size: 12px;
         }
         
         .order-menu-section .order-section .order-items .items .addtocart_btn .qty-box {
             display: none;
         }
         
         .order-menu-section .order-section .order-items .items .addtocart_btn .qty-box.open {
             display: block;
             position: absolute;
             right: 0;
             width: 120px;
             top: 0;
         }
         
         .order-menu-section .order-section .order-items .items .addtocart_btn .qty-box .input-group {
             -webkit-box-shadow: 0 2px 4px 0 #dedede;
             box-shadow: 0 2px 4px 0 #dedede;
         }
         
         .order-menu-section .order-section .order-items .items .addtocart_btn .qty-box .input-group .btn {
             padding: 5px 10px;
             font-size: 10px;
             line-height: 1;
             background-color: #f9f9f9;
         }
         
         .order-menu-section .order-section .order-items .items .addtocart_btn .qty-box .input-group .form-control {
             padding: 2px;
             width: 50px;
             text-align: center;
             border-color: #f9f9f9;
         }
         
         .order-menu-section .order-section .order-items .items.veg h6 {
             padding-left: 25px;
             position: relative;
         }
         
         .order-menu-section .order-section .order-items .items.veg h6:after {
             content: "";
             left: 0;
             position: absolute;
             width: 14px;
             height: 14px;
             border: 1px solid green;
             top: 2px;
         }
         
         .order-menu-section .order-section .order-items .items.veg h6:before {
             content: "";
             left: 3px;
             width: 8px;
             height: 8px;
             background-color: green;
             position: absolute;
             border-radius: 100%;
             top: 5px;
         }
         
         .order-menu-section .order-section .order-items .items.non-veg h6 {
             padding-left: 25px;
             position: relative;
         }
         
         .order-menu-section .order-section .order-items .items.non-veg h6:after {
             content: "";
             left: 0;
             position: absolute;
             width: 14px;
             height: 14px;
             border: 1px solid red;
             top: 2px;
         }
         
         .order-menu-section .order-section .order-items .items.non-veg h6:before {
             content: "";
             left: 3px;
             width: 8px;
             height: 8px;
             background-color: red;
             position: absolute;
             border-radius: 100%;
             top: 5px;
         }
         
         .order-menu-section .order-section+.order-section {
             margin-top: calc(12px + (30 - 12) * ((100vw - 320px) / (1920 - 320)));
             padding-top: calc(12px + (30 - 12) * ((100vw - 320px) / (1920 - 320)));
             border-top: 1px solid rgba(0, 0, 0, 0.13);
         }
         
         .order-menu-section .order-section.top-section .order-section {
             padding-top: 0;
             border-top: none;
         }
         
         .customized {
             text-align: left;
         }
         
         .customized .modal-content {
             padding: 20px 30px;
             border-radius: 0;
             border: none;
         }
         
         .customized .modal-content .modal-header {
             padding: 0;
             padding-bottom: 10px;
             border-radius: 0;
             border-bottom: 1px dashed #dedede;
         }
         
         .customized .modal-content .modal-header .modal-title {
             font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
             font-weight: 700 !important;
         }
         
         .customized .modal-content .modal-footer {
             padding: 1rem 0 0 0;
             border-top: 1px dashed #dedede;
         }
         
         .customized .modal-content .modal-footer .btn {
             padding: 5px 12px;
             text-transform: capitalize;
         }
         
         .customized .size-option .item h5 {
             margin-bottom: 10px !important;
             font-weight: 600 !important;
         }
         
         .customized .size-option .item form .form-check {
             line-height: 1.7;
             margin-bottom: 6px;
         }
         
         .customized .size-option .item form .form-check-label {
             text-transform: capitalize;
         }
         
         .customized .size-option .item+.item {
             margin-top: 15px;
         }
         
         .cart {
             width: 35px;
             height: 35px;
             border-radius: 0 8px 8px 0;
             position: fixed;
             background-color: white;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             left: 0;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-shadow: 0 2px 4px 0 #dedede;
             box-shadow: 0 2px 4px 0 #dedede;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             display: none;
             z-index: 1;
         }
         
         .cart i {
             color: #ef3f3e;
         }
         
         .order-cart-right .back-btn {
             padding-bottom: 15px;
             margin-bottom: 15px;
             border-bottom: 1px solid #ececec;
             display: none;
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             color: black;
             font-weight: 700;
             cursor: pointer;
         }
         
         .top-title-bar .hotel_title_section {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             padding: 20px 0;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .top-title-bar .hotel_title_section h2 {
             margin-bottom: 5px;
             font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
             margin-top: -6px;
         }
         
         .top-title-bar .hotel_title_section h6 {
             margin-bottom: -3px;
             color: rgba(0, 0, 0, 0.5);
         }
         
         .top-title-bar .hotel_title_section ul {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-pack: end;
             -ms-flex-pack: end;
             justify-content: flex-end;
             margin-bottom: 5px;
             margin-top: -6px;
         }
         
         .top-title-bar .hotel_title_section ul li {
             padding-left: 15px;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             position: relative;
             margin-left: 10px;
         }
         
         .top-title-bar .hotel_title_section ul li i {
             font-size: 10px;
             color: rgba(0, 0, 0, 0.6);
         }
         
         .top-title-bar .hotel_title_section ul li:after {
             content: "";
             position: absolute;
             left: 0;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             width: 5px;
             height: 5px;
             background-color: black;
             border-radius: 100%;
         }
         
         .top-title-bar .hotel_title_section .right-part {
             margin-left: auto;
             text-align: right;
         }
         
         .checkout-process .checkout-box {
             background-color: white;
             padding: 20px;
             -webkit-box-shadow: 0 2px 4px 0 #dedede;
             box-shadow: 0 2px 4px 0 #dedede;
         }
         
         .checkout-process .checkout-box h4.title {
             text-transform: capitalize;
             font-weight: 700;
             margin-top: -4px;
         }
         
         .checkout-process .checkout-box .sub-title {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             margin-top: 20px;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-bottom: 15px;
         }
         
         .checkout-process .checkout-box .sub-title h5 {
             text-transform: capitalize;
             font-weight: 600;
             margin-bottom: 0;
         }
         
         .checkout-process .checkout-box .sub-title a {
             margin-left: auto;
             border: 1px solid rgba(0, 0, 0, 0.2);
             color: rgba(0, 0, 0, 0.9);
             padding: 3px 10px;
             text-transform: capitalize;
         }
         
         .checkout-process .checkout-box .address-sec {
             margin-top: 5px;
         }
         
         .checkout-process .checkout-box .address-sec .select-box {
             cursor: pointer;
         }
         
         .checkout-process .checkout-box .address-sec .select-box .address-box {
             padding: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
             border: 1px solid #dddddd;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .checkout-process .checkout-box .address-sec .select-box .address-box .top h6 {
             text-transform: capitalize;
             font-weight: 700;
         }
         
         .checkout-process .checkout-box .address-sec .select-box .address-box .top h6 span {
             float: right;
             background-color: rgba(0, 128, 0, 0.9);
             color: white;
             padding: 5px 15px;
             font-size: 80%;
             border-radius: 3px;
         }
         
         .checkout-process .checkout-box .address-sec .select-box .address-box .middle {
             margin-top: 15px;
         }
         
         .checkout-process .checkout-box .address-sec .select-box .address-box .middle .address p {
             margin-bottom: 5px;
             color: rgba(0, 0, 0, 0.7);
         }
         
         .checkout-process .checkout-box .address-sec .select-box .address-box .middle .number {
             margin-top: 15px;
         }
         
         .checkout-process .checkout-box .address-sec .select-box .address-box .middle .number p {
             color: rgba(0, 0, 0, 0.7);
             text-transform: capitalize;
         }
         
         .checkout-process .checkout-box .address-sec .select-box .address-box .bottom {
             border-top: 1px solid #dddddd;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             text-align: center;
             padding-top: 10px;
         }
         
         .checkout-process .checkout-box .address-sec .select-box .address-box .bottom .bottom_btn {
             width: 47.5%;
             text-transform: capitalize;
             font-weight: 600;
             padding: 4px;
             border-radius: 5px;
             background-color: rgba(255, 0, 0, 0.15);
             color: rgba(255, 0, 0, 0.9);
         }
         
         .checkout-process .checkout-box .address-sec .select-box .address-box .bottom .bottom_btn:first-child {
             margin-right: 5%;
             background-color: rgba(0, 128, 0, 0.15);
             color: rgba(0, 128, 0, 0.9);
         }
         
         .checkout-process .checkout-box .address-sec .select-box.active .address-box {
             border: 1px solid rgba(0, 0, 0, 0.5);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .checkout-process .checkout-box .review-section {
             margin-top: 20px;
         }
         
         .checkout-process .checkout-box .review-section .review_box {
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         
         .checkout-process .checkout-box .review-section .review_box .flight_detail {
             padding: 0;
         }
         
         .checkout-process .checkout-box+.checkout-box {
             margin-top: 20px;
         }
         
         .checkout-cart .single-sidebar .order-cart .cart-bottom .sub-total {
             font-weight: 500;
         }
         
         .checkout-cart .single-sidebar .order-cart .cart-bottom .sub-total.grand-total {
             font-weight: 700;
             border-top: 1px solid #f9f9f9;
             padding-top: 13px;
             margin-top: 16px;
         }
         
         .flight-search .flight-search-detail {
             background-color: white;
             padding: 30px 15px;
         }
         
         .flight-search .flight-search-detail .form-group {
             margin-bottom: 0;
             position: relative;
         }
         
         .flight-search .flight-search-detail .form-group img {
             position: absolute;
             right: 0;
             bottom: 0;
             border-left: 1px solid #e5e5e5;
             padding: 10px;
         }
         
         .flight-search .flight-search-detail .form-group label {
             text-transform: capitalize;
             margin-bottom: 5px;
             font-weight: 700;
             font-size: 15px;
         }
         
         .flight-search .flight-search-detail .form-group .form-control {
             border-radius: 0;
             text-transform: capitalize;
             border: 1px solid #e5e5e5;
         }
         
         .flight-search .flight-search-detail .form-group .form-control:focus {
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         
         .flight-search .flight-search-detail .form-group .gj-datepicker button,
         .flight-search .flight-search-detail .form-group .gj-timepicker button {
             border: 1px solid #e5e5e5 !important;
             background-color: white;
             height: 38px;
         }
         
         .flight-search .flight-search-detail .form-group .gj-datepicker button i,
         .flight-search .flight-search-detail .form-group .gj-timepicker button i {
             opacity: 0.2;
         }
         
         .flight-search .flight-search-detail .form-group ::-webkit-input-placeholder {
             color: #a5a5a5;
             text-transform: capitalize;
         }
         
         .flight-search .flight-search-detail .form-group ::-moz-placeholder {
             color: #a5a5a5;
             text-transform: capitalize;
         }
         
         .flight-search .flight-search-detail .form-group :-ms-input-placeholder {
             color: #a5a5a5;
             text-transform: capitalize;
         }
         
         .flight-search .flight-search-detail .form-group ::-ms-input-placeholder {
             color: #a5a5a5;
             text-transform: capitalize;
         }
         
         .flight-search .flight-search-detail .form-group ::placeholder {
             color: #a5a5a5;
             text-transform: capitalize;
         }
         
         .flight-search .flight-search-detail .search-btn {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: end;
             -ms-flex-align: end;
             align-items: flex-end;
             height: 100%;
         }
         
         .flight-search .flight-search-detail .search-btn .btn {
             width: 100%;
         }
         
         .flight-search .flight-search-detail .responsive-close {
             display: none;
         }
         
         .flight-search .responsive-detail {
             display: none;
             background-color: white;
             padding: 15px 25px;
             position: relative;
         }
         
         .flight-search .responsive-detail .destination span {
             font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             color: black;
             font-weight: 700;
             margin-bottom: -3px;
         }
         
         .flight-search .responsive-detail .details span {
             text-transform: capitalize;
             color: #5d5d5d;
         }
         
         .flight-search .responsive-detail .modify-search {
             position: absolute;
             right: 25px;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
         }
         
         .flight-search .responsive-detail .modify-search .btn {
             padding: 4px 6px;
             text-transform: capitalize;
             font-size: 14px;
         }
         
         .selector-box-flight {
             text-align: left;
             padding: 10px;
             position: absolute;
             width: 100%;
             background-color: white;
             z-index: 3;
             border: 1px solid #dedede;
             -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
             box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
             top: auto;
             display: none;
         }
         
         .selector-box-flight .room-cls .title_room {
             font-size: 16px;
             text-transform: capitalize;
             font-weight: 700;
         }
         
         .selector-box-flight .room-cls .qty-box {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .selector-box-flight .room-cls .qty-box label {
             text-transform: capitalize;
             margin-right: 30px;
             margin-bottom: 0;
         }
         
         .selector-box-flight .room-cls .qty-box .input-group {
             width: 90px;
             margin-left: auto;
         }
         
         .selector-box-flight .room-cls .qty-box .input-group .btn {
             background-color: transparent;
         }
         
         .selector-box-flight .room-cls .qty-box .input-group .form-control {
             padding: 0;
             text-align: center;
             border: none;
         }
         
         .selector-box-flight .room-cls .qty-box+.qty-box {
             margin-top: 10px;
         }
         
         .selector-box-flight .room-cls+.room-cls {
             margin-top: 10px;
             border-top: 1px solid #f9f9f9;
             padding-top: 10px;
         }
         
         .selector-box-flight .flight-class {
             border-top: 1px solid #e7e7e7;
             margin-top: 10px;
             padding-top: 5px;
             padding-bottom: 3px;
         }
         
         .selector-box-flight .flight-class .form-check {
             margin-top: 7px;
         }
         
         .selector-box-flight .flight-class .form-check-label {
             text-transform: capitalize;
         }
         
         .selector-box-flight .bottom-part {
             border-top: 1px solid #e7e7e7;
             margin-top: 5px;
             padding-top: 5px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .selector-box-flight .bottom-part .btn {
             margin-left: auto;
         }
         
         .selector-box-flight.show {
             display: block;
         }
         
         .top-bar-flight {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             margin-top: 30px;
             position: relative;
         }
         
         .top-bar-flight .date-fare-slider {
             background-color: white;
             border-right: 1px solid #f5f5f5;
             padding: 0 40px;
             width: 92%;
         }
         
         .top-bar-flight .date-fare-slider .slick-slider {
             border-left: 1px solid #f5f5f5;
             border-right: 1px solid #f5f5f5;
         }
         
         .top-bar-flight .date-fare-slider .slick-slider .slick-prev {
             left: -30px;
         }
         
         .top-bar-flight .date-fare-slider .slick-slider .slick-prev:before {
             content: "\f053";
             font-family: "Font Awesome 5 Free";
             font-weight: 900;
             color: #a0a0a0;
         }
         
         .top-bar-flight .date-fare-slider .slick-slider .slick-next {
             right: -30px;
         }
         
         .top-bar-flight .date-fare-slider .slick-slider .slick-next:before {
             content: "\f054";
             font-family: "Font Awesome 5 Free";
             font-weight: 900;
             color: #a0a0a0;
         }
         
         .top-bar-flight .date-fare-slider .fare-box {
             text-align: center;
             border-right: 1px solid #f5f5f5;
             padding: 15px 10px;
         }
         
         .top-bar-flight .date-fare-slider .fare-box h6 {
             margin-bottom: 0;
             color: #585858;
             font-size: 12px;
         }
         
         .top-bar-flight .date-fare-slider .fare-box h5 {
             text-transform: capitalize;
             font-size: 14px;
             margin-bottom: 5px;
             color: black;
             font-weight: 700;
         }
         
         .top-bar-flight .date-fare-slider .fare-box.active h5 {
             color: #ef3f3e;
             font-weight: 700;
         }
         
         .top-bar-flight .fare-calender {
             width: 8%;
             background-color: white;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             position: relative;
             text-align: center;
         }
         
         .top-bar-flight .fare-calender i {
             font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
             color: #484848;
             display: block;
             margin-bottom: -5px;
         }
         
         .top-bar-flight .fare-calender h6.title {
             font-size: 12px;
             margin-bottom: 0;
             margin-top: 10px;
             text-transform: capitalize;
         }
         
         .top-bar-flight .fare-calender .calender-external {
             position: absolute;
             z-index: 1;
             right: 0;
             top: 0;
             background-color: white;
             padding: 25px;
             display: none;
             -webkit-box-shadow: -2px 6px 8px 4px rgba(0, 0, 0, 0.1);
             box-shadow: -2px 6px 8px 4px rgba(0, 0, 0, 0.1);
         }
         
         .top-bar-flight .fare-calender .calender-external .fc-dayGrid-view .fc-body .fc-row {
             height: 60px !important;
         }
         
         .top-bar-flight .fare-calender .calender-external .fc-view,
         .top-bar-flight .fare-calender .calender-external .fc-view>table {
             display: inline-block;
         }
         
         .top-bar-flight .fare-calender .calender-external .fc th,
         .top-bar-flight .fare-calender .calender-external .fc td {
             width: 80px;
         }
         
         .top-bar-flight .fare-calender .calender-external .fc-scroller.fc-day-grid-container {
             height: auto !important;
         }
         
         .top-bar-flight .fare-calender .calender-external .fc-event,
         .top-bar-flight .fare-calender .calender-external .fc-event-dot {
             border: none;
             background-color: transparent;
             text-align: right;
         }
         
         .top-bar-flight .fare-calender .calender-external .fc-content {
             font-weight: 700;
             color: #ef3f3e;
         }
         
         .top-bar-flight .fare-calender .calender-external.show {
             display: block;
         }
         
         .flight-detail-sec {
             margin: 20px 0;
         }
         
         .flight-detail-sec .title-bar {
             text-align: center;
             padding: 10px 0;
         }
         
         .flight-detail-sec .title-bar p {
             margin-bottom: 0;
             color: #545454;
             text-transform: capitalize;
         }
         
         .flight-detail-sec .selection-bar {
             background-color: white;
             padding: 10px 20px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-bottom: 10px;
         }
         
         .flight-detail-sec .selection-bar span {
             font-size: 14px;
             text-transform: capitalize;
             color: black;
             font-weight: 500;
         }
         
         .flight-detail-sec .selection-bar .details {
             margin-left: auto;
         }
         
         .flight-detail-sec .detail-bar .detail-wrap {
             background-color: white;
             padding: 15px 0;
             border: 1px dashed transparent;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .flight-detail-sec .detail-bar .detail-wrap .logo-sec {
             text-align: center;
         }
         
         .flight-detail-sec .detail-bar .detail-wrap .logo-sec img {
             width: 50px;
             height: auto;
             margin-bottom: 5px;
         }
         
         .flight-detail-sec .detail-bar .detail-wrap .logo-sec .title {
             display: block;
             text-transform: capitalize;
             font-weight: 600;
         }
         
         .flight-detail-sec .detail-bar .detail-wrap .airport-part {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             text-align: center;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             height: 100%;
         }
         
         .flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-name h4 {
             margin-bottom: 3px;
             margin-top: -4px;
             color: #222222;
             font-size: 16px;
             font-weight: 600;
         }
         
         .flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-name h6 {
             margin-bottom: -5px;
             color: #909090;
             font-size: 12px;
         }
         
         .flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-name.arrival {
             margin-left: auto;
         }
         
         .flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-progress {
             width: 100%;
             padding: 0 25px;
             position: relative;
         }
         
         .flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-progress .stop {
             position: absolute;
             left: 50%;
             -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
             top: 16px;
             font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
             width: 100%;
             color: gray;
         }
         
         .flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-progress i {
             color: #ef3f3e;
         }
         
         .flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-progress:after {
             content: "";
             position: absolute;
             height: 1px;
             width: 60%;
             background-color: #cecece;
             left: 50%;
             -webkit-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
             top: 50%;
         }
         
         .flight-detail-sec .detail-bar .detail-wrap .price {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             width: 100%;
             height: 100%;
             text-align: center;
         }
         
         .flight-detail-sec .detail-bar .detail-wrap .price h4 {
             margin-bottom: -4px;
             font-weight: 700;
             font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .flight-detail-sec .detail-bar .detail-wrap .price span {
             font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320)));
             color: grey;
             text-transform: capitalize;
         }
         
         .flight-detail-sec .detail-bar .detail-wrap .book-flight {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             height: 100%;
         }
         
         .flight-detail-sec .detail-bar .detail-wrap .book-flight .btn {
             padding: 5px 16px;
             text-transform: capitalize;
         }
         
         .flight-detail-sec .detail-bar .detail-wrap+.detail-wrap {
             margin-top: 20px;
         }
         
         .flight-detail-sec .detail-bar .detail-wrap.active {
             border: 1px dashed #ef3f3e;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             -webkit-box-shadow: 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
             box-shadow: 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
         }
         
         .flight-detail-sec.full_width-detail .detail-bar .detail-wrap {
             padding: 30px 0;
         }
         
         .flight-detail-sec.full_width-detail .detail-bar .detail-wrap .logo-sec {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
         }
         
         .flight-detail-sec.full_width-detail .detail-bar .detail-wrap .logo-sec img {
             margin-bottom: 0;
             width: 60px;
             margin-right: 10px;
         }
         
         .flight-detail-sec.book_panel {
             position: fixed;
             width: 100%;
             left: 0;
             bottom: 0;
             z-index: 2;
             background-color: white;
             -webkit-box-shadow: -1px -1px 5px 0 rgba(77, 77, 77, 0.14);
             box-shadow: -1px -1px 5px 0 rgba(77, 77, 77, 0.14);
             margin: 0;
         }
         
         .flight-detail-sec.book_panel .detail-bar .detail-wrap .logo-sec img {
             width: 60px;
             margin-bottom: 0;
         }
         
         .flight-detail-sec.book_panel .detail-bar .detail-wrap .airport-part .airport-progress:after {
             display: none;
         }
         
         .flight-detail-sec.book_panel .detail-bar .detail-wrap .airport-part .airport-progress i {
             color: black;
         }
         
         .flight-detail-sec.book_panel .detail-bar .detail-wrap .price h4 {
             font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .flight-detail-sec.book_panel .detail-bar.border-cls .detail-wrap .row {
             border-left: 1px solid #dedede;
             border-right: 1px solid #dedede;
         }
         
         .flight-detail-sec.book_panel .grand-total {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             height: 100%;
         }
         
         .flight-detail-sec.book_panel .grand-total .total {
             margin-bottom: 0;
             margin-right: 30px;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
         }
         
         .flight-detail-sec.book_panel .grand-total .total span {
             font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 700;
             margin-left: 5px;
         }
         
         .flight-detail-sec.round_trip .detail-bar .detail-wrap {
             cursor: pointer;
         }
         
         .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .logo-sec img {
             width: 160px;
             margin-bottom: 10px;
         }
         
         .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .logo-sec .title {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .logo-sec label {
             margin-bottom: 0;
             text-transform: capitalize;
             color: rgba(0, 0, 0, 0.56);
         }
         
         .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .car-details {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             height: 100%;
         }
         
         .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .car-details ul li {
             display: block;
             text-transform: capitalize;
             color: #3e3e3e;
         }
         
         .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .car-details ul li img {
             margin-right: 5px;
             width: 16px;
         }
         
         .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .car-details ul li+li {
             margin-top: 10px;
         }
         
         .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .car-details ul+ul {
             margin-left: 30px;
         }
         
         .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .price h6 {
             font-size: 14px;
             color: grey;
             text-transform: capitalize;
             margin-bottom: 0;
             margin-top: 10px;
         }
         
         .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .price h6 span {
             font-size: 14px;
             color: black;
             font-weight: 600;
         }
         
         .top-filter-section {
             background-color: white;
             margin-top: 20px;
             padding: 15px 30px;
         }
         
         .top-filter-section ul {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
         }
         
         .top-filter-section ul .back-btn {
             display: none;
         }
         
         .top-filter-section ul .onclick-title,
         .top-filter-section ul .filter-title {
             min-width: 170px;
             cursor: pointer;
             position: relative;
             border-left: 1px solid #e0e0e0;
         }
         
         .top-filter-section ul .onclick-title h6,
         .top-filter-section ul .filter-title h6 {
             text-transform: capitalize;
             font-size: 16px;
             text-align: center;
             margin-bottom: 0;
             padding: 0 20px 0 0;
             position: relative;
         }
         
         .top-filter-section ul .onclick-title h6:before,
         .top-filter-section ul .filter-title h6:before {
             font-family: "Font Awesome 5 free";
             font-weight: 900;
             content: "\f107";
             position: absolute;
             right: 15px;
             opacity: 0.2;
         }
         
         .top-filter-section ul .onclick-title:nth-child(-n+3),
         .top-filter-section ul .filter-title:nth-child(-n+3) {
             border-left: none;
         }
         
         .top-filter-section ul .onclick-title .onclick-content,
         .top-filter-section ul .filter-title .onclick-content {
             display: none;
             position: absolute;
             background-color: white;
             z-index: 1;
             padding: 10px 20px;
             width: 200px;
             left: 30px;
             top: 34px;
             -webkit-box-shadow: 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
             box-shadow: 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
         }
         
         .top-filter-section ul .onclick-title .onclick-content .custom-control .form-check-label,
         .top-filter-section ul .filter-title .onclick-content .custom-control .form-check-label {
             text-transform: capitalize;
         }
         
         .top-filter-section ul .onclick-title.show .onclick-content,
         .top-filter-section ul .filter-title.show .onclick-content {
             display: block;
         }
         
         .top-filter-section ul .filter-title {
             min-width: 60px;
         }
         
         .top-filter-section ul .filter-title h6 {
             padding: 0;
             font-weight: 700;
         }
         
         .top-filter-section ul .filter-title h6:before {
             display: none;
         }
         
         .top-filter-section .form-check {
             display: block;
             text-transform: capitalize;
         }
         
         .review-section .review_box {
             background-color: white;
             -webkit-box-shadow: 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
             box-shadow: 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
         }
         
         .review-section .review_box .title-top {
             padding: 20px 30px;
             background-color: #f9f9f9;
         }
         
         .review-section .review_box .title-top h5 {
             margin-bottom: 0;
             text-transform: capitalize;
             line-height: 1;
             font-weight: 600;
         }
         
         .review-section .review_box .flight_detail {
             padding: 20px 30px;
         }
         
         .review-section .review_box .flight_detail .logo-sec img {
             width: 60px;
             margin-right: 10px;
         }
         
         .review-section .review_box .flight_detail .logo-sec .title {
             text-transform: capitalize;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 600;
         }
         
         .review-section .review_box .flight_detail .airport-part {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             text-align: center;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             height: 100%;
         }
         
         .review-section .review_box .flight_detail .airport-part .airport-name h6 {
             margin-bottom: 3px;
             font-weight: 700;
         }
         
         .review-section .review_box .flight_detail .airport-part .airport-name h6 span {
             font-weight: 500;
         }
         
         .review-section .review_box .flight_detail .addons-according .seat-select .seat-details {
             position: absolute;
             left: 0;
             top: 5%;
         }
         
         .review-section .review_box .flight_detail .addons-according .seat-select .seat-details ul li {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .review-section .review_box .flight_detail .addons-according .seat-select .seat-details ul li .box {
             width: 25px;
             height: 25px;
         }
         
         .review-section .review_box .flight_detail .addons-according .seat-select .seat-details ul li .box.taken {
             background: rgba(221, 221, 221, 0.4);
         }
         
         .review-section .review_box .flight_detail .addons-according .seat-select .seat-details ul li .box.selected {
             background: rgba(175, 175, 175, 0.4);
         }
         
         .review-section .review_box .flight_detail .addons-according .seat-select .seat-details ul li .box.available {
             background: rgba(239, 63, 62, 0.15);
         }
         
         .review-section .review_box .flight_detail .addons-according .seat-select .seat-details ul li h6 {
             margin-left: 15px;
             text-transform: capitalize;
             margin-bottom: 0;
         }
         
         .review-section .review_box .flight_detail .addons-according .seat-select .seat-details ul li+li {
             margin-top: 8px;
         }
         
         .review-section .review_box+.review_box {
             margin-top: 20px;
         }
         
         .res-margin .single-section {
             margin-top: 20px;
         }
         
         .continue-btn {
             margin-top: 30px;
             text-align: center;
         }
         
         .success-section {
             overflow: hidden;
         }
         
         .success-section .animation {
             max-width: 100%;
         }
         
         .success-section .success-detail {
             text-align: center;
             margin-top: 15px;
         }
         
         .success-section .success-detail img {
             margin-bottom: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .success-section .success-detail p {
             font-size: 16px;
             max-width: 48%;
             margin: 0 auto;
             color: rgba(0, 0, 0, 0.7);
             line-height: 30px;
             padding-top: 10px;
             text-transform: capitalize;
         }
         
         .success-section .success-detail .btn {
             padding: 8px 20px;
             text-transform: capitalize;
             margin-top: 18px;
         }
         
         .contact_section .contact_wrap .title_bar {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-bottom: 10px;
         }
         
         .contact_section .contact_wrap .title_bar h4 {
             margin-bottom: 0;
             margin-left: 10px;
             text-transform: capitalize;
             color: black;
             font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 600;
         }
         
         .contact_section .contact_wrap .title_bar i {
             color: #ef3f3e;
             font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .contact_section .contact_wrap .contact_content ul {
             padding-left: 20px;
         }
         
         .contact_section .contact_wrap .contact_content ul li {
             display: block;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: #848484;
         }
         
         .contact_section .contact_wrap .contact_content p {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             line-height: 1.5;
             margin-bottom: 0;
             color: #848484;
             margin-left: 20px;
         }
         
         .contact_section.contact_right .row>div {
             margin-bottom: 20px;
         }
         
         .contact_section.contact_right .row>div:last-child {
             margin-bottom: 0;
         }
         
         .get-in-touch h3 {
             text-transform: capitalize;
             margin-bottom: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 600;
         }
         
         .get-in-touch form .form-control {
             border-radius: 0;
             font-size: 14px;
             line-height: 1.8;
             text-transform: capitalize;
             padding: 10px 18px;
         }
         
         .get-in-touch form .submit-btn {
             text-align: right;
             margin-top: 10px;
         }
         
         .contact-map {
             height: 100%;
         }
         
         .contact-map iframe {
             width: 100%;
             height: 100%;
             border: 0;
         }
         
         .contact-bottom {
             height: calc(180px + (350 - 180) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .gm-style div[title] {
             opacity: 1 !important;
         }
         
         .gm-style div[title] img {
             display: block !important;
             height: 40px !important;
             width: auto !important;
         }
         
         .leaflet-marker-icon {
             height: 50px !important;
             width: auto !important;
         }
         
         .add-animation {
             -webkit-animation: 1s linear infinite bounce-1;
             animation: 1s linear infinite bounce-1;
         }
         
         .add-filter {
             -webkit-filter: grayscale(1);
             filter: grayscale(1);
         }
         
         @-webkit-keyframes bounce-1 {
             0% {
                 -webkit-transform: translateY(0);
                 transform: translateY(0);
             }
             50% {
                 -webkit-transform: translateY(-7px);
                 transform: translateY(-7px);
             }
             100% {
                 -webkit-transform: translateY(0);
                 transform: translateY(0);
             }
         }
         
         @keyframes bounce-1 {
             0% {
                 -webkit-transform: translateY(0);
                 transform: translateY(0);
             }
             50% {
                 -webkit-transform: translateY(-7px);
                 transform: translateY(-7px);
             }
             100% {
                 -webkit-transform: translateY(0);
                 transform: translateY(0);
             }
         }
         
         .coming-soon {
             background-size: cover;
             height: 100vh;
             position: relative;
             z-index: 1;
             overflow: hidden;
         }
         
         .coming-soon .coming-soon-detail {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             text-align: center;
             height: 100vh;
             width: 100%;
         }
         
         .coming-soon .coming-soon-detail>div {
             width: 100%;
         }
         
         .coming-soon .coming-soon-detail .logo {
             margin-bottom: calc(14px + (25 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .coming-soon .coming-soon-detail h2 {
             color: white;
             font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 700;
             margin-bottom: calc(16px + (25 - 16) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .coming-soon .coming-soon-detail form {
             width: 50%;
             margin: 0 auto;
         }
         
         .coming-soon .coming-soon-detail form label {
             color: white;
             font-size: 20px;
             text-transform: capitalize;
         }
         
         .coming-soon .coming-soon-detail form input {
             padding: 13px 25px;
             border-radius: 25px;
             font-size: 16px;
         }
         
         .coming-soon .coming-soon-detail form input:focus {
             -webkit-box-shadow: none;
             box-shadow: none;
             border: 1px solid #dddddd;
         }
         
         .coming-soon .coming-soon-detail form .actions {
             margin-top: 20px;
         }
         
         .coming-soon .coming-soon-detail form .actions .btn {
             padding: 14px 40px;
             border-radius: 25px;
         }
         
         .coming-soon .coming-soon-detail .timer {
             margin-bottom: calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .coming-soon .object {
             position: absolute;
             -webkit-animation: sway 2.4s infinite;
             animation: sway 2.4s infinite;
             -webkit-animation-timing-function: ease-in-out;
             animation-timing-function: ease-in-out;
             -webkit-transform-origin: top;
             transform-origin: top;
             left: calc(10% + (14 - 10) * ((100vw - 320px) / (1920 - 320)));
             height: 5%;
             z-index: 999;
             text-transform: uppercase;
         }
         
         .coming-soon .object .object-shape {
             width: calc(60px + (100 - 60) * ((100vw - 320px) / (1920 - 320)));
             height: calc(60px + (100 - 60) * ((100vw - 320px) / (1920 - 320)));
             border-radius: 50%;
             display: block;
             background-color: white;
             margin: 0 auto;
             position: relative;
             color: black;
             text-align: center;
             padding-top: calc(14px + (25 - 14) * ((100vw - 320px) / (1920 - 320)));
             font-weight: 800;
             -webkit-box-sizing: border-box;
             box-sizing: border-box;
             font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .coming-soon .object .object-shape span {
             font-size: calc(12px + (22 - 12) * ((100vw - 320px) / (1920 - 320)));
             color: black;
         }
         
         .coming-soon .object .object-rope {
             height: 100%;
             width: 5px;
             background-color: white;
             content: "";
             display: block;
             margin-left: 50%;
         }
         
         .coming-soon.travel {
             background-color: rgba(239, 63, 62, 0.05);
         }
         
         .coming-soon.travel svg {
             position: absolute;
             top: 0;
             width: 1920px;
             height: 1600px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             left: 50%;
             -webkit-transform: translateX(-50%);
             transform: translateX(-50%);
         }
         
         .coming-soon.travel .coming-soon-detail {
             position: absolute;
             -webkit-box-align: end;
             -ms-flex-align: end;
             align-items: flex-end;
             padding-bottom: 60px;
             z-index: 1;
         }
         
         .coming-soon.travel .coming-soon-detail .logo img {
             -webkit-filter: invert(1);
             filter: invert(1);
         }
         
         .coming-soon.travel .coming-soon-detail h2 {
             color: black;
         }
         
         .coming-soon.travel .coming-soon-detail form label {
             color: black;
         }
         
         .coming-soon.ripple-effect canvas {
             position: absolute;
             left: 0;
             top: 0;
             z-index: -1;
         }
         
         .typography_section p {
             color: #777777;
         }
         
         .typography_section .typography-box {
             margin-bottom: 30px;
         }
         
         .typography_section .typography-box p {
             line-height: 22px;
         }
         
         .typography_section .typography-box .headings {
             border-bottom: 1px solid #f1f1f1;
             margin-bottom: 20px;
             background-color: rgba(247, 247, 247, 0.5);
             padding: 8px 12px;
         }
         
         .typography_section .typography-box .headings h3 {
             text-transform: capitalize;
             color: #2d2d2d;
             margin-bottom: 0;
             font-weight: 400;
             font-size: 20px;
         }
         
         .typography_section .typography-box .headings span {
             color: #777777;
         }
         
         .typography_section .typography-box .headings span code {
             color: #777777;
         }
         
         .typography_section .typography-box .typo-content.heading_content h1,
         .typography_section .typography-box .typo-content.heading_content h2,
         .typography_section .typography-box .typo-content.heading_content h3,
         .typography_section .typography-box .typo-content.heading_content h4,
         .typography_section .typography-box .typo-content.heading_content h5,
         .typography_section .typography-box .typo-content.heading_content h6 {
             font-weight: 400;
             color: black;
             text-transform: uppercase;
             line-height: 1;
             margin-bottom: 10px;
         }
         
         .typography_section .typography-box .typo-content .sub-title {
             border-bottom: 1px solid rgba(0, 0, 0, 0.1);
             padding-bottom: 5px;
             margin-bottom: 8px;
             font-size: 18px;
             color: #222222;
             text-transform: capitalize;
         }
         
         .typography_section .typography-box .typo-content.input_button input {
             margin-bottom: 10px;
         }
         
         .typography_section .typography-box .typo-content.input_button label {
             font-size: 16px;
             text-transform: capitalize;
             padding-left: 5px;
         }
         
         .typography_section .typography-box .typo-content.loader-typo {
             width: 100%;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .typography_section .typography-box .typo-content.loader-typo .pre-loader {
             position: relative;
             width: 50px;
             height: 50px;
             background-color: #ef3f3e;
             border-radius: 50%;
         }
         
         .typography_section .typography-box .typo-content.loader-typo .pre-loader:after {
             content: "";
             position: absolute;
             border-radius: 50%;
             top: 50%;
             left: 50%;
             border: 0 solid white;
             -webkit-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
             -webkit-animation: loading 1000ms ease-out forwards infinite;
             animation: loading 1000ms ease-out forwards infinite;
             -webkit-transition: all 0.3s ease;
             transition: all 0.3s ease;
         }
         
         .typography_section .typography-box .typo-content .footer-social {
             margin-top: 0;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
         }
         
         .typography_section .typography-box:last-child {
             margin-bottom: 0;
         }
         
         .typography_section code {
             color: rgba(239, 63, 62, 0.6);
             background-color: #f7f7f7;
             padding: 3px;
             margin: 0 3px;
             border-radius: 2px;
         }
         
         @-webkit-keyframes sway {
             0% {
                 -webkit-transform: rotate(8deg);
                 transform: rotate(8deg);
             }
             50% {
                 -webkit-transform: rotate(-8deg);
                 transform: rotate(-8deg);
             }
             100% {
                 -webkit-transform: rotate(8deg);
                 transform: rotate(8deg);
             }
         }
         
         @keyframes sway {
             0% {
                 -webkit-transform: rotate(8deg);
                 transform: rotate(8deg);
             }
             50% {
                 -webkit-transform: rotate(-8deg);
                 transform: rotate(-8deg);
             }
             100% {
                 -webkit-transform: rotate(8deg);
                 transform: rotate(8deg);
             }
         }
         
         @-webkit-keyframes rotate-right {
             from {
                 -webkit-transform: rotate(0deg);
             }
             to {
                 -webkit-transform: rotate(360deg);
             }
         }
         
         @-webkit-keyframes rotate-left {
             from {
                 -webkit-transform: rotate(0deg);
             }
             to {
                 -webkit-transform: rotate(-360deg);
             }
         }
         
         @-webkit-keyframes hover {
             0% {
                 -webkit-transform: translateY(0%);
             }
             50% {
                 -webkit-transform: translateY(5%);
             }
             100% {
                 -webkit-transform: translateY(0%);
             }
         }
         
         @-webkit-keyframes pull {
             0% {
                 -webkit-transform: scaleY(1);
             }
             40% {
                 -webkit-transform: scaleY(1.01);
             }
             60% {
                 -webkit-transform: scaleY(0.99);
             }
             80% {
                 -webkit-transform: scaleY(1.01);
             }
             100% {
                 -webkit-transform: scaleY(0.99);
             }
             80% {
                 -webkit-transform: scaleY(1.01);
             }
             100% {
                 -webkit-transform: scaleY(1);
             }
         }
         
         #airplane2,
         #airplane1 {
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-transform-origin: 200px 200px;
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-animation: rotate-right 60s linear 0s infinite;
         }
         
         #countryObjects {
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-transform-origin: 200px 200px;
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-animation: rotate-right 240s linear 0s infinite;
         }
         
         #floatingGlobe {
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-transform-origin: 200px 200px;
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-animation: rotate-left 360s linear 0s infinite;
         }
         
         #globe {
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-animation: hover 0s linear 0s infinite;
         }
         
         #windmill {
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-transform-origin: 331px 201px;
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-animation: rotate-right 2s linear 0s infinite;
         }
         
         #cloud1 {
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-animation: hover 3s linear 1s infinite;
         }
         
         #cloud2 {
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-animation: hover 3s linear 2s infinite;
         }
         
         #cloud3 {
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-animation: hover 3s linear 3s infinite;
         }
         
         #circle1 {
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-transform-origin: 200px 200px;
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-animation: rotate-right 12s linear 0s infinite;
         }
         
         #circle2 {
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-transform-origin: 200px 200px;
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-animation: rotate-left 24s linear 0s infinite;
         }
         
         #circle3 {
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-transform-origin: 200px 200px;
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-animation: rotate-right 12s linear 0s infinite;
         }
         
         #circle4 {
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-transform-origin: 200px 200px;
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-animation: rotate-left 24s linear 0s infinite;
         }
         
         #circle5 {
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-transform-origin: 200px 200px;
             -webkit-transform: translate3d(0, 0, 0);
             -webkit-animation: rotate-right 12s linear 0s infinite;
         }
         
         .faq-tab .nav-tabs {
             display: block;
             border-bottom: none;
             background-color: white;
             padding: 10px 0;
             -webkit-box-shadow: 0 2px 4px 0 #dedede;
             box-shadow: 0 2px 4px 0 #dedede;
         }
         
         .faq-tab .nav-tabs .nav-item {
             display: block;
         }
         
         .faq-tab .nav-tabs .nav-item .nav-link {
             text-transform: capitalize;
             color: black;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             border: none;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             border-radius: 0;
             font-weight: 600;
         }
         
         .faq-tab .nav-tabs .nav-item .nav-link.active {
             border: none;
             border-right: 2px solid #ef3f3e;
             border-radius: 0;
             color: #ef3f3e;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .faq-tab .nav-tabs .nav-item .nav-link:hover {
             border: none;
             border-right: 2px solid #ef3f3e;
             color: #ef3f3e;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .faq-content {
             display: block;
             background-color: white;
             padding: 30px;
             -webkit-box-shadow: 0 2px 4px 0 #dedede;
             box-shadow: 0 2px 4px 0 #dedede;
         }
         
         .faq-content .tab-pane .card {
             margin-bottom: 25px;
             border-radius: 0;
             border: none;
         }
         
         .faq-content .tab-pane .card .card-header {
             border-bottom: none;
             background-color: transparent;
             padding: 0;
         }
         
         .faq-content .tab-pane .card .card-header h5 {
             padding: 0;
             width: 100%;
             text-align: left;
             color: black;
             text-transform: capitalize;
             font-weight: 700;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .faq-content .tab-pane .card .card-body {
             color: #444444;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             padding: 0;
         }
         
         .faq-content .tab-pane .card:last-child {
             margin-bottom: 0;
         }
         
         .account-sign-in .title {
             margin-bottom: 20px;
         }
         
         .account-sign-in .title h3 {
             text-transform: uppercase;
             font-weight: 700;
         }
         
         .account-sign-in form .form-group label {
             text-transform: capitalize;
             font-weight: 600;
         }
         
         .account-sign-in form .form-group .form-control {
             border-radius: 0;
         }
         
         .account-sign-in form .button-bottom .btn {
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         
         .account-sign-in .divider {
             text-align: center;
             position: relative;
             margin: 20px 0;
             z-index: 1;
         }
         
         .account-sign-in .divider h6 {
             display: inline-block;
             padding: 5px 15px;
             margin-bottom: 0;
             text-transform: uppercase;
             background-color: white;
         }
         
         .account-sign-in .divider:after {
             content: "";
             position: absolute;
             width: 100%;
             height: 1px;
             background-color: #dddddd;
             left: 0;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             z-index: -1;
         }
         
         .account-sign-in .login-with h6 {
             text-transform: capitalize;
             margin-bottom: 1rem;
         }
         
         .account-sign-in .login-with .login-social .boxes {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             cursor: pointer;
             background: white;
             -webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.05);
             box-shadow: 0 5px 9px rgba(0, 0, 0, 0.05);
             padding: 20px 0;
         }
         
         .account-sign-in .login-with .login-social .boxes h6 {
             margin-bottom: 0;
             margin-left: 20px;
             text-transform: capitalize;
             font-weight: 600;
         }
         
         .account-sign-in .login-with p {
             margin-top: 15px;
         }
         
         .dashboard-section .faq-content {
             min-height: 700px;
         }
         
         .dashboard-section .dashboard-sidebar {
             -webkit-box-shadow: 0 2px 4px 0 #dedede;
             box-shadow: 0 2px 4px 0 #dedede;
             background-color: white;
         }
         
         .dashboard-section .dashboard-sidebar .profile-top {
             padding: 30px 0 15px 0;
             background-color: #fafafa;
             margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .dashboard-section .dashboard-sidebar .profile-top .profile-image {
             position: relative;
         }
         
         .dashboard-section .dashboard-sidebar .profile-top .profile-image img {
             width: 130px;
             margin: 0 auto;
             display: block;
             border-radius: 100%;
         }
         
         .dashboard-section .dashboard-sidebar .profile-top .profile-image .profile-edit {
             position: absolute;
             bottom: 0;
             right: 30%;
             background-color: #ffffff;
             padding: 7px 7px 3px 7px;
             border-radius: 100%;
             -webkit-box-shadow: 2px 3px 5px 5px #f3f3f3;
             box-shadow: 2px 3px 5px 5px #f3f3f3;
         }
         
         .dashboard-section .dashboard-sidebar .profile-top .profile-image .profile-edit svg {
             stroke: #ef3f3e;
             height: 18px;
             width: 18px;
         }
         
         .dashboard-section .dashboard-sidebar .profile-top .profile-detail {
             text-align: center;
             margin-top: 15px;
         }
         
         .dashboard-section .dashboard-sidebar .profile-top .profile-detail h5 {
             text-transform: capitalize;
             font-weight: 700;
             margin-bottom: 5px;
         }
         
         .dashboard-section .dashboard-sidebar .profile-top .profile-detail h6 {
             color: #777777;
             margin-bottom: 3px;
         }
         
         .dashboard-section .dashboard-sidebar .faq-tab .nav-tabs {
             -webkit-box-shadow: none;
             box-shadow: none;
             padding: 0;
             padding-bottom: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .dashboard-section .dashboard-box .dashboard-title {
             margin-bottom: 20px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .dashboard-section .dashboard-box .dashboard-title h4 {
             text-transform: capitalize;
             font-weight: 700;
             margin-bottom: 0;
         }
         
         .dashboard-section .dashboard-box .dashboard-title span {
             margin-left: 30px;
             background-color: #f9f9f9;
             padding: 2px 16px;
             border-radius: 2px;
             text-transform: capitalize;
             color: #ef3f3e;
             cursor: pointer;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail {
             margin-bottom: 20px;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail ul li {
             display: block;
             margin-bottom: 10px;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail ul li .details {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail ul li .details h6 {
             text-transform: capitalize;
             margin-bottom: 0;
             font-weight: 600;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail ul li .details span {
             margin-left: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));
             border-radius: 2px;
             text-transform: capitalize;
             color: #ef3f3e;
             cursor: pointer;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail ul li .details .left {
             width: 150px;
             margin-right: 15px;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail ul li .details .right {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail ul li .details .right h6 {
             color: #4e4e4e;
             font-weight: 500;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail ul li:last-child {
             margin-bottom: 0;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .booking-box {
             background-color: #f9f9f9;
             padding: 15px 25px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-shadow: -1px 2px 8px #ddd;
             box-shadow: -1px 2px 8px #ddd;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .booking-box .date-box {
             display: inline-block;
             text-transform: capitalize;
             width: 160px;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .booking-box .date-box span {
             line-height: 1.3;
             display: block;
             font-weight: 700;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .booking-box .date-box span.day {
             color: #adb0b8;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .booking-box .date-box span.date {
             color: black;
             font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .booking-box .date-box span.month {
             color: #ef3f3e;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-middle {
             width: 50%;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-middle .media {
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-middle .media .icon i {
             padding: 12px;
             background-color: white;
             border-radius: 100%;
             -webkit-box-shadow: -1px 2px 8px #ddd;
             box-shadow: -1px 2px 8px #ddd;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-middle .media .media-body {
             margin-left: 35px;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-middle .media .media-body h6 {
             text-transform: capitalize;
             color: black;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-middle .media .media-body p {
             margin-bottom: 0;
             color: #808080;
             text-transform: capitalize;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-middle .media .media-body p span {
             font-weight: 500;
             color: #3c3c3c;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-last {
             margin-left: auto;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-last i {
             color: black;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-last span {
             font-size: 14px;
             margin-left: 10px;
             text-transform: capitalize;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card {
             width: 100%;
             min-height: 183px;
             padding: 30px 20px;
             border-radius: 5px;
             position: relative;
             background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .card-number h3 {
             font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
             color: white;
             font-weight: 600;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .valid-detail {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .valid-detail .title span {
             display: block;
             color: rgba(255, 255, 255, 0.7);
             text-transform: uppercase;
             font-size: 12px;
             line-height: 1.3;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .valid-detail .date h3 {
             margin-bottom: 0;
             color: white;
             margin-left: 15px;
             font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .valid-detail .primary {
             margin-left: auto;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .valid-detail .primary .badge {
             font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .name-detail {
             margin-top: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .name-detail .name {
             width: 100%;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .name-detail .name h5 {
             color: white;
             text-transform: uppercase;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             margin-bottom: 0;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .name-detail .card-img {
             display: inline-block;
             margin-left: auto;
             text-align: right;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .name-detail .card-img img {
             width: 40px;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .edit-card {
             position: absolute;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             width: 100%;
             height: 100%;
             text-align: center;
             top: 0;
             left: 0;
             background-color: rgba(0, 0, 0, 0.8);
             border-radius: 5px;
             opacity: 0;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .edit-card a {
             padding: 0 10px;
             text-transform: capitalize;
             color: white;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.master {
             background-color: #4b77a0;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.visa {
             background-color: #777876;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.american-express {
             background-color: #86b8cf;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.american-express .card-details .card-number h3 {
             color: black;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.american-express .card-details .valid-detail .title span {
             color: rgba(0, 0, 0, 0.7);
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.american-express .card-details .valid-detail .date h3 {
             color: black;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.american-express .card-details .name-detail .name h5 {
             color: black;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.add-card {
             background-color: #f9f9f9;
             cursor: pointer;
             padding: 0;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.add-card .card-details {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             text-align: center;
             width: 100%;
             height: 183px;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.add-card .card-details h5 {
             margin-bottom: 0;
             text-transform: capitalize;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card:hover .edit-card {
             opacity: 1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment .edit-card-mobile {
             display: none;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment>div .payment-card {
             margin-top: 30px;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .card-payment>div:nth-child(-n+3) .payment-card {
             margin-top: 0;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .delete-section p {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: rgba(0, 0, 0, 0.64);
             text-transform: capitalize;
             line-height: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .delete-section p .text-bold {
             font-weight: 700;
             color: rgba(0, 0, 0, 0.8);
         }
         
         .dashboard-section .dashboard-box .dashboard-detail .delete-section .btn {
             padding: 7px 15px;
             text-transform: capitalize;
         }
         
         .dashboard-section .dashboard-box .dashboard-detail:last-child {
             margin-bottom: 0;
         }
         
         .dashboard-section .dashboard-box .special-section .special-box .special-img .top-icon i {
             padding: 6px 8px;
         }
         
         .dashboard-section .dashboard-box+.dashboard-box {
             margin-top: 30px;
         }
         
         .dashboard-section .dashboard-main .dashboard-intro {
             background-color: #f9f9f9;
             padding: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
             border-radius: 5px;
             margin-bottom: 25px;
         }
         
         .dashboard-section .dashboard-main .dashboard-intro h5 {
             text-transform: capitalize;
             font-weight: 700;
         }
         
         .dashboard-section .dashboard-main .dashboard-intro p {
             margin-bottom: 0;
             color: rgba(0, 0, 0, 0.8);
             text-transform: capitalize;
             letter-spacing: 0.08em;
         }
         
         .dashboard-section .dashboard-main .dashboard-intro .complete-profile {
             margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .dashboard-section .dashboard-main .dashboard-intro .complete-profile .complete-box {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             background-color: white;
             padding: 15px;
             text-align: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             border-radius: 5px;
             -webkit-box-shadow: 0 2px 4px 0 rgba(222, 222, 222, 0.22);
             box-shadow: 0 2px 4px 0 rgba(222, 222, 222, 0.22);
         }
         
         .dashboard-section .dashboard-main .dashboard-intro .complete-profile .complete-box i {
             margin-right: 12px;
             color: green;
             font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .dashboard-section .dashboard-main .dashboard-intro .complete-profile .complete-box h6 {
             margin-bottom: 0;
             text-transform: capitalize;
             font-weight: 600;
             font-size: 14px;
         }
         
         .dashboard-section .dashboard-main .dashboard-intro .complete-profile .complete-box.not-complete i {
             color: red;
         }
         
         .dashboard-section .dashboard-main .counter-section .counter-box {
             background-color: #f9f9f9;
             padding: 15px;
             text-align: center;
         }
         
         .dashboard-section .dashboard-main .counter-section .counter-box img {
             width: 35px;
             margin-bottom: 15px;
         }
         
         .dashboard-section .dashboard-main .counter-section .counter-box h3 {
             margin-bottom: 0;
             font-weight: 600;
         }
         
         .dashboard-section .dashboard-main .counter-section .counter-box h5 {
             color: rgba(0, 0, 0, 0.61);
             margin-bottom: -5px;
             text-transform: capitalize;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             margin-top: 5px;
         }
         
         .dashboard-section .dashboard-main .dashboard-info {
             margin-top: 25px;
             position: relative;
         }
         
         .dashboard-section .dashboard-main .dashboard-info #chart,
         .dashboard-section .dashboard-main .dashboard-info .chart-box {
             padding-top: 20px;
             padding-left: 10px;
             background: #f9f9f9;
         }
         
         .dashboard-section .dashboard-main .dashboard-info select.flat-select {
             -webkit-appearance: none;
             -moz-appearance: none;
             appearance: none;
             background: #008ffb url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60px' height='60px'><polyline fill='white' points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") no-repeat scroll right 2px top 9px/16px 16px;
             border: 0 none;
             border-radius: 3px;
             color: white;
             font-size: 16px;
             font-weight: bold;
             outline: 0 none;
             height: 33px;
             padding: 5px 20px 5px 10px;
             text-align: center;
             text-indent: 0.01px;
             text-overflow: "";
             text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
             -webkit-transition: all 0.3s ease 0s;
             transition: all 0.3s ease 0s;
             width: auto;
         }
         
         .dashboard-section .dashboard-main .dashboard-info select.flat-select:focus,
         .dashboard-section .dashboard-main .dashboard-info select.flat-select:hover {
             border: 0;
             outline: 0;
         }
         
         .dashboard-section .dashboard-main .dashboard-info .apexcharts-canvas {
             margin: 0 auto;
         }
         
         .dashboard-section .dashboard-main .dashboard-info path#apexcharts-radialbarTrack-0 {
             stroke: rgba(251, 96, 122, 0.08);
         }
         
         .dashboard-section .dashboard-main .dashboard-info path#apexcharts-radialbarTrack-1 {
             stroke: rgba(85, 169, 248, 0.08);
         }
         
         .dashboard-section .dashboard-main .dashboard-info path#apexcharts-radialbarTrack-2 {
             stroke: rgba(162, 100, 255, 0.08);
         }
         
         .dashboard-section .dashboard-main .dashboard-info .detail-left {
             position: absolute;
         }
         
         .dashboard-section .dashboard-main .dashboard-info .detail-left ul {
             display: block;
         }
         
         .dashboard-section .dashboard-main .dashboard-info .detail-left ul li {
             font-size: 12px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             font-weight: 600;
         }
         
         .dashboard-section .dashboard-main .dashboard-info .detail-left ul li span {
             width: 14px;
             height: 5px;
             display: block;
             border-radius: 5px;
             margin-right: 5px;
         }
         
         .dashboard-section .dashboard-main .dashboard-info .detail-left ul li span.completed {
             background-color: #fa4962;
         }
         
         .dashboard-section .dashboard-main .dashboard-info .detail-left ul li span.upcoming {
             background-color: #379cf9;
         }
         
         .dashboard-section .dashboard-main .dashboard-info .detail-left ul li span.cancelled {
             background-color: #a264ff;
         }
         
         .dashboard-section .dashboard-main .dashboard-info .activity-box {
             padding: 20px 10px;
             background: #f9f9f9;
         }
         
         .dashboard-section .dashboard-main .dashboard-info .activity-box h6 {
             text-transform: capitalize;
             font-weight: 700;
             margin-bottom: 15px;
         }
         
         .dashboard-section .dashboard-main .dashboard-info .activity-box ul li {
             display: block;
             background-color: white;
             padding: 8px 15px;
             text-transform: capitalize;
             position: relative;
         }
         
         .dashboard-section .dashboard-main .dashboard-info .activity-box ul li i {
             margin-right: 6px;
         }
         
         .dashboard-section .dashboard-main .dashboard-info .activity-box ul li span {
             float: right;
         }
         
         .dashboard-section .dashboard-main .dashboard-info .activity-box ul li:after {
             content: "";
             position: absolute;
             left: 0;
             height: 100%;
             width: 2px;
             background-color: red;
             top: 0;
         }
         
         .dashboard-section .dashboard-main .dashboard-info .activity-box ul li.blue-line:after {
             background-color: #03a9f4;
         }
         
         .dashboard-section .dashboard-main .dashboard-info .activity-box ul li.yellow-line:after {
             background-color: #ffc107;
         }
         
         .dashboard-section .dashboard-main .dashboard-info .activity-box ul li+li {
             margin-top: 8px;
         }
         
         .edit-profile-modal .btn {
             padding: 0.375rem 0.75rem;
         }
         
         .edit-profile-modal .modal-title {
             text-transform: capitalize;
             font-weight: 700;
         }
         
         .edit-profile-modal .modal-body label {
             text-transform: capitalize;
         }
         
         .modal .modal-header {
             padding: 20px 30px;
         }
         
         .modal .modal-body {
             padding: 20px 30px;
         }
         
         .modal .modal-footer {
             padding: 20px 30px;
         }
         /*=====================
22. Portfolio css
==========================*/
         
         .portfolio-section .filter-button-group {
             text-align: center;
         }
         
         .portfolio-section .filter-button-group ul li {
             padding: 7px 17px;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             cursor: pointer;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             font-weight: 700;
             margin: 0 10px;
             text-transform: capitalize;
             background-color: #f9f9f9;
         }
         
         .portfolio-section .filter-button-group ul li.active {
             background-color: #ef3f3e;
             color: white;
         }
         
         .portfolio-section .grid .grid-item {
             margin-top: 30px;
         }
         
         .portfolio-section .grid .grid-item .overlay {
             overflow: hidden;
             margin: -1px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .portfolio-section .grid .grid-item .overlay .portfolio-image {
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             cursor: pointer;
         }
         
         .portfolio-section .grid .grid-item .overlay .portfolio-text {
             margin-top: 10px;
         }
         
         .portfolio-section .grid .grid-item .overlay .portfolio-text h3 {
             font-weight: 600;
             margin-bottom: 5px;
             text-transform: capitalize;
             font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .portfolio-section .grid .grid-item .overlay .portfolio-text h6 {
             margin-bottom: 0;
             text-transform: capitalize;
             font-size: 14px;
             color: grey;
         }
         
         .portfolio-section .grid .grid-item .overlay:hover .portfolio-image {
             -webkit-transform: scale(1.02);
             transform: scale(1.02);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .portfolio-section .grid .grid-item a {
             cursor: -webkit-zoom-in;
             cursor: zoom-in;
         }
         
         .portfolio-section .grid.blog-masonry .grid-item a {
             cursor: pointer;
         }
         
         .portfolio-section .grid.blog-masonry .grid-item .overlay {
             overflow: visible;
         }
         
         .portfolio-section .grid.blog-masonry .grid-item .overlay .blog-details {
             padding-top: 20px;
         }
         
         .portfolio-section .grid.blog-masonry .grid-item .overlay .blog-details h6 {
             color: #9a9a9a;
             text-transform: capitalize;
             font-size: 14px;
             font-weight: 700;
             margin-bottom: 10px;
         }
         
         .portfolio-section .grid.blog-masonry .grid-item .overlay .blog-details h6 i {
             color: rgba(35, 0, 0, 0.24);
             margin-right: 12px;
         }
         
         .portfolio-section .grid.blog-masonry .grid-item .overlay .blog-details h5 {
             font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
             color: #333333;
             font-weight: 700;
             line-height: 1.5;
             margin-bottom: 5px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .portfolio-section .grid.blog-masonry .grid-item .overlay .blog-details p {
             font-size: 14px;
             color: #9a9a9a;
             line-height: 1.5;
             margin-bottom: -3px;
         }
         
         .portfolio-section .grid.blog-masonry .grid-item .overlay .blog-details .link {
             margin-bottom: 0;
             margin-top: 15px;
         }
         
         .portfolio-section .grid.blog-masonry .grid-item .overlay .blog-details .link a {
             color: rgba(0, 0, 0, 0.74);
         }
         
         .portfolio-section .grid.blog-masonry .grid-item .overlay:hover .portfolio-image {
             -webkit-transform: scale(1);
             transform: scale(1);
         }
         
         .portfolio-section .isotopeSelector {
             float: left;
             width: 100%;
             position: relative;
             margin-top: 30px;
         }
         
         .portfolio-section .isotopeSelector img {
             width: 100%;
             height: auto;
         }
         
         .portfolio-section.creative-section .grid .grid-item {
             margin-top: 0;
         }
         
         .portfolio-section.creative-section .filter-button-group {
             margin-bottom: 40px;
         }
         
         .effect-cls {
             position: relative;
         }
         
         .effect-cls:after {
             content: "";
             position: absolute;
             background: url(../images/effect.png);
             bottom: -12px;
             width: 100%;
             height: 110px;
             left: 0;
             z-index: 1;
         }
         
         .effect-cls.breadcrumb-section {
             height: calc(300px + (580 - 300) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .effect-cls-up:before {
             content: "";
             position: absolute;
             background: url(../images/effect.png);
             top: -1px;
             width: 100%;
             height: 85px;
             z-index: 1;
             background-repeat: no-repeat;
             -webkit-transform: rotate(180deg);
             transform: rotate(180deg);
         }
         
         .parallax-section .full_banner {
             height: 93vh;
             background-attachment: fixed;
         }
         
         .center-slide {
             margin-bottom: -3px;
         }
         
         .center-slide .image-center {
             height: 93vh;
         }
         
         .center-slide .image-center .center-content {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             width: 100%;
             height: 93vh;
             text-align: center;
             position: relative;
             z-index: 1;
         }
         
         .center-slide .image-center .center-content h3 {
             font-weight: 600;
             margin-bottom: 5px;
             text-transform: capitalize;
         }
         
         .center-slide .image-center .center-content h6 {
             margin-bottom: 0;
             text-transform: capitalize;
         }
         
         .center-slide .image-center .center-content:after {
             content: "";
             position: absolute;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
             background-color: rgba(255, 255, 255, 0.65);
             z-index: -1;
         }
         
         .center-slide .slick-slide .image-center .center-content {
             opacity: 0;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .center-slide .slick-slide.slick-center .image-center .center-content {
             opacity: 1;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .center-slide .slick-slide.slick-center .image-center .center-content h3 {
             -webkit-animation: fadeInLeft 0.4s ease;
             animation: fadeInLeft 0.4s ease;
         }
         
         .center-slide .slick-slide.slick-center .image-center .center-content h6 {
             -webkit-animation: fadeInRight 0.4s ease;
             animation: fadeInRight 0.4s ease;
             color: gray;
             padding: 10px 20px;
             background-color: #ffffff;
         }
         
         .portfolio-creative.odd-even-con .container .row .content-sec {
             text-align: left;
             padding-left: 60px;
         }
         
         .portfolio-creative.odd-even-con .container .row .content-sec h3 {
             font-size: 200%;
         }
         
         .portfolio-creative.odd-even-con .container .row .content-sec p {
             max-width: 80%;
             margin: 0;
             font-size: 16px;
             line-height: 1.5;
         }
         
         .portfolio-creative.odd-even-con .container .row:nth-child(even) .content-sec {
             text-align: right;
             padding-left: unset;
             padding-right: 60px;
         }
         
         .portfolio-creative.odd-even-con .container .row:nth-child(even) p {
             margin-right: 0;
             margin-left: auto;
         }
         
         .portfolio-creative .content-sec {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             width: 100%;
             height: 100%;
             text-align: center;
         }
         
         .portfolio-creative .content-sec.center-con p {
             max-width: 80%;
             font-size: 16px;
             line-height: 1.4;
         }
         
         .portfolio-creative .content-sec.center-con h3 {
             font-size: 175%;
         }
         
         .portfolio-creative .content-sec h3 {
             text-transform: capitalize;
             font-weight: 700;
             position: relative;
         }
         
         .portfolio-creative .content-sec p {
             color: #888888;
             max-width: 70%;
             margin: 0 auto;
         }
         
         .portfolio-creative .content-sec .btn {
             text-transform: capitalize;
             padding: 6px 14px;
             margin-top: 25px;
         }
         /*=====================
23. Blog pages css
==========================*/
         
         .blog-sidebar .blog-wrapper {
             margin-bottom: 25px;
         }
         
         .blog-sidebar .blog-wrapper .search-bar {
             position: relative;
         }
         
         .blog-sidebar .blog-wrapper .search-bar input {
             width: 100%;
             border: none;
             padding: 14px 14px 14px 50px;
             background-color: #f7f7f7;
         }
         
         .blog-sidebar .blog-wrapper .search-bar i {
             position: absolute;
             top: 50%;
             -webkit-transform: translateY(-50%);
             transform: translateY(-50%);
             left: 14px;
             color: #ef3f3e;
         }
         
         .blog-sidebar .blog-wrapper .search-bar i:after {
             content: "";
             position: absolute;
             width: 1px;
             height: 12px;
             background-color: rgba(239, 63, 62, 0.5);
             right: -10px;
             top: 2px;
         }
         
         .blog-sidebar .blog-wrapper .sidebar-title h5 {
             text-transform: capitalize;
             font-weight: 700;
             font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
             margin-bottom: 20px;
         }
         
         .blog-sidebar .blog-wrapper .sidebar-content .sidebar-list li {
             display: block;
             padding: 10px;
             border-bottom: 1px solid #eee;
             position: relative;
         }
         
         .blog-sidebar .blog-wrapper .sidebar-content .sidebar-list li a {
             color: black;
         }
         
         .blog-sidebar .blog-wrapper .sidebar-content .sidebar-list li i {
             margin-right: 15px;
             color: gray;
         }
         
         .blog-sidebar .blog-wrapper .sidebar-content .sidebar-list li:first-child {
             padding-top: 0;
         }
         
         .blog-sidebar .blog-wrapper .sidebar-content .blog-post li {
             margin-bottom: 20px;
         }
         
         .blog-sidebar .blog-wrapper .sidebar-content .blog-post li .media h6 {
             font-weight: 600;
         }
         
         .blog-sidebar .blog-wrapper .sidebar-content .blog-post li .media img {
             width: 100px;
             margin-right: 15px;
         }
         
         .blog-sidebar .blog-wrapper .sidebar-content .blog-post li .media .media-body p {
             margin-bottom: 0;
         }
         
         .blog-sidebar .blog-wrapper .sidebar-content .blog-post li:last-child {
             margin-bottom: 0;
         }
         
         .blog-sidebar .blog-wrapper .sidebar-content .tags {
             margin-top: -8px;
         }
         
         .blog-sidebar .blog-wrapper .sidebar-content .tags li {
             padding: 4px 10px;
             background-color: rgba(249, 249, 249, 0.8);
             margin: 8px 8px 0 0;
             border-radius: 4px;
             text-transform: capitalize;
         }
         
         .blog-sidebar .blog-wrapper .sidebar-content .tags li a {
             color: black;
         }
         
         .blog-sidebar .blog-wrapper:last-child {
             margin-bottom: 0;
         }
         
         .blog-inner.blog_section {
             overflow: visible;
         }
         
         .blog-inner.blog_section .blog-wrap {
             border-radius: 0;
             -webkit-box-shadow: 1px 0px 4px 0px rgba(0, 0, 0, 0.1);
             box-shadow: 1px 0px 4px 0px rgba(0, 0, 0, 0.1);
         }
         
         .blog-inner.blog_section .blog-wrap .blog-image .blog-label {
             border-radius: 0;
             padding: 8px 10px;
         }
         
         .blog-inner.blog_section .blog-wrap .blog-image .blog-label h3 {
             font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .blog-inner.blog_section .blog-wrap .blog-image .blog-label h6 {
             font-size: 13px;
         }
         
         .blog-inner.blog_section .blog-wrap .blog-details {
             padding: 20px;
         }
         
         .blog-inner.blog_section .blog-wrap .blog-details h6 {
             margin-bottom: 5px;
         }
         
         .blog-inner.blog_section .blog-wrap .blog-details h6 i {
             color: rgba(35, 0, 0, 0.24);
         }
         
         .blog-inner.blog_section .blog-wrap .blog-details h5 {
             margin-bottom: 10px;
         }
         
         .blog-inner.blog_section .blog-wrap .blog-details .link {
             margin-bottom: 0;
             margin-top: 15px;
         }
         
         .blog-inner.blog_section .blog-wrap .blog-details .link a {
             color: rgba(0, 0, 0, 0.74);
         }
         
         .blog-inner.blog_section .blog-list .blog-wrap {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .blog-inner.blog_section .blog-list .blog-wrap .blog-image {
             width: 30%;
         }
         
         .blog-inner.blog_section .blog-list .blog-wrap .blog-details {
             width: 70%;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
         }
         
         .blog-inner.blog_section .blog-list .blog-wrap .blog-details h6 i {
             color: rgba(35, 0, 0, 0.24);
         }
         
         .blog-single-detail .top-image {
             position: relative;
         }
         
         .blog-single-detail .top-image .video {
             position: absolute;
             left: 50%;
             top: 50%;
             -webkit-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
         }
         
         .blog-single-detail .top-image .video i {
             font-size: calc(25px + (40 - 25) * ((100vw - 300px) / (1920 - 300)));
             color: white;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .blog-single-detail .top-image:hover .video i {
             color: #ef3f3e;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .blog-single-detail .title-part .post-detail {
             margin-top: calc(10px + (30 - 10) * ((100vw - 300px) / (1920 - 300)));
         }
         
         .blog-single-detail .title-part .post-detail li {
             font-weight: 600;
             color: #777777;
         }
         
         .blog-single-detail .title-part .post-detail li+li {
             padding-left: 15px;
             margin-left: 15px;
             border-left: 1px solid #ddd;
         }
         
         .blog-single-detail .title-part h3 {
             margin-bottom: calc(7px + (15 - 7) * ((100vw - 320px) / (1920 - 320)));
             margin-top: 5px;
             text-transform: capitalize;
             font-weight: 600;
             font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .blog-single-detail .detail-part p {
             font-weight: 400;
             color: #777;
             margin-bottom: calc(10px + (25 - 10) * ((100vw - 300px) / (1920 - 300)));
             line-height: calc(20px + (24 - 20) * ((100vw - 300px) / (1920 - 300)));
             font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1920 - 300)));
         }
         
         .blog-single-detail .comment-section .comment {
             text-transform: capitalize;
             margin-bottom: 20px;
         }
         
         .blog-single-detail .comment-section .comment-wrapper .comment-box .media img {
             width: calc(60px + (70 - 60) * ((100vw - 320px) / (1920 - 320)));
             border-radius: 100%;
         }
         
         .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body {
             margin-left: calc(6px + (15 - 6) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             padding-bottom: 10px;
             margin-bottom: 10px;
             border-bottom: 1px solid #dddddd;
         }
         
         .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-user,
         .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-date {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
         }
         
         .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-user h6,
         .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-date h6 {
             color: #484848;
             text-transform: capitalize;
             font-weight: 500;
             margin-bottom: 0;
             font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-user i,
         .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-date i {
             color: rgba(0, 0, 0, 0.5);
             margin-right: 7px;
         }
         
         .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-date {
             margin-left: 15px;
         }
         
         .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .comment-detail p {
             margin-bottom: 8px;
             color: #9a9a9a;
             line-height: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .reply-btn {
             text-align: right;
         }
         
         .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .reply-btn a {
             color: #555555;
             text-transform: capitalize;
         }
         
         .blog-single-detail .comment-section .comment-wrapper .comment-box .media.inner-comment {
             margin-left: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
             margin-top: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .blog-single-detail .comment-section .comment-wrapper .comment-box+.comment-box {
             margin-top: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .blog-single-detail .leave-comment {
             margin-top: 30px;
         }
         
         .blog-single-detail .leave-comment .comment {
             text-transform: capitalize;
             margin-bottom: 20px;
         }
         
         .blog-single-detail .leave-comment .form-control {
             border: 0;
             border-radius: 0;
             background-color: #f7f7f7;
             font-size: 14px;
             line-height: 1.8;
             text-transform: capitalize;
             padding: 10px 18px;
         }
         
         .blog-single-detail .leave-comment .submit-btn {
             text-align: right;
             margin-top: 10px;
         }
         
         .blog-single-detail .leave-comment .submit-btn .btn {
             text-transform: capitalize;
             padding: 5px 10px;
         }
         /*=====================
24. Footer css
==========================*/
         
         footer .footer {
             background-color: #1b1b1b;
         }
         
         footer .footer .footer-space {
             padding-left: 50px;
         }
         
         footer .footer .footer-title.mobile-title {
             display: none;
         }
         
         footer .footer .footer-title h5 {
             color: white;
             text-transform: capitalize;
             margin-bottom: 20px;
             font-weight: 700;
             position: relative;
         }
         
         footer .footer .footer-title .according-menu {
             position: absolute;
             right: 15px;
             top: 2px;
             display: none;
         }
         
         footer .footer .footer-content .contact-detail .footer-logo {
             margin-bottom: 35px;
         }
         
         footer .footer .footer-content .contact-detail p {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             color: #a1a1a1;
             line-height: 1.4;
             font-weight: 700;
             display: block;
             display: -webkit-box;
             -webkit-line-clamp: 3;
             -webkit-box-orient: vertical;
             overflow: hidden;
             text-overflow: ellipsis;
             margin-bottom: 40px;
         }
         
         footer .footer .footer-content .contact-detail .contact-list li {
             color: #a1a1a1;
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             margin-bottom: 12px;
             text-transform: capitalize;
             display: block;
         }
         
         footer .footer .footer-content .contact-detail .contact-list li i {
             margin-right: 5px;
             font-size: 12px;
         }
         
         footer .footer .footer-content .contact-detail .contact-list li:last-child {
             margin-bottom: -3px;
         }
         
         footer .footer .footer-content .footer-links ul li {
             display: block;
             margin-bottom: 7px;
         }
         
         footer .footer .footer-content .footer-links ul li a {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-transform: capitalize;
             color: #a1a1a1;
             font-weight: 600;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         footer .footer .footer-content .footer-links ul li a:hover {
             color: white;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         footer .footer .footer-content .footer-links ul li:last-child {
             margin-bottom: 0;
         }
         
         footer .footer .footer-content .footer-map iframe {
             width: 330px;
             height: 200px;
         }
         
         footer .footer .footer-content .footer-blog .media .img-part {
             overflow: hidden;
         }
         
         footer .footer .footer-content .footer-blog .media .media-body {
             margin-left: 25px;
         }
         
         footer .footer .footer-content .footer-blog .media .media-body h5 {
             color: white;
             text-transform: capitalize;
             font-weight: 700;
         }
         
         footer .footer .footer-content .footer-blog .media .media-body p {
             color: #a1a1a1;
             font-weight: 600;
             display: block;
             display: -webkit-box;
             -webkit-line-clamp: 3;
             -webkit-box-orient: vertical;
             overflow: hidden;
             text-overflow: ellipsis;
             margin-bottom: 0;
         }
         
         footer .footer .footer-content .footer-blog .media+.media {
             margin-top: 18px;
         }
         
         footer .footer .footer-content .footer-place .row>div:nth-last-child(-n+3) {
             margin-top: 25px;
         }
         
         footer .footer .footer-content .footer-place .place {
             overflow: hidden;
             position: relative;
         }
         
         footer .footer .footer-content .footer-place .place .overlay {
             opacity: 0;
             position: absolute;
             height: 100%;
             width: 100%;
             top: 0;
             text-align: center;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             background: rgba(0, 0, 0, 0.4);
             -webkit-transform: scale(0);
             transform: scale(0);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         footer .footer .footer-content .footer-place .place .overlay h6 {
             color: white;
             text-transform: capitalize;
             font-weight: 700;
         }
         
         footer .footer .footer-content .footer-place .place:hover .overlay {
             opacity: 1;
             -webkit-transform: scale(1);
             transform: scale(1);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             cursor: pointer;
         }
         
         footer .sub-footer {
             background-color: #1e1e1e;
             padding: 22px 0;
         }
         
         footer .sub-footer .footer-social ul li {
             margin-right: 35px;
         }
         
         footer .sub-footer .footer-social ul li a i {
             color: #717171;
             font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         footer .sub-footer .footer-social ul li a:hover i {
             color: rgba(255, 255, 255, 0.5);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         footer .sub-footer .footer-social ul li:last-child {
             margin-right: 0;
         }
         
         footer .sub-footer .copy-right p {
             font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
             text-align: right;
             margin-bottom: 0;
             margin-top: 3px;
             color: #717171;
             text-transform: capitalize;
             font-weight: 700;
         }
         
         footer .sub-footer .copy-right p i {
             color: #e1002c;
             font-size: 13px;
         }
         
         footer.footer-light .footer {
             background-color: rgba(239, 63, 62, 0.15);
         }
         
         footer.footer-light .footer .footer-content .contact-detail p {
             color: rgba(0, 0, 0, 0.6);
         }
         
         footer.footer-light .footer .footer-content .contact-detail .contact-list li {
             color: black;
         }
         
         footer.footer-light .footer .footer-content .contact-detail .footer-logo img {
             -webkit-filter: invert(1);
             filter: invert(1);
         }
         
         footer.footer-light .footer .footer-content .footer-links ul li a {
             color: black;
         }
         
         footer.footer-light .footer .footer-content .footer-blog .media .media-body h5 {
             color: black;
         }
         
         footer.footer-light .footer .footer-content .footer-blog .media .media-body p {
             color: rgba(0, 0, 0, 0.6);
         }
         
         footer.footer-light .footer .footer-title h5 {
             color: black;
         }
         
         footer.footer-light .sub-footer {
             background-color: rgba(239, 63, 62, 0.3);
         }
         
         footer.footer-bg {
             position: relative;
             background-blend-mode: overlay;
             background-color: rgba(239, 63, 62, 0.5);
         }
         
         footer.footer-bg .footer {
             background-color: rgba(27, 27, 27, 0.141176);
         }
         
         footer.footer-bg .footer .footer-content .contact-detail p {
             color: white;
         }
         
         footer.footer-bg .footer .footer-content .contact-detail .contact-list li {
             color: white;
         }
         
         footer.footer-bg .footer .footer-content .footer-links ul li a {
             color: white;
         }
         
         footer.footer-bg .footer .footer-content .footer-blog .media .media-body p {
             color: white;
         }
         
         .skeleton_loader .order-menu .nav .nav-link {
             width: 70%;
             height: 30px;
             margin-top: 8px;
         }
         
         .skeleton_loader .order-food-section {
             background-color: #f3f3f3;
         }
         
         .skeleton_loader .order-menu-section .order-section .order-title h5 {
             width: 96px;
             height: 24px;
         }
         
         .skeleton_loader .order-menu-section .order-section .order-title h6 {
             width: 54px;
             height: 20px;
         }
         
         .skeleton_loader .order-menu-section .order-section .order-items .items h6 {
             width: 174px;
             height: 18px;
         }
         
         .skeleton_loader .order-menu-section .order-section .order-items .items p span {
             display: block;
             width: 80%;
             height: 16px;
         }
         
         .skeleton_loader .order-menu-section .order-section .order-items .items p span+span {
             margin-top: 6px;
         }
         
         .skeleton_loader .order-menu-section .order-section .order-items .items p span:nth-child(2) {
             width: 30%;
         }
         
         .skeleton_loader .order-menu-section .order-section .order-items .items h5 {
             width: 55px;
             height: 18px;
         }
         
         .skeleton_loader .order-menu-section .order-section .order-items .items .addtocart_btn .add-button,
         .skeleton_loader .order-menu-section .order-section .order-items .items .addtocart_btn .add_cart {
             height: 28px;
         }
         
         .skeleton_loader .top-title-bar .hotel_title_section h2 {
             width: 140px;
             height: 26px;
         }
         
         .skeleton_loader .top-title-bar .hotel_title_section h6 {
             width: 160px;
             height: 20px;
         }
         
         .skeleton_loader .top-title-bar .hotel_title_section ul {
             width: 270px;
             height: 24px;
         }
         
         .skeleton_loader .top-title-bar .hotel_title_section .right-part h6 {
             margin-left: auto;
         }
         
         .skeleton_loader .search-panel .search-section .search-box .left-part .search-body {
             width: 100%;
         }
         
         .skeleton_loader .search-panel .search-section .search-box .left-part .search-body h6 {
             width: 46px;
             height: 16px;
             margin-left: auto;
             margin-right: auto;
         }
         
         .skeleton_loader .search-panel .search-section .search-box .left-part .search-body .form-control {
             width: 80px;
             height: 26px;
             margin-left: auto;
             margin-right: auto;
         }
         
         .skeleton_loader .search-panel .search-section .search-box .right-part .ldr-btn {
             width: 108px;
             height: 40px;
             background-color: #f3f3f3;
         }
         
         .skeleton_loader .list-view .list-box .list-img {
             height: calc(180px + (210 - 180) * ((100vw - 320px) / (1920 - 320)));
             background-color: #f3f3f3;
         }
         
         .skeleton_loader .list-view .list-box .list-content h5 {
             width: 26%;
             height: 22px;
         }
         
         .skeleton_loader .list-view .list-box .list-content p {
             width: 22%;
             height: 18px;
             margin-top: 6px;
         }
         
         .skeleton_loader .list-view .list-box .list-content .facility-icon .facility-box {
             width: 42px;
             height: 42px;
             background-color: #f3f3f3;
         }
         
         .skeleton_loader .list-view .list-box .list-content .price span {
             width: 65px;
             height: 18px;
             display: block;
         }
         
         .skeleton_loader .list-view .list-box .list-content .book-now {
             width: 135px;
             height: 40px;
             background-color: #f3f3f3;
         }
         
         .skeleton_loader .list-view .list-box .list-content h6 {
             width: 60%;
             height: 18px;
         }
         
         .skeleton_loader .hotel-single-section {
             background-color: #f3f3f3;
         }
         
         .skeleton_loader .hotel_title_section .hotel-name .left-part .top h2 {
             width: 340px;
             height: 30px;
         }
         
         .skeleton_loader .hotel_title_section .hotel-name .left-part .top .share-buttons {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
         }
         
         .skeleton_loader .hotel_title_section .hotel-name .left-part .top .share-buttons .ldr-btn {
             width: 88px;
             height: 30px;
             background-color: #f3f3f3;
             margin-left: 10px;
         }
         
         .skeleton_loader .hotel_title_section .hotel-name .left-part p {
             width: 65%;
             height: 18px;
         }
         
         .skeleton_loader .hotel_title_section .hotel-name .left-part .facility-detail div {
             width: 70px;
             height: 22px;
             display: inline-block;
             margin-right: 7px;
         }
         
         .skeleton_loader .hotel_title_section .hotel-name .right-part .price {
             width: 160px;
             height: 30px;
         }
         
         .skeleton_loader .hotel_title_section .hotel-name .right-part .ldr-btn {
             width: 145px;
             height: 38px;
             background-color: #f3f3f3;
             margin-left: auto;
         }
         
         .skeleton_loader .full-width-detail .about-section .about-text>div {
             width: 100%;
         }
         
         .skeleton_loader .full-width-detail .about-section .about-text .right-detail h4 {
             width: 25%;
             height: 25px;
         }
         
         .skeleton_loader .full-width-detail .about-section .about-text .bottom-detail p {
             width: 100%;
             height: 100%;
         }
         
         .skeleton_loader .full-width-detail .about-section .about-text .bottom-detail p span {
             display: block;
             width: 97%;
             height: 18px;
         }
         
         .skeleton_loader .full-width-detail .about-section .about-text .bottom-detail p span+span {
             margin-top: 5px;
         }
         
         .skeleton_loader .full-width-detail .about-section .about-text .bottom-detail p span:last-child {
             width: 85%;
         }
         
         .skeleton_loader .full-width-detail .place-detail li .ldr-text {
             width: calc(55px + (125 - 55) * ((100vw - 320px) / (1920 - 320)));
             height: 22px;
         }
         
         .skeleton_loader .full-width-detail .place-detail li+li:after {
             background-color: rgba(0, 0, 0, 0.06);
         }
         
         .skeleton_loader .about-section .image-section .img-box {
             height: calc(175px + (460 - 175) * ((100vw - 320px) / (1920 - 320)));
             width: 100%;
             background-color: #f3f3f3;
         }
         
         @-webkit-keyframes skeleton-loader {
             0% {
                 -webkit-transform: translateZ(0);
                 transform: translateZ(0);
                 background-position: -468px 0;
             }
             to {
                 -webkit-transform: translateZ(0);
                 transform: translateZ(0);
                 background-position: 468px 0;
             }
         }
         
         @keyframes skeleton-loader {
             0% {
                 -webkit-transform: translateZ(0);
                 transform: translateZ(0);
                 background-position: -468px 0;
             }
             to {
                 -webkit-transform: translateZ(0);
                 transform: translateZ(0);
                 background-position: 468px 0;
             }
         }
         /*=====================
26.Tap to top CSS
==========================*/
         
         .tap-top {
             width: 35px;
             height: 35px;
             border-radius: 8px;
             position: fixed;
             bottom: 50px;
             right: -60px;
             z-index: 8;
             color: white;
             text-align: center;
             background: #ef3f3e;
             border: none;
             font-size: 22px;
             padding: 6px 5px 5px 5px;
             cursor: pointer;
             -webkit-transform: rotate(-15deg);
             transform: rotate(-15deg);
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         
         .tap-top:after {
             position: absolute;
             content: "";
             bottom: -12px;
             background-color: black;
             width: 100%;
             height: 11px;
             left: 0;
             -webkit-transform: rotate(13deg);
             transform: rotate(13deg);
             background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
         }
         
         .tap-top>div {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
         }
         
         .tap-top.top {
             display: block;
             right: 30px;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
         }
         /*=====================
27. Animation & effect css
==========================*/
         
         .circle {
             border-radius: 50%;
             background-color: white;
             position: absolute;
             height: 150px;
             width: 150px;
             top: 50%;
             left: 92px;
             -webkit-transition: height 5s ease, width 5s ease;
             transition: height 5s ease, width 5s ease;
             -webkit-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
             z-index: 0;
             opacity: 0.5;
         }
         
         .circle:before,
         .circle:after {
             content: "";
             display: block;
             position: absolute;
             top: 0;
             right: 0;
             bottom: 0;
             left: 0;
             border-radius: 50%;
             border: 1px solid white;
         }
         
         .circle:before {
             -webkit-animation: ripple 2s linear infinite;
             animation: ripple 2s linear infinite;
         }
         
         .circle:after {
             -webkit-animation: ripple 2s linear 1s infinite;
             animation: ripple 2s linear 1s infinite;
         }
         
         .circle.b-round {
             height: 230px;
             width: 230px;
             left: 50%;
         }
         
         .animation-circle-inverse i {
             background: rgba(239, 63, 62, 0.15);
             right: 0;
             -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11);
             box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11);
             position: absolute;
             height: 100%;
             width: 100%;
             border-radius: 100%;
             opacity: 0.3;
             top: 0;
             -webkit-transform: scale(1);
             transform: scale(1);
             -webkit-animation: ripple1 3s linear infinite;
             animation: ripple1 3s linear infinite;
         }
         
         .animation-circle-inverse i:nth-child(2) {
             -webkit-animation: ripple2 3s linear infinite;
             animation: ripple2 3s linear infinite;
         }
         
         .animation-circle-inverse i:nth-child(3) {
             -webkit-animation: ripple3 3s linear infinite;
             animation: ripple3 3s linear infinite;
         }
         
         .animated-section {
             overflow: hidden;
             position: relative;
         }
         
         .animated-section .animation-section {
             opacity: 0.3;
         }
         
         .animated-section .animation-section .round {
             width: 12px;
             height: 12px;
             background-color: transparent;
             border: 2px solid #ef3f3e;
             border-radius: 100%;
             position: absolute;
             -webkit-animation: myOrbit 9s linear infinite;
             animation: myOrbit 9s linear infinite;
         }
         
         .animated-section .animation-section .round.r-2 {
             width: 15px;
             height: 15px;
         }
         
         .animated-section .animation-section .round.r-y {
             border-color: #e8b10b;
         }
         
         .animated-section .animation-section .square {
             width: 12px;
             height: 12px;
             background-color: transparent;
             position: absolute;
             border: 2px solid #ef3f3e;
             -webkit-animation: animationFramesTwo 50s infinite linear;
             animation: animationFramesTwo 50s infinite linear;
         }
         
         .animated-section .animation-section .square.s-2 {
             width: 15px;
             height: 15px;
         }
         
         .animated-section .animation-section .cross {
             height: 12px;
             width: 12px;
             position: absolute;
             -webkit-animation: animationFramesTwo 50s infinite linear;
             animation: animationFramesTwo 50s infinite linear;
         }
         
         .animated-section .animation-section .cross:after,
         .animated-section .animation-section .cross:before {
             position: absolute;
             content: " ";
             height: 12px;
             width: 2px;
             background-color: #ef3f3e;
         }
         
         .animated-section .animation-section .cross:after {
             -webkit-transform: rotate(-45deg);
             transform: rotate(-45deg);
         }
         
         .animated-section .animation-section .cross:before {
             -webkit-transform: rotate(45deg);
             transform: rotate(45deg);
         }
         
         .animated-section .animation-section .po-1 {
             top: 50%;
             left: 5%;
         }
         
         .animated-section .animation-section .po-2 {
             right: 5%;
             bottom: 7%;
         }
         
         .animated-section .animation-section .po-3 {
             top: 20%;
             right: 8%;
         }
         
         .animated-section .animation-section .po-4 {
             bottom: 5%;
             left: 30%;
         }
         
         .animated-section .animation-section .po-5 {
             right: 20%;
             top: 10%;
         }
         
         .animated-section .animation-section .po-6 {
             top: 2%;
             left: 47%;
         }
         
         .animated-section .animation-section .po-7 {
             right: 1%;
             top: 53%;
         }
         
         .animated-section .animation-section .po-8 {
             bottom: 1%;
             right: 27%;
         }
         
         .animated-section .animation-section .po-9 {
             top: 24%;
             right: 30%;
         }
         
         .animated-section .animation-section .po-10 {
             top: 5%;
             left: 15%;
         }
         
         .animated-section .animation-section .po-11 {
             bottom: 32%;
             left: 36%;
         }
         
         .animated-section .animation-section .po-12 {
             left: 2%;
             bottom: 10%;
         }
         
         .zig-zag-effect {
             position: relative;
         }
         
         .zig-zag-effect:after {
             position: absolute;
             content: "";
             background: url("../images/zig-zag-1.png");
             bottom: 0;
             width: 100%;
             height: 5px;
         }
         
         .zig-zag-effect:before {
             position: absolute;
             content: "";
             background: url(../images/zig-zag-1.png);
             top: 0;
             width: 100%;
             height: 5px;
             -webkit-transform: rotate(180deg);
             transform: rotate(180deg);
         }
         
         .zig-zag-effect.detail-section .detail-box .upper-part {
             margin-bottom: 20px;
             min-height: unset;
         }
         
         .zig-zag-effect.detail-section .detail-box .upper-part h2 {
             padding-bottom: 15px;
             margin-bottom: 0px;
         }
         
         .zig-zag-effect.detail-section .detail-box .upper-part h2:after {
             display: none;
         }
         
         .zig-zag-effect.detail-section .detail-box .upper-part h6 {
             margin-bottom: 0;
         }
         
         .parallax-effect .food-img {
             position: absolute;
             z-index: -1;
         }
         
         .parallax-effect .food-img.food1 {
             left: 19%;
         }
         
         .parallax-effect .food-img.food2 {
             left: 9%;
         }
         
         .parallax-effect .food-img.food2 img {
             width: 90px;
         }
         
         .parallax-effect .food-img.food3 img {
             width: 100px;
         }
         
         .parallax-effect .food-img.food4 {
             left: 7%;
         }
         
         .parallax-effect .food-img.food4 img {
             width: 80px;
         }
         
         .parallax-effect img {
             width: 100px;
         }
         
         .animation-bg {
             position: relative;
             z-index: 1;
         }
         
         .animation-bg:after {
             position: absolute;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
             z-index: -1;
             content: "";
             background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
             background-size: 400% 400%;
             -webkit-animation: gradient 15s ease infinite;
             animation: gradient 15s ease infinite;
             opacity: 0.6;
         }
         
         @-webkit-keyframes gradient {
             0% {
                 background-position: 0% 50%;
             }
             50% {
                 background-position: 100% 50%;
             }
             100% {
                 background-position: 0% 50%;
             }
         }
         
         @keyframes gradient {
             0% {
                 background-position: 0% 50%;
             }
             50% {
                 background-position: 100% 50%;
             }
             100% {
                 background-position: 0% 50%;
             }
         }
         
         @-webkit-keyframes ani {
             0% {
                 -webkit-transform: translate3d(0, 0, 0);
                 transform: translate3d(0, 0, 0);
                 text-shadow: 0em 0em 0 #ef3f3e;
                 color: white;
             }
             30% {
                 -webkit-transform: translate3d(0, 0, 0);
                 transform: translate3d(0, 0, 0);
                 text-shadow: 0em 0em 0 #ef3f3e;
                 color: white;
             }
             70% {
                 -webkit-transform: translate3d(0.08em, -0.08em, 0);
                 transform: translate3d(0.08em, -0.08em, 0);
                 text-shadow: -0.08em 0.08em #ef3f3e;
                 color: white;
             }
             100% {
                 -webkit-transform: translate3d(0.08em, -0.08em, 0);
                 transform: translate3d(0.08em, -0.08em, 0);
                 text-shadow: -0.08em 0.08em #ef3f3e;
                 color: white;
             }
         }
         
         @keyframes ani {
             0% {
                 -webkit-transform: translate3d(0, 0, 0);
                 transform: translate3d(0, 0, 0);
                 text-shadow: 0em 0em 0 #ef3f3e;
                 color: white;
             }
             30% {
                 -webkit-transform: translate3d(0, 0, 0);
                 transform: translate3d(0, 0, 0);
                 text-shadow: 0em 0em 0 #ef3f3e;
                 color: white;
             }
             70% {
                 -webkit-transform: translate3d(0.08em, -0.08em, 0);
                 transform: translate3d(0.08em, -0.08em, 0);
                 text-shadow: -0.08em 0.08em #ef3f3e;
                 color: white;
             }
             100% {
                 -webkit-transform: translate3d(0.08em, -0.08em, 0);
                 transform: translate3d(0.08em, -0.08em, 0);
                 text-shadow: -0.08em 0.08em #ef3f3e;
                 color: white;
             }
         }
         
         @-webkit-keyframes ripple2 {
             0% {
                 -webkit-transform: scale(1.4);
                 transform: scale(1.4);
             }
             100% {
                 -webkit-transform: scale(1.6);
                 transform: scale(1.6);
             }
         }
         
         @keyframes ripple2 {
             0% {
                 -webkit-transform: scale(1.4);
                 transform: scale(1.4);
             }
             100% {
                 -webkit-transform: scale(1.6);
                 transform: scale(1.6);
             }
         }
         
         @-webkit-keyframes ripple3 {
             0% {
                 -webkit-transform: scale(1.2);
                 transform: scale(1.2);
             }
             100% {
                 -webkit-transform: scale(1.4);
                 transform: scale(1.4);
             }
         }
         
         @keyframes ripple3 {
             0% {
                 -webkit-transform: scale(1.2);
                 transform: scale(1.2);
             }
             100% {
                 -webkit-transform: scale(1.4);
                 transform: scale(1.4);
             }
         }
         
         @-webkit-keyframes ripple {
             0% {
                 -webkit-transform: scale(1);
                 transform: scale(1);
             }
             75% {
                 -webkit-transform: scale(1.75);
                 transform: scale(1.75);
                 opacity: 0.4;
             }
             100% {
                 -webkit-transform: scale(2);
                 transform: scale(2);
                 opacity: 0;
             }
         }
         
         @keyframes ripple {
             0% {
                 -webkit-transform: scale(1);
                 transform: scale(1);
             }
             75% {
                 -webkit-transform: scale(1.75);
                 transform: scale(1.75);
                 opacity: 0.4;
             }
             100% {
                 -webkit-transform: scale(2);
                 transform: scale(2);
                 opacity: 0;
             }
         }
         
         @-webkit-keyframes effect {
             0% {
                 -webkit-transform: scale(1);
                 transform: scale(1);
             }
             75% {
                 -webkit-transform: scale(1.4);
                 transform: scale(1.4);
                 opacity: 0.4;
             }
             100% {
                 -webkit-transform: scale(1.6);
                 transform: scale(1.6);
                 opacity: 0;
             }
         }
         
         @keyframes effect {
             0% {
                 -webkit-transform: scale(1);
                 transform: scale(1);
             }
             75% {
                 -webkit-transform: scale(1.4);
                 transform: scale(1.4);
                 opacity: 0.4;
             }
             100% {
                 -webkit-transform: scale(1.6);
                 transform: scale(1.6);
                 opacity: 0;
             }
         }
         
         @-webkit-keyframes slide {
             0% {
                 background-position: 0 0;
             }
             100% {
                 background-position: -1000px 0;
             }
         }
         
         @keyframes slide {
             0% {
                 background-position: 0 0;
             }
             100% {
                 background-position: -1000px 0;
             }
         }
         
         @-webkit-keyframes myOrbit {
             from {
                 -webkit-transform: rotate(0deg) translateX(10px) rotate(0deg);
             }
             to {
                 -webkit-transform: rotate(360deg) translateX(10px) rotate(-360deg);
             }
         }
         
         @-webkit-keyframes animationFramesTwo {
             0% {
                 -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
                 transform: translate(0px, 0px) rotate(0deg) scale(1);
             }
             20% {
                 -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
                 transform: translate(73px, -1px) rotate(36deg) scale(0.9);
             }
             40% {
                 -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
                 transform: translate(141px, 72px) rotate(72deg) scale(1);
             }
             60% {
                 -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
                 transform: translate(83px, 122px) rotate(108deg) scale(1.2);
             }
             80% {
                 -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
                 transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
             }
             100% {
                 -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
                 transform: translate(0px, 0px) rotate(0deg) scale(1);
             }
         }
         
         @keyframes animationFramesTwo {
             0% {
                 -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
                 transform: translate(0px, 0px) rotate(0deg) scale(1);
             }
             20% {
                 -webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
                 transform: translate(73px, -1px) rotate(36deg) scale(0.9);
             }
             40% {
                 -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
                 transform: translate(141px, 72px) rotate(72deg) scale(1);
             }
             60% {
                 -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
                 transform: translate(83px, 122px) rotate(108deg) scale(1.2);
             }
             80% {
                 -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
                 transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
             }
             100% {
                 -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
                 transform: translate(0px, 0px) rotate(0deg) scale(1);
             }
         }
         
         @-webkit-keyframes mover {
             0% {
                 -webkit-transform: translateY(0);
                 transform: translateY(0);
             }
             100% {
                 -webkit-transform: translateY(-5px);
                 transform: translateY(-5px);
             }
         }
         
         @keyframes mover {
             0% {
                 -webkit-transform: translateY(0);
                 transform: translateY(0);
             }
             100% {
                 -webkit-transform: translateY(-5px);
                 transform: translateY(-5px);
             }
         }
         
         @-webkit-keyframes zoom_in {
             0% {
                 -webkit-transform: scale(0.8);
                 transform: scale(0.8);
             }
             100% {
                 -webkit-transform: scale(1);
                 transform: scale(1);
             }
         }
         
         @keyframes zoom_in {
             0% {
                 -webkit-transform: scale(0.8);
                 transform: scale(0.8);
             }
             100% {
                 -webkit-transform: scale(1);
                 transform: scale(1);
             }
         }
         
         @-webkit-keyframes smoothScroll {
             0% {
                 -webkit-transform: translateY(-40px);
                 transform: translateY(-40px);
             }
             100% {
                 -webkit-transform: translateY(0px);
                 transform: translateY(0px);
             }
         }
         
         @keyframes smoothScroll {
             0% {
                 -webkit-transform: translateY(-40px);
                 transform: translateY(-40px);
             }
             100% {
                 -webkit-transform: translateY(0px);
                 transform: translateY(0px);
             }
         }
         
         .bird {
             background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/174479/bird-cells.svg);
             background-size: auto 100%;
             width: 88px;
             height: 125px;
             will-change: background-position;
             -webkit-animation-name: fly-cycle;
             animation-name: fly-cycle;
             -webkit-animation-timing-function: steps(10);
             animation-timing-function: steps(10);
             -webkit-animation-iteration-count: infinite;
             animation-iteration-count: infinite;
         }
         
         .bird--one {
             -webkit-animation-duration: 1s;
             animation-duration: 1s;
             -webkit-animation-delay: -0.5s;
             animation-delay: -0.5s;
         }
         
         .bird--two {
             -webkit-animation-duration: 0.9s;
             animation-duration: 0.9s;
             -webkit-animation-delay: -0.75s;
             animation-delay: -0.75s;
         }
         
         .bird--three {
             -webkit-animation-duration: 1.25s;
             animation-duration: 1.25s;
             -webkit-animation-delay: -0.25s;
             animation-delay: -0.25s;
         }
         
         .bird--four {
             -webkit-animation-duration: 1.1s;
             animation-duration: 1.1s;
             -webkit-animation-delay: -0.5s;
             animation-delay: -0.5s;
         }
         
         .bird-container {
             position: absolute;
             top: 20%;
             left: -10%;
             -webkit-transform: scale(0) translateX(-10vw);
             transform: scale(0) translateX(-10vw);
             will-change: transform;
             -webkit-animation-name: fly-right-one;
             animation-name: fly-right-one;
             -webkit-animation-timing-function: linear;
             animation-timing-function: linear;
             -webkit-animation-iteration-count: infinite;
             animation-iteration-count: infinite;
         }
         
         .bird-container--one {
             -webkit-animation-duration: 15s;
             animation-duration: 15s;
             -webkit-animation-delay: 0s;
             animation-delay: 0s;
         }
         
         .bird-container--two {
             -webkit-animation-duration: 16s;
             animation-duration: 16s;
             -webkit-animation-delay: 1s;
             animation-delay: 1s;
         }
         
         .bird-container--three {
             -webkit-animation-duration: 14.6s;
             animation-duration: 14.6s;
             -webkit-animation-delay: 9.5s;
             animation-delay: 9.5s;
         }
         
         .bird-container--four {
             -webkit-animation-duration: 16s;
             animation-duration: 16s;
             -webkit-animation-delay: 10.25s;
             animation-delay: 10.25s;
         }
         
         @-webkit-keyframes fly-cycle {
             100% {
                 background-position: -900px 0;
             }
         }
         
         @keyframes fly-cycle {
             100% {
                 background-position: -900px 0;
             }
         }
         
         @-webkit-keyframes fly-right-one {
             0% {
                 -webkit-transform: scale(0.3) translateX(-10vw);
                 transform: scale(0.3) translateX(-10vw);
             }
             10% {
                 -webkit-transform: translateY(2vh) translateX(10vw) scale(0.4);
                 transform: translateY(2vh) translateX(10vw) scale(0.4);
             }
             20% {
                 -webkit-transform: translateY(0vh) translateX(30vw) scale(0.5);
                 transform: translateY(0vh) translateX(30vw) scale(0.5);
             }
             30% {
                 -webkit-transform: translateY(4vh) translateX(50vw) scale(0.6);
                 transform: translateY(4vh) translateX(50vw) scale(0.6);
             }
             40% {
                 -webkit-transform: translateY(2vh) translateX(70vw) scale(0.6);
                 transform: translateY(2vh) translateX(70vw) scale(0.6);
             }
             50% {
                 -webkit-transform: translateY(0vh) translateX(90vw) scale(0.6);
                 transform: translateY(0vh) translateX(90vw) scale(0.6);
             }
             60% {
                 -webkit-transform: translateY(0vh) translateX(110vw) scale(0.6);
                 transform: translateY(0vh) translateX(110vw) scale(0.6);
             }
             100% {
                 -webkit-transform: translateY(0vh) translateX(110vw) scale(0.6);
                 transform: translateY(0vh) translateX(110vw) scale(0.6);
             }
         }
         
         @keyframes fly-right-one {
             0% {
                 -webkit-transform: scale(0.3) translateX(-10vw);
                 transform: scale(0.3) translateX(-10vw);
             }
             10% {
                 -webkit-transform: translateY(2vh) translateX(10vw) scale(0.4);
                 transform: translateY(2vh) translateX(10vw) scale(0.4);
             }
             20% {
                 -webkit-transform: translateY(0vh) translateX(30vw) scale(0.5);
                 transform: translateY(0vh) translateX(30vw) scale(0.5);
             }
             30% {
                 -webkit-transform: translateY(4vh) translateX(50vw) scale(0.6);
                 transform: translateY(4vh) translateX(50vw) scale(0.6);
             }
             40% {
                 -webkit-transform: translateY(2vh) translateX(70vw) scale(0.6);
                 transform: translateY(2vh) translateX(70vw) scale(0.6);
             }
             50% {
                 -webkit-transform: translateY(0vh) translateX(90vw) scale(0.6);
                 transform: translateY(0vh) translateX(90vw) scale(0.6);
             }
             60% {
                 -webkit-transform: translateY(0vh) translateX(110vw) scale(0.6);
                 transform: translateY(0vh) translateX(110vw) scale(0.6);
             }
             100% {
                 -webkit-transform: translateY(0vh) translateX(110vw) scale(0.6);
                 transform: translateY(0vh) translateX(110vw) scale(0.6);
             }
         }
         
         @-webkit-keyframes fly-right-two {
             0% {
                 -webkit-transform: translateY(-2vh) translateX(-10vw) scale(0.5);
                 transform: translateY(-2vh) translateX(-10vw) scale(0.5);
             }
             10% {
                 -webkit-transform: translateY(0vh) translateX(10vw) scale(0.4);
                 transform: translateY(0vh) translateX(10vw) scale(0.4);
             }
             20% {
                 -webkit-transform: translateY(-4vh) translateX(30vw) scale(0.6);
                 transform: translateY(-4vh) translateX(30vw) scale(0.6);
             }
             30% {
                 -webkit-transform: translateY(1vh) translateX(50vw) scale(0.45);
                 transform: translateY(1vh) translateX(50vw) scale(0.45);
             }
             40% {
                 -webkit-transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
                 transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
             }
             50% {
                 -webkit-transform: translateY(0vh) translateX(90vw) scale(0.45);
                 transform: translateY(0vh) translateX(90vw) scale(0.45);
             }
             51% {
                 -webkit-transform: translateY(0vh) translateX(110vw) scale(0.45);
                 transform: translateY(0vh) translateX(110vw) scale(0.45);
             }
             100% {
                 -webkit-transform: translateY(0vh) translateX(110vw) scale(0.45);
                 transform: translateY(0vh) translateX(110vw) scale(0.45);
             }
         }
         
         @keyframes fly-right-two {
             0% {
                 -webkit-transform: translateY(-2vh) translateX(-10vw) scale(0.5);
                 transform: translateY(-2vh) translateX(-10vw) scale(0.5);
             }
             10% {
                 -webkit-transform: translateY(0vh) translateX(10vw) scale(0.4);
                 transform: translateY(0vh) translateX(10vw) scale(0.4);
             }
             20% {
                 -webkit-transform: translateY(-4vh) translateX(30vw) scale(0.6);
                 transform: translateY(-4vh) translateX(30vw) scale(0.6);
             }
             30% {
                 -webkit-transform: translateY(1vh) translateX(50vw) scale(0.45);
                 transform: translateY(1vh) translateX(50vw) scale(0.45);
             }
             40% {
                 -webkit-transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
                 transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
             }
             50% {
                 -webkit-transform: translateY(0vh) translateX(90vw) scale(0.45);
                 transform: translateY(0vh) translateX(90vw) scale(0.45);
             }
             51% {
                 -webkit-transform: translateY(0vh) translateX(110vw) scale(0.45);
                 transform: translateY(0vh) translateX(110vw) scale(0.45);
             }
             100% {
                 -webkit-transform: translateY(0vh) translateX(110vw) scale(0.45);
                 transform: translateY(0vh) translateX(110vw) scale(0.45);
             }
         }
         
         .flight {
             width: calc(140px + (200 - 140) * ((100vw - 320px) / (1920 - 320)));
             height: calc(70px + (100 - 70) * ((100vw - 320px) / (1920 - 320)));
             background: url("../images/flights/airliner.png") center no-repeat;
             background-size: 100%;
             position: absolute;
             bottom: -4px;
             right: 0;
         }
         
         .flight.run {
             -webkit-animation: landFlight linear 10s;
             animation: landFlight linear 10s;
         }
         
         @-webkit-keyframes landFlight {
             0% {
                 -webkit-transform: translate(0, 0) rotate(0deg);
                 transform: translate(0, 0) rotate(0deg);
             }
             20% {
                 -webkit-transform: translate(-600px, -1px) rotate(0deg);
                 transform: translate(-600px, -1px) rotate(0deg);
             }
             50% {
                 -webkit-transform: translate(-650px, -2px) rotate(0deg);
                 transform: translate(-650px, -2px) rotate(0deg);
             }
             58% {
                 -webkit-transform: translate(-700px, -5px) rotate(10deg);
                 transform: translate(-700px, -5px) rotate(10deg);
             }
             59% {
                 -webkit-transform: translate(-710px, -10px) rotate(15deg);
                 transform: translate(-710px, -10px) rotate(15deg);
             }
             60% {
                 -webkit-transform: translate(-720px, -12px) rotate(20deg);
                 transform: translate(-720px, -12px) rotate(20deg);
             }
             70% {
                 -webkit-transform: translate(-800px, -50px) rotate(20deg);
                 transform: translate(-800px, -50px) rotate(20deg);
             }
             80% {
                 -webkit-transform: translate(-900px, -100px) rotate(20deg);
                 transform: translate(-900px, -100px) rotate(20deg);
             }
             100% {
                 -webkit-transform: translate(-2200px, -750px) rotate(20deg);
                 transform: translate(-2200px, -750px) rotate(20deg);
             }
         }
         
         @keyframes landFlight {
             0% {
                 -webkit-transform: translate(0, 0) rotate(0deg);
                 transform: translate(0, 0) rotate(0deg);
             }
             20% {
                 -webkit-transform: translate(-600px, -1px) rotate(0deg);
                 transform: translate(-600px, -1px) rotate(0deg);
             }
             50% {
                 -webkit-transform: translate(-650px, -2px) rotate(0deg);
                 transform: translate(-650px, -2px) rotate(0deg);
             }
             58% {
                 -webkit-transform: translate(-700px, -5px) rotate(10deg);
                 transform: translate(-700px, -5px) rotate(10deg);
             }
             59% {
                 -webkit-transform: translate(-710px, -10px) rotate(15deg);
                 transform: translate(-710px, -10px) rotate(15deg);
             }
             60% {
                 -webkit-transform: translate(-720px, -12px) rotate(20deg);
                 transform: translate(-720px, -12px) rotate(20deg);
             }
             70% {
                 -webkit-transform: translate(-800px, -50px) rotate(20deg);
                 transform: translate(-800px, -50px) rotate(20deg);
             }
             80% {
                 -webkit-transform: translate(-900px, -100px) rotate(20deg);
                 transform: translate(-900px, -100px) rotate(20deg);
             }
             100% {
                 -webkit-transform: translate(-2200px, -750px) rotate(20deg);
                 transform: translate(-2200px, -750px) rotate(20deg);
             }
         }
         
         .plane-animation {
             -webkit-animation-name: plane-animation;
             animation-name: plane-animation;
             -webkit-animation-duration: 5s;
             animation-duration: 5s;
             -webkit-animation-iteration-count: infinite;
             animation-iteration-count: infinite;
             -webkit-animation-timing-function: linear;
             animation-timing-function: linear;
         }
         
         @-webkit-keyframes plane-animation {
             0% {
                 -webkit-transform: translateY(-50px);
                 transform: translateY(-50px);
             }
             50% {
                 -webkit-transform: translateY(0);
                 transform: translateY(0);
             }
             100% {
                 -webkit-transform: translateY(-50px);
                 transform: translateY(-50px);
             }
         }
         
         @keyframes plane-animation {
             0% {
                 -webkit-transform: translateY(-50px);
                 transform: translateY(-50px);
             }
             50% {
                 -webkit-transform: translateY(0);
                 transform: translateY(0);
             }
             100% {
                 -webkit-transform: translateY(-50px);
                 transform: translateY(-50px);
             }
         }
         /*=====================
28. Theme setting css
==========================*/
         
         .theme-setting {
             position: fixed;
             top: 50%;
             -webkit-transform: translateY(-50%) rotate(90deg);
             transform: translateY(-50%) rotate(90deg);
             right: -52px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             z-index: 10;
         }
         
         .theme-setting .dark,
         .theme-setting .rtl {
             margin-left: 5px;
             margin-right: 5px;
         }
         
         .theme-setting .rtl .tgl-skewed:checked+.tgl-btn {
             background: #dcdcdc;
         }
         
         .theme-setting .tgl {
             display: none;
         }
         
         .theme-setting .tgl+.tgl-btn {
             outline: 0;
             display: block;
             width: 4em;
             height: 2em;
             position: relative;
             cursor: pointer;
             -webkit-user-select: none;
             -moz-user-select: none;
             -ms-user-select: none;
             user-select: none;
         }
         
         .theme-setting .tgl+.tgl-btn:before {
             display: none;
         }
         
         .theme-setting .tgl+.tgl-btn:after {
             left: 0;
         }
         
         .theme-setting .tgl+.tgl-btn:after,
         .theme-setting .tgl+.tgl-btn:before {
             position: relative;
             display: block;
             content: "";
             width: 50%;
             height: 100%;
         }
         
         .theme-setting .tgl:checked+.tgl-btn:after {
             left: 50%;
         }
         
         .theme-setting .tgl-skewed+.tgl-btn {
             overflow: hidden;
             -webkit-transform: skew(-10deg);
             transform: skew(-10deg);
             -webkit-backface-visibility: hidden;
             backface-visibility: hidden;
             -webkit-transition: all .2s ease;
             transition: all .2s ease;
             font-family: sans-serif;
             background-color: #424242;
             outline: 0;
             display: block;
             width: 4em;
             height: 2em;
             position: relative;
             cursor: pointer;
             -webkit-user-select: none;
             -moz-user-select: none;
             -ms-user-select: none;
             user-select: none;
         }
         
         .theme-setting .tgl-skewed+.tgl-btn:after,
         .theme-setting .tgl-skewed+.tgl-btn:before {
             -webkit-transform: skew(10deg);
             transform: skew(10deg);
             display: inline-block;
             -webkit-transition: all .2s ease;
             transition: all .2s ease;
             width: 100%;
             text-align: center;
             position: absolute;
             line-height: 2em;
             font-weight: bold;
             color: #000;
             text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
         }
         
         .theme-setting .tgl-skewed+.tgl-btn:after {
             left: 100%;
             content: attr(data-tg-on);
         }
         
         .theme-setting .tgl-skewed+.tgl-btn:before {
             left: 0;
             color: white;
             content: attr(data-tg-off);
         }
         
         .theme-setting .tgl-skewed+.tgl-btn:active {
             background: #888;
         }
         
         .theme-setting .tgl-skewed+.tgl-btn:active:before {
             left: -10%;
         }
         
         .theme-setting .tgl-skewed:checked+.tgl-btn {
             background: #ffffff;
         }
         
         .theme-setting .tgl-skewed:checked+.tgl-btn:before {
             left: -100%;
         }
         
         .theme-setting .tgl-skewed:checked+.tgl-btn:after {
             left: 0;
         }
         
         .theme-setting .tgl-skewed:checked+.tgl-btn:active:after {
             left: 10%;
         }
         
         .theme-setting.back {
             z-index: 1;
         }
         
         .theme-setting.one-setting {
             right: -20px;
         }
         /*=====================
    29.Menu css start
==========================*/
         
         header {
             z-index: 3;
         }
         
         header .main-navbar {
             text-align: center;
         }
         
         header .main-navbar .nav-menu {
             display: inline-block;
             list-style: none;
             margin: 0;
             padding: 0;
             line-height: normal;
             direction: ltr;
             text-align: left;
             vertical-align: middle;
         }
         
         header .main-navbar .nav-menu>li {
             position: relative;
             float: left;
             display: block;
             margin-right: 25px;
             padding-top: 30px;
             padding-bottom: 30px;
         }
         
         header .main-navbar .nav-menu>li>a {
             display: block;
             color: white;
             font-size: 14px;
             font-weight: 900;
             line-height: 23px;
             text-decoration: none;
             text-transform: uppercase;
             padding: 2px 18px;
             letter-spacing: 0.07em;
             position: relative;
             border-radius: 4px;
         }
         
         header .main-navbar .nav-menu>li .nav-submenu {
             position: absolute;
             left: 0;
             z-index: 4;
             -webkit-box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
             box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
             padding: 15px 0 15px 0;
             background: white;
         }
         
         header .main-navbar .nav-menu>li .nav-submenu li {
             border: 0;
             float: none;
             position: relative;
             display: block;
         }
         
         header .main-navbar .nav-menu>li .nav-submenu li a {
             border: 0 !important;
             background: transparent;
             color: #222222;
             border-radius: 0 !important;
             font-size: 14px;
             font-weight: 600;
             text-transform: capitalize;
             padding: 2px 25px;
             display: block;
             letter-spacing: 0.07em;
             line-height: 1.9;
             -webkit-transition: all 0.5s ease;
             transition: all 0.5s ease;
             position: relative;
         }
         
         header .main-navbar .nav-menu>li .nav-submenu li a.menu-title:after {
             position: absolute;
             content: "\f105";
             font-family: "Font Awesome 5 Free";
             font-weight: 900;
             right: 18px;
             opacity: 1;
         }
         
         header .main-navbar .nav-menu>li .nav-submenu li a.arrow-cls:after {
             opacity: 0.8;
         }
         
         header .main-navbar .nav-menu>li .nav-submenu li a:hover {
             margin-left: 3px;
             color: #ef3f3e;
         }
         
         header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu {
             position: absolute;
             width: 200px;
             right: -200px;
             top: 0;
             background: #fff;
             border: none;
             padding: 15px 0 15px 0;
             -webkit-box-shadow: 0 0 1px 0 #ebebeb;
             box-shadow: 0 0 1px 0 #ebebeb;
         }
         
         header .main-navbar .nav-menu>li .mega-menu-container {
             position: absolute;
             left: 0;
             z-index: 4;
             -webkit-box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
             box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
             padding: 30px;
             background: white;
             width: 100%;
             border-radius: 4px;
         }
         
         header .main-navbar .nav-menu>li .mega-menu-container .mega-box {
             width: 20%;
         }
         
         header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title h5 {
             font-weight: 800;
             text-transform: capitalize;
             font-size: 14px;
         }
         
         header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content {
             -webkit-box-shadow: none;
             box-shadow: none;
             background-color: transparent;
             position: relative;
             display: block;
             padding: 0;
         }
         
         header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li {
             border: 0;
             float: none;
             position: relative;
             display: block;
         }
         
         header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
             border: 0 !important;
             background: transparent;
             color: #222222;
             border-radius: 0 !important;
             font-size: 14px;
             font-weight: 600;
             text-transform: capitalize;
             padding: 3px 0;
             display: block;
             letter-spacing: 0.07em;
             line-height: 1.9;
             position: relative;
         }
         
         header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
             margin-left: 4px;
             color: #ef3f3e;
         }
         
         header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li.highlight-link {
             position: relative;
         }
         
         header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li.highlight-link i {
             color: #ef3f3e;
         }
         
         header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section+.link-section {
             margin-top: 15px;
         }
         
         header .main-navbar .nav-menu>li:hover>a:after {
             left: 0;
             right: 0;
             opacity: 1;
         }
         
         header .main-navbar .nav-menu>li.mega-menu {
             position: unset;
         }
         
         header.white-active .main-navbar .nav-menu>li .nav-link.active {
             background-color: white;
             color: #00a2f7;
         }
         
         header.overlay-white {
             background-color: rgba(255, 255, 255, 0.08);
         }
         
         .toggle-nav {
             position: relative;
             padding-top: 40px;
             padding-bottom: 40px;
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-align: center;
             -ms-flex-align: center;
             align-items: center;
             cursor: pointer;
         }
         
         .toggle-nav i {
             font-size: 24px;
             color: white;
         }
         
         .mega-box .link-section .demo ul li a {
             position: relative;
         }
         
         .mega-box .link-section .demo ul li a:hover,
         .mega-box .link-section .demo ul li a:focus {
             padding-top: 3px;
             padding-bottom: 3px;
         }
         
         .mega-box .link-section .demo .new {
             position: absolute;
             top: -8px;
             right: 0;
             color: white;
             background-color: #ef3f3e;
             padding: 2px 7px;
             text-transform: uppercase;
             font-size: 9px;
             line-height: 1.3;
         }
         
         .mega-box .link-section .demo .title {
             border-bottom: 2px solid red !important;
         }
         
         @media (min-width: 1200px) {
             .responsive-btn {
                 display: none;
             }
             header .main-navbar .nav-menu>li .nav-submenu {
                 width: 220px;
                 opacity: 0;
                 visibility: hidden;
                 border-radius: 5px;
                 -webkit-transition: all 0.5s ease;
                 transition: all 0.5s ease;
             }
             header .main-navbar .nav-menu>li .nav-submenu a .sub-arrow {
                 position: absolute;
                 right: 20px;
                 top: 7px;
                 color: rgba(0, 0, 0, 0.75);
                 font-size: 10px;
                 -webkit-transition: all 0.5s ease;
                 transition: all 0.5s ease;
             }
             header .main-navbar .nav-menu>li .nav-submenu li .level1 {
                 display: none;
                 border-radius: 4px;
             }
             header .main-navbar .nav-menu>li .nav-submenu li .level1 li .level2 {
                 display: none;
             }
             header .main-navbar .nav-menu>li .nav-submenu li .level1 li .level2 li .level3 {
                 display: none;
             }
             header .main-navbar .nav-menu>li .nav-submenu li .level1 li .level2 li:hover .level3 {
                 display: block;
             }
             header .main-navbar .nav-menu>li .nav-submenu li .level1 li:hover .level2 {
                 display: block;
             }
             header .main-navbar .nav-menu>li .nav-submenu li:hover .level1 {
                 display: block;
             }
             header .main-navbar .nav-menu>li .nav-submenu li a:hover .sub-arrow {
                 right: 16px;
                 color: #222222;
                 -webkit-transition: all 0.5s ease;
                 transition: all 0.5s ease;
             }
             header .main-navbar .nav-menu>li .mega-menu-container {
                 opacity: 0;
                 visibility: hidden;
                 -webkit-transition: all 0.5s ease;
                 transition: all 0.5s ease;
             }
             header .main-navbar .nav-menu>li:hover .nav-submenu {
                 opacity: 1;
                 visibility: visible;
                 margin-top: 30px;
                 -webkit-transition: all 0.5s ease;
                 transition: all 0.5s ease;
             }
             header .main-navbar .nav-menu>li:hover .mega-menu-container {
                 opacity: 1;
                 visibility: visible;
                 margin-top: 30px;
                 -webkit-transition: all 0.5s ease;
                 transition: all 0.5s ease;
             }
             .toggle-nav {
                 display: none;
             }
             .mobile-back {
                 display: none !important;
             }
         }
         
         @media (max-width: 1460px) {
             header .main-navbar .nav-menu>li {
                 margin-right: 8px;
             }
         }
         
         @media (max-width: 1199px) {
             header .main-navbar .nav-menu {
                 position: fixed;
                 background-color: #fff;
                 width: 300px;
                 border-radius: 0;
                 border: 1px solid #eee;
                 top: 0;
                 height: 100vh;
                 right: -300px;
                 z-index: 99;
                 -webkit-transition: all 0.3s ease;
                 transition: all 0.3s ease;
                 overflow: scroll;
             }
             header .main-navbar .nav-menu.opennav {
                 right: 0;
             }
             header .main-navbar .nav-menu .back-btn {
                 display: block;
                 width: 100%;
                 padding: 0;
             }
             header .main-navbar .nav-menu .back-btn .mobile-back {
                 padding: 20px;
                 font-size: 18px;
                 color: #222222;
                 font-weight: 700;
                 text-transform: uppercase;
                 border-bottom: 1px solid #efefef;
                 cursor: pointer;
                 display: -webkit-box;
                 display: -ms-flexbox;
                 display: flex;
                 -webkit-box-pack: end;
                 -ms-flex-pack: end;
                 justify-content: flex-end;
                 -webkit-box-align: center;
                 -ms-flex-align: center;
                 align-items: center;
             }
             header .main-navbar .nav-menu>li {
                 display: block;
                 float: none;
                 width: 100%;
                 padding: 0;
             }
             header .main-navbar .nav-menu>li a {
                 padding: 10px 15px;
                 font-size: 16px;
                 font-weight: 700;
                 position: relative;
                 color: #222222;
             }
             header .main-navbar .nav-menu>li a .sub-arrow {
                 right: 20px;
                 position: absolute;
             }
             header .main-navbar .nav-menu>li a .sub-arrow:before {
                 content: "+";
                 font-family: inherit;
                 position: relative;
             }
             header .main-navbar .nav-menu>li .nav-submenu {
                 width: 100%;
                 padding: 0;
                 position: relative;
                 display: none;
                 -webkit-box-shadow: none;
                 box-shadow: none;
             }
             header .main-navbar .nav-menu>li .nav-submenu.opensubmenu {
                 display: block;
             }
             header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu {
                 display: none;
                 position: relative;
                 right: 0;
                 width: 100%;
                 padding: 0;
                 -webkit-box-shadow: none;
                 box-shadow: none;
             }
             header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu.submenu-content.level2 li a {
                 padding: 0 60px;
             }
             header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu.submenu-content.level2 .level3 li a {
                 padding: 0 70px;
             }
             header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu.opensubchild {
                 display: block;
             }
             header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu li a {
                 padding: 0 45px;
             }
             header .main-navbar .nav-menu>li .nav-submenu li a:after {
                 display: none;
             }
             header .main-navbar .nav-menu>li .nav-submenu li a:hover {
                 margin-left: 0;
             }
             header .main-navbar .nav-menu>li .nav-submenu li a:hover:after {
                 display: none;
             }
             header .main-navbar .nav-menu>li .mega-menu-container {
                 display: none;
                 padding: 0;
             }
             header .main-navbar .nav-menu>li .mega-menu-container.opensubmenu {
                 display: block;
             }
             header .main-navbar .nav-menu>li .mega-menu-container .mega-box {
                 width: 100%;
                 padding: 0;
             }
             header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title {
                 position: relative;
             }
             header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title h5 {
                 margin-bottom: 0;
                 font-weight: 600;
                 line-height: 1.9;
                 padding: 2px 25px;
             }
             header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
                 top: 4px;
             }
             header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content {
                 display: none;
             }
             header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu {
                 display: block;
                 padding: 0 45px;
             }
             header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
                 line-height: 1.9;
             }
             header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
                 margin-left: 0;
             }
             header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover:after {
                 display: none;
             }
             header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section+.link-section {
                 margin-top: 0;
             }
             header .main-navbar .nav-menu>li .nav-link.active {
                 background-color: transparent;
                 -webkit-box-shadow: none;
                 box-shadow: none;
                 color: #222222;
                 -webkit-transition: all 0.5s ease;
                 transition: all 0.5s ease;
             }
             header .main-navbar .nav-menu>li .nav-link.active:hover {
                 color: #ef3f3e;
                 -webkit-transition: all 0.5s ease;
                 transition: all 0.5s ease;
             }
             header .menu nav {
                 margin-left: auto;
                 margin-right: 30px;
             }
             .mega-box .link-section .demo ul li a span img {
                 top: 30px;
                 right: -60px;
             }
             .mega-box.col {
                 -ms-flex-preferred-size: unset;
                 flex-basis: unset;
             }
             .according-menu {
                 position: absolute;
                 right: 20px;
             }
             .main-menu.border-section {
                 border: none;
             }
             .main-menu .menu-left .main-menu-right .toggle-nav {
                 position: absolute;
                 z-index: 2;
                 right: 145px;
                 top: 6px;
             }
             .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
                 font-size: 18px;
                 padding-left: 5px;
                 text-transform: uppercase;
             }
         }
         
         @media (max-width: 767px) {
             .toggle-nav {
                 padding-top: 30px;
                 padding-bottom: 30px;
             }
             header .menu .brand-logo img {
                 width: 120px;
             }
         }
         
         @media (max-width: 576px) {
             header .menu .brand-logo img {
                 width: 110px;
                 height: auto;
             }
             header .menu .coupon-box h6 {
                 padding: 3px 5px;
                 font-size: 12px;
             }
             header .menu nav {
                 margin-right: 20px;
             }
             .toggle-nav {
                 padding-top: 20px;
                 padding-bottom: 20px;
             }
             .toggle-nav i {
                 font-size: 20px;
             }
         }
         
         @media (max-width: 480px) {
             header .menu .coupon-box {
                 display: none;
             }
         }
         /*=====================
    30.Price range css start
==========================*/
         
         .irs {
             position: relative;
             display: block;
             -webkit-user-select: none;
             -moz-user-select: none;
             -ms-user-select: none;
             user-select: none;
             height: 55px;
         }
         
         .irs-line {
             position: relative;
             display: block;
             overflow: hidden;
             outline: none !important;
             height: 10px;
             top: 30px;
             background: #f9f9f9;
             border-radius: 16px;
             -moz-border-radius: 16px;
         }
         
         .irs-line-left,
         .irs-line-mid,
         .irs-line-right {
             position: absolute;
             display: block;
             top: 0;
         }
         
         .irs-line-left {
             left: 0;
             width: 11%;
             height: 8px;
         }
         
         .irs-line-mid {
             left: 9%;
             width: 82%;
             height: 8px;
         }
         
         .irs-line-right {
             right: 0;
             width: 11%;
             height: 8px;
         }
         
         .irs-bar {
             position: absolute;
             display: block;
             left: 0;
             width: 0;
             height: 4px;
             top: 33px;
             background: #ef3f3e;
         }
         
         .irs-bar-edge {
             position: absolute;
             display: block;
             top: 0;
             left: 0;
             height: 10px;
             top: 33px;
             width: 14px;
             border: 1px solid #428bca;
             border-right: 0;
             background: #428bca;
             background: -webkit-gradient(linear, left bottom, left top, from(#428bca), to(#7fc3e8));
             background: linear-gradient(to top, #428bca 0%, #7fc3e8 100%);
             border-radius: 16px 0 0 16px;
             -moz-border-radius: 16px 0 0 16px;
         }
         
         .irs-shadow {
             position: absolute;
             display: none;
             left: 0;
             width: 0;
             height: 2px;
             top: 38px;
             background: #000;
             opacity: 0.3;
             border-radius: 5px;
             -moz-border-radius: 5px;
         }
         
         .irs-slider {
             position: absolute;
             display: block;
             z-index: 0;
             top: 30px;
             width: 8px;
             height: 12px;
             background: #ef3f3e;
             cursor: pointer;
         }
         
         .irs-slider.type_last {
             z-index: 2;
         }
         
         .irs-min {
             position: absolute;
             display: block;
             left: 0;
             cursor: default;
         }
         
         .irs-max {
             position: absolute;
             display: block;
             right: 0;
             cursor: default;
         }
         
         .irs-from,
         .irs-to,
         .irs-single {
             position: absolute;
             display: block;
             top: 0;
             left: 0;
             cursor: default;
             white-space: nowrap;
             color: black;
             font-size: 12px;
             line-height: 1.333;
             text-shadow: none;
             padding: 1px 5px;
             background: transparent;
             border-radius: 3px;
             -moz-border-radius: 3px;
             font-weight: 700;
         }
         
         .irs-grid {
             position: absolute;
             display: none;
             bottom: 0;
             left: 0;
             width: 100%;
             height: 20px;
             height: 27px;
         }
         
         .irs-with-grid {
             height: 75px;
         }
         
         .irs-with-grid .irs-grid {
             display: block;
         }
         
         .irs-grid-pol {
             position: absolute;
             top: 0;
             left: 0;
             width: 1px;
             height: 8px;
             background: #000;
             opacity: 0.5;
             background: #428bca;
         }
         
         .irs-grid-pol.small {
             height: 4px;
             background: #999;
         }
         
         .irs-grid-text {
             position: absolute;
             bottom: 0;
             left: 0;
             white-space: nowrap;
             text-align: center;
             font-size: 9px;
             line-height: 9px;
             padding: 0 3px;
             color: #000;
             bottom: 5px;
             color: #99a4ac;
         }
         
         .irs-disable-mask {
             position: absolute;
             display: block;
             top: 0;
             left: -1%;
             width: 102%;
             height: 100%;
             cursor: default;
             background: rgba(0, 0, 0, 0);
             z-index: 2;
         }
         
         .lt-ie9 .irs-disable-mask {
             background: #000;
             filter: alpha(opacity=0);
             cursor: not-allowed;
         }
         
         .lt-ie9 .irs-shadow {
             filter: alpha(opacity=30);
         }
         
         .irs-disabled {
             opacity: 0.4;
         }
         
         .irs-hidden-input {
             position: absolute !important;
             display: block !important;
             top: 0 !important;
             left: 0 !important;
             width: 0 !important;
             height: 0 !important;
             font-size: 0 !important;
             line-height: 0 !important;
             padding: 0 !important;
             margin: 0 !important;
             outline: none !important;
             z-index: -9999 !important;
             background: none !important;
             border-style: solid !important;
             border-color: transparent !important;
         }
         
         .irs-min,
         .irs-max {
             display: none;
             color: #333;
             font-size: 12px;
             line-height: 1.333;
             text-shadow: none;
             top: 0;
             padding: 1px 5px;
             background: rgba(0, 0, 0, 0.1);
             border-radius: 3px;
             -moz-border-radius: 3px;
         }
         
         .lt-ie9 .irs-min,
         .lt-ie9 .irs-max {
             background: #ccc;
         }
         
         .lt-ie9 .irs-from,
         .lt-ie9 .irs-to,
         .lt-ie9 .irs-single {
             background: #999;
         }
         
         .irs-to {
             background-color: #ef3f3e;
             color: white;
             padding: 3px;
         }
         /*=====================
    31. RTL css start
==========================*/
         
         body.rtl {
             direction: rtl;
         }
         
         .rtl .theme-setting {
             direction: ltr;
         }
         
         .rtl .slick-slider {
             direction: ltr;
         }
         
         .rtl .slick-slide {
             float: left;
         }
         
         .rtl ul {
             -webkit-padding-start: 0;
         }
         
         .rtl .tap-top {
             right: unset;
             left: -60px;
             -webkit-transform: rotate(15deg);
             transform: rotate(15deg);
         }
         
         .rtl .tap-top.top {
             right: unset;
             left: 30px;
         }
         
         .rtl .special-section.grid-box .special-box .special-content.restaurant-detail ul li {
             padding-right: 15px;
         }
         
         .rtl .special-section.grid-box .special-box .special-content.restaurant-detail ul li:after {
             left: unset;
             right: 0;
         }
         
         .rtl .offset-1 {
             margin-left: 0;
             margin-right: 8.33333%;
         }
         
         .rtl .effect-cls:after {
             left: unset;
             right: 0;
         }
         
         .rtl .effect-cls:before {
             right: 0;
         }
         
         .rtl .effect-cls-up:before {
             right: 0;
         }
         
         .rtl header .menu .brand-logo {
             text-align: right;
         }
         
         .rtl header .menu .header-right li+li {
             margin-left: 0;
             margin-right: 15px;
         }
         
         .rtl header .menu .header-right .setting .setting-open {
             left: 0;
             right: unset;
         }
         
         .rtl header .menu .header-right .setting .setting-open li+li {
             margin-right: 0;
         }
         
         .rtl header .menu .header-right .front-setting select {
             padding: 5px 10px 4px 28px;
             background: url(../images/icon/down.png) no-repeat 20%;
         }
         
         .rtl header .main-navbar .nav-menu>li {
             float: right;
         }
         
         .rtl header .main-navbar .nav-menu>li .nav-submenu {
             left: unset;
             right: 0;
             text-align: right;
         }
         
         .rtl header .main-navbar .nav-menu>li .nav-submenu a .sub-arrow {
             right: unset;
             left: 20px;
             -webkit-transform: rotate(180deg);
             transform: rotate(180deg);
             top: 4px;
         }
         
         .rtl header .main-navbar .nav-menu>li .nav-submenu li a:after {
             right: unset;
             left: 18px;
             -webkit-transform: rotate(180deg);
             transform: rotate(180deg);
         }
         
         .rtl header .main-navbar .nav-menu>li .nav-submenu li a:hover {
             margin-left: 0;
             margin-right: 5px;
         }
         
         .rtl header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu {
             right: unset;
             left: -200px;
         }
         
         .rtl header .main-navbar .nav-menu>li .mega-menu-container .mega-box {
             text-align: right;
         }
         
         .rtl header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:after {
             right: -12px;
             left: unset;
         }
         
         .rtl header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
             margin-right: 5px;
             margin-left: 0;
         }
         
         .rtl header .mix-pills .nav-item {
             margin-right: 0;
             margin-left: 15px;
         }
         
         .rtl header .mix-pills.nav-pills .nav-link svg {
             margin-right: 0;
             margin-left: 8px;
         }
         
         .rtl .home_section .offer-text {
             left: unset;
             right: -148px;
         }
         
         .rtl .home_section .home {
             direction: rtl;
         }
         
         .rtl .home_section .home .banner-content {
             text-align: right;
         }
         
         .rtl .home_section .home .home-content .package-detail li {
             padding-right: 0;
             padding-left: 10px;
         }
         
         .rtl .home_section .home .home-content .package-detail li i {
             margin-right: 0;
             margin-left: 10px;
         }
         
         .rtl .book-table .table-form form .form-group img {
             right: unset;
             left: 20px;
         }
         
         .rtl .cab-section {
             direction: ltr;
         }
         
         .rtl .cab-section .cab-content {
             direction: rtl;
             text-align: right;
         }
         
         .rtl .cab-section .cab-content .call-section .call i {
             margin-right: 0;
             margin-left: 50px;
         }
         
         .rtl .cab-section .cab-content .call-section .call:after {
             left: unset;
             right: 0;
         }
         
         .rtl .cab-section .cab-content form .gj-datepicker button,
         .rtl .cab-section .cab-content form .gj-timepicker button {
             border-left: none !important;
             border-right: 1px solid #e5e5e5 !important;
         }
         
         .rtl .cab-section .cab-content form .form-group img {
             right: unset;
             left: 0;
             border-left: none;
             border-right: 1px solid #e5e5e5;
         }
         
         .rtl .cab-section .cab-content .car-select li {
             margin-right: 0;
             margin-left: 25px;
         }
         
         .rtl .cab-section .cab-content .radio-form [type="radio"]:checked+label,
         .rtl .cab-section .cab-content .radio-form [type="radio"]:not(:checked)+label {
             padding-left: 0;
             padding-right: 30px;
         }
         
         .rtl .cab-section .cab-content .radio-form [type="radio"]:checked+label:before,
         .rtl .cab-section .cab-content .radio-form [type="radio"]:not(:checked)+label:before {
             left: unset;
             right: 0;
         }
         
         .rtl .cab-section .cab-content .radio-form [type="radio"]:checked,
         .rtl .cab-section .cab-content .radio-form [type="radio"]:not(:checked) {
             left: unset;
             right: -9999px;
         }
         
         .rtl .ticket-section .ticket-box .ticket-title {
             right: unset;
             left: -11%;
         }
         
         .rtl .ticket-section .ticket-box .content {
             padding: 50px 50px 50px 150px;
             left: unset;
             right: -56%;
             text-align: right;
         }
         
         .rtl .ticket-section .ticket-box .content .barcode-design {
             right: unset;
             left: 50px;
         }
         
         .rtl .ticket-section .slick-prev,
         .rtl .ticket-section .slick-next {
             left: 40px;
             right: unset;
         }
         
         .rtl .ticket-section .row {
             direction: rtl;
         }
         
         .rtl .ticket-section.white-section .ticket-box .ticket-title {
             left: -9%;
         }
         
         .rtl .about-section .about-text {
             padding-left: 0;
             padding-right: 60px;
             text-align: right;
         }
         
         .rtl .about-section .image-section .img-box .no-class {
             left: unset;
             right: -15px;
         }
         
         .rtl .app-section .app-image .image:last-child {
             margin-left: 0;
             margin-right: 45px;
         }
         
         .rtl .app-section .app-content {
             text-align: right;
         }
         
         .rtl .app-section .app-content .label span:after {
             right: unset;
             left: -65px;
             background: -webkit-gradient(linear, right top, left top, from(rgba(239, 63, 62, 0.25)), to(rgba(239, 63, 62, 0.05)));
             background: linear-gradient(to left, rgba(239, 63, 62, 0.25) 0%, rgba(239, 63, 62, 0.05) 100%);
         }
         
         .rtl .app-section .app-content .app-buttons a+a {
             margin-left: 0;
             margin-right: 30px;
         }
         
         .rtl .app-section.medium-section {
             direction: ltr;
         }
         
         .rtl .app-section.medium-section .app-box {
             text-align: right;
         }
         
         .rtl .blog-section .blog-box {
             direction: rtl;
         }
         
         .rtl .blog-section .blog-box .blog-content {
             text-align: right;
         }
         
         .rtl .blog-section .blog-box .img-part .blog-date {
             left: unset;
             right: 35px;
         }
         
         .rtl .blog_section .blog-wrap .blog-details h6 i {
             margin-right: 0;
             margin-left: 12px;
         }
         
         .rtl .home_section .home.home-long .home-content.mix-layout {
             text-align: right;
         }
         
         .rtl .home_section .home .home-content .flight-search .flight-search-detail .form-group {
             text-align: right;
         }
         
         .rtl .home_section.restaurant-home-section .home {
             direction: ltr;
         }
         
         .rtl .home_section.restaurant-home-section .home .home-content {
             direction: rtl;
         }
         
         .rtl .location-option .form-check {
             margin-right: 0;
             margin-left: calc(5px + (18 - 5) * ((100vw - 320px) / (1920 - 320)));
             padding-right: 0;
         }
         
         .rtl .location-option [type="radio"]:checked,
         .rtl .location-option [type="radio"]:not(:checked) {
             left: unset;
             right: -9999px;
         }
         
         .rtl .location-option [type="radio"]:checked+label,
         .rtl .location-option [type="radio"]:not(:checked)+label {
             padding-left: 0;
             padding-right: 28px;
         }
         
         .rtl .location-option [type="radio"]:checked+label:before,
         .rtl .location-option [type="radio"]:not(:checked)+label:before {
             right: 0;
             left: unset;
         }
         
         .rtl .cab-full .cab-search-section .cab-search-box .cab_detail {
             text-align: right;
         }
         
         .rtl .cab-full .cab-search-section .cab-search-box .text-end {
             text-align: left !important;
         }
         
         .rtl .routes-section .routes-box .routes-content .top-bar h6 {
             margin-left: 0;
             margin-right: auto;
         }
         
         .rtl .routes-section .routes-box .routes-content .bottom-bar .rating {
             margin-left: 0;
             margin-right: auto;
         }
         
         .rtl .routes-section .routes-box .routes-img .price-round {
             left: unset;
             right: -11px;
         }
         
         .rtl .routes-section .routes-box .routes-img .discount {
             left: unset;
             right: 25px;
         }
         
         .rtl .full-banner .banner-content {
             text-align: right;
         }
         
         .rtl .full-banner .banner-content .bottom-section .info-btn {
             margin-left: 0;
             margin-right: 25px;
         }
         
         .rtl .full-banner.banner-section.full-banner .banner-content {
             text-align: right;
         }
         
         .rtl .subscribe-footer .service-left .service-box {
             border-right: 1px solid white;
             border-left: none;
         }
         
         .rtl .subscribe-footer .service-left .service-box .detail {
             margin-left: 0;
             margin-right: 12px;
         }
         
         .rtl .subscribe-footer .service-left ul li:first-child .service-box {
             padding-right: 0;
             border-right: none;
             padding-left: 50px;
         }
         
         .rtl .subscribe-footer .service-right .btn-subscribe {
             border-radius: 50px 0 0 50px;
         }
         
         .rtl .subscribe-footer .service-right .input-group input {
             border-radius: 0 50px 50px 0;
         }
         
         .rtl .zig-zag-effect:after,
         .rtl .zig-zag-effect:before {
             right: 0;
         }
         
         .rtl .menu-section .menu-box {
             direction: rtl;
             text-align: right;
         }
         
         .rtl .menu-section .menu-box .bottom-bar .menu-bar img {
             margin-right: 0;
             margin-left: 30px;
         }
         
         .rtl .menu-section .menu-box .bottom-bar .menu-bar .content h6 label {
             right: unset;
             left: 10px;
         }
         
         .rtl .category-wrapper .category-wrap {
             direction: rtl;
         }
         
         .rtl .category-wrapper .category-wrap .category-img {
             left: unset;
             right: 0;
         }
         
         .rtl .category-wrapper .category-wrap .category-content {
             padding: 55px 220px 55px 30px;
             margin-left: 0;
             margin-right: 55px;
         }
         
         .rtl .category-wrapper .category-wrap .category-content p {
             text-align: right;
         }
         
         .rtl .category-wrapper .category-wrap .category-content .top h6 {
             margin-left: 0;
             margin-right: 25px;
         }
         
         .rtl .category-wrapper .category-wrap .category-content .top .like-cls i {
             right: unset;
             left: 0;
         }
         
         .rtl .category-wrapper .category-wrap .category-content .bottom .coupon-code {
             margin-left: 0;
             margin-right: 15px;
         }
         
         .rtl .search-section .search-box .right-part {
             margin-left: 0;
             margin-right: 45px;
         }
         
         .rtl .search-section .search-box .right-part .search-icon img {
             left: unset;
             right: 18px;
         }
         
         .rtl .search-section .search-box .right-part .search-icon:before {
             left: unset;
             right: -45px;
         }
         
         .rtl .search-section .search-box .right-part .search-icon:after {
             left: unset;
             right: -37px;
         }
         
         .rtl .special-section .special-box {
             direction: rtl;
         }
         
         .rtl .special-section .special-box .special-img .label {
             left: unset;
             right: 30px;
         }
         
         .rtl .special-section .special-box .special-content {
             text-align: right;
         }
         
         .rtl .special-section .special-box .special-content .bottom-part .package-cls {
             padding-right: 20px;
             padding-left: 0;
         }
         
         .rtl .testimonial-section .row {
             direction: rtl;
         }
         
         .rtl .top-category .top_box {
             direction: rtl;
         }
         
         .rtl .top-category .top_box .right-content {
             text-align: right;
         }
         
         .rtl .top-category .top_box .right-content h5 i {
             margin-left: 0;
             margin-right: 10px;
         }
         
         .rtl .top-category .top_box .right-content .rating span {
             margin-right: 0;
             margin-left: 8px;
         }
         
         .rtl .video_section .video-content {
             text-align: right;
         }
         
         .rtl .video_section .video-content .bottom-section .info-btn {
             margin-left: 0;
             margin-right: 25px;
         }
         
         .rtl .video_section .video-content .bottom-section .info-btn.red-info {
             margin-left: 0;
             margin-right: 10px;
         }
         
         .rtl .video_section .video-content h2 span {
             padding-left: 0;
             padding-right: 20px;
             margin-left: 0;
             margin-right: 5px;
         }
         
         .rtl .video_section .video-content h2 span:after {
             left: unset;
             right: 0;
         }
         
         .rtl .category-section .category-box {
             direction: rtl;
         }
         
         .rtl .category-section .category-box .top-bar {
             left: unset;
             right: 25px;
         }
         
         .rtl .category-section .category-box .top-bar .offer {
             margin-right: 0;
             margin-left: 10px;
         }
         
         .rtl .category-section .category-box .bottom-bar {
             right: 25px;
             left: unset;
             text-align: right;
         }
         
         .rtl .category-section .category-box .bottom-bar .top h5 {
             margin-right: 0;
             margin-left: 15px;
         }
         
         .rtl .category-section .category-box .bottom-bar .top h6 {
             margin-left: 0;
             margin-right: 20px;
         }
         
         .rtl .category-section .category-box .like-cls {
             right: unset;
             left: 25px;
         }
         
         .rtl .subscribe_section .input-section {
             padding-left: 0;
             padding-right: 60px;
         }
         
         .rtl .subscribe_section .input-section input {
             padding: 50px 50px 50px 175px;
         }
         
         .rtl .subscribe_section .input-section .btn {
             right: unset;
             left: 50px;
         }
         
         .rtl .subscribe_section .subscribe-detail {
             text-align: left;
             padding-right: 0;
             padding-left: 60px;
         }
         
         .rtl .subscribe_section .subscribe-detail span {
             left: unset;
             right: -40%;
         }
         
         .rtl .subscribe_section .subscribe-detail:after {
             right: unset;
             left: 0;
         }
         
         .rtl .classic-slider .slick-dots {
             right: unset;
             left: 50px;
         }
         
         .rtl .category-sec .category-box {
             direction: rtl;
         }
         
         .rtl .category-sec .category-box .img-category .like-cls {
             right: unset;
             left: 13%;
         }
         
         .rtl .category-sec .category-box .img-category .top-bar {
             left: unset;
             right: 25px;
             text-align: right;
         }
         
         .rtl .category-sec .category-box .content-category {
             text-align: right;
         }
         
         .rtl .category-sec .category-box .content-category .top h5 {
             margin-right: 0;
             margin-left: 15px;
         }
         
         .rtl .category-sec .category-box .content-category h6 span {
             margin-left: 0;
             margin-right: 25px;
         }
         
         .rtl .gallery_box .gallery-content {
             left: unset;
             right: 40px;
         }
         
         .rtl .gallery_box .view-cls {
             right: unset;
             left: 40px;
         }
         
         .rtl .service-part .service-wrapper {
             text-align: right;
         }
         
         .rtl .service-part .service-wrapper h3 i {
             right: unset;
             left: 0;
         }
         
         .rtl .top-category .top_box .new-label {
             right: unset;
             left: -20px;
             -webkit-transform: scaleX(-1);
             transform: scaleX(-1);
         }
         
         .rtl .top-category .top_box .new-label span {
             -webkit-transform: rotate(-50deg) scaleX(-1);
             transform: rotate(-50deg) scaleX(-1);
             right: unset;
             left: 20px;
         }
         
         .rtl .about_section .about_content {
             margin-left: 0;
             margin-right: 85px;
             text-align: right;
         }
         
         .rtl .about_section .about_content .about_bottom h6 {
             margin-left: 0;
             margin-right: 25px;
         }
         
         .rtl .filter-section .top-section .title {
             text-align: right;
         }
         
         .rtl .filter-section .filters .filter-content {
             text-align: right;
         }
         
         .rtl .filter-section .content .grid-item .filter-detail {
             text-align: right;
         }
         
         .rtl .about-text p {
             text-align: right;
         }
         
         .rtl .price-section .price-box {
             direction: rtl;
         }
         
         .rtl .price-section .price-box .price-img {
             border-radius: 0 25px 25px 0;
         }
         
         .rtl .price-section .price-box .price-content {
             border-radius: 25px 0 0 25px;
         }
         
         .rtl .price-section .price-box .price-content .price-title .like-cls i {
             left: 0;
             right: unset;
         }
         
         .rtl .price-section .price-box .price-content .price a {
             margin-left: auto;
             margin-right: unset;
         }
         
         .rtl .price-section .price-box .price-content .price h5 {
             margin-left: unset;
             margin-right: auto;
         }
         
         .rtl .scroll-body {
             padding-left: 0;
             padding-right: 400px;
         }
         
         .rtl .classic-section .classic-box {
             direction: rtl;
         }
         
         .rtl .classic-section .classic-box .top-part {
             padding-right: 30px;
             padding-left: 0;
             border-left: none;
             border-right: 1px dashed #dddddd;
             text-align: right;
         }
         
         .rtl .classic-section .classic-box .top-part:before,
         .rtl .classic-section .classic-box .top-part:after {
             left: unset;
             right: -3px;
         }
         
         .rtl .classic-section .classic-box .top-part .plane-updown {
             left: unset;
             right: -8px;
         }
         
         .rtl .classic-section .classic-box .bottom-part h6 {
             text-align: right;
         }
         
         .rtl .process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .rating span {
             margin-left: 0;
             margin-right: 10px;
         }
         
         .rtl .order-food-section .order-food .book-table.single-table .table-form form .form-group {
             margin-left: 0;
         }
         
         .rtl .collection-banner.p-right .contain-banner {
             -webkit-box-pack: start;
             -ms-flex-pack: start;
             justify-content: flex-start;
         }
         
         .rtl .collection-banner.p-left .contain-banner {
             -webkit-box-pack: end;
             -ms-flex-pack: end;
             justify-content: flex-end;
         }
         
         .rtl .breadcrumb-item+.breadcrumb-item {
             padding-left: 0;
             padding-right: 0.5rem;
         }
         
         .rtl .breadcrumb-item+.breadcrumb-item:before {
             padding-right: 0;
             padding-left: 0.5rem;
         }
         
         .rtl .breadcrumb-section .breadcrumb-content .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
             content: "\f100";
         }
         
         .rtl .breadcrumb-section .breadcrumb-content.breadcrumb-right {
             -webkit-box-pack: start;
             -ms-flex-pack: start;
             justify-content: flex-start;
             text-align: right;
         }
         
         .rtl .breadcrumb-section .breadcrumb-content.breadcrumb-right .breadcrumb {
             -webkit-box-pack: start;
             -ms-flex-pack: start;
             justify-content: flex-start;
         }
         
         .rtl .breadcrumb-section .breadcrumb-content.restaurant-name ul li+li:after {
             left: unset;
             right: 0;
         }
         
         .rtl .about-section .image-section .img-box+.img-box {
             margin-left: 0;
             margin-right: 60px;
         }
         
         .rtl .about-section.three-image .image-section .img-box+.img-box {
             margin-left: 0;
             margin-right: 45px;
         }
         
         .rtl .about-section.about_page .about-text {
             text-align: right;
         }
         
         .rtl .about-section.about_page .about-text .title-3 {
             text-align: right;
         }
         
         .rtl .about-section.about_page .about-text .buttons-about .btn+.btn {
             margin-left: 0;
             margin-right: 20px;
         }
         
         .rtl .testimonial-section .testimonial {
             direction: rtl;
         }
         
         .rtl .testimonial-section .testimonial .right-part {
             margin-left: 0;
             margin-right: 13%;
             text-align: right;
         }
         
         .rtl .testimonial-section .testimonial .right-part .detail h6 {
             margin-left: 0;
             margin-right: 18px;
         }
         
         .rtl .testimonial-section .testimonial .left-part .design {
             left: -45px;
             right: unset;
         }
         
         .rtl .testimonial-section .testimonial .quote-icon {
             left: 90px;
             right: unset;
             -webkit-transform: scaleX(-1);
             transform: scaleX(-1);
         }
         
         .rtl .blog_section .blog-wrap {
             direction: rtl;
         }
         
         .rtl .blog_section .blog-wrap .blog-image .blog-label {
             left: unset;
             right: 30px;
         }
         
         .rtl .blog_section .blog-wrap .blog-details {
             text-align: right;
         }
         
         .rtl .blog_section.inner-blog .blog-wrap .blog-details h6 i {
             margin-right: unset;
             margin-left: 12px;
         }
         
         .rtl .blog-sidebar .blog-wrapper {
             text-align: right;
         }
         
         .rtl .blog-sidebar .blog-wrapper .sidebar-content .sidebar-list li i {
             margin-left: 15px;
             margin-right: 0;
             -webkit-transform: rotate(180deg);
             transform: rotate(180deg);
         }
         
         .rtl .blog-sidebar .blog-wrapper .sidebar-content .blog-post li .media img {
             margin-right: unset;
             margin-left: 15px;
         }
         
         .rtl .blog-sidebar .blog-wrapper .sidebar-content .tags li {
             margin: 8px 0 0 8px;
         }
         
         .rtl .blog-sidebar .blog-wrapper .search-bar input {
             padding: 14px 50px 14px 14px;
         }
         
         .rtl .blog-sidebar .blog-wrapper .search-bar i {
             left: unset;
             right: 14px;
         }
         
         .rtl .blog-sidebar .blog-wrapper .search-bar i:after {
             right: unset;
             left: -10px;
         }
         
         .rtl .blog-single-detail {
             text-align: right;
         }
         
         .rtl .blog-single-detail .title-part .post-detail li+li {
             padding-left: 0;
             padding-right: 15px;
             margin-left: 0;
             margin-right: 15px;
             border-left: none;
             border-right: 1px solid #ddd;
         }
         
         .rtl .blog-single-detail .comment-section .comment {
             text-align: right;
         }
         
         .rtl .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body {
             margin-left: 0;
             margin-right: calc(6px + (15 - 6) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .rtl .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-user i,
         .rtl .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-date i {
             margin-right: 0;
             margin-left: 7px;
         }
         
         .rtl .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-date {
             margin-left: 0;
             margin-right: 15px;
         }
         
         .rtl .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .reply-btn {
             text-align: left;
         }
         
         .rtl .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .reply-btn .pe-2,
         .rtl .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .reply-btn .px-2 {
             padding-right: 0 !important;
             padding-left: 0.5rem !important;
         }
         
         .rtl .blog-single-detail .comment-section .comment-wrapper .comment-box .media.inner-comment {
             margin-left: 0;
             margin-right: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .rtl .blog-single-detail .leave-comment {
             text-align: right;
         }
         
         .rtl .blog-inner.blog_section .blog-wrap .blog-details h6 i {
             margin-left: 12px;
             margin-right: 0;
         }
         
         .rtl .blog-inner.blog_section .blog-wrap .blog-details h6 i.ms-2 {
             margin-right: 6px !important;
         }
         
         .rtl .portfolio-section .grid.blog-masonry .grid-item .overlay .blog-details {
             text-align: right;
         }
         
         .rtl .portfolio-section .grid.blog-masonry .grid-item .overlay .blog-details h6 i {
             margin-right: 0;
             margin-left: 12px;
         }
         
         .rtl .portfolio-section .grid.blog-masonry .grid-item .overlay .blog-details h6 i.ms-2 {
             margin-right: 6px;
         }
         
         .rtl .video-modal .modal-body .btn-close {
             right: unset;
             left: -30px;
         }
         
         .rtl .flight-search .flight-search-detail .form-group {
             text-align: right;
         }
         
         .rtl .flight-search .flight-search-detail .form-group img {
             right: unset;
             left: 0;
             border-left: none;
             border-right: 1px solid #e5e5e5;
         }
         
         .rtl .input-group-append {
             margin-left: 0;
             margin-right: -1px;
         }
         
         .rtl .modal-footer> :not(:first-child) {
             margin-left: 0;
             margin-right: .25rem;
         }
         
         .rtl .modal-footer> :not(:last-child) {
             margin-right: 0;
             margin-left: .25rem;
         }
         
         .rtl .filter-panel .left-filter .filters ul li {
             margin-left: 10px;
             margin-right: 0;
         }
         
         .rtl .filter-panel .right-panel {
             margin-left: unset;
             margin-right: auto;
         }
         
         .rtl .filter-panel .collection-grid-view {
             padding-left: 0;
             padding-right: 15px;
         }
         
         .rtl .filter-panel .collection-grid-view .filter-select li {
             margin-left: 0;
             margin-right: 4px;
         }
         
         .rtl .filter-panel .popup-btn img {
             margin-left: unset;
             margin-right: 10px;
         }
         
         .rtl .filter_button img {
             margin-right: 0;
             margin-left: 10px;
         }
         
         .rtl .filter-bottom-content .middle-part .filter-block .collection-collapse-block {
             text-align: right;
         }
         
         .rtl .filter-bottom-content .middle-part .btn.me-2 {
             margin-right: 0 !important;
             margin-left: 0.5rem !important;
         }
         
         .rtl .filter-bottom-content .middle-part .button_bottom.text-end {
             text-align: left !important;
         }
         
         .rtl .custom-control {
             padding-left: 0;
             padding-right: 1.5rem;
             text-align: right;
         }
         
         .rtl .form-check-label:before,
         .rtl .form-check-label:after {
             left: unset;
             right: -1.5rem;
         }
         
         .rtl .left-sidebar .middle-part .filter-block .form-check-label {
             margin-right: 5px;
             margin-left: 0;
         }
         
         .rtl .left-sidebar .middle-part .filter-block .form-check-label:before {
             left: unset;
             right: -29px;
         }
         
         .rtl .left-sidebar .middle-part .filter-block .form-check-label:after {
             left: unset;
             right: -29px;
         }
         
         .rtl .left-sidebar .middle-part .filter-block .form-check-label .ms-1,
         .rtl .left-sidebar .middle-part .filter-block .form-check-label .mx-1 {
             margin-left: 0 !important;
             margin-right: 0.25rem !important;
         }
         
         .rtl .left-sidebar .middle-part .filter-block .collection-collapse-block {
             text-align: right;
         }
         
         .rtl .left-sidebar .middle-part .filter-block .collapse-block-title:after {
             right: unset;
             left: 0;
         }
         
         .rtl .left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box .content-right {
             padding-left: 0;
             padding-right: 20px;
         }
         
         .rtl .left-sidebar .middle-part .section-title img {
             margin-left: unset;
             margin-right: auto;
         }
         
         .rtl .left-sidebar .bottom-info {
             text-align: right;
         }
         
         .rtl .left-sidebar.sidebar-popup {
             left: unset;
             right: 0;
         }
         
         .rtl .special-section .special-box .special-img .top-icon {
             left: 8px;
             right: 0;
         }
         
         .rtl .special-section.grid-box .special-box {
             direction: rtl;
         }
         
         .rtl .special-section.grid-box .special-box .label-offer {
             left: unset;
             right: -10px;
         }
         
         .rtl .special-section.grid-box .special-box .label-offer:after {
             left: unset;
             right: 0;
             border-left: unset;
             border-right: 10px solid transparent;
         }
         
         .rtl .special-section.grid-box .special-box .special-content {
             text-align: right;
         }
         
         .rtl .special-section.grid-box .special-box .special-content .bottom-section .rating span {
             margin-left: 0;
             margin-right: 18px;
         }
         
         .rtl .special-section.grid-box .special-box .special-content .bottom-section .price del {
             margin-right: 0;
             margin-left: 10px;
         }
         
         .rtl .special-section.grid-box .special-box .special-content .bottom-section .price .facility-detail {
             margin-left: 0;
             margin-right: 7px;
         }
         
         .rtl .special-section.grid-box .special-box .special-content .tour-detail h6 i.ms-2 {
             margin-left: 0 !important;
             margin-right: 0.5rem !important;
         }
         
         .rtl .special-section.grid-box .special-box .special-content .tour-detail h6 i.me-2 {
             margin-right: 0 !important;
             margin-left: 0.5rem !important;
         }
         
         .rtl .special-section.grid-box .special-box .special-content .tour-detail .include-sec ul li {
             margin-right: 0;
             margin-left: 12px;
         }
         
         .rtl .special-section.grid-box .special-box .special-content .tour-detail .bottom-section .price h6 del {
             margin-right: 0;
         }
         
         .rtl .special-section.grid-box .special-box .special-content.restaurant-detail h5 span {
             margin-left: unset;
             margin-right: 10px;
         }
         
         .rtl .special-section.grid-box .special-box.cab-box .special-content {
             text-align: right;
         }
         
         .rtl .special-section.grid-box .special-box.cab-box .special-content .button-botton a:last-child {
             margin-left: 0;
             margin-right: 10px;
         }
         
         .rtl .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .car-details {
             text-align: right;
         }
         
         .rtl .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .car-details ul li img {
             margin-right: 0;
             margin-left: 5px;
         }
         
         .rtl .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .car-details ul+ul {
             margin-left: 0;
             margin-right: 30px;
         }
         
         .rtl .flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-progress i {
             -webkit-transform: scaleX(-1);
             transform: scaleX(-1);
         }
         
         .rtl .flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-progress i.float-start {
             float: right !important;
         }
         
         .rtl .flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-progress i.float-end {
             float: left !important;
         }
         
         .rtl .flight-detail-sec .selection-bar .details {
             margin-right: auto;
             margin-left: unset;
         }
         
         .rtl .flight-detail-sec.book_panel .grand-total .total {
             margin-left: 30px;
             margin-right: 0;
         }
         
         .rtl .flight-detail-sec.full_width-detail .detail-bar .detail-wrap .logo-sec img {
             margin-right: 0;
             margin-left: 10px;
         }
         
         .rtl .review-section .review_box .title-top {
             text-align: right;
         }
         
         .rtl .review-section .review_box .flight_detail {
             text-align: right;
         }
         
         .rtl .review-section .review_box .flight_detail .logo-sec img {
             margin-right: 0;
             margin-left: 10px;
         }
         
         .rtl .review-section .review_box .flight_detail .airport-part .airport-progress i {
             -webkit-transform: scaleX(-1);
             transform: scaleX(-1);
         }
         
         .rtl .review-section .review_box .flight_detail .airport-part .airport-progress i.float-start {
             float: right !important;
         }
         
         .rtl .review-section .review_box .flight_detail .airport-part .airport-progress i.float-end {
             float: left !important;
         }
         
         .rtl .review-section .review_box .flight_detail .summery_box .table tr td {
             text-align: right;
         }
         
         .rtl .review-section .review_box .flight_detail .summery_box .table tr td:nth-child(2) {
             text-align: left;
         }
         
         .rtl .review-section .review_box .flight_detail .summery_box .grand_total h5 span {
             float: left;
         }
         
         .rtl .review-section .review_box .flight_detail .addons-according .card .card-header .btn img {
             margin-right: 0;
             margin-left: 12px;
         }
         
         .rtl .review-section .review_box .flight_detail .addons-according .seat-select .seat-details ul li h6 {
             margin-right: 15px;
             margin-left: unset;
         }
         
         .rtl .review-section .review_box .flight_detail.payment-gateway .card .card-header .btn label {
             text-align: right;
         }
         
         .rtl .review-section .review_box .flight_detail.payment-gateway form .form-group img {
             left: 10px;
             right: unset;
         }
         
         .rtl .review-section .review_box .flight_detail.payment-gateway form .payment-btn {
             text-align: left;
         }
         
         .rtl .order-menu-section .order-section .order-items .items .addtocart_btn {
             right: unset;
             left: 0;
         }
         
         .rtl .order-menu-section .order-section .order-items .items.non-veg h6,
         .rtl .order-menu-section .order-section .order-items .items.veg h6 {
             padding-left: 0;
             padding-right: 25px;
         }
         
         .rtl .order-menu-section .order-section .order-items .items h6:before {
             right: 3px;
             left: unset;
         }
         
         .rtl .order-menu-section .order-section .order-items .items h6:after {
             right: 0;
             left: unset;
         }
         
         .rtl .form-check {
             padding-left: 0;
             padding-right: 1.25rem;
         }
         
         .rtl .form-check input {
             margin-left: 0;
             margin-right: -1.25rem;
         }
         
         .rtl .guest-detail {
             text-align: right;
         }
         
         .rtl .guest-detail form .input-group-text.btn {
             border-right: none;
             border-left: 1px solid #ced4da;
         }
         
         .rtl .iti--allow-dropdown .iti__flag-container,
         .rtl .iti--separate-dial-code .iti__flag-container {
             left: auto;
             right: unset;
         }
         
         .rtl .iti--allow-dropdown input[type=tel],
         .rtl .iti--separate-dial-code input[type=tel] {
             padding-left: 6px;
             padding-right: 52px;
         }
         
         .rtl .iti__arrow {
             margin-right: 6px;
             margin-left: 0;
         }
         
         .rtl .mobile-filter img {
             margin-right: auto;
             margin-left: unset;
         }
         
         .rtl .single-section .image_section .view-all {
             text-align: right;
         }
         
         .rtl .single-section .single-sidebar {
             text-align: right;
         }
         
         .rtl .single-section .single-sidebar h4.title {
             text-align: right;
         }
         
         .rtl .single-section .single-sidebar p i {
             margin-right: 0;
             margin-left: 10px;
         }
         
         .rtl .single-section .single-sidebar .social-box i {
             margin: 4px 0 0 14px;
         }
         
         .rtl .single-section .single-sidebar .price-part .right-part {
             text-align: left;
             margin-right: auto;
             margin-left: 0;
         }
         
         .rtl .single-section .single-sidebar .book-btn-section .gj-datepicker .input-group-append .btn.border-left-0 {
             border-right: 0 !important;
             border-left: 1px solid #ced4da !important;
         }
         
         .rtl .single-section .single-sidebar .book-btn-section .selector select {
             background: url(../images/icon/down-black.png) no-repeat 5%;
         }
         
         .rtl .single-section .single-sidebar .book-btn-section .rooms-section .selector-box {
             text-align: right;
         }
         
         .rtl .single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box label {
             margin-left: 30px;
             margin-right: 0;
         }
         
         .rtl .single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box .input-group {
             margin-left: 0;
             margin-right: auto;
         }
         
         .rtl .single-section .single-sidebar .book-btn-section .rooms-section .selector-box .bottom-part .btn {
             margin-left: 0;
             margin-right: auto;
         }
         
         .rtl .single-section .single-sidebar .book-btn-section div.text-end {
             text-align: left !important;
         }
         
         .rtl .single-section .single-sidebar .weather-sec li+li {
             margin-left: 0;
             margin-right: 20px;
         }
         
         .rtl .single-section .single-sidebar .order-cart .cart-items .items.veg h6,
         .rtl .single-section .single-sidebar .order-cart .cart-items .items.non-veg h6 {
             padding-left: 0;
             padding-right: 25px;
         }
         
         .rtl .single-section .single-sidebar .order-cart .cart-items .items.veg h6:before,
         .rtl .single-section .single-sidebar .order-cart .cart-items .items.non-veg h6:before {
             left: unset;
             right: 3px;
         }
         
         .rtl .single-section .single-sidebar .order-cart .cart-items .items.veg h6:after,
         .rtl .single-section .single-sidebar .order-cart .cart-items .items.non-veg h6:after {
             left: unset;
             right: 0;
         }
         
         .rtl .single-section .single-sidebar .order-cart .cart-items .items .price {
             left: 0;
             right: unset;
         }
         
         .rtl .single-section .single-sidebar .order-cart .cart-bottom {
             text-align: left;
         }
         
         .rtl .single-section .single-sidebar .order-cart .cart-bottom .sub-total {
             text-align: right;
         }
         
         .rtl .single-section .single-sidebar .order-cart .cart-bottom .sub-total span {
             float: left;
         }
         
         .rtl .single-section .single-sidebar .order-cart .cart-bottom p {
             text-align: right;
         }
         
         .rtl .single-section .single-sidebar .order-cart .empty-cart p {
             text-align: right;
         }
         
         .rtl .single-section .single-sidebar .newsletter-sec .button {
             text-align: left;
         }
         
         .rtl .single-section .description-section .description-details .menu-part {
             text-align: right;
         }
         
         .rtl .single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li img {
             margin-right: 0;
             margin-left: 8px;
         }
         
         .rtl .single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li i {
             margin-right: 0;
             margin-left: 5px;
         }
         
         .rtl .single-section .description-section .description-details .menu-part .table-book .gj-datepicker .btn.border-left-0 {
             border-right: 0 !important;
             border-left: 1px solid #ced4da !important;
         }
         
         .rtl .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button {
             text-align: right;
         }
         
         .rtl .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button:before {
             right: unset;
             left: 20px;
         }
         
         .rtl .single-section .description-section .description-details .menu-part .accordion-plan .card .card-body .highlight li img {
             margin-right: 0;
             margin-left: 5px;
         }
         
         .rtl .single-section .description-section .description-details .menu-part.facility ul {
             margin-left: 0;
             margin-right: 10px;
         }
         
         .rtl .single-section .description-section .description-details .menu-part.facility ul li i {
             margin-right: 0;
             margin-left: 5px;
         }
         
         .rtl .single-section .description-section .description-details .menu-part.facility h6 img {
             margin-right: 0;
             margin-left: 5px;
         }
         
         .rtl .single-section .description-section .description-details .menu-part.review .review-box .rating span {
             margin-left: 0;
             margin-right: 10px;
         }
         
         .rtl .single-section .description-section .description-details .menu-part.about .about-sec ul {
             padding-right: 25px;
             padding-left: 0;
         }
         
         .rtl .single-section .description-section .description-details .content-title {
             text-align: right;
         }
         
         .rtl .single-section .description-section .menu-top {
             text-align: right;
         }
         
         .rtl .cab-single-detail {
             text-align: right;
         }
         
         .rtl .cab-single-detail .title-car h6 {
             margin-left: unset;
             margin-right: auto;
         }
         
         .rtl .cab-single-detail .overview ul+ul {
             margin-left: 0;
             margin-right: 30px;
         }
         
         .rtl .coming-soon .object {
             right: calc(10% + (14 - 10) * ((100vw - 320px) / (1920 - 320)));
             left: unset;
         }
         
         .rtl .coming-soon .object .object-rope {
             margin-left: 0;
             margin-right: 50%;
         }
         
         .rtl .timer li {
             margin-right: 0;
             margin-left: 25px;
         }
         
         .rtl .timer li:last-child {
             margin-left: 0;
         }
         
         .rtl .contact_section .contact_wrap {
             text-align: right;
         }
         
         .rtl .contact_section .contact_wrap .title_bar h4 {
             margin-left: 0;
             margin-right: 10px;
         }
         
         .rtl .get-in-touch {
             text-align: right;
         }
         
         .rtl .get-in-touch form .submit-btn {
             text-align: left;
         }
         
         .rtl .faq-tab .nav-tabs {
             text-align: right;
         }
         
         .rtl .faq-tab .nav-tabs .nav-item .nav-link.active {
             border-left: 2px solid #ef3f3e;
             border-right: none;
         }
         
         .rtl .faq-content .tab-pane .card {
             text-align: right;
         }
         
         .rtl .faq-content .tab-pane .card .card-header h5 {
             text-align: right;
         }
         
         .rtl .selector-box-flight {
             text-align: right;
         }
         
         .rtl .selector-box-flight .bottom-part .btn {
             margin-left: unset;
             margin-right: auto;
         }
         
         .rtl .selector-box-flight .room-cls .qty-box label {
             margin-left: 30px;
             margin-right: 0;
         }
         
         .rtl .selector-box-flight .room-cls .qty-box .input-group {
             margin-right: auto;
             margin-left: unset;
         }
         
         .rtl .top-bar-flight .fare-calender .calender-external {
             left: 0;
             right: unset;
         }
         
         .rtl .top-filter-section ul .onclick-title,
         .rtl .top-filter-section ul .filter-title {
             border-right: 1px solid #e0e0e0;
             border-left: none;
         }
         
         .rtl .top-filter-section ul .onclick-title h6,
         .rtl .top-filter-section ul .filter-title h6 {
             padding: 0 0 0 20px;
         }
         
         .rtl .top-filter-section ul .onclick-title h6:before,
         .rtl .top-filter-section ul .filter-title h6:before {
             right: unset;
             left: 15px;
         }
         
         .rtl .top-filter-section ul .onclick-title .onclick-content,
         .rtl .top-filter-section ul .filter-title .onclick-content {
             left: unset;
             right: 30px;
         }
         
         .rtl .top-filter-section ul .onclick-title:nth-child(-n+3),
         .rtl .top-filter-section ul .filter-title:nth-child(-n+3) {
             border-right: none;
         }
         
         .rtl .search-section .search-box .left-part .search-body:after {
             left: 0;
             right: unset;
         }
         
         .rtl .view-map {
             margin-left: 15px;
             margin-right: 0;
         }
         
         .rtl .view-map .arrow:after {
             left: unset;
             right: -70px;
             -webkit-transform: rotate(-115deg) scaleX(-1);
             transform: rotate(-115deg) scaleX(-1);
         }
         
         .rtl .infoBox .marker-detail .detail-part {
             text-align: right;
         }
         
         .rtl .infoBox .marker-detail .detail-part a {
             right: unset;
             left: 7px;
         }
         
         .rtl .MicrosoftMap .infobox-close {
             right: unset;
             left: 5px;
         }
         
         .rtl .left-filter.ms-auto {
             margin-left: unset !important;
             margin-right: auto !important;
         }
         
         .rtl .list-view .list-box .list-content {
             text-align: right;
             margin-left: 0;
             margin-right: 25px;
         }
         
         .rtl .list-view .list-box .list-content h6 i.me-2 {
             margin-right: 0 !important;
             margin-left: 0.5rem !important;
         }
         
         .rtl .list-view .list-box .list-content h6 i.ms-2 {
             margin-left: 0 !important;
             margin-right: 0.5rem !important;
         }
         
         .rtl .list-view .list-box .list-content .price del {
             margin-right: 0;
             margin-left: 10px;
         }
         
         .rtl .list-view .list-box .list-content .book-now {
             left: 0;
             right: unset;
         }
         
         .rtl .list-view .list-box .list-content .offer-box {
             right: unset;
             left: 0;
         }
         
         .rtl .list-view .list-box .list-content .rating span {
             margin-left: 0;
             margin-right: 18px;
         }
         
         .rtl .list-view .list-box .list-content .facility-icon .facility-box+.facility-box {
             margin-left: 0;
             margin-right: 15px;
         }
         
         .rtl .summery-box {
             text-align: right;
         }
         
         .rtl .summery-box .hotel-section .hotel-detail {
             margin-right: 20px;
             margin-left: 0;
         }
         
         .rtl .summery-box .summery-section .edit-cls {
             margin-left: unset;
             margin-right: auto;
         }
         
         .rtl .summery-box .summery-section .payment-details table tbody tr td:nth-child(2) {
             text-align: left;
         }
         
         .rtl .summery-box .summery-section .box .right {
             text-align: left;
         }
         
         .rtl .H_ib_close {
             right: unset;
             left: 0;
         }
         
         .rtl .leaflet-container a.leaflet-popup-close-button {
             left: 0;
             right: unset;
         }
         
         .rtl .hotel-single-section .hotel-title-section .hotel-name .left-part {
             text-align: right;
         }
         
         .rtl .hotel-single-section .hotel-title-section .hotel-name .left-part .top .rating {
             margin-left: 0;
             margin-right: 15px;
         }
         
         .rtl .hotel-single-section .hotel-title-section .hotel-name .left-part .top .share-buttons .btn {
             margin-left: 0;
             margin-right: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .rtl .hotel-single-section .hotel-title-section .hotel-name .right-part {
             text-align: left;
             margin-left: 0;
             margin-right: auto;
         }
         
         .rtl .hotel_title_section .hotel-name .left-part {
             text-align: right;
         }
         
         .rtl .hotel_title_section .hotel-name .left-part .top .rating {
             margin-left: 0;
             margin-right: 15px;
         }
         
         .rtl .hotel_title_section .hotel-name .left-part .top .share-buttons .btn {
             margin-left: 0;
             margin-right: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .rtl .hotel_title_section .hotel-name .right-part {
             text-align: left;
             margin-left: 0;
             margin-right: auto;
         }
         
         .rtl .account-sign-in {
             text-align: right;
         }
         
         .rtl .account-sign-in .login-with .login-social .boxes h6 {
             margin-left: 0;
             margin-right: 20px;
         }
         
         .rtl .mfp-close {
             left: 0;
             right: unset;
         }
         
         .rtl .mfp-counter {
             left: 0;
             right: unset;
         }
         
         .rtl .portfolio-section .grid .grid-item .overlay .portfolio-text {
             text-align: right;
         }
         
         .rtl .book-table.single-table {
             text-align: right;
         }
         
         .rtl .checkout-process .checkout-box h4.title {
             text-align: right;
         }
         
         .rtl .checkout-process .checkout-box .sub-title a {
             margin-left: unset;
             margin-right: auto;
         }
         
         .rtl .checkout-process .checkout-box .sub-title h5 {
             text-align: right;
         }
         
         .rtl .checkout-process .checkout-box .address-sec .select-box .address-box {
             text-align: right;
         }
         
         .rtl .checkout-process .checkout-box .address-sec .select-box .address-box .top h6 span {
             float: left;
         }
         
         .rtl .checkout-process .checkout-box .address-sec .select-box .address-box .bottom .bottom_btn:first-child {
             border-right: none;
             border-left: 1px solid #dddddd;
         }
         
         .rtl .edit-profile-modal .modal-body {
             text-align: right;
         }
         
         .rtl .edit-profile-modal .modal-body .gj-datepicker .input-group-append .btn.border-left-0 {
             border-left: 1px solid #ced4da !important;
             border-right: none !important;
         }
         
         .rtl .modal-header .btn-close {
             margin: -1rem auto -1rem -1rem;
         }
         
         .rtl .map-modal .btn-close {
             right: unset;
             left: 10px;
         }
         
         .rtl .order-menu .search-bar .search i {
             right: unset;
             left: 16px;
         }
         
         .rtl .order-menu .nav {
             text-align: right;
         }
         
         .rtl .customized .size-option {
             text-align: right;
         }
         
         .rtl .top-title-bar .hotel_title_section .left-part {
             text-align: right;
         }
         
         .rtl .top-title-bar .hotel_title_section .right-part {
             margin-left: unset;
             margin-right: auto;
             text-align: left;
         }
         
         .rtl .top-title-bar .hotel_title_section ul li {
             padding-right: 0;
             padding-left: 15px;
             margin-left: 0;
             margin-right: 10px;
         }
         
         .rtl .book-table .table-form form .input-group-append {
             right: unset;
             left: 12px;
         }
         
         .rtl .book-table .table-form form .gj-datepicker {
             margin-right: 0;
             margin-left: 40px;
         }
         
         .rtl .book-table .table-form form .form-group {
             margin-right: 0;
             margin-left: 40px;
         }
         
         .rtl .book-table .table-form form .btn {
             margin-left: 0;
             margin-right: 15px;
         }
         
         .rtl .book-table.single-table .table-form.classic-form form .form-group img {
             right: unset;
             left: 15px;
         }
         
         .rtl .book-table.single-table .table-form.classic-form form .input-group-append .btn i {
             left: unset;
             right: 15px;
         }
         
         .rtl .full-page .single-section {
             direction: rtl;
         }
         
         .rtl .full-width-detail .place-detail li+li:after {
             left: unset;
             right: 0;
         }
         
         .rtl .dashboard-section .dashboard-main .dashboard-intro {
             text-align: right;
         }
         
         .rtl .dashboard-section .dashboard-main .dashboard-intro .complete-profile .complete-box i {
             margin-right: 0;
             margin-left: 12px;
         }
         
         .rtl .dashboard-section .dashboard-main .dashboard-info .activity-box {
             text-align: right;
         }
         
         .rtl .dashboard-section .dashboard-main .dashboard-info .activity-box ul li span {
             float: left;
         }
         
         .rtl .dashboard-section .dashboard-main .dashboard-info .activity-box ul li i {
             margin-right: 0;
             margin-left: 6px;
         }
         
         .rtl .dashboard-section .dashboard-main .dashboard-info .activity-box ul li:after {
             left: unset;
             right: 0;
         }
         
         .rtl .dashboard-section .dashboard-box .dashboard-detail {
             text-align: right;
         }
         
         .rtl .dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-middle .media .media-body {
             margin-left: 0;
             margin-right: 35px;
         }
         
         .rtl .dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-last {
             margin-right: auto;
             margin-left: 0;
         }
         
         .rtl .dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-last span {
             margin-left: 0;
             margin-right: 10px;
         }
         
         .rtl .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .valid-detail .date h3 {
             margin-right: 15px;
             margin-left: 0;
         }
         
         .rtl .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .valid-detail .primary {
             margin-right: auto;
             margin-left: 0;
         }
         
         .rtl .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .name-detail .card-img {
             margin-left: 0;
             margin-right: auto;
             text-align: left;
         }
         
         .rtl .dashboard-section .dashboard-box .dashboard-detail ul li .details span {
             margin-left: 0;
             margin-right: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));
         }
         
         .rtl .dashboard-section .dashboard-box .dashboard-title span {
             margin-left: 0;
             margin-right: 30px;
         }
         
         .rtl footer .footer .footer-title h5 {
             text-align: right;
         }
         
         .rtl footer .footer .footer-title .according-menu {
             right: unset;
             left: 15px;
         }
         
         .rtl footer .footer .footer-content .contact-detail .footer-logo {
             text-align: right;
         }
         
         .rtl footer .footer .footer-content .contact-detail p {
             text-align: right;
         }
         
         .rtl footer .footer .footer-content .contact-detail ul {
             text-align: right;
         }
         
         .rtl footer .footer .footer-content .footer-blog .media .media-body {
             margin-left: 0;
             margin-right: 25px;
             text-align: right;
         }
         
         .rtl footer .footer .footer-content .footer-links {
             text-align: right;
         }
         
         .rtl footer .footer .footer-space {
             padding-left: 0;
             padding-right: 50px;
         }
         
         .rtl footer .sub-footer .copy-right p {
             text-align: left;
         }
         
         .rtl footer .sub-footer .footer-social ul {
             text-align: right;
         }
         
         .rtl footer .sub-footer .footer-social ul li {
             margin-right: 0;
             margin-left: 35px;
         }
         
         @media (max-width: 1460px) {
             .rtl .ticket-section .ticket-box .content .barcode-design {
                 left: 30px;
             }
             .rtl .ticket-section.white-section .ticket-box .ticket-title {
                 left: -11%;
                 right: unset;
             }
             .rtl .blog-section .blog-box .img-part .blog-date {
                 right: 20px;
             }
             .rtl .category-wrapper .category-wrap .category-content {
                 padding: 45px 156px 45px 30px;
             }
             .rtl .subscribe_section .subscribe-detail {
                 padding-left: 25px;
             }
             .rtl .subscribe_section .input-section {
                 padding-right: 25px;
             }
             .rtl .gallery_box .view-cls {
                 left: 15px;
             }
             .rtl .gallery_box .gallery-content {
                 right: 15px;
             }
             .rtl .scroll-body {
                 padding-right: 320px;
             }
             .rtl footer .footer .footer-space {
                 padding-left: 0;
                 padding-right: 25px;
             }
         }
         /*=====================
    32.Dark css start
==========================*/
         
         body.dark {
             background-color: #2b2b2b;
             -webkit-transition: all 0.3s ease;
             transition: all 0.3s ease;
             color: #cfd4da;
             background: #2b2b2b;
         }
         
         .dark h1 {
             color: #ffffff;
         }
         
         .dark h2 {
             color: #f1f3f5;
         }
         
         .dark h3 {
             color: #eaedef;
         }
         
         .dark h4 {
             color: #e7eaec;
         }
         
         .dark h5 {
             color: #dee2e6;
         }
         
         .dark h6 {
             color: #cfd4da;
         }
         
         .dark p {
             color: #cfd4da;
         }
         
         .dark li {
             color: #cfd4da;
         }
         
         .dark a {
             color: #cbcbcb;
         }
         
         .dark .bg-inner {
             background-color: #232323;
         }
         
         .dark header .main-navbar .nav-menu>li .nav-submenu {
             background: #2b2b2b;
         }
         
         .dark .classic-section .classic-box .top-part span {
             color: rgba(255, 255, 255, 0.7);
         }
         
         .dark .title-3.detail-title p {
             color: #cfd4da;
         }
         
         .dark .service-part .service-wrapper h6 {
             color: #fff;
         }
         
         .dark .tourSection .tourBox .tourContent h3 {
             color: white;
         }
         
         .dark .blog_section.destination-section .destination-details h6 {
             color: rgba(255, 255, 255, 0.56);
         }
         
         .dark .layout-3 .tourSection .tourBox .tourContent h3 {
             color: #fff;
         }
         
         .dark .mix-2 .tourSection .tourBox .tourContent h3 {
             color: white;
         }
         
         .dark .category-sec .category-box .content-category .top h3 {
             color: #fff;
         }
         
         .dark .btn.btn-rounded.color1 {
             -webkit-box-shadow: 2.783px 19.805px 20px 0px rgba(0, 0, 0, 0.22);
             box-shadow: 2.783px 19.805px 20px 0px rgba(0, 0, 0, 0.22);
         }
         
         .dark .btn.btn-rounded.color1:hover {
             -webkit-box-shadow: 2.783px 19.805px 20px 0px rgba(0, 0, 0, 0.22);
             box-shadow: 2.783px 19.805px 20px 0px rgba(0, 0, 0, 0.22);
         }
         
         .dark .btn.btn-solid {
             -webkit-box-shadow: 2.783px 19.805px 20px 0 rgba(0, 0, 0, 0.12);
             box-shadow: 2.783px 19.805px 20px 0 rgba(0, 0, 0, 0.12);
         }
         
         .dark .bg-white {
             background-color: #2b2b2b !important;
         }
         
         .dark .dark-cls {
             background-blend-mode: overlay;
             background-color: #191919;
         }
         
         .dark header.light_header {
             background-color: #2b2b2b;
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         
         .dark header.light_header .main-navbar .nav-menu>li>a {
             color: #cbcbcb;
         }
         
         .dark header.light_header .main-navbar .nav-menu>li .nav-submenu {
             background-color: #2b2b2b;
         }
         
         .dark header.light_header .menu .header-right .user.user-light {
             background-color: white;
         }
         
         .dark header.light_header .menu .header-right .front-setting {
             background-color: rgba(255, 255, 255, 0.14);
         }
         
         .dark header.light_header .menu .header-right .front-setting select {
             color: white;
             background: url(../images/icon/down.png) no-repeat 80%;
         }
         
         .dark header.light_header .menu .header-right .front-setting select option {
             background-color: #2b2b2b;
             color: #cfd4da;
         }
         
         .dark header.light_header .menu .header-right .setting {
             background-color: rgba(255, 255, 255, 0.14);
         }
         
         .dark header.light_header .menu .header-right .setting i {
             color: white;
         }
         
         .dark header.light_header .menu .brand-logo img {
             -webkit-filter: invert(0);
             filter: invert(0);
         }
         
         .dark header.light_header .toggle-nav i {
             color: white;
         }
         
         .dark header .main-navbar .nav-menu>li .nav-submenu li a {
             color: #cbcbcb;
         }
         
         .dark header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu {
             background: #2b2b2b;
         }
         
         .dark header .main-navbar .nav-menu>li .mega-menu-container {
             background: #2b2b2b;
         }
         
         .dark header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
             color: #cbcbcb;
         }
         
         .dark header .menu .header-right .setting .setting-open {
             background-color: #2b2b2b;
         }
         
         .dark header .mix-pills.nav-pills .nav-link {
             color: white;
         }
         
         .dark header .mix-pills.nav-pills .nav-link svg {
             fill: white;
         }
         
         .dark header .mix-pills.nav-pills .nav-link.active,
         .dark header .mix-pills.nav-pills .show>.nav-link {
             color: #ef3f3e;
         }
         
         .dark header .mix-pills.nav-pills .nav-link.active svg,
         .dark header .mix-pills.nav-pills .show>.nav-link svg {
             fill: #ef3f3e;
         }
         
         .dark .about-section.three-image .about-text h2 span {
             color: rgba(255, 255, 255, 0.6);
         }
         
         .dark .home_section .home .home-content.mix-layout.smaller-content .search-panel .search-section.search-fixed {
             background-color: #2b2b2b;
             -webkit-box-shadow: 0 0 8px #191919;
             box-shadow: 0 0 8px #191919;
         }
         
         .dark .filter-none {
             -webkit-filter: invert(0) !important;
             filter: invert(0) !important;
         }
         
         .dark footer.footer-light .footer {
             background-color: rgba(0, 0, 0, 0.15);
         }
         
         .dark footer.footer-light .footer .footer-content .contact-detail p {
             color: rgba(255, 255, 255, 0.6);
         }
         
         .dark footer.footer-light .footer .footer-content .contact-detail .contact-list li {
             color: white;
         }
         
         .dark footer.footer-light .footer .footer-content .contact-detail .footer-logo img {
             -webkit-filter: unset;
             filter: unset;
         }
         
         .dark footer.footer-light .footer .footer-content .footer-links ul li a {
             color: white;
         }
         
         .dark footer.footer-light .footer .footer-content .footer-blog .media .media-body h5 {
             color: #dee2e6;
         }
         
         .dark footer.footer-light .footer .footer-content .footer-blog .media .media-body p {
             color: rgba(255, 255, 255, 0.6);
         }
         
         .dark footer.footer-light .footer .footer-title h5 {
             color: #dee2e6;
         }
         
         .dark footer.footer-light .sub-footer {
             background-color: rgba(0, 0, 0, 0.3);
         }
         
         .dark .form-control {
             color: #cbcbcb !important;
         }
         
         .dark .title-1.detail-title p {
             color: rgba(255, 255, 255, 0.41);
         }
         
         .dark .highlight-section .highlight-box svg {
             fill: rgba(255, 255, 255, 0.67);
         }
         
         .dark .highlight-section .highlight-box .content-sec p {
             color: rgba(255, 255, 255, 0.38);
         }
         
         .dark .car-type-section .type-box {
             -webkit-box-shadow: 1px 2px 39px 9px rgba(35, 35, 35, 0.6);
             box-shadow: 1px 2px 39px 9px rgba(35, 35, 35, 0.6);
         }
         
         .dark .car-type-section .type-box .content p {
             color: rgba(255, 255, 255, 0.6);
         }
         
         .dark .car-type-section .type-box .content ul li img {
             -webkit-filter: invert(1);
             filter: invert(1);
         }
         
         .dark .process-steps .step-bg .step-box {
             background-color: #2b2b2b;
         }
         
         .dark .process-steps .step-bg .step-box img {
             -webkit-filter: invert(1);
             filter: invert(1);
         }
         
         .dark .process-steps .step-bg h4 {
             color: rgba(255, 255, 255, 0.65);
         }
         
         .dark .process-steps .title-1.detail-title h2 {
             color: black;
         }
         
         .dark .process-steps .title-1.detail-title p.text-dark {
             color: black !important;
         }
         
         .dark .success-section .success-detail p {
             color: #cfd4da;
         }
         
         .dark .form-icon .form-group .icon {
             color: rgba(255, 255, 255, 0.5);
         }
         
         .dark .category-part .category-block .category-details h3 {
             color: white;
         }
         
         .dark .category-part .category-block .category-details h6 {
             color: rgba(255, 255, 255, 0.7);
         }
         
         .dark .process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price del {
             color: white;
         }
         
         .dark .process-steps .step-bg .popular-section .step-box .popular-box .special-content h5 {
             color: white;
         }
         
         .dark .highlight-section .highlight-box {
             border: 1px solid #3a3939;
         }
         
         .dark .team-section,
         .dark .facts-section {
             background-blend-mode: overlay;
             background-color: #232323;
         }
         
         .dark .about-section.three-image .about-text h2 {
             color: white;
         }
         
         .dark .about-section.three-image .about-text img {
             -webkit-filter: invert(1);
             filter: invert(1);
         }
         
         .dark .about-section.about_page .image-section .img-box .title-box {
             background-color: #232323;
         }
         
         .dark .about-section.about_page .image-section .img-box .title-box h3 {
             color: #eaedef;
         }
         
         .dark .about-section.about_page .image-section .img-box .title-box h6 {
             color: #cfd4da;
         }
         
         .dark .team-section .team-box .team-content {
             background-color: #2b2b2b;
         }
         
         .dark .team-section .team-box .team-content h3 {
             color: #eaedef;
         }
         
         .dark .team-section .team-box:hover .team-social .social-box {
             background-color: #2b2b2b;
         }
         
         .dark .facts-section .facts-box {
             background-color: #2b2b2b;
         }
         
         .dark .facts-section .facts-box h3 {
             color: #eaedef;
         }
         
         .dark .blog_section .blog-wrap {
             background-color: #232323;
         }
         
         .dark .blog_section .blog-wrap .blog-details h6 {
             color: #cfd4da;
         }
         
         .dark .blog_section .blog-wrap .blog-details h5 {
             color: #dee2e6;
         }
         
         .dark .blog_section .blog-wrap .blog-details p {
             color: #cfd4da;
         }
         
         .dark .blog_section .blog-wrap .blog-image .blog-label {
             background-color: #2b2b2b;
         }
         
         .dark .blog_section .blog-wrap .blog-image .blog-label h3 {
             color: #eaedef;
         }
         
         .dark .blog_section .blog-wrap .blog-image .blog-label h6 {
             color: #cfd4da;
         }
         
         .dark .blog_section.destination-section .destination-details h2 {
             color: #f1f3f5;
         }
         
         .dark .testimonial-section .testimonial .right-part p {
             color: #cfd4da;
         }
         
         .dark .testimonial-section .testimonial .right-part .detail h6 {
             color: #cfd4da;
         }
         
         .dark .testimonial_section .testimonial .bottom-part p {
             color: #cfd4da;
         }
         
         .dark .arrow-classic .slick-next:before,
         .dark .arrow-classic .slick-prev:before {
             background-color: #232323;
         }
         
         .dark .service-section .service-box {
             background-color: #2b2b2b;
             -webkit-box-shadow: none;
             box-shadow: none;
         }
         
         .dark .service-section .service-box h3 {
             color: #eaedef;
         }
         
         .dark .service-section .service-box p {
             color: #cfd4da;
         }
         
         .dark .blog-sidebar .blog-wrapper .search-bar input {
             background-color: rgba(35, 35, 35, 0.8);
             color: #cfd4da;
         }
         
         .dark .blog-sidebar .blog-wrapper .sidebar-content .sidebar-list li {
             border-color: #404040;
         }
         
         .dark .blog-sidebar .blog-wrapper .sidebar-content .sidebar-list li a {
             color: #cbcbcb;
         }
         
         .dark .blog-sidebar .blog-wrapper .sidebar-content .tags li {
             background-color: rgba(35, 35, 35, 0.8);
         }
         
         .dark .blog-sidebar .blog-wrapper .sidebar-content .tags li a {
             color: #cbcbcb;
         }
         
         .dark .blog-inner.blog_section .blog-list .blog-wrap .blog-details h6 i {
             color: rgba(255, 255, 255, 0.24);
         }
         
         .dark .blog-inner.blog_section .blog-wrap .blog-details .link a {
             color: rgba(255, 255, 255, 0.74);
         }
         
         .dark .pagination-section .pagination .page-item .page-link {
             background-color: #232323;
             -webkit-box-shadow: none;
             box-shadow: none;
             color: #cbcbcb;
         }
         
         .dark .pagination-section .pagination .page-item.active .page-link {
             background-color: #ef3f3e;
             color: white;
         }
         
         .dark .blog-single-detail .title-part .post-detail li {
             color: #cfd4da;
         }
         
         .dark .blog-single-detail .title-part .post-detail li+li {
             border-color: #404040;
         }
         
         .dark .blog-single-detail .detail-part p {
             color: #cfd4da;
         }
         
         .dark .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title {
             border-color: #404040;
         }
         
         .dark .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-user h6,
         .dark .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-date h6 {
             color: #cfd4da;
         }
         
         .dark .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .comment-detail p {
             color: #cfd4da;
         }
         
         .dark .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .reply-btn a {
             color: #cbcbcb;
         }
         
         .dark .btn-close {
             color: white;
         }
         
         .dark .faq-tab .nav-tabs .nav-item .nav-link {
             background-color: transparent;
         }
         
         @media (max-width: 1199px) {
             .dark header .main-navbar .nav-menu {
                 background-color: #2b2b2b;
                 border-color: #404040;
             }
             .dark header .main-navbar .nav-menu .back-btn .mobile-back {
                 color: #cbcbcb;
                 border-color: #404040;
             }
             .dark header .main-navbar .nav-menu>li a {
                 color: #cbcbcb;
             }
         }
         
         @media (max-width: 1024px) {
             .dark .coming-soon.travel .coming-soon-detail {
                 background-color: rgba(0, 0, 0, 0.6);
             }
         }
         
         @media (max-width: 991px) {
             .dark .flight-search .flight-search-detail {
                 background-color: rgba(0, 0, 0, 0.65);
             }
             .dark .flight-search .flight-search-detail form {
                 background-color: #232323;
             }
             .dark .home_section .home .home-content .flight-search .flight-search-detail {
                 background-color: #232323;
             }
             .dark .cab-full .flight-search .flight-search-detail {
                 background-color: #232323;
             }
             .dark .top-filter-section ul .onclick-title .onclick-content,
             .dark .top-filter-section ul .filter-title .onclick-content {
                 -webkit-box-shadow: none;
                 box-shadow: none;
             }
             .dark .top-filter-section ul .onclick-title .onclick-content .custom-control .form-check-label img,
             .dark .top-filter-section ul .filter-title .onclick-content .custom-control .form-check-label img {
                 -webkit-filter: invert(1);
                 filter: invert(1);
             }
             .dark .top-filter-section ul .back-btn {
                 color: white;
                 border-color: #404040;
             }
             .dark .mobile-filter {
                 border-color: #404040;
             }
             .dark .single-section .single-sidebar.order-cart-right {
                 background-color: #2b2b2b;
                 -webkit-box-shadow: none;
                 box-shadow: none;
             }
         }
         
         @media (max-width: 767px) {
             .dark .filter-panel .filter-bottom-title {
                 border-color: #404040;
             }
             .dark .filter-panel .right-panel.search_filter {
                 border-color: #404040;
             }
             .dark .dashboard-section .dashboard-box .dashboard-detail .card-payment .edit-card-mobile a {
                 color: white;
             }
         }
         
         @media (max-width: 576px) {
             .dark .filter-panel .respon-filter-btn h6 {
                 color: white;
             }
             .dark .filter-panel .respon-filter-content.show {
                 background-color: #2b2b2b;
                 -webkit-box-shadow: -4px -1px 20px 0px rgba(35, 35, 35, 0.13);
                 box-shadow: -4px -1px 20px 0px rgba(35, 35, 35, 0.13);
             }
             .dark .filter-panel .respon-filter-content.show ul li.active {
                 background-color: #2b2b2b;
             }
         }
         
         @media (max-width: 420px) {
             .dark .single-section .description-section .description-details .menu-part .rooms-box .price-details {
                 border-color: #404040;
             }
         }
         /*=====================
    33.Responsive css start
==========================*/
         
         @media (max-width: 1600px) {
             .top-category .top_box .right-content {
                 padding: 0px 10px;
             }
             .top-category .slick-slide>div {
                 margin: 0 20px;
             }
             .top-category .slick-list {
                 margin-left: -20px;
                 margin-right: -20px;
             }
         }
         
         @media (min-width: 1461px) {
             .container {
                 max-width: 1430px;
             }
         }
         
         @media (max-width: 1460px) {
             .category-wrapper .category-wrap .category-content .bottom {
                 display: block;
                 margin-left: 0;
             }
             .category-wrapper .category-wrap .category-content .bottom .coupon-code {
                 margin-left: 0;
                 margin-top: 10px;
             }
             .routes-section .routes-box .routes-content .top-bar {
                 display: block;
             }
             h2 {
                 line-height: 28px;
             }
             .cab-section .cab-content .car-select ul {
                 width: 70%;
             }
             .cab-section .cab-content .car-select .btn {
                 width: 30%;
                 text-align: center;
                 font-size: 13px;
             }
             .home_section .home .home-content h1 {
                 margin-top: -10px;
             }
             .mix-layout-section .col-xl-10 {
                 -webkit-box-flex: 0;
                 -ms-flex: 0 0 100%;
                 flex: 0 0 100%;
                 max-width: 100%;
             }
             .app-section .app-box {
                 padding: 50px;
             }
             .service-section .service-box {
                 padding: 30px 20px;
             }
             .testimonial-section .testimonial .right-part {
                 margin-left: 10%;
             }
             .subscribe-footer .service-left .service-box {
                 padding: 0 35px;
             }
             .subscribe-footer .service-right .input-group input {
                 padding: 10px 18px;
             }
             .subscribe-footer .service-right .btn-subscribe {
                 padding: 8px 14px;
             }
             .subscribe_section .subscribe-detail {
                 padding-right: 25px;
             }
             .subscribe_section .input-section {
                 padding-left: 25px;
             }
             .about-section.three-image .about-text {
                 padding-left: 0;
             }
             .about-section.three-image .about-text h5,
             .about-section.three-image .about-text h3,
             .about-section.three-image .about-text p {
                 margin-bottom: 15px;
             }
             .about-section.three-image .about-text img {
                 width: 50%;
             }
             .about-section.about_page .image-section .img-box .title-box {
                 padding: 15px;
                 min-width: 142px;
             }
             .about-section.about_page .about-text .buttons-about {
                 margin-top: 25px;
             }
             .about-section.about_page .about-text h2 span {
                 margin-top: 10px;
             }
             .about-section.about_page .about-text .title-3 {
                 margin-bottom: 25px;
             }
             .ticket-section .ticket-box .content {
                 padding: 30px 90px 30px 30px;
             }
             .ticket-section .ticket-box .content .barcode-design {
                 right: 30px;
             }
             .ticket-section .ticket-box .content .barcode-design img {
                 height: 270px;
             }
             .ticket-section .ticket-box .ticket-title {
                 right: -13%;
             }
             .ticket-section.white-section .ticket-box .content .detail h4 {
                 margin-bottom: 10px;
             }
             .ticket-section.white-section .ticket-box .ticket-title {
                 right: -11%;
             }
             .video-icon {
                 width: 75px;
                 height: 50px;
             }
             .video-icon span {
                 border-top: 10px solid transparent;
                 border-left: 20px solid white;
                 border-bottom: 10px solid transparent;
             }
             .video-section .basic-section h2 {
                 margin-bottom: 25px;
             }
             .video-section .basic-section h4 {
                 margin-bottom: 35px;
             }
             .gallery-box .gallery-content h5 {
                 margin-bottom: 10px;
                 font-size: 16px;
             }
             .gallery_box .gallery-content {
                 bottom: 15px;
                 left: 15px;
             }
             .gallery_box .gallery-content h3 {
                 margin-bottom: 5px;
                 font-size: 20px;
             }
             .gallery_box .view-cls {
                 width: 30px;
                 height: 30px;
                 right: 15px;
                 bottom: 15px;
             }
             .blog-section .blog-box .img-part img {
                 min-width: 260px;
             }
             .blog-section .blog-box .img-part .blog-date {
                 top: 20px;
                 left: 20px;
                 padding: 8px 10px;
             }
             .blog-section .blog-box .blog-content {
                 padding: 30px;
             }
             .blog-section .blog-box .blog-content p {
                 line-height: 1.3;
             }
             .blog_section .slick-slide>div {
                 margin: 0 15px;
             }
             .blog_section .slick-list {
                 margin-left: -30px;
                 margin-right: -30px;
             }
             .blog_section .blog-wrap .blog-details {
                 padding: 30px 25px;
             }
             .blog_section .blog-wrap .blog-details h6 {
                 margin-bottom: 20px;
             }
             .blog_section .blog-wrap .blog-details h5 {
                 margin-bottom: 10px;
             }
             .blog_section .blog-wrap .blog-image .blog-label {
                 padding: 10px 12px;
                 left: 25px;
                 bottom: 25px;
             }
             .blog_section.destination-section .slick-slide>div {
                 margin: 0 20px;
             }
             .blog_section.destination-section .slick-list {
                 margin-left: -20px;
                 margin-right: -20px;
             }
             .blog_section.destination-section .destination-details {
                 padding: 30px 20px;
             }
             .special-section .slick-slide>div {
                 margin: 0 20px;
             }
             .special-section .slick-list {
                 margin-left: -20px;
                 margin-right: -20px;
             }
             .special-section .special-box .special-content {
                 padding: 30px;
             }
             .special-section.grid-box .special-box .special-content {
                 padding: 20px;
             }
             .special-section.grid-box .special-box .special-content h5 {
                 display: block;
             }
             .special-section.grid-box .special-box .special-content h5 span {
                 display: block;
                 margin-left: 0;
             }
             .special-section.grid-box .special-box .special-content.restaurant-detail h5 span {
                 display: inline-block;
             }
             .full-banner .offer-text {
                 left: -70%;
             }
             .category-sec .slick-slide>div {
                 margin: 0 15px;
             }
             .category-sec .slick-list {
                 margin-left: -15px;
                 margin-right: -15px;
             }
             .category-wrapper .category-wrap .category-img img {
                 width: 180px;
                 height: 180px;
                 border-radius: 20px;
             }
             .category-wrapper .category-wrap .category-img .side-effect:after {
                 left: 12px;
             }
             .category-wrapper .category-wrap .category-img .side-effect:before {
                 left: 6px;
             }
             .category-wrapper .category-wrap .category-content {
                 padding: 45px 30px 45px 156px;
             }
             .category-wrapper .category-wrap .category-content p {
                 display: block;
                 display: -webkit-box;
                 -webkit-line-clamp: 3;
                 -webkit-box-orient: vertical;
                 overflow: hidden;
                 text-overflow: ellipsis;
             }
             .category-wrapper .slick-slide>div {
                 margin: 0 15px;
             }
             .top-category {
                 padding: 0 35px;
             }
             .top-category .top_box .right-content {
                 padding: 0px 20px;
             }
             .detail-section .detail-box {
                 padding: 0 30px;
             }
             .routes-section .routes-box .routes-content {
                 padding: 40px 20px 20px 20px;
             }
             .routes-section .routes-box .routes-img .price-round {
                 width: 90px;
                 height: 90px;
             }
             .routes-section .routes-box .routes-img .discount {
                 top: 20px;
                 left: 20px;
             }
             .flight-detail .flight-box .middle-section {
                 width: 69%;
             }
             .filter-section .content {
                 margin-left: -20px;
                 margin-right: -20px;
             }
             .filter-section .content .grid-item {
                 padding: 0 20px;
             }
             .menu-section .menu-box .bottom-bar {
                 padding: 25px;
             }
             .menu-section .menu-box .bottom-bar .menu-bar img {
                 margin-right: 15px;
                 width: 50px;
             }
             .book-table .table-form {
                 padding: 30px;
             }
             .process-steps .step-bg .step-box {
                 padding: 35px 25px;
             }
             .cab-full .cab-search-section .cab-search-box .btn-solid {
                 padding: 2px 5px;
             }
             .cab-full .left-bar.fixed-cls {
                 width: 320px;
             }
             .scroll-body {
                 padding-left: 320px;
             }
             .deals .deals-box .left-portion {
                 -webkit-box-flex: 0;
                 -ms-flex: 0 0 33.33333%;
                 flex: 0 0 33.33333%;
                 max-width: 33.33333%;
             }
             .search-section .search-box .left-part .search-body .quantity-right-plus,
             .search-section .search-box .left-part .search-body .quantity-left-minus {
                 right: 10%;
             }
             .video-slider {
                 height: 180px;
             }
             footer .footer .footer-content .footer-map iframe {
                 width: 100%;
                 height: 190px;
             }
             footer .footer .footer-content .contact-detail p {
                 margin-bottom: 20px;
                 -webkit-line-clamp: 2;
             }
             footer .footer .footer-content .contact-detail .contact-list li {
                 font-size: 14px;
             }
             footer .footer .footer-space {
                 padding-left: 25px;
             }
             .filter-panel {
                 padding: 20px 25px;
             }
             .left-sidebar .search-bar {
                 padding: 25px;
             }
             .left-sidebar .search-bar input {
                 padding: 10px 10px 10px 60px;
             }
             .left-sidebar .middle-part {
                 padding: 25px 25px;
             }
             .left-sidebar .bottom-info {
                 padding: 0 25px 25px;
             }
             .list-view .list-box .list-content h6 {
                 max-width: 300px;
                 overflow: hidden;
                 white-space: nowrap;
                 text-overflow: ellipsis;
             }
             .top-filter-section ul .onclick-title {
                 min-width: 130px;
             }
             .blog-inner.blog_section .blog-list .blog-wrap .blog-image {
                 width: 30%;
             }
             .blog-inner.blog_section .blog-list .blog-wrap .blog-details {
                 width: 70%;
             }
             .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card {
                 padding: 20px 10px;
                 min-height: auto;
             }
             .dashboard-section .dashboard-sidebar .profile-top .profile-image .profile-edit {
                 right: 22%;
             }
         }
         
         @media (max-width: 1460px) and (min-width: 991px) {
             .special-section.grid-box .special-box .special-content .bottom-section .price {
                 display: block;
             }
             .special-section.grid-box .special-box .special-content .bottom-section .price .facility-detail {
                 margin-left: 0;
                 margin-top: 10px;
             }
         }
         
         @media (max-width: 1460px) and (min-width: 1199px) {
             .category-section .category-box .top-bar {
                 left: 10px;
                 top: 15px;
             }
             .category-section .category-box .like-cls {
                 right: 10px;
                 top: 15px;
             }
             .category-section .category-box .bottom-bar {
                 left: 10px;
                 bottom: 15px;
             }
             .category-section .category-box .bottom-bar .top h5 {
                 font-size: 16px;
                 margin-right: 8px;
                 max-width: 115px;
                 overflow: hidden;
                 white-space: nowrap;
                 text-overflow: ellipsis;
             }
             .category-section .category-box .bottom-bar .top h6 {
                 margin-left: 10px;
             }
             .category-section .category-box:hover .bottom-bar {
                 bottom: 25px;
             }
         }
         
         @media (max-width: 1367px) {
             .highlight-section .highlight-box {
                 padding: 30px 0px;
             }
             .highlight-section .highlight-box .content-sec p {
                 width: 90%;
             }
             .title-3 h2 {
                 margin-bottom: 50px;
             }
             .menu-section .menu-box .bottom-bar .menu-bar {
                 padding-bottom: 20px;
                 margin-bottom: 20px;
             }
             .app-section .app-content {
                 text-align: center;
             }
             section,
             .section-t-space {
                 padding-top: 90px;
             }
             .section-b-space {
                 padding-bottom: 90px;
             }
             .arrow-classic .slick-prev {
                 left: -12px;
             }
             .arrow-classic .slick-next {
                 right: 0;
             }
             .medium-section {
                 padding-top: 70px;
                 padding-bottom: 70px;
             }
             .small-section {
                 padding-top: 60px;
                 padding-bottom: 60px;
             }
             .home_section .offer-text {
                 left: -98px;
             }
             .home_section .offer-text h6 {
                 letter-spacing: 0.1em;
             }
             .home_effect .effect_image {
                 height: 80vh;
             }
             .service_section>div:nth-last-child(-n+3) {
                 margin-top: 50px;
             }
             .service-part .service-wrapper {
                 padding: 30px;
             }
             .service-part .service-wrapper h3 {
                 margin-bottom: 8px;
             }
             .service-part .service-wrapper h6 {
                 margin-bottom: 15px;
             }
             .service-part .service-wrapper p {
                 margin-bottom: 24px;
             }
             .testimonial-section .testimonial {
                 padding-bottom: 90px;
             }
             .subscribe-section .input-group .btn {
                 padding: 14px;
             }
             .about-section .about-text {
                 padding-left: 20px;
             }
             .about-section .about-text h3,
             .about-section .about-text h2 {
                 margin-bottom: 25px;
             }
             .about-section .about-text h5 {
                 margin-bottom: 5px;
             }
             .about-section .about-text p {
                 line-height: 1.4;
                 margin-bottom: 15px;
             }
             .blog_section.section-b-space,
             .special-section.section-b-space {
                 padding-bottom: 60px;
             }
             .category-sec.section-b-space {
                 padding-bottom: 50px;
             }
             .category-wrapper.section-b-space {
                 padding-bottom: 60px;
             }
             .category-bg.section-b-space {
                 padding-bottom: 80px;
             }
             .cab-full .location-option {
                 display: block !important;
             }
             .cab-full .location-option [type="radio"]:checked+label:before,
             .cab-full .location-option [type="radio"]:not(:checked)+label:before {
                 top: 0;
             }
             .cab-full .location-option .form-check+.form-check {
                 margin-top: 5px;
                 margin-top: 0;
             }
             .cab-full .cab-search-section .cab-search-box .btn-solid {
                 margin-left: -15px;
             }
             .deals .deals-box .left-portion {
                 -webkit-box-flex: 0;
                 -ms-flex: 0 0 37%;
                 flex: 0 0 37%;
                 max-width: 37%;
             }
             .portfolio-creative .content-sec p {
                 max-width: 90%;
             }
         }
         
         @media (max-width: 1199px) {
             section,
             .section-t-space {
                 padding-top: 80px;
             }
             .footer {
                 padding-top: 100px;
             }
             .section-b-space {
                 padding-bottom: 80px;
             }
             .medium-section {
                 padding-top: 60px;
                 padding-bottom: 60px;
             }
             .small-section {
                 padding-top: 50px;
                 padding-bottom: 50px;
             }
             .title-1 h2 {
                 padding-top: 20px;
                 padding-bottom: 40px;
             }
             .title-1.title-5 h2 {
                 padding-top: 18px;
                 padding-bottom: 10px;
             }
             .title-1.title-5 p {
                 margin-bottom: 50px;
             }
             .title-1.detail-title p {
                 max-width: 90%;
             }
             .title-2 h2 {
                 margin-bottom: 18px;
             }
             .title-2 p {
                 margin-bottom: 50px;
             }
             .title-3 h2 {
                 margin-bottom: 70px;
             }
             .title-3.detail-title p {
                 max-width: 90%;
             }
             header.light_header .main-navbar .nav-menu>li {
                 padding-top: 0;
                 padding-bottom: 0;
             }
             header.fixed-header {
                 position: relative;
             }
             .search-section {
                 margin-top: -45px;
             }
             .menu-overlay {
                 position: fixed;
                 left: 0;
                 top: 0;
                 width: 100vw;
                 height: 100vh;
                 background-color: rgba(0, 0, 0, 0.52);
                 z-index: 2;
                 display: none;
             }
             .menu-overlay.show {
                 display: block;
             }
             .toggle-nav {
                 padding-top: 25px;
                 padding-bottom: 25px;
             }
             .breadcrumb-section {
                 height: 430px;
             }
             .breadcrumb-section .breadcrumb-content {
                 height: 430px;
                 padding-top: 104px;
             }
             .breadcrumb-section .title-breadcrumb {
                 font-size: 440px;
             }
             .breadcrumb-section.breadcrumb-cum-header {
                 height: 630px;
             }
             .breadcrumb-section.breadcrumb-cum-header .breadcrumb-content {
                 height: 630px;
             }
             .breadcrumb-section.breadcrumb-cum-header .breadcrumb-content p {
                 max-width: 68%;
             }
             .home_section .home {
                 height: 90vh;
             }
             .home_section .home .home-content {
                 height: 90vh;
                 padding-top: 74px;
             }
             .home_section .home .home-content h1 {
                 margin-bottom: 0;
             }
             .home_section .home .home-content h5 {
                 margin-bottom: 15px;
             }
             .home_section .home .home-content h2 {
                 margin-bottom: 20px;
             }
             .home_section .home .home-content>div {
                 padding: 50px 110px;
             }
             .home_section .home .home-content.food_content h1 {
                 margin-bottom: 20px;
             }
             .home_section .home .home-content.food_content .book-table .table-form {
                 padding: 25px 35px;
             }
             .home_section .home .home-content.mix-layout.smaller-content .search-panel .search-section .search-box .left-part .search-body {
                 padding: 20px 10px;
             }
             .home_section .slick-prev,
             .home_section .slick-next {
                 padding: 25px;
             }
             .cab-section .cab-content {
                 padding-top: 66px;
             }
             .cab-section .cab-content .call-section .call {
                 padding: 12px 16px;
                 margin-bottom: 22px;
             }
             .cab-section .cab-content .call-section .call i {
                 margin-right: 30px;
             }
             .cab-section .cab-content .call-section .call:after {
                 width: 50px;
                 height: 50px;
             }
             .cab-section .cab-content h2 {
                 margin-bottom: 20px;
             }
             .cab-section .cab-content h3 {
                 margin-bottom: 20px;
             }
             .cab-section .cab-content .car-select ul li {
                 margin-right: 18px;
             }
             .cab-section .cab-content .car-select .btn {
                 width: 35%;
             }
             .cab-section.flight-section .cab-content {
                 padding-top: 74px;
             }
             .arrow-classic .slick-prev {
                 left: -10px;
             }
             .arrow-classic .slick-next {
                 right: 2px;
             }
             .home_effect .effect_image {
                 background-size: cover !important;
                 height: 70vh;
             }
             .home_effect .effect_image .effect_content {
                 top: 50% !important;
                 -webkit-transform: translateY(-50%);
                 transform: translateY(-50%);
             }
             .home_effect .effect_image .effect_content h1 {
                 font-size: calc(40px + (70 - 40) * ((100vw - 320px) / (1920 - 320))) !important;
                 text-shadow: 2px 2px 8px #548cc7;
             }
             .app-section .app-content .title {
                 line-height: 1;
             }
             .app-section .app-content h3 {
                 margin-bottom: 22px;
             }
             .app-section .app-content p {
                 line-height: 1.5;
                 margin-bottom: 25px;
             }
             .app-section .app-box {
                 padding: 40px;
             }
             .app-section .app-box h5,
             .app-section .app-box h2 {
                 margin-bottom: 20px;
             }
             .app-section .app-box p {
                 margin-bottom: 22px;
             }
             .app-section .app-box .app-buttons .app-btn {
                 margin-left: 7px;
             }
             .app-section.app-right-sec .app-content {
                 padding: 40px;
             }
             .service-section {
                 margin-left: -15px;
                 margin-right: -15px;
             }
             .service-section>div {
                 padding-left: 15px;
                 padding-right: 15px;
             }
             .service-section .service-box .service-icon {
                 margin-bottom: 20px;
             }
             .service-section .service-box h3 {
                 margin-bottom: 15px;
                 font-size: 20px;
             }
             .service-section .service-box .btn {
                 margin-top: 25px;
             }
             .service_section>div:nth-last-child(-n+3) {
                 margin-top: 30px;
             }
             .service_section .service-wrap .service-icon img {
                 margin-bottom: 20px;
                 height: 70px;
             }
             .service_section .service-wrap h5 {
                 margin-bottom: 8px;
             }
             .service_section .service-wrap p {
                 margin-bottom: -4px;
                 line-height: 1.5;
             }
             .service-part .service-wrapper h3 {
                 font-size: 20px;
             }
             .service-part .service-wrapper h3 i {
                 font-size: 12px;
             }
             .service-part .service-wrapper .service-btn .btn {
                 padding: 6px 12px;
             }
             .testimonial-section .testimonial {
                 padding-bottom: 80px;
             }
             .testimonial-section .testimonial .right-part {
                 margin-left: 14%;
             }
             .testimonial-section .slick-prev {
                 left: -50px;
             }
             .testimonial-section .slick-next {
                 right: -50px;
             }
             .testimonial_section .testimonial .top-part .img-part {
                 margin-bottom: 45px;
                 margin-top: 60px;
             }
             .testimonial_section .testimonial .bottom-part p {
                 margin-bottom: 35px;
             }
             .subscribe-footer .service-left .service-box {
                 padding: 0 15px;
             }
             .subscribe-footer .service-left .service-box .icon svg {
                 width: 30px;
                 height: 30px;
             }
             .subscribe-footer .service-right .input-group input {
                 padding: 7px 12px;
             }
             .subscribe_section .subscribe-detail span {
                 display: none;
             }
             .subscribe_section .input-section input {
                 padding: 35px 160px 35px 35px;
             }
             .subscribe_section .input-section .btn {
                 right: 35px;
             }
             .about-section .about-text h3,
             .about-section .about-text h2 {
                 margin-bottom: 15px;
             }
             .about-section .about-text p {
                 line-height: 1.3;
                 margin-bottom: 10px;
             }
             .about-section .image-section .img-box+.img-box {
                 margin-left: 40px;
             }
             .about-section.three-image .about-text {
                 margin-top: 30px;
             }
             .about-section.three-image .about-text img {
                 width: 200px;
             }
             .about-section.three-image .about-text h2 {
                 margin-bottom: 15px;
             }
             .about-section.three-image .about-text h2 span {
                 display: unset;
                 font-size: unset;
                 text-transform: unset;
             }
             .about-section.about_page .image-section .img-box {
                 width: 33.33%;
             }
             .about-section.about_page .image-section .img-box .title-box {
                 padding: 10px;
                 min-width: 130px;
             }
             .about-section.about_page .image-section .img-box .title-box h3 {
                 margin-bottom: 4px;
             }
             .about-section.about_page .image-section .img-box:nth-child(odd) {
                 margin-bottom: 30px;
             }
             .about-section.about_page .image-section .img-box:nth-child(odd) .title-box {
                 bottom: -30px;
             }
             .about-section.about_page .image-section .img-box:nth-child(even) {
                 margin-top: 30px;
             }
             .about-section.about_page .image-section .img-box:nth-child(even) .title-box {
                 top: -30px;
             }
             .ticket-section .ticket-box .content {
                 padding: 25px 80px 25px 25px;
             }
             .ticket-section .ticket-box .content .detail {
                 max-width: 295px;
             }
             .ticket-section .ticket-box .content .detail h3,
             .ticket-section .ticket-box .content .detail h4 {
                 margin-bottom: 10px;
             }
             .ticket-section .ticket-box .content .detail p {
                 margin-bottom: 15px;
             }
             .ticket-section .ticket-box .content .barcode-design {
                 right: 25px;
             }
             .ticket-section .ticket-box .content .barcode-design img {
                 height: 250px;
             }
             .ticket-section .ticket-box .ticket-title {
                 right: -15%;
             }
             .ticket-section .slick-prev,
             .ticket-section .slick-next {
                 right: 30px;
             }
             .ticket-section .slick-prev:before,
             .ticket-section .slick-next:before {
                 padding: 6px;
             }
             .ticket-section .slick-next {
                 top: calc(50% - 20px);
             }
             .ticket-section .slick-prev {
                 top: calc(50% + 20px);
             }
             .ticket-section.white-section .ticket-box .ticket-title {
                 right: -13%;
             }
             .video-section {
                 padding: 90px;
             }
             .video-section .basic-section h4 {
                 margin-bottom: 25px;
             }
             .video_section {
                 padding: 90px 0;
             }
             .video_section .video-content h5 {
                 margin-bottom: 20px;
             }
             .video_section .video-content h2 {
                 margin-bottom: 15px;
             }
             .video_section .video-content p {
                 margin-bottom: 18px;
             }
             .video_section .video-content .bottom-section {
                 margin-top: 25px;
             }
             .video_section .video-content .bottom-section .info-btn {
                 margin-left: 18px;
             }
             .video_section .offer-text {
                 display: none;
             }
             .timer li {
                 padding: 5px 15px;
                 margin-right: 15px;
             }
             .gallery-box .gallery-content .btn {
                 padding: 6px 12px;
             }
             .gallery_box .gallery-content h3 {
                 font-size: 18px;
             }
             .blog-section .blog-box .img-part img {
                 min-width: 200px;
             }
             .blog-section .blog-box .img-part .blog-date {
                 padding: 6px 8px;
             }
             .blog-section .blog-box .blog-content {
                 padding: 15px;
             }
             .blog-section .blog-box .blog-content h5 {
                 margin-bottom: 8px;
             }
             .blog-section .blog-box .blog-content p {
                 line-height: 1.1;
                 margin-bottom: 10px;
             }
             .blog-section .blog-box .blog-content h6 {
                 margin-bottom: 10px;
             }
             .blog-section .blog-box .blog-content .btn {
                 padding: 6px 10px;
             }
             .blog_section.section-b-space {
                 padding-bottom: 50px;
             }
             .blog_section.destination-section .destination-details h5 {
                 margin-bottom: 12px;
             }
             .blog_section.destination-section .destination-details h2 {
                 margin-bottom: 12px;
             }
             .blog_section.destination-section .destination-details h6 {
                 margin-bottom: 20px;
             }
             .subscribe-footer .service-left {
                 float: unset;
                 display: -webkit-box;
                 display: -ms-flexbox;
                 display: flex;
                 -webkit-box-align: center;
                 -ms-flex-align: center;
                 align-items: center;
                 -webkit-box-pack: center;
                 -ms-flex-pack: center;
                 justify-content: center;
                 margin-bottom: 25px;
             }
             .subscribe-footer .service-left .service-box {
                 padding: 0 25px;
             }
             .subscribe-footer .service-right {
                 float: unset;
                 width: 60%;
                 margin: 0 auto;
             }
             .special-section.section-b-space {
                 padding-bottom: 50px;
             }
             .special-section.grid-box .special-box .special-content .tour-detail h6 {
                 max-width: 410px;
             }
             .full-banner {
                 padding: 100px 0;
             }
             .full-banner .offer-text {
                 left: 0;
                 top: 0;
                 position: relative;
                 display: inline-block;
                 margin-bottom: 16px;
             }
             .full-banner .offer-text h6 {
                 margin-top: 16px;
                 margin-bottom: 0;
             }
             .full-banner .banner-content h5 {
                 margin-bottom: 20px;
             }
             .full-banner .banner-content h2 {
                 margin-bottom: 20px;
             }
             .full-banner .banner-content p {
                 line-height: 1.4;
             }
             .full-banner .banner-content .bottom-section {
                 margin-top: 0;
             }
             .full-banner .banner-content .bottom-section .info-btn {
                 margin-left: 15px;
             }
             .category-sec.section-b-space {
                 padding-bottom: 40px;
             }
             .category-wrapper .title-1.title-5 p {
                 margin-bottom: 20px;
             }
             .category-wrapper.section-b-space {
                 padding-bottom: 50px;
             }
             .category-bg .category-block {
                 padding: 80px 30px 40px;
             }
             .category-bg .category-block .rating {
                 margin-bottom: 15px;
             }
             .category-bg .category-block h6 {
                 margin-bottom: 12px;
             }
             .category-bg .category-block h5 {
                 margin-bottom: 16px;
             }
             .category-bg.section-b-space {
                 padding-bottom: 70px;
             }
             .detail-section .detail-box {
                 padding: 0 10px;
             }
             .detail-section .detail-box .upper-part {
                 margin-bottom: 30px;
             }
             .detail-section .detail-box .upper-part h2 {
                 padding-bottom: 20px;
                 margin-bottom: 20px;
             }
             .routes-section .routes-box .routes-img .price-round {
                 width: 80px;
                 height: 80px;
             }
             .flight-detail .row>div .flight-box+.flight-box {
                 margin-top: 40px;
             }
             .about_section .about_content {
                 margin-left: 45px;
             }
             .about_section .about_content h5 {
                 margin-bottom: 20px;
             }
             .about_section .about_content h2 {
                 margin-bottom: 20px;
             }
             .about_section .about_content p {
                 margin-bottom: 25px;
             }
             .food-banner {
                 padding: 140px 0;
                 background-position: center;
             }
             .discount-banner {
                 padding: 125px 0;
             }
             .discount-banner .banner-content h4 {
                 margin-bottom: 24px;
             }
             .discount-banner .banner-content h2 {
                 margin-bottom: 24px;
             }
             .discount-banner .banner-content .coupon {
                 margin-bottom: 28px;
             }
             .book-table .table-form {
                 margin-bottom: 30px;
                 border-radius: 15px;
             }
             .book-table .table-form form .form-group {
                 margin-right: 20px;
             }
             .book-table .table-form form .gj-datepicker {
                 margin-right: 20px;
             }
             .book-table.single-table .table-form {
                 margin-top: -60px;
             }
             .process-steps .step-bg .row {
                 margin-left: -30px;
                 margin-right: -30px;
             }
             .process-steps .step-bg .row>div {
                 padding-left: 30px;
                 padding-right: 30px;
             }
             .process-steps .step-bg .row.popular-section>div {
                 padding-left: 15px;
                 padding-right: 15px;
             }
             .car-type-section .type-box {
                 padding: 15px;
             }
             .home-section .flight-left {
                 padding-top: 74px;
             }
             .deals .deals-box .left-portion {
                 -webkit-box-flex: 0;
                 -ms-flex: 0 0 28%;
                 flex: 0 0 28%;
                 max-width: 28%;
             }
             .cab-full .left-bar.fixed-cls {
                 position: relative;
                 height: auto;
                 -webkit-box-shadow: none;
                 box-shadow: none;
                 width: 100%;
             }
             .cab-full .left-bar.fixed-cls .flight-search .flight-search-detail {
                 padding: 30px 15px 0;
             }
             .cab-full .left-bar.fixed-cls .flight-search .flight-search-detail form>div:first-child {
                 margin-top: 20px;
             }
             .cab-full .left-bar.fixed-cls .flight-search .flight-search-detail .location-option {
                 margin-bottom: 0;
             }
             .pt-xl-cls {
                 padding-top: 0;
             }
             .scroll-body {
                 padding-left: 0;
             }
             .video-slider {
                 height: 148px;
             }
             footer .footer .footer-content .contact-detail .footer-logo {
                 margin-bottom: 25px;
             }
             footer .footer .footer-content .contact-detail p {
                 -webkit-line-clamp: 3;
             }
             footer .footer .footer-title h5 {
                 margin-bottom: 30px;
             }
             footer .footer .footer-space {
                 padding-left: 0;
             }
             footer .footer .order-cls {
                 -webkit-box-ordinal-group: 0;
                 -ms-flex-order: -1;
                 order: -1;
             }
             footer .footer .order-row>div:last-child {
                 margin-top: 30px;
             }
             footer .footer .order-row>div:nth-child(3) {
                 margin-top: 30px;
             }
             .team-section .team-box .team-content {
                 min-width: 200px;
             }
             .team-section .slick-dots {
                 padding-top: 25px;
             }
             .filter-panel .collection-grid-view {
                 display: none;
             }
             .search-panel .search-section .search-box .left-part .search-body {
                 padding: 20px 10px;
             }
             .search-panel .search-section .search-box .left-part .search-body h6 {
                 margin-bottom: 3px;
             }
             .search-panel .search-section .search-box .right-part {
                 margin: 0 20px;
             }
             .search-panel .search-section .search-box .right-part .btn {
                 padding: 4px 12px;
             }
             .search-panel.sticky .search-section .search-box .left-part .search-body {
                 padding: 20px 10px;
             }
             .single-section .description-section .description-details .menu-part .rooms-box .room-detail {
                 padding: 10px 10px;
             }
             .single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li i {
                 margin-right: 2px;
             }
             .single-section .description-section .description-details .menu-part .rooms-box .price-details .btn {
                 padding: 3px 9px;
             }
             .single-section .description-section .description-details .menu-part.facility .row>div:nth-child(-n+2) {
                 margin-bottom: 20px;
             }
             .single-section .description-section .menu-top li a {
                 padding: 11px;
                 text-transform: capitalize;
             }
             .summery-box .summery-section .box .left {
                 width: 49%;
             }
             .list-view .list-box .list-content h6 {
                 max-width: 220px;
             }
             .list-view .list-box .list-content .book-now {
                 padding: 3px 7px;
                 text-transform: capitalize;
             }
             .detail-menu .nav-tabs .nav-item {
                 margin-right: 20px;
             }
             .order-menu-section .order-section .order-items .items p {
                 max-width: 64%;
             }
             .view-map .arrow {
                 left: 50px;
             }
             .top-bar-flight .date-fare-slider {
                 width: 85%;
             }
             .top-bar-flight .fare-calender {
                 width: 15%;
             }
             .top-filter-section ul .onclick-title {
                 min-width: 110px;
             }
             .review-section .review_box .flight_detail .logo-sec {
                 text-align: center;
             }
             .review-section .review_box .flight_detail .logo-sec img {
                 display: block;
                 margin: 0 auto;
             }
             .review-section .review_box .flight_detail .airport-part .airport-progress {
                 display: none;
             }
             .blog-inner.blog_section .blog-list .blog-wrap .blog-details p {
                 display: -webkit-box;
                 -webkit-line-clamp: 1;
                 -webkit-box-orient: vertical;
                 overflow: hidden;
                 text-overflow: ellipsis;
             }
             .blog-inner.blog_section .blog-list .blog-wrap .blog-image {
                 width: 80%;
             }
             .dashboard-section .dashboard-main .dashboard-intro .complete-profile .row>div {
                 margin-top: 10px;
             }
             .dashboard-section .dashboard-main .dashboard-intro .complete-profile .row>div:first-child {
                 margin-top: 0;
             }
             .dashboard-section .dashboard-main .counter-section .row>div:nth-child(-n+2) {
                 margin-bottom: 20px;
             }
             .dashboard-section .dashboard-box .dashboard-detail .booking-box .date-box {
                 width: 80px;
             }
             .dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-middle {
                 width: 65%;
             }
             .dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-middle .media .media-body {
                 margin-left: 15px;
             }
             .dashboard-section .dashboard-box .dashboard-detail .card-payment>div:nth-child(3) {
                 margin-top: 30px;
             }
             .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.add-card .card-details {
                 min-height: 152px;
                 height: auto;
             }
             .guest-detail form .submit-btn .btn {
                 width: auto;
             }
         }
         
         @media (max-width: 1199px) and (min-width: 767px) {
             .list-view .list-box .list-content .hotel-info {
                 overflow: hidden;
                 text-overflow: ellipsis;
                 display: -webkit-box;
                 -webkit-line-clamp: 1;
                 -webkit-box-orient: vertical;
             }
         }
         
         @media (max-width: 1199px) and (min-width: 991px) {
             .category-wrapper .category-wrap .category-content {
                 padding: 35px 30px 35px 154px;
             }
             .category-wrapper .category-wrap .category-content .top {
                 display: block;
                 margin-bottom: 5px;
             }
             .category-wrapper .category-wrap .category-content .top h3 {
                 margin-bottom: 5px;
             }
             .category-wrapper .category-wrap .category-content .top h6 {
                 margin-left: 0;
             }
             .category-wrapper .category-wrap .category-content .rating {
                 margin-bottom: 8px;
             }
             .category-wrapper .category-wrap .category-content .bottom {
                 display: block;
             }
             .category-wrapper .category-wrap .category-content .bottom h3 {
                 margin-bottom: 5px;
             }
             .category-wrapper .category-wrap .category-content .bottom .coupon-code {
                 margin-left: 0;
             }
             .category-wrapper .category-wrap .category-content p {
                 margin-bottom: 10px;
             }
             .flight-search .flight-search-detail .form-group img {
                 display: none;
             }
             .flight-search .flight-search-detail .form-group .form-control {
                 font-size: 14px;
             }
             .flight-search .flight-search-detail .form-group .gj-datepicker .input-group-append {
                 display: none;
             }
         }
         
         @media (max-width: 1024px) {
             .coming-soon.travel .coming-soon-detail {
                 -webkit-box-align: center;
                 -ms-flex-align: center;
                 align-items: center;
                 padding-bottom: 0;
                 background-color: rgba(255, 255, 255, 0.6);
             }
             .coming-soon.travel svg {
                 width: 100%;
                 height: 100%;
             }
         }
         
         @media (max-width: 991px) and (min-width: 767px) {
             .category-section .category-box .top-bar {
                 left: 10px;
                 top: 15px;
             }
             .category-section .category-box .like-cls {
                 right: 10px;
                 top: 15px;
             }
             .category-section .category-box .bottom-bar {
                 left: 10px;
                 bottom: 15px;
             }
             .category-section .category-box .bottom-bar .top h5 {
                 font-size: 14px;
                 margin-right: 8px;
                 max-width: 105px;
                 overflow: hidden;
                 white-space: nowrap;
                 text-overflow: ellipsis;
             }
             .category-section .category-box .bottom-bar .top h6 {
                 margin-left: 10px;
             }
             .category-section .category-box:hover .bottom-bar {
                 bottom: 25px;
             }
         }
         
         @media (max-width: 991px) {
             .cab-section .cab-content .call-section .call i {
                 padding-top: 0;
                 padding-left: 0;
             }
             .book-table.single-table .table-form.classic-form form .form-group input {
                 padding: 8px 15px 8px 25px;
             }
             .book-table.single-table .table-form.classic-form form .form-group i {
                 top: 0;
                 font-size: 16px;
             }
             .book-table.single-table .table-form.classic-form form .form-group img {
                 height: 13px;
             }
             section,
             .section-t-space {
                 padding-top: 60px;
             }
             .section-b-space {
                 padding-bottom: 60px;
             }
             .medium-section {
                 padding-top: 50px;
                 padding-bottom: 50px;
             }
             .small-section {
                 padding-top: 40px;
                 padding-bottom: 40px;
             }
             .breadcrumb-section.breadcrumb-cum-header {
                 height: 530px;
             }
             .breadcrumb-section.breadcrumb-cum-header .breadcrumb-content {
                 height: 530px;
             }
             .breadcrumb-section.breadcrumb-cum-header .breadcrumb-content p {
                 max-width: 88%;
             }
             .breadcrumb-section .breadcrumb-content.restaurant-name h3 {
                 margin-bottom: 4px;
             }
             .breadcrumb-section .breadcrumb-content.restaurant-name h6 {
                 margin-bottom: 8px;
             }
             .position-cls.b-top {
                 background-position: right !important;
             }
             .font-xs-white {
                 color: white;
             }
             h2 {
                 line-height: 26px;
             }
             .title-1 h2 {
                 padding-top: 10px;
                 padding-bottom: 30px;
             }
             .title-1.title-5 h2 {
                 padding-top: 10px;
                 padding-bottom: 5px;
             }
             .title-1.title-5 p {
                 margin-bottom: 30px;
             }
             .title-1.detail-title p {
                 max-width: 95%;
             }
             .title-2 h2 {
                 margin-bottom: 18px;
             }
             .title-2 p {
                 margin-bottom: 50px;
             }
             .title-3 h2 {
                 margin-top: 15px;
                 margin-bottom: 10px;
             }
             .title-3.detail-title p {
                 max-width: 95%;
             }
             .form-icon .form-group .form-control {
                 padding: 10px 10px 10px 30px !important;
             }
             .form-icon .form-group .icon {
                 left: 10px;
                 font-size: 14px;
             }
             .home_section .home {
                 height: 80vh;
             }
             .home_section .home .home-content {
                 height: 80vh;
             }
             .home_section .home .home-content h1 {
                 margin-top: -8px;
             }
             .home_section .home .home-content h5 {
                 letter-spacing: 0.1em;
                 margin-bottom: 10px;
             }
             .home_section .home .home-content h2 {
                 margin-bottom: 10px;
                 letter-spacing: 0.1em;
             }
             .home_section .home .home-content>div {
                 padding: 30px 90px;
             }
             .home_section .home .home-content .flight-search .flight-search-detail {
                 position: relative;
                 width: 100%;
                 height: 100%;
                 display: block;
                 background-color: white;
                 padding: 20px 0;
             }
             .home_section .home .home-content .flight-search .flight-search-detail form {
                 width: 100%;
                 padding: 0;
             }
             .home_section .home .home-content .flight-search .flight-search-detail form .col {
                 -webkit-box-flex: 0;
                 -ms-flex: 0 0 50%;
                 flex: 0 0 50%;
                 max-width: 50%;
             }
             .home_section .home .home-content .flight-search .flight-search-detail form .col.search-col {
                 -webkit-box-flex: unset;
                 -ms-flex: unset;
                 flex: unset;
                 max-width: initial;
                 margin-left: 66.66667%;
             }
             .home_section .home .home-content.food_content .book-table .table-form {
                 padding: 15px;
             }
             .home_section .home.home-70 {
                 height: 60vh;
             }
             .home_section .home.home-70 .home-content {
                 height: 60vh;
             }
             .home_section .home.home-long {
                 background-blend-mode: overlay;
                 background-color: rgba(0, 0, 0, 0.4);
             }
             .home_section .home.home-long .home-content {
                 -webkit-box-align: center;
                 -ms-flex-align: center;
                 align-items: center;
             }
             .home_section .home.home-long .home-content.mix-layout .flight-search {
                 margin-left: -15px;
                 margin-right: -15px;
             }
             .home_section .home.home-long .home-content.mix-layout .flight-search .flight-search-detail {
                 background-color: transparent;
             }
             .home_section .home.home-long .home-content.mix-layout .flight-search .flight-search-detail form {
                 background-color: transparent;
             }
             .home_section .home.home-long .home-content.mix-layout .flight-search .flight-search-detail form>div {
                 padding-left: 15px !important;
                 padding-right: 15px !important;
             }
             .home_section .home.home-long .home-content.mix-layout .flight-search .flight-search-detail .form-group .form-control {
                 padding: 10px 10px;
             }
             .home_section .home .banner-content h4,
             .home_section .home .banner-content h1 {
                 color: white;
             }
             .home_section .view-icon img {
                 width: 70%;
             }
             .home_section .slick-prev,
             .home_section .slick-next {
                 padding: 20px;
             }
             .home_section .slick-prev:after,
             .home_section .slick-next:after {
                 font-size: 16px;
             }
             .tour_layout .flight-search .flight-search-detail .form-group .gj-datepicker button,
             .tour_layout .flight-search .flight-search-detail .form-group .gj-timepicker button {
                 width: 46px;
                 height: 46px;
             }
             .tour_layout .flight-search .flight-search-detail .form-group .gj-datepicker button i,
             .tour_layout .flight-search .flight-search-detail .form-group .gj-timepicker button i {
                 top: 12px;
                 left: 12px;
             }
             .tour_layout .flight-search .flight-search-detail .form-group img {
                 padding: 12px;
                 bottom: 1px;
             }
             .tour_layout .flight-search .flight-search-detail .form-group .form-control {
                 border-right: none;
             }
             .a-enter-vr-button {
                 min-width: 55px !important;
                 min-height: 55px !important;
             }
             .cab-section .cab-content>div {
                 background-color: rgba(0, 0, 0, 0.2);
                 padding: 25px;
                 text-align: center;
             }
             .cab-section .cab-content .car-select ul {
                 width: 70%;
             }
             .cab-section .cab-content .car-select .btn {
                 width: 30%;
             }
             .deals .deals-box .left-portion {
                 -webkit-box-flex: 0;
                 -ms-flex: 0 0 100%;
                 flex: 0 0 100%;
                 max-width: 100%;
             }
             .deals .deals-box .left-portion:before,
             .deals .deals-box .left-portion:after {
                 display: none;
             }
             .deals .deals-box .left-portion .deals-content .detail {
                 position: relative;
                 top: 0;
                 -webkit-transform: none;
                 transform: none;
                 left: 0;
                 -webkit-writing-mode: unset;
                 -ms-writing-mode: unset;
                 writing-mode: unset;
                 padding: 12px;
                 -webkit-box-align: center;
                 -ms-flex-align: center;
                 align-items: center;
             }
             .deals .deals-box .left-portion .deals-content img {
                 display: none;
             }
             .deals .deals-box .deals-img {
                 -webkit-box-flex: 0;
                 -ms-flex: 0 0 100%;
                 flex: 0 0 100%;
                 max-width: 100%;
                 -webkit-box-ordinal-group: 0;
                 -ms-flex-order: -1;
                 order: -1;
             }
             .arrow-classic .slick-prev,
             .arrow-classic .slick-next {
                 display: none !important;
             }
             .arrow-classic .slick-prev:before,
             .arrow-classic .slick-next:before {
                 padding: 6px;
                 font-size: 14px;
                 border-radius: 4px;
             }
             .arrow-classic .slick-prev {
                 left: -50px;
             }
             .arrow-classic .slick-next {
                 right: -45px;
             }
             .app-section .order-cls>div:first-child {
                 -webkit-box-ordinal-group: 3;
                 -ms-flex-order: 2;
                 order: 2;
                 margin-top: 30px;
             }
             .app-section .app-box {
                 background-color: rgba(255, 255, 255, 0.05);
             }
             .price-section .container-fluid {
                 padding-left: 50px;
                 padding-right: 50px;
             }
             .service-section>div {
                 margin-bottom: 30px;
             }
             .service-section>div:last-child {
                 margin-bottom: 0;
             }
             .service-section .service-box {
                 padding: 40px;
             }
             .service_section>div:nth-last-child(-n+4) {
                 margin-top: 20px;
             }
             .service-part>div {
                 margin-top: 30px;
             }
             .service-part>div:first-child {
                 margin-top: 0;
             }
             .service-part .service-wrapper {
                 padding: 40px;
             }
             .search-section .search-box .left-part .search-body .form-control {
                 margin-bottom: 0;
             }
             .testimonial-section .testimonial {
                 padding-bottom: 70px;
             }
             .testimonial-section .testimonial .left-part img {
                 width: 100px;
                 height: 100px;
             }
             .testimonial-section .testimonial .left-part .design {
                 right: -35px;
                 width: 50px;
                 height: 50px;
             }
             .testimonial-section .testimonial .left-part .design i {
                 font-size: 20px;
             }
             .testimonial-section .testimonial .quote-icon {
                 right: 30px;
             }
             .testimonial-section .testimonial .quote-icon i {
                 font-size: 70px;
             }
             .testimonial_section .testimonial .top-part .img-part {
                 margin-bottom: 35px;
                 margin-top: 50px;
             }
             .testimonial_section .testimonial .top-part .img-part img {
                 width: 100px;
                 height: 100px;
             }
             .testimonial_section .testimonial .top-part .img-part .heart-icon {
                 padding: 8px;
                 font-size: 14px;
             }
             .testimonial_section .testimonial .bottom-part p {
                 margin-bottom: 25px;
             }
             .testimonial_section .testimonial .bottom-part .quote-icon i {
                 font-size: 60px;
             }
             .subscribe_section .subscribe-detail {
                 text-align: center;
                 padding-right: 0;
                 padding-bottom: 30px;
             }
             .subscribe_section .subscribe-detail h2 {
                 margin-bottom: 5px;
             }
             .subscribe_section .subscribe-detail:after {
                 display: none;
             }
             .subscribe_section .input-section {
                 padding-left: 0;
             }
             .about-section .about-text {
                 padding-left: 0;
                 margin-top: 30px;
                 height: auto;
             }
             .ticket-section .ticket-box .content {
                 position: relative;
                 top: 0;
                 -webkit-transform: none;
                 transform: none;
                 left: 0;
                 width: 80%;
                 margin: -50px auto 0 auto;
             }
             .ticket-section .ticket-box .content .detail {
                 max-width: 435px;
             }
             .ticket-section .ticket-box .content .barcode-design img {
                 height: 230px;
             }
             .ticket-section .ticket-box .ticket-title {
                 top: 33%;
                 z-index: 1;
                 right: -14%;
             }
             .ticket-section .slick-next,
             .ticket-section .slick-prev {
                 right: unset;
                 left: 10px;
             }
             .ticket-section .slick-next:before,
             .ticket-section .slick-prev:before {
                 padding: 4px;
             }
             .ticket-section .slick-next {
                 top: calc(33% - 20px);
             }
             .ticket-section .slick-prev {
                 top: calc(33% + 20px);
             }
             .ticket-section.white-section .ticket-box {
                 margin-bottom: 45px;
             }
             .ticket-section.white-section.section-b-space {
                 padding-bottom: 25px;
             }
             .video-section {
                 padding: 80px;
             }
             .video_section {
                 padding: 80px 0;
             }
             .video_section .order-cls {
                 -webkit-box-ordinal-group: 0;
                 -ms-flex-order: -1;
                 order: -1;
                 margin-bottom: 40px;
             }
             .video_section .video-image {
                 width: 80%;
                 margin: 0 auto;
             }
             .video_section .video-content {
                 -webkit-box-pack: center;
                 -ms-flex-pack: center;
                 justify-content: center;
                 text-align: center;
             }
             .video_section .video-content p {
                 padding-right: 0;
             }
             .video_section .video-content .bottom-section {
                 -webkit-box-pack: center;
                 -ms-flex-pack: center;
                 justify-content: center;
             }
             .video_section .offer-text {
                 display: block;
             }
             .gallery-section .zoom-gallery>div:nth-child(1) {
                 -webkit-box-flex: 0;
                 -ms-flex: 0 0 71.42%;
                 flex: 0 0 71.42%;
                 max-width: 71.42%;
             }
             .gallery-section .zoom-gallery>div:nth-child(2) {
                 -webkit-box-flex: 0;
                 -ms-flex: 0 0 28.58%;
                 flex: 0 0 28.58%;
                 max-width: 28.58%;
             }
             .gallery-section .zoom-gallery>div:nth-child(3) {
                 -webkit-box-flex: 0;
                 -ms-flex: 0 0 60%;
                 flex: 0 0 60%;
                 max-width: 60%;
             }
             .gallery-section .zoom-gallery>div:nth-child(4) {
                 -webkit-box-flex: 0;
                 -ms-flex: 0 0 40%;
                 flex: 0 0 40%;
                 max-width: 40%;
             }
             .blog-section .blog-box .img-part img {
                 min-width: 230px;
             }
             .blog-section .blog-box .blog-content {
                 padding: 45px;
             }
             .blog-section .blog-box .blog-content p {
                 line-height: 1.3;
                 margin-bottom: 10px;
             }
             .blog-section .blog-box .blog-content h5 {
                 margin-bottom: 10px;
             }
             .blog-section .blog-box .blog-content h6 {
                 margin-bottom: 14px;
             }
             .blog_section.section-b-space {
                 padding-bottom: 40px;
             }
             .blog_section .slick-slide>div {
                 margin: 0 20px;
             }
             .blog_section .slick-list {
                 margin-left: -20px;
                 margin-right: -20px;
             }
             .blog_section .blog-wrap {
                 border-radius: 18px;
             }
             .blog_section .blog-wrap .blog-details {
                 padding: 25px 25px;
             }
             .blog_section .blog-wrap .blog-details h6 {
                 margin-bottom: 12px;
             }
             .blog_section .blog-wrap .blog-details h5 {
                 margin-bottom: 8px;
             }
             .blog_section .blog-wrap .blog-image .blog-label {
                 padding: 7px 8px;
                 left: 20px;
                 bottom: 20px;
             }
             .blog_section.destination-section .destination-details {
                 padding: 30px;
             }
             .blog_section.destination-section .destination-details h6 {
                 line-height: 1.4;
                 margin-bottom: 15px;
             }
             .special-section .slick-slide>div {
                 margin: 0 15px;
             }
             .special-section .slick-list {
                 margin-left: -15px;
                 margin-right: -15px;
             }
             .special-section .special-box .special-content {
                 padding: 25px;
             }
             .special-section .special-box .special-content h5 {
                 line-height: 1.3;
                 margin-bottom: 10px;
                 margin-top: -3px;
             }
             .special-section.section-b-space {
                 padding-bottom: 40px;
             }
             .full-banner {
                 padding: 70px 0;
             }
             .full-banner .banner-content h5 {
                 margin-bottom: 15px;
             }
             .full-banner .banner-content h2 {
                 margin-bottom: 15px;
             }
             .full-banner .banner-content p {
                 line-height: 1.3;
                 margin-bottom: 10px;
             }
             .full-banner.banner-section .banner-content {
                 margin-top: 30px;
                 -webkit-box-align: start;
                 -ms-flex-align: start;
                 align-items: flex-start;
             }
             .category-section .slick-slide>div {
                 margin: 0 15px;
             }
             .category-section .slick-list {
                 margin-left: -15px;
                 margin-right: -15px;
             }
             .category-sec .category-box .img-category .top-bar {
                 top: 18px;
                 left: 18px;
             }
             .category-sec .category-box .img-category .top-bar .offer {
                 margin-bottom: 8px;
             }
             .category-sec .category-box .img-category .like-cls i {
                 font-size: 18px;
                 padding: 10px;
             }
             .category-sec .category-box .content-category {
                 padding: 55px 25px 20px 25px;
             }
             .category-sec.section-b-space {
                 padding-bottom: 30px;
             }
             .category-wrapper.section-b-space {
                 padding-bottom: 40px;
             }
             .category-wrapper .title-1.title-5 p {
                 margin-bottom: 0;
             }
             .category-bg.section-b-space {
                 padding-bottom: 60px;
             }
             .detail-section .detail-box {
                 padding: 0;
             }
             .detail-section .detail-box .upper-part {
                 margin-bottom: 15px;
             }
             .routes-section .row>div:nth-child(-n+2) {
                 margin-bottom: 30px;
             }
             .flight-detail .flight-box .logo-section {
                 width: 150px;
             }
             .flight-detail .flight-box .middle-section {
                 width: 59%;
             }
             .flight-detail .flight-box .middle-section .flight-info {
                 padding: 25px 0;
             }
             .flight-detail .flight-box .name-section {
                 width: 140px;
             }
             .about_section .about_content {
                 margin-top: 30px;
                 -webkit-box-align: start;
                 -ms-flex-align: start;
                 align-items: flex-start;
                 margin-left: 0;
             }
             .about_section .about_content h5 {
                 margin-bottom: 5px;
             }
             .about_section .about_content h2 {
                 margin-bottom: 5px;
             }
             .about_section .about_content p {
                 margin-bottom: 20px;
             }
             .filter-section .top-section {
                 margin-bottom: 40px;
             }
             .filter-section .content .grid-item:nth-child(-n+3) {
                 margin-bottom: 30px;
             }
             .food-banner {
                 padding: 110px 0;
             }
             .food-banner .food-content .strip-cls {
                 margin-top: 30px;
             }
             .food-banner .food-content .strip-cls .timer li {
                 margin: 0 10px;
             }
             .food-banner .food-content .strip-cls .timer li:after {
                 left: 38px;
             }
             .food-banner .food-content .buttons {
                 margin-top: 20px;
             }
             .food-banner .food-content h3 {
                 margin-top: -3px;
             }
             .discount-banner {
                 padding: 100px 0;
             }
             .book-table .table-form {
                 padding: 20px;
             }
             .book-table .table-form:before,
             .book-table .table-form:after {
                 border-radius: 14px;
             }
             .book-table.single-table .table-form {
                 margin-top: -50px;
             }
             .facts-section .row>div:nth-last-child(-n+2) {
                 margin-top: 30px;
             }
             .process-steps .step-bg .row {
                 margin-left: -15px;
                 margin-right: -15px;
             }
             .process-steps .step-bg .row>div {
                 padding-left: 15px;
                 padding-right: 15px;
             }
             .process-steps .step-bg .row.popular-section>div:nth-child(2),
             .process-steps .step-bg .row.popular-section>div:nth-child(4) {
                 margin-top: 0;
             }
             .process-steps .step-bg .step-box {
                 padding: 20px 15px;
             }
             .cab-full {
                 height: auto;
             }
             .cab-full iframe {
                 height: 40vh;
             }
             .cab-full .left-bar {
                 height: 100%;
             }
             .cab-full .left-bar.fixed-cls .flight-search .flight-search-detail form {
                 margin-right: -15px;
                 margin-left: -15px;
             }
             .cab-full .left-bar.fixed-cls .flight-search .flight-search-detail form>div {
                 margin-top: 20px;
                 padding-left: 15px;
                 padding-right: 15px;
             }
             .cab-full .flight-search .flight-search-detail {
                 position: relative;
                 width: 100%;
                 height: 100%;
                 display: block;
                 background-color: white;
                 padding: 15px;
                 z-index: 1;
             }
             .cab-full .flight-search .flight-search-detail form {
                 padding: 0;
                 width: 100%;
                 margin: 0;
             }
             .cab-full .flight-search .flight-search-detail form>div {
                 padding: 0;
                 margin-top: 0;
             }
             .cab-full .location-option {
                 display: -webkit-box !important;
                 display: -ms-flexbox !important;
                 display: flex !important;
             }
             .cab-full .location-option .form-check+.form-check {
                 margin-right: 5px;
             }
             .home-section {
                 height: 100%;
             }
             .home-section .flight-left {
                 display: none;
             }
             .top-banner .top-banner-content {
                 right: 15%;
                 -webkit-transform: translateY(-50%) scale(0.7);
                 transform: translateY(-50%) scale(0.7);
             }
             .res-cab .row>div {
                 -webkit-box-flex: 0;
                 -ms-flex: 0 0 100%;
                 flex: 0 0 100%;
                 max-width: 100%;
             }
             .mobile-filter {
                 display: -webkit-box;
                 display: -ms-flexbox;
                 display: flex;
                 border-top: 1px solid #f9f9f9;
             }
             .mobile-filter.filter_button {
                 display: none;
             }
             .left-sidebar {
                 position: fixed;
                 width: 300px;
                 left: -300px;
                 top: 0;
                 margin-top: 0;
                 z-index: 5;
                 overflow-y: auto;
                 height: 100vh;
                 -webkit-box-shadow: 0 15px 5px 0 rgba(77, 77, 77, 0.28);
                 box-shadow: 0 15px 5px 0 rgba(77, 77, 77, 0.28);
             }
             .left-sidebar .back-btn {
                 display: block;
             }
             .left-sidebar .search-bar {
                 display: none;
             }
             .mobile-filter {
                 padding: 20px 25px;
             }
             .search-panel .search-section .search-box .left-part .search-body h6 {
                 text-transform: capitalize;
             }
             .map-section {
                 margin-top: 0;
             }
             .map-section iframe,
             .map-section .map {
                 height: 350px;
                 position: relative;
                 margin-top: 30px;
             }
             .map-modal .modal-dialog .modal-content .modal-body .left-sidebar {
                 display: none;
             }
             .map-modal .modal-dialog .modal-content .modal-body .container-fluid {
                 padding: 0;
             }
             .map-modal .map-section .map {
                 margin-top: 0;
                 height: 350px !important;
             }
             .mobile-map {
                 display: block;
             }
             .desktop-map {
                 display: none;
             }
             .view-map.mobile-map {
                 display: block;
             }
             .onclick-map.show {
                 display: block !important;
             }
             .onclick-map iframe {
                 margin-top: 10px;
             }
             .onclick-map>div {
                 margin-top: 20px;
                 margin-bottom: 20px;
             }
             .list-view {
                 margin-top: 30px;
             }
             .list-view .list-box .list-content {
                 margin-left: 15px;
             }
             .list-view .list-box .list-content .book-now {
                 padding: 5px 9px;
                 text-transform: capitalize;
             }
             .list-view .list-box .list-content .offer-box {
                 padding: 7px;
                 max-width: 130px;
                 font-size: 12px;
                 margin-top: 3px;
             }
             .list-view .list-box .list-content .facility-icon {
                 margin-top: 14px;
             }
             .list-view .list-box .list-content .price {
                 margin-top: 10px;
             }
             .list-view .list-box .list-content p {
                 margin-bottom: 5px;
             }
             .single-section .description-section .menu-top li.mobile-menu {
                 display: inline-block;
             }
             .single-section .description-section .menu-top li a {
                 padding: 11px;
                 text-transform: capitalize;
             }
             .single-section .description-section .menu-top.sticky {
                 padding: 12px 0;
             }
             .single-section .description-section .menu-top.sticky li a {
                 padding: 11px;
                 text-transform: capitalize;
             }
             .single-section .description-section .menu-top.menu-up {
                 margin-bottom: 20px;
             }
             .single-section .description-section .description-details .menu-part .zoom-gallery>div:nth-child(-n+4) {
                 margin-bottom: 20px;
             }
             .single-section .single-sidebar {
                 margin-top: 30px;
             }
             .single-section .single-sidebar .weather-sec {
                 -webkit-box-pack: start;
                 -ms-flex-pack: start;
                 justify-content: flex-start;
             }
             .single-section .single-sidebar .overlay-map img {
                 height: auto;
             }
             .single-section .single-sidebar.order-cart-right {
                 position: fixed;
                 right: -300px;
                 height: 100vh;
                 top: 0;
                 margin-top: 0;
                 background-color: white;
                 z-index: 9;
                 padding: 20px 30px;
                 -webkit-transition: all 0.5s ease;
                 transition: all 0.5s ease;
                 overflow-y: scroll;
                 -webkit-box-shadow: 0 15px 5px 0 rgba(77, 77, 77, 0.28);
                 box-shadow: 0 15px 5px 0 rgba(77, 77, 77, 0.28);
                 width: 300px;
             }
             .single-section .single-sidebar.order-cart-right .back-btn {
                 display: block;
             }
             .single-section .order-class {
                 -webkit-box-ordinal-group: 3;
                 -ms-flex-order: 2;
                 order: 2;
             }
             .cart {
                 display: -webkit-box;
                 display: -ms-flexbox;
                 display: flex;
             }
             .variable-width .slick-slide img {
                 height: 400px;
             }
             .booking-order {
                 -webkit-box-ordinal-group: 0;
                 -ms-flex-order: -1;
                 order: -1;
                 margin-bottom: 30px;
             }
             .book-table .table-form form ::-webkit-input-placeholder {
                 font-size: 14px;
             }
             .book-table .table-form form ::-moz-placeholder {
                 font-size: 14px;
             }
             .book-table .table-form form :-ms-input-placeholder {
                 font-size: 14px;
             }
             .book-table .table-form form ::-ms-input-placeholder {
                 font-size: 14px;
             }
             .book-table .table-form form ::placeholder {
                 font-size: 14px;
             }
             .detail-menu .nav-tabs .nav-item {
                 margin-right: 0;
             }
             .full-width-detail .place-detail li {
                 padding: 0 14px;
             }
             .order_cls {
                 -webkit-box-ordinal-group: 2;
                 -ms-flex-order: 1;
                 order: 1;
             }
             .order-menu-section {
                 border-left: none;
             }
             .order-menu-section .order-section .order-items .items p {
                 max-width: 80%;
             }
             .flight-search .flight-search-detail {
                 position: fixed;
                 background-color: rgba(0, 0, 0, 0.65);
                 width: 100vw;
                 height: 100vh;
                 overflow: hidden;
                 display: none;
                 left: 0;
                 top: 0;
                 z-index: 9;
                 -webkit-box-align: center;
                 -ms-flex-align: center;
                 align-items: center;
                 -webkit-box-pack: center;
                 -ms-flex-pack: center;
                 justify-content: center;
                 padding: 0;
             }
             .flight-search .flight-search-detail form {
                 padding: 30px 20px;
                 background-color: white;
                 width: 70%;
                 position: relative;
                 -webkit-animation: zoom_in 0.1s ease;
                 animation: zoom_in 0.1s ease;
                 -webkit-transition: all 0.5s ease;
                 transition: all 0.5s ease;
             }
             .flight-search .flight-search-detail form .responsive-close {
                 display: block;
                 position: absolute;
                 right: -38px;
                 top: -25px;
                 width: auto;
             }
             .flight-search .flight-search-detail form .responsive-close i {
                 color: white;
                 font-size: 20px;
             }
             .flight-search .flight-search-detail .form-group {
                 margin-bottom: 12px;
             }
             .flight-search .flight-search-detail.show {
                 display: -webkit-box;
                 display: -ms-flexbox;
                 display: flex;
             }
             .flight-search .flight-search-detail.show form {
                 -webkit-transition: all 0.5s ease;
                 transition: all 0.5s ease;
             }
             .flight-search .responsive-detail {
                 display: block;
             }
             .top-bar-flight .fare-calender .calender-external .fc th,
             .top-bar-flight .fare-calender .calender-external .fc td {
                 width: 60px;
             }
             .top-bar-flight .fare-calender .calender-external .fc-dayGrid-view .fc-body .fc-row {
                 height: 50px !important;
                 min-height: 50px;
             }
             .top-bar-flight .fare-calender .calender-external .fc-toolbar h2 {
                 font-size: 20px;
             }
             .top-bar-flight .fare-calender .calender-external .fc-toolbar.fc-header-toolbar {
                 margin-bottom: 20px;
             }
             .top-bar-flight .fare-calender .calender-external .fc-button {
                 padding: 5px;
             }
             .top-filter-section {
                 position: fixed;
                 left: -300px;
                 width: 300px;
                 height: 100vh;
                 top: 0;
                 margin-top: 0;
                 padding: 20px;
                 z-index: 5;
                 -webkit-transition: all 0.5s ease;
                 transition: all 0.5s ease;
                 -webkit-box-shadow: 0 15px 5px 0 rgba(77, 77, 77, 0.28);
                 box-shadow: 0 15px 5px 0 rgba(77, 77, 77, 0.28);
                 overflow-y: auto;
             }
             .top-filter-section ul {
                 display: block;
             }
             .top-filter-section ul .back-btn {
                 padding-bottom: 20px;
                 border-bottom: 1px solid #f9f9f9;
                 font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
                 text-transform: capitalize;
                 color: black;
                 font-weight: 700;
                 margin-bottom: 0;
                 cursor: pointer;
                 display: block;
             }
             .top-filter-section ul .filter-title {
                 display: none;
             }
             .top-filter-section ul li {
                 display: block;
             }
             .top-filter-section ul .onclick-title,
             .top-filter-section ul .filter-title {
                 border-left: none;
                 border-top: 1px solid #f9f9f9;
             }
             .top-filter-section ul .onclick-title h6,
             .top-filter-section ul .filter-title h6 {
                 text-align: left;
                 padding: 14px 0 0;
                 font-size: 14px;
                 font-weight: 600;
             }
             .top-filter-section ul .onclick-title h6:before,
             .top-filter-section ul .filter-title h6:before {
                 display: none;
             }
             .top-filter-section ul .onclick-title .onclick-content,
             .top-filter-section ul .filter-title .onclick-content {
                 display: block;
                 position: relative;
                 width: 100%;
                 left: 0;
                 top: 0;
                 -webkit-box-shadow: none;
                 box-shadow: none;
                 padding: 10px 0;
             }
             .book_panel.flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-name h4 {
                 display: none;
             }
             .flight-detail-sec.round_trip .row>div:nth-child(2) .selection-bar {
                 margin-top: 30px;
             }
             .res-margin {
                 margin-top: 20px;
             }
             .success-section .success-detail p {
                 max-width: 100%;
             }
             .view-map {
                 margin-right: 0;
             }
             .filter-bottom-content {
                 left: -300px;
                 display: block;
             }
             .filter-bottom-content .middle-part .collection-collapse-block-content.row {
                 padding-top: 40px;
             }
             .filter-bottom-content .middle-part .collection-collapse-block-content .filter-block {
                 -webkit-box-flex: 0;
                 -ms-flex: 0 0 100%;
                 flex: 0 0 100%;
             }
             .filter-bottom-content .middle-part .collection-collapse-block-content .close-filter-bottom {
                 position: absolute;
                 right: 15px;
                 top: 15px;
                 background-color: transparent;
                 color: #ef3f3e;
                 -webkit-box-shadow: none;
                 box-shadow: none;
             }
             .filter-bottom-content .middle-part .collection-collapse-block-content .close-filter-bottom:hover {
                 -webkit-box-shadow: none;
                 box-shadow: none;
                 border: none;
             }
             .filter-bottom-content.open {
                 left: -1px;
             }
             .filter-bottom-title {
                 padding-left: 15px;
             }
             .single-section .single-sidebar .selection-section.flight-search .flight-search-detail {
                 position: relative;
                 display: block;
                 width: 100%;
                 height: 100%;
                 background-color: white;
                 z-index: 1;
             }
             .single-section .single-sidebar .selection-section.flight-search .flight-search-detail form {
                 width: 100%;
                 padding: 0;
             }
             .portfolio-creative .content-sec {
                 margin-top: 15px;
                 display: block;
             }
             .portfolio-creative .row {
                 padding-top: 30px;
             }
             .portfolio-creative .row:first-child {
                 padding-top: 0;
             }
             .portfolio-creative .order-section div {
                 -webkit-box-ordinal-group: 2;
                 -ms-flex-order: 1;
                 order: 1;
             }
             .portfolio-creative .order-section div:nth-child(2) {
                 -webkit-box-ordinal-group: 5;
                 -ms-flex-order: 4;
                 order: 4;
                 margin-bottom: 30px;
             }
             .portfolio-creative .order-section div:nth-child(3) {
                 -webkit-box-ordinal-group: 4;
                 -ms-flex-order: 3;
                 order: 3;
             }
             .portfolio-creative .order-section div:nth-child(4) {
                 -webkit-box-ordinal-group: 3;
                 -ms-flex-order: 2;
                 order: 2;
                 margin-bottom: 30px;
             }
             .portfolio-creative .order-section div:nth-child(5) {
                 -webkit-box-ordinal-group: 6;
                 -ms-flex-order: 5;
                 order: 5;
             }
             .portfolio-creative .order-section div:nth-child(6) {
                 -webkit-box-ordinal-group: 7;
                 -ms-flex-order: 6;
                 order: 6;
             }
             .blog-sidebar {
                 margin-top: 30px;
             }
             .blog-sidebar .blog-wrapper .sidebar-content .blog-post li {
                 width: 49%;
             }
             .blog-inner.blog_section {
                 margin-top: 30px;
             }
             .blog-inner.blog_section .blog-list .blog-wrap .blog-image {
                 width: 50%;
             }
             .contact_section .row>div:nth-child(-n+2) {
                 margin-bottom: 25px;
             }
             .faq-tab .nav-tabs {
                 display: -webkit-box;
                 display: -ms-flexbox;
                 display: flex;
                 -ms-flex-wrap: unset;
                 flex-wrap: unset;
                 overflow: auto;
                 width: 100%;
                 padding-bottom: 5px;
             }
             .faq-tab .nav-tabs .nav-item {
                 display: inline-block;
             }
             .faq-tab .nav-tabs .nav-item .nav-link {
                 white-space: nowrap;
             }
             .faq-tab .nav-tabs .nav-item .nav-link.active {
                 border-right: none;
                 border-bottom: 2px solid #ef3f3e;
             }
             .faq-tab .nav-tabs .nav-item .nav-link:hover {
                 border-right: none;
             }
             .faq-content {
                 margin-top: 20px;
             }
             .dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.add-card .card-details {
                 min-height: 148px;
             }
             .dashboard-section .faq-content {
                 min-height: auto;
             }
             .dashboard-section .dashboard-sidebar {
                 padding: 20px 0 0 0;
             }
             .dashboard-section .dashboard-sidebar .faq-tab .nav-tabs {
                 text-align: center;
             }
             .dashboard-section .dashboard-sidebar .profile-top .profile-image .profile-edit {
                 right: 41%;
             }
             .hotel-single-section .hotel-title-section .hotel-name .left-part .top .share-buttons .btn {
                 font-size: 0;
                 padding: 6px 10px;
                 line-height: 1;
             }
             .hotel-single-section .hotel-title-section .hotel-name .left-part .top .share-buttons .btn i {
                 font-size: 12px;
             }
             .hotel_title_section .hotel-name .left-part .top .share-buttons .btn {
                 font-size: 0;
                 padding: 6px 10px;
                 line-height: 1;
             }
             .hotel_title_section .hotel-name .left-part .top .share-buttons .btn i {
                 font-size: 12px;
             }
             .checkout-cart {
                 -webkit-box-ordinal-group: 0;
                 -ms-flex-order: -1;
                 order: -1;
                 margin-bottom: 30px;
             }
             .checkout-cart .single-sidebar.order-cart-right {
                 position: relative;
                 right: 0;
                 height: auto;
                 width: 100%;
                 -webkit-box-shadow: 0 2px 4px 0 #dedede;
                 box-shadow: 0 2px 4px 0 #dedede;
             }
             .skeleton_loader .hotel_title_section .hotel-name .left-part .top .share-buttons .ldr-btn {
                 width: 28px;
                 height: 24px;
             }
         }
         
         @media (max-width: 767px) {
             section,
             .section-t-space {
                 padding-top: 50px;
             }
             .section-b-space {
                 padding-bottom: 50px;
             }
             .breadcrumb-section {
                 height: 350px;
             }
             .breadcrumb-section .breadcrumb-content {
                 height: 350px;
                 padding-top: 84px;
             }
             .breadcrumb-section .breadcrumb-content>div {
                 padding: 30px 45px;
             }
             .breadcrumb-section .title-breadcrumb {
                 font-size: 370px;
             }
             .breadcrumb-section.parallax-img {
                 background-attachment: unset;
             }
             .breadcrumb-section.breadcrumb-cum-header {
                 height: 400px;
             }
             .breadcrumb-section.breadcrumb-cum-header .breadcrumb-content {
                 height: 400px;
             }
             .breadcrumb-section.breadcrumb-cum-header .breadcrumb-content p {
                 display: none;
             }
             .breadcrumb-section.breadcrumb-cum-header .breadcrumb-content h2 {
                 margin-bottom: 10px;
             }
             .medium-section {
                 padding-top: 35px;
                 padding-bottom: 35px;
             }
             .small-section {
                 padding-top: 30px;
                 padding-bottom: 30px;
             }
             .title-1 h2 {
                 padding-bottom: 20px;
             }
             .title-2 h2 {
                 margin-bottom: 10px;
                 margin-top: -4px;
             }
             .title-2 p {
                 margin-bottom: 30px;
             }
             .title-3 h2 {
                 margin-bottom: 30px;
             }
             .home_effect .effect_image img {
                 bottom: -70px;
             }
             .partition2>div:first-child {
                 margin-bottom: 30px;
             }
             .circle {
                 height: 120px;
                 width: 120px;
             }
             .circle.b-round {
                 height: 180px;
                 width: 180px;
             }
             header .menu .header-right .setting {
                 display: block;
             }
             header .menu .header-right .front-setting select {
                 background: url(../images/icon/down-black.png) no-repeat 80%;
             }
             header .menu .header-right>.front-setting {
                 display: none;
             }
             header .menu .header-right .user {
                 margin-left: 0;
             }
             header .mix-pills .nav-item {
                 margin-right: 7px;
             }
             .cab-section .cab-content {
                 padding-top: 74px;
             }
             .cab-section .cab-content form .row>div {
                 -webkit-box-flex: 0;
                 -ms-flex: 0 0 100%;
                 flex: 0 0 100%;
                 max-width: 100%;
                 margin-top: 25px;
             }
             .cab-section .cab-content form .row>div:first-child {
                 margin-top: 0;
             }
             .cab-section.flight-section .cab-content {
                 padding-top: 90px;
             }
             .home_section .home {
                 height: 70vh;
             }
             .home_section .home .home-content {
                 height: 70vh;
                 padding-top: 73px;
             }
             .home_section .home .home-content h1 {
                 margin-top: -6px;
                 margin-bottom: 3px;
             }
             .home_section .home .home-content .flight-search .flight-search-detail form .col.search-col {
                 margin-left: 60%;
             }
             .home_section .home .home-content.food_content>div {
                 background-color: unset;
                 padding: 30px 90px;
                 background-color: rgba(0, 0, 0, 0.2);
             }
             .home_section .home .home-content.food_content .book-table .table-form form .btn-rounded {
                 margin-top: 15px;
             }
             .home_section .home .home-content.mix-layout.smaller-content .search-panel .search-section .search-box .left-part .search-body {
                 padding: 10px 10px;
             }
             .home_section .home .home-content.mix-layout.smaller-content .search-panel .search-section .search-box .left-part .search-body:nth-child(3):after,
             .home_section .home .home-content.mix-layout.smaller-content .search-panel .search-section .search-box .left-part .search-body:nth-child(5):after {
                 display: none;
             }
             .home_section .home .home-content.mix-layout.smaller-content .search-panel .search-section .search-box .left-part .search-body:nth-child(4):after {
                 display: block;
                 left: -5px;
                 right: unset;
             }
             .home_section .home .home-content.mix-layout.smaller-content .search-panel .search-section .search-box .left-part .search-body.btn-search:after {
                 display: none;
             }
             .home_section .home .smoke-effect {
                 display: none;
             }
             .home_section .home.home-padding .home-content {
                 padding: 50px 0 50px 0;
             }
             .home_section .home.home-mobile {
                 height: 80vh;
             }
             .home_section .home.home-mobile .home-content.smaller-content {
                 height: 80vh;
             }
             .home_section .home.home-60 {
                 height: 50vh;
             }
             .home_section .home.home-60 .home-content {
                 height: 50vh;
             }
             .home_section .home.home-70 {
                 height: 55vh;
             }
             .home_section .home.home-70 .home-content {
                 height: 55vh;
             }
             .home_section .home.home-long {
                 background-blend-mode: overlay;
                 background-color: rgba(0, 0, 0, 0.3);
             }
             .home_section .home.home-long .home-content {
                 -webkit-box-align: center;
                 -ms-flex-align: center;
                 align-items: center;
                 padding-bottom: 0;
             }
             .home_section .offer-text {
                 top: 46%;
                 left: -78px;
             }
             .home_section .offer-text h6 {
                 letter-spacing: 0.02em;
             }
             .top-category {
                 padding: 0 15px;
             }
             .top-category .slick-slide>div {
                 margin: 0 15px;
             }
             .top-category .slick-list {
                 margin-left: -15px;
                 margin-right: -15px;
             }
             .top-category.margin-cls {
                 margin-top: -40px;
             }
             .top-category .top_box .right-content {
                 padding: 0px 15px;
             }
             .top-category .top_box .right-content .rating {
                 display: none;
             }
             .app-section .app-image .image:last-child {
                 margin-left: 30px;
             }
             .app-section .app-content .app-buttons a+a {
                 margin-left: 10px;
             }
             .app-section .app-content .title {
                 margin-bottom: 15px;
             }
             .app-section .app-content .title span {
                 display: unset;
             }
             .app-section .app-content p {
                 margin-bottom: 15px;
             }
             .app-section .app-content h3 {
                 margin-bottom: 15px;
             }
             .app-section .app-content .label {
                 margin-bottom: 20px;
             }
             .app-section .app-box {
                 text-align: center;
                 background-color: rgba(255, 255, 255, 0.1);
             }
             .app-section .app-box h2,
             .app-section .app-box h5 {
                 margin-bottom: 15px;
             }
             .app-section .app-box p {
                 margin-bottom: 18px;
             }
             .app-section.app-right-sec .app-image {
                 display: none !important;
             }
             .app-section.app-right-sec .app-content {
                 text-align: center;
             }
             .app-section.app-right-sec .app-content .title {
                 margin-top: -3px;
             }
             .service_section .service-wrap {
                 padding: 10px 0;
             }
             .testimonial-section .testimonial {
                 padding-bottom: 50px;
             }
             .testimonial-section .testimonial .left-part .design {
                 right: -25px;
                 width: 40px;
                 height: 40px;
             }
             .testimonial-section .testimonial .right-part {
                 margin-left: 9%;
             }
             .testimonial-section .slick-prev,
             .testimonial-section .slick-next {
                 display: none !important;
             }
             .subscribe-footer .service-left .service-box {
                 display: block;
                 text-align: center;
                 padding: 0px 12px;
             }
             .subscribe_section .subscribe-detail {
                 padding-bottom: 15px;
             }
             .about-section .about-text h3,
             .about-section .about-text h2 {
                 margin-bottom: 10px;
             }
             .about-section .about-text p {
                 margin-bottom: 7px;
             }
             .about-section.three-image .image-section .img-box+.img-box {
                 margin-left: 25px;
             }
             .about-section.three-image .about-text h3,
             .about-section.three-image .about-text h5,
             .about-section.three-image .about-text p {
                 margin-bottom: 10px;
             }
             .about-section.three-image .about-text h2 {
                 margin-bottom: 5px;
             }
             .ticket-section .ticket-box .content {
                 width: 85%;
             }
             .ticket-section .ticket-box .ticket-title {
                 position: relative;
                 top: 0;
                 right: 0;
                 left: 0;
                 -webkit-transform: rotate(0deg) translate(0);
                 transform: rotate(0deg) translate(0);
                 display: -webkit-box;
                 display: -ms-flexbox;
                 display: flex;
                 -webkit-box-align: center;
                 -ms-flex-align: center;
                 align-items: center;
                 -webkit-box-pack: center;
                 -ms-flex-pack: center;
                 justify-content: center;
                 margin-bottom: -20px;
             }
             .ticket-section .ticket-box .ticket-title span {
                 padding: 12px;
             }
             .ticket-section .ticket-box .image-box {
                 -webkit-box-shadow: none;
                 box-shadow: none;
             }
             .ticket-section .slick-next {
                 top: 34%;
                 right: 0;
                 left: unset;
             }
             .ticket-section .slick-prev {
                 top: 34%;
                 left: -10px;
                 right: unset;
             }
             .ticket-section.white-section.section-b-space {
                 padding-bottom: 5px;
             }
             .video-icon {
                 width: 70px;
                 height: 45px;
                 border-radius: 10px;
             }
             .video-section {
                 padding: 70px;
             }
             .video-section .basic-section .video-icon .animation-circle-inverse i {
                 border-radius: 10px;
             }
             .video-section .basic-section h4 {
                 letter-spacing: 0.3em;
             }
             .video_section {
                 padding: 70px 0;
             }
             .menu-section .menu-box .bottom-bar .menu-bar .content h6 label {
                 right: -20px;
             }
             .blog-section .blog-box .blog-content {
                 padding: 15px;
             }
             .blog_section.section-b-space {
                 padding-bottom: 20px;
             }
             .blog_section .blog-wrap .blog-details {
                 padding: 30px;
             }
             .blog_section .blog-wrap .blog-image .blog-label {
                 padding: 10px 12px;
             }
             .special-section .special-box {
                 -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.05);
                 box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.05);
             }
             .special-section .special-box .special-img .content-inner {
                 width: 75%;
             }
             .special-section .special-box:hover {
                 -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1);
                 box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1);
             }
             .special-section.grid-box .special-box .special-content.restaurant-detail h5 span {
                 font-size: 12px;
                 margin-left: 5px;
             }
             .special-section.section-b-space {
                 padding-bottom: 20px;
             }
             .full-banner {
                 padding: 60px 0;
             }
             .full-banner .banner-content>div {
                 padding: 30px;
                 background-color: rgba(0, 0, 0, 0.36);
             }
             .full-banner.banner-section .banner-content>div {
                 padding: 0;
                 background-color: transparent;
             }
             .full-banner.banner-section .place-image .animation-place .plane-l {
                 display: none;
             }
             .full-banner.banner-section .place-image .animation-place .plane-r {
                 right: 2%;
                 top: 7%;
             }
             .full-banner.banner-section .place-image .animation-place .plane-r img {
                 width: 60%;
             }
             .full-banner.banner-section .place-image .animation-place .cloud-l {
                 top: 6%;
                 left: 4%;
             }
             .full-banner.banner-section .place-image .animation-place .cloud-l img {
                 width: 60%;
             }
             .full-banner.banner-section .place-image .animation-place .cloud-r {
                 top: 5%;
             }
             .full-banner.banner-section .place-image .animation-place .cloud-r img {
                 width: 70%;
             }
             .category-sec.section-b-space {
                 padding-bottom: 10px;
             }
             .category-wrapper .category-wrap .category-content p {
                 margin-bottom: 10px;
             }
             .category-wrapper .category-wrap .category-content .top {
                 margin-bottom: 10px;
             }
             .category-wrapper .category-wrap .category-content .top h6 {
                 margin-left: 15px;
             }
             .category-wrapper .category-wrap .category-content .rating {
                 margin-bottom: 10px;
             }
             .category-wrapper .category-wrap .category-content .bottom .coupon-code {
                 padding: 7px 8px;
             }
             .category-wrapper.section-b-space {
                 padding-bottom: 20px;
             }
             .category-bg .slick-slide>div {
                 margin: 0 10px;
             }
             .category-bg .slick-list {
                 margin-left: -10px;
                 margin-right: -10px;
             }
             .category-bg.section-b-space {
                 padding-bottom: 40px;
             }
             .detail-section .detail-box .upper-part {
                 min-height: auto;
             }
             .detail-section .detail-box .upper-part:after {
                 display: none;
             }
             .detail-section .row>div {
                 margin-bottom: 30px;
             }
             .detail-section .row>div:last-child {
                 margin-bottom: 0;
             }
             .detail-section .row>div:last-child .detail-box {
                 padding-bottom: 0;
             }
             .detail-section .row>div:last-child .detail-box:after {
                 display: none;
             }
             .detail-section .row>div .detail-box {
                 padding-bottom: 30px;
             }
             .detail-section .row>div .detail-box:after {
                 content: "";
                 position: absolute;
                 width: 70%;
                 height: 1px;
                 background-color: rgba(255, 255, 255, 0.23);
                 bottom: 0;
                 left: 50%;
                 -webkit-transform: translateX(-50%);
                 transform: translateX(-50%);
             }
             .flight-detail .flight-box .middle-section {
                 width: 50%;
             }
             .flight-detail .flight-box .middle-section .flight-info {
                 padding: 20px 0;
             }
             .flight-detail .flight-box .middle-section .flight-info h4 {
                 margin-bottom: 5px;
             }
             .flight-detail .flight-box .middle-section .flight-info h5 {
                 margin-bottom: 7px;
             }
             .flight-detail .flight-box .middle-section .flight-info i {
                 font-size: 12px;
                 padding: 5px;
             }
             .flight-detail .flight-box .logo-section {
                 width: 130px;
             }
             .flight-detail .flight-box .logo-section img {
                 width: 50%;
             }
             .flight-detail .flight-box .name-section {
                 width: 130px;
             }
             .flight-detail .flight-box .name-section h5 {
                 margin-bottom: 5px;
             }
             .flight-detail .flight-box .name-section h6 {
                 margin-bottom: 8px;
                 letter-spacing: 0.3em;
             }
             .flight-detail .flight-box .name-section .btn {
                 padding: 3px 10px;
             }
             .flight-detail .row>div .flight-box+.flight-box {
                 margin-top: 20px;
             }
             .filter-section {
                 background-image: none;
                 background-color: #ef3f3e;
             }
             .filter-section .top-section {
                 margin-bottom: 50px;
                 -webkit-box-align: start;
                 -ms-flex-align: start;
                 align-items: flex-start;
             }
             .filter-section .top-section .coupon {
                 margin-left: auto;
                 margin-right: 0;
             }
             .filter-section .filters {
                 position: absolute;
                 right: 15px;
                 bottom: 20px;
             }
             .filter-section .content {
                 margin-left: -15px;
                 margin-right: -15px;
             }
             .filter-section .content .grid-item {
                 padding: 0 15px;
             }
             .filter-section .content .grid-item:nth-child(-n+4) {
                 margin-bottom: 30px;
             }
             .filter-section .content .grid-item .filter-detail {
                 opacity: 1;
             }
             .food-banner {
                 padding: 90px 0;
             }
             .food-banner .food-content {
                 text-align: center;
             }
             .food-banner .food-content h3 {
                 margin-bottom: 35px;
                 margin-top: -2px;
             }
             .food-banner .food-content .strip-cls {
                 margin-top: 10px;
             }
             .discount-banner {
                 background-position: left;
             }
             .discount-banner .banner-content {
                 text-align: center;
                 background-color: rgba(239, 63, 62, 0.65);
                 padding: 25px;
             }
             .book-table {
                 background-position: left;
                 background-color: #c12525;
             }
             .book-table .table-form {
                 padding: 25px;
             }
             .book-table .table-form form {
                 display: block;
             }
             .book-table .table-form form .row {
                 display: block;
                 margin-right: 0;
                 margin-left: 0;
             }
             .book-table .table-form form .row>div+div {
                 margin-top: 15px;
             }
             .book-table .table-form form .btn-rounded {
                 margin-left: 0;
                 margin-top: 25px;
                 width: 100%;
             }
             .book-table .table-form form .form-group {
                 margin-right: 0;
             }
             .book-table .table-form form .gj-datepicker {
                 margin-right: 0;
             }
             .book-table.single-table {
                 background-color: transparent;
             }
             .full-page {
                 height: 130vh;
                 overflow: scroll;
             }
             .full-page .single-section {
                 height: 130vh;
             }
             .full-page .single-section .description-section .description-details .menu-part .list-view .list-box {
                 text-align: center;
             }
             .full-page .single-section .description-section .description-details .menu-part .list-view .list-box .list-img {
                 width: 70%;
                 margin: 0 auto;
             }
             .full-page .single-section .description-section .description-details .menu-part .list-view .list-box .list-content .facility-icon {
                 -webkit-box-pack: center;
                 -ms-flex-pack: center;
                 justify-content: center;
             }
             .full-page .single-section .description-section .description-details .menu-part .list-view .list-box .list-content .rating {
                 -webkit-box-pack: center;
                 -ms-flex-pack: center;
                 justify-content: center;
             }
             .cab-full .left-bar.fixed-cls .flight-search .flight-search-detail form {
                 margin: 0;
             }
             .cab-full .left-bar.fixed-cls .flight-search .flight-search-detail form>div {
                 margin-top: 0;
                 padding: 0;
             }
             .top-banner .top-banner-content {
                 right: 5%;
                 -webkit-transform: translateY(-50%) scale(0.6);
                 transform: translateY(-50%) scale(0.6);
             }
             .price-section .container-fluid {
                 padding-left: 25px;
                 padding-right: 25px;
             }
             .price-section .price-box .price-img .bg-size:before {
                 padding-top: 50%;
             }
             footer .footer .footer-title.mobile-title {
                 display: block;
             }
             footer .footer .footer-title h5 {
                 margin-bottom: 20px;
             }
             footer .footer .footer-title .according-menu {
                 display: block;
             }
             footer .footer .footer-content {
                 margin-bottom: 20px;
             }
             footer .footer .footer-content .contact-detail .footer-logo {
                 margin-bottom: 15px;
             }
             footer .footer .footer-content .contact-detail .contact-list li {
                 color: rgba(255, 255, 255, 0.7);
             }
             footer .footer .footer-content .footer-place .place {
                 text-align: center;
             }
             footer .footer .order-row>div:nth-child(3),
             footer .footer .order-row>div:last-child {
                 margin-top: 0;
             }
             footer .footer .order-row>div:last-child .footer-title h5 {
                 margin-bottom: 0;
             }
             footer .footer .order-row>div:last-child .footer-content {
                 margin-bottom: 0;
                 margin-top: 20px;
             }
             footer .sub-footer .footer-social {
                 display: -webkit-box;
                 display: -ms-flexbox;
                 display: flex;
                 -webkit-box-align: center;
                 -ms-flex-align: center;
                 align-items: center;
                 -webkit-box-pack: center;
                 -ms-flex-pack: center;
                 justify-content: center;
                 margin-bottom: 5px;
             }
             footer .sub-footer .copy-right p {
                 text-align: center;
             }
             .tap-top {
                 font-size: 20px;
                 padding: 5px 5px 5px 5px;
                 width: 30px;
                 height: 30px;
                 bottom: 40px;
             }
             .process-steps .step-bg .row>div {
                 margin-top: 20px;
             }
             .process-steps .step-bg .row>div:nth-child(1),
             .process-steps .step-bg .row>div:nth-child(3) {
                 margin-bottom: 0;
             }
             .process-steps .step-bg .row>div:nth-child(2),
             .process-steps .step-bg .row>div:nth-child(4) {
                 margin-top: 20px;
             }
             .process-steps .step-bg .row>div:first-child {
                 margin-top: 0;
             }
             .process-steps .step-bg .row.popular-section>div:nth-child(3),
             .process-steps .step-bg .row.popular-section>div:nth-child(4) {
                 margin-top: 30px;
             }
             .process-steps .step-bg:before {
                 -webkit-transform: rotate(90deg);
                 transform: rotate(90deg);
             }
             .filter-panel.filter-title-bar {
                 text-align: center;
             }
             .filter-panel.filter-title-bar h4 {
                 padding-bottom: 10px;
             }
             .subscribe-footer .service-left li {
                 display: block;
                 margin-top: 20px;
             }
             .subscribe-footer .service-left li .service-box {
                 display: -webkit-box;
                 display: -ms-flexbox;
                 display: flex;
                 padding: 0;
                 border: none;
             }
             .subscribe-footer .service-left li:first-child {
                 margin-top: 0;
             }
             .subscribe-footer .service-right {
                 width: 90%;
             }
             .video-slider {
                 height: 270px;
             }
             .loader-wrapper.img-gif img {
                 width: 70%;
             }
             .testimonial_section .testimonial .bottom-part p {
                 max-width: 100%;
             }
             .facts-section .facts-box {
                 padding: 30px;
             }
             .facts-section .facts-box .img {
                 margin-bottom: 7px;
             }
             .special-section.grid-box .special-box .special-content p {
                 line-height: 1.2;
             }
             .special-section.grid-box .special-box .special-content .bottom-section .price {
                 display: block;
             }
             .special-section.grid-box .special-box .special-content .bottom-section .price .facility-detail {
                 margin-left: 0;
                 margin-top: 10px;
             }
             .search-panel .search-section .search-box .left-part {
                 display: block;
                 padding-top: 10px;
                 padding-bottom: 10px;
             }
             .search-panel .search-section .search-box .left-part .search-body {
                 width: 49%;
                 padding: 14px 10px;
             }
             .search-panel .search-section .search-box .left-part .search-body:nth-child(2):after,
             .search-panel .search-section .search-box .left-part .search-body:nth-child(4):after {
                 display: none;
             }
             .search-panel .search-section .search-box .left-part .search-body.btn-search {
                 width: 100%;
             }
             .list-view .list-box {
                 display: block;
             }
             .list-view .list-box .list-img {
                 width: 100%;
             }
             .list-view .list-box .list-img img {
                 width: 100%;
             }
             .list-view .list-box .list-content {
                 width: 100%;
                 margin-left: 0;
                 margin-top: 10px;
             }
             .list-view .list-box .list-content .offer-box {
                 position: relative;
                 max-width: 100%;
                 border: none;
                 padding: 0;
             }
             .list-view .list-box .list-content p {
                 margin-bottom: 10px;
             }
             .list-view .list-box .list-content .facility-icon {
                 margin-top: 18px;
             }
             .list-view .list-box .list-content .offer-box {
                 margin-top: 7px;
             }
             .list-view .list-box .list-content h6 {
                 max-width: 100%;
             }
             .single-section .description-section .menu-top {
                 margin-top: 10px;
             }
             .single-section .description-section .menu-top li a {
                 padding: 0 8px;
             }
             .single-section .description-section .menu-top li.active a {
                 border-bottom: none;
             }
             .single-section .description-section .description-details .menu-part {
                 margin-top: 10px;
             }
             .single-section .description-section .description-details .menu-part.map iframe {
                 height: 250px;
             }
             .single-section .description-section.tab-section .menu-top li a {
                 padding: 11px 8px;
             }
             .single-section .description-section.tab-section .description-details .menu-part .margin-up {
                 margin-top: 20px;
             }
             .hotel-single-section .hotel-title-section .hotel-name {
                 padding: 40px 0 20px 0;
             }
             .hotel-single-section .hotel-title-section .hotel-name .left-part .top {
                 margin-bottom: 10px;
             }
             .hotel-single-section.parallax-img {
                 background-attachment: unset;
             }
             .hotel_title_section .hotel-name {
                 padding: 0 0 30px 0;
             }
             .hotel_title_section .hotel-name .left-part .top {
                 margin-bottom: 10px;
             }
             .detail-menu .nav-tabs .nav-link {
                 padding: 7px;
             }
             .booking-bottom-section .row>div:nth-child(2) {
                 margin-top: 20px;
             }
             .full-width-detail .about-section {
                 margin-top: 30px;
             }
             .full-width-detail .place-detail li {
                 padding: 0 6px;
                 text-transform: capitalize;
             }
             .full-width-detail .place-detail li+li:after {
                 display: none;
             }
             .order-food-section .order-food {
                 -webkit-box-align: center;
                 -ms-flex-align: center;
                 align-items: center;
             }
             .order-food-section .order-food .book-table.single-table .table-form {
                 margin-bottom: -90px;
             }
             .view-map .arrow {
                 font-size: 12px;
                 left: 40px;
                 top: -39px;
             }
             .view-map .arrow:after {
                 width: 30px;
                 height: 30px;
                 left: -37px;
                 bottom: -15px;
             }
             .order-menu-section .order-section .order-items .items p {
                 max-width: 74%;
             }
             .review-section .review_box .flight_detail .form_flight form .form-group {
                 margin-bottom: 20px;
             }
             .review-section .review_box .flight_detail .form_flight form .row .form-group:last-child {
                 margin-bottom: 0;
             }
             .review-section .review_box .flight_detail .logo-sec {
                 margin-bottom: 10px;
             }
             .review-section .review_box .flight_detail .duration {
                 margin-top: 10px;
             }
             .review-section .review_box .flight_detail .addons-according .seat-select .seat-details {
                 position: relative;
                 top: 0;
                 margin-bottom: 15px;
             }
             .success-section .success-detail p {
                 line-height: 24px;
             }
             .filter-panel {
                 display: block;
             }
             .filter-panel .filter-bottom-title {
                 margin-top: 20px;
                 border-top: 1px solid #f9f9f9;
                 width: 100%;
                 padding-top: 20px;
             }
             .filter-panel .filter-bottom-title h5 {
                 margin-left: auto;
             }
             .filter-panel .right-panel.search_filter {
                 margin-top: 20px;
                 border-top: 1px solid #f9f9f9;
                 width: 100%;
                 padding-top: 20px;
             }
             .filter-panel .right-panel.search_filter .filter-bottom-title {
                 padding-left: 0;
                 padding-top: 0;
                 margin-top: 0;
                 border-top: none;
                 width: 50%;
             }
             .filter-panel .right-panel.search_filter .view-map {
                 width: 50%;
             }
             .filter-panel.right-filter,
             .filter-panel.filter-map {
                 display: -webkit-box;
                 display: -ms-flexbox;
                 display: flex;
             }
             .portfolio-creative .content-sec p {
                 max-width: 100%;
             }
             .blog-inner.blog_section .blog-list .blog-wrap {
                 display: block;
             }
             .blog-inner.blog_section .blog-list .blog-wrap .blog-image {
                 width: 100%;
             }
             .blog-inner.blog_section .blog-list .blog-wrap .blog-details {
                 width: 100%;
             }
             .blog-inner.blog_section .blog-list .blog-wrap .blog-details p {
                 -webkit-line-clamp: 3;
             }
             .blog-single-detail .title-part .post-detail li {
                 display: block;
             }
             .blog-single-detail .title-part .post-detail li+li {
                 margin-left: 0;
                 padding-left: 0;
                 border-left: none;
             }
             .contact-map {
                 margin-top: 30px;
                 height: auto;
             }
             .contact_right.contact_section {
                 -webkit-box-ordinal-group: 0;
                 -ms-flex-order: -1;
                 order: -1;
             }
             .account-sign-in .login-with .login-social .boxes {
                 padding: 20px 0;
             }
             .account-sign-in .login-with .login-social .boxes h6 {
                 margin-left: 10px;
             }
             .checkout-process .checkout-box .address-sec .select-box {
                 margin-top: 25px;
             }
             .checkout-process .checkout-box .address-sec .select-box:first-child {
                 margin-top: 0;
             }
             .skeleton_loader .blog-inner.blog_section .blog-list .blog-wrap .blog-details.text-md-right h6,
             .skeleton_loader .blog-inner.blog_section .blog-list .blog-wrap .blog-details.text-md-right h5,
             .skeleton_loader .blog-inner.blog_section .blog-list .blog-wrap .blog-details.text-md-right span,
             .skeleton_loader .blog-inner.blog_section .blog-list .blog-wrap .blog-details.text-md-right p {
                 margin-right: auto;
                 margin-left: unset;
             }
             .skeleton_loader .search-panel .search-section .search-box .left-part .search-body {
                 width: 49%;
             }
             .skeleton_loader .search-panel .search-section .search-box .left-part .search-body.btn-search {
                 width: 100%;
             }
             .skeleton_loader .hotel_title_section .hotel-name .left-part .top h2 {
                 width: 220px;
             }
             .skeleton_loader .hotel_title_section .hotel-name .right-part .price {
                 width: 110px;
                 margin-left: auto;
             }
             .skeleton_loader .single-section .description-section.tab-section .menu-top li {
                 margin: 10px 6px 0;
             }
             .skeleton_loader .single-section .description-section.tab-section .menu-top li a {
                 padding: 8px 16px;
             }
         }
         
         @media (max-width: 991px) and (min-width: 768px) {
             .container.custom-container {
                 max-width: 820px;
             }
         }
         
         @media (width: 640px) and (height: 360px) {
             .cab-section {
                 height: 200vh;
             }
             .cab-section .cab-content {
                 height: 200vh;
             }
             .cab-section.flight-section {
                 height: 100%;
                 padding-bottom: 25px;
             }
             .cab-section.flight-section .cab-content {
                 height: 100%;
                 padding-bottom: 25px;
             }
             .home_section .home {
                 height: 130vh;
             }
             .home_section .home .home-content {
                 height: 130vh;
             }
             .home_section .home.home-long {
                 height: 130vh;
             }
             .home_section .home.home-long .home-content {
                 height: 130vh;
             }
             .home_section .home.home-mobile {
                 height: 140vh;
             }
             .home_section .home.home-mobile .home-content.smaller-content {
                 height: 140vh;
             }
             .search-section {
                 margin-top: -15px;
             }
             .full-page {
                 height: 220vh;
             }
             .full-page .single-section {
                 height: 220vh;
             }
         }
         
         @media (max-width: 576px) {
             section,
             .section-t-space {
                 padding-top: 40px;
             }
             .section-b-space {
                 padding-bottom: 40px;
             }
             .medium-section {
                 padding-top: 30px;
                 padding-bottom: 30px;
             }
             .radius-cls {
                 border-radius: 2px;
             }
             .btn {
                 font-size: 14px;
                 line-height: 18px;
             }
             .btn.btn-sm {
                 padding: 6px 14px;
             }
             .btn.btn-solid {
                 padding: 7px 12px;
             }
             .btn-solid,
             .btn-curve {
                 padding: 7px 12px;
             }
             .btn-rounded {
                 padding: 9px 22px;
             }
             .title-1 .title-label {
                 padding: 3px 14px;
             }
             .title-1.title-5 p {
                 margin-bottom: 20px;
             }
             .title-2 p {
                 margin-bottom: 20px;
             }
             .title-3 h2 {
                 margin-bottom: 20px;
             }
             .title-3 .title-label {
                 padding: 3px 14px;
             }
             header .menu .header-right li+li {
                 margin-left: 10px;
             }
             header .menu .header-right .setting .setting-open {
                 bottom: -80px;
             }
             header .mix-pills.nav-pills .nav-link {
                 padding: 0 8px;
             }
             header .mix-pills.nav-pills .nav-link:after {
                 bottom: -10px;
             }
             .breadcrumb-section {
                 height: 270px;
             }
             .breadcrumb-section .breadcrumb-content {
                 height: 270px;
                 padding-top: 60px;
             }
             .breadcrumb-section .breadcrumb-content>div {
                 padding: 20px 25px;
                 margin: 0 10px;
             }
             .breadcrumb-section .breadcrumb-content h2 {
                 margin-bottom: 5px;
                 margin-top: -4px;
             }
             .breadcrumb-section .title-breadcrumb {
                 font-size: 290px;
             }
             .breadcrumb-section.breadcrumb-cum-header {
                 height: 300px;
             }
             .breadcrumb-section.breadcrumb-cum-header .breadcrumb-content {
                 height: 300px;
             }
             .home_section .home .home-content {
                 padding-top: 60px;
             }
             .home_section .home .home-content h5 {
                 margin-bottom: 2px;
                 letter-spacing: 0.01em;
             }
             .home_section .home .home-content .btn {
                 padding: 6px 10px;
             }
             .home_section .home .home-content>div {
                 padding: 20px 70px;
             }
             .home_section .home .home-content .flight-search .flight-search-detail {
                 padding: 10px 0;
             }
             .home_section .home .home-content .flight-search .flight-search-detail form .col:nth-child(even) {
                 padding-left: 5px;
             }
             .home_section .home .home-content .flight-search .flight-search-detail form .col:nth-child(odd) {
                 padding-right: 5px;
             }
             .home_section .home .home-content .flight-search .flight-search-detail form .col.search-col {
                 margin-right: 10px;
                 margin-left: 50%;
             }
             .home_section .home .home-content.food_content {
                 padding-top: 30px;
             }
             .home_section .home .home-content.food_content>div {
                 padding: 20px 30px;
             }
             .home_section .home .home-content.food_content h1 {
                 margin-bottom: 10px;
             }
             .home_section .home .home-content.mix-layout .flight-search .flight-search-detail form .col.search-col {
                 margin-right: 0;
             }
             .home_section .home .home-content.mix-layout.smaller-content .search-panel .search-section .search-box .left-part .search-body {
                 padding: 6px 6px;
             }
             .home_section .home.home-padding .home-content {
                 padding: 30px 0 30px 0;
             }
             .home_section .home.home-long {
                 height: 70vh;
             }
             .home_section .home.home-long .home-content {
                 height: 70vh;
             }
             .home_section .home.home-long .home-content.mix-layout .flight-search .flight-search-detail form>div {
                 padding-left: 15px !important;
                 padding-right: 15px !important;
             }
             .home_section .home.home-mobile .home-content.smaller-content {
                 padding-top: 30px;
             }
             .home_section .home.home-mobile .home-content.smaller-content h1 {
                 font-size: calc(14px + (60 - 14) * ((100vw - 320px) / (1920 - 320)));
             }
             .home_section .slick-prev,
             .home_section .slick-next {
                 padding: 15px;
             }
             .home_section .slick-prev:after,
             .home_section .slick-next:after {
                 font-size: 14px;
             }
             .home_section .offer-text {
                 display: none;
             }
             .home_effect .effect_image img {
                 bottom: -60px;
             }
             .tour_layout .flight-search .flight-search-detail .form-group .gj-datepicker button,
             .tour_layout .flight-search .flight-search-detail .form-group .gj-timepicker button {
                 width: 40px;
             }
             .tour_layout .flight-search .flight-search-detail .form-group .gj-datepicker button i,
             .tour_layout .flight-search .flight-search-detail .form-group .gj-timepicker button i {
                 top: 9px;
                 left: 9px;
             }
             .tour_layout .flight-search .flight-search-detail .form-group img {
                 padding: 9px;
             }
             .location-option {
                 margin-bottom: 8px;
             }
             .location-option [type="radio"]:checked+label:before,
             .location-option [type="radio"]:not(:checked)+label:before {
                 top: 0;
             }
             .classic-slider .slick-dots {
                 top: 80%;
                 display: -webkit-box;
                 display: -ms-flexbox;
                 display: flex;
                 left: 50%;
                 -webkit-transform: translateX(-50%);
                 transform: translateX(-50%);
                 -webkit-box-align: center;
                 -ms-flex-align: center;
                 align-items: center;
                 -webkit-box-pack: center;
                 -ms-flex-pack: center;
                 justify-content: center;
             }
             .classic-slider .slick-dots li {
                 margin: 0 5px;
             }
             .classic-slider .slick-dots li .dot {
                 opacity: 0.7;
             }
             .cab-section .cab-content {
                 padding-top: 56px;
             }
             .cab-section .cab-content h2 {
                 margin-bottom: 4px;
                 text-transform: capitalize;
             }
             .cab-section .cab-content form .form-control {
                 padding: 6px 14px !important;
             }
             .cab-section .cab-content form .form-group {
                 margin-bottom: 10px;
             }
             .cab-section .cab-content form .form-group img {
                 padding: 9px !important;
             }
             .cab-section .cab-content form .gj-datepicker button,
             .cab-section .cab-content form .gj-timepicker button {
                 width: 37px;
             }
             .cab-section .cab-content form .row>div {
                 margin-top: 10px;
             }
             .cab-section .cab-content .car-select .btn {
                 padding: 6px 15px;
             }
             .cab-section.flight-section .cab-content .top-cls {
                 display: none;
             }
             .arrow-classic .slick-next,
             .arrow-classic .slick-prev {
                 display: none !important;
             }
             .app-section .app-content .app-buttons a {
                 padding: 6px 8px;
             }
             .app-section .app-content .label span {
                 padding: 3px 12px;
             }
             .app-section .app-content .label span:after {
                 right: -47px;
                 width: 50px;
                 height: 22px;
             }
             .app-section .app-image .image:last-child {
                 margin-left: 10px;
             }
             .app-section .app-box {
                 padding: 30px;
                 background-color: rgba(0, 0, 0, 0.1);
             }
             .app-section .app-box h2,
             .app-section .app-box h5 {
                 margin-bottom: 10px;
             }
             .app-section .app-box .app-buttons a {
                 padding: 8px 14px;
             }
             .app-section .order-cls>div:first-child {
                 margin-top: 15px;
             }
             .app-section.app-right-sec .app-content {
                 padding: 30px;
             }
             .circle {
                 height: 80px;
                 width: 80px;
                 left: 60px;
             }
             .circle.b-round {
                 height: 130px;
                 width: 130px;
             }
             .service-section .service-box {
                 padding: 30px;
                 -webkit-box-shadow: 10px 17.321px 30px 0px rgba(206, 206, 206, 0.19);
                 box-shadow: 10px 17.321px 30px 0px rgba(206, 206, 206, 0.19);
             }
             .search-section {
                 margin-top: -25px;
             }
             .testimonial-section .testimonial {
                 display: block;
                 text-align: center;
                 padding-bottom: 40px;
             }
             .testimonial-section .testimonial .right-part {
                 margin-left: 0;
                 max-width: 100%;
             }
             .testimonial-section .testimonial .right-part p {
                 margin-bottom: 10px;
             }
             .testimonial-section .testimonial .right-part .detail {
                 -webkit-box-pack: center;
                 -ms-flex-pack: center;
                 justify-content: center;
             }
             .testimonial-section .testimonial .quote-icon {
                 display: none;
             }
             .testimonial-section .animation-section {
                 opacity: 0.1;
             }
             .subscribe-section .input-group .btn {
                 padding: 10px 16px;
             }
             .subscribe-section .input-group .form-control {
                 padding: 10px 15px;
             }
             .testimonial_section .testimonial .top-part .img-part {
                 margin-top: 40px;
             }
             .subscribe_section .input-section input {
                 border-radius: 10px;
                 padding: 20px 120px 20px 20px;
             }
             .subscribe_section .input-section .btn {
                 right: 20px;
                 padding: 6px 12px;
             }
             .about-section .image-section .img-box .no-class {
                 bottom: -15px;
                 top: unset;
                 left: 50%;
                 -webkit-transform: translateX(-50%);
                 transform: translateX(-50%);
             }
             .about-section .image-section .img-box+.img-box {
                 margin-left: 15px;
             }
             .about-section.three-image .about-text img {
                 width: 122px;
             }
             .about-section.about_page .image-section .img-box .title-box {
                 padding: 8px;
                 left: 0;
                 -webkit-transform: none;
                 transform: none;
                 width: 100%;
                 min-width: 100%;
             }
             .about-section.about_page .image-section .img-box .title-box h3 {
                 margin-bottom: 0;
             }
             .about-section.about_page .image-section .img-box:nth-child(odd) {
                 margin-bottom: 25px;
             }
             .about-section.about_page .image-section .img-box:nth-child(odd) .title-box {
                 bottom: -25px;
             }
             .about-section.about_page .image-section .img-box:nth-child(even) {
                 margin-top: 25px;
             }
             .about-section.about_page .image-section .img-box:nth-child(even) .title-box {
                 top: -25px;
             }
             .about-section.about_page .about-text {
                 margin-top: 20px;
             }
             .about-section.about_page .about-text .title-3 {
                 margin-bottom: 15px;
             }
             .about-section.about_page .about-text .buttons-about {
                 margin-top: 15px;
             }
             .ticket-section .ticket-box .content {
                 padding: 25px;
             }
             .ticket-section .ticket-box .content .barcode-design {
                 display: none;
             }
             .ticket-section .ticket-box .content .detail {
                 max-width: 100%;
             }
             .ticket-section .slick-next:before,
             .ticket-section .slick-prev:before {
                 padding: 2px;
                 font-size: 21px;
             }
             .ticket-section .slick-prev {
                 left: -8px;
             }
             .ticket-section.white-section .ticket-box {
                 margin-bottom: 40px;
             }
             .ticket-section.white-section.section-b-space {
                 padding-bottom: 0;
             }
             .timer li {
                 margin-right: 5px;
             }
             .video-icon {
                 width: 46px;
                 height: 30px;
                 border-radius: 6px;
             }
             .video-icon span {
                 border-top: 6px solid transparent;
                 border-left: 12px solid white;
                 border-bottom: 6px solid transparent;
             }
             .menu-section .slick-slide {
                 margin: 0 15px;
             }
             .topTour .topTour_box {
                 -webkit-box-shadow: none;
                 box-shadow: none;
             }
             .video-section {
                 padding: 60px;
             }
             .video-section .basic-section h4 {
                 letter-spacing: 0.2em;
             }
             .video-section .basic-section h2,
             .video-section .basic-section h4 {
                 margin-bottom: 15px;
             }
             .video-section .basic-section .video-icon .animation-circle-inverse i {
                 border-radius: 6px;
             }
             .video_section {
                 padding: 60px 0;
             }
             .video_section .video-content h5 {
                 margin-bottom: 12px;
             }
             .video_section .video-content h2 {
                 margin-bottom: 10px;
             }
             .video_section .video-content p {
                 margin-bottom: 12px;
             }
             .video_section .video-content .bottom-section {
                 margin-top: 20px;
             }
             .video_section .video-content .bottom-section .info-btn {
                 margin-left: 10px;
             }
             .video_section .video-image img {
                 border-radius: 15px;
             }
             .video_section .video-image .side-effect:before {
                 width: calc(100% + 50px);
                 left: -25px;
                 border-radius: 15px;
             }
             .video_section .video-image .side-effect:after {
                 border-radius: 15px;
             }
             .video_section .order-cls {
                 margin-bottom: 30px;
             }
             .video_section .offer-text {
                 display: none;
             }
             .gallery-section .zoom-gallery>div:nth-child(1),
             .gallery-section .zoom-gallery>div:nth-child(2),
             .gallery-section .zoom-gallery>div:nth-child(3),
             .gallery-section .zoom-gallery>div:nth-child(4) {
                 -webkit-box-flex: 0;
                 -ms-flex: 0 0 100%;
                 flex: 0 0 100%;
                 max-width: 100%;
             }
             .blog-section .blog-box .img-part img {
                 min-width: 180px;
             }
             .blog_section.section-b-space {
                 padding-bottom: 10px;
             }
             .blog_section.destination-section .slick-slide>div {
                 margin: 0 15px;
             }
             .blog_section.destination-section .slick-list {
                 margin-left: -15px;
                 margin-right: -15px;
             }
             .special-section .special-box .special-content {
                 padding: 20px;
             }
             .special-section .special-box .special-img .label {
                 left: 15px;
                 top: 15px;
             }
             .special-section .special-box .special-img .label i {
                 padding: 9px 10px;
             }
             .special-section .special-box .special-img .content-inner {
                 bottom: 15px;
                 background-color: rgba(255, 255, 255, 0.78);
             }
             .special-section.section-b-space {
                 padding-bottom: 10px;
             }
             .special-section.animated-section .animation-section {
                 opacity: 0.1;
             }
             .full-banner {
                 padding: 50px 0;
             }
             .full-banner.banner-section .banner-content {
                 margin-top: 15px;
             }
             .category-section .slick-list {
                 margin-left: -15px;
                 margin-right: -15px;
             }
             .category-section .slick-slide>div {
                 margin: 0 15px;
             }
             .category-sec.section-b-space {
                 padding-bottom: 0;
             }
             .category-wrapper .category-wrap {
                 margin: 20px 15px 30px;
             }
             .category-wrapper .category-wrap .category-content .top {
                 display: block;
                 margin-bottom: 7px;
             }
             .category-wrapper .category-wrap .category-content .top h3 {
                 margin-bottom: 7px;
             }
             .category-wrapper .category-wrap .category-content .top h6 {
                 margin-left: 0;
             }
             .category-wrapper .category-wrap .category-content .bottom {
                 display: block;
             }
             .category-wrapper .category-wrap .category-content .bottom h3 {
                 margin-bottom: 7px;
             }
             .category-wrapper .category-wrap .category-content .bottom .coupon-code {
                 margin-left: 0;
             }
             .category-wrapper .category-wrap .category-content p {
                 -webkit-line-clamp: 2;
             }
             .category-wrapper.section-b-space {
                 padding-bottom: 10px;
             }
             .category-bg .category-block {
                 padding: 70px 20px 30px;
                 max-width: 70%;
                 margin: 35px auto 10px;
             }
             .category-bg.section-b-space {
                 padding-bottom: 30px;
             }
             .collection-banner .contain-banner h4 {
                 text-transform: capitalize;
                 margin-bottom: 5px;
             }
             .detail-section .detail-box .upper-part h6 {
                 margin-bottom: 10px;
             }
             .detail-section .detail-box .upper-part h2 {
                 padding-bottom: 15px;
                 margin-bottom: 15px;
             }
             .detail-section.no-bg-detail .detail-box .upper-part {
                 min-height: auto;
             }
             .about_section .about_img {
                 margin: 10px 15px;
             }
             .about_section .about_img .side-effect:after {
                 top: -5px;
                 left: 72px;
             }
             .about_section .about_img .side-effect:before {
                 top: -10px;
                 left: 110px;
             }
             .about_section .about_img .side-effect span:after {
                 bottom: -5px;
                 right: 72px;
             }
             .about_section .about_img .side-effect span:before {
                 bottom: -10px;
                 right: 110px;
             }
             .filter-section .content .grid-item .filter-detail h6 {
                 text-transform: capitalize;
                 letter-spacing: 0.1em;
             }
             .filter-section .content .grid-item .img-part .up-btn {
                 width: 40px;
                 height: 40px;
             }
             .filter-section .content .grid-item .img-part .up-btn i {
                 font-size: 16px;
             }
             .food-banner {
                 padding: 70px 0;
                 background-position: right;
             }
             .discount-banner {
                 padding: 60px 0;
             }
             .discount-banner .banner-content h4 {
                 margin-bottom: 14px;
             }
             .discount-banner .banner-content h2 {
                 margin-bottom: 15px;
             }
             .discount-banner .banner-content .coupon {
                 margin-bottom: 18px;
                 padding: 3px;
             }
             .discount-banner .banner-content .coupon h5 {
                 padding: 3px;
             }
             .discount-banner .banner-content p {
                 margin-bottom: 15px;
                 letter-spacing: 0.2em;
             }
             .book-table.single-table .table-form {
                 margin-top: -30px;
             }
             .book-table .table-form form .form-group input {
                 padding: 15px 15px 13px;
             }
             .book-table .table-form form .form-group img {
                 right: 15px;
                 top: 15px;
             }
             .book-table .table-form form .form-control {
                 padding: 15px 15px 13px;
             }
             .book-table .table-form form .input-group-append .btn i {
                 top: 4px;
                 left: 14px;
             }
             .car-type-section .type-box {
                 padding: 15px 5px;
             }
             .location-option [type="radio"]:checked+label:before,
             .location-option [type="radio"]:not(:checked)+label:before {
                 width: 12px;
                 height: 12px;
                 border: 3px solid #fff;
             }
             .location-option [type="radio"]:checked+label:before {
                 border: 3px solid #ef3f3e;
             }
             .location-option [type="radio"]:checked+label,
             .location-option [type="radio"]:not(:checked)+label {
                 padding-left: 20px;
             }
             .full-page .full-slider .slick-next,
             .full-page .full-slider .slick-prev {
                 display: none !important;
             }
             .full-page .full-slider .slick-dots li {
                 margin: 0 6px;
             }
             .cab-full .left-bar.fixed-cls .flight-search .flight-search-detail {
                 padding: 15px 15px 0;
             }
             .cab-full .left-bar.fixed-cls .flight-search .flight-search-detail form>div:first-child {
                 margin-top: 10px;
             }
             .cab-full .location-option [type="radio"]:checked+label:before,
             .cab-full .location-option [type="radio"]:not(:checked)+label:before {
                 top: 3px;
             }
             .top-banner .top-banner-content {
                 font-size: 26px;
             }
             .top-banner .flip>div>div {
                 margin-bottom: 50px;
             }
             .parallax-effect .food-img.food2 img {
                 width: 40px;
             }
             .parallax-effect .food-img.food3 img {
                 width: 50px;
             }
             .parallax-effect .food-img.food4 img {
                 width: 30px;
             }
             .parallax-effect img {
                 width: 50px;
             }
             footer .footer .footer-title h5 {
                 margin-bottom: 15px;
             }
             footer .footer .footer-content {
                 margin-bottom: 15px;
             }
             footer .footer .order-row>div:last-child .footer-content {
                 margin-top: 15px;
             }
             footer .sub-footer {
                 padding: 15px 0;
             }
             .video-slider {
                 height: 220px;
             }
             .process-steps .step-bg .row.popular-section>div:nth-child(2),
             .process-steps .step-bg .row.popular-section>div:nth-child(4) {
                 margin-top: 30px;
             }
             .process-steps .bird-container {
                 top: 10%;
             }
             .mix-pills {
                 margin-bottom: 10px !important;
             }
             .mix-pills.nav-pills .nav-link {
                 padding: 8px;
             }
             .team-section .team-box .team-content {
                 min-width: 160px;
                 padding: 15px;
             }
             .team-section .team-box .team-content h3 {
                 margin-bottom: 3px;
                 margin-top: -2px;
             }
             .team-section .team-box .team-social {
                 bottom: 40px;
             }
             .team-section .team-box .team-social .social-box {
                 opacity: 1;
                 margin: 0 2px;
             }
             .team-section .team-box:hover .team-social .social-box {
                 -webkit-transform: scale(0.8);
                 transform: scale(0.8);
             }
             .team-section .slick-dots {
                 padding-top: 15px;
             }
             .team-section .slick-dots li {
                 margin: 0 2px;
             }
             .team-section .slick-dots li button:before {
                 font-size: 10px;
             }
             .team-section .slick-dots li.slick-active button:after {
                 font-size: 20px;
                 left: 0px;
             }
             .facts-section .row>div:nth-last-child(-n+2) {
                 margin-top: 20px;
             }
             .facts-section .facts-box {
                 padding: 10px;
             }
             .facts-section .facts-box .img img {
                 height: 40px;
                 width: auto;
             }
             .facts-section .animated-section .animation-section {
                 opacity: 0.1;
             }
             .filter-panel .respon-filter-btn {
                 display: block;
                 cursor: pointer;
             }
             .filter-panel .respon-filter-btn h6 {
                 font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
                 text-transform: capitalize;
                 color: black;
                 font-weight: 700;
                 margin-bottom: 0;
             }
             .filter-panel .respon-filter-content {
                 display: none;
             }
             .filter-panel .respon-filter-content.show {
                 display: block;
                 position: absolute;
                 background-color: white;
                 width: 150px;
                 z-index: 2;
                 left: 15px;
                 top: 45px;
                 -webkit-box-shadow: -4px -1px 20px 0px rgba(0, 0, 0, 0.13);
                 box-shadow: -4px -1px 20px 0px rgba(0, 0, 0, 0.13);
             }
             .filter-panel .respon-filter-content.show ul li {
                 display: block;
                 background-color: white;
             }
             .filter-panel .respon-filter-content.show ul li.active {
                 background-color: white;
                 color: #ef3f3e;
             }
             .filter-panel.right-filter .respon-filter-content {
                 left: unset;
                 right: 15px;
             }
             .filter-panel.right-filter.open-cls .respon-filter-content {
                 right: unset;
                 left: 15px;
             }
             .map-section {
                 margin-top: 0;
             }
             .map-section iframe,
             .map-section .map {
                 height: 280px;
             }
             .pagination-section {
                 margin-top: 30px;
             }
             .single-section .description-section .description-details .menu-part {
                 margin-bottom: 20px;
                 padding: 15px;
             }
             .single-section .description-section .description-details .menu-part.about .about-sec p {
                 line-height: 1.3;
             }
             .single-section .description-section .description-details .menu-part.about .about-sec ul li {
                 line-height: 1.3;
             }
             .single-section .description-section .description-details .menu-part.review .review-box p {
                 line-height: 1.3;
             }
             .single-section .description-section .description-details .menu-part .zoom-gallery>div:nth-child(-n+5) {
                 margin-bottom: 20px;
             }
             .single-section .single-sidebar .social-box {
                 margin-top: 10px;
             }
             .single-section .single-sidebar p {
                 line-height: 1.3;
             }
             .single-section .single-sidebar .book-btn-section {
                 margin-top: 0;
                 padding-top: 5px;
             }
             .d-small-none {
                 display: none;
             }
             .hotel-single-section {
                 height: 350px;
             }
             .hotel-single-section .hotel-title-section {
                 background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(0, 0, 0, 0.7)), to(rgba(231, 56, 39, 0)));
                 background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 50%, rgba(231, 56, 39, 0) 100%);
             }
             .hotel-single-section .hotel-title-section .hotel-name {
                 display: block;
                 padding: 40px 0 10px 0;
             }
             .hotel-single-section .hotel-title-section .hotel-name .left-part {
                 margin-bottom: 8px;
             }
             .hotel-single-section .hotel-title-section .hotel-name .left-part .facility-detail {
                 display: none;
             }
             .hotel-single-section .hotel-title-section .hotel-name .left-part .top {
                 margin-bottom: 10px;
             }
             .hotel-single-section .hotel-title-section .hotel-name .right-part {
                 text-align: left;
                 margin-top: 0;
             }
             .hotel-single-section .hotel-title-section .hotel-name .right-part .btn {
                 display: none;
             }
             .hotel-single-section .hotel-title-section .hotel-name .right-part .price {
                 margin-bottom: -5px;
             }
             .hotel_title_section .hotel-name {
                 display: block;
                 padding: 0 0 20px 0;
             }
             .hotel_title_section .hotel-name .left-part .facility-detail {
                 display: none;
             }
             .hotel_title_section .hotel-name .left-part .top {
                 margin-bottom: 5px;
             }
             .hotel_title_section .hotel-name .left-part p {
                 margin-bottom: 5px;
             }
             .hotel_title_section .hotel-name .right-part {
                 text-align: left;
                 margin-top: 0;
             }
             .hotel_title_section .hotel-name .right-part .btn {
                 display: none;
             }
             .hotel_title_section .hotel-name .right-part .price {
                 margin-bottom: -5px;
             }
             .variable-width .slick-slide img {
                 height: 320px;
             }
             .summery-box {
                 padding: 15px;
             }
             .summery-box .hotel-section .hotel-detail {
                 margin-left: 8px;
             }
             .guest-detail {
                 padding: 15px;
             }
             .guest-detail form .form-group {
                 margin-bottom: 10px;
             }
             .guest-detail form .form-control {
                 padding: 5px;
             }
             .guest-detail form #mobile-no {
                 padding: 5px 5px 5px 48px;
             }
             .guest-detail form .submit-btn .btn {
                 width: 100%;
                 margin-top: 10px;
             }
             .book-panel {
                 display: -webkit-box;
                 display: -ms-flexbox;
                 display: flex;
             }
             .full-width-detail .about-section {
                 margin-top: 20px;
             }
             .left-sidebar.sidebar-popup {
                 top: 70px;
             }
             .top-title-bar .hotel_title_section {
                 display: block;
                 text-align: center;
             }
             .top-title-bar .hotel_title_section .right-part {
                 text-align: center;
             }
             .top-title-bar .hotel_title_section ul {
                 -webkit-box-pack: center;
                 -ms-flex-pack: center;
                 justify-content: center;
                 margin-top: 10px;
             }
             .top-bar-flight .date-fare-slider .slick-slider .slick-prev:before,
             .top-bar-flight .date-fare-slider .slick-slider .slick-next:before {
                 font-size: 14px;
             }
             .top-bar-flight .date-fare-slider .slick-slider .slick-prev {
                 left: -26px;
             }
             .top-bar-flight .date-fare-slider .slick-slider .slick-next {
                 right: -26px;
             }
             .top-bar-flight .fare-calender {
                 width: 25%;
             }
             .review-section .review_box .flight_detail {
                 padding: 10px;
             }
             .review-section .review_box .flight_detail .form_flight form select.form-control:not([size]):not([multiple]) {
                 height: 32px;
             }
             .review-section .review_box .flight_detail .form_flight form .form-control {
                 padding: 3px 6px;
             }
             .review-section .review_box .flight_detail .promo-section .form-control {
                 padding: 3px 6px;
             }
             .review-section .review_box .flight_detail .addons-according .seat-select .plane .cockpit {
                 height: 110px;
             }
             .review-section .review_box .flight_detail .addons-according .seat-select .plane .cockpit:before {
                 height: 225px;
             }
             .review-section .review_box .flight_detail .addons-according .seat-select .plane .seat {
                 padding: 2px 2px;
             }
             .review-section .review_box .flight_detail.payment-gateway form .form-group img {
                 height: 14px;
                 bottom: 12px;
             }
             .success-section .animation {
                 height: 13rem;
             }
             .success-section .animation .animation__plane {
                 width: 12rem;
             }
             .success-section .animation .animation__plane--shadow {
                 width: 6rem;
                 height: 0.5rem;
             }
             .cab-single-detail .details>div:nth-child(2) {
                 margin-top: 15px;
             }
             .portfolio-section.creative-section .filter-button-group {
                 margin-bottom: 30px;
             }
             .contact_section .row>div:nth-child(-n+3) {
                 margin-bottom: 25px;
             }
             .get-in-touch form .form-control {
                 padding: 6px 12px;
             }
             .coming-soon .coming-soon-detail form {
                 width: 80%;
             }
             .faq-content {
                 padding: 15px 10px;
             }
             .faq-tab .nav-tabs .nav-item .nav-link {
                 padding: 3px 10px;
             }
             .full-page .full-slider .slick-dots li .pager__item {
                 padding: 0;
                 font-size: 14px;
             }
             .full-page .full-slider .slick-dots li.slick-active .pager__item {
                 font-weight: 700;
                 background-color: transparent;
             }
         }
         
         @media (max-width: 480px) {
             section,
             .section-t-space {
                 padding-top: 30px;
             }
             .section-b-space {
                 padding-bottom: 30px;
             }
             .top-category .top_box {
                 margin-top: 30px;
             }
             header .menu .brand-logo img {
                 width: 90px;
             }
             header .mix-pills.nav-pills .nav-link svg {
                 display: none;
             }
             .home_effect .effect_image img {
                 bottom: -20px;
             }
             .home_section .home .home-content h1 {
                 margin-top: -2px;
             }
             .home_section .home .home-content h5 {
                 margin-bottom: 0;
                 text-transform: capitalize;
             }
             .home_section .home .home-content>div {
                 padding: 20px 60px;
             }
             .home_section .slick-prev,
             .home_section .slick-next {
                 padding: 10px;
             }
             .home_section .slick-prev:after,
             .home_section .slick-next:after {
                 font-size: 12px;
             }
             .medium-section {
                 padding-top: 25px;
                 padding-bottom: 25px;
             }
             .app-section .app-content .title {
                 margin-bottom: 10px;
             }
             .app-section .app-content p {
                 line-height: 1.4;
                 margin-bottom: 8px;
             }
             .app-section .app-content h3 {
                 margin-bottom: 10px;
             }
             .app-section .app-box {
                 padding: 20px;
             }
             .app-section .app-box h2,
             .app-section .app-box h5 {
                 margin-bottom: 8px;
             }
             .app-section .app-box p {
                 margin-bottom: 12px;
                 line-height: 1.4;
             }
             .app-section .app-box .app-buttons a {
                 padding: 6px 10px;
             }
             .app-section .app-box .app-buttons .app-btn {
                 margin-left: 4px;
             }
             .service-section .service-box {
                 padding: 20px;
             }
             .service-section .service-box h3 {
                 margin-bottom: 6px;
                 font-size: 18px;
             }
             .service-section .service-box .service-icon {
                 margin-bottom: 14px;
             }
             .service-section .service-box .btn {
                 margin-top: 16px;
             }
             .service_section .col-6 {
                 max-width: 100%;
                 -webkit-box-flex: 0;
                 -ms-flex: 0 0 100%;
                 flex: 0 0 100%;
             }
             .service_section>div:nth-last-child(-n+5) {
                 margin-top: 10px;
             }
             .service-part .service-wrapper {
                 padding: 25px;
             }
             .service-part .service-wrapper h6 {
                 margin-bottom: 10px;
             }
             .service-part .service-wrapper h3 {
                 margin-bottom: 5px;
             }
             .service-part .service-wrapper p {
                 margin-bottom: 18px;
             }
             .testimonial-section .testimonial {
                 padding-bottom: 30px;
             }
             .subscribe-section .input-group .btn {
                 padding: 9px;
             }
             .subscribe-section .input-group .form-control {
                 font-size: 14px;
             }
             .testimonial_section .testimonial .top-part .img-part {
                 margin-bottom: 28px;
                 margin-top: 30px;
             }
             .testimonial_section .testimonial .top-part .img-part img {
                 width: 90px;
                 height: 90px;
             }
             .testimonial_section .testimonial .top-part .img-part .heart-icon {
                 padding: 6px;
                 font-size: 12px;
                 bottom: -10%;
             }
             .testimonial_section .testimonial .bottom-part p {
                 margin-bottom: 16px;
             }
             .testimonial_section .testimonial .bottom-part .quote-icon i {
                 font-size: 55px;
             }
             .about-section .about-text h3,
             .about-section .about-text h2 {
                 margin-bottom: 4px;
             }
             .about-section.three-image .about-text h2 {
                 line-height: 20px;
             }
             .about-section.three-image .image-section .img-box+.img-box {
                 margin-left: 10px;
             }
             .video-section {
                 padding: 50px 0;
             }
             .video-section .basic-section h4 {
                 line-height: 1.3;
                 margin-bottom: 10px;
             }
             .video-section .basic-section h2 {
                 margin-bottom: 10px;
             }
             .video_section {
                 padding: 50px 0;
             }
             .video_section .video-content .bottom-section {
                 display: block;
             }
             .video_section .video-content .bottom-section .btn {
                 display: block;
                 width: 40%;
                 margin: 0 auto 15px auto;
             }
             .video_section .video-content .bottom-section .info-btn {
                 width: 50%;
                 display: inline-block;
                 margin-left: 0;
             }
             .video_section .video-content .bottom-section .info-btn h6 {
                 text-transform: capitalize;
                 font-size: 11px;
                 padding: 14px 16px;
             }
             .video_section .video-content .bottom-section .info-btn.red-info {
                 width: 42%;
                 display: inline-block;
             }
             .video_section .video-content h5 {
                 margin-bottom: 8px;
             }
             .video_section .video-content h2 {
                 margin-bottom: 8px;
             }
             .video_section .video-content p {
                 line-height: 1.4;
             }
             .blog-section .blog-box {
                 display: block;
                 margin-bottom: 8px;
             }
             .blog-section .blog-box .blog-content {
                 padding: 20px;
             }
             .blog-section.section-b-space {
                 padding-bottom: 22px;
             }
             .blog_section.section-b-space {
                 padding-bottom: 0;
             }
             .blog_section.destination-section .destination-details {
                 padding: 25px;
             }
             .blog_section.destination-section .destination-details h5 {
                 margin-bottom: 10px;
                 letter-spacing: 0.3em;
             }
             .blog_section.destination-section .destination-details h2 {
                 margin-bottom: 8px;
             }
             .special-section.section-b-space {
                 padding-bottom: 0;
             }
             .special-section.grid-box .special-box .special-content .tour-detail .bottom-section .price {
                 margin-top: 10px;
             }
             .special-section.grid-box .special-box .special-content .tour-detail .include-sec {
                 margin-top: 8px;
             }
             .full-banner {
                 padding: 40px 0;
             }
             .full-banner .banner-content {
                 text-align: center;
             }
             .full-banner .banner-content>div {
                 padding: 20px;
             }
             .full-banner .banner-content h2,
             .full-banner .banner-content h5 {
                 margin-bottom: 5px;
             }
             .full-banner .banner-content .bottom-section {
                 display: block;
             }
             .full-banner .banner-content .bottom-section .btn {
                 display: block;
                 width: 40%;
                 margin: 0 auto 15px auto;
             }
             .full-banner .banner-content .bottom-section .info-btn {
                 width: 70%;
                 display: inline-block;
                 margin-left: 0;
                 text-align: center;
             }
             .full-banner .banner-content .bottom-section .info-btn h6 {
                 font-size: 12px;
                 padding: 10px 12px;
             }
             .full-banner .banner-content .bottom-section .info-btn.red-info {
                 width: 30%;
                 display: inline-block;
             }
             .full-banner .offer-text h6:after {
                 display: none;
             }
             .full-banner.banner-section .place-image .animation-place .plane-r {
                 right: -14%;
                 top: 0;
             }
             .full-banner.banner-section .place-image .animation-place .plane-r img {
                 width: 40%;
             }
             .full-banner.banner-section .place-image .animation-place .cloud-r {
                 right: 36%;
                 top: 4%;
             }
             .full-banner.banner-section .place-image .animation-place .cloud-r img {
                 width: 64%;
             }
             .full-banner.banner-section .place-image .animation-place .cloud-l {
                 top: 2%;
             }
             .full-banner.banner-section .place-image .animation-place .cloud-l img {
                 width: 45%;
             }
             .category-section .category-box {
                 margin-bottom: 10px;
             }
             .category-section .category-box .side-effect:after {
                 top: 5px;
             }
             .category-section .category-box .side-effect:before {
                 top: 10px;
             }
             .category-section .category-box .top-bar {
                 top: 15px;
                 left: 15px;
                 margin-bottom: 0;
             }
             .category-section .category-box .top-bar .offer {
                 padding: 2px 9px;
                 text-transform: capitalize;
                 margin-right: 6px;
             }
             .category-section .category-box .like-cls {
                 right: 15px;
                 top: 15px;
             }
             .category-section .category-box .like-cls i {
                 padding: 7px;
                 border-radius: 100%;
                 font-size: 10px;
             }
             .category-section .category-box .bottom-bar {
                 left: 15px;
                 bottom: 15px;
             }
             .category-section .category-box .bottom-bar p {
                 font-size: 12px;
             }
             .category-section .category-box .bottom-bar .top h5 {
                 max-width: 100px;
                 overflow: hidden;
                 white-space: nowrap;
                 text-overflow: ellipsis;
                 font-size: 13px;
                 margin-right: 5px;
             }
             .category-section .category-box .bottom-bar .top h6 {
                 margin-left: 8px;
                 font-size: 13px;
             }
             .category-section .category-box .bottom-bar .top .rating i {
                 font-size: 10px;
                 margin: 0 1px;
             }
             .category-sec .category-box .img-category .top-bar {
                 left: 15px;
                 top: 15px;
             }
             .category-sec .category-box .img-category .like-cls i {
                 font-size: 15px;
                 padding: 10px;
             }
             .category-sec .category-box .content-category {
                 margin-bottom: 30px;
             }
             .category-wrapper.section-b-space {
                 padding-bottom: 0;
             }
             .category-wrapper .category-wrap .category-img img {
                 width: 110px;
                 height: 110px;
             }
             .category-wrapper .category-wrap .category-img .side-effect {
                 display: none;
             }
             .category-wrapper .category-wrap .category-content {
                 padding: 20px 15px 20px 68px;
             }
             .category-wrapper .category-wrap .category-content p {
                 display: none;
             }
             .category-wrapper .category-wrap .category-content .top h3 {
                 font-size: 14px;
                 margin-bottom: 0;
             }
             .category-wrapper .category-wrap .category-content .top h6 {
                 text-transform: capitalize;
             }
             .category-wrapper .category-wrap .category-content .top .like-cls i {
                 font-size: 10px;
                 padding: 5px;
             }
             .category-wrapper .category-wrap .category-content .bottom .coupon-code {
                 font-size: 10px;
             }
             .category-wrapper .category-wrap:hover .category-img {
                 left: 0;
             }
             .category-bg .category-block {
                 padding: 60px 20px 30px;
                 max-width: 90%;
             }
             .category-bg.section-b-space {
                 padding-bottom: 20px;
             }
             .routes-section .row>div {
                 -webkit-box-flex: 0;
                 -ms-flex: 0 0 100%;
                 flex: 0 0 100%;
                 max-width: 100%;
             }
             .routes-section .row>div:nth-child(-n+3) {
                 margin-bottom: 30px;
             }
             .discount-banner {
                 padding: 40px 0;
             }
             .discount-banner .banner-content {
                 background-color: rgba(239, 63, 62, 0.85);
             }
             .menu-section .menu-box .bottom-bar {
                 padding: 20px;
             }
             .menu-section .menu-box .bottom-bar .menu-bar {
                 padding-bottom: 20px;
                 margin-bottom: 20px;
             }
             .menu-section .menu-box .bottom-bar .menu-bar img {
                 margin-right: 0;
                 width: 80%;
             }
             .menu-section .menu-box .bottom-bar .menu-bar .content h5 {
                 margin-bottom: 5px;
             }
             .menu-section .menu-box .bottom-bar .menu-bar .content .rating {
                 margin-bottom: 8px;
             }
             .menu-section .menu-box .bottom-bar .menu-bar .content h6 label {
                 position: relative;
                 right: 0;
                 top: 0;
                 display: inline-block;
             }
             .menu-section .menu-box .bottom-bar .menu-bar .content h6 del {
                 margin-right: 0;
             }
             .book-table {
                 background-position: unset;
             }
             .book-table .table-form {
                 padding: 15px;
             }
             .tap-top {
                 bottom: 20px;
                 width: 22px;
                 height: 22px;
                 right: -38px;
             }
             .tap-top i {
                 margin-top: -3px;
                 font-size: 17px;
             }
             .tap-top.top {
                 right: 20px;
             }
             .highlight-section .row>div {
                 -webkit-box-flex: 0;
                 -ms-flex: 0 0 100%;
                 flex: 0 0 100%;
                 max-width: 100%;
             }
             .highlight-section .highlight-box svg,
             .highlight-section .highlight-box img {
                 width: 35px;
             }
             .filter-panel {
                 padding: 15px 20px;
             }
             .mobile-filter {
                 padding: 15px 20px;
             }
             .list-view .list-box .list-content .book-now {
                 display: none;
             }
             .single-section .description-section .description-details .menu-part .rooms-box .price-details {
                 -webkit-box-align: start;
                 -ms-flex-align: start;
                 align-items: flex-start;
                 -webkit-box-pack: start;
                 -ms-flex-pack: start;
                 justify-content: flex-start;
                 text-align: left;
                 padding-top: 10px;
                 border-top: 1px solid #f9f9f9;
             }
             .single-section .description-section .description-details .menu-part .rooms-box td:first-child {
                 width: 100%;
                 display: block;
             }
             .single-section .description-section .description-details .menu-part .rooms-box td:nth-child(2) {
                 width: 100%;
                 display: inline-block;
             }
             .single-section .description-section .description-details .menu-part .rooms-box td:nth-child(3) {
                 width: 100%;
                 display: inline-block;
             }
             .single-section .description-section .description-details .menu-part .rooms-box .room-detail {
                 padding: 10px 0;
             }
             .single-section .description-section.tab-section .menu-top li a {
                 padding: 8px;
             }
             .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header {
                 padding: 10px;
             }
             .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button {
                 text-overflow: ellipsis;
                 overflow: hidden;
                 max-width: 200px;
                 white-space: nowrap;
                 padding: 0;
             }
             .single-section .description-section .description-details .menu-part .accordion-plan .card .card-body {
                 padding: 10px;
             }
             .single-section .description-section .description-details .menu-part.facility h6 {
                 font-size: 13px;
             }
             .single-section .description-section .description-details .menu-part.facility h6 img {
                 width: 15px;
             }
             .single-section .description-section .description-details .menu-part.facility ul {
                 margin-left: 0;
             }
             .single-section .description-section .description-details .menu-part.facility ul li {
                 font-size: 12px;
             }
             .single-section .description-section .description-details .menu-part.facility ul li i {
                 margin-right: 2px;
             }
             .single-section .description-section .description-details .menu-part.review .review-box .rating {
                 display: block;
             }
             .single-section .description-section .description-details .menu-part.review .review-box .rating span {
                 display: block;
                 margin-left: 0;
             }
             .single-section .description-section .description-details .content-title {
                 text-transform: capitalize;
             }
             .bird-animation {
                 opacity: 0.5;
             }
             .view-map .arrow {
                 left: 30px;
             }
             .left-sidebar.sidebar-popup {
                 top: 60px;
             }
             .order-menu-section .order-section .order-items .items p {
                 max-width: 100%;
             }
             .order-menu-section .order-section .order-items .items .addtocart_btn {
                 position: relative;
                 top: 0;
                 margin-top: 10px;
                 margin-left: auto;
                 width: 100%;
             }
             .order-menu-section .order-section .order-items .items .addtocart_btn .add_cart span {
                 display: none;
             }
             .order-menu-section .order-section .order-items .items+.items .addtocart_btn {
                 top: 0;
             }
             .blog-sidebar .blog-wrapper .sidebar-content .blog-post li {
                 width: 100%;
             }
             .blog-sidebar .blog-wrapper .sidebar-title h5 {
                 margin-bottom: 15px;
             }
             .blog-sidebar .blog-wrapper .search-bar input {
                 padding: 10px 14px 10px 50px;
             }
             .blog-inner.blog_section .blog-wrap .blog-details {
                 padding: 15px;
             }
             .blog-inner.blog_section .blog-list .blog-wrap .blog-details h6 i {
                 margin-right: 0;
             }
         }
         
         @media (max-width: 420px) {
             .breadcrumb-section.breadcrumb-cum-header .breadcrumb-content h2 {
                 margin-bottom: 0;
             }
             .breadcrumb-section.breadcrumb-cum-header .breadcrumb-content .package-detail li {
                 display: block;
             }
             .service-part .service-wrapper {
                 padding: 18px;
             }
             .service-part .service-wrapper h3 {
                 font-size: 18px;
             }
             .testimonial-section .testimonial .left-part img {
                 width: 80px;
                 height: 80px;
             }
             .testimonial-section .testimonial .left-part .design {
                 width: 30px;
                 height: 30px;
             }
             .testimonial-section .testimonial .left-part .design i {
                 font-size: 16px;
             }
             .testimonial-section .testimonial .left-part .design .light {
                 font-size: 32px;
             }
             .ticket-section .ticket-box .content .detail h3,
             .ticket-section .ticket-box .content .detail h4 {
                 margin-bottom: 5px;
             }
             .ticket-section .ticket-box .content .detail p {
                 margin-bottom: 10px;
                 line-height: 1.3;
             }
             .ticket-section .ticket-box .btn {
                 padding: 6px 10px;
             }
             .ticket-section .slick-prev,
             .ticket-section .slick-next {
                 top: 30%;
             }
             .video-section {
                 padding: 40px 0;
             }
             .video_section {
                 padding: 40px 0;
             }
             .blog_section .blog-wrap .blog-details {
                 padding: 20px;
             }
             .blog_section .blog-wrap .blog-image .blog-label {
                 padding: 7px 10px;
             }
             .blog_section .blog-wrap .blog-image .blog-label h6 {
                 font-size: 12px;
             }
             .filter-section .top-section .coupon {
                 position: absolute;
                 bottom: 20px;
             }
             .filter-section .top-section .title {
                 margin-bottom: 18px;
             }
             .filter-section .top-section .title h2 {
                 margin-bottom: 0;
             }
             .filter-section .filters .filter-btn {
                 padding: 8px 18px;
             }
             .single-section .description-section .menu-top li a {
                 padding: 0 10px 0 0;
             }
             .single-section .description-section .description-details .menu-part .rooms-box td:nth-child(2) {
                 width: 100%;
                 display: inline-block;
             }
             .single-section .description-section .description-details .menu-part .rooms-box td:nth-child(3) {
                 width: 100%;
                 display: inline-block;
             }
             .single-section .description-section .description-details .menu-part .rooms-box .price-details {
                 -webkit-box-align: start;
                 -ms-flex-align: start;
                 align-items: flex-start;
                 -webkit-box-pack: start;
                 -ms-flex-pack: start;
                 justify-content: flex-start;
                 text-align: left;
                 padding-top: 10px;
                 border-top: 1px solid #f9f9f9;
             }
             .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header {
                 padding: 10px;
             }
             .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button {
                 text-overflow: ellipsis;
                 overflow: hidden;
                 max-width: 200px;
                 white-space: nowrap;
                 padding: 0;
             }
             .single-section .description-section .description-details .menu-part .accordion-plan .card .card-body {
                 padding: 10px;
             }
             .single-section .description-section .description-details .menu-part.facility h6 {
                 font-size: 12px;
             }
             .single-section .description-section .description-details .menu-part.facility h6 img {
                 width: 15px;
             }
             .single-section .description-section .description-details .menu-part.facility ul {
                 margin-left: 0;
             }
             .single-section .description-section .description-details .menu-part.facility ul li {
                 font-size: 12px;
             }
             .single-section .description-section .description-details .menu-part.facility ul li i {
                 margin-right: 2px;
             }
             .single-section .description-section .description-details .menu-part.review .review-box .rating {
                 display: block;
             }
             .single-section .description-section .description-details .menu-part.review .review-box .rating span {
                 display: block;
                 margin-left: 0;
             }
             .single-section .description-section .description-details .content-title {
                 text-transform: capitalize;
             }
             .contact_section.contact_right .row>div {
                 -webkit-box-flex: 0;
                 -ms-flex: 0 0 100%;
                 flex: 0 0 100%;
                 max-width: 100%;
             }
             .contact_section.contact_right .row>div:last-child {
                 margin-bottom: 20px;
             }
         }
         
         @media (max-width: 360px) {
             .video-slider {
                 height: 146px;
             }
         }
         
         @media (max-width: 320px) {
             .cab-section {
                 height: 110vh;
             }
             .cab-section .cab-content {
                 height: 110vh;
             }
         }
         
         .title-head-content:after {
             position: absolute;
             content: "";
             left: 0;
             bottom: 0;
             width: 46px;
             height: 3px;
             background-color: #347ab5;
             border-radius: 2px;
         }
         
         .small-bottom-info {
             font-size: 13px;
             background-color: #ef3f3e;
             color: white;
             display: inline-block;
             text-transform: capitalize;
             padding: 6px 10px;
             border-radius: 50px;
             margin-bottom: 12px;
         }
         
         .page-title {
             position: relative;
             line-height: 1.2;
             padding-bottom: 15px;
         }
         
         .page-title:before {
             position: absolute;
             content: "";
             left: 0;
             bottom: 0;
             height: 3px;
             width: 45px;
             background-color: #347ab5;
             border-radius: 2px;
         }
         
         .share-social {
             /* display: -webkit-box; */
             display: -ms-flexbox;
             display: flex;
             -webkit-box-pack: end;
             -ms-flex-pack: end;
             justify-content: flex-end;
         }
         
         .share-social button {
             font-size: .875rem;
             font-weight: 700;
             border: 1px solid grey;
             text-align: center;
             padding: 5px;
             text-transform: uppercase;
             border: none;
         }
         
         .share-social .dropdown-menu {
             width: 10rem !important;
         }
         
         .share_it .social-icon-wrap {
             display: -webkit-box;
             display: -ms-flexbox;
             display: flex;
             -webkit-box-pack: start;
             -ms-flex-pack: start;
             justify-content: flex-start;
             -ms-flex-wrap: wrap;
             flex-wrap: wrap;
             padding: 0 10px;
         }
         
         .share_it .social-icon-wrap a {
             text-decoration: none;
         }
         
         .associated-wrapper {
             border-top: 1px solid #e1e7f2;
         }
         
         @media (min-width: 992px) .common-box {
             padding-top: 60px;
             padding-bottom: 60px;
         }
         
         @media (min-width: 576px) .common-box {
             padding-top: 60px;
             padding-bottom: 60px;
         }
         
         .common-box {
             padding-top: 55px;
             padding-bottom: 55px;
             position: relative;
         }
         
         .associated-wrapper .associated {
             text-align: center;
         }
         
         .associated-wrapper ul {
             -webkit-box-pack: center;
             -ms-flex-pack: center;
             justify-content: center;
             -ms-flex-wrap: wrap;
             flex-wrap: wrap;
         }