@import 'https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet';
/* ===================================
START: GLOBAL-STYLE
======================================*/
html {
  overflow-x: hidden;
}

body {
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
  background-color: #f2f2f2;
  overflow: hidden;
}
body.modal-open {
  height: 100vh;
  overflow-y: hidden;
}
body.overlay-open {
  height: 100vh;
  overflow-y: hidden;
}
body.overlay-open .header {
  position: relative;
  z-index: 0;
}

ul {
  list-style: none;
}

a {
  text-decoration: none !important;
}
a[type=button] {
  cursor: pointer;
  outline: none;
}

.actions_btn button {
  font-size: 14px;
  font-weight: 500;
}

textarea:focus, input:focus, .input-group:focus {
  outline: none !important;
}

textarea {
  resize: none;
}

input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  outline: none;
  box-shadow: 0 0 0 2px #b4d2fe;
}

.form-select {
  font-size: 14px;
  font-weight: 500;
  color: #6c6c6c;
  text-transform: capitalize !important;
}
.form-select option {
  font-size: 14px;
  font-weight: 500;
  color: #6c6c6c;
  text-transform: capitalize !important;
}

.dropdown-menu .dropdown-item {
  font-size: 13px;
  font-weight: 500;
  color: #414141;
}
.dropdown-menu .dropdown-item:active {
  background-color: transparent;
}

input[type=radio]:checked {
  box-shadow: 0 0 0 2px #0866ff;
}

input[type=radio]:before {
  content: "";
  display: block;
  width: 60%;
  height: 60%;
  margin: 20% auto;
  border-radius: 50%;
}

input[type=radio]:checked:before {
  background: #0866ff;
}

button {
  text-transform: capitalize;
  cursor: pointer;
  outline: none;
  border-radius: 4px;
}

.blue_btn {
  color: #ffffff;
  background-color: #0866ff;
}
.blue_btn:active {
  color: white !important;
  background-color: #0866ff !important;
}
.blue_btn:hover {
  color: white;
  background-color: #0866ff;
}

.blue_100_btn {
  color: #3d8bfd;
  background-color: #b4d2fe;
}
.blue_100_btn:hover {
  color: #3d8bfd;
  background-color: #b4d2fe;
}
.blue_100_btn:active {
  color: #3d8bfd;
  background-color: #b4d2fe;
}

.blue_hovered_btn {
  color: #ffffff;
  background-color: #0866ff;
}
.blue_hovered_btn:active {
  color: #ffffff !important;
  background-color: #094eb4 !important;
}
.blue_hovered_btn:hover {
  color: #ffffff;
  background-color: #094eb4;
}

.blue_outline_btn {
  color: #0866ff;
  border: 1px solid #0866ff;
}
.blue_outline_btn:active {
  color: #0866ff !important;
  border: 1px solid #0866ff !important;
}
.blue_outline_btn:hover {
  color: #0866ff;
  border: 1px solid #0866ff;
}

.blue_outline_hovered_btn {
  color: #0866ff;
  border: 1px solid #0866ff;
  background-color: #ffffff;
}
.blue_outline_hovered_btn:active {
  color: #0866ff !important;
  border: 1px solid #0866ff !important;
}
.blue_outline_hovered_btn:hover {
  color: #ffffff;
  background-color: #0866ff;
}

.white_outline_btn {
  color: #ffffff;
  border: 1px solid #ffffff;
}
.white_outline_btn:hover {
  color: #ffffff;
  background-color: #0866ff;
}

.gray_outline_btn {
  color: #474747;
  border: 1px solid #474747;
}
.gray_outline_btn:active {
  color: #474747;
  border: 1px solid #474747;
}
.gray_outline_btn:hover {
  color: #0866ff !important;
  border: 1px solid #0866ff !important;
}

.blue_no_background {
  color: #0866ff;
  background-color: transparent;
}
.blue_no_background:hover {
  color: #0866ff;
  background-color: #b4d2fe;
}
.blue_no_background:active {
  color: #0866ff;
  background-color: transparent;
}

