@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

body .m--0 {
    margin: 0px !important;
}

body .m--1 {
    margin: 1px !important;
}

body .m--2 {
    margin: 2px !important;
}

body .m--3 {
    margin: 3px !important;
}

body .m--4 {
    margin: 4px !important;
}

body .m--5 {
    margin: 5px !important;
}

body .m--6 {
    margin: 6px !important;
}

body .m--7 {
    margin: 7px !important;
}

body .m--8 {
    margin: 8px !important;
}

body .m--9 {
    margin: 9px !important;
}

body .m--10 {
    margin: 10px !important;
}

body .m--11 {
    margin: 11px !important;
}

body .m--12 {
    margin: 12px !important;
}

body .m--13 {
    margin: 13px !important;
}

body .m--14 {
    margin: 14px !important;
}

body .m--15 {
    margin: 15px !important;
}

body .m--16 {
    margin: 16px !important;
}

body .m--17 {
    margin: 17px !important;
}

body .m--18 {
    margin: 18px !important;
}

body .m--19 {
    margin: 19px !important;
}

body .m--20 {
    margin: 20px !important;
}

body .m--21 {
    margin: 21px !important;
}

body .m--22 {
    margin: 22px !important;
}

body .m--23 {
    margin: 23px !important;
}

body .m--24 {
    margin: 24px !important;
}

body .m--25 {
    margin: 25px !important;
}

body .m--26 {
    margin: 26px !important;
}

body .m--27 {
    margin: 27px !important;
}

body .m--28 {
    margin: 28px !important;
}

body .m--29 {
    margin: 29px !important;
}

body .m--30 {
    margin: 30px !important;
}

body .m--31 {
    margin: 31px !important;
}

body .m--32 {
    margin: 32px !important;
}

body .m--33 {
    margin: 33px !important;
}

body .m--34 {
    margin: 34px !important;
}

body .m--35 {
    margin: 35px !important;
}

body .m--36 {
    margin: 36px !important;
}

body .m--37 {
    margin: 37px !important;
}

body .m--38 {
    margin: 38px !important;
}

body .m--39 {
    margin: 39px !important;
}

body .m--40 {
    margin: 40px !important;
}

body .m--41 {
    margin: 41px !important;
}

body .m--42 {
    margin: 42px !important;
}

body .m--43 {
    margin: 43px !important;
}

body .m--44 {
    margin: 44px !important;
}

body .m--45 {
    margin: 45px !important;
}

body .m--46 {
    margin: 46px !important;
}

body .m--47 {
    margin: 47px !important;
}

body .m--48 {
    margin: 48px !important;
}

body .m--49 {
    margin: 49px !important;
}

body .m--50 {
    margin: 50px !important;
}

body .m--51 {
    margin: 51px !important;
}

body .m--52 {
    margin: 52px !important;
}

body .m--53 {
    margin: 53px !important;
}

body .m--54 {
    margin: 54px !important;
}

body .m--55 {
    margin: 55px !important;
}

body .m--56 {
    margin: 56px !important;
}

body .m--57 {
    margin: 57px !important;
}

body .m--58 {
    margin: 58px !important;
}

body .m--59 {
    margin: 59px !important;
}

body .m--60 {
    margin: 60px !important;
}

body .m--61 {
    margin: 61px !important;
}

body .m--62 {
    margin: 62px !important;
}

body .m--63 {
    margin: 63px !important;
}

body .m--64 {
    margin: 64px !important;
}

body .m--65 {
    margin: 65px !important;
}

body .m--66 {
    margin: 66px !important;
}

body .m--67 {
    margin: 67px !important;
}

body .m--68 {
    margin: 68px !important;
}

body .m--69 {
    margin: 69px !important;
}

body .m--70 {
    margin: 70px !important;
}

body .m-t-0 {
    margin-top: 0px !important;
}

body .m-t-1 {
    margin-top: 1px !important;
}

body .m-t-2 {
    margin-top: 2px !important;
}

body .m-t-3 {
    margin-top: 3px !important;
}

body .m-t-4 {
    margin-top: 4px !important;
}

body .m-t-5 {
    margin-top: 5px !important;
}

body .m-t-6 {
    margin-top: 6px !important;
}

body .m-t-7 {
    margin-top: 7px !important;
}

body .m-t-8 {
    margin-top: 8px !important;
}

body .m-t-9 {
    margin-top: 9px !important;
}

body .m-t-10 {
    margin-top: 10px !important;
}

body .m-t-11 {
    margin-top: 11px !important;
}

body .m-t-12 {
    margin-top: 12px !important;
}

body .m-t-13 {
    margin-top: 13px !important;
}

body .m-t-14 {
    margin-top: 14px !important;
}

body .m-t-15 {
    margin-top: 15px !important;
}

body .m-t-16 {
    margin-top: 16px !important;
}

body .m-t-17 {
    margin-top: 17px !important;
}

body .m-t-18 {
    margin-top: 18px !important;
}

body .m-t-19 {
    margin-top: 19px !important;
}

body .m-t-20 {
    margin-top: 20px !important;
}

body .m-t-21 {
    margin-top: 21px !important;
}

body .m-t-22 {
    margin-top: 22px !important;
}

body .m-t-23 {
    margin-top: 23px !important;
}

body .m-t-24 {
    margin-top: 24px !important;
}

body .m-t-25 {
    margin-top: 25px !important;
}

body .m-t-26 {
    margin-top: 26px !important;
}

body .m-t-27 {
    margin-top: 27px !important;
}

body .m-t-28 {
    margin-top: 28px !important;
}

body .m-t-29 {
    margin-top: 29px !important;
}

body .m-t-30 {
    margin-top: 30px !important;
}

body .m-t-31 {
    margin-top: 31px !important;
}

body .m-t-32 {
    margin-top: 32px !important;
}

body .m-t-33 {
    margin-top: 33px !important;
}

body .m-t-34 {
    margin-top: 34px !important;
}

body .m-t-35 {
    margin-top: 35px !important;
}

body .m-t-36 {
    margin-top: 36px !important;
}

body .m-t-37 {
    margin-top: 37px !important;
}

body .m-t-38 {
    margin-top: 38px !important;
}

body .m-t-39 {
    margin-top: 39px !important;
}

body .m-t-40 {
    margin-top: 40px !important;
}

body .m-t-41 {
    margin-top: 41px !important;
}

body .m-t-42 {
    margin-top: 42px !important;
}

body .m-t-43 {
    margin-top: 43px !important;
}

body .m-t-44 {
    margin-top: 44px !important;
}

body .m-t-45 {
    margin-top: 45px !important;
}

body .m-t-46 {
    margin-top: 46px !important;
}

body .m-t-47 {
    margin-top: 47px !important;
}

body .m-t-48 {
    margin-top: 48px !important;
}

body .m-t-49 {
    margin-top: 49px !important;
}

body .m-t-50 {
    margin-top: 50px !important;
}

body .m-t-51 {
    margin-top: 51px !important;
}

body .m-t-52 {
    margin-top: 52px !important;
}

body .m-t-53 {
    margin-top: 53px !important;
}

body .m-t-54 {
    margin-top: 54px !important;
}

body .m-t-55 {
    margin-top: 55px !important;
}

body .m-t-56 {
    margin-top: 56px !important;
}

body .m-t-57 {
    margin-top: 57px !important;
}

body .m-t-58 {
    margin-top: 58px !important;
}

body .m-t-59 {
    margin-top: 59px !important;
}

body .m-t-60 {
    margin-top: 60px !important;
}

body .m-t-61 {
    margin-top: 61px !important;
}

body .m-t-62 {
    margin-top: 62px !important;
}

body .m-t-63 {
    margin-top: 63px !important;
}

body .m-t-64 {
    margin-top: 64px !important;
}

body .m-t-65 {
    margin-top: 65px !important;
}

body .m-t-66 {
    margin-top: 66px !important;
}

body .m-t-67 {
    margin-top: 67px !important;
}

body .m-t-68 {
    margin-top: 68px !important;
}

body .m-t-69 {
    margin-top: 69px !important;
}

body .m-t-70 {
    margin-top: 70px !important;
}

body .m-r-0 {
    margin-right: 0px !important;
}

body .m-r-1 {
    margin-right: 1px !important;
}

body .m-r-2 {
    margin-right: 2px !important;
}

body .m-r-3 {
    margin-right: 3px !important;
}

body .m-r-4 {
    margin-right: 4px !important;
}

body .m-r-5 {
    margin-right: 5px !important;
}

body .m-r-6 {
    margin-right: 6px !important;
}

body .m-r-7 {
    margin-right: 7px !important;
}

body .m-r-8 {
    margin-right: 8px !important;
}

body .m-r-9 {
    margin-right: 9px !important;
}

body .m-r-10 {
    margin-right: 10px !important;
}

body .m-r-11 {
    margin-right: 11px !important;
}

body .m-r-12 {
    margin-right: 12px !important;
}

body .m-r-13 {
    margin-right: 13px !important;
}

body .m-r-14 {
    margin-right: 14px !important;
}

body .m-r-15 {
    margin-right: 15px !important;
}

body .m-r-16 {
    margin-right: 16px !important;
}

body .m-r-17 {
    margin-right: 17px !important;
}

body .m-r-18 {
    margin-right: 18px !important;
}

body .m-r-19 {
    margin-right: 19px !important;
}

body .m-r-20 {
    margin-right: 20px !important;
}

body .m-r-21 {
    margin-right: 21px !important;
}

body .m-r-22 {
    margin-right: 22px !important;
}

body .m-r-23 {
    margin-right: 23px !important;
}

body .m-r-24 {
    margin-right: 24px !important;
}

body .m-r-25 {
    margin-right: 25px !important;
}

body .m-r-26 {
    margin-right: 26px !important;
}

body .m-r-27 {
    margin-right: 27px !important;
}

body .m-r-28 {
    margin-right: 28px !important;
}

body .m-r-29 {
    margin-right: 29px !important;
}

body .m-r-30 {
    margin-right: 30px !important;
}

body .m-r-31 {
    margin-right: 31px !important;
}

body .m-r-32 {
    margin-right: 32px !important;
}

body .m-r-33 {
    margin-right: 33px !important;
}

body .m-r-34 {
    margin-right: 34px !important;
}

body .m-r-35 {
    margin-right: 35px !important;
}

body .m-r-36 {
    margin-right: 36px !important;
}

body .m-r-37 {
    margin-right: 37px !important;
}

body .m-r-38 {
    margin-right: 38px !important;
}

body .m-r-39 {
    margin-right: 39px !important;
}

body .m-r-40 {
    margin-right: 40px !important;
}

body .m-r-41 {
    margin-right: 41px !important;
}

body .m-r-42 {
    margin-right: 42px !important;
}

body .m-r-43 {
    margin-right: 43px !important;
}

body .m-r-44 {
    margin-right: 44px !important;
}

body .m-r-45 {
    margin-right: 45px !important;
}

body .m-r-46 {
    margin-right: 46px !important;
}

body .m-r-47 {
    margin-right: 47px !important;
}

body .m-r-48 {
    margin-right: 48px !important;
}

body .m-r-49 {
    margin-right: 49px !important;
}

body .m-r-50 {
    margin-right: 50px !important;
}

body .m-r-51 {
    margin-right: 51px !important;
}

body .m-r-52 {
    margin-right: 52px !important;
}

body .m-r-53 {
    margin-right: 53px !important;
}

body .m-r-54 {
    margin-right: 54px !important;
}

body .m-r-55 {
    margin-right: 55px !important;
}

body .m-r-56 {
    margin-right: 56px !important;
}

body .m-r-57 {
    margin-right: 57px !important;
}

body .m-r-58 {
    margin-right: 58px !important;
}

body .m-r-59 {
    margin-right: 59px !important;
}

body .m-r-60 {
    margin-right: 60px !important;
}

body .m-r-61 {
    margin-right: 61px !important;
}

body .m-r-62 {
    margin-right: 62px !important;
}

body .m-r-63 {
    margin-right: 63px !important;
}

body .m-r-64 {
    margin-right: 64px !important;
}

body .m-r-65 {
    margin-right: 65px !important;
}

body .m-r-66 {
    margin-right: 66px !important;
}

body .m-r-67 {
    margin-right: 67px !important;
}

body .m-r-68 {
    margin-right: 68px !important;
}

body .m-r-69 {
    margin-right: 69px !important;
}

body .m-r-70 {
    margin-right: 70px !important;
}

body .m-b-0 {
    margin-bottom: 0px !important;
}

body .m-b-1 {
    margin-bottom: 1px !important;
}

body .m-b-2 {
    margin-bottom: 2px !important;
}

body .m-b-3 {
    margin-bottom: 3px !important;
}

body .m-b-4 {
    margin-bottom: 4px !important;
}

body .m-b-5 {
    margin-bottom: 5px !important;
}

body .m-b-6 {
    margin-bottom: 6px !important;
}

body .m-b-7 {
    margin-bottom: 7px !important;
}

body .m-b-8 {
    margin-bottom: 8px !important;
}

body .m-b-9 {
    margin-bottom: 9px !important;
}

body .m-b-10 {
    margin-bottom: 10px !important;
}

body .m-b-11 {
    margin-bottom: 11px !important;
}

body .m-b-12 {
    margin-bottom: 12px !important;
}

body .m-b-13 {
    margin-bottom: 13px !important;
}

body .m-b-14 {
    margin-bottom: 14px !important;
}

body .m-b-15 {
    margin-bottom: 15px !important;
}

body .m-b-16 {
    margin-bottom: 16px !important;
}

body .m-b-17 {
    margin-bottom: 17px !important;
}

body .m-b-18 {
    margin-bottom: 18px !important;
}

body .m-b-19 {
    margin-bottom: 19px !important;
}

body .m-b-20 {
    margin-bottom: 20px !important;
}

body .m-b-21 {
    margin-bottom: 21px !important;
}

body .m-b-22 {
    margin-bottom: 22px !important;
}

body .m-b-23 {
    margin-bottom: 23px !important;
}

body .m-b-24 {
    margin-bottom: 24px !important;
}

body .m-b-25 {
    margin-bottom: 25px !important;
}

body .m-b-26 {
    margin-bottom: 26px !important;
}

body .m-b-27 {
    margin-bottom: 27px !important;
}

body .m-b-28 {
    margin-bottom: 28px !important;
}

body .m-b-29 {
    margin-bottom: 29px !important;
}

body .m-b-30 {
    margin-bottom: 30px !important;
}

body .m-b-31 {
    margin-bottom: 31px !important;
}

body .m-b-32 {
    margin-bottom: 32px !important;
}

body .m-b-33 {
    margin-bottom: 33px !important;
}

body .m-b-34 {
    margin-bottom: 34px !important;
}

body .m-b-35 {
    margin-bottom: 35px !important;
}

body .m-b-36 {
    margin-bottom: 36px !important;
}

body .m-b-37 {
    margin-bottom: 37px !important;
}

body .m-b-38 {
    margin-bottom: 38px !important;
}

body .m-b-39 {
    margin-bottom: 39px !important;
}

body .m-b-40 {
    margin-bottom: 40px !important;
}

body .m-b-41 {
    margin-bottom: 41px !important;
}

body .m-b-42 {
    margin-bottom: 42px !important;
}

body .m-b-43 {
    margin-bottom: 43px !important;
}

body .m-b-44 {
    margin-bottom: 44px !important;
}

body .m-b-45 {
    margin-bottom: 45px !important;
}

body .m-b-46 {
    margin-bottom: 46px !important;
}

body .m-b-47 {
    margin-bottom: 47px !important;
}

body .m-b-48 {
    margin-bottom: 48px !important;
}

body .m-b-49 {
    margin-bottom: 49px !important;
}

body .m-b-50 {
    margin-bottom: 50px !important;
}

body .m-b-51 {
    margin-bottom: 51px !important;
}

body .m-b-52 {
    margin-bottom: 52px !important;
}

body .m-b-53 {
    margin-bottom: 53px !important;
}

body .m-b-54 {
    margin-bottom: 54px !important;
}

body .m-b-55 {
    margin-bottom: 55px !important;
}

body .m-b-56 {
    margin-bottom: 56px !important;
}

body .m-b-57 {
    margin-bottom: 57px !important;
}

body .m-b-58 {
    margin-bottom: 58px !important;
}

body .m-b-59 {
    margin-bottom: 59px !important;
}

body .m-b-60 {
    margin-bottom: 60px !important;
}

body .m-b-61 {
    margin-bottom: 61px !important;
}

body .m-b-62 {
    margin-bottom: 62px !important;
}

body .m-b-63 {
    margin-bottom: 63px !important;
}

body .m-b-64 {
    margin-bottom: 64px !important;
}

body .m-b-65 {
    margin-bottom: 65px !important;
}

body .m-b-66 {
    margin-bottom: 66px !important;
}

body .m-b-67 {
    margin-bottom: 67px !important;
}

body .m-b-68 {
    margin-bottom: 68px !important;
}

body .m-b-69 {
    margin-bottom: 69px !important;
}

body .m-b-70 {
    margin-bottom: 70px !important;
}

body .m-l-0 {
    margin-left: 0px !important;
}

body .m-l-1 {
    margin-left: 1px !important;
}

body .m-l-2 {
    margin-left: 2px !important;
}

body .m-l-3 {
    margin-left: 3px !important;
}

body .m-l-4 {
    margin-left: 4px !important;
}

body .m-l-5 {
    margin-left: 5px !important;
}

body .m-l-6 {
    margin-left: 6px !important;
}

body .m-l-7 {
    margin-left: 7px !important;
}

body .m-l-8 {
    margin-left: 8px !important;
}

body .m-l-9 {
    margin-left: 9px !important;
}

body .m-l-10 {
    margin-left: 10px !important;
}

body .m-l-11 {
    margin-left: 11px !important;
}

body .m-l-12 {
    margin-left: 12px !important;
}

body .m-l-13 {
    margin-left: 13px !important;
}

body .m-l-14 {
    margin-left: 14px !important;
}

body .m-l-15 {
    margin-left: 15px !important;
}

body .m-l-16 {
    margin-left: 16px !important;
}

body .m-l-17 {
    margin-left: 17px !important;
}

body .m-l-18 {
    margin-left: 18px !important;
}

body .m-l-19 {
    margin-left: 19px !important;
}

body .m-l-20 {
    margin-left: 20px !important;
}

body .m-l-21 {
    margin-left: 21px !important;
}

body .m-l-22 {
    margin-left: 22px !important;
}

body .m-l-23 {
    margin-left: 23px !important;
}

body .m-l-24 {
    margin-left: 24px !important;
}

body .m-l-25 {
    margin-left: 25px !important;
}

body .m-l-26 {
    margin-left: 26px !important;
}

body .m-l-27 {
    margin-left: 27px !important;
}

body .m-l-28 {
    margin-left: 28px !important;
}

body .m-l-29 {
    margin-left: 29px !important;
}

body .m-l-30 {
    margin-left: 30px !important;
}

body .m-l-31 {
    margin-left: 31px !important;
}

body .m-l-32 {
    margin-left: 32px !important;
}

body .m-l-33 {
    margin-left: 33px !important;
}

body .m-l-34 {
    margin-left: 34px !important;
}

body .m-l-35 {
    margin-left: 35px !important;
}

body .m-l-36 {
    margin-left: 36px !important;
}

body .m-l-37 {
    margin-left: 37px !important;
}

body .m-l-38 {
    margin-left: 38px !important;
}

body .m-l-39 {
    margin-left: 39px !important;
}

body .m-l-40 {
    margin-left: 40px !important;
}

body .m-l-41 {
    margin-left: 41px !important;
}

body .m-l-42 {
    margin-left: 42px !important;
}

body .m-l-43 {
    margin-left: 43px !important;
}

body .m-l-44 {
    margin-left: 44px !important;
}

body .m-l-45 {
    margin-left: 45px !important;
}

body .m-l-46 {
    margin-left: 46px !important;
}

body .m-l-47 {
    margin-left: 47px !important;
}

body .m-l-48 {
    margin-left: 48px !important;
}

body .m-l-49 {
    margin-left: 49px !important;
}

body .m-l-50 {
    margin-left: 50px !important;
}

body .m-l-51 {
    margin-left: 51px !important;
}

body .m-l-52 {
    margin-left: 52px !important;
}

body .m-l-53 {
    margin-left: 53px !important;
}

body .m-l-54 {
    margin-left: 54px !important;
}

body .m-l-55 {
    margin-left: 55px !important;
}

body .m-l-56 {
    margin-left: 56px !important;
}

body .m-l-57 {
    margin-left: 57px !important;
}

body .m-l-58 {
    margin-left: 58px !important;
}

body .m-l-59 {
    margin-left: 59px !important;
}

body .m-l-60 {
    margin-left: 60px !important;
}

body .m-l-61 {
    margin-left: 61px !important;
}

body .m-l-62 {
    margin-left: 62px !important;
}

body .m-l-63 {
    margin-left: 63px !important;
}

body .m-l-64 {
    margin-left: 64px !important;
}

body .m-l-65 {
    margin-left: 65px !important;
}

body .m-l-66 {
    margin-left: 66px !important;
}

body .m-l-67 {
    margin-left: 67px !important;
}

body .m-l-68 {
    margin-left: 68px !important;
}

body .m-l-69 {
    margin-left: 69px !important;
}

body .m-l-70 {
    margin-left: 70px !important;
}

body .p--1 {
    padding: 1px !important;
}

body .p--2 {
    padding: 2px !important;
}

body .p--3 {
    padding: 3px !important;
}

body .p--4 {
    padding: 4px !important;
}

body .p--5 {
    padding: 5px !important;
}

body .p--6 {
    padding: 6px !important;
}

body .p--7 {
    padding: 7px !important;
}

body .p--8 {
    padding: 8px !important;
}

body .p--9 {
    padding: 9px !important;
}

body .p--10 {
    padding: 10px !important;
}

body .p--11 {
    padding: 11px !important;
}

body .p--12 {
    padding: 12px !important;
}

body .p--13 {
    padding: 13px !important;
}

body .p--14 {
    padding: 14px !important;
}

body .p--15 {
    padding: 15px !important;
}

body .p--16 {
    padding: 16px !important;
}

body .p--17 {
    padding: 17px !important;
}

body .p--18 {
    padding: 18px !important;
}

body .p--19 {
    padding: 19px !important;
}

body .p--20 {
    padding: 20px !important;
}

body .p--21 {
    padding: 21px !important;
}

body .p--22 {
    padding: 22px !important;
}

body .p--23 {
    padding: 23px !important;
}

body .p--24 {
    padding: 24px !important;
}

body .p--25 {
    padding: 25px !important;
}

body .p--26 {
    padding: 26px !important;
}

body .p--27 {
    padding: 27px !important;
}

body .p--28 {
    padding: 28px !important;
}

body .p--29 {
    padding: 29px !important;
}

body .p--30 {
    padding: 30px !important;
}

body .p--31 {
    padding: 31px !important;
}

body .p--32 {
    padding: 32px !important;
}

body .p--33 {
    padding: 33px !important;
}

body .p--34 {
    padding: 34px !important;
}

body .p--35 {
    padding: 35px !important;
}

body .p--36 {
    padding: 36px !important;
}

body .p--37 {
    padding: 37px !important;
}

body .p--38 {
    padding: 38px !important;
}

body .p--39 {
    padding: 39px !important;
}

body .p--40 {
    padding: 40px !important;
}

body .p--41 {
    padding: 41px !important;
}

body .p--42 {
    padding: 42px !important;
}

body .p--43 {
    padding: 43px !important;
}

body .p--44 {
    padding: 44px !important;
}

body .p--45 {
    padding: 45px !important;
}

body .p--46 {
    padding: 46px !important;
}

body .p--47 {
    padding: 47px !important;
}

body .p--48 {
    padding: 48px !important;
}

body .p--49 {
    padding: 49px !important;
}

body .p--50 {
    padding: 50px !important;
}

body .p--51 {
    padding: 51px !important;
}

body .p--52 {
    padding: 52px !important;
}

body .p--53 {
    padding: 53px !important;
}

body .p--54 {
    padding: 54px !important;
}

body .p--55 {
    padding: 55px !important;
}

body .p--56 {
    padding: 56px !important;
}

body .p--57 {
    padding: 57px !important;
}

body .p--58 {
    padding: 58px !important;
}

body .p--59 {
    padding: 59px !important;
}

body .p--60 {
    padding: 60px !important;
}

body .p--61 {
    padding: 61px !important;
}

body .p--62 {
    padding: 62px !important;
}

body .p--63 {
    padding: 63px !important;
}

body .p--64 {
    padding: 64px !important;
}

body .p--65 {
    padding: 65px !important;
}

body .p--66 {
    padding: 66px !important;
}

body .p--67 {
    padding: 67px !important;
}

body .p--68 {
    padding: 68px !important;
}

body .p--69 {
    padding: 69px !important;
}

body .p--70 {
    padding: 70px !important;
}

body .p-t-1 {
    padding-top: 1px !important;
}

body .p-t-2 {
    padding-top: 2px !important;
}

body .p-t-3 {
    padding-top: 3px !important;
}

body .p-t-4 {
    padding-top: 4px !important;
}

body .p-t-5 {
    padding-top: 5px !important;
}

body .p-t-6 {
    padding-top: 6px !important;
}

body .p-t-7 {
    padding-top: 7px !important;
}

body .p-t-8 {
    padding-top: 8px !important;
}

body .p-t-9 {
    padding-top: 9px !important;
}

body .p-t-10 {
    padding-top: 10px !important;
}

body .p-t-11 {
    padding-top: 11px !important;
}

body .p-t-12 {
    padding-top: 12px !important;
}

body .p-t-13 {
    padding-top: 13px !important;
}

body .p-t-14 {
    padding-top: 14px !important;
}

body .p-t-15 {
    padding-top: 15px !important;
}

body .p-t-16 {
    padding-top: 16px !important;
}

body .p-t-17 {
    padding-top: 17px !important;
}

body .p-t-18 {
    padding-top: 18px !important;
}

body .p-t-19 {
    padding-top: 19px !important;
}

body .p-t-20 {
    padding-top: 20px !important;
}

body .p-t-21 {
    padding-top: 21px !important;
}

body .p-t-22 {
    padding-top: 22px !important;
}

body .p-t-23 {
    padding-top: 23px !important;
}

body .p-t-24 {
    padding-top: 24px !important;
}

body .p-t-25 {
    padding-top: 25px !important;
}

body .p-t-26 {
    padding-top: 26px !important;
}

body .p-t-27 {
    padding-top: 27px !important;
}

body .p-t-28 {
    padding-top: 28px !important;
}

body .p-t-29 {
    padding-top: 29px !important;
}

body .p-t-30 {
    padding-top: 30px !important;
}

body .p-t-31 {
    padding-top: 31px !important;
}

body .p-t-32 {
    padding-top: 32px !important;
}

body .p-t-33 {
    padding-top: 33px !important;
}

body .p-t-34 {
    padding-top: 34px !important;
}

body .p-t-35 {
    padding-top: 35px !important;
}

body .p-t-36 {
    padding-top: 36px !important;
}

body .p-t-37 {
    padding-top: 37px !important;
}

body .p-t-38 {
    padding-top: 38px !important;
}

body .p-t-39 {
    padding-top: 39px !important;
}

body .p-t-40 {
    padding-top: 40px !important;
}

body .p-t-41 {
    padding-top: 41px !important;
}

body .p-t-42 {
    padding-top: 42px !important;
}

body .p-t-43 {
    padding-top: 43px !important;
}

body .p-t-44 {
    padding-top: 44px !important;
}

body .p-t-45 {
    padding-top: 45px !important;
}

body .p-t-46 {
    padding-top: 46px !important;
}

body .p-t-47 {
    padding-top: 47px !important;
}

body .p-t-48 {
    padding-top: 48px !important;
}

body .p-t-49 {
    padding-top: 49px !important;
}

body .p-t-50 {
    padding-top: 50px !important;
}

body .p-t-51 {
    padding-top: 51px !important;
}

body .p-t-52 {
    padding-top: 52px !important;
}

body .p-t-53 {
    padding-top: 53px !important;
}

body .p-t-54 {
    padding-top: 54px !important;
}

body .p-t-55 {
    padding-top: 55px !important;
}

body .p-t-56 {
    padding-top: 56px !important;
}

body .p-t-57 {
    padding-top: 57px !important;
}

body .p-t-58 {
    padding-top: 58px !important;
}

body .p-t-59 {
    padding-top: 59px !important;
}

body .p-t-60 {
    padding-top: 60px !important;
}

body .p-t-61 {
    padding-top: 61px !important;
}

body .p-t-62 {
    padding-top: 62px !important;
}

body .p-t-63 {
    padding-top: 63px !important;
}

body .p-t-64 {
    padding-top: 64px !important;
}

body .p-t-65 {
    padding-top: 65px !important;
}

body .p-t-66 {
    padding-top: 66px !important;
}

body .p-t-67 {
    padding-top: 67px !important;
}

body .p-t-68 {
    padding-top: 68px !important;
}

body .p-t-69 {
    padding-top: 69px !important;
}

body .p-t-70 {
    padding-top: 70px !important;
}

body .p-r-1 {
    padding-right: 1px !important;
}

body .p-r-2 {
    padding-right: 2px !important;
}

body .p-r-3 {
    padding-right: 3px !important;
}

body .p-r-4 {
    padding-right: 4px !important;
}

body .p-r-5 {
    padding-right: 5px !important;
}

body .p-r-6 {
    padding-right: 6px !important;
}

body .p-r-7 {
    padding-right: 7px !important;
}

body .p-r-8 {
    padding-right: 8px !important;
}

body .p-r-9 {
    padding-right: 9px !important;
}

body .p-r-10 {
    padding-right: 10px !important;
}

body .p-r-11 {
    padding-right: 11px !important;
}

body .p-r-12 {
    padding-right: 12px !important;
}

body .p-r-13 {
    padding-right: 13px !important;
}

body .p-r-14 {
    padding-right: 14px !important;
}

body .p-r-15 {
    padding-right: 15px !important;
}

body .p-r-16 {
    padding-right: 16px !important;
}

body .p-r-17 {
    padding-right: 17px !important;
}

body .p-r-18 {
    padding-right: 18px !important;
}

body .p-r-19 {
    padding-right: 19px !important;
}

body .p-r-20 {
    padding-right: 20px !important;
}

body .p-r-21 {
    padding-right: 21px !important;
}

body .p-r-22 {
    padding-right: 22px !important;
}

body .p-r-23 {
    padding-right: 23px !important;
}

body .p-r-24 {
    padding-right: 24px !important;
}

body .p-r-25 {
    padding-right: 25px !important;
}

body .p-r-26 {
    padding-right: 26px !important;
}

body .p-r-27 {
    padding-right: 27px !important;
}

body .p-r-28 {
    padding-right: 28px !important;
}

body .p-r-29 {
    padding-right: 29px !important;
}

body .p-r-30 {
    padding-right: 30px !important;
}

body .p-r-31 {
    padding-right: 31px !important;
}

body .p-r-32 {
    padding-right: 32px !important;
}

body .p-r-33 {
    padding-right: 33px !important;
}

body .p-r-34 {
    padding-right: 34px !important;
}

body .p-r-35 {
    padding-right: 35px !important;
}

body .p-r-36 {
    padding-right: 36px !important;
}

body .p-r-37 {
    padding-right: 37px !important;
}

body .p-r-38 {
    padding-right: 38px !important;
}

body .p-r-39 {
    padding-right: 39px !important;
}

body .p-r-40 {
    padding-right: 40px !important;
}

body .p-r-41 {
    padding-right: 41px !important;
}

body .p-r-42 {
    padding-right: 42px !important;
}

body .p-r-43 {
    padding-right: 43px !important;
}

body .p-r-44 {
    padding-right: 44px !important;
}

body .p-r-45 {
    padding-right: 45px !important;
}

body .p-r-46 {
    padding-right: 46px !important;
}

body .p-r-47 {
    padding-right: 47px !important;
}

body .p-r-48 {
    padding-right: 48px !important;
}

body .p-r-49 {
    padding-right: 49px !important;
}

body .p-r-50 {
    padding-right: 50px !important;
}

body .p-r-51 {
    padding-right: 51px !important;
}

body .p-r-52 {
    padding-right: 52px !important;
}

body .p-r-53 {
    padding-right: 53px !important;
}

body .p-r-54 {
    padding-right: 54px !important;
}

body .p-r-55 {
    padding-right: 55px !important;
}

body .p-r-56 {
    padding-right: 56px !important;
}

body .p-r-57 {
    padding-right: 57px !important;
}

body .p-r-58 {
    padding-right: 58px !important;
}

body .p-r-59 {
    padding-right: 59px !important;
}

body .p-r-60 {
    padding-right: 60px !important;
}

body .p-r-61 {
    padding-right: 61px !important;
}

body .p-r-62 {
    padding-right: 62px !important;
}

body .p-r-63 {
    padding-right: 63px !important;
}

body .p-r-64 {
    padding-right: 64px !important;
}

body .p-r-65 {
    padding-right: 65px !important;
}

body .p-r-66 {
    padding-right: 66px !important;
}

body .p-r-67 {
    padding-right: 67px !important;
}

body .p-r-68 {
    padding-right: 68px !important;
}

body .p-r-69 {
    padding-right: 69px !important;
}

body .p-r-70 {
    padding-right: 70px !important;
}

