/*@font-face {
    font-family: NeueHaasDisplay;
    src: url('NeueHaasDisplayRoman.ttf') format("truetype")
}*/
body {
   /* font-family: "Roboto",sans-serif;*/
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #0e0e0e;
    /*background: rgb(249 250 251 / var(--tw-bg-opacity));*/
}
* {
    margin: 0;
    padding: 0;
}
a {
  color: #161616;
  text-decoration: none;
}

a:hover {
  color: #016B61;
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  /*font-family: "Raleway", sans-serif;*/
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}
.clearfix:after, .clearfix:before {
    content: "";
    display: table;
}
#language, #currency {text-transform: uppercase}
.main-title {font-weight: 700;
    color: #016B61;
    text-shadow: 1px 2px 2px white;
    font-size: 37px;}
.home {
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    margin: auto;
    padding: 110px 0 24px;
    background-size: 1920px 496px;
}
.aboutus-banner {
    width: 100%;
    height: 297px;
    background: url('../../images/bg-contact.png') 50% no-repeat;
    background-size: cover;
    overflow: hidden;
}
.account-banner {width: 100%;height: 297px;background: #016B61;}
.aboutus-banner p {
    font-weight: 700;
    font-size: 38px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    margin: 0;
}
header {background-color: rgba(1, 107, 97, 0.28);position: absolute;right: 0; z-index: 99;left: 0;}
@media screen and (max-width: 769px){
    header {background-color: #016B61;position: relative;right: 0; z-index: 99;left: 0;}
}
.default-banner {
    border-left: 10px solid #016B61;margin-top: 65px!important;
}
.detail-banner {
    width: 100%;
    height: 125px;
    background: #016B61;
    background-size: auto;
    overflow: hidden;
    position: relative;
}
.detail .show_all {position: absolute;
    bottom: 4px;
    width: 98%;
    height: 97%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.6);
}
.detail i.far.fa-images {
    color: white;
    font-size: 32px;
}
.detail .show_all .count {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
.detail .price_box {
    display: flex;justify-content: end;
    margin-bottom: 0px;
    line-height: 45px;
}
.detail .delete_price {
    font-size: 12px;
    color: #455873;
    margin-right: 8px;
}

.detail .price {
    font-weight: bold;
    font-size: 24px;
    color: #0f294d;
    text-align: right;
}
.detail .select {
    padding: 0 24px;
    height: 45px;
    background: #016B61;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;
}
.desc_content {
    font-size: 20px;
    color: #455873;
    line-height: 26px;
    margin: 0 0 24px;
}
.table tbody tr td {
    vertical-align: middle;
    display: table-cell;
}
.navbar-light .navbar-nav .nav-link {
    font-family: Roboto,sans-serif;
    letter-spacing: 1px;
    color: rgb(255 255 255);
    font-size: 15px;
    font-weight: 700;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #9ECFD4;
}
.detail-album-container {
    display: flex;
    width: 100%;
    position: relative;
    padding-bottom: 25%;
    height: 0;
}
.detail-album-container-box {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;margin: 0;
}
.detail-album-container-box .bigimg{
    position: relative;
    height: 100%;
    display: inline-block;
    cursor: pointer;
    padding: 0;
    padding-right: 2px;
    padding-bottom: 4px;
}
.detail-album-container-box .othrimgs {
    display: inline-block;padding:0;
    height: 100%;
}
.detail-album-container-box .othrimgs .item {
    position: relative;
    background-size: cover;
    cursor: pointer;
    width: 33.3%;
    height: 50%;
    float: left;
    padding-left: 4px;
    padding-bottom: 4px;
    box-sizing: border-box;
}
.search-borderRadius {
    position: absolute;
    width: 100%;
    border-radius: 24px 24px 0px 0px;
    background-image: linear-gradient(0deg, #f5f7fa, #f5f7fa);
    background-repeat: no-repeat;
    background-position: bottom;
    bottom: 0;
    height: 36px;
}
.detail {background-image: linear-gradient(0deg, #f5f7fa, #f5f7fa);}
.detail .search-box-wrapper {
    padding: 5px;
}
.detail .search-box-wrapper .search-box #input-destination, .detail .search-box-wrapper .calendar-container, .detail .search-box-wrapper .room-guest-container .room-guest {
    background: #f7f7f7;
}
.detail .container {z-index: 1;position: relative;}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #161616;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  transition: all 0.4s;
}
.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}
.back-to-top:hover {
  background: #70B2B2;
  color: #fff;
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}
/*
SEARCHBOX
*/
.search-box-wrapper {
    background-color: #ffffffb8;
    border-radius: 14px;
    width: 924px;
    margin: 0 auto;
    padding: 15px;
    box-sizing: border-box;
}
.search-box-wrapper:hover {
    background-color: #ffffff;
}
.search-box-wrapper {
    font: 12px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 400;
}
.search-box-wrapper .ul-block {
    list-style: none;
}
.search-box-wrapper .ul-block, .search-box-wrapper li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.search-box-wrapper .ul-block, .search-box-wrapper li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.search-container, .search-container .search-box {
    position: relative;
    width: 100%;
    height: 100%;
}
.search-container .search-box label {
    position: absolute;
    top: 7px;
    left: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: calc(100% - 16px);
}
.search-box-wrapper .label {
    font-size: 14px;
    color: #8592a6;
    letter-spacing: 0;
    text-align: left;
    line-height: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: inline-block;
}
.search-container .search-box #input-destination {
    box-sizing: border-box;
    height: 100%;cursor:pointer;
    padding: 3px 16px 0;
    width: 100%;
    border: none;
    border-bottom: 2px solid transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    background: #ffffffb8;
    border-radius: 11px;
}
.search-box-wrapper .show-hightlight {
    font-weight: 700;
    font-size: 17px;
    color: #0f294d!important;
    letter-spacing: 0;
    text-align: left;
    line-height: 22px;
}
.search-box-wrapper input, .search-box-wrapper textarea {
    outline: 0;
}
.calendar-container .time-tab .in {
    position: absolute;
    top: 16px;
    left: 16px;
}
.calendar-container .time-tab .out {
    position: absolute;
    top: 16px;
    right: 16px;
}
.calendar-container {
    display: inline-flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
    height: 100%;
}
.search-box-wrapper .ul-block .li-item {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}
.calendar-container .time-tab.checkout {
    top: 0;
    right: 0;
}
.calendar-container .time-tab {
    position: absolute;
    width: calc(50% - 24px);
    height: 100%;
}
.calendar-container .time-tab .focus-input {
    width: 100%;
    height: 100%;
    padding: 32px 16px 0;
    border: none;
    border-bottom: 2px solid transparent;
    text-overflow: ellipsis;
    box-sizing: border-box;
    outline: none;
}
.calendar-container .time-tab .focus-input:focus {
    border-bottom: 2px solid #016B61;
    border-radius: 0;
}
.search-container .search-box #input-destination:focus {
    outline: none;
    border-bottom: 2px solid #016B61;
    border-radius: 0;
}
.calendar-container .nights {
    position: absolute;
    font-size: 14px;
    color: #0f294d;
    line-height: 18px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 3;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.room-guest-container {
    width: 100%;
    height: 100%;
    min-width: 160px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
    outline: none;
    border: none;
}
.room-guest-container .room-guest {
    cursor: pointer;
    background: #fff;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 16px;
    padding-bottom: 7px;
}
.room-guest-container * {
    box-sizing: border-box;
}
.room-guest-container .room-guest .label {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: calc(100% - 16px);
}
.room-guest-container .room-guest .info {
    margin-top: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0;
}
.hotel-search-box-wrapper .show-hightlight {
    font-weight: 700;
    font-size: 16px;
    color: #0f294d!important;
    letter-spacing: 0;
    text-align: left;
    line-height: 22px;
}
.room-guest-container .room-guest .icon-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    font-size: 16px;
}
.li-item-roomguest .choice {
    position: absolute;
    top: calc(100% + 1px);
    z-index: 9;
    left: -1px;
    background: #fff;
    width: 100%;
    padding: 16px;
    border: 1px solid #ddd;
    display: none;
}
.search-box .search-list {
    position: absolute;
    top: calc(100% + 1px);
    z-index: 9;
    left: -1px;
    background: #fff;
    width: 100%;
    padding: 0;
    border: 1px solid #ddd;
    display: none;
}
.search-list li {
    padding: 7px 16px;
    font-size: 16px;cursor: pointer;
}
.search-list li:hover {
    background-color: #FBFBFB;
}
.search-list span {
    padding: 5px 17px;
    display: block;
    background-color: #efefef;
    font-weight: 700;
    font-size: 14px;
}
.pay_form {display: none}
.showflex {display: flex!important}
.show {display: block!important}
.choice .child-kid {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.choice .child-kid .label .title {
    color: #0f294d;
    font-size: 16px;
}
.choice .child-kid .label .sub-title {
    display: block;
    font-size: 12px;
    line-height: 1;
    color: #6b8299;
}
.choice .actions {
    display: flex;
    align-items: center;
}
.choice .actions .icon-btn {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #dadfe6;
    border-radius: 50%;
    color: #999;
}
.choice .actions .icon-btn:hover {
    background: #016B61;
    border: 1px solid #016B61;
    color: #fff;
    cursor: pointer;
}
.choice .actions .icon-btn.disabled {
    cursor: default;
    background-color: #eee;
    border-color: #eee;
    color: #fff;
}
.choice .actions .count {
    font-size: 18px;
    color: #0f294d;
    width: 36px;
    text-align: center;
    border: none;
}
.choice .done {
    text-align: right;
    margin-top: 20px;
    cursor: pointer;
}
.choice .done span {
    display: inline-block;
    min-width: 100px;
    padding: 0 20px;
    font-size: 16px;
    color: #016B61;
    border-radius: 4px;
    cursor: pointer;
}
.search-error-msg:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 20px;
    border: 8px solid transparent;
    border-top-color: #D9481B;
}
.search-error-msg {
    padding: 0 20px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #D9481B;
    color: #fff;
    position: absolute;
    top: -28px;
    left: 0;
    z-index: 99;
    width: max-content;
}
.room-guest-container .child-kid {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.room-guest-container .done {
    text-align: right;
    margin-top: 20px;
    cursor: pointer;
}
.room-guest-container .done span {
    display: inline-block;
    min-width: 100px;
    padding: 0 20px;
    font-size: 16px;
    color: #016B61;
    border-radius: 4px;
    cursor: pointer;
}
.room-guest-container .child-kid .label {
    display: inline-block;
}
.room-guest-container .actions {
    display: flex;
    align-items: center;
}
.room-guest-container .child-kid .label .title {
    color: #0f294d;
    font-size: 16px;
}
.room-guest-container .child-kid .label .sub-title {
    display: block;
    font-size: 12px;
    line-height: 1;
    color: #6b8299;
}
.room-guest-container .actions .icon-btn.disabled {
    cursor: default;
    background-color: #eee;
    border-color: #eee;
    color: #fff;
}
.room-guest-container .actions .count {
    font-size: 18px;
    color: #0f294d;
    width: 36px;
    text-align: center;
}
.room-guest-container .actions .icon-btn {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #dadfe6;
    border-radius: 50%;
    color: #999;
}
.search-box-wrapper .ul-block .li-item-btn {
    font-size: 19px;
    font-weight: 600;
    width: 40%;
    overflow: hidden;
}
.detail .search-box-wrapper .ul-block .li-item-btn {
    width: 187px;font-size: 18px;
}
.detail .search-box-wrapper .ul-block .li-item-btn .fa-search {
    font-size: 16px;
}
.detail .head-title {
    font-size: 24px;
    font-weight: bold;
    color: #0f294d;
    display: inline;
}
.detail span.head-region {
    display: block;
}
.detail .detail-head {
    padding: 16px;
    margin-bottom: 8px;
    border-radius: 8px;
    background-color: #fff;
}
.desc_detail {
    font-size: 17px;
    color: #455873;
    line-height: 26px;
    margin: 0 0 24px;
}
.about {
    font-size: 17px;
    color: #455873;
    line-height: 26px;
    margin: 0 0 24px;
    height: 106px;
    overflow: hidden;
}
.page-spec-item span {
font-size: 16px;
}
.search-box-wrapper .dropdown-toggle::after {
    position: absolute;
    content: "";
    right: 15px;
    font-size: 24px;
    bottom: 15px;
}
#choice.dropdown-menu {
    transform: translate(0, 0)!important;
    border-radius: 2px;
    position: absolute;
    top: 78px!important;
    z-index: 9;
    left: -1px;
    background: #fff;
    width: 100%;
    padding: 16px;
    border: 1px solid #ddd;
    cursor: pointer;
 }