.danger_outline_btn {
  color: #dc362e;
  border: 1px solid #dc362e;
}
.danger_outline_btn:active {
  color: #dc362e;
  border: 1px solid #dc362e;
}
.danger_outline_btn:hover {
  color: #dc362e;
  border: 1px solid #dc362e;
}

.danger_btn {
  color: #ffffff;
  background-color: #dc362e;
}
.danger_btn:hover {
  color: #ffffff;
  background-color: #dc362e;
}

::-moz-placeholder {
  color: #aaaaaa !important;
  font-size: 14px;
}

::placeholder {
  color: #aaaaaa !important;
  font-size: 14px;
}

.dropdown-toggle::after {
  display: none;
}

.modal-header {
  border-bottom: none !important;
}

.modal-footer {
  border-top: none !important;
}

.modal-header .btn-close {
  border: 1px solid #474747;
  border-radius: 50%;
  font-size: 9px;
  padding: 5px;
  color: #474747 !important;
  opacity: 1 !important;
}

.section_header {
  margin-bottom: 0px;
  font-size: 24px;
  font-weight: 700;
  color: #414141;
}

.static_header {
  font-size: 20px;
  font-weight: 600;
  color: #474747;
}

@media screen and (max-width: 1200px) {
  .section_header {
    font-size: 22px;
  }
}
@media screen and (max-width: 992px) {
  .section_header {
    font-size: 20px;
  }
  ::-moz-placeholder {
    color: #aaaaaa !important;
    font-size: 12px;
  }
  ::placeholder {
    color: #aaaaaa !important;
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .section_header {
    font-size: 18px;
  }
  ::-moz-placeholder {
    color: #aaaaaa !important;
    font-size: 10px;
  }
  ::placeholder {
    color: #aaaaaa !important;
    font-size: 10px;
  }
}
@media screen and (max-width: 575px) {
  .container {
    max-width: 100%;
    --bs-gutter-x: 0;
  }
  .section_header {
    font-size: 16px;
  }
}
/* ===================================
END: GLOBAL-STYLE
======================================*/
/* ===================================
START: GLOBAL-TEXT-SIZE
======================================*/
.bww_bold_300 {
  font-weight: 300;
}
.bww_bold_400 {
  font-weight: 400;
}
.bww_bold_500 {
  font-weight: 500;
}
.bww_bold_600 {
  font-weight: 600;
}
.bww_bold_700 {
  font-weight: 700;
}
.bww_bold_800 {
  font-weight: 800;
}
.bww_bold_900 {
  font-weight: 900;
}

.bww_text_8 {
  font-size: 8px;
}
.bww_text_10 {
  font-size: 10px;
}
.bww_text_12 {
  font-size: 12px;
}
.bww_text_14 {
  font-size: 14px;
}
.bww_text_15 {
  font-size: 15px;
}
.bww_text_16 {
  font-size: 16px;
}
.bww_text_18 {
  font-size: 18px;
}
.bww_text_20 {
  font-size: 20px;
}
.bww_text_22 {
  font-size: 22px;
}

@media screen and (max-width: 1200px) {
  .bww_text_18 {
    font-size: 16px;
  }
}
@media screen and (max-width: 992px) {
  .bww_text_14 {
    font-size: 12px !important;
  }
  .bww_text_16 {
    font-size: 14px !important;
  }
  .bww_text_18 {
    font-size: 14px !important;
  }
}
@media screen and (max-width: 576px) {
  .bww_text_14, .bww_text_16, .bww_text_18 {
    font-size: 12px !important;
  }
}
/* ===================================
END: GLOBAL-TEXT-SIZE
======================================*/
/* ===================================
START: GLOBAL-TEXT-COLOR
======================================*/
.text-white {
  color: #ffffff !important;
}
.text-black {
  color: #000000 !important;
}
.text-red {
  color: #f00 !important;
}
.text-red-400 {
  color: #d60000;
}
.text-red-300 {
  color: #ff4d4d;
}
.text-blue-600 {
  color: #0c64e6;
}
.text-blue-500 {
  color: #0866ff;
}
.text-blue-400 {
  color: #3d8bfd;
}
.text-blue-300 {
  color: #5d9efe;
}
.text-blue-200 {
  color: #6da8ff;
}
.text-blue-100 {
  color: #b4d2fe;
}
.text-blue-50 {
  color: #e7f1ff;
}
.text-gray-800 {
  color: #272727;
}
.text-gray-700 {
  color: #323232;
}
.text-gray-600 {
  color: #414141;
}
.text-gray-500 {
  color: #474747;
}
.text-gray-400 {
  color: #6c6c6c;
}
.text-gray-300 {
  color: #848484;
}
.text-gray-200 {
  color: #aaaaaa;
}
.text-gray-100 {
  color: #c6c6c6;
}
.text-orange-600 {
  color: #e88a00;
}
.text-orange-500 {
  color: #ff9800;
}
.text-orange-400 {
  color: #ff9900;
}
.text-orange-300 {
  color: #ffba54;
}
.text-orange-200 {
  color: #ffd08a;
}
.text-green-500 {
  color: #00a14a;
}
.text-green-400 {
  color: #00c55b;
}
.text-green-300 {
  color: rgba(142, 255, 194, 0.6509803922);
}

/* ===================================
END: GLOBAL-TEXT-COLOR
======================================*/
/* ===================================
START: GLOBAL-BACKGROUND-COLOR
======================================*/
.bg-white {
  background-color: #ffffff !important;
}
.bg-black {
  background-color: #000000 !important;
}
.bg-red {
  background-color: #f00 !important;
}
.bg-red-400 {
  background-color: #d60000;
}
.bg-red-100 {
  background-color: rgba(255, 142, 142, 0.6509803922);
}
.bg-red-50 {
  background-color: #ffdada;
}
.bg-blue-600 {
  background-color: #0c64e6;
}
.bg-blue-500 {
  background-color: #0866ff;
}
.bg-blue-400 {
  background-color: #3d8bfd;
}
.bg-blue-200 {
  background-color: #6da8ff;
}
.bg-blue-100 {
  background-color: #b4d2fe;
}
.bg-blue-50 {
  background-color: #e7f1ff;
}
.bg-gray-800 {
  background-color: #272727;
}
.bg-gray-700 {
  background-color: #323232;
}
.bg-gray-600 {
  background-color: #414141;
}
.bg-gray-500 {
  background-color: #474747;
}
.bg-gray-400 {
  background-color: #6c6c6c;
}
.bg-gray-300 {
  background-color: #848484;
}
.bg-gray-200 {
  background-color: #aaaaaa;
}
.bg-gray-100 {
  background-color: #c6c6c6;
}
.bg-gray-50 {
  background-color: #ededed;
}
.bg-gray-10 {
  background-color: #f2f2f2;
}
.bg-orange-200 {
  background-color: #ffd08a;
}
.bg-green-600 {
  background-color: #00ed6d;
}
.bg-green-500 {
  background-color: #00a14a;
}
.bg-green-400 {
  background-color: #00c55b;
}
.bg-green-300 {
  background-color: rgba(142, 255, 194, 0.6509803922);
}
.bg-green-200 {
  background-color: #b5ffd7;
}

/* ===================================
END: GLOBAL-BACKGROUND-COLOR
======================================*/
/* ===================================
START: SPACING
======================================*/
.margin_section_bottom {
  margin-bottom: 30px;
}
.margin_section_top {
  margin-top: 30px;
}

/* ===================================
END: SPACING
======================================*/
.bg-offcanvas-gray {
  background-color: #f2f2f2;
}
.bg-offcanvas-white {
  background-color: #ffffff;
}

/* ===================================
START GENERAL
======================================*/
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
  display: none;
}

