@charset "UTF-8";

:root {
    --body-bg: #f5f5f5;
    --primary: var(--bs-primary);
    --light-primary: var(--bs-primary-light);
    --dark-primary: var(--bs-primary);
    --secondary: var(--bs-secondary);
    --light-secondary: var(--bs-secondary-light);
    --dark-secondary: var(--bs-secondary);
    --dark-secondary-10: var(--bs-secondary-light);
    --dark-secondary-20: var(--bs-secondary-light);
    --secondary-10: var(--bs-secondary-light);
    --secondary-20: var(--bs-secondary-light);
    --secondary-30: var(--bs-secondary-light);
    --success: var(--bs-secondary);
    --light-success: var(--bs-secondary);
    --dark-success: var(--bs-secondary);
    --dark-success-10: var(--bs-secondary-light);
    --dark-success-20: var(--bs-secondary-light);
    --dark-success-30: var(--bs-secondary-light);
    --dark-success-40: var(--bs-secondary-light);
    --info: #8950FC;
    --light-info: #eee5ff;
    --dark-info: #702afb;
    --dark-info-10: #671efb;
    --dark-info-20: #5f11fb;
    --dark-info-30: #7337ee;
    --warning: #FFA800;
    --light-warning: #fff4de;
    --dark-warning: #cc8600;
    --dark-warning-10: #d98f00;
    --dark-warning-20: #bf7e00;
    --dark-warning-30: #ee9d01;
    --dark-warning-40: #ffcb66;
    --danger: #f64e60;
    --light-danger: #ffe2e5;
    --light-danger-10: #fbafb7;
    --light-danger-20: #cc4b37;
    --dark-danger: #EE2D41;
    --dark-danger-10: #ec0c24;
    --dark-danger-50: #a30819;
    --dark-danger-60: #8b0000;
    --white: #ffffff;
    --light-white: #e8eff7;
    --light-white-10: #ccc;
    --dark-white: #ececec;
    --dark-white-10: #e3e3e3;
    --dark-white-20: #dfdfdf;
    --dark-white-30: #d9d9d9;
    --dark-white-40: #f7f7f7;
    --light: #F3F6F9;
    --dark-light: #d1dde8;
    --dark-light-10: #dae3ec;
    --dark-light-20: #c9d6e4;
    --dark-light-30: #c0d0e0;
    --dark-light-40: #e9eef4;
    --dark-light-50: #e7f4f9;
    --dark-light-60: #beebff;
    --dark-light-70: #a8e4ff;
    --dark: #181C32;
    --dark-10: #131628;
    --dark-20: #0c0e18;
    --dark-30: #070910;
    --dark-40: #030407;
    --dark-50: #5e6278;
    --dark-60: #4a5699;
    --dark-70: #4a5699;
    --gray: #7E8299;
    --gray-dark: #3F4254;
    --black: #000000;
    --light-black: #333;
    --light-black-10: #858585;
    --light-black-20: #6c6c6c;
    --light-yello-10: #fcf8e3;
    --light-yello-20: #fafad2;
    --blue: #0a6aa1;
    --silver: silver;
    --green: green;
    --white-10: #f2f2f2;
    --gray-10: #EBEDF3;
    --gray-20: #D1D3E0;
    --gray-30: #b5b5c3;
    --gray-40: #8e8e95;
    --gray-50: #d2c9c5;
    --gray-60: #d3d3d3;
    --gray-70: #d1d2d6;
    --gray-80: #999;
    --gray-90: gray;
    --gray-100: #aaa;
    /* // Social Icons Color */
    --facebook: #3b5998;
    --facebook-10: #30497c;
    --google: #dd4b39;
    --google-10: #cd3623;
    --twitter: #1da1f2;
    --twitter-10: #0d8ddc;
    --instagram: #e1306c;
    --instagram-10: #cd1e59;
    --youtube-10: red;
    --youtube: #d90000;
    --linkedin: #0077b5;
    --linkedin-10: #005e8f;
    --skype: #00aff0;
    --skype-10: #0093ca;
    /* // Form Primary Color */
    --form-primary-10: #A9E08D;
    /* // Spiiner Warning Color */
    --spinner-light-warning: #ffdc99;
    --spinner-dark-warning: #ffcb66;
    /* // ///////////////////// Alert COLORS /////////////// */
    /* // alert Primary Color */
    --alert-light-primary-10: #5bc22b;
    --alert-dark-primary-10: #A9E08D;
    --alert-dark-primary-20: #4f932d;
    /* // alert Warning Color */
    --alert-light-warning-10: #fec;
    --alert-dark-warning-10: #855700;
    --alert-dark-warning-20: #523600;
    /* // alert Secondary Color */
    --alert-light-secondary-10: #fafafc;
    --alert-dark-secondary-10: #77787c;
    --alert-dark-secondary-20: #5e5f62;
    /* // alert Success Color */
    --alert-light-success-10: #5bc22b;
    --alert-dark-success-10: #A9E08D;
    --alert-dark-success-20: #4f932d;
    /* // alert info Color */
    --alert-light-info-10: #e7dcfe;
    --alert-dark-info-10: #472a83;
    --alert-dark-info-20: #321e5c;
    /* // alert Light Color */
    --alert-light-light-10: #fdfdfe;
    --alert-dark-light-10: #7e8081;
    --alert-dark-light-20: #656667;
    /* // ///////////////////// TABLE COLORS /////////////// */
    /* // Table Primary Color */
    --table-primary-10: #A9E08D;
    --table-primary-20: #b4e899;
    --table-primary-30: #95d870;
    /* // Table Warning Color */
    --table-warning-10: #ffe7b8;
    --table-warning-20: #ffde9f;
    --table-warning-30: #ffd27a;
    /* // Table Danger Color */
    --table-danger-10: #fccdd2;
    --table-danger-20: #fbb5bc;
    --table-danger-30: #faa3ac;
    /* // Table Secondary Color */
    --table-secondary-10: #f7f8fb;
    --table-secondary-20: #f1f2f7;
    --table-secondary-30: #64719b;
    /* // Table Success Color */
    --table-success-10: #5bc22b;
    --table-success-20: #95d870;
    --table-success-30: #95d870;
    /* // Table Info Color */
    --table-info-10: #decefe;
    --table-info-20: #cdb5fd;
    --table-info-30: #c2a4fd;
    /* // Table Light Color */
    --table-light-10: #fcfcfd;
    --table-light-20: #f9fafc;
    --table-light-30: #ededf3;
    /* // Table Dark Color */
    --table-dark-10: #d4d7e6;
    --table-dark-20: #bebfc6;
    --table-dark-30: #b0b2ba;
    --table-dark-40: #878994;
    --table-dark-50: #242a4c;
    /* ///// RGBA COLOR  */
    /* // Primary */
    --rgba-primary: rgb(169, 224, 141);
    --rgba-primary-outline: rgb(149, 216, 112);
    --rgba-primary-025: rgb(149, 216, 112, .025);
    --rgba-primary-75: rgb(149, 216, 112, .75);
    --rgba-primary-12: rgb(149, 216, 112, .12);
    --rgba-primary-14: rgb(149, 216, 112, .14);
    --rgba-primary-16: rgb(149, 216, 112, .16);
    --rgba-primary-4: rgb(149, 216, 112, .4);
    --rgba-primary-06: rgb(149, 216, 112, .06);
    --rgba-primary-5: rgb(149, 216, 112, .5);
    --rgba-primary-6: rgb(149, 216, 112, .6);
    --rgba-primary-08: rgb(149, 216, 112, .08);
    --rgba-primary-8: rgb(149, 216, 112, .8);
    /* // Secondary*/
    --rgba-secondary: rgba(197, 200, 211, .5);
    --rgba-secondary-outline: rgba(228, 230, 239, .5);
    --rgba-secondary-1: rgba(228, 230, 239, .1);
    --rgba-secondary-12: rgba(228, 230, 239, .12);
    --rgba-secondary-14: rgba(228, 230, 239, .14);
    --rgba-secondary-16: rgba(228, 230, 239, .16);
    --rgba-secondary-18: rgba(228, 230, 239, .18);
    --rgba-secondary-02: rgba(228, 230, 239, .02);
    --rgba-secondary-2: rgba(228, 230, 239, .2);
    --rgba-secondary-22: rgba(228, 230, 239, .22);
    --rgba-secondary-24: rgba(228, 230, 239, .24);
    --rgba-secondary-26: rgba(228, 230, 239, .26);
    --rgba-secondary-28: rgba(228, 230, 239, .28);
    --rgba-secondary-3: rgba(228, 230, 239, .3);
    --rgba-secondary-32: rgba(228, 230, 239, .32);
    --rgba-secondary-34: rgba(228, 230, 239, .34);
    --rgba-secondary-36: rgba(228, 230, 239, .36);
    --rgba-secondary-38: rgba(228, 230, 239, .38);
    --rgba-secondary-4: rgba(228, 230, 239, .4);
    --rgba-secondary-40: rgba(235, 237, 243, .4);
    --rgba-secondary-06: rgba(228, 230, 239, .06);
    --rgba-secondary-6: rgba(228, 230, 239, .6);
    --rgba-secondary-08: rgba(228, 230, 239, .08);
    --rgba-secondary-8: rgba(228, 230, 239, .8);
    --rgba-secondary-75: rgba(228, 230, 239, .75);
    /* // Success*/
    --rgba-success: rgba(169, 224, 141 .8);
    --rgba-success-outline: rgba(169, 224, 141, .5);
    --rgba-success-1: rgba(169, 224, 141, .1);
    --rgba-success-12: rgba(169, 224, 141, .12);
    --rgba-success-18: rgba(169, 224, 141, .18);
    --rgba-success-22: rgba(169, 224, 141, .22);
    --rgba-success-24: rgba(169, 224, 141, .24);
    --rgba-success-26: rgba(169, 224, 141, .26);
    --rgba-success-28: rgba(169, 224, 141, .28);
    --rgba-success--02: rgba(169, 224, 141, .02);
    --rgba-success--2: rgba(169, 224, 141, .2);
    --rgba-success-25: rgba(169, 224, 141, .25);
    --rgba-success-3: rgba(169, 224, 141, .3);
    --rgba-success-32: rgba(169, 224, 141, .32);
    --rgba-success-34: rgba(169, 224, 141, .34);
    --rgba-success-36: rgba(169, 224, 141, .36);
    --rgba-success-38: rgba(169, 224, 141, .38);
    --rgba-success--04: rgba(169, 224, 141, .04);
    --rgba-success--4: rgba(169, 224, 141, .4);
    --rgba-success-75: rgba(169, 224, 141, .75);
    --rgba-success-06: rgba(169, 224, 141, .06);
    --rgba-success-6: rgba(169, 224, 141, .6);
    --rgba-success-08: rgba(169, 224, 141, .08);
    --rgba-success-8: rgba(169, 224, 141, .8);
    --rgba-success-14: rgba(169, 224, 141, .14);
    --rgba-success-16: rgba(169, 224, 141, .16);
    --rgba-success-18: rgba(169, 224, 141, .18);
    --rgba-success-02: rgb(169, 224, 141, .02);
    --rgba-success-2: rgb(169, 224, 141, .2);
    --rgba-success-04: rgb(169, 224, 141, .04);
    --rgba-success-4: rgb(169, 224, 141, .4);
    --rgba-success--4: rgba(169, 224, 141, .4);
    /* // Info*/
    --rgba-info: rgba(155, 106, 252, .5);
    --rgba-info-outline: rgba(137, 80, 252, .5);
    --rgba-info-1: rgba(137, 80, 252, .1);
    --rgba-info-02: rgba(137, 80, 252, .02);
    --rgba-info-2: rgba(137, 80, 252, .2);
    --rgba-info-12: rgba(137, 80, 252, .12);
    --rgba-info-14: rgba(137, 80, 252, .14);
    --rgba-info-16: rgba(137, 80, 252, .16);
    --rgba-info-18: rgba(137, 80, 252, .18);
    --rgba-info-22: rgba(137, 80, 252, .22);
    --rgba-info-24: rgba(137, 80, 252, .24);
    --rgba-info-25: rgba(137, 80, 252, .25);
    --rgba-info-26: rgba(137, 80, 252, .26);
    --rgba-info-28: rgba(137, 80, 252, .28);
    --rgba-info-3: rgba(137, 80, 252, .3);
    --rgba-info-32: rgba(137, 80, 252, .32);
    --rgba-info-34: rgba(137, 80, 252, .34);
    --rgba-info-36: rgba(137, 80, 252, .36);
    --rgba-info-38: rgba(137, 80, 252, .38);
    --rgba-info-4: rgba(137, 80, 252, .4);
    --rgba-info-04: rgba(137, 80, 252, .04);
    --rgba-info-6: rgba(137, 80, 252, .6);
    --rgba-info-06: rgba(137, 80, 252, .06);
    --rgba-info-8: rgba(137, 80, 252, .8);
    --rgba-info-08: rgba(137, 80, 252, .08);
    --rgba-info-75: rgba(137, 80, 252, .75);
    /* // Warning*/
    --rgba-warning: rgba(220, 147, 8, .5);
    --rgba-warning-outline: rgba(255, 168, 0, .5);
    --rgba-warning-1: rgba(255, 168, 0, .1);
    --rgba-warning-12: rgba(255, 168, 0, .12);
    --rgba-warning-14: rgba(255, 168, 0, .14);
    --rgba-warning-16: rgba(255, 168, 0, .16);
    --rgba-warning-18: rgba(255, 168, 0, .18);
    --rgba-warning-02: rgba(255, 168, 0, .02);
    --rgba-warning-2: rgba(255, 168, 0, .2);
    --rgba-warning-22: rgba(255, 168, 0, .22);
    --rgba-warning-24: rgba(255, 168, 0, .24);
    --rgba-warning-26: rgba(255, 168, 0, .26);
    --rgba-warning-28: rgba(255, 168, 0, .28);
    --rgba-warning-3: rgba(255, 168, 0, .3);
    --rgba-warning-32: rgba(255, 168, 0, .32);
    --rgba-warning-34: rgba(255, 168, 0, .34);
    --rgba-warning-36: rgba(255, 168, 0, .36);
    --rgba-warning-38: rgba(255, 168, 0, .38);
    --rgba-warning-04: rgba(255, 168, 0, .04);
    --rgba-warning-4: rgba(455, 168, 0, .4);
    --rgba-warning-06: rgba(255, 168, 0, .06);
    --rgba-warning-6: rgba(255, 168, 0, .6);
    --rgba-warning-08: rgba(255, 168, 0, .08);
    --rgba-warning-8: rgba(255, 168, 0, .8);
    --rgba-warning-25: rgba(255, 168, 0, .25);
    --rgba-warning-75: rgba(255, 168, 0, .75);
    --rgba-warning--4: rgba(255, 244, 222, .4);
    /* // Danger*/
    --rgba-danger: rgba(247, 105, 120, .5);
    --rgba-danger-outline: rgba(246, 78, 96, .5);
    --rgba-danger-1: rgba(246, 78, 96, .1);
    --rgba-danger-02: rgba(246, 78, 96, .22);
    --rgba-danger-04: rgba(246, 78, 96, .24);
    --rgba-danger-22: rgba(246, 78, 96, .25);
    --rgba-danger-25: rgba(246, 78, 96, .25);
    --rgba-danger-26: rgba(246, 78, 96, .26);
    --rgba-danger-28: rgba(246, 78, 96, .28);
    --rgba-danger-3: rgba(246, 78, 96, .3);
    --rgba-danger-32: rgba(246, 78, 96, .32);
    --rgba-danger-34: rgba(246, 78, 96, .34);
    --rgba-danger-34: rgba(246, 78, 96, .36);
    --rgba-danger-38: rgba(246, 78, 96, .38);
    --rgba-danger-04: rgba(255, 226, 229, .04);
    --rgba-danger-4: rgba(246, 78, 96, .4);
    --rgba-danger-14: rgba(246, 78, 96, .14);
    --rgba-danger-16: rgba(246, 78, 96, .16);
    --rgba-danger-18: rgba(246, 78, 96, .18);
    --rgba-danger-06: rgba(246, 78, 96, .06);
    --rgba-danger-6: rgba(246, 78, 96, .6);
    --rgba-danger-75: rgba(246, 78, 96, .75);
    --rgba-danger-08: rgba(246, 78, 96, .08);
    --rgba-danger-8: rgba(246, 78, 96, .8);
    /* // Light*/
    --rgba-light: rgba(210, 213, 219, .5);
    --rgba-light-outline: rgba(243, 246, 249, .5);
    --rgba-light-1: rgba(243, 246, 249, .5);
    --rgba-light-12: rgba(243, 246, 249, .12);
    --rgba-light-14: rgba(243, 246, 249, .14);
    --rgba-light-16: rgba(243, 246, 249, .16);
    --rgba-light-18: rgba(243, 246, 249, .18);
    --rgba-light-2: rgba(243, 246, 249, .2);
    --rgba-light-02: rgba(243, 246, 249, .02);
    --rgba-light-22: rgba(243, 246, 249, .22);
    --rgba-light-24: rgba(243, 246, 249, .24);
    --rgba-light-25: rgba(24, 28, 50, .25);
    --rgba-light-26: rgba(243, 246, 249, .26);
    --rgba-light-28: rgba(243, 246, 249, .28);
    --rgba-light-3: rgba(24, 28, 50, .3);
    --rgba-light-32: rgba(24, 28, 50, .32);
    --rgba-light-34: rgba(24, 28, 50, .34);
    --rgba-light-38: rgba(24, 28, 50, .38);
    --rgba-light-4: rgba(243, 246, 249, .4);
    --rgba-light-04: rgba(243, 246, 249, .04);
    --rgba-light-06: rgba(243, 246, 249, .06);
    --rgba-light-6: rgba(243, 246, 249, .6);
    --rgba-light-08: rgba(243, 246, 249, .08);
    --rgba-light-8: rgba(243, 246, 249, .8);
    --rgba-light-75: rgba(243, 246, 249, .75);
    /* // Dark*/
    --rgba-dark: rgba(59, 62, 81, .5);
    --rgba-dark-outline: rgba(24, 28, 50, .5);
    --rgba-dark-1: rgba(24, 28, 50, .1);
    --rgba-dark-12: rgba(24, 28, 50, .12);
    --rgba-dark-14: rgba(24, 28, 50, .14);
    --rgba-dark-16: rgba(24, 28, 50, .16);
    --rgba-dark-18: rgba(24, 28, 50, .18);
    --rgba-dark-02: rgba(24, 28, 50, .02);
    --rgba-dark-2: rgba(24, 28, 50, .2);
    --rgba-dark-22: rgba(24, 28, 50, .22);
    --rgba-dark-24: rgba(24, 28, 50, .24);
    --rgba-dark-26: rgba(24, 28, 50, .26);
    --rgba-dark-28: rgba(24, 28, 50, .28);
    --rgba-dark-32: rgba(24, 28, 50, .32);
    --rgba-dark-34: rgba(24, 28, 50, .34);
    --rgba-dark-36: rgba(24, 28, 50, .36);
    --rgba-dark-38: rgba(24, 28, 50, .38);
    --rgba-dark-04: rgba(24, 28, 50, 04);
    --rgba-dark-4: rgba(24, 28, 50, .4);
    --rgba-dark-06: rgba(24, 28, 50, .06);
    --rgba-dark-6: rgba(24, 28, 50, 62);
    --rgba-dark-08: rgba(24, 28, 50, .08);
    --rgba-dark-8: rgba(24, 28, 50, .8);
    --rgba-dark-75: rgba(24, 28, 50, .75);
    /* // White*/
    --rgba-white: rgba(220, 221, 224, .5);
    --rgba-white-outline: rgba(255, 255, 255, .5);
    --rgba-white-1: rgba(255, 255, 255, .1);
    --rgba-white-12: rgba(255, 255, 255, .12);
    --rgba-white-14: rgba(255, 255, 255, .14);
    --rgba-white-16: rgba(255, 255, 255, .16);
    --rgba-white-18: rgba(255, 255, 255, .18);
    --rgba-white-15: rgba(255, 255, 255, .15);
    --rgba-white-02: rgba(255, 255, 255, .02);
    --rgba-white-2: rgba(255, 255, 255, .2);
    --rgba-white-22: rgba(255, 255, 255, .22);
    --rgba-white-24: rgba(255, 255, 255, .24);
    --rgba-white-26: rgba(255, 255, 255, .26);
    --rgba-white-28: rgba(255, 255, 255, .28);
    --rgba-white-3: rgba(255, 255, 255, .3);
    --rgba-white-32: rgba(255, 255, 255, .32);
    --rgba-white-34: rgba(255, 255, 255, .34);
    --rgba-white-36: rgba(255, 255, 255, .36);
    --rgba-white-38: rgba(255, 255, 255, .38);
    --rgba-white-04: rgba(255, 255, 255, .04);
    --rgba-white-4: rgba(255, 255, 255, .4);
    --rgba-white-06: rgba(255, 255, 255, .06);
    --rgba-white-6: rgba(255, 255, 255, .6);
    --rgba-white-08: rgba(255, 255, 255, .08);
    --rgba-white-8: rgba(255, 255, 255 .8);
    --rgba-white-75: rgba(255, 255, 255, 0.75);
    --rgba-white-075: rgba(255, 255, 255, 0.075);
    --rgba-white-25: rgba(255, 255, 255, .25);
    --rgba-white-05: rgba(255, 255, 255, .05);
    --rgba-white-85: rgba(255, 255, 255, 0.85);
    --rgba-white-7: rgba(255, 255, 255, .7);
    --rgba-white-96: rgba(255, 255, 255, .96);
    --rgba-white-20: rgba(64, 64, 64, .2);
    /* // Social RGBA */
    --facebook-1: rgba(59, 89, 152, .1);
    --google-1: rgba(221, 75, 57, .1);
    --twitter-1: rgba(29, 161, 242, .1);
    --instagram-1: rgba(225, 48, 108, .1);
    --youtube-1: rgba(255, 0, 0, .1);
    --linkedin-1: rgba(255, 0, 0, .1);
    --skype-1: rgba(0, 175, 240, .1);
    /* // black MODAL BACKDROP COLOR  */
    --black-00: rgba(0, 0, 0, 0);
    --black-1: rgba(0, 0, 0, 0.1);
    --black-15: rgba(0, 0, 0, 0.15);
    --black-075: rgba(0, 0, 0, 0.075);
    --black-05: rgba(0, 0, 0, 0.05);
    --black-055: rgba(0, 0, 0, 0.055);
    --black-46: rgba(0, 0, 0, 0.46);
    --black-2: rgba(0, 0, 0, 0.2);
    --black-25: rgba(0, 0, 0, 0.25);
    --black-3: rgba(0, 0, 0, .3);
    --black-07: rgba(0, 0, 0, 0.7);
    --black-5: rgba(0, 0, 0, .5);
    --black-6: rgba(0, 0, 0, .6);
    --black-06: rgba(0, 0, 0, .06);
    --black-75: rgba(0, 0, 0, 0.75);
    --black-9: rgba(0, 0, 0, 0.9);
    /* Box Shadow RGBA */
    --Shadow-15: rgba(82, 63, 105, .15);
    --Shadow-08: rgba(82, 63, 105, .08);
    --Shadow-1: rgba(82, 63, 105, .1);
    --Shadow-2: rgba(69, 65, 78, .1);
    --Shadow-05: rgba(82, 63, 105, .05);
    /*======================== Plugins.Bundle.CSS Start ===========================*/
    --dark-green: #3fb8af;
    --dark-green-1: #308732;
    --dark-green-2: #1cb841;
    --dark-green-3: #00b300;
    --dark-green-4: #5cb85c;
    --dark-green-5: #008a00;
    --dark-green-6: #3c763d;
    --dark-green-7: #51a351;
    --dark-green-8: #a5dc86;
    --dark-blue: #006cfa;
    --dark-blue-1: #00bfff;
    --light-blue-10: #f0f6ff;
    --light-blue-20: #d9edf7;
    --light-blue-30: #85c5e5;
    --light-blue-40: #afd9ee;
    --light-blue-50: #298fc2;
    --light-blue-60: #52addb;
    --light-blue-70: #91cbe8;
    --light-blue-80: #92bce0;
    --light-blue-90: #b9d4ec;
    --light-blue-11: #5bc0de;
    --light-blue-12: #08c;
    --light-blue-13: #ebf4f8;
    --light-blue-14: #007bff;
    --light-blue-15: #4b88a6;
    --light-blue-17: #73a6c0;
    --light-blue-18: #a8c8d8;
    --light-blue-19: #66afe9;
    --light-blue-21: #87cefa;
    --light-blue-22: #b4dbed;
    --light-blue-23: #9de0f6;
    --light-blue-24: #c9dae1;
    --light-blue-25: #87adbd;
    --light-blue-26: #add8e6;
    --navy-blue: #286090;
    --navy-blue-1: #204d74;
    --navy-blue-2: #122b40;
    --navy-blue-3: #337ab7;
    --navy-blue-4: #2e6da4;
    --navy-blue-5: #0056b3;
    --navy-blue-6: #06c;
    --navy-blue-7: #3595f6;
    --navy-blue-8: #098ddf;
    --navy-blue-9: #31708f;
    --navy-blue-10: #2f96b4;
    --navy-blue-11: #008ffb;
    --navy-blue-12: #2778c4;
    --navy-blue-13: #3fc3ee;
    --orange: #f90;
    --orange-1: #f89406;
    --purple: #93f;
    --yellow: #f7ca77;
    --yellow-10: #f1a417;
    --yellow-20: #f4b747;
    --yellow-30: #bf800c;
    --yellow-40: #815608;
    --yellow-50: #f2aa25;
    --yellow-60: #f0ad4e;
    --yellow-70: #ff0;
    --yellow-80: #facea8;
    --yellow-90: #f8bb86;
    --light-gray-10: #dedede;
    --light-gray-20: #d3d3d3;
    --light-gray-30: #f0f0f0;
    --light-gray-40: #d9d9d9;
    --light-gray-50: #ebebeb;
    --light-gray-60: #b8b8b8;
    --light-gray-70: #d5d5d5;
    --light-gray-80: #7c7c7c;
    --light-gray-90: #9d9d9d;
    --light-gray-11: #c3c3c3;
    --light-gray-12: #e4eef3;
    --light-gray-13: #9dc1d3;
    --light-gray-14: #c1d7e3;
    --light-gray-15: #e4e4e4;
    --light-gray-17: #cbcfd5;
    --light-gray-18: #e9e6e6;
    --light-gray-19: #e9ecef;
    --dark-gray-10: #666;
    --dark-gray-20: #444;
    --dark-gray-30: #555;
    --dark-gray-40: #5e5e5e;
    --dark-gray-50: #4c4c4c;
    --dark-gray-60: #6c757d;
    --dark-gray-70: #7685a2;
    --dark-gray-80: #c3c7cd;
    --dark-gray-90: #161616;
    --dark-gray-11: #48536a;
    --dark-gray-12: #23241f;
    --dark-gray-13: #bebebe;
    --dark-gray-14: #b3b3b3;
    --dark-gray-15: #030303;
    --dark-gray-16: #373d3f;
    --dark-gray-17: #90a4ae;
    --dark-gray-18: #6e8192;
    --dark-gray-19: #595959;
    --dark-gray-21: #757575;
    --dark-gray-22: #545454;
    --light-white-10: #fafafa;
    --light-white-20: #f5f5f5;
    --light-white-30: #e3e3e3;
    --light-white-40: #f7f7f7;
    --light-white-50: #dee4ec;
    --light-white-60: #f8f8f2;
    --light-white-70: #E5E5E5;
    --light-white-80: #D3E2E2;
    --light-white-90: #e2e2e2;
    --light-white-11: #dff0d8;
    --light-white-12: #fcf8e3;
    --light-white-13: #efefef;
    --light-white-14: #eceff1;
    --light-white-15: #f3f4f5;
    --pink: #ee22fa;
    --pink-1: #a804b2;
    --red: #e60000;
    --light-red: #f2dede;
    --brown: #D39494;
    --brown-1: #c77777;
    --brown-2: #8a6d3b;
    --error: #ca3c3c;
    --error-2: #9f3a38;
    --error-3: #ff4136;
    --error-4: #c00;
    --error-5: #b94a48;
    --error-6: #d9534f;
    --error-7: #be2626;
    --error-8: #a92222;
    --error-9: #a94442;
    --error-10: #bd362f;
    --error-11: #d14529;
    --error-12: #f27474;
    --rgba-light-5: rgba(49, 119, 209, 0.5);
    --rgba-light-9: rgba(255, 255, 255, .9);
    --rgba-blue-3: rgba(0, 0, 255, .3);
    --rgba-navy-blue-1: rgba(66, 139, 202, .5);
    --rgba-navy-blue-2: rgb(53, 149, 246);
    --rgba-navy-blue-3: rgba(102, 175, 233, .6);
    --rgba-navy-blue-7: rgba(8, 157, 227, .7);
    --rgba-brown-5: rgba(211, 148, 148, .5);
    --rgba-brown-3: rgba(211, 148, 148, 0.3);
    --rgba-dark-gray: rgba(100, 150, 200, .5);
    --rgba-dark-gray-2: rgba(204, 204, 204, .2);
    --rgba-dark-gray-3: rgba(165, 220, 134, .3);
    --rgba-light-gray-8: rgba(200, 200, 200, .8);
    --rgba-light-gray-8: rgba(200, 200, 200, .8);
    /*======================== Plugins.Bundle.CSS End ===========================*/

    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1400px;
    /*======================== Font Family ===========================*/
    --font-family-sans-serif: sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /*--font-family-default: Poppins, Helvetica, sans-serif;*/
    --font-family-default: "open-sans", Helvetica, sans-serif;
}

