/****css start****/

.wrapper {
    width: 100%;
    /* max-width: 1440px; */
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    z-index: 1;
    position: relative;
    background: #f1f9ffba;
    margin-top: 23px;
}
.wrapperlanding{
    width:40%;
    /* max-width: 1440px; */
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    z-index: 1;
    position: relative;
    background: #f1f9ffba;
    margin-top: 23px;
}
.wrapper img {
    /* border-radius: 20px; */
}

.form_v1_view .wrapper .tab-content .needs-validation i.h2 {
    position: absolute;
    font-size: 18px;
    top: 42px;
    left: 12px;
}
.form_v1_view .wrapperlanding .tab-content .needs-validation i.h2 {
    position: absolute;
    font-size: 18px;
    top: 42px;
    left: 12px;
}
.form_v1_view .wrapper .tab-content .needs-validation input.form-control.icon_v1 {
    padding-left: 40px;
}
.form_v1_view .wrapperlanding .tab-content .needs-validation input.form-control.icon_v1 {
    padding-left: 40px;
}

.wrapper img.img-fluid.g_oogle {
    width: 35px;
    height: 35px;
    border-radius: 100%;
}
.wrapper h2 {
    font-weight: 400!important;
}

.wrapperlanding img.img-fluid.g_oogle {
    width: 35px;
    height: 35px;
    border-radius: 100%;
}
.wrapperlanding h2 {
    font-weight: 400!important;
}

.nav-tabs .nav-link.active {
    background: #1b5ef0;
    color: #ffffff;
}

.form_group {
    position: relative;
}
.form_v1_view .wrapper .tab-content .needs-validation .form_group.v1 i.h2 {
    top: 13px;
}
.form_v1_view .wrapper .tab-content .needs-validation i.h2 img {
    width: 17px;
}


.form_v1_view .wrapperlanding .tab-content .needs-validation .form_group.v1 i.h2 {
    top: 13px;
}
.form_v1_view .wrapperlanding .tab-content .needs-validation i.h2 img {
    width: 17px;
}
.additional_time_slot {
    position: relative;
    padding: 0.85rem 1.125rem;
    border: 1px solid #d5d2dc;
    border-radius: 0.5rem;
    box-shadow: inset 0 1px 2px transparent;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}
.additional_time_slot p span {
    background: #d5d5d580;
    padding: 4px 10px;
    color: #1b5ef0;
    font-size: 17px;
}
.additional_time_slot i.h2.fi-calendar {
    top: 57px!important;
    left: 23px!important;
}
.given_time_slot p{
    margin: 10px 0px !important;
}
.selectgiven_time.active {
    background: #1b5ef09e;
    color: #ffffff;
}
.customtooltip {
    position: absolute;
    background-color: #ffe1e1;
    color: #020202;
    padding: 5px 10px;
    border-radius: 10px;
    margin-bottom: 2%;
    font-size: 12px;
    white-space: nowrap;
    transform: translateY(-100%);
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
  }
  
  .btn:hover .customtooltip {
    opacity: 1;
  }
  .Signoutbtn {
    position: relative;
  }
  
  





/****css end****/



/****responsive csss start***/

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

  .wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0 30px;
}
.wrapperlanding {
    width: 100%;
    max-width: 100%;
    padding: 0 30px;
}


}



/****responsive csss end***/