/* aaaaaa */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,800;0,900;1,100;1,200;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    font-family: 'Poppins', sans-serif;
}

a {color: #1977cc;text-decoration: none;font-size: 12px;}
a:hover {color: #3291e6; text-decoration: none;}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins';
}
h1 {font-size: 36px;}
h6 { font-size: 16px;}
p {font-size: 15px;font-weight: 300;}
h4 {font-size: 24px;}
h5 {font-size: 20px;}


/* font-color and background color */
.blue_bg { background-color: #031540;}
.bg_dark {background-color: #393939;}
.txt_dark {color: #393939;}
.txt_blue { color: #008FD5;}
.txt_dark_blue {color: #163172}
.txt_white { color: #fff;}


.btn-get-started {font-family: 'Poppins';font-weight: 500;font-size: 14px;letter-spacing: 1px;display: inline-block;padding: 12px 35px;margin-top: 30px;border-radius: 50px;transition: 0.5s;color: #fff;background: #1977cc;}
.btn-get-started2 {font-family: 'Poppins';font-weight: 500;font-size: 14px;letter-spacing: 1px;display: inline-block;padding: 12px 35px;margin-top: 30px;border-radius: 50px;transition: 0.5s;color: #fff;background: #008FD5;}
.btn-get-started:hover {color: #fff; text-decoration: none !important;}
/* registration */
.registration {width: 100%;min-height: 100vh;display: grid;place-items: center;margin: auto;background-image: url(../images/bg_image.png);background-size: cover;background-blend-mode: overlay;}
.regist_box {background-color: #ffffffeb;padding: 100px 50px;align-items: center;justify-content: flex-start;}
.redio_box {width: 200px;height: 140px;border: 2px solid #7E7E7E;border-radius: 5px;padding: 10px;text-align: center;position: relative;}
.redio_box input {position: absolute;right: 20px;}
.red_txt_box {position: absolute;top: 0;left: 50%;transform: translate(-50%, 50%);}

.reg_img p {width: 89%;}
.login_box {background-color: #1e56a04d;}
.login_form_area { background-color: #fff;}
.input-group {display: flex;width: 100%;margin-bottom: 15px;}
.form_area .form-group .input-group .form-control {border: 2px solid #7E7E7E;background-color: transparent;border-left: none;}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator { display: none;  -webkit-appearance: none;}

.icon {padding: 10px;background: transparent;color: #7E7E7E;min-width: 50px;text-align: center;border: 2px solid#7E7E7E;border-right: none;border-radius: 5px 0px 0px 5px;}
.form_area .form-group .input-group input[type='date'],
input[type="text"] {color: #191919;}
.form_area .input-field:focus {border: 2px solid #7E7E7E;}
.form_area .form-group .input-group input::placeholder {color: #393939;font-size: 12px;}
.form_area .form-group .input-group select:first-child {color: #393939;font-size: 12px;}
.form_area .select_option .form-control {border: 2px solid #393939 !important;color: #000;}
.login_txt_box {position: relative;}

/* register form start here */
.register_form_area .icon {padding: 10px;background: transparent;color: #7E7E7E;min-width: 50px;text-align: center;border: 2px solid#7e7e7e73;border-left: none !important;border-radius: 0px 5px 5px 0px;}
.register_form_area .form_area .form-group .input-group .form-control {border: 2px solid #7e7e7e73;background-color: transparent;border-right: none;}
.register_form_area .form_area .form-group .input-group select {border-right: 2px solid #7e7e7e73 !important;}
.register_form_area .form_area .form-group .input-group textarea {border-right: 2px solid #7e7e7e73 !important;}
.reg_img {position: absolute;top: 50%;left: 50%;transform: translate(-40%, -50%);width: 100%;}
.acc_det {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.rember_pass label { font-size: 12px;}
.form_area { padding: 20px;}
.google_login {display: flex;align-items: center;text-align: center;justify-content: space-between;}
.bar {width: 20%;height: 1px;background: #000;}
.Register {position: relative;width: 100%;height: 100vh;}
.Register .login_txt_box {background-image: url(../images/register_bg.png);}
.register_form_area .bar {width: 32%;height: 1px;background: #000;}

@media(max-width:769px) {
    p {font-size: 12px;font-weight: 300;}
}

@media(max-width:600px) {
    .login_box {background-color: #1e56a04d;padding: 30px;}
    .login_txt_box {display: none;}
    .regist_box {padding: 30px 0px !important;}
    .register_form_area .bar {width: 20%;height: 1px;background: #000;}
}


@media(max-width:769px) {
    .mob_none {display: none;}
}


.book_appointment_area label {font-size: 14px;}
.book_appointment_area input[type="date"]::-webkit-calendar-picker-indicator {display: none;}
.book_appointment_area input[type="time"]::-webkit-calendar-picker-indicator {display: none;}
.book_appointment_area input[type="date"]::-moz-placeholder {color: transparent;}
.btn-cus-started {font-family: 'Poppins';text-transform: uppercase;font-weight: 500;font-size: 14px;letter-spacing: 1px;display: inline-block;padding: 12px 15px;margin-top: 10px;border-radius: 50px;transition: 0.5s;color: #7E7E7E;background: transparent;border: 2px solid #7E7E7E;}
.btn-cus-started:hover{background: #1977cc; color: #fff; border: 2px solid #1977cc;}

/* appintment css */


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

.df h6 {font-weight: 500;padding:0px;}
.df span h6{font-weight: 300;}

.trip_details {padding: 20px;border-radius: 0.625rem;background: var(--color4, #F8F9FA);}
.trip_details .form-control:focus {color: #ffffff;background-color: #1977cc;border-color: #86b7fe;outline:none;box-shadow:none;}
.policys input[type="checkbox"] {margin-right: 6px;margin-top: 5px;}


.txt_policy {overflow: hidden;color: var(--color4, #7E7E7E);text-overflow: ellipsis;font-size: 0.8125rem;font-style: normal;font-weight: 400;line-height: normal;align-items: flex-start;display: flex;}
.collapsible {cursor: pointer;background-color: none;border: none;outline: none;width: 100%;display: flex;align-items: center;justify-content: space-between !important;}
.content {display: none;overflow: hidden;}
.details_box .collapsible {background: none;padding: 10px 0px;}

  
.top_heading .title {display: flex;align-items: center;}
@media(min-width:769px){
  .trip_details, .location {position: sticky; top: 60px; width: 100%;}
  .top_heading{position: sticky; top: 0px; width: 100%; background-color: #fff; z-index: 999;}
}
@media(max-width:767px){
    h1{font-size: 1rem;}
}
  .top_heading{position: sticky; top: 0px; width: 100%; background-color: #fff; z-index: 999;}
  .right_sec {padding: 30px;}