body .p-b-1 {
    padding-bottom: 1px !important;
}

body .p-b-2 {
    padding-bottom: 2px !important;
}

body .p-b-3 {
    padding-bottom: 3px !important;
}

body .p-b-4 {
    padding-bottom: 4px !important;
}

body .p-b-5 {
    padding-bottom: 5px !important;
}

body .p-b-6 {
    padding-bottom: 6px !important;
}

body .p-b-7 {
    padding-bottom: 7px !important;
}

body .p-b-8 {
    padding-bottom: 8px !important;
}

body .p-b-9 {
    padding-bottom: 9px !important;
}

body .p-b-10 {
    padding-bottom: 10px !important;
}

body .p-b-11 {
    padding-bottom: 11px !important;
}

body .p-b-12 {
    padding-bottom: 12px !important;
}

body .p-b-13 {
    padding-bottom: 13px !important;
}

body .p-b-14 {
    padding-bottom: 14px !important;
}

body .p-b-15 {
    padding-bottom: 15px !important;
}

body .p-b-16 {
    padding-bottom: 16px !important;
}

body .p-b-17 {
    padding-bottom: 17px !important;
}

body .p-b-18 {
    padding-bottom: 18px !important;
}

body .p-b-19 {
    padding-bottom: 19px !important;
}

body .p-b-20 {
    padding-bottom: 20px !important;
}

body .p-b-21 {
    padding-bottom: 21px !important;
}

body .p-b-22 {
    padding-bottom: 22px !important;
}

body .p-b-23 {
    padding-bottom: 23px !important;
}

body .p-b-24 {
    padding-bottom: 24px !important;
}

body .p-b-25 {
    padding-bottom: 25px !important;
}

body .p-b-26 {
    padding-bottom: 26px !important;
}

body .p-b-27 {
    padding-bottom: 27px !important;
}

body .p-b-28 {
    padding-bottom: 28px !important;
}

body .p-b-29 {
    padding-bottom: 29px !important;
}

body .p-b-30 {
    padding-bottom: 30px !important;
}

body .p-b-31 {
    padding-bottom: 31px !important;
}

body .p-b-32 {
    padding-bottom: 32px !important;
}

body .p-b-33 {
    padding-bottom: 33px !important;
}

body .p-b-34 {
    padding-bottom: 34px !important;
}

body .p-b-35 {
    padding-bottom: 35px !important;
}

body .p-b-36 {
    padding-bottom: 36px !important;
}

body .p-b-37 {
    padding-bottom: 37px !important;
}

body .p-b-38 {
    padding-bottom: 38px !important;
}

body .p-b-39 {
    padding-bottom: 39px !important;
}

body .p-b-40 {
    padding-bottom: 40px !important;
}

body .p-b-41 {
    padding-bottom: 41px !important;
}

body .p-b-42 {
    padding-bottom: 42px !important;
}

body .p-b-43 {
    padding-bottom: 43px !important;
}

body .p-b-44 {
    padding-bottom: 44px !important;
}

body .p-b-45 {
    padding-bottom: 45px !important;
}

body .p-b-46 {
    padding-bottom: 46px !important;
}

body .p-b-47 {
    padding-bottom: 47px !important;
}

body .p-b-48 {
    padding-bottom: 48px !important;
}

body .p-b-49 {
    padding-bottom: 49px !important;
}

body .p-b-50 {
    padding-bottom: 50px !important;
}

body .p-b-51 {
    padding-bottom: 51px !important;
}

body .p-b-52 {
    padding-bottom: 52px !important;
}

body .p-b-53 {
    padding-bottom: 53px !important;
}

body .p-b-54 {
    padding-bottom: 54px !important;
}

body .p-b-55 {
    padding-bottom: 55px !important;
}

body .p-b-56 {
    padding-bottom: 56px !important;
}

body .p-b-57 {
    padding-bottom: 57px !important;
}

body .p-b-58 {
    padding-bottom: 58px !important;
}

body .p-b-59 {
    padding-bottom: 59px !important;
}

body .p-b-60 {
    padding-bottom: 60px !important;
}

body .p-b-61 {
    padding-bottom: 61px !important;
}

body .p-b-62 {
    padding-bottom: 62px !important;
}

body .p-b-63 {
    padding-bottom: 63px !important;
}

body .p-b-64 {
    padding-bottom: 64px !important;
}

body .p-b-65 {
    padding-bottom: 65px !important;
}

body .p-b-66 {
    padding-bottom: 66px !important;
}

body .p-b-67 {
    padding-bottom: 67px !important;
}

body .p-b-68 {
    padding-bottom: 68px !important;
}

body .p-b-69 {
    padding-bottom: 69px !important;
}

body .p-b-70 {
    padding-bottom: 70px !important;
}

body .p-l-1 {
    padding-left: 1px !important;
}

body .p-l-2 {
    padding-left: 2px !important;
}

body .p-l-3 {
    padding-left: 3px !important;
}

body .p-l-4 {
    padding-left: 4px !important;
}

body .p-l-5 {
    padding-left: 5px !important;
}

body .p-l-6 {
    padding-left: 6px !important;
}

body .p-l-7 {
    padding-left: 7px !important;
}

body .p-l-8 {
    padding-left: 8px !important;
}

body .p-l-9 {
    padding-left: 9px !important;
}

body .p-l-10 {
    padding-left: 10px !important;
}

body .p-l-11 {
    padding-left: 11px !important;
}

body .p-l-12 {
    padding-left: 12px !important;
}

body .p-l-13 {
    padding-left: 13px !important;
}

body .p-l-14 {
    padding-left: 14px !important;
}

body .p-l-15 {
    padding-left: 15px !important;
}

body .p-l-16 {
    padding-left: 16px !important;
}

body .p-l-17 {
    padding-left: 17px !important;
}

body .p-l-18 {
    padding-left: 18px !important;
}

body .p-l-19 {
    padding-left: 19px !important;
}

body .p-l-20 {
    padding-left: 20px !important;
}

body .p-l-21 {
    padding-left: 21px !important;
}

body .p-l-22 {
    padding-left: 22px !important;
}

body .p-l-23 {
    padding-left: 23px !important;
}

body .p-l-24 {
    padding-left: 24px !important;
}

body .p-l-25 {
    padding-left: 25px !important;
}

body .p-l-26 {
    padding-left: 26px !important;
}

body .p-l-27 {
    padding-left: 27px !important;
}

body .p-l-28 {
    padding-left: 28px !important;
}

body .p-l-29 {
    padding-left: 29px !important;
}

body .p-l-30 {
    padding-left: 30px !important;
}

body .p-l-31 {
    padding-left: 31px !important;
}

body .p-l-32 {
    padding-left: 32px !important;
}

body .p-l-33 {
    padding-left: 33px !important;
}

body .p-l-34 {
    padding-left: 34px !important;
}

body .p-l-35 {
    padding-left: 35px !important;
}

body .p-l-36 {
    padding-left: 36px !important;
}

body .p-l-37 {
    padding-left: 37px !important;
}

body .p-l-38 {
    padding-left: 38px !important;
}

body .p-l-39 {
    padding-left: 39px !important;
}

body .p-l-40 {
    padding-left: 40px !important;
}

body .p-l-41 {
    padding-left: 41px !important;
}

body .p-l-42 {
    padding-left: 42px !important;
}

body .p-l-43 {
    padding-left: 43px !important;
}

body .p-l-44 {
    padding-left: 44px !important;
}

body .p-l-45 {
    padding-left: 45px !important;
}

body .p-l-46 {
    padding-left: 46px !important;
}

body .p-l-47 {
    padding-left: 47px !important;
}

body .p-l-48 {
    padding-left: 48px !important;
}

body .p-l-49 {
    padding-left: 49px !important;
}

body .p-l-50 {
    padding-left: 50px !important;
}

body .p-l-51 {
    padding-left: 51px !important;
}

body .p-l-52 {
    padding-left: 52px !important;
}

body .p-l-53 {
    padding-left: 53px !important;
}

body .p-l-54 {
    padding-left: 54px !important;
}

body .p-l-55 {
    padding-left: 55px !important;
}

body .p-l-56 {
    padding-left: 56px !important;
}

body .p-l-57 {
    padding-left: 57px !important;
}

body .p-l-58 {
    padding-left: 58px !important;
}

body .p-l-59 {
    padding-left: 59px !important;
}

body .p-l-60 {
    padding-left: 60px !important;
}

body .p-l-61 {
    padding-left: 61px !important;
}

body .p-l-62 {
    padding-left: 62px !important;
}

body .p-l-63 {
    padding-left: 63px !important;
}

body .p-l-64 {
    padding-left: 64px !important;
}

body .p-l-65 {
    padding-left: 65px !important;
}

body .p-l-66 {
    padding-left: 66px !important;
}

body .p-l-67 {
    padding-left: 67px !important;
}

body .p-l-68 {
    padding-left: 68px !important;
}

body .p-l-69 {
    padding-left: 69px !important;
}

body .p-l-70 {
    padding-left: 70px !important;
}