.page-spec-item {
    padding: 15px;
    background: rgba(0,0,0,0.05);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    margin-bottom: 10px;
}
.page-info-item {
    padding: 8px 10px;
    background: rgba(0,0,0,0.05);
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 10px;
}
.page-spec-item:hover, .page-info-item:hover {
    background: rgb(96 96 96 / 5%);
}
.page-feature i {
    color:#198754;
}
section.detail-head.desc_detail p {
    padding: 7px 15px;
}
.payment-banner {
    width: 100%;
    height: 240px;
    background: #016B61;
    background-size: auto;
    overflow: hidden;
    position: relative;
}
ul.ul-step.text-white {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 5px 0;
}
ul.ul-step li {
    float: left;
    margin-right: 10px;
    list-style: none;
}
ul.ul-step li {color: rgba(255,255,255,0.6);}
ul.ul-step li.active, ul.ul-step li.active + li {color: #FFF;}
ul.ul-step li.active .stepNumber {
    background-color: #fff;
    color: #016B61;
    font-weight: bold;
}
ul.ul-step li .stepNumber {
    background-color: rgba(255,255,255,0.6);
    border-radius: 50%;
    color: #016B61;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    flex: none;display: inline-block;margin-right: 5px;
}
.confirm-txt {
    display: block;
}
.info-form {
    margin: 16px 0;
    border-radius: 8px;
    border: 2px solid #016B61;
}
.totalBig span {padding:0}
.totalBig {
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    border-bottom: 1px dashed #CCC;
    border-top: 1px dashed #CCC;
    padding: 10px 0;
    margin: 0;
}
.search-btn-wrap:hover {
    background: #70B2B2;
}
.search-btn-wrap {
    font-family: Roboto,sans-serif;
    letter-spacing: 1px;
    background: #016B61;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: none;
    cursor: pointer;
}
.fa-search {
font-size: 28px;
}

/* ****************************************************************************************************************************************** */
.recommended-module-title {
    font-size: 26px;
    color: #0f294d;
    letter-spacing: 0;
    text-align: center;
    line-height: 34px;
    font-weight: 700;
}
.js-tab-ajax-switch .tab-con {
    position: relative;
    text-align: center;
    margin: 24px 0;
    padding: 0;
    width: 100%;
}
.js-tab-ajax-switch .tab-con .js-tile-tab {
    width: 100%;
    position: relative;
    overflow-x: hidden;
}
.js-tab-ajax-switch .tab-con .js-tile-tab .js-tab-wrapper {
    overflow-x: visible;
    will-change: transform;
    white-space: nowrap;
    transition: transform .2s linear 0s;
}
.js-tab-ajax-switch .tab-con .js-tile-tab .js-tab-wrapper .js-tab-item {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 16px;
    margin-right: 16px;
    border: 1px solid #dadfe6;
    border-radius: 2px;
    color: #0f294d;
}
.js-tab-ajax-switch .tab-con .js-tile-tab .js-tab-wrapper .js-tab-item.is-active {
    font-weight: 700;
    border-color: rgba(1,107,97,.12);
    color: #016B61;
    background-color: rgba(1,107,97,.12);
}
.item-image-clipping {
    border-radius: 15px;
    overflow: hidden;
    background: #dadfe6;
}
.item-image {
    height: 0;
    padding-top: 197px;
    width: 100%;
    transition: all .2s ease-in-out;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}
.item-image:hover {
    transform: scale(1.1);
}
.item-label {
    box-sizing: border-box;
    width: 100%;text-align: center;
    margin-top: 16px;
    font-size: 12px;
}
.item-name {
    text-overflow: ellipsis;
    overflow: hidden;
    margin-right: 4px;
    color: #0f294d;
    font-weight: 700;
    font-size: 17px;
    line-height: 22px;height: 21px;
    display: block;
}
.item-score {font-size: 17px;
    text-align: center;
}
.item-price-box {
    background-color: #939393;
    color: #FDFDFD;
}
.carBox:hover {
    border-radius: 9px;
}
.carBox:hover .item-image-con, .carBox:hover .item-price-box {
    border-radius: 15px;
    box-shadow: 0 0 5px 0 #aaa;
}
.carBox:hover .item-price-box {
    background-color: #70B2B2;
    color: #FDFDFD;
}
.item-price-box {text-align: center;
    border-radius: 9px;}
.item-price-box i {
    color: #FCFCFC;font-size: 24px;
}
.item-price-box .center b {
    font-size: 19px;
    display: block;
    line-height: 21px;}
.item-price-box .price {
    font-size: 16px;
    color: #016B61;
    letter-spacing: 0;
    text-align: left;
    line-height: 22px;
    font-weight: 700;
}
.price-text {
    font-size: 14px;
    line-height: 18px;
    color: #455873;
    margin-right: 3px;
}
button.navbar-toggler {
    background-color: white;
}
.product .item-box {
}
.product:hover .item-box {
}
.recovery-countries-item {
    width: 100%;
    background: #fff;
    border-radius: 2px;
    border: 1px solid #f0f2f5;
    box-shadow: 0 4px 8px 0 rgb(69 88 115 / 12%);
    transition: all .3s;
}
.recovery-countries * {
    box-sizing: border-box;
}
.recovery-countries-item-cover {
    position: relative;
}
.recovery-countries-item-cover label {
    background: #016B61;
    border-radius: 2px;
    padding: 3px 8px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 8px;
    left: 8px;
    max-width: calc(100% - 16px);
    z-index: 2;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.recovery-countries-item-image {
    width: 100%;
    cursor: pointer;
    display: block;
    border-radius: 2px 2px 0 0;
    text-decoration: none;
}
.recovery-countries-item-image>div {
    height: 128px;
    overflow: hidden;
}
.recovery-countries-item-image>div div {
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    transform-origin: center;
    transition: transform .5s;
}
.recovery-countries-item-image>h4 {
    color: #0f294d;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 16px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    padding: 16px 16px 0;
}
.recovery-countries-item:hover {
    box-shadow: 0 4px 16px 0 rgb(69 88 115 / 20%);
}
.recovery-countries-item-image>div div:hover {
    transform: scale(1.2);
}
.top-phone .fa {
    font-size: 17px;
}
.top-phone span {
    text-align: left;font-weight: 300;
}
#currencylist {
padding: 15px 10px;
}
#language {
padding: 15px 10px;
}
/* ****************************************************************************************************************************************** */