.qt-date.form-control::-webkit-input-placeholder,
input.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #AEAFB1;
}

.qt-date.form-control::-moz-placeholder,
input.form-control::-moz-placeholder { /* Firefox 19+ */
    color: #AEAFB1;
}

.qt-date.form-control:-ms-input-placeholder,
input.form-control:-ms-input-placeholder { /* IE 10+ */
    color: #AEAFB1;
}

.qt-date.form-control:-moz-placeholder,
input.form-control:-moz-placeholder { /* Firefox 18- */
    color: #AEAFB1;
}

.w-180p {
    width: 180px;
}

p, a, ul li, label {
    color: #515c65;
    font-size: 14px;
}

    p a {
        font-size: 14px;
        font-style: normal;
        margin-bottom: 0;
    }

.inner-page header {
    border-bottom: 3px solid #f8f8f8;
}

.questions-section .mb-3 {
    margin-bottom: 10px !important;
}

.questions-section .card-body {
    flex: 1 1 auto;
    padding: 10px;
    padding-bottom: 0;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__placeholder,
.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
    padding: 0;
}

.select2-container--bootstrap4 .select2-selection,
select.form-select,
.qt-date.form-control,
input.form-control,
select.form-control:not(.input-group) {
    border: 1px solid #dee2e6;
    min-height: 50px;
    background-color: #F6F7F9 !important;
    border-radius: 14px !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    z-index: 1;
    line-height: 21px;
    padding: 6px 21px;
    color: #757575;
    letter-spacing: -0.002em;
    text-align: left;
    margin-bottom: 10px;
}

