/*Index of Items*/
/*
        1.Color Variables
        2.Text Colors
        3.Background colors
        4.Font sizes
        5.Font Weight
        6.Line height Start
        7.Borders
        8.Border Radius
        9.Positions
        10.Padding
        11.Margin
        12.Width
        13.Height
        14.Display Properties
        15.Gap
        16.Z-index
        17.Hover
        18.Box Shadow
        19.Align items
        20.Justify content
        21.Table Border
        22.Icons Animations
        23.Others
    */


/*----------------*/


/*1. Color Variables start*/
:root {
    --color-000: #000;
    --color-fff: #fff;
    --color-F9F9F9: #F9F9F9;
    --color-F5F5F5: #F5F5F5;
    --color-E9E9E9: #E9E9E9;
    --color-E4E4E4: #E4E4E4;
    --color-CFD3D4: #CFD3D4;
    --color-ABAFB1: #ABAFB1;
    --color-5E6366: #5E6366;
    --color-656565: #656565;
    --color-4A4A4A: #4A4A4A;
    --color-A7A7A7: #A7A7A7;
    --color-3C3C3C: #3C3C3C;
    --color-E8EEEE: #E8EEEE;
    --color-F7981C: #F7981C;
    --color-CFD3D4: #CFD3D4;
    --color-E5F3FF: #E5F3FF;
    --color-50C878: #50C878;
    --color-302C2C: #302C2C;
    --color-DDDDDD: #dddddd;
    --color-3C2C2C: #3c2c2c;
    --color-ABAFB1: #ABAFB1;
    --color-A5884F: #A5884F;
    --color-438B7C: #438B7C;
    --color-F9FDFF: #f9fdff;
    --color-C8C8C8: #C8C8C8;
    --color-9D9D9D: #9d9d9d;
    --color-CF5368: #CF5368;
    --color-F8E5E8: #F8E5E8;
    --color-4270D4: #4270D4;
    --color-F06300: #F06300;
    --color-5ABA27: #5ABA27;
    --color-E6F5DF: #E6F5DF;
    --color-E82B45: #E82B45;
    --color-FDEAEC: #FDEAEC;
    --color-A65AF6: #A65AF6;
    --color-F6EFFE: #F6EFFE;
    --color-EEEEEE: #EEEEEE;
    --color-C16668: #C16668;
    --color-5C48CC: #5C48CC;
    --color-537ACF: #537ACF;
    --color-DCE6FC: #DCE6FC;
    --color-1E6666: #1E6666;
    --color-F1F4F5: #f1f4f5;
    --color-F8E298: #F8E298;
    --color-B2EFFF: #B2EFFF;
    --color-FF8B39: #FF8B39;
    --color-F2F2F2: #f2f2f2;
    --color-F0F0F0: #F0F0F0;
    --color-3A3A3A: #3A3A3A;
    --color-787777: #787777;
    --color-58AAAE: #58AAAE;
    --color-EAEAEA: #EAEAEA;
    --color-246C70: #246C70;
    --color-EDEDED: #EDEDED;
    --color-4D4D4D: #4D4D4D;
    --color-27767B: #27767B;
    --color-2BBA8F: #2BBA8F;
    --color-FFD0D2: #FFD0D2;
    --color-FAECED: #FAECED;
    --color-FFF5F5: #FFF5F5;
    --color-F3F5F7: #F3F5F7;
    --color-FCFAF5: #FCFAF5;
    --color-E1EFEC: #E1EFEC;
    --color-E3E3E3: #E3E3E3;
    --color-E8EEEE: #E8EEEE;
    --color-DDE5E6: #DDE5E6;
    --color-3E6E71: #3E6E71;
    --color-2d2d47: #2d2d47;
    --color-1D5558: #1D5558;
    --color-ECEDFD: #ECEDFD;
    --color-F9E8E9: #F9E8E9;
    --color-EFBCBF: #EFBCBF;
    --color-C71D27: #C71D27;
    --color-D11A2A: #D11A2A;
    --color-FFF5EA: #FFF5EA;
    --color-FFE3C0: #FFE3C0;
    --color-FF9F2D: #FF9F2D;
    --color-FA8800: #FA8800;
    --color-EBF8F5: #EBF8F5;
    --color-34B698: #34B698;
    --color-E2F3E8: #e2f3e8;
    --color-FFFFFF: #FFFFFF;
    --color-1D1D1D: #1D1D1D;
    --color-D35DE7: #D35DE7;
    --color-3BAC66: #3BAC66;
    --color-537ACF: #537ACF;
    --color-887DEB: #887DEB;
    --color-F0CCB4: #F0CCB4;
    --color-BFEEEB: #BFEEEB;
    --color-AFD3E8: #AFD3E8;
    --color-BBFFDA: #BBFFDA;
    --color-FDEFC1: #FDEFC1;
    --color-FFD3D3: #FFD3D3;
    --color-5C5C5C: #5C5C5C;
    --color-606060: #606060;
    --color-2DAA2D: #2DAA2D;
    --color-F37123: #F37123;
    --color-FDEAEC: #FDEAEC;
    --color-FDEAEC: #FDEAEC;
    --color-E82B45: #E82B45;
    --color-FEF1E8: #FEF1E8;
    --color-F0F7FF: #F0F7FF;
    --color-32302C: #32302C;
    --color-EFEFEE: #EFEFEE;
    --color-EFF1F4: #EFF1F4;
    --color-6B7280: #6B7280;
    --color-454545: #454545;
    --color-EAEAEA: #EAEAEA;
    --color-FAFAFA: #FAFAFA;
    --color-D1D1D1: #d1d1d1;
    --color-009FDA: #009FDA;
    --color-E7F8FF: #E7F8FF;
    --color-D9D9D9: #D9D9D9;
    --color-F6F6F6: #F6F6F6;
    --color-E38144: #E38144;
    --color-FFF4E6: #FFF4E6;
    --color-606260: #606260;
    --color-4BB543: #4BB543;
    --color-F7F7F7: #f7f7f7;
    --color-FEFCF8: #FEFCF8;
    --color-EBEBEB: #EBEBEB;
    --color-C5C5C5: #c5c5c5;
    --color-F8F8F8: #F8F8F8;
    --color-AEAEAE: #AEAEAE;
    --color-3D3D3D: #3D3D3D;
    --color-7AB4B7: #7AB4B7;
    --color-1D55581A: #1D55581A;
    --color-C71D271A: #C71D271A;
    --color-8375EA4D: #8375EA4D;
    --color-FF9F2D4D: #FF9F2D4D;
    --color-4BB5434D: #4BB5434D;
    --color-46B6B621: #46B6B621;
    --color-537ACF1A: #537ACF1A;
    --color-5C48CC1A: #5C48CC1A;
    --color-C166681A: #C166681A;
    --color-F063001A: #F063001A;
    --color-4270D41A: #4270D41A;
    --color-A5884F26: #A5884F26;
    --color-4B8BA326: #4B8BA326;
    --color-5EA69726: #5EA69726;
    --color-BABABA61: #BABABA61;
    --color-2DAA2D26: #2DAA2D26;
    --color-C71D271A: #C71D271A;
    --color-E5F3FF9A: #E5F3FF9A;
    --color-DBE8EF87: #DBE8EF87;
}
/*----------------------------------------------------------------------------------Variables end--------------------------------------------------------------------*/
/*2. Text Colors start*/
.tc__E82B45-- {
    color: var(--color-E82B45);
}

.tc__537ACF-- {
    color: var(--color-537ACF) !important;
}

.tc__2DAA2D-- {
    color: var(--color-2DAA2D);
}

.tc__5C5C5C-- {
    color: var(--color-5C5C5C);
}

.tc__887DEB-- {
    color: var(--color-887DEB);
}

.tc__F0CCB4-- {
    color: var(--color-F0CCB4);
}

.tc__BFEEEB-- {
    color: var(--color-BFEEEB);
}

.tc__AFD3E8-- {
    color: var(--color-AFD3E8);
}

.tc__BBFFDA-- {
    color: var(--color-BBFFDA);
}

.tc__FDEFC1-- {
    color: var(--color-FDEFC1);
}

.tc__FFD3D3-- {
    color: var(--color-FFD3D3);
}

.tc__606060-- {
    color: var(--color-606060) !important;
}

.tc__2DAA2D-- {
    color: var(--color-2DAA2D) !important;
}

.tc__C71D27-- {
    color: var(--color-C71D27) !important;
}

.tc__F37123-- {
    color: var(--color-F37123) !important;
}

.tc__000-- {
    color: var(--color-000) !important;
}

.tc__F9F9F9-- {
    color: var(--color-F9F9F9);
}

.tc__F5F5F5-- {
    color: var(--color-F5F5F5);
}

.tc__E9E9E9-- {
    color: var(--color-E9E9E9);
}

.tc__E4E4E4-- {
    color: var(--color-E4E4E4);
}

.tc__CFD3D4-- {
    color: var(--color-CFD3D4);
}

