body,
html {
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    font-family: "Inter" !important;
}

.overall_outip {
    background-image: url("../asset/background.png");
    height: 100vh;
    background-size: cover;
    background-position: fixed; 
    overflow-y: scroll;
}
.overall_outip_1 {
    background-color: black;
    background-image: url("../asset/background_1.png");
    height: 102vh !important;
    background-size: cover;
    background-position:fixed !important;
    overflow-y: hidden;
   
}

.navbar_quitap {
    background-color: transparent !important;
}

.logo_quitap {
    width: 150px;
    height: 80px;
    object-fit: cover;

}

.navbar_menus {
    border: 1px solid #FFFFFF;
    border-radius: 11px;

}

.intro_nav {
    color: #FFFFFF !important;
    width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}

.active_intro {
    background-color: #FF0000;
    border-radius: 5px;
}

.insta_img img {
    width: 38px;
    height: 38px;
}

.bbq_card_img img {
    width: 100%;
    height: 250px;
    object-fit: contain;
}

.bbq_card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.bbq_card_text h6 {
    color: #FFFFFF;
    font-size: 28px;
    text-align: center;
}

.bbq_card_text p {
    color: #FFFFFF;
    font-size: 15px;
    text-align: center;
}

.card_btn {
    background: #FF0000 ;
    border-radius: 7px;
    opacity: 1;
    color: #fff;
    font-size: 15px;
    border:1px solid #FF0000;
}

@media (min-width:601px) and (max-width:1100px) {
    .bbq_card_img img {
        width: 100%;
        height: 150px !important;
       
    }
    .bbq_card_text h6 {
        color: #FFFFFF;
        font-size: 24px;
        text-align: center;
    }
}
.screen_text{
    width:100%;
    height:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.screen_text h5{
    color:#ffff;
    font-size: 40px;
}
.screen_text p{
    color:#ffff;
    font-size: 15px;
}
.down_btn{
    background: #FF0000 ;
    border-radius: 7px;
    opacity: 1;
    color: #fff;
    font-size: 15px;
    border:1px solid #FF0000;
}
@media (max-width:990px) {
    .intro_nav {
        width: 100%;
        display: flex;
        font-size: 18px;
    }

    #navbarSupportedContent {
        background-color: #000000bd !important;
        border-radius: 11px;
        padding: 2%;
    }

    .social_media_header {
        display: flex;
        justify-content: space-around;
    }
    .menu_bar{
        color:#fff;
        font-size: 40px;
    }
}
@media  (min-width:990px) and (max-width:1100px) {
    .intro_nav {
        width: 100px;
        display: flex;
        font-size: 11px;
    }
    .logo_quitap {
        width: 110px;
        height: 50px;
        object-fit: cover;
    }
    .insta_img img {
        width: 25px;
        height: 25px;
    }
 }