select.form-control {
    appearance: none;
    -webkit-appearance: none;
}


.questions-section textarea {
    margin-bottom: 10px;
}

    .questions-section .qt-date.form-control:hover,
    .questions-section input.form-control:hover,
    .questions-section textarea:hover,
    .questions-section textarea:focus,
    .questions-section input.form-control:focus,
    .questions-section .qt-date.form-control:focus,
    .questions-section select.form-select:hover,
    .questions-section select.form-select:focus,
    .questions-section select.form-control:hover,
    .questions-section select.form-control:focus,
    .questions-section .date-picker:focus,
    .questions-section .date-picker:hover {
        border-color: var(--bs-success) !important;
        background-color: #F6F7F9;
        outline: none !important;
        box-shadow: none;
    }

    .questions-section .qt-date.form-control.border-danger:hover,
    .questions-section input.form-control.border-danger:hover,
    .questions-section textarea.border-danger:hover,
    .questions-section textarea.border-danger:focus,
    .questions-section input.form-control.border-danger:focus,
    .questions-section .qt-date.form-control.border-danger:focus,
    .questions-section select.form-select.border-danger:hover,
    .questions-section select.form-select.border-danger:focus,
    .questions-section select.form-control.border-danger:hover,
    .questions-section select.form-control.border-danger:focus,
    .questions-section .date-picker.border-danger:focus,
    .questions-section .date-picker.border-danger:hover {
        border-color: red !important
    }

.questions-section .date-picker:focus,
.questions-section .border-danger:hover {
    border-color: red !important
}

.date-picker:hover {
    cursor: pointer;
}

button:focus, .btn.focus, .btn:focus {
    outline: none !important;
    box-shadow: none;
}

.padding-x {
    padding-left: 125px;
    padding-right: 125px;
}

::selection {
    background: var(--bs-secondary);
    color: #fff
}

* {
    outline: none !important;
    list-style: none;
    margin: 0;
    padding: 0;
}

a.navbar-brand img {
    height: 50px;
}

.btn-lgs {
    font-weight: bold;
    font-size: 18px;
    width: 220px;
}


.button-std {
    min-width: 160px;
    min-height: 46px;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: -0.002em;
    text-align: center;
    color: #fff;
    padding: 0 16px;
}

.button-long {
    min-height: 50px;
    min-width: 320px;
    border-radius: 14px;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    padding: 0 17px;
    line-height: 21px;
    letter-spacing: -0.002em;
    text-align: center;
}

.long-transparent-button {
    background-color: transparent;
    border: 1px solid var(--bs-secondary);
    color: var(--bs-secondary);
}

    .long-transparent-button:hover {
        color: #fff;
        background-color: var(--bs-secondary);
    }

.grey-transparent-button {
    background-color: transparent;
    border: 1px solid #9e9e9e;
    color: #9e9e9e;
}

    .grey-transparent-button:hover {
        background-color: #9e9e9e;
        border: 1px solid #9e9e9e;
        color: #fff;
    }

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    background-color: var(--bs-secondary) !important;
}

.iti__selected-country {
    background: 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-decoration: none;
    background-color: transparent !important;
}

button:hover {
    opacity: 0.8;
    color: #fff;
}

.button-250-50 {
    min-width: 250px;
    min-height: 50px;
    padding: 0 15px;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.002em;
    text-align: center;
}

.inner-page .main {
    min-height: auto;
}
/* header */
.navbar-expand-md .navbar-collapse {
    justify-content: center;
}

.navbar-expand-md .navbar-collapse {
    justify-content: center;
}

div#navbarSupportedContent {
    justify-content: center;
}


nav li a:before, footer li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: -5px;
    background: var(--bs-secondary);
    height: 2px;
    -webkit-transition-property: left,right;
    transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

nav li.active a:before, footer li.active a:before {
    display: block;
    width: 100%;
    content: "";
    position: absolute;
    z-index: -1;
    bottom: -5px;
    background: var(--bs-secondary);
    height: 2px;
    left: 0;
    right: 0;
}

nav li.active a:before, footer li.active a:before {
    display: block;
    width: 100%;
    left: 0;
    right: 0;
}

nav li a, footer li a, .copyright {
    text-decoration: none;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    position: relative;
    overflow: hidden;
}

    nav a:hover:before, nav a:focus:before, nav a:active:before, footer li a:hover:before, footer li a:focus:before, footer li a:active:before {
        left: 0;
        right: 0;
    }

.login-outer.mob {
    display: none;
}

.login {
    text-transform: uppercase;
}
/* video link css */
#fade {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

div#player {
    min-width: 100%;
    min-height: 100%;
    height: 100% !important;
}

video {
    width: 100%;
    height: 100%;
}

#light iframe {
    width: 100%;
    height: 95vh;
}

#light {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 80%;
    min-height: 90%;
    margin-left: 0;
    margin-top: 0;
    z-index: 1002;
    overflow: visible;
    transform: translate(-50%,-50%);
}

