.footer-col
{
    margin: 0px !important;
    padding: 0px !important;
}
.logo-img
{    width: 38%;
}
.head-font{
    font-size:16px;
}
.footer-img
{
    width: 100%;
    padding: 0px;
    margin: 0px;
}

body
{
    background-color: white !important;
    color: #000000 !important;
}

.home-search
{
    width: 97%;
    opacity: 60%;
    border-top-left-radius: 11px;
    border: transparent;
    border-bottom-left-radius: 11px;
    height: 33px;
    border-left: 1px solid black;
    border-top: 1px solid;
    border-bottom: 1px solid;
}


.home-search2
{
    width: 68%;
    margin-left:14%;
    opacity: 60%;
    border-top-left-radius: 11px;
    border: transparent;
    border-bottom-left-radius: 11px;
    height: 33px;
    border-left: 1px solid black;
    border-top: 1px solid;
    border-bottom: 1px solid;
}
.search-button:hover{
    color: black;
}

.search-button
{
    border: transparent;
    background-color: white;
    border-right: 1px solid black;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    font-size: 20px;
    color: black;
    padding: 0px 2px 0px 2px;
    opacity: .6;
}

.main-head
{
    font-weight : 400;
    font-size : 25px;
    line-height : 50px;
    color: #000000;
    margin-top: 20%;
}

.main-text
{
    font-family: "Gill Sans MT";
    color: #000000;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 29px;
    text-align: justify;

}

.m-head{
    font-family: 'Hammersmith One';
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    color: #000000;
    margin: 0 auto;
    width: 100%;
}

.m-top-text {
    font-family: 'Gill Sans MT';
    font-style: italic;
    font-weight: 400;
    font-size: 25px;
    line-height: 35px;
    margin: 0 auto;
    color: #000000;
    text-align:center;
}

.search-box
{
    background: #D4FCC7;
    border: 1px solid #000000;
    border-radius: 20px;
    padding: 4% 5% 2% 5%;
}

.section-div {
    text-align: center;
    width: 100%;
}

.last-box
{
    background: #D4FCC7;
    border-radius: 20px;
    padding: 2% 5% 2% 5%;
    margin: 5% 5%;
}

.beta-head {
    font-family: 'Gill Sans MT';
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    width: 100%;
    text-align: center;
}

.last-text
{
    text-align: center;
    width: 100%;
    font-size:16px;
}

.filter-div
{
    display: flex;
    justify-content: flex-end;
}

.search-head
{
    font-family: 'Hammersmith One';
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 62px;
    color: #000000;
}

.product-list-img
{
    width: 85%;
    border-radius: 20px;
}

.account-setting-sec {
    background: #e8e8e8;
    padding: 4% 5% 10% 5%;
    border-radius: 20px;
    font-size: 20px;
}

.footer-sec
{
    margin-top: 7%;
    margin-left:0px !important;
    margin-right:0px !important;
}

.back-product
{
    font-family: 'Hammersmith One';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
}

.service-title
{
    font-family: 'Hammersmith One';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 38px;
}

.chat-div {
    height: 400px;
    position: relative;
}

.type-chat {
    position: absolute;
    bottom: 33px !important;
    background-color: #D9D9D9;
    width: 50%;
    border: transparent;
}

input:focus {
    outline: none;
}

.col-form-label {
    font-size: 18px !important;
}

/* ----------------------------------------------------------------------------------------------------- */
.guide-banner-title
{
    text-align: center;
    padding: 8% 0% 8% 0%;
}

.guide-banner-sec
{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.img-guide
{
    width: auto;
    margin: 0 auto;
    display: block;
}

.guide-text
{
    text-align: justify;
    width: 70%;
}

.border-guide
{
    margin-bottom: 8%;
    margin-top: 8%;
    border-top: 2px solid;
    opacity: 0.7;
}

.left-col-guide {
    padding-left: 7% !important;
}

.newsletter-input
{
    border: transparent;
    background-color:#a3a3a345;
    width: 60% !important;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    padding-top: 2px;
}

.newsletter-btn
{
    background-color: #a3a3a345 !important;
    height: 32px;
    margin-left: -5px !important;
    border-radius: 0px !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.footer-icon
{
    font-size: 40px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}


.rectangle11{
    position: absolute;
    width: 702px;
    height: 274px;
    left: 49px;
    top: 396px;

    background: #D9D9D9;
    border-radius: 20px;
}

.image-section
{
    background-color: #D9D9D9;
    border-radius: 20px;
}

.booking-text
{
    font-family: 'Hammersmith One';
    font-style: normal;
    font-weight: 200;
    font-size: 15px;
    line-height: 26px;
}

.dropdown-menu.show {
    display: block;
    border-radius: 10px;
}

.newsletter-text
{
    text-align: right;
}

.float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    left:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
}

.my-float{
    margin-top:16px;
}

.StripeElement {
    height: 40px;
    padding: 10px 12px;
    width: 100%;
    color: #32325d;
    background-color: white;
    border: 1px solid transparent;
    border-radius: 4px;

    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
}

.StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

div#card-element {
    width: 500px;
}
.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

.dropdown
{
    position: relative !important;
}

.category-detail
{
    font-weight: 400 !important;
    font-size:25px;

}




  .panel-body button{
      display: block !important;
      font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    background-color: #d9d9d9;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  }
.input-div{
    margin-left:16%;
}

@media (min-width: 2.667px) and (max-width: 991px)
{

    .mobile-align-left
    {
        text-align: left;
    }
    label.col-sm-3.col-form-label {
        text-align: left;
    }

    div#card-element {
        width: 304px;
    }
    .mobile-show {
        display: block !important;
    }

    .hide-footer-col
    {
        display: none;
    }

    .dropdown-menu-end[data-bs-popper] {
        right: auto !important;
        left: 0 !important;
    }

    .ftco-navbar-light .navbar-nav > .nav-item.active > a {
        color: rgb(0 0 0 / 70%);
    }
    .ftco-navbar-light .navbar-nav > .nav-item > .nav-link {
        padding-left: 0;
        padding-right: 0;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        color: rgb(0 0 0 / 70%);
    }

    .category-detail
    {
        font-weight: 400 !important;
        font-size:2518px;
    }

    .mobile-div-product-detail
    {
        display: block !important;
    }

    .desktop-div-product-detail
    {
        display: none !important;
    }

    .booking-text {
        font-family: 'Hammersmith One';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 38px;
        text-align: left;
    }

    .img-guide {
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .guide-text {
        text-align: center;
        width: 100%;
    }

    .fix-width-on-mobile
    {
        width: 99%;
    }
    .newsletter-text {
        padding-top: 8%;
    }

    input.input.newsletter-input.form-control {
        margin-left: 7%;
    }

    .filter-div {
        display: flex;
        justify-content: center  !important;
    }

    form#basic-form {
        margin-top: 6%;
    }
    .m-head {
        font-family: 'Hammersmith One';
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 50px;
        text-align: center;
        color: #000000;
        margin: 0 auto;
        width: 100%;
    }

    *:not(iframe) {
        position: relative;
        text-align: center;
    }

    .navbar{
        background-color: white !important;
    }

    .ftco-navbar-light .navbar-toggler
    {
        color: rgb(0 0 0 / 50%) !important;
    }
    .input-div{
        margin-left:0%;
    }

}