@media (max-width:600px) {
    .screen_text h3 {
        color: #ffff;
        font-size: 40px;
    }
    .social_media_header{
    padding: 5%;
    }
    .logo_quitap {
        width: 100px;
        height: 60px;
        object-fit: contain;

    }

    .intro_nav {
        width: 100%;
        display: flex;
        font-size: 15px;
    }

    .insta_img img {
        width: 28px;
        height: 28px;
    }

    .bbq_card_img img {
        width: 100%;
        height: 200px;
        object-fit: contain;
    }
    
    .bbq_card_text h6 {
        font-size: 22px;
    }
    
    .bbq_card_text p {
        font-size: 15px;
        font-weight: 600 !important;
    }
    
    .card_btn {
        font-size: 15px;
    }
}
@media (max-width:1300px) and (min-width:1100px) {
    .logo_quitap {
        width: 105px;
        height: 60px;
        object-fit: contain;

    }
    .bbq_card{
        margin-top: -4% !important;
        width:45vw;
    }
    .intro_nav {
        width: 140px;
        display: flex;
        font-size: 14px;
    }

    .insta_img img {
        width: 28px;
        height: 30px;
        object-fit: contain;

    }

    .bbq_card_img img {
        width: 100%;
        height:200px;
        object-fit: contain;
    }
    
    .bbq_card_text h6 {
        font-size: 25px;
    }
    
    .bbq_card_text p {
        font-size: 15px;
    }
    
    .card_btn {
        font-size: 15px;
    }
    .down_app{
        width:100%;
        height:60vh !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
  
}



/* down */
.google_play{
    height:60px;
}
.down_app{
    width:100%;
    height:70vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.down_img{
   height:110px;
}
.down_app h5{
    color:#ffff;
    font-size: 65px;
}
.down_app p{
    color:#ffff;
    font-size: 15px;
}
@media (max-width:600px) {
    /* down */
.google_play{
    height:50px !important;
    object-fit: contain;
    margin-top: 2%;
}
.down_img{
   height:110px;
}
.down_app h5{
    font-size: 35px !important;
}
.down_app p{
    font-size: 12px;
}
}
@media (max-width:700px) {
    /* down */
.google_play{
    height:60px;
}
.down_img{
   height:110px;
}
.down_app h5{
    font-size: 40px;
}
.down_app p{
    font-size: 14px;
}
}

/* contact */

.contact_bbq{
    width:100%;
    height:75vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}
.contact_bbq h5{
    color:#ffff;
    font-size: 65px;
}
.contact_row{
    display: flex;
    align-items: center ;
    justify-content: center;
}
.contact_loc{
    display: flex;
    align-items: center;
    justify-content: center;
}
.contact_loc img{
    height:52px;
}
.text_loc h6{
    color:#fff;
    font-size: 27px;
}
.text_loc p{
    color:#fff;
    font-size: 17px;
    font-weight: 500;
}


/* download */
.privacy{
    color:#fff;
    font-size: 17px;
    text-decoration: underline;
}
.doc_img{
    height:25px;
}
@media (max-width:600px) {
    .privacy{
        display: flex;
    }
    .shiled{
        display: flex;
        flex-direction:row;
        align-items: center;
        justify-content: center;
    }
    .contact_bbq{
        width:100%;
        /* height:77vh; */
    }
    .contact_bbq h5{
        margin-top: 2%;
        font-size: 35px;
    }
    .text_loc h6{   
        font-size: 18px;
    }
    .text_loc p{
        font-size: 12px;
    }
    .text_loc h6{
        font-size: 14px;
    }
    .text_loc p{
        font-size: 13px;
    }
    .down_img {
        height: 60px;
    }
  
}
@media (max-width:520px) {
    .doc_img{
        height:17px;
    }
    .privacy {
        color: #fff;
        font-size: 13px;
        text-decoration: underline;
    }
    .contact_row{
        display: flex;
        flex-direction: column;
        align-items: flex-start !important;
        justify-content: center;
    }
    .contact_loc{
        margin-top: 5%;
    }
    .text_loc p{
        font-size: 16px;
    }
    .text_loc h6{
        font-size: 18px;
    }
.contact_loc img{
    width:32px;
    height:32px;
}
  
}
@media (max-width:1200px) {
    .contact_bbq{
        width:100%;
        /* height:77vh; */
    }
}
/* business */
.new_business h5{
    color:#fff;
    font-size: 55px;
}
.new_business p{
    color:#fff;
    font-size:20px;
}
.new_business{
    display: flex;
    flex-direction: column;
}
.new_business_img img{
    height:290px;
}
@media (max-width:600px) {
    .new_business h5{
        color:#fff;
        font-size: 35px;
    }
    .new_business p{
        color:#fff;
        font-size:17px;
    }
    .new_business_img img {
        height: 162px;
    }
}

/* blog */
.blog_ouitap h4{
    color:#ffff;
    font-size: 45px;
    text-align: center;
}
.blog_card_text p{
    color:#262525;
    font-size: 14px;
}
.blog_card_text h5{
    color: #292929;
    font-size: 17px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}
.blog_card_text h6{
    color:#3B3B3B;
    font-size: 16px;
}
.blog_card_text a{
    color:#EB3527 !important;
    font-size: 17px;
}
.blog_card_img img{
    max-height: 210px;
    object-fit: cover;
}

.blog_qui{
    position: relative;
}
.ourss{
  display: none;

}
.ours{
    position: absolute;
    top:27%;
    right:-5%;
}
.ours img{
    height:40px;
}

@media (max-width:992px) {
    .ours{
        position: unset;
    }
    .ours img{
        height:40px;
    } 
}
@media (max-width:600px) {
    .blog_ouitap h4{
        font-size: 35px;
    }
	.owl-nav {
		position: absolute;
		top: -57px;
		right: 14px;
	}
}
  

.time-picker {
    position: relative;
    display: flex;
    align-items: center;
}

.icon {
    position: absolute;
    right: 10px; /* Position the icon on the right */
    color: white;
    font-size: 1.2rem;
}

.time-picker input[type="time"] {
    padding-left: 10px;
    padding-right: 30px; /* Adjust padding to make space for the icon on the right */
    padding-top: 8px;
    padding-bottom: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f0f0f0;
    color: #333;
    font-size: 1rem;
}

/* Example icon style using FontAwesome for a clock icon */
.icon::before {
    content: "\f017"; /* FontAwesome unicode for clock icon */
    font-family: "FontAwesome";
}

.form_business{
    height:100%;
    width:100%;
    border-radius: 10px;
    background-color:#000;
}

.name-company {
    width: 100% !important;
    height: 49px;
    background: #0E0E0E 0% 0% no-repeat padding-box;
    border: 1px solid #9e9e9e00;
    border-radius: 13px;
    opacity: 0.8;
    padding-left: 16px;
  }
  
  .name-company::placeholder {
    color: #ffffff !important;
    font-size: 16px;
    font-family: "DM Sans", sans-serif;
  }
  .name-company.value {
    color: #ffffff !important;
    font-size: 16px;
    font-family: "DM Sans", sans-serif;
  }
  .name-company:focus{
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
  }

  .form-logo{
    width:25px;
    height:25px;
  }

  #search-wrapper1{
    display: flex;
    align-items: stretch !important;
    background: #0E0E0E 0% 0% no-repeat padding-box;
    border-radius: 10px;
    border: 1px solid #9E9E9E;
  }
  #search-wrapper1:focus{
    display: flex;
    align-items: stretch !important;
    background: #0E0E0E 0% 0% no-repeat padding-box;
    border-radius: 10px;
    border: 1px solid #FF0000 !important;
  }
  #search-wrapper1.active{
    display: flex;
    align-items: stretch !important;
    background: #0E0E0E 0% 0% no-repeat padding-box;
    border-radius: 10px;
    border: 1px solid #FF0000 !important;
  }

  .loss::-webkit-calendar-picker-indicator {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="%23bbbbbb" d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1zm0 20c-4.971 0-9-4.029-9-9s4.029-9 9-9 9 4.029 9 9-4.029 9-9 9zm.5-14H11v6l4.25 2.52.75-1.23-3.5-2.06V7z"/></svg>'); 
    border-radius: 5px;
    width:25px;
    height:45px;
    background-position: center;
}