@media screen and (min-width: 768px){
    .search-box-wrapper .ul-block {
        height: auto;
    }
    .search-box-wrapper .ul-block .li-item-calendar {
        width: 315px;
    }
    .detail .search-box-wrapper .ul-block .li-item-btn {
        width: 118px;
        height: 75px;
    }
    .search-box-wrapper .ul-block .li-item {
        height: 100%;
        border: 1px solid #dadfe6;
    }
    .search-box-wrapper .ul-block .li-item-destination {
        width: 100%;
    }
    .search-box-wrapper .ul-block .li-item-roomguest {
        width: 246px;
    }
    .search-box-wrapper .ul-block .li-item-btn {
        border: none!important;
        border-radius: 0 2px 2px 0;
    }
    .search-box-wrapper {
        width: auto;box-shadow: 0 8px 10px 0 rgb(15 41 77 / 8%);
    }
}
@media screen and (min-width: 990px){
    .search-box-wrapper .ul-block {
        height: 55px;
    }
    .search-box-wrapper .ul-block .li-item-calendar {
        width: 315px;
    }
    .search-box-wrapper .ul-block .li-item {
        height: 100%;
        border: 1px solid #dadfe6;
    }
    .detail .search-box-wrapper .ul-block .li-item-btn {
        width: 104px;
        font-size: 18px;
    }
    .search-box-wrapper .ul-block .li-item-destination {
        width: 27%;
    }
    .search-box-wrapper .ul-block .li-item {
        height: 100%;
        border: 1px solid #dadfe6;
    }
    .search-box-wrapper .ul-block .li-item-roomguest {
        width: 246px;
    }
    .search-box-wrapper .ul-block .li-item {
        height: 100%;
        border: 1px solid #dadfe6;
    }
    .search-box-wrapper .ul-block .li-item-btn {
        border: none!important;
        border-radius: 0 2px 2px 0;
    }
    .search-box-wrapper .ul-block .li-item {
        height: 100%;
        border: 1px solid #dadfe6;
    }
}
@media screen and (min-width: 1200px){
    .detail .search-box-wrapper .ul-block .li-item-btn {
        width: 186px;
        font-size: 18px;
    }
    .search-box-wrapper .ul-block .li-item-destination {
        width: 31%;
    }
}
@media screen and (min-width: 1400px){
    .search-box-wrapper .ul-block .li-item-destination {
        width: 59%;
        border-radius: 11px;
    }
    .detail .search-box-wrapper .ul-block .li-item-destination {
        width: 41%;
        border-radius: 8px;
    }
}
@media screen and (max-width: 769px){
    .r-datepicker-open .calendar-container {
        /*position: inherit;*/
    }
    .detail-album-container-box .bigimg, .detail-album-container-box .othrimgs .item, .col-12.detail-album-container.mt-3.clearfix {
         height: auto;
     }
    .detail-album-container-box {
        position: relative;
    }
    .detail-album-container {
        padding-bottom: 0;
    }
    .search-box-wrapper .ul-block {
        height: auto;
    }
    .search-box-wrapper .ul-block .li-item-calendar {
        width: 100%;
    }
    .search-box-wrapper .ul-block .li-item-destination {
        width: 50%;
    }
    .search-box-wrapper .ul-block #input-destination, .search-box-wrapper .ul-block .li-item-destination {
        border-radius: 2px 0 0 2px;
    }
    .search-box-wrapper .ul-block #input-destination, .search-box-wrapper .ul-block .li-item-destination {
        border-radius: 2px 0 0 2px;
    }
    .search-box-wrapper .ul-block .li-item-roomguest {
        width: 100%;
    }
    .search-box-wrapper .ul-block .li-item-btn {
        border: none!important;
        border-radius: 0 2px 2px 0;
        width: 50%;
    }
    .search-box-wrapper .ul-block .li-item {
        height: 45px;float: left;
        border: 1px solid #dadfe6;
    }
    .detail .search-box-wrapper .ul-block .li-item-btn {
        width: 100%;
        height: 55px;
    }
    .search-box-wrapper .ul-block .li-item-btn {
        font-size: 16px;
    }
    .search-box-wrapper {
        width: auto;box-shadow: 0 4px 3px 0 #ddd;height: 73px;
        margin: 0 40px 0 40px;
    }
    .search-btn-wrap {
        border-radius: 0 10px 10px 0;
    }
    .home {
        padding: 0 0 24px;
        background-size: 1471px 380px;
    }
}