@media screen and (max-width: 767px) {
    body .xs-m--0 {
        margin: 0px !important;
    }

    body .xs-m--1 {
        margin: 1px !important;
    }

    body .xs-m--2 {
        margin: 2px !important;
    }

    body .xs-m--3 {
        margin: 3px !important;
    }

    body .xs-m--4 {
        margin: 4px !important;
    }

    body .xs-m--5 {
        margin: 5px !important;
    }

    body .xs-m--6 {
        margin: 6px !important;
    }

    body .xs-m--7 {
        margin: 7px !important;
    }

    body .xs-m--8 {
        margin: 8px !important;
    }

    body .xs-m--9 {
        margin: 9px !important;
    }

    body .xs-m--10 {
        margin: 10px !important;
    }

    body .xs-m--11 {
        margin: 11px !important;
    }

    body .xs-m--12 {
        margin: 12px !important;
    }

    body .xs-m--13 {
        margin: 13px !important;
    }

    body .xs-m--14 {
        margin: 14px !important;
    }

    body .xs-m--15 {
        margin: 15px !important;
    }

    body .xs-m--16 {
        margin: 16px !important;
    }

    body .xs-m--17 {
        margin: 17px !important;
    }

    body .xs-m--18 {
        margin: 18px !important;
    }

    body .xs-m--19 {
        margin: 19px !important;
    }

    body .xs-m--20 {
        margin: 20px !important;
    }

    body .xs-m--21 {
        margin: 21px !important;
    }

    body .xs-m--22 {
        margin: 22px !important;
    }

    body .xs-m--23 {
        margin: 23px !important;
    }

    body .xs-m--24 {
        margin: 24px !important;
    }

    body .xs-m--25 {
        margin: 25px !important;
    }

    body .xs-m--26 {
        margin: 26px !important;
    }

    body .xs-m--27 {
        margin: 27px !important;
    }

    body .xs-m--28 {
        margin: 28px !important;
    }

    body .xs-m--29 {
        margin: 29px !important;
    }

    body .xs-m--30 {
        margin: 30px !important;
    }

    body .xs-m--31 {
        margin: 31px !important;
    }

    body .xs-m--32 {
        margin: 32px !important;
    }

    body .xs-m--33 {
        margin: 33px !important;
    }

    body .xs-m--34 {
        margin: 34px !important;
    }

    body .xs-m--35 {
        margin: 35px !important;
    }

    body .xs-m--36 {
        margin: 36px !important;
    }

    body .xs-m--37 {
        margin: 37px !important;
    }

    body .xs-m--38 {
        margin: 38px !important;
    }

    body .xs-m--39 {
        margin: 39px !important;
    }

    body .xs-m--40 {
        margin: 40px !important;
    }

    body .xs-m--41 {
        margin: 41px !important;
    }

    body .xs-m--42 {
        margin: 42px !important;
    }

    body .xs-m--43 {
        margin: 43px !important;
    }

    body .xs-m--44 {
        margin: 44px !important;
    }

    body .xs-m--45 {
        margin: 45px !important;
    }

    body .xs-m--46 {
        margin: 46px !important;
    }

    body .xs-m--47 {
        margin: 47px !important;
    }

    body .xs-m--48 {
        margin: 48px !important;
    }

    body .xs-m--49 {
        margin: 49px !important;
    }

    body .xs-m--50 {
        margin: 50px !important;
    }

    body .xs-m--51 {
        margin: 51px !important;
    }

    body .xs-m--52 {
        margin: 52px !important;
    }

    body .xs-m--53 {
        margin: 53px !important;
    }

    body .xs-m--54 {
        margin: 54px !important;
    }

    body .xs-m--55 {
        margin: 55px !important;
    }

    body .xs-m--56 {
        margin: 56px !important;
    }

    body .xs-m--57 {
        margin: 57px !important;
    }

    body .xs-m--58 {
        margin: 58px !important;
    }

    body .xs-m--59 {
        margin: 59px !important;
    }

    body .xs-m--60 {
        margin: 60px !important;
    }

    body .xs-m--61 {
        margin: 61px !important;
    }

    body .xs-m--62 {
        margin: 62px !important;
    }

    body .xs-m--63 {
        margin: 63px !important;
    }

    body .xs-m--64 {
        margin: 64px !important;
    }

    body .xs-m--65 {
        margin: 65px !important;
    }

    body .xs-m--66 {
        margin: 66px !important;
    }

    body .xs-m--67 {
        margin: 67px !important;
    }

    body .xs-m--68 {
        margin: 68px !important;
    }

    body .xs-m--69 {
        margin: 69px !important;
    }

    body .xs-m--70 {
        margin: 70px !important;
    }

    body .xs-m-t-0 {
        margin-top: 0px !important;
    }

    body .xs-m-t-1 {
        margin-top: 1px !important;
    }

    body .xs-m-t-2 {
        margin-top: 2px !important;
    }

    body .xs-m-t-3 {
        margin-top: 3px !important;
    }

    body .xs-m-t-4 {
        margin-top: 4px !important;
    }

    body .xs-m-t-5 {
        margin-top: 5px !important;
    }

    body .xs-m-t-6 {
        margin-top: 6px !important;
    }

    body .xs-m-t-7 {
        margin-top: 7px !important;
    }

    body .xs-m-t-8 {
        margin-top: 8px !important;
    }

    body .xs-m-t-9 {
        margin-top: 9px !important;
    }

    body .xs-m-t-10 {
        margin-top: 10px !important;
    }

    body .xs-m-t-11 {
        margin-top: 11px !important;
    }

    body .xs-m-t-12 {
        margin-top: 12px !important;
    }

    body .xs-m-t-13 {
        margin-top: 13px !important;
    }

    body .xs-m-t-14 {
        margin-top: 14px !important;
    }

    body .xs-m-t-15 {
        margin-top: 15px !important;
    }

    body .xs-m-t-16 {
        margin-top: 16px !important;
    }

    body .xs-m-t-17 {
        margin-top: 17px !important;
    }

    body .xs-m-t-18 {
        margin-top: 18px !important;
    }

    body .xs-m-t-19 {
        margin-top: 19px !important;
    }

    body .xs-m-t-20 {
        margin-top: 20px !important;
    }

    body .xs-m-t-21 {
        margin-top: 21px !important;
    }

    body .xs-m-t-22 {
        margin-top: 22px !important;
    }

    body .xs-m-t-23 {
        margin-top: 23px !important;
    }

    body .xs-m-t-24 {
        margin-top: 24px !important;
    }

    body .xs-m-t-25 {
        margin-top: 25px !important;
    }

    body .xs-m-t-26 {
        margin-top: 26px !important;
    }

    body .xs-m-t-27 {
        margin-top: 27px !important;
    }

    body .xs-m-t-28 {
        margin-top: 28px !important;
    }

    body .xs-m-t-29 {
        margin-top: 29px !important;
    }

    body .xs-m-t-30 {
        margin-top: 30px !important;
    }

    body .xs-m-t-31 {
        margin-top: 31px !important;
    }

    body .xs-m-t-32 {
        margin-top: 32px !important;
    }

    body .xs-m-t-33 {
        margin-top: 33px !important;
    }

    body .xs-m-t-34 {
        margin-top: 34px !important;
    }

    body .xs-m-t-35 {
        margin-top: 35px !important;
    }

    body .xs-m-t-36 {
        margin-top: 36px !important;
    }

    body .xs-m-t-37 {
        margin-top: 37px !important;
    }

    body .xs-m-t-38 {
        margin-top: 38px !important;
    }

    body .xs-m-t-39 {
        margin-top: 39px !important;
    }

    body .xs-m-t-40 {
        margin-top: 40px !important;
    }

    body .xs-m-t-41 {
        margin-top: 41px !important;
    }

    body .xs-m-t-42 {
        margin-top: 42px !important;
    }

    body .xs-m-t-43 {
        margin-top: 43px !important;
    }

    body .xs-m-t-44 {
        margin-top: 44px !important;
    }

    body .xs-m-t-45 {
        margin-top: 45px !important;
    }

    body .xs-m-t-46 {
        margin-top: 46px !important;
    }

    body .xs-m-t-47 {
        margin-top: 47px !important;
    }

    body .xs-m-t-48 {
        margin-top: 48px !important;
    }

    body .xs-m-t-49 {
        margin-top: 49px !important;
    }

    body .xs-m-t-50 {
        margin-top: 50px !important;
    }

    body .xs-m-t-51 {
        margin-top: 51px !important;
    }

    body .xs-m-t-52 {
        margin-top: 52px !important;
    }

    body .xs-m-t-53 {
        margin-top: 53px !important;
    }

    body .xs-m-t-54 {
        margin-top: 54px !important;
    }

    body .xs-m-t-55 {
        margin-top: 55px !important;
    }

    body .xs-m-t-56 {
        margin-top: 56px !important;
    }

    body .xs-m-t-57 {
        margin-top: 57px !important;
    }

    body .xs-m-t-58 {
        margin-top: 58px !important;
    }

    body .xs-m-t-59 {
        margin-top: 59px !important;
    }

    body .xs-m-t-60 {
        margin-top: 60px !important;
    }

    body .xs-m-t-61 {
        margin-top: 61px !important;
    }

    body .xs-m-t-62 {
        margin-top: 62px !important;
    }

    body .xs-m-t-63 {
        margin-top: 63px !important;
    }

    body .xs-m-t-64 {
        margin-top: 64px !important;
    }

    body .xs-m-t-65 {
        margin-top: 65px !important;
    }

    body .xs-m-t-66 {
        margin-top: 66px !important;
    }

    body .xs-m-t-67 {
        margin-top: 67px !important;
    }

    body .xs-m-t-68 {
        margin-top: 68px !important;
    }

    body .xs-m-t-69 {
        margin-top: 69px !important;
    }

    body .xs-m-t-70 {
        margin-top: 70px !important;
    }

    body .xs-m-r-0 {
        margin-right: 0px !important;
    }

    body .xs-m-r-1 {
        margin-right: 1px !important;
    }

    body .xs-m-r-2 {
        margin-right: 2px !important;
    }

    body .xs-m-r-3 {
        margin-right: 3px !important;
    }

    body .xs-m-r-4 {
        margin-right: 4px !important;
    }

    body .xs-m-r-5 {
        margin-right: 5px !important;
    }

    body .xs-m-r-6 {
        margin-right: 6px !important;
    }

    body .xs-m-r-7 {
        margin-right: 7px !important;
    }

    body .xs-m-r-8 {
        margin-right: 8px !important;
    }

    body .xs-m-r-9 {
        margin-right: 9px !important;
    }

    body .xs-m-r-10 {
        margin-right: 10px !important;
    }

    body .xs-m-r-11 {
        margin-right: 11px !important;
    }

    body .xs-m-r-12 {
        margin-right: 12px !important;
    }

    body .xs-m-r-13 {
        margin-right: 13px !important;
    }

    body .xs-m-r-14 {
        margin-right: 14px !important;
    }

    body .xs-m-r-15 {
        margin-right: 15px !important;
    }

    body .xs-m-r-16 {
        margin-right: 16px !important;
    }

    body .xs-m-r-17 {
        margin-right: 17px !important;
    }

    body .xs-m-r-18 {
        margin-right: 18px !important;
    }

    body .xs-m-r-19 {
        margin-right: 19px !important;
    }

    body .xs-m-r-20 {
        margin-right: 20px !important;
    }

    body .xs-m-r-21 {
        margin-right: 21px !important;
    }

    body .xs-m-r-22 {
        margin-right: 22px !important;
    }

    body .xs-m-r-23 {
        margin-right: 23px !important;
    }

    body .xs-m-r-24 {
        margin-right: 24px !important;
    }

    body .xs-m-r-25 {
        margin-right: 25px !important;
    }

    body .xs-m-r-26 {
        margin-right: 26px !important;
    }

    body .xs-m-r-27 {
        margin-right: 27px !important;
    }

    body .xs-m-r-28 {
        margin-right: 28px !important;
    }

    body .xs-m-r-29 {
        margin-right: 29px !important;
    }

    body .xs-m-r-30 {
        margin-right: 30px !important;
    }

    body .xs-m-r-31 {
        margin-right: 31px !important;
    }

    body .xs-m-r-32 {
        margin-right: 32px !important;
    }

    body .xs-m-r-33 {
        margin-right: 33px !important;
    }

    body .xs-m-r-34 {
        margin-right: 34px !important;
    }

    body .xs-m-r-35 {
        margin-right: 35px !important;
    }

    body .xs-m-r-36 {
        margin-right: 36px !important;
    }

    body .xs-m-r-37 {
        margin-right: 37px !important;
    }

    body .xs-m-r-38 {
        margin-right: 38px !important;
    }

    body .xs-m-r-39 {
        margin-right: 39px !important;
    }

    body .xs-m-r-40 {
        margin-right: 40px !important;
    }

    body .xs-m-r-41 {
        margin-right: 41px !important;
    }

    body .xs-m-r-42 {
        margin-right: 42px !important;
    }

    body .xs-m-r-43 {
        margin-right: 43px !important;
    }

    body .xs-m-r-44 {
        margin-right: 44px !important;
    }

    body .xs-m-r-45 {
        margin-right: 45px !important;
    }

    body .xs-m-r-46 {
        margin-right: 46px !important;
    }

    body .xs-m-r-47 {
        margin-right: 47px !important;
    }

    body .xs-m-r-48 {
        margin-right: 48px !important;
    }

    body .xs-m-r-49 {
        margin-right: 49px !important;
    }

    body .xs-m-r-50 {
        margin-right: 50px !important;
    }

    body .xs-m-r-51 {
        margin-right: 51px !important;
    }

    body .xs-m-r-52 {
        margin-right: 52px !important;
    }

    body .xs-m-r-53 {
        margin-right: 53px !important;
    }

    body .xs-m-r-54 {
        margin-right: 54px !important;
    }

    body .xs-m-r-55 {
        margin-right: 55px !important;
    }

    body .xs-m-r-56 {
        margin-right: 56px !important;
    }

    body .xs-m-r-57 {
        margin-right: 57px !important;
    }

    body .xs-m-r-58 {
        margin-right: 58px !important;
    }

    body .xs-m-r-59 {
        margin-right: 59px !important;
    }

    body .xs-m-r-60 {
        margin-right: 60px !important;
    }

    body .xs-m-r-61 {
        margin-right: 61px !important;
    }

    body .xs-m-r-62 {
        margin-right: 62px !important;
    }

    body .xs-m-r-63 {
        margin-right: 63px !important;
    }

    body .xs-m-r-64 {
        margin-right: 64px !important;
    }

    body .xs-m-r-65 {
        margin-right: 65px !important;
    }

    body .xs-m-r-66 {
        margin-right: 66px !important;
    }

    body .xs-m-r-67 {
        margin-right: 67px !important;
    }

    body .xs-m-r-68 {
        margin-right: 68px !important;
    }

    body .xs-m-r-69 {
        margin-right: 69px !important;
    }

    body .xs-m-r-70 {
        margin-right: 70px !important;
    }

    body .xs-m-b-0 {
        margin-bottom: 0px !important;
    }

    body .xs-m-b-1 {
        margin-bottom: 1px !important;
    }

    body .xs-m-b-2 {
        margin-bottom: 2px !important;
    }

    body .xs-m-b-3 {
        margin-bottom: 3px !important;
    }

    body .xs-m-b-4 {
        margin-bottom: 4px !important;
    }

    body .xs-m-b-5 {
        margin-bottom: 5px !important;
    }

    body .xs-m-b-6 {
        margin-bottom: 6px !important;
    }

    body .xs-m-b-7 {
        margin-bottom: 7px !important;
    }

    body .xs-m-b-8 {
        margin-bottom: 8px !important;
    }

    body .xs-m-b-9 {
        margin-bottom: 9px !important;
    }

    body .xs-m-b-10 {
        margin-bottom: 10px !important;
    }

    body .xs-m-b-11 {
        margin-bottom: 11px !important;
    }

    body .xs-m-b-12 {
        margin-bottom: 12px !important;
    }

    body .xs-m-b-13 {
        margin-bottom: 13px !important;
    }

    body .xs-m-b-14 {
        margin-bottom: 14px !important;
    }

    body .xs-m-b-15 {
        margin-bottom: 15px !important;
    }

    body .xs-m-b-16 {
        margin-bottom: 16px !important;
    }

    body .xs-m-b-17 {
        margin-bottom: 17px !important;
    }

    body .xs-m-b-18 {
        margin-bottom: 18px !important;
    }

    body .xs-m-b-19 {
        margin-bottom: 19px !important;
    }

    body .xs-m-b-20 {
        margin-bottom: 20px !important;
    }

    body .xs-m-b-21 {
        margin-bottom: 21px !important;
    }

    body .xs-m-b-22 {
        margin-bottom: 22px !important;
    }

    body .xs-m-b-23 {
        margin-bottom: 23px !important;
    }

    body .xs-m-b-24 {
        margin-bottom: 24px !important;
    }

    body .xs-m-b-25 {
        margin-bottom: 25px !important;
    }

    body .xs-m-b-26 {
        margin-bottom: 26px !important;
    }

    body .xs-m-b-27 {
        margin-bottom: 27px !important;
    }

    body .xs-m-b-28 {
        margin-bottom: 28px !important;
    }

    body .xs-m-b-29 {
        margin-bottom: 29px !important;
    }

    body .xs-m-b-30 {
        margin-bottom: 30px !important;
    }

    body .xs-m-b-31 {
        margin-bottom: 31px !important;
    }

    body .xs-m-b-32 {
        margin-bottom: 32px !important;
    }

    body .xs-m-b-33 {
        margin-bottom: 33px !important;
    }

    body .xs-m-b-34 {
        margin-bottom: 34px !important;
    }

    body .xs-m-b-35 {
        margin-bottom: 35px !important;
    }

    body .xs-m-b-36 {
        margin-bottom: 36px !important;
    }

    body .xs-m-b-37 {
        margin-bottom: 37px !important;
    }

    body .xs-m-b-38 {
        margin-bottom: 38px !important;
    }

    body .xs-m-b-39 {
        margin-bottom: 39px !important;
    }

    body .xs-m-b-40 {
        margin-bottom: 40px !important;
    }

    body .xs-m-b-41 {
        margin-bottom: 41px !important;
    }

    body .xs-m-b-42 {
        margin-bottom: 42px !important;
    }

    body .xs-m-b-43 {
        margin-bottom: 43px !important;
    }

    body .xs-m-b-44 {
        margin-bottom: 44px !important;
    }

    body .xs-m-b-45 {
        margin-bottom: 45px !important;
    }

    body .xs-m-b-46 {
        margin-bottom: 46px !important;
    }

    body .xs-m-b-47 {
        margin-bottom: 47px !important;
    }

    body .xs-m-b-48 {
        margin-bottom: 48px !important;
    }

    body .xs-m-b-49 {
        margin-bottom: 49px !important;
    }

    body .xs-m-b-50 {
        margin-bottom: 50px !important;
    }

    body .xs-m-b-51 {
        margin-bottom: 51px !important;
    }

    body .xs-m-b-52 {
        margin-bottom: 52px !important;
    }

    body .xs-m-b-53 {
        margin-bottom: 53px !important;
    }

    body .xs-m-b-54 {
        margin-bottom: 54px !important;
    }

    body .xs-m-b-55 {
        margin-bottom: 55px !important;
    }

    body .xs-m-b-56 {
        margin-bottom: 56px !important;
    }

    body .xs-m-b-57 {
        margin-bottom: 57px !important;
    }

    body .xs-m-b-58 {
        margin-bottom: 58px !important;
    }

    body .xs-m-b-59 {
        margin-bottom: 59px !important;
    }

    body .xs-m-b-60 {
        margin-bottom: 60px !important;
    }

    body .xs-m-b-61 {
        margin-bottom: 61px !important;
    }

    body .xs-m-b-62 {
        margin-bottom: 62px !important;
    }

    body .xs-m-b-63 {
        margin-bottom: 63px !important;
    }

    body .xs-m-b-64 {
        margin-bottom: 64px !important;
    }

    body .xs-m-b-65 {
        margin-bottom: 65px !important;
    }

    body .xs-m-b-66 {
        margin-bottom: 66px !important;
    }

    body .xs-m-b-67 {
        margin-bottom: 67px !important;
    }

    body .xs-m-b-68 {
        margin-bottom: 68px !important;
    }

    body .xs-m-b-69 {
        margin-bottom: 69px !important;
    }

    body .xs-m-b-70 {
        margin-bottom: 70px !important;
    }

    body .xs-m-l-0 {
        margin-left: 0px !important;
    }

    body .xs-m-l-1 {
        margin-left: 1px !important;
    }

    body .xs-m-l-2 {
        margin-left: 2px !important;
    }

    body .xs-m-l-3 {
        margin-left: 3px !important;
    }

    body .xs-m-l-4 {
        margin-left: 4px !important;
    }

    body .xs-m-l-5 {
        margin-left: 5px !important;
    }

    body .xs-m-l-6 {
        margin-left: 6px !important;
    }

    body .xs-m-l-7 {
        margin-left: 7px !important;
    }

    body .xs-m-l-8 {
        margin-left: 8px !important;
    }

    body .xs-m-l-9 {
        margin-left: 9px !important;
    }

    body .xs-m-l-10 {
        margin-left: 10px !important;
    }

    body .xs-m-l-11 {
        margin-left: 11px !important;
    }

    body .xs-m-l-12 {
        margin-left: 12px !important;
    }

    body .xs-m-l-13 {
        margin-left: 13px !important;
    }

    body .xs-m-l-14 {
        margin-left: 14px !important;
    }

    body .xs-m-l-15 {
        margin-left: 15px !important;
    }

    body .xs-m-l-16 {
        margin-left: 16px !important;
    }

    body .xs-m-l-17 {
        margin-left: 17px !important;
    }

    body .xs-m-l-18 {
        margin-left: 18px !important;
    }

    body .xs-m-l-19 {
        margin-left: 19px !important;
    }

    body .xs-m-l-20 {
        margin-left: 20px !important;
    }

    body .xs-m-l-21 {
        margin-left: 21px !important;
    }

    body .xs-m-l-22 {
        margin-left: 22px !important;
    }

    body .xs-m-l-23 {
        margin-left: 23px !important;
    }

    body .xs-m-l-24 {
        margin-left: 24px !important;
    }

    body .xs-m-l-25 {
        margin-left: 25px !important;
    }

    body .xs-m-l-26 {
        margin-left: 26px !important;
    }

    body .xs-m-l-27 {
        margin-left: 27px !important;
    }

    body .xs-m-l-28 {
        margin-left: 28px !important;
    }

    body .xs-m-l-29 {
        margin-left: 29px !important;
    }

    body .xs-m-l-30 {
        margin-left: 30px !important;
    }

    body .xs-m-l-31 {
        margin-left: 31px !important;
    }

    body .xs-m-l-32 {
        margin-left: 32px !important;
    }

    body .xs-m-l-33 {
        margin-left: 33px !important;
    }

    body .xs-m-l-34 {
        margin-left: 34px !important;
    }

    body .xs-m-l-35 {
        margin-left: 35px !important;
    }

    body .xs-m-l-36 {
        margin-left: 36px !important;
    }

    body .xs-m-l-37 {
        margin-left: 37px !important;
    }

    body .xs-m-l-38 {
        margin-left: 38px !important;
    }

    body .xs-m-l-39 {
        margin-left: 39px !important;
    }

    body .xs-m-l-40 {
        margin-left: 40px !important;
    }

    body .xs-m-l-41 {
        margin-left: 41px !important;
    }

    body .xs-m-l-42 {
        margin-left: 42px !important;
    }

    body .xs-m-l-43 {
        margin-left: 43px !important;
    }

    body .xs-m-l-44 {
        margin-left: 44px !important;
    }

    body .xs-m-l-45 {
        margin-left: 45px !important;
    }

    body .xs-m-l-46 {
        margin-left: 46px !important;
    }

    body .xs-m-l-47 {
        margin-left: 47px !important;
    }

    body .xs-m-l-48 {
        margin-left: 48px !important;
    }

    body .xs-m-l-49 {
        margin-left: 49px !important;
    }

    body .xs-m-l-50 {
        margin-left: 50px !important;
    }

    body .xs-m-l-51 {
        margin-left: 51px !important;
    }

    body .xs-m-l-52 {
        margin-left: 52px !important;
    }

    body .xs-m-l-53 {
        margin-left: 53px !important;
    }

    body .xs-m-l-54 {
        margin-left: 54px !important;
    }

    body .xs-m-l-55 {
        margin-left: 55px !important;
    }

    body .xs-m-l-56 {
        margin-left: 56px !important;
    }

    body .xs-m-l-57 {
        margin-left: 57px !important;
    }

    body .xs-m-l-58 {
        margin-left: 58px !important;
    }

    body .xs-m-l-59 {
        margin-left: 59px !important;
    }

    body .xs-m-l-60 {
        margin-left: 60px !important;
    }

    body .xs-m-l-61 {
        margin-left: 61px !important;
    }

    body .xs-m-l-62 {
        margin-left: 62px !important;
    }

    body .xs-m-l-63 {
        margin-left: 63px !important;
    }

    body .xs-m-l-64 {
        margin-left: 64px !important;
    }

    body .xs-m-l-65 {
        margin-left: 65px !important;
    }

    body .xs-m-l-66 {
        margin-left: 66px !important;
    }

    body .xs-m-l-67 {
        margin-left: 67px !important;
    }

    body .xs-m-l-68 {
        margin-left: 68px !important;
    }

    body .xs-m-l-69 {
        margin-left: 69px !important;
    }

    body .xs-m-l-70 {
        margin-left: 70px !important;
    }

    body .xs-p--1 {
        padding: 1px !important;
    }

    body .xs-p--2 {
        padding: 2px !important;
    }

    body .xs-p--3 {
        padding: 3px !important;
    }

    body .xs-p--4 {
        padding: 4px !important;
    }

    body .xs-p--5 {
        padding: 5px !important;
    }

    body .xs-p--6 {
        padding: 6px !important;
    }

    body .xs-p--7 {
        padding: 7px !important;
    }

    body .xs-p--8 {
        padding: 8px !important;
    }

    body .xs-p--9 {
        padding: 9px !important;
    }

    body .xs-p--10 {
        padding: 10px !important;
    }

    body .xs-p--11 {
        padding: 11px !important;
    }

    body .xs-p--12 {
        padding: 12px !important;
    }

    body .xs-p--13 {
        padding: 13px !important;
    }

    body .xs-p--14 {
        padding: 14px !important;
    }

    body .xs-p--15 {
        padding: 15px !important;
    }

    body .xs-p--16 {
        padding: 16px !important;
    }

    body .xs-p--17 {
        padding: 17px !important;
    }

    body .xs-p--18 {
        padding: 18px !important;
    }

    body .xs-p--19 {
        padding: 19px !important;
    }

    body .xs-p--20 {
        padding: 20px !important;
    }

    body .xs-p--21 {
        padding: 21px !important;
    }

    body .xs-p--22 {
        padding: 22px !important;
    }

    body .xs-p--23 {
        padding: 23px !important;
    }

    body .xs-p--24 {
        padding: 24px !important;
    }

    body .xs-p--25 {
        padding: 25px !important;
    }

    body .xs-p--26 {
        padding: 26px !important;
    }

    body .xs-p--27 {
        padding: 27px !important;
    }

    body .xs-p--28 {
        padding: 28px !important;
    }

    body .xs-p--29 {
        padding: 29px !important;
    }

    body .xs-p--30 {
        padding: 30px !important;
    }

    body .xs-p--31 {
        padding: 31px !important;
    }

    body .xs-p--32 {
        padding: 32px !important;
    }

    body .xs-p--33 {
        padding: 33px !important;
    }

    body .xs-p--34 {
        padding: 34px !important;
    }

    body .xs-p--35 {
        padding: 35px !important;
    }

    body .xs-p--36 {
        padding: 36px !important;
    }

    body .xs-p--37 {
        padding: 37px !important;
    }

    body .xs-p--38 {
        padding: 38px !important;
    }

    body .xs-p--39 {
        padding: 39px !important;
    }

    body .xs-p--40 {
        padding: 40px !important;
    }

    body .xs-p--41 {
        padding: 41px !important;
    }

    body .xs-p--42 {
        padding: 42px !important;
    }

    body .xs-p--43 {
        padding: 43px !important;
    }

    body .xs-p--44 {
        padding: 44px !important;
    }

    body .xs-p--45 {
        padding: 45px !important;
    }

    body .xs-p--46 {
        padding: 46px !important;
    }

    body .xs-p--47 {
        padding: 47px !important;
    }

    body .xs-p--48 {
        padding: 48px !important;
    }

    body .xs-p--49 {
        padding: 49px !important;
    }

    body .xs-p--50 {
        padding: 50px !important;
    }

    body .xs-p--51 {
        padding: 51px !important;
    }

    body .xs-p--52 {
        padding: 52px !important;
    }

    body .xs-p--53 {
        padding: 53px !important;
    }

    body .xs-p--54 {
        padding: 54px !important;
    }

    body .xs-p--55 {
        padding: 55px !important;
    }

    body .xs-p--56 {
        padding: 56px !important;
    }

    body .xs-p--57 {
        padding: 57px !important;
    }

    body .xs-p--58 {
        padding: 58px !important;
    }

    body .xs-p--59 {
        padding: 59px !important;
    }

    body .xs-p--60 {
        padding: 60px !important;
    }

    body .xs-p--61 {
        padding: 61px !important;
    }

    body .xs-p--62 {
        padding: 62px !important;
    }

    body .xs-p--63 {
        padding: 63px !important;
    }

    body .xs-p--64 {
        padding: 64px !important;
    }

    body .xs-p--65 {
        padding: 65px !important;
    }

    body .xs-p--66 {
        padding: 66px !important;
    }

    body .xs-p--67 {
        padding: 67px !important;
    }

    body .xs-p--68 {
        padding: 68px !important;
    }

    body .xs-p--69 {
        padding: 69px !important;
    }

    body .xs-p--70 {
        padding: 70px !important;
    }

    body .xs-p-t-1 {
        padding-top: 1px !important;
    }

    body .xs-p-t-2 {
        padding-top: 2px !important;
    }

    body .xs-p-t-3 {
        padding-top: 3px !important;
    }

    body .xs-p-t-4 {
        padding-top: 4px !important;
    }

    body .xs-p-t-5 {
        padding-top: 5px !important;
    }

    body .xs-p-t-6 {
        padding-top: 6px !important;
    }

    body .xs-p-t-7 {
        padding-top: 7px !important;
    }

    body .xs-p-t-8 {
        padding-top: 8px !important;
    }

    body .xs-p-t-9 {
        padding-top: 9px !important;
    }

    body .xs-p-t-10 {
        padding-top: 10px !important;
    }

    body .xs-p-t-11 {
        padding-top: 11px !important;
    }

    body .xs-p-t-12 {
        padding-top: 12px !important;
    }

    body .xs-p-t-13 {
        padding-top: 13px !important;
    }

    body .xs-p-t-14 {
        padding-top: 14px !important;
    }

    body .xs-p-t-15 {
        padding-top: 15px !important;
    }

    body .xs-p-t-16 {
        padding-top: 16px !important;
    }

    body .xs-p-t-17 {
        padding-top: 17px !important;
    }

    body .xs-p-t-18 {
        padding-top: 18px !important;
    }

    body .xs-p-t-19 {
        padding-top: 19px !important;
    }

    body .xs-p-t-20 {
        padding-top: 20px !important;
    }

    body .xs-p-t-21 {
        padding-top: 21px !important;
    }

    body .xs-p-t-22 {
        padding-top: 22px !important;
    }

    body .xs-p-t-23 {
        padding-top: 23px !important;
    }

    body .xs-p-t-24 {
        padding-top: 24px !important;
    }

    body .xs-p-t-25 {
        padding-top: 25px !important;
    }

    body .xs-p-t-26 {
        padding-top: 26px !important;
    }

    body .xs-p-t-27 {
        padding-top: 27px !important;
    }

    body .xs-p-t-28 {
        padding-top: 28px !important;
    }

    body .xs-p-t-29 {
        padding-top: 29px !important;
    }

    body .xs-p-t-30 {
        padding-top: 30px !important;
    }

    body .xs-p-t-31 {
        padding-top: 31px !important;
    }

    body .xs-p-t-32 {
        padding-top: 32px !important;
    }

    body .xs-p-t-33 {
        padding-top: 33px !important;
    }

    body .xs-p-t-34 {
        padding-top: 34px !important;
    }

    body .xs-p-t-35 {
        padding-top: 35px !important;
    }

    body .xs-p-t-36 {
        padding-top: 36px !important;
    }

    body .xs-p-t-37 {
        padding-top: 37px !important;
    }

    body .xs-p-t-38 {
        padding-top: 38px !important;
    }

    body .xs-p-t-39 {
        padding-top: 39px !important;
    }

    body .xs-p-t-40 {
        padding-top: 40px !important;
    }

    body .xs-p-t-41 {
        padding-top: 41px !important;
    }

    body .xs-p-t-42 {
        padding-top: 42px !important;
    }

    body .xs-p-t-43 {
        padding-top: 43px !important;
    }

    body .xs-p-t-44 {
        padding-top: 44px !important;
    }

    body .xs-p-t-45 {
        padding-top: 45px !important;
    }

    body .xs-p-t-46 {
        padding-top: 46px !important;
    }

    body .xs-p-t-47 {
        padding-top: 47px !important;
    }

    body .xs-p-t-48 {
        padding-top: 48px !important;
    }

    body .xs-p-t-49 {
        padding-top: 49px !important;
    }

    body .xs-p-t-50 {
        padding-top: 50px !important;
    }

    body .xs-p-t-51 {
        padding-top: 51px !important;
    }

    body .xs-p-t-52 {
        padding-top: 52px !important;
    }

    body .xs-p-t-53 {
        padding-top: 53px !important;
    }

    body .xs-p-t-54 {
        padding-top: 54px !important;
    }

    body .xs-p-t-55 {
        padding-top: 55px !important;
    }

    body .xs-p-t-56 {
        padding-top: 56px !important;
    }

    body .xs-p-t-57 {
        padding-top: 57px !important;
    }

    body .xs-p-t-58 {
        padding-top: 58px !important;
    }

    body .xs-p-t-59 {
        padding-top: 59px !important;
    }

    body .xs-p-t-60 {
        padding-top: 60px !important;
    }

    body .xs-p-t-61 {
        padding-top: 61px !important;
    }

    body .xs-p-t-62 {
        padding-top: 62px !important;
    }

    body .xs-p-t-63 {
        padding-top: 63px !important;
    }

    body .xs-p-t-64 {
        padding-top: 64px !important;
    }

    body .xs-p-t-65 {
        padding-top: 65px !important;
    }

    body .xs-p-t-66 {
        padding-top: 66px !important;
    }

    body .xs-p-t-67 {
        padding-top: 67px !important;
    }

    body .xs-p-t-68 {
        padding-top: 68px !important;
    }

    body .xs-p-t-69 {
        padding-top: 69px !important;
    }

    body .xs-p-t-70 {
        padding-top: 70px !important;
    }

    body .xs-p-r-1 {
        padding-right: 1px !important;
    }

    body .xs-p-r-2 {
        padding-right: 2px !important;
    }

    body .xs-p-r-3 {
        padding-right: 3px !important;
    }

    body .xs-p-r-4 {
        padding-right: 4px !important;
    }

    body .xs-p-r-5 {
        padding-right: 5px !important;
    }

    body .xs-p-r-6 {
        padding-right: 6px !important;
    }

    body .xs-p-r-7 {
        padding-right: 7px !important;
    }

    body .xs-p-r-8 {
        padding-right: 8px !important;
    }

    body .xs-p-r-9 {
        padding-right: 9px !important;
    }

    body .xs-p-r-10 {
        padding-right: 10px !important;
    }

    body .xs-p-r-11 {
        padding-right: 11px !important;
    }

    body .xs-p-r-12 {
        padding-right: 12px !important;
    }

    body .xs-p-r-13 {
        padding-right: 13px !important;
    }

    body .xs-p-r-14 {
        padding-right: 14px !important;
    }

    body .xs-p-r-15 {
        padding-right: 15px !important;
    }

    body .xs-p-r-16 {
        padding-right: 16px !important;
    }

    body .xs-p-r-17 {
        padding-right: 17px !important;
    }

    body .xs-p-r-18 {
        padding-right: 18px !important;
    }

    body .xs-p-r-19 {
        padding-right: 19px !important;
    }

    body .xs-p-r-20 {
        padding-right: 20px !important;
    }

    body .xs-p-r-21 {
        padding-right: 21px !important;
    }

    body .xs-p-r-22 {
        padding-right: 22px !important;
    }

    body .xs-p-r-23 {
        padding-right: 23px !important;
    }

    body .xs-p-r-24 {
        padding-right: 24px !important;
    }

    body .xs-p-r-25 {
        padding-right: 25px !important;
    }

    body .xs-p-r-26 {
        padding-right: 26px !important;
    }

    body .xs-p-r-27 {
        padding-right: 27px !important;
    }

    body .xs-p-r-28 {
        padding-right: 28px !important;
    }

    body .xs-p-r-29 {
        padding-right: 29px !important;
    }

    body .xs-p-r-30 {
        padding-right: 30px !important;
    }

    body .xs-p-r-31 {
        padding-right: 31px !important;
    }

    body .xs-p-r-32 {
        padding-right: 32px !important;
    }

    body .xs-p-r-33 {
        padding-right: 33px !important;
    }

    body .xs-p-r-34 {
        padding-right: 34px !important;
    }

    body .xs-p-r-35 {
        padding-right: 35px !important;
    }

    body .xs-p-r-36 {
        padding-right: 36px !important;
    }

    body .xs-p-r-37 {
        padding-right: 37px !important;
    }

    body .xs-p-r-38 {
        padding-right: 38px !important;
    }

    body .xs-p-r-39 {
        padding-right: 39px !important;
    }

    body .xs-p-r-40 {
        padding-right: 40px !important;
    }

    body .xs-p-r-41 {
        padding-right: 41px !important;
    }

    body .xs-p-r-42 {
        padding-right: 42px !important;
    }

    body .xs-p-r-43 {
        padding-right: 43px !important;
    }

    body .xs-p-r-44 {
        padding-right: 44px !important;
    }

    body .xs-p-r-45 {
        padding-right: 45px !important;
    }

    body .xs-p-r-46 {
        padding-right: 46px !important;
    }

    body .xs-p-r-47 {
        padding-right: 47px !important;
    }

    body .xs-p-r-48 {
        padding-right: 48px !important;
    }

    body .xs-p-r-49 {
        padding-right: 49px !important;
    }

    body .xs-p-r-50 {
        padding-right: 50px !important;
    }

    body .xs-p-r-51 {
        padding-right: 51px !important;
    }

    body .xs-p-r-52 {
        padding-right: 52px !important;
    }

    body .xs-p-r-53 {
        padding-right: 53px !important;
    }

    body .xs-p-r-54 {
        padding-right: 54px !important;
    }

    body .xs-p-r-55 {
        padding-right: 55px !important;
    }

    body .xs-p-r-56 {
        padding-right: 56px !important;
    }

    body .xs-p-r-57 {
        padding-right: 57px !important;
    }

    body .xs-p-r-58 {
        padding-right: 58px !important;
    }

    body .xs-p-r-59 {
        padding-right: 59px !important;
    }

    body .xs-p-r-60 {
        padding-right: 60px !important;
    }

    body .xs-p-r-61 {
        padding-right: 61px !important;
    }

    body .xs-p-r-62 {
        padding-right: 62px !important;
    }

    body .xs-p-r-63 {
        padding-right: 63px !important;
    }

    body .xs-p-r-64 {
        padding-right: 64px !important;
    }

    body .xs-p-r-65 {
        padding-right: 65px !important;
    }

    body .xs-p-r-66 {
        padding-right: 66px !important;
    }

    body .xs-p-r-67 {
        padding-right: 67px !important;
    }

    body .xs-p-r-68 {
        padding-right: 68px !important;
    }

    body .xs-p-r-69 {
        padding-right: 69px !important;
    }

    body .xs-p-r-70 {
        padding-right: 70px !important;
    }

    body .xs-p-b-1 {
        padding-bottom: 1px !important;
    }

    body .xs-p-b-2 {
        padding-bottom: 2px !important;
    }

    body .xs-p-b-3 {
        padding-bottom: 3px !important;
    }

    body .xs-p-b-4 {
        padding-bottom: 4px !important;
    }

    body .xs-p-b-5 {
        padding-bottom: 5px !important;
    }

    body .xs-p-b-6 {
        padding-bottom: 6px !important;
    }

    body .xs-p-b-7 {
        padding-bottom: 7px !important;
    }

    body .xs-p-b-8 {
        padding-bottom: 8px !important;
    }

    body .xs-p-b-9 {
        padding-bottom: 9px !important;
    }

    body .xs-p-b-10 {
        padding-bottom: 10px !important;
    }

    body .xs-p-b-11 {
        padding-bottom: 11px !important;
    }

    body .xs-p-b-12 {
        padding-bottom: 12px !important;
    }

    body .xs-p-b-13 {
        padding-bottom: 13px !important;
    }

    body .xs-p-b-14 {
        padding-bottom: 14px !important;
    }

    body .xs-p-b-15 {
        padding-bottom: 15px !important;
    }

    body .xs-p-b-16 {
        padding-bottom: 16px !important;
    }

    body .xs-p-b-17 {
        padding-bottom: 17px !important;
    }

    body .xs-p-b-18 {
        padding-bottom: 18px !important;
    }

    body .xs-p-b-19 {
        padding-bottom: 19px !important;
    }

    body .xs-p-b-20 {
        padding-bottom: 20px !important;
    }

    body .xs-p-b-21 {
        padding-bottom: 21px !important;
    }

    body .xs-p-b-22 {
        padding-bottom: 22px !important;
    }

    body .xs-p-b-23 {
        padding-bottom: 23px !important;
    }

    body .xs-p-b-24 {
        padding-bottom: 24px !important;
    }

    body .xs-p-b-25 {
        padding-bottom: 25px !important;
    }

    body .xs-p-b-26 {
        padding-bottom: 26px !important;
    }

    body .xs-p-b-27 {
        padding-bottom: 27px !important;
    }

    body .xs-p-b-28 {
        padding-bottom: 28px !important;
    }

    body .xs-p-b-29 {
        padding-bottom: 29px !important;
    }

    body .xs-p-b-30 {
        padding-bottom: 30px !important;
    }

    body .xs-p-b-31 {
        padding-bottom: 31px !important;
    }

    body .xs-p-b-32 {
        padding-bottom: 32px !important;
    }

    body .xs-p-b-33 {
        padding-bottom: 33px !important;
    }

    body .xs-p-b-34 {
        padding-bottom: 34px !important;
    }

    body .xs-p-b-35 {
        padding-bottom: 35px !important;
    }

    body .xs-p-b-36 {
        padding-bottom: 36px !important;
    }

    body .xs-p-b-37 {
        padding-bottom: 37px !important;
    }

    body .xs-p-b-38 {
        padding-bottom: 38px !important;
    }

    body .xs-p-b-39 {
        padding-bottom: 39px !important;
    }

    body .xs-p-b-40 {
        padding-bottom: 40px !important;
    }

    body .xs-p-b-41 {
        padding-bottom: 41px !important;
    }

    body .xs-p-b-42 {
        padding-bottom: 42px !important;
    }

    body .xs-p-b-43 {
        padding-bottom: 43px !important;
    }

    body .xs-p-b-44 {
        padding-bottom: 44px !important;
    }

    body .xs-p-b-45 {
        padding-bottom: 45px !important;
    }

    body .xs-p-b-46 {
        padding-bottom: 46px !important;
    }

    body .xs-p-b-47 {
        padding-bottom: 47px !important;
    }

    body .xs-p-b-48 {
        padding-bottom: 48px !important;
    }

    body .xs-p-b-49 {
        padding-bottom: 49px !important;
    }

    body .xs-p-b-50 {
        padding-bottom: 50px !important;
    }

    body .xs-p-b-51 {
        padding-bottom: 51px !important;
    }

    body .xs-p-b-52 {
        padding-bottom: 52px !important;
    }

    body .xs-p-b-53 {
        padding-bottom: 53px !important;
    }

    body .xs-p-b-54 {
        padding-bottom: 54px !important;
    }

    body .xs-p-b-55 {
        padding-bottom: 55px !important;
    }

    body .xs-p-b-56 {
        padding-bottom: 56px !important;
    }

    body .xs-p-b-57 {
        padding-bottom: 57px !important;
    }

    body .xs-p-b-58 {
        padding-bottom: 58px !important;
    }

    body .xs-p-b-59 {
        padding-bottom: 59px !important;
    }

    body .xs-p-b-60 {
        padding-bottom: 60px !important;
    }

    body .xs-p-b-61 {
        padding-bottom: 61px !important;
    }

    body .xs-p-b-62 {
        padding-bottom: 62px !important;
    }

    body .xs-p-b-63 {
        padding-bottom: 63px !important;
    }

    body .xs-p-b-64 {
        padding-bottom: 64px !important;
    }

    body .xs-p-b-65 {
        padding-bottom: 65px !important;
    }

    body .xs-p-b-66 {
        padding-bottom: 66px !important;
    }

    body .xs-p-b-67 {
        padding-bottom: 67px !important;
    }

    body .xs-p-b-68 {
        padding-bottom: 68px !important;
    }

    body .xs-p-b-69 {
        padding-bottom: 69px !important;
    }

    body .xs-p-b-70 {
        padding-bottom: 70px !important;
    }

    body .xs-p-l-1 {
        padding-left: 1px !important;
    }

    body .xs-p-l-2 {
        padding-left: 2px !important;
    }

    body .xs-p-l-3 {
        padding-left: 3px !important;
    }

    body .xs-p-l-4 {
        padding-left: 4px !important;
    }

    body .xs-p-l-5 {
        padding-left: 5px !important;
    }

    body .xs-p-l-6 {
        padding-left: 6px !important;
    }

    body .xs-p-l-7 {
        padding-left: 7px !important;
    }

    body .xs-p-l-8 {
        padding-left: 8px !important;
    }

    body .xs-p-l-9 {
        padding-left: 9px !important;
    }

    body .xs-p-l-10 {
        padding-left: 10px !important;
    }

    body .xs-p-l-11 {
        padding-left: 11px !important;
    }

    body .xs-p-l-12 {
        padding-left: 12px !important;
    }

    body .xs-p-l-13 {
        padding-left: 13px !important;
    }

    body .xs-p-l-14 {
        padding-left: 14px !important;
    }

    body .xs-p-l-15 {
        padding-left: 15px !important;
    }

    body .xs-p-l-16 {
        padding-left: 16px !important;
    }

    body .xs-p-l-17 {
        padding-left: 17px !important;
    }

    body .xs-p-l-18 {
        padding-left: 18px !important;
    }

    body .xs-p-l-19 {
        padding-left: 19px !important;
    }

    body .xs-p-l-20 {
        padding-left: 20px !important;
    }

    body .xs-p-l-21 {
        padding-left: 21px !important;
    }

    body .xs-p-l-22 {
        padding-left: 22px !important;
    }

    body .xs-p-l-23 {
        padding-left: 23px !important;
    }

    body .xs-p-l-24 {
        padding-left: 24px !important;
    }

    body .xs-p-l-25 {
        padding-left: 25px !important;
    }

    body .xs-p-l-26 {
        padding-left: 26px !important;
    }

    body .xs-p-l-27 {
        padding-left: 27px !important;
    }

    body .xs-p-l-28 {
        padding-left: 28px !important;
    }

    body .xs-p-l-29 {
        padding-left: 29px !important;
    }

    body .xs-p-l-30 {
        padding-left: 30px !important;
    }

    body .xs-p-l-31 {
        padding-left: 31px !important;
    }

    body .xs-p-l-32 {
        padding-left: 32px !important;
    }

    body .xs-p-l-33 {
        padding-left: 33px !important;
    }

    body .xs-p-l-34 {
        padding-left: 34px !important;
    }

    body .xs-p-l-35 {
        padding-left: 35px !important;
    }

    body .xs-p-l-36 {
        padding-left: 36px !important;
    }

    body .xs-p-l-37 {
        padding-left: 37px !important;
    }

    body .xs-p-l-38 {
        padding-left: 38px !important;
    }

    body .xs-p-l-39 {
        padding-left: 39px !important;
    }

    body .xs-p-l-40 {
        padding-left: 40px !important;
    }

    body .xs-p-l-41 {
        padding-left: 41px !important;
    }

    body .xs-p-l-42 {
        padding-left: 42px !important;
    }

    body .xs-p-l-43 {
        padding-left: 43px !important;
    }

    body .xs-p-l-44 {
        padding-left: 44px !important;
    }

    body .xs-p-l-45 {
        padding-left: 45px !important;
    }

    body .xs-p-l-46 {
        padding-left: 46px !important;
    }

    body .xs-p-l-47 {
        padding-left: 47px !important;
    }

    body .xs-p-l-48 {
        padding-left: 48px !important;
    }

    body .xs-p-l-49 {
        padding-left: 49px !important;
    }

    body .xs-p-l-50 {
        padding-left: 50px !important;
    }

    body .xs-p-l-51 {
        padding-left: 51px !important;
    }

    body .xs-p-l-52 {
        padding-left: 52px !important;
    }

    body .xs-p-l-53 {
        padding-left: 53px !important;
    }

    body .xs-p-l-54 {
        padding-left: 54px !important;
    }

    body .xs-p-l-55 {
        padding-left: 55px !important;
    }

    body .xs-p-l-56 {
        padding-left: 56px !important;
    }

    body .xs-p-l-57 {
        padding-left: 57px !important;
    }

    body .xs-p-l-58 {
        padding-left: 58px !important;
    }

    body .xs-p-l-59 {
        padding-left: 59px !important;
    }

    body .xs-p-l-60 {
        padding-left: 60px !important;
    }

    body .xs-p-l-61 {
        padding-left: 61px !important;
    }

    body .xs-p-l-62 {
        padding-left: 62px !important;
    }

    body .xs-p-l-63 {
        padding-left: 63px !important;
    }

    body .xs-p-l-64 {
        padding-left: 64px !important;
    }

    body .xs-p-l-65 {
        padding-left: 65px !important;
    }

    body .xs-p-l-66 {
        padding-left: 66px !important;
    }

    body .xs-p-l-67 {
        padding-left: 67px !important;
    }

    body .xs-p-l-68 {
        padding-left: 68px !important;
    }

    body .xs-p-l-69 {
        padding-left: 69px !important;
    }

    body .xs-p-l-70 {
        padding-left: 70px !important;
    }
}

* {
    padding: 0;
    margin: 0;
    outline: none !important;
    font-family: "Montserrat", sans-serif;
}

img {
    color: transparent !important;
}

.st, .icon-rail .icon-item i, .provider-login,
button,
.btn, a {
    transition: all 0.2s linear 0s !important;
    -webkit-transition: all 0.2s linear 0s !important;
    -moz-transition: all 0.2s linear 0s !important;
    -ms-transition: all 0.2s linear 0s !important;
    -o-transition: all 0.2s linear 0s !important;
}

section {
    position: relative;
}

.mt-20 {
    margin-top: -20px !important;
}

.mt-16 {
    margin-top: -16px !important;
}

.common-section {
    padding: 70px 0;
    position: relative;
}

@media screen and (max-width: 767px) {
    .common-section {
        padding: 40px 0;
    }
}

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

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

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

.fw-400 {
    font-weight: 400 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
}

:root {
    /* Brand Primary */
    --c-brand-primary: #4464e2;
    --c-black-primary: #1F1F1F;
    --litepicker-day-color-hover: #4464e2;
    /* Tints */
    --c-brand-tint-10: #6982e7;
    --c-brand-tint-20: #a1b0f0;
    --c-brand-tint-30: #c6cff5;
    --c-brand-tint-40: #ebeffb;
    /* Shades */
    --c-brand-shade-10: #2c4bca;
    --c-brand-shade-20: #191d9c;
    --c-brand-shade-30: #191958;
    --c-brand-shade-40: #19192a;
    /* Danger */
    --c-danger-primary: #eb192b;
    /* Danger Tints */
    --c-danger-tint-10: #f15d6b;
    --c-danger-tint-20: #f58c95;
    --c-danger-tint-30: #f9b9bf;
    --c-danger-tint-40: #fce7e9;
    /* Danger Shades */
    --c-danger-shade-10: #bd1919;
    --c-danger-shade-20: #791919;
    --c-danger-shade-30: #621919;
    --c-danger-shade-40: #341919;
    /* -------------------------------------- */
    /* Base Colors */
    /* -------------------------------------- */
    --c-base-black: #000000;
    --c-base-white: #ffffff;
    /* -------------------------------------- */
    /* Neutrals */
    /* -------------------------------------- */
    --c-neutral-10: #f5f5f5;
    --c-neutral-20: #d6d6d6;
    --c-neutral-30: #b8b8b8;
    --c-neutral-40: #999999;
    --c-neutral-50: #7a7a7a;
    --c-neutral-60: #595959;
    --c-neutral-70: #3d3d3d;
    --c-neutral-80: #1f1f1f;
    /* -------------------------------------- */
    /* Success */
    /* -------------------------------------- */
    --c-success-primary: #60d93f;
    --c-success-tint-10: #84e26a;
    --c-success-tint-20: #a7ea95;
    --c-success-tint-30: #caf2bf;
    --c-success-tint-40: #edfbea;
    --c-success-shade-10: #47c026;
    --c-success-shade-20: #37951d;
    --c-success-shade-30: #1a5d08;
    --c-success-shade-40: #18400d;
    /* -------------------------------------- */
    /* Warning */
    /* -------------------------------------- */
    --c-warning-primary: #f16e27;
    --c-warning-tint-10: #f59968;
    --c-warning-tint-20: #f8b693;
    --c-warning-tint-30: #fad3bd;
    --c-warning-tint-40: #fdf0e8;
    --c-warning-shade-10: #c34119;
    --c-warning-shade-20: #951919;
    --c-warning-shade-30: #7e1919;
    --c-warning-shade-50: #391919;
    /* -------------------------------------- */
    /* Alpha - Light (White with transparency) */
    /* -------------------------------------- */
    --c-alpha-light-0: #ffffff00;
    --c-alpha-light-5: #ffffff0d;
    --c-alpha-light-10: #ffffff1a;
    --c-alpha-light-20: #ffffff33;
    --c-alpha-light-30: #ffffff4d;
    --c-alpha-light-40: #ffffff66;
    --c-alpha-light-50: #ffffff80;
    --c-alpha-light-60: #ffffff99;
    --c-alpha-light-70: #ffffffb3;
    --c-alpha-light-80: #ffffffcc;
    --c-alpha-light-90: #ffffffe6;
    /* -------------------------------------- */
    /* Alpha - Dark (Black with transparency) */
    /* -------------------------------------- */
    --c-alpha-dark-0: #1f1f1f00;
    --c-alpha-dark-5: #1f1f1f0d;
    --c-alpha-dark-10: #1f1f1f1a;
    --c-alpha-dark-20: #1f1f1f33;
    --c-alpha-dark-30: #1f1f1f4d;
    --c-alpha-dark-40: #1f1f1f66;
    --c-alpha-dark-50: #1f1f1f80;
    --c-alpha-dark-60: #1f1f1f99;
    --c-alpha-dark-70: #1f1f1fb3;
    --c-alpha-dark-80: #000000cc;
    --c-alpha-dark-90: #000000e6;
    /* -------------------------------------- */
    /* Blue */
    /* -------------------------------------- */
    --c-blue-primary: #2124e8;
    --c-blue-shade-10: #c5c6f8;
    /* -------------------------------------- */
    /* Secondary Brand */
    /* -------------------------------------- */
    --c-secondary-brand-secondary: #1fa0aa;
    --c-secondary-brand-tint-10: #5dbac1;
    --c-secondary-brand-tint-20: #99d3d7;
    --c-secondary-brand-tint-30: #c2e4e7;
    --c-secondary-brand-tint-40: #eaf5f6;
    --c-secondary-brand-shade-10: #1d919a;
    --c-secondary-brand-shade-20: #19646d;
    --c-secondary-brand-shade-30: #19363f;
    --c-secondary-brand-shade-40: #191919;
    /* -------------------------------------- */
    /* AI Insights */
    /* -------------------------------------- */
    --c-ai-insights-lime-base: #baec08;
    --c-ai-insights-tint-10: #d3f263;
    --c-ai-insights-tint-20: #dff58f;
    --c-ai-insights-tint-30: #ebf9bc;
    --c-ai-insights-tint-40: #f8fce8;
    --c-ai-insights-shade-10: #92bf19;
    --c-ai-insights-shade-20: #649119;
    --c-ai-insights-shade-30: #376419;
    --c-ai-insights-shade-40: #193619;
}

.c-brand-primary {
    color: var(--c-brand-primary) !important;
}

.text-black-primary,
.c-black-primary {
    color: var(--c-black-primary) !important;
}

/* Tints */
.c-brand-tint-10 {
    color: var(--c-brand-tint-10) !important;
}

.c-brand-tint-20 {
    color: var(--c-brand-tint-20) !important;
}

.c-brand-tint-30 {
    color: var(--c-brand-tint-30) !important;
}

.c-brand-tint-40 {
    color: var(--c-brand-tint-40) !important;
}

/* Shades */
.c-brand-shade-10 {
    color: var(--c-brand-shade-10) !important;
}

.c-brand-shade-20 {
    color: var(--c-brand-shade-20) !important;
}