.loss_1::-webkit-calendar-picker-indicator {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="56" height="58" viewBox="0 0 56 58"><g id="Group_289" data-name="Group 289" transform="translate(-1584 -1586)"><rect id="Rectangle_49" data-name="Rectangle 49" width="56" height="58" rx="7" transform="translate(1584 1586)" fill="red"/><g id="calendar_3_" data-name="calendar(3)" transform="translate(1596 1599)"><path id="Path_58" data-name="Path 58" d="M0,21.7a6.506,6.506,0,0,0,6.5,6.5H24.692a6.506,6.506,0,0,0,6.5-6.5V10H0Zm22.093-5.848A1.949,1.949,0,1,1,20.143,17.8,1.949,1.949,0,0,1,22.093,15.848Zm-6.5,0A1.949,1.949,0,1,1,13.645,17.8,1.949,1.949,0,0,1,15.595,15.848Zm-6.5,0A1.949,1.949,0,1,1,7.148,17.8,1.949,1.949,0,0,1,9.1,15.848Z" transform="translate(0 2.996)" fill="%23ffffff"/><path id="Path_59" data-name="Path 59" d="M24.692,2.6h-1.3V1.3a1.3,1.3,0,0,0-2.6,0V2.6H10.4V1.3a1.3,1.3,0,1,0-2.6,0V2.6H6.5A6.506,6.506,0,0,0,0,9.1v1.3H31.19V9.1A6.506,6.506,0,0,0,24.692,2.6Z" fill="%23ffffff"/></g></g></svg>'); 
    border-radius: 5px;
    width:35px;
    height:45px;
    background-position: center;
}
  .loss{
    width:100% !important;
  }
   .scroll-img {
    background-color: black;
    background-image: url('../asset/background.png');
   overflow-x: hidden;
    height:100vh ;
    overflow-y: hidden ;
    background-position: fixed;
    background-size: cover;
    
}
.scroll-img_1 {
    background-color: black;
    background-image: url('../asset/back_scroll.png');
    overflow-x: hidden;
    height: 100vh;
    background-position: fixed;
    background-size: cover;
    
}
.over_scroll{
    position: absolute !important;
    top:0%;
    left:0%;
    z-index: 999 !important;
    width:100%;
}
@media (max-width:600px) {
    body{
        /* background-color: #000; */
    }
    .scroll-img {
        background-color: rgba(0, 0, 0, 0.541) !important;
        background-image: url('../asset/back1.png');
        margin: 0 auto !important;
        height: 100vh; 
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
    }
    .scroll-img_1 {
        background-color: black;
        background-image: url('../asset/back2.jpg');
    margin: 0 auto !important;
        height: 100vh; 
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-attachment: scroll !important;
        -webkit-background-size: contain !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
    }
}
@supports not (-webkit-touch-callout: none) {
    @media screen and (min-width: 1025px) {
        .phone_1 {
            display: none !important;
        }
    }
  }
