*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif !important;
}
:root{
    --background-color:#000000;
    --heading-text-color:#F0F9FC;
    --text-color:#A9AFB4;
    --bs-blue-dress:#0964EA;
    --bs-medium-turquoise:#12D8FA;
    --bs-grey-backgroud:#0D0E20;
    --bs-mirage-color:#131422;
    --bs-black-russian:#02031A;


}
body{

  background-color: var(--background-color) !important;

}
.navbar_header{
    padding:0 20px !important;
}
/* .container{
    background-color: var(--background-color);
    width: 100%;
    height: auto;
} */
.main_contianer{
    background-color: var(--background-color);
    width: 100%;
    height: auto;
    padding: 20px 10px;
    position: relative;
    padding-top: 100px !important;

}
.navbar{
    display: flex;
    justify-content: space-between ;
    align-items: center;
    background-color: transparent;
    margin-bottom: 80px;

}
.logo_img{
    width: 150px;
}

.menu_bar{
    display: flex;
    align-items: center;
    justify-content: end;
}
.menu_bar ul{
    display: flex;
    align-items: center;
    justify-content:space-between;
    margin: 0;

}
.menu_bar ul li{
    color: var(--heading-text-color);
    font-size: 16px;
    margin:0 30px;
   list-style: none;
   cursor: pointer;
}
.menu_bar ul li a{
    text-decoration: none;

}

.menu_bar ul li:hover{
    background: linear-gradient(90deg, var(--bs-blue-dress) , var(--bs-medium-turquoise));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    font-weight: 500;
}
.nav_btn{
    display: flex;
    align-items: center;
}

.btn{

    background-image: linear-gradient(90deg, var(--bs-blue-dress) , var(--bs-medium-turquoise));
    border-radius: 50px;
    color: var(--heading-text-color);
    padding: 1px;
    position: relative;
    text-decoration: none;
    align-items: center;
    display: flex;
    margin-left:24px;


}


.nav_btn a span {
	align-items: center;
	background: var(--background-color);
	border-radius: 50px;
	display: flex;
	/* justify-content: center; */
	transition: all .5s ease;
    padding: 7px 25px;
    font-weight: 500;
}


.btn:hover span {
	background: var(--heading-text-color);
    color: var(--background-color);
    box-shadow: 1px 1px 15px 2px var(--heading-text-color);
}


.text_heading{
    font-size: 60px;
    color: var(--heading-text-color);
    line-height: 70px;
    font-weight: 600;
    margin-bottom: 10px;

}

.text_gradient{
     background-image: linear-gradient(to right, var(--bs-blue-dress) 0%, var(--bs-medium-turquoise) 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;

}
.text_content{
    font-size: 16px;
    color:var(--text-color);
    margin-bottom: 20px;

}
.header_image{
  width: 580px;
  position: absolute;
  right:0px;
  top:120px;
  z-index: 10;
}
.header_image_item{
    width: 100%;
}

.footprint_image_1{
    width: 135px;
    margin-left: 10px;
}

.text_heading_middle{
    font-size: 52px ;
    color: var(--heading-text-color);
    line-height: 70px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}
.footprint_image_2{
    width: 200px;
    margin: 0 auto;
}
.middle_container{
    margin-bottom: 150px;
    position: relative;

}

.middle_content_container{
    display: flex;
    align-items: center;
    position: relative;
}
.earth_image{
    width: 850px;
    position: absolute;
}
.main_content_half{
    width: 100%;
}
.discovery_image{
    /* margin-right: 25px; */
    width: 55px;
}
.discovery_image img {
    width: 100%;
}
.main_content{
    display: flex;
    align-items: center;
    margin-bottom:30px;
    justify-content: flex-start;
    gap: 25px;
}
.main_content_text {
    flex: 1;
}
.discovery_text{
    color: var(--heading-text-color);
    font-size: 22px !important;
    font-weight: 500 !important;
}

.btn-grad {
    background-image: linear-gradient(to right, var(--bs-blue-dress) 0%, var(--bs-medium-turquoise)  51%, var(--bs-blue-dress)  100%);
    margin: 10px;
    padding: 10px 30px;
    text-align: center;
    transition: 0.2s ease-in-out;
    background-size: 200% auto;
    color: white;
    /* box-shadow: 0 0 10px #eee; */
    border-radius: 4px;
    display: block;
    cursor: pointer;
    font-weight: 400 !important;
  }
  .btn-grad a{
    color: white;
    text-decoration: none;
  }

  .btn-grad:hover, .search_bar_arrow:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
    transition: 0.2s ease-in-out;
  }

.btn-grad-success {
    background-image: linear-gradient(to right, #49af03 0%, #90ee7e 51%, #49af03 100%);

    padding: 10px 30px;
    text-align: center;
    transition: 0.2s ease-in-out;
    background-size: 200% auto;
    color: white;
    /* box-shadow: 0 0 10px #eee; */
    border-radius: 4px;
    display: block;
    cursor: pointer;
    font-weight: 400 !important;
}

.btn-grad-danger:hover, .btn-grad-success:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
}

  .header_content .btn-grad{
    width: 40%;
    margin-bottom: 20px;
    margin-left: 0;
  }
  .middle_content_heading{
    margin-bottom:100px;
    padding: 0 80px;
    /* margin-top: 300px; */
  }
  .middle_content_heading_overveiw{
    position: relative;
    overflow: hidden;
  }

  .earth_image{
    position: absolute;
    left: -420px;
    top: 250px;
  }