#boxclose {
    float: right;
    cursor: pointer;
    color: #fff;
    border: none;
    border-radius: 4px;
    background: var(--bs-secondary);
    font-size: 27px;
    font-weight: 300;
    display: inline-block;
    line-height: 0px;
    padding: 12px 4px;
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 1002;
    opacity: 1;
}

    #boxclose:hover {
        text-decoration: none;
    }

.boxclose:before {
    content: "×";
}

#fade:hover ~ #boxclose {
    display: none;
}
/* end */
/* banner */
.banner {
    background-color: #f8f8f8;
    padding: 25px 0;
}

.banner-img {
    text-align: right;
}

.banner .row {
    justify-content: space-between;
    align-items: center;
}

.banner h1 {
    font-size: 30px;
    line-height: normal;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -0.002em;
    text-align: left;
    color: var(--bs-secondary);
    margin: 0 0 20px;
}

.banner .changed-txt p {
    font-style: normal;
    font-weight: 500 !important;
    font-size: 16px;
    align-items: center;
    letter-spacing: -0.002em;
    color: #757575;
}

.banner .noaccess p {
    font-style: normal;
    font-weight: 500 !important;
    font-size: 16px;
    align-items: center;
    letter-spacing: -0.002em;
    color: #757575;
}

div.questionul ul, .banner .changed-txt ul {
    list-style: disc;
    padding-left: 40px !important;
    margin-top: 15px;
}

    div.questionul ul li, .banner .changed-txt ul li {
        list-style: disc;
        padding: 0;
        margin-bottom: 15px;
    }

.questionulul li {
    list-style: decimal !important;
}

.banner-txt {
    display: flex;
    flex-direction: column;
}

.go-to-questions {
    margin-top: 55px;
    max-width: 100%;
    width: 100%;
    display: flex;
}

.btn-inline {
    display: inline-block;
    vertical-align: middle;
}

.next-btn {
    display: block;
    padding: 5px;
    background-color: var(--bs-secondary);
    color: #fff;
    border-radius: 14px;
    cursor: pointer;
    outline: none;
    border: none;
    font-weight: 700;
    font-size: 17px;
    line-height: 21px;
    letter-spacing: -.002em;
    height: 60px;
    max-width: 200px;
    min-width: 200px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border: 2px solid transparent;
}

.hero-action-see {
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -.002em;
    color: #757575;
    margin-left: 40px;
    display: flex;
}

    .hero-action-see a {
        color: #757575;
        display: flex;
        text-decoration: none;
    }

        .hero-action-see a:hover {
            text-decoration: none;
        }

    .hero-action-see span {
        max-width: 208px;
        display: inline-block;
        vertical-align: middle;
    }

.question-div .input-group {
    justify-content: center;
}

@keyframes avatar-pulse {
    0% {
        box-shadow: 0 0 0 0 var(--bs-secondary)
    }

    100% {
        box-shadow: 0 0 0 15px #d7f3c5
    }
}

.play-icon {
    height: 55px;
    width: 55px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(/assets/Content/img/dashboard/PLAY-icon.png);
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    border-radius: 50%;
    animation: avatar-pulse 2s infinite;
    transition: .5s ease box-shadow;
}

.report-boxes .play-icon {
    height: 30px;
    width: 30px;
    margin: 0;
    animation: none;
}
/* footer */
footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 12px;
}

    footer li a {
        text-decoration: none;
    }

        footer li a:hover {
            text-decoration: none;
            color: var(--bs-secondary);
        }

.copyright {
    font-size: 14px;
}

.footer-link {
    display: flex;
    justify-content: center;
}

.btn-disagree {
    background-color: #9e9e9e;
    border-color: #9e9e9e;
}