.c-brand-shade-30 {
    color: var(--c-brand-shade-30) !important;
}

.bgc-c-brand-shade-30 {
    background: var(--c-brand-shade-30) !important;
}

.c-brand-shade-40 {
    color: var(--c-brand-shade-40) !important;
}

/* Text Colors */
.c-danger-primary {
    color: var(--c-danger-primary) !important;
}

.c-danger-tint-10 {
    color: var(--c-danger-tint-10) !important;
}

.bgc-danger-tint-10 {
    background: var(--c-danger-tint-10) !important;
}

.c-danger-tint-20 {
    color: var(--c-danger-tint-20) !important;
}

.c-danger-tint-30 {
    color: var(--c-danger-tint-30) !important;
}

.c-danger-tint-40 {
    color: var(--c-danger-tint-40) !important;
}

.c-danger-shade-10 {
    color: var(--c-danger-shade-10) !important;
}

.bgc-danger-shade-10 {
    background-color: var(--c-danger-shade-10) !important;
}

.text-red,
.c-danger-shade-20 {
    color: var(--c-danger-shade-20) !important;
}

.c-danger-shade-30 {
    color: var(--c-danger-shade-30) !important;
}

.c-danger-shade-40 {
    color: var(--c-danger-shade-40) !important;
}

.c-base-black {
    color: var(--c-base-black) !important;
}

.c-base-white {
    color: var(--c-base-white) !important;
}

.c-neutral-10 {
    color: var(--c-neutral-10) !important;
}

.bgc-neutral-10 {
    background-color: var(--c-neutral-10) !important;
}

.c-neutral-20 {
    color: var(--c-neutral-20) !important;
}

.c-neutral-30 {
    color: var(--c-neutral-30) !important;
}

.c-neutral-40 {
    color: var(--c-neutral-40) !important;
}

.c-neutral-50 {
    color: var(--c-neutral-50) !important;
}

.text-n-subtle,
.c-neutral-60 {
    color: var(--c-neutral-60) !important;
}

.c-neutral-70 {
    color: var(--c-neutral-70) !important;
}

.c-neutral-80 {
    color: var(--c-neutral-80) !important;
}

.c-success-primary {
    color: var(--c-success-primary) !important;
}

.c-success-tint-10 {
    color: var(--c-success-tint-10) !important;
}

.bgc-success-tint-10 {
    background: var(--c-success-tint-10) !important;
}

.c-success-tint-20 {
    color: var(--c-success-tint-20) !important;
}

.c-success-tint-30 {
    color: var(--c-success-tint-30) !important;
}

.c-success-tint-40 {
    color: var(--c-success-tint-40) !important;
}

.c-success-shade-10 {
    color: var(--c-success-shade-10) !important;
}

.bgc-success-shade-10 {
    background-color: var(--c-success-shade-10) !important;
}

.c-success-shade-20 {
    color: var(--c-success-shade-20) !important;
}

.c-success-shade-30 {
    color: var(--c-success-shade-30) !important;
}

.c-success-shade-40 {
    color: var(--c-success-shade-40) !important;
}

.c-warning-primary {
    color: var(--c-warning-primary) !important;
}

.c-warning-tint-10 {
    color: var(--c-warning-tint-10) !important;
}

.c-warning-tint-20 {
    color: var(--c-warning-tint-20) !important;
}

.c-warning-tint-30 {
    color: var(--c-warning-tint-30) !important;
}

.c-warning-tint-40 {
    color: var(--c-warning-tint-40) !important;
}

.c-warning-shade-10 {
    color: var(--c-warning-shade-10) !important;
}

.c-warning-shade-20 {
    color: var(--c-warning-shade-20) !important;
}

.c-warning-shade-30 {
    color: var(--c-warning-shade-30) !important;
}

.c-warning-shade-50 {
    color: var(--c-warning-shade-50) !important;
}

.c-alpha-light-0 {
    color: var(--c-alpha-light-0) !important;
}

.c-alpha-light-5 {
    color: var(--c-alpha-light-5) !important;
}

.c-alpha-light-10 {
    color: var(--c-alpha-light-10) !important;
}

.c-alpha-light-20 {
    color: var(--c-alpha-light-20) !important;
}

.c-alpha-light-30 {
    color: var(--c-alpha-light-30) !important;
}

.c-alpha-light-40 {
    color: var(--c-alpha-light-40) !important;
}

.c-alpha-light-50 {
    color: var(--c-alpha-light-50) !important;
}

.c-alpha-light-60 {
    color: var(--c-alpha-light-60) !important;
}

.c-alpha-light-70 {
    color: var(--c-alpha-light-70) !important;
}

.c-alpha-light-80 {
    color: var(--c-alpha-light-80) !important;
}

.c-alpha-light-90 {
    color: var(--c-alpha-light-90) !important;
}

.c-alpha-dark-0 {
    color: var(--c-alpha-dark-0) !important;
}

.c-alpha-dark-5 {
    color: var(--c-alpha-dark-5) !important;
}

.c-alpha-dark-10 {
    color: var(--c-alpha-dark-10) !important;
}

.c-alpha-dark-20 {
    color: var(--c-alpha-dark-20) !important;
}

.c-alpha-dark-30 {
    color: var(--c-alpha-dark-30) !important;
}

.c-alpha-dark-40 {
    color: var(--c-alpha-dark-40) !important;
}

.c-alpha-dark-50 {
    color: var(--c-alpha-dark-50) !important;
}

.c-alpha-dark-60 {
    color: var(--c-alpha-dark-60) !important;
}

.c-alpha-dark-70 {
    color: var(--c-alpha-dark-70) !important;
}

.c-alpha-dark-80 {
    color: var(--c-alpha-dark-80) !important;
}

.c-alpha-dark-90 {
    color: var(--c-alpha-dark-90) !important;
}

.c-blue-primary {
    color: var(--c-blue-primary) !important;
}

.c-blue-shade-10 {
    color: var(--c-blue-shade-10) !important;
}

.c-secondary-brand-secondary {
    color: var(--c-secondary-brand-secondary) !important;
}

.c-secondary-brand-tint-10 {
    color: var(--c-secondary-brand-tint-10) !important;
}

.c-secondary-brand-tint-20 {
    color: var(--c-secondary-brand-tint-20) !important;
}

.c-secondary-brand-tint-30 {
    color: var(--c-secondary-brand-tint-30) !important;
}

.c-secondary-brand-tint-40 {
    color: var(--c-secondary-brand-tint-40) !important;
}

.c-secondary-brand-shade-10 {
    color: var(--c-secondary-brand-shade-10) !important;
}

.c-secondary-brand-shade-20 {
    color: var(--c-secondary-brand-shade-20) !important;
}

.c-secondary-brand-shade-30 {
    color: var(--c-secondary-brand-shade-30) !important;
}

.c-secondary-brand-shade-40 {
    color: var(--c-secondary-brand-shade-40) !important;
}

.c-ai-insights-lime-base {
    color: var(--c-ai-insights-lime-base) !important;
}

.c-ai-insights-tint-10 {
    color: var(--c-ai-insights-tint-10) !important;
}

.c-ai-insights-tint-20 {
    color: var(--c-ai-insights-tint-20) !important;
}

.c-ai-insights-tint-30 {
    color: var(--c-ai-insights-tint-30) !important;
}

.c-ai-insights-tint-40 {
    color: var(--c-ai-insights-tint-40) !important;
}

.c-ai-insights-shade-10 {
    color: var(--c-ai-insights-shade-10) !important;
}

.c-ai-insights-shade-20 {
    color: var(--c-ai-insights-shade-20) !important;
}

.c-ai-insights-shade-30 {
    color: var(--c-ai-insights-shade-30) !important;
}

.c-ai-insights-shade-40 {
    color: var(--c-ai-insights-shade-40) !important;
}

/*// COLORS //*/
.border-radius8 {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

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

.no-padding {
    padding: 0 !important;
}

.margin-auto {
    margin: auto !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.opacity0 {
    opacity: 0 !important;
}

.border0 {
    border: 0 !important;
}

body {
    overflow-x: hidden;
    color: var(--c-neutral-60);
    padding: 0;
    margin: 0;
}

.bg-transparent {
    background-color: transparent !important;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    display: none;
}

input[type=number],
input[type=tel] {
    -moz-appearance: textfield;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.btn-back-i {
    color: #000000;
    vertical-align: middle;
    font-size: 20px;
    margin-right: 10px;
    font-weight: 600;
}

/*// TYPOGRAPHY //*/
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    line-height: 1.2em;
    color: #1F1F1F;
}

.list-inline,
p {
    padding: 0;
    margin: 0;
    font-style: normal;
    font-size: 14px;
    line-height: 1.5em;
    color: #1F1F1F;
}

.header1 {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 64px;
}

@media screen and (max-width: 767px) {
    .header1 {
        font-size: 40px;
    }
}

.header2 {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 40px;
}

@media screen and (max-width: 767px) {
    .header2 {
        font-size: 28px;
    }
}

.header3 {
    font-family: "Montserrat", sans-serif;
    font-weight: bold;
    font-size: 24px;
}

@media screen and (max-width: 767px) {
    .header3 {
        font-size: 20px;
    }
}

.subtitle {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    line-height: 36px;
    font-size: 24px;
    letter-spacing: 0%;
}

.form-check-label,
.x-small,
.ul-dot li,
.full-calendar .fc .fc-daygrid-day-number,
.full-calendar .fc .fc-col-header-cell-cushion {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    line-height: 16px;
    font-size: 12px;
    letter-spacing: 0%;
}

.xx-small {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    line-height: 14px;
    font-size: 10px;
    letter-spacing: 0%;
}

.subtle14 {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #595959;
}

.subtle16 {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #595959;
}

.p32 {
    font-style: normal;
    font-size: 32px;
}

.p20 {
    font-style: normal;
    font-size: 20px;
}

.p19 {
    font-style: normal;
    font-size: 19px;
}

.p18 {
    font-style: normal;
    font-size: 18px;
}

.p16 {
    font-style: normal;
    font-size: 16px !important;
}

.p15 {
    font-style: normal;
    font-size: 15px;
}

.p14 {
    font-style: normal;
    font-size: 14px !important;
}

.p13 {
    font-style: normal;
    font-size: 13px !important;
}

.p12 {
    font-style: normal;
    font-size: 12px !important;
}

.p11 {
    font-style: normal;
    font-size: 11px;
}

.p10 {
    font-style: normal;
    font-size: 10px;
}

.p9 {
    font-style: normal;
    font-size: 9px;
}

.nowrap {
    white-space: nowrap !important;
}

.btn,
input[type=text],
button {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}

a {
    text-decoration: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    cursor: pointer;
    font-size: 14pt;
    font-weight: 400;
    color: var(--c-brand-shade-30);
}

    a:hover, a:active, a:focus {
        text-decoration: underline;
        outline: none;
        color: var(--c-brand-shade-30);
    }

.btn[disabled] {
    cursor: not-allowed;
    opacity: 0.7;
}

a,
button,
.btn {
    cursor: pointer;
}

    a span,
    a i,
    button span,
    button i,
    .btn span,
    .btn i {
        position: relative;
        z-index: 5;
    }

    a:hover, a:active, a:focus,
    button:hover,
    button:active,
    button:focus,
    .btn:hover,
    .btn:active,
    .btn:focus {
        text-decoration: none;
        outline: none;
    }

    .btn.focus,
    .btn:focus {
        outline: 0;
        box-shadow: none;
    }

.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp,
.material-icons-two-tone {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: middle;
}

.text-decoration-none {
    text-decoration: none !important;
}

.cursor-pointer {
    cursor: pointer;
}

.disabled,
.cursor-not-allowed {
    cursor: not-allowed !important;
}

.text-primary {
    color: var(--c-brand-shade-30) !important;
}

.text-subtle {
    color: var(--c-neutral-60) !important;
}

.text-subtle {
    color: var(--c-neutral-60) !important;
}

.text-blue1 {
    color: var(--c-brand-shade-30) !important;
}

.text-blue2 {
    color: var(--c-brand-primary) !important;
}

.text-indigo1 {
    color: var(--c-brand-primary) !important;
}

.text-grey1 {
    color: var(--c-neutral-10) !important;
}

.text-grey2 {
    color: var(--c-neutral-10) !important;
}

.text-white {
    color: #ffffff !important;
}

.text-yellow1 {
    color: var(--c-warning-primary) !important;
}

.text-red1 {
    color: var(--c-danger-primary) !important;
}

.text-pink1 {
    color: var(--c-success-shade-10) !important;
}

.text-green1 {
    color: var(--c-success-shade-10) !important;
}

.text-green2 {
    color: var(--c-success-shade-10) !important;
}

.text-green3 {
    color: var(--c-success-shade-10) !important;
}

.text-green4 {
    color: var(--c-success-shade-10) !important;
}

.text-pink1 {
    color: var(--c-success-shade-10) !important;
}

.text-yellow2 {
    color: var(--c-warning-primary) !important;
}

.text-red2 {
    color: var(--c-danger-primary) !important;
}

.bg-primary {
    background-color: var(--c-brand-shade-30) !important;
}

.bg-subtle {
    background-color: var(--c-neutral-60) !important;
}

.bg-subtle {
    background-color: var(--c-neutral-60) !important;
}

.bg-blue1 {
    background-color: var(--c-brand-shade-30) !important;
}

.bg-blue2 {
    background-color: var(--c-brand-primary) !important;
}

.bg-indigo1 {
    background-color: var(--c-brand-primary) !important;
}

.bg-grey1 {
    background-color: var(--c-neutral-10) !important;
}

.bg-grey2 {
    background-color: var(--c-neutral-10) !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-yellow1 {
    background-color: var(--c-warning-primary) !important;
}

.bg-red1 {
    background-color: var(--c-danger-primary) !important;
}

.bg-pink1 {
    background-color: var(--c-success-shade-10) !important;
}

.bg-green1 {
    background-color: var(--c-success-shade-10) !important;
}

.bg-green2 {
    background-color: var(--c-success-shade-10) !important;
}

.bg-green3 {
    background-color: var(--c-success-shade-10) !important;
}

.bg-green4 {
    background-color: var(--c-success-shade-10) !important;
}

.bg-pink1 {
    background-color: var(--c-success-shade-10) !important;
}

.bg-yellow2 {
    background-color: var(--c-warning-primary) !important;
}

.bg-red2 {
    background-color: var(--c-danger-primary) !important;
}

.burger {
    display: block;
    width: 28px;
    height: 28px;
    margin-top: 0;
    background: var(--c-brand-shade-30);
    border: 0;
    float: right;
    top: 0;
    right: 0;
    z-index: 9;
    position: absolute;
}

@media screen and (min-width: 992px) {
    .burger {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .burger {
        margin-top: -42px;
        margin-right: 15px;
    }
}

@media screen and (max-width: 767px) {
    .burger {
        right: 15px;
        margin-top: -38px;
    }
}

.burger span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    top: 18px;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
    transition: all 0.3s;
    backface-visibility: hidden;
    border-radius: 2px;
}

.burger span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
    transition: all 0.3s;
    backface-visibility: hidden;
    border-radius: 2px;
}

.burger span {
    position: relative;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #ffffff;
    transition: all 0.3s;
    backface-visibility: hidden;
    border-radius: 2px;
}

.burger.--open span {
    background-color: transparent;
}

    .burger.--open span:before {
        transform: rotate(45deg) translate(-1px, 0px);
    }

    .burger.--open span:after {
        transform: rotate(-45deg) translate(6px, -7px);
    }

.form-check-input {
    border: 1px solid #595959;
    scale: 1.1;
    background-color: transparent;
}

    .form-check-input:checked {
        background-color: var(--c-brand-shade-30);
        border-color: var(--c-brand-shade-30);
    }

.form-check.form-check-d {
    position: relative;
}

    .form-check.form-check-d .ph-check {
        position: absolute;
        top: 5px;
        left: 1px;
        font-size: 13px;
        z-index: 99;
        pointer-events: none;
    }

    .form-check.form-check-d .form-check-input {
        background-color: var(--c-brand-shade-30);
        border: 1px solid white !important;
    }

        .form-check.form-check-d .form-check-input:checked {
            background-color: #fff;
            border-color: #fff;
        }

.common-card2 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}

.common-btn {
    min-width: 60px;
}

    .common-btn i.ph {
        font-size: 20px;
        vertical-align: middle;
    }

.border-r-16 {
    border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    -moz-border-radius: 16px !important;
    -ms-border-radius: 16px !important;
    -o-border-radius: 16px !important;
}

.btn-sm {
    font-size: 10px;
    font-weight: 500;
    height: 24px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    line-height: 12px;
}

.btn-md {
    font-size: 12px;
    height: 32px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    line-height: 12px;
    font-weight: 600;
}

@media screen and (min-width: 768px) {
    .btn-md {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.btn-lg {
    font-size: 14px;
    height: 40px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    line-height: 12px;
    font-weight: 600;
}

    .btn-lg:hover {
        opacity: 0.8;
    }

.or-text {
    position: relative;
}

    .or-text::after {
        content: "";
        position: absolute;
        top: 15px;
        left: 0;
        right: 0;
        z-index: 2;
        border-top: 1px solid #D6D6D6;
    }

    .or-text span {
        position: relative;
        z-index: 9;
        background: #fff;
        padding: 0 10px;
        top: 6px;
    }

.btn-link1 {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--c-brand-primary);
}

    .btn-link1:hover {
        color: var(--c-brand-primary);
        opacity: 0.8;
    }

.btn-link2 {
    text-decoration: none;
    font-size: 16px;
    color: #000000;
}

.btn-1 {
    background: var(--c-brand-shade-30);
    color: #ffffff;
    border: 1px solid var(--c-brand-shade-30);
}

    .btn-1:hover {
        background: var(--c-brand-shade-30);
        color: #ffffff;
    }

.btn-2 {
    background: var(--c-neutral-60);
    color: var(--c-brand-shade-30);
    border: 1px solid var(--c-neutral-60);
}

    .btn-2:hover {
        background: var(--c-neutral-60);
        color: var(--c-brand-shade-30);
        border: 1px solid var(--c-neutral-60);
    }

.btn-3 {
    background: #ffffff;
    color: #191958;
    border: 1px solid #191958;
}

    .btn-3:hover {
        background: #ffffff;
        color: #191958;
        border: 1px solid #191958;
    }

.btn-4 {
    background: #ffffff;
    color: var(--c-brand-shade-30);
    border: 1px solid #D0D5DD;
}

    .btn-4:hover {
        background: #E6E6E6;
        color: var(--c-brand-shade-30);
        border: 1px solid #E6E6E6;
    }

.btn-5 {
    background: transparent;
    color: #ffffff;
    border: 1px solid #ffffff;
}

    .btn-5:hover {
        background: transparent;
        color: #ffffff;
        border: 1px solid #ffffff;
    }

.btn-6 {
    background: #ffffff;
    color: var(--c-brand-shade-30);
    border: 1px solid #ffffff;
}

    .btn-6:hover {
        background: #E6E6E6;
        color: var(--c-brand-shade-30);
        border: 1px solid #E6E6E6;
    }

.btn-link {
    color: var(--c-brand-shade-30);
    font-size: 14px;
    background: transparent;
    border: 0;
}

    .btn-link:hover {
        color: var(--c-brand-shade-30);
    }

.btn-blue {
    background: #191D9C;
    color: #ffffff;
    border: 1px solid #191D9C;
}

    .btn-blue:hover {
        background: #191D9C;
        color: #ffffff;
        border: 1px solid #191D9C;
    }

.btn-green {
    background: var(--c-success-shade-10);
    color: #ffffff;
    border: 1px solid var(--c-success-shade-10);
}

    .btn-green:hover {
        background: var(--c-success-shade-10);
        color: #ffffff;
        border: 1px solid var(--c-success-shade-10);
    }

.btn-red {
    background: #FFFFFF;
    color: #F15D6B;
    border: 1px solid #F15D6B;
}

    .btn-red:hover {
        background: #FFFFFF;
        color: #F15D6B;
        border: 1px solid #F15D6B;
    }

.btn-gray {
    background: #FFFFFF;
    color: #1F1F1F;
    border: 1px solid #D6D6D6;
}

    .btn-gray:hover {
        background: #D6D6D6;
        color: #1F1F1F;
        border: 1px solid #D6D6D6;
    }

.btn-red-solid {
    background: #F15D6B;
    color: #FFFFFF;
    border: 1px solid #F15D6B;
}

    .btn-red-solid:hover {
        background: #F15D6B;
        color: #FFFFFF;
        border: 1px solid #F15D6B;
    }

.btn-help {
    border-radius: 110px;
    -webkit-border-radius: 110px;
    -moz-border-radius: 110px;
    -ms-border-radius: 110px;
    -o-border-radius: 110px;
    height: 46px;
}

.btn-icon i {
    font-size: 24px;
    vertical-align: middle;
}

.btn-icon .ph-check-circle {
    color: #037847;
}

.btn-icon .ph-x-circle {
    color: #DB0000;
}

.common-modal .modal-header {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #E8E8E8;
}

.add-photos-modal .modal-content {
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.form-control:focus {
    box-shadow: none !important;
}

.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
    background-color: #A1B0F0 !important;
}

input.input.form-control {
    padding-left: 80px !important;
}

.input-group,
.form-groups {
    margin-bottom: 16px;
    text-align: left;
}

    .input-group .common-dropdown,
    .form-groups .common-dropdown {
        position: relative;
    }

    .input-group .iti.iti--allow-dropdown,
    .form-groups .iti.iti--allow-dropdown {
        width: 100%;
    }

    .input-group .form-label,
    .form-groups .form-label {
        margin-bottom: 8px;
        font-size: 12px;
        text-align: left;
        color: #000;
    }

    .input-group .form-control,
    .form-groups .form-control {
        height: 32px;
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        color: #000000;
        border: 1px solid #A0A0A0;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        padding: 4px 12px;
    }

        .input-group .form-control:hover,
        .form-groups .form-control:hover {
            border: 1px solid var(--c-brand-shade-30);
        }

        .input-group .form-control::-moz-placeholder, .form-groups .form-control::-moz-placeholder {
            color: #A0A0A0;
            opacity: 1;
        }

        .input-group .form-control::placeholder,
        .form-groups .form-control::placeholder {
            color: #A0A0A0;
            opacity: 1;
        }

        .input-group .form-control::-ms-input-placeholder,
        .form-groups .form-control::-ms-input-placeholder {
            color: #A0A0A0;
        }

        .input-group .form-control.is-invalid,
        .input-group .was-validated .form-control:invalid,
        .form-groups .form-control.is-invalid,
        .form-groups .was-validated .form-control:invalid {
            border-color: #DB0000;
        }

        .input-group .form-control.is-valid,
        .input-group .was-validated .form-control:valid,
        .form-groups .form-control.is-valid,
        .form-groups .was-validated .form-control:valid {
            border-color: #037847;
        }

    .input-group textarea.form-control,
    .form-groups textarea.form-control {
        height: inherit;
    }

    .input-group select.form-control,
    .form-groups select.form-control {
        background: #fff url(../img/select-dropdown.svg) no-repeat center right 10px;
        padding-right: 30px;
    }

.badge {
    font-size: 12px;
    text-align: center;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    position: relative;
    display: inline-block;
    padding: 1px 15px 1px 22px;
    white-space: nowrap;
}

    .badge::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        position: absolute;
        top: 6px;
        left: 10px;
        z-index: 9;
    }

    .badge.status-green {
        color: #037847;
        background: #ECFDF3;
    }

        .badge.status-green::before {
            background-color: #037847;
        }

    .badge.status-red {
        color: #DB0000;
        background: #FFD5D5;
    }

        .badge.status-red::before {
            background-color: #DB0000;
        }

    .badge.status-yellow {
        color: #A87C07;
        background: #FFECBB;
    }

        .badge.status-yellow::before {
            background-color: #A87C07;
        }

    .badge.status-gray {
        color: #364254;
        background: #F2F4F7;
    }

        .badge.status-gray::before {
            background-color: #364254;
        }

    .badge.status-blue {
        color: #1678CF;
        background: #E7F4FF;
    }

        .badge.status-blue::before {
            background-color: #1678CF;
        }

    .badge.status-amber {
        color: var(--c-warning-primary);
        background: #FFEEE2;
    }

        .badge.status-amber::before {
            background-color: var(--c-warning-primary);
        }

    .badge.status-purple {
        color: #9B51E0;
        background: #F9EAFF;
    }

        .badge.status-purple::before {
            background-color: #9B51E0;
        }

    .badge.status-purple2 {
        color: #B80BB5;
        background: #FFDEFE;
    }

        .badge.status-purple2::before {
            background-color: #B80BB5;
        }

    .badge.status-gray2 {
        color: #000;
        background: #E6E6E6;
        padding: 1px 15px 1px 15px;
    }

        .badge.status-gray2::before {
            display: none;
        }

.common-panel {
    box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.1490196078);
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 10px;
}

.common-panel-outer {
    margin-bottom: 33px;
}

    .common-panel-outer.common-panel-outer-support .common-panel {
        padding: 10px;
        min-height: 152px;
    }

    .common-panel-outer .common-panel-head {
        margin-bottom: 14px;
    }

        .common-panel-outer .common-panel-head .common-btn {
            min-width: 64px;
        }

    .common-panel-outer .common-panel {
        padding: 8px 17px 8px 20px;
        margin-bottom: 10px;
    }

.flex-1 {
    flex: 1;
}

.flex-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

.flex-list-shadow {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.1490196078);
    overflow: hidden;
}

    .flex-list-shadow a {
        width: 50px;
        height: 42px;
        padding: 4px;
        display: block;
        text-align: center;
        box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.1490196078);
    }

        .flex-list-shadow a img {
            width: 24px;
            margin: auto;
        }

.partner-img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #fff;
    box-shadow: none;
}

.common-accordion .accordion-header {
    padding: 6px;
}

.common-accordion .acc-icon {
    width: 30px;
    cursor: pointer;
    margin-right: 10px;
}

.common-accordion [aria-expanded=true] .acc-icon {
    rotate: 180deg;
    display: inline-block;
}

.common-accordion .accordion-button:not(.collapsed) .acc-icon {
    rotate: 0deg !important;
}

.common-accordion .accordion-item.notepad-panel .accordion-button {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    background: #E6E6E6 !important;
}

    .common-accordion .accordion-item.notepad-panel .accordion-button .flex-list:first-child li {
        margin-right: 10px;
    }

        .common-accordion .accordion-item.notepad-panel .accordion-button .flex-list:first-child li a {
            font-size: 18px;
            color: #000;
        }

    .common-accordion .accordion-item.notepad-panel .accordion-button .flex-list:last-child li {
        margin-left: 10px;
    }

        .common-accordion .accordion-item.notepad-panel .accordion-button .flex-list:last-child li a {
            font-size: 18px;
            color: #000;
        }

    .common-accordion .accordion-item.notepad-panel .accordion-button:not(.collapsed) {
        rotate: 0deg;
    }

        .common-accordion .accordion-item.notepad-panel .accordion-button:not(.collapsed) i.ph.ph-caret-up {
            rotate: 180deg !important;
            display: block;
        }

.drag-accordion-wrap .accordion-item {
    margin-bottom: 16px;
    border: 1px solid #D6D6D6;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.notepad-card-tab {
    padding: 16px 10px;
    display: flex;
}

    .notepad-card-tab .notepad-card-tab-left {
        width: 116px;
        height: 100px;
        overflow: auto;
    }

    .notepad-card-tab .notepad-card-tab-right {
        width: calc(100% - 116px);
        height: 100px;
        overflow: auto;
    }

    .notepad-card-tab .nav-tabs {
        border: 0;
        flex-direction: column;
    }

        .notepad-card-tab .nav-tabs .nav-item {
            margin-bottom: 10px;
        }

            .notepad-card-tab .nav-tabs .nav-item .nav-link {
                width: 106px;
                min-height: 46px;
                border-radius: 4px;
                font-size: 14px;
                line-height: 17.5px;
                text-align: left;
                color: #000000;
                text-align: left;
                padding: 6px;
                border: 0;
            }

                .notepad-card-tab .nav-tabs .nav-item .nav-link.active {
                    background: #D9D9D9;
                }

    .notepad-card-tab .tab-pane .p10.date-time {
        text-align: center;
        color: #A0A0A0;
    }

    .notepad-card-tab .tab-pane .p14.c-title {
        color: #000000;
        margin-bottom: 8px;
    }

i.ph.ph-caret-right {
    font-size: 14px;
    vertical-align: middle;
}

.dot-circle {
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: auto;
}

.chat-btn-icon {
    width: 70px;
    height: 70px;
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1490196078);
    background: #FFFFFF;
    text-align: center;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 999;
    padding-top: 15px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

@media screen and (max-width: 767px) {
    .chat-btn-icon {
        padding-top: 7px;
        width: 40px;
        height: 40px;
    }
}

.chat-btn-icon i {
    font-size: 40px;
    color: #000000;
}

@media screen and (max-width: 767px) {
    .chat-btn-icon i {
        font-size: 28px;
    }
}

.step-indicator {
    margin-top: 50px;
    display: flex;
    align-items: center;
    padding: 0;
    margin-bottom: 70px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    position: relative;
    margin-left: 50px;
    max-width: 1595px;
}

