body {
    margin: 0;
    font-family: "Segoe UI", sans-serif;
    font-weight: 400;
    padding: 0;
}
:root {
    --primary-color: #1976c9;
    --blue-700: #509fd2;
    --blue-800: #157cbf;
    --blue-900:#0482ce;
    --dark-blue:#012c49;
    --sky-blue:#007bff;
    --blue-100:#f4f8fb;
    --white: #fff;
    --transparent-white: #ffffff57;
    --golden: #d4971e;
    --slate: #333;
    --yellow: #ffc107;
    --yellow-900:#fba531;
    --vanilla: #FBF2D7;
    --gray-800: #282828;
    --black-500: #1e1e1e;
    --black-800: #201f1f;
    --black-700:#212529;
    --gray-700: #757575;
    --gray-400: #c7c7c7;
    --gray-500: #aaa;
    --gray-800:#42474c;
    --gray-light:#f5f5f5;
}


/* Font Family Styles */

.text-light {
    font-family: "Segoe UI Light", sans-serif;
    font-weight: 300;
}

.text-regular {
    font-family: "Segoe UI", sans-serif;
    font-weight: 400;
}

.text-semibold {
    font-family: "Segoe UI Semibold", sans-serif;
    font-weight: 600;
}

.text-bold {
    font-family: "Segoe UI Bold", sans-serif;
    font-weight: 700;
}

/* Global Shadow */

.shadow-soft {
  box-shadow: 0 0 25px 0 rgba(213, 213, 213, 0.6);
}
.shadow-lite{
    box-shadow: 0 0 25px 0 rgba(174, 174, 174, .8);
}
.shadow-muted{
     box-shadow: 0 0 15px 0 rgba(174, 174,174, 0.2);  
}
.soft-blue-shadow{
    box-shadow: 0 0 25px 0 rgba(213, 213, 213, .6);
}
.blue-gradient{
    background: linear-gradient(135deg, #4f46e5, #3b82f6);
}
 .iti__flag-box{
    display: none !important;
}
.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent !important;
}