.circle{
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    /*color: var(--bs-quill-grey);*/
    padding: 2px;
    position: absolute;
    text-decoration: none;
    z-index: 1;
    top:125px;
    left: -60px;
}

.circle span, .circle_right span {
    align-items: center;
    /*background: var(--bs-black);*/
    border-radius: 50%;
    display: flex;
    justify-content: center;
    transition: all .5s ease;
    padding: 6px 1px !important;
    cursor: pointer;
}
.circle_right{
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    /*color: var(--bs-quill-grey);*/
    padding: 2px;
    position: absolute;
    text-decoration: none;
    z-index: 1;
    right: -60px;
    top: 125px;
}
.title_container{
    width: 200px;
    height:auto;
    background-color:#090A1E;
    /* border-radius: 60px; */
    position: relative;

}
.title_container_content{
    width: 200px;
    height: 160px;
    /* border-radius: 60px; */
    background-color: #090A1E;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-bottom: 20px; */

}
.title_image{
    width: 100%;
    height: 100%;
    /* position: absolute; */
    object-fit: cover;
    /* border-radius: 60px; */


}
.play_button{
    width: 80px;
    position: absolute;
}
.title_text{
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    color: var(--text-color);
    bottom: 10px;
    left: 10px;
    border-radius: 50px;
}
.title_text p{
    font-size: 13px;
}
.title_container_text{
    padding: 10px 10px 20px 10px;

}

.small_text{
    color: var(--heading-text-color);
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 200;
}
.view_more_link{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 100px;
}

.view_more_link a{
    text-decoration: none;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 300;
    cursor: pointer;
}
.circle_btn_overview{
    display: flex;
    align-items: center;
    justify-content: center;
}
.circle_btn{
    width: 150px;
    background-image: linear-gradient(to right, var(--bs-blue-dress) 0%, var(--bs-medium-turquoise)  51%, var(--bs-blue-dress)  100%);
    border-radius: 50px;
    color:var(--text-color);
    padding: 2px;
    margin-bottom: 50px;

}
.circle_btn span{
    align-items: center;
    /*background: var(--bs-black);*/
    border-radius: 50px;
    display: flex;
    justify-content: center;
    transition: all .5s ease;
    cursor: pointer;
    padding: 5px 10px;
}
.circle_btn span:hover{
    background-color: transparent;
    color: white;
    transition: all .5s ease;
}
.btn-grad.view_more_btn{
    width:18%;
    margin: 0 auto;
    margin-bottom: 130px;
    /* margin-top:50px; */
}

.header_image.title_header_image{
    left:-120px
}
.business_side_text{
    margin-bottom: 200px;
}
.footstep_image_overview{
    position: relative;
    width: 650px;
    margin: 0 auto;
}
.footstep_image{
    width: 100%;
}
.review_container_details{
    padding: 0 80px;
    margin-top: 120px;
}
.reviews_details{
    width: 250px;
    height:auto;
    background: linear-gradient(180deg, var(--bs-mirage-color) -11.51%, var(--bs-black-russian) 197.27%);
    padding:30px 20px;

}
.review_person_Profile{
    display: flex;
    align-items: center;
    margin-bottom:20px;

}
.review_person_Profile_image{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 20px;

}
.review_person_name{
    font-size: 16px;
    font-weight: 500;
    color: var(--heading-text-color);
}
.text_content.review_text{
    font-size: 14px;
}
.review_stars_image{
    width: 170px;
    margin-bottom: 30px;
}
.walking_footstep{
    width: 40px;
    margin-bottom: 150px;
}

.frequently_question_verview{
    margin-bottom: 30px;
}
.frequently_question{
    background: linear-gradient(180deg, var(--bs-mirage-color) -11.51%, var(--bs-black-russian) 197.27%);
    border-radius: 20px;
    box-shadow: 0px 0px 10px var(--bs-medium-turquoise);
    padding: 15px 20px;

}
.frequently_question_text{
    color: var(--heading-text-color);
    font-size: 16px;
    font-weight: 500;
}
.plus_image{
    width: 16px;
}
.frequently_details{
    padding: 20px 150px 20px;


}

.newslatter_details{
    background-color: #DBE3E7;
    margin: 40px 150px 90px;
    padding: 30px 40px 20px ;
    border-radius: 20px;
}

.frequently_question_text.text_color{
    color: black;

}
.text_content.review_text.text_color{
    color: black;
}

.circle_btn.serach_bar{
    width: auto;
    margin-bottom: 0;
}
.circle_btn.serach_bar span{
    background-color: white;
    padding: 10px 100px 10px 20px;
}

.circle_btn.serach_bar span input{
    background-color: transparent;
    border: none;
    outline: 0;
}