.password .eye_icon {
  right: 15px;
  top: 12px;
  z-index: 1000;
}
.password .eye_icon.fa-eye {
  display: inline-block;
}
.password .eye_icon.fa-eye-slash {
  display: none;
}

.custom_input {
  position: relative;
  z-index: 1;
}
.custom_input .form-control {
  z-index: 1;
  height: 41px;
  border-radius: 6px !important;
  font-size: 14px;
}
.custom_input .form-control:focus {
  box-shadow: none;
}
.custom_input label {
  position: absolute;
  top: 8px;
  left: 10px;
  padding: 2px 5px;
  z-index: 5;
  transition: all 0.3s linear;
  float: left;
  font-size: 14px;
  font-weight: 500;
  color: #6c6c6c;
}
.custom_input.focused {
  z-index: 5;
}
.custom_input.focused label {
  background-color: #ffffff;
  top: -10px;
  left: 5px;
  z-index: 7;
  font-size: 12px;
  font-weight: 500;
  color: #848484;
}
.custom_input.focused.error_input input {
  border: 1px solid #d60000;
}
.custom_input.focused.error_input label {
  background-color: #ffffff;
  top: -10px;
  left: 5px;
  z-index: 7;
  font-size: 12px;
  font-weight: 500;
  color: #d60000;
}
.custom_input .card_num {
  position: relative;
}
.custom_input .card_num + svg {
  position: absolute;
  z-index: 11;
  top: 6px;
  right: 5px;
}
.custom_input .cvv_code {
  position: relative;
}
.custom_input .cvv_code + svg {
  position: absolute;
  z-index: 11;
  top: 13px;
  right: 7px;
}