.social-head .fab {
    padding: 12px;
    font-size: 21px;
    width: 42px;
    text-align: center;
    text-decoration: none;
    margin: 5px 2px;
    border-radius: 50%;
}
.social-head .fab:hover {
    opacity: 0.7;
}

.fa-facebook {
    /* background: #3B5998; */
    color: white;
}

.fa-twitter {
    background: #55ACEE;
    color: white;
}
.fa-linkedin {
    background: #007bb5;
    color: white;
}

/*
.fa-instagram {
    background: #883b12;
    color: white;
}*/

.fa-pinterest {
    background: #cb2027;
    color: white;
}

.fa-whatsapp {
    /* background: #39c7aa; */
    color: white;
}

.fa-tumblr {
    background: #2c4762;
    color: white;
}
.fa-foursquare {
    background: #45bbff;
    color: white;
}
.fa-flickr {
    background: #f40083;
    color: white;
}
.fa-reddit {
    background: #ff5700;
    color: white;
}

.owl-theme .owl-nav {
    top: 45%;
}

/* Footer Divider */


.footer-link:hover {
    border-bottom: 1px solid #70B2B2;
    color: #70B2B2;
}

/* Social Icons */
.social-icons a {
    font-size: 18px;
    transition: color 0.3s ease;
}

.social-icons a:hover {
    color: #70B2B2;
}