@media screen and (max-width: 767px) {
    .step-indicator {
        margin-left: 0;
        margin-bottom: 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .step-indicator {
        margin-left: 0;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .step-indicator {
        margin-left: 0;
    }
}

.step-indicator::after {
    content: "";
    width: calc(100% - 100px);
    height: 1px;
    background: #000;
    position: absolute;
    top: 25px;
    left: 50px;
}

@media screen and (max-width: 767px) {
    .step-indicator::after {
        width: 100%;
        left: 0;
        top: 15px;
    }
}

@media screen and (min-width: 1400px) {
    .step-indicator::after {
        content: "";
        width: calc(100% - 130px);
        top: 25px;
        left: 60px;
    }
}

.step-indicator .step-icon {
    height: 51px;
    width: 51px;
    border-radius: 50%;
    background: #000000;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    position: relative;
    line-height: 50px;
    font-size: 20px;
    border: 1px solid #000000;
    z-index: 5;
}

@media screen and (max-width: 767px) {
    .step-indicator .step-icon {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }
}

.step-indicator .step {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index: 1;
    height: 53px;
    width: 115px;
}

@media screen and (max-width: 767px) {
    .step-indicator .step {
        width: 30px;
        height: 30px;
    }
}

@media screen and (min-width: 1400px) {
    .step-indicator .step {
        width: 165px;
    }
}

.step-indicator .step p {
    text-align: center;
    color: #000000;
    font-size: 13px;
    position: relative;
    top: 10px;
    text-transform: capitalize;
    width: 100%;
    padding: 0 5px;
}

@media screen and (max-width: 767px) {
    .step-indicator .step p {
        font-size: 14px;
        display: none;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .step-indicator .step p {
        font-size: 12px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .step-indicator .step p {
        font-size: 12px;
    }
}

.step-indicator .step.active .step-icon {
    background: var(--c-warning-primary);
    color: #ffffff;
    border: 1px solid var(--c-warning-primary);
}

.step-indicator .step.active p {
    color: #000000;
}

.step-indicator .step.completed {
    position: relative;
}

    .step-indicator .step.completed::after {
        content: "";
        position: absolute;
        top: 25px;
        left: 80px;
        width: 110%;
        height: 2px;
        background: #037847;
        right: auto;
    }

@media screen and (min-width: 1900px) {
    .step-indicator .step.completed::after {
        width: 140%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .step-indicator .step.completed::after {
        width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .step-indicator .step.completed::after {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .step-indicator .step.completed::after {
        display: none !important;
    }
}

.step-indicator .step.completed .step-icon {
    background: #037847;
    color: #ffffff;
    border: 1px solid #037847;
}

.step-indicator .step.completed p {
    color: #000000;
}

.step-indicator .indicator-line {
    width: 100%;
    height: 2px;
    background: #A0A0A0;
    flex: 1;
}

    .step-indicator .indicator-line.active {
        background: #000000;
    }

h5.step-text-adj {
    position: absolute;
    top: 10px;
    left: -50px;
    z-index: 9;
}

@media screen and (max-width: 767px) {
    h5.step-text-adj {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    h5.step-text-adj {
        display: none;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    h5.step-text-adj {
        display: none;
    }
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #e9ecef;
}

.dataTables_wrapper .dataTables_paginate {
    margin-top: 0;
}

.matters-carousel {
    position: relative;
    margin-bottom: 0;
}

    .matters-carousel button.slick-bttn.slick-arrow {
        position: absolute;
        top: -3px;
        left: -20px;
        z-index: 9;
        border: 0;
        font-size: 24px;
        background: #fff;
    }

        .matters-carousel button.slick-bttn.slick-arrow.left {
            left: -20px;
            right: auto;
        }

@media screen and (max-width: 767px) {
    .matters-carousel button.slick-bttn.slick-arrow.left {
        left: -15px;
    }
}

.matters-carousel button.slick-bttn.slick-arrow.right {
    left: auto;
    right: -20px;
}

@media screen and (max-width: 767px) {
    .matters-carousel button.slick-bttn.slick-arrow.right {
        right: -15px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .matters-carousel button.slick-bttn.slick-arrow.right {
        right: -10px;
    }
}

.matters-carousel .slick-disabled {
    opacity: 0.4 !important;
    cursor: not-allowed !important;
}

.matters-carousel .slick-slide {
    text-align: center;
    white-space: nowrap;
    padding: 0 10px;
}

    .matters-carousel .slick-slide a {
        font-size: 14px;
        text-align: center;
        color: #000000;
        position: relative;
        display: inline-block;
    }

        .matters-carousel .slick-slide a span {
            display: inline;
        }

        .matters-carousel .slick-slide a::after {
            content: "";
            width: 63px;
            height: 2px;
            background: #A11E21;
            display: block;
            margin: 6px auto 0;
            opacity: 0;
        }

        .matters-carousel .slick-slide a.active::after {
            opacity: 1 !important;
        }

.search-form-groups {
    position: relative;
}

    .search-form-groups .search-btn {
        position: absolute;
        top: 7px;
        right: 10px;
        z-index: 9;
        border: 0;
        outline: 0;
        background: transparent;
    }

body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #A0A0A0;
    color: white;
}

body .select2-container--default .select2-selection--single {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

    body .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #000000;
        line-height: 40px;
    }

    body .select2-container--default .select2-selection--single .select2-selection__clear {
        cursor: pointer;
        float: right;
        font-weight: bold;
        height: 40px;
        margin-right: 35px;
        padding-right: 0px;
    }

.empty-usecase-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    text-align: center;
    min-height: 150px;
}

    .empty-usecase-panel .empty-icon {
        opacity: 0.5;
    }

        .empty-usecase-panel .empty-icon i {
            font-size: 48px;
            color: #000;
        }

    .empty-usecase-panel .empty-icon {
        margin-bottom: 15px;
    }

.bttn-link {
    color: #667085;
    font-size: 16px;
}

    .bttn-link:hover {
        color: #667085;
        text-decoration: underline;
    }

.text-gray {
    color: #667085;
}

.w-80 {
    width: 80%;
}

.w-300 {
    width: 300px;
}

.w-288 {
    width: 288px;
}

.mb20 {
    margin-bottom: 20px;
}

.append-form-groups {
    position: relative;
}

    .append-form-groups .form-control {
        padding-right: 40px;
    }

    .append-form-groups .append-icon {
        position: absolute;
        top: 5px;
        right: 12px;
        z-index: 1;
    }

.view-hide-btn .ph-eye-slash {
    display: none;
}

.strength-wrapper {
    display: flex;
    gap: 6px;
    margin-top: 6px;
}

    .strength-wrapper .line {
        flex: 1;
        height: 4px;
        background: #e0e0e0;
        border-radius: 4px;
        transition: background-color 0.3s ease-in-out, width 0.3s ease-in-out;
    }

    .strength-wrapper .l1.active {
        background: #ff4d4d;
    }

.strength-wrapper {
    /* Red */
}

    .strength-wrapper .l2.active {
        background: #ffcc00;
    }

.strength-wrapper {
    /* Yellow */
}

    .strength-wrapper .l3.active {
        background: #4CAF50;
    }

.strength-wrapper {
    /* Green */
}

    .strength-wrapper .blue-active {
        background: #2C4BCA;
    }

    .strength-wrapper .green-active {
        background: #60D93F;
    }

.back-bttn {
    font-size: 28px;
    font-weight: 900;
    margin-bottom: 28px;
    display: inline-block;
    line-height: normal;
}

    .back-bttn i.ph.ph-arrow-left {
        vertical-align: middle;
    }

.back-btn-abs-wrap {
    position: relative;
    padding-left: 30px;
}

    .back-btn-abs-wrap .back-bttn {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 15px;
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -320px;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog {
    left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

.modal-header {
    border-bottom-color: #EEEEEE;
    background-color: #FAFAFA;
}

.modal .close {
    border: 0;
    background: transparent;
    font-size: 20px;
}

    .modal .close span {
        font-size: 20px;
    }

.ai-suggestions-modal .modal-content {
    border-top-left-radius: 24px;
}

.ai-suggestions-modal .modal-header {
    background: #649119;
}

    .ai-suggestions-modal .modal-header .modal-title {
        font-weight: 500;
        color: #FFFFFF;
    }

    .ai-suggestions-modal .modal-header .close {
        color: #fff;
    }

.ai-suggestions-modal .modal-body {
    border-left: 1px solid rgba(0, 0, 0, 0.125);
}

.change-pass-wrap {
    background: #EBEFFB;
    padding: 24px;
    border-radius: 8px;
}

.bgc-brand-tint-40 {
    background-color: var(--c-brand-tint-40) !important;
}

.disc-ul {
    list-style: disc;
    margin-bottom: 24px;
}

    .disc-ul li {
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        color: #595959;
        list-style: disc;
        margin-bottom: 10px;
    }

.common-btn.btn.btn-1.btn-lg.dropdown-toggle {
    background: var(--c-brand-shade-30);
    color: #ffffff;
    border: 1px solid var(--c-brand-shade-30);
}

.common-btn.btn.btn-lg.btn-gray {
    background: #FFFFFF;
    color: #1F1F1F;
    border: 1px solid #D6D6D6;
}

.admin-stat-value {
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 600;
    color: var(--c-neutral-80);
}

.add-team-empty-card .btn-3.btn-lg {
    min-width: 60px;
    font-size: 14px;
    padding: 12px 16px;
    border-radius: 8px;
}

/* Left Menu */
.page-sidebar {
    width: 220px;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #191958;
    position: fixed;
    transition: all 0.5s;
    z-index: 999;
    left: 0;
    top: 0;
    padding: 20px 14px;
}

@media screen and (max-width: 767px) {
    .page-sidebar {
        left: -350px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .page-sidebar {
        left: -350px;
    }
}

.page-sidebar ul {
    padding: 0 10px 15px;
}

@media screen and (max-width: 767px) {
    .page-sidebar ul {
        padding: 0 15px 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .page-sidebar ul {
        padding: 0 15px 15px;
    }
}

.page-sidebar ul li {
    list-style-type: none;
}

    .page-sidebar ul li.active a {
        color: #ffffff;
    }

    .page-sidebar ul li a {
        display: flex;
        align-items: center;
        background: #191958;
        color: #ffffff;
        padding: 12px;
        font-size: 14px;
        width: 100%;
        padding-left: 43px;
    }

        .page-sidebar ul li a .icon-img {
            opacity: 1;
            /* vertically center icon relative to link content */
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 12px;
        }

        .page-sidebar ul li a.active {
            padding-left: 43px;
        }

            .page-sidebar ul li a.active .icon-img {
                opacity: 1;
            }

        .page-sidebar ul li a i.ph.ph-caret-down {
            font-size: 24px;
            margin-left: 10px;
        }

        .page-sidebar ul li a[aria-expanded=true] i.ph.ph-caret-down {
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
        }

        .page-sidebar ul li a.active {
            background: #FFFFFF;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -ms-border-radius: 8px;
            -o-border-radius: 8px;
            color: var(--c-brand-shade-30);
        }

            .page-sidebar ul li a.active .icon-img img {
                filter: none;
                -webkit-filter: none;
            }

        .page-sidebar ul li a:hover {
            text-decoration: none;
        }

        .page-sidebar ul li a:focus {
            text-decoration: none;
        }

        .page-sidebar ul li a i.fa {
            width: 50px;
            text-align: center;
            padding-right: 15px;
            transition: all 1s;
        }

        .page-sidebar ul li a:not([href]):not([class]),
        .page-sidebar ul li a:not([href]):not([class]):hover {
            color: #ffffff;
        }

    .page-sidebar ul li .accordion-body {
        padding: 0;
    }

    .page-sidebar ul li ul {
        padding-left: 43px;
        padding-bottom: 5px;
    }

@media screen and (max-width: 767px) {
    .page-sidebar ul li ul {
        padding-left: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .page-sidebar ul li ul {
        padding-left: 0;
    }
}

.page-sidebar ul li ul > li > a {
    padding-left: 0;
    padding-top: 3px;
    padding-bottom: 3px;
}

.page-sidebar ul .menu-heading {
    opacity: 0;
    padding: 10px 5px 10px 10px;
    font-size: smaller;
    border-bottom: 1px solid rgb(19.3584070796, 19.3584070796, 68.1415929204);
    transition: all 0.5s;
}

/* Right Content */
.page-header {
    transition: all 0.5s;
    margin-left: 220px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    position: relative;
}

    .page-header .dropdown {
        margin-left: 32px;
    }

@media screen and (max-width: 767px) {
    .page-header .dropdown {
        margin-left: 6px;
    }
}

@media screen and (min-width: 992px) {
    .page-header {
        margin-left: 70px;
    }
}

@media screen and (max-width: 767px) {
    .page-header {
        margin-left: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .page-header {
        margin-left: 0;
    }
}

.close-icon-a {
    width: 20px;
    height: 20px;
    background: #fff;
    color: #231F20;
    border-radius: 50%;
    display: block;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1490196078);
}

    .close-icon-a:hover {
        color: #191958;
    }

img.mb-logo {
    position: fixed;
    z-index: 999;
    top: 13px;
    left: 40px;
    height: 40px;
    filter: grayscale(1) invert(1);
    display: none;
}

@media screen and (max-width: 767px) {
    img.mb-logo {
        display: block;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    img.mb-logo {
        display: block;
    }
}

.left-menu-a {
    position: fixed;
    top: 14px;
    left: 8px;
    z-index: 999;
    padding: 3px;
    color: #191958;
    font-size: 24px;
}

@media screen and (min-width: 992px) {
    .left-menu-a {
        transition: all 0.5s !important;
        width: 20px;
        height: 20px;
        background: #fff;
        color: #231F20;
        border-radius: 50%;
        display: block;
        font-size: 14px;
        line-height: 25px;
        text-align: center;
        box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1490196078);
        position: fixed;
        top: 75px;
        left: 210px;
        z-index: 1999;
        padding: 3px;
        color: #191958;
        -webkit-transition: all 0.5s !important;
        -moz-transition: all 0.5s !important;
        -ms-transition: all 0.5s !important;
        -o-transition: all 0.5s !important;
    }
}

.left-menu-a:hover {
    color: #191958;
}

.left-menu-a i.ph.ph-caret-left {
    display: block;
}

@media screen and (max-width: 767px) {
    .left-menu-a i.ph.ph-caret-left {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .left-menu-a i.ph.ph-caret-left {
        display: none;
    }
}

.left-menu-a .show-mobile i.ph.ph-list {
    display: block;
}

.left-menu-a .show-mobile i.ph.ph-x {
    display: none;
}

.page-sidebar-flex {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
    padding: 0;
}

.profile-wrap {
    text-align: center;
    margin-bottom: 28px;
}

    .profile-wrap .avatar-wrap {
        margin-bottom: 10px;
    }

    .profile-wrap img.avatar-img {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .profile-wrap .p14 {
        color: #ffffff;
        white-space: nowrap;
    }

    .profile-wrap .p10 {
        color: #ffffff;
        white-space: nowrap;
    }

.panel-ul li .btn-5 {
    padding: 6px 16px;
    background-image: linear-gradient(to right, #5C8213 0%, #2F52E0 51%, #5C8213 100%);
    border-radius: 45px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    height: 50px;
    font-size: 14px;
    -ms-border-radius: 45px;
    -o-border-radius: 45px;
    border: 0;
    height: 50px;
    transition: 0.5s;
    background-size: 200% auto;
}

    .panel-ul li .btn-5:hover {
        background-position: right center;
        /* change the direction of the change here */
        color: #fff;
        text-decoration: none;
        opacity: 1;
    }

.panel-ul li a {
    margin-bottom: 12px;
}

    .panel-ul li a span {
        font-size: 14px;
        font-weight: 500;
    }

    .panel-ul li a .accordion-body a {
        white-space: normal;
    }

    .panel-ul li a .icon-img img {
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
        width: 16px;
    }

    .panel-ul li a .icon-img {
        position: absolute;
        top: 50%;
        left: 12px;
        transform: translateY(-50%);
        z-index: 9;
    }

.panel-ul li a {
    padding-left: 43px;
    position: relative;
}

.top.common-header {
    background: #FFFFFF;
    padding: 10px 0 10px;
    position: fixed;
    top: 0;
    left: auto;
    right: 0;
    z-index: 499;
    border-bottom: 1px solid #E8E8E8;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: stretch;
}

@media screen and (min-width: 992px) {
    .top.common-header {
        padding: 40px 0 10px;
    }
}

.top.common-header {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

    .top.common-header::after {
        content: "";
        width: 100%;
        height: 24px;
        background: #191958;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 3;
        display: none;
    }

@media screen and (min-width: 992px) {
    .top.common-header::after {
        display: block;
    }
}

@media screen and (min-width: 992px) {
    .top.common-header img.cc-h {
        position: absolute;
        top: 0px;
        left: -21px;
        z-index: 99;
        pointer-events: none;
        display: block;
        width: 94px;
    }
}

@media screen and (min-width: 992px) {
    .top.common-header {
        width: calc(100% - 220px);
    }
}

@media screen and (max-width: 767px) {
    .top.common-header {
        left: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .top.common-header {
        left: 0;
    }

        .top.common-header .common-header-top {
            margin-bottom: 15px !important;
        }
}

.top.common-header .common-header-top .common-header-top1 {
    width: 160px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .top.common-header .common-header-top .common-header-top1 {
        text-align: left;
        position: absolute;
        width: 110px;
        height: 60px;
        z-index: 99;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .top.common-header .common-header-top .common-header-top1 {
        width: 10%;
        text-align: left;
    }
}

.top.common-header .common-header-top .common-header-top1 img {
    max-width: 100%;
}

@media screen and (max-width: 767px) {
    .top.common-header .common-header-top .common-header-top1 .logo-img {
        width: 60px;
        position: relative;
        top: -10px;
        left: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .top.common-header .common-header-top .common-header-top1 .logo-img {
        width: 60px;
        position: relative;
        top: -10px;
        left: 10px;
    }
}

.top.common-header .common-header-top .common-header-top2 {
    width: calc(100% - 160px);
}

@media screen and (max-width: 767px) {
    .top.common-header .common-header-top .common-header-top2 {
        width: 100%;
        flex: inherit;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .top.common-header .common-header-top .common-header-top2 {
        width: 90%;
        flex: inherit;
    }
}

.top.common-header .common-header-top .common-header-top-menu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    padding-left: 10px;
}

@media screen and (max-width: 767px) {
    .top.common-header .common-header-top .common-header-top-menu {
        justify-content: end;
        padding-left: 10px;
        margin-bottom: 15px;
    }
}

.top.common-header .common-header-top .common-header-top-menu a {
    display: block;
    margin: 0 12px;
}

@media screen and (max-width: 767px) {
    .top.common-header .common-header-top .common-header-top-menu a {
        margin: 0 8px;
    }
}

.top.common-header .common-header-top .common-header-top-menu a:hover {
    opacity: 0.7;
}

.top.common-header .common-header-top .common-header-top-menu a i,
.top.common-header .common-header-top .common-header-top-menu a span {
    display: block;
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    letter-spacing: -0.02em;
    text-align: center;
}

.top.common-header .common-header-top .common-header-top-menu a i {
    font-size: 20px;
}

.top.common-header .common-header-top .common-header-top-menu a span {
    padding-top: 5px;
}

.top.common-header .common-header-top .common-header-top2-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

    .top.common-header .common-header-top .common-header-top2-inner button.common-btn.btn.btn-1.btn-lg {
        height: 40px;
    }

@media screen and (max-width: 767px) {
    .top.common-header .common-header-top .common-header-top2-inner {
        flex-direction: row-reverse;
        margin-right: 0;
    }
}

.common-header-bottom-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}

@media screen and (max-width: 767px) {
    .common-header-bottom-wrapper {
        flex-direction: column-reverse;
    }
}

.common-header-bottom {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: start;
    align-content: stretch;
    padding-left: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

@media screen and (max-width: 767px) {
    .common-header-bottom {
        border-top: 1px solid #ccc;
        width: 100%;
        padding-left: 10px;
    }
}

.common-header-bottom .common-header-bottom1,
.common-header-bottom .common-header-bottom2,
.common-header-bottom .common-header-bottom3 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

.common-header-bottom .common-header-bottom1 {
    margin-right: 20px;
    position: relative;
    top: -6px;
}

.common-header-bottom .common-header-bottom2 {
    margin-right: 20px;
}

    .common-header-bottom .common-header-bottom2 a {
        margin-right: 18px;
    }

        .common-header-bottom .common-header-bottom2 a:hover {
            opacity: 0.7;
        }

        .common-header-bottom .common-header-bottom2 a i {
            color: #A11E21;
            font-size: 20px;
            vertical-align: middle;
            margin-right: 3px;
        }

    .common-header-bottom .common-header-bottom2 a {
        font-size: 14px;
        text-align: center;
        color: #000000;
    }

.common-header-bottom .common-header-bottom3 a {
    margin-right: 18px;
    font-size: 14px;
    line-height: 16.8px;
    text-align: center;
    color: #A0A0A0;
    text-align: right;
}

    .common-header-bottom .common-header-bottom3 a:hover {
        opacity: 0.7;
    }

    .common-header-bottom .common-header-bottom3 a span {
        display: block;
    }

    .common-header-bottom .common-header-bottom3 a .try-now {
        border-radius: 30px;
        background: #000000;
        font-size: 9px;
        font-weight: 400;
        text-align: center;
        color: #FFFFFF;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -ms-border-radius: 30px;
        -o-border-radius: 30px;
        display: inline-block;
        text-transform: uppercase;
        padding: 0 8px;
        height: 14px;
    }

.page-body {
    padding: 120px 30px 36px 260px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
}

@media screen and (max-width: 767px) {
    .page-body {
        padding: 90px 15px 35px 15px;
        overflow: hidden;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .page-body {
        padding: 90px 15px 35px 15px;
        overflow: hidden;
    }
}

/* Custom scrollbar */
.page-main ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.page-main ::-webkit-scrollbar-track {
    border-radius: 10px;
}

.page-main ::-webkit-scrollbar-thumb {
    background-color: #A0A0A0;
    border-radius: 10px;
}

    .page-main ::-webkit-scrollbar-thumb:hover {
        background-color: #A0A0A0;
    }

@media screen and (min-width: 992px) {
    .page-main.panel-collapse .left-menu-a {
        rotate: 180deg;
    }
}

@media screen and (min-width: 992px) {
    .page-main.panel-collapse .top.common-header {
        width: calc(100% - 50px);
    }
}

@media screen and (min-width: 992px) {
    .page-main.panel-collapse .page-sidebar {
        width: 60px;
        left: 0;
        padding: 20PX 0;
    }

        .page-main.panel-collapse .page-sidebar .panel-ul-2.panel-ul .common-btn.btn.btn-5.btn-lg.w-100 {
            padding-left: 10px;
        }

        .page-main.panel-collapse .page-sidebar .profile-wrap .avatar-wrap img.logo-img {
            position: relative;
            left: 4px;
        }
}

@media screen and (max-width: 767px) {
    .page-main.panel-collapse .page-sidebar {
        width: 260px;
        left: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .page-main.panel-collapse .page-sidebar {
        width: 300px;
        left: 0;
    }
}

@media screen and (min-width: 992px) {
    .page-main.panel-collapse .page-body {
        padding-left: 95px;
    }
}

@media screen and (min-width: 992px) {
    .page-main.panel-collapse .profile-wrap .p14,
    .page-main.panel-collapse .profile-wrap .p10 {
        opacity: 0;
    }
}

.page-main.panel-collapse .profile-wrap img.avatar-img {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
}

@media screen and (min-width: 992px) {
    .page-main.panel-collapse .page-sidebar ul li a {
        padding-left: 20px;
        width: 46px;
    }

        .page-main.panel-collapse .page-sidebar ul li a i.ph.ph-caret-down {
            display: none;
        }
}

@media screen and (max-width: 767px) {
    .page-main.panel-collapse .page-sidebar ul li a {
        padding-left: 40px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .page-main.panel-collapse .page-sidebar ul li a {
        padding-left: 40px;
    }
}

@media screen and (min-width: 992px) {
    .page-main.panel-collapse .panel-ul li .btn-5 {
        background: transparent;
        border: 0;
        padding: 0;
    }

        .page-main.panel-collapse .panel-ul li .btn-5 span {
            opacity: 0;
            width: 16px;
            display: inline-block;
        }
}

@media screen and (min-width: 992px) {
    .page-main.panel-collapse .left-menu-a {
        left: 48px;
    }
}

.page-main.panel-collapse .page-sidebar ul .icon-img {
    left: 12px;
    opacity: 1 !important;
}

@media screen and (min-width: 992px) {
    .page-main.panel-collapse .page-sidebar ul {
        padding: 0 5px;
    }

        .page-main.panel-collapse .page-sidebar ul a span {
            opacity: 0;
            width: 0;
            display: inline-block;
        }

        .page-main.panel-collapse .page-sidebar ul a .sidebar-label {
            white-space: nowrap;
        }
}

.hide-sidebar-btn {
    position: absolute;
    top: 10px;
    left: 310px;
    color: #fff;
    font-size: 28px;
    display: none;
    opacity: 0;
    z-index: -9;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

@media screen and (max-width: 767px) {
    .hide-sidebar-btn {
        display: inline-block;
        left: 270px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .hide-sidebar-btn {
        display: inline-block;
    }
}

@media (max-width: 991.98px) {
    .page-main.panel-collapse .hide-sidebar-btn {
        opacity: 1 !important;
        z-index: 999999 !important;
    }

    .page-main.panel-collapse .sidebar-overlay {
        --bs-backdrop-zindex: 499;
        --bs-backdrop-bg: #000;
        --bs-backdrop-opacity: 0.5;
        position: fixed;
        top: 0;
        left: 0;
        z-index: var(--bs-backdrop-zindex);
        width: 100vw;
        height: 100vh;
        background-color: var(--bs-backdrop-bg);
        opacity: var(--bs-backdrop-opacity);
    }
}

span.no-span {
    background: #BD1919;
    color: #fff;
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    position: absolute;
    bottom: 0px;
    right: -5px;
    z-index: 9;
}

.td-menu-a i {
    color: #667085;
    font-size: 22px;
}

.td-menu-a {
    position: relative;
    width: 30px;
    height: 30px;
    padding: 4px;
    margin: auto;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}

    .td-menu-a:hover {
        background: #E6E6E6;
    }

.td-menu-b .left-wrap {
    margin-right: 12px;
}

.td-menu-b i.ph.ph-caret-down {
    font-size: 12px;
}

.td-menu-b .avatar {
    width: 32px;
    height: 32px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}

.dropdown-menu-wrap .dropdown-menu {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

    .dropdown-menu-wrap .dropdown-menu .dropdown-item {
        font-weight: 500;
        font-size: 14px;
        color: #595959;
    }

        .dropdown-menu-wrap .dropdown-menu .dropdown-item .ph {
            margin-right: 12px;
        }

.dropdown-notification-wrap hr {
    background-color: #D6D6D6;
    opacity: 1;
}

.dropdown-notification-wrap .dropdown-menu {
    padding: 16px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    min-width: 286px;
    right: -20px;
    left: auto;
}

.noti-flex {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

    .noti-flex .left-wrap .circle-span {
        width: 40px;
        height: 40px;
        background: #EAF5F6;
        color: #5DBAC1;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        align-content: stretch;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        -ms-border-radius: 100px;
        -o-border-radius: 100px;
    }

    .noti-flex .p14 {
        color: #172B4D;
    }

    .noti-flex .p12 {
        color: #595959;
    }

.footer-info {
    text-align: center;
    background: #ffffff;
    font-size: 12px;
    padding: 6px 0;
}

@media screen and (min-width: 768px) {
    .footer-info {
        bottom: 0px;
        z-index: 3;
        position: fixed;
    }
}

.login-panel {
    max-width: 374px;
    margin: auto;
}

.login-section .login-bg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100vh;
    right: auto;
    z-index: 9;
}

.login-section .login-logo {
    position: fixed;
    top: 50%;
    left: 20px;
    z-index: 15;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.provider-login {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    font-size: 14px;
    color: #1F1F1F;
    padding: 10px 20px;
    margin-bottom: 16px;
    border: 1px solid rgba(9, 30, 66, 0.1411764706);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    height: 77px;
    gap: 4px;
}

    .provider-login:hover {
        border-color: #191958 !important;
    }

.br-10 {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
}

.br-16 {
    border-radius: 16px !important;
    -webkit-border-radius: 16px !important;
    -moz-border-radius: 16px !important;
    -ms-border-radius: 16px !important;
    -o-border-radius: 16px !important;
}

.email-info-edit {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    font-size: 14px;
    color: #1F1F1F;
    padding: 6px 10px;
    border: 1px solid rgba(9, 30, 66, 0.1411764706);
    border-radius: 100px;
    max-width: 260px;
    margin: auto;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    gap: 4px;
}

.email-avatar {
    width: 24px;
    height: 24px;
    display: block;
    text-align: center;
    background: #AE4787;
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 100px;
    text-transform: uppercase;
    padding: 1px;
}

.form-groups.otp-form-groups {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
    gap: 16px;
}

    .form-groups.otp-form-groups .form-control {
        height: 48px;
        font-size: 24px;
        color: #172B4D;
        text-align: center;
    }

button.team-filter.form-control {
    height: auto;
    min-height: 48px;
    white-space: normal;
    word-break: break-word;
}

.animRotateA {
    animation: animRotate 2s linear infinite;
    -webkit-animation: animRotate 2s linear infinite;
    display: inline-block;
}

@keyframes animRotate {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.form-checkbox-adj .checkbox-input {
    display: none;
}

    .form-checkbox-adj .checkbox-input:checked ~ label .provider-login .ph-check-circle {
        display: block;
    }

    .form-checkbox-adj .checkbox-input:checked ~ label .provider-login .ph-circle {
        display: none;
    }

    .form-checkbox-adj .checkbox-input ~ label {
        width: 100%;
    }

        .form-checkbox-adj .checkbox-input ~ label .provider-login .ph-check-circle {
            color: #191958;
            display: none;
            font-size: 22px;
        }

        .form-checkbox-adj .checkbox-input ~ label .provider-login .ph-circle {
            color: #D6D6D6;
            font-size: 22px;
        }

.required-span {
    background: #F15D6B;
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    color: #FFFFFF;
    padding: 4px 6px;
    margin-left: 4px;
}

.plan-section {
    background: url("../img/plan-bg.jpg") repeat-y center top;
    min-height: 100vh;
    background-size: cover;
}

.plan-card {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 12px;
    padding: 18px 32px;
    text-align: left;
    margin-bottom: 30px;
}

.plan-check {
    margin-bottom: 24px;
}

    .plan-check li {
        margin-bottom: 16px;
        position: relative;
        padding-left: 32px;
        font-size: 14px;
        font-weight: 400;
        color: #172B4D;
    }

        .plan-check li .ph-check {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 9;
            font-weight: 600;
            color: #1F1F1F;
        }

.plan-head {
    min-height: 332px;
}

.common-nav-pills {
    margin: 0 auto 30px;
    text-align: center;
    justify-content: center;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    overflow: hidden;
    border: 1px solid #BAEC08;
    width: -moz-fit-content;
    width: fit-content;
}

    .common-nav-pills .nav-link {
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #FFFFFF;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

        .common-nav-pills .nav-link.active {
            background: #BAEC08;
            color: #191958;
        }

.picker-wrap {
    position: relative;
}

    .picker-wrap .ph {
        position: absolute;
        top: 8px;
        right: 8px;
        z-index: 3;
        pointer-events: none;
    }

.setup-page-inner {
    position: relative;
    max-width: 517px;
    margin: auto;
}

    .setup-page-inner .setup-page-top {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        align-content: stretch;
        margin-bottom: 8px;
    }

@media screen and (max-width: 767px) {
    .setup-page-inner .setup-page-top .header3 {
        font-size: 18px;
    }
}

.setup-page-inner .setup-step {
    margin-bottom: 32px;
}

.setup-page-inner .setup-form {
    margin-bottom: 48px;
}

.common-new-page-inner {
    position: relative;
    max-width: 1900px;
    margin: auto;
}

    .common-new-page-inner .settings-page-top {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        align-content: stretch;
        margin-bottom: 8px;
    }

@media screen and (max-width: 767px) {
    .common-new-page-inner .settings-page-top .header3 {
        font-size: 18px;
    }
}

.common-new-page-inner .common-new-form {
    margin-bottom: 48px;
}

.dropzone-inner .dropzone {
    border: 2px dashed #D6D6D6;
    border-radius: 12px;
    background: #F5F5F5;
    position: relative;
}

    .dropzone-inner .dropzone .dz-message {
        margin: 13px 0 0;
    }

.common-dropzone .file-button-wrapper {
    position: relative;
    display: inline-block;
}

.common-dropzone .file-overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.common-dropzone .dropzone-file-overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.scroll-sect {
    position: relative;
    max-height: 400px;
    overflow-y: auto;
    padding-left: 6px;
}

    .scroll-sect li {
        padding: 16px 0;
        border-bottom: 1px solid rgba(9, 30, 66, 0.1411764706);
    }

.scroll-sect2 {
    position: relative;
    max-height: 400px;
    overflow-y: auto;
    padding-left: 6px;
}

    .scroll-sect2 .avtar {
        width: 32px;
        height: 32px;
    }

    .scroll-sect2 li {
        padding: 6px 0;
    }

.scroll-sect3 {
    position: relative;
    padding-left: 6px;
}

    .scroll-sect3 li {
        padding: 6px 0;
        border-bottom: 1px solid rgba(9, 30, 66, 0.1411764706);
    }

.scroll-sect4 {
    position: relative;
    padding-left: 6px;
}

    .scroll-sect4 li {
        padding: 6px 0;
    }

        .scroll-sect4 li:not(:last-child) {
            border-bottom: 1px solid rgba(9, 30, 66, 0.1411764706);
        }

.setup-page-bottom {
    position: relative;
}

    .setup-page-bottom a,
    .setup-page-bottom button {
        margin-bottom: 6px;
    }

@media screen and (min-width: 768px) {
    .setup-page-bottom .btn-left-adj {
        position: absolute;
        left: 0;
        z-index: 3;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
}

.alert-secondary {
    background: #F5F5F5;
    border: transparent;
}

@media screen and (min-width: 768px) {
    .mw-318 {
        max-width: 318px !important;
        width: 100% !important;
    }
}

@media screen and (min-width: 768px) {
    .mw-384 {
        max-width: 384px !important;
        width: 100% !important;
    }
}

@media screen and (min-width: 768px) {
    .mw-567 {
        max-width: 567px !important;
        width: 100% !important;
    }
}

@media screen and (min-width: 768px) {
    .mw-550 {
        max-width: 550px !important;
        width: 100% !important;
    }
}

@media screen and (min-width: 768px) {
    .mw-826 {
        max-width: 1200px !important;
        width: 100% !important;
    }
}

.modal-title {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    color: #1F1F1F;
}

.price-flag-wrap .form-control {
    padding-left: 30px;
}

.price-flag-wrap .price-flag {
    position: absolute;
    left: 12px;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.alert-green {
    color: #649119;
    border: 1px solid #92BF19;
    padding: 4px 10px;
    border-radius: 26px;
    background: #F8FCE8;
}

.btn-icon {
    background: transparent;
    border: 0;
    margin-left: 12px;
}

    .btn-icon i {
        color: #595959;
        font-size: 18px;
    }

    .btn-icon::after {
        display: none;
    }

.dropdown-menu-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: stretch;
}

    .dropdown-menu-list .dropdown-menu hr {
        margin: 8px 0;
    }

    .dropdown-menu-list .dropdown-center {
        position: relative;
    }

.c-daterange .form-control {
    width: 10px;
    height: 2px;
    display: block;
    padding: 0;
}

.c-daterange i.ph.ph-calendar-blank {
    position: relative;
    top: 10px;
}

.drag-btn {
    font-size: 32px;
    cursor: move;
    padding: 6px;
}

.drag-sm-btn {
    font-size: 18px;
    cursor: move;
}

.tag-dropdown-menu ul:not(:last-child) {
    border-bottom: 1px solid rgba(9, 30, 66, 0.1411764706);
    margin-bottom: 12px;
}

.tag-dropdown-menu ul li {
    padding: 6px 0;
    border-bottom: 0;
}

.litepicker .container__days .day-item.is-end-date,
.litepicker .container__days .day-item.is-start-date {
    background-color: #191D9C;
}

.litepicker .container__days .day-item.is-in-range {
    background-color: #C6CFF5;
}

.litepicker .container__months {
    box-shadow: none !important;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

    .litepicker .container__months .month-item-header div > .month-item-name,
    .litepicker .container__months .month-item-header div > .month-item-year {
        height: 32px;
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        color: #000000;
        border: 1px solid #A0A0A0;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        padding: 4px 12px;
    }

.form-check-common .form-check-label {
    font-size: 14px;
    color: #000000;
    font-weight: 500;
    cursor: pointer;
}

    .form-check-common .form-check-label .form-check-input:checked {
        background-color: #47C026;
        border-color: #47C026;
    }

.common-new-tabs {
    overflow-x: auto;
    margin-bottom: 24px;
    padding-bottom: 4px;
}

.common-new-tabs-ul {
    border-bottom: 1px solid rgba(9, 30, 66, 0.1411764706);
    display: flex;
    flex-wrap: nowrap;
}

    .common-new-tabs-ul li {
        margin-right: 6px;
    }

        .common-new-tabs-ul li a {
            font-style: normal;
            font-weight: 500;
            font-size: 12px;
            color: #44546F;
            padding: 6px 6px;
            display: inline-block;
            position: relative;
            white-space: nowrap;
        }

            .common-new-tabs-ul li a:hover {
                color: #44546F;
            }

            .common-new-tabs-ul li a .no-count {
                margin-left: 10px;
            }

            .common-new-tabs-ul li a .no-span-text {
                width: 14px;
                height: 14px;
                font-size: 10px;
            }

            .common-new-tabs-ul li a::after {
                content: "";
                bottom: 0;
                left: 0;
                right: 0;
                z-index: 3;
                height: 2px;
                background: #172B4D;
                opacity: 0;
                position: absolute;
            }

            .common-new-tabs-ul li a.active {
                color: #172B4D;
            }

                .common-new-tabs-ul li a.active::after {
                    opacity: 1;
                }

.common-dashboard-tabs {
    overflow-x: auto;
    margin-bottom: 24px;
    padding-bottom: 4px;
}

.common-dashboard-tabs-ul {
    border: 1px solid #D6D6D6;
    display: flex;
    flex-wrap: nowrap;
    padding: 8px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    justify-content: space-between;
}

    .common-dashboard-tabs-ul li {
        margin-right: 6px;
    }

        .common-dashboard-tabs-ul li a {
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            color: #44546F;
            padding: 6px 8px;
            display: inline-block;
            position: relative;
            white-space: nowrap;
        }

            .common-dashboard-tabs-ul li a.active {
                background-color: #19646D;
                color: #fff;
                height: 32px;
                border-radius: 8px;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                -ms-border-radius: 8px;
                -o-border-radius: 8px;
            }

.profile-upload-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
}

    .profile-upload-wrap .avatar-wrap {
        position: relative;
    }

    .profile-upload-wrap .avatar {
        width: 96px;
        height: 96px;
        border: 2px solid #d1d5db;
        border-radius: 50%;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #fff;
    }

        .profile-upload-wrap .avatar img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

        .profile-upload-wrap .avatar i {
            font-size: 32px;
            color: #6b7280;
        }

    .profile-upload-wrap .camera-btn {
        position: absolute;
        bottom: -2px;
        right: -2px;
        width: 28px;
        height: 28px;
        background: #191958;
        border-radius: 6px;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .profile-upload-wrap .upload-btn {
        padding: 12px 14px;
        border: 1.5px solid #191958;
        background: #fff;
        color: #191958;
        border-radius: 8px;
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        height: 48px;
    }

        .profile-upload-wrap .upload-btn:hover {
            background: #eef2ff;
        }

    .profile-upload-wrap .upload-note {
        margin-top: 6px;
        font-size: 16px;
        color: #6b7280;
    }

.bootstrap-tagsinput {
    font-size: 14px;
    line-height: 20px;
    text-align: left;
    color: #000000;
    border: 1px solid #A0A0A0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .bootstrap-tagsinput .tag {
        background: #EBEFFB;
        color: #1F1F1F;
        padding: 1px 10px;
        border-radius: 4px;
        margin: 1px;
        font-size: 13px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }

        .bootstrap-tagsinput .tag [data-role=remove] {
            margin-left: 6px;
            cursor: pointer;
        }

.text-muted {
    font-size: 12px;
    color: #7A7A7A;
    font-weight: 400;
    line-height: normal !important;
}

.role-toggle {
    border: 1px solid #1f1f1f;
    border-radius: 999px;
    padding: 3px;
    font-family: "Montserrat", sans-serif;
}

    .role-toggle .role-btn {
        border: none;
        background: transparent;
        padding: 4px 12px;
        border-radius: 999px;
        font-size: 12px;
        font-weight: 500;
        color: #1f1f1f;
        line-height: 1.2;
    }

        .role-toggle .role-btn.active {
            background: #1b1f6a;
            color: #fff;
        }

.alert-danger {
    font-size: 14px;
    color: #EB192B;
    line-height: 20px;
    text-align: center;
    border: 1px solid #F15D6B;
    background: #FCE7E9;
}

.alert-danger2 {
    font-size: 14px;
    color: #EB192B;
    line-height: 20px;
    text-align: center;
    border: 1px solid #FCA5A5;
    background: #FEF3F2;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}

.alert-warning2 {
    font-size: 14px;
    color: #7B3306;
    line-height: 20px;
    text-align: center;
    border: 1px solid #FEE685;
    background: #FFFBEB;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

    .alert-warning2 i.ph.ph-info {
        color: #E17100;
        margin-right: 12px;
        font-size: 23px;
    }

    .alert-warning2 .p16 {
        color: #7B3306;
    }

    .alert-warning2 .p14 {
        color: #973C00;
    }

.alert-danger3 {
    font-size: 14px;
    color: #BD1919;
    line-height: 20px;
    text-align: center;
    border: 1px solid #FFA2A2;
    background: #FEF2F2;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

    .alert-danger3 i.ph.ph-info {
        color: #E17100;
        margin-right: 12px;
        font-size: 23px;
    }

    .alert-danger3 .p16 {
        color: #BD1919;
    }

    .alert-danger3 .p14 {
        color: #BD1919;
    }

.reject-card {
    background: #FCE7E9;
    padding: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

    .reject-card p {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        color: #595959;
        margin-bottom: 4px;
    }

.avtar {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.role-table-wrap {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    overflow-x: auto;
    border: 1px solid #D6D6D6;
}

.role-table > :not(:first-child) {
    border-top: 0;
}

.role-table thead th {
    background: #EBEFFB;
    font-size: 14px;
    color: #595959;
    font-weight: 400;
    height: 43px;
    border: 0;
    vertical-align: middle;
}

.role-table td {
    vertical-align: middle;
}

.attachments-table-wrap {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    overflow-x: auto;
    border: 1px solid #D6D6D6;
}

.attachments-table > :not(:first-child) {
    border-top: 0;
}

.attachments-table tfoot th,
.attachments-table thead th {
    background: #EBEFFB;
    font-size: 14px;
    color: #595959;
    font-weight: 400;
    height: 43px;
    border: 0;
    vertical-align: middle;
}

.attachments-table td {
    vertical-align: middle;
    color: #1F1F1F;
    font-size: 14px;
}

    .attachments-table td i.ph.ph-file.c-brand-primary {
        font-size: 18px;
        margin-right: 6px;
    }

.empty-state {
    max-width: 420px;
    margin: auto;
    padding: 32px 24px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}

    .empty-state .empty-state-top {
        min-height: 190px;
    }

    .empty-state .icon-wrap {
        width: 72px;
        height: 72px;
        background: #eef2ff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 16px;
    }

        .empty-state .icon-wrap i {
            font-size: 32px;
            color: #4f46e5;
        }

    .empty-state .title {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 8px;
        color: #1F1F1F;
    }

    .empty-state .description {
        font-size: 12px;
        color: #7A7A7A;
        line-height: 1.6;
        margin-bottom: 16px;
    }

    .empty-state .note {
        font-size: 12px;
        color: #1F1F1F;
        display: flex;
        justify-content: center;
        gap: 6px;
        align-items: center;
        margin-bottom: 20px;
    }

    .empty-state .btn-add {
        padding: 8px 16px;
        border-radius: 8px;
        font-size: 13px;
    }

.no-span-text {
    width: 22px;
    height: 22px;
    border-radius: 50px;
    background: #EBEFFB;
    font-size: 12px;
    font-weight: 400;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    display: inline-block;
    text-align: center;
}

.dropdown-menu {
    min-width: 6rem;
}

.common-card {
    border: 1px solid #D6D6D6;
    padding: 16px;
    border-radius: 24px;
    margin-bottom: 24px;
}

    .common-card .title {
        font-size: 16px;
        font-weight: 700;
        color: #1F1F1F;
        margin-bottom: 8px;
    }

.trial-common-card {
    background: #2C2C7C;
    background: linear-gradient(0deg, rgb(44, 44, 124) 0%, rgb(26, 26, 91) 100%);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 24px;
}

    .trial-common-card .btn-1 {
        background: transparent;
        border: 1px solid #ffffff;
    }

.progress {
    height: 8px;
}

    .progress .progress-bar {
        margin-bottom: 0;
    }

.common-progress {
    background: #E8E8E8;
}

.common-progress2 {
    background: #C6CFF5;
}

    .common-progress2 .progress-bar {
        background: #191958;
    }

.status-active {
    background: #E6F4EA;
    color: #47C026;
    font-weight: 500;
    border-radius: 30px;
    font-size: 12px;
    padding: 5px 10px;
    display: inline-block;
}

.plan-check-b-l {
    border-left: 1px solid #D6D6D6;
    padding-left: 26px;
}

@media screen and (max-width: 767px) {
    .plan-check-b-l {
        padding-left: 0;
        padding-top: 16px;
        border-left: 0;
    }
}

.project-card .card {
    background: #fff;
    border-radius: 14px;
    border: 1px solid #D6D6D6;
    overflow: hidden;
    margin-bottom: 24px;
}

.project-card .card-top {
    display: flex;
    padding: 16px;
}

@media screen and (max-width: 991px) {
    .project-card .card-top {
        flex-wrap: wrap;
    }
}

.project-card .card-img {
    width: 184px;
    height: 108px;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .project-card .card-img {
        width: 104px;
        height: 78px;
    }
}

@media screen and (max-width: 991px) {
    .project-card .card-img {
        width: 100%;
        height: 200px;
        margin-bottom: 16px;
    }
}

.project-card .card-content {
    flex: 1;
}

@media screen and (min-width: 768px) {
    .project-card .card-content {
        padding-left: 16px;
    }
}

.project-card .card-content h3 {
    margin: 0 0 8px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #1F1F1F;
}

.project-card .progress-info {
    display: flex;
    align-items: center;
    gap: 20px;
}

.project-card .label {
    font-size: 12px;
    color: #284B80;
    margin: 0;
}

.project-card .value {
    font-size: 14px;
    font-weight: 600;
    margin: 2px 0 0;
    color: #172B4D;
}

.project-card .divider {
    width: 1px;
    height: 36px;
    background: #e5e5e5;
}

.project-card {
    /* Budget section */
}

    .project-card .budget {
        background: #EBEFFB;
        padding: 16px 21px;
    }

    .project-card .budget-header {
        display: flex;
        justify-content: space-between;
        font-size: 12px;
        margin-bottom: 10px;
        color: #000000;
    }

    .project-card .common-progress2 {
        margin-bottom: 8px;
    }

    .project-card .used {
        color: #000000;
        float: right;
    }

    .project-card .progress-bar {
        width: 100%;
        height: 8px;
        background: #d9defb;
        border-radius: 10px;
        overflow: hidden;
    }

    .project-card .progress-fill {
        width: 65%;
        height: 100%;
        background: #4b5cff;
    }

    .project-card .budget-amount {
        font-size: 12px;
        color: #000000;
    }

.badges {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.badge {
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

    .badge.default {
        color: #1F1F1F;
        background: #fff;
    }

    .badge.gray, .badge.to-do {
        background: #F5F5F5;
        color: #3D3D3D;
    }

    .badge.purple, .badge.in-progress {
        background: #DDB9F9;
        color: #5B1979;
    }

    .badge.red-l, .badge.overdue {
        border: 1px solid #C34119;
        background: #C34119;
        color: #ffffff;
    }

    .badge.days-left {
        background: #F15D6B;
        color: #ffffff;
    }

    .badge.red {
        background: #F9B9BF;
        color: #791919;
    }

    .badge.awaiting-signoff {
        background: #F9B9BF;
        color: #791919;
    }

    .badge.low {
        background: #7A7A7A;
        color: #fff;
    }

    .badge.normal {
        background: #2C4BCA;
        color: #ffffff;
    }

    .badge.bg-primary {
        background: #191958;
        color: #ffffff;
    }

    .badge.bg-gray {
        background: #F3F4F6;
        color: #364153;
    }

    .badge.high {
        background: #BD1919;
        color: #fff;
    }

    .badge.red-solid {
        border: 1px solid #BD1919;
        background: #BD1919;
        color: #ffffff;
    }

    .badge.green, .badge.completed {
        background: #CAF2BF;
        color: #37951D;
    }

    .badge.green2 {
        background: #E3FCEF;
        color: #006644;
    }

    .badge.blue2 {
        color: #0052CC;
        background: #E8F4FD;
    }

    .badge.gray2 {
        color: #42526E;
        background: #F4F5F7;
    }

    .badge.orange, .badge.on-hold {
        background: #FAD3BD;
        color: #C34119;
    }

    .badge.purple, .badge.awaiting-internal-approval {
        background: #DDB9F9;
        color: #7b3fe4;
    }

    .badge.red {
        background: #F9B9BF;
        color: #791919;
    }

    .badge.red-solid {
        background: #BD1919;
        color: #FDF0E8;
    }

    .badge.red-l {
        background: #FCE7E9;
        color: #EB192B;
    }

    .badge.red-l2 {
        background: #F9B9BF;
        color: #791919;
    }

    .badge.red-l3 {
        background: #FCE7E9;
        color: #EB192B;
    }

    .badge.blue-l {
        color: #404040;
        background: #EBEFFB;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }

    .badge.yellow {
        background: #FFEDD4;
        color: #CA3500;
    }

.folder-card-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    gap: 16px;
}

    .folder-card-flex .folder-card {
        /* Container */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 16px;
        gap: 10px;
        width: 182px;
        height: 180px;
        background: #ffffff;
        border: 1px solid #e8e8e8;
        border-radius: 16px;
    }

.folder-card-flex {
    /* Folder icon */
}

    .folder-card-flex .folder-icon {
        width: 58px;
        height: 58px;
        background: #FFB84D;
        position: relative;
        margin: auto;
    }

        .folder-card-flex .folder-icon::before {
            content: "";
            position: absolute;
            top: -6px;
            left: 6px;
            width: 18px;
            height: 8px;
            background: #ffb84d;
            border-radius: 4px 4px 0 0;
        }

.folder-card-flex {
    /* Title */
}

    .folder-card-flex .folder-title {
        font-size: 18px;
        font-weight: 700;
        color: #1F1F1F;
    }

.folder-card-flex {
    /* Meta */
}

    .folder-card-flex .folder-meta {
        gap: 6px;
        font-size: 14px;
        color: #595959;
    }

    .folder-card-flex .doc-icon {
        font-size: 13px;
    }

.meetings-card-col {
    position: relative;
}

@media screen and (max-width: 767px) {
    .meetings-card-col {
        margin-top: 16px;
    }
}

.meetings-card-col::before {
    content: "";
    position: absolute;
    top: -40px;
    left: 0;
    bottom: 10px;
    border-left: 1px solid #D6D6D6;
}

@media screen and (max-width: 767px) {
    .meetings-card-col::before {
        display: none;
    }
}

.meetings-card {
    /* Frame 2055249285 */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    gap: 8px;
    padding-left: 5px;
}

    .meetings-card .title {
        font-size: 16px;
        font-weight: 700;
        color: #1F1F1F;
        margin-bottom: 8px;
    }

.meetings-card {
    /* Meeting row */
}

    .meetings-card .meeting {
        display: flex;
        gap: 12px;
        width: 100%;
        padding: 8px 0;
    }

        .meetings-card .meeting:not(:last-child) {
            border-bottom: 1px solid #D6D6D6;
        }

.meetings-card {
    /* Date column */
}

    .meetings-card .date {
        width: 56px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        border-right: 1px solid #D6D6D6;
    }

    .meetings-card .pill {
        font-size: 10px;
        padding: 2px 8px;
        border-radius: 12px;
        background: #CAF2BF;
        color: #37951D;
        font-weight: 500;
    }

    .meetings-card .day {
        font-size: 12px;
        font-weight: 600;
        color: #111;
    }

    .meetings-card .time {
        font-size: 11px;
        color: #7a7a7a;
    }

.meetings-card {
    /* Details */
}

    .meetings-card .details {
        flex: 1;
    }

    .meetings-card .meeting-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 12px;
        font-weight: 600;
        color: #000000;
    }

    .meetings-card .arrow {
        color: #3b5bfd;
        font-size: 18px;
        line-height: 1;
    }

    .meetings-card .subtitle {
        font-size: 10px;
        color: #595959;
        margin-top: 4px;
        line-height: normal;
    }

@media screen and (max-width: 767px) {
    .full-calendar {
        margin-bottom: 16px;
    }
}

.full-calendar #calendar {
    max-width: 900px;
    margin: auto;
    background: #fff;
    border-radius: 12px;
    padding: 16px;
}

@media screen and (max-width: 767px) {
    .full-calendar #calendar {
        padding: 0;
    }
}

.full-calendar .fc-toolbar-chunk button.fc-prev-button.fc-button.fc-button-primary,
.full-calendar .fc-toolbar-chunk button.fc-next-button.fc-button.fc-button-primary {
    padding-left: 0;
    padding-right: 0;
}

.full-calendar {
    /* Header */
}

    .full-calendar .fc-toolbar-title {
        font-size: 16px;
        font-weight: 400;
        color: #1F1F1F;
    }

.full-calendar {
    /* Day cells */
}

    .full-calendar .fc-daygrid-day {
        border: 1px solid #e8e8e8;
    }

.full-calendar {
    /* Event pill */
}

    .full-calendar .fc-event {
        border-radius: 6px;
        padding: 2px 6px;
        font-size: 11px;
        border: none;
    }

    .full-calendar .fc-event-time {
        font-weight: 600;
    }

.full-calendar {
    /* Tooltip card */
}

    .full-calendar .event-tooltip {
        position: absolute;
        background: #fff;
        border-radius: 8px;
        padding: 10px 12px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
        font-size: 12px;
        z-index: 1000;
        width: 220px;
    }

        .full-calendar .event-tooltip h4 {
            margin: 0 0 4px;
            font-size: 13px;
        }

    .full-calendar .fc .fc-button-primary {
        background-color: transparent;
        border-color: transparent !important;
        color: #191958;
        font-size: 12px;
        height: 32px;
        border-radius: 8px !important;
        -webkit-border-radius: 8px !important;
        -moz-border-radius: 8px !important;
        -ms-border-radius: 8px !important;
        -o-border-radius: 8px !important;
        line-height: 12px;
        font-weight: 600;
        opacity: 1;
    }

        .full-calendar .fc .fc-button-primary::first-letter {
            text-transform: uppercase;
        }



    .full-calendar .fc .fc-button-primary:not(:disabled).fc-button-active,
    .full-calendar .fc .fc-button-primary:not(:disabled):active {
        background: var(--c-brand-shade-30);
        color: #ffffff;
        border: 1px solid var(--c-brand-shade-30);
    }

    .full-calendar .event-tooltip span {
        color: #777;
    }

@media screen and (max-width: 767px) {
    .full-calendar .fc .fc-toolbar.fc-header-toolbar {
        width: 90%;
        flex-wrap: wrap;
    }
}

.project-hero {
    position: relative;
    min-height: 180px;
    border-radius: 16px;
    overflow: hidden;
    background-image: url("https://images.unsplash.com/photo-1600585154340-be6161a56a0c");
    background-size: cover;
    background-position: center;
    margin-bottom: 24px;
}

@media screen and (min-width: 768px) {
    .project-hero {
        height: 180px;
        border-bottom-right-radius: 0;
    }
}

.project-hero {
    /* Dark overlay */
}

    .project-hero .overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.25));
    }

@media screen and (min-width: 768px) {
    .project-hero .overlay {
        border-bottom-right-radius: 40px;
    }
}

.project-hero {
    /* Layout */
}

    .project-hero .hero-content {
        position: relative;
        height: 100%;
        padding: 8px 20px;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        color: #fff;
        min-height: 180px;
    }

        .project-hero .hero-content .label {
            white-space: nowrap;
        }

@media screen and (max-width: 767px) {
    .project-hero .hero-content {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) {
    .project-hero .hero-content {
        flex-wrap: wrap;
    }
}

.project-hero {
    /* Left */
}

    .project-hero .hero-left {
        max-width: 60%;
    }

@media screen and (max-width: 767px) {
    .project-hero .hero-left {
        max-width: 100%;
    }
}

.project-hero .title {
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: -0.02em;
    margin: 0;
    display: flex;
    align-items: center;
    color: #fff;
    gap: 8px;
}

    .project-hero .title a {
        color: #fff;
        font-size: 24px;
    }

.project-hero .edit {
    font-size: 14px;
    cursor: pointer;
}

.project-hero .address {
    margin-top: 4px;
    font-size: 14px;
    color: #FFFFFF;
    font-weight: 500;
}

.project-hero {
    /* Right */
}

    .project-hero .hero-right {
        display: flex;
        align-items: flex-end;
        gap: 12px;
        position: relative;
        flex-wrap: wrap;
    }

@media screen and (min-width: 768px) {
    .project-hero .hero-right {
        top: 12px;
        right: -20px;
        flex-wrap: nowrap;
    }
}

.project-hero {
    /* Location pill */
}

    .project-hero .location-pill {
        color: #fff;
        padding: 10px;
        border-radius: 999px;
        font-size: 12px;
        display: block;
        text-align: right;
    }

@media screen and (max-width: 767px) {
    .project-hero .location-pill {
        width: 100%;
    }
}

.project-hero .time {
    background: #FFFFFF;
    color: #4464E2;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 11px;
    margin-top: 3px;
    display: inline-block;
}

.project-hero {
    /* Stats */
}

    .project-hero .stats {
        display: flex;
        background: #ffffff;
        border-top-left-radius: 20px;
        overflow: hidden;
        justify-content: space-around;
    }

@media screen and (max-width: 767px) {
    .project-hero .stats {
        width: 100%;
        border-top-right-radius: 20px;
    }
}

@media screen and (min-width: 768px) {
    .project-hero .stats {
        width: 371px;
    }
}

.project-hero .stat {
    padding: 10px 7px;
    text-align: center;
    border-right: 1px solid #eee;
    flex: 1;
}

    .project-hero .stat:last-child {
        border-right: none;
    }

.project-hero .label {
    display: block;
    font-size: 12px;
    color: #000000;
    font-weight: 500;
}

.project-hero .value {
    font-size: 14px;
    font-weight: 700;
    color: #111;
}

.ul-dot {
    list-style: disc;
    color: #4464E2;
    padding-left: 18px;
}

    .ul-dot li {
        margin-bottom: 6px;
        list-style: disc;
        padding-left: 6px;
        color: #4464E2;
    }

        .ul-dot li span {
            color: #595959;
        }

/* Header */
.todo-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

    .todo-header h3 {
        font-size: 16px;
        margin: 0;
    }

    .todo-header .actions {
        display: flex;
        align-items: center;
        gap: 12px;
    }

.todo-card {
    padding: 16px;
    overflow: hidden;
}

.to-do-task-page .todo-card {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 320px);
    max-height: calc(100dvh - 320px);
}

    .todo-card .link {
        font-size: 12px;
        color: #4c6fff;
        text-decoration: none;
    }

.todo-card {
    /* Task row */
}

    .todo-card .task {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        padding: 12px 12px;
        border-bottom: 1px solid #f0f0f0;
    }

        .todo-card .task:hover {
            background: #EBEFFB;
        }

        .todo-card .task .btn-action {
            margin-left: 16px;
        }

        .todo-card .task .price-wrap {
            min-width: 120px;
            text-align: center;
        }

            .todo-card .task .price-wrap .badges {
                justify-content: center;
                margin-top: 3px;
            }

        .todo-card .task:last-of-type {
            border-bottom: none;
        }

.todo-card {
    /* Checkbox */
}

    .todo-card .check {
        position: relative;
    }

        .todo-card .check i {
            font-size: 28px;
        }

        .todo-card .check input {
            display: none;
        }

        .todo-card .check span {
            width: 18px;
            height: 18px;
            border: 2px solid #222;
            border-radius: 3px;
            display: inline-block;
            cursor: pointer;
        }

.todo-card {
    /* Content */
}

    .todo-card .task-content {
        flex: 1;
    }

    .todo-card .task-title {
        font-size: 14px;
        font-weight: 600;
        color: #1F1F1F;
    }

        .todo-card .task-title.linkish {
            color: #1c3faa;
        }

    .todo-card .task-meta {
        font-size: 12px;
        color: #595959;
        margin-top: 4px;
        display: flex;
        gap: 12px;
        align-items: center;
    }

.todo-card {
    /* Priority */
}

    .todo-card .priority {
        font-weight: 500;
        display: inline-flex;
        align-items: center;
        gap: 4px;
        white-space: nowrap;
    }

        .todo-card .priority.high {
            color: #e54848;
        }

        .todo-card .priority.normal {
            color: #3b82f6;
        }

.todo-card {
    /* Right actions */
}

    .todo-card .task-actions {
        display: flex;
        align-items: center;
        gap: 12px;
    }

        .todo-card .task-actions a {
            font-size: 12px;
            color: #4c6fff;
            text-decoration: none;
        }

    .todo-card .more {
        cursor: pointer;
        font-size: 18px;
    }

.todo-card {
    /* AI bar */
}

    .ai-bar {
        margin-top: 12px;
        background: #EBF9BC;
        border-radius: 12px;
        padding: 9px 14px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 13px;
    }

         .ai-bar span {
            color: #376419;
            font-weight: 600;
        }

         .ai-bar a {
            color: #376419;
            text-decoration: none;
            font-weight: 500;
            font-size: 12px;
        }

.comments {
    color: #F16E27;
    font-weight: 500;
    font-size: 12px;
}

    .comments i {
        font-size: 18px;
        vertical-align: middle;
    }

.doc-list {
    background: #fff;
    /* Row */
}

    .doc-list .doc-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 14px 0;
        border-bottom: 1px solid #ececec;
    }

@media screen and (max-width: 767px) {
    .doc-list .doc-row {
        flex-wrap: wrap;
    }
}

.doc-list .doc-row:last-child {
    border-bottom: none;
}

.doc-list {
    /* Title */
}

    .doc-list .doc-title {
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #1f1f1f;
    }

.doc-list {
    /* badge pill */
    /* Meta */
}

    .doc-list .doc-meta {
        margin-top: 4px;
        font-size: 12px;
        color: #7a7a7a;
        display: flex;
        gap: 12px;
        align-items: center;
    }

    .doc-list .comments {
        color: #F16E27;
        font-weight: 500;
    }

.doc-list {
    /* Right */
}

    .doc-list .arrow {
        font-size: 20px;
        color: #3b5bfd;
        cursor: pointer;
    }

    .doc-list .due {
        font-size: 12px;
        color: #7a7a7a;
        display: flex;
        align-items: center;
        gap: 10px;
    }

.stage-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

    .stage-ul li i {
        font-size: 16px;
        vertical-align: middle;
    }

    .stage-ul li span {
        font-style: normal;
        font-weight: 500;
        font-size: 10px;
        color: #1F1F1F;
        vertical-align: middle;
    }

.stage-table {
    margin-top: 24px;
    width: 100%;
}

    .stage-table td {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        color: #000000;
        padding-bottom: 10px;
    }

.btn-action {
    border: 0;
    background: #EBEFFB;
    padding: 6px 4px 0;
    font-size: 16px;
    border-radius: 100px;
    width: 30px;
    display: inline-block;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    text-align: center;
}

    .btn-action i {
        font-size: 18px;
        color: #4464E2;
    }

.attachments-file-wrap {
    display: inline-block;
    background: #595959;
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 12px;
}

    .attachments-file-wrap .ph {
        vertical-align: middle;
        font-size: 20px;
        color: #fff;
        margin-right: 8px;
    }

.atte-wrap {
    white-space: nowrap;
}

    .atte-wrap img.avatar-sm {
        width: 24px;
        height: 24px;
        border-radius: 100px;
    }

        .atte-wrap img.avatar-sm:not(:first-child) {
            margin-left: -8px;
        }

.btn-modal-wrap {
    margin-top: 48px;
}

.ai-card {
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    /*Title*/
}

    .ai-card .ai-title {
        font-weight: 600;
        font-size: 16px;
        margin: 0 0 16px;
        color: #1D293D;
    }

.ai-card {
    /* Meta */
}

    .ai-card .ai-meta {
        display: flex;
        gap: 40px;
        margin-bottom: 16px;
    }

    .ai-card .label {
        display: block;
        font-size: 12px;
        color: #595959;
        margin-bottom: 2px;
    }

    .ai-card .value {
        font-size: 13px;
        font-weight: 500;
        color: #1f1f1f;
    }

    .ai-card .priority-high {
        color: #e54848;
        font-weight: 600;
    }

.ai-card {
    /* Reasoning */
}

    .ai-card .ai-section {
        margin-bottom: 12px;
    }

    .ai-card .text {
        margin: 6px 0 0;
        font-size: 13px;
        line-height: 1.5;
        color: #1f1f1f;
    }

.ai-card {
    /* Impact */
}

    .ai-card .ai-impact {
        font-size: 13px;
        color: #2f9e44;
        margin: 12px 0 18px;
        font-weight: 500;
    }

.ai-card {
    /* Actions */
}

    .ai-card .ai-actions {
        display: flex;
        gap: 12px;
    }

.ai-ul-wrap {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 12px;
}

    .ai-ul-wrap li {
        width: 48%;
    }

        .ai-ul-wrap li a {
            display: inline-block;
            padding: 4px 8px;
            width: 100%;
            border: 1px solid transparent;
        }

            .ai-ul-wrap li a.active {
                background: #F8FCE8;
                border-radius: 4px;
                border: 1px solid #92BF19;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                -ms-border-radius: 4px;
                -o-border-radius: 4px;
            }

@keyframes move {
    0% {
        offset-distance: 0%;
    }

    100% {
        offset-distance: 100%;
    }
}

.ai-common-card {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 2px solid #649119;
    border-radius: 4px;
    padding: 0;
    position: relative;
}

    .ai-common-card .inner {
        padding: 12px;
        position: relative;
        z-index: 1;
        width: 100%;
        background: #fff;
    }

.a-ai-common-card {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: #649119;
    background: #F8FCE8;
    border-bottom: 1px solid #649119;
    border-left: 1px solid #649119;
    padding: 6px 8px;
    margin-top: 4px;
    display: inline-block;
}

    .a-ai-common-card:hover {
        color: #649119;
        background: #F8FCE8;
    }

.common-breadcrum {
    margin-bottom: 24px;
}

    .common-breadcrum .breadcrumb-item {
        font-size: 12px;
    }

        .common-breadcrum .breadcrumb-item a {
            font-size: 12px;
            color: #595959;
        }

        .common-breadcrum .breadcrumb-item.active {
            color: #1F1F1F;
            font-weight: 500;
        }

.attach-info-flex {
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    padding: 2px 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 2px 10px;
    gap: 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    margin-bottom: 8px;
}

    .attach-info-flex .right-wrap,
    .attach-info-flex .left-wrap {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        align-content: stretch;
    }

.plan-label {
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    padding: 4px;
    color: #404040;
    background: #EBEFFB;
    border-radius: 4px;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.comments-card {
    /* Title */
}

    .comments-card .comments-title {
        font-family: "Montserrat";
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        color: #172B4D;
        margin-bottom: 12px;
    }

.comments-card {
    /* Comment */
}

    .comments-card .comment {
        display: flex;
        gap: 10px;
        position: relative;
        margin-bottom: 18px;
    }

    .comments-card .avatar {
        width: 24px;
        height: 24px;
        background: #4464E2;
        color: #fff;
        border-radius: 50%;
        font-size: 10px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.comments-card {
    /* Comment body */
}

    .comments-card .comment-body {
        flex: 1;
    }

    .comments-card .comment-header {
        display: flex;
        gap: 8px;
        align-items: center;
    }

    .comments-card .name {
        font-size: 14px;
        font-weight: 500;
        color: #191958;
    }

    .comments-card .role {
        font-size: 11px;
        color: #7A7A7A;
    }

    .comments-card .text-right.nowrap .role {
        font-size: 11px;
        color: #B8B8B8;
    }

    .comments-card .comment-text {
        margin: 6px 0;
        font-size: 13px;
        line-height: 1.5;
        color: #595959;
    }

    .comments-card .reply {
        font-size: 12px;
        color: #4464E2;
        text-decoration: none;
        font-weight: 600;
    }

.comments-card {
    /* Reaction bubble */
}

    .comments-card .reaction {
        position: absolute;
        right: -6px;
        bottom: 10px;
        width: 24px;
        height: 24px;
        background: linear-gradient(135deg, #7b61ff, #29b6f6);
        color: #fff;
        border-radius: 50%;
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.comments-card {
    /* Add comment */
}

    .comments-card .add-comment {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .comments-card .input-wrapper {
        position: relative;
        flex: 1;
    }

        .comments-card .input-wrapper textarea,
        .comments-card .input-wrapper input {
            width: 100%;
            padding: 10px 36px 10px 12px;
        }

    .comments-card .btn-wrap {
        position: absolute;
        right: 10px;
        bottom: 10px;
        font-size: 14px;
    }

    .comments-card .attach {
        position: relative;
        cursor: pointer;
    }

        .comments-card .attach input[type=file] {
            display: none;
        }

    .comments-card .send {
        margin-left: 12px;
        color: #4c6fff;
        cursor: pointer;
    }

        .comments-card .send i {
            color: #595959;
        }

.no-count {
    background: #BD1919;
    color: #ffffff;
    border-radius: 100px;
    padding: 2px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    display: inline-block;
    width: 18px;
    text-align: center;
}

.reply-btn {
    color: #4464E2;
    font-size: 24px;
}

.reply-scroll-sect .reply-btn {
    float: right;
}

.filter-btn-option {
    gap: 16px;
}

.filter-btn {
    position: relative;
    color: #4464E2;
}

    .filter-btn span.no-span {
        background-color: #2C4BCA;
        text-align: center;
        bottom: -6px;
    }

.filter-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: stretch;
    align-content: stretch;
}

@media screen and (max-width: 767px) {
    .filter-wrap {
        flex-wrap: wrap;
    }

        .filter-wrap .right-wrap {
            order: -1;
            margin: 20px 0;
        }
}

.activity-card-outer {
    position: relative;
}

    .activity-card-outer::before {
        content: "";
        top: 0;
        left: 16px;
        border-left: 2px solid #D6D6D6;
        z-index: 3;
        position: absolute;
        height: 100%;
    }

.activity-card {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    background: #FFFFFF;
    margin-bottom: 8px;
    position: relative;
    margin-left: 45px;
}

    .activity-card .avatar {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #4464E2;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        left: -50px;
        z-index: 99;
        border: 3px solid white;
    }

    .activity-card .activity-content {
        flex: 1;
    }

    .activity-card .activity-meta {
        margin-top: 6px;
        font-family: "Montserrat", sans-serif;
        font-size: 12px;
        line-height: 18px;
        color: #595959;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .activity-card .activity-title {
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        color: #1F1F1F;
        padding-bottom: 8px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 8px;
    }

.folder-select {
    /* Label */
}

    .folder-select .label {
        font-size: 14px;
        color: #1f1f1f;
        margin-bottom: 6px;
        display: inline-block;
    }

        .folder-select .label span {
            color: #e54848;
        }

.folder-select {
    /* Container */
}

    .folder-select .folder-box {
        border: 1px solid #dcdcdc;
        border-radius: 6px;
        padding: 6px 0;
        background: #fff;
    }

.folder-select {
    /* Folder row */
}

    .folder-select .folder {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 8px 12px;
        font-size: 14px;
        line-height: 20px;
        color: #1F1F1F;
        cursor: pointer;
    }

    .folder-select i.ph.ph-folder-open {
        color: #FFB84D;
    }

    .folder-select .folder:hover {
        background: #EBEFFB;
    }

.folder-select {
    /* Child */
}

    .folder-select .child {
        padding-left: 28px;
    }

.folder-select {
    /* Selected */
}

    .folder-select .selected {
        background: #EBEFFB;
    }

.folder-select {
    /* Icons */
}

    .folder-select .icon {
        font-size: 14px;
    }

    .folder-select .arrow {
        font-size: 12px;
        color: #6b6b6b;
    }

.add-update-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px;
    gap: 10px;
    margin-top: 10px;
    width: 78px;
    height: 75px;
    background: #FFFFFF;
    border: 1px solid #191958;
    border-radius: 8px;
    color: #191D9C;
}

.common-caro {
    position: relative;
}

    .common-caro .carousel-control-next,
    .common-caro .carousel-control-prev {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        margin-top: -60px;
    }

    .common-caro .carousel-indicators {
        position: static;
        justify-content: start !important;
        margin: 15px 0 !important;
    }

        .common-caro .carousel-indicators [data-bs-target] {
            overflow: hidden;
            width: 78px;
            height: 75px;
            border-radius: 8px;
            background: transparent;
            margin-left: 8px;
            margin-right: 8px;
            filter: grayscale(100%);
            opacity: 1;
            -webkit-filter: grayscale(100%);
        }

            .common-caro .carousel-indicators [data-bs-target].active {
                filter: grayscale(0%);
                -webkit-filter: grayscale(0%);
            }

    .common-caro .carousel-control-next-icon,
    .common-caro .carousel-control-prev-icon {
        background: #ffffff;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        -ms-border-radius: 100px;
        -o-border-radius: 100px;
        padding-top: 3px;
    }

@media screen and (max-width: 767px) {
    .common-caro .carousel-control-next-icon,
    .common-caro .carousel-control-prev-icon {
        margin-top: -120px;
    }
}

.common-caro .carousel-control-next-icon .ph,
.common-caro .carousel-control-prev-icon .ph {
    color: #000000;
    font-size: 24px;
}

/* Calendar wrapper */
.full-calendar {
    background: #fff;
    border-radius: 12px;
    padding: 12px;
    /* Header */
}

    .full-calendar .fc-toolbar-title {
        font-size: 16px;
        font-weight: 600;
    }

.full-calendar {
    /* Remove grid clutter */
}

    .full-calendar .fc-timegrid-slot {
        border: none;
    }

    .full-calendar .fc-timegrid-axis {
        display: none;
    }

.full-calendar {
    /* Event bar style */
}

    .full-calendar .fc-event {
        border-radius: 8px;
        border: none;
        font-size: 12px;
        padding: 6px 10px;
    }

.full-calendar {
    /* Purple task */
}

    .full-calendar .task-purple {
        background: #e6ccff !important;
        color: #4b0082 !important;
    }

.full-calendar {
    /* Orange task */
}

    .full-calendar .task-orange {
        background: #ffd9c2 !important;
        color: #8a3b00 !important;
    }

.full-calendar {
    /* Stage card look */
}

    .full-calendar .stage-header {
        font-weight: 600;
        font-size: 14px;
        padding: 8px 12px;
        background: #f4f4f4;
        border-radius: 8px;
    }

.full-calendar {
    /* Hide all-day label */
}

    .full-calendar .fc-timegrid-all-day-cushion {
        display: none;
    }

.doc-table {
    width: 100%;
    font-size: 14px;
}

    .doc-table i.ph.ph-file {
        color: #4464E2;
    }

    .doc-table th,
    .doc-table td {
        padding: 7px;
        border-bottom: 1px solid #e5e7eb;
        height: 40px;
        font-size: 14px;
    }

    .doc-table thead th {
        background: #F9F9F9;
        color: #595959;
        font-weight: 500;
        border-top: 1px solid #E8E8E8;
        border-bottom: 1px solid #E8E8E8;
    }

    .doc-table .folder {
        cursor: pointer;
        font-weight: 600;
    }

        .doc-table .folder.child td {
            padding-left: 28px;
        }

    .doc-table .file td:first-child {
        padding-left: 48px;
    }

    .doc-table i.ph.ph-folder-open {
        color: #FFB84D;
    }

    .doc-table .doc-list {
        background: transparent;
    }

    .doc-table tr:hover {
        background-color: #EBEFFB;
    }

    .doc-table .tag {
        background: #f1f5f9;
        padding: 4px 10px;
        border-radius: 6px;
        font-size: 12px;
        white-space: nowrap;
    }

.doc-table {
    /* Hide children by default */
}

    .doc-table tr[data-parent] {
        display: none;
    }

.doc-table {
    /* Folder row */
}

    .doc-table .folder {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

.doc-table {
    /* Caret animation */
}

    .doc-table .folder .ph-caret-right {
        transition: transform 0.2s ease;
    }

    .doc-table .folder.open .ph-caret-right {
        transform: rotate(90deg);
        display: inline-block;
    }

.badge .btn-action {
    position: absolute;
    top: 0;
    right: -32px;
    z-index: 9;
    width: 22px;
    padding: 4px 4px;
    height: 22px;
}

    .badge .btn-action i {
        font-size: 12px;
        color: #000;
    }

.common-template-dropdown {
    position: relative;
}

    .common-template-dropdown .dropdown-menu {
        width: 217px;
    }

.common-badges-dropdown {
    position: relative;
}

    .common-badges-dropdown .dropdown-toggle {
        position: relative;
    }

        .common-badges-dropdown .dropdown-toggle::after {
            display: none;
        }

    .common-badges-dropdown .dropdown-menu {
        padding: 8px;
    }

        .common-badges-dropdown .dropdown-menu .dropdown-menu-inner {
            display: flex;
            flex-direction: column;
            flex-wrap: nowrap;
            justify-content: flex-start;
            align-items: baseline;
            gap: 12px;
            align-content: stretch;
            min-width: 143px;
        }

        .common-badges-dropdown .dropdown-menu .badge {
            text-align: left;
        }

.daterange-wrap {
    position: relative;
}

    .daterange-wrap .form-control {
        padding-right: 30px;
    }

    .daterange-wrap i.ph.ph-calendar-blank {
        position: absolute;
        top: 8px;
        right: 10px;
        z-index: 9;
    }

.user-option-outer .user-option {
    display: flex;
    gap: 12px;
    align-items: center;
}

    .user-option-outer .user-option img {
        width: 36px;
        height: 36px;
        border-radius: 50%;
    }

    .user-option-outer .user-option .name {
        font-weight: 600;
    }

    .user-option-outer .user-option .email {
        font-size: 12px;
        color: #6b7280;
    }

.user-option-outer .badge {
    margin-left: 6px;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 4px;
    background: #e5f0ff;
    color: #1d4ed8;
}

    .user-option-outer .badge.unverified {
        background: #fef3c7;
        color: #92400e;
    }

.select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #C6CFF5 !important;
    color: #1F1F1F !important;
}

.select2-selection--multiple {
    min-height: 32px;
    border-radius: 6px;
    min-height: 44px;
    border-radius: 6px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #ffffff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
    font-size: 12px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 4px;
    font-size: 14px;
    margin-left: 12px;
}

.select2-container .user-option {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
}

    .select2-container .user-option img {
        width: 36px;
        height: 36px;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        -ms-border-radius: 100px;
        -o-border-radius: 100px;
        margin-right: 4px;
    }

    .select2-container .user-option .name {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        color: #1F1F1F;
    }

    .select2-container .user-option .email {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        color: #1F1F1F;
    }

.datepicker-dropdown .datepicker-days table tr th,
.datepicker-dropdown .datepicker-days table tr td {
    font-size: 12px;
}

    .datepicker-dropdown .datepicker-days table tr th:hover,
    .datepicker-dropdown .datepicker-days table tr td:hover {
        background-color: #C6CFF5 !important;
    }

    .datepicker-dropdown .datepicker-days table tr th span,
    .datepicker-dropdown .datepicker-days table tr td span {
        font-size: 12px;
    }

        .datepicker-dropdown .datepicker-days table tr th span:hover,
        .datepicker-dropdown .datepicker-days table tr td span:hover {
            background-color: #C6CFF5 !important;
        }

    .datepicker-dropdown .datepicker-days table tr td.day.focused {
        background-color: #C6CFF5 !important;
    }

.datepicker-dropdown .datepicker-years table tr th,
.datepicker-dropdown .datepicker-years table tr td,
.datepicker-dropdown .datepicker-months table tr th,
.datepicker-dropdown .datepicker-months table tr td {
    font-size: 12px;
}

    .datepicker-dropdown .datepicker-years table tr th span,
    .datepicker-dropdown .datepicker-years table tr td span,
    .datepicker-dropdown .datepicker-months table tr th span,
    .datepicker-dropdown .datepicker-months table tr td span {
        font-size: 12px;
    }

        .datepicker-dropdown .datepicker-years table tr th span:hover,
        .datepicker-dropdown .datepicker-years table tr td span:hover,
        .datepicker-dropdown .datepicker-months table tr th span:hover,
        .datepicker-dropdown .datepicker-months table tr td span:hover {
            background-color: #C6CFF5 !important;
        }

    .datepicker-dropdown .datepicker-years table tr td.day.focused,
    .datepicker-dropdown .datepicker-months table tr td.day.focused {
        background-color: #C6CFF5 !important;
    }

.stripe-wrap {
    position: relative;
    min-height: 170.6px;
    background: #F8F8F8;
    border: 0.8px solid #E0E0E0;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    padding: 28px 24px;
    margin-bottom: 24px;
}

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

.feedback-modal button.close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}

.chart-container {
    width: 220px;
    height: 220px;
    margin: auto;
}

.daterange-picker-label .daterange-picker-hidden {
    width: 0;
    height: 0;
    display: inline;
    position: relative;
    top: -20px;
    opacity: 0;
}

.breakdown-table-wrap {
    overflow-x: auto;
}

    .breakdown-table-wrap .breakdown-table {
        min-width: 560px;
    }

        .breakdown-table-wrap .breakdown-table > :not(:first-child) {
            border-top: 0;
        }

        .breakdown-table-wrap .breakdown-table thead th {
            background: #fff;
            font-size: 14px;
            color: #595959;
            font-weight: 400;
            height: 43px;
            border: 0;
            vertical-align: middle;
        }

        .breakdown-table-wrap .breakdown-table td {
            vertical-align: middle;
            color: #1F1F1F;
            height: 56px;
        }

            .breakdown-table-wrap .breakdown-table td p {
                color: #595959;
            }

        .breakdown-table-wrap .breakdown-table tr:hover {
            background: #EBEFFB;
        }

.todo-table-wrap {
    overflow-x: auto;
}

    .todo-table-wrap .todo-table {
        min-width: 560px;
    }

        .todo-table-wrap .todo-table > :not(:first-child) {
            border-top: 0;
        }

        .todo-table-wrap .todo-table thead th {
            background: #fff;
            font-size: 14px;
            color: #595959;
            font-weight: 400;
            height: 43px;
            border: 0;
            vertical-align: middle;
        }

        .todo-table-wrap .todo-table td {
            vertical-align: middle;
            color: #1F1F1F;
            height: 56px;
            vertical-align: middle;
        }

            .todo-table-wrap .todo-table td p {
                color: #595959;
            }

        .todo-table-wrap .todo-table tr:hover {
            background: #EBEFFB;
        }

.accordion-breakdown.common-accordion .accordion-header {
    padding: 16px;
}

.btn-action-22 {
    width: 22px;
    padding: 4px 3px;
    height: 22px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border: 0;
}

    .btn-action-22 i {
        font-size: 12px;
        color: #000;
        vertical-align: top;
        line-height: 15px;
    }

.date-range-info {
    font-style: normal;
    font-size: 14px;
    color: var(--c-black-primary);
    position: relative;
    font-weight: 500;
}

    .date-range-info .btn-action {
        width: 22px;
        padding: 4px 4px;
        height: 22px;
        position: relative;
        top: 4px;
        margin-left: 6px;
    }

        .date-range-info .btn-action i {
            font-size: 12px;
            color: #000;
            vertical-align: top;
            line-height: 15px;
        }

.tag-btn-icon {
    display: flex;
    gap: 10px;
}

.down-btn-sm {
    vertical-align: middle;
    width: 22px;
    padding: 4px 4px;
    height: 22px;
}

    .down-btn-sm i {
        font-size: 12px;
        color: #000;
        position: relative;
        top: -6px;
    }

.accordion-item:last-of-type {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.accordion-item:first-of-type {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.tag-span {
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    color: #404040;
    padding: 2px 6px;
    background: #EBEFFB;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.ai-task-ul li {
    border-top: 1px solid #D6D6D6;
    padding-top: 12px;
    padding-bottom: 12px;
}

.docu-selected-strip {
    background: #EBEFFB;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 16px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: stretch;
}

@media screen and (max-width: 767px) {
    .docu-selected-strip {
        flex-wrap: wrap;
    }

        .docu-selected-strip .right-wrap {
            text-align: center;
            margin-top: 16px;
        }
}

.docu-selected-strip i.ph.ph-check-square {
    font-size: 22px;
    vertical-align: middle;
    margin-right: 7px;
}

.docu-selected-strip i.ph.ph-x {
    vertical-align: middle;
}

.datepicker-dropdown .datepicker-years table tr th span:hover,
.datepicker-dropdown .datepicker-years table tr td span:hover,
.datepicker-dropdown .datepicker-months table tr th span:hover,
.datepicker-dropdown .datepicker-months table tr td span:hover,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background-color: #1b1f6a;
    background-image: none;
    color: #fff;
}

.doc-table-open-hide .doc-table tr.file {
    display: none;
}

.doc-table-open-hide .doc-table tr.folder.open + tr {
    display: table-row;
}

.auto-day-wrap {
    position: relative;
}

    .auto-day-wrap .auto-day-checkbox {
        position: absolute;
        top: 0;
        right: 16px;
        z-index: 9;
    }

    .auto-day-wrap span.p12.fw-400.c-black-primary {
        position: relative;
        top: -2px;
    }

.dropdown-center a.x-small.text-black-primary, .dropdown-center .full-calendar .fc a.text-black-primary.fc-col-header-cell-cushion, .full-calendar .fc .dropdown-center a.text-black-primary.fc-col-header-cell-cushion, .dropdown-center .full-calendar .fc a.text-black-primary.fc-daygrid-day-number, .full-calendar .fc .dropdown-center a.text-black-primary.fc-daygrid-day-number {
    padding: 6px;
    display: block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    min-width: 150px;
}

    .dropdown-center a.x-small.text-black-primary:hover, .dropdown-center .full-calendar .fc a.text-black-primary.fc-col-header-cell-cushion:hover, .full-calendar .fc .dropdown-center a.text-black-primary.fc-col-header-cell-cushion:hover, .dropdown-center .full-calendar .fc a.text-black-primary.fc-daygrid-day-number:hover, .full-calendar .fc .dropdown-center a.text-black-primary.fc-daygrid-day-number:hover {
        background: #C6CFF5;
    }

.entrie-dropdown-wrap span {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    color: #595959;
}

.entrie-dropdown-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: stretch;
    gap: 12px;
}

@media screen and (max-width: 767px) {
    .entrie-dropdown-wrap {
        justify-content: center;
        margin-top: 15px;
    }
}

ul.pagination.custom-pagination {
    gap: 6px;
    justify-content: center;
    margin-top: 10px;
}

    ul.pagination.custom-pagination li .page-link {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        color: #1F1F1F;
        border: 0;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        padding: 0.15rem 0.75rem;
    }

        ul.pagination.custom-pagination li .page-link:hover,
        ul.pagination.custom-pagination li.active .page-link,
        ul.pagination.custom-pagination li .page-link.active {
            background-color: #1b1f6a;
            color: #FFFFFF;
        }

.btn-group .common-btn.btn[disabled] {
    cursor: not-allowed;
    opacity: 1;
    background: #D6D6D6;
    border-color: #D6D6D6;
    color: #7A7A7A;
}

.b-l-r-1 {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

.b-l-1 {
    border-left: 1px solid #000000;
}

.b-r-1 {
    border-right: 1px solid #000000;
}

.iti .iti__selected-dial-code {
    margin-left: 4px;
    font-size: 14px;
}

.common-template-dropdown {
    position: relative;
}

    .common-template-dropdown .dropdown-toggle::after {
        display: none;
    }

    .common-template-dropdown .dropdown-toggle i.ph.ph-caret-down {
        float: right;
        position: relative;
        top: 5px;
    }

    .common-template-dropdown .dropdown-menu {
        padding: 8px;
    }

        .common-template-dropdown .dropdown-menu hr {
            opacity: 0.2;
            margin: 12px 0;
        }

        .common-template-dropdown .dropdown-menu p.p14.fw-600.m-b-8,
        .common-template-dropdown .dropdown-menu p.p12.fw-500.m-b-8 {
            padding-left: 6px;
        }

        .common-template-dropdown .dropdown-menu a {
            padding: 2px 6px;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
        }

            .common-template-dropdown .dropdown-menu a:hover {
                background: #C6CFF5;
                color: #000 !important;
            }

@media screen and (max-width: 767px) {
    .stage-input-wrap {
        min-width: 246px;
    }
}

.flag-input-box .iti__country-list .iti__flag,
.flag-input-box .iti__country-name,
.flag-input-box .iti__dial-code,
.flag-input-box .iti__search-input {
    font-size: 14px;
}

.timeline-calendar button.fc--button.fc-button.fc-button-primary:empty {
    display: none;
}

.timeline-calendar {
    /* Remove all grid borders */
}

    .timeline-calendar .fc-theme-standard td,
    .timeline-calendar .fc-theme-standard th {
        border: none !important;
    }

.timeline-calendar {
    /* Lane spacing like cards */
}

    .timeline-calendar .fc-timeline-lane {
        padding: 16px 0;
    }

.timeline-calendar {
    /* Hide vertical grid */
}

    .timeline-calendar .fc-timeline-slot-frame {
        border: none;
    }

.timeline-calendar {
    /* Task bars */
}

    .timeline-calendar .fc-event {
        border-radius: 10px;
        padding: 10px 14px;
        font-size: 13px;
        font-weight: 500;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

.timeline-calendar {
    /* Colors */
}

    .timeline-calendar .bar-purple {
        background: #d8b4fe !important;
        color: #4c1d95;
    }

        .timeline-calendar .bar-purple .fc-event-title {
            color: #000;
        }

    .timeline-calendar .bar-orange {
        background: #fed7aa !important;
        color: #7c2d12;
    }

        .timeline-calendar .bar-orange .fc-event-title {
            color: #000;
        }

        .timeline-calendar .bar-orange .fc .fc-cell-shaded,
        .timeline-calendar .bar-orange .fc .fc-day-disabled {
            background: none;
        }

    .timeline-calendar .fc .fc-scrollgrid {
        border: 0;
    }

.timeline-calendar {
    /* Resource text like section header */
}

    .timeline-calendar .fc-resource {
        font-weight: 600;
        font-size: 14px;
    }

.timeline-calendar {
    /* Date header minimal */
}

    .timeline-calendar .fc-timeline-header-row-chrono th {
        font-size: 12px;
        color: #6b7280;
    }

    .timeline-calendar .fc-header-toolbar.fc-toolbar.fc-toolbar-ltr .fc-toolbar-chunk {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
        align-content: stretch;
    }

    .timeline-calendar .fc .fc-timeline-slot-cushion {
        padding: 4px 5px;
        white-space: nowrap;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        color: #747682;
    }

    .timeline-calendar .fc .fc-datagrid-cell-cushion {
        overflow: hidden;
        padding: 8px;
        white-space: nowrap;
        font-size: 14px;
        color: #000;
        font-weight: 400;
    }

    .timeline-calendar button.fc-today-button.fc-button.fc-button-primary {
        margin: 0;
    }

    .timeline-calendar thead .fc-datagrid-cell-cushion {
        font-weight: 700 !important;
        font-size: 15px !important;
    }

    .timeline-calendar .event-inner {
        display: flex;
        align-items: center;
        gap: 6px;
        color: #1F1F1F;
    }

        .timeline-calendar .event-inner i {
            font-size: 14px;
        }

    .timeline-calendar .fc .fc-button-primary {
        min-width: 60px;
    }

@media screen and (max-width: 767px) {
    .timeline-calendar .fc .fc-toolbar.fc-header-toolbar {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
        gap: 12px;
    }

        .timeline-calendar .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk {
            flex: 1;
        }
}

.thumb-preview-wrap {
    background-color: #F5F5F5;
    padding: 12px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.thumb-flex {
    margin-bottom: 4px;
    display: flex;
    gap: 4px;
}

    .thumb-flex .thumb {
        position: relative;
        overflow: hidden;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
    }

        .thumb-flex .thumb .overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 9;
            background: rgba(0, 0, 0, 0.5019607843);
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: center;
            align-items: center;
            align-content: stretch;
        }

        .thumb-flex .thumb em {
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            color: #FFFFFF;
        }

    .thumb-flex .thumb-img {
        width: 50px;
        height: 50px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
    }

.drawing-tab-content {
    /* Section */
}

    .drawing-tab-content .section-title {
        font-size: 14px;
        font-weight: 500;
        color: #595959;
        margin-bottom: 12px;
    }

@media screen and (min-width: 768px) {
    .revisions-tab-wrap .revision-wrapper {
        max-width: 360px;
    }
}

.revisions-tab-wrap {
    /* Card */
}

    .revisions-tab-wrap .revision-card {
        border: 1px solid #e6e6e6;
        border-radius: 12px;
        padding: 14px;
        margin-bottom: 14px;
        background: #fff;
    }

        .revisions-tab-wrap .revision-card.active {
            background: #eef1ff;
            border-color: #d7dcff;
        }

.revisions-tab-wrap {
    /* Header */
}

    .revisions-tab-wrap .revision-header {
        display: flex;
        align-items: center;
    }

    .revisions-tab-wrap .space-between {
        justify-content: space-between;
    }

    .revisions-tab-wrap .revision-title {
        font-size: 14px;
        font-weight: 600;
        color: #1f1f1f;
        margin: 0;
    }

.revisions-tab-wrap {
    /* Badge */
}

    .revisions-tab-wrap .status-badge {
        font-size: 12px;
        font-weight: 500;
        padding: 4px 10px;
        border-radius: 999px;
        background: #e6d7ff;
        color: #6b21a8;
    }

.revisions-tab-wrap {
    /* Body */
}

    .revisions-tab-wrap .revision-body {
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }

    .revisions-tab-wrap .info .label {
        font-size: 12px;
        color: #595959;
        margin-bottom: 2px;
    }

    .revisions-tab-wrap .info .value {
        font-size: 12px;
        color: #595959;
        line-height: 16px;
    }

    .revisions-tab-wrap .info span {
        color: #8c8c8c;
    }

.revisions-tab-wrap {
    /* File */
}

    .revisions-tab-wrap .file {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 12px;
        color: #595959;
        margin-top: 10px;
    }

    .revisions-tab-wrap .file-icon {
        color: #1F1F1F;
        font-size: 14px;
    }

.revisions-tab-wrap {
    /* Client info */
}

    .revisions-tab-wrap .client-note {
        margin-top: 16px;
    }

    .revisions-tab-wrap .client-title {
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 14px;
        /* identical to box height, or 140% */
        color: #595959;
        margin-bottom: 8px;
    }

    .revisions-tab-wrap .client-text {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
    }

@media screen and (max-width: 991px) {
    .drawing-img {
        margin-bottom: 30px;
    }
}

.approvals-tab-wrap {
    position: relative;
}

    .approvals-tab-wrap .activity-card {
        padding: 0;
        border: 0;
        padding-left: 0px;
        margin-bottom: 40px;
    }

        .approvals-tab-wrap .activity-card.completed::after {
            content: "";
            position: absolute;
            top: 40px;
            left: -29px;
            width: 2px;
            height: 100%;
            background-color: #47c026;
            z-index: 29;
        }

        .approvals-tab-wrap .activity-card .avatar {
            left: -48px;
        }

    .approvals-tab-wrap .revisions-tab-wrap {
        margin-top: 8px;
    }

.custom-calendar-wrap .table > :not(caption) > * > * {
    border-bottom-width: 0 !important;
    box-shadow: none !important;
}

.custom-calendar-wrap .table > :not(:first-child) {
    border-top: 0;
}

.custom-calendar-wrap .calendar {
    border: 1px solid #D6D6D6;
    border-radius: 16px;
    overflow: hidden;
}

.custom-calendar-wrap .calendar {
    font-family: "Montserrat", sans-serif;
}

    .custom-calendar-wrap .calendar table {
        table-layout: fixed;
        width: 100%;
    }

    .custom-calendar-wrap .calendar th {
        font-weight: 400;
        font-size: 14px;
        color: #1F1F1F;
        border: 1px solid #d6d6d6;
        background: #fff;
        text-align: center;
        padding: 10px 0;
    }

    .custom-calendar-wrap .calendar td {
        height: 80px;
        border: 1px solid #d6d6d6;
        vertical-align: top;
        padding: 6px;
        font-size: 14px;
        font-weight: 400;
        color: #595959;
        position: relative;
    }

.custom-calendar-wrap .active {
    background: #EBEFFB;
}

    .custom-calendar-wrap .active .event {
        background: #FFFFFF;
    }

.custom-calendar-wrap .calendar td.muted {
    color: #bdbdbd;
}

.custom-calendar-wrap .calendar-date {
    position: absolute;
    top: 6px;
    left: 8px;
    font-size: 13px;
}

.custom-calendar-wrap .event {
    margin-top: 36px;
    padding: 4px;
    background: #eef2ff;
    color: #2f5bea;
    border-radius: 4px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 4px;
}

    .custom-calendar-wrap .event.primary {
        background: #2f5bea;
        color: #ffffff;
    }

.custom-calendar-wrap {
    /* Mobile view */
}

@media (max-width: 768px) {
    .custom-calendar-wrap .calendar th {
        font-size: 12px;
        padding: 6px 0;
    }

    .custom-calendar-wrap .calendar td {
        height: 64px;
        padding: 4px;
    }

    .custom-calendar-wrap .event {
        font-size: 11px;
    }
}

.review-popover .popover-header {
    background: transparent;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    color: #000000;
    border-bottom: 0;
    padding: 10px;
    padding-bottom: 0;
}

.review-popover .popover-body {
    font-size: 12px;
    color: #595959;
    padding: 10px;
}

.caledar-header-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: stretch;
    margin-bottom: 24px;
}

    .caledar-header-wrap .month-flex-wrap {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        align-content: stretch;
    }

        .caledar-header-wrap .month-flex-wrap a {
            font-size: 18px;
            color: #1F1F1F;
            padding: 0 8px;
        }

    .caledar-header-wrap .month-text {
        font-weight: 500;
        font-size: 16px;
        color: #1F1F1F;
    }

.week-wrapper-outer .week-wrapper {
    max-width: 1200px;
    margin: auto;
}

.week-wrapper-outer {
    /* Header */
}

    .week-wrapper-outer .week-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 16px;
    }

        .week-wrapper-outer .week-header .left {
            display: flex;
            align-items: center;
            gap: 12px;
        }

    .week-wrapper-outer .arrow {
        font-size: 20px;
        cursor: pointer;
    }

        .week-wrapper-outer .arrow strong {
            color: #0C1030;
        }

    .week-wrapper-outer .view-select {
        border-radius: 6px;
        padding: 4px 8px;
    }

    .week-wrapper-outer .today-dot {
        width: 8px;
        height: 8px;
        background: #4f6bed;
        border-radius: 50%;
    }

    .week-wrapper-outer .today-text {
        color: #858797;
        font-weight: 500;
        font-size: 14px;
    }

    .week-wrapper-outer .month-label {
        color: #B8B8B8;
        font-size: 14px;
    }

.week-wrapper-outer {
    /* Days row */
}

    .week-wrapper-outer .days-row {
        display: grid;
        grid-template-columns: repeat(16, 1fr);
        gap: 8px;
        margin-bottom: 24px;
        overflow-x: auto;
    }

    .week-wrapper-outer .day {
        text-align: center;
        padding: 10px 0;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        color: #747682;
        width: 40px;
    }

        .week-wrapper-outer .day.active {
            background: #4464E2;
            color: #fff;
            border-radius: 50%;
        }

.week-wrapper-outer {
    /* Stage Card */
}

    .week-wrapper-outer .stage-card {
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        padding: 20px;
    }

.week-wrapper-outer {
    /* Deliverables */
}

    .week-wrapper-outer .deliverable {
        background: #F5F5F5;
        border-radius: 4px;
        padding: 10px 16px;
        margin-top: 16px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        margin-bottom: 8px;
    }

        .week-wrapper-outer .deliverable h5 {
            font-style: normal;
            font-weight: 600;
            font-size: 12px;
            margin-bottom: 4px;
            color: #1F1F1F;
        }

        .week-wrapper-outer .deliverable p {
            font-style: normal;
            font-weight: 400;
            font-size: 10px;
            color: #1F1F1F;
        }

.week-wrapper-outer {
    /* Timeline bars */
}

    .week-wrapper-outer .timeline {
        margin-bottom: 8px;
    }

    .week-wrapper-outer .bar {
        float: right;
        height: 32px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        padding: 0 12px;
        white-space: nowrap;
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        color: #1F1F1F;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }

        .week-wrapper-outer .bar.purple {
            background: #d8b4fe;
        }

        .week-wrapper-outer .bar.orange {
            background: #fed7aa;
        }

.chart-container .fees-tooltip {
    position: absolute;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    padding: 14px 16px;
    font-size: 12px;
    color: #111827;
    pointer-events: none;
    min-width: 220px;
    z-index: 1000;
}

    .chart-container .fees-tooltip h4 {
        margin: 0 0 10px;
        font-size: 13px;
        font-weight: 600;
    }

    .chart-container .fees-tooltip .row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 6px;
    }

    .chart-container .fees-tooltip .dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        display: inline-block;
        margin-right: 6px;
    }

.timepicker-groups .ti_tx,
.timepicker-groups .mi_tx,
.timepicker-groups .mer_tx {
    width: 100%;
    text-align: center;
    margin: 0;
}

.timepicker-groups .time,
.timepicker-groups .mins,
.timepicker-groups .meridian {
    width: 40px;
    float: left;
    margin: 0;
    font-size: 20px;
    color: #2d2e2e;
    font-family: "arial";
    font-weight: 700;
}

.timepicker-groups .prev,
.timepicker-groups .next {
    cursor: pointer;
    padding: 14px;
    width: 28%;
    margin: auto;
    background: url(../img/arrow.png) no-repeat;
    border-radius: 5px;
    background-size: 14px;
}

.timepicker-groups .next {
    background-position: 50% 150%;
}

.timepicker-groups .prev {
    background-position: 50% -50%;
}

.timepicker-groups .time_pick {
    position: relative;
}

.timepicker-groups {
    /*input{ float:left;}*/
}

    .timepicker-groups .timepicker_wrap {
        padding: 10px;
        border-radius: 5px;
        z-index: 2;
        display: none;
        background: #ffffff;
        border: 1px solid #ccc;
        float: left;
        position: absolute;
        top: 27px;
        left: 0px;
    }

    .timepicker-groups .arrow_top {
        position: absolute;
        top: -10px;
        left: 20px;
        background: url(../img/top_arr.png) no-repeat;
        width: 18px;
        height: 10px;
        z-index: 3;
    }

    .timepicker-groups input.timepicki-input {
        width: 100%;
        border: 0;
        text-align: center;
        font-size: 14px;
    }

.attendees-select-groups .attendees-select {
    display: none;
}

.custom-viewer-wrap {
    overflow: hidden;
}

    .custom-viewer-wrap .tag-dropdown-menu {
        min-width: 208px;
    }

    .custom-viewer-wrap .toolbar {
        margin-left: -17px;
        margin-right: -17px;
        margin-bottom: -17px;
    }

    .custom-viewer-wrap .image-toolbar {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        background: #fff;
        border-radius: 8px;
    }

.custom-viewer-wrap {
    /* Icon buttons */
}

    .custom-viewer-wrap .icon-btn {
        width: 28px;
        height: 28px;
        border-radius: 6px;
        border: none;
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

        .custom-viewer-wrap .icon-btn:hover {
            background: #f2f2f2;
        }

        .custom-viewer-wrap .icon-btn.active {
            background: #191958;
            color: #fff;
        }

    .custom-viewer-wrap .pin.dragging {
        opacity: 0.8;
    }

    .custom-viewer-wrap .material-icons-outlined {
        font-size: 18px;
        color: #333;
    }

.custom-viewer-wrap {
    /* 50% text — EXACT SPEC */
}

    .custom-viewer-wrap .zoom-text {
        width: 25px;
        height: 16px;
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        cursor: pointer;
        color: #595959;
        text-align: center;
    }

    .custom-viewer-wrap .toolbar {
        background: #fff;
        padding: 12px 24px;
        background: rgba(31, 31, 31, 0.5);
        border-radius: 0px 0px 16px 16px;
    }

    .custom-viewer-wrap .viewer {
        height: calc(100vh - 360px);
        min-height: 400px;
        background: #fff;
        overflow: hidden;
        cursor: grab;
    }

@media screen and (max-width: 767px) {
    .custom-viewer-wrap .viewer {
        height: 400px;
    }
}

.custom-viewer-wrap .btn-icon.pencil-btn-icon.image-toolbar {
    padding: 5px 10px;
}

.custom-viewer-wrap .canvas {
    position: relative;
    transform-origin: 0 0;
}

    .custom-viewer-wrap .canvas img {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        pointer-events: none;
    }

.custom-viewer-wrap {
    /* Pin */
}

    .custom-viewer-wrap .pin {
        position: absolute;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        cursor: pointer;
    }

        .custom-viewer-wrap .pin.active .avatar.avatarOuter {
            background: #4f46e5;
            display: flex !important;
        }

        .custom-viewer-wrap .pin .avatar.avatarOuter {
            display: none;
        }

    .custom-viewer-wrap .pin {
        position: absolute;
        cursor: pointer;
    }

.custom-viewer-wrap {
    /* customPopover */
}

    .custom-viewer-wrap .customPopover {
        margin-left: 20px;
        position: absolute;
        width: 280px;
        background: #fff;
        border-radius: 10px;
        padding: 10px;
        border: 1px solid #E8E8E8;
        box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 8px 10px -6px rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        z-index: 10;
    }

    .custom-viewer-wrap .pop-header {
        display: flex;
        gap: 8px;
    }

    .custom-viewer-wrap .avatar {
        width: 24px;
        height: 24px;
        background: #4464E2;
        color: #fff;
        border-radius: 50%;
        font-size: 10px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .custom-viewer-wrap .pop-header .name {
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        color: #191958;
    }

    .custom-viewer-wrap .meta {
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        color: #7A7A7A;
    }

    .custom-viewer-wrap .btn-action {
        margin-left: 6px;
    }

    .custom-viewer-wrap .comment-text {
        margin: 6px 0;
        min-height: 40px;
    }

    .custom-viewer-wrap .reply {
        margin-left: 0;
        margin-top: 6px;
        font-size: 13px;
        background: #fff;
        padding: 6px;
        border-radius: 6px;
    }

    .custom-viewer-wrap .reply-box {
        margin-top: 12px;
        margin-bottom: 0;
    }

        .custom-viewer-wrap .reply-box textarea {
            width: 100%;
            resize: none;
            font-size: 12px;
        }

    .custom-viewer-wrap .replyBtn {
        font-size: 12px;
        color: #4464E2;
        text-decoration: none;
        font-weight: 600;
        background: transparent;
        border: 0;
        padding-top: 8px;
    }

    .custom-viewer-wrap .replies .reply {
        position: relative;
        padding-left: 0;
        padding-right: 46px;
    }

        .custom-viewer-wrap .replies .reply .actions {
            position: absolute;
            top: 0;
            right: 0;
            z-index: 3;
        }

    .custom-viewer-wrap .bttn-action {
        background: transparent;
        border: 0;
        padding: 4px;
    }

    .custom-viewer-wrap .replies .reply .avatar {
        position: absolute;
        top: 0px;
        left: -32px;
        z-index: 3;
    }

.icon-rail {
    width: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
    position: fixed;
    right: 10px;
    top: 120px;
    z-index: 99;
    background: #fff;
}

@media screen and (max-width: 767px) {
    .icon-rail {
        display: none;
    }
}

.icon-rail .tab-btns {
    width: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 22px;
}

.icon-rail .icon-item {
    position: relative;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

    .icon-rail .icon-item i {
        font-size: 24px;
        line-height: 24px;
        color: #111;
    }

.icon-rail .badge {
    font-size: 11px;
    width: 16px;
    height: 16px;
    background-color: var(--c-danger-shade-10) !important;
    color: #ffffff;
    text-align: center;
    padding: 3px;
    position: absolute;
    bottom: -10px;
    left: 15px;
}

.icon-rail .icon-item:hover i {
    color: #3b82f6;
}

.icon-rail .icon-item.active i {
    color: #2563eb;
}

.icon-item.show-menu-btn {
    display: none;
}

.icon-rail .tab-btns {
    display: none;
}

.drawings-col-design {
    position: relative;
}

    .drawings-col-design .common-new-page-back {
        padding-right: 90px;
    }

@media screen and (min-width: 768px) {
    .drawings-col-design {
        width: calc(100% - 330px);
    }
}

.drawings-col-design .drawing-mang-action {
    position: absolute;
    top: 10px;
    right: 16px;
    z-index: 9;
}

@media screen and (min-width: 768px) {
    .drawings-col-comments {
        width: 330px;
    }
}

.hide-menu-drawings-col .drawings-col-design {
    width: calc(100% - 70px);
}

.hide-menu-drawings-col .icon-item.hide-menu-btn {
    display: none;
}

.hide-menu-drawings-col .icon-item.show-menu-btn {
    display: block;
}

.hide-menu-drawings-col .drawings-col-comments {
    display: none;
}

.hide-menu-drawings-col .icon-rail .tab-btns {
    display: flex;
}

.comments-card-border-1 .comment:not(:last-child) {
    border-bottom: 1px solid #F3F4F6;
    padding-bottom: 14px;
}

@keyframes leaves {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }

    100% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
    }
}

.ai-ask-logo-title-wrap {
    position: relative;
}

.ai-ask-logo-ani {
    text-align: center;
    position: relative;
    width: 122px;
    height: 122px;
    display: block;
    margin: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    margin-bottom: 48px;
    margin-top: 30px;
}

    .ai-ask-logo-ani .ask-ai-logo {
        position: relative;
        z-index: 5;
    }

    .ai-ask-logo-ani .ask-ai-logo-overlay {
        position: absolute;
        top: -88px;
        left: -92px;
        right: 0;
        bottom: auto;
        z-index: 1;
        transform-origin: center center;
        animation: leaves 5s ease-in-out infinite alternate;
        -webkit-animation: leaves 5s ease-in-out infinite alternate;
    }

.col-md-4 .common-btn.btn.btn-1.btn-lg.w-100.m-b-28 {
    position: relative;
    z-index: 3;
}

.hide-after::after {
    display: none !important;
}

.accessroles-page .attachments-table-wrap {
    margin-top: 10px;
}

.accessroles-page .common-accordion .accordion-button:not(.collapsed) .acc-icon {
    rotate: 180deg !important;
}

.accessroles-page .accordion-button:focus {
    z-index: 3;
    border-color: transparent !important;
    outline: 0;
    box-shadow: none !important;
}

.accessroles-page .accordion-item {
    padding: 8px 0;
    border-bottom: 1px solid #D6D6D6 !important;
    margin-bottom: 6px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.accessroles-page .th-col-1 {
    width: 60%;
}

.accessroles-page .th-col-4,
.accessroles-page .view-col,
.accessroles-page .th-col-3 {
    width: 150px;
}

.transfer-admin-access-modal .stepper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.transfer-admin-access-modal {
    /* Circle */
}

    .transfer-admin-access-modal .step {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #e0e0e0;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        font-size: 14px;
        line-height: 21px;
        color: #595959;
    }

.transfer-admin-access-modal {
    /* Active step */
}

    .transfer-admin-access-modal .step.active {
        background: #191958;
        color: #ffffff;
    }

.transfer-admin-access-modal {
    /* Line between steps */
}

    .transfer-admin-access-modal .line {
        width: 64px;
        height: 2px;
        background: #d9d9d9;
    }

.card-prop {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px;
    gap: 16px;
}

    .card-prop.selected {
        border-color: #6982E7;
        background: #EBEFFB;
    }

.card-prop {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 10px;
}

    .card-prop .avatar {
        width: 40px;
        height: 40px;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        -ms-border-radius: 100px;
        -o-border-radius: 100px;
    }

.br-4 {
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
}

.stat-card-outer {
    /* Card */
}

    .stat-card-outer .stat-card {
        padding: 16px;
        border-radius: 10px;
        margin-bottom: 24px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        height: calc(100% - 24px);
        font-family: "Montserrat", sans-serif;
    }

        .stat-card-outer .stat-card .ph {
            font-size: 24px;
        }

.stat-card-outer {
    /* Background colors */
}

    .stat-card-outer .stat-card.blue {
        background: #EBEFFB;
    }

        .stat-card-outer .stat-card.blue .ph {
            color: #F39C12;
        }

    .stat-card-outer .stat-card.green {
        background: #EDFBEA;
    }

        .stat-card-outer .stat-card.green .ph {
            color: #47C026;
        }

    .stat-card-outer .stat-card.red {
        background: #FCE7E9;
    }

        .stat-card-outer .stat-card.red .ph {
            color: #BD1919;
        }

.stat-card-outer {
    /* Icon */
}

    .stat-card-outer .icon {
        font-size: 20px;
        margin-bottom: 4px;
    }

.stat-card-outer {
    /* Value (3.9, 82%) */
}

    .stat-card-outer .value {
        font-weight: 700;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
        color: #1F1F1F;
    }

.stat-card-outer {
    /* Label */
}

    .stat-card-outer .label {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #595959;
    }

.review-card-wrap {
    margin-bottom: 12px;
}

    .review-card-wrap .review-card {
        padding: 16.8px;
        background: #ffffff;
        border: 0.8px solid rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        font-family: "Montserrat", sans-serif;
    }

.review-card-wrap {
    /* Header */
}

    .review-card-wrap .header {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .review-card-wrap .name {
        font-weight: 700;
        font-size: 14px;
        line-height: 21px;
        color: #172B4D;
    }

    .review-card-wrap .email {
        font-size: 12px;
        color: #595959;
    }

.review-card-wrap {
    /* Date */
}

    .review-card-wrap .date {
        margin-top: 4px;
        font-size: 12px;
        line-height: 18px;
        color: #595959;
    }

.review-card-wrap {
    /* Rating */
}

    .review-card-wrap .rating {
        margin-top: 6px;
        font-size: 14px;
    }

        .review-card-wrap .rating i.ph-fill.ph-star {
            color: #22C55E;
        }

        .review-card-wrap .rating i.ph.ph-star {
            color: #D1D5DB;
        }

        .review-card-wrap .rating span {
            color: #172B4D;
            font-size: 12px;
            margin-left: 4px;
        }

.review-card-wrap {
    /* Review Text */
}

    .review-card-wrap .review-text {
        margin-top: 12px;
        padding: 12px 14px;
        background: #F8F9FF;
        border-radius: 10px;
        font-size: 13px;
        line-height: 21px;
        color: #1F1F1F;
    }

.chat-app {
    display: flex;
    margin-top: -34px;
}

@media screen and (max-width: 767px) {
    .chat-app {
        margin-top: 0;
        flex-direction: column;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .chat-app {
        margin-top: 0;
        flex-direction: column;
    }
}

.chat-app {
    /* Sidebar */
}

    .chat-app .sidebar {
        width: 360px;
        background: #fff;
        border-right: 1px solid #e5e7eb;
        padding: 16px;
        height: calc(100vh - 100px);
        overflow-y: auto;
    }

@media screen and (max-width: 767px) {
    .chat-app .sidebar {
        width: 100%;
        margin-bottom: 30px;
        border-right: 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .chat-app .sidebar {
        width: 60%;
        margin: auto;
        border-right: 0;
    }
}

.chat-app .chat-item {
    margin-top: 16px;
    padding: 16px;
    border-radius: 8px;
    cursor: pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

    .chat-app .chat-item .d-flex {
        gap: 10px;
        margin-bottom: 12px;
    }

        .chat-app .chat-item .d-flex .avatar {
            width: 32px;
            height: 32px;
            border-radius: 50px;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            -ms-border-radius: 50px;
            -o-border-radius: 50px;
        }

        .chat-app .chat-item .d-flex .datetime-span {
            font-style: normal;
            font-weight: 500;
            font-size: 10px;
            white-space: nowrap;
            color: #595959;
            width: 100%;
            text-align: right;
        }

        .chat-app .chat-item .d-flex .chat-head {
            width: 100%;
        }

        .chat-app .chat-item .d-flex strong {
            font-weight: 600;
            font-size: 12px;
            color: #1F1F1F;
        }

        .chat-app .chat-item .d-flex p {
            font-style: normal;
            font-weight: 500;
            font-size: 10px;
            line-height: 14px;
            color: #595959;
        }

    .chat-app .chat-item .x-small, .chat-app .chat-item .full-calendar .fc .fc-col-header-cell-cushion, .full-calendar .fc .chat-app .chat-item .fc-col-header-cell-cushion, .chat-app .chat-item .full-calendar .fc .fc-daygrid-day-number, .full-calendar .fc .chat-app .chat-item .fc-daygrid-day-number, .chat-app .chat-item .ul-dot li, .ul-dot .chat-app .chat-item li {
        color: #595959;
    }

    .chat-app .chat-item.active {
        background: #EBEFFB;
    }

    .chat-app .chat-item img {
        border-radius: 50%;
    }

    .chat-app .chat-item p {
        font-size: 12px;
        color: #6b7280;
    }

.chat-app {
    /* Chat area */
}

    .chat-app .chat-area {
        flex: 1;
        display: flex;
        flex-direction: column;
        background: #fff;
    }

.chat-app {
    /* Header */
}

    .chat-app .chat-header {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 16px;
        border-bottom: 1px solid #e5e7eb;
    }

        .chat-app .chat-header img {
            border-radius: 50%;
            width: 48px;
            height: 48px;
        }

        .chat-app .chat-header strong {
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 22px;
            color: #172B4D;
        }

        .chat-app .chat-header p {
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 20px;
            color: #44546F;
        }

    .chat-app .blue-tick {
        color: #0055CC;
        font-size: 12px;
    }

        .chat-app .blue-tick:last-child {
            margin-left: -6px;
        }

.chat-app {
    /* Messages */
}

    .chat-app .messages {
        flex: 1;
        padding: 0;
        overflow-y: auto;
    }

    .chat-app .chat-input {
        padding: 20px;
    }

        .chat-app .chat-input .form-control {
            border-radius: 16px;
            height: 118px;
            -webkit-border-radius: 16px;
            -moz-border-radius: 16px;
            -ms-border-radius: 16px;
            -o-border-radius: 16px;
        }

        .chat-app .chat-input .add-comment .attach {
            font-size: 18px;
        }

        .chat-app .chat-input .add-comment .send {
            width: 32px;
            height: 32px;
            background: #191958;
            text-align: center;
            padding: 4px;
            border-radius: 50px;
            color: #FFFFFF;
            font-size: 18px;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            -ms-border-radius: 50px;
            -o-border-radius: 50px;
        }

            .chat-app .chat-input .add-comment .send i {
                color: #ffffff;
            }

    .chat-app .chat-wrapper {
        max-width: 700px;
        margin: 20px auto;
        padding: 0 16px;
        height: calc(100vh - 360px);
        overflow-y: auto;
    }

@media screen and (max-width: 767px) {
    .chat-app .chat-wrapper {
        height: 300px;
    }
}

.chat-app {
    /* Date line */
}

    .chat-app .date-separator {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        /* identical to box height, or 133% */
        text-align: center;
        color: #595959;
        margin: 24px 0;
        position: relative;
    }

        .chat-app .date-separator span {
            position: relative;
            background: #fff;
            padding: 0 16px;
            z-index: 9;
        }

        .chat-app .date-separator::after {
            position: absolute;
            top: 8px;
            left: 0;
            right: 0;
            z-index: 2;
            height: 1px;
            background: #D6D6D6;
            content: "";
        }

.chat-app {
    /* Message row */
}

    .chat-app .message-row {
        margin-bottom: 20px;
    }

.chat-app {
    /* Meta (You / time) */
}

    .chat-app .meta {
        display: flex;
        justify-content: space-between;
        font-size: 12px;
        color: #9ca3af;
        margin-bottom: 6px;
    }

.chat-app {
    /* Bubble (shared) */
}

    .chat-app .bubble {
        max-width: 453px;
        padding: 10px 10px;
        border-radius: 12px;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        color: #1F1F1F;
        background: #ffffff;
        border: 1px solid #e5e7eb;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
    }

.chat-app {
    /* Outgoing */
}

    .chat-app .outgoing {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

        .chat-app .outgoing .meta {
            display: flex;
            justify-content: space-between;
            max-width: 453px;
            width: 100%;
        }

.chat-app {
    /* Incoming */
}

    .chat-app .incoming {
        display: flex;
        gap: 12px;
        align-items: flex-start;
    }

    .chat-app .bubble.light {
        background: #f3f4f6;
        border: none;
    }

.chat-app {
    /* Avatar */
}

    .chat-app .avatar {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        background: linear-gradient(135deg, #6366f1, #06b6d4);
        color: #fff;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.chat-app {
    /* Sender name */
}

    .chat-app .sender {
        font-size: 12px;
        color: #6b7280;
        margin-bottom: 4px;
    }

.chat-app {
    /* Time */
}

    .chat-app .time {
        font-size: 12px;
        color: #9ca3af;
        margin-top: 6px;
    }

/* Layout */
.ai-layout {
    /* Sidebar */
}

    .ai-layout .sidebar {
        width: 260px;
        padding: 20px;
        background: #ffffff;
    }

@media screen and (max-width: 767px) {
    .ai-layout .sidebar {
        width: 100%;
    }
}

.ai-layout .menu-box,
.ai-layout .recent-box {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px;
}

    .ai-layout .menu-box button {
        display: block;
        width: 100%;
        padding: 5px 0px;
        margin-bottom: 6px;
        border: none;
        background: none;
        text-align: left;
        cursor: pointer;
        color: #191958;
        font-weight: 500;
    }

        .ai-layout .menu-box button:hover {
            color: #4464E2;
        }

        .ai-layout .menu-box button i {
            margin-right: 12px;
            font-size: 18px;
        }

    .ai-layout .recent-box h4 {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        color: #1F1F1F;
        margin-bottom: 16px;
    }

    .ai-layout .recent-box a {
        display: block;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        color: #4464E2;
        margin-bottom: 10px;
        text-decoration: none;
    }

        .ai-layout .recent-box a:hover {
            color: #191958;
        }

.ai-layout {
    /* Main */
}

    .ai-layout .main {
        flex: 1;
        display: block;
        max-width: 827px;
        margin: auto;
    }

.ai-layout {
    /* AI Logo */
}

    .ai-layout .ai-logo {
        text-align: center;
        margin-bottom: 48px;
    }

.ai-layout {
    /* Text styles */
}

    .ai-layout .title {
        font-weight: 600;
        font-size: 32px;
        line-height: 58px;
        letter-spacing: -0.02em;
        text-align: center;
        color: #1A5D08;
        text-align: center;
    }

    .ai-layout .subtitle {
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        color: #376419;
        margin-bottom: 32px;
    }

.ai-layout {
    /* Suggestions */
}

    .ai-layout .suggestions {
        display: flex;
        gap: 16px;
        margin-bottom: 53px;
    }

    .ai-layout .suggestion {
        flex: 1;
        padding: 14px;
        background: #ffffff;
        border-radius: 10px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        color: #160211;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        align-content: stretch;
    }

        .ai-layout .suggestion.highlight {
            background: #f0fdf4;
        }

.ai-layout {
    /* Input */
}

    .ai-layout .input-box {
        display: flex;
        align-items: center;
        background: #ffffff;
        width: 100%;
        position: relative;
    }

        .ai-layout .input-box input {
            width: 100%;
            padding: 12px;
            flex: 1;
            border: none;
            font-size: 14px;
            line-height: 20px;
            border: 1px solid rgba(22, 2, 17, 0.3019607843);
            color: #160211;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -ms-border-radius: 8px;
            -o-border-radius: 8px;
            padding-right: 50px;
            padding-left: 20px;
            height: 56px;
        }

            .ai-layout .input-box input:focus {
                border: 1px solid #376419;
            }

        .ai-layout .input-box .send {
            border: none;
            padding: 7px;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            cursor: pointer;
            font-size: 18px;
            color: #000000;
            position: absolute;
            top: 10px;
            right: 8px;
            z-index: 9;
        }

.ask-ai-section {
    background: url("../img/ask-ai-bg.png") no-repeat right bottom;
    min-height: 100vh;
    /* Chat container */
}

    .ask-ai-section .chat-container {
        max-width: 100%;
        margin: 40px auto;
        padding: 0;
    }

.ask-ai-section {
    /* Message row */
}

    .ask-ai-section .message-row {
        display: flex;
        margin-bottom: 16px;
    }

.ask-ai-section {
    /* AI (left) */
}

    .ask-ai-section .message-row.ai {
        justify-content: flex-start;
    }

.ask-ai-section {
    /* User (right) */
}

    .ask-ai-section .message-row.user {
        justify-content: flex-end;
    }

.ask-ai-section {
    /* Bubble common */
}

    .ask-ai-section .bubble {
        padding: 16px;
        border-radius: 8px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        max-width: 517px;
        word-wrap: break-word;
    }

.ask-ai-section {
    /* AI bubble */
}

    .ask-ai-section .ai-bubble {
        background: #ffffff;
        color: #595959;
        border: 1px solid #e5e7eb;
    }

.ask-ai-section {
    /* User bubble */
}

    .ask-ai-section .user-bubble {
        background: #2C4BCA;
        color: #ffffff;
        max-width: 401px;
    }

/* Wrapper */
.email-wrapper {
    max-width: 100%;
    margin: 24px auto;
    background: #ffffff;
    border-radius: 12px;
    flex: 1;
}

@media screen and (min-width: 768px) {
    .email-wrapper {
        padding: 0 16px;
    }
}

.email-wrapper .attachments {
    border-top: 1px solid #e5e7eb;
    padding-top: 32px;
    margin-top: 32px;
}

.email-wrapper .email-body {
    border-top: 1px solid #e5e7eb;
    padding-top: 16px;
    margin-top: 16px;
}

.email-wrapper {
    /* Header */
}

    .email-wrapper .email-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
    }

@media screen and (max-width: 767px) {
    .email-wrapper .email-header {
        flex-wrap: wrap;
    }
}

.email-wrapper .email-header h2 {
    font-size: 16px;
    font-weight: 600;
    color: #1F1F1F;
}

.email-wrapper .header-actions button {
    border: 1px solid #e5e7eb;
    background: #fff;
    border-radius: 6px;
    padding: 6px 8px;
    cursor: pointer;
    width: 32px;
    height: 32px;
}

    .email-wrapper .header-actions button .ph {
        font-size: 16px;
    }

.email-wrapper {
    /* Sender */
}

    .email-wrapper .sender-row {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-top: 20px;
    }

@media screen and (max-width: 767px) {
    .email-wrapper .sender-row {
        flex-wrap: wrap;
    }
}

.email-wrapper .avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #4f46e5;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.email-wrapper .sender-info {
    flex: 1;
}

.email-wrapper .sender-name {
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    color: #1F1F1F;
}

.email-wrapper .sender-email,
.email-wrapper .to-line {
    font-size: 12px;
    color: #6b7280;
}

.email-wrapper .sent-time {
    font-size: 12px;
    color: #6b7280;
}

.email-wrapper hr {
    border: none;
    border-top: 1px solid #e5e7eb;
    margin: 20px 0;
}

.email-wrapper {
    /* Email body */
}

    .email-wrapper .email-body {
        max-width: 699px;
        font-size: 14px;
        line-height: 24px;
        color: #1F1F1F;
    }

        .email-wrapper .email-body p {
            margin-bottom: 16px;
        }

        .email-wrapper .email-body ol {
            padding-left: 18px;
            margin-bottom: 16px;
        }

    .email-wrapper .muted {
        color: #6b7280;
    }

.email-wrapper {
    /* Attachments */
}

    .email-wrapper .attachments h4 {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .email-wrapper .attachment {
        display: flex;
        align-items: center;
        gap: 12px;
        background: #F5F5F5;
        border-radius: 10px;
        padding: 12px;
        margin-bottom: 8px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        color: #1F1F1F;
    }

    .email-wrapper i.ph {
        font-size: 24px;
        color: #000000;
    }

    .email-wrapper .attachment .size {
        font-size: 12px;
        color: #595959;
    }

    .email-wrapper .attachment button {
        margin-left: auto;
        border: none;
        background: none;
        cursor: pointer;
    }

.email-wrapper {
    /* Actions */
}

    .email-wrapper .email-actions {
        display: flex;
        gap: 12px;
        margin-top: 20px;
    }

.mail-list .chat-item {
    border-radius: 0 !important;
    border-bottom: 1px solid #e5e7eb;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}

.new-mail-foot.btn-modal-wrap {
    position: relative;
}

    .new-mail-foot.btn-modal-wrap a {
        color: #7A7A7A;
        font-size: 20px;
        padding: 6px;
        display: inline-block;
    }

.new-mail-head {
    position: relative;
    min-height: calc(100vh - 200px);
}

    .new-mail-head .form-control {
        border: 0;
    }

    .new-mail-head .bb-1 {
        border-bottom: 1px solid #EDEFF1;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .new-mail-head .body-text {
        height: 300px;
    }

@media screen and (max-width: 767px) {
    .new-mail-head .body-text {
        height: 200px;
    }
}

.new-mail-head .cc-bcc-wrap {
    position: relative;
}

    .new-mail-head .cc-bcc-wrap a {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        color: #7A7A7A;
    }

    .new-mail-head .cc-bcc-wrap .btn-wrap {
        position: absolute;
        right: 6px;
        top: 6px;
        z-index: 9;
    }

.modal-header.new-mail-modal-header {
    background: #191D9C;
    color: #fff;
    padding: 6px 10px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

    .modal-header.new-mail-modal-header .modal-title {
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        color: #FFFFFF;
    }

    .modal-header.new-mail-modal-header .close {
        color: #fff;
    }

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

.empty-conv-text {
    font-size: 44px;
    padding: 30px 0;
}

.loader-record-api {
    padding: 30px 0;
}

    .loader-record-api i {
        animation: spin 4s linear infinite;
        font-size: 44px;
        display: inline-block;
    }

.common-dt-table-wrap .dataTables_wrapper {
    overflow-x: auto;
}

.common-dt-table-wrap .common-dt-table {
    width: 100%;
}

    .common-dt-table-wrap .common-dt-table thead th {
        white-space: nowrap;
        background: #FCFCFD;
        font-size: 12px;
        text-align: left;
        color: #667085;
        background-image: none !important;
        border-bottom: 1px solid #EAECF0;
        height: 42px;
    }

@media screen and (max-width: 767px) {
    .common-dt-table-wrap .common-dt-table thead th {
        height: 24px;
    }
}

.common-dt-table-wrap .common-dt-table thead th .inner-sort-icon {
    width: 18px;
    display: inline-block;
    text-align: center;
}

.common-dt-table-wrap .common-dt-table thead th i {
    font-size: 12px;
    font-weight: 600;
}

    .common-dt-table-wrap .common-dt-table thead th i.ph.ph-arrow-up {
        display: none;
    }

    .common-dt-table-wrap .common-dt-table thead th i.ph.ph-arrow-down {
        display: inline-block;
    }

.common-dt-table-wrap .common-dt-table thead th.sorting_disabled i {
    display: none !important;
}

.common-dt-table-wrap .common-dt-table thead th.sorting_asc i.ph.ph-arrow-up {
    display: inline-block;
}

.common-dt-table-wrap .common-dt-table thead th.sorting_asc i.ph.ph-arrow-down {
    display: none;
}

.common-dt-table-wrap .common-dt-table thead th.sorting_desc i.ph.ph-arrow-up {
    display: none;
}

.common-dt-table-wrap .common-dt-table thead th.sorting_desc i.ph.ph-arrow-down {
    display: inline-block;
}

.common-dt-table-wrap .common-dt-table tbody td {
    border-bottom: 1px solid #EAECF0;
    height: 44px;
    font-size: 14px;
    color: #667085;
}

@media screen and (max-width: 767px) {
    .common-dt-table-wrap .common-dt-table tbody td {
        height: 24px;
    }
}

.common-dt-table-wrap .common-dt-table tbody td span {
    font-size: 14px;
    color: #667085;
}

.common-dt-table-wrap .common-dt-table tbody td b {
    font-size: 14px;
    color: #101828;
}

.common-dt-table-wrap .common-dt-table tbody td .partner-img {
    margin: auto;
    display: block;
}

.common-dt-table-wrap .common-dt-table tbody tr:hover td {
    background: #FCFCFD;
}

.dataTables_info {
    font-size: 14px;
    color: #667085;
}

table.dataTable.no-footer {
    border-bottom: 0;
}

table.dataTable > tbody > tr.child .dtr-details > li:last-child {
    border-bottom: none;
    padding: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 35px;
    padding: 5px 10px;
    margin: 0 3px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #000000 !important;
    border: 1px solid transparent !important;
    border-radius: 2px;
    background: #fff !important;
    font-size: 16px;
    min-width: inherit;
    padding: 0 2px;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.current {
        border-bottom: 1px solid #000000 !important;
        color: #000000 !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background: #fff !important;
        color: #000000 !important;
    }

table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr[role=row] > th:first-child:before {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    margin-left: 7px;
}

@media (min-width: 1200px) {
    .lg-plr0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .lg-pr0 {
        padding-right: 0 !important;
    }
}

@media (min-width: 992px) {
    .hide-tabdesktop {
        display: none;
    }
}

@media (min-width: 768px) {
    .hide-dekstop {
        display: none !important;
    }

    .show-desktop {
        display: block !important;
    }

    .h-100-24 {
        height: calc(100% - 24px);
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .hide-tab {
        display: none !important;
    }

    .show-tab {
        display: block !important;
    }

    .tab-order-1 {
        order: -1;
    }
}

@media (max-width: 767.98px) {
    .xs-border-0 {
        border: 0 !important;
    }

    .mobile-order-1 {
        order: -1;
    }

    .xs-order-0 {
        order: 0 !important;
    }

    .xs-order-1 {
        order: 1 !important;
    }

    .xs-order-2 {
        order: 2 !important;
    }

    .hide-mobile {
        display: none !important;
    }

    .show-mobile {
        display: block !important;
    }

    .mobile-first-col {
        order: -1;
    }

    .xs-z-index60 {
        z-index: 60;
        background: #fff;
    }

    .xs-mb30 {
        margin-bottom: 30px !important;
    }

    .xs-mt6 {
        margin-top: 6px !important;
    }

    .xs-overflow-auto {
        overflow-x: auto !important;
    }

    .xs-text-left {
        text-align: left !important;
    }

    .xs-text-right {
        text-align: right !important;
    }

    .xs-text-center {
        text-align: center !important;
    }

    .show-inline-block-mobile {
        display: inline-block !important;
    }

    .hide-mobile {
        display: none !important;
    }

    .xs-order1 {
        order: 1 !important;
    }

    .xs-pt0 {
        padding-top: 0 !important;
    }

    .xs-mt0 {
        margin-top: 0px !important;
    }

    .xs-mb20 {
        margin-bottom: 20px !important;
    }

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

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

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

    .xs-mb30 {
        margin-bottom: 30px !important;
    }

    .xs-mr30 {
        margin-right: 30px !important;
    }

    .xs-mt20 {
        margin-top: 20px;
    }

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

    .xs-mt15 {
        margin-top: 15px !important;
    }

    .xs-pr10 {
        padding-right: 10px !important;
    }

    .xs-pl10 {
        padding-left: 10px !important;
    }

    .xs-mb40 {
        margin-bottom: 40px !important;
    }

    .main-menu-header {
        display: none;
    }

    .order-1-xs {
        order: 1 !important;
    }
}