.tc__ABAFB1-- {
    color: var(--color-ABAFB1);
}

.tc__A7A7A7-- {
    color: var(--color-A7A7A7);
}

.tc__5E6366-- {
    color: var(--color-5E6366);
}

.tc__656565-- {
    color: var(--color-656565) !important;
}

.tc__4A4A4A-- {
    color: var(--color-4A4A4A) !important;
}

.tc__3C3C3C-- {
    color: var(--color-3C3C3C);
}

.tc__E8EEEE-- {
    color: var(--color-E8EEEE);
}

.tc__DDE5E6-- {
    color: var(--color-DDE5E6);
}

.tc__3E6E71-- {
    color: var(--color-3E6E71);
}

.tc__2d2d47-- {
    color: var(--color-2d2d47);
}

.tc__1D5558-- {
    color: var(--color-1D5558) !important;
}

.tc__50C878-- {
    color: var(--color-50C878);
}

.tc__F9E8E9-- {
    color: var(--color-F9E8E9);
}

.tc__EFBCBF-- {
    color: var(--color-EFBCBF);
}

.tc__C71D27-- {
    color: var(--color-C71D27);
}

.tc__FFF5EA-- {
    color: var(--color-FFF5EA);
}

.tc__FFE3C0-- {
    color: var(--color-FFE3C0);
}

.tc__FF9F2D-- {
    color: var(--color-FF9F2D) !important;
}

.tc__EBF8F5-- {
    color: var(--color-EBF8F5);
}

.tc__34B698-- {
    color: var(--color-34B698) !important;
}

.tc__FFFFFF-- {
    color: var(--color-FFFFFF) !important;
}

.tc__1D1D1D-- {
    color: var(--color-1D1D1D) !important;
}

.tc__D35DE7-- {
    color: var(--color-D35DE7);
}

.tc__3BAC66-- {
    color: var(--color-3BAC66) !important;
}

.tc__537ACF-- {
    color: var(--color-537ACF);
}

.tc__F7981C-- {
    color: var(--color-F7981C);
}

.tc__CFD3D4-- {
    color: var(--color-CFD3D4);
}

.tc__D11A2A-- {
    color: var(--color-D11A2A);
}

.tc__4B8BA3-- {
    color: #4B8BA3;
}

.tc__5EA697-- {
    color: #5EA697;
}

.tc__302C2C-- {
    color: var(--color-302C2C);
}

.tc__FA8800-- {
    color: var(--color-FA8800);
}

.tc__3C2C2C-- {
    color: var(--color-3C2C2C);
}

.tc__ABAFB1-- {
    color: var(--color-ABAFB1) !important;
}

.tc__A5884F-- {
    color: var(--color-A5884F);
}

.tc__438B7C-- {
    color: var(--color-438B7C);
}

.tc__CF5368-- {
    color: var(--color-CF5368);
}

.tc__4270D4-- {
    color: var(--color-4270D4);
}

.tc__F06300-- {
    color: var(--color-F06300);
}

.tc__5ABA27-- {
    color: var(--color-5ABA27);
}

.tc__E82B45-- {
    color: var(--color-E82B45);
}

.tc__A65AF6-- {
    color: var(--color-A65AF6);
}

.tc__C16668-- {
    color: var(--color-C16668);
}

.tc__5C48CC-- {
    color: var(--color-5C48CC);
}

.tc__1E6666-- {
    color: var(--color-1E6666);
}

.tc__3A3A3A-- {
    color: var(--color-3A3A3A);
}

.tc__787777-- {
    color: var(--color-787777);
}

.tc__EAEAEA-- {
    color: var(--color-EAEAEA);
}

.tc__F6981C-- {
    color: #F6981C;
}

.tc__4D4D4D-- {
    color: var(--color-4D4D4D);
}

.tc__9F9F9F-- {
    color: #9f9f9f;
}

.tc__27767B-- {
    color: var(--color-27767B);
}

.tc__2BBA8F-- {
    color: var(--color-2BBA8F);
}
.tc__32302C-- {
    color: var(--color-32302C);
}
.tc__6B7280-- {
    color: var(--color-6B7280);
}
.tc__454545--{
    color:var(--color-454545);
}
.tc__009FDA-- {
    color: var(--color-009FDA);
}
.tc__606260-- {
    color: var(--color-606260);
}
.tc__4BB543-- {
    color: var(--color-4BB543);
}
.tc__3D3D3D-- {
    color: var(--color-3D3D3D);
}
/*--------------------------------------------------------------------------------Text colors End--------------------------------------------------------------------*/
/*3. Background Colors start*/
.bg__FEF1E8-- {
    background-color: var(--color-FEF1E8);
}

.bg__E5F3FF-- {
    background-color: var(--color-E5F3FF);
}

.bg__E5F3FF9A-- {
    background-color: var(--color-E5F3FF9A);
}

.bg__F2F2F2-- {
    background-color: #f2f2f2 !important;
}

.bg__F9F9F9-- {
    background-color: var(--color-F9F9F9) !important;
}

.bg__F5F5F5-- {
    background-color: var(--color-F5F5F5) !important;
}

.bg__FDEAEC-- {
    background-color: var(--color-FDEAEC);
}

.bg__EEEEEE-- {
    background-color: var(--color-EEEEEE) !important;
}

.bg__E9E9E9-- {
    background-color: var(--color-E9E9E9);
}

.bg__E4E4E4-- {
    background-color: var(--color-E4E4E4);
}

.bg__CFD3D4-- {
    background-color: var(--color-CFD3D4);
}

.bg__ABAFB1-- {
    background-color: var(--color-ABAFB1);
}

.bg__5E6366-- {
    background-color: var(--color-5E6366);
}

.bg__656565-- {
    background-color: var(--color-656565);
}

.bg__4A4A4A-- {
    background-color: var(--color-4A4A4A);
}

.bg__3C3C3C-- {
    background-color: var(--color-3C3C3C);
}

.bg__E8EEEE-- {
    background-color: var(--color-E8EEEE) !important;
}

.bg__DDE5E6-- {
    background-color: var(--color-DDE5E6) !important;
}

.bg__ECEDFD-- {
    background-color: var(--color-ECEDFD) !important;
}

.bg__3E6E71-- {
    background-color: var(--color-3E6E71);
}

.bg__2d2d47-- {
    background-color: var(--color-2d2d47);
}

.bg__1D5558-- {
    background-color: var(--color-1D5558) !important;
}

.bg__F9E8E9-- {
    background-color: var(--color-F9E8E9);
}

.bg__E3E9E9-- {
    background-color: #e3e9e9;
}

.bg__E1EFEC-- {
    background-color: var(--color-E1EFEC);
}

.bg__EFBCBF-- {
    background-color: var(--color-EFBCBF) !important;
}

.bg__C71D27-- {
    background-color: var(--color-C71D27);
}

.bg__FFF5EA-- {
    background-color: var(--color-FFF5EA);
}

.bg__FFE3C0-- {
    background-color: var(--color-FFE3C0) !important;
}

.bg__FF9F2D-- {
    background-color: var(--color-FF9F2D);
}

.bg__EBF8F5-- {
    background-color: var(--color-EBF8F5);
}

.bg__34B698-- {
    background-color: var(--color-34B698) !important;
}

.bg__FFFFFF-- {
    background-color: var(--color-FFFFFF) !important;
}

.bg__1D1D1D-- {
    background-color: var(--color-1D1D1D);
}

.bg__D35DE7-- {
    background-color: var(--color-D35DE7);
}

.bg__3BAC66-- {
    background-color: var(--color-3BAC66);
}

.bg__537ACF-- {
    background-color: var(--color-537ACF);
}

.bg__1D55581A-- {
    background-color: var(--color-1D55581A) !important;
}

.bg__E8EEEE-- {
    background-color: var( --color-E8EEEE);
}

.bg__8375EA4D-- {
    background-color: var( --color-8375EA4D);
}

.bg__FF9F2D4D-- {
    background-color: var( --color-FF9F2D4D);
}

.bg__4BB5434D-- {
    background-color: var( --color-4BB5434D);
}

.bg__537ACF-- {
    background-color: var( --color-537ACF);
}

.bg__FF9F2D-- {
    background-color: var( --color-FF9F2D);
}

.bg__3BAC66-- {
    background-color: var( --color-3BAC66);
}

.bg__F7981C1A-- {
    background: #F7981C1A;
}

.bg__C71D271A-- {
    background: var(--color-C71D271A) !important;
}

.bg__E2F3E8-- {
    background-color: var(--color-E2F3E8);
}

.bg__BABABA61-- {
    background-color: var(--color-BABABA61);
}

.bg__2DAA2D26-- {
    background-color: var(--color-2DAA2D26);
}

.bg__C71D271A-- {
    background-color: var(--color-C71D271A);
}

.bg__A5884F26-- {
    background-color: var(--color-A5884F26);
}

.bg__4B8BA326-- {
    background-color: var(--color-4B8BA326);
}

.bg__5EA69726-- {
    background-color: var(--color-5EA69726);
}