.btn-agree {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

/* register page */
.headings-txt span {
    font-size: 17px;
    color: #757575;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.002em;
    text-transform: initial;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.register .row {
    margin-left: 0;
    margin-right: 0;
}

.headings-txt {
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 37px;
    letter-spacing: -0.002em;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
    color: var(--bs-success);
    display: block;
    width: 100%;
}

    .headings-txt.consent-heading {
        text-transform: none !important;
    }

.error-msg {
    font-size: 17px;
    font-style: normal;
    display: inline-block;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.002em;
    text-align: left;
    color: #E5707E;
    margin-top: 10px;
    position: static;
    top: 100%;
    left: 0;
}

.form-check .error-msg {
    padding: 0;
    margin: 0 0 8px;
    position: static;
}

.register .form-check {
    margin: 75px 0 0;
    padding: 0;
}

.form-check {
    display: flex;
    padding: 0;
}

.form-wrapper {
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
    border-radius: 14px;
    padding: 70px 100px;
    margin: 20px 0 0;
}

.register .form-wrapper {
    margin-top: 15px;
}

.edit-profile .form-wrapper {
    padding-top: 30px;
}

.question1 .form-wrapper {
    padding-top: 30px;
    margin-top: 30px;
}

.form-outline {
    /*margin: 0 0 40px;*/
    position: relative;
}

label.form-label, label.form-label i {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.002em;
    margin-bottom: 10px;
    text-align: left;
    color: #757575;
    display: block;
}

    label.form-label i {
        margin: 0;
        font-weight: unset;
        cursor: pointer;
    }

        label.form-label i:hover {
            color: var(--bs-secondary);
        }

.visible-txt {
    font-size: 15px;
    font-style: normal;
    display: inline-block;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: -0.002em;
    text-align: left;
    color: #9e9e9e;
    padding: 10px 0 0 0;
    position: static;
    top: 100%;
    left: 0;
}

label.form-check-label {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.002em;
    padding: 0 0 0 30px;
    margin-left: 5px;
}

    label.form-check-label a {
        color: var(--bs-secondary);
        text-decoration: underline;
    }

p.already-register {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    margin: 30px 0 0;
    letter-spacing: -0.002em;
}

    p.already-register a {
        color: var(--bs-secondary);
    }

.mail-icon {
    background-image: url(/assets/Content/img/dashboard/mail-icon.png);
}

.eye-icon {
    background-image: url(/assets/Content/img/dashboard/eye-icon.png);
}

.phone-icon {
    background-image: url(/assets/Content/img/dashboard/phone-icon.png);
    z-index: 2;
}

.eyeslash-icon {
    background-image: url(/assets/Content/img/dashboard/eye-slash-icon.png);
}

.drop-down-icon {
    background-image: url(/assets/Content/img/dashboard/down-arr-icon.png);
}

.input-icon {
    position: relative;
}

.input-icon {
    background-repeat: no-repeat;
    background-position: calc(100% - 17px) center;
    background-size: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-check p {
    margin-bottom: 10px;
}

.intl-tel-input {
    position: relative;
    display: inline-block;
    width: 100%;
}
/* modal rules */
.modal-dialog.popup-content {
    position: absolute;
    left: 50%;
    top: 50%;
    pointer-events: all;
    margin: 0;
    transition: none;
    transform: translate(-50%,-50%) !important;
    max-width: 780px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 14px;
    padding: 60px 130px;
}

.popup-content h4 {
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 37px;
    letter-spacing: -0.002em;
    color: var(--bs-secondary);
}

.popup-content p {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    margin: 24px 0 0;
    padding: 0 30px;
    letter-spacing: -0.002em;
    text-align: center;
    color: #757575;
}

@keyframes input-pulse {
    0% {
        box-shadow: 0 0 0 0 var(--bs-secondary)
    }

    100% {
        box-shadow: 0 0 0 15px #d7f3c5
    }
}

.input-pulse {
    animation: input-pulse 2s infinite;
    transition: .5s ease box-shadow;
    border-radius: 15px;
}

.popup-content .code-block {
    background: #F6F7F9;
    font-size: 40px;
    margin-top: 25px;
    padding: 29px 99px;
    font-style: normal;
    font-weight: 500;
    border-radius: 5px;
    line-height: 49px;
    letter-spacing: -0.002em;
    color: #616161;
}

    .popup-content .code-block span {
        letter-spacing: 36px;
    }

.popup-footertxt {
    display: flex;
    justify-content: space-between;
    margin: 15px 0 0;
}

    .popup-footertxt a {
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        color: var(--bs-secondary);
        letter-spacing: -0.002em;
        text-align: left;
    }

.change-phoneno input {
    background: #F6F7F9;
    border: none;
    border-radius: 14px;
}

.change-phoneno {
    margin: 42px 0 0;
}

.code-block input[type="text"] {
    background: transparent;
    border: none;
    width: 100%;
    color: #616161;
    font-weight: 500;
    text-align: center;
    letter-spacing: 36px;
}

.submit-wrapper {
    margin: 44px 0 0;
}
/*forget-password page*/
.forget_headings {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.002em;
    margin: 0;
    text-align: center;
    color: var(--bs-secondary);
    text-transform: uppercase;
}

.form_for_forget p {
    font-size: 17px;
    color: #757575;
    font-style: normal;
    font-weight: 500;
    padding: 0;
    margin: 10px auto 0;
    line-height: 1.7;
    letter-spacing: -0.002em;
    text-align: center;
    max-width: 470px;
}

.label_form {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.002em;
    text-align: left;
    color: #757575;
    float: left;
    padding-left: 16px;
}

.forget_inner {
    width: 570px;
    margin: 30px auto 0;
}

.back-to-login {
    color: #AEAFB1;
    text-decoration: underline;
    margin: 10px 0 0;
    font-size: 14px;
    display: inline-block;
}

    .back-to-login:hover {
        color: var(--bs-secondary);
    }

.forget-buttonsss {
    text-align: center;
    /*margin: 17px 0 0;*/
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.forget-icons {
    float: right;
    position: relative;
    margin-top: -37px;
    margin-right: 18px;
}

.forget {
    padding-top: 128px;
    padding-bottom: 128px;
}
/*forget-password-email page*/
.mail-forgets {
    text-align: center;
}

.check-password {
    font-size: 20px;
    font-weight: 600;
    color: #757575;
    margin-top: 47px;
}

button.continue {
    margin-top: 68px;
}

.mail-forgets .form_for_forget {
    padding: 79px 0px 51px;
    max-width: 787px;
}

.checkbox {
    text-align: center;
    margin-top: 24px;
}

.login-label {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.002em;
    text-align: left;
    color: #757575;
}

.pass-forget {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.002em;
    text-align: center;
    color: #AEAFB1;
    text-decoration: underline;
    display: inline-block;
    margin: 15px 0 0;
}

.checkbox input#invalidCheck {
    height: 24px !important;
    width: 24px;
    background: #efefef !important;
    border: none !important;
    vertical-align: middle;
}

.pass-forget:hover {
    color: var(--bs-secondary);
}

.login-sats {
    padding-top: 40px;
}

    .login-sats .form_for_forget {
        padding: 39px 48px 35px;
    }

.form-check input:not(.ScreeningOption) {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.form-check-label {
    position: relative;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #efefef;
}

    .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

.form-check input:checked ~ .checkmark {
    background-color: var(--bs-secondary);
}

    .form-check input:checked ~ .checkmark:after {
        display: block;
    }

.form-check .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.form_for_forget {
    max-width: 750px;
    border-radius: 14px;
    width: 90%;
    text-align: center;
    margin: auto;
    box-shadow: 0px 0px 30px 0px #0000000d;
    padding: 40px 16px;
}

.load-more {
    display: block;
}

    .load-more:hover {
        color: var(--bs-secondary);
    }

.form-check.login-form {
    /*margin: 26px 0 0;*/
}
/*******************************************/
.banner-img img {
    width: 100%;
}

.question-div {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
}

    .question-div.question4 {
        max-width: 650px;
    }
/* edit page rules */
.conclude a, .conclude p {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.002em;
    text-align: left;
    color: var(--bs-secondary);
    float: right;
    margin-top: -16px;
    position: relative;
}

.edit-profile .button-std {
    margin: 30px 0 0;
}

.width-854 {
    max-width: 854px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.width-half, .width-3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

    .width-half .input-group:last-child, .width-3 .input-group:last-child {
        margin-right: 0;
    }

    .width-half .input-group.radio:not(:first-child), .width-3 .input-group.radio:not(:first-child) {
        margin-top: 0;
    }

    .width-half .input-group, .width-3 .input-group {
        margin-right: 5px;
    }

.report-upload p {
    font-weight: 600;
}

.daterangepicker {
    padding: 0;
    margin: 0;
    width: auto;
    -webkit-box-shadow: 0 0 50px 0 var(--Shadow-15) !important;
    box-shadow: 0 0 50px 0 var(--Shadow-15) !important;
    border-radius: .85rem !important;
    border: 0 !important;
    font-family: var(--font-family-default) !important;
    z-index: 6;
}

    .daterangepicker.show-calendar .drp-buttons {
        display: block !important;
    }

    .daterangepicker select.monthselect,
    .daterangepicker select.yearselect {
        font-size: 12px;
        padding: 1px;
        height: auto;
        margin: 0;
        cursor: default;
    }

    .daterangepicker select.monthselect {
        margin-right: 2%;
        width: 56%;
    }

    .daterangepicker select {
        border-radius: .85rem;
        background: 0 0 !important;
        border-color: #e4e6ef !important;
        color: #3F4254 !important;
    }

    .daterangepicker .drp-calendar td.available.off {
        color: #b5b5c3
    }

    .daterangepicker .calendar-table td.available:hover {
        background-color: var(--bs-secondary);
        color: #fff;
    }

    .daterangepicker td.active, .daterangepicker td.active:hover {
        background-color: var(--bs-secondary);
        background-image: none;
        color: #fff;
        border-radius: 50px;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 17px;
        letter-spacing: 0em;
        text-align: center;
    }

    .daterangepicker .calendar-table td.today.active {
        background-color: var(--bs-secondary) !important;
        color: #ffffff !important;
    }

    .daterangepicker .calendar-table td.active,
    .daterangepicker .calendar-table td.active:hover {
        color: #fff !important;
        cursor: pointer;
        background-image: none;
        background-color: var(--bs-primary);
        border-radius: 50px !important;
        font-size: 12px;
        font-style: normal;
        min-width: 24px;
        width: 24px;
        height: 24px;
    }

    .daterangepicker .calendar-table td {
        min-width: 30px;
        width: 30px;
        height: 30px;
        font-size: 12px;
        color: var(--bs-secondary);
        border-radius: 50px !important;
        text-align: center;
        padding: 0 !important;
        line-height: normal;
    }

    .daterangepicker .calendar-table th {
        color: #333;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        letter-spacing: 0em;
        text-align: center;
    }

    .daterangepicker option.disabled,
    .daterangepicker td.disabled {
        color: #999 !important;
        cursor: not-allowed !important;
        text-decoration: line-through !important;
    }


.drp-buttons .applyBtn {
    background: var(--bs-secondary);
    border: var(--bs-secondary);
}

.user {
    background-color: var(--bs-secondary);
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: -0.002em;
    text-align: center;
    color: #fff;
}

    .user .fa {
        margin: 0 0 0 19px;
    }

.conclude {
    display: flex;
    justify-content: space-between;
}
/* terms and condition page */
.border-left-3 {
    border-left: 3px solid #DEE2E6;
    padding-left: 100px;
}

.agree-consent p:not(:first-child) {
    margin-top: 20px;
    margin-bottom: 0;
}

.agree-consent p {
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: -0.002em;
}

    .agree-consent p span {
        font-weight: 600;
    }

    .agree-consent p a {
        color: var(--bs-secondary);
    }

.mt-52 {
    margin-top: 52px;
}

p.para {
    line-height: 25px;
}

.accordian-group {
    margin: 17px 0 0;
}

.agree-consent h4 {
    font-size: 21px;
    font-style: normal;
    font-weight: 600;
    cursor: pointer;
    line-height: 21px;
    letter-spacing: -0.002em;
    color: var(--bs-secondary);
    display: flex;
    justify-content: space-between;
}

    .agree-consent h4 .fa, .agree-consent h4 img {
        float: right;
    }

.accordion .card {
    border-bottom: 1px solid #dadada !important;
    background: none;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.agree-consent .card-header {
    background: none;
    border: none;
}

.mt-40 {
    margin-top: 40px;
}

.consent-st h4 {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: -0.002em;
    text-align: left;
    color: #757575;
    margin: 0;
}

.agree-consent .consent-st p {
    line-height: 25px;
    margin-top: 10px;
}

.consent-st .form-outline {
    margin: 30px 0 0;
    width: 60%;
}

    .consent-st .form-outline label, .consent-st .form-outline .error-msg {
        padding: 0;
    }

.consent-st .form-check {
    margin: 32px 0 0;
}

.consent-st .form-outline .error-msg {
    position: static;
}

.consent-st .form-check label {
    line-height: 25px;
}

.consent-st .submit-wrapper {
    text-align: center;
}

.consent-st .checkmark {
    top: 6px;
}

.color-red {
    color: #E5707E;
    font-weight: 500 !important;
}

.agree-consent .disc li {
    font-weight: 400;
    list-style-type: decimal;
    margin: 0;
    padding: 0;
    list-style-position: inside;
}

    .agree-consent .disc li::before {
        display: none;
    }

.accordion .card-body {
    padding-top: 5px;
}

.agree-consent .card-body > p {
    margin-bottom: 0;
}

.agree-consent ul.disc {
    margin-bottom: 0;
}

.agree-consent li {
    margin: 0;
    padding: 0 !important;
    list-style: disc;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.002em;
}

    .agree-consent li li {
        list-style: none !important;
    }

.plus-minus-icon {
    float: right;
    width: 20px;
    height: 20px;
}

    .plus-minus-icon.plus-icon {
        background-image: url(/assets/Content/img/dashboard/plus-icon.svg);
    }

    .plus-minus-icon.minus-icon {
        background-image: url(/assets/Content/img/dashboard/minus-icon.svg);
    }

.card-body ul {
    margin: 10px 0 0;
}

.edit-profile .form-label {
    text-transform: initial;
}

.card-header h4 span:first-child {
    width: 90%;
}
/* let get started */
i.fa.fa-asterisk {
    color: #E5707E;
    font-size: 8px;
    vertical-align: top;
    padding: 4px 0 0 3px;
}

h2 span i.fa.fa-asterisk {
    padding: 0;
    vertical-align: middle;
}

.agree-consent .consent-st {
    /*padding: 0 0 0 100px;*/
}
/* upload profile */
.row.form-wrapper-outer {
    margin-left: 0;
    margin-right: 0;
}

.bold {
    font-weight: 600 !important;
}

.mt-15 {
    margin-top: 3.5rem;
}

.inputDnD .form-control-file {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 179px;
    outline: none;
    visibility: hidden;
    cursor: pointer;
    background-color: transparent;
    box-shadow: 0 0 5px solid currentColor;
}

    .inputDnD .form-control-file:before {
        content: attr(data-title);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 100%;
        line-height: 2em;
        padding-top: 1.5em;
        opacity: 1;
        border-radius: 14px;
        visibility: visible;
        text-align: center;
        border: 2px dashed var(--bs-secondary);
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
        overflow: hidden;
    }

    .inputDnD .form-control-file:hover:before {
        border-style: solid;
        box-shadow: none;
    }

.drag-drop-wrapper {
    position: relative;
}

.drag-heading {
    font-weight: 500;
}

    .drag-heading a {
        color: var(--bs-secondary);
    }

    .drag-heading span {
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        padding: 0 0 0 26px;
        line-height: 18px;
        letter-spacing: -0.002em;
        text-align: left;
        color: #F0AD4E;
    }

.upload-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.mb-60 {
    margin-bottom: 60px;
}

.text-decoration-underline {
    text-decoration: underline;
}

.pdf-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.progress-wrapper {
    margin: 0 0 0 24px;
    position: relative;
}

.drag-drop-wrapper:not(:last-child) {
    margin-bottom: 60px;
}

.upload-icon > a {
    margin: 0 0 17px;
    display: inline-block;
}

.input-wrapper {
    position: relative;
}

.pdf-icon .progress {
    display: -ms-flexbox;
    display: flex;
    height: 4px;
    overflow: hidden;
    line-height: 0;
    font-size: .75rem;
    background-color: #cdcdcd;
    border-radius: .25rem;
    position: absolute;
    right: 0;
    width: 100%;
    top: 112%;
}

.form-group.inputDnD {
    margin-top: 68px !important;
    margin: 0;
    margin-top: 68px !important;
}
/* managining your preference */
.my-btns label.btn {
    min-width: 133px;
    min-height: 40px;
    background: transparent;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    border: 1px solid #9e9e9e;
    border-radius: 14px;
    letter-spacing: -0.002em;
    text-align: center;
    color: #9e9e9e;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.my-btns input:checked + label {
    color: #fff;
    background: var(--bs-secondary);
    border: transparent;
}

.my-btns input[type="radio"] {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 14%;
    cursor: pointer;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 27px;
    justify-content: center;
    align-items: center;
}

.my-btns p {
    position: relative;
}

    .my-btns p:not(:last-child) {
        margin-right: 20px;
    }

.deny-allow {
    min-height: 100px;
    border: 1px solid #DEE2E6;
    border-radius: 14px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
}

    .deny-allow:not(:last-child) {
        margin: 0 0 30px;
    }

    .deny-allow:first-child {
        margin-top: 52px;
    }

.manage-preference .form-wrapper {
    padding-top: 30px !important;
    margin-top: 25px;
}

.my-btns {
    display: flex;
}

    .my-btns label.btn:not(:last-child) {
        margin-right: 20px;
    }
/* terms of use */
.sub-heading {
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 37px;
    letter-spacing: -0.002em;
    text-align: left;
    color: #757575;
    margin: 0 0 15px;
}

.message-wrapper h4.sub-heading {
    font-weight: 600;
}

.p-green-txt {
    font-weight: 600;
    color: var(--bs-secondary);
    cursor: pointer;
}

.p-green-txt-vaccine {
    font-weight: 600;
    color: var(--bs-secondary);
}

.p-green-txt-bold {
    font-weight: 600;
    color: var(--bs-secondary);
    font-size: 25px;
}

.green-txt {
    color: var(--bs-secondary);
}

.terms-cnt-sec {
    margin: 30px 0 0;
}

.tems-of-use .p-green-txt {
    margin-bottom: 10px;
}

.tems-of-use p {
    margin-bottom: 30px;
}

p b {
    font-weight: 600;
}

/* account page */
.to-do {
    background: var(--bs-primary) !important;
    color: #fff;
}

.to-do-light {
    background: var(--bs-primary-light) !important;
}

    .to-do-light .number {
        background: transparent;
        color: var(--bs-primary-light);
        font-size: 14px;
        bottom: 17px;
        left: 22px;
    }

    .to-do-light .dose-number {
        background: #fff !important;
        left: 15px !important;
        bottom: 6px !important;
    }

.completed-view {
    background: var(--bs-secondary);
    color: #fff;
}

.completed-view-light {
    background: var(--bs-success-light) !important;
}

    .completed-view-light .number {
        background: transparent;
        color: #c9c9c9;
        font-size: 14px;
        bottom: 17px;
        left: 22px;
    }

    .completed-view-light .dose-number {
        background: #fff;
        left: 15px !important;
        bottom: 6px !important;
    }

.in-progress {
    background: #F0AD4E !important;
    color: #fff;
}

.in-progress-light {
    background: #FFD395 !important;
}

    .in-progress-light .number {
        background: transparent;
        color: #FFD395;
        font-size: 14px;
        bottom: 17px;
        left: 22px;
    }

    .in-progress-light .dose-number {
        background: #fff;
        left: 15px !important;
        bottom: 6px !important;
    }

.upcoming {
    background: transparent !important;
    color: #fff;
}

.upcoming-light {
    background: #C9C9C9 !important;
}

.upcoming .more-btn a {
    pointer-events: none;
}

.button-100-46 {
    color: white;
    min-width: 125px;
    min-height: 46px;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: -0.002em;
    text-align: center;
}

.to-do-wrapper {
    border: 1px solid #ececec;
    border-radius: 5px;
    position: relative;
    margin: 0 0 35px 0;
    padding: 21px 15px 5px;
    min-height: 259px;
}

    .to-do-wrapper:hover {
        border-color: #b3b3b3;
        cursor: pointer;
    }

    .to-do-wrapper:last-child {
        margin-right: 0;
    }

.account .form-wrapper {
    padding: 30px 27px;
}

.row.form-wrapper.tabs-outer {
    margin-left: 0;
    margin-right: 0;
}

.to-do-wrapper .img-block {
    width: 60px;
    height: 60px;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.opacity-50 {
    opacity: 0.5;
}

.to-do-wrapper p {
    margin: 17px 0 0;
    min-height: 57px;
}

.to-do-wrapper .button-100-46 {
    margin-top: 37px;
}

.nav-tabs a.nav-link {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    position: relative;
    line-height: 24px;
    letter-spacing: -0.002em;
    color: #757575;
    border: none;
    text-transform: uppercase;
    box-shadow: none;
    padding: 4px 0;
    /*margin: 0 18px;*/
}

    .nav-tabs a.nav-link:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        background: var(--bs-secondary);
        height: 3px;
        opacity: 0;
    }

    .nav-tabs a.nav-link.active {
        opacity: 1;
        color: #000;
        border-bottom: 2px solid var(--bs-secondary);
    }

        .nav-tabs a.nav-link.active::after {
            opacity: 1;
        }

.account .nav-tabs {
    border: none;
    display: flex;
    justify-content: center;
    margin: 0 0 33px;
}

.account .tab-pane {
    padding: 0;
    margin: 0;
    width: 100%;
}

.notification {
    background: #E5707E;
    color: #fff;
    margin-bottom: 40px;
    margin-top: -41px;
}

    .notification p, .notification a {
        font-size: 17px;
        font-style: normal;
        font-weight: 600;
        margin: 0;
        padding: 8px 0;
        line-height: 21px;
        letter-spacing: -0.002em;
        text-align: left;
        color: #fff;
    }

        .notification p img {
            margin: 0 10px 0 0;
        }

.user-popup {
    max-width: 320px;
    padding: 30px 43px;
    display: flex;
    flex-direction: column;
    display: none;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    position: absolute;
    right: 40px;
    border: 1px solid #F5F5F5;
    z-index: 9999;
    top: 92%;
    background: #fff;
}

.click-here:hover {
    color: #fff;
    font-weight: 700;
}

.user-popup a img {
    margin: 0 0 0 8px;
}

.user-popup h4, #userdetails h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.002em;
    text-align: left;
    color: #616161;
}

.user-popup p, .user-popup a, #userdetails a, #userdetails p {
    color: #989898;
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
    width: 100%;
    margin: 0;
}

.user-popup .nav-link, #userdetails .nav-link {
    color: #757575;
    font-weight: 600;
}

.user-popup a:hover {
    color: var(--bs-secondary);
}

.user-popup a, .user-popup p, #userdetails p, #userdetails a {
    margin-bottom: 12px;
}

.user-popup .bold {
    font-weight: 600;
    padding: 10px 0;
    margin-bottom: 0;
    border-top: 1px solid #DEE2E6;
    border-bottom: 1px solid #DEE2E6;
}

header {
    position: relative;
}

.user-popup button {
    margin-top: 54px;
}

.number {
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50px;
    color: #FFD395;
    position: absolute;
    display: flex;
    font-weight: 600;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    left: 15px;
    bottom: 6px;
}

.upcoming-light .number {
    background: transparent;
    color: #C9C9C9;
    font-size: 14px;
    bottom: 17px;
    left: 22px;
}

.upcoming-light .dose-number {
    background: #fff;
    left: 15px !important;
    bottom: 6px !important;
}

.report-boxes input[type="file"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    left: 0;
    right: 0;
    width: 100%;
}

.report-boxes p {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.002em;
    position: relative;
    color: #a6a6a6;
    margin: 0 95px 0 0;
}

.report-box-inner {
    padding: 0 6px;
}

.report-boxes p img {
    margin: 0 0 0 10px;
}

.chat {
    width: 60px;
    height: 60px;
    background: var(--bs-secondary);
    border-radius: 50px;
    position: absolute;
    right: 0;
    bottom: -9px;
    right: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
}

    .chat span {
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: 15px;
        background-color: #E5707E;
        border: 2px solid #fff;
        letter-spacing: -0.002em;
        text-align: center;
        color: #fff;
        width: 18px;
        height: 18px;
        border-radius: 50px;
        position: absolute;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 0;
        padding: 0;
    }
/* message */
.shadow-wrapper-854 {
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
    border-radius: 14px;
    max-width: 854px;
    padding: 30px;
    margin: 23px auto 0;
    display: flex;
    flex-direction: column;
    height: calc(100% - 200px);
}

.max-width {
    max-width: 80%;
}

.form-outer-border {
    border: 1px solid rgba(99, 174, 52, 0.2);
    border-radius: 14px;
    padding: 10px;
    min-height: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .form-outer-border input[type="text"] {
        min-height: 100%;
        margin: 0;
        padding: 0;
        width: 90%;
        font-size: 17px;
        font-style: normal;
        font-weight: 500;
        line-height: 21px;
        letter-spacing: -0.002em;
        color: #AEAFB1;
        border: none;
    }

img.send {
    background-color: var(--bs-secondary);
    width: 43px;
    height: 43px;
    text-align: center;
    border-radius: 10px;
    border: none;
}
/* Styles for the no-content message */
.no-content-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
}

    .no-content-message svg {
        margin-bottom: 10px; /* Space between icon and text */
        height: 100px;
        width: 100px;
    }

    .no-content-message p {
        font-size: 16px;
        font-weight: 500;
        line-height: 2;
    }

.message-inner {
    padding: 10px 12px 20px 0;
    height: 100%;
    overflow-y: auto;
}

.message-box-container .card-footer {
    background: none;
    flex-shrink: 0;
}

.msg-received {
    margin: 0;
    position: relative;
    color: #fff;
    font-weight: 500;
    background-color: var(--bs-secondary);
    border-Top-right-radius: 14px;
    border-Bottom-right-radius: 14px;
    border-Bottom-left-radius: 14px;
    max-width: -webkit-fill-available;
}

.msg-sent {
    margin: 0;
    position: relative;
    color: #757575;
    font-weight: 500;
    background-color: #DEE2E6;
    border-Top-left-radius: 14px;
    border-Bottom-right-radius: 14px;
    border-Bottom-left-radius: 14px;
    max-width: -webkit-fill-available;
    text-align: left;
}

    .msg-sent .msg-content {
        padding: 10px 20px 0px;
    }

.msg-received .msg-content {
    padding: 10px 20px 15px;
}

.msg-status {
    position: relative;
    padding-right: 5px;
    display: flex;
    justify-content: flex-end;
}

.msg-outer {
    font-size: 13px;
}

.date {
    color: rgba(0,0,0,0.60);
}

.msg-sent-inner {
    justify-content: flex-end;
    flex-direction: column;
    float: right;
}

.msg-received-inner {
    justify-content: flex-start;
    flex-direction: column;
    float: left;
}

.msg-sent-inner .date {
    text-align: right
}

.message-inner div a {
    word-break: break-all !important;
    font-size: 13px;
}

.message-inner p {
    font-weight: bold;
    font-size: 13px;
    margin: 0;
}

.msg-received-outer {
    margin: 0 0 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.msg-sent-outer {
    margin: 0 0 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

    .msg-sent-outer .msg-outer {
        text-align: right;
    }

.report-sideeffect .form-wrapper {
    margin: 36px 0 0;
    padding: 30px;
}

.border-box {
    border: 1px solid #DEE2E6;
    border-radius: 14px;
    padding: 20px;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .border-box.sideeffect-report:not(:first-child) {
        margin-top: 30px;
    }

    .border-box:hover {
        box-shadow: 2px 2px 20px rgba(0,0,0,0.05);
        background-color: #fff;
        border-color: transparent;
        position: relative;
    }

        .border-box:hover:before {
            content: "";
            height: 10px;
            background-color: var(--bs-secondary);
            position: absolute;
            left: 0;
            right: 0;
            bottom: -1px;
            border-bottom-right-radius: 14px;
            border-bottom-left-radius: 14px;
        }

.covid {
    background-color: #E5707E;
}

.medication {
    background-color: #F0AD4E;
}

.none {
    background-color: #9E9E9E;
}


.sideeffect-report p {
    align-items: center;
    margin: 0;
}

.back-dashboard {
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.002em;
    text-align: left;
    color: var(--bs-secondary);
    margin-top: 20px;
    text-decoration: underline;
}

    .back-dashboard:hover {
        text-decoration: none;
        color: var(--bs-secondary);
    }

a.long-transparent-button, a.button-long {
    display: inline-flex;
    text-decoration: none;
    justify-content: center;
    align-items: center;
}

a.button {
    background-color: var(--bs-secondary);
    color: #ffff;
    border: none;
    box-shadow: none;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 14px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

    a.button:hover {
        color: #fff;
    }

.side-effect-report a:not(:last-child) {
    margin-bottom: 10px;
}

.side-effect-report a:first-child {
    margin-top: 40px;
}

.side-effect-report h6 {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.002em;
    text-align: center;
    color: var(--bs-secondary);
    text-transform: uppercase;
}

    .side-effect-report h6 + a {
        margin-top: 25px;
    }

.p-12-20 {
    padding: 12px 20px;
}

.MW-160 {
    min-width: 160px;
}

.sideeffect-inner p {
    min-width: 160px;
    max-width: 160px;
    font-weight: 500;
    line-height: 20px;
}

    .sideeffect-inner p.bold {
        font-size: 18px;
        font-weight: 600;
    }

.sideeffect-inner.border-box:hover:before {
    height: 5px;
}

.sideeffect .border-box:not(:first-child) {
    margin-top: 10px;
}

.sideeffect .form-wrapper-outer {
    margin-top: 30px;
}

.sideeffect .form-wrapper {
    padding-top: 30px;
}

.input-group.date {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

    .input-group.date .fa {
        color: var(--bs-secondary);
        font-size: 24px;
    }

.register form.row.g-3.needs-validation {
    padding-top: 50px;
}

.report-effect.modal {
    background: rgba(0,0,0,0.5);
}

span.firstid-icon {
    width: 63px;
    height: 63px;
    border: 6px solid var(--bs-secondary);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    margin: 0 0 21px;
    color: var(--bs-secondary);
    font-size: 36px;
}

.modal-dialog.popup-content.side-effect-report.text-center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.mob-sideeffect {
    display: none;
}
/* side effect  question */
.question1 ul.nav.nav-tabs {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #F6F7F9;
    border-radius: 14px;
    border: none;
    margin: 30px auto 0;
}

.question1 a.nav-link {
    background: transparent;
    color: #fff;
    text-decoration: none;
    color: #757575;
    padding: 6px 20px;
    border-radius: 14px;
    margin: 0 24px 0 0;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.002em;
    text-align: left;
    font-weight: 600;
}

.question1 li:last-child a.nav-link {
    margin-right: 0;
}

.question1 a.nav-link.active {
    background: var(--bs-secondary);
    color: #fff;
}

    .question1 a.nav-link.active:after {
        display: none;
    }

.question-form {
    margin: 30px 0 0;
    width: 100%;
}

.submit-icon {
    background-image: url(/assets/Content/img/dashboard/search-icon.png);
}

.radio, .checkbox1 {
    border: 1px solid #dee2e6;
    background-color: #F6F7F9;
    border-radius: 14px !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    color: #757575;
    line-height: 21px;
    position: relative;
    align-items: center;
    letter-spacing: -0.002em;
    text-align: left;
    margin-bottom: 10px;
}

.to-do-wrapper button:first-letter {
    text-transform: capitalize;
}

.to-do-wrapper button {
    text-transform: initial;
}

.form-check .form-check-input.ScreeningOption {
    border-color: var(--bs-secondary);
}

.form-check-input.ScreeningOption:checked {
    background-color: var(--bs-secondary);
}

input[type=radio]:not(.ScreeningOption) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background-color: transparent;
}

    input[type=radio]:not(.ScreeningOption):focus, input[type=checkbox]:focus {
        box-shadow: none;
    }

.radio [type="radio"]:not(.ScreeningOption):checked, .radio [type="radio"]:not(.ScreeningOption):not(:checked), .checkbox1 [type="checkbox"]:checked, .checkbox1 [type="checkbox"]:not(:checked) {
    position: absolute;
    left: 16px;
    top: 36%;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-size: contain;
}

    .radio [type="radio"]:not(.ScreeningOption):checked:before, .radio [type="radio"]:not(.ScreeningOption):not(:checked):before, .checkbox1 [type="checkbox"]:checked:before, .checkbox1 [type="checkbox"]:not(:checked):before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 15px;
        height: 15px;
        background-position: center;
        background-repeat: no-repeat;
    }

    .radio [type="radio"]:not(.ScreeningOption):checked:before {
        background-image: url(/assets/Content/img/dashboard/radio-checked.png);
    }

    .radio [type="radio"]:not(.ScreeningOption):not(:checked):before {
        background-image: url(/assets/Content/img/dashboard/radio-icon.png);
    }

    .checkbox1 [type="checkbox"]:checked:before {
        background-image: url(/assets/Content/img/dashboard/checkbox-checked.png);
    }

    .checkbox1 [type="checkbox"]:not(:checked):before {
        background-image: url(/assets/Content/img/dashboard/checkbox-icon.png);
    }

.input-group.checkbox1 span {
    width: 90%;
}

/*.input-group.radio:not(:first-child), 
.input-group.checkbox1:not(:first-child) {
    margin-top: 10px;
}*/

.question-form .form-outline {
    margin-bottom: 0 !important;
}
/*[id^=childrenDiv].form-outline {
    margin-bottom: 0;
}*/
.border-green {
    border-color: var(--bs-success);
}

textarea:not(#messageInput) {
    min-height: 100px !important;
    background-color: #F6F7F9 !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 14px !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500 !important;
    width: 100% !important;
    resize: none !important;
    line-height: 21px !important;
    padding: 6px 21px !important;
    letter-spacing: -0.002em;
    text-align: left;
}

.mt-30 {
    margin-top: 30px;
}

.previous-next {
    margin-top: 10px;
}

    .previous-next button {
        margin: 0 25px;
    }

.search-listing {
    position: absolute;
    top: 100%;
    padding: 0 10px;
    border: 2px solid #F6F7F9;
    border-radius: 14px;
    background-color: #fff;
    left: 0;
    display: none;
    right: 0;
    z-index: 99;
}

.search-listing1 {
    position: static;
    top: 100%;
    padding: 0 10px;
    border: 2px solid #F6F7F9;
    border-radius: 14px;
    background-color: #fff;
    left: 0;
    right: 0;
    z-index: 99;
}

.search-listing ul {
    margin: 0;
    padding: 0;
}

    .search-listing ul li, .search-listing1 ul li {
        padding: 10px 0;
    }

h4.p-green-txt {
    font-size: 20px;
}

.submit p:not(:first-child) {
    margin-top: 15px;
}

.view-pdf {
    margin-top: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .view-pdf p {
        margin-right: 13px;
    }

ul.submit-back {
    display: flex;
    justify-content: center;
    margin: 56px 0 0;
}

    ul.submit-back li {
        margin: 0 25px;
    }

.view-pdf:hover {
    text-decoration: none;
}
/***********************************************contact us css***********************************************/
.form_descrptions h2, .form_descrptions h3 {
    color: var(--bs-secondary) !important;
    font-size: 21px;
    font-weight: bold;
    line-height: 30px;
}

.form-contacts {
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgb(0 0 0 / 5%);
    border-radius: 14px;
    padding: 30px 132px 59px;
    margin-top: 29px;
}

.form_descrptions p {
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.002em;
    text-align: center;
    margin: 0;
    color: #757575;
}

.contact_us #name {
    margin-top: 19px;
    margin-bottom: 0px;
}

.contact_popup_content p {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.002em;
    margin-top: 18px;
}

.continue-btn {
    height: 45px;
    width: 160px;
    border-radius: 14px;
    background: var(--bs-secondary);
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.002em;
    text-align: center;
    color: #FFFFFF;
    margin-top: 101px;
}

img.captcha {
    max-width: 100%;
}
/* covid vacination dose */
.manufacture .input-hidden {
    position: absolute;
    left: -9999px;
}

.radioinput-group, .checkboxinput-group {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 20px 0 0;
}

    .radioinput-group label, .checkboxinput-group .image-label-box, .input-wrapperCheckbox-inner label {
        text-align: center;
        display: flex;
        cursor: pointer;
        max-width: 186px;
        min-height: 70px;
        justify-content: center;
        align-items: center;
    }

        .radioinput-group label img, .checkboxinput-group .image-label-box img, .input-wrapperCheckbox-inner label img {
            width: 100%;
        }

.radio-img > .filter > label {
    margin: 0 auto .5rem;
}

.padding-7 {
    padding-left: 7px;
    padding-right: 7px;
}

.input-inner {
    margin-bottom: 36px;
}

.text-30 {
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 37px;
    color: var(--bs-secondary);
    letter-spacing: -0.002em;
    text-align: center;
    margin: 0;
}

.mb-30 {
    margin-bottom: 30px;
}

.w-71 {
    width: 70% !important;
}

.w-84 {
    width: 84% !important;
}

.covid-dose .drag-drop-wrapper {
    position: relative;
    width: 60%;
    margin: 0 auto;
}

.button-outer {
    margin: 80px 0 0;
    display: flex;
    justify-content: center;
}

    .button-outer button {
        margin: 0 25px;
    }

.covid-dose .form-wrapper {
    margin-top: 30px;
    padding-top: 30px;
}

.filter img, .filter p {
    filter: grayscale(0) !important;
    opacity: 1 !important;
}

.radioinput-group input[type=radio]:checked + label > img, .radioinput-group input[type=radio]:checked + label + p {
    filter: grayscale(0);
    opacity: 1;
}

.radioinput-group input[type=radio]:not(:checked) + label > img, .radioinput-group input[type=radio]:not(:checked) + label + p {
    filter: grayscale(1);
    opacity: 0.3;
}

.search-border {
    margin: 10px 0 0;
    border: 1px solid var(--bs-secondary);
    background-color: #F6F7F9;
}

.weight-in-pounds:first-child:before {
    content: "";
    position: absolute;
    background: var(--bs-secondary);
    width: 2px;
    right: 0;
    top: -10px;
    bottom: -10px;
}

.weight-in-pounds {
    padding: 0 11px;
    position: relative;
}

    .weight-in-pounds:first-child {
        padding-left: 0;
    }

    .weight-in-pounds:last-child {
        padding-right: 0;
    }

.radio-3 li {
    width: 30px;
    text-align: center;
    min-height: 14px;
}

.radio-3 ul {
    margin: 0;
    justify-content: center;
}

.radio-3 li input[type="radio"] {
    position: static !important;
}

    .radio-3 li input[type="radio"]:before {
        left: 11px !important;
    }

.radio-3 {
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

    .radio-3 li input + span, .radio-3 li input + label {
        display: none;
        margin: 0;
    }

    .radio-3 i.fa.fa-info {
        color: var(--bs-secondary);
        font-size: 16px;
        margin: 0 0 0 6px;
        cursor: pointer;
    }

.yes-no li {
    margin: 0 6px;
    line-height: 18px;
}

    .yes-no li:last-child {
        margin-right: 0;
    }

.yes-no ul {
    display: flex;
    justify-content: flex-end;
    margin: 0;
    max-width: 107px;
    align-items: center;
}

.input-group.radio.radio-3 {
    padding: 6px 14px 6px 21px;
    min-height: 50px;
}

.yes-no {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    padding: 0 7px 0 0;
}

.semi-bold {
    font-weight: 500;
}

.completed .view-pdf {
    margin: 0;
}

.reports {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px 0 0;
}

input.upload-file {
    opacity: 0;
    position: absolute;
    left: 0;
    cursor: pointer;
}

.upload-profile .form-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
}

.reports a {
    margin: 0 15px;
}

.text {
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.002em;
    text-align: center;
    color: var(--bs-success);
}

.icon-margin-left {
    margin-left: 13px;
}

a:hover {
    color: var(--bs-success);
}

.font-weight-500 {
    font-weight: 500;
}

.reports + div {
    margin-top: 80px;
}

    .reports + div + p {
        margin-top: 20px;
        padding: 0 18%;
    }

.completed .form-wrapper {
    padding-top: 30px;
    margin-top: 30px;
}

#messageInput {
    font-size: 14px;
    min-height: 40px;
    max-height: 120px;
    background-color: transparent !important;
    border: none;
    resize: none;
    margin-right: 5px;
    width: 100%;
    padding: 20px 20px 0 0;
    box-sizing: border-box;
}

    #messageInput:hover, #messageInput:focus {
        border: none;
    }

.mt-10 {
    margin-top: 10px;
}

.clickable {
    width: 100%;
    cursor: pointer;
    min-height: 50px;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: -0.002em;
    text-align: left;
    color: #757575;
    margin: 0;
    padding: 0 0 0 45px;
    display: flex;
    align-items: center;
}

.w-70 {
    width: 70%;
}

.close-popup {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bs-secondary);
    border-radius: 10px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.font-30 {
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 39px;
    letter-spacing: -0.002em;
    text-align: center;
    color: var(--bs-secondary);
}

.link-txt {
    color: var(--bs-secondary);
}

.end .form-wrapper {
    padding: 70px 44px;
}

.align-center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    width: 100%;
}

.close-2#boxclose {
    right: 0;
    top: 7px;
}

.report-boxes a {
    color: #757575;
    font-weight: 500;
    border: 2px solid var(--bs-primary);
    padding: 8px 16px;
    min-height: 76px;
    justify-content: space-between;
    align-items: center;
    border-radius: 11px;
    text-decoration: none;
}

    .report-boxes a:hover {
        text-decoration: underline;
    }

.report-bottom-text {
    margin: 36px 0 0;
    color: #a9a9a9;
}


    .report-bottom-text a {
        color: var(--bs-secondary);
    }

.report-boxes a span {
    width: 80%;
    font-weight: 600;
}

.report-boxes p {
    margin: 16px 0;
}

.report-boxes a img {
    margin-left: 20px;
}

input.kg {
    background: transparent;
    border: none;
    width: 100%;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.manufacture {
    display: flex;
    flex-direction: column;
}

.hide-show {
    opacity: 0;
}

.modal-dialog.popup-content.warning {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.buttons-outer {
    display: inline-flex;
    justify-content: center;
}

    .buttons-outer .button {
        margin: 0 4px;
    }

.modal-dialog.popup-content.warning {
    padding: 30px 4px;
}

.right-align {
    justify-content: flex-end;
}

.close-1 {
    display: none;
}

#userdetails {
    display: none;
}

.user-popup .edit-profile {
    color: #989898;
    font-weight: 500;
    text-transform: inherit !important;
    margin: 0;
}

.user-popup .nav-link {
    margin-top: 26px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.m-11 {
    margin: 2rem !important
}

.mt-11, .my-11 {
    margin-top: 2rem !important
}

.mr-11, .mx-11 {
    margin-right: 2rem !important
}

.mb-11, .my-11 {
    margin-bottom: 2rem !important
}

.ml-11, .mx-11 {
    margin-left: 2rem !important
}

.input-design {
    min-height: 50px;
    background-color: #F6F7F9;
    border-color: transparent;
    border-radius: 14px !important;
    font-size: 15px;
    border: 1px solid transparent;
    font-style: normal;
    font-weight: 500;
    color: #757575;
    line-height: 21px;
    padding: 6px 21px;
    position: relative;
    align-items: center;
    letter-spacing: -0.002em;
    text-align: left;
}

.daterangepicker .ranges li.active {
    background-color: var(--bs-secondary);
    color: #fff;
    display: none;
}

.shadow-wrapper {
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
    border-radius: 14px;
    max-width: 854px;
    padding: 30px;
    margin: 23px auto 0;
}

.click-to-cont {
    margin: 36px 0 0;
}

button.click-to-cont + p, a.click-to-cont + p {
    margin: 16px 0 0;
}

.min-height {
    min-height: 200px;
    justify-content: center;
    align-items: center;
    display: flex;
}

.error-txt {
    color: #E5707E !important;
}

.btn-danger {
    background-color: #E5707E;
    color: #fff;
    border: none;
}

.btn-outline-danger:hover {
    background-color: #E5707E;
}

.btn-outline-danger {
    border: 1px solid #E5707E;
}

.sideeffect-detail p {
    border-bottom: 1px solid #757575;
}

.sideeffect-detail li:last-child p {
    border-bottom: none;
}

.white-bg {
    background-color: #fff;
    color: #757575;
    border: 1px solid #9f9f9f;
    box-shadow: none;
    text-decoration: none;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 14px;
}

    .white-bg:hover {
        background-color: var(--bs-secondary);
        color: #fff;
        text-decoration: none;
    }

.added-side-effect {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

    .added-side-effect ul {
        display: flex;
    }

        .added-side-effect ul li {
            margin: 0 6px;
        }

            .added-side-effect ul li:last-child {
                margin-right: 0;
            }

    .added-side-effect .button-std {
        min-width: 100px;
        min-height: 40px;
    }

.added-wrapper p {
    padding: 0 20px 0 0;
}

.added-wrapper {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.details-wrapper ul {
    flex-direction: column;
    display: flex;
    margin: 0;
    padding: 0;
}

.details-wrapper {
    width: 100%;
    display: none;
    margin: 26px 0 0;
    border-left: 2px solid #DEE2E6;
    padding: 0 0 0 24px;
}

.w-30 {
    width: 30%;
}

.custom-a-tag {
    color: var(--bs-primary);
    text-decoration: underline;
}

.extra-space {
    margin-bottom: 50px !important;
}

.seperator {
    border-bottom: 1px solid #ccc;
    padding-bottom: 25px;
    margin-bottom: 25px !important;
}
/*.message-wrapper h4 + p {
    padding: 8px 0 0;
}*/
.vp-controls button:hover {
    background-color: var(--bs-primary) !important;
}

.card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 auto;
}

.resources-sec {
    margin-top: 30px;
}

    .resources-sec .card {
        padding-top: 30px;
        border: 1px solid #ececec;
    }

        .resources-sec .card:hover {
            border-color: var(--bs-secondary);
        }

    .resources-sec a:hover, .blog-sec a:hover {
        text-decoration: none;
    }

.card-title {
    font-size: 18px;
    color: var(--bs-secondary);
}

.card figure {
    margin: 0 auto;
    height: 150px;
    overflow: hidden;
    border-radius: 5px;
    width: 80%;
    object-fit: cover;
}

.resources-sec.form-wrapper, .blog-sec.form-wrapper {
    padding: 24px 9px;
}

figure {
    overflow: hidden;
}

.blog-sec figure {
    height: 350px;
    border-radius: 5px;
}

.card-body .button {
    margin-top: 21px;
    font-weight: 500;
}

.blog-sec .card-wrapper {
    margin-bottom: 30px;
}

.pagination {
    justify-content: flex-end;
}

.page-item.active .page-link {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.page-link {
    color: #8d9788;
}

    .page-link:focus {
        box-shadow: none;
    }

.guide-list {
    margin-top: 32px;
}

    .guide-list li:not(:last-child) {
        margin: 0 0 14px;
    }

.vacciene figure {
    border: 2px solid rgba(117,117,117,0.3);
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px;
    border-radius: 14px;
}

    .vacciene figure img {
        width: 100px;
        height: 65px;
    }

.vacciene-wrapper .col-md-3 {
    margin: 0 0 30px;
}

.vacciene-wrapper a:hover {
    text-decoration: none;
}

#date-author p {
    margin-right: 16px;
}

#date-author {
    margin-bottom: 18px;
}

.vacciene-modal li {
    margin: 0 6px;
}

.vacciene-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 37px;
    letter-spacing: -0.002em;
    color: var(--bs-secondary);
}

.vacciene-modal .form-wrapper {
    padding: 48px 32px;
}

.vacciene-modal p {
    margin-top: 12px;
}

.video-wrapper iframe {
    width: 100%;
    min-height: 320px;
    height: 100%;
}

.videos .card-body {
    padding-left: 0;
}

.videos .card-wrapper {
    margin-bottom: 21px;
}

.video-sec.form-wrapper {
    padding: 27px 11px;
}

.page-link:hover {
    color: var(--bs-secondary);
}

#medicineTable {
    width: 100%;
    display: block;
}

    #medicineTable table {
        margin-top: 10px;
        width: 100%;
    }

    #medicineTable tr td {
        color: #757575;
        font-size: 15px;
        vertical-align: middle;
        font-weight: 500;
    }

    #medicineTable tr th {
        color: #757575;
        font-size: 15px;
        font-weight: 600;
    }

    #medicineTable .table-bordered td, #medicineTable .table-bordered tr, #medicineTable .table-bordered th {
        border: 1px solid #dee2e6;
    }

    #medicineTable .table-responsive::-webkit-scrollbar {
        -webkit-appearance: none;
    }