/* Footer Padding */
.footer {
    background-color: #E5E9C5;
    /*padding: 40px 0;*/
}



/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/

:root {
    --vId-3104904f-8802-4378-b3a3-43a5e0848176: #016B61;
    --vId-2d1b6631-f86c-4323-a907-73ebe399508f: #016B61;
    --vId-8809d19c-7125-4911-94a6-ea75f7184b70: #70B2B2;
    --vId-2a0c4087-2170-49ef-aa53-34a134e97955: #9ECFD4;
    --vId-43a73d98-0362-45fa-abf3-dd0b259b7737: #ffffffe5;
    --vId-a0fcda99-f4c7-448b-b6dd-bf88c0cdf63c: #111;
    --cdhs-delay: 0ms;
    --cdhs-easing: var(--cdhs-ease-out);
    --cdhs-duration: 600ms;
    --cdhs-ease-in: cubic-bezier(0.4, 0, 1, 1);
    --cdhs-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --cdhs-ease-out: cubic-bezier(0, 0, 0.2, 1);
    --cdhs-ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
    --cdhs-opacity: 1;
    --cdhs-translate-y: 0;
    --cdhs-translate-x: 0;
    --cdhs-scale: 1;
    --cdhs-rotate: 0deg;
    --cdhs-perspective: 0;
    --cdhs-rotate-x: 0deg;
    --cdhs-rotate-y: 0deg;
    --cdhs-skew-x: 0deg;
    --cdhs-skew-y: 0deg;
    --cdhs-translate-ratio: 1;
    --cdhs-scale-ratio: 0.2;
    --cdhs-duration-ratio: 1;
    --cdhs-translate-x-amount: 2rem;
    --cdhs-translate-y-amount: 3rem;
    --cdhs-flip-x-amount: 100deg;
    --cdhs-flip-y-amount: -100deg;
    --cdhs-perspective-amount: 2000px;
    --cdhs-stagger-amount: 100ms;
    --cdhs-skew-amount: 20deg;
    --cdhs-reveal-amount: 100%;
    --cdhs-blur: 0;
    --cdhs-blur-amount: 5px;
    --primary-color: #016B61;
    --secondary-color: #70B2B2;
    --text-color: #ffffff;
}