.bg__F9FDFF-- {
    background-color: var(--color-F9FDFF);
}

.bg__C8C8C8-- {
    background-color: var(--color-C8C8C8) !important;
}

.bg__F8E5E8-- {
    background-color: var(--color-F8E5E8);
}

.bg__4270D41A-- {
    background-color: var(--color-4270D41A);
}

.bg__F063001A-- {
    background-color: var(--color-F063001A);
}

.bg__E6F5DF-- {
    background-color: var(--color-E6F5DF);
}

.bg__FDEAEC-- {
    background-color: var(--color-FDEAEC);
}

.bg__F6EFFE-- {
    background-color: var(--color-F6EFFE);
}

.bg__C166681A-- {
    background-color: var(--color-C166681A);
}

.bg__5C48CC1A-- {
    background-color: var(--color-5C48CC1A);
}

.bg__DCE6FC-- {
    background-color: var(--color-DCE6FC);
}

.bg__537ACF1A-- {
    background-color: var(--color-537ACF1A);
}

.bg__46B6B621-- {
    background-color: var(--color-46B6B621);
}

.bg__F1F4F5-- {
    background-color: var(--color-F1F4F5);
}

.bg__F8E298-- {
    background-color: var(--color-F8E298);
}

.bg__B2EFFF-- {
    background-color: var(--color-B2EFFF);
}

.bg__FF8B39-- {
    background-color: var(--color-FF8B39);
}

.bg__F0F0F0-- {
    background-color: var(--color-F0F0F0);
}

.bg__58AAAE-- {
    background-color: var(--color-58AAAE);
}

.bg__246C70-- {
    background-color: var(--color-246C70);
}

.bg__A5884F-- {
    background-color: var(--color-A5884F);
}

.bg__E8F6E8-- {
    background: #E8F6E8;
}

.bg__FEF3E4-- {
    background: #FEF3E4;
}

.bg__EDEDED-- {
    background: var(--color-EDEDED);
}

.bg__FFD0D2-- {
    background: var(--color-FFD0D2);
}

.bg__FAECED-- {
    background: var(--color-FAECED);
}

.bg__FFF5F5-- {
    background: var(--color-FFF5F5);
}

.bg__F3F5F7-- {
    background: var(--color-F3F5F7) !important;
}

.bg__FCFAF5-- {
    background: var(--color-FCFAF5);
}

.bg__none-- {
    background: none !important;
}
.bg__F0F7FF-- {
    background: var(--color-F0F7FF);
}
.bg__DBE8EF87-- {
    background: var(--color-DBE8EF87);
}
.bg__EFEFEE-- {
    background: var(--color-EFEFEE);
}
.bg__EFF1F4-- {
    background: var(--color-EFF1F4);
}
.bg__EAEAEA-- {
    background: var(--color-EAEAEA);
}
.bg__FAFAFA-- {
    background: var(--color-FAFAFA);
}
.bg__D1D1D1--{
    background:var(--color-D1D1D1);
}
.bg__E7F8FF-- {
    background: var(--color-E7F8FF);
}
.bg__F6F6F6-- {
    background: var(--color-F6F6F6);
}
.bg__FFF4E6-- {
    background: var(--color-FFF4E6);
}
.bg__F7F7F7-- {
    background: var(--color-F7F7F7);
}
.bg__FEFCF8-- {
    background: var(--color-FEFCF8);
}
.bg__EBEBEB-- {
    background: var(--color-EBEBEB);
}
.bg__F8F8F8-- {
    background: var(--color-F8F8F8);
}

