/* ---------------||font family ||-------------*/
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggixSuXd.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../fonts/xn7gYHE41ni1AdIRggexSg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ---------------||font family ||-------------*/
/* ---------------|| Reset Css ||-------------*/
*{
    box-sizing: border-box;
    font-family: 'Manrope';
}
body{
    margin: 0px;
    padding: 0px;
}
h1,h2,h3,h4,h5,h6,p{
    color: var(--black);
    margin: 0px;
}
:focus-visible {
      outline: 1px solid var(--black);
}
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="search"]:focus {
    border-color: var(--black) !important;
    filter: drop-shadow(0px 4px 15px var(--black26));
}
:root{
    --white: #FFFFFF;
    --red: #D64130;
    --black: #1A1919;
    --black75: #1A1919BF;
    --black60: #1A191999;
    --light_silver: #D9D9D9;
    --platinum: #E5E5E5;
    --charleston_Green:#2C2C2C11;
    --charleston_black: #292828;
    --black59: #00000059;
    --black26: #1A191926;
    --Jet: #343434;
    --light_snow: #E7ECF2;
    --cultured_bg: #F4F4F4;
    --green: #4CAF50;
    --brown: #FFDBD7;
    --bg_grey: #EFEFEF;
    --fs24: 24px;
    --fs20: 20px;
    --fs19: 19px;
    --fs16: 16px;
    --fs15: 15px;
    --fs14: 14px;
    --fs13: 13px;
    --fs12: 12px;
    --fs10: 10px;
}
/* -----------------------------------------|| Reset End ||--------------------------*/
/* -------------------------------|| Splash Screen Page Css Start||------------------*/
.splash_screen_sec,.espace_client_sec {
    display: grid;
}
.splash_screen_sec,.espace_client_sec,.sos_sec,.sos_success_sec,.mission_sec,.mission_form_sec,.recensement_sec,.recensement_slide_sec,.victim_identification_sec {
    min-height: 100vh;
}
.splash_screen_sec::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 1000%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    transition: all 0.3s;
    background-image: url(../images/line_object.svg);
    opacity: 1;
    animation: scroll 10s linear infinite;
    transform: translateX(0%);
}
.splash_logo_box {
    position: relative;
    text-align: center;
    z-index: 2;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-22%);
  }
}
/* --------------------------------|| Splash Screen Page Css End||---------------------------- */
/* -------------------------------|| Espace Client Page Css Start||--------------------------- */
.espace_client_sec {
    background-image: url("../images/Espace_Client_banner.png");
    padding: 20px 0px 40px;
    position: relative;
}
.custom_container {
    max-width: 1024px;
    padding: 0px 15px;
    margin: 0px auto;
    width: 100%;
    align-self: baseline;
}
.toggle_btn {
    display: inline-block;
    height: fit-content;
    max-width: 1024px;
    margin: 0px auto;
    width: 100%;
    position: relative;
    z-index: 3;
}
.toggle_btn.show{
   z-index: 9;
}
.espace_main_sec {
    padding-top: 20px;
}
.espace_client_inner {
    padding: 0px 16px;
    background-color: var(--cultured_bg);
    border-radius: 12px;
}
.espace_logo_box {
    padding: 40px 0px;
    text-align: center;
}
.sec_head {
    margin-bottom: 24px;
}
.sec_head h2 {
    font-size: var(--fs20);
    font-weight: 700;
    color: var(
    --black);
}
.sec_head h4 {
    text-align: center;
    font-size: var(--fs16);
    font-weight: 700;
    color: var(--black);
}
.content_inner_sec {
    display: grid;
    grid-gap: 12px;
}
.content_grid_box {
    padding: 16px;
    border: 1px solid var(--platinum);
    background-color: var(--white);
    border-radius: 6px;
    display: flex;
    justify-content: flex-start;
    grid-gap: 12px;
    align-items: self-start;
    transition: all 0.3s;
    cursor: pointer;
    align-items: center;
    text-decoration: none;
}
.content_grid_box:hover, .content_grid_box:active {
    border-color: var(--red);
    box-shadow: 0px 3px 10px #D6413029;
}
.content_title h4 {
    margin-bottom: 8px;
    font-size: var(--fs15);
    font-weight: 700;
    color: var(--black);
    margin-top: 0px;
}
.content_text p {
    font-size: var(--fs12);
    font-weight: 500;
    color: var(--black75);
    margin: 0px;
}
.contents {
    padding: 24px 0px;
    text-align: center;
    font-weight: 500;
}
.contents p {
    font-size: var(--fs10);
    color: var(--black60);
}
.overlay {
    background-color: rgba(0,0,0,0.3);
    height: 100%;
    opacity: 0.6;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 3;
}
.cross {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 3;
}
.cross a img {
    width: 24px;
    height: 24px;
    object-fit: contain;
}
.cross a {
    display: block;
}
/* ----------------------------|| Model Box Css||------------------------- */
.model_box_sec {
    background-color: var(--white);
    border-radius: 12px 12px 0px 0px;
    position: fixed;
    bottom: 0px;
    padding-bottom: 15px;
    left: 50%;
    transform: translate(-50%,100%);
    transition: all 0.4s;
    width: 100%;
    max-width: 1024px;
    z-index: 5;
}
.model_box_sec.active {
    transform: translate(-50%,0%);
}
.model_box {
    text-align: center;
    padding: 24px 0px;
    display: grid;
    grid-gap: 16px;
}
.location_permission {
    padding: 14px;
    background-color: var(--red);
    border-radius: 6px;
    text-align: center;
    display: block;
}
.location_permission p {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 8px;
    margin: 0px;
    color: var(--white);
}
.location_permission a {
    text-decoration: none;
    color: var(--white);
    font-size: var(--fs15);
    font-weight: 700;
}
.location_permission p:before {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBpZD0iR3JvdXBfNjgxNjMiIGRhdGEtbmFtZT0iR3JvdXAgNjgxNjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDAgLTc0OCkiPgogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xODE0NCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTgxNDQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwIDc0OCkiIGZpbGw9IiNmZmYiIG9wYWNpdHk9IjAiLz4KICAgIDxnIGlkPSJJY29uX2ZlYXRoZXItbWFwLXBpbiIgZGF0YS1uYW1lPSJJY29uIGZlYXRoZXItbWFwLXBpbiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOTkuNSA3NDguNSkiPgogICAgICA8cGF0aCBpZD0iUGF0aF8yNTUzOSIgZGF0YS1uYW1lPSJQYXRoIDI1NTM5IiBkPSJNMjAuODY0LDkuNjgyYzAsNi4zNjQtOC4xODIsMTEuODE4LTguMTgyLDExLjgxOFM0LjUsMTYuMDQ1LDQuNSw5LjY4MmE4LjE4Miw4LjE4MiwwLDEsMSwxNi4zNjQsMFoiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIvPgogICAgICA8cGF0aCBpZD0iUGF0aF8yNTU0MCIgZGF0YS1uYW1lPSJQYXRoIDI1NTQwIiBkPSJNMTguOTU1LDEzLjIyN0EyLjcyNywyLjcyNywwLDEsMSwxNi4yMjcsMTAuNWEyLjcyNywyLjcyNywwLDAsMSwyLjcyNywyLjcyN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjU0NSAtMy41NDUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=');
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.model_head h4 {
    font-size: var(--fs14);
    font-weight: 500;
    margin: 0px;
}
/* -------------------------------|| Model Box Css End||---------------------------- */
/* --------------------------|| Espace Client Page Css End||---------------------------- */
/* --------------------------|| Staff Login Page Css Start||---------------------------- */
.operask_logo a {
    text-align: center;
/*     padding: 20px 0px; */
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    max-width: 80%;
    margin: 0 auto;

}
.operask_logo a img {
    max-height: 16px;
}
.appealer_head {
    text-align: center;
    margin-top: 48px;
}
.appealer_head img {
    max-width: 64px;
    max-height: 64px;
}
.appealer_head h2 {
    margin-bottom: 8px;
    margin-top: 16px;
    font-size: 20px;
    color: var(--black);
}
.appealer_head p {
    margin-bottom: 24px;
}
.appealer_head h2 {
    margin-bottom: 8px;
    margin-top: 16px;
}
.form_box{
  position: relative;
}
.form_box label {
    position: absolute;
    /* top: 5px; */
    left: 0;
    width: 100%;
    height: 100%;
    padding: 12px;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    transform-origin: 0 0;
    color: var(--black60);
    transition: opacity .1s ease-in-out,transform .1s ease-in-out;
    font-size: 14px;
}
.form_box input {
    width: 100%;
    box-shadow: unset;
    border-radius: 6px;
    height: 56px;
    padding: 20px 12px 12px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    outline: unset;
    border:1px solid var(--platinum);
    color: var(--black);
}
.form_box input:focus{
  border-color:var(--black) !important;
  filter: drop-shadow(0px 4px 15px var(--black26));
}
.form_box input:focus~label, .form_box input:not(:placeholder-shown)~label{
    top: 0px;
    transform: scale(.85) translateY(-0.5rem) translateX(0.15rem);
}
.form_grid {
    display: grid;
    grid-gap: 12px;
}
.form_box .switch {
    position: relative;
    display: inline-block;
    width: 38.33px;
    height: 22px;
    overflow: unset;
    text-overflow: unset;
    white-space: unset;
    pointer-events: unset;
    padding: 0px;
    float: right;
    margin-left: 5px;
}
.form_box .switch *{
   cursor: pointer;
}
.form_box p {
    display: inline-block;
    font-size: 14px;
    margin: 0px;
}
.form_box .switch input {
    opacity: 0;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    border: unset !important;
    z-index: 2;
    position: absolute;
}
.switch span {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--light_silver);
  -webkit-transition: .4s;
  transition: .4s;
}
.switch span:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.switch input:checked + span {
  background-color: var(--green);
}
.switch input:checked + span:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px);
}
.switch span {
  border-radius: 34px;
}
.switch span:before {
  border-radius: 50%;
}
.login_btn button, .head_chat a {
    padding: 12px 28px;
    font-weight: 600 !important;
    background-color: var(--red) !important;
    color: var(--white);
    border-radius: 6px;
    width: 100%;
    cursor: pointer;
    margin-top: 12px;
    outline: unset;
    border: unset;
    position: relative;
    text-decoration: none;
}
.injured_red_btn a,.injured_red_btn a::before{
  position: relative;
  z-index: 2;
}
.injured_red_btn a::after,.head_chat a:before,.login_btn button::before,ul.multiple_btn li a::before,.operask_oil_right a.outline_green::before,.operask_oil_right a.outline_red::before{
    content: "";
    display: block;
    width: 0%;
    height: 100%;
    background-color: var(--black);
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all 0.3s;
    border-radius: 6px;
}
.mission_grid_sec {
    padding: 0px 7.5px;
}
.injured_red_btn a span,.login_btn button span,ul.multiple_btn li a span,.operask_oil_right a.outline_green span,.operask_oil_right a.outline_red span,.head_chat a span{
  z-index: 2;
  position: relative;
}
.injured_red_btn a:hover::after,.head_chat a:hover::before,.login_btn button:hover::before,ul.multiple_btn li a:hover::before,.operask_oil_right a.outline_green:hover::before,.operask_oil_right a.outline_red:hover::before{
    width: 100%;
}
ul.multiple_btn li a:hover{
  border-color: var(--black) !important;
}
ul.multiple_btn li a:hover span{
    color:var(--white);
}
.form_box.d_flex {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: space-between;
}
.operask_logo a.back_btn,.operask_details .toggle_btn {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0px !important;
}
.operask_logo a.back_btn img {
    width: 28px;
    max-height: 28px;
}
.operask_logo {
    position: relative;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form_box span.eye_icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBpZD0iR3JvdXBfNjgxODYiIGRhdGEtbmFtZT0iR3JvdXAgNjgxODYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTcgLTI5NykiPgogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xODE0NCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTgxNDQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzE3IDI5NykiIGZpbGw9IiNmZmYiIG9wYWNpdHk9IjAiLz4KICAgIDxnIGlkPSJJY29uX2ZlYXRoZXItZXllLW9mZiIgZGF0YS1uYW1lPSJJY29uIGZlYXRoZXItZXllLW9mZiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzE4LjUgMjk4LjUpIj4KICAgICAgPHBhdGggaWQ9IlBhdGhfNDQ1NDMiIGRhdGEtbmFtZT0iUGF0aCA0NDU0MyIgZD0iTTE1LjM2LDE3LjQwNWE4LjIzOSw4LjIzOSwwLDAsMS00Ljg2LDEuNjg1Yy01LjcyNywwLTktNi41NDUtOS02LjU0NWExNS4xLDE1LjEsMCwwLDEsNC4xNC00Ljg2TTguNzgyLDYuMkE3LjQ2Miw3LjQ2MiwwLDAsMSwxMC41LDZjNS43MjcsMCw5LDYuNTQ1LDksNi41NDVhMTUuMTM2LDE1LjEzNiwwLDAsMS0xLjc2NywyLjYxbS01LjUtLjg3NWEyLjQ1NSwyLjQ1NSwwLDEsMS0zLjQ2OS0zLjQ2OSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMi4wNDUpIiBmaWxsPSJub25lIiBzdHJva2U9IiM3NTc1NzUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjgiLz4KICAgICAgPHBhdGggaWQ9IlBhdGhfNDQ1NDQiIGRhdGEtbmFtZT0iUGF0aCA0NDU0NCIgZD0iTTEuNSwxLjVsMTgsMTgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzc1NzU3NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuOCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==);
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.form_box span.eye_icon.active{
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBpZD0iR3JvdXBfNjgxODYiIGRhdGEtbmFtZT0iR3JvdXAgNjgxODYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMTcgLTI5NykiPgogICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xODE0NCIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTgxNDQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzE3IDI5NykiIGZpbGw9IiNmZmYiIG9wYWNpdHk9IjAiLz4KICAgIDxnIGlkPSJJY29uX2ZlYXRoZXItZXllIiBkYXRhLW5hbWU9Ikljb24gZmVhdGhlci1leWUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMxOC41IDI5Ni40NTUpIj4KICAgICAgPHBhdGggaWQ9IlBhdGhfNDUxNTMiIGRhdGEtbmFtZT0iUGF0aCA0NTE1MyIgZD0iTTEuNSwxMi41NDVTNC43NzMsNiwxMC41LDZzOSw2LjU0NSw5LDYuNTQ1LTMuMjczLDYuNTQ1LTksNi41NDVTMS41LDEyLjU0NSwxLjUsMTIuNTQ1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzc1NzU3NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuOCIvPgogICAgICA8cGF0aCBpZD0iUGF0aF80NTE1NCIgZGF0YS1uYW1lPSJQYXRoIDQ1MTU0IiBkPSJNMTguNDA5LDE1Ljk1NUEyLjQ1NSwyLjQ1NSwwLDEsMSwxNS45NTUsMTMuNSwyLjQ1NSwyLjQ1NSwwLDAsMSwxOC40MDksMTUuOTU1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuNDU1IC0zLjQwOSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzc1NzU3NSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuOCIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+Cg==);
}
.form_otp_send .login_btn button {
    margin-top: 24px;
}
/* ----------------------------|| Staff Login Page Css End||-------------------- */
/* -------------------------|| SOS-Start $ SOS-Success Css Start ||------------------- */
.sos_sec,.sos_success_sec {
    background-color: var(--cultured_bg);
    position: relative;
/*     min-height: calc(100vh - 56px); */
}
.sos_head h1 {
    font-size: var(--fs24);
    color: var(--black);
    font-weight: 700;
    margin: 0px;
    padding: 16px 0px;
    text-align: center;
}
.sos_head p {
    font-size: var(--fs14);
    color: var(--black75);
    font-weight: 500;
    text-align: center;
    margin: 0px;
}
.sos_process_start img {
    max-width: 100%;
    transform: scale(1);
    transition: all 0.3s;
    margin: 0px auto;
}
.sos_success_sec .sos_process_start img:hover {
    transform: unset;
}
.sos_process_start img:hover {
    transform: scale(0.95);
}
.sos_process_start {
    text-align: center;
    display: block;
}
.cancel_btn a {
    text-decoration: none;
    color: var(--black);
    font-weight: 700;
    display: block;
    text-align: center;
    padding: 12px;
    background-color: var(--cultured_bg);
    border: 1px solid var(--platinum);
    border-radius: 6px;
}
.red_btn a {
    background-color: var(--red);
    color: var(--white);
}
.cancel_btn,.red_btn {
    position: absolute;
    width: 100%;
    max-width: 1024px;
    left: 50%;
    padding: 0px 15px;
    transform: translateX(-50%);
    bottom: 24px;
}
.sos_head h1 span {
    display: block;
    color: var(--green);
}
/* ------------------|| SOS-Start $ SOS-Success Css End ||------------------ */
/* ------------------------|| Mission Css Start ||-------------------------- */
.mission_sec {
  background-color: var(--white);
}
.mission_banner_sec img {
    min-height: 192px;
    max-width: 100%;
}
.mission_banner_sec {
    margin: 20px 0px;
    padding: 4px;
    border: 1px solid var(--platinum);
    border-radius: 6px;
    background-color: var(--cultured_bg);
        position: relative;
}
.mission_select {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 8px);
    height:calc(100% - 8px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background-color: rgb(26 25 25 / 40%);
    transform: translate(-50%,-50%);
}
.mission_select a {
    filter: drop-shadow(0px 0px 8px #00000033);
    background-color: var(--white);
    border-radius: 6px;
    padding: 7px 16px;
    text-decoration: none;
    font-size: 14px;
    color: var(--black);
    font-weight: 500;
}
ul.mission_grid_list {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
ul.mission_grid_list li a {
    text-decoration: none;
    color: var(--black75);
    font-size: var(--fs14);
    font-weight: 500;
    padding: 14px 12px;
    border: 1px solid var(--platinum);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    transition: all 0.3s;
}
ul.mission_grid_list li:not(:last-child) a {
    margin-bottom: 12px;
}
ul.mission_grid_list li a:after {
    content: "";
    display: inline-block;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjE3MyIgaGVpZ2h0PSIxMC41NDYiIHZpZXdCb3g9IjAgMCA2LjE3MyAxMC41NDYiPgogIDxwYXRoIGlkPSJQYXRoXzQ1MTQ0IiBkYXRhLW5hbWU9IlBhdGggNDUxNDQiIGQ9Ik0xNS41LDE4bC00LDQtNC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYuNzI3IDE2Ljc3Mykgcm90YXRlKC05MCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgyNiwyNSwyNSwwLjYpIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS44Ii8+Cjwvc3ZnPgo=');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 12px;
    width: 12px;
    opacity: 0.6;
}
.visiter_intro_grid {
    display: grid;
    align-items: center;
    justify-content: space-between;
    grid-gap: 12px 0px;
    grid-template-columns: max-content auto;
    margin-top: 16px;
}
.visiter {
    display: flex;
    grid-gap: 12px;
    align-items: center;
}
.visiter_img {
    width: 56px;
    height: 56px;
    background-color: var(--brown);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.visiter_img h2 {
    text-transform: uppercase;
    color: var(--red);
    font-size: var(--fs19);
    font-weight: 700;
}
.visiter_name h3 {
    font-size: var(--fs16);
    font-weight: 700;
    text-transform: capitalize;
    color: var(--black);
}
.visiter_call a {
    color: var(--white);
    font-size: var(--fs13);
    display: flex;
    align-items: center;
    grid-gap: 8px;
    text-decoration: none;
    padding: 7px 22px 7px 16px;
    background-color: #4CAF50;
    border-radius: 6px;
}
.visiter_call a:before {
    content: "";
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi4wMDEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNi4wMDEgMTYiPgogIDxwYXRoIGlkPSJJY29uX2lvbmljLWlvcy1jYWxsIiBkYXRhLW5hbWU9Ikljb24gaW9uaWMtaW9zLWNhbGwiIGQ9Ik0yMC4wMjksMTcuMDMxYTEzLjQ0LDEzLjQ0LDAsMCwwLTIuODA4LTEuODc5Yy0uODQxLS40LTEuMTUtLjQtMS43NDUuMDMzLS41LjM1OC0uODE2LjY5MS0xLjM4Ny41NjdBOC4yNzUsOC4yNzUsMCwwLDEsMTEuMywxMy42OSw4LjIxNSw4LjIxNSwwLDAsMSw5LjI0LDEwLjljLS4xMjEtLjU3NS4yMTItLjg5MS41NjctMS4zODcuNDI5LS42LjQ0Mi0uOS4wMzMtMS43NDVBMTMuMTc0LDEzLjE3NCwwLDAsMCw3Ljk2Miw0Ljk2M2MtLjYxMi0uNjEyLS43NS0uNDc5LTEuMDg3LS4zNThhNi4xODcsNi4xODcsMCwwLDAtMSwuNTI5QTMsMywwLDAsMCw0LjY4Myw2LjRjLS4yMzcuNTEyLS41MTIsMS40NjYuODg3LDMuOTU3YTIyLjA4MSwyMi4wODEsMCwwLDAsMy44ODIsNS4xNzhoMGwwLDAsMCwwaDBhMjIuMTY3LDIyLjE2NywwLDAsMCw1LjE3OCwzLjg4MmMyLjQ5MSwxLjQsMy40NDUsMS4xMjUsMy45NTcuODg3YTIuOTUyLDIuOTUyLDAsMCwwLDEuMjYyLTEuMiw2LjE4Nyw2LjE4NywwLDAsMCwuNTI5LTFDMjAuNTA4LDE3Ljc4MSwyMC42NDYsMTcuNjQzLDIwLjAyOSwxNy4wMzFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNC40OSAtNC41MDIpIiBmaWxsPSIjZmZmIi8+Cjwvc3ZnPgo=');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 16px;
    width: 16px;
    display: inline-block;
}
ul.mission_list {
    padding: 0px;
    list-style: none;
    margin: 24px 0px;
    display: flex;
    align-items: center;
}
ul.mission_list li {
    width: 100%;
    /* position: relative; */
    z-index: 2;
}
ul.mission_list li a {
    padding: 12px 18px;
    border: 1px solid var(--platinum);
    border-radius: 6px;
    display: block;
    background-color: var(--platinum);
    color: var(--black60);
    text-decoration: none;
    font-size: var(--fs14);
    font-weight: 500;
}
ul.mission_list li a.active {
    box-shadow: 0px 0px 8px #00000033;
    background-color: var(--white);
    position: relative;
    z-index: -1;
    margin-left: -6px;
    border: unset;
}
.form-box_sec .form_cell label,.form-box_sec .form_cell textarea {
    width: 100%;
}
.form-box_sec .form_cell:not(:last-child) {
    margin-bottom: 16px;
}
.form-box_sec .form_cell label {
  font-style: var(--fs16);
    font-weight: 700;
}
.form-box_sec .form_cell textarea {
    min-height: 200px;
    outline: unset;
    border: 1px solid var(--platinum);
    border-radius: 6px;
    padding: 12px;
}
.mike_box {
    width: max-content;
    margin: 80px auto;
    cursor: pointer;
}
.mission_form_sec, .mission_sec,.victim_identification_sec {
  padding-bottom: 16px;
}
.form-box_sec .login_btn button {
    margin-top: unset;
}
/* ------------------------|| Mission Css End ||-------------------------- */
/* -----------------------|| Injured Css Start ||------------------------- */
.recensement_sec,.recensement_slide_sec {
    background-color: var(--bg_grey);
    padding: 16px 0px;
}
table.injured_table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.injured_table tr td {
    padding-bottom: 12px;
    padding-top: 12px;
    border-bottom: 1px solid var(--platinum);
}
.injured_table tr:last-child td {
    border-bottom: unset;
    padding-bottom: 28px;
}
.injured_box {
    padding: 12px;
    background-color: var(--white);
    border-radius: 6px;
}
.recensement_group > div.injured_box:not(:last-child) {
    margin-bottom: 16px;
}
.injured_details {
    display: flex;
    align-items: center;
    grid-gap: 12px;
    margin-bottom: 12px;
}
.injured_details img {
    max-width: 100%;
    width: 40px !important;
}
.injured_details p {
    font-size: var(--fs16);
    font-weight: 700;
    color: var(--black);
}
table.injured_table tbody tr td span,table.injured_table tbody tr td strong{
    color: var(--black75);
    font-weight: 500;
    font-size: var(--fs14);
    display: block;
}
table.injured_table tbody tr td strong{
    color: var(--black);
    display: block;
    font-weight: 600;
    text-align: right;
}
.injured_red_btn a {
    text-decoration: none;
    font-size: var(--fs14);
    font-weight: 600;
    color: var(--white);
    display: flex;
    padding: 12px;
    background-color: var(--red);
    border-radius: 6px;
    text-align: center;
    align-items: center;
    justify-content: center;
    grid-gap: 8px;
}
.injured_red_btn a:before{
   content: "";
   background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBpZD0iR3JvdXBfNjg2OTUiIGRhdGEtbmFtZT0iR3JvdXAgNjg2OTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00IC0yKSI+CiAgICA8cGF0aCBpZD0iUGF0aF80NTE2MCIgZGF0YS1uYW1lPSJQYXRoIDQ1MTYwIiBkPSJNMTAuMjYxLDYuMTNBMy4xMywzLjEzLDAsMSwxLDcuMTMsMywzLjEzLDMuMTMsMCwwLDEsMTAuMjYxLDYuMTNabTE3LjcxOCw0LjY3NWEuNTE1LjUxNSwwLDAsMS0uNTIyLjU0M0gyNi40MWEuNTIxLjUyMSwwLDAsMS0uNTE5LS40NzhBMi41NDUsMi41NDUsMCwwLDAsMjMuMyw4LjIxN2gtLjUyMlYxMC4zbC00LjE3NC0zLjEzLDQuMTc0LTMuMTNWNi4xM0gyMy4zQzI2LjMyMiw2LjEzLDI3Ljc4OSw4LjQsMjcuOTc5LDEwLjgwNVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMC4wNDMpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iUGF0aF80NTE2MSIgZGF0YS1uYW1lPSJQYXRoIDQ1MTYxIiBkPSJNMjcuNjU3LDE4LjI5NWExLjA0MywxLjA0MywwLDAsMS0xLjQ2NS4xNzhsLTQuNjMtMy42MjdMMTcuMzQ2LDE3LjZhMy4xNDMsMy4xNDMsMCwwLDEtMy45MjUtLjQwOEw5LjM2OCwxMy4xMzhhNi45NTMsNi45NTMsMCwwLDAsLjUxNSw2LjEwOSwxLjA0NCwxLjA0NCwwLDAsMS0xLjg0Ny45NzNDNy4wODMsMTguNDA4LDUuMjc5LDEzLjc4Miw5LjEsOS45NjJjMi44NzEtMi44Nyw0LjQ0Ni0yLjMzMSw1LjA2OC0zLjQ3MmE2Ljc1OCw2Ljc1OCwwLDAsMC0uMDUtMy4yNzgsMS4wNDQsMS4wNDQsMCwxLDEsMi4wNi0uMzM4Yy41NDMsMy4zLDAsNC4yODgtLjE3Niw0LjYxNC0uNzUxLDEuMzc4LTEuODM4LDEuNTcxLTMsMi4xNTNsNS4wMjYsNS4wMjYsMi40LTEuNTY2YTIuMDgyLDIuMDgyLDAsMCwxLDIuNDI3LjFsNC42MywzLjYyN2ExLjA0LDEuMDQsMCwwLDEsLjE3NywxLjQ2MloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMTIpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0iUGF0aF80NTE2MiIgZGF0YS1uYW1lPSJQYXRoIDQ1MTYyIiBkPSJNMjEuODY1LDE4Ljg3N2ExLjAzOSwxLjAzOSwwLDAsMSwuMzA2LjczOHY0LjdhMS4wNDMsMS4wNDMsMCwxLDEtMi4wODcsMFYyMC4wNDdsLTIuMDE2LTIuMDE2LDEuNzg1LTEuMTY2WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC42MTIgMC42NDYpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K');
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   height: 24px;
   width: 24px;
}
.danger_btn a:before{
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMy40NzgiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyMy40NzggMjQiPgogIDxnIGlkPSJHcm91cF82ODY5NiIgZGF0YS1uYW1lPSJHcm91cCA2ODY5NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuNTY1KSI+CiAgICA8cGF0aCBpZD0iUGF0aF80NTE2MyIgZGF0YS1uYW1lPSJQYXRoIDQ1MTYzIiBkPSJNMTcuMywwYS43ODMuNzgzLDAsMCwwLS43ODMuNzgzVjIuMzQ4YS43ODMuNzgzLDAsMCwwLDEuNTY1LDBWLjc4M0EuNzgzLjc4MywwLDAsMCwxNy4zLDBaTTcuOTEzLDEwLjk1Nkg2LjM0OGEuNzgzLjc4MywwLDAsMCwwLDEuNTY1SDcuOTEzYS43ODMuNzgzLDAsMSwwLDAtMS41NjVabTIwLjM0OCwwSDI2LjdhLjc4My43ODMsMCwxLDAsMCwxLjU2NWgxLjU2NWEuNzgzLjc4MywwLDAsMCwwLTEuNTY1Wk0yNS42MDUsMy40MzhhLjc4My43ODMsMCwwLDAtMS4xMDcsMEwyMy4zOTEsNC41NDVBLjc4My43ODMsMCwwLDAsMjQuNSw1LjY1MmwxLjEwNy0xLjEwN2EuNzgzLjc4MywwLDAsMCwwLTEuMTA3Wk0xMS4yMTcsNC41NDUsMTAuMTEsMy40MzhBLjc4My43ODMsMCwwLDAsOSw0LjU0NUwxMC4xMSw1LjY1MmEuNzgzLjc4MywwLDAsMCwxLjEwNy0xLjEwN1ptMTMuOTEzLDE1LjhIOS40NzhhLjc4My43ODMsMCwwLDAtLjc4My43ODN2Mi4wODdBLjc4My43ODMsMCwwLDAsOS40NzgsMjRIMjUuMTNhLjc4My43ODMsMCwwLDAsLjc4My0uNzgzVjIxLjEzYS43ODMuNzgzLDAsMCwwLS43ODMtLjc4M1pNMTcuMyw0LjdhNy4wNTEsNy4wNTEsMCwwLDAtNy4wNDMsNy4wNDN2Ny4wNDNIMjQuMzQ4VjExLjczOUE3LjA1MSw3LjA1MSwwLDAsMCwxNy4zLDQuN1ptMy4xMyw3LjgyNmEuNzgzLjc4MywwLDAsMS0uNzgzLS43ODNBMi4zNSwyLjM1LDAsMCwwLDE3LjMsOS4zOTFhLjc4My43ODMsMCwxLDEsMC0xLjU2NSwzLjkxNywzLjkxNywwLDAsMSwzLjkxMywzLjkxMy43ODMuNzgzLDAsMCwxLS43ODMuNzgzWiIgZmlsbD0iI2ZmZiIvPgogIDwvZz4KPC9zdmc+Cg==');
}
/* -------------------------|| Injured Css End ||------------------------- */
/* ----------------|| victim identification Css Start ||------------------ */
.victim_identification_sec {
    background-color: var(--white);
}
.victime_form_box label,.victime_form_box input,.victime_form_box textarea,.victime_form_box button,.victime_form_box select {
    display: block;
    width: 100%;
}
.victime_form_box label {
    margin-bottom: 8px;
}
.victime_form_box input,.victime_form_box textarea,.victime_form_box button,.victime_form_box select  {
    padding: 12px;
    border: 1px solid var(--platinum);
    border-radius: 6px;
    outline: unset;
}
.victime_form_box {
    margin-bottom: 16px;
}
.victime_form_box input,.victime_form_box textarea {
    font-size: var(--fs14);
    font-weight: 500;
    color: var(--black);
}
.victime_form_box button {
    margin-bottom: unset;
    cursor: pointer;
    color: var(--white);
    background-color: var(--red);
    font-weight: 700;
    font-size: var(--fs15);
    margin-top: unset;
}
.signal_btn {
    position: fixed;
    bottom: 16px;
    width: 100%;
    max-width: 1024px;
    padding: 0px 15px;
    left: 50%;
    transform: translateX(-50%);
    /* padding-bottom: 24px; */
    margin-bottom: 0px;
}
.signal_btn button {
    margin: unset;
}
.victime_form_box textarea {
    min-height: 200px;
    max-width: 100%;
}
.victime_form_box.find_zone {
    text-align: center;
    margin-bottom: 0px;
}
.victime_form_box.find_zone a {
    color: var(--black);
    font-weight: 600;
    font-size: var(--fs16);
}
/* -----------------|| victim identification Css End ||-------------------- */
/* ----------------|| Recensement Slide Page Css Start ||------------------ */
.injured_slider_sec .owl-dots {
    display: flex;
    margin: 0px !important;
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    grid-gap: 6px;
}
.recensement_slide_sec .owl-theme .owl-dots .owl-dot.active span, .recensement_slide_sec .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--black60) !important;
}
.recensement_slide_sec .owl-theme .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    margin: 0;
    background: var(--platinum);
    border-radius: 50%;
}
/* -----------------------|| Recensement Slide Page Css End ||-------------------------- */
/* ----------------|| identification-de-la-victime-3 Page Css Start ||------------------ */
.identification_area .mission_banner_sec {
    margin-top: 8px;
    margin-bottom: 16px;
}
.identification_area {
    margin-top: 20px;
}
ul.counrty_select {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    grid-gap: 0px 10px;
    flex-flow: wrap;
}
ul.counrty_select  li a{
  display: block;
}
ul.counrty_select li a img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    border-radius: 50%;
    max-width: 100%;
}
.speechless_box {
    display: grid;
    grid-template-columns: max-content auto;
    grid-gap: 12px;
    align-items: center;
    margin: 0px;
}
input[type="checkbox"] {
    margin: 0;
}
.victime_form_box.speechless_box label {
    margin: unset;
}
.border_img {
    height: 6px;
    width: 100%;
    background-color: var(--platinum);
    margin: 24px 0px;
}
.victime_form_box.aware_box_sec h4 {
    margin-bottom: 8px;
}
.victime_form_box.aware_box_sec label {
    margin-bottom: 0px;
    position: relative;
}
.victime_form_box.aware_box_sec label input {
    margin: 0px;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 9;
}
.aware_box,.respire_box,.visible_bleeding_box {
    display: flex;
    align-items: center;
    border-radius: 6px;
    background-color: var(--platinum);
}
.victime_form_box.aware_box_sec label span {
    display: block;
    text-align: center;
    padding: 12px;
    font-size: var(--fs13);
    color: var(--black60);
}
.victime_form_box.victim_btn {
    margin: unset;
    margin-top: 24px;
}
.victime_form_box input[type="radio"]:checked ~ span {
    background-color: var(--white);
    height: 100%;
    width: 100%;
    display: block;
    border-radius: 6px;
    box-shadow: 0px 0px 8px #00000033;
    color: var(--black);
}
.speechless_box input[type=checkbox] {
  position: relative;
  border: 1px solid var(--red);
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
  line-height: 0;
  vertical-align: text-top;
  height: 20px;
  width: 20px;
  -webkit-appearance: none;
  padding: 0px;
}
.speechless_box input[type=checkbox]:checked {
  background-color: var(--red);
}
.speechless_box input[type=checkbox]:before {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  width: 4px;
  height: 8px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  /* z-index: 2; */
}
select {
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMC41NDUiIGhlaWdodD0iNi4xNzMiIHZpZXdCb3g9IjAgMCAxMC41NDUgNi4xNzMiPgogIDxnIGlkPSJJY29uX2ZlYXRoZXItYXJyb3ctZG93biIgZGF0YS1uYW1lPSJJY29uIGZlYXRoZXItYXJyb3ctZG93biIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi4yNzIgLTkuMjI3KSI+CiAgICA8cGF0aCBpZD0iUGF0aF80NTE0NSIgZGF0YS1uYW1lPSJQYXRoIDQ1MTQ1IiBkPSJNMTUuNSwxOGwtNCw0LTQtNCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTguNSAtNy41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJyZ2JhKDI2LDI1LDI1LDAuNikiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjgiLz4KICA8L2c+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: calc(100% - 15px);
    padding-right: 35px;
}
ul.counrty_select li:nth-child(6) ~ li {
    display: none;
}
ul.counrty_select li:nth-child(6) ~ li:last-child {
    display: block;
}
ul.counrty_select li.show {
    display: block !important;
}
/* ----------------|| identification-de-la-victime-3 Page Css End ||------------------ */
/* ------------------|| Resources Documentairies Page Css Start ||-------------------- */
ul.source_list {
    padding: 0;
    margin: 0px;
    list-style: none;
    display: grid;
    grid-gap: 18px;
    grid-template-columns: repeat(4,1fr);
    justify-content: space-between;
    margin-top: 16px;
    align-items: center;
    text-align: center;
    border-bottom: 1px solid var(--platinum);
    font-size: 14px;
    font-weight: 500;
}
ul.source_list li span {
    display: inline-block;
    padding-bottom: 6px;
}
ul.source_list li img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    display: block;
    margin: 0 auto 8px;
}
ul.source_list li {
    border-bottom: 1px solid transparent;
    transition:all 0.3s;
    cursor: pointer;
}
ul.source_list li:hover {
    border-color: red;
}
.resource_documentairy_page .mission_grid_list {
    margin-top: 24px !important;
    padding: 0px;
}
.resource_documentairy_page .mission_grid_list li a {
    text-decoration: none;
    color: var(--black75);
    font-size: var(--fs14);
    font-weight: 500;
    padding: 14px 12px;
    border: unset;
    border-radius: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    transition: all 0.3s;
    margin-bottom: unset !important;
}
.resource_documentairy_page .mission_grid_list li {
    border: 1px solid var(--platinum);
    border-radius: 6px;
}
.resource_documentairy_page .mission_grid_list li:not(:last-child) {
    margin-bottom: 12px;
}
.source_list_content {
    padding: 12px;
}
.source_list_content img {
    max-width: 100%;
    max-height: 350px;
    width: 100%;
    object-fit: contain;
}
.source_list_content p {
    margin-top: 12px;
    font-size: 14px;
}
a.source_head {
    background-color: transparent;
    border-bottom: 1px solid transparent !important;
}
a.source_head.active {
    background-color: var(--cultured_bg);
    border-color: var(--platinum)!important;
}
/* ------------------|| Resources Documentairies Page Css End ||-------------------- */
/* -----------------------|| sms de masse Page Css Start ||------------------------- */
.mass_sms_sec {
    padding-top: 16px;
}
.message_box {
    display: flex;
    grid-gap: 24px;
    flex-flow: wrap;
    align-items: center;
    margin-bottom: 16px;
}
.form_message .victime_form_box textarea {
    /* border: 1px solid var(--black); */
    filter: drop-shadow(0px 4px 15px var(--black26));
}
label {
    font-size: var(--fs14);
    font-weight: 500;
    color: var(--black75);
}
::placeholder {
  color: var(--black60);
}
.file_box {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-gap: 12px;
    padding: 12px;
    border: 1px dotted var(--black);
    border-radius: 6px;
    text-decoration: none;
}
.file_box p {
    color: var(--black);
    font-weight: 500;
    font-size: var(--fs14);
}
.select_file {
    padding: 12px;
    border: 1px solid var(--platinum);
    border-radius: 6px;
    background-color: var(--cultured_bg);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.select_file:after {
  content: "";
  background-image: url('../images/icon/file_cross.svg');
  background-size: contain;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.select_file p {
    font-size: var(--fs14);
    font-weight: 500;
    color: var(--black);
}
.victime_form_box > div.select_file:not(:last-child) {
    margin-bottom: 8px;
}
/* -----------------------|| SMS de masse Page Css End ||------------------------- */
/* ---------------------|| Mission Search Page Css Start ||------------------------- */
.search_box {
    margin-bottom: unset;
    position: relative;
}
.evacuation_box {
  margin-top: 24px;
}
.evacuation_box > div:not(:last-child) {
    margin-bottom: 16px;
}
.search_box button {
  position: absolute;
  right: 16px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: unset;
  border-color: unset;
  background-color: unset;
  padding: unset;
  background-image: url('../images/icon/search.svg');
  color: unset;
  font-size: 0px;
  border: unset;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
}
.search_box input[type="search"] {
    padding-right: 38px;
}
input[type="search"]::-webkit-search-cancel-button {
  display: none;
}
/* ---------------------|| Map Page Css Start ||------------------------- */
.map_sec > img {
    display: block;
    padding-bottom: 0px;
    margin: 0px auto;
    /* max-width: 100%; */
    max-height: 899px;
}
.map_sec {
    position: relative;
    margin: 0px -15px;
}

.map_sec .map_list {
    list-style: none;
    margin: 0px;
    padding: 10px 10px;
    background-color: var(--white);
    align-items: center;
    position: absolute;
    top: 40%;
    left: 51%;
    transform: translate(-50%, 0%);
    filter: drop-shadow(0px 10px 20px #00000033);
    grid-gap: 10px;
    animation: mover 0.8s infinite  alternate;
    display: none;
}

.map_sec .map_list h2 {
    text-align: center;
    font-size: 20px;
}

.map_sec .map_list ul{
    list-style: none;
    background-color: var(--white);
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 0;
} 

.map_sec .map_list.active{
  display: block;
}
.map_sec .highlighted.active{
    display: block;
  }
@keyframes mover {
    0% { transform: translate(-50%, -50%); }
    100% { transform: translate(-50%, -65%); }
}
.map_sec .map_list::before {
    content: "";
    display: block;
    border-top: 10px solid var(--white);
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
}
.map_sec .map_list ul li a{
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.map_sec .map_list ul li a p{
text-decoration: 0;
  }
.map_sec .map_list ul li a img {
    display: block;
    height: 30px;
    margin: 0 5px;
}

.map_sec .map_list li:last-child a::after{
  display: none;
}
a.sos_btn,a.sos_btn img {
    display: block;
    max-width: 100%;
}
a.sos_btn {
    position: absolute;
    right: -15px;
    bottom: 60px;
}
.model_box_sec label {
    color: var(--black);
}
.custom_container {
    overflow-x: hidden;
}
.border_img {
    transform: scaleX(1.10);
}
.model_box_sec .victime_form_box.victim_btn{
  margin-bottom: 0px;
}
ul.modal_list {
    margin: 0px 0px 20px;
    padding: 0px;
    list-style: none;
    display: grid;
    align-items: center;
    border-radius: 6px;
    background-color: var(--platinum);
    grid-template-columns: repeat(3,1fr);
}
ul.modal_list li a{
  display: block;
  text-decoration: none;
  padding: 12px;
  border-radius: 6px;
  border-radius: 6px;
}
ul.modal_list li a img {
    width: 20px;
    height: 20px;
    display: block;
    margin: 0px auto;
    filter: grayscale(1);
}
ul.modal_list li a.active{
    background-color: var(--white);
    box-shadow: 0px 0px 8px #00000033;
}
ul.modal_list li a.active img{
  filter: grayscale(0);
}
.map_checkbox label {
    border-radius: 4px;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    background-color:var(--white);
    cursor: pointer;
    transition: all 0.3s;
}
.map_checkbox label span,.modal_fire span {
    font-size: 14px;
    color: var(--black);
    font-weight: 600;
}
.map_checkbox label img{
  max-width: 100%;
  display: block;
}
.form_detatils{
  display: none;
}
.form_detatils.show{
  display: block;
}
.number_list{
  display: grid;
  grid-gap: 16px;
  margin-bottom: 10px;
}
.modal_fire {
    display: flex;
    justify-content: center;
    grid-gap: 10px;
    align-items: center;
}
.model_box {
    text-align: center;
    padding: 20px 0px;
    display: grid;
    grid-gap: 16px;
    border-bottom: 1px solid var(--platinum);
    margin-bottom: 20px;
}
div#form_list .custom_container,.model_box_sec1 .custom_container{
    padding: 0px;
}
div#form_list .custom_container form,.model_box_sec1 form{
  padding: 0px 15px;
}
.number_details .map_checkbox label,.model_box_sec1 .modal_header h1{
    border: 1px solid #E5E5E5;
    padding: 8px 35px 8px 8px;
    border-radius: 6px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjE3MyIgaGVpZ2h0PSIxMC41NDUiIHZpZXdCb3g9IjAgMCA2LjE3MyAxMC41NDUiPgogIDxwYXRoIGlkPSJQYXRoXzQ1MzM2IiBkYXRhLW5hbWU9IlBhdGggNDUzMzYiIGQ9Ik0xNS41LDE4bC00LDQtNC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYuNzI4IDE2Ljc3Mikgcm90YXRlKC05MCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0icmdiYSgyNiwyNSwyNSwwLjYpIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS44Ii8+Cjwvc3ZnPgo=);
    background-size: auto;
    background-position: calc(100% - 15px);
    background-repeat: no-repeat;
}
.modal_header {
    text-align: center;
}
.modal_header h3{
  font-size: 15px;
}
#form_detatils2 .victime_form_box {
    text-align: center;
}
#form_detatils2  .victime_form_box label {
    font-size: 16px;
    color: #1A191999;
    margin-bottom: 15px;
}
.modal_add {
    display: flex;
    grid-gap: 15px;
    align-items: center;
    max-width: 200px;
    margin: 0px auto;
}
.modal_add span {
    cursor: pointer;
}
.modal_add input[type="tel"] {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    line-height: initial;
    padding: 8px 8px;
}
#form_detatils3 .modal_header,#form_detatils4 .modal_header,.icon_modal .modal_header{
    padding: 24px 16px;
}
.icon_modal .modal_header h3,#form_detatils3 .modal_header h3,#form_detatils4 .modal_header h3{
    margin-top: 10px;
}
ul.multiple_btn {
    display: flex;
    grid-gap: 12px;
    align-items: center;
    list-style: none;
    justify-content: center;
    margin: 0px auto 10px;
    padding: 0px 15px;
}
ul.multiple_btn li a {
    padding: 8px 20px;
    text-decoration: none;
    width: 156px;
    max-width: 100%;
    display: flex;
    justify-content: center;
    height: 48px;
    align-items: center;
    border: 1px solid #E5E5E5;
    font-size: 15px;
    color: #1A1919BF;
    font-weight: 600;
    border-radius: 6px;
    position: relative;
}
ul.multiple_btn li:nth-child(2) a {
    border-color: var(--red);
    background-color: var(--red);
    color: var(--white);
}
.cross.back_img {
    right: unset;
    left: 15px;
}
a.fire_img {
    display: block;
    position: absolute;
    top: 21.7%;
    left: calc(50% - -16px);
    transform: translateX(-50%);
}
.model_box_sec {
    max-height: 90vh;
    overflow: auto;
}
.sos_modal {
    transform: translate(-50%,90%);
    z-index: 4 !important;
}
.sos_modal .form_detatils {
    display: block;
}
.sos_modal .form_box > label {
    position: unset;
    display: flex;
    align-items: center;
    grid-gap: 10px;
    padding: 4px 0px;
}
.sos_modal .form_box {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}
.map_img img {
    max-height: 800px;
}
.map_img {
    overflow: auto;
    max-width: 100%;
    padding: 0;
    overflow-y: hidden;
}
.map_img::-webkit-scrollbar {
  width: 0px;
}
.overlay_text {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    z-index: 999;
}
.overlay_text p {
    background-color: var(--black);
    color: var(--white) !important;
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 6px;
}
ul.map_alphabet {
    padding: 0px;
    list-style: none;
    margin: 0px;
    position: absolute;
    top: 15%;
    width: 100%;
    height: auto;
    max-width: 288px;
    left: 50%;
    transform: translateX(-50%);
}
ul.map_alphabet li span {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #00AEAC;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: var(--white);
    border: 2px solid var(--black);
    z-index: 1;
    position: relative;
}
ul.map_alphabet li{
      position: absolute;
      cursor: pointer;
}
ul.map_alphabet li:nth-child(1),ul.map_alphabet li:nth-child(2) {
   top: 13px;
}
ul.map_alphabet li:nth-child(1) {
    left: 30px;
}
ul.map_alphabet li:nth-child(2) {
    right: 13px;
}
ul.map_alphabet li:nth-child(3) {
    left: 0px;
}
ul.map_alphabet li:nth-child(3),ul.map_alphabet li:nth-child(4){
    top: 218px;
}
ul.map_alphabet li:nth-child(4) {
    left: 56%;
    transform: translate(-50%,-10px);
}
ul.map_alphabet li:nth-child(5) {
    top: 442px;
    left: 35px;
}
ul.map_alphabet li:nth-child(6) {
    right: -10px;
    top: 375px;
}
.sos_click {
    cursor: pointer;
}
ul.map_alphabet li::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTM1IiBoZWlnaHQ9IjIwOCIgdmlld0JveD0iMCAwIDEzNSAyMDgiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlXzE4MjQ4IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxODI0OCIgd2lkdGg9IjEzNSIgaGVpZ2h0PSIyMDgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NzQyIC02MDE1KSIgZmlsbD0icmdiYSgyNiwyNSwyNSwwLjQpIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgPC9jbGlwUGF0aD4KICA8L2RlZnM+CiAgPGcgaWQ9Ikdyb3VwXzY4Njc3IiBkYXRhLW5hbWU9Ikdyb3VwIDY4Njc3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NzQyIDYwMTUpIj4KICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTgyNTAiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDE4MjUwIiB3aWR0aD0iMTM1IiBoZWlnaHQ9IjIwOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk3NDIgLTYwMTUpIiBmaWxsPSJyZ2JhKDI2LDI1LDI1LDAuNCkiLz4KICAgIDxnIGlkPSJNYXNrX0dyb3VwXzIyIiBkYXRhLW5hbWU9Ik1hc2sgR3JvdXAgMjIiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgICAgPGcgaWQ9Ikdyb3VwXzY4Njc3LTIiIGRhdGEtbmFtZT0iR3JvdXAgNjg2NzciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xIC01MCkiPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzQ4IiBkYXRhLW5hbWU9IkxpbmUgNDgiIHgxPSIyMjciIHkyPSIyMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODIxLjUgLTYxMTcuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfNDgtMiIgZGF0YS1uYW1lPSJMaW5lIDQ4IiB4MT0iMjI3IiB5Mj0iMjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgyMS41IC02MTEwLjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzQ4LTMiIGRhdGEtbmFtZT0iTGluZSA0OCIgeDE9IjIyNyIgeTI9IjIyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4MjEuNSAtNjEwMy41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICA8bGluZSBpZD0iTGluZV80OC00IiBkYXRhLW5hbWU9IkxpbmUgNDgiIHgxPSIyMjciIHkyPSIyMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODIxLjUgLTYwOTYuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfNDgtNSIgZGF0YS1uYW1lPSJMaW5lIDQ4IiB4MT0iMjI3IiB5Mj0iMjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgyMS41IC02MDg5LjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzQ4LTYiIGRhdGEtbmFtZT0iTGluZSA0OCIgeDE9IjIyNyIgeTI9IjIyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4MjEuNSAtNjA4Mi41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICA8bGluZSBpZD0iTGluZV80OC03IiBkYXRhLW5hbWU9IkxpbmUgNDgiIHgxPSIyMjciIHkyPSIyMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODIxLjUgLTYwNzUuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfNDgtOCIgZGF0YS1uYW1lPSJMaW5lIDQ4IiB4MT0iMjI3IiB5Mj0iMjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgyMS41IC02MDY4LjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzQ4LTkiIGRhdGEtbmFtZT0iTGluZSA0OCIgeDE9IjIyNyIgeTI9IjIyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4MjEuNSAtNjA2MS41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICA8bGluZSBpZD0iTGluZV80OC0xMCIgZGF0YS1uYW1lPSJMaW5lIDQ4IiB4MT0iMjI3IiB5Mj0iMjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgyMS41IC02MDU0LjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzQ4LTExIiBkYXRhLW5hbWU9IkxpbmUgNDgiIHgxPSIyMjciIHkyPSIyMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODIxLjUgLTYwNDcuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfNDgtMTIiIGRhdGEtbmFtZT0iTGluZSA0OCIgeDE9IjIyNyIgeTI9IjIyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4MjEuNSAtNjA0MC41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICA8bGluZSBpZD0iTGluZV80OC0xMyIgZGF0YS1uYW1lPSJMaW5lIDQ4IiB4MT0iMjI3IiB5Mj0iMjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgyMS41IC02MDMzLjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzQ4LTE0IiBkYXRhLW5hbWU9IkxpbmUgNDgiIHgxPSIyMjciIHkyPSIyMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODIxLjUgLTYwMjYuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfNDgtMTUiIGRhdGEtbmFtZT0iTGluZSA0OCIgeDE9IjIyNyIgeTI9IjIyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4MjEuNSAtNjAxOS41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICA8bGluZSBpZD0iTGluZV80OC0xNiIgZGF0YS1uYW1lPSJMaW5lIDQ4IiB4MT0iMjI3IiB5Mj0iMjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgyMS41IC02MDEyLjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzQ4LTE3IiBkYXRhLW5hbWU9IkxpbmUgNDgiIHgxPSIyMjciIHkyPSIyMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODIxLjUgLTYwMDUuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfNDgtMTgiIGRhdGEtbmFtZT0iTGluZSA0OCIgeDE9IjIyNyIgeTI9IjIyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4MjEuNSAtNTk5OC41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICA8bGluZSBpZD0iTGluZV80OC0xOSIgZGF0YS1uYW1lPSJMaW5lIDQ4IiB4MT0iMjI3IiB5Mj0iMjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgyMS41IC01OTkxLjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzQ4LTIwIiBkYXRhLW5hbWU9IkxpbmUgNDgiIHgxPSIyMjciIHkyPSIyMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODIxLjUgLTU5ODQuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfNDgtMjEiIGRhdGEtbmFtZT0iTGluZSA0OCIgeDE9IjIyNyIgeTI9IjIyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4MjEuNSAtNTk3Ny41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICA8bGluZSBpZD0iTGluZV80OC0yMiIgZGF0YS1uYW1lPSJMaW5lIDQ4IiB4MT0iMjI3IiB5Mj0iMjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgyMS41IC01OTcwLjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzQ4LTIzIiBkYXRhLW5hbWU9IkxpbmUgNDgiIHgxPSIyMjciIHkyPSIyMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODIxLjUgLTU5NjMuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfNDgtMjQiIGRhdGEtbmFtZT0iTGluZSA0OCIgeDE9IjIyNyIgeTI9IjIyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4MjEuNSAtNTk1Ni41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICA8bGluZSBpZD0iTGluZV80OC0yNSIgZGF0YS1uYW1lPSJMaW5lIDQ4IiB4MT0iMjI3IiB5Mj0iMjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgyMS41IC01OTQ5LjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzQ4LTI2IiBkYXRhLW5hbWU9IkxpbmUgNDgiIHgxPSIyMjciIHkyPSIyMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODIxLjUgLTU5NDIuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfNDgtMjciIGRhdGEtbmFtZT0iTGluZSA0OCIgeDE9IjIyNyIgeTI9IjIyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4MjEuNSAtNTkzNS41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICA8bGluZSBpZD0iTGluZV80OC0yOCIgZGF0YS1uYW1lPSJMaW5lIDQ4IiB4MT0iMjI3IiB5Mj0iMjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgyMS41IC01OTI4LjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzQ4LTI5IiBkYXRhLW5hbWU9IkxpbmUgNDgiIHgxPSIyMjciIHkyPSIyMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODIxLjUgLTU5MjEuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfNDgtMzAiIGRhdGEtbmFtZT0iTGluZSA0OCIgeDE9IjIyNyIgeTI9IjIyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4MjEuNSAtNTkxNC41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICA8bGluZSBpZD0iTGluZV80OC0zMSIgZGF0YS1uYW1lPSJMaW5lIDQ4IiB4MT0iMjI3IiB5Mj0iMjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgyMS41IC01OTA3LjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzQ4LTMyIiBkYXRhLW5hbWU9IkxpbmUgNDgiIHgxPSIyMjciIHkyPSIyMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODIxLjUgLTU5MDAuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfNDgtMzMiIGRhdGEtbmFtZT0iTGluZSA0OCIgeDE9IjIyNyIgeTI9IjIyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4MjEuNSAtNTg5My41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICA8bGluZSBpZD0iTGluZV80OC0zNCIgZGF0YS1uYW1lPSJMaW5lIDQ4IiB4MT0iMjI3IiB5Mj0iMjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgyMS41IC01ODg2LjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzQ4LTM1IiBkYXRhLW5hbWU9IkxpbmUgNDgiIHgxPSIyMjciIHkyPSIyMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODIxLjUgLTU4NzkuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfNDgtMzYiIGRhdGEtbmFtZT0iTGluZSA0OCIgeDE9IjIyNyIgeTI9IjIyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4MjEuNSAtNTg3Mi41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICA8bGluZSBpZD0iTGluZV80OC0zNyIgZGF0YS1uYW1lPSJMaW5lIDQ4IiB4MT0iMjI3IiB5Mj0iMjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgyMS41IC01ODY1LjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzQ4LTM4IiBkYXRhLW5hbWU9IkxpbmUgNDgiIHgxPSIyMjciIHkyPSIyMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODIxLjUgLTU4NTguNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfNDgtMzkiIGRhdGEtbmFtZT0iTGluZSA0OCIgeDE9IjIyNyIgeTI9IjIyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4MjEuNSAtNTg1MS41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICA8bGluZSBpZD0iTGluZV80OC00MCIgZGF0YS1uYW1lPSJMaW5lIDQ4IiB4MT0iMjI3IiB5Mj0iMjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgyMS41IC01ODQ0LjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzQ4LTQxIiBkYXRhLW5hbWU9IkxpbmUgNDgiIHgxPSIyMjciIHkyPSIyMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODIxLjUgLTU4MzcuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfNDgtNDIiIGRhdGEtbmFtZT0iTGluZSA0OCIgeDE9IjIyNyIgeTI9IjIyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4MjEuNSAtNTgzMC41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICA8bGluZSBpZD0iTGluZV80OC00MyIgZGF0YS1uYW1lPSJMaW5lIDQ4IiB4MT0iMjI3IiB5Mj0iMjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgyMS41IC01ODIzLjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzQ4LTQ0IiBkYXRhLW5hbWU9IkxpbmUgNDgiIHgxPSIyMjciIHkyPSIyMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODIxLjUgLTU4MTYuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfNDgtNDUiIGRhdGEtbmFtZT0iTGluZSA0OCIgeDE9IjIyNyIgeTI9IjIyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4MjEuNSAtNTgwOS41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICA8bGluZSBpZD0iTGluZV80OC00NiIgZGF0YS1uYW1lPSJMaW5lIDQ4IiB4MT0iMjI3IiB5Mj0iMjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgyMS41IC01ODAyLjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzQ4LTQ3IiBkYXRhLW5hbWU9IkxpbmUgNDgiIHgxPSIyMjciIHkyPSIyMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODIxLjUgLTU3OTUuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfNDgtNDgiIGRhdGEtbmFtZT0iTGluZSA0OCIgeDE9IjIyNyIgeTI9IjIyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4MjEuNSAtNTc4OC41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICA8bGluZSBpZD0iTGluZV80OC00OSIgZGF0YS1uYW1lPSJMaW5lIDQ4IiB4MT0iMjI3IiB5Mj0iMjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgyMS41IC01NzgxLjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzQ4LTUwIiBkYXRhLW5hbWU9IkxpbmUgNDgiIHgxPSIyMjciIHkyPSIyMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODIxLjUgLTU3NzQuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfNDgtNTEiIGRhdGEtbmFtZT0iTGluZSA0OCIgeDE9IjIyNyIgeTI9IjIyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4MjEuNSAtNTc2Ny41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgICA8bGluZSBpZD0iTGluZV80OC01MiIgZGF0YS1uYW1lPSJMaW5lIDQ4IiB4MT0iMjI3IiB5Mj0iMjI3IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTgyMS41IC01NzYwLjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgIDxsaW5lIGlkPSJMaW5lXzQ4LTUzIiBkYXRhLW5hbWU9IkxpbmUgNDgiIHgxPSIyMjciIHkyPSIyMjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODIxLjUgLTU3NTMuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgPGxpbmUgaWQ9IkxpbmVfNDgtNTQiIGRhdGEtbmFtZT0iTGluZSA0OCIgeDE9IjIyNyIgeTI9IjIyNyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTk4MjEuNSAtNTc0Ni41KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz4KICAgICAgPC9nPgogICAgPC9nPgogICAgPGcgaWQ9IlJlY3RhbmdsZV8xODI0OSIgZGF0YS1uYW1lPSJSZWN0YW5nbGUgMTgyNDkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05NzQyIC02MDE1KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICA8cmVjdCB3aWR0aD0iMTM1IiBoZWlnaHQ9IjIwOCIgc3Ryb2tlPSJub25lIi8+CiAgICAgIDxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSIxMzMiIGhlaWdodD0iMjA2IiBmaWxsPSJub25lIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4K);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 0px;
    height: 0px;
    transition: all 0.3s;
}
ul.map_alphabet li.active::before{
    width: 135px;
    height: 208px;
}
ul.mission_grid_list li a {
    padding-top: 0px;
    border: unset;
    border-bottom: 1px solid #E5E5E5;
    border-radius: unset;
    padding: 0px 0px 12px;
    color: var(--black);
    font-weight: 500;
}
ul.mission_grid_list {
    padding: inherit;
}
ul.mission_grid_list li:last-child a{
  border-bottom:unset;
}
ul.map_alphabet img {
    width: 42px;
    height: 42px;
}
.map_alphabet1 li::before{
  display: none !important;
}
/* ---------------------|| Map Page Css End ||------------------------- */
/* ---------------------|| Page 45 Start ||------------------------- */
.operask_details {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/bg_img.png);
}
.operask_details .operask_logo img {
    filter: brightness(0) invert(1);
}
.operask_grid {
    padding: 24px 0px;
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 16px;
}
.operask_box {
    background-color: var(--white);
    border-radius: 6px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.operask_middle h2 {
    font-size: 16px;
    color: var(--black);
    font-weight: 600;
}
.operask_middle {
    padding: 24px 0px;
}
.operask_oil_right a {
    font-size: 13px;
    text-decoration: none;
    display: inline-block;
    padding: 7px 12px;
    border: 1px solid var(--red);
    border-radius: 6px;
    color: var(--red);
    font-weight: 500;
    margin-top: 5px;
    position: relative;
}
.operask_oil_right a:nth-child(2){
   margin-right: 8px;
}
.operask_oil_right a.outline_green{
  border-color:#4CAF50;
  color: #4CAF50;
}
.operask_oil_right a.outline_grey {
    border-color: #E5E5E5;
    background-color: #E5E5E5;
    color: var(--black);
}
.operask_oil {
    display: grid;
    grid-template-columns: 40px auto;
    grid-gap: 15px;
}
.operask_oil_right p {
    font-size: 15px;
    margin-bottom: 7px;
    color: var(--black);
}
.operask_oil_right {
    border-bottom: 1px solid #E5E5E5;
     padding: 20px 0px;
}
.operask_oil img {
    max-width: 100%;
    padding-top: 24px;
}
.operask_oil_right a.outline_green::before {
    background-color: #4CAF50;
}
.operask_oil_right a.outline_green:hover,.operask_oil_right a.outline_red:hover {
    color: var(--white);
}
.operask_oil_right a.outline_red::before {
    background-color: var(--red);
}
span.light_num {
    position: absolute;
    font-size: 7px;
    top: calc(39% + 45px);
    left: calc(46% + 28px);
    transform: translate(-50%, -50%);
    background-color: #DD7337;
    width: 15px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form_detatils > h3 {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}
/* ---------------------|| Page 45 End ||------------------------- */
/* ---------------------|| Chat Page Start ||------------------------- */
.head_togle .toggle_btn {
    filter: brightness(0);
    position: absolute;
}
.head_chat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    grid-gap: 10px;
    padding: 10px 0px;
}
.head_chat h2 {
    font-size: 16px;
    color: var(--white);
}
.head_chat a {
    max-width: fit-content;
    background-color: var(--white) !important;
    color: var(--black);
    font-size: 14px;
    padding: 10px 18px;
    margin: 0px;
}
.head_chat a:hover{
  color: var(--white);
}
.operask_left {
    padding: 16px 0px 0px;
    width: 75%;
}
.operask_left img {
    max-width: 100%;
    display: block;
    max-height: 153px;
    border-radius: 6px;
    border: 3px solid var(--white);
}
.operask_chat form{
    background-color: #EFEFEF;
    overflow: auto;
}
.operask_chat form > div,.operask_chat form{
  min-height: calc(100vh - 115px);
  max-height: 80vh;
  position: relative;
}
.operask_left span {
    display: flex;
    align-items: center;
    grid-gap: 2px;
    margin-top: 6px;
    font-size: 12px;
    color: var(--black);
}
.operask_left p {
    background-color: var(--white);
    padding: 12px 16px;
    border-radius: 6px;
    font-size: 14px;
    color: var(--black);
    font-weight: 500;
}
.operask_left img.audio {
    background-color: #fff !important;
    max-width: 100%;
    display: block;
    border: unset;
    border-radius: 20px;
}
.operask_bottom {
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
    display: grid;
    grid-template-columns: auto 42px;
    align-items: center;
    grid-gap: 15px;
    padding: 0px 15px;
}
.operask_bottom button {
    background: transparent;
    border: unset;
    outline: unset;
    padding: 0px;
    cursor: pointer;
    display: block;
}
.operask_int textarea {
    width: 100%;
    border-radius: 20px;
    border: 1px solid #E5E5E5 !important;
    outline: unset;
    resize: none;
    padding: 10px 70px 10px 15px;
    font-size: 14px;
    max-height: 42px;
    color: var(--black);
    display: block;
}
.operask_int textarea:focus {
    filter:unset !important;
    box-shadow: unset !important;
}
.operask_int {
    position: relative;
}
.operask_int img:nth-child(2) {
    position: absolute;
    top: 12px;
    right: 40px;
}
.operask_int img:nth-child(3) {
    position: absolute;
    top: 12px;
    right: 16px;
}
.operask_chat form > div {
    padding-bottom: 70px;
}
/* ---------------------|| Chat Page End ||------------------------- */
/*--------|| toggle_btn css Start ||-----------*/
ul.menu_list {
    margin: 0px;
    list-style: none;
    padding: 65px 15px 15px;
    background-color: var(--white);
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 5;
    transform: translateX(-100%);
    transition: all 0.4s;
}
.menu_list.show{
  transform: translateX(0);
}
ul.menu_list li a {
    text-decoration: none;
    color: var(--black);
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px 0px;
    border-bottom: 1px solid rgba(0,0,0,0.5);
    transition: all 0.3s;
    text-align: left;
    width: 100%;
    display: block;
    max-width: 100%;
}
ul.menu_list li a:hover,ul.menu_list li a.active {
    color:var(--red);
}
.hamRotate.active {
    filter: brightness(0);
}
.toggle_head {
    height: fit-content;
    max-width: 1024px;
    margin: 0px auto;
    width: 100%;
}
.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transform: rotate(180deg);
    margin-left: -12px;
}
.hamRotate.active {
    transform: rotate(45deg);
}
.hamRotate180.active {
    transform: rotate(180deg);
}
.line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: var(--white);
    stroke-width: 3px;
    stroke-linecap: round;
}
.ham7 .top {
    stroke-dasharray: 40 82;
}
.ham7 .middle {
    stroke-dasharray: 30 111;
    width: 10px !important;
}
.ham7 .bottom {
    stroke-dasharray: 40 161;
}
.ham7.active .top {
    stroke-dasharray: 17 82;
    stroke-dashoffset: -62px;
}
.ham7.active .middle {
    stroke-dashoffset: 23px;
}
.ham7.active .bottom {
    stroke-dashoffset: -83px;
}
.hamRotate.active .middle{
  stroke-dasharray: 40 111;
}
.toggle_head1{
    position: absolute;
    top: 0px;
}
.toggle_head1 .toggle_btn{
    filter: brightness(0);
    overflow: hidden;
    top: 6px;
}
.recensement_header .custom_container {
    overflow: hidden;
}
.toggle_head2 {
    position: absolute;
    margin-left: -15px;
}
/*--------|| toggle_btn css End ||-----------*/
/* ---------------------|| Reponsive Css Start ||------------------------- */
@media(min-width:575px){
  span.light_num {
    font-size: 13px;
    top: calc(50% + 44px);
    left: calc(50% + 28px);
    width: 28px;
    height: 32px;
}
}
@media(min-width:1000px){
  span.light_num {
    font-size: 16px;
    top: calc(50% + 55px);
    left: calc(50% + 35px);
    width: 38px;
    height: 40px;
    font-weight: 600;
}
}
@media(max-width:680px){
  .operask_grid {
    padding-top: 15px;
    grid-template-columns: repeat(3,1fr);
}
}
@media(max-width:575px){
  a.fire_img {
    top: 19%;
    left: calc(50% + 13px);
}
.map_img img,.map_sec > img {
    max-height:calc(100vh - 56px - 36px);
}
.map_sec > img {
    width: 100%;
}
.splash_screen_sec, .espace_client_sec, .sos_sec, .sos_success_sec, .mission_sec, .mission_form_sec, .recensement_sec, .recensement_slide_sec, .victim_identification_sec{
  min-height:100vh;
  max-height:100%;
}
ul.map_alphabet li:nth-child(1) {
    left: 30px;
}
ul.map_alphabet li:nth-child(1), ul.map_alphabet li:nth-child(2) {
    top: 5px;
}
ul.map_alphabet li:nth-child(3), ul.map_alphabet li:nth-child(4) {
    top: 165px;
}
ul.map_alphabet li:nth-child(3) {
    left: 10px;
}
ul.map_alphabet li:nth-child(5) {
    top: 341px;
    left: 47px;
}
ul.map_alphabet li:nth-child(6) {
    right: 0px;
    top: 288px;
}
.operask_oil {
    grid-template-columns: 37px auto;
}
.operask_oil_right a {
    font-size: 12px;
    padding: 7px 9px;
}
ul.counrty_select li {
    width: calc(100%/6 - 17px);
}
}
@media(max-width: 375px){
  span.light_num {
    top: calc(39% + 40px);
    left: calc(46% + 25px);
    width: 15px;
    height: 15px;
}
}