.search_bar_arrow{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding:0;
    margin:0;
    transition: 0.2s ease-in-out;
    background-size: 200% auto;
    background-image: linear-gradient(to right, var(--bs-blue-dress) 0%, var(--bs-medium-turquoise) 51%, var(--bs-blue-dress) 100%);
}
.right_arrow_img.size{
    width: 36px;
}
.footprint_image_2.big_size{
    width: 270px;
}

.footer{
    background: linear-gradient(180deg, var(--bs-mirage-color) -11.51%, var(--bs-black-russian) 197.27%);
    padding: 50px 60px;
    /* border-top:1px solid #767676;; */
}

.small_footer{
    background: linear-gradient(180deg, var(--bs-mirage-color) -11.51%, var(--bs-black-russian) 197.27%);
    padding: 50px 30px;
}
.footer_details{
    padding-left: 0;

}
.footer_details li{
    list-style: none;
}
.footer_links,.footer_links_copyright{
    text-decoration: none;
    font-size: 14px;
    color:var(--text-color) ;
    font-weight: 300;

}
.footer hr{
    color: var(--heading-text-color);
    margin-bottom: 30px;
}

.share_list{
    display: flex;
    align-items: center;
}

.share_list_item{
    width: 35px;
    height: 35px;
    border-radius: 50px;
    border: 2px solid #ABB2B9;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.review_content_overview{
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
}
.review_container_text{
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.3s ease 0s;
    width: 1200px;
}

.line_hr{
    width: 100%;
}