.bg__gradient-- {
    background: linear-gradient( to bottom, transparent, #ddd 30%, #ddd 70%, transparent);
}
/*--------------------------------------------------------------------------Background colors end--------------------------------------------------------------------*/
/*4. Font Sizes start*/
.fs__xs-- {
    font-size: var(--font-size-xs);
}

.fs__sm-- {
    font-size: var(--font-size-sm);
}

.fs__md-- {
    font-size: var(--font-size-md) !important;
}

.fs__lg-- {
    font-size: var(--font-size-lg) !important;
}

.fs__xl-- {
    font-size: var(--font-size-xl);
}

.fs__2l-- {
    font-size: var(--font-size-2l) !important;
}

.fs__3l-- {
    font-size: var(--font-size-3l);
}

.fs__4l-- {
    font-size: var(--font-size-4l);
}

.fs__5l-- {
    font-size: var(--font-size-5l);
}

.fs__6l-- {
    font-size: var(--font-size-6l);
}
/*--------------------------------------------------------------------------Font sizes end---------------------------------------------------------------------------*/

/*5. Font Weight start*/
.fw__8-- {
    font-weight: 800;
}

.fw__7-- {
    font-weight: 700 !important;
}

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

.fw__5-- {
    font-weight: 500 !important;
}

.fw__4-- {
    font-weight: 400;
}
/*-------------------------------------------------------------------------Font weight end---------------------------------------------------------------------------*/

/*6. Line Height Start*/
.lh__0-- {
    line-height: 0;
}

.lh__1-- {
    line-height: 1px;
}
.lh__5-- {
    line-height: 5px;
}
.lh__10-- {
    line-height: 10px;
}

.lh__12-- {
    line-height: 12px;
}

.lh__15-- {
    line-height: 15px;
}

.lh__16-- {
    line-height: 16px !important;
}
.lh__18-- {
    line-height: 18px;
}

.lh__20-- {
    line-height: 20px !important;
}

.lh__22-- {
    line-height: 22px !important;
}

.lh__24-- {
    line-height: 24px !important;
}

.lh__25-- {
    line-height: 25px;
}

.lh__28-- {
    line-height: 28px;
}

.lh__normal-- {
    line-height: normal;
}
/*-------------------------------------------------------------------------Line height end---------------------------------------------------------------------------*/

/*7.Borders Start*/
.bt__0-- {
    border-top-width: 0px !important;
}

.bb__0-- {
    border-bottom-width: 0px;
}

.bw__0-- {
    border-width: 0px !important;
}

.bw__1-- {
    border-width: 1px;
}

.bw__2-- {
    border-width: 2px;
}

.bb__1-- {
    border-bottom-width: 1px;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}

.bt__1-- {
    border-top-width: 1px;
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}

.br__1-- {
    border-right-width: 1px;
}

.bl__1-- {
    border-left-width: 1px;
}

.bs__s-- {
    border-style: solid;
}

.bbs__s-- {
    border-bottom-style: solid;
}

.bs__dashed-- {
    border-style: dashed;
}

.bc__1d5558-- {
    border-color: var(--color-1D5558);
}

.bc__E4E4E4-- {
    border-color: var(--color-E4E4E4);
}

.bc__f2f2f2-- {
    border-color: var(--color-F2F2F2) !important;
}

.bc__C71D27-- {
    border-color: var(--color-C71D27);
}

.bc__FF9F2D-- {
    border-color: var(--color-FF9F2D);
}

.bc__3BAC66-- {
    border-color: var(--color-3BAC66);
}

.bc__34B698-- {
    border-color: var(--color-34b698);
}

.bc__dddddd-- {
    border-color: var(--color-DDDDDD);
}

.bc__9D9D9D-- {
    border-color: var(--color-9D9D9D);
}

.bc__537ACF-- {
    border-color: var(--color-537ACF);
}
.bc__CFD3D4-- {
    border-color: var(--color-CFD3D4);
}
.bc__AEAEAE-- {
    border-color: var(--color-AEAEAE);
}
.bb__dcdcdc-- {
    border-bottom: 1px solid #dcdcdc;
}

.bb__F2F2F2-- {
    border-bottom: 1px solid #f2f2f2;
}
.br__CFD3D4--2 {
    border-right: 2px solid #CFD3D4;
}
.bb__CFD3D4-- {
    border-bottom: 1px solid #cfd3d4;
}

.border__none-- {
    border: none !important;
}

.border__E4E4E4-- {
    border: 1px solid #E4E4E4 !important;
}

.border__C4C4C4-- {
    border: 1px solid #C4C4C4 !important;
}

.border__CFD3D4-- {
    border: 1px solid #CFD3D4;
}

.border__1D5558-- {
    border: 1px solid #1D5558 !important;
}

.border__1D1D1D-- {
    border: 1px solid #1d1d1d;
}

.border__DEDEDE-- {
    border: 1px solid #DEDEDE;
}

.border__DDD-- {
    border: 1px solid #ddd;
}

.border__34B698-- {
    border: 1px solid #34b698;
}

.border__656565-- {
    border: 1px solid #656565;
}

.border__D11A2A-- {
    border: 1px solid #D11A2A;
}

.border__99C0C4-- {
    border: 1px solid #99C0C4 !important;
}

.border__4F4F4F-- {
    border: 1px solid #4F4F4F;
}

.border__E9E9E9-- {
    border: 1px solid #e9e9e9;
}

.border__F2F2F2-- {
    border: 1px solid #f2f2f2;
}
.border__E4E4E4--{
    border:0.8px solid var(--color-E4E4E4);
}
.border__3BAC66-- {
    border: 0.5px solid var(--color-3BAC66);
}
.border__009FDA-- {
    border: 0.5px solid var(--color-009FDA);
}
.border__C71D27-- {
    border: 0.5px solid var(--color-C71D27);
}
.border__E38144-- {
    border: 0.5px solid var(--color-E38144);
}
.border__FFFFFF--{
    border:1px solid var(--color-FFFFFF) !important;
}
.border__C5C5C5--{
    border:1px solid var(--color-C5C5C5);
}
.border__7AB4B7-- {
    border: 1px solid var(--color-7AB4B7);
}
.sticky-top11 {
    position: sticky; /* Make the container sticky */
    top: 0; /* Stick to the top of the viewport */
    z-index: 10; /* Ensure it stays above other content */
    background-color: #F8F8F8; /* Background color to cover content below */
}
/*Border Active colors*/
.border__1D5558--active.active{
    border:2px solid var(--color-1D5558) !important;
}

.bb__1D5558-- {
    border-bottom: 1px solid #1d5558;
}

.bb__DDD-- {
    border-bottom: 1px solid #ddd !important;
}

.bl__DDD-- {
    border-left: 1px solid #ddd;
}

.br__DDD-- {
    border-right: 1px solid #ddd !important;
}

.bb__e4e4e4-- {
    border-bottom: 1px solid #e4e4e4;
}

.bb__none-- {
    border-bottom: none !important;
}

.bt__DDD-- {
    border-top: 1px solid #ddd;
}

.br__E4E4E4-- {
    border-right: 1px solid #E4E4E4;
}

.br__C4C4C4-- {
    border-right: 1px solid #c4c4c4;
}

.bl__1D5558-- {
    border-left: 1px solid #1d5558;
}

.br__1D5558-- {
    border-right: 1px solid #1d5558;
}
.bl__D9D9D9--{
    border-left:2px solid var(--color-D9D9D9);
}
.bb__D9D9D9--{
    border-bottom:2px solid var(--color-D9D9D9);
}
/*-------------------------------------------------------------------------Borders end------------------------------------------------------------------------------*/

/*8. Border radius start*/
.bradius__0-- {
    border-radius: 0 !important;
}

.bradius__2-- {
    border-radius: 2px;
}

.bradius__4-- {
    border-radius: 4px !important;
}

.bradius__5-- {
    border-radius: 5px;
}

.bradius__5--t {
    border-radius: 5px 5px 0px 0px;
}

.bradius__6-- {
    border-radius: 6px !important;
}

.bradius__8-- {
    border-radius: 8px !important;
}

.bradius__10-- {
    border-radius: 10px !important;
}

.bradius__15-- {
    border-radius: 15px;
}

.bradius__20-- {
    border-radius: 20px;
}
.bradius__30-- {
    border-radius: 30px;
}

.bradius__15--t {
    border-radius: 15px 15px 0px 0px;
}

.bradius__15--b {
    border-radius: 0px 0px 15px 15px;
}

.bradius__3--tl {
    border-radius: 3px 0px 0px 0px;
}

.bradius__3--tr {
    border-radius: 0px 3px 0px 0px;
}

.bradius__3--bl {
    border-radius: 0px 0px 0px 3px;
}

.bradius__3--br {
    border-radius: 0px 0px 3px 0px;
}

.bradius__5--yl {
    border-radius: 5px 0px 0px 5px;
}

.bradius__10--yl {
    border-radius: 10px 0px 0px 10px;
}

.bradius__10--yr {
    border-radius: 0px 10px 10px 0px;
}

.bradius__4--l {
    border-radius: 4px 0px 0px 4px;
}

.bradius__4--r {
    border-radius: 0px 4px 4px 0px;
}

.br__0-- {
    border-radius: 0
}

.br__1-- {
    border-radius: 1px
}

.br__2-- {
    border-radius: 2px
}

.br__3-- {
    border-radius: 3px
}

.br__4-- {
    border-radius: 4px
}

.br__5-- {
    border-radius: 5px
}

.br__6-- {
    border-radius: 6px
}

.br__7-- {
    border-radius: 7px
}

.br__8-- {
    border-radius: 8px
}

.br__9-- {
    border-radius: 9px
}

.br__10-- {
    border-radius: 10px
}

.br__15-- {
    border-radius: 15px
}

.br__20-- {
    border-radius: 20px
}

.br__100-- {
    border-radius: 100px
}

.br__5--x {
    border-radius: 0 5px
}

.br__10--x {
    border-radius: 0 10px
}

.br__5--y {
    border-radius: 5px 0
}

.br__10--y {
    border-radius: 10px 0
}
/*-------------------------------------------------------------------Border raidus end------------------------------------------------------------------------------*/

/*9. positions start*/
.position__relative-- {
    position: relative;
}

.position__absolute-- {
    position: absolute;
}

.position__fixed-- {
    position: fixed;
}

.position__sticky-- {
    position: sticky !important;
}

.ff__w-- {
    flex-flow: wrap !important;
}

.ws__pl-- {
    white-space: pre-line !important;
}

.r__0-- {
    right: 0;
}

.l__0-- {
    left: 0;
}

.t__0-- {
    top: 0;
}

.b__0-- {
    bottom: 0;
}
.b__35--{
    bottom:35px;
}
.b__41-- {
    bottom: 41px;
}
.b__42-- {
    bottom: 42px;
}
.b__45-- {
    bottom: 45px;
}
.b__88-- {
    bottom: 88px;
}

.r__auto-- {
    right: auto;
}

.l__auto-- {
    left: auto;
}

.l__n12-- {
    left: -12px;
}

.l__n10-- {
    left: -10px;
}

.t__auto-- {
    top: auto;
}

.b__auto-- {
    bottom: auto;
}

.right__0-- {
    right: 0px;
}

.right__2-- {
    right: 2px;
}

.right__5-- {
    right: 5px;
}

.right__6-- {
    right: 6px;
}

.right__8-- {
    right: 8px;
}
.right__10-- {
    right: 10px;
}
.right__50-- {
    right: 50px;
}

.r__23-- {
    right: 23%;
}

.r__24-- {
    right: 24%;
}

.top__0-- {
    top: 0;
}
.top__1-- {
    top: 1px;
}

.top__5-- {
    top: 5px;
}

.top__7-- {
    top: 7px;
}

.top__8-- {
    top: 8px;
}

.top__10-- {
    top: 10px;
}

.top__20-- {
    top: 20px !important;
}
.top__28-- {
    top: 28px;
}

.top__65-- {
    top: 65px;
}
.top__156--{
    top: 156px;
}

.top__195-- {
    top: 195px;
}

.top__288-- {
    top: 288px !important;
}
.l__102--{
    left:102% !important;
}
.left__3-- {
    left: 3px;
}

.left__8-- {
    left: 8px;
}

.left__63-- {
    left: 63px;
}
.left__70-- {
    left: 70px;
}
.left__610--{
    left:610px;
}
.left__1150-- {
    left: 1150px !important;
}

.l__23-- {
    left: 23%;
}

.l__24-- {
    left: 24%;
}

.inset__0-- {
    inset: 0px;
}

.inset__0--x {
    left: 0px;
    right: 0px;
}

.inset__0--y {
    top: 0px;
    bottom: 0px;
}

.inset__5--x {
    left: 5px;
    right: 5px;
}

.inset__5--y {
    top: 5px;
    bottom: 5px;
}

.inset__10--x {
    left: 10px;
    right: 10px;
}

.inset__10--y {
    top: 10px;
    bottom: 10px;
}

.inset__15--x {
    left: 15px;
    right: 15px;
}

.inset__15--y {
    top: 15px;
    bottom: 15px;
}

.inset__5-- {
    inset: 5px;
}

.inset__10-- {
    inset: 10px;
}

.inset__15-- {
    inset: 15px;
}

.inset__20-- {
    inset: 20px;
}
/*-------------------------------------------------------------------------Position end------------------------------------------------------------------------------*/

/*10. Padding start*/
.p__0-- {
    padding: 0 !important;
}

.p__1-- {
    padding: 1px
}

.p__2-- {
    padding: 2px !important;
}

.p__3-- {
    padding: 3px
}

.p__4-- {
    padding: 4px
}

.p__5-- {
    padding: 5px !important;
}

.p__6-- {
    padding: 6px
}

.p__7-- {
    padding: 7px !important;
}

.p__8-- {
    padding: 8px !important;
}

.p__9-- {
    padding: 9px
}

.p__10-- {
    padding: 10px
}

.p__11-- {
    padding: 11px;
}

.p__12-- {
    padding: 12px;
}
.p__13-- {
    padding: 13px !important;
}

.p__15-- {
    padding: 15px !important;
}

.p__20-- {
    padding: 20px
}

.p__23-- {
    padding: 23px;
}

.p__2--x {
    padding-right: 2px;
    padding-left: 2px;
}

.p__4--x {
    padding-right: 4px;
    padding-left: 4px;
}

.p__6--x {
    padding-right: 6px;
    padding-left: 6px;
}

.p__8--x {
    padding-right: 8px;
    padding-left: 8px;
}

.p__10--x {
    padding-right: 10px;
    padding-left: 10px;
}

.p__2--y {
    padding-top: 2px;
    padding-bottom: 2px;
}

.p__4--y {
    padding-top: 4px;
    padding-bottom: 4px;
}

.p__6--y {
    padding-top: 6px;
    padding-bottom: 6px;
}

.p__8--y {
    padding-top: 8px;
    padding-bottom: 8px;
}

.p__10--y {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pt__0-- {
    padding-top: 0px;
}

.pt__1-- {
    padding-top: 1px;
}

.pt__2-- {
    padding-top: 2px;
}

.pt__3-- {
    padding-top: 3px;
}

.pt__4-- {
    padding-top: 4px;
}

.pt__5-- {
    padding-top: 5px;
}

.pt__6-- {
    padding-top: 6px;
}

.pt__7-- {
    padding-top: 7px;
}

.pt__8-- {
    padding-top: 8px;
}

.pt__9-- {
    padding-top: 9px;
}

.pt__10-- {
    padding-top: 10px !important;
}

.pt__12-- {
    padding-top: 12px !important;
}
.pt__15-- {
    padding-top: 15px !important;
}
.pt__18-- {
    padding-top: 18px;
}

.pt__30-- {
    padding-top: 30px;
}

.pt__44-- {
    padding-top: 44px;
}

.pr__0-- {
    padding-right: 0px !important;
}

.pr__1-- {
    padding-right: 1px;
}

.pr__2-- {
    padding-right: 2px;
}

.pr__3-- {
    padding-right: 3px;
}

.pr__4-- {
    padding-right: 4px;
}

.pr__5-- {
    padding-right: 5px;
}

.pr__6-- {
    padding-right: 6px;
}

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

.pr__8-- {
    padding-right: 8px;
}

.pr__9-- {
    padding-right: 9px;
}

.pr__10-- {
    padding-right: 10px;
}

.pr__20-- {
    padding-right: 20px !important;
}

.pr__25-- {
    padding-right: 25px;
}

.pr__28-- {
    padding-right: 28px;
}
.pr__35-- {
    padding-right: 35px !important;
}

.pb__0-- {
    padding-bottom: 0px !important;
}

.pb__1-- {
    padding-bottom: 1px;
}

.pb__2-- {
    padding-bottom: 2px;
}

.pb__3-- {
    padding-bottom: 3px;
}

.pb__4-- {
    padding-bottom: 4px;
}

.pb__5-- {
    padding-bottom: 5px;
}

.pb__6-- {
    padding-bottom: 6px;
}

.pb__7-- {
    padding-bottom: 7px;
}

.pb__8-- {
    padding-bottom: 8px;
}

.pb__9-- {
    padding-bottom: 9px;
}

.pb__10-- {
    padding-bottom: 10px !important;
}

.pb__16-- {
    padding-bottom: 16px;
}

.pl__0-- {
    padding-left: 0px;
}

.pl__1-- {
    padding-left: 1px;
}

.pl__2-- {
    padding-left: 2px;
}

.pl__3-- {
    padding-left: 3px;
}

.pl__4-- {
    padding-left: 4px;
}

.pl__5-- {
    padding-left: 5px;
}

.pl__6-- {
    padding-left: 6px;
}

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

.pl__8-- {
    padding-left: 8px;
}

.pl__9-- {
    padding-left: 9px;
}

.pl__10-- {
    padding-left: 10px;
}

.pl__15-- {
    padding-left: 15px;
}

.pl__18-- {
    padding-left: 18px !important;
}

.pl__20-- {
    padding-left: 20px;
}

.py__0-- {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.py__1-- {
    padding-top: 1px;
    padding-bottom: 1px;
}

.py__2-- {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.py__3-- {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.py__4-- {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.py__5-- {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.py__6-- {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.py__7-- {
    padding-top: 7px;
    padding-bottom: 7px;
}

.py__8-- {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.py__9-- {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.py__10-- {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.py__12-- {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.py__15-- {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.px__0-- {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.px__1-- {
    padding-right: 1px;
    padding-left: 1px;
}

.px__2-- {
    padding-right: 2px !important;
    padding-left: 2px !important;
}

.px__3-- {
    padding-right: 3px;
    padding-left: 3px;
}

.px__4-- {
    padding-right: 4px !important;
    padding-left: 4px !important;
}

.px__5-- {
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.px__6-- {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

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

.px__8-- {
    padding-right: 8px !important;
    padding-left: 8px !important;
}

.px__9-- {
    padding-right: 9px;
    padding-left: 9px;
}

.px__10-- {
    padding-right: 10px !important;
    padding-left: 10px !important;
}

.px__11-- {
    padding-right: 11px;
    padding-left: 11px;
}

.px__12-- {
    padding-right: 12px;
    padding-left: 12px;
}

.px__13-- {
    padding-right: 13px;
    padding-left: 13px;
}

.px__14-- {
    padding-right: 14px;
    padding-left: 14px;
}

.px__15-- {
    padding-right: 15px;
    padding-left: 15px;
}

.px__16-- {
    padding-right: 16px;
    padding-left: 16px;
}

.px__18-- {
    padding-right: 18px;
    padding-left: 18px;
}

.px__20-- {
    padding-right: 20px !important;
    padding-left: 20px !important;
}
.px__22-- {
    padding-right: 22px !important;
    padding-left: 22px !important;
}
.px__25-- {
    padding-right: 25px !important;
    padding-left: 25px !important;
}
.px__30-- {
    padding-right: 30px !important;
    padding-left: 30px !important;
}
/*-------------------------------------------------------------------------Padding end------------------------------------------------------------------------------*/

/*11. Margin Start*/
.m__auto-- {
    margin: auto !important;
}

.m__0-- {
    margin: 0 !important;
}

.m__1-- {
    margin: 1px
}

.m__2-- {
    margin: 2px
}

.m__3-- {
    margin: 3px
}

.m__4-- {
    margin: 4px
}

.m__5-- {
    margin: 5px
}

.m__6-- {
    margin: 6px
}

.m__7-- {
    margin: 7px
}

.m__8-- {
    margin: 8px
}

.m__9-- {
    margin: 9px
}

.m__10-- {
    margin: 10px !important;
}

.m__15-- {
    margin: 15px
}

.m__20-- {
    margin: 20px
}

.m__2--x {
    margin-left: 2px;
    margin-right: 2px;
}

.m__4--x {
    margin-left: 4px;
    margin-right: 4px;
}

.m__6--x {
    margin-left: 6px;
    margin-right: 6px;
}

.m__8--x {
    margin-left: 8px;
    margin-right: 8px;
}

.m__10--x {
    margin-left: 10px;
    margin-right: 10px;
}
.m__15--x {
    margin-left: 15px;
    margin-right: 15px;
}

.m__2--y {
    margin-top: 2px;
    margin-bottom: 2px;
}

.m__4--y {
    margin-top: 4px;
    margin-bottom: 4px;
}

.m__6--y {
    margin-top: 6px;
    margin-bottom: 6px;
}

.m__8--y {
    margin-top: 8px;
    margin-bottom: 8px;
}

.m__10--y {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mt__0-- {
    margin-top: 0px;
}

.mt__1-- {
    margin-top: 1px;
}

.mt__2-- {
    margin-top: 2px;
}

.mt__3-- {
    margin-top: 3px;
}

.mt__4-- {
    margin-top: 4px;
}

.mt__5-- {
    margin-top: 5px;
}

.mt__6-- {
    margin-top: 6px;
}

.mt__7-- {
    margin-top: 7px;
}

.mt__8-- {
    margin-top: 8px;
}

.mt__9-- {
    margin-top: 9px;
}

.mt__10-- {
    margin-top: 10px !important;
}

.mt__15-- {
    margin-top: 15px;
}
.mt__18--{
    margin-top:18px;
}

.mt__20-- {
    margin-top: 20px;
}

.mt__22-- {
    margin-top: 22px !important;
}

.mt__24-- {
    margin-top: 24px;
}

.mt__32-- {
    margin-top: 32px;
}

.mr__0-- {
    margin-right: 0px;
}

.mr__1-- {
    margin-right: 1px;
}

.mr__2-- {
    margin-right: 2px;
}

.mr__3-- {
    margin-right: 3px;
}

.mr__4-- {
    margin-right: 4px;
}

.mr__5-- {
    margin-right: 5px;
}

.mr__6-- {
    margin-right: 6px;
}

.mr__7-- {
    margin-right: 7px;
}

.mr__8-- {
    margin-right: 8px;
}

.mr__9-- {
    margin-right: 9px;
}

.mr__10-- {
    margin-right: 10px;
}

.mb__0-- {
    margin-bottom: 0px;
}

.mb__1-- {
    margin-bottom: 1px;
}

.mb__2-- {
    margin-bottom: 2px;
}

.mb__3-- {
    margin-bottom: 3px;
}

.mb__4-- {
    margin-bottom: 4px;
}

.mb__5-- {
    margin-bottom: 5px;
}

.mb__6-- {
    margin-bottom: 6px;
}

.mb__7-- {
    margin-bottom: 7px;
}

.mb__8-- {
    margin-bottom: 8px;
}

.mb__9-- {
    margin-bottom: 9px;
}

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

.ml__0-- {
    margin-left: 0px;
}

.ml__1-- {
    margin-left: 1px;
}

.ml__2-- {
    margin-left: 2px;
}

.ml__3-- {
    margin-left: 3px;
}

.ml__4-- {
    margin-left: 4px;
}

.ml__5-- {
    margin-left: 5px;
}

.ml__6-- {
    margin-left: 6px;
}

.ml__7-- {
    margin-left: 7px;
}

.ml__8-- {
    margin-left: 8px;
}

.ml__9-- {
    margin-left: 9px;
}

.ml__10-- {
    margin-left: 10px;
}

.ml__15-- {
    margin-left: 15px;
}
/*-------------------------------------------------------------------------Margin end------------------------------------------------------------------------------*/

/*12. Width start*/
.w__0-- {
    width: 0px;
}
.w__2--{
    width:2px;
}
.w__5-- {
    width: 5px;
}

.w__10-- {
    width: 10px;
}

.w__15-- {
    width: 15px;
}

.w__16-- {
    width: 16px;
}
.w__18-- {
    width: 18px;
}

.w__20-- {
    width: 20px;
}

.w__25-- {
    width: 25px !important;
}

.w__28-- {
    width: 28px;
}

.w__30-- {
    width: 30px;
}

.w__32-- {
    width: 32px;
}

.w__35-- {
    width: 35px;
}

.w__40-- {
    width: 40px;
}

.w__45-- {
    width: 45px;
}

.w__50-- {
    width: 50px;
}

.w__54-- {
    width: 54px;
}

.w__68-- {
    width: 68px;
}

.w__100-- {
    width: 100px;
}

.w__150-- {
    width: 150px;
}

.w__190-- {
    width: 190px;
}

.w__200-- {
    width: 200px;
}

.w__220-- {
    width: 220px;
}
.w__230-- {
    width: 230px !important;
}
.w__250-- {
    width: 250px;
}

.w__300-- {
    width: 300px;
}

.w__350-- {
    width: 350px;
}

.w__400-- {
    width: 400px;
}

.w__450-- {
    width: 450px;
}

.w__500-- {
    width: 500px;
}

.width__7-- {
    width: 7%;
}

.width__8-- {
    width: 8% !important;
}

.width__100-- {
    width: 100% !important;
}

.width__90-- {
    width: 90%;
}

.width__94-- {
    width: 94%;
}
.width__98-- {
    width: 98%;
}
.width__87-- {
    width: 87%;
}

.width__85-- {
    width: 85%;
}

.width__80-- {
    width: 80%;
}

.width__70-- {
    width: 70%;
}

.width__75-- {
    width: 75%;
}
.width__86-- {
    width: 86%;
}
.width__60-- {
    width: 60%;
}

.width__50-- {
    width: 50% !important;
}

.width__52-- {
    width: 52%;
}

.width__49-- {
    width: 49%;
}

.width__45-- {
    width: 45%;
}

.width__40-- {
    width: 40% !important;
}

.width__35-- {
    width: 35% !important;
}

.width__33-- {
    width: 33% !important;
}

.width__30-- {
    width: 30% !important;
}

.width__24-- {
    width: 24% !important;
}

.width__25-- {
    width: 25% !important;
}

.width__26-- {
    width: 26% !important;
}

.width__27-- {
    width: 27% !important;
}

.width__28-- {
    width: 28% !important;
}
.width__18-- {
    width: 18% !important;
}
.width__20-- {
    width: 20% !important;
}

.width__21-- {
    width: 21% !important;
}

.width__22-- {
    width: 22% !important;
}

.width__23-- {
    width: 23% !important;
}

.width__14--{
    width:14%;
}
.width__15-- {
    width: 15%;
}
.width__16-- {
    width: 16% !important;
}
.width__17-- {
    width: 17% !important;
}

.width__10-- {
    width: 10%;
}

.width__5-- {
    width: 5%;
}

.max__w40-- {
    max-width: 40%;
}

.max__width210-- {
    max-width: 210px;
}

.max__w85-- {
    max-width: 85%;
}

.max__w90-- {
    max-width: 90%;
}

.max__w170-- {
    max-width: 170px;
}

.max__width250-- {
    max-width: 250px;
}

.max__width400-- {
    max-width: 400px;
}
.max__height85--{
    max-height:85%;
}
.max__height94-- {
    max-height: 94%;
}
.max__height100-- {
    max-height: 100%;
}

.mw__0-- {
    min-width: 0;
}

.min__w20-- {
    min-width: 20px;
}

.min__w47-- {
    min-width: 47px;
}

.min__w50-- {
    min-width: 50px !important;
}

.min__w55-- {
    min-width: 55px;
}

.min__w56-- {
    min-width: 56px;
}

.min__w60-- {
    min-width: 60px;
}

.min__w63-- {
    min-width: 63px;
}

.min__w100-- {
    min-width: 100px;
}

.min__h200-- {
    min-height: 200px;
}
.min__h300-- {
    min-height: 300px;
}
.min__height100--{
    min-height:100%;
}

.min__width75-- {
    min-width: 75%;
}
.min__h20--{
    min-height:20px;
}
/*-------------------------------------------------------------------------Width end------------------------------------------------------------------------------*/
/*13.Height start*/
.height__15-- {
    height: 15% !important;
}

.height__17-- {
    height: 17%;
}

.height__25-- {
    height: 25%;
}

.height__70-- {
    height: 70%;
}
.height__95-- {
    height: 95%;
}
.height__100-- {
    height: 100% !important;
}

.height__300-- {
    height: 300% !important;
}

.mx__h--60 {
    max-height: 60px;
}
.mx__h--500{
    max-height: 500px !important;
}
.h__28--vh {
    height: 28vh;
}
.h__40--vh {
    height: 40vh;
}
.h__56--vh{
    height: 56vh;
}
.h__66--vh{
    height:66vh;
}
.h__70--vh{
    height:70vh;
}
.h__100-- {
    height: 100vh;
}

.h__5-- {
    height: 5px;
}

.h__10-- {
    height: 10px;
}

.h__16-- {
    height: 16px;
}

.h__26-- {
    height: 26px;
}

.h__28-- {
    height: 28px;
}

.h__50-- {
    height: 50px;
}

.h__55-- {
    height: 55px;
}

.h__20-- {
    height: 20px;
}

.h__24-- {
    height: 24px;
}

.h__25-- {
    height: 25vh;
}

.h__30-- {
    height: 30px;
}

.h__35-- {
    height: 35px;
}

.h__40-- {
    height: 40px;
}

.h__45-- {
    height: 45px;
}

.h__65-- {
    height: 65px;
}

.h__70-- {
    height: 70px;
}

.h__72-- {
    height: 72px;
}

.h__80-- {
    height: 80px;
}

.h__84-- {
    height: 84px;
}

.h__60-- {
    height: 60px;
}

.h__130-- {
    height: 130px;
}

.h__140-- {
    height: 140px;
}

.h__150-- {
    height: 150px;
}

.h__190-- {
    height: 190px;
}

.h__250-- {
    height: 250px;
}

.h__300-- {
    height: 300px !important;
}

.mh__50-- {
    min-height: 50px;
}
/*---------------------------------------------------------------------------Height end------------------------------------------------------------------------------*/

/*14. Display start*/
.d__b-- {
    display: block !important;
}

.d__ib-- {
    display: inline-block;
}

.d__f-- {
    display: flex !important;
}

.d__if-- {
    display: inline-flex !important;
}

.fw__w-- {
    flex-wrap: wrap;
}

.d__g-- {
    display: grid;
}

.d__n-- {
    display: none !important;
}

.fd__c-- {
    flex-direction: column;
}

.fd__r-- {
    flex-direction: row !important;
}

.fd__rr-- {
    flex-direction: row-reverse;
}
/*-------------------------------------------------------------------------Display end------------------------------------------------------------------------------*/

/*15. Gaps start*/
.gap__0-- {
    gap: 0px !important;
}

.gap__4-- {
    gap: 4px !important;
}

.gap__5-- {
    gap: 5px !important;
}

.gap__8-- {
    gap: 8px;
}

.gap__10-- {
    gap: 10px;
}

.gap__12-- {
    gap: 12px;
}

.gap__15-- {
    gap: 15px !important;
}

.gap__16-- {
    gap: 16px;
}

.gap__20-- {
    gap: 20px;
}

.gap__24-- {
    gap: 24px;
}

.gap__5--x {
    column-gap: 5px;
}

.gap__10--x {
    column-gap: 10px;
}

.gap__20--x {
    column-gap: 20px;
}

.gap__40--x {
    column-gap: 40px;
}

.gap__5--y {
    row-gap: 5px;
}

.gap__y--1 {
    row-gap: 1px;
}

.gap__y--2 {
    row-gap: 2px;
}

.gap__y--3 {
    row-gap: 3px;
}

.gap__y--4 {
    row-gap: 4px;
}

.gap__y--5 {
    row-gap: 5px;
}

.gap__6--y {
    row-gap: 6px;
}

.gap__10--y {
    row-gap: 10px;
}

.gap__y--6 {
    row-gap: 6px;
}

.gap__y--7 {
    row-gap: 7px;
}

.gap__y--8 {
    row-gap: 8px;
}

.gap__y--9 {
    row-gap: 9px;
}

.gap__y--10 {
    row-gap: 10px;
}

.gap__y--12 {
    row-gap: 12px;
}

.gap__20--y {
    row-gap: 20px;
}

.gap__x--1 {
    column-gap: 1px;
}

.gap__x--2 {
    column-gap: 2px;
}

.gap__x--3 {
    column-gap: 3px;
}

.gap__x--4 {
    column-gap: 4px !important;
}

.gap__x--5 {
    column-gap: 5px;
}

.gap__x--6 {
    column-gap: 6px;
}

.gap__x--7 {
    column-gap: 7px;
}

.gap__x--8 {
    column-gap: 8px;
}

.gap__x--9 {
    column-gap: 9px;
}

.gap__x--10 {
    column-gap: 10px;
}

.gap__x--15 {
    column-gap: 15px;
}

.gap__x--20 {
    column-gap: 20px;
}
/*-------------------------------------------------------------------------Gaps end------------------------------------------------------------------------------*/

/*16. Z-index start*/
.z__999-- {
    z-index: 999;
}

.z__9999-- {
    z-index: 9999;
}

.z__99991-- {
    z-index: 99991 !important;
}

.z__99992-- {
    z-index: 99992;
}

.z__99993-- {
    z-index: 99993;
}

.z__99994-- {
    z-index: 99994;
}

.z__99995-- {
    z-index: 99995;
}

.z__99996-- {
    z-index: 99996;
}

.z__99997-- {
    z-index: 99997;
}

.z__99998-- {
    z-index: 99998;
}

.z__99999-- {
    z-index: 99999;
}
/*-------------------------------------------------------------------------Z-index end------------------------------------------------------------------------------*/

/*17. Hovers start*/
.tx__h--d3d3d3:hover {
    color: #222;
}

.tx__h--a:hover {
    color: #1D5558;
}

.tx__h--f4f4f4:hover {
    color: #f4f4f4;
}

.tx__h--fffff:hover {
    color: #ffffff;
}

.bg__h--C71D271A:hover {
    background-color: #c71d271a;
    border-radius: 5px;
}
.bg__h--1D55581A:hover {
    background-color: #1d55581a;
    border-radius: 5px;
}
.hover__1D5558--bg:hover{
    background-color:var(--color-1D5558) !important;
}
.hover__f2f2f2--f:hover {
    background-color: #f2f2f2;
    border-radius: 5px;
}

.hover__f5f5f5--f:hover {
    background-color: var(--color-F5F5F5) !important;
    border-radius: 5px;
}

.hover__ABAFB1--f:hover {
    background-color: var(--color-ABAFB1) !important;
    border-radius: 5px;
}

.hover__E3E3E3--f:hover {
    background-color: var(--color-E3E3E3) !important;
    border-radius: 5px;
}

.hover__EEEEEE--f:hover {
    background-color: var(--color-EEEEEE) !important;
    border-radius: 5px;
}
.hover__1D55581A--bg:hover {
    background: #1d55581a;
}
.hover__1D55581A--bg-t:hover {
    background: #1d55581a;
    border-radius: 5px;
}

    .hover__1D55581A--bg-t:hover .outline-icon {
        display: block !important;
    }

    .hover__1D55581A--bg-t:hover .light-icon {
        display: none !important;
    }

    .hover__1D55581A--bg-t:hover label {
        color: #1d5558 !important;
        font-weight: 600 !important;
    }
.hover__f5f5f5--bg-t:hover label {
    color: #1d5558 !important;
    font-weight: 600 !important;
}
.hover__FFFFFF--bg:hover {
    background-color: var(--color-FFFFFF) !important;
}
/*-------------------------------------------------------------------------Hover end------------------------------------------------------------------------------*/

/*18. Box Shadow start*/
.boxs__none-- {
    box-shadow: none !important;
}

.boxs__0000001A--ho10 {
    box-shadow: 10px 0px 0px 0px #0000001A;
}

.boxs__8895C940--ho2 {
    box-shadow: 2px 0px 0px 0px #8895C940;
}

.boxs__B7B9C31A--ho-3 {
    box-shadow: -3px 0px 0px 0px #B7B9C31A;
}

.boxs__00000026--ho-11 {
    box-shadow: 1px 0px 11px 0px #00000026;
}

.boxs__0000001A--vo10 {
    box-shadow: 0px 10px 0px 0px #0000001A;
}

.boxs__B7B9C31A--ho3 {
    box-shadow: 0px 3px 0px 0px #B7B9C31A;
}

.boxs__0000001A--br10 {
    box-shadow: 0px 0px 10px 0px #0000001A;
}
.boxs__0000001A--bb10 {
    box-shadow: 0px 10px 10px 0px #0000001A;
}
.boxs__8895C940--br4 {
    box-shadow: 0px 0px 4px 0px #8895C940;
}

.boxs__B7B9C31A--ho3h {
    box-shadow: 0px 0px 3.5px 0px #B7B9C31A;
}

.boxs__0000001A--sr10 {
    box-shadow: 0px 0px 0px 10px #0000001A;
}

.boxs__0000001F--b {
    box-shadow: 0px 8px 12px 0px #0000001F;
}
.boxs__toast-- {
    box-shadow: 0px 4px 22px 0px rgba(45, 46, 79, 0.16), 0px 0px 36px 0px rgba(45, 46, 79, 0.32);
}
.boxs__000000D--{
    box-shadow:0px 4px 10px 0px #0000000d;
}
/*-----------------------------------------------------------------------Box shadow end------------------------------------------------------------------------------*/

/*19. Align Items start*/
.ai__c-- {
    align-items: center !important;
}

.ai__fs-- {
    align-items: flex-start;
}

.ai__fe-- {
    align-items: flex-end;
}

.ai__e-- {
    align-items: end;
}

.ai__s-- {
    align-items: start !important;
}

.ai__stretch-- {
    align-items: stretch !important;
}

.ai__b-- {
    align-items: baseline;
}
/*----------------------------------------------------------------------Align items end-----------------------------------------------------------------------------*/

/*20. Justify Content start*/
.jc__c-- {
    justify-content: center !important;
}

.jc__e-- {
    justify-content: end !important;
}

.jc__s-- {
    justify-content: start
}

.jc__fs-- {
    justify-content: flex-start !important;
}

.jc__fe-- {
    justify-content: flex-end
}

.jc__sb-- {
    justify-content: space-between !important;
}

.jc__se-- {
    justify-content: space-evenly;
}

.jc__sa-- {
    justify-content: space-around;
}
/*-------------------------------------------------------------------Justify content end---------------------------------------------------------------------------*/

/*21. Table border start*/
.bc__c-- {
    border-collapse: collapse !important;
}

.bc__s-- {
    border-collapse: separate !important;
}

.bs__0-- {
    border-spacing: 0px;
}

.bs__5y-- {
    border-spacing: 0 5px;
}
/*------------------------------------------------------------------Table border end--------------------------------------------------------------------------------*/

/*22. Icons Animations start*/
.icon__flip--90--m {
    transform: rotate(-90deg);
    transition: all .3s ease-in;
}

.icon__flip--90 {
    transform: rotate(90deg);
    transition: all .3s ease-in;
}

.icon__flip--180 {
    transform: rotate(180deg);
    transition: all .3s ease-in;
}
.icon__flipY--180 {
    transform: rotateY(180deg);
    transition: all .3s ease-in;
}
.icon__flip--270 {
    transform: rotate(270deg);
    transition: all .3s ease-in;
}
.icon__flip--45 {
    transition: all .3s ease-in;
    transform: scaleX(-1) rotate(45deg);
}

.icon__filp-- {
    transition: all .3s ease-in;
    transform: scaleX(-1);
}

.icon__rotate--45 {
    transform: rotate(45deg);
    transition: all .3s ease-in;
}

.transform__rotate--90 {
    transform: rotate(-90deg);
}
/*---------------------------------------------------------------Icons animation end------------------------------------------------------------------------------*/

/*23. Other start*/

.bb__grad--ddd,
.br__grad--ddd {
    position: relative;
}

    .bb__grad--ddd::after,
    .br__grad--ddd::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient( to right, transparent, #ddd 30%, #ddd 70%, transparent);
    }
    
    .br__grad--ddd::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 1px;
        height: 100px;
        background: linear-gradient( to right, transparent, #ddd 30%, #ddd 70%, transparent);
    }
ul li:hover a.drawarrow__hov--,
ul li:hover div > .view__item,
.table__row--hover tr:hover .view__item,
.table__body--hover tbody:hover tr > td > .view__item,
.section__header--hover:hover div > div > .view__item,
.td__hover--:hover .view__item {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
}
.view__item {
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 0.2s ease, transform 0.2s ease;
    pointer-events: none;

}
.table__row--hover tr:hover .view__element{
    display:inline-flex !important;
}
/*Alerts*/
.alert__imp--bg {
    border-left: 2px solid #C71D27;
    background-color: rgba(199, 29, 39, 0.1);
}

.alert__info--bg {
    border-left: 2px solid #537ACF;
    background-color: rgba(83, 122, 207, 0.1);
}

.alert__waring--bg {
    border-left: 2px solid #FCA004;
    background-color: rgba(246, 152, 28, 0.1);
}


/*Font Styles*/
.fs__normal-- {
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
}

.ls__normal-- {
    letter-spacing: normal;
}

/*List*/
.list__unstyled--,
.list__none-- {
    list-style-type: none;
}

/*Text-overflows*/
.ws__nowrap-- {
    white-space: nowrap;
}

.to__ellipsis-- {
    text-overflow: ellipsis;
}

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

/*Over Flows*/
.over__hidden-- {
    overflow: hidden;
}

.o__h-- {
    overflow: hidden;
}
/*Indent*/
.c__p-- {
    cursor: pointer;
}
.ta__c-- {
    text-align: center;
}
.bs__1-- {
    box-shadow: 0 4px 16px -2px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.02);
}
/*Modal*/
.modal__style--1 {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .modal__style--1 > .modal__header-- {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 0.8px solid #DDD;
        padding: 6px 10px;
        position: relative;
    }

        .modal__style--1 > .modal__header-- > h1 {
            color: var(--color-1D1D1D);
            font-size: var(--font-size-3l);
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            margin: 0;
        }

.modal__body-- {
    height: 100%;
    position: relative;
    padding: 6px 10px;
}

.modal__footer-- {
    border-top: 0.8px solid #DDD;
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 6px 10px;
    grid-column-gap: 8px;
}
/*Input Styles*/
.input__style--4 {
    display: flex;
    align-items: center;
    position: relative;
}

    .input__style--4 > input {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        opacity: 0;
    }

    .input__style--4 > label {
        border-radius: 4px 0px 0px 4px;
        border: 0.8px solid #DDD;
        background: #FFF;
        display: flex;
        padding: 7px 12px 7px 8px;
        align-items: center;
        color: #000;
        font-size: var(--font-size-md);
        font-style: normal;
        font-weight: 500;
        width: 100%;
        line-height: 1.5;
        height: 33px;
    }

    .input__style--4 > span {
        border-radius: 0 4px 4px 0;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #1d5558;
        border: 3px solid #1d5558;
    }
.input__focus--FF9F2D:focus{
    border:1px solid var(--color-FF9F2D) !important;
    background:var(--color-FEFCF8) !important;
    border-radius:0px !important;
}
.input__focus--FF9F2D:focus:focus-visible {
    border: 1px solid var(--color-FF9F2D) !important;
    background: var(--color-FEFCF8) !important;
    border-radius: 0px !important;
}
/*Grid Styles*/
.grid__list-- {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0;
    padding: 0;
}

    .grid__list-- > li {
        list-style: none;
        min-width: 67px;
        max-width: fit-content;
    }

        .grid__list-- > li > a {
            border: 1px solid #CFD3D4;
            padding: 6px;
            border-radius: 6px;
            font-size: var(--font-size-lg);
            font-weight: 400;
            text-align: center;
            color: #4a4a4a;
            line-height: normal;
            display: block;
        }

        .grid__list-- > li.active > a,
        .grid__list-- > li:hover > a {
            color: #ffffff;
            background: #1D5558;
        }

/*Close Button*/
.btn__close-- {
    position: absolute;
    right: 0px;
    top: -40px;
}
.btn__close--2 {
    padding: 4px;
    border: 1px solid var(--color-FFFFFF);
    border-radius: 4px;
}
    .btn__close--2:hover{
        background-color: var(--color-F5F5F5);
        border: 1px solid var(--color-DDDDDD) !important;
        box-shadow: 0px 1px 2px 0px rgb(0,0,0,0.05);
    }

.open > .dropdown-button {
    background-color: #e3e3e3 !important;
}

.td__lt--,
tr.td__lt-- > td > div > label,
tr.td__lt-- > td > div > span,
tr.td__lt-- > td  > label,
tr.td__lt-- > td  > span {
    text-decoration: line-through;
    color: var(--color-C71D27);
}

.of__c--{
    object-fit:cover;
}
/*-------------------------------------------------------------------------Others end------------------------------------------------------------------------------*/

/* Tablets (768px and above) */
@media (min-width: 320px) and (max-width: 768px) {
    :root {
        --font-size-xs: 0.7rem;
        --font-size-sm: 0.75rem;
        --font-size-md: 0.7125rem;
        --font-size-lg: 0.775rem;
        --font-size-xl: 0.8375rem;
        --font-size-2l: 0.9rem;
        --font-size-3l: 1rem;
        --font-size-4l: 1.25rem;
        --font-size-5l: 1.875rem;
        --font-size-6l: 1.5rem;
    }
}

@media (min-width: 769px) and (max-width: 1280px) {
    :root {
        --font-size-xs: 0.625rem; /* Reduced from 0.625rem */
        --font-size-sm: 0.625rem; /* Reduced from 0.6875rem */
        --font-size-md: 0.6875rem; /* Reduced from 0.75rem */
        --font-size-lg: 0.75rem; /* Reduced from 0.8125rem */
        --font-size-xl: 0.8125rem; /* Reduced from 0.875rem */
        --font-size-2l: 0.875rem; /* Reduced from 0.9375rem */
        --font-size-3l: 0.9375rem; /* Reduced from 1rem */
        --font-size-4l: 1rem; /* Reduced from 1.0625rem */
        --font-size-5l: 1.0625rem; /* Reduced from 1.125rem */
        --font-size-6l: 1.125rem; /* Reduced from 1.1875rem */
    }
}

/* Large Screens (1440px and above) */
@media (min-width: 1281px) {
    :root {
        --font-size-xs: 0.625rem; /* Extra Small - 10 */
        --font-size-sm: 0.6875rem; /* Small - 11 */
        --font-size-md: 0.75rem; /* Medium - 12 */
        --font-size-lg: 0.8125rem; /* Large - 13*/
        --font-size-xl: 0.875rem; /* Extra Large - 14 */
        --font-size-2l: 0.9375rem; /* Double Extra Large - 15 */
        --font-size-3l: 1rem; /* Triple Extra Large - 16*/
        --font-size-4l: 1.0625rem; /* Four Extra Large - 17 */
        --font-size-5l: 1.125rem; /* Four Extra Large - 18 */
        --font-size-6l: 1.1875rem; /* Four Extra Large - 19 */
    }
}
/* -----------------------END ------------------------ */

@media screen and (min-width: 1281px) {
    .d-web-none {
        display: none !important;
    }

    .surgery-list-action {
        display: flex;
    }

        .surgery-list-action > li {
            list-style: none;
            width: calc(100% * (1/2) - 0px - 4px);
        }

    .offcanves-right > .modal-dialog {
        width: 91%;
    }

    .border-nthchild > div:nth-child(2n+1) {
        border-right: 1px solid #d2d2d2
    }
}

@media only screen and (min-width: 768px) and (max-width: 1280px) {
    .table__style--1 > table {
        min-width: 1400px;
        table-layout: fixed;
    }

    .d-none-tab {
        display: none !important;
    }

    .d-block-tab {
        display: block;
    }

    .pt-0-tab {
        padding-top: 0 !important
    }
    /*.quick-access-tab {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 9999999;
        background-color: #f7f7f7;
        padding: 6px;
        height: calc(100vh - 60px);
        overflow-y: auto;
    }*/
    .offcanves-right > .modal-dialog {
        width: 100%;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1235px) {
    .border-nthchild > div:nth-child(2n+1) {
        border-right: none
    }

    .hide-md {
        display: none;
    }

    .arrow-menu {
        margin: 0;
        display: block;
        position: absolute;
        background-color: #fff;
    }

        .arrow-menu > li,
        .menu-dropdown-m,
        .surgery-list-action {
            display: block;
        }

    .asc-actions-main-list > li {
        width: calc(100% * (1/2) - 5px - 0px);
    }

    .surgery-list-action > li {
        width: 100%;
        list-style: none;
        margin: 4px 0px;
    }
}

@media only screen and (min-width: 1235px) and (max-width: 1700px) {
    .hide-md {
        display: block;
    }

    .menu-dropdown-m {
        display: none;
    }

    .arrow-menu {
        margin: 0;
        display: flex;
    }

        .arrow-menu > li {
            display: inline-block;
        }
}