* { margin: 0 0; padding: 0; outline: none; -ms-word-break: break-word; word-break: break-word; word-wrap: break-word;  }
html {scroll-behavior: smooth; }
body { font-family: "Inter", sans-serif; background: #000;  font-weight: normal !important; font-style: normal !important; overflow-x: hidden; padding: 0px !important; }
/* @font-face { font-family: 'peridot_pecompressed_heavy'; src: url('../fonts/peridotpe/peridotpe-compheavy-webfont.woff2') format('woff2'), url('../fonts/peridotpe/peridotpe-compheavy-webfont.woff') format('woff'); font-weight: normal; font-style: normal;  font-display: swap; } */
@font-face {font-family: 'peridot_pecompressed_heavy'; src: url('../fonts/PeridotPENew/font-webfont.woff2') format('woff2'), url('../fonts/PeridotPENew/font-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
/* scrollbar */
::-webkit-scrollbar { width: 5px; height: 5px;}
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); -webkit-border-radius: 10px; border-radius: 10px;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px; border-radius: 10px; background: rgba(0, 0, 0, 0.6); -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);}
::-webkit-scrollbar-thumb:window-inactive { background: rgba(255, 255, 255, 0.3);}
input:-webkit-autofill, input:-webkit-autofill:hover,  input:-webkit-autofill:focus,textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,
select:-webkit-autofill, select:-webkit-autofill:hover,
select:-webkit-autofill:focus { border: 1px solid transparent; -webkit-text-fill-color: rgba(255, 255, 255, 1); -webkit-box-shadow: 0 0 0px 1000px rgba(243, 243, 243, 1) inset; transition: background-color 5000s ease-in-out 0s;}
img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
input, textarea { caret-color: white;}
/*  */
.common_btn { background: #FFFFFF !important; border: 2px solid transparent !important; margin: 0px auto 16px !important; color: #000000 !important; }
.common_btn:hover { background: transparent !important; color: #fff !important; border: 2px solid #FFFFFF !important; }
.landing_banner_section { width: 100%; display: flex; background: #000; height: 100vh; }
.lbs_content_block { max-width: 590px; width: 100%; margin-left: auto; padding: 100px 15px 20px; display: flex; flex-direction: column; justify-content: center; }
.lbs_content_block .logo_img {  height: 52px; width: 100%; margin: 0px auto 90px; }
.lbs_content_block .page_title { font-style: normal; font-weight: normal; font-family: 'peridot_pecompressed_heavy'; font-size: 72px; line-height: 58px; text-align: center; text-transform: uppercase; color: #FFFFFF; margin-bottom: 56px; }
.lbs_content_block .lbs_desc { font-weight: 600; font-size: 18px; line-height: 24px; text-align: center; color: #FFFFFF; margin-bottom: 50px; }
.lbs_content_block .common_btn { max-width: 310px; width: 100%; padding: 14px; background: #FFFFFF; border: 2px solid #FFFFFF; border-radius: 28px; font-weight: 600; font-size: 18px; line-height: 18px; text-align: center; color: #000000; margin:0px auto 34px; display: block; }
.lbs_content_block .common_btn:hover { background: transparent; color: #fff; }
.lbs_image_block { width: 100%; display: block; max-width: 1129px;  }
.lbs_image_block img { object-fit: cover; object-position: center left; }
label.error{color:red !important;font-size: 12px !important; margin-bottom: 0px !important; margin-top: 2px !important; font-weight: 400 !important; }
/* login page */
.auth_page_section { width: 100%; display: flex; background: #000; min-height: 100vh; }
.auth_page_section .auth_image_block { width: 50%; background-position: top center !important; background-size: cover !important; }
.auth_from_block { width: 50%; flex: 1; padding: 90px 25px 40px; }
.auth_from_block .logo_img { max-width: 324px; height: 32px; margin: 0px auto 50px; width: 100%;  }
.auth_from_block .page_title { font-weight: 500; font-size: 24px; line-height: 24px; text-align: center; color: #FFFFFF; margin-bottom: 25px; }
.afb_button_block { max-width: 370px; width: 100%; margin: 0px auto 40px; }
.afb_button_block .btn {width: 100%; height: 46px; background: rgba(255, 255, 255, 0.101961); border-radius: 8px; font-weight: 600; font-size: 16px; line-height: 16px; color: #FFFFFF; padding: 5px; box-shadow: none !important; border: none !important; display: flex; align-items: center; justify-content: center; margin-bottom: 16px; }
.afb_button_block .btn img { width: 20px; height: 20px; margin-right: 12px; }
.afb_button_block .btn:hover, .afb_button_block .btn.active { background: #FFFFFF; color: #000000; }
.afb_button_block .phone_text { font-size: 14px; line-height: 20px; text-align: center; margin-bottom: 0px; color: #fff; }
.otp_number_text { font-size: 14px; line-height: 20px; text-align: center; margin-bottom: 22px; color: #fff; }
.auth_page_section .back_text { text-decoration: underline !important; font-weight: 500; font-size: 18px; line-height: 18px; color: #5F5F5F; display: inline-block; margin-top: 22px; }
.auth_page_section .back_text:hover { color: #fff; }
.afb_block { max-width: 370px; width: 100%; margin: 0px auto; }
.afb_block .form-group { margin-bottom: 16px; }
.afb_block .form-control { background-color: #FFFFFF1A !important; box-shadow: none !important; border-radius: 8px; border: none !important; font-weight: 500; font-size: 18px; line-height: 18px; color: #fff; padding: 12px 16px; }
.afb_block .form-control:focus { outline: 2px solid #767676 !important; }
.afb_block .form-control.error:focus {  outline: 2px solid #EB0034 !important;  }
.afb_block .form-control.error {  outline: 2px solid #EB0034 !important;  }
.afb_block .form-control::placeholder { color: #8D8D8D !important; }
.form-group:has(> label.error) input.error { outline: 2px solid #EB0034 !important; }
.afb_block .form-select {  background-image: url(../images/downgray.svg); background-repeat: no-repeat; background-size: 12px 12px; }
.input-group:focus-within { outline: 2px solid #767676 !important; border-radius: 8px;}
.input-group:focus-within .form-control { outline: none !important; }
.forgot_link { padding: 14px 0px; display: block; margin-bottom: 6px; }
.forgot_link a { font-weight: 600; font-size: 16px; line-height: 16px; color: #FFFFFF; display: inline-block; }
.forgot_link a:hover { text-decoration: underline !important; }
.auth_page_section .common_btn { width: 100%; display: block; box-shadow: none !important; border: 1px solid transparent !important; background: rgba(255, 255, 255, 0.101961) !important; border-radius: 28px; font-weight: 600; font-size: 20px; line-height: 20px; color: #FFF !important; padding: 18px; }
.auth_page_section .common_btn.btn:disabled { color: #5F5F5F !important; }
.auth_page_section .common_btn:hover { background: #fff !important; border-color: #fff !important; color: #000 !important; }
.other_page_link { font-weight: 600; font-size: 16px; line-height: 16px; color: #FFFFFF; text-align: center; padding-top: 40px; }
.other_page_link a { color: #fff !important; text-decoration: underline !important; }
.back-btn { font-weight: 500; font-size: 20px; line-height: 20px; text-align: center; text-decoration-line: underline !important; color: #5F5F5F; padding: 0px !important; box-shadow: none !important; border: none !important; display: block; width: 50px; margin: 35px auto 0px; }
.back-btn:hover { color: #fff; }
.input-group-text { background: #FFFFFF1A; border: none !important; color: #fff; font-size: 16px; font-weight: 500; border-radius: 8px; }
.input-group-text img { width: 20px; height: 20px; }
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: 0 !important; }
/* OTP boxes */
.otp_input_wrap { display: flex; justify-content: center; gap: 10px; margin-bottom: 30px !important; }
.afb_block .form-control.otp_box { width: 40px; height: 40px; text-align: center; border: 2px solid #767676 !important; padding: 0px !important; }
/* forgot_page */
.forgot_page .page_title { margin-bottom: 16px; }
.auth_page_section .fp_desc { font-size: 12px; line-height: 16px; color: #FFFFFF; max-width: 370px; margin: 0px auto 24px; text-align: center; }
/*  */
.upload_picture_group h5 {font-weight: 600; font-size: 18px; line-height: 18px; text-align: center; color: #FFFFFF; margin-bottom: 12px; }
.picture_upload { position: relative; background: #FFFFFF1A; border-radius: 8px; font-weight: 600; font-size: 16px; line-height: 16px; text-align: center; color: #FFFFFF; padding: 16px; }
.picture_upload input { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; cursor: pointer; }
/* waiver_page */
.waiver_step .auth_from_block .logo_img { margin-bottom: 40px; }
.waiver_content_block { width: 100%; margin-bottom: 40px; }
.waiver_content_block h5 { font-size: 24px; line-height: 26px; color: #D9D9D9; margin-bottom: 22px; }
.waiver_content_block p { font-size: 18px; line-height: 20px; color: #D9D9D9; margin-bottom: 22px; }
.checkbox_custom { width: 100%; display: block; margin-bottom: 15px; }
.checkbox { position: relative; padding-left: 32px; cursor: pointer; font-size: 18px; line-height: 24px; font-weight: 600; -webkit-user-select: none; color: #fff !important;  -moz-user-select: none;-ms-user-select: none;user-select: none; margin-bottom: 0; margin-left: 0px; }
.checkbox input { position: absolute; opacity: 0;cursor: pointer;height: 0; width: 0;}
.checkmark { position: absolute; top: 2px; left: 0; height: 20px; width: 20px; background: #FFFFFF1A; border-radius: 4px; }
.checkmark::after { display: none;content: "";position: absolute; left: 7px; top: 2px; width: 6px; height: 12px; border: solid #fff; border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
input:checked ~ .checkmark::after { display: block;}
/* dashboard page */
.dashboard_page { width: 100%;}
.dashboard_page .recival_container { display: flex; align-items: flex-start;}
.dash_user_img { border-radius: 12px 12px 0px 0px; position: relative; }
.dash_user_img::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; border-radius: 12px 12px 0px 0px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 50.5%, #000000 90%); }
.dash_user_img img { object-fit: cover; object-position: top center; border-radius: 12px 12px 0px 0px; }
.dash_cotnent_block { width: 100%; flex: 1; padding-left: 25px; }
.dcb_top_row { width: 100%; display: flex; justify-content: space-between; padding-bottom: 30px; }
.dcb_top_row .dcb_user_info { width: 50%; }
.dcb_top_row .dcb_user_info span.cantext { font-weight: 600; font-size: 14px; line-height: 14px; color: #FFFFFF; }
.dcb_top_row .dcb_user_info h3 { font-weight: normal;  font-family: 'peridot_pecompressed_heavy'; font-size: 36px; line-height: 36px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 0px; }
.dcb_top_row .dcb_user_info h3 span { font-family: "Inter", sans-serif; font-weight: 600; font-size: 14px; line-height: 14px; color: #FFFFFF; }
.dcb_top_row .gameinfo { max-width: 521px; width: 100%; border-radius: 12px; background: #FFFFFF1A; padding: 22px 22px; display: flex; align-items: center; justify-content: space-between; }
.dcb_top_row .gameinfo p { font-weight: 500; font-size: 14px; line-height: 14px; color: #FFFFFF; margin-bottom: 0px; padding: 0px 5px; }
.tng_text { font-weight: 600; font-size: 16px; line-height: 16px; text-align: center; color: #FFFFFF; margin-bottom: 27px; }
.game_list_block { width: 100%; padding-top: 24px; }
.game_list_block .glb_block { width: 100%; display: block; padding-bottom: 10px; overflow: hidden; }
.game_list_block .glbdate { font-family: 'peridot_pecompressed_heavy'; font-weight: normal; font-size: 40px; line-height: 40px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 12px; }
.glb_game_info_row { width: 100%; display: flex; align-items: center; margin-bottom: 16px; }
.glb_game_info_row .g_time { font-weight: 500; font-size: 18px; line-height: 18px; letter-spacing: -0.03em; color: #FFFFFF; margin-right: 16px; margin-bottom: 0px; }
.glb_game_info_row .glbgir_block { width: 100%; flex: 1; background: #FFFFFF1A; border-radius: 12px; padding: 16px; }
.gameinfo_block .game_name { font-weight: 600; font-size: 20px; line-height: 20px; color: #FFFFFF; margin-bottom: 10px; }
.gameinfo_block .ginfo { font-weight: 500; font-size: 18px; line-height:22px; letter-spacing: -0.03em; color: #FFFFFF; margin-bottom: 10px; }
.gameinfo_block .ginfo span { display: inline-block; margin-right: 10px; }
.gameinfo_block .ginfo span.leftabout3 { color: #EB0034; }
.gameinfo_block .glocation { font-weight: 500; font-size: 18px; line-height: 18px; letter-spacing: -0.03em; color: #A6A8B4; display: flex; align-items: center; margin-bottom: 12px; /* border-bottom: 1px solid #000; padding-bottom: 12px; */ }
.gameinfo_block .glocation img { width: 24px; height: 24px; margin-right: 4px; }
.join_btn { width: 100%; border: 2px solid #FFFFFF !important; background: transparent !important; border-radius: 50px; font-weight: 600; font-size: 20px; line-height: 20px; text-align: center; color: #FFFFFF !important; box-shadow: none !important; padding: 16px; }
.join_btn:hover { background: #FFFFFF !important; color: #000000 !important; }
/* header */
header { background: #000; width: 100%; padding: 12px 25px;}
.site_logo { max-width: 180px; height: 60px; width: 100%; }
.site_logo img { object-position: left; }
header .nav { align-items: center; width: 100%; }
header .nav li { margin-left: 40px; }
header .nav li:first-child, header .nav li:last-child { margin-left: auto; }
header .nav-link { padding: 0px; font-weight: 600; font-size: 18px; line-height: 18px; display: flex; align-items: center; color: #fff !important;  }
header .nav-link img { width: 46px; height: 46px; margin-left: 12px; }
header .nav-link img + img { display: none; }
header .nav-link:hover img, header .nav-link.active img { display: none; }
header .nav-link:hover img + img, header .nav-link.active img + img { display: inline-block; }
header .nav-link:hover, header .nav-link.active { color: #EB0034 !important; }
header .nav-link img.profileimg { border-radius: 50%; display: block !important; object-fit: cover; }
header .nav-link img.bellimg { margin-right: 0px; display: block !important; }
header .nav-link img.menuicon { width: 22px; height: 22px; display: block; }
.menuicon { transition: transform 0.2s ease, filter 0.2s ease;}
header .nav-link:active .menuicon { transform: scale(0.9); filter: brightness(0.8);}
.overlay_bg .close-btn { transition: transform 0.2s ease, filter 0.2s ease; }
.overlay_bg .close-btn:active { transform: scale(0.9); filter: brightness(0.8);}
header .nav-link.signin_button { border: 2px solid #fff; border-radius: 50px; padding: 12px 24px; }
header .nav-link.signin_button:hover { border-color: #EB0034 !important; }
/* footer */
.copy_right_text { font-size: 12px; line-height: 16px; color: #A6A8B4; }
.copy_right_text a { color: #FFFFFF; }
.footer_block ul { list-style: none; margin: 0px 0px 30px; padding: 0px; display: flex; align-items: center; }
.footer_block ul li { margin-right: 16px; }
.footer_block ul li a { font-size: 12px; line-height: 12px; color: #A6A8B4; }
.footer_block ul li a:hover { color: #fff; }
/* pickup pages */
.location_filter { width: 100%; display: flex; align-items: center; justify-content: center; }
.gender_filter { width: 100%; display: flex; align-items: center; justify-content: center; }
.radio-inputs > * { margin: 6px;}
.radio-input:checked + .radio-tile { border-color: #2260ff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); color: #2260ff;}
.radio-input:checked + .radio-tile:before { transform: scale(1); opacity: 1; background-color: #2260ff; border-color: #2260ff;}
.radio-input:checked + .radio-tile .radio-label { color: #000000;  }
.radio-input:checked + .radio-tile { background: #fff; }
.radio-tile { background: #FFFFFF1A; border-radius: 8px; transition: 0.15s ease; cursor: pointer; position: relative; padding: 10px; min-width: 50px; display: inline-block; text-align: center; }
.radio-label { color: #fff; transition: 0.375s ease; font-weight: 600; font-size: 18px; line-height: 18px; letter-spacing: 0%; }
.radio-input { clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; }
/*  */
.pback_btn { box-shadow: none !important; border: none !important; background: transparent !important; padding: 0px !important; color: #fff; font-weight: 500; font-size: 20px; line-height: 20px; display: flex; align-items: center; }
.pback_btn img { width: 20px; height: 20px; vertical-align: text-bottom; }
.pback_btn:hover { color: #fff; text-decoration: underline !important; }
.pickup_info_content_block { width: 100%; padding-top: 15px; margin: 0px auto; display: flex; justify-content: space-between; max-width: 1342px; }
.picb_image { width: 360px; height: 415px; position: relative; border-radius: 12px 12px 0px 0px; }
.picb_image img { object-fit: cover; border-radius: 12px 12px 0px 0px;  }
.picb_image::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 50.5%, #000000 90%); }
.picb_map { width: 100%; height: 305px; border-radius: 12px; }
.picb_map img { object-fit: cover; border-radius: 12px; }
.picb_map #map { border-radius: 12px; }
.picb_map #map img { object-fit: contain; border-radius: 0; }

.picb_info_block { width: 100%; padding-top: 24px; }
.picb_info_block .picbname { font-family: 'peridot_pecompressed_heavy'; font-weight: normal; font-size: 48px; line-height: 48px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 24px; text-align: center; }
.picb_info_block .ginfo { font-weight: 500; font-size: 18px; line-height: 18px; letter-spacing: -3%; color: #fff; margin-bottom: 28px; }
.picb_info_block .ginfo span { padding-right: 20px; }
.picb_info_block .ginfo .leftabout3 { color: #EB0034; }
.picb_info_block .date_time_block { width: 100%; }
.picb_info_block .date_time_block p { font-weight: 500; font-size: 18px; letter-spacing: -0.03em; color: #FFFFFF; margin-bottom: 18px; display: flex; align-items: center; }
.picb_info_block .date_time_block p img { width: 24px; height: 24px; margin-right: 8px; }
.picb_info_block .location { width: 100%; display: flex; margin-bottom: 35px; }
.picb_info_block .location .pinimg {  width: 24px; height: 24px; margin-right: 8px;}
.picb_info_block .location .address_text { font-weight: 600; font-size: 18px; line-height: 18px; letter-spacing: -0.03em; color: #FFFFFF; } 
.picb_info_block .location .address_text span { display: block; font-weight: 500; font-size: 18px; line-height: 18px; letter-spacing: -0.03em; color: #EB0034; margin-top: 8px; }
.guest-counter { padding: 20px 24px; width: 100%; color: white; text-align: center; border-top: 1px solid #FFFFFF1A; border-bottom: 1px solid #FFFFFF1A; }
.guest-counter .label {margin-bottom: 20px; text-align: center; font-weight: 600; font-size: 24px; line-height: 24px; color: #FFFFFF; }
.guest-counter .counter { display: flex; align-items: center; justify-content: center; gap: 20px;}
.guest-counter .btn { background: none; border: 2px solid white; border-radius: 50%; width: 42px; height: 42px; color: white; font-size: 20px; cursor: pointer; transition: 0.2s; display: flex; align-items: center; justify-content: center; }
.guest-counter .btn:disabled { opacity: 0.3; cursor: default;}
.guest-counter #count { font-size: 20px; padding: 6px 12px; border-radius: 6px; min-width: 62px; display: inline-block; background: #FFFFFF1A; }
.bottom_content_block { width: 100%; display: block; padding-bottom: 20px; }
.total_row { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 30px 0px 30px; }
.total_row .t_title { font-weight: 600; font-size: 18px; line-height: 18px; color: #FFFFFF; }
.total_row .t_amount {font-weight: 600; font-size: 20px; line-height: 20px; text-align: right; color: #fff; }
.total_row .t_amount span { font-weight: 500; font-size: 16px; line-height: 16px; text-align: right;  color: #A6A8B4; }
.ccdetailblock .ccd_title { font-weight: 600; font-size: 18px; line-height: 18px; color: #FFFFFF; margin-bottom: 15px; }
.ccdetailblock .pay_methods { margin-bottom: 22px; display: flex; align-items: center; justify-content: space-between; }
.ccdetailblock .pay_methods a { font-weight: 500; font-size: 18px; line-height: 18px; letter-spacing: -0.03em; color: #FFFFFF !important; margin-bottom: 10px; }
.ccdetailblock .pay_methods a img { width: 37px; height: 24px; margin-right: 7px; }
.game_on_button { font-weight: 600; font-size: 20px; line-height: 20px; text-align: center; color: #000000 !important; background: #FFFFFF; border: 2px solid #FFFFFF; border-radius: 28px; width: 100%; padding: 16px; max-width: 370px; margin: 0px auto; display: block; }
.game_on_button:hover { background: transparent; color: #fff !important; }
/* modal */
.modal { background: rgba(40, 0, 0, 0.8); }
.modal-dialog { max-width: 450px; }
.modal-content { border-radius: 16px; color: #000000; background: #000000; border: none !important; }
.modal-header { padding: 0; border: none; }
.btn-close { background: none; margin: 0px !important; padding: 0 !important; margin-left: auto !important; margin-right: 10px !important; color: #fff !important; font-size: 24px; text-align: right; opacity: 1; height: auto; }
.modal-body { padding: 0px 30px 45px; } 
.modal-body .gamelogo { background: #600001; width: 64px; height: 64px; border-radius: 8px; padding: 15px 13px; margin: 0px auto 40px !important; }
.modal-body .mb_title { font-weight: 600; font-size: 24px; line-height: 24px; text-align: center; color: #FFFFFF; margin-bottom: 16px; }
.modal-body ul { list-style: none; padding: 0px; margin-bottom: 24px; }
.modal-body ul li {font-size: 16px; line-height: 20px; color: #FFFFFF; margin-bottom: 8px; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; }
.modal-body ul li::before { content: ""; width: 24px; height: 24px; background: url(../images/check.svg) no-repeat; background-size: contain; background-position: center; display: inline-block; margin-right: 8px; }
.modal-body .modal_btn { width: 100%; max-width: 240px; height: 40px; border-radius: 8px; margin: 0px auto; background: #FFFFFF; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 14px; line-height: 14px; color: #000000; padding: 8px 16px; }
.modal-body .modal_btn img { width: 24px; height: 24px; margin-right: 8px;  }
.modal-body .mb_sub_text { font-weight: 600; font-size: 18px; line-height: 24px; text-align: center; color: #FFFFFF; margin-bottom: 13px; }
.modal-body .mb-text { font-size: 16px; line-height: 20px; text-align: center; color: #FFFFFF; margin-bottom: 23px;}
#otpModel .modal-dialog { max-width: 490px;}
#otpModel .otp_box { text-align: center !important; width: 50px; }
/*  */
.common_page_section .form-group { margin-bottom: 22px; }
.common_page_section .form-label { font-weight: 600; font-size: 14px; line-height: 14px; color: #8D8D8D; margin-bottom: 8px; }
.common_page_section .form-control, .common_page_section .form-select { font-weight: 500; font-size: 18px; box-shadow: none !important; background-color: #FFFFFF1A; border-radius: 8px; border: none !important; padding: 10px 15px; resize: unset !important; color: #fff; }
.common_page_section .form-control.error, .common_page_section .form-select.error { outline: 2px solid #EB0034 !important; }
.common_page_section .form-control.error:focus, .common_page_section .form-select.error:focus { outline: 2px solid #EB0034 !important; }
.common_page_section .form-control::placeholder { color: #8D8D8D; }
.common_page_section .invite_btn { font-weight: 600; font-size: 20px; display: block; line-height: 20px; text-align: center; color: #000000; box-shadow: none !important; border: 2px solid #FFFFFF; background: #FFFFFF; max-width: 310px; width: 100%; border-radius: 50px; margin: 16px auto 36px; padding: 16px; }
.common_page_section .common_btn { font-weight: 600; font-size: 20px; display: block; margin: 0px auto; line-height: 20px; text-align: center; box-shadow: none !important; max-width: 310px; width: 100%; border-radius: 50px; padding: 16px; }
.common_page_section .save_btn:disabled { border: 2px solid transparent !important; background: #FFFFFF1A !important; color: #5F5F5F !important; }
.common_page_section .invite_btn:hover { background: transparent !important; border-color: #fff !important; color: #fff !important;  }
.common_page_section .form-control:focus, .common_page_section .form-select:focus { outline: 2px solid #767676 !important; }
.common_page_section .input-group:focus-within { outline: 2px solid #767676 !important; border-radius: 8px; }
.common_page_section .input-group:focus-within .form-control { outline: none !important; }
/* leagues_page */
.leagues_page .game_list_block { max-width: 1200px; width: 100%; margin: 0px auto; }  
.gameinfo_block .game_time { font-weight: 600; font-size: 18px; line-height: 18px; letter-spacing: -3%; color: #FFFFFF; margin-bottom: 7px; display: flex; align-items: center; }
.gameinfo_block .game_time img { width: 24px; height: 24px; margin-right: 8px; }
.gameinfo_block .game_time span { color: #EB0034; }
.leagues_page .gameinfo_block .glocation { color: #fff; }
.leagues_page .dumtext { font-weight: 500; font-size: 14px; line-height: 14px; letter-spacing: -0.03em; color: #A6A8B4; margin-bottom: 16px; }
/* .leagues_page .gameinfo_block .glocation { margin-bottom: 0px; border: none !important; } */
.leagues_page .join_btn { font-size: 18px; line-height: 18px; }
.common_page_section .lfb_left_block .form-select { width: 160px; background-color: #fff; background-image: url(../images/downarrowblack.svg); background-repeat: no-repeat; color: #000; margin-right: 8px; font-size: 18px; font-weight: 600; }
.lfb_left_block .filter_title { font-weight: 600; font-size: 16px; line-height: 16px; color: #fff; margin-bottom: 0px; margin-right: 16px; }
.lfb_left_block { width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 12px; }
.lfb_left_block .reset_btn { width: 20px; height: 20px; margin-left: 5px; }
.lfb_right_block { width: 100%; display: block; }
.leagues_filter_block .form-select { width: 139px; border-radius: 8px; background-color: #FFFFFF1A; background-image: url(../images/downarrow.svg); background-repeat: no-repeat; box-shadow: none !important; border: none !important; font-weight: 600; font-size: 14px; color: #FFFFFF; padding: 10px; margin-right: 16px; background-size: 14px;  }
.lfb_text_link { font-weight: 600; font-size: 14px; line-height: 14px; text-align: center; color: #8D8D8D; }  
.lfb_text_link a { font-weight: 600; font-size: 16px; line-height: 16px; color: #FFFFFF; display: block; text-align: center; margin-top: 8px; display: flex; align-items: center; justify-content: center; }
.lfb_text_link a img { width: 14px; height: 14px; margin-right: 8px; }
.lfb_right_block .input-group { background: #1A1A1A; border: 2px solid #1A1A1A; border-radius: 8px; width: 100%; padding: 8px; margin-bottom: 12px; }
.lfb_right_block .input-group .input-group-text { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0px !important; padding-right: 8px !important; }
.lfb_right_block .input-group .input-group-text img { width: 24px; height: 24px; }
.lfb_right_block .input-group .form-control { background: transparent !important; border: none !important; box-shadow: none !important;  padding: 0px !important; font-weight: 600; font-size: 16px; line-height: 16px; color: #fff;}
.lfb_right_block .form-group { margin-left: 10px; margin-bottom: 12px; }
.lfb_right_block .form-group .form-select { box-shadow: none !important;  padding: 14px !important; font-weight: 600; font-size: 16px; line-height: 16px; color: #fff; width: 120px; margin: 0px !important; }
.lfb_right_block .input-group .form-control::placeholder { color: #8D8D8D !important; }
/* leagues_information_page */
.leagues_information_page .pickup_info_content_block { max-width: 100%; }
.picb_soccer_name { font-weight: 500; font-size: 16px; line-height: 16px; color: #FFFFFF; display: flex; align-items: center; margin-bottom: 24px; justify-content: center; }
.picb_soccer_name span { display: inline-block; font-weight: 500; font-size: 14px; line-height: 14px; text-align: center; letter-spacing: -0.03em; color: #FFFFFF; width: 32px; height: 32px; background: #34A853; margin-right: 8px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 2px; }
.leagues_information_page .picb_info_block .picbname { margin-bottom: 18px; }
.lip_information_row { width: 100%; display: block; border-bottom: 1px solid #FFFFFF1A; margin-bottom: 18px; }
.lipir_block { width: 100%; padding-right: 0px; }
.lipir_info { width: 100%; padding-left: 0px; border-top: 1px solid #FFFFFF1A; padding-top: 12px; }
.leagues_information_page .picb_info_block .location { margin-bottom: 16px; }
.league_bottom_block { width: 100%; }
.leagues_information_page .nav .nav-item { width: 50%; padding: 0px 5px; }
.leagues_information_page .nav-pills .nav-link { border: 2px solid #FFFFFF; border-radius: 30px; font-weight: 600; font-size: 20px; padding: 10px; text-align: center; color: #FFFFFF; display: block; width: 100%; }
.leagues_information_page .nav-pills .nav-link.active, 
.leagues_information_page .nav-pills .show > .nav-link { color: #000000; background: #fff; }
.footer_content_block { width: 100%; }  
.footer_content_block div { width: 100%; background: #FFA42530; border-radius: 12px; font-weight: 600; font-size: 16px; color: #FFFFFF; padding: 13px 20px; margin-bottom: 10px; }  
.footer_content_block div:first-child { background: #EB00341A;  }
.team_payment_checked .checkbox { margin-top: 26px; }
.team_payment_checked .checkmark { border: 2px solid #FFFFFF;  }
.team_payment_checked input:checked ~ .checkmark { background: #fff; }
.team_payment_checked input:checked ~ .checkmark::after { border-color: #010101; left: 5px; top: 1px;}
.common_page_section .form-select { background-image: url(../images/downarrow.svg); background-repeat: no-repeat; background-size: 14px; }
select option { color: #010101; }
.soloform_fields { padding-top: 24px; }
.team_payment_checked .oldprice { color: #A6A8B4; text-decoration-line: line-through;  }
/* my teams */
.my_teams_list_block { max-width: 760px; width: 100%; margin: 0px auto;  }
.mtlb_row { border-radius: 8px; width: 100%; background: #FFFFFF1A; padding: 16px 16px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.mtlb_row .mtlb_name { font-weight: 500; font-size: 16px; line-height: 16px; color: #FFFFFF; margin-bottom: 0px; }
.mtlb_row .edit_icon { width: 24px; height: 24px; display: inline-block; }
/* payment method page */
.payment_method_page .card-list { width: 100%; display: block; margin-bottom: 10px; }
.payment_method_page .card-item { background: #FFFFFF1A; border-radius: 8px; padding: 16px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; /* border: 2px solid #FFFFFF1A; */ }
.payment_method_page .cileft { font-weight: 500; font-size: 14px; letter-spacing: -0.03em; color: #FFFFFF; display: flex; align-items: center; }
.payment_method_page .card-logo { background: white; padding: 0px; margin-right: 7px; width: 37px; height: 24px; border-radius: 4px; display: block; }
.payment_method_page .actions { display: flex; align-items: center; gap: 8px; position: relative; }
.payment_method_page .actions button { background: none !important; border: none !important; cursor: pointer; box-shadow: none !important; padding: 0px !important; width: 24px; height: 24px; margin-left: 6px; }
.payment_method_page .form-container { margin-top: 50px;}
.payment_method_page .form-container h2 { font-family: 'peridot_pecompressed_heavy'; font-weight: normal; font-size: 40px; margin-bottom: 40px; text-align: center; text-transform: uppercase; color: #FFFFFF; }
.payment_method_page .addpaymenttext { font-weight: 600; font-size: 14px; line-height: 14px; color: #FFFFFF !important; background: transparent !important; border: none !important; box-shadow: none !important; }
.payment_method_page .addpaymenttext:hover { text-decoration: underline !important; }
.payment_method_page .default-radio { height: 18px; margin-bottom: 0px; }
.payment_method_page .default-radio input { position: absolute; opacity: 0; pointer-events: none;}
.payment_method_page .default-radio .indicator { width: 18px; height: 18px; position: relative; border: 2px solid #fff; border-radius: 4px; display: inline-block; box-sizing: border-box; cursor: pointer; transition: background 0.15s; box-shadow: none !important; }
.payment_method_page .default-radio input:checked + .indicator { background: #ffffff;}
.payment_method_page .default-radio input:checked + .indicator::after { content: ''; position: absolute; inset: 0; left: 4px; width: 6px; height: 12px; border: solid #000; border-width: 0 2px 2px 0; transform: rotate(45deg);}
/* .payment_method_page .default-radio input:checked:has(.card-item) { background: #FFFFFF1A; border-color: transparent !important; } */
/* booking page */
.booking_tab_section { max-width: 1200px; width: 100%; display: block; margin: 0px auto; }
.booking_tab_section .nav { justify-content: center; margin-bottom: 0px; }
.booking_tab_section .nav-pills .nav-link { margin: 0px 5px; width: 156px; border-radius: 8px; background: #FFFFFF1A; font-weight: 600; font-size: 18px; text-align: center; color: #FFFFFF; padding: 10px; }
.booking_tab_section .nav-pills .nav-link.active, .booking_tab_section .nav-pills .show > .nav-link { background: #FFFFFF; color: #000000; }
.booking_page .game_list_block .glbdate { text-align: center; }
.booking_tab_section .glocation { color: #EB0034; border: none !important; }
.date_amount { width: 100%; display: flex; align-items: center; }
.date_amount p { font-weight: 500; font-size: 18px; line-height: 18px; letter-spacing: -0.03em; color: #FFFFFF; margin-right: 65px; margin-bottom: 12px; display: flex; align-items: center; }
.date_amount p img { width: 24px; height: 24px; margin-right: 8px; }
.glb_game_info_row .glbgir_block { position: relative; }
#pills-pickup .glb_game_info_row .glbgir_block::before { position: absolute; content: ""; width: 24px; height: 24px; background: url(../images/check-circle.svg) no-repeat; background-position: center right; background-size: contain; right: 5px; top: 5px; }
#pills-leagues .glocation { color: #fff !important; margin-bottom: 5px; }
#pills-leagues .btnrow { display: flex; }
#pills-leagues .btnrow .join_btn { /* max-width: 50%;  */margin:0px 4px; }
#pills-leagues .btnrow .edit_btn { color: #000000 !important; background: #FFFFFF !important; }
#pills-leagues .btnrow .edit_btn:hover { background: transparent !important; color: #fff !important; }
/* pickup my team */
.pickup_my_team_page { width: 100%; display: block; padding-bottom: 50px; }  
.team-title { font-family: 'peridot_pecompressed_heavy'; font-style: normal; font-weight: normal; font-size: 40px; line-height: 40px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 22px; }
.edit_team_page .input-group-text { background: #FFFFFF1A; /* border-radius: 8px 0px 0px 8px; */ padding: 13px; border: none !important; }
.edit_team_page .input-group-text:first-child { padding-right: 0px !important; }
.edit_team_page .input-group-text img { width: 24px; height: 24px; }
.edit_team_page .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: 0;}
.edit-jersey-container { background: #FFFFFF1A; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; padding: 10px; max-width: 100%; color: white; }
.edit-jersey-container .label-section { display: flex; align-items: center; gap: 10px;}
.edit-jersey-container .label-text { font-weight: 600; font-size: 18px; color: #fff; }
.color-picker-btn { width: 30px; height: 30px; background-color: #EB0034; border: none; border-radius: 6px; cursor: pointer; padding: 2px; }
.color-picker-btn .icon { width: 24px; height: 24px; }
.input-group-text:has(.color-picker-btn) { padding: 3px 12px 3px 5px !important; }
.incolor_box { height: 20px; width: 20px; border-radius: 4px; display: block;}
.players_list_block { max-width: 940px; width: 100%; margin: 0px auto; }
.plb_title { font-weight: 600; font-size: 16px; color: #FFFFFF; margin-bottom: 14px; }
.pl_block { /* background: #25252580; border-radius: 12px; */ border-bottom: 1px solid #FFFFFF1A; padding: 12px; display: flex; align-items: center; margin-bottom: 21px; cursor: pointer; }
.pl_block .pl_image { width: 48px; height: 48px; border-radius: 50%; }
.pl_block .pl_image img { object-fit: cover; border-radius: 50%; }
.pl_block .pl_info { width: fit-content; flex: 1; padding-right: 10px; padding-left: 16px; align-self: flex-start; }
.pl_block .pl_info .plcaptain { font-weight: 600; font-size: 12px; letter-spacing: -0.03em; color: #EB0034; margin-bottom: 0px; }
.pl_block .pl_info .plcaptain img { width: 18px; height: 18px; vertical-align: text-bottom; }
.pl_block .pl_info .plname { font-weight: 600; font-size: 18px; letter-spacing: -0.03em; color: #FFFFFF; margin-bottom: 0; }
.pl_block .delete_btn { width: 24px; height: 24px; padding: 0px !important; background: transparent !important; box-shadow: none !important; border: none !important; }
.pl_block .delete_btn img + img { display: none; }
.pl_block:hover .delete_btn img { display: none; }
.pl_block:hover .delete_btn img + img { display: inline-block; }
.pl_block .make_btn { font-weight: 600; font-size: 12px; line-height: 18px; color: #000000; border: 2px solid #FFFFFF; background: #FFFFFF; border-radius: 28px; padding: 0px 10px; display: none; }
.pl_block:hover .make_btn { display: block; }
.players_list_block .add-btn { background: transparent !important; box-shadow: none !important; border: none !important; font-weight: 600; font-size: 14px; color: #FFFFFF; }
.invite_player_form_block { display: none; padding-top: 20px; }
.invite_player_form_block h5 { font-weight: 600; font-size: 16px; text-align: center; color: #FFFFFF; margin-bottom: 28px; }
.common_page_section .pickup_my_team_page .form-control { padding: 13px 15px; }

.invite_player_btn { width: 100%; height: 56px; background: rgba(255, 255, 255, 0.101961); border-radius: 12px; box-shadow: none !important; border: none !important; font-weight: 600; font-size: 16px; line-height: 16px; color: #FFFFFF; text-align: left; }
.invite_player_btn img { width: 24px; height: 24px; margin-right: 16px; }
.invite_player_btn img + img { display: none; }
.invite_player_btn:hover { background: #FFFFFF !important; color: #000000 !important; }
.invite_player_btn:hover img { display: none; }
.invite_player_btn:hover img + img { display: inline-block; }

/* profile page */
.profile_section { max-width: 1311px; width: 100%; margin: 0px auto; display: flex; padding-bottom: 50px; }
.profile_image_block { width: 100%; flex: 1; padding-right: 44px; }
.pib_row { width: 100%; display: flex; align-items: center; }
.pib_row .userimg { width: 160px; height: 160px; border-radius: 50%; position: relative; }
.pib_row .userimg img.user { width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius: 50%; }
.pib_row .userinfo { padding-left: 37px; flex: 1; }
.pib_row .userinfo .username { font-weight: normal; font-family: 'peridot_pecompressed_heavy'; font-size: 40px; line-height: 40px; text-transform: uppercase; color: #FFFFFF; margin-bottom: 10px; }
.pib_row .userinfo .utxt { font-weight: 500; font-size: 12px; color: #A6A8B4; }
.push_notification_block { margin-top: 70px; max-width: 380px; width: 100%; }
.push_notification_block .pnb_title { font-weight: 600; font-size: 18px; line-height: 20px; color: #EB0034; margin-bottom: 12px; }
.push_notification_block .pnb_text { font-weight: 500; font-size: 14px; line-height: 20px; color: #FFFFFF; margin-bottom: 0px; padding-right: 12px; flex: 1; }
.push_notification_block .pnb_switch_block { width: 100%; display: flex;  } 
.switch { position: relative; display: inline-block; width: 50px; height: 24px;}
.switch input { opacity: 0; width: 0; height: 0;}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #2C2C2C; background: #1A1A1A; -webkit-transition: .4s; transition: .4s;}
.slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 1px; bottom: 1px; background-color: white; -webkit-transition: .4s; transition: .4s;}
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
/* Rounded sliders */
.slider.round { border-radius: 34px;}
.slider.round:before { border-radius: 50%;}
.profile_form_block { max-width: 760px; width: 100%; padding-top: 30px; }
/* side nav bar */
/* ---- OVERLAY ---- */
.overlay_bg { position: fixed; inset: 0; background: rgba(40, 0, 0, 0.8); opacity: 0; visibility: hidden; transition: opacity 0.3s ease; z-index: 1000;  }
.overlay_bg.active { opacity: 1; visibility: visible; }
/* ---- SIDE PANEL ---- */
.side-menu { position: absolute; top: 0; right: -320px; width: 300px; height: 100%; background: #000; background-position: center; background-size: cover; color: #fff; border-left: 1px solid #EB0034; padding: 12px 12px; transition: right 0.35s cubic-bezier(.4,.0,.2,1); overflow-y: auto; }
.overlay_bg.active .side-menu { right: 0;}
/* ---- INSIDE THE PANEL ---- */
.overlay_bg .close-btn { width: 24px; height: 24px; font-size: 20px; position: absolute; top: 15px; right: 12px; cursor: pointer;}
.side-menu ul { list-style: none; padding: 32px 0 0; margin: 0; }
.side-menu li { margin-bottom: 16px; }
.side-menu li a { width: 100%; display: block; color: #fff; font-weight: 500; font-size: 24px; line-height: 24px; transition: background 0.2s;}
.side-menu li a img { width: 24px; height: 24px; margin-right: 16px; }
.side-menu li a:hover, .side-menu li a.active { color:#600001; }
.side-menu li a.logout { text-align: center;  }
.side-menu button.delete { background:transparent !important; box-shadow: none !important; border:none !important; color:#8D8D8D; text-align:center; display: inline-block; font-weight: 600; font-size: 14px; line-height: 14px;  }
.side-menu button.delete:hover { color: #fff; }
.dropdown-divider { border-top-color:  #FFFFFF1A;}

.app_links_block { width: 100%; display: block; border-bottom: 1px solid #FFFFFF1A; padding-bottom: 12px; }
.app_links_block .alb_text { font-weight: 500; font-size: 14px; line-height: 14px; color: #EB0034; }
.app_links_block .alb_box { width: 100%; display: flex; align-items: center; }
.app_links_block .alb_box a { display: inline-block; width: 120px; height: 40px; margin-right: 24px; }
.app_links_block .alb_box a:last-child { margin-right: 0px !important; }

.after_login_menu { display: flex; align-items: flex-start; padding-top: 20px; }
.after_login_menu .pro_img { width: 48px; height: 48px; border-radius: 50%; background: #EB003480; }
.after_login_menu .pro_img img { object-fit: cover; border-radius: 50%; }

.side-menu .after_login_menu ul { padding-top: 0px; width: 100%; flex: 1; padding-left: 20px; }
.side-menu .after_login_menu ul li:first-child { padding: 12px 0px 22px; }
.side-menu .after_login_menu ul li:first-child a { font-size: 24px; line-height: 24px; }
.side-menu .after_login_menu ul li { border-bottom: 1px solid #FFFFFF1A; padding: 16px 0px; margin: 0px; }
.side-menu .after_login_menu ul li a { font-size: 20px; line-height: 20px; display: flex; align-items: center; }
.side-menu .after_login_menu ul li a img { margin-right: 10px; }
.side-menu .after_login_menu ul li:last-child { border: none !important; }
.side-menu .after_login_menu ul li a.logout { color: #A6A8B4; }



/*  */
/* Buttn to open invite panel */
.open-invite-btn { position: fixed; top: 50%; right: 38px; transform: rotate(-90deg) translateY(50%); transform-origin: right center; z-index: 999; background: #d31d44; color: white; border: none; padding: 10px 16px; border-radius: 8px 8px 0 0; font-weight: bold; cursor: pointer; box-shadow: 0 0 5px rgba(0,0,0,0.3); font-size: 14px;}
/* Overlay */
.invite-overlay { position: fixed; inset: 0; background: rgba(40, 0, 0, 0.8); opacity: 0; visibility: hidden; transition: 0.3s ease; z-index: 1000; }
/* Active state */
.invite-overlay.active { opacity: 1; visibility: visible;}
/* Panel Content */
.invite-panel { position: absolute; right: -430px; top: 0; width: 400px; height: 100%; background: #000; padding: 20px; box-shadow: -2px 0 10px rgba(0, 0, 0, 0.7); transition: right 0.4s ease; color: #fff; border-left: 1px solid #d31d44; border-radius: 0; background-position: center; background-size: cover; }
.invite-panel h3 { font-weight: 600; font-size: 16px; line-height: 16px; text-align: center; color: #FFFFFF; margin-bottom: 20px; }
/* Slide in */
.invite-overlay.active .invite-panel { right: 0;}
/* Close Button */
.invite-panel .close-btn { position: absolute; top: 50%; left: -128px; transform: rotate(-90deg) translateY(50%); transform-origin: right center; background: #d31d44; color: white; padding: 10px 16px; font-size: 14px; font-weight: bold; border-radius: 8px 8px 0 0; cursor: pointer; white-space: nowrap; border: none;/*  z-index: 10; */ width: fit-content; right: 0; }
/* Search Box */
.search-box { border: 1px solid #4B4B4B; background: #000000;  border-radius: 8px; margin-bottom: 30px; }
.search-box span.input-group-text { background: transparent !important; border: none !important; box-shadow: none !important;  }
.search-box input { padding: 10px; border: none !important; background: transparent !important; color: #fff; font-weight: 600; font-size: 14px; line-height: 14px; box-shadow: none !important; }
.search-box input::placeholder { color: #8D8D8D; }
/* Invite List */
.invite-list { list-style: none; padding: 0; margin: 0; height: calc(100% - 110px); overflow-y: auto; }
.invite-list li { display: flex; align-items: center; margin-bottom: 20px; padding: 12px 15px; border-radius: 10px; background: #25252580;}
.invite-list .avatar { width: 40px; height: 40px; border-radius: 50%; font-size: 20px; font-weight: 500; color: white; text-align: center; line-height: 40px; margin-right: 16px; object-fit: cover; object-position: top; }
.avatar.red { background: #EB003480;}
.invite-list span { flex-grow: 1; font-weight: 600; font-size: 16px; line-height: 16px; letter-spacing: -0.03em; color: #FFFFFF; }
.invite-icon { background: transparent; border: none; cursor: pointer; width: 20px; height: 20px; }
/* phone field */
.iti.iti--allow-dropdown { width: 100%; }
.form-control.is-invalid, .was-validated .form-control:invalid { background-image: none !important; }
/*  */
.iti__selected-flag {height: 43px !important;}
.invalid-feedback {font-size: 12px !important;}
/*  */
.pay-nowbtn { background: #FFFFFF; border-radius: 12px; margin-left: auto; font-weight: 600; font-size: 16px; color: #000000; box-shadow: none !important; padding: 5px 12px; border: 1px solid #fff !important; }
.pay-nowbtn:hover { background: transparent; color: #fff; }
.game_time span.status { padding: 5px; width: fit-content; font-size: 14px; color: #fff; display: block; border-radius: 6px; margin-left: 10px; }
.game_time span.confirmed { background: #006319; color: #fff; }
.game_time span.pending { background: #EB0034; }

.make_pending_btn { color: #000; border: none !important; padding: 2px 5px; border-radius: 4px; background: #ffbd67; }

/* -------------------------------------------------------------------------------------------------------- */
/* responsive view */
@media (min-width: 1700px){
.landing_banner_section { height: 100vh; }
.lbs_content_block { max-width: 36.21vw; padding: 4.74vw 0.53vw; }
.lbs_content_block .logo_img { height: 3.58vw; margin: 0px auto 6.32vw; }
.lbs_content_block .page_title { font-size: 5.05vw; line-height: 4vw; margin-bottom: 2.95vw; }
.lbs_content_block .lbs_desc { font-size: 1.05vw; line-height: 1.37vw; margin-bottom: 2.63vw; }
.lbs_content_block .common_btn { max-width: 19.47vw; padding: 0.89vw; border-radius: 1.47vw; font-size: 0.95vw; line-height: 0.95vw; margin:0px auto 1.79vw; }
.lbs_image_block {max-width: 59.42vw;  }
/* login page */
.auth_page_section { min-height: 100vh; }
.auth_from_block { padding: 5.68vw 2.11vw 3.68vw; }
.auth_from_block .logo_img { max-width: 17.05vw; height: 1.68vw; margin: 0px auto 4.74vw; }
.auth_from_block .page_title { font-size: 1.26vw; line-height: 1.26vw; margin-bottom: 1.68vw; }
.afb_button_block { max-width: 19.47vw; margin: 0px auto 2.37vw; }
.afb_button_block .btn { height: 2.42vw; border-radius: 0.42vw; font-size: 0.74vw; line-height: 0.74vw; padding: 0.26vw; margin-bottom: 0.84vw; }
.afb_button_block .btn img { width: 1.05vw; height: 1.05vw; margin-right: 0.63vw; }
.afb_button_block .phone_text { font-size: 0.74vw; line-height: 1.05vw; }
.otp_number_text {font-size: 0.74vw; line-height: 1.05vw; margin-bottom: 1.15vw; }
.auth_page_section .back_text { font-size: 1.05vw; line-height: 1.05vw; margin-top: 1.15vw; }
.input-group:focus-within {  border-radius: 0.42vw;}
.afb_block { max-width: 19.47vw; }
.afb_block .form-group { margin-bottom: 0.84vw; }
.afb_block .form-control { border-radius: 0.42vw; font-size: 0.95vw; line-height: 0.95vw; padding: 0.63vw 0.84vw; }
.forgot_link { padding: 0.74vw 0px; margin-bottom: 0.32vw; }
.forgot_link a { font-size: 0.74vw; line-height: 0.74vw; }
.auth_page_section .common_btn { border-radius: 1.47vw; font-size: 1.05vw; line-height: 1.05vw; padding: 0.95vw; }
.other_page_link { font-size: 0.74vw; line-height: 0.74vw; padding-top: 1.58vw; }
.input-group-text { font-size: 0.84vw; border-radius: 0.42vw; }
.input-group-text img { width: 1.05vw; height: 1.05vw; }
/* OTP boxes */
.otp_input_wrap {  gap: 0.52vw; margin-bottom: 1.57vw !important; }
.afb_block .form-control.otp_box { width: 2.10vw; height: 2.10vw; }
/* forgot_page */
.forgot_page .page_title { margin-bottom: 1.16vw; }
.auth_page_section .fp_desc { font-size: 0.63vw; line-height: 0.84vw; max-width: 19.47vw; margin: 0px auto 1.26vw; }
/*  */
.upload_picture_group h5 {font-size: 0.95vw; line-height: 0.95vw; margin-bottom: 0.63vw; }
.picture_upload { border-radius: 0.42vw; font-size: 0.74vw; line-height: 0.74vw; padding: 0.84vw; }
/* waiver_page */
.waiver_step .auth_from_block .logo_img { margin-bottom: 2.11vw; }
.waiver_content_block { margin-bottom: 2.11vw; }
.waiver_content_block h5 { font-size: 1.26vw; line-height: 1.31vw; margin-bottom: 1.05vw; }
.waiver_content_block p { font-size: 0.95vw; line-height: 1.05vw; margin-bottom: 1.05vw; }
.checkbox_custom { margin-bottom: 1.05vw; }
.checkbox { padding-left: 1.68vw; font-size: 0.95vw; line-height: 1.26vw; }
.checkmark { top: 0.11vw; height: 1.05vw; width: 1.05vw; border-radius: 0.21vw; }
.checkmark::after { left: 0.37vw; top: 0.11vw; width: 0.32vw; height: 0.63vw; }
/* dashboard page */
.recival_container { max-width: 85.58vw; }
.dash_user_img { border-radius: 0.63vw 0.63vw 0px 0px; }
.dash_user_img::before { border-radius: 0.63vw 0.63vw 0px 0px; }
.dash_user_img img { border-radius: 0.63vw 0.63vw 0px 0px; }
.dash_cotnent_block { padding-left: 1.89vw; }
.dcb_top_row { padding-bottom: 2.63vw; }
.dcb_top_row .dcb_user_info { width: 50%; }
.dcb_top_row .dcb_user_info span.cantext { font-size: 0.74vw; line-height: 0.74vw; }
.dcb_top_row .dcb_user_info h3 { font-size: 2.11vw; line-height: 2.11vw; }
.dcb_top_row .dcb_user_info h3 span { font-size: 0.74vw; line-height: 0.74vw; }
.dcb_top_row .gameinfo { max-width: 27.42vw; border-radius: 0.63vw; padding: 1.68vw 2.11vw; }
.dcb_top_row .gameinfo p { font-size: 0.84vw; line-height: 0.84vw; padding: 0px 0.25vw; }
.tng_text { font-size: 0.95vw; line-height: 0.95vw; margin-bottom: 1.42vw; }
.game_list_block { padding-top: 1.24vw; }
.game_list_block .glb_block { padding-bottom: 0.53vw; }
.game_list_block .glbdate { font-size: 2.10vw; line-height: 2.10vw; margin-bottom: 0.58vw; }
.glb_game_info_row { margin-bottom: 0.84vw; }
.glb_game_info_row .g_time { font-size: 0.94vw; line-height: 0.94vw;margin-right: 1.36vw; }
.glb_game_info_row .glbgir_block { border-radius: 0.63vw; padding: 0.84vw; }
.gameinfo_block .game_name { font-size: 1.05vw; line-height: 1.05vw; margin-bottom: 0.63vw; }
.gameinfo_block .ginfo { font-size: 0.94vw; line-height: 1.15vw; margin-bottom: 0.63vw; }
.gameinfo_block .ginfo span { margin-right: 0.52vw; }
.gameinfo_block .glocation { font-size: 0.94vw; line-height: 0.94vw; margin-bottom: 0.63vw; /* padding-bottom: 0.63vw; */ }
.leagues_page .dumtext { font-size: 0.73vw; line-height: 0.73vw; margin-bottom: 0.84vw;}
.join_btn { border-radius: 2.63vw; font-size: 1.05vw; line-height: 1.05vw; padding: 0.84vw; }
/* header */
header { padding: 1vw 2.63vw; }
.site_logo { max-width: 12.05vw; height: 1.68vw; }
header .nav li { margin-left: 2.10vw; }
header .nav-link { font-size: 0.95vw; line-height: 0.95vw; }
header .nav-link img { width: 2.42vw; height: 2.42vw; margin-left: 0.63vw; }
header .nav-link img.menuicon { width: 0.84vw; height: 0.84vw; }
header .nav-link.signin_button { border-radius: 2.63vw; padding: 0.63vw 1.26vw;}
/* footer */
footer { padding: 0.79vw; }
.copy_right_text { font-size: 0.63vw; line-height: 0.84vw; }
.footer_block ul { margin: 0px 0px 1.57vw; }
.footer_block ul li { margin-right: 0.84vw; }
.footer_block ul li a { font-size: 0.63vw; line-height: 0.63vw;}
/* pickup pages */
.location_block label, .gf_block label { margin: 0.21vw; }
.radio-inputs > * { margin: 0.32vw;}
.radio-tile { border-radius: 0.42vw; padding: 0.53vw; min-width: 2.63vw; }
.radio-label { font-size: 0.94vw; line-height: 0.94vw; }
/*  */
.pback_btn { font-size: 1.05vw; line-height: 1.05vw; top: 0.58vw; }
.pback_btn img { width:1.26vw; height: 1.26vw;}
.pickup_info_content_block { padding-top: 0.79vw; max-width: 70.63vw; }
.picb_image { width: 22.11vw; height: 27.37vw; border-radius: 0.63vw 0.63vw 0px 0px; }
.picb_image img { border-radius: 0.63vw 0.63vw 0px 0px;  }
.picb_map { height: 19.47vw; border-radius: 0.63vw; }
.picb_map img {  border-radius: 0.63vw; }
.picb_map #map { border-radius: 0.63vw; }
.picb_info_block { padding-top: 1.26vw; }
.picb_info_block .picbname { font-size: 2.53vw; line-height: 2.53vw; margin-bottom: 1.26vw; }
.picb_info_block .ginfo { font-size: 0.94vw; line-height: 0.94vw; margin-bottom: 0.84vw; }
.picb_info_block .ginfo span { padding-right: 1.05vw; }
.picb_info_block .date_time_block p { font-size: 0.94vw; margin-bottom: 0.84vw; }
.picb_info_block .date_time_block p img { width: 1.26vw; height: 1.26vw; margin-right: 0.42vw; }
.picb_info_block .location { margin-bottom: 1.84vw; }
.picb_info_block .location .pinimg {  width: 1.26vw; height: 1.26vw; margin-right: 0.42vw;}
.picb_info_block .location .address_text { font-size: 0.94vw; line-height: 0.94vw; } 
.picb_info_block .location .address_text span { font-size: 0.94vw; line-height: 0.94vw; margin-top: 0.42vw; }
.guest-counter { padding: 0.89vw 1.26vw;}
.guest-counter .label {margin-bottom: 0.84vw; font-size: 1.26vw; line-height: 1.26vw; }
.guest-counter .counter { gap: 1.05vw;}
.guest-counter .btn { width: 2.53vw; height: 2.53vw; font-size: 1.26vw; }
.guest-counter #count { font-size: 1.26vw; padding: 0.32vw 0.63vw; border-radius: 0.32vw; min-width: 3.26vw; }
.bottom_content_block { padding-bottom: 1.05vw; }
.total_row { padding: 2.10vw 0px 1.68vw; }
.total_row .t_title { font-size: 0.94vw; line-height: 0.94vw; }
.total_row .t_amount { font-size: 1.05vw; line-height: 1.05vw; }
.total_row .t_amount span { font-size: 0.84vw; line-height: 0.84vw; }
.ccdetailblock .ccd_title { font-size: 0.94vw; line-height: 0.94vw; margin-bottom: 0.63vw; }
.ccdetailblock .pay_methods { margin-bottom: 1.4vw; }
.ccdetailblock .pay_methods a { font-size: 0.94vw; line-height: 0.94vw; margin-bottom: 0.53vw; }
.ccdetailblock .pay_methods a img { width: 1.95vw; height: 1.26vw; margin-right: 0.37vw; }
.game_on_button { font-size: 1.05vw; line-height: 1.05vw; border-radius: 1.47vw; padding: 0.89vw; max-width: 19.47vw; }
/* modal */
.modal-dialog { max-width: 26.47vw; }
.modal-content { border-radius: 0.84vw; }
.btn-close {  margin-right: 0.53vw !important; font-size: 1.26vw; }
.modal-body { padding: 0px 1.58vw 2.37vw; } 
.modal-body .gamelogo { width: 3.37vw; height: 3.37vw; border-radius: 0.42vw; padding: 0.79vw 0.68vw; margin: 0px auto 2.11vw !important; }
.modal-body .mb_title { font-size: 1.26vw; line-height: 1.26vw; margin-bottom: 0.84vw; }
.modal-body ul { margin-bottom: 1.26vw; }
.modal-body ul li {font-size: 0.84vw; line-height: 1.05vw; margin-bottom: 0.42vw; }
.modal-body ul li::before { width: 1.26vw; height: 1.26vw; margin-right: 0.42vw; }
.modal-body .modal_btn { max-width: 12.63vw; height: 2.11vw; border-radius: 0.42vw; font-size: 0.74vw; line-height: 0.74vw; padding: 0.42vw 0.84vw; }
.modal-body .modal_btn img { width: 1.26vw; height: 1.26vw; margin-right: 0.42vw; }
.modal-body .mb_sub_text { font-size: 0.95vw; line-height: 1.26vw; margin-bottom: 0.68vw; }
.modal-body .mb-text { font-size: 0.84vw; line-height: 1.05vw; margin-bottom: 1.21vw;}
#otpModel .modal-dialog { max-width: 26.47vw;}
#otpModel .otp_box { width: 2.63vw; }
/*  */
.common_page_section .form-group { margin-bottom: 1.16vw; }
.common_page_section .form-label { font-size: 0.74vw; line-height: 0.74vw; margin-bottom: 0.42vw; }
.common_page_section .form-control, .common_page_section .form-select { font-size: 0.94vw; border-radius: 0.42vw; padding: 0.57vw 0.79vw; }
.common_page_section .invite_btn { font-size: 1.05vw; line-height: 1.05vw; max-width: 19.47vw; border-radius: 2.63vw; margin: 0.84vw auto 1.89vw; padding: 1vw; }
.common_page_section .common_btn { font-size: 1.05vw; line-height: 1.05vw; max-width: 19.47vw; border-radius: 2.63vw; padding: 1vw; }
/* leagues_page */
.leagues_page .game_list_block { max-width: 63.16vw; }  
.gameinfo_block .game_time { font-size: 0.94vw; line-height: 0.94vw; margin-bottom: 0.63vw; }
.gameinfo_block .game_time img { width: 1.26vw; height: 1.26vw; margin-right: 0.42vw; }
.leagues_filter_block { border-radius: 0.63vw; padding: 2.63vw 10.53vw; margin-bottom: 1.58vw; }
.leagues_filter_block .filter_title { font-size: 0.84vw; line-height: 0.84vw; margin-right: 0.84vw; }
.lfb_left_block { margin-bottom: 0.63vw; }
.leagues_filter_block .form-select { width: 7.32vw; border-radius: 0.42vw; font-size: 0.74vw; line-height: 0.74vw; padding: 0.68vw; margin-right: 0.84vw; background-size: 0.74vw; }
.lfb_text_link { font-size: 0.73vw; line-height: 0.73vw; }  
.lfb_text_link a { font-size: 0.84vw; line-height: 0.84vw; margin-top: 0.42vw; }
.lfb_text_link a img { width: 0.84vw; height: 0.84vw; margin-right: 0.42vw; }
.lfb_right_block .input-group { border-radius: 0.42vw; padding: 0.42vw; margin-bottom: 0.63vw; }
.lfb_right_block .input-group .input-group-text { padding-right: 0.42vw !important; }
.lfb_right_block .input-group .input-group-text img { width: 1.26vw; height: 1.26vw; }
.lfb_right_block .input-group .form-control { font-size: 0.84vw; line-height: 0.84vw; }
.lfb_right_block .form-group { margin-bottom: 0.63vw; }
.lfb_right_block .form-group .form-select { font-size: 0.84vw; line-height: 0.84vw; width: 6.05vw; padding: 0.73vw !important; }
.common_page_section .lfb_left_block .form-select {width: 8.42vw; margin-right: 0.42vw; font-size: 0.95vw;}
.lfb_left_block .filter_title { font-size: 0.84vw; line-height: 0.84vw; margin-right: 0.84vw ;}
.gameinfo_block .glocation img { width: 1.26vw; height: 1.26vw; margin-right: 0.42vw;}
/* leagues_information_page */
.picb_soccer_name { font-size: 0.84vw; line-height: 0.84vw; margin-bottom: 1.26vw; }
.picb_soccer_name span { font-size: 0.74vw; line-height: 0.74vw; width: 1.68vw; height: 1.68vw; margin-right: 0.42vw; padding: 0.11vw; }
.leagues_information_page .picb_info_block .picbname { margin-bottom: 0.95vw; }
.leagues_information_page .picb_info_block .location { margin-bottom: 0.84vw; }
.leagues_information_page .nav .nav-item { padding: 0px 0.26vw; }
.leagues_information_page .nav-pills .nav-link { border-radius: 1.58vw; font-size: 1.05vw; padding: 0.63vw; }
 .footer_content_block div { border-radius: 0.63vw; font-size: 0.84vw; padding: 0.68vw 1.05vw; margin-bottom: 0.53vw; }  
.team_payment_checked .checkbox { margin-top: 1.37vw; }
.team_payment_checked input:checked ~ .checkmark::after { left: 0.26vw; top: 1px;}
.common_page_section .form-select { background-size: 0.74vw; }
.soloform_fields { padding-top: 1.26vw; }
/* my teams */
.my_teams_list_block { max-width: 40vw; }
.mtlb_row { border-radius: 0.42vw; padding: 1.05vw 0.84vw; margin-bottom: 0.53vw; }
.mtlb_row .mtlb_name { font-size: 0.84vw; line-height: 0.84vw; }
.mtlb_row .edit_icon { width: 1.26vw; height: 1.26vw; }
/* payment method page */
.payment_method_page { padding-bottom: 1.58vw; }
.payment_section { max-width: 40vw; }
.common_btn { margin: 0px auto 0.84vw !important; }
.payment_method_page .card-list { margin-bottom: 0.53vw; }
.payment_method_page .card-item { border-radius: 0.42vw; padding: 0.84vw; margin-bottom: 0.53vw; }
.payment_method_page .cileft { font-size: 0.74vw; }
.payment_method_page .card-logo { margin-right: 0.37vw; width: 1.95vw; height: 1.26vw; border-radius: 0.21vw; }
.payment_method_page .actions { gap: 0.42vw;}
.payment_method_page .actions button { width: 1.26vw; height: 1.26vw; margin-left: 0.32vw; }
.payment_method_page .form-container { margin-top: 2.63vw;}
.payment_method_page .form-container h2 { font-size: 2.11vw; margin-bottom: 1.21vw; }
.payment_method_page .addpaymenttext { font-size: 0.94vw; line-height: 0.94vw; }
.payment_method_page .default-radio { height: 0.95vw;}
.payment_method_page .default-radio .indicator { width: 0.95vw; height: 0.95vw; border-radius: 0.21vw; }
.payment_method_page .default-radio input:checked + .indicator::after { left: 0.21vw; width: 0.32vw; height: 0.63vw; }
/* booking page */
.booking_tab_section { max-width: 63.16vw; }
.booking_tab_section .nav-pills .nav-link { margin: 0px 0.26vw; width: 9.53vw; border-radius: 0.42vw; font-size: 0.95vw; padding: 0.53vw; }
.booking_tab_section .glocation { margin-bottom: 0.37vw; }
.date_amount p { font-size: 0.84vw; line-height: 0.84vw; margin-right: 3.42vw; margin-bottom: 0.63vw; }
.date_amount p img { width: 1.26vw; height: 1.26vw; margin-right: 0.42vw; }
#pills-pickup .glb_game_info_row .glbgir_block::before { width: 1.26vw; height: 1.26vw; right: 0.26vw; top: 0.26vw; }
#pills-pickup .join_btn { font-size: 0.95vw;}
#pills-leagues .glocation { margin-bottom: 0.26vw; }
#pills-leagues .btnrow .join_btn { /* max-width: 10.68vw; */ margin:0px 0.22vw; font-size: 1.05vw;}
/* pickup my team */
.pickup_my_team_page { padding-bottom: 2.63vw; }  
.team-title { font-size: 2.11vw; line-height: 2.11vw; margin-bottom: 1.16vw; }
.edit_team_page .input-group-text { /* border-radius: 0.42vw 0px 0px 0.42vw; */ padding: 0.68vw;  }
.edit_team_page .input-group-text img { width: 1.26vw; height: 1.26vw; }
.edit-jersey-container {  border-radius: 0.42vw; padding: 0.53vw; }
.edit-jersey-container .label-section { gap: 0.53vw; font-size: 0.84vw;}
.edit-jersey-container .label-text { font-size: 0.94vw; }
.edit-jersey-container .color-picker-btn { width: 1.58vw; height: 1.58vw; border-radius: 0.32vw; padding: 0.11vw; }
.edit-jersey-container .icon { width: 1.26vw; height: 1.26vw; }
.players_list_block { max-width: 49.47vw; }
.plb_title { font-size: 0.84vw; margin-bottom: 0.74vw; }
.pl_block { /* border-radius: 0.63vw; */ padding: 0.63vw; margin-bottom: 1.11vw; }
.pl_block .pl_image { width: 2.53vw; height: 2.53vw; }
.pl_block .pl_info { padding-right: 0.53vw; padding-left: 0.84vw; }
.pl_block .pl_info .plcaptain { font-size: 0.63vw; }
.pl_block .pl_info .plcaptain img { width: 0.95vw; height: 0.95vw; }
.pl_block .pl_info .plname { font-size: 0.95vw; }
.pl_block .delete_btn { width: 1.26vw; height: 1.26vw; }
.pl_block .make_btn { font-size: 0.63vw; line-height: 0.95vw; border-radius: 1.47vw; padding: 0px 0.53vw; }
.players_list_block .add-btn { font-size: 0.74vw; }
.invite_player_form_block { padding-top: 1.05vw; }
.invite_player_form_block h5 { font-size: 0.84vw; margin-bottom: 1.47vw; }
.common_page_section .pickup_my_team_page .form-control { padding: 0.69vw 0.79vw; }
.invite_player_btn { height: 2.95vw; border-radius: 0.63vw; font-size: 0.84vw; line-height: 0.84vw; }
.invite_player_btn img { width: 1.26vw; height: 1.26vw; margin-right: 0.84vw; }
/* profile page */
.profile_section { max-width: 69vw; }
.profile_image_block { padding-right: 2.32vw; }
.pib_row .userimg { width: 8.42vw; height: 8.42vw; }
.pib_row .userinfo { padding-left: 1.95vw; }
.pib_row .userinfo .username { font-size: 2.11vw; line-height: 2.11vw; margin-bottom: 0.53vw; }
.pib_row .userinfo .utxt { font-size: 0.63vw; }
.push_notification_block { margin-top: 3.68vw; max-width: 20vw; }
.push_notification_block .pnb_title { font-size: 0.95vw; line-height: 1.05vw; margin-bottom: 0.63vw; }
.push_notification_block .pnb_text { font-size: 0.74vw; line-height: 1.05vw; margin-bottom: 0px; padding-right: 0.63vw; }
.switch { width: 2.63vw; height: 1.26vw;}
.slider:before { height: 1.05vw; width: 1.05vw; }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
/* Rounded sliders */
.slider.round { border-radius: 1.79vw;}
.profile_form_block { max-width: 40vw; padding-top: 1.58vw; }
/* side nav bar */
/* ---- SIDE PANEL ---- */
.side-menu { right: -16.84vw; width: 15.79vw; padding: 0.63vw 0.63vw; }
/* ---- INSIDE THE PANEL ---- */
.overlay_bg .close-btn { font-size: 1.05vw; top: 0.79vw; right: 1.16vw; }
.side-menu ul { padding: 2.63vw 0 0; }
.side-menu li { margin-bottom: 0.84vw; }
.side-menu li a { padding: 0.84vw; border-radius: 0.63vw; font-size: 0.74vw; line-height: 0.74vw; }
.side-menu li a img { width: 1.26vw; height: 1.26vw; margin-right: 0.84vw; }
.side-menu li a.logout { padding: 1.11vw; }
.side-menu button.delete { font-size: 0.74vw; line-height: 0.74vw; }
/*  */
/* Button to open invite panel */
.open-invite-btn { right: 2vw; padding: 0.53vw 0.84vw; border-radius: 0.42vw 0.42vw 0 0; font-size: 0.74vw;}
/* Panel Content */
.invite-panel { right: -27.89vw; width: 26.32vw; padding: 1.05vw; }
.invite-panel h3 { font-size: 0.95vw; line-height: 0.95vw; margin-bottom: 1.05vw; }
/* Close Button */
.invite-panel .close-btn { left: -6.74vw; padding: 0.53vw 0.84vw; font-size: 0.74vw; border-radius: 0.42vw 0.42vw 0 0; }
/* Search Box */
.search-box { border-radius: 0.42vw; margin-bottom: 1.58vw; }
.search-box input { padding: 0.53vw; font-size: 0.74vw; line-height: 0.74vw;}
/* Invite List */
.invite-list { height: calc(100% - 5.79vw); }
.invite-list li { margin-bottom: 1.58vw; padding: 0.89vw 1.16vw; border-radius: 0.53vw; }
.invite-list .avatar { width: 2.53vw; height: 2.53vw; font-size: 1.26vw; line-height: 2.53vw; margin-right: 0.84vw; }
.invite-list span { font-size: 0.95vw; line-height: 0.95vw; }
.invite-icon { width: 1.26vw; height: 1.26vw; }
.iti__selected-flag {height: 2.26vw !important;}
.invalid-feedback { font-size: 0.63vw !important;}
}
@media (max-width: 1199px) {
.modal-body .mb_title { font-size: 20px; line-height: 20px; }
.modal-body ul li {font-size: 14px;}
.modal-body ul li::before { width: 20px; height: 20px;}
header { padding: 8px 15px;} 
header .nav-link { font-size: 16px; line-height: 16px;}
header .nav-link img { width: 40px; height: 40px; margin-left: 10px;}
header .nav li { margin-left: 28px;}
.common_left_block .logo_img { max-width: 288px; height: 32px;}
.common_left_block .clb_title { font-size: 76px;}
}
@media (max-width: 991px) {
header .nav li { margin-left: auto;}
.auth_from_block { padding: 30px 25px;}
}
@media (max-width: 600px) {
#otpModel .modal-body { padding: 0px 0px 10px;}
.modal-body {padding: 0px 10px 15px;}


.side-menu { width: 100%; border: 0px; right: -100%; }



}