.highlighted{
    display: none;
}

.layer{
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    display: none;
}

/* ---------------------|| Reponsive Css End ||------------------------- */

.text-box {
    background-color: white;
    border-radius: 6px;
    padding: 9px;
    margin: 5px;
}  

.layer.active{
    display: block;
}

.victim-img{
    position: absolute;
    width: auto;
    height: 3.5%;
    top: 50.9%;
    left: 50.85%;
    transform: translate(-50%,-50%);
    border-radius: 5px;
    display: none;
    animation: fade 2s linear infinite;
}
.victim-img.active{
    display: block;
}

.flood-img{
    position: absolute;
    width: auto;
    height: 20%;
    top: 50.5%;
    left: 51%;
    transform: translate(-50%,-50%);
    border-radius: 5px;
    display: none;
    animation: fade 2s linear infinite;
}
.flood-img.active{
    display: block;
}

.evacuation{
    display:none;
    background-color: rgba(76, 175, 80,0.6);
    position: absolute;
    top: 60%;
    left: 14.7%;
    width: 35%;
    height: 24.8%;
    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 47%, 52% 47%, 52% 0%);
    align-items: center;
    justify-content: center;
    color:var(--black);
    font-weight: 900;
    font-size: 94px;
    pointer-events: none;
    text-align: center;
    padding: 3% 0 0 10%;
}

.evacuation.active{
    display: flex;
}

@keyframes fade {
    0% { opacity: 1;}
    49% { opacity: 1;}
    50% { opacity: 0; }
    100% { opacity: 0; }
}

#layer-container{
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  pointer-events: none;
}
/* ---------------------|| Reponsive Css End ||------------------------- */