@supports (-webkit-touch-callout: none) {
    @media screen and (max-device-width: 1024px) {
      .scroll-img,
      .scroll-img_1 {
        background-color: rgba(0, 0, 0, 0.541);
        margin: 0 auto;
        height: 100vh !important;
        height: -webkit-fill-available; /* iOS fix */
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: scroll;
        -o-background-size: cover !important;
        margin-top: -50px !important;
      }
      .bbq_card_img img {
        width: 100%;
        height: 130px !important;
        object-fit: contain;
    }
      .scroll-img {
        background-image: url('../asset/back1.png');
        margin-top: -75px !important;
      }
  
      .scroll-img_1 {
        background-color: black;
        background-image: url('../asset/back2.jpg');
      }
    }
  }
  @media (max-width:1200px) and (min-width:1050px) {
    .scroll-img,.scroll-img_1{
        background-position: center !important;
    }
  }
  @media (max-width:1050px) and (min-width:601px) {
    .scroll-img,
    .scroll-img_1 {
        background-size: cover !important; /* try contain if image should fully show */
        background-repeat: no-repeat !important;
        background-position: center bottom !important;
        background-attachment: scroll !important;
        min-height: -webkit-fill-available !important; /* fixes Safari height issue */
        height: 100vh !important; /* fallback */
        width: 100% !important;
        margin-top: 0px !important;
        overflow-x: hidden !important;
    }
    .scroll-img {
        background-image: url('../asset/back1.png');
      }
  
      .scroll-img_1 {
        background-color: black;
        background-image: url('../asset/back2.jpg');
      }
}

@media(max-width:576px){
    /* .scroll-img {
        background: url(../asset/Mobile1.jpg) !important;
        width:100%;
        height: 100vh !important;

    } */
}



body {
    font-size: 18px;
}
.chat-row {
    margin: 50px;
}

.chat-user-list {
    list-style: none;
}



.name-image {
    width: 40px;
    height: 40px;
    color: #ffffff;
    border-radius: 50%;
    font-weight: bold;
    padding-top: 5px;
    display: inline-block;
    text-align: center;
}

.chat-image, .chat-name {
    display: inline-block;
}

.chat-user-list {
    margin-bottom: 2px;
    padding: 5px;
    height: 50px;
}

.chat-user-list.active {
    background: #e4e4e4;
}

.user-status-icon {
    position: absolute;
    top: 22px;
    left: 28px;
    color: grey;
}

.chat-image {
    position: relative;
}

.chat-header {
    min-height: 60px;
    padding: 10px;
    margin-bottom: 2px;
    background: #ffffff
}

.chat-body {
    height: calc(100vh - 375px);
    background: #ffffff;
    padding: 30px 50px;
    margin-bottom: 20px;
    position: relative;
}

.message-text {
    margin-left: 45px;
    margin-top: -10px;
}

.chat-input {
    border: 1px solid lightgray;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 8px 10px;
}

.chat-input-toolbar {
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    padding: 8px 10px;
}

.chat-input-toolbar .tool-items {
    margin-right: 5px;
    opacity: 0.3;
}
@media (max-width:990px) {
    .overall_outip_1 {
        background-color: black;
        background-image: url("../asset/background_1.png");
        height: 100vh !important;
        background-size: 140% 100% !important;
        background-position: center;
    }
}
@media (max-width:990px) and (min-width:601px) {
    .overall_outip_1 {
        background-color: black;
        background-image: url("../asset/background_1.png");
        height: 100vh !important;
        background-size: 140% 100% !important;
        background-position: center;
    }
}
.navbar_menus {
    margin: 0 !important;
}
@media (max-width:767px) {
    .blog_card {
        height: auto !important;
    }
    .form_business {
        padding-bottom: 44% !important;
    }
}
@media (max-width:1200px) {
    .blog_card {
        height: auto !important;
    }
}