.table-responsive::-webkit-scrollbar:horizontal {
    height: 10px;
}

#medicineTable .table-responsive::-webkit-scrollbar-thumb {
    background-color: #757575;
    border-radius: 10px;
    border: 2px solid #ffffff;
}

#medicineTable .table-responsive::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}

#medicineTable thead th:nth-child(1) {
    border-right: unset;
}

#medicineTable thead th:nth-child(2) {
    border-left: unset;
}

@media only screen and (min-width:1700px) {
    #medicineTable .table-responsive {
        display: table;
    }
}

@media only screen and (max-width:767px) {
    #medicineTable tr.frequency td:nth-child(2) {
        display: none;
    }

    #medicineTable tr.frequency td {
        width: 75px !important;
    }

    #medicineTable tr th,
    #medicineTable tr td {
        font-size: 11px;
    }

    .table {
        width: 600px;
    }

    #medicineTable {
        padding: 0 15px;
    }

        #medicineTable th:nth-child(2) {
            display: none;
        }
}

.font-weight-900 {
    font-weight: 900 !important;
}

.card-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 auto;
}

.resources-sec {
    margin-top: 30px;
}

    .resources-sec .card {
        padding-top: 30px;
        border: 1px solid #ececec;
    }

        .resources-sec .card:hover {
            border-color: var(--bs-secondary);
        }

    .resources-sec a:hover, .blog-sec a:hover {
        text-decoration: none;
    }