header {
    background-color: var(--primary-color);
    position: relative;
    right: 0;
    z-index: 99;
    left: 0;
}

.top {
    background-color: var(--primary-color);
}

.navbar-brand {
    font-weight: bold;
    color: white;
    margin-right: auto;
}

.nav-item a {
    color: white !important;
    font-weight: 500;
    transition: color 0.3s ease, text-decoration 0.3s ease;
}

.nav-item a:hover {
    color: #9ECFD4 !important;
    /* Hover'da açık renk */
    text-decoration: underline;
    /* Altı çizili */
}

.btn-login {
    font-weight: bold;
    color: white !important;
}

.btn-register {
    font-weight: bold;
    color: white !important;
}

/* Hamburger Menu (icon as div) */
.hamburger {
    display: none;
    /* Default olarak hamburger menü gizli */
    cursor: pointer;
}

.hamburger div {
    width: 30px;
    height: 3px;
    background-color: white;
    margin: 5px 0;
    transition: all 0.3s ease-in-out;
}

/* Off-canvas Menu */
.offcanvas {
    width: 250px!important;
    background-color: var(--primary-color);
    color: white;
}

.offcanvas-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.offcanvas-body {
    padding: 1rem;
    max-height: 85vh;
    overflow-y: auto;
    scrollbar-width: thin;
}

.offcanvas-body::-webkit-scrollbar {
    width: 8px;
}

.offcanvas-body::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

.offcanvas-body .nav-link {
    color: white;
    font-weight: 500;
}

.btn-warning {
    color: #016B61 !important;
    background-color: #9ECFD4;
    border-color: #9ECFD4;
}

/* Mobile Navbar */
@media (max-width: 992px) {
    .navbar-brand {
        position: absolute;
        left: 50%;
        transform: translateX(-64%);
    }

    .hamburger {
        display: inline-block;
        /* Sadece mobil ekranlarda hamburger menü görünecek */
        position: absolute;
        left: 10px;
    }

    .btn-login {
        position: absolute;
        right: 10px;
    }

    .navbar-collapse {
        justify-content: center;
    }

    .navbar-collapse {
        max-height: 85vh; /* Menünün %80 ekranda kalmasını sağlar */
        overflow-y: auto; /* Taşan içeriği kaydırır */
        scrollbar-width: thin; /* Firefox için ince kaydırma çubuğu */
        -ms-overflow-style: none; /* IE için kaydırma gizleme */
    }

    /* Chrome ve Safari'de kaydırma çubuğunu ince yapmak */
    .navbar-collapse::-webkit-scrollbar {
        width: 8px;
    }

    .navbar-collapse::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .navbar-collapse::-webkit-scrollbar-thumb {
        background-color: #888;
        border-radius: 10px;
    }
}

@media screen and (max-width: 769px) {
    header {
        background-color: var(--primary-color);
        position: relative;
        right: 0;
        z-index: 99;
        left: 0;
    }
}

/* Slider Görünümü */
.carousel-inner img {
    width: 100%;
    height: 450px;
    object-fit: cover;
}

/* Slider üzerindeki metin ve buton */
.carousel-caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: var(--text-color);
}

.carousel-caption h1 {
    font-size: 3rem;
    font-weight: bold;
}

.carousel-caption p {
    font-size: 1.25rem;
    margin-top: 15px;
}

/* Indicators'ları çizgi yapıyoruz */
.carousel-indicators button {
    background-color: var(--secondary-color);
    width: 50px;
    height: 4px;
    border-radius: 0;
    margin: 0 3px;
}

/* Section arka planı */
.section-bg {
    background-color: #f2f2f2;
    /* Beyazın biraz koyusu */
    padding: 50px 0;
}

/* Araç kartları */
.vehicle-card {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    position: relative;
    /* Etiketin pozisyonu için gerekli */
}

.vehicle-card:hover {
    transform: translateY(-5px);
    /* Kart hover'da yukarı hareket eder */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    /* Hover gölgesi */
}

/* Kart görseli */
.vehicle-card img {
    width: 100%;
    height: 300px;
    /* Görsel yüksekliği artırıldı */
    object-fit: cover;
    /* Görsel alanı doldurur */
}

