body {
  background-color: #F6F5F4;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}
html {
  font-size: 16px;
 font-size: clamp(12px, calc(0.8vw), 20px);
  font-size: clamp(12px, 0.7vw, 16px);
}

::-webkit-scrollbar {
  width: 0.3rem;
  height: 0.3rem;
}

::-webkit-scrollbar-track {
  background-color: #e1dfdd;
  /* Change the background color of the scrollbar track */
}

::-webkit-scrollbar-thumb {
  background-color: #a7a8a9;
  border-radius: 1rem;
  /* Change the color of the scrollbar thumb */
}

body {
  margin: 0px;
  padding: 0px;
}

@font-face {
  font-family: "Volvo Novum";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/VolvoNovum-Regular-YS3i0mPe.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Volvo Novum";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/VolvoNovum-Italic-DunU5gMd.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Volvo Novum";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/VolvoNovum-Medium-D-bpU0Lj.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Volvo Novum";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/VolvoNovum-MediumItalic-D4MILpHY.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Volvo Novum";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/assets/VolvoNovum-Light-DoEhRGi9.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Volvo Novum";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url("/assets/VolvoNovum-LightItalic-CqK-XmV8.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Volvo Novum";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/VolvoNovum-SemiLight-D45jGT3T.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Volvo Novum";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/assets/VolvoNovum-SemiLightItalic-DL7stVme.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F,
    U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.font-volvo-novum {
  font-family: "Volvo Novum";
}

.flex-center-xy {
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}

/* manrope-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200;
  src: url("/assets/manrope-v15-latin-200-Cvk70lCT.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Manrope";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/manrope-v15-latin-300-SXwPv_aR.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/manrope-v15-latin-regular-BWi5-Pby.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/manrope-v15-latin-500-DSFH1H_4.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  src: url("/assets/manrope-v15-latin-600-ZV4JKEZQ.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/manrope-v15-latin-700-CvykrKJY.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Manrope";
  font-style: normal;
  font-weight: 800;
  src: url("/assets/manrope-v15-latin-800-CTuzW-HK.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
._header_cont_1it1k_1 {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 1rem;
  }
  
  ._header_title_1it1k_7 {
    font-size: 2rem;
    font-weight: 700;
  }
  
  ._header_btn_1it1k_12 {
    cursor: pointer;
    width: 18rem;
    border-radius: 0.25rem;
    background-color: black;
    align-self: center;
    text-align: center;
    color: white;
    font-size: 1.3rem;
    padding: 0.5rem;
    bottom: none;
    font-weight: 450;
    outline: none;
  }
  
  ._main_outter_cont_1it1k_27 {
    display: grid;
    grid-template-areas:
      "acc acc acc shf shf"
      "acc acc acc pss pss"
      "acc acc acc mtc mtc";
    gap: 1rem;
    padding: 1rem;
  }
  
  ._inner_cont_acc_info_1it1k_37 {
    grid-area: acc;
  }
  
  ._materials_cont_1it1k_41 {
    grid-area: mtc;
  }
  
  ._account_name_cont_1it1k_45 {
    margin-bottom: 1rem;
    font-size: 1.2rem;
  }
  
  ._act_acc_info_cont_1it1k_50 {
  }
  
  ._account_infobox_cont_1it1k_53 {
    box-shadow: 1px 1px 1px #0000000d;
    border: 1px solid #dddad8;
    border-radius: 0.25rem;
    background-color: white;
  }
  
  ._acc_cover_img_info_cont_1it1k_60 {
    height: 11vh;
    flex-wrap: wrap;
    border-radius: 0.25rem;
  }
  
  ._acc_cover_img_info_cont_1it1k_60 img {
    object-fit: cover;
    border-radius: 0.25rem;
    width: 100%;
    height: 100%;
  }
  
  ._acc_cover_details_info_cont_1it1k_73 {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  
  ._acc_profil_main_info_cont_1it1k_80 {
    padding: 1rem 2rem 1rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  
  ._acc_cover_title_info_cont_1it1k_88 {
    padding: 0.5rem;
    font-size: 2rem;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    font-weight: 500;
  }
  
  ._acc_profil_pic_info_cont_1it1k_97 {
    height: 15vh;
    width: 15vh;
    border-radius: 0.25rem;
    position: absolute;
    top: -130%;
    right: 100%;
  }
  
  ._acc_profil_pic_info_cont_1it1k_97 img {
    box-shadow: 1px 1px 1px #0000000d;
    border: 1px solid #dddad8;
    border-radius: 0.25rem;
    object-fit: fill;
    border-radius: 0.25rem;
    width: 100%;
    height: 100%;
  }
  
  ._acc_profil_pic_change_opt_cont_1it1k_116 {
    text-decoration: underline;
    font-weight: 500;
  }
  
  ._acc_abs_act_details_info_cont_1it1k_121 {
    padding: 0.5rem;
    border-radius: 0.25rem;
    color: #53565a;
    background-color: #f7f7f5;
    width: 18rem;
  }
  
  ._acc_details_info_cont_1it1k_129 {
    display: grid;
    padding: 0.8rem;
    margin-top: 1rem;
  
    row-gap: 2rem;
    font-weight: 550;
    grid-template-columns: repeat(2, 1fr);
  }
  
  ._main_cont_device_info_1it1k_139 {
    grid-area: dev;
  }
  
  ._cont_device_info_1it1k_143 {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 0.8rem; */
    font-size: 1.2rem;
  }
  
  ._main_inner_cont_device_info_1it1k_150 {
    box-shadow: 1px 1px 1px #0000000d;
    border: 1px solid #dddad8;
    border-radius: 0.25rem;
    background-color: white;
    padding: 1.2rem;
    display: flex;
    justify-content: space-between;
  }
  
  ._inner_square_info_dev_cont_1it1k_160 {
    /* height: 11.5rem; */
    width: 14.3rem;
    border-radius: 0.25rem;
    background-color: #dddad840;
  }
  
  ._inner_square_num_info_dev_cont_1it1k_167 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    padding-top: 2rem;
    font-weight: 550;
  }
  
  ._inner_square_text_info_dev_cont_1it1k_176 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    font-weight: 550;
  }
  
  ._pass_main_ttl_act_cont_info_1it1k_184 {
    grid-area: pss;
  }
  
  ._pass_ttl_cont_info_1it1k_188 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  
  ._pass_main_cont_info_1it1k_193 {
    display: flex;
    box-shadow: 1px 1px 1px #0000000d;
    border: 1px solid #dddad8;
    border-radius: 0.25rem;
    background-color: white;
    padding: 0.25rem;
    height: 12rem;
  }
  
  ._pass_login_cont_info_1it1k_203 {
    display: grid;
    padding: 1rem 0.8rem;
  
    row-gap: 1rem;
    font-weight: 550;
    width: 78%;
    grid-template-columns: repeat(2, 1fr);
  }
  
  ._pass_login_cont_info_1it1k_203 div {
    align-self: center;
    font-size: 1.2rem;
  }
  
  ._pss_abs_act_info_cont_1it1k_218 {
    padding: 0.5rem;
    border-radius: 0.25rem;
    color: #53565a;
    background-color: #f7f7f5;
  
    width: 18rem;
  }
  
  ._pss_abs_psswact_act_info_cont_1it1k_227 {
    padding: 0.5rem;
    border-radius: 0.25rem;
    color: #53565a;
    background-color: #f7f7f5;
    width: 18rem;
  }
  
  ._pss_abs_psswact_act_info_cont_1it1k_227::after {
    content: "********";
  }
  
  ._pass_main_modal_box_act_cont_info_1it1k_239 {
    background-color: #fff;
    font-size: 1.5rem;
    width: 30vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400;
    border: none;
    padding: 1rem;
    outline: none;
    box-shadow: 24;
    border-radius: 0.25rem;
  }
  
  ._pass_main_modal_box_act_cont_info_inp_tg_1it1k_255 {
    display: flex;
    padding: 1rem;
    flex-direction: column;
    justify-content: end;
  }
  
  ._pass_main_modal_box_act_cont_info_inp_tg_1it1k_255 input {
    padding: 1rem;
    font-size: 1.3rem;
  }
  
  ._pass_chg_cont_info_1it1k_267 {
    font-size: 0.8rem;
    font-weight: 550;
    text-decoration: underline;
    margin-left: 0.5rem;
    margin-bottom: 1.2rem;
    align-self: end;
    cursor: pointer;
  }
  
  ._sms_main_hist_cont_info_1it1k_277 {
    grid-area: sms;
    /* display: flex;
    align-self: flex-end; */
  }
  
  ._sms_hist_cont_info_1it1k_283 {
    display: flex;
    justify-content: flex-start;
    font-size: 1.2rem;
    margin-bottom: 0.4rem;
  }
  
  ._sms_hist_main_cont_info_1it1k_290 {
    box-shadow: 1px 1px 1px #0000000d;
    border: 1px solid #dddad8;
    border-radius: 0.25rem;
    background-color: white;
    padding: 1rem;
  }
  
  ._sms_hist_icon_cont_info_1it1k_298 {
    padding: 0;
    font-size: large;
  }
  
  ._sms_hist_inp_dt_cont_info_1it1k_303 {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  
  ._sms_hist_btn_gen_cont_info_1it1k_309 {
    cursor: pointer;
    width: 16.5rem;
    border-radius: 0.25rem;
    background-color: #004fbc;
    align-self: center;
    text-align: center;
    color: white;
    font-size: 1.5rem;
    padding: 0.5rem;
    bottom: none;
    font-weight: 450;
    outline: none;
  }
  
  ._sms_hist_otr_tbl_cont_info_1it1k_324 {
    display: flex;
  }
  
  ._sms_hist_blcn_sqr_cont_info_1it1k_328 {
    height: 10rem;
    width: 16.5rem;
    margin: 1rem 1rem 0 0;
    border-radius: 0.25rem;
    background-color: #dddad840;
  }
  
  ._sms_hist_inn_num_blcn_sqr_cont_info_1it1k_336 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    padding-top: 2rem;
    font-weight: 550;
  }
  
  ._sms_hist_inn_txt_blcn_sqr_cont_info_1it1k_345 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    font-weight: 550;
  }
  
  ._sms_hist_tbl_cont_info_1it1k_353 {
    width: 32vw;
    margin-top: 1rem;
  }
  
  ._shift_config_main_cont_1it1k_358 {
    grid-area: shf;
  }
  
  ._shift_confic_ott_cont_1it1k_362 {
    font-size: 1.2rem;
    margin-bottom: 1rem;
  }
  
  ._shift_confic_inn_cont_1it1k_367 {
    box-shadow: 1px 1px 1px #0000000d;
    border: 1px solid #dddad8;
    border-radius: 0.25rem;
    background-color: white;
    padding: 1rem;
  }
  
  ._material_scroll_cont_1it1k_375 {
    max-height: 15rem;
    overflow: auto;
    margin-bottom: 1rem;
  }
  
  ._material_inn_cont_1it1k_381 {
    box-shadow: 1px 1px 1px #0000000d;
    border: 1px solid #dddad8;
    border-radius: 0.25rem;
    background-color: white;
    padding: 1rem;
  }
  
  ._shift_config_time_set_1it1k_389 {
    display: flex;
    background: #dddad840;
    border: 1px solid #898b8d;
    font-size: 1.2rem;
    font-weight: 550;
    color: #141414;
    align-items: center;
    justify-content: space-between;
    padding: 0.1rem 1rem;
    border-radius: 0.25rem;
    border-left-width: 0.4rem;
    margin-bottom: 1rem;
  }
  
  ._shift_config_time_inn_cont_1it1k_404 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  ._shift_config_time_setrt_comp_1it1k_410 {
    background: #ffffff;
    padding: 0.2rem 0.3rem;
    font-family: Manrope;
    font-size: 1.5rem;
    font-weight: 600;
    border: 1px solid #e1dfdd;
    margin: 0.2rem 1rem;
    border-radius: 0.3rem;
  }
  
  ._shift_config_sc_btn_cont_1it1k_421 {
    display: flex;
    justify-content: space-between;
    align-items: end;
  }
  
  ._shift_config_sc_btn_cont_tfr_prt_1it1k_427 {
    color: #888b8d;
  }
  
  ._shift_config_act_btn_cln_1it1k_431 {
    cursor: pointer;
    width: 17rem;
    border-radius: 0.25rem;
    background-color: #004fbc;
    align-self: center;
    text-align: center;
    color: white;
    font-size: 1.3rem;
    padding: 0.5rem;
    bottom: none;
    font-weight: 450;
    outline: none;
  }
  
  ._pass_main_modal_box_submit_main_cont_1it1k_446 {
    display: flex;
    justify-content: space-evenly;
  }
  
  ._pass_main_modal_box_submit_main_cont_1it1k_446 button {
    width: 45%;
    padding: 0.7rem 1rem;
    font-size: 1.2rem;
  }
  
  @media screen and (max-width: 1300px) {
    ._main_outter_cont_1it1k_27 {
      display: grid;
      grid-template-areas:
        "acc"
        "dev"
        "pss"
        "sms"
        "shf"
        "mtc";
      gap: 1rem;
      padding: 1rem;
    }
  
    ._acc_details_info_cont_1it1k_129 {
      display: grid;
      padding: 0.8rem;
      margin-top: 1rem;
      row-gap: 2rem;
      font-weight: 550;
      grid-template-columns: repeat(1, 1fr);
    }
  
    ._acc_profil_pic_info_cont_1it1k_97 {
      height: 25vh;
      width: 25vh;
      border-radius: 0.25rem;
      position: relative;
      top: 0;
      right: 0;
    }
  
    ._acc_profil_pic_info_cont_1it1k_97 img {
      object-fit: fill;
      border-radius: 0.25rem;
      width: 100%;
      height: 100%;
    }
  
    ._acc_abs_act_details_info_cont_1it1k_121 {
      font-size: 1.3rem;
      width: 100%;
    }
  
    ._acc_details_info_cont_1it1k_129 {
      font-size: 1.4rem;
    }
  
    ._sms_hist_inp_dt_cont_info_1it1k_303 {
      flex-direction: column;
    }
  
    ._sms_hist_inp_dt_cont_info_1it1k_303 div {
      margin-bottom: 0.2rem;
    }
  
    ._sms_hist_btn_gen_cont_info_1it1k_309 {
      width: 100%;
    }
  
    ._sms_hist_otr_tbl_cont_info_1it1k_324 {
      flex-direction: column;
    }
  
    ._sms_hist_blcn_sqr_cont_info_1it1k_328 {
      width: 100%;
    }
  
    ._sms_hist_tbl_cont_info_1it1k_353 {
      overflow: scroll;
      width: 85vw;
      height: 50vh;
    }
  
    ._sms_hist_tbl_cont_info_1it1k_353 > div {
      width: 100%;
      height: 100%;
    }
  
    ._main_inner_cont_device_info_1it1k_150 {
      flex-direction: column;
    }
  
    ._inner_square_info_dev_cont_1it1k_160 {
      width: 100%;
    }
  
    ._pass_login_cont_info_1it1k_203 {
      font-size: 1.54rem;
      grid-template-columns: repeat(1, 1fr);
    }
  
    ._pass_main_modal_box_act_cont_info_1it1k_239 {
      width: 30rem;
      margin: auto;
    }
  }