.card-title {
    font-size: 18px;
    color: var(--bs-secondary);
}

.card figure {
    margin: 0 auto;
    height: 150px;
    overflow: hidden;
    border-radius: 5px;
    width: 80%;
    object-fit: cover;
}

.resources-sec.form-wrapper, .blog-sec.form-wrapper {
    padding: 24px 9px;
}

figure {
    overflow: hidden;
}

.blog-sec figure {
    height: 350px;
    border-radius: 5px;
}

.card-body .button {
    margin-top: 21px;
    font-weight: 500;
}

.blog-sec .card-wrapper {
    margin-bottom: 30px;
}

.pagination {
    justify-content: flex-end;
}

.page-item.active .page-link {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.page-link {
    color: #8d9788;
}

    .page-link:focus {
        box-shadow: none;
    }

.guide-list {
    margin-top: 32px;
}

    .guide-list li:not(:last-child) {
        margin: 0 0 14px;
    }

.vacciene figure {
    border: 2px solid rgba(117,117,117,0.3);
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 11px;
    border-radius: 14px;
}

    .vacciene figure img {
        width: 100px;
        height: 65px;
    }

.vacciene-wrapper .col-md-3 {
    margin: 0 0 30px;
}

.vacciene-wrapper a:hover {
    text-decoration: none;
}

.checkbox2 [type="checkbox"]:not(:checked):before {
    background-image: url(/assets/Content/img/dashboard/checkbox-icon.png);
}

.checkbox2 [type="checkbox"]:checked:before {
    background-image: url(/assets/Content/img/dashboard/checkbox-checked.png);
}

.checkbox2 [type="checkbox"]:checked:before, .checkbox2 [type="checkbox"]:not(:checked):before {
    content: '';
    position: absolute;
    left: 14px;
    top: 6px;
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
}

.manufacture.with-chkbox .input-hidden {
    position: absolute;
    left: 0;
    z-index: 1;
}

label.border-green {
    border-color: var(--bs-success);
}
/* ==============1-11-21=========== */
.min-height-auto label {
    min-height: 50px !important;
}

.manufacture.with-chkbox .min-height-auto input:before {
    left: 16px;
}

.mt-37 {
    margin: 37px 0 0;
}

.mt-10 {
    margin: 10px 0 0;
}

.italic {
    font-style: italic;
}

.font-weight-500 {
    font-weight: 500;
}

.radioinput-groupLabel {
    letter-spacing: -0.2px;
}

.checkbox2 img {
    /*max-width: 140px;*/
}

.block-3radio label {
    min-width: 100% !important;
    margin: 0;
}

.input-wrapperCheckbox-inner label {
    border: none;
}

.input-wrapperCheckbox-inner {
    border: 2px solid transparent;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    min-width: 100%;
    margin-bottom: 10px;
    position: relative;
    min-height: unset;
}

    .input-wrapperCheckbox-inner + p {
        font-size: 13px;
    }

.radioinput-group.row.radio-img, .checkboxinput-group.radio-img.block-3radio {
    align-items: flex-start;
    justify-content: center;
}

.input-wrapperCheckbox-inner.border-green {
    border-color: var(--bs-success);
}

.light-box-border {
    width: 100%;
    margin-top: 25px;
}

.labelNonImageRadio {
    border-radius: 14px;
    text-align: left !important;
    display: flex;
    cursor: pointer;
    min-width: 186px !important;
    min-height: 50px !important;
    justify-content: left !important;
    align-items: center;
    border: none !important;
}

.p-green-txt-vaccine {
    font-weight: 600;
    color: var(--bs-secondary);
}

.a-green-txt-vaccine {
    color: var(--bs-secondary);
}

.page-design {
    /*padding: 70px 0;*/
    margin: 38px 0 0;
}

@media(max-width:600px) {
    .msg-sent-outer .max-width {
        max-width: -webkit-fill-available !important;
    }

    .msg-sent-outer .msg-sent a, .msg-received-outer .msg-received a {
        word-break: break-word;
    }

    .msg-sent-outer .msg-sent {
        max-width: -webkit-fill-available !important;
    }

    .msg-received-outer .max-width {
        max-width: -webkit-fill-available !important;
    }

    .msg-received-outer .msg-sent {
        max-width: -webkit-fill-available !important;
    }
}

.child-questions-section {
    padding: 15px 15px 0;
    margin: 1rem 0px;
    border-radius: 14px !important;
}

.message-wrapper {
    display: flex;
    flex-direction: column;
}

.helptext-button {
    padding: 2px 3px !important;
    border-radius: 50%;
    border: 1px solid #ED686868;
}

    .helptext-button i {
        font-size: 1rem;
        color: var(--bs-primary);
        padding: 2px !important;
    }

.question-head-custom {
    margin-bottom: 10px;
    position: relative !important;
}

.helptext-button:hover {
    background-color: transparent;
    border: 1px solid #ED686868 !important;
}

.fade:not(.show) {
    z-index: -1;
}


.popover {
    max-width: 400px !important;
    max-height: 300px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

    .popover::-webkit-scrollbar {
        width: 5px;
    }

.popover-toggler {
    border: none;
    outline: none;
    background: transparent;
}

    .popover-toggler:focus {
        box-shadow: none;
    }

    .popover-toggler i {
        font-size: 17px !important;
        font-style: normal !important;
        line-height: 21px !important;
        letter-spacing: -0.002em !important;
        margin-bottom: 10px !important;
        text-align: left !important;
        color: #757575 !important;
        display: block !important;
        margin: 0 !important;
        cursor: pointer !important;
        margin-left: 10px !important;
    }

        .popover-toggler i:hover {
            color: var(--bs-secondary) !important;
        }

.popover-header {
    position: relative;
    border: none;
    background: transparent;
    padding: 0px;
}

    .popover-header button {
        background: transparent;
        height: 15px;
        width: 15px;
        color: black;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 20px;
    }

.daterangepicker .drp-buttons .btn {
    font-weight: normal;
}