/* ===================================
END GENERAL
======================================*/
/* ===================================
START LOGIN SELLER
======================================*/
.seller_container .login_seller {
  min-height: calc(100vh - 200px);
  background-image: url("{{asset('assetsSeller/images/img/LoginSellerL.svg')}}");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}
.seller_container .login_seller .formS_text {
  display: flex;
  justify-content: center;
  align-items: center;
}
.seller_container .login_seller .formS_text .form_text {
  padding-left: 70px;
}
.seller_container .login_seller .formS_text .form_text p:first-child {
  font-size: 48px;
  font-weight: 700;
  color: #ffffff;
  font-style: normal;
  line-height: 120%; /* 57.6px */
}
.seller_container .login_seller .formS_text .form_text p:last-child {
  font-size: 32px;
  font-weight: 700;
  color: #ffffff;
  font-style: normal;
  line-height: 120%; /* 38.4px */
}
.seller_container .login_seller .loginS {
  display: flex;
  justify-content: center;
  align-items: center;
}
.seller_container .login_seller .loginS .loginS_form {
  width: 55%;
  border-radius: 22px;
  border: 1px solid #ffffff;
  background: rgba(255, 255, 255, 0.03);
  -webkit-backdrop-filter: blur(22.6765174866px);
          backdrop-filter: blur(22.6765174866px);
  box-shadow: 2px 2px 24px 0px rgba(0, 0, 0, 0.16), 0px 0px 34.015px 0px rgba(255, 255, 255, 0.05) inset, 0px 2.268px 2.268px 0px rgba(255, 255, 255, 0.15) inset;
}
.seller_container .login_seller .loginS .loginS_form .form_content {
  width: 90%;
  padding: 24px 8px;
  flex-shrink: 0;
}
.seller_container .login_seller .loginS .loginS_form .form_content .form_inputs input {
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0);
  color: #ffffff;
}
.seller_container .login_seller .loginS .loginS_form .form_content .form_inputs label {
  color: #ffffff;
}
.seller_container .login_seller .loginS .loginS_form .form_content .form_inputs.focused label {
  background: #257cb2;
  border-radius: 10px;
  color: #ffffff !important;
}
.seller_container .login_seller .loginS .loginS_form .form_content .form_inputs svg path {
  fill: #ffffff;
}
.seller_container .login_seller .loginS .loginS_form .form_content div:first-child svg {
  position: absolute;
  z-index: 11;
  top: 6px;
  right: 8px;
}
.seller_container .login_seller .loginS .loginS_form .form_content div:last-child {
  gap: 8px;
  justify-content: center;
  align-items: flex-end;
  flex-shrink: 0;
  width: 100%;
}
.seller_container .login_seller .loginS .loginS_form .form_content div:last-child .loginSeller_btn {
  width: 90%;
  border-radius: 24px;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  color: #ffffff;
  font-style: normal;
  line-height: 120%; /* 28.8px */
  background: #0866ff;
  box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.16);
  color: white;
}
.seller_container .loginSec_text {
  min-height: 200px;
  padding: 12px 8px;
}
.seller_container .loginSec_text .loginSec_inner {
  border-radius: 6px;
  height: 100%;
  background: linear-gradient(88deg, #5a99ff 0%, #0866ff 25.4%, #5a99ff 100%);
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.seller_container .loginSec_text .loginSec_inner .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  gap: 8px;
  align-self: flex-start;
  border-radius: 16px;
  background: #0866ff;
  box-shadow: 0px 4px 6px -4px rgba(255, 255, 255, 0.1), 0px 10px 15px -3px rgba(255, 255, 255, 0.1);
}
.seller_container .loginSec_text .loginSec_inner .text p:first-child {
  font-size: 28px;
  font-weight: 600;
  color: #ffffff;
  font-style: normal;
  line-height: 120%; /* 33.6px */
}
.seller_container .loginSec_text .loginSec_inner .text p:last-child {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  font-style: normal;
  line-height: 120%; /* 21.6px */
  margin-bottom: 0;
}
.seller_container .loginSec_text .loginSec_inner .loginS_left,
.seller_container .loginSec_text .loginSec_inner .loginS_right {
  gap: 24px;
}

@media (max-width: 992px) {
  .seller_container .login_seller .formS_text .form_text {
    padding: 8px !important;
  }
  .seller_container .login_seller .formS_text .form_text p:first-child {
    font-size: 40px !important;
  }
  .seller_container .login_seller .formS_text .form_text p:last-child {
    font-size: 20px !important;
  }
  .seller_container .login_seller .loginS {
    margin-top: 0px;
  }
  .seller_container .login_seller .loginS .loginS_form {
    width: 70%;
  }
  .seller_container .login_seller .loginS .loginS_form .form_content {
    width: 90%;
    padding: 0;
  }
  .seller_container .login_seller .loginS .loginS_form .form_content div:first-child {
    margin-bottom: 10px;
  }
  .seller_container .login_seller .loginS .loginS_form .form_content div:last-child {
    margin-top: 10px;
  }
  .seller_container .login_seller .loginS .loginS_form .form_content div:last-child .loginSeller_btn {
    font-size: 16px;
  }
  .seller_container .loginSec_text {
    padding: 8px 16px;
  }
  .seller_container .loginSec_text .loginSec_inner {
    justify-content: center;
    align-items: center;
    gap: 24px;
  }
  .seller_container .loginSec_text .loginSec_inner .text p:first-child {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
  }
  .seller_container .loginSec_text .loginSec_inner .text p:last-child {
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
  }
  .seller_container .loginSec_text .loginSec_inner .loginS_left,
  .seller_container .loginSec_text .loginSec_inner .loginS_right {
    gap: 16px;
  }
}
@media (max-width: 768px) {
  .seller_container .login_seller {
    padding-right: 0;
    background-image: url("/images/img/LoginSellerS.svg");
  }
  .seller_container .login_seller .formS_text {
    display: flex;
    align-items: flex-end;
    padding-left: 0;
    padding-right: 0;
  }
  .seller_container .login_seller .formS_text .form_text p:first-child {
    font-size: 20px !important;
  }
  .seller_container .login_seller .formS_text .form_text p:last-child {
    font-size: 16px !important;
  }
  .seller_container .login_seller .loginS {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    align-items: flex-start;
    margin-top: 0px;
  }
  .seller_container .login_seller .loginS .loginS_form {
    width: 50%;
  }
  .seller_container .loginSec_text {
    padding: 6px 4px;
  }
  .seller_container .loginSec_text .loginSec_inner {
    gap: 10px;
  }
  .seller_container .loginSec_text .loginSec_inner .icon {
    padding: 4px;
  }
  .seller_container .loginSec_text .loginSec_inner svg {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 580px) {
  .seller_container .login_seller .loginS .loginS_form {
    width: 70%;
  }
}
@media (max-width: 450px) {
  .seller_container .login_seller .loginS .loginS_form {
    width: 80%;
  }
}
/* ===================================
END LOGIN SELLER
======================================*//*# sourceMappingURL=style.css.map */