/* Etiket stili */
.vehicle-card-label {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #099409;
    /* Kırmızı etiket rengi */
    color: white;
    padding: 5px 10px;
    font-size: 0.9rem;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/* Kart gövdesi */
.vehicle-card-body {
    padding: 5px 10px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

/* Araç markası ve modeli */
.vehicle-card-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
    text-transform: capitalize;
    margin: 0 0 5px 0;
    /* Büyük harflerle */
}

.vehicle-card-model {
    font-size: 1rem;
    color: #666;
    margin: 0 0 5px 0;
    text-transform: capitalize;
    white-space: nowrap;        /* Metni tek satırda tut */
    overflow: hidden;           /* Taşan metni gizle */
    text-overflow: ellipsis;    /* Taşan kısma üç nokta ekle */
    display: block;             /* Block seviyesinde tut */
    max-width: 100%;
    /* Küçük harflerle */
}

/* Araç özellikleri */
.vehicle-card-info {
    font-size: 0.875rem;
    color: #555;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.vehicle-card-info span {
    color: #555;
}

.vehicle-card-info span::after {
    content: "|";
    /* Özellikler arasında dikey çizgi */
    margin-left: 10px;
}

.vehicle-card-info span:last-child::after {
    content: "";
    /* Son özelliğin ardından çizgi eklenmesin */
}

/* Fiyat */
.vehicle-card-price {
    font-size: 2rem;
    color: #e63946;
    font-weight: bold;
    margin-top: 15px;
}

/* Renkli küçük etiketler */
.vehicle-card-tags {
    margin-top: 15px;
}

.vehicle-card-tags span {
    display: inline-block;
    background-color: #e63946;
    /* Kırmızı arka plan */
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 0.75rem;
    margin-right: 5px;
}

.vehicle-card-tags span:nth-child(2) {
    background-color: #457b9d;
    /* Farklı bir renk */
}

.vehicle-card-tags span:nth-child(3) {
    background-color: #2a9d8f;
    /* Farklı bir renk */
}

#main_owl .item img {
    width: 100%;
    /* Genişlik tam olarak kapsasın */
    max-height: 550px;
    /* Sabit bir yükseklik belirledik */
    /* object-fit: cover; */
    /* Görsel boyutu taşma olmadan alanı kapsasın */
    object-position: center;
    /* Görselin ortasından kesilmesini sağla */
}

/* Slider container and caption styles */
.custom-caption {
    position: absolute;
    bottom: 20%;
    left: 0;
    right: 0;
    /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 100%); */
    padding: 20px;
    color: #fff;
    border-radius: 10px;
}

.custom-slider-title {
    font-size: 48px;
    font-weight: 700;
    color: #ffffff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.custom-slider-description {
    font-size: 18px;
    font-weight: 400;
    color: #d1d1d1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* Button styles */
.custom-btn {
    background-color: #000;
    color: #fff;
    padding: 12px 28px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    border: none;
    transition: all 0.3s ease;
}

.custom-btn:hover {
    background-color: #333;
    color: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.4);
}



/* İsteğe bağlı: Mobilde yükseklik biraz düşürülebilir */
@media (max-width: 768px) {
    #main_owl .item img {
        max-height: 300px;
        /* Daha küçük ekranlarda daha kısa yükseklik */
    }

    /* Kart görseli */
    .vehicle-card img {
        width: 100%;
        height: 300px;
        /* Görsel yüksekliği artırıldı */
        object-fit: cover;
        /* Görsel alanı doldurur */
    }

    .carousel-caption h1 {
        font-size: 1rem;
        font-weight: bold;
    }

    .carousel-caption p {
        font-size: 0.75rem;
        margin-top: 15px;
    }
}

/* Section'a özel CSS */
.custom-section {
    padding: 100px 0;
    background-color: #E5E9C5;
}

/* Sol taraftaki resim */
.custom-image-container {
    max-height: 600px;
    padding: 0;
}

.custom-image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    border-radius: 36px;
    overflow: hidden;
}

.custom-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 36px;
    max-height: 600px;
}

/* Sağ taraftaki yazılar */
.custom-text-container h1.custom-title {
    color: #181818;
    font-weight: 600;
}


.custom-stats .custom-stat-value {
    font-weight: 600;
}


/* Butonlar */
.custom-buttons .custom-btn-primary {
    background-color: #016B61;
    border-radius: 18px;
}

.custom-buttons .custom-btn-outline {
    border-radius: 18px;
    border-color: #016B61;
    color: #016B61;
}


/* Section genel ayarları */
.partners-section {
    padding: 50px 0;
}

