/* @font-face{ font-family: Poppins; src: url(../fonts/Poppins-Regular.ttf);} */
@font-face{ font-family: roboto; src: url(../fonts/Roboto-Regular.ttf);}
:root {
  /* --primary_color: #198754; 
  --secondary_color: #d0d0d0; 
  --outline_color: #ffb4b4;
  --main_heading: 200%;
  --sub_heading: 120%;
  --placeholder_color: rgb(0, 0, 0,30); */
  /* Auth card css */
  /* --auth_card_bg: #899A7B;
  --auth_card_left_sec_bg:#F2F7F3;
  --form_input_height:40px;
  --form_fields_gap:16px;
  --form_label_font_size:87.5%;
  --form_input_border:#cccccc;
  --auth_card_border_radius:15px; */
  /* Popups */
  /* --auth_popup_card_border_radius:20px;
  --auth_popup_card_padd:30px;
  --auth_popup_card_gap:10px;
  --auth_popup_pri_btn_padd:8px 16px;
  --auth_popup_otp_input_brdr:#c4c4c4;
  --auth_popup_otp_input_bg:#e9e9e9;
  --auth_popup_otp_input_brdr_rds:5px;
  --auth_popup_otp_input_wdh:30px;
  --auth_popup_otp_input_higt:46px; */
  /* Buttons */
  /* --btn_border_radius:50px;
  --btn_padd:8px 30px;
  --btn_danger_border_radius:5px;
  --btn_danger_padd:1px 20px; */
    --blue_25: #e8f0fb;
    --blue_50: #eff6ff;       /* Secndary Color */
    --blue_100: #dbeafe;
    --blue_200: #bfdbfe;
    --blue_300: #93c5fd;
    --blue_500: #3b82f6;
    --primary_color: #2563eb;  /* Primary Color */
    --blue_700: #1d4ed8;  
    --blue-800: #1e40af;
    --color_amber_400: oklch(.828 .189 84.429);
    --color_amber_50: #fefce8;
    --color_amber_100: #fef3c7;
    --outline_color: #ffb4b4;
    --placeholder_color: rgb(0, 0, 0,30);
    /* Roopesh Krishna 10-Dec-2025 start*/
    /* Texts */
    --text_muted: #64748b;
    /* Border Radius */
    --brde_rds_1: 1rem;
    --brde_rds_1x5: 1.5rem;
    --brde_rds_2: 2rem;
    --brde_rds_1x5: 2.5rem;
    --brde_rds_50: 50px;
    /* tailwind */
    --spacing: .25rem;
    --container-4xl: 56rem;
    /* Paddings */
    --padding_1: 1rem;
    --padding_2: 2rem;
    --padding_2x5: 2.5rem;
    --padding_3: 3rem;
    --padding_3x5: 3.5rem;
    --pry_btn_padd:0.5rem 1.5rem;

    /* Forms Popups */
    --form_input_height:40px;
    --form_input_mb: 1rem;
    --form_input_border:#cccccc;
    
    /* Box shadows */
    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Roopesh Krishna 10-Dec-2025 end*/
    /* Web Top navigation */
    --web_topNnav_listItem_fontSize:93.75%;
    --web_nav_brand_width:50px;
    --web_nav_brand_height:50px;
    --primary_anchor_hover: #0c4a6e;
    /* Web Footer navigation */
    --web_footer_content_fontSize:87.5%;
    --web_social_mediaLink_width:40px;
    --web_social_mediaLink_height:40px;
    /* vendor Profile Section */
    --ven_sec_prfle_y_spacing:3rem;
    --ven_secc_img_radius: 1.5rem;
    --ven_profile_card_margin_top:2rem;
    --reviews_muted:#64748b;
    --address_font_size:112.5%;
    --profile_tags_y_spacing:8px;
    --profile_tags_x_spacing:16px;
    --tags_border:#e2e8f0;
    --profile_abt_card_padd:1.5rem;
    --profile_abt_card_rds:2rem;
    --profile_abt_card_icon_wdt:2.5rem;
    --srvc_ofrds_border: #e2e8f0;
    --srvc_ofrds_border_rds: 16px;
    --prfe_prmy_btn_bg:linear-gradient(to right, var(--primary_color) 0%, var(--blue_700) 100%);
    /* --prfe_prmy_btn_padd: 0.5rem 1rem; */
    --prfe_scnry_btn_bg: #fafbfc;
    --prfe_vrfd_crad_bg:linear-gradient(to bottom right, #eff6ff, #dbeafe);
    --prfe_vrfd_crad_padd:1.5rem;
    /* Font Sizes (converted to percentages) */
    --font_size_xsm: 68.75%;    /* 11px */
    --font_size_2xsm: 75%;    /* 12px */
    --font_size_sm: 87.5%;      /* 14px */
    --font_size_md: 100%;       /* 16px */
    --font_size_lg: 112.5%;     /* 18px */
    --font_size_2lg: 125%;      /* 20px */
    --font_size_xl: 150%;       /* 24px */
    --font_size_xxl: 200%;      /* 32px */
    --font_size_2xxl: 225%;      /* 36px */
    --font_size_xxxl: 300%;     /* 48px */
    --font_size_main: 375%;     /* 60px */
    /* Gradients Backgrounds */
    --grdnt_bg_blue_100: linear-gradient(to bottom right, transparent, #dbeafe);
    --grdnt_bg_blue_200: linear-gradient(to bottom right, transparent, #bfdbfe);
    --grdnt_bg_blue_300: linear-gradient(to bottom right, transparent, #93c5fd);
    --grdnt_bg_blue_50: linear-gradient(to bottom right, transparent, #eff6ff);
}
body{font-size: 1rem;font-family:"roboto"; color:#000}
::placeholder{color: var(--placeholder_color);font-size: var(--form_label_font_size);}
/* Authentication css */
.photorido_auth_card{border-radius: var(--brde_rds_1);background: #969393;overflow: hidden; border: 1px solid var(--form_input_border); box-shadow: var(--shadow-2xl);}
.photorido_auth_card .auth_card_left_sec, .photorido_auth_card .auth_card_right_sec{padding: var(--padding_2x5);}
.auth_card_right_sec h1{border-bottom: 1px solid #707070;font-size: var(--font_size_xxl);}
.photorido_auth_card input{min-height: var(--form_input_height);}
.photorido_auth_card label{font-size: var(--font_size_sm); color: #000;}
.photorido_auth_card input, .photorido_auth_card select {min-height: var(--form_input_height);margin-bottom: var(--form_input_mb);border: 1px solid var(--form_input_border);}
.photorido_auth_card .sec_heading{font-size: var(--font_size_2lg);margin-bottom: var(--form_input_mb);}
.register_profile_img{aspect-ratio: 4/3;} /*  Roopesh krishna 25-Dec-2025 */

/* Popups css */
.auth_popup_card{padding: var(--padding_2); border-radius:var(--brde_rds_1) !important;}
.auth_popup_card h5{font-size:var(--font_size_2lg);font-weight: bold;padding-bottom: 10px;}
.auth_popup_card p{padding-bottom: 10px;}
.auth_popup_card label{font-size: var(--font_size_sm);}
.auth_popup_card input, .auth_popup_card select{min-height: var(--form_input_height);margin-bottom: var(--form_input_mb);border: 1px solid var(--form_input_border);}
.auth_popup_card .btn_primary{padding: 8px 16px !important;}


.otp-field {column-gap: 10px;display: flex;}
.otp-field input {height: 45px;width: 40px;border-radius: 5px;outline: none;text-align: center;border: 1px solid var(--form_input_border);background: #e9e9e9;}
.otp-field input::-webkit-inner-spin-button, .otp-field input::-webkit-outer-spin-button {display: none;}
/* Popup Buttons */
/* .auth_popup_card .btn_primary{padding: var(--auth_popup_pri_btn_padd) !important;} */
/* For Dropdowns and Brouse button */
.photorido_auth_card .dropdown button, .photorido_auth_card .auth_browse_btn{margin-bottom: var(--form_fields_gap); border: 1px solid var(--form_input_border) !important;}
/* Texts */
.text-primary{color: var(--primary_color) !important;}
/* Buttons */
.btn_primary{color: #fff; background: var(--prfe_prmy_btn_bg);border-radius: 20px;padding:var(--pry_btn_padd);}
.btn_primary:hover{background: var(--blue_500); color: #fff;}
.btn_secondary{color: #000; background: var(--prfe_scnry_btn_bg);border-radius: var(--brde_rds_50);padding:var(--pry_btn_padd);border:2px solid #e2e8f0}
.btn_secondary:hover{background:#c0bfbf;border:2px solid #e2e8f0}
.btn_danger{border: 1px solid var(--outline_color);border-radius: 5px;padding: 1px 20px !important;}
.btn_danger:hover{border: 1px solid var(--outline_color);border-radius: var(--btn_danger_border_radius);}
/* Break Points */
/* X-Small devices (less than 576px) */
@media (max-width: 575.98px) {}
/* // Small devices (less than 768px) */
@media (max-width: 767.98px) {  
  .otp-field {justify-content: space-between;margin-bottom: var(--auth_popup_card_gap);}
  .otp-field input {width: 40px;} 
}








/* Font Sizes */
.fs_xsm{font-size: var(--font_size_xsm);}     /* 11px */
.fs_2xsm{font-size: var(--font_size_2xsm);}     /* 12px */
.fs_sm{font-size: var(--font_size_sm);}     /* 14px */
.fs_md{font-size: var(--font_size_md);}
.fs_lg{font-size: var(--font_size_lg);}     /* 18px */
.fs_2lg{font-size: var(--font_size_2lg);}   /* 20px */
.fs_xl{font-size: var(--font_size_xl);}
.fs_xxl{font-size: var(--font_size_xxl);}   /* 32px */
.fs_xxxl{font-size: var(--font_size_xxxl);}
/* Roopesh Krishna 10-Dec-2025 start*/
.fs_main{font-size: var(--font_size_main);}
.fs_submain{font-size: var(--font_size_2xxl);}
.lh_normal{line-height: normal;}
/* Texts */
.text_primary{color: var(--primary_color);}
.text_muted{color: var(--text_muted);}
.text_primary_anchor{color: var(--primary_anchor_hover);}
/* Border Radius */
.brdr_rds_1{border-radius: var(--brde_rds_1);}
.brdr_rds_1x5{border-radius: var(--brde_rds_1x5);}
.brdr_rds_2{border-radius: var(--brde_rds_2);}
.brdr_rds_2x5{border-radius: var(--brde_rds_2x5);}
.brdr_rds_50{border-radius: var(--brde_rds_50);}
/* Borders */
.border_blue_100x1{border: 1px solid var(--blue_100);}
.input_no_border:focus {outline: none;box-shadow: none;}
.brdr_transperant_1{border: 1px solid transparent;}
.brdr_transperant_2{border: 2px solid transparent;}
/* Backgrounds */
.bg_primary{background: var(--primary_color);}
.bg_blue_25{background: var(--blue_25);}
.bg_blue_50{background: var(--blue_50);}
.bg_blue_100{background: var(--blue_100);}
.bg_blue_200{background: var(--blue_200);}
.bg_transparent{background: transparent;}
/* Gradient_backgrounds */
.grdnt_bg_blue_100{background: var(--grdnt_bg_blue_100);}
.grdnt_bg_blue_200{background: var(--grdnt_bg_blue_200);}
.grdnt_bg_blue_300{background: var(--grdnt_bg_blue_300);}
.grdnt_bg_blue_50{background: var(--grdnt_bg_blue_50);}
/* paddings */
.p-6{padding: calc(var(--spacing) * 6);}
/* Padding css */
.p_1{padding: var(--padding_1);}
.p_2{padding: var(--padding_2);}
.p_2x5{padding: var(--padding_2x5);}
.p_3{padding: var(--padding_3);}
.p_3x5{padding: var(--padding_3x5);}
/* Gaps */
.gap-3 {gap: calc(var(--spacing) * 3);}
/* min-heights */
.min_h_9{min-height: calc(var(--spacing) * 9);} /* 36px */
.min_h_54 { min-height: calc(var(--spacing) * 216); /* 54px */
}
/* Shadows */
.shadow-2xl {box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);}
/* Buttons */
.srch_cntr_btn{background: var(--blue_700);}