.navbar-toggle {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 15px;
    display: none;
  }

  .icon-bar {
    width: 25px;
    height: 3px;
    background-color: var(--text-color);
    display: block;
    margin-top: 4px;
  }

  .icon-bar:nth-child(2) {
    margin-top: 4px;
  }

  .icon-bar:last-child {
    margin-top: 4px;
  }
  .small_footer,.small_text_content,.small_share_links_items{
    display: none;
  }
  .share_links_items{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .mobile_iphone_details{
    margin-top:100px;
    display: grid;
    grid-template-columns: repeat(auto-fit,min(290px));
    grid-row-gap: 30px;
    justify-content: center;
  }
  .mobile_ai_handle_details{
    margin-top:30px;
    display: grid;
    grid-template-columns: repeat(auto-fit,min(290px));
    grid-row-gap: 30px;
    justify-content: center;
    position: relative;
  }

  .mobile_iphone_image{
    width: 290px;
    height: 450px;
  }
  .mobile_iphone_image_short{
    width: 290px;
    height: 450px;
  }
  .mobile_details{
    margin-bottom:10px;
  }
  .line_hr{
    width: 100%;
  }
  .persent_text{
    font-size: 30px;
    font-weight: 700;
  }
.mobille_content_text{
    font-size: 18px;
}
.text_bold_size{
    line-height: 55px;
    margin-bottom: 25px !important;
}

.business_side_text ul{
    list-style:disc;
    font-size: 18px;
    font-weight: 400;
    color: var(--text-color);
}
.customer_text{
    font-size: 20px !important;
    font-weight: 400 !important;
}
.customer_satisfaction_image{
    width: 74px !important;
}
.search_bar_arrow img{
    width: 30px;
}
.itinerary_list{
    margin-bottom: 100px;
}
.mobile_details_short_image{
    display: flex;
    align-items: center;
    justify-content: end;
}
.mobile_details_short_image_start{
    display: flex;
    align-items: center;
    justify-content: start;
}
.mobile_size_footprint, .small_mobile_size_footprint{
    text-align: center;
    margin:auto 0;
}
.small_mobile_size_footprint{
    display: none;
}
.mobile_text{
    font-size: 18px;
    color: var(--heading-text-color);
    font-weight: 400;
    margin-bottom: 20px !important;
}

.facaebook_image{
    width: 14px;
    margin-top:7px;
}
.short_mobile_size_footprint{
    margin: 100px auto 150px;
    display: none;
}
.three_mobile_footprint_image{
    transform: rotate(90deg);
}
.mobile_chat_content{
    margin-top:10rem;
    position: relative;

}
.footer_logo{
    margin-bottom:30px;
}
.mobile_screenshort_image,.mobile_screenshort_image_1,.mobile_screenshort_image_2{
    /* position: absolute; */
    width: 200px;
    /* right: -32px;
    top: 400px; */
    /* z-index: 10; */

}
.mobile_screenshort_image{
    right:-40px;
    margin-left:7px;
}

.mobile_screenshort_image_1{
    top:450px;
    /* right:-35px; */
}
.mobile_screenshort_image_2{
    top:565px;
    margin-left:7px;

}
.share_list_item:hover{

}
.btn-grad a:hover{
    color:white;
}
  .header_wrap_column{
    display: flex;
}
.header_wrap_column{
    margin-bottom: 220px;
}
.mobile_chat_header{
    position: relative;
}
.mobile_text_images{
    display: block !important;
}
.guest_image_1{
    width: 240px;
    margin-bottom: 4px;
}
.customer_setisfection_overview{
    padding-top: 70px !important;
}
.cook_icon_overlay{
    position: relative;
    padding-top: 25px;
    margin-right: 13rem;
}
.cook_icon_image{
    width: 350px;
}
.guest_icon_overlay, .cook_icon_overlay{
    display: flex;
    justify-content: center;
}
.guest_icon_overlay{

    margin-right: 13rem;
}
.cook_icon_text{
    position: absolute;
    z-index: 10;
    width: 22rem;
    right: 0px;
    top:10px;
}
.guest_icon_image{
    width: 250px;
}
.guest_icon_text_1{
    position: absolute;
    width: 25rem;
    right: 0px;
}
.guest_icon_text_2{
    position: absolute;
    width: 25rem;
    top: 198px;
    right:0px ;
}
.team_icon_overlay{
    display: flex;
    justify-content: end;

}
.team_icon_image{
    width: 250px;
    margin-right: 40px;

}
.team_chat_image_1{
    position: absolute;
    width: 26rem;
    right: 250px;
}
.host_icon_overlay{
    display: flex;
    justify-content: end;
}
.host_icon_image{
    width: 170px;
    margin-right: 70px;
}
.host_chat{
    position: absolute;
    display: flex;
    flex-direction: column;
    gap:3px;
    right: 290px;
    z-index: 10;
}
.host_image_chat_1{
    width: 18rem;
    margin-left: 8rem;
}
.host_image_chat_2,.host_image_chat_4,.host_image_chat_5{
    width: 23rem;
}
.host_image_chat_3{
    width: 20rem;
    margin-left: 6rem;
}
.host_image_chat_4{
    position: absolute;
    top: 1rem;
}
.team_cook_text_image{
    width: 11rem;
    margin-top:2rem;
}
.team_cook_text{
    width: 15rem;
    margin-bottom: 3rem;
}
.team_cook_withguest_text{
    width: 13rem;
}
.guest_cook_text_image{
    width: 7rem;
}
.guest_and_team_content{
    margin-bottom: 4rem !important;
}
.footer_links:hover{
    color: var(--theme-deafult) !important;
    background-color: transparent;
}
@media only screen and (min-width: 1441px){
    .middle_container {
        margin-bottom: 200px;
    }
    .mobile_details {
        margin-bottom: 20px;
    }
    .mobile_iphone_image{
        margin-bottom: 15px;
    }
    .business_side_text{
        margin-top: 70px;
    }

}

@media only screen and (max-width: 1440px){
    .navbar{
        margin-bottom: 110px;
    }

    .footstep_image_overview{
        /* top:-270px */
    }
    .business_side_text {
        margin-bottom: 110px ;
    }

    .frequently_question_verview {
        margin-bottom: 40px;
    }
    .text_heading_middle{
        margin-bottom: 30px;
    }
    .footer{
        padding: 30px 20px;
    }
    .main_contianer{
        padding-top: 70px !important;
    }
    .cook_icon_text{
        top:0px;
    }
    .host_image_chat_2, .host_image_chat_4, .host_image_chat_5 {
        width: 22rem;
    }
    .team_chat_image_1 {
        width: 24rem;
        right: 285px;
    }.guest_icon_text_1 {
        width: 23rem;
    }
    .guest_icon_text_2{
        width: 23rem;
        top:182px;
    }

}

@media only screen and (min-width: 1216px) and (max-width:1408px){
    .cook_icon_image {
        width: 350px !important;
    }

    .cook_icon_overlay{
        padding-top:40px;
    }

    .main_contianer {
        padding-top: 40px !important;
    }
    .text_heading {
        font-size: 50px;
        line-height: 56px;
    }
    .header_content .btn-grad {
        width: 54%;
    }
    .host_image_chat_2, .host_image_chat_4, .host_image_chat_5 {
        width: 20rem;
    }

    .host_chat{
        left:3rem;
    }
    .team_chat_image_1 {
        width: 20rem;
        right: 285px;
    }
    .host_image_chat_1 {
        width: 15rem;
        margin-left: 7rem;
    }
    .host_image_chat_3 {
        width: 17rem;
        margin-left: 5rem;
    }
    .guest_icon_text_1,.cook_icon_text {
        width: 20rem;
    }

    .guest_icon_text_2 {
        width: 20rem;
        top:159px;
    }



}
@media only screen and (min-width: 1025px) and (max-width:1216px){
    .host_icon_image{
        margin-right: 0;
    }
    .host_chat{
        right: 11rem;

    }
    .host_image_chat_1 {
        width: 14rem;
        margin-left: 5rem;
    }
    .host_image_chat_2, .host_image_chat_4, .host_image_chat_5 {
        width: 17rem;
    }
    .host_image_chat_3 {
        width: 16rem;
        margin-left: 3rem;
    }
    .team_chat_image_1 {
        width: 16rem;
        right: 285px;
    }
    .guest_icon_text_1,.cook_icon_text {
        width: 17rem;
    }
    .guest_icon_text_2 {
        width: 17rem;
        top: 135px;
    }
    .header_content .btn-grad {
        width: 45%;
    }
}
.button-to-hide {
    display: block;
}

/* For screens wider than 768px, the button will be hidden */
@media (min-width: 768px) {
    .button-to-hide {
        display: none;
    }

    .p-10-mobile{
        padding: 10px;
    }
}

 @media only screen and (max-width: 1024px){

    .navbar {
        margin-bottom: 70px;

    }
    .logo_img {
        width: 140px;
    }

    .newslatter_details{
        margin: 40px 0px 90px;
    }

    .btn-grad.view_more_btn {
        width: 22%;
    }

    .frequently_details {
        padding: 20px 0px 20px;
    }

    .text_heading_middle {
        font-size: 50px;
    }
    .main_contianer{
        padding:10px 10px;
        padding-top: 50px !important;
    }

    .btn-grad{
        padding: 10px 20px;
    }
    .menu_bar ul{
        padding-left: 0;
    }

    .header_image {
        width: 480px;
        right: 0px;
        top: 180px;
    }
    .text_heading_middle{
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .text_heading{
        font-size: 50px;
        line-height: 55px;
    }
    .header_image{
        width: 430px;
        top:130px
    }
    .discovery_text{
        font-size: 18px !important;
    }
    .earth_image {
        width: 700px;
        top:190px
    }
    .text_content {
        font-size: 13px !important;
    }
    .discovery_image img{
        width: 60px;
    }
    .footstep_image_overview {
        width: 650px;
    }
    .reviews_details {
        padding: 20px;
    }
    .business_side_text{
        padding-top:50px ;
    }
    .guest_image_1{
        width: 150px;
    }
    .customer_setisfection_overview{
        padding-top: 30px !important;
    }
    .footstep_image_overview {
        width: 550px;
    }
    .walking_footstep{
        margin-bottom: 120px;
    }
    .cook_icon_image {
        width: 400px;
    }
    .cook_icon_text{
        width: 16rem;
        right:0px;
        top:0px;
    }
    .guest_icon_text_1{
        width: 17rem;
    }
    .guest_icon_text_2 {
        width: 17rem;
        top:134px;
    }
    .guest_icon_overlay,.cook_icon_overlay{
        display: flex;
        justify-content: center;
    }
    .team_icon_image{
        margin-right: 0;
    }
    .team_chat_image_1{
        width: 16rem;
        right: 230px;
    }
    .host_icon_image{
        margin-right: 0;
    }
    .host_chat{
        right: 220px;
    }
    .host_image_chat_2, .host_image_chat_4, .host_image_chat_5 {
        width: 16rem;
    }
    .host_image_chat_1 {
        width: 13rem;
        margin-left: 6rem;
    }
    .host_image_chat_3 {
        width: 15rem;
        margin-left: 4rem;
    }
    .persent_text {
        font-size: 25px;
    }

}
/* @media only screen and(min-width:992px) and (max-width:1024px){
    .header_content p {
        padding-right: 0;
    }
    .navbar_header {
        padding: 0 10px!important;
    }
    .text_heading {
        font-size: 44px;
    }
    .header_content .btn-grad {
        width: 55%;
    }
} */

@media only screen and (min-width:768px)  and (max-width:992px){
    .header_content{
        margin-bottom: 8rem;
    }
    .text_heading_middle {
        font-size: 37px;
    }
    .text_heading {
        font-size: 43px;
        line-height: 50px;
    }
    .cook_icon_overlay{
        display: flex;
        justify-content: center;
        margin-right: 10rem;
    }
    .guest_icon_image {
        width: 200px;
    }
    .guest_icon_overlay{
        display: flex;
        justify-content: center;
        margin-right: 12rem;
    }
    .guest_icon_text_1  {
        right: 6rem;
        top:-30px;

    }
    .guest_icon_text_2{
        top:105px;
        right: 6rem;
    }
    .cook_icon_text{
        right: 0;
    }
    .team_icon_overlay{
        justify-content: center;
        margin-left: 100px;
    }
    .team_chat_image_1{
        left: 70px;
    }
    .team_icon_image{
        width: 230px;
    }
    .host_icon_overlay{
        justify-content: center;
        margin-left: 200px;
    }
    .host_chat {
        left: 60px;
    }
    .host_image_chat_1 {
        width: 200px;
    }
     .host_image_chat_5  {
        width: 220px;
    }
    .host_image_chat_2,.host_image_chat_4{
        width: 16rem;
    }
    .host_image_chat_3{
        width: 15rem;
        margin-left:3.5rem;
    }

    .persent_text {
        font-size: 22px;
    }
    .middle_container_mobile{
        padding-top:22rem;
    }
    .header_content .btn-grad {
        width: 30%;
    }
    .header_content p {
        padding-right: 15rem;
    }
    .guest_team_together_overlay{
        margin-bottom: 6rem;
    }
    .mobile_details_overview {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 768px){
    .heading_persent_text{
        font-size: 30px !important;
    }
    .menu_bar,.mobile_size_footprint{
        display: none;
    }
    .navbar-end{
        margin-bottom: 16px;
    }
    .small_footer{
        display: block;
    }
    .navbar-toggle{
        display: block;
    }
    .small_mobile_size_footprint{
        display: block;
    }
    .header_content p{
        padding-right:14rem;
    }

    .main_contianer{
        padding: 30px 20px;
        padding-top:30px !important
    }
    .navbar {
        margin-bottom: 40px;
    }
    .logo_img {
        width: 160px;
    }
    .header_content .btn-grad {
        width: 22%;
    }
    .earth_image{
        width: 600px;

    }
    .text_content {
        font-size: 14px !important;
    }
    .discovery_text {
        font-size: 18px !important;
    }
    .earth_image {
        top: 250px;
    }
    .text_heading_middle {
        font-size: 35px;
        line-height: 40px;
    }
    .header_content{
        margin-bottom: 160px;
    }
    .middle_content_heading{
        padding: 0 20px;
        margin-top: 0;
    }
    .title_container_content {
        width: 170px;
        height: 135px;
    }
    .title_container{
        width: 170px;
    }
    .play_button {
        width: 60px;
    }
    .small_text {
        font-size: 13px;
    }
    .header_image {
        width: 400px;
    }
    .footstep_image_overview {
        width: 485px;
    }
    .review_container_details {
        padding: 0 40px;
        margin-top: 90px;
    }
    .frequently_question_text {
        font-size: 16px;
    }
    .text_heading {
        font-size: 50px;
        line-height: 60px;
    }
    .header_image {
        width: 350px;
        top:90px;
    }
    .discovery_image img{
        width: 55px;
    }
  .logo_img.small{
    margin-bottom: 30px;
  }
  .circle{
    left:-25px
  }
  .circle_right{
    right: -25px;
  }
  .newslatter_details{
    padding: 30px 20px 20px ;
  }
  .header_image.title_header_image{
    top:245px
  }
  .mobile_details_overview{
    margin-bottom: 30px;
  }

  .logo_img{
    margin-bottom: 30px;
  }
    .navbar_header{
        padding:0 40px !important;
    }
    .mobile_details_short_image, .mobile_details_short_image_start{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header_wrap_column {
        margin-bottom: 180px;
    }
    .navbar_header {
        padding: 0 20px !important;
    }
    .customer_setisfection_overview {
        padding-top: 30px !important;
    }
    .middle_container{
        margin-bottom: 80px !important;
    }
    .header_wrap_column {
        margin-bottom: 130px;
    }
    .walking_footstep {
        width: 34px;
    }
    .cook_icon_overlay{
        display: flex;
        justify-content: center;
        margin-right: 10rem;
    }
    .guest_icon_image {
        width: 200px;
    }
    .guest_icon_overlay{
        display: flex;
        justify-content: center;
        margin-right: 12rem;
    }
    .guest_icon_text_1  {
        right: 6rem;
        top:-30px;

    }
    .guest_icon_text_2{
        top:105px;
        right: 6rem;
    }
    .cook_icon_text{
        right: 0;
    }
    .team_icon_overlay{
        justify-content: center;
        margin-left: 100px;
    }
    .team_chat_image_1{
        left: 70px;
    }
    .team_icon_image{
        width: 230px;
    }
    .host_icon_overlay{
        justify-content: center;
        margin-left: 200px;
    }
    .host_chat {
        left: 60px;
    }
    .host_image_chat_1 {
        width: 200px;
    }
     .host_image_chat_5  {
        width: 220px;
    }
    .host_image_chat_2,.host_image_chat_4{
        width: 16rem;
    }
    .host_image_chat_3{
        width: 15rem;
        margin-left:3.5rem;
    }
    .middle_container_mobile{
        padding-top: 27rem;
    }
    .persent_text {
        font-size: 22px;
    }
    .share_links_items{
        display: block !important;
    }
    .footer_links_copyright{
        margin-bottom: 1.5rem;
    }
    .share_list{
        justify-content: center;
    }
}

 @media only screen and (max-width:580px){

    .header_image, .earth_image, .text_content.bigger_text,.circle, .circle_right{
        display: none;
    }
    .main_contianer {
        padding: 30px;
        padding-top: 40px !important;
    }
    .header_content .btn-grad, .btn-grad.view_more_btn{
        width: 30%;
    }
    .header_content p{
        padding-right:3rem;
    }
    .small_footer{
        display: block;
        padding: 30px 40px;
    }
    .text_heading {
        font-size: 50px;
        line-height: 55px;
    }
    .middle_content_heading{
        padding: 0;
    }
    .text_heading_middle {
        font-size: 30px;
        line-height: 40px;
    }
    .text_content {
        font-size: 14px !important;
    }
    .newslatter_details {
        padding: 20px;
    }
    .circle_btn.serach_bar{
        width: 100%;
    }
    .frequently_question_text {
        font-size: 14px;
    }
    .frequently_question_text.text_color{
        font-size: 15px;
    }
    .title_container_content {
        width: 200px;
        height: 150px;
    }
    .title_container {
        width: 200px;
    }
    .circle_btn.serach_bar span input{
        font-size: 14px;
    }
    .circle{
        left: -20px;
    }
    .circle_right{
        right: -20px;
    }
    .discovery_image{
        margin-right: 15px;
    }
    .text_content{
        font-size: 13px;
    }
    .frequently_question_text {
        font-size: 12px;
    }
    .footprint_image_2{
        margin-top: 15px;
    }
    .main_content{
        margin-bottom: 35px;
    }

    .small_text_content{
        font-size: 14px !important;
        color: var(--text-color);
        margin-bottom: 20px;

    }
    .discovery_text {
        font-size: 16px !important;
    }
    .small_frequently_question_text{
        font-size: 16px;
   }
   .mobile_details_overview{
        text-align: center;
        margin-bottom: 30px;
   }
   .mobile_iphone_image{
        width:auto ;
        margin: 0 auto;
   }
   .footstep_image_overview{
        right: 40px;
        width: 440px;
   }
   .walking_footstep{
        width: 35px;
        margin-bottom: 100px;
   }

   .search_bar_arrow {
    width: 47px;
    height: 47px;

    }
    .footer {
        padding: 120px 30px 50px !important;
      }
      .navbar_header {
        padding: 0 30px !important;
    }
    .header_wrap_column {
        margin-bottom: 150px;
    }
    .guest_icon_image{
        margin-left: 50px;
    }
    .guest_icon_overlay, .cook_icon_overlay{
        justify-content: start;
    }
    .cook_icon_image {
        width: 360px;
    }
    .guest_icon_text_1{
        top:0;
        right: 55px;
        width: 230px;
    }
    .guest_icon_text_2{
        top:126px;
        right: 55px;
        width: 230px;
    }
    .team_icon_overlay{
        justify-content: end;
        margin-right: 30px;
    }
    .team_chat_image_1{
        width: 230px;
    }
    .host_chat{
        left: 0px;
        top: 80px;
    }
    .host_image_chat_1 {
        width: 200px;
        margin-left: 5.5rem;
    }
    .host_image_chat_2, .host_image_chat_4, .host_image_chat_5 {
        width: 230px;
    }
    .host_image_chat_3 {
        width: 230px;
        margin-left: 3.5rem;
    }
    .team_icon_image {
        width: 200px;
    }
    .middle_container_mobile {
        padding-top: 24rem;
    }
    .team_cook_text {
        width: 17rem;
    }
    .guest_team_together_overlay{
        margin-bottom: 7rem;
    }
    .main_content{
        gap:15px;
    }
    .persent_text {
        font-size: 25px;
    }

    .mobile_chat_content {
        margin-top: 6rem;
    }
    .mobile_iphone_details {
        grid-template-columns: repeat(auto-fit,min(25rem)) !important;
    }
    .mobile_iphone_image{
        height: 35rem;
    }
 }


@media only screen and  (max-width:426px){

    .circle.small_circle{
        display: none;
    }
    .small_share_links_items{
        display: block;
    }
    .text_heading_middle {
        font-size: 21px;
        line-height: 30px;
    }
   .small_frequently_question_text{
        font-size: 16px;
   }
   .footer_links{
    font-size: 12px;
   }
   .middle_container {
    margin-bottom: 100px;
    position: relative;
    }
    .circle_btn{
        margin-bottom: 30px;
    }
    .walking_footstep{
        margin-bottom: 100px;
    }
    .btn-grad.view_more_btn{
        margin-top: 0;
    }
    .newslatter_details {
        margin: 40px 0px 50px;
    }
    .header_content p{
        padding-right:0;
    }
    .small_share_list{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footstep_image_overview {
        width: 350px;
    }
    .text_heading_middle {
        font-size: 25px;
        line-height: 35px;
    }
    .footer {
        padding: 90px 20px 40px !important;
    }
    .frequently_question{
        padding: 15px 5px;
    }
    .footstep_image_overview {
        width: 290px;
    }

    .mobile_text{
        margin-top:40px;
    }


    .main_contianer{
        padding: 30px 20px;
    }
    .mobile_text_with_content{
        margin-top: 0 !important;
    }
    .mobile_screenshort_text_content{
        text-align: center;
    }
    .mobile_screenshort_image_1,.mobile_screenshort_image,.mobile_screenshort_image_2{
        margin-left: 0 !important;
    }
    .share_links_items{
        display: block;
        align-items: center;
        justify-content:center;
    }
    .footer_links{
        text-align: center;
    }
    .share_list{
        justify-content: center;
    }
    .navbar {
        margin-bottom: 50px !important;
    }
    .guest_icon_overlay{
        margin-left: 0;
        margin-top: -2rem;

    }
    .guest_icon_image{
        margin-left: 0;
        width: 12rem;

    }
    .guest_icon_text_1, .guest_icon_text_2 {
        width: 14rem;
        right: 0px;
    }
    .guest_icon_text_2 {
        top: 112px;
    }
    .header_content .btn-grad, .btn-grad.view_more_btn {
        width: 43%;
    }
    .cook_icon_image {
        width: 250px;
    }
    .cook_icon_text {
        width: 16rem;
        right: 0px;
    }
    .cook_icon_overlay{
        padding-top:5rem;
    }
    .navbar_header {
        padding: 0 20px !important;
    }
    .main_contianer{
        padding-top:70px !important
    }
    .team_icon_overlay{
        margin-right: 0;
        margin-top: -1rem;
    }
    .team_chat_image_1 {
        left: 10px;
        top: -3rem;
    }
    .footer_links{
        margin-bottom: 15px;
    }
    .main_content{
        gap:15px;
    }


    .host_icon_image {
        width: 11rem;
    }
    .host_chat{
        top:50px;
        right: 0;
        left: 5px;
        margin-top: -5rem;
    }
    .host_icon_overlay{
        margin-left: 15rem;
        margin-top: -5rem;
    }
    .host_image_chat_1 {
        width: 12rem;
        margin-left: 4.5rem;
    }
    .host_image_chat_2, .host_image_chat_4, .host_image_chat_5 {
        width: 15rem;
    }
    .host_image_chat_3 {
        width: 14rem;
        margin-left: 2.5rem;
    }
    .middle_container_mobile {
        padding-top: 20rem;
    }
    .persent_text {
        font-size: 16px;
    }
    .mobile_iphone_details {
        grid-template-columns: repeat(auto-fit,min(22rem)) !important;
    }
    .mobile_iphone_image{
        height: 30rem;
    }

}
@media only screen and (min-width:377px) and (max-width:425px){
    .main_contianer {
        padding-top: 70px !important;
    }
    .team_icon_image {
        width: 9rem;
    }
    .team_icon_overlay {
        margin-right: 0;
        margin-top: -2rem;
    }
    .middle_container_mobile {
        padding-top: 15rem;
    }
    .team_chat_image_1 {
        left: 0px;
        top: -4rem;
    }
    .host_icon_overlay {
        margin-left: 15rem;
        margin-top: 2rem;
    }
    .host_chat{
        left: 0;
    }
    .host_image_chat_3 {
        width: 13rem;
        margin-left: 3rem;
    }
    .host_image_chat_1 {
        width: 11rem;
        margin-left: 5rem;
    }
    .text_heading_middle {
        font-size: 23px;
        line-height: 32px;
    }
    .footer_links_copyright{
        margin-bottom: 2rem;
    }
    .mobile_iphone_details {
        grid-template-columns: repeat(auto-fit,min(19rem)) !important;
    }
    .mobile_iphone_image{
        height: 30rem;
    }
}
@media only screen  and (max-width:376px){
    .main_contianer {
        padding-top: 70px !important;
    }
    .text_heading_middle {
        font-size: 22px;
        line-height: 30px;
    }


    .navbar_header {
        padding: 0 20px !important;
    }

    .middle_container_mobile {
        padding-top: 20rem;
    }
    .host_image_chat_3 {
        width: 13rem;
        margin-left: 2.5rem;
    }
    .host_image_chat_1 {
        width: 11rem;
        margin-left: 4.5rem;

    }
    .host_image_chat_2, .host_image_chat_4, .host_image_chat_5 {
        width: 15rem;
    }
    .host_image_chat_4{
        position: absolute;
        top: 0;
    }
    .middle_container_mobile {
        padding-top: 11rem;
    }
    .team_icon_image {
        width: 8rem;
    }
    .team_icon_overlay {
        margin-right: 0;
        margin-top: -1rem;
    }
    .team_chat_image_1 {
        left: 0px;
        top: -3rem;
    }
    .guest_icon_text_2,.guest_icon_text_1 {
        width: 14rem;
        right: 0px;
        top:-4rem ;
    }
    .guest_icon_text_2 {
        top: 47px;
    }
    .guest_icon_overlay {
        margin-top: -3.5rem;
    }
    .cook_icon_text {
        width: 14rem;
        top: -3rem;
    }
    .cook_icon_overlay {
        padding-top: 2rem;
    }
    .host_icon_overlay {
        margin-left: 15rem;
        margin-top: -2rem;
    }

}

@media only screen and (max-width:321px){

    .main_contianer {
        padding-top: 70px !important;
    }
    .navbar-menu {
        padding: 1.5rem;
    }
    .navbar_header {
        padding: 0 20px !important;
    }
    .team_icon_overlay {
        margin-right: 0;
        margin-top: 2rem;
    }
    .guest_icon_overlay {
        margin-top: 2.5rem;
    }
    .cook_icon_overlay {
        padding-top: 5rem;
    }
    .cook_icon_text {
        width: 15rem;
        top: -1rem;
    }

    .text_heading_middle {
        font-size: 19px;
        line-height: 30px;
    }
    .main_content{
        gap:10px;
    }
    .discovery_text {
        font-size: 14px !important;
    }
    .mobile_text {
        margin-top: 20px;
    }

    .walking_footstep {
        width: 30px;
    }
    .text_heading {
        font-size: 40px;
        line-height: 46px;
    }
    .text_content {
        font-size: 13px !important;
    }

    .host_icon_overlay {
        margin-left: 12rem;
        margin-top: 5rem;
    }
    .host_icon_image {
        width: 4rem;
    }
    .team_icon_image {
        width: 6rem;
    }
    .host_chat{
        left: 0;
        top:20px;
    }
    .middle_container_mobile {
        padding-top: 11rem;
    }
    .header_content {
        margin-bottom: 130px;
    }
    .host_image_chat_2, .host_image_chat_4, .host_image_chat_5 {
        width: 14rem;
    }
    .host_image_chat_3 {
        width: 12rem;
        margin-left: 2.5rem;
    }
    .host_image_chat_3 {
        width: 12rem;
        margin-left: 2.5rem;
    }
    .footer_links,.footer_links_copyright{
        font-size: 12px!important;
    }
    .persent_text {
        font-size: 12px;
    }

}