.partners-background {
    background-color: var(--primary-color, #27374d);
    border-radius: 36px;
    padding: 40px;
}

/* Başlık ayarları */


/* Logoların stil ayarları */
.partner-logo-container {
    padding: 10px;
    background-color: #ffffff;
    border-radius: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    width: 100%;
}

.partner-logo {
    max-width: 100%;
    max-height: 60px;
    object-fit: contain;
    filter: grayscale(100%);
    /* Logolara siyah-beyaz filtre */
    transition: filter 0.3s ease-in-out;
}

.partner-logo-container:hover .partner-logo {
    filter: none;
    /* Üzerine gelince renkli yap */
}

/* Sağ taraftaki yazılar ve buton */
.text-container {
    text-align: left;
}

.lead-partner-heading {
    font-size: 40px;
    font-weight: 700;
    color: #ffffff;
    /* Daha belirgin beyaz renk */
}

.lead-partner-description {
    font-size: 18px;
    /* Yazıları biraz daha büyütüldü */
    font-weight: 400;
    color: #d1d1d1;
    /* Yazılar için daha açık bir gri tonu */
    line-height: 28px;
    margin-bottom: 30px;
}

.join-button {
    padding: 10px 28px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
}


/* Buton genel stil ayarları */
.custom-btn {
    background-color: var(--primary-color, #27374d);
    color: #fff;
    padding: 15px 30px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 5px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease;
    min-width: 225px;
}

.custom-btn:hover {
    background-color: #333;
    color: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.mr-3 {
    margin-right: 15px;
    /* Butonlar arası boşluk */
}

/* Font Awesome icon stil ayarları */
.custom-btn i {
    margin-right: 10px;
    font-size: 20px;
}

/* Buton grubu merkezde */
.btn-group {
    display: inline-flex;
}

.pagination {
    justify-content: center;
    padding: 10px 0;
}

.pagination .page-item .page-link {
    background-color: #f8f9fa; /* Açık gri arka plan */
    border: 1px solid #dee2e6; /* Açık gri kenarlık */
    color: #343a40; /* Yazı rengi (koyu gri) */
    font-weight: bold;
    border-radius: 50px; /* Oval kenarlar */
    padding: 8px 16px; /* Kutunun iç boşluğu */
    transition: all 0.3s ease-in-out; /* Geçiş animasyonu */
}

.pagination .page-item .page-link:hover {
    background-color: #e9ecef; /* Hover durumunda daha koyu gri */
    color: #495057; /* Yazı rengini hafif koyulaştır */
    text-decoration: none;
}

.pagination .page-item.active .page-link {
    background-color: #016B61; /* Aktif durumda yeşil-mavi */
    border-color: #016B61;
    color: #fff; /* Beyaz yazı */
    font-weight: bold;
    box-shadow: 0 0 5px rgba(1, 107, 97, 0.5); /* Hafif gölge */
}

.pagination .page-item.disabled .page-link {
    background-color: #f8f9fa;
    border-color: #dee2e6;
    color: #adb5bd; /* Soluk gri */
    cursor: not-allowed;
}

#customer_images .card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#customer_images .card:hover {
    transform: scale(1.05); /* Hover'da büyütme efekti */
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); /* Hover'da gölge */
}

#customer_images img {
    border-top-left-radius: 15px; /* Görselin köşelerini yuvarla */
    border-top-right-radius: 15px;
}

#customer_images .card-title {
    font-size: 1.25rem; /* Başlık boyutu */
    color: #333; /* Yazı rengi */
    font-weight: bold;
}

/* Kartın Temel Tasarımı */
.expertise-card {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Gölge */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Animasyon */
    overflow: hidden;
}

/* Hover Durumu */
.expertise-card:hover {
    transform: translateY(-5px); /* Kartı yukarı kaldır */
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); /* Daha güçlü gölge */
}

/* Kartın Görseli */
.expertise-card img {
    height: 150px;
    object-fit: contain;
    /*background-color: #f8f9fa;*/ /* Görsel çevresi için arka plan */
}

/* Kartın İçeriği */
.expertise-card .card-body {
    padding: 20px;
}

.expertise-card .card-title {
    font-size: 1.25rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

.expertise-card .btn-primary {
    background-color: #016B61;
    border-color: #016B61;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.expertise-card .btn-primary:hover {
    background-color: #70B2B2;
    transform: scale(1.05); /* Butonu biraz büyüt */
}

/* Başlık Genel Stil */
.section-title {
    font-size: 2rem;
    color: #333; /* Başlık rengi */
    text-align: center; /* Ortala */
    position: relative; /* Çizgi için gerekli */
    margin-bottom: 20px;
}

/* Alt Çizgi */
.section-title::after {
    content: '';
    position: absolute;
    width: 100px; /* Çizgi uzunluğu */
    height: 4px; /* Çizgi kalınlığı */
    background: linear-gradient(to right, #016B61 50%, #9ECFD4 50%); /* Yeşil-mavi gradyan */
    bottom: -10px; /* Başlık altına boşluk */
    left: 50%; /* Ortala */
    transform: translateX(-50%); /* Ortalamayı tamamlama */
    border-radius: 2px; /* Çizgi kenarlarını yuvarlama */
}

/* Form Floating ve Input Group uyumluluğunu sağla */
.form-floating > .input-group > .form-control {
    border-radius: 0.375rem; /* Köşe yuvarlama */
}

.form-floating > .input-group > .form-control:focus ~ label {
    top: -1rem;
    font-size: 0.75rem;
    opacity: 1;
    color: #016B61; /* Etkileşimde yeşil-mavi renkte görünsün */
}

.form-floating > .input-group > .form-control:not(:placeholder-shown) ~ label {
    top: -1rem;
    font-size: 0.75rem;
    opacity: 1;
    color: #6c757d; /* Varsayılan gri renk */
}

.wizard {
    max-width: 800px;
    margin: 50px auto;
    background: #ffffff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    position: relative;
}

.wizard-steps {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    overflow-x: auto;
}

.wizard-steps .step {
    flex: 1;
    text-align: center;
    position: relative;
    padding: 0 5px;
}

.wizard-steps .step.active .step-number,
.wizard-steps .step.completed .step-number {
    background: #28a745;
    color: white;
}

.wizard-steps .step .step-number {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #e9ecef;
    color: #6c757d;
    display: inline-block;
    font-weight: bold;
    margin-bottom: 10px;
}

.wizard-steps .step.completed .step-number {
    border: 2px solid #28a745;
}

.wizard-step {
    display: none;
}

.wizard-step.active {
    display: block;
}

.btn-container {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

@media (max-width: 768px) {
    .wizard-steps .step p {
        display: none;
    }


}