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

  Project Name: Neovest-html || Advanced Hyip Investment Scheme With Ranking System and Automatic Withdraw
  Author: Tdevs
  Support: support@tdevs.co
  Description: Neovest-html || Advanced Hyip Investment Scheme With Ranking System and Automatic Withdraw
  Version: 1.0

-----------------------------------------------------------------------------------

/*----------------------------------------*/
/* Globals Default
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
.mt-1 {
  margin-top: 1px;
}

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

.ml-1 {
  margin-inline-start: 1px;
}

.mr-1 {
  margin-inline-end: 1px;
}

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

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

.ml-2 {
  margin-inline-start: 2px;
}

.mr-2 {
  margin-inline-end: 2px;
}

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

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

.ml-3 {
  margin-inline-start: 3px;
}

.mr-3 {
  margin-inline-end: 3px;
}

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

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

.ml-4 {
  margin-inline-start: 4px;
}

.mr-4 {
  margin-inline-end: 4px;
}

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

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

.ml-5 {
  margin-inline-start: 5px;
}

.mr-5 {
  margin-inline-end: 5px;
}

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

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

.ml-6 {
  margin-inline-start: 6px;
}

.mr-6 {
  margin-inline-end: 6px;
}

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

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

.ml-7 {
  margin-inline-start: 7px;
}

.mr-7 {
  margin-inline-end: 7px;
}

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

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

.ml-8 {
  margin-inline-start: 8px;
}

.mr-8 {
  margin-inline-end: 8px;
}

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

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

.ml-9 {
  margin-inline-start: 9px;
}

.mr-9 {
  margin-inline-end: 9px;
}

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

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

.ml-10 {
  margin-inline-start: 10px;
}

.mr-10 {
  margin-inline-end: 10px;
}

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

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

.ml-11 {
  margin-inline-start: 11px;
}

.mr-11 {
  margin-inline-end: 11px;
}

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

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

.ml-12 {
  margin-inline-start: 12px;
}

.mr-12 {
  margin-inline-end: 12px;
}

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

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

.ml-13 {
  margin-inline-start: 13px;
}

.mr-13 {
  margin-inline-end: 13px;
}

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

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

.ml-14 {
  margin-inline-start: 14px;
}

.mr-14 {
  margin-inline-end: 14px;
}

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

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

.ml-15 {
  margin-inline-start: 15px;
}

.mr-15 {
  margin-inline-end: 15px;
}

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

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

.ml-16 {
  margin-inline-start: 16px;
}

.mr-16 {
  margin-inline-end: 16px;
}

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

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

.ml-17 {
  margin-inline-start: 17px;
}

.mr-17 {
  margin-inline-end: 17px;
}

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

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

.ml-18 {
  margin-inline-start: 18px;
}

.mr-18 {
  margin-inline-end: 18px;
}

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

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

.ml-19 {
  margin-inline-start: 19px;
}

.mr-19 {
  margin-inline-end: 19px;
}

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

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

.ml-20 {
  margin-inline-start: 20px;
}

.mr-20 {
  margin-inline-end: 20px;
}

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

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

.ml-21 {
  margin-inline-start: 21px;
}

.mr-21 {
  margin-inline-end: 21px;
}

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

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

.ml-22 {
  margin-inline-start: 22px;
}

.mr-22 {
  margin-inline-end: 22px;
}

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

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

.ml-23 {
  margin-inline-start: 23px;
}

.mr-23 {
  margin-inline-end: 23px;
}

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

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

.ml-24 {
  margin-inline-start: 24px;
}

.mr-24 {
  margin-inline-end: 24px;
}

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

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

.ml-25 {
  margin-inline-start: 25px;
}

.mr-25 {
  margin-inline-end: 25px;
}

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

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

.ml-26 {
  margin-inline-start: 26px;
}

.mr-26 {
  margin-inline-end: 26px;
}

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

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

.ml-27 {
  margin-inline-start: 27px;
}

.mr-27 {
  margin-inline-end: 27px;
}

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

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

.ml-28 {
  margin-inline-start: 28px;
}

.mr-28 {
  margin-inline-end: 28px;
}

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

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

.ml-29 {
  margin-inline-start: 29px;
}

.mr-29 {
  margin-inline-end: 29px;
}

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

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

.ml-30 {
  margin-inline-start: 30px;
}

.mr-30 {
  margin-inline-end: 30px;
}

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

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

.ml-31 {
  margin-inline-start: 31px;
}

.mr-31 {
  margin-inline-end: 31px;
}

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

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

.ml-32 {
  margin-inline-start: 32px;
}

.mr-32 {
  margin-inline-end: 32px;
}

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

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

.ml-33 {
  margin-inline-start: 33px;
}

.mr-33 {
  margin-inline-end: 33px;
}

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

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

.ml-34 {
  margin-inline-start: 34px;
}

.mr-34 {
  margin-inline-end: 34px;
}

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

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

.ml-35 {
  margin-inline-start: 35px;
}

.mr-35 {
  margin-inline-end: 35px;
}

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

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

.ml-36 {
  margin-inline-start: 36px;
}

.mr-36 {
  margin-inline-end: 36px;
}

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

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

.ml-37 {
  margin-inline-start: 37px;
}

.mr-37 {
  margin-inline-end: 37px;
}

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

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

.ml-38 {
  margin-inline-start: 38px;
}

.mr-38 {
  margin-inline-end: 38px;
}

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

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

.ml-39 {
  margin-inline-start: 39px;
}

.mr-39 {
  margin-inline-end: 39px;
}

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

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

.ml-40 {
  margin-inline-start: 40px;
}

.mr-40 {
  margin-inline-end: 40px;
}

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

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

.ml-41 {
  margin-inline-start: 41px;
}

.mr-41 {
  margin-inline-end: 41px;
}

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

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

.ml-42 {
  margin-inline-start: 42px;
}

.mr-42 {
  margin-inline-end: 42px;
}

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

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

.ml-43 {
  margin-inline-start: 43px;
}

.mr-43 {
  margin-inline-end: 43px;
}

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

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

.ml-44 {
  margin-inline-start: 44px;
}

.mr-44 {
  margin-inline-end: 44px;
}

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

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

.ml-45 {
  margin-inline-start: 45px;
}

.mr-45 {
  margin-inline-end: 45px;
}

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

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

.ml-46 {
  margin-inline-start: 46px;
}

.mr-46 {
  margin-inline-end: 46px;
}

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

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

.ml-47 {
  margin-inline-start: 47px;
}

.mr-47 {
  margin-inline-end: 47px;
}

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

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

.ml-48 {
  margin-inline-start: 48px;
}

.mr-48 {
  margin-inline-end: 48px;
}

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

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

.ml-49 {
  margin-inline-start: 49px;
}

.mr-49 {
  margin-inline-end: 49px;
}

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

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

.ml-50 {
  margin-inline-start: 50px;
}

.mr-50 {
  margin-inline-end: 50px;
}

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

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

.ml-51 {
  margin-inline-start: 51px;
}

.mr-51 {
  margin-inline-end: 51px;
}

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

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

.ml-52 {
  margin-inline-start: 52px;
}

.mr-52 {
  margin-inline-end: 52px;
}

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

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

.ml-53 {
  margin-inline-start: 53px;
}

.mr-53 {
  margin-inline-end: 53px;
}

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

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

.ml-54 {
  margin-inline-start: 54px;
}

.mr-54 {
  margin-inline-end: 54px;
}

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

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

.ml-55 {
  margin-inline-start: 55px;
}

.mr-55 {
  margin-inline-end: 55px;
}

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

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

.ml-56 {
  margin-inline-start: 56px;
}

.mr-56 {
  margin-inline-end: 56px;
}

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

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

.ml-57 {
  margin-inline-start: 57px;
}

.mr-57 {
  margin-inline-end: 57px;
}

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

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

.ml-58 {
  margin-inline-start: 58px;
}

.mr-58 {
  margin-inline-end: 58px;
}

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

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

.ml-59 {
  margin-inline-start: 59px;
}

.mr-59 {
  margin-inline-end: 59px;
}

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

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

.ml-60 {
  margin-inline-start: 60px;
}

.mr-60 {
  margin-inline-end: 60px;
}

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

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

.ml-61 {
  margin-inline-start: 61px;
}

.mr-61 {
  margin-inline-end: 61px;
}

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

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

.ml-62 {
  margin-inline-start: 62px;
}

.mr-62 {
  margin-inline-end: 62px;
}

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

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

.ml-63 {
  margin-inline-start: 63px;
}

.mr-63 {
  margin-inline-end: 63px;
}

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

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

.ml-64 {
  margin-inline-start: 64px;
}

.mr-64 {
  margin-inline-end: 64px;
}

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

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

.ml-65 {
  margin-inline-start: 65px;
}

.mr-65 {
  margin-inline-end: 65px;
}

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

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

.ml-66 {
  margin-inline-start: 66px;
}

.mr-66 {
  margin-inline-end: 66px;
}

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

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

.ml-67 {
  margin-inline-start: 67px;
}

.mr-67 {
  margin-inline-end: 67px;
}

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

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

.ml-68 {
  margin-inline-start: 68px;
}

.mr-68 {
  margin-inline-end: 68px;
}

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

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

.ml-69 {
  margin-inline-start: 69px;
}

.mr-69 {
  margin-inline-end: 69px;
}

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

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

.ml-70 {
  margin-inline-start: 70px;
}

.mr-70 {
  margin-inline-end: 70px;
}

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

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

.ml-71 {
  margin-inline-start: 71px;
}

.mr-71 {
  margin-inline-end: 71px;
}

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

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

.ml-72 {
  margin-inline-start: 72px;
}

.mr-72 {
  margin-inline-end: 72px;
}

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

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

.ml-73 {
  margin-inline-start: 73px;
}

.mr-73 {
  margin-inline-end: 73px;
}

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

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

.ml-74 {
  margin-inline-start: 74px;
}

.mr-74 {
  margin-inline-end: 74px;
}

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

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

.ml-75 {
  margin-inline-start: 75px;
}

.mr-75 {
  margin-inline-end: 75px;
}

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

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

.ml-76 {
  margin-inline-start: 76px;
}

.mr-76 {
  margin-inline-end: 76px;
}

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

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

.ml-77 {
  margin-inline-start: 77px;
}

.mr-77 {
  margin-inline-end: 77px;
}

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

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

.ml-78 {
  margin-inline-start: 78px;
}

.mr-78 {
  margin-inline-end: 78px;
}

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

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

.ml-79 {
  margin-inline-start: 79px;
}

.mr-79 {
  margin-inline-end: 79px;
}

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

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

.ml-80 {
  margin-inline-start: 80px;
}

.mr-80 {
  margin-inline-end: 80px;
}

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

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

.ml-81 {
  margin-inline-start: 81px;
}

.mr-81 {
  margin-inline-end: 81px;
}

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

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

.ml-82 {
  margin-inline-start: 82px;
}

.mr-82 {
  margin-inline-end: 82px;
}

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

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

.ml-83 {
  margin-inline-start: 83px;
}

.mr-83 {
  margin-inline-end: 83px;
}

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

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

.ml-84 {
  margin-inline-start: 84px;
}

.mr-84 {
  margin-inline-end: 84px;
}

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

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

.ml-85 {
  margin-inline-start: 85px;
}

.mr-85 {
  margin-inline-end: 85px;
}

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

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

.ml-86 {
  margin-inline-start: 86px;
}

.mr-86 {
  margin-inline-end: 86px;
}

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

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

.ml-87 {
  margin-inline-start: 87px;
}

.mr-87 {
  margin-inline-end: 87px;
}

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

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

.ml-88 {
  margin-inline-start: 88px;
}

.mr-88 {
  margin-inline-end: 88px;
}

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

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

.ml-89 {
  margin-inline-start: 89px;
}

.mr-89 {
  margin-inline-end: 89px;
}

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

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

.ml-90 {
  margin-inline-start: 90px;
}

.mr-90 {
  margin-inline-end: 90px;
}

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

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

.ml-91 {
  margin-inline-start: 91px;
}

.mr-91 {
  margin-inline-end: 91px;
}

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

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

.ml-92 {
  margin-inline-start: 92px;
}

.mr-92 {
  margin-inline-end: 92px;
}

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

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

.ml-93 {
  margin-inline-start: 93px;
}

.mr-93 {
  margin-inline-end: 93px;
}

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

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

.ml-94 {
  margin-inline-start: 94px;
}

.mr-94 {
  margin-inline-end: 94px;
}

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

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

.ml-95 {
  margin-inline-start: 95px;
}

.mr-95 {
  margin-inline-end: 95px;
}

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

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

.ml-96 {
  margin-inline-start: 96px;
}

.mr-96 {
  margin-inline-end: 96px;
}

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

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

.ml-97 {
  margin-inline-start: 97px;
}

.mr-97 {
  margin-inline-end: 97px;
}

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

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

.ml-98 {
  margin-inline-start: 98px;
}

.mr-98 {
  margin-inline-end: 98px;
}

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

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

.ml-99 {
  margin-inline-start: 99px;
}

.mr-99 {
  margin-inline-end: 99px;
}

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

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

.ml-100 {
  margin-inline-start: 100px;
}

.mr-100 {
  margin-inline-end: 100px;
}

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

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

.pl-1 {
  padding-inline-start: 1px;
}

.pr-1 {
  padding-inline-end: 1px;
}

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

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

.pl-2 {
  padding-inline-start: 2px;
}

.pr-2 {
  padding-inline-end: 2px;
}

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

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

.pl-3 {
  padding-inline-start: 3px;
}

.pr-3 {
  padding-inline-end: 3px;
}

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

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

.pl-4 {
  padding-inline-start: 4px;
}

.pr-4 {
  padding-inline-end: 4px;
}

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

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

.pl-5 {
  padding-inline-start: 5px;
}

.pr-5 {
  padding-inline-end: 5px;
}

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

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

.pl-6 {
  padding-inline-start: 6px;
}

.pr-6 {
  padding-inline-end: 6px;
}

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

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

.pl-7 {
  padding-inline-start: 7px;
}

.pr-7 {
  padding-inline-end: 7px;
}

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

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

.pl-8 {
  padding-inline-start: 8px;
}

.pr-8 {
  padding-inline-end: 8px;
}

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

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

.pl-9 {
  padding-inline-start: 9px;
}

.pr-9 {
  padding-inline-end: 9px;
}

.pt-10 {
  padding-top: 10px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pl-10 {
  padding-inline-start: 10px;
}

.pr-10 {
  padding-inline-end: 10px;
}

.pt-11 {
  padding-top: 11px;
}

.pb-11 {
  padding-bottom: 11px;
}

.pl-11 {
  padding-inline-start: 11px;
}

.pr-11 {
  padding-inline-end: 11px;
}

.pt-12 {
  padding-top: 12px;
}

.pb-12 {
  padding-bottom: 12px;
}

.pl-12 {
  padding-inline-start: 12px;
}

.pr-12 {
  padding-inline-end: 12px;
}

.pt-13 {
  padding-top: 13px;
}

.pb-13 {
  padding-bottom: 13px;
}

.pl-13 {
  padding-inline-start: 13px;
}

.pr-13 {
  padding-inline-end: 13px;
}

.pt-14 {
  padding-top: 14px;
}

.pb-14 {
  padding-bottom: 14px;
}

.pl-14 {
  padding-inline-start: 14px;
}

.pr-14 {
  padding-inline-end: 14px;
}

.pt-15 {
  padding-top: 15px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pl-15 {
  padding-inline-start: 15px;
}

.pr-15 {
  padding-inline-end: 15px;
}

.pt-16 {
  padding-top: 16px;
}

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

.pl-16 {
  padding-inline-start: 16px;
}

.pr-16 {
  padding-inline-end: 16px;
}

.pt-17 {
  padding-top: 17px;
}

.pb-17 {
  padding-bottom: 17px;
}

.pl-17 {
  padding-inline-start: 17px;
}

.pr-17 {
  padding-inline-end: 17px;
}

.pt-18 {
  padding-top: 18px;
}

.pb-18 {
  padding-bottom: 18px;
}

.pl-18 {
  padding-inline-start: 18px;
}

.pr-18 {
  padding-inline-end: 18px;
}

.pt-19 {
  padding-top: 19px;
}

.pb-19 {
  padding-bottom: 19px;
}

.pl-19 {
  padding-inline-start: 19px;
}

.pr-19 {
  padding-inline-end: 19px;
}

.pt-20 {
  padding-top: 20px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pl-20 {
  padding-inline-start: 20px;
}

.pr-20 {
  padding-inline-end: 20px;
}

.pt-21 {
  padding-top: 21px;
}

.pb-21 {
  padding-bottom: 21px;
}

.pl-21 {
  padding-inline-start: 21px;
}

.pr-21 {
  padding-inline-end: 21px;
}

.pt-22 {
  padding-top: 22px;
}

.pb-22 {
  padding-bottom: 22px;
}

.pl-22 {
  padding-inline-start: 22px;
}

.pr-22 {
  padding-inline-end: 22px;
}

.pt-23 {
  padding-top: 23px;
}

.pb-23 {
  padding-bottom: 23px;
}

.pl-23 {
  padding-inline-start: 23px;
}

.pr-23 {
  padding-inline-end: 23px;
}

.pt-24 {
  padding-top: 24px;
}

.pb-24 {
  padding-bottom: 24px;
}

.pl-24 {
  padding-inline-start: 24px;
}

.pr-24 {
  padding-inline-end: 24px;
}

.pt-25 {
  padding-top: 25px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pl-25 {
  padding-inline-start: 25px;
}

.pr-25 {
  padding-inline-end: 25px;
}

.pt-26 {
  padding-top: 26px;
}

.pb-26 {
  padding-bottom: 26px;
}

.pl-26 {
  padding-inline-start: 26px;
}

.pr-26 {
  padding-inline-end: 26px;
}

.pt-27 {
  padding-top: 27px;
}

.pb-27 {
  padding-bottom: 27px;
}

.pl-27 {
  padding-inline-start: 27px;
}

.pr-27 {
  padding-inline-end: 27px;
}

.pt-28 {
  padding-top: 28px;
}

.pb-28 {
  padding-bottom: 28px;
}

.pl-28 {
  padding-inline-start: 28px;
}

.pr-28 {
  padding-inline-end: 28px;
}

.pt-29 {
  padding-top: 29px;
}

.pb-29 {
  padding-bottom: 29px;
}

.pl-29 {
  padding-inline-start: 29px;
}

.pr-29 {
  padding-inline-end: 29px;
}

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

.pb-30 {
  padding-bottom: 30px;
}

.pl-30 {
  padding-inline-start: 30px;
}

.pr-30 {
  padding-inline-end: 30px;
}

.pt-31 {
  padding-top: 31px;
}

.pb-31 {
  padding-bottom: 31px;
}

.pl-31 {
  padding-inline-start: 31px;
}

.pr-31 {
  padding-inline-end: 31px;
}

.pt-32 {
  padding-top: 32px;
}

.pb-32 {
  padding-bottom: 32px;
}

.pl-32 {
  padding-inline-start: 32px;
}

.pr-32 {
  padding-inline-end: 32px;
}

.pt-33 {
  padding-top: 33px;
}

.pb-33 {
  padding-bottom: 33px;
}

.pl-33 {
  padding-inline-start: 33px;
}

.pr-33 {
  padding-inline-end: 33px;
}

.pt-34 {
  padding-top: 34px;
}

.pb-34 {
  padding-bottom: 34px;
}

.pl-34 {
  padding-inline-start: 34px;
}

.pr-34 {
  padding-inline-end: 34px;
}

.pt-35 {
  padding-top: 35px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pl-35 {
  padding-inline-start: 35px;
}

.pr-35 {
  padding-inline-end: 35px;
}

.pt-36 {
  padding-top: 36px;
}

.pb-36 {
  padding-bottom: 36px;
}

.pl-36 {
  padding-inline-start: 36px;
}

.pr-36 {
  padding-inline-end: 36px;
}

.pt-37 {
  padding-top: 37px;
}

.pb-37 {
  padding-bottom: 37px;
}

.pl-37 {
  padding-inline-start: 37px;
}

.pr-37 {
  padding-inline-end: 37px;
}

.pt-38 {
  padding-top: 38px;
}

.pb-38 {
  padding-bottom: 38px;
}

.pl-38 {
  padding-inline-start: 38px;
}

.pr-38 {
  padding-inline-end: 38px;
}

.pt-39 {
  padding-top: 39px;
}

.pb-39 {
  padding-bottom: 39px;
}

.pl-39 {
  padding-inline-start: 39px;
}

.pr-39 {
  padding-inline-end: 39px;
}

.pt-40 {
  padding-top: 40px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pl-40 {
  padding-inline-start: 40px;
}

.pr-40 {
  padding-inline-end: 40px;
}

.pt-41 {
  padding-top: 41px;
}

.pb-41 {
  padding-bottom: 41px;
}

.pl-41 {
  padding-inline-start: 41px;
}

.pr-41 {
  padding-inline-end: 41px;
}

.pt-42 {
  padding-top: 42px;
}

.pb-42 {
  padding-bottom: 42px;
}

.pl-42 {
  padding-inline-start: 42px;
}

.pr-42 {
  padding-inline-end: 42px;
}

.pt-43 {
  padding-top: 43px;
}

.pb-43 {
  padding-bottom: 43px;
}

.pl-43 {
  padding-inline-start: 43px;
}

.pr-43 {
  padding-inline-end: 43px;
}

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

.pb-44 {
  padding-bottom: 44px;
}

.pl-44 {
  padding-inline-start: 44px;
}

.pr-44 {
  padding-inline-end: 44px;
}

.pt-45 {
  padding-top: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pl-45 {
  padding-inline-start: 45px;
}

.pr-45 {
  padding-inline-end: 45px;
}

.pt-46 {
  padding-top: 46px;
}

.pb-46 {
  padding-bottom: 46px;
}

.pl-46 {
  padding-inline-start: 46px;
}

.pr-46 {
  padding-inline-end: 46px;
}

.pt-47 {
  padding-top: 47px;
}

.pb-47 {
  padding-bottom: 47px;
}

.pl-47 {
  padding-inline-start: 47px;
}

.pr-47 {
  padding-inline-end: 47px;
}

.pt-48 {
  padding-top: 48px;
}

.pb-48 {
  padding-bottom: 48px;
}

.pl-48 {
  padding-inline-start: 48px;
}

.pr-48 {
  padding-inline-end: 48px;
}

.pt-49 {
  padding-top: 49px;
}

.pb-49 {
  padding-bottom: 49px;
}

.pl-49 {
  padding-inline-start: 49px;
}

.pr-49 {
  padding-inline-end: 49px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pl-50 {
  padding-inline-start: 50px;
}

.pr-50 {
  padding-inline-end: 50px;
}

.pt-51 {
  padding-top: 51px;
}

.pb-51 {
  padding-bottom: 51px;
}

.pl-51 {
  padding-inline-start: 51px;
}

.pr-51 {
  padding-inline-end: 51px;
}

.pt-52 {
  padding-top: 52px;
}

.pb-52 {
  padding-bottom: 52px;
}

.pl-52 {
  padding-inline-start: 52px;
}

.pr-52 {
  padding-inline-end: 52px;
}

.pt-53 {
  padding-top: 53px;
}

.pb-53 {
  padding-bottom: 53px;
}

.pl-53 {
  padding-inline-start: 53px;
}

.pr-53 {
  padding-inline-end: 53px;
}

.pt-54 {
  padding-top: 54px;
}

.pb-54 {
  padding-bottom: 54px;
}

.pl-54 {
  padding-inline-start: 54px;
}

.pr-54 {
  padding-inline-end: 54px;
}

.pt-55 {
  padding-top: 55px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pl-55 {
  padding-inline-start: 55px;
}

.pr-55 {
  padding-inline-end: 55px;
}

.pt-56 {
  padding-top: 56px;
}

.pb-56 {
  padding-bottom: 56px;
}

.pl-56 {
  padding-inline-start: 56px;
}

.pr-56 {
  padding-inline-end: 56px;
}

.pt-57 {
  padding-top: 57px;
}

.pb-57 {
  padding-bottom: 57px;
}

.pl-57 {
  padding-inline-start: 57px;
}

.pr-57 {
  padding-inline-end: 57px;
}

.pt-58 {
  padding-top: 58px;
}

.pb-58 {
  padding-bottom: 58px;
}

.pl-58 {
  padding-inline-start: 58px;
}

.pr-58 {
  padding-inline-end: 58px;
}

.pt-59 {
  padding-top: 59px;
}

.pb-59 {
  padding-bottom: 59px;
}

.pl-59 {
  padding-inline-start: 59px;
}

.pr-59 {
  padding-inline-end: 59px;
}

.pt-60 {
  padding-top: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pl-60 {
  padding-inline-start: 60px;
}

.pr-60 {
  padding-inline-end: 60px;
}

.pt-61 {
  padding-top: 61px;
}

.pb-61 {
  padding-bottom: 61px;
}

.pl-61 {
  padding-inline-start: 61px;
}

.pr-61 {
  padding-inline-end: 61px;
}

.pt-62 {
  padding-top: 62px;
}

.pb-62 {
  padding-bottom: 62px;
}

.pl-62 {
  padding-inline-start: 62px;
}

.pr-62 {
  padding-inline-end: 62px;
}

.pt-63 {
  padding-top: 63px;
}

.pb-63 {
  padding-bottom: 63px;
}

.pl-63 {
  padding-inline-start: 63px;
}

.pr-63 {
  padding-inline-end: 63px;
}

.pt-64 {
  padding-top: 64px;
}

.pb-64 {
  padding-bottom: 64px;
}

.pl-64 {
  padding-inline-start: 64px;
}

.pr-64 {
  padding-inline-end: 64px;
}

.pt-65 {
  padding-top: 65px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pl-65 {
  padding-inline-start: 65px;
}

.pr-65 {
  padding-inline-end: 65px;
}

.pt-66 {
  padding-top: 66px;
}

.pb-66 {
  padding-bottom: 66px;
}

.pl-66 {
  padding-inline-start: 66px;
}

.pr-66 {
  padding-inline-end: 66px;
}

.pt-67 {
  padding-top: 67px;
}

.pb-67 {
  padding-bottom: 67px;
}

.pl-67 {
  padding-inline-start: 67px;
}

.pr-67 {
  padding-inline-end: 67px;
}

.pt-68 {
  padding-top: 68px;
}

.pb-68 {
  padding-bottom: 68px;
}

.pl-68 {
  padding-inline-start: 68px;
}

.pr-68 {
  padding-inline-end: 68px;
}

.pt-69 {
  padding-top: 69px;
}

.pb-69 {
  padding-bottom: 69px;
}

.pl-69 {
  padding-inline-start: 69px;
}

.pr-69 {
  padding-inline-end: 69px;
}

.pt-70 {
  padding-top: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pl-70 {
  padding-inline-start: 70px;
}

.pr-70 {
  padding-inline-end: 70px;
}

.pt-71 {
  padding-top: 71px;
}

.pb-71 {
  padding-bottom: 71px;
}

.pl-71 {
  padding-inline-start: 71px;
}

.pr-71 {
  padding-inline-end: 71px;
}

.pt-72 {
  padding-top: 72px;
}

.pb-72 {
  padding-bottom: 72px;
}

.pl-72 {
  padding-inline-start: 72px;
}

.pr-72 {
  padding-inline-end: 72px;
}

.pt-73 {
  padding-top: 73px;
}

.pb-73 {
  padding-bottom: 73px;
}

.pl-73 {
  padding-inline-start: 73px;
}

.pr-73 {
  padding-inline-end: 73px;
}

.pt-74 {
  padding-top: 74px;
}

.pb-74 {
  padding-bottom: 74px;
}

.pl-74 {
  padding-inline-start: 74px;
}

.pr-74 {
  padding-inline-end: 74px;
}

.pt-75 {
  padding-top: 75px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pl-75 {
  padding-inline-start: 75px;
}

.pr-75 {
  padding-inline-end: 75px;
}

.pt-76 {
  padding-top: 76px;
}

.pb-76 {
  padding-bottom: 76px;
}

.pl-76 {
  padding-inline-start: 76px;
}

.pr-76 {
  padding-inline-end: 76px;
}

.pt-77 {
  padding-top: 77px;
}

.pb-77 {
  padding-bottom: 77px;
}

.pl-77 {
  padding-inline-start: 77px;
}

.pr-77 {
  padding-inline-end: 77px;
}

.pt-78 {
  padding-top: 78px;
}

.pb-78 {
  padding-bottom: 78px;
}

.pl-78 {
  padding-inline-start: 78px;
}

.pr-78 {
  padding-inline-end: 78px;
}

.pt-79 {
  padding-top: 79px;
}

.pb-79 {
  padding-bottom: 79px;
}

.pl-79 {
  padding-inline-start: 79px;
}

.pr-79 {
  padding-inline-end: 79px;
}

.pt-80 {
  padding-top: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pl-80 {
  padding-inline-start: 80px;
}

.pr-80 {
  padding-inline-end: 80px;
}

.pt-81 {
  padding-top: 81px;
}

.pb-81 {
  padding-bottom: 81px;
}

.pl-81 {
  padding-inline-start: 81px;
}

.pr-81 {
  padding-inline-end: 81px;
}

.pt-82 {
  padding-top: 82px;
}

.pb-82 {
  padding-bottom: 82px;
}

.pl-82 {
  padding-inline-start: 82px;
}

.pr-82 {
  padding-inline-end: 82px;
}

.pt-83 {
  padding-top: 83px;
}

.pb-83 {
  padding-bottom: 83px;
}

.pl-83 {
  padding-inline-start: 83px;
}

.pr-83 {
  padding-inline-end: 83px;
}

.pt-84 {
  padding-top: 84px;
}

.pb-84 {
  padding-bottom: 84px;
}

.pl-84 {
  padding-inline-start: 84px;
}

.pr-84 {
  padding-inline-end: 84px;
}

.pt-85 {
  padding-top: 85px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pl-85 {
  padding-inline-start: 85px;
}

.pr-85 {
  padding-inline-end: 85px;
}

.pt-86 {
  padding-top: 86px;
}

.pb-86 {
  padding-bottom: 86px;
}

.pl-86 {
  padding-inline-start: 86px;
}

.pr-86 {
  padding-inline-end: 86px;
}

.pt-87 {
  padding-top: 87px;
}

.pb-87 {
  padding-bottom: 87px;
}

.pl-87 {
  padding-inline-start: 87px;
}

.pr-87 {
  padding-inline-end: 87px;
}

.pt-88 {
  padding-top: 88px;
}

.pb-88 {
  padding-bottom: 88px;
}

.pl-88 {
  padding-inline-start: 88px;
}

.pr-88 {
  padding-inline-end: 88px;
}

.pt-89 {
  padding-top: 89px;
}

.pb-89 {
  padding-bottom: 89px;
}

.pl-89 {
  padding-inline-start: 89px;
}

.pr-89 {
  padding-inline-end: 89px;
}

.pt-90 {
  padding-top: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pl-90 {
  padding-inline-start: 90px;
}

.pr-90 {
  padding-inline-end: 90px;
}

.pt-91 {
  padding-top: 91px;
}

.pb-91 {
  padding-bottom: 91px;
}

.pl-91 {
  padding-inline-start: 91px;
}

.pr-91 {
  padding-inline-end: 91px;
}

.pt-92 {
  padding-top: 92px;
}

.pb-92 {
  padding-bottom: 92px;
}

.pl-92 {
  padding-inline-start: 92px;
}

.pr-92 {
  padding-inline-end: 92px;
}

.pt-93 {
  padding-top: 93px;
}

.pb-93 {
  padding-bottom: 93px;
}

.pl-93 {
  padding-inline-start: 93px;
}

.pr-93 {
  padding-inline-end: 93px;
}

.pt-94 {
  padding-top: 94px;
}

.pb-94 {
  padding-bottom: 94px;
}

.pl-94 {
  padding-inline-start: 94px;
}

.pr-94 {
  padding-inline-end: 94px;
}

.pt-95 {
  padding-top: 95px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pl-95 {
  padding-inline-start: 95px;
}

.pr-95 {
  padding-inline-end: 95px;
}

.pt-96 {
  padding-top: 96px;
}

.pb-96 {
  padding-bottom: 96px;
}

.pl-96 {
  padding-inline-start: 96px;
}

.pr-96 {
  padding-inline-end: 96px;
}

.pt-97 {
  padding-top: 97px;
}

.pb-97 {
  padding-bottom: 97px;
}

.pl-97 {
  padding-inline-start: 97px;
}

.pr-97 {
  padding-inline-end: 97px;
}

.pt-98 {
  padding-top: 98px;
}

.pb-98 {
  padding-bottom: 98px;
}

.pl-98 {
  padding-inline-start: 98px;
}

.pr-98 {
  padding-inline-end: 98px;
}

.pt-99 {
  padding-top: 99px;
}

.pb-99 {
  padding-bottom: 99px;
}

.pl-99 {
  padding-inline-start: 99px;
}

.pr-99 {
  padding-inline-end: 99px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pl-100 {
  padding-inline-start: 100px;
}

.pr-100 {
  padding-inline-end: 100px;
}

:root {
  --td-ff-body: "Outfit", sans-serif;
  --td-ff-fontawesome: "Font Awesome 6 Pro";
  --td-white: #ffffff;
  --td-black: #000000;
  --td-placeholder: hsla(0, 0%, 0%, 0.5);
  --td-selection: hsl(0, 0%, 0%);
  --td-body: #002F34;
  --td-heading: #191B1E;
  --td-primary: #2452F9;
  --td-secondary: #1D46DB;
  --td-text-primary: #757678;
  --td-success: #44B678;
  --td-warning: #FFB547;
  --td-danger: #ef4444;
  --td-info: #3B82F6;
  /* Neutrals */
  --td-white: #ffffff;
  --td-light: #F5F5F5;
  --td-border: #e0e6ed;
  --td-muted: #8e9eab;
  --td-dark: #2c3e50;
  --td-fw-normal: normal;
  --td-fw-thin: 100;
  --td-fw-elight: 200;
  --td-fw-light: 300;
  --td-fw-regular: 400;
  --td-fw-medium: 500;
  --td-fw-sbold: 600;
  --td-fw-bold: 700;
  --td-fw-ebold: 800;
  --td-fw-black: 900;
  --td-fs-body: 16px;
  --td-fs-p: 16px;
  --td-fs-h1: 52px;
  --td-fs-h2: 42px;
  --td-fs-h3: 32px;
  --td-fs-h4: 24px;
  --td-fs-h5: 20px;
  --td-fs-h6: 16px;
}

/*----------------------------------------*/
/* Default Spacing
/*----------------------------------------*/
.section_space {
  padding-block-start: clamp(3.75rem, 5vw + 1rem, 6.25rem);
  padding-block-end: clamp(3.75rem, 5vw + 1rem, 6.25rem);
}

.section_space_medium {
  padding-block-start: clamp(3.75rem, 5vw + 1rem, 6.25rem);
  padding-block-end: clamp(3.75rem, 5vw + 1rem, 6.25rem);
}

.section_space_small {
  padding-block-start: clamp(3.75rem, 5vw + 1rem, 5rem);
  padding-block-end: clamp(3.75rem, 5vw + 1rem, 5rem);
}

.section_space-top {
  padding-block-start: clamp(3.75rem, 5vw + 1rem, 6.25rem);
}

.section_space-bottom {
  padding-block-end: clamp(3.75rem, 5vw + 1rem, 6.25rem);
}

.section_title_space {
  margin-bottom: 45px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .section_title_space {
    margin-bottom: 40px;
  }
}

/*----------------------------------------*/
/* Common Classes
/*----------------------------------------*/
.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

.fix {
  overflow: hidden;
}

.o-x-clip {
  overflow-x: clip;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.zi-1 {
  z-index: 1;
}

.zi-11 {
  z-index: 11;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.position-absolute {
  position: absolute;
}

.include-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.hr-1 {
  border-top: 1px solid rgb(232, 232, 232);
}

.x-clip {
  overflow-x: clip;
}

.o-visible {
  overflow: visible;
}

.valign {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

.cs-pointer {
  cursor: pointer;
}
.cs-pointer .add-attachment {
  cursor: pointer;
}

i.fi {
  display: inline-flex;
}

/*----------------------------------------*/
/* Typography css
/*----------------------------------------*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: var(--td-ff-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--td-text-primary);
  background-color: var(--td-white);
}
body.auth-body {
  background-image: url(../images/bg/auth-bg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
body.user-dashboard {
  background-color: #F5F5F5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--td-ff-body);
  color: var(--td-heading);
  margin-top: 0px;
  line-height: 1.2;
  margin-bottom: 0;
  font-weight: 400;
  word-break: break-word;
}

h1,
.h1 {
  font-size: clamp(2.5rem, 4vw + 1rem, 2.986rem);
  /* ~47.78pt */
}

h2,
.h2 {
  font-size: clamp(2rem, 3.5vw + 0.8rem, 2.488rem);
  /* ~38.22pt */
}

h3,
.h3 {
  font-size: clamp(1.75rem, 3vw + 0.5rem, 2.074rem);
  /* ~30.56pt */
}

h4,
.h4 {
  font-size: clamp(1.5rem, 2.5vw + 0.3rem, 1.728rem);
  /* ~24.44pt */
}

h5,
.h5 {
  font-size: clamp(1.25rem, 2vw + 0.2rem, 1.44rem);
  /* ~19.56pt */
}

h6,
.h6 {
  font-size: clamp(1.1rem, 1.5vw + 0.1rem, 1.2rem);
  /* ~16pt */
}

ul {
  margin: 0px;
  padding: 0px;
}

p {
  font-size: 16px;
  line-height: 1.75;
  color: rgba(25, 27, 30, 0.8);
}
p.b1 {
  font-size: clamp(0.8125rem, 0.25vw + 0.7rem, 0.875rem);
  line-height: 1.4;
}
p.b2 {
  font-size: clamp(0.875rem, 0.4vw + 0.7rem, 1rem);
  line-height: 1.5;
}
p.b3 {
  font-size: clamp(1rem, 0.5vw + 0.8rem, 1.125rem);
  line-height: 1.625;
}
p.b4 {
  font-size: clamp(1.125rem, 0.6vw + 0.8rem, 1.25rem);
  line-height: 1.754;
}
p:last-child {
  margin-bottom: 0px;
}

a {
  text-decoration: none;
}

a,
.btn,
button,
img,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  text-decoration: none;
  color: inherit;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

img {
  max-width: 100%;
  object-fit: cover;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

hr:not([size]) {
  border-color: rgba(0, 0, 0, 0.1);
  opacity: 1;
  border-width: 1px;
}

*::-moz-selection {
  background: var(--td-black);
  color: var(--td-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--td-black);
  color: var(--td-white);
  text-shadow: none;
}

::selection {
  background: var(--td-black);
  color: var(--td-white);
  text-shadow: none;
}

*::-moz-placeholder {
  opacity: 1;
  font-size: 14px;
}

*::placeholder {
  opacity: 1;
  font-size: 14px;
  font-weight: 400;
}

.no-scroll {
  overflow: hidden;
}

/*----------------------------------------
Bootstrap customize
-----------------------------------------*/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 30px;
}

@media (min-width: 1601px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1350px;
  }
}
.row {
  --bs-gutter-x: 30px;
}

.g-0,
.gx-0 {
  --bs-gutter-x: ;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0 ;
}

.g-10,
.gx-10 {
  --bs-gutter-x: 10px;
}

.gy-12 {
  --bs-gutter-y: 12px;
}

.gy-14 {
  --bs-gutter-y: 14px;
}

.gx-14 {
  --bs-gutter-x: 14px;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-20 {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 20px;
}

.gy-20 {
  --bs-gutter-y: 20px;
}

.gx-20 {
  --bs-gutter-x: 20px;
}

.gy-20 {
  --bs-gutter-y: 20px;
}

.gx-24 {
  --bs-gutter-x: 24px;
}

.gy-24 {
  --bs-gutter-y: 24px;
}

.g-30,
.gx-30 {
  --bs-gutter-x: 30px;
}

.g-30,
.gy-30 {
  --bs-gutter-y: 30px;
}

.g-40,
.gx-40 {
  --bs-gutter-x: 40px;
}

.g-40,
.gy-40 {
  --bs-gutter-y: 40px;
}

.g-50,
.gx-50 {
  --bs-gutter-x: 50px;
}

.g-50,
.gy-50 {
  --bs-gutter-y: 50px;
}

.g-60,
.gy-60 {
  --bs-gutter-y: 60px;
}

@media only screen and (min-width: 480px) and (max-width: 575.98px) {
  .col-xs-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
@media only screen and (min-width: 425px) and (max-width: 479.98px) {
  .col-xs-6 {
    flex: 0 0 auto;
    width: 50%;
  }
}
/*----------------------------------------
  Body Overlay 
-----------------------------------------*/
.body-overlay {
  background-color: hsl(0, 0%, 0%);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 9999;
  inset-inline-start: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s 0.3s 0s ease-out;
  -moz-transition: 0.3s 0.3s 0s ease-out;
  -ms-transition: 0.3s 0.3s 0s ease-out;
  -o-transition: 0.3s 0.3s 0s ease-out;
  transition: 0.3s 0.3s 0s ease-out;
}
.body-overlay.opened {
  opacity: 0.7;
  visibility: visible;
}

/*----------------------------------------*/
/* cookies style
/*----------------------------------------*/
.caches-privacy {
  position: fixed;
  bottom: 30px;
  inset-inline-start: 30px;
  gap: 24px;
  border-radius: 8px;
  padding: 28px 28px;
  display: flex;
  flex-direction: column;
  width: 699px;
  z-index: 111;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  background: var(--td-white);
  box-shadow: 2.5px 2.5px 50px rgba(25, 27, 30, 0.1);
  border-radius: 16px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .caches-privacy {
    padding: 20px 20px;
    inset-inline-end: 0;
    inset-inline-start: 0;
    width: calc(100% - 30px);
    margin: auto;
  }
}
.caches-privacy .caches-contents .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media only screen and (max-width: 480.98px) {
  .caches-privacy .caches-contents .title {
    font-size: 18px;
  }
}
.caches-privacy .caches-contents .title span svg * {
  color: var(--td-white);
}
.caches-privacy .caches-contents .icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  background: linear-gradient(135deg, #FF6B6B 0%, #FF5252 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.caches-privacy .caches-contents .description {
  color: rgba(25, 27, 30, 0.8);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}
.caches-privacy .caches-contents .learn-more-btn {
  color: var(--td-primary);
  text-decoration: underline;
}
.caches-privacy .caches-btns {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 12px;
}
.caches-privacy .caches-btns .td-btn {
  padding: 0 16px;
  height: 36px;
  font-size: 14px;
}

/*----------------------------------------*/
/* Bonus gift styles
/*----------------------------------------*/
.welcome-promo-gift-popup {
  position: fixed;
  inset-inline-start: 0;
  top: 0;
  inset-inline-end: 0;
  width: 100%;
  height: 100%;
  z-index: 1099;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.3s;
  margin: 0 auto;
  text-align: center;
  visibility: visible;
  opacity: 1;
}
.welcome-promo-gift-popup.show {
  visibility: hidden;
  opacity: 0;
}

.welcome-promo-gift-box {
  width: 600px;
  margin: 0 auto;
  position: absolute;
  inset-inline-start: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 16px;
  background: var(--td-white);
  padding: 40px 50px 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  z-index: 1;
}
[dir=rtl] .welcome-promo-gift-box {
  transform: translate(50%, -50%);
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .welcome-promo-gift-box {
    width: 500px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .welcome-promo-gift-box {
    width: 480px;
  }
}
@media only screen and (max-width: 575.98px) {
  .welcome-promo-gift-box {
    width: 80%;
    padding: 35px 20px 35px;
  }
}
.welcome-promo-gift-box .promo-gift-icon {
  width: 142px;
  margin: 0 auto;
  margin-bottom: 30px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .welcome-promo-gift-box .promo-gift-icon {
    width: 100px;
    margin-bottom: 20px;
  }
}
.welcome-promo-gift-box .promo-gift-icon img {
  animation: promoBounce 1.2s infinite alternate;
}
.welcome-promo-gift-box .promo-gift-contents .promo-amount {
  color: var(--td-primary);
  font-size: 30px;
  font-weight: 900;
}
.welcome-promo-gift-box .promo-gift-contents .promo-subtitle {
  font-weight: 500;
  margin-top: 2px;
}
.welcome-promo-gift-box .promo-gift-contents .promo-text {
  font-size: 18px;
  max-width: 80%;
  margin: 0 auto;
  margin-bottom: 30px;
  color: rgba(25, 27, 30, 0.8);
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .welcome-promo-gift-box .promo-gift-contents .promo-text {
    max-width: 100%;
    font-size: 16px;
    margin-bottom: 25px;
  }
}
.welcome-promo-gift-box .promo-close {
  position: absolute;
  top: 20px;
  inset-inline-end: 20px;
  border: none;
  font-size: 18px;
}
.welcome-promo-gift-box .promo-close i,
.welcome-promo-gift-box .promo-close svg {
  transform: rotate(180deg);
  transition: all 0.3s;
}
.welcome-promo-gift-box .promo-close:hover i,
.welcome-promo-gift-box .promo-close:hover svg {
  transform: rotate(60deg);
}
@media only screen and (max-width: 480.98px) {
  .welcome-promo-gift-box .promo-close {
    inset-inline-end: 14px;
    top: 14px;
  }
}
.welcome-promo-gift-box .promo-close svg {
  width: 24px;
  height: 24px;
}

@keyframes promoBounce {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10px);
  }
}
/*----------------------------------------*/
/* Scrollbar styles
/*----------------------------------------*/
[data-simplebar] {
  position: unset;
}

.simplebar-track {
  inset-inline-end: -2px;
}
[dir=rtl] .simplebar-track {
  inset-inline-end: auto;
  inset-inline-start: -2px;
}
.simplebar-track.simplebar-vertical {
  top: 100px;
  width: 10px;
}
.simplebar-track.simplebar-horizontal {
  visibility: hidden !important;
}

.simplebar-scrollbar:before {
  background: rgba(99, 98, 231, 0.2);
}

[data-simplebar] {
  position: unset;
}

.simplebar-mask {
  top: 80px;
}

.main-sidebar {
  height: calc(100vh - 76px);
  -webkit-transition: color 1s ease;
  transition: color 1s ease;
  overflow: auto;
  margin-bottom: 50px;
}
.main-sidebar::-webkit-scrollbar {
  width: 0.4vw;
}
.main-sidebar::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border-radius: 5px;
}
.main-sidebar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(102, 102, 102, 0.5607843137);
}

.simplebar-offset {
  height: calc(100vh - 76px);
}

/*----------------------------------------*/
/* Modals styles
/*----------------------------------------*/
.default-model {
  background-color: rgba(0, 0, 0, 0.6);
}
.default-model .modal-dialog {
  min-width: 680px;
}
.default-model .modal-dialog .modal-header {
  padding: 1.25rem 1.875rem 1.25rem;
}
.default-model .modal-dialog .modal-body {
  padding: 1.875rem 1.875rem 1.5625rem;
}

.modal-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 24px;
  line-height: 1;
  transition: all 0.3s ease;
}
.modal-icon.is-warning {
  background: rgba(239, 68, 68, 0.2);
  color: var(--td-danger);
}

.attention-status-modal {
  padding: 30px 30px;
}
@media only screen and (max-width: 575.98px) {
  .attention-status-modal {
    padding: 16px 16px;
  }
}
@media only screen and (max-width: 480.98px) {
  .attention-status-modal {
    padding: 10px;
  }
}
.attention-status-modal .modal-title h3 {
  font-size: 28px;
}

.modal-list {
  border-radius: 8px;
  border: 1px solid #e2e8f0;
}
.modal-list ul li {
  list-style: none;
  padding: 15px 20px 15px;
}
.modal-list ul li:not(:last-child) {
  border-bottom: 1px solid #e2e8f0;
}
.modal-list ul li .text {
  font-size: 16px;
  font-weight: 500;
}

.modal-btn-close {
  font-size: 20px;
}

.profile-delete-modal .icon {
  width: 65px;
  height: 65px;
  background: linear-gradient(135deg, #10b981, #059669);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  font-size: 18px;
  color: var(--td-white);
  background: linear-gradient(135deg, #ef4444, #dc2626);
}
.profile-delete-modal .contents .title {
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: 600;
}
@media only screen and (max-width: 480.98px) {
  .profile-delete-modal .contents .title {
    font-size: 20px;
  }
}
.profile-delete-modal .contents .description {
  font-size: 16px;
  line-height: 1.5;
}

/*----------------------------------------*/
/* Accordion styles
/*----------------------------------------*/
.td-faq-style .accordion .accordion-header {
  display: flex;
  align-items: center;
  gap: 30px;
}
.td-faq-style .accordion .accordion-header .icon {
  width: 24px;
  height: 24px;
  background: rgba(36, 82, 249, 0.12);
  border-radius: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.td-faq-style .accordion .accordion-header button {
  padding: 0;
  line-height: 1.5;
  padding-inline-end: 46px;
}
.td-faq-style .accordion .accordion-button {
  padding: 0;
  font-size: 1.25rem;
  background: transparent;
  box-shadow: none;
  color: var(--td-heading);
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .td-faq-style .accordion .accordion-button {
    font-size: 1.125rem;
  }
}
.td-faq-style .accordion .accordion-button:not(.collapsed) {
  border-radius: 0;
}
.td-faq-style .accordion .accordion-button:not(.collapsed) span {
  color: var(--td-primary);
}
.td-faq-style .accordion .accordion-button:not(.collapsed) .accordion-body {
  background: var(--td-white);
}
.td-faq-style .accordion .accordion-button:not(.collapsed)::after {
  background-image: url(../images/icons/multiplication.svg);
}
.td-faq-style .accordion .accordion-button::after {
  position: absolute;
  inset-inline-end: 20px;
  content: "";
  font-family: var(--td-ff-fontawesome);
  font-size: 1.125rem;
  font-weight: 400;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../images/icons/addition.svg);
}
.td-faq-style .accordion .accordion-button span {
  padding-inline-end: 0.625rem;
  display: inline-block;
  transition: none;
}
.td-faq-style .accordion .accordion-body {
  background: transparent;
  border-radius: 0rem;
  padding: 0px;
  padding-top: 30px;
}
.td-faq-style .accordion .accordion-body .description {
  color: rgba(25, 27, 30, 0.8);
  padding-inline-start: 35px;
  border-inline-start: 2px solid rgba(36, 82, 249, 0.4);
  margin-inline-start: 15px;
}
.td-faq-style .accordion .accordion-body .description strong {
  color: var(--td-heading);
}
.td-faq-style .accordion .accordion-body .accordion-body-list {
  margin-top: 0.875rem;
}
.td-faq-style .accordion .accordion-body .accordion-body-list ul li:not(:last-child) {
  margin-bottom: 0.4375rem;
}
.td-faq-style .accordion .accordion-item {
  position: relative;
  padding: 1px;
  display: block;
  background-color: transparent;
  border: 0;
  border-radius: 8px;
}
.td-faq-style .accordion .accordion-item:not(:last-of-type) {
  margin-bottom: 2.1875rem;
}
.td-faq-style .accordion .accordion-item:not(:first-of-type) {
  border-top: 0;
}
.td-faq-style .accordion .accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.td-faq-style .accordion .accordion-item:first-of-type .accordion-button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.td-faq-style .accordion .accordion-item.accordion-active {
  box-shadow: none;
  border: 0;
}
.td-faq-style .accordion .accordion-item.accordion-active .accordion-button {
  color: var(--td-heading);
}
.td-faq-style .accordion .accordion-item.accordion-active:not(:first-of-type) {
  border-top: var(--bs-accordion-border-width) solid rgba(255, 255, 255, 0.16);
}
.td-faq-style .accordion .accordion-item.accordion-active .faq-shape-bg {
  opacity: 1;
}

/*----------------------------------------*/
/* Table styles
/*----------------------------------------*/
.td-table {
  width: 100%;
  font-size: 14px;
  border-collapse: separate;
  border-spacing: 0px;
  border-radius: 12px;
  color: rgba(0, 0, 0, 0.8);
}
.td-table.table-xl {
  min-width: 1200px;
}
.td-table.table-lg {
  min-width: 1000px;
}
.td-table.table-md {
  min-width: 900px;
}
.td-table.table-sm {
  min-width: 700px;
}
.td-table.table-xs {
  min-width: 500px;
}
.td-table.table-end tr td:last-child, .td-table.table-end tr th:last-child {
  text-align: right;
}
.td-table.table-list td {
  padding: 20px 0px;
}
.td-table.table-list tr:first-child td {
  padding-top: 0px;
}
.td-table.table-list tr:last-child td {
  padding-bottom: 0px;
}
.td-table thead {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
}
.td-table thead tr th {
  border-inline-start: 0;
  border-inline-end: 0;
  text-align: left;
  font-weight: 700;
  background: #f5f5f5;
  color: var(--td-heading);
}
.td-table thead tr th:first-child {
  border-radius: 0px;
}
.td-table thead tr th:last-child {
  border-radius: 0px;
}
[dir=rtl] .td-table thead tr th {
  text-align: right;
}
.td-table tbody tr td {
  border-bottom: 1px solid rgba(25, 27, 30, 0.1);
}
.td-table th {
  padding: 12px 16px;
  color: var(--td-text-secondary);
}
.td-table td {
  padding: 16px 16px;
  font-weight: 500;
}
.td-table tr:last-child td {
  border-bottom: 0;
}
.td-table .payment-logo img {
  height: 44px;
}

.table-description {
  display: flex;
  align-items: center;
  gap: 10px;
}
.table-description .icon {
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--td-primary);
  color: var(--td-white);
}
.table-description .thumb {
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-description .thumb img {
  border: 1px solid rgba(25, 27, 30, 0.16);
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.table-description .thumb i {
  font-size: 18px;
}
.table-description .thumb .user-text {
  background: #FFEDCC;
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #DF9201;
  font-size: 18px;
  font-weight: 500;
}
.table-description .thumb.is-danger .user-text {
  background: #FFE5E5;
  color: #FF4A40;
}
.table-description .thumb.is-primary .user-text {
  background: #E5F1FF;
  color: #10B981;
}
.table-description .thumb.is-warning .user-text {
  background: #FFF4E5;
  color: #FBBF24;
}
.table-description .thumb.is-info .user-text {
  background: #E5F1FF;
  color: #10B981;
}
.table-description .thumb.is-success .user-text {
  background: #E5F1FF;
  color: #10B981;
}
.table-description .thumb.is-secondary .user-text {
  background: #E5F1FF;
  color: #10B981;
}
.table-description .contents {
  width: max-content;
}
.table-description .contents .title {
  font-size: 16px;
  margin-bottom: 3px;
  font-weight: 500;
}
.table-description .contents .date {
  font-size: 12px;
  color: rgba(25, 27, 30, 0.8);
}

.table-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}
.table-actions > .action-btn {
  width: 36px;
  height: 36px;
  border-radius: 50px;
  background: #f5f5f5;
  cursor: pointer;
  font-size: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.table-actions > .action-btn span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.table-actions > .action-btn.view {
  color: var(--td-primary);
  background: #E5F1FF;
}
.table-actions > .action-btn.view:hover {
  background: var(--td-primary);
  color: var(--td-white);
}
.table-actions > .action-btn.edit {
  color: var(--td-success);
  background: #DBFFDA;
}
.table-actions > .action-btn.edit:hover {
  background: var(--td-success);
  color: var(--td-white);
}
.table-actions > .action-btn.delete {
  color: var(--td-danger);
  background: #FFE0E2;
}
.table-actions > .action-btn.delete:hover {
  background: var(--td-danger);
  color: var(--td-white);
}
.table-actions .link-view {
  text-decoration: underline;
}
.table-actions .link-view:hover {
  color: var(--td-primary);
}

.timeline-progress {
  display: grid;
  grid-template-columns: auto 172px auto;
  align-items: center;
  gap: 8px;
  width: max-content;
}
.timeline-progress .percentage {
  font-weight: 500;
  font-size: 14px;
  color: #468C45;
}

.td-progress .progress {
  height: 10px;
  background: rgba(36, 82, 249, 0.2);
  border-radius: 172px;
}
.td-progress .progress .progress-bar {
  background: var(--td-primary);
  border-radius: 4px;
}

/*----------------------------------------*/
/* Alert Styles
/*----------------------------------------*/
.td-alert-box {
  background: var(--td-white);
  padding: 24px 30px 24px 24px;
  z-index: 1;
  position: relative;
  transition: 0.3s;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  column-gap: 0.75rem;
  align-items: center;
  width: 320px;
  border-radius: 8px;
  box-shadow: 2.5px 2.5px 30px rgba(5, 8, 22, 0.08);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.td-alert-box::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 100%;
  top: 0;
  inset-inline-start: 0;
  z-index: -1;
  background: var(--td-primary);
}
@media only screen and (max-width: 480.98px) {
  .td-alert-box {
    padding: 16px 20px 16px 16px;
    width: 300px;
  }
}
.td-alert-box .alert-content {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  column-gap: 0.75rem;
  flex-grow: 1;
}
@media only screen and (max-width: 575.98px) {
  .td-alert-box .alert-content {
    column-gap: 0.75rem;
  }
}
.td-alert-box .alert-content .alert-title {
  font-size: 18px;
  font-weight: 500;
  font-family: var(--td-ff-body);
}
@media only screen and (max-width: 575.98px) {
  .td-alert-box .alert-content .alert-title {
    font-size: 0.875rem;
  }
}
.td-alert-box .alert-content .alert-message {
  font-size: 16px;
  position: relative;
  color: var(--td-heading);
  font-weight: 500;
  line-height: 1.5;
}
.td-alert-box .alert-icon {
  flex: 0 0 auto;
  Width: 24px;
  Height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--td-white);
  margin-top: 3px;
}
.td-alert-box .alert-icon svg {
  width: 24px;
  height: 24px;
}
.td-alert-box .close-btn {
  padding: 5px;
  position: absolute;
  inset-inline-end: 18px;
  top: 10px;
  display: flex;
  width: 24px;
  height: 24px;
  border-radius: 50%;
}
.td-alert-box.hidden {
  opacity: 0;
  transform: translateY(-50%, 1.25rem);
  pointer-events: none;
}
.td-alert-box.has-success::before {
  background: var(--td-success);
}
.td-alert-box.has-success .alert-icon {
  background-color: var(--td-success);
}
.td-alert-box.has-success .alert-icon svg {
  stroke: rgba(31, 197, 77, 0.3019607843);
}
.td-alert-box.has-warning::before {
  background: var(--td-warning);
}
.td-alert-box.has-warning .alert-icon {
  background-color: var(--td-warning);
}
.td-alert-box.has-warning .alert-icon svg {
  stroke: rgba(254, 132, 1, 0.3019607843);
}
.td-alert-box.has-danger::before {
  background: var(--td-danger);
}
.td-alert-box.has-danger .alert-icon {
  background-color: var(--td-danger);
}
.td-alert-box.has-danger .alert-icon svg {
  stroke: rgba(235, 78, 92, 0.1019607843);
}
.td-alert-box.has-info::before {
  background: var(--td-info);
}
.td-alert-box.has-info .alert-icon {
  background-color: var(--td-info);
}
.td-alert-box.has-info .alert-icon svg {
  stroke: rgba(46, 135, 232, 0.3019607843);
}

.alert-show-status {
  position: fixed;
  top: 1rem;
  inset-inline-end: 1rem;
  z-index: 999;
}

/*----------------------------------------*/
/* Identity Alert Styles
/*----------------------------------------*/
.identity-alert {
  padding: 16px 16px;
  border: 2px dashed;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 12px;
  flex-wrap: wrap;
}
.identity-alert .left-contents {
  display: flex;
  align-items: self-start;
}
.identity-alert .right-actions {
  display: flex;
  align-items: center;
  gap: 12px 12px;
  flex-wrap: wrap;
}
@media only screen and (max-width: 575.98px) {
  .identity-alert {
    padding: 1rem;
  }
}
.identity-alert .icon {
  height: 3.125rem;
  width: 3.125rem;
  text-align: center;
  border-radius: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  flex: 0 0 auto;
  margin-inline-end: 16px;
}
.identity-alert .icon svg {
  height: 1.375rem;
}
.identity-alert .contents .title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.identity-alert .contents .content p {
  display: inline-block;
  font-size: 0.875rem;
  margin-bottom: 0;
}
.identity-alert .contents .content .underline-btn {
  font-weight: 500;
  position: relative;
  font-size: 0.875rem;
  color: var(--td-heading);
}
.identity-alert .contents .content .underline-btn::after {
  content: "";
  position: absolute;
  height: 0.0625rem;
  transition: 0.3s;
  inset-inline-start: auto;
  bottom: -2px;
  background: currentColor;
  width: 100%;
  inset-inline-end: 0;
}
.identity-alert .contents .content .underline-btn:hover {
  color: var(--td-heading);
}
.identity-alert .contents .content .underline-btn:hover::after {
  width: 0%;
  inset-inline-start: 0;
  inset-inline-end: auto;
}
.identity-alert.danger {
  background: rgba(225, 28, 40, 0.04);
  border-color: rgba(225, 28, 40, 0.3);
}
.identity-alert.danger .icon {
  background: #FFE0E2;
  color: #E11C28;
}
.identity-alert.warning {
  background: rgba(242, 147, 57, 0.04);
  border-color: rgba(242, 147, 57, 0.3);
}
.identity-alert.warning .icon {
  background: #FFEFD7;
  color: #F29339;
}
.identity-alert.success {
  background: rgba(70, 140, 69, 0.04);
  border-color: rgba(70, 140, 69, 0.3);
}
.identity-alert.success .icon {
  background: #DBFFDA;
  color: #468C45;
}
.identity-alert.info {
  background: rgba(65, 177, 252, 0.04);
  border-color: rgba(65, 177, 252, 0.3);
}
.identity-alert.info .icon {
  background: #E5F1FF;
  color: #3B82F6;
}

/*----------------------------------------*/
/* Breadcrumb styles
/*----------------------------------------*/
.td-breadcrumb-area {
  padding: 140px 0 60px;
  position: relative;
  z-index: 11;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .td-breadcrumb-area {
    padding: 80px 0;
  }
}
@media xs, sm, only screen and (min-width: 768px) and (max-width: 991.98px) {
  .td-breadcrumb-area {
    padding: 60px 0;
  }
}
.td-breadcrumb-area .breadcrumb-bg {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.td-breadcrumb-area .breadcrumb-bg img {
  width: 100%;
  height: 100%;
}
.td-breadcrumb-area::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  inset-inline-start: 0;
  z-index: -1;
  background: rgba(12, 13, 25, 0.7803921569);
}

.breadcrumb-contents .banner-title {
  color: var(--td-white);
  margin-bottom: 16px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .breadcrumb-contents .banner-title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .breadcrumb-contents .banner-title {
    font-size: 36px;
  }
}
.breadcrumb-contents .description {
  color: rgba(255, 255, 255, 0.7);
}

.breadcrumb-menu ul {
  display: inline-flex;
  gap: 26px;
  justify-content: center;
}
.breadcrumb-menu ul li {
  list-style: none;
  position: relative;
  line-height: 1;
}
.breadcrumb-menu ul li:last-child span {
  color: var(--td-white);
}
.breadcrumb-menu ul li:not(:last-child)::before {
  display: inline-block;
  content: "\f105";
  position: absolute;
  top: 50%;
  inset-inline-end: -18px;
  font-size: 14px;
  font-family: var(--td-ff-fontawesome);
  color: rgba(255, 255, 255, 0.5);
  transform: translateY(-50%);
}
.breadcrumb-menu ul li.active span {
  color: var(--td-primary);
}
.breadcrumb-menu ul li span {
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
}
.breadcrumb-menu ul li span a {
  font-weight: 500;
}
.breadcrumb-menu ul li span a:hover {
  color: var(--td-primary);
}

/*----------------------------------------*/
/* Badge styles
/*----------------------------------------*/
.td-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 3px 12px;
  font-size: 14px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  font-weight: 500;
  min-width: 65px;
  text-transform: capitalize;
}
.td-badge.badge-success {
  color: var(--td-white);
  background: #44b678;
}
.td-badge.badge-warning {
  color: var(--td-white);
  background: #ffb547;
}
.td-badge.badge-danger {
  color: var(--td-white);
  background: #ef4444;
}
.td-badge.badge-info {
  color: var(--td-white);
  background: #3b82f6;
}
.td-badge.badge-opacity-success {
  color: var(--td-success);
  background: #DBFFDA;
}
.td-badge.badge-opacity-warning {
  color: var(--td-warning);
  background: #FFEFD7;
}
.td-badge.badge-opacity-danger {
  color: var(--td-danger);
  background: #FFE0E2;
}
.td-badge.badge-opacity-info {
  color: var(--td-info);
  background: #DBE9FF;
}

/*----------------------------------------*/
/* Buttons styles
/*----------------------------------------*/
.btn-wrap {
  display: flex;
  align-items: center;
  gap: 16px 16px;
  flex-wrap: wrap;
}

.td-btn {
  padding: 0 30px;
  background: var(--td-primary);
  position: relative;
  z-index: 1;
  transition: all 0.4s ease-in-out;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -o-border-radius: 35px;
  -ms-border-radius: 35px;
  border-radius: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  color: var(--td-white);
  font-size: 14px;
  font-weight: 600;
  gap: 8px;
}
@media only screen and (max-width: 480.98px) {
  .td-btn {
    padding: 0 26px;
  }
}
.td-btn .btn-icon {
  display: flex;
  align-items: center;
}
.td-btn .btn-icon i {
  transition: 0.3s;
}
.td-btn.hover-icon-reverse {
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  border-radius: 30px;
  background: rgba(36, 82, 249, 0.2);
  color: var(--td-heading);
}
.td-btn.hover-icon-reverse .icon-reverse-wrapper {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.td-btn.hover-icon-reverse .btn-text {
  display: inline-flex;
  transition: transform 0.6s 0.125s cubic-bezier(0.1, 0.75, 0.25, 1);
  transition-delay: 0.125s;
  margin-inline-start: -23px;
  transition-delay: 0.1s;
  transform: translateX(23px);
}
[dir=rtl] .td-btn.hover-icon-reverse .btn-text {
  transform: translateX(-23px);
}
.td-btn.hover-icon-reverse .btn-icon {
  display: inline-flex;
  opacity: 0;
  margin-inline-start: 0;
  transition-delay: 0s;
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
  transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
  transition-timing-function: ease, ease;
  transition-delay: 0.25s, 0.25s;
  transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
}
.td-btn.hover-icon-reverse .btn-icon + .btn-icon {
  opacity: 1;
  margin-inline-start: 0;
  transition: opacity 0.4s 0.25s, transform 0.6s 0.25s;
  transition-timing-function: ease, ease;
  transition-timing-function: cubic-bezier(0.1, 0.75, 0.25, 1);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  order: -2;
}
.td-btn.hover-icon-reverse:focus {
  color: var(--td-white);
}
.td-btn.hover-icon-reverse i {
  display: inline-flex;
  font-size: 16px;
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--td-primary);
  color: var(--td-white);
  border-radius: 50%;
  transform: rotate(45deg);
}
.td-btn:focus {
  color: var(--td-white);
}
.td-btn:hover {
  background-color: var(--td-secondary);
  color: var(--td-white);
  transform: translate3d(0, -2px, 0);
}
.td-btn:hover.hover-icon-reverse {
  background: rgba(36, 82, 249, 0.2);
  color: var(--td-heading);
}
.td-btn:hover.hover-icon-reverse .btn-text {
  transform: translateX(0px);
}
.td-btn:hover.hover-icon-reverse .btn-icon {
  transform: translateX(0);
  opacity: 1;
  transition-delay: 225ms;
}
.td-btn:hover.hover-icon-reverse .btn-icon + .btn-icon {
  opacity: 0;
  transition-delay: 0s;
  transform: translateX(-10px);
}
.td-btn.btn-secondary-opacity {
  border-radius: 4px;
  background: #E6EAEB;
  color: var(--td-heading);
}
.td-btn.btn-secondary:hover {
  background-color: var(--td-primary);
  color: var(--td-secondary);
}
.td-btn.hover-icon-slide {
  background-color: rgba(36, 82, 249, 0.2);
  color: var(--td-heading);
  padding-inline-start: 50px !important;
  border-radius: 30px;
}
.td-btn.hover-icon-slide .btn-icon {
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--td-primary);
  border-radius: 30px;
  position: absolute;
  inset-inline-start: 6px;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.td-btn.hover-icon-slide:hover {
  transform: translate3d(0, 0px, 0);
}
.td-btn.hover-icon-slide:hover .btn-icon {
  width: calc(100% - 12px);
}
.td-btn.btn-primary-outline {
  border: 2px solid #2452f9;
  background-color: transparent;
  color: var(--td-primary);
}
.td-btn.btn-primary-outline:hover {
  background-color: var(--td-primary);
  color: var(--td-white);
  border-color: var(--td-primary);
}
.td-btn.btn-black-outline {
  border: 2px solid var(--td-heading);
  background-color: transparent;
  color: var(--td-heading);
}
.td-btn.btn-black-outline:hover {
  background-color: var(--td-heading);
  color: var(--td-white);
  border-color: var(--td-heading);
}
.td-btn.outline-white-btn {
  background: var(--td-white);
  border: 1px solid #DBDBDB;
  color: var(--td-heading);
  gap: 8px;
}
.td-btn.outline-white-btn span svg {
  width: 20px;
  height: 20px;
}
.td-btn.outline-white-btn:hover {
  background-color: var(--td-heading);
  border-color: var(--td-heading);
  color: var(--td-white);
}
.td-btn.outline-danger-btn {
  border: 1px solid var(--td-danger);
  background-color: transparent;
  color: var(--td-danger);
}
.td-btn.outline-black-btn {
  border: 1px solid rgba(25, 27, 30, 0.6);
  color: rgba(25, 27, 30, 0.6);
  background-color: transparent;
}
.td-btn.outline-success-btn {
  border: 1px solid rgba(68, 182, 120, 0.6);
  color: rgba(68, 182, 120, 0.6);
  background-color: transparent;
}
.td-btn.btn-primary {
  background: var(--td-primary-alt);
  color: var(--td-white);
}
.td-btn.btn-primary span svg * {
  width: 16px;
  height: 16px;
  stroke: var(--td-white);
}
.td-btn.btn-primary:hover {
  background: var(--td-primary);
}
.td-btn.danger-btn {
  background: var(--td-danger);
  color: var(--td-white);
}
.td-btn.danger-btn span svg * {
  stroke: var(--td-white);
}
.td-btn.btn-white {
  background-color: var(--td-white);
  color: var(--td-heading);
}
.td-btn.btn-white:hover {
  background-color: var(--td-primary);
  color: var(--td-white);
}
.td-btn.btn-gray {
  background: #f5f5f5;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  color: var(--td-heading);
}
.td-btn.success-btn {
  background: var(--td-success);
}
.td-btn.btn-dark {
  background: var(--td-heading);
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: var(--td-white);
}
.td-btn.has-underline {
  background-color: transparent;
  height: auto;
  padding: 0;
}
.td-btn.has-underline .btn-text {
  color: var(--td-heading);
}
.td-btn.has-underline .btn-text::after {
  position: absolute;
  content: "";
  inset-inline-start: auto;
  bottom: -2px;
  background: currentColor;
  width: 0;
  height: 2px;
  transition: 0.3s;
  inset-inline-end: 0;
}
.td-btn.has-underline .btn-icon {
  width: 22px;
  height: 22px;
  background-color: var(--td-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.td-btn.has-underline .btn-icon svg * {
  stroke: var(--td-white);
}
.td-btn.has-underline:hover .btn-text::after {
  width: 100%;
  inset-inline-start: 0;
  inset-inline-end: auto;
}
.td-btn.btn-xs {
  padding: 0 16px;
  height: 30px;
  font-size: 14px;
  gap: 4px;
}
.td-btn.btn-xs .inner-btn {
  font-size: 14px;
  padding: 0 20px;
}
.td-btn.btn-xs .btn-icon i {
  width: 14px;
  height: 14px;
}
.td-btn.btn-h-36 {
  height: 36px;
  padding: 0 15px;
  font-size: 14px;
  gap: 6px;
}
.td-btn.btn-h-36 .inner-btn {
  font-size: 14px;
  padding: 0 15px;
}
.td-btn.btn-h-40 {
  height: 40px;
  padding: 0 20px;
  font-weight: 500;
  font-size: 14px;
  gap: 6px;
}
.td-btn.btn-h-40 .inner-btn {
  font-size: 14px;
  padding: 0 20px;
}
.td-btn.btn-sm {
  height: 44px;
  gap: 6px;
  font-size: 14px;
  padding: 0 24px;
}
.td-btn.btn-sm .inner-btn {
  font-size: 14px;
}
.td-btn.btn-sm svg {
  width: 16px;
  height: 16px;
}
.td-btn.btn-md {
  height: 50px;
}
.td-btn.btn-lg {
  height: 70px;
  font-size: 18px;
}
.td-btn.btn-xl {
  font-size: 20px;
  height: 75px;
}
.td-btn.btn-xxl {
  font-size: 20px;
  height: 100px;
}

.td-underline-btn {
  font-size: 14px;
  font-weight: 500;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.td-underline-btn.btn-sm {
  font-size: 16px;
}
.td-underline-btn svg {
  width: 16px;
  height: 16px;
}
.td-underline-btn::after {
  content: "";
  position: absolute;
  height: 1px;
  transition: 0.3s;
  inset-inline-start: auto;
  bottom: -1px;
  background: var(--td-primary);
  width: 0;
  inset-inline-end: 0;
}
.td-underline-btn:hover {
  color: var(--td-primary);
}
.td-underline-btn:hover svg * {
  fill: var(--td-primary);
}
.td-underline-btn:hover::after {
  width: 100%;
  inset-inline-start: 0;
  inset-inline-end: auto;
}

.td-form-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

/*----------------------------------------*/
/* Offcanvas styles
/*----------------------------------------*/
.offcanvas-area {
  background: var(--td-white) none repeat scroll 0 0;
  position: fixed;
  inset-inline-end: 0;
  top: 0;
  width: 360px;
  height: 100%;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
[dir=rtl] .offcanvas-area {
  inset-inline-end: auto;
  inset-inline-start: 0;
  transform: translateX(calc(100% + 80px));
}
@media only screen and (max-width: 480.98px) {
  .offcanvas-area {
    width: 300px;
  }
}
.offcanvas-area ::-webkit-scrollbar {
  display: none;
}
.offcanvas-area.info-open {
  opacity: 1;
  transform: translateX(0);
}
[dir=rtl] .offcanvas-area.info-open {
  transform: translateX(0);
}

.offcanvas-logo a img {
  height: 36px;
}

.offcanvas-content {
  padding-bottom: 45px;
}

.offcanvas-wrapper {
  position: relative;
  height: 100%;
  padding: 28px 28px;
}

.offcanvas-top {
  margin-bottom: 25px;
}

.offcanvas-title {
  color: var(--td-white);
  font-size: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 480.98px) {
  .offcanvas-title {
    font-size: 20px;
  }
}

.offcanvas-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: hsl(0, 0%, 0%);
  z-index: 900;
  top: 0;
  opacity: 0;
  visibility: hidden;
  inset-inline-end: 0;
  transition: 0.3s;
}
.offcanvas-overlay.overlay-open {
  opacity: 0.6;
  visibility: visible;
}

.sidebar-toggle {
  cursor: pointer;
}

.offcanvas-contact-icon {
  margin-inline-end: 15px;
}

.offcanvas-btn {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 15px;
}

.offcanvas-close-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border: 2px solid rgba(255, 250, 250, 0.1);
  background-color: var(--td-primary);
  border-radius: 50%;
}
.offcanvas-close-icon svg * {
  color: var(--td-white);
}
.offcanvas-close-icon:hover {
  background-color: var(--td-primary);
  color: var(--td-white);
  border-color: transparent;
}

/*----------------------------------------*/
/* Section title styles
/*----------------------------------------*/
.section-subtitle {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 12px;
  padding: 4px 12px;
  background: #F5F5F5;
  border-radius: 25px;
}

.section-title {
  font-size: 44px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .section-title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .section-title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 575.98px) {
  .section-title {
    font-size: 30px;
  }
}

.section-title-wrapper.is-white .section-subtitle {
  color: var(--td-white);
}
.section-title-wrapper.is-white .section-subtitle::before {
  background-color: var(--td-white);
}
.section-title-wrapper.is-white .section-title {
  color: var(--td-white);
}
.section-title-wrapper.is-white .description {
  color: rgba(255, 255, 255, 0.7);
}

/*----------------------------------------*/
/* Tab customize
/*----------------------------------------*/
.td-tab .nav-tabs {
  padding: 0;
  margin: 0;
  border: 0;
}
.td-tab .nav-tabs .nav-link {
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
}

/*----------------------------------------*/
/* Basic pagination styles
/*----------------------------------------*/
.td-pagination ul {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.td-pagination ul li {
  list-style: none;
}
.td-pagination ul li a {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  inset-inline-end: 0;
  top: 50%;
  font-weight: 500;
  font-size: 14px;
  font-size: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: var(--td-white);
  border: 2px solid #f1f1f1;
  background: var(--td-white);
}
.td-pagination ul li a:hover {
  background-color: var(--td-primary);
  color: var(--td-white);
  border-color: var(--td-primary);
}
.td-pagination ul li a i {
  font-size: 14px;
  font-size: 14px;
}
.td-pagination ul li .current {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  inset-inline-end: 0;
  top: 50%;
  font-weight: 500;
  font-size: 14px;
  font-size: 14px;
  background-color: var(--td-primary);
  color: var(--td-white);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border-color: var(--td-primary);
}

.td-table-pagination ul {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
.td-table-pagination ul li {
  list-style: none;
}
.td-table-pagination ul li a {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-weight: 600;
  font-size: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: var(--td-white);
  border: 1px solid #e2e8f0;
}
.td-table-pagination ul li a:hover {
  background-color: var(--td-primary);
  color: var(--td-white);
  border-color: var(--td-primary);
}
.td-table-pagination ul li a i {
  font-size: 12px;
  display: flex;
  align-items: center;
}
.td-table-pagination ul li .current {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  inset-inline-end: 0;
  top: 50%;
  font-size: 14px;
  font-weight: 500;
  background-color: var(--td-primary);
  color: var(--td-white);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border-color: var(--td-primary);
}

/*----------------------------------------*/
/* Back to top 
/*----------------------------------------*/
.back-to-top-wrap {
  position: fixed;
  bottom: 30px;
  inset-inline-end: 30px;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}
@media only screen and (max-width: 575.98px) {
  .back-to-top-wrap {
    height: 40px;
    width: 40px;
  }
}
@media only screen and (max-width: 480.98px) {
  .back-to-top-wrap {
    bottom: 20px;
    inset-inline-end: 20px;
  }
}
.back-to-top-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.back-to-top-wrap::after {
  position: absolute;
  font-family: "Font Awesome 6 pro";
  content: "\f077";
  text-align: center;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: var(--td-primary);
  inset-inline-start: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}
.back-to-top-wrap svg path {
  fill: none;
}
.back-to-top-wrap svg.backtotop-circle path {
  stroke: var(--td-primary);
  stroke-width: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}

/*----------------------------------------*/
/* Forms styles
/*----------------------------------------*/
input[type=password] {
  font-size: 22px !important;
  /* makes the dots/text larger */
}

input[type=text],
input[type=search],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=date],
input[type=url],
textarea {
  outline: none;
  height: 52px;
  width: 100%;
  padding: 0 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  color: var(--td-black);
}
input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #6c757d;
}
input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #6c757d;
}
input[type=text]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 4-18 */
  color: #6c757d;
}
input[type=text]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: #6c757d;
}
input[type=text]::placeholder,
input[type=search]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=date]::placeholder,
input[type=url]::placeholder,
textarea::placeholder {
  /* MODERN BROWSER */
  color: #6c757d;
}
input[type=text]:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: var(--td-primary);
}

textarea {
  padding: 14px 24px;
  border-radius: 8px !important;
}
textarea:focus {
  border-color: var(--td-heading);
}

.custom-checkbox input {
  opacity: 0;
  position: absolute;
}
.custom-checkbox input + label {
  position: relative;
  font-size: 15px;
  line-height: 25px;
  color: var(--td-text-primary);
  font-weight: 400;
  padding-inline-start: 20px;
  cursor: pointer;
  margin-bottom: 0;
}
.custom-checkbox input + label::before {
  content: " ";
  position: absolute;
  top: 6px;
  inset-inline-start: 0;
  width: 14px;
  height: 14px;
  background-color: var(--td-white);
  border: 1px solid var(--td-border-primary);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  transition: all 0.3s;
}
.custom-checkbox input + label::after {
  content: " ";
  position: absolute;
  top: 9px;
  inset-inline-start: 2px;
  width: 10px;
  height: 5px;
  background-color: transparent;
  border-bottom: 1px solid var(--td-white);
  border-inline-start: 1px solid var(--td-white);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  transform: rotate(-45deg);
  opacity: 0;
  transition: all 0.3s;
}
.custom-checkbox input:checked + label::before {
  background-color: rgba(36, 82, 249, 0.5);
  border-color: rgba(36, 82, 249, 0.5);
}
.custom-checkbox input:checked + label::after {
  opacity: 1;
}

.custom-radio input {
  opacity: 0;
  position: absolute;
}
.custom-radio input + label {
  position: relative;
  line-height: 25px;
  color: var(--td-text-primary);
  padding-inline-start: 22px;
  cursor: pointer;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
}
.custom-radio input + label::before {
  content: " ";
  position: absolute;
  top: 5px;
  inset-inline-start: 0;
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: 1px solid var(--td-text-secondary);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  transition: all 0.3s;
}
.custom-radio input + label::after {
  content: " ";
  position: absolute;
  top: 8px;
  inset-inline-start: 2px;
  width: 10px;
  height: 5px;
  background-color: transparent;
  border-bottom: 1px solid var(--td-white);
  border-inline-start: 1px solid var(--td-white);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  transform: rotate(-45deg);
  opacity: 0;
  transition: all 0.3s;
}
.custom-radio input:checked + label {
  color: rgba(36, 82, 249, 0.5);
}
.custom-radio input:checked + label::before {
  border-color: rgba(36, 82, 249, 0.5);
}
.custom-radio input:checked + label::after {
  opacity: 1;
}
.custom-radio input + label::before {
  border-radius: 50%;
}
.custom-radio input + label::after {
  width: 10px;
  height: 10px;
  inset-inline-start: 3px;
  background: rgba(36, 82, 249, 0.5);
  border-radius: 50%;
  border-color: rgba(36, 82, 249, 0.5);
}

.td-form-switch {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding-left: 0;
}
.td-form-switch input[type=checkbox] {
  opacity: 1;
  position: relative;
  margin-inline-start: 0 !important;
  margin-top: 0;
  outline: none;
  margin-bottom: 0;
}
.td-form-switch input[type=checkbox]:checked {
  background-color: #2452f9;
  border-color: #2452f9;
}
.td-form-switch input[type=checkbox]:focus {
  outline: 0;
  box-shadow: none;
}
.td-form-switch input[type=checkbox] ~ label {
  padding-inline-start: 10px;
}
.td-form-switch input[type=checkbox] ~ label::before, .td-form-switch input[type=checkbox] ~ label::after {
  display: none;
}
.td-form-switch .form-check-input {
  height: 22px;
  width: 40px;
  cursor: pointer;
}

.animate-custom .cbx {
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
.animate-custom .cbx::before {
  display: none;
}
.animate-custom .cbx span {
  display: inline-block;
  vertical-align: middle;
}
.animate-custom .cbx span a {
  color: var(--td-primary);
}
.animate-custom .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid rgba(25, 27, 30, 0.2);
  transition: all 0.2s ease;
  flex: 0 0 auto;
}
.animate-custom .cbx span:first-child svg {
  position: absolute;
  z-index: 1;
  top: 4px;
  inset-inline-start: 2px;
  fill: none;
  stroke: var(--td-white);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.animate-custom .cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--td-secondary);
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
  transition-delay: 0.2s;
}
.animate-custom .cbx span:last-child {
  margin-inline-start: 5px;
  color: var(--td-text-primary);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
}
.animate-custom .cbx span:last-child:after {
  content: "";
  position: absolute;
  top: 8px;
  inset-inline-start: 0;
  height: 1px;
  width: 100%;
  background: #b9b8c3;
  transform-origin: 0 0;
  transform: scaleX(0);
}
.animate-custom .cbx:hover span:first-child {
  border-color: var(--td-secondary);
}
.animate-custom .inp-cbx:checked + .cbx span:first-child {
  border-color: transparent;
  background: var(--td-secondary);
  animation: check-15 0.6s ease;
  flex: 0 0 auto;
}
.animate-custom .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}
.animate-custom .inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(2.2);
  opacity: 0;
  transition: all 0.6s ease;
}
.animate-custom .inp-cbx:checked + .cbx span:last-child {
  transition: all 0.3s ease;
}
.animate-custom input[type=checkbox] ~ label::after {
  display: none;
}
.animate-custom input[type=checkbox] ~ label {
  padding-inline-start: 0;
  display: flex;
  align-items: self-start;
}

@keyframes check-15 {
  50% {
    transform: scale(1.2);
  }
}
[dir=rtl] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.td-form-group.has-right-icon .form-control {
  padding-inline-end: 46px;
}
.td-form-group.has-right-icon .input-icon {
  position: absolute;
  inset-inline-end: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background: #E9E9E9;
  border-radius: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.td-form-group.has-right-icon .input-icon i {
  font-size: 16px;
  display: flex;
  align-items: center;
}
.td-form-group.has-right-icon .input-icon.eyeicon {
  cursor: pointer;
  inset-inline-end: 12px;
  inset-inline-start: auto;
  line-height: 1;
}
.td-form-group.has-right-icon .input-icon.eyeicon .eye-img {
  width: 18px;
}
.td-form-group.has-right-icon .input-icon.icon-selected svg * {
  stroke: rgba(25, 27, 30, 0.7);
  fill: rgba(25, 27, 30, 0.7);
  stroke-opacity: 1;
  transition: all 0.3s ease;
}
.td-form-group.selected_icon .input-icon {
  inset-inline-end: 33px;
  cursor: pointer;
}
.td-form-group.has-left-icon .form-control {
  padding-inline-start: 44px;
}
.td-form-group.has-left-icon .input-icon {
  position: absolute;
  inset-inline-start: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  width: max-content;
  display: inline-flex;
  align-items: center;
}
.td-form-group.has-left-icon .input-icon.eyeicon {
  cursor: pointer;
}
.td-form-group.has-left-icon .input-icon.eyeicon .eye-img {
  width: 18px;
}
.td-form-group .input-field {
  position: relative;
  width: 100%;
}
.td-form-group .input-field .currency-icon {
  position: absolute;
  top: 50%;
  inset-inline-end: 10px;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background: #E9E9E9;
  border-radius: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.td-form-group .input-field.input-group {
  flex-wrap: nowrap;
}
.td-form-group .input-field .input-group-text {
  mix-blend-mode: normal;
  background-color: #F5F5F5;
  border: 1px solid #e2e8f0;
  color: var(--td-text-primary);
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
}
[dir=rtl] .td-form-group .input-field .input-group-text {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-inline-start: 0;
}
.td-form-group .input-field.disabled input,
.td-form-group .input-field.disabled textarea {
  color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}
.td-form-group .input-field.disabled input:focus,
.td-form-group .input-field.disabled textarea:focus {
  border-color: rgba(255, 255, 255, 0.08);
}
.td-form-group .input-field .text-content {
  background: var(--td-white);
  box-shadow: 0px 4px 10px rgba(0, 101, 255, 0.04);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 50%;
  inset-inline-end: 5px;
  transform: translateY(-50%);
  padding: 5px 8px 6px;
  font-size: 14px;
  font-weight: 500;
  color: rgba(36, 82, 249, 0.5);
}
.td-form-group .input-field input,
.td-form-group .input-field textarea {
  font-size: 14px;
}
.td-form-group .input-field input::-webkit-input-placeholder,
.td-form-group .input-field textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(25, 27, 30, 0.65);
  font-size: 14px;
}
.td-form-group .input-field input::-moz-placeholder,
.td-form-group .input-field textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(25, 27, 30, 0.65);
  font-size: 14px;
}
.td-form-group .input-field input:-moz-placeholder,
.td-form-group .input-field textarea:-moz-placeholder {
  /* Firefox 4-18 */
  color: rgba(25, 27, 30, 0.65);
  font-size: 14px;
}
.td-form-group .input-field input:-ms-input-placeholder,
.td-form-group .input-field textarea:-ms-input-placeholder {
  /* IE 10+  Edge*/
  color: rgba(25, 27, 30, 0.65);
  font-size: 14px;
}
.td-form-group .input-field input::placeholder,
.td-form-group .input-field textarea::placeholder {
  /* MODERN BROWSER */
  color: rgba(25, 27, 30, 0.65);
  font-size: 14px;
}
.td-form-group .input-field textarea {
  padding: 14px 15px;
  height: 130px;
  resize: none;
  line-height: 1.5;
  border: 1px solid #e2e8f0;
}
.td-form-group .input-field textarea:focus {
  border-color: rgba(36, 82, 249, 0.5);
}
.td-form-group .input-field.height-large textarea {
  height: 237px;
}
.td-form-group .input-field .form-control {
  font-size: 14px;
  box-shadow: none;
  color: var(--td-black);
  border-radius: 20px;
  background-color: #F5F5F5;
  border: 1px solid #e2e8f0;
}
.td-form-group .input-field .form-control:focus {
  border-color: rgba(36, 82, 249, 0.65);
  box-shadow: 2.5px 2.5px 6px rgba(36, 82, 249, 0.1);
}
.td-form-group .input-field .form-control:disabled {
  background-color: #f1f1f1;
  color: rgba(25, 27, 30, 0.7);
  cursor: not-allowed;
}
.td-form-group .input-description {
  font-size: 12px;
  margin-top: 7px;
}
.td-form-group .input-label {
  font-size: 14px;
  color: #191b1e;
  display: block;
  margin-bottom: 0.5em;
}
.td-form-group .input-label span {
  padding-inline-start: 1px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--td-danger);
}
.td-form-group .input-label-inner {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.td-form-group .input-label-inner > p {
  font-size: 12px;
}
.td-form-group .form-select {
  height: 50px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  font-size: 14px;
  background-color: #f7fafc;
  border: 1px solid #e2e8f0;
}
[dir=rtl] .td-form-group .form-select {
  background-position: left 0.75rem center;
}
.td-form-group .form-select:focus {
  font-size: 14px;
  box-shadow: none;
  border-color: var(--td-primary);
}
.td-form-group .otp-verification {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 10px 10px;
  flex-wrap: wrap;
  max-width: max-content;
  margin: 0 auto;
}
.td-form-group .otp-verification .control-form {
  height: 50px;
  width: 50px;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  background-color: rgba(34, 34, 35, 0.02);
  border: 1px solid rgba(34, 34, 35, 0.16);
  border-radius: 8px;
}
.td-form-group .otp-verification .control-form:focus {
  border-color: var(--td-primary);
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .td-form-group .otp-verification .control-form {
    height: 67px;
    width: 60px;
  }
}
.td-form-group .currency-status {
  position: absolute;
  inset-inline-end: 0;
  top: 50%;
  min-width: 55px;
  height: 100%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.td-form-group .currency-status::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 38%;
  background: rgba(25, 27, 30, 0.3);
}
.td-form-group .currency-status .symbol {
  font-size: 14px;
  font-weight: 500;
  color: rgba(25, 27, 30, 0.6);
}

.feedback-invalid {
  font-size: 12px;
  margin-top: 3px;
  color: var(--td-danger);
  font-weight: 500;
  margin-bottom: 0;
  display: inline-block;
}

.feedback-attention {
  font-size: 13px;
  font-weight: 500;
  margin-top: 3px;
}

/*----------------------------------------*/
/* Image Preview 
/*----------------------------------------*/
.upload-thumb-close {
  position: absolute;
  inset-inline-end: 0.625rem;
  top: 2.1875rem;
  z-index: 5;
  color: var(--td-danger);
  display: none;
}

.file-upload-input {
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.file-upload-close {
  position: absolute;
  top: 0.3125rem;
  inset-inline-end: 0.5rem;
  color: var(--td-danger);
  font-size: 1.125rem;
  z-index: 55;
}

/* Upload Thumb */
.upload-thumb {
  padding: 20px 16px;
  margin-top: 0.625rem;
  cursor: pointer;
  border: 2px dashed rgba(25, 27, 30, 0.2);
  border-radius: 16px;
  position: relative;
}
.upload-thumb .upload-thumb-img {
  display: none;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.upload-thumb .upload-thumb-img.has-img {
  display: flex;
  width: max-content;
}
.upload-thumb .upload-thumb-img .image-box {
  height: 66px;
  width: 66px;
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.04);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2e8f0;
  position: relative;
}
.upload-thumb .upload-thumb-img .image-box img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.upload-thumb .upload-thumb-img .image-box .file-info {
  font-size: 0.875rem;
  font-weight: 400;
  color: rgba(25, 27, 30, 0.8);
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  padding: 0 0.5rem;
  background: rgba(255, 255, 255, 0.9);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.upload-thumb .upload-thumb-content {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 0.625rem;
}
.upload-thumb .upload-thumb-content.has-img {
  display: none;
}
.upload-thumb .upload-thumb-content h6 {
  color: var(--td-heading);
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 0;
}
.upload-thumb .upload-thumb-content h6 a {
  color: var(--td-primary);
  font-size: 0.875rem;
  font-weight: 400;
}
.upload-thumb .upload-thumb-content p {
  font-size: 0.75rem;
  font-weight: 400;
}

.delete-btn {
  position: absolute;
  top: -5px;
  inset-inline-end: -5px;
  width: 18px;
  height: 18px;
  background: var(--td-danger);
  color: var(--td-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 12px;
  z-index: 10;
}

/*----------------------------------------*/
/* Animations styles
/*----------------------------------------*/
@keyframes sticky {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes tdSpinner {
  from {
    -webkit-transform: rotate(0turn);
    transform: rotate(0turn);
  }
  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes upDown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-15px);
  }
}
@keyframes card-bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes updown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-25px);
    -moz-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    -o-transform: translateY(-25px);
    transform: translateY(-25px);
  }
}
@-moz-keyframes updown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-25px);
    -moz-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    -o-transform: translateY(-25px);
    transform: translateY(-25px);
  }
}
@-ms-keyframes updown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-25px);
    -moz-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    -o-transform: translateY(-25px);
    transform: translateY(-25px);
  }
}
@keyframes updown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-25px);
    -moz-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    -o-transform: translateY(-25px);
    transform: translateY(-25px);
  }
}
@keyframes mymove {
  0% {
    right: 10px;
  }
  50% {
    right: 15px;
  }
  100% {
    right: 10px;
  }
}
/*----------------------------------------*/
/* Shortcodes styles
/*----------------------------------------*/
.radius-4 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}

.radius-6 {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}

.radius-8 {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.radius-10 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.radius-20 {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
}

.radius-30 {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}

.radius-40 {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  -ms-border-radius: 40px;
  border-radius: 40px;
}

.radius-45 {
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  -o-border-radius: 45px;
  -ms-border-radius: 45px;
  border-radius: 45px;
}

.radius-50 {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -o-border-radius: 50px;
  -ms-border-radius: 50px;
  border-radius: 50px;
}

.radius-60 {
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -o-border-radius: 60px;
  -ms-border-radius: 60px;
  border-radius: 60px;
}

.fs-12 {
  font-size: 12px;
}

.fs-14 {
  font-size: 12px;
}

.fs-16 {
  font-size: 16px;
}

.fw-3 {
  font-weight: var(--td-fw-light);
}

.fw-4 {
  font-weight: var(--td-fw-regular);
}

.fw-5 {
  font-weight: var(--td-fw-medium);
}

.fw-6 {
  font-weight: var(--td-fw-sbold);
}

.fw-7 {
  font-weight: var(--td-fw-bold);
}

.fw-8 {
  font-weight: var(--td-fw-ebold);
}

.fw-9 {
  font-weight: var(--td-fw-black);
}

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

.gap-10 {
  gap: 10px;
}

.gap-15 {
  gap: 15px;
}

.gap-20 {
  gap: 20px;
}

.gap-24 {
  gap: 24px;
}

.hide {
  opacity: 0;
  transition: opacity 0.5s ease-out;
}

.font-xxs {
  font-size: 14px;
}

/*----------------------------------------*/
/* Background Css
/*----------------------------------------*/
.white-bg {
  background-color: var(--td-white);
}

.black-bg {
  background-color: var(--td-black);
}

.dark-bg {
  background-color: var(--td-heading);
}

.primary-bg {
  background-color: var(--td-primary);
}

.light-bg {
  background-color: var(--td-light);
}

/*----------------------------------------*/
/* Colors styles
/*----------------------------------------*/
.text-body {
  color: var(--td-body);
}

.white-text {
  color: var(--td-white) !important;
}

.black-text {
  color: var(--td-black);
}

.text-heading {
  color: var(--td-heading);
}

.primary-text {
  color: var(--td-primary);
}

.text-secondary {
  color: var(--td-secondary);
}

.text-success {
  color: var(--td-success);
}

.danger-text {
  color: var(--td-danger);
}

.text-warning {
  color: var(--td-warning);
}

.text-green {
  color: var(--td-green);
}

/* Header css*/
/*----------------------------------------*/
/* Header actions Styles
/*----------------------------------------*/
.profile-card-box {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px 12px;
  flex-wrap: wrap;
}

.profile-card .profile-title {
  font-size: clamp(2rem, 1.5rem + 2vw, 2rem);
  margin-bottom: 10px;
}

.create-project-container {
  position: relative;
}

.create-project-btn {
  padding: 10px 20px;
  background-color: #f5f7fa;
  border: 1px solid var(--td-border-primary);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

.buttons-dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  inset-inline-end: 0;
  width: 220px;
  background: var(--td-white);
  border: 1px solid rgba(171, 178, 225, 0.3);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  z-index: 1;
}
.buttons-dropdown-menu ul {
  list-style: none;
  padding: 10px;
  margin: 0;
}
.buttons-dropdown-menu li {
  padding: 8px 15px;
  cursor: pointer;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
}
.buttons-dropdown-menu li svg {
  height: 16px;
  width: 16px;
}
.buttons-dropdown-menu li:hover {
  background-color: var(--td-alice-blue);
}

.profile-drop-info {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 16px 16px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.profile-drop-info .profile-img {
  flex: 0 0 auto;
}
.profile-drop-info .profile-img img {
  width: 38px;
  height: 38px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgba(25, 27, 30, 0.2);
}
.profile-drop-info .profile-text {
  line-height: 1;
}
.profile-drop-info .profile-text .name {
  font-size: 16px;
  line-height: 1.2;
}
.profile-drop-info .profile-text .email {
  font-size: 12px;
  font-weight: 500;
}

.user-profile-drop {
  position: relative;
  cursor: pointer;
}
.user-profile-drop .profile-info {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 10px;
}
.user-profile-drop .profile-info .profile-img {
  flex: 0 0 auto;
}
.user-profile-drop .profile-info .profile-img img {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgba(25, 27, 30, 0.2);
}
.user-profile-drop .profile-info .profile-text {
  line-height: 1;
}
@media only screen and (max-width: 480.98px) {
  .user-profile-drop .profile-info .profile-text {
    display: none;
  }
}
.user-profile-drop .profile-info .profile-text .name {
  font-size: 16px;
  line-height: 1.2;
}
.user-profile-drop .profile-info .profile-text .email {
  font-size: 12px;
  font-weight: 500;
}
.user-profile-drop .dropdown-menu {
  top: calc(100% + 10px);
  inset-inline-end: 0;
  z-index: 9;
  background: var(--td-white);
  transform: translateY(-20px);
  opacity: 0;
  cursor: pointer;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15);
  position: absolute;
  display: block;
  width: 220px;
  border-radius: 8px;
  padding-top: 0 !important;
  background: var(--td-white);
  backdrop-filter: blur(48.5px);
  padding-bottom: 0;
  border: 1px solid rgba(25, 27, 30, 0.16);
  box-shadow: 2.5px 2.5px 30px rgba(5, 8, 22, 0.08);
}
.user-profile-drop .dropdown-menu.show {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}
.user-profile-drop .profile-info-list {
  padding: 12px 12px 12px;
}
.user-profile-drop .profile-info-list .profile-info-item {
  padding: 8px 12px;
  display: flex;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 30px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .user-profile-drop .profile-info-list {
    padding: 8px 10px;
  }
}
.user-profile-drop .profile-info-list .icon {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
}
.user-profile-drop .profile-info-list .text {
  font-size: 14px;
  color: rgba(25, 27, 30, 0.8);
}
.user-profile-drop .profile-info-list .profile-info-item:hover {
  background: #F5F5F5;
  color: var(--td-heading);
}
.user-profile-drop .profile-info-list .profile-info-item:not(:last-child) {
  margin-bottom: 4px;
}
.user-profile-drop .profile-info-list .profile-info-item.has-logout {
  border-radius: 30px;
}
.user-profile-drop .profile-info-list .profile-info-item.has-logout:hover {
  background-color: rgba(235, 78, 92, 0.16);
}
.user-profile-drop .profile-info-list .profile-info-item.has-logout:hover .text,
.user-profile-drop .profile-info-list .profile-info-item.has-logout:hover .icon {
  color: #ED3500 !important;
}

/*----------------------------------------*/
/*  Header one Styles
/*----------------------------------------*/
.header-transparent {
  position: absolute;
  inset-inline-start: 0;
  width: 100%;
  z-index: 99;
}

.active-sticky {
  position: fixed !important;
  top: 0;
  z-index: 111;
  inset-inline-end: 0;
  inset-inline-start: 0;
  width: 100%;
  animation: sticky 0.3s;
  -webkit-animation: sticky 0.3s;
}
.active-sticky .header-inner {
  background-color: rgba(255, 255, 255, 0.7) !important;
  box-shadow: 0 2px 4px rgba(7, 37, 68, 0.1);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.language-nav {
  background-color: transparent;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  padding: 7px 16px;
  border-radius: 30px;
}
.language-nav .translate_wrapper.active .more_lang {
  border: 1px solid rgba(25, 27, 30, 0.16);
  display: block;
  position: absolute;
  top: calc(100% + 10px);
  inset-inline-start: 0;
  width: 176px;
  z-index: 31;
  background: var(--td-white);
  box-shadow: 2.5px 2.5px 30px rgba(5, 8, 22, 0.08);
  border-radius: 8px;
  padding: 12px;
}
@media only screen and (max-width: 575.98px) {
  .language-nav .translate_wrapper.active .more_lang {
    inset-inline-end: -30px;
  }
}
.language-nav .current_lang {
  cursor: pointer;
  overflow: hidden;
}
.language-nav .current_lang .lang {
  display: flex;
  align-items: center;
  gap: 6px;
  color: rgba(25, 27, 30, 0.6);
}
.language-nav .current_lang .lang .lang-icon {
  font-size: 16px;
  display: flex;
  align-items: center;
}
.language-nav .current_lang .lang:not(:last-child) {
  border-bottom: 1px solid rgba(229, 90, 62, 0.1);
}
.language-nav .current_lang .lang .arrow {
  font-size: 16px;
  position: relative;
  top: 2px;
}
.language-nav .lang.selected {
  display: none;
}
.language-nav .lang > span.lang-txt {
  display: inline-flex;
  margin-inline-end: 0px;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
.language-nav .lang span span {
  color: var(--td-text-secondary);
  margin-inline-start: 5px;
  transition: 0.3s;
}
.language-nav .more_lang {
  transform: translateY(-20px);
  opacity: 0;
  cursor: pointer;
  display: none;
  transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15);
  z-index: 1;
}
.language-nav .more_lang .lang {
  padding: 8px 16px;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  transition: 0.3s;
  border-radius: 30px;
}
.language-nav .more_lang .lang .lang-txt {
  font-size: 14px;
}
.language-nav .more_lang .lang:hover {
  background: #f5f5f5;
  color: var(--td-heading);
}
.language-nav .more_lang .lang:hover span {
  color: var(--td-heading);
}
.language-nav .more_lang.active {
  opacity: 1;
  transform: translateY(0px);
}

.header-one {
  margin-top: 20px;
}
.header-one .header-inner {
  padding: 10px 10px;
  background: var(--td-white);
  box-shadow: 2.5px 2.5px 30px rgba(5, 8, 22, 0.08);
  border-radius: 100px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .header-one .header-inner {
    padding: 10px 16px;
  }
}
.header-one .header-left {
  display: flex;
  align-items: center;
  gap: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .header-one .header-left {
    gap: 30px;
  }
}
.header-one .header-left .header-logo a {
  display: inline-flex;
}
.header-one .header-left .header-logo a img {
  height: 30px;
}
.header-one .header-quick-actions {
  display: flex;
  align-items: center;
}
.header-one .header-quick-actions .has-border {
  position: relative;
  padding-inline-end: 24px;
  margin-inline-end: 24px;
}
@media only screen and (max-width: 480.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .header-one .header-quick-actions .has-border {
    margin-inline-end: 16px;
    padding-inline-end: 16px;
  }
}
.header-one .header-quick-actions .has-border::before {
  position: absolute;
  content: "";
  top: 50%;
  inset-inline-end: 0;
  width: 1px;
  height: 16px;
  background-color: rgba(25, 27, 30, 0.2);
  transform: translateY(-50%);
}
.header-one .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-one .header-right {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .header-one .header-right {
    gap: 24px;
  }
}
.header-one .header-btns-wrap {
  display: flex;
  gap: 14px;
  align-items: center;
}
.header-one .lang-box {
  border-inline-start: 1px solid #e2e8f0;
}

/* Authentication css*/
/*----------------------------------------*/
/* Auth styles
/*----------------------------------------*/
.td-authentication-section {
  min-height: 100vh;
  display: grid;
  align-items: center;
}

.auth-main {
  padding: 50px 30px;
}
@media only screen and (max-width: 575.98px) {
  .auth-main {
    padding: 30px 15px;
  }
}
.auth-main .inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 550px;
  margin: 0 auto;
}
@media only screen and (max-width: 575.98px) {
  .auth-main .inner {
    width: 100%;
  }
}
.auth-main .inner.has-signup {
  width: 650px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .auth-main .inner.has-signup {
    width: 100%;
  }
}

.auth-top {
  margin-bottom: 45px;
}

.auth-from-middle {
  width: 100%;
}

.auth-from-box {
  background: var(--td-white);
  padding: 30px 30px;
  border-radius: 16px;
}
@media only screen and (max-width: 575.98px) {
  .auth-from-box {
    padding: 20px 20px;
  }
}

.auth-logo a {
  display: inline-block;
  margin-bottom: 20px;
}
.auth-logo a img {
  height: 30px;
}

.auth-from-contents h3 {
  font-size: 30px;
  font-weight: 500;
}
.auth-from-contents .description {
  margin-top: 6px;
}

.auth-from-btn-wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}

.auth-login-option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.auth-from-bottom-contents {
  max-width: 362px;
  margin: 0 auto;
}
.auth-from-bottom-contents .description {
  font-size: 16px;
}
.auth-from-bottom-contents .description a {
  color: var(--td-primary);
}
.auth-from-bottom-contents .description a:hover {
  color: var(--td-primary);
  text-decoration: underline;
}

.have-auth-accounts {
  text-align: center;
  margin-top: 16px;
}

/* Banner css*/
/*----------------------------------------*/
/* Banner one styles
/*----------------------------------------*/
.banner-one {
  position: relative;
  padding-top: 200px;
  background: #F5F5F5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-one {
    padding-top: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .banner-one {
    padding-top: 160px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .banner-one {
    padding-top: 140px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .banner-one {
    padding-top: 130px;
  }
}
@media only screen and (max-width: 575.98px) {
  .banner-one {
    padding-top: 130px;
  }
}
@media only screen and (max-width: 480.98px) {
  .banner-one {
    padding-top: 130px;
  }
}
.banner-one .banner-contents {
  padding-inline-end: 20px;
}
.banner-one .banner-contents .banner-title-inner {
  position: relative;
}
.banner-one .banner-contents .banner-title-inner .line {
  z-index: -1;
  position: absolute;
  bottom: -6%;
  inset-inline-end: 8%;
}
.banner-one .banner-contents .banner-title-inner .line img {
  max-width: 100%;
}
.banner-one .banner-contents .banner-title {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .banner-one .banner-contents .banner-title {
    font-size: 56px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .banner-one .banner-contents .banner-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .banner-one .banner-contents .banner-title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .banner-one .banner-contents .banner-title {
    font-size: 34px;
  }
}
@media only screen and (max-width: 575.98px) {
  .banner-one .banner-contents .banner-title {
    font-size: 32px;
  }
}
.banner-one .banner-contents .description {
  font-size: 18px;
  color: var(--td-text-primary);
  width: 88%;
}
.banner-one .banner-contents .text-highlight {
  color: var(--td-primary);
}
.banner-one .banner-contents .banner-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 35px;
}
.banner-one .banner-thumb-wrapper {
  position: relative;
  z-index: 2;
}
.banner-one .banner-thumb {
  margin-right: -170px;
  height: 532px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom;
  border-radius: 30px;
  margin-left: -50px;
}
.banner-one .banner-thumb img {
  height: 100%;
  border-radius: 8px;
}
.banner-one .banner-thumb-shapes .shape-one {
  position: absolute;
  inset-inline-start: -28px;
  bottom: 86px;
  z-index: 1;
  -moz-animation: updown 2.3s ease-in-out 2.3s forwards infinite alternate;
  -webkit-animation: updown 2.3s ease-in-out 2.3s forwards infinite alternate;
  animation: updown 2.3s ease-in-out 2.3s forwards infinite alternate;
}
.banner-one .banner-thumb-shapes .shape-one img {
  height: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .banner-one .banner-thumb-shapes .shape-one img {
    height: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .banner-one .banner-thumb-shapes .shape-one img {
    height: 50px;
  }
}
@media only screen and (max-width: 575.98px) {
  .banner-one .banner-thumb-shapes .shape-one img {
    height: 40px;
  }
}
@media only screen and (max-width: 575.98px) {
  .banner-one .banner-thumb-shapes .shape-one {
    inset-inline-start: -10px;
    bottom: 60px;
  }
}
.banner-one .banner-thumb-shapes .shape-two {
  position: absolute;
  inset-inline-end: -30%;
  top: 63px;
  z-index: 1;
  animation-duration: 2.5s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: card-bounce;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .banner-one .banner-thumb-shapes .shape-two {
    inset-inline-end: -10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .banner-one .banner-thumb-shapes .shape-two {
    inset-inline-end: -5%;
  }
  .banner-one .banner-thumb-shapes .shape-two img {
    height: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .banner-one .banner-thumb-shapes .shape-two {
    inset-inline-end: 0%;
  }
  .banner-one .banner-thumb-shapes .shape-two img {
    height: 50px;
  }
}
@media only screen and (max-width: 575.98px) {
  .banner-one .banner-thumb-shapes .shape-two {
    inset-inline-end: 0%;
  }
  .banner-one .banner-thumb-shapes .shape-two img {
    height: 40px;
  }
}

/* Menu css*/
/*----------------------------------------*/
/* Main menu css
/*----------------------------------------*/
.td-main-menu nav li {
  position: relative;
  list-style: none;
}
.td-main-menu nav > ul {
  display: inline-flex;
  gap: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .td-main-menu nav > ul {
    gap: 8px;
  }
}
.td-main-menu nav > ul > li > a {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  padding: 6px 5px;
  display: inline-block;
  color: rgba(25, 27, 30, 0.6);
}
.td-main-menu nav > ul > li.active a {
  color: var(--td-primary);
}
.td-main-menu nav > ul > li:hover > a {
  color: var(--td-primary);
}
.td-main-menu nav > ul > li:hover > ul {
  opacity: 1;
  pointer-events: all;
}
.td-main-menu nav > ul > li:has(ul) > a::after {
  content: "\f107";
  margin-inline-start: 3px;
  position: relative;
  top: 0px;
  display: inline-block;
  width: 18px;
  height: 18px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m12.37 15.835l6.43-6.63C19.201 8.79 18.958 8 18.43 8H5.57c-.528 0-.771.79-.37 1.205l6.43 6.63c.213.22.527.22.74 0'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgba(255, 255, 255, 0.5);
}
.td-main-menu nav > ul > li:has(li.menu-has-children) .dp-menu {
  border-radius: 24px;
}
.td-main-menu nav > ul > li:has(li.menu-has-children) .dp-menu.active {
  border-radius: 24px 0 0px 24px;
}
.td-main-menu nav > ul > li ul li:has(ul) > a ::after {
  position: absolute;
  content: "\f107";
  inset-inline-end: 24px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 18px;
  height: 18px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m12.37 15.835l6.43-6.63C19.201 8.79 18.958 8 18.43 8H5.57c-.528 0-.771.79-.37 1.205l6.43 6.63c.213.22.527.22.74 0'/%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  color: rgba(255, 255, 255, 0.5);
}
.td-main-menu nav > ul > li ul li:hover > ul {
  opacity: 1;
  pointer-events: all;
}
.td-main-menu nav ul.dp-menu {
  background-color: #171c35;
  width: 320px;
  position: absolute;
  inset-inline-start: 0px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  z-index: 11;
}
.td-main-menu nav ul.dp-menu > li {
  padding: 0px 10px;
}
.td-main-menu nav ul.dp-menu > li:first-child {
  padding-top: 10px;
}
.td-main-menu nav ul.dp-menu > li:last-child {
  padding-bottom: 10px;
}
.td-main-menu nav ul.menu-sidebar {
  position: absolute;
  inset-inline-end: -100%;
  background: #141931;
  padding: 25px 10px 10px;
  width: 320px;
  inset-inline-start: calc(100% + 0px);
  top: 0;
  border-radius: 0px 24px 24px 0px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s;
}
.td-main-menu nav ul.menu-sidebar .box .pair-list {
  height: 412px;
  overflow-y: scroll;
  scrollbar-width: none;
}
.td-main-menu nav ul.menu-sidebar .box .pair-list::-webkit-scrollbar {
  display: none;
}
.td-main-menu nav ul.menu-sidebar .search-box {
  position: relative;
  margin-top: 15.5px;
  margin-bottom: 10px;
}
.td-main-menu nav ul.menu-sidebar .search-box .search-icon {
  position: absolute;
  top: 50%;
  inset-inline-start: 15px;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
}
.td-main-menu nav ul.menu-sidebar .search-box input {
  background: #091628;
  border-radius: 100px;
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 5px 16px 5px 35px;
  height: 36px;
  color: var(--td-text-secondary);
  line-height: 16px;
  font-size: 14px;
}
.td-main-menu nav ul.menu-sidebar .pair-list {
  display: flex;
  row-gap: 6px;
  flex-direction: column;
}
.td-main-menu nav ul.menu-sidebar .pair-list li a {
  border-radius: 8px;
  padding: 9px 10px;
  display: flex;
  column-gap: 12px;
  font-size: 14px;
  font-weight: 700;
}
.td-main-menu nav ul.menu-sidebar .pair-list li a .currency-icon img {
  width: 20px;
  height: 20px;
  background-size: cover;
  border-radius: 50%;
}
.td-main-menu nav ul.menu-sidebar .pair-list li a .text .eth-usdt-span {
  color: var(--td-white);
}
.td-main-menu nav ul.menu-sidebar .pair-list li a .text .eth-usdt-span-2 {
  color: rgba(255, 255, 255, 0.6);
}
.td-main-menu nav ul.menu-sidebar .pair-list li a:hover {
  background: rgba(255, 255, 255, 0.04);
}

.burger-menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  justify-content: center;
}
.burger-menu span {
  display: block;
  width: 26px;
  height: 2px;
  background-color: var(--td-black);
  transition: all 0.3s ease-in-out;
}
.burger-menu.active span:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
}
.burger-menu.active span:nth-child(2) {
  opacity: 0;
}
.burger-menu.active span:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}

/*----------------------------------------*/
/* Mobile menu css
/*----------------------------------------*/
.mobile-menu {
  margin-bottom: 30px;
}
.mobile-menu ul {
  list-style: none;
}
.mobile-menu ul li {
  position: relative;
}
.mobile-menu ul li > a {
  padding: 14px 0;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #484848;
  font-family: var(--td-ff-heading);
  background-image: linear-gradient(87.17deg, var(--td-primary) 0%, var(--td-primary-alt) 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.mobile-menu ul li > a i {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #e2e8f0;
}
.mobile-menu ul li ul {
  padding-inline-start: 5%;
}
@media only screen and (max-width: 480.98px) {
  .mobile-menu ul li ul {
    padding-inline-start: 3%;
  }
}
.mobile-menu ul li:not(:last-child) > a {
  border-bottom: 1px solid rgba(25, 27, 30, 0.3);
}
.mobile-menu ul li.active > a {
  color: var(--td-primary);
}
.mobile-menu ul li .td-dp-menu {
  display: none;
  padding-inline-start: 20px;
}
.mobile-menu .td-mega-menu {
  padding: 0;
  padding-top: 30px;
  box-shadow: none;
  transform: inherit;
}

.td-mega-menu {
  position: absolute;
  top: 100%;
  inset-inline-start: 0;
  inset-inline-end: 0;
  opacity: 0;
  width: 100%;
  z-index: 99;
  margin: 0 auto;
  background: var(--td-white);
  visibility: hidden;
  transform-origin: top;
  transition: 0.4s;
  transition-duration: 0.1s;
  padding: 30px 30px 10px 30px;
  transform: perspective(300px) rotateX(-18deg);
  box-shadow: 0px 10px 30px 0px rgba(25, 25, 26, 0.1);
}

/*----------------------------------------*/
/* Blog styles
/*----------------------------------------*/
.single-blog-item .blog-thumb {
  overflow: hidden;
  border-radius: 8px;
}
.single-blog-item .blog-thumb img {
  width: 100%;
  height: 251px;
}
.single-blog-item .blog-contents {
  padding-top: 25px;
}
.single-blog-item .blog-contents .blog-date {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.single-blog-item .blog-contents .blog-date i {
  color: var(--td-primary);
}
.single-blog-item .blog-contents .blog-date span {
  font-size: 14px;
  color: var(--td-text-primary);
}
.single-blog-item .blog-contents .title {
  margin-bottom: 14px;
  font-size: 24px;
}
@media only screen and (max-width: 575.98px), smd, only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .single-blog-item .blog-contents .title {
    font-size: 20px;
  }
}
.single-blog-item .blog-contents .title a:hover {
  color: var(--td-primary);
}
.single-blog-item .blog-contents .description {
  margin-bottom: 16px;
}
.single-blog-item:hover .blog-thumb img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

/*----------------------------------------*/
/* Postbox styles
/*----------------------------------------*/
.postbox-main-wrapper {
  padding-inline-end: 30px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .postbox-main-wrapper {
    padding-inline-end: 0;
  }
}

.postbox-main-contents p {
  color: rgba(25, 27, 30, 0.8);
}
.postbox-main-contents p:not(:last-child) {
  margin-bottom: 26px;
}
.postbox-main-contents h1 {
  font-size: 48px;
  line-height: 1.27;
  margin-bottom: 16px;
}
.postbox-main-contents h2 {
  font-size: 40px;
  line-height: 1.27;
  margin-bottom: 16px;
}
@media only screen and (max-width: 575.98px) {
  .postbox-main-contents h2 {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .postbox-main-contents h2 {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .postbox-main-contents h2 {
    font-size: 36px;
  }
}
.postbox-main-contents h3 {
  font-size: 32px;
  line-height: 1.27;
  margin-bottom: 16px;
}
.postbox-main-contents h4 {
  font-size: 26px;
  line-height: 1.27;
  margin-bottom: 16px;
}
.postbox-main-contents h5 {
  font-size: 20px;
  line-height: 1.27;
  margin-bottom: 16px;
}
.postbox-main-contents h6 {
  font-size: 18px;
  padding-bottom: 14px;
  margin-bottom: 14px;
}
.postbox-main-contents ul {
  list-style-type: disc;
  padding-inline-start: 28px;
  margin-bottom: 26px;
}
.postbox-main-contents ul span {
  font-size: 14px;
  margin: 0;
  color: var(--td-text-primary);
}
.postbox-main-contents ul li {
  position: relative;
  font-size: 16px;
  color: rgba(25, 27, 30, 0.6);
}
.postbox-main-contents ul li:not(:last-child) {
  margin-bottom: 12px;
}
.postbox-main-contents img {
  margin-bottom: 25px;
  max-height: 430px;
  border-radius: 16px;
  width: 100%;
}
.postbox-main-contents hr {
  border: 1px solid rgba(25, 27, 30, 0.16);
}

.postbox-meta ul {
  display: flex;
  align-items: center;
  gap: 12px 20px;
  flex-wrap: wrap;
  padding-inline-start: 0 !important;
}
.postbox-meta ul li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 6px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  border-bottom: 0;
}
.postbox-meta ul li::before {
  display: none;
}
.postbox-meta ul li:not(:last-child) {
  margin-bottom: 0;
}
.postbox-meta ul li .icon {
  font-size: 18px;
  display: inline-flex;
}
.postbox-meta ul li span {
  color: var(--td-text-primary);
}

.postbox-share {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 16px;
}

.postbox-share-social {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.postbox-share-social a {
  font-size: 16px;
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  border-radius: 100%;
  background-color: var(--td-white);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--td-primary);
}
.postbox-share-social a:hover {
  color: var(--td-white);
  background-color: var(--td-primary);
  transform: translate3d(0, -2px, 0);
}

.tagcloud-items {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 8px;
  align-items: self-start;
}

.tagcloud-box {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 8px;
}
.tagcloud-box a {
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  position: relative;
  text-transform: capitalize;
  background-color: #f5f5f5;
  border: 1px solid rgba(25, 27, 30, 0.1);
  color: rgba(25, 27, 30, 0.8);
  padding: 5px 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
}

.sidebar-sticky {
  position: sticky;
  top: 80px;
}

.sidebar-widget {
  background: #F5F5F5;
  border-radius: 16px;
  padding: 16px 16px;
}

@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .sidebar-wrapper {
    padding-inline-start: 0;
  }
}

.sidebar-widget-title {
  position: relative;
  display: inline-block;
  font-size: 23px;
  margin-bottom: 20px;
  padding-bottom: 12px;
}
.sidebar-widget-title::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 47px;
  background: rgba(25, 27, 30, 0.1);
  bottom: 0;
  inset-inline-start: 0;
}
@media only screen and (max-width: 575.98px) {
  .sidebar-widget-title {
    margin-bottom: 18px;
  }
}

/*----------------------------------------*/
/* Recent post styles
/*----------------------------------------*/
.rc-post {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 480.98px) {
  .rc-post {
    gap: 12px;
  }
}
.rc-post:hover .rc-post-thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.rc-post:last-child {
  margin-bottom: 0;
}

.rc-post-contents p {
  color: rgba(25, 27, 30, 0.8);
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  font-size: 14px;
  line-height: 1.2;
  margin-top: 4px;
}

.rc-post-title {
  font-size: 16px;
  overflow: hidden;
  -webkit-line-clamp: 1;
  display: box;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: normal;
  color: var(--td-heading);
  margin-bottom: 4px;
}

.rc-post-thumb {
  position: relative;
  z-index: 3;
  overflow: hidden;
  flex: 0 0 auto;
  border-radius: 12px;
}
.rc-post-thumb img {
  width: 104px;
  height: 89px;
  object-fit: cover;
  border-radius: 12px;
}

.rc-meta {
  margin-bottom: 3px;
}
.rc-meta span {
  font-size: 14px;
  color: rgba(25, 27, 30, 0.6);
}
.rc-meta span svg, .rc-meta span i {
  margin-inline-end: 6px;
}
.rc-meta span svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.rc-meta span:hover a {
  color: var(--td-primary);
}

/*----------------------------------------*/
/* Footer primary style
/*----------------------------------------*/
.footer-primary {
  position: relative;
  z-index: 5;
  background: #F5F5F5;
}
.footer-primary .footer-main {
  padding: 60px 0px 60px;
}

.footer-logo a {
  display: inline-flex;
}
.footer-logo a img {
  height: 30px;
}

.footer-wg-head .title {
  color: var(--td-heading);
  margin-bottom: 45px;
  font-size: 20px;
  position: relative;
  font-weight: 500;
}

.footer-contents {
  margin-inline-end: 15%;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .footer-contents {
    margin-inline-end: 0;
  }
}
.footer-contents .description {
  font-size: 16px;
  color: rgba(25, 27, 30, 0.7);
}
.footer-contents .td-form-group {
  width: 240px;
  margin-top: 35px;
}
.footer-contents .td-form-group .select-input .select2-container--default .select2-selection--single {
  background: var(--td-white);
  border-radius: 33px;
  border: 0 !important;
}

.footer-links ul li {
  list-style: none;
}
.footer-links ul li:not(:last-child) {
  margin-bottom: 13px;
}
.footer-links ul li a {
  font-size: 16px;
  font-weight: 500;
  color: #717274;
}
.footer-links ul li a:hover {
  color: var(--td-primary);
}

.footer-social {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 16px;
  flex-direction: column;
}
.footer-social ul {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 12px;
}
.footer-social ul li {
  list-style: none;
}
.footer-social ul li a {
  font-size: 18px;
  color: rgba(25, 27, 30, 0.7);
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--td-white);
  border-radius: 100px;
}
.footer-social ul li a i {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}
.footer-social ul li a:hover {
  position: relative;
  top: -2px;
  background-color: var(--td-primary);
  color: var(--td-white);
}

.footer-info .info-item {
  display: flex;
  align-items: self-start;
  gap: 10px;
}
.footer-info .info-item:not(:last-child) {
  margin-bottom: 18px;
}
.footer-info .info-item .icon {
  width: 50px;
  height: 50px;
  flex: 0 0 auto;
  border-radius: 100%;
  background-color: rgba(36, 82, 249, 0.1);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--td-primary);
  font-size: 20px;
}
.footer-info .info-item .text strong {
  font-weight: 700;
  display: block;
  color: var(--td-heading);
}
.footer-info .info-item .text p {
  margin-bottom: 4px;
  color: rgba(25, 27, 30, 0.7);
  font-size: 15px;
}
.footer-info .info-item .text p a:hover {
  color: var(--td-primary);
}

/*----------------------------------------*/
/* Footer copyright style
/*----------------------------------------*/
.footer-copyright {
  border-top: 1px solid rgba(25, 27, 30, 0.1);
  padding: 20px 0;
}

.copyright-link ul {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.copyright-link ul li {
  list-style: none;
  font-size: 16px;
}
.copyright-link ul li a:hover {
  color: var(--td-primary);
}

.copyright-text p {
  font-size: 16px;
  color: rgba(25, 27, 30, 0.7);
}

/* pages css*/
/*----------------------------------------*/
/* Card styles
/*----------------------------------------*/
.page-default-card {
  background: var(--td-white);
  border: 1px solid rgba(25, 27, 30, 0.1);
  border-radius: 8px;
  padding: 30px;
}
@media only screen and (max-width: 575.98px) {
  .page-default-card {
    padding: 20px;
  }
}

.heading-card-top {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
  padding: 25px 16px;
}

.card-form {
  padding: 30px 30px;
  border: 1px solid rgba(25, 27, 30, 0.16);
  border-radius: 8px;
}
@media only screen and (max-width: 575.98px) {
  .card-form {
    padding: 20px 20px;
  }
}

.card-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 12px;
}
.card-heading .title {
  font-size: 20px;
  font-weight: 500;
}
@media only screen and (max-width: 575.98px) {
  .card-heading .title {
    font-size: 18px;
  }
}

.page-card-heading .page-card-title {
  font-size: 18px;
  font-weight: 500;
}
.page-card-heading p {
  color: rgba(25, 27, 30, 0.6);
  font-size: 14px;
}

.dashboard-middle-area {
  max-width: 768px;
  margin: 0 auto;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-middle-area {
    max-width: 100%;
  }
}

.middle-form-box {
  padding: 16px;
  border: 1px solid rgba(25, 27, 30, 0.16);
  border-radius: 8px;
}

/*----------------------------------------*/
/* Dashboard styles 
/*----------------------------------------*/
.app-page-header {
  max-width: 100vw;
  position: fixed;
  top: 0;
  z-index: 33;
  margin-inline-start: 280px;
  width: calc(100% - 280px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .app-page-header {
    margin-inline-start: 260px;
    width: calc(100% - 260px);
  }
}
@media only screen and (max-width: 575.98px) {
  .app-page-header {
    margin-inline-start: 0;
    width: 100%;
  }
}
.app-page-header.close_icon {
  margin-inline-start: 80px;
  width: calc(100% - 80px);
}
.app-page-header.dashboard-sticky {
  position: fixed;
  animation: sticky 0.3s;
  -webkit-animation: sticky 0.3s;
  top: 0;
  width: -webkit-fill-available;
  background: #131314;
}

.app-dashboard-header {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px 30px;
  height: 60px;
  background-color: var(--td-white);
  position: relative;
  z-index: 1;
  margin-inline-start: 30px;
  margin-inline-end: 30px;
  margin-top: 30px;
  padding-inline-start: 30px;
  padding-inline-end: 10px;
  border-radius: 30px;
  border: 1px solid rgba(25, 27, 30, 0.1);
  box-shadow: 2.5px 2.5px 30px rgba(5, 8, 22, 0.08);
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .app-dashboard-header {
    padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 575.98px) {
  .app-dashboard-header {
    padding: 15px 15px;
    margin: 10px;
  }
}
.app-dashboard-header .left-contents .user-welcome-info {
  display: flex;
  align-items: center;
  gap: 12px;
}
.app-dashboard-header .left-contents .user-welcome-info .welcome-text {
  font-size: 20px;
  font-weight: 500;
}
.app-dashboard-header .left-contents .user-welcome-info .welcome-text span {
  color: var(--td-primary);
}
.app-dashboard-header .right-contents .header-quick-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .page-wrapper.compact-wrapper .app-page-header {
    margin-inline-start: 0;
    width: 100%;
  }
}

.app-page-body {
  min-height: calc(100vh - 60px);
  margin-top: 76px;
  margin-inline-start: 280px;
  padding: 30px 30px 30px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .app-page-body {
    margin-inline-start: 260px;
  }
}
@media only screen and (max-width: 575.98px) {
  .app-page-body {
    padding: 16px 16px 16px;
  }
}

@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .app-page-body-wrapper .app-page-body {
    margin-inline-start: 0 !important;
  }
}

.bar-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #2452f9;
  color: var(--td-white);
}
.bar-icon i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.bar-icon.is-sidebar {
  background-color: rgba(255, 255, 255, 0.16);
  color: var(--td-white);
}

.bg-overlay.active {
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  z-index: 99;
  top: 0;
}

/*----------------------------------------*/
/* Dashboard Sidebar styles
/*----------------------------------------*/
.app-sidebar-wrapper {
  position: fixed;
  height: 100%;
  top: 0;
  z-index: 999;
  line-height: inherit;
  text-align: end;
  box-shadow: 0 0 10px 0 rgba(89, 102, 122, 0.05);
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .app-sidebar-wrapper {
    margin-inline-start: -300px;
  }
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .app-sidebar-wrapper.close_icon {
    margin-inline-start: 0px;
  }
}
.app-sidebar-wrapper .sidebar-inner {
  border-inline-end: 1px solid rgba(255, 255, 255, 0.1);
  background: var(--td-heading);
}

.app-sidebar {
  width: 280px;
  height: 100%;
  inset-block-start: 0;
  inset-inline-start: 0;
  background: var(--td-white);
  border-inline-end: 1px solid rgba(25, 27, 30, 0.16);
  border-radius: 0px 30px 30px 0px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), md, only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .app-sidebar {
    border-radius: 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .app-sidebar {
    width: 260px;
  }
}
.app-sidebar .main-sidebar-header {
  height: 76px;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
}
.app-sidebar .main-sidebar-header img {
  transition: all 0.02s ease;
  height: 34px;
}
.app-sidebar .main-sidebar-header .sidebar-logo .main-logo img {
  height: 45px;
}
.app-sidebar .main-sidebar-header .sidebar-logo .main-logo.logo-white-mode {
  display: none;
}
.app-sidebar .main-sidebar-header .sidebar-logo .small-logo {
  display: none;
}
.app-sidebar .nav > ul {
  padding-inline-start: 0px;
}
.app-sidebar .nav ul li {
  list-style: none;
  padding: 0px 14px 0px 14px;
  margin-bottom: 8px;
}
.app-sidebar .sidebar-menu {
  display: none;
  padding: 0;
}
.app-sidebar .sidebar-left {
  display: none;
}
.app-sidebar .sidebar-right {
  display: none;
}
.app-sidebar .main-menu > .slide:hover .sidebar-menu .sidebar-menu-item:hover .side-menu-angle {
  color: var(--td-primary) !important;
}
.app-sidebar .main-menu > .slide.active .sidebar-menu .sidebar-menu-item:hover .side-menu-angle {
  color: var(--td-primary) !important;
}
.app-sidebar .main-menu > .slide.has-logout .sidebar-menu-item {
  background-color: rgba(239, 68, 68, 0.3);
}
.app-sidebar .main-menu > .slide.has-logout .sidebar-menu-item .sidebar-menu-label {
  color: var(--td-danger);
}
.app-sidebar .main-menu > .slide.has-logout .sidebar-menu-item .side-menu-icon {
  color: var(--td-danger);
}
.app-sidebar .main-menu > .slide.has-logout .sidebar-menu-item:hover {
  background: rgba(239, 68, 68, 0.3);
}
.app-sidebar .slide.has-sub .sidebar-menu {
  transform: translate(0, 0) !important;
  visibility: visible !important;
}
.app-sidebar .slide.has-sub {
  display: -ms-grid;
  display: -moz-grid;
  display: grid;
  display: -ms-grid;
  display: -moz-grid;
  display: grid;
}
.app-sidebar .slide.has-sub.open > .sidebar-menu-item .side-menu-angle {
  transform: rotate(180deg);
  transform: rotate(180deg);
}
.app-sidebar .slide {
  position: relative;
  z-index: 1;
}
.app-sidebar .slide.active:hover .sidebar-menu .sidebar-menu-item:hover .side-menu-angle {
  color: var(--td-primary) !important;
}
.app-sidebar .slide.active {
  position: relative;
  z-index: 1;
}
.app-sidebar .slide.active .sidebar-menu-item {
  background: var(--td-primary);
}
.app-sidebar .slide.active .sidebar-menu-item .side-menu-icon {
  color: var(--td-heading);
}
.app-sidebar .slide.active .sidebar-menu-item .sidebar-menu-label {
  color: var(--td-white);
}
.app-sidebar .slide.active.active .sidebar-menu .sidebar-menu-item:hover .side-menu-angle {
  color: var(--td-secondary) !important;
}
.app-sidebar .sidebar-menu.child1 .sidebar-menu-item:hover {
  color: var(--td-secondary);
  background-color: var(--td-white) !important;
}
.app-sidebar .sidebar-menu.child1 .sidebar-menu-item.active {
  background-color: transparent !important;
}
.app-sidebar .sidebar-menu.child1 li {
  padding: 0;
  position: relative;
  padding-inline-start: 20px;
}
.app-sidebar .sidebar-menu.child2 .sidebar-menu-item:hover {
  color: var(--td-text-secondary);
}
.app-sidebar .sidebar-menu.child2 .sidebar-menu-item {
  padding: 10px 16px;
  background-color: transparent !important;
}
.app-sidebar .sidebar-menu.child2 .sidebar-menu-item.active {
  background-color: var(--td-primary) !important;
}
.app-sidebar .sidebar-menu.child2 li {
  padding: 0;
  position: relative;
  padding-inline-start: 12px;
}
.app-sidebar .sidebar-menu.child3 .sidebar-menu-item:hover {
  color: var(--td-primary);
}
.app-sidebar .sidebar-menu.child3 .sidebar-menu-item {
  background-color: transparent !important;
}
.app-sidebar .sidebar-menu.child3 .sidebar-menu-item:before {
  position: absolute;
  content: "\e404";
  font-family: "Font Awesome 6 Pro";
  font-size: 12px;
  inset-inline-start: -10px;
  opacity: 0.8;
}
.app-sidebar .sidebar-menu.child3 .sidebar-menu-item.active {
  background-color: transparent !important;
}
.app-sidebar .sidebar-menu.child3 li {
  padding: 0;
  position: relative;
  padding-inline-start: 16px;
}
.app-sidebar .sidebar-menu-category .category-name {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 4px 10px;
  white-space: nowrap;
  position: relative;
  margin-top: 15px;
  display: block;
  text-align: left;
}
.app-sidebar .sidebar-menu-item {
  padding: 7px 8px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  width: 100%;
  border-radius: 30px;
}
.app-sidebar .sidebar-menu-item .sidebar-menu-label {
  color: var(--td-heading);
}
.app-sidebar .sidebar-menu-item:hover {
  background: #F5F5F5;
}
.app-sidebar .sidebar-menu-item:hover .sidebar-menu-label {
  color: var(--td-heading);
}
.app-sidebar .sidebar-menu-item:hover .side-menu-icon {
  color: var(--td-white);
  background-color: var(--td-primary);
  transition: all 0.3s ease;
}
.app-sidebar .sidebar-menu-item:hover .side-menu-icon i {
  transition: all 0.3s ease;
}
.app-sidebar .sidebar-menu-item.active {
  color: var(--td-primary);
}
.app-sidebar .sidebar-menu-item.active .sidebar-menu-label {
  color: var(--td-primary);
}
.app-sidebar .sidebar-menu-item.active .side-menu-angle {
  color: var(--td-primary);
}
.app-sidebar .sidebar-menu-item.active .side-menu-icon {
  color: var(--td-primary);
}
.app-sidebar .sidebar-menu-label {
  white-space: nowrap;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  color: #646465;
}
.app-sidebar .side-menu-icon {
  font-size: 16px;
  text-align: center;
  color: rgba(25, 27, 30, 0.8);
  width: 30px;
  height: 30px;
  background: #F5F5F5;
  border-radius: 100px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.03s ease;
}
.app-sidebar .side-menu-icon span {
  display: flex;
  align-items: center;
}
.app-sidebar .side-menu-icon i {
  transition: all 0.03s ease;
}
.app-sidebar .side-menu-angle {
  transform-origin: center;
  position: absolute;
  inset-inline-end: 20px;
  line-height: 1;
  font-size: 14px;
  transition: all 0.03s ease;
  opacity: 0.8;
}
.app-sidebar .app-sidebar.nav-folded.side-nav-hover .sidebar-menu-category .category-name {
  display: block;
}

.app-sidebar.collapsed {
  inset-inline-start: -300px;
}

.app-sidebar.nav-folded {
  width: 80px;
  transition: 0.2s;
}
.app-sidebar.nav-folded .nav ul li {
  margin: 0 10px;
}
.app-sidebar.nav-folded .category-name {
  display: none;
}
.app-sidebar.nav-folded .sidebar-menu-item {
  padding: 10px 16px;
  display: inline-flex;
}
.app-sidebar.nav-folded .sidebar-menu-item .sidebar-menu-label {
  display: none;
}
.app-sidebar.nav-folded .sidebar-menu-item .category-name {
  display: none;
}
.app-sidebar.nav-folded .sidebar-logo .main-logo {
  display: none;
}
.app-sidebar.nav-folded .sidebar-logo .small-logo {
  display: block;
}

.app-sidebar.side-nav-hover {
  width: 290px;
  transition: all 0.3s ease;
}
.app-sidebar.side-nav-hover .sidebar-menu-item .sidebar-menu-label {
  display: none;
  display: block;
}
.app-sidebar.side-nav-hover .sidebar-menu-item {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.app-sidebar.side-nav-hover .sidebar-menu-category .category-name {
  display: block !important;
}
.app-sidebar.side-nav-hover .sidebar-logo .main-logo {
  display: block;
}
.app-sidebar.side-nav-hover .sidebar-logo .small-logo {
  display: none;
}

.toggle-sidebar.active .bar-icon {
  transform: rotate(-180deg);
}

@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (max-width: 575.98px) {
  .close_sidebar.app-sidebar {
    inset-inline-start: 0px;
  }
}

.sidebar-bottom {
  border-top: 1px solid rgba(36, 82, 249, 0.16);
  padding-top: 20px;
  margin: 10px;
}

.sidebar-label {
  background: linear-gradient(180deg, #819CFF 0%, #2452F9 100%);
  border-radius: 14px;
  display: flex;
  align-items: center;
  padding: 10px 16px;
  justify-content: space-between;
  gap: 10px;
}
.sidebar-label .level-contents {
  text-align: left;
}
.sidebar-label .level-contents .level-text {
  color: var(--td-white);
  font-size: 14px;
  margin-bottom: 0px;
}
.sidebar-label .level-contents .level-title {
  font-weight: 500;
  font-size: 16px;
  margin-top: 3px;
  color: var(--td-white);
}
.sidebar-label .level-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #819CFF 0%, #2452F9 100%);
  transform: rotate(-45deg);
}
.sidebar-label .level-icon img {
  width: 30px;
  height: 30px;
  transform: rotate(45deg);
}

ul.main-menu.has-label {
  height: calc(100vh - 192px);
  z-index: 99;
  -webkit-transition: color 1s ease;
  transition: color 1s ease;
  overflow: auto;
  color: rgba(0, 0, 0, 0);
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}
ul.main-menu.has-label ::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.app-sidebar .slide.active .sidebar-menu-item:hover .side-menu-icon {
  color: var(--td-heading);
  background-color: var(--td-white);
}

/* pages css*/
/*----------------------------------------*/
/* Profile 2FA Styles
/*----------------------------------------*/
.two-fa-contents-main .contents .title {
  font-size: 20px;
  margin-bottom: 16px;
  font-weight: 500;
}
.two-fa-contents-main .contents .description {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 16px;
}
.two-fa-contents-main .qr-code .thumb {
  max-width: 280px;
  margin-top: 35px;
}
@media only screen and (max-width: 575.98px) {
  .two-fa-contents-main .qr-code .thumb {
    max-width: 236px;
  }
}
.two-fa-contents-main .qr-code .thumb img {
  border: 1px solid rgba(25, 27, 30, 0.2);
  padding: 15px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -o-border-radius: 16px;
  -ms-border-radius: 16px;
  border-radius: 16px;
}
.two-fa-contents-main .manual-code .manual-divider {
  -moz-box-align: center;
  align-items: center;
  display: -moz-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 35px 0 25px;
}
.two-fa-contents-main .manual-code .manual-divider .divider-line {
  border-top: 1px solid rgba(25, 27, 30, 0.2);
  -moz-box-flex: 1;
  flex-grow: 1;
  height: 0;
}
.two-fa-contents-main .manual-code .manual-divider .or {
  cursor: default;
  flex-shrink: 0;
  font-size: 16px;
  margin-inline-start: 14px;
  margin-inline-end: 14px;
}

/*----------------------------------------*/
/* Supports styles
/*----------------------------------------*/
.verification-btns-wrap {
  padding: 25px 16px;
  border-top: 1px solid rgba(25, 27, 30, 0.1);
  border-bottom: 1px solid rgba(25, 27, 30, 0.1);
}

/*----------------------------------------*/
/* Supports styles
/*----------------------------------------*/
.messages-box-wrapper {
  padding-top: 24px;
  border-top: 1px solid rgba(25, 27, 30, 0.1);
  margin-top: 24px;
}
.messages-box-wrapper .chat-text-item {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 10px 16px;
  width: 50%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .messages-box-wrapper .chat-text-item {
    width: 80%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (max-width: 575.98px) {
  .messages-box-wrapper .chat-text-item {
    width: 100%;
  }
}
@media only screen and (max-width: 575.98px) {
  .messages-box-wrapper .chat-text-item {
    flex-direction: column;
  }
}
.messages-box-wrapper .chat-text-item:not(:last-child) {
  margin-bottom: 30px;
}
.messages-box-wrapper .chat-text-avatar {
  flex: 0 0 auto;
}
.messages-box-wrapper .chat-text-avatar .thumb img {
  width: 44px;
  height: 44px;
  border-radius: 50%;
}
@media only screen and (max-width: 575.98px) {
  .messages-box-wrapper .chat-text-avatar .thumb img {
    width: 36px;
    height: 36px;
  }
}
.messages-box-wrapper .chat-text-item.user-message {
  flex-direction: row-reverse;
  margin-inline-start: auto;
}
@media only screen and (max-width: 575.98px) {
  .messages-box-wrapper .chat-text-item.user-message {
    flex-direction: column;
  }
}
.messages-box-wrapper .message-list-inner .timestamp {
  margin-top: 6px;
  display: block;
  text-align: right;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.03em;
}
.messages-box-wrapper .message-list-inner .message-list {
  padding: 14px 14px;
  flex: 1 1 auto;
  background: #f1f1f1;
  position: relative;
}
.messages-box-wrapper .message-list-inner .message-list.user-message {
  background: rgba(36, 82, 249, 0.16);
  border-radius: 20px 20px 0px 20px;
}
.messages-box-wrapper .message-list-inner .message-list.user-message .description {
  color: var(--td-heading);
}
.messages-box-wrapper .message-list-inner .message-list.user-message .timestamp {
  color: var(--td-heading);
}
.messages-box-wrapper .message-list-inner .message-list.user-message .attachment {
  background: #fffafa !important;
}
.messages-box-wrapper .message-list-inner .message-list.support-message {
  background: #f5f5f5;
  border-radius: 0px 20px 20px 20px;
}
.messages-box-wrapper .message-list-inner .message-list .description {
  margin: 0 0 16px;
  line-height: 26px;
  font-size: 14px;
  color: rgba(25, 27, 30, 0.8);
}
.messages-box-wrapper .message-list-inner .message-list .attachments {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 8px;
  margin-top: 5px;
  flex-wrap: wrap;
}
.messages-box-wrapper .message-list-inner .message-list .attachments .attachment {
  padding: 10px 14px;
  font-size: 14px;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #e7e7e7;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
}
.messages-box-wrapper .message-list-inner .message-list .attachments .attachment .screenshot,
.messages-box-wrapper .message-list-inner .message-list .attachments .attachment button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #fff;
  color: #000;
}
.messages-box-wrapper .message-list-inner .message-list .author {
  font-size: 14px;
  font-weight: 500;
  color: rgba(25, 27, 30, 0.8);
}
.messages-box-wrapper .reply-form-box .td-form-group .input-field textarea {
  background: #f5f5f5;
}

.attachment-show-previews {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 0.9375rem;
}
.attachment-show-previews .preview {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 6px 8px;
  gap: 6px;
  isolation: isolate;
  background: rgba(0, 0, 0, 0.04);
  border: 1px solid rgba(0, 0, 0, 0.01);
  backdrop-filter: blur(10px);
  border-radius: 6px;
  padding-inline-end: 35px;
}
.attachment-show-previews .preview img {
  border-radius: 0.375rem;
  height: 34px;
  object-fit: cover;
}
.attachment-show-previews .preview span {
  font-size: 0.75rem;
  word-wrap: break-word;
  white-space: nowrap;
  width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attachment-show-previews .preview .text {
  word-wrap: break-word;
  white-space: nowrap;
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.attachment-show-previews .preview .remove {
  position: absolute;
  top: 0.3125rem;
  inset-inline-end: 5px;
  background: var(--td-danger);
  color: var(--td-white);
  border: none;
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
}

.reply-form-inputs form {
  display: flex;
  align-items: center;
  gap: 24px 30px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .reply-form-inputs form {
    flex-direction: column;
    align-items: flex-start;
  }
}
.reply-form-inputs form .td-form-group {
  flex: 1 1 auto;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .reply-form-inputs form .td-form-group {
    width: 100%;
  }
}
.reply-form-inputs form .td-form-group .input-field textarea {
  background: #f5f5f5;
  height: 52px;
  border-radius: 20px !important;
}
.reply-form-inputs form .reply-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.add-attachment-btn {
  background: #191B1E;
  border-radius: 35px;
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--td-white);
  cursor: pointer;
}

/*----------------------------------------*/
/* reward Styles
/*----------------------------------------*/
.reward-card {
  width: 100%;
  max-width: 480px;
  padding: 30px 30px;
  border-radius: 20px;
  text-align: center;
  border: 1px solid hsla(0, 0%, 100%, 0.16);
  backdrop-filter: blur(30px);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.reward-card .reward-title {
  font-size: 18px;
  font-weight: 500;
  color: rgba(25, 27, 30, 0.8);
  margin-bottom: 10px;
}
.reward-card .reward-points {
  font-size: 24px;
  font-weight: 700;
  color: var(--td-heading);
  margin-bottom: 10px;
}
.reward-card .reward-rate {
  font-size: 15px;
  font-weight: 500;
  color: #5C7AEA;
  margin-bottom: 25px;
}

/*----------------------------------------*/
/* referral program styles
/*----------------------------------------*/
.td-referral-main {
  background: var(--td-white);
  border: 1px solid rgba(25, 27, 30, 0.1);
  border-radius: 8px;
  padding: 30px;
  position: relative;
}

.td-referral-tree-item {
  padding: 0 16px;
  position: relative;
}
@media only screen and (max-width: 575.98px) {
  .td-referral-tree-item {
    padding: 0 8px;
  }
}

.td-referral-tree-card-inner {
  position: relative;
}
.td-referral-tree-card-inner::before {
  position: absolute;
  content: "";
  inset-inline-start: 50%;
  transform: translateX(calc(-50% + 1px)) rotate(45deg);
  z-index: 5;
  border: solid rgba(25, 27, 30, 0.3);
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  top: -21px;
  transform-origin: center;
}

.td-referral-tree-card {
  padding: 6px 6px;
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  min-width: 240px;
  background: #F5F5F5;
  border-radius: 16px;
}
.td-referral-tree-card.tree-parent {
  min-width: max-content;
  background: linear-gradient(180deg, #819CFF 0%, #2452F9 100%);
  border-radius: 16px;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  padding: 22px 22px;
}
.td-referral-tree-card.tree-parent .aviator-info {
  flex-direction: column;
}
.td-referral-tree-card.tree-parent .aviator-info .contents .title {
  color: var(--td-white);
}
.td-referral-tree-card.tree-parent::before {
  display: none;
}
.td-referral-tree-card.tree-parent .td-referral-tree-card-inner::before {
  display: none;
}
.td-referral-tree-card .aviator-info {
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.td-referral-tree-card .aviator-info .thumb img {
  border-radius: 50%;
  width: 36px;
  height: 36px;
}
.td-referral-tree-card .aviator-info .contents .title {
  font-size: 14px;
  font-weight: 500;
}
.td-referral-tree-card .aviator-info .contents .info {
  font-size: 12px;
  text-align: left;
}
.td-referral-tree-card .list-info {
  background: var(--td-white);
  border-radius: 12px;
  width: 100%;
  padding: 8px 8px;
}
.td-referral-tree-card .list-info .info-item {
  display: flex;
  justify-content: space-between;
}
.td-referral-tree-card .list-info .info-item .label,
.td-referral-tree-card .list-info .info-item .value {
  font-size: 14px;
  color: rgba(25, 27, 30, 0.8);
  font-weight: 500;
}
.td-referral-tree-card .list-info .info-item:nth-child(1) .value {
  color: var(--td-primary);
}
.td-referral-tree-card .list-info .info-item:nth-child(2) .value {
  color: var(--td-warning);
}
.td-referral-tree-card .list-info .info-item:nth-child(3) .value {
  color: var(--td-success);
}

.td-referral-tree-wrapper {
  max-width: max-content;
  margin: 0 auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.td-referral-tree {
  padding-bottom: 20px;
}
.td-referral-tree > ul {
  padding-top: 0;
}
.td-referral-tree ul {
  padding-top: 20px;
  position: relative;
  transition: all 0.5s;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.td-referral-tree ul ul::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 50%;
  border-inline-start: 1px solid rgba(25, 27, 30, 0.3);
  width: 0;
  height: 20px;
}
.td-referral-tree li {
  float: left;
  text-align: center;
  list-style-type: none;
  position: relative;
  padding: 34px 5px 0 5px;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.td-referral-tree li::after {
  inset-inline-end: auto;
  inset-inline-start: 50%;
  border-inline-start: 1px solid rgba(25, 27, 30, 0.3);
}
.td-referral-tree li:only-child {
  padding-top: 0;
}
.td-referral-tree li:last-child::before {
  border-inline-end: 1px solid rgba(25, 27, 30, 0.3);
  border-radius: 0 10px 0 0;
}
.td-referral-tree li:first-child::after {
  border-radius: 10px 0 0 0;
}

.td-referral-tree li::before,
.td-referral-tree li::after {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-end: calc(50% - 2px);
  border-top: 1px solid rgba(25, 27, 30, 0.3);
  width: calc(50% + 2px);
  height: 20px;
}

.td-referral-tree li:only-child::after,
.td-referral-tree li:only-child::before {
  display: none;
}

.td-referral-tree li:first-child::before,
.td-referral-tree li:last-child::after {
  border: 0 none;
}

.referral-profit {
  background: #DBFFDA;
  border-radius: 100px;
  padding: 4px 16px;
  font-weight: 500;
  font-size: 16px;
  color: #468C45;
}

.referral-logs-tab.td-tab .nav-tabs {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  gap: 6px;
  margin-bottom: 20px;
}
.referral-logs-tab.td-tab .nav-tabs .nav-link {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--td-heading);
  display: -webkit-inline-box;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flexbox;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 38px;
  mix-blend-mode: normal;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -o-border-radius: 1000px;
  -ms-border-radius: 1000px;
  border-radius: 1000px;
  padding: 0 16px;
  border: 1px solid rgba(25, 27, 30, 0.1);
}
.referral-logs-tab.td-tab .nav-tabs .nav-link .icon {
  display: flex;
  align-items: center;
}
.referral-logs-tab.td-tab .nav-tabs .nav-link.active {
  background: var(--td-primary);
  color: var(--td-white);
  border-color: var(--td-primary);
}

.td-referral-parent .td-referral-tree-card-inner::before {
  display: none;
}

/*----------------------------------------*/
/* No data found styles
/*----------------------------------------*/
.no-data-found {
  text-align: center;
  padding: 10px 10px;
  margin: 0 auto;
}
.no-data-found img {
  height: 24px;
  margin-bottom: 8px;
}
.no-data-found span {
  font-size: 16px;
  font-weight: 600;
  display: block;
}

/*----------------------------------------*/
/* Filters Styles
/*----------------------------------------*/
.filter-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.filter-group .form-control {
  height: 44px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 30px;
  font-size: 14px;
  background-color: var(--td-white);
  transition: border-color 0.2s ease;
}
.filter-group .form-control:focus {
  outline: none;
  border-color: var(--td-primary);
  box-shadow: none;
}
.filter-group .select-input {
  min-width: 200px;
}
.filter-group .select-input .select2-container--default .select2-selection--single {
  height: 44px;
  background-color: var(--td-white);
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 20px;
}
.filter-group .select-input .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 44px;
}
.filter-group .select-input .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
  color: var(--td-heading);
  line-height: 43px;
  font-weight: 400;
}

.filter-select {
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 30px;
  font-size: 14px;
  background-color: var(--td-white);
  transition: border-color 0.2s ease;
  height: 44px;
  display: inline-flex;
  align-items: center;
}
.filter-select:focus {
  outline: none;
  border-color: var(--td-primary);
  box-shadow: none;
}

.search-container {
  position: relative;
}
.search-container .search-input {
  padding: 8px 12px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 30px;
  font-size: 14px;
  background-color: var(--td-white);
  transition: border-color 0.2s ease;
  height: 44px;
  display: inline-flex;
  align-items: center;
  width: 252px;
  height: 44px;
  padding-inline-start: 33px;
}
.search-container .search-input:focus {
  outline: none;
  border-color: var(--td-primary);
  box-shadow: none;
}
.search-container .search-icon {
  position: absolute;
  inset-inline-start: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #9ca3af;
  font-size: 16px;
}
.search-container .search-icon i {
  display: flex;
  align-items: center;
}

/*----------------------------------------*/
/* Add money styles
/*----------------------------------------*/
.status-form-middle {
  display: grid;
  place-content: center;
  padding-top: 60px;
  padding-bottom: 60px;
}

.add-mony-contents {
  text-align: center;
}
.add-mony-contents .icon-wrap {
  margin-bottom: 20px;
}
.add-mony-contents .thumb {
  margin-bottom: 45px;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.add-mony-contents .icon {
  font-size: 40px;
  color: var(--td-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  background: #DBFFDA;
  border-radius: 80px;
  margin: 0 auto;
  color: #468C45;
}
.add-mony-contents .title {
  font-size: 30px;
  margin-bottom: 12px;
  font-weight: 500;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .add-mony-contents .title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 575.98px) {
  .add-mony-contents .title {
    font-size: 20px;
  }
}
.add-mony-contents .description {
  margin-bottom: 14px;
}
.add-mony-contents .transaction-id {
  margin-bottom: 14px;
  color: rgba(25, 27, 30, 0.6);
}
.add-mony-contents .transaction-id span {
  color: var(--td-primary);
  font-weight: 500;
}

/*----------------------------------------*/
/* Pages nav Styles
/*----------------------------------------*/
.pages-navigation {
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(25, 27, 30, 0.16);
}
.pages-navigation ul {
  display: inline-flex;
  align-items: center;
  gap: 12px 12px;
  flex-wrap: wrap;
  width: 100%;
}
.pages-navigation ul li {
  list-style: none;
  color: var(--td-text-primary);
}
.pages-navigation ul li:last-child {
  margin-inline-end: 0;
}
.pages-navigation ul li.active {
  color: var(--td-primary);
}
.pages-navigation ul li a {
  padding: 0px 16px;
  display: inline-flex;
  align-items: center;
  position: relative;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
  height: 36px;
  background: var(--td-white);
  border-radius: 100px;
  gap: 6px;
  border: 1px solid rgba(25, 27, 30, 0.16);
}
.pages-navigation ul li a .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pages-navigation ul li a.active {
  color: var(--td-white);
  background-color: var(--td-primary);
}

/*----------------------------------------*/
/* Price style
/*----------------------------------------*/
/* Dashboard Layout */
.dashboard-quick-area {
  display: grid;
  grid-template-columns: 650px 320px 1fr;
  gap: 20px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .dashboard-quick-area {
    grid-template-columns: 0.8fr 0.7fr 1fr;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .dashboard-quick-area {
    grid-template-columns: repeat(12, 1fr);
  }
  .dashboard-quick-area > :nth-child(1) {
    grid-column: span 9;
  }
  .dashboard-quick-area > :nth-child(2) {
    grid-column: span 3;
  }
  .dashboard-quick-area > :nth-child(3) {
    grid-column: span 12;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .dashboard-quick-area {
    grid-template-columns: repeat(12, 1fr);
  }
  .dashboard-quick-area > :nth-child(1) {
    grid-column: span 8;
  }
  .dashboard-quick-area > :nth-child(2) {
    grid-column: span 4;
  }
  .dashboard-quick-area > :nth-child(3) {
    grid-column: span 12;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .dashboard-quick-area {
    grid-template-columns: repeat(12, 1fr);
  }
  .dashboard-quick-area > :nth-child(1) {
    grid-column: span 12;
  }
  .dashboard-quick-area > :nth-child(2) {
    grid-column: span 6;
  }
  .dashboard-quick-area > :nth-child(3) {
    grid-column: span 6;
  }
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .dashboard-quick-area {
    grid-template-columns: 1fr;
  }
}

.user-level-card {
  background: var(--td-white);
  border: 1px solid rgba(25, 27, 30, 0.1);
  border-radius: 8px;
  padding: 8px;
}
.user-level-card .level-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px;
  isolation: isolate;
  background-color: #F5F5F5;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.user-level-card .level-contents {
  padding: 30px 20px 18px;
  text-align: center;
}
.user-level-card .level-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  background: linear-gradient(180deg, #819CFF 0%, #2452F9 100%);
  border-radius: 22px;
  transform: rotate(-45deg);
}
.user-level-card .level-icon img {
  width: 50px;
  height: 50px;
  transform: rotate(45deg);
}
.user-level-card .level-text {
  color: #0070ff;
  font-size: 16px;
  margin-bottom: 0px;
}
.user-level-card .level-title {
  font-weight: 500;
  font-size: 20px;
  margin-top: 3px;
}

.user-wallets-card {
  padding: 10px;
  background: var(--td-white);
  border: 1px solid rgba(25, 27, 30, 0.1);
  border-radius: 8px;
}
.user-wallets-card .wallets-header .title {
  font-size: 18px;
  margin-bottom: 14px;
  font-weight: 500;
}
.user-wallets-card .wallet-wrapper {
  background: linear-gradient(180deg, #819CFF 0%, #2452F9 100%);
  clip-path: polygon(0% 16.916%, 0% 93.254%, 0% 93.254%, 0.053% 94.348%, 0.205% 95.386%, 0.449% 96.354%, 0.777% 97.238%, 1.179% 98.024%, 1.648% 98.698%, 2.176% 99.247%, 2.753% 99.656%, 3.373% 99.912%, 4.026% 100%, 65.012% 100%, 65.012% 100%, 65.386% 99.971%, 65.753% 99.885%, 66.112% 99.743%, 66.46% 99.548%, 66.795% 99.302%, 67.116% 99.005%, 67.42% 98.66%, 67.705% 98.268%, 67.969% 97.831%, 68.21% 97.351%, 73.525% 85.7%, 73.525% 85.7%, 73.766% 85.22%, 74.03% 84.783%, 74.314% 84.391%, 74.618% 84.046%, 74.939% 83.749%, 75.275% 83.502%, 75.623% 83.308%, 75.982% 83.166%, 76.349% 83.08%, 76.723% 83.051%, 95.975% 83.051%, 95.975% 83.051%, 96.628% 82.963%, 97.247% 82.707%, 97.825% 82.298%, 98.352% 81.749%, 98.821% 81.075%, 99.223% 80.289%, 99.551% 79.405%, 99.795% 78.437%, 99.947% 77.399%, 100% 76.304%, 100% 6.746%, 100% 6.746%, 99.947% 5.652%, 99.795% 4.614%, 99.551% 3.646%, 99.223% 2.762%, 98.821% 1.976%, 98.352% 1.302%, 97.825% 0.753%, 97.247% 0.344%, 96.628% 0.088%, 95.975% 0%, 52.16% 0%, 52.16% 0%, 51.845% 0.021%, 51.535% 0.082%, 51.229% 0.183%, 50.929% 0.323%, 50.638% 0.501%, 50.355% 0.716%, 50.083% 0.968%, 49.822% 1.255%, 49.575% 1.576%, 49.341% 1.93%, 45.504% 8.239%, 45.504% 8.239%, 45.271% 8.594%, 45.023% 8.915%, 44.762% 9.202%, 44.49% 9.453%, 44.208% 9.668%, 43.916% 9.846%, 43.617% 9.986%, 43.311% 10.088%, 43% 10.149%, 42.685% 10.169%, 4.026% 10.169%, 4.026% 10.169%, 3.373% 10.258%, 2.753% 10.513%, 2.176% 10.923%, 1.648% 11.471%, 1.179% 12.145%, 0.777% 12.932%, 0.449% 13.816%, 0.205% 14.784%, 0.053% 15.822%, 0% 16.916%);
  padding: 40px 20px 30px;
}
.user-wallets-card .wallets-grid {
  display: grid;
  grid-template-columns: 362px 1fr;
  gap: 20px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .user-wallets-card .wallets-grid {
    grid-template-columns: 300px 1fr;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .user-wallets-card .wallets-grid {
    grid-template-columns: 280px 1fr;
  }
}
@media only screen and (max-width: 575.98px) {
  .user-wallets-card .wallets-grid {
    grid-template-columns: 1fr;
  }
}
.user-wallets-card .wallet-info:last-child {
  padding-top: 14px;
  margin-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}
.user-wallets-card .wallet-info .wallet-name {
  font-size: 16px;
  color: var(--td-white);
  margin-bottom: 0px;
}
.user-wallets-card .wallet-info .balance {
  font-size: 30px;
  color: var(--td-white);
  margin-top: 5px;
}

/* Quick Links */
.quick-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.quick-cards .quick-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px;
  gap: 16px;
  width: 100%;
  min-width: 100px;
  height: 100px;
  background: #F5F5F5;
  border-radius: 8px;
  border: 1px solid transparent;
}
.quick-cards .quick-card .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  background: var(--td-white);
  border-radius: 100px;
  color: var(--td-heading);
  transition: 0.3s;
}
.quick-cards .quick-card .icon i {
  font-size: 16px;
}
.quick-cards .quick-card h4 {
  font-size: 14px;
  font-weight: 500;
}
.quick-cards .quick-card:hover {
  border: 1px solid rgba(36, 82, 249, 0.16);
  box-shadow: 2.5px 2.5px 20px rgba(0, 0, 0, 0.1);
}
.quick-cards .quick-card:hover .icon {
  background: var(--td-primary);
  color: var(--td-white);
}

.quick-referral-card,
.main-referral-card {
  background: var(--td-white);
  border: 1px solid rgba(25, 27, 30, 0.1);
  border-radius: 8px;
  padding: 30px;
  position: relative;
}
.quick-referral-card .ref-inner,
.main-referral-card .ref-inner {
  padding-bottom: 100px;
}
.quick-referral-card .ref-header .title,
.main-referral-card .ref-header .title {
  font-size: 18px;
  margin-bottom: 14px;
  font-weight: 500;
}
.quick-referral-card .ref-input,
.main-referral-card .ref-input {
  display: flex;
  border: 1.5px solid #e5e8ef;
  border-radius: 50px;
  overflow: hidden;
  margin-bottom: 6px;
  position: relative;
}
.quick-referral-card .ref-input input,
.main-referral-card .ref-input input {
  flex: 1;
  border: none;
  padding: 10px 15px;
  font-size: 14px;
  color: var(--td-primary);
  outline: none;
}
.quick-referral-card .ref-input .copy-btn,
.main-referral-card .ref-input .copy-btn {
  position: absolute;
  inset-inline-end: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.quick-referral-card .ref-input .copy-btn .td-btn,
.main-referral-card .ref-input .copy-btn .td-btn {
  padding: 0 18px;
  height: 40px;
  font-size: 14px;
  border-radius: 50px;
  transition: 0.3s;
}
.quick-referral-card .ref-info,
.main-referral-card .ref-info {
  font-size: 14px;
  color: rgba(25, 27, 30, 0.8);
  margin-bottom: 15px;
}
.quick-referral-card .share-options,
.main-referral-card .share-options {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
}
.quick-referral-card .share-options .share-title,
.main-referral-card .share-options .share-title {
  font-size: 17px;
  font-weight: 500;
}
.quick-referral-card .share-btn,
.main-referral-card .share-btn {
  border: 1px solid rgba(25, 27, 30, 0.16);
  border-radius: 6px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
  transition: 0.3s;
  color: rgba(25, 27, 30, 0.6);
}
.quick-referral-card .share-btn:hover,
.main-referral-card .share-btn:hover {
  background-color: var(--td-primary);
  color: var(--td-white);
  border-color: var(--td-primary);
}
.quick-referral-card .ref-illustration,
.main-referral-card .ref-illustration {
  margin-top: auto;
  text-align: right;
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  -webkit-animation: mymove 6s infinite;
  animation: mymove 6s infinite;
}
.quick-referral-card .ref-illustration img,
.main-referral-card .ref-illustration img {
  width: 250px;
  height: auto;
}
@media only screen and (max-width: 575.98px) {
  .quick-referral-card .ref-illustration img,
  .main-referral-card .ref-illustration img {
    width: 180px;
  }
}

.quick-referral-card {
  padding: 10px;
}

.transition-table-area {
  backdrop-filter: blur(10px);
  background: var(--td-white);
  border: 1px solid rgba(25, 27, 30, 0.1);
  border-radius: 8px;
}

/*----------------------------------------*/
/* Stats style
/*----------------------------------------*/
.stats-section {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .stats-section {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .stats-section {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .stats-section {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .stats-section {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .stats-section {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 575.98px) {
  .stats-section {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
}
.stats-section .stat-card {
  background: var(--td-white);
  border-radius: 8px;
  box-shadow: 0 4px 25px rgba(0, 39, 33, 0.06);
  padding: 20px 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: transform 0.2s ease;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.stats-section .stat-card:nth-child(2n)::before {
  background: #F9247D;
}
.stats-section .stat-card:nth-child(3n)::before {
  background: #F98B24;
}
.stats-section .stat-card:nth-child(4n)::before {
  background: #F94B24;
}
.stats-section .stat-card:nth-child(5n)::before {
  background: #A7F924;
}
.stats-section .stat-card:nth-child(6n)::before {
  background: #24D2F9;
}
.stats-section .stat-card:nth-child(7n)::before {
  background: #24F961;
}
.stats-section .stat-card:nth-child(8n)::before {
  background: #2492F9;
}
.stats-section .stat-card:nth-child(9n)::before {
  background: #007E9A;
}
.stats-section .stat-card:nth-child(10n)::before {
  background: #0D37CE;
}
.stats-section .stat-card:nth-child(11n)::before {
  background: #491489;
}
.stats-section .stat-card:nth-child(12n)::before {
  background: #F624F9;
}
.stats-section .stat-card:hover {
  transform: translateY(-4px);
}
.stats-section .stat-card::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  border-radius: 16px;
  z-index: 0;
  width: 62px;
  height: 62px;
  background: #F624F9;
  opacity: 0.5;
  filter: blur(50px);
  z-index: -1;
}
.stats-section .stat-card .icon {
  padding: 7px;
  border-radius: 50%;
  margin-bottom: 15px;
  position: relative;
  z-index: 1;
  color: var(--td-white);
  font-size: 16px;
  background-color: #CAD5FD;
  border: 5px solid #E9EEFE;
}
.stats-section .stat-card .icon .inner {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--td-primary);
}
.stats-section .stat-card .icon img {
  width: 26px;
  height: 26px;
  filter: brightness(0) invert(1);
}
.stats-section .stat-card .label {
  font-size: 14px;
  color: rgba(25, 27, 30, 0.6);
  margin-bottom: 6px;
}
.stats-section .stat-card .value {
  font-size: 24px;
}

/*----------------------------------------*/
/* Notification styles 
/*----------------------------------------*/
.notification-panel-box {
  position: relative;
}

.notification-panel {
  width: 469px;
  padding: 0px 0px;
  inset-inline-end: 0;
  top: calc(100% + 20px);
  inset-inline-end: 0;
  z-index: 9;
  transform: translateY(-20px);
  opacity: 0;
  cursor: pointer;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.25, 1.15, 0.35, 1.15);
  position: absolute;
  display: block;
  border-radius: 8px;
  background: var(--td-white);
  border: 1px solid rgba(25, 27, 30, 0.16);
  box-shadow: 2.5px 2.5px 30px rgba(5, 8, 22, 0.08);
}
[dir=rtl] .notification-panel {
  inset-inline-end: auto;
  inset-inline-start: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .notification-panel {
    inset-inline-end: -100px;
  }
}
@media only screen and (max-width: 575.98px) {
  .notification-panel {
    width: 380px;
    inset-inline-end: -40px;
  }
}
@media only screen and (min-width: 425px) and (max-width: 479.98px) {
  .notification-panel {
    width: 355px;
    inset-inline-end: -30px;
  }
}
@media only screen and (min-width: 375px) and (max-width: 424.98px) {
  .notification-panel {
    width: 340px;
    inset-inline-end: -50px;
  }
}
@media only screen and (min-width: 0px) and (max-width: 374.98px) {
  .notification-panel {
    width: 300px;
    inset-inline-end: -60px;
  }
}
.notification-panel.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(0px);
}

.heading-top {
  padding: 14px 16px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e2e8f0;
}
.heading-top .title {
  font-size: 18px;
  font-weight: 500;
}
.heading-top .notification-btn-close {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(221, 221, 221, 0.8666666667);
  border-radius: 50%;
}
.heading-top .notification-btn-close i {
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.notifications-middle {
  overflow-y: auto;
  max-height: 380px;
  padding-inline-end: 6px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-inline-end: 4px;
}
.notifications-middle::-webkit-scrollbar {
  width: 0.4vw;
}
.notifications-middle::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border-radius: 5px;
}
.notifications-middle::-webkit-scrollbar-thumb:hover {
  background-color: rgba(102, 102, 102, 0.5607843137);
}

.single-notification {
  display: flex;
  gap: 12px;
  padding: 12px 12px;
  transition: all 0.3s ease;
}
.single-notification.is-unread {
  background: #F5F5F5;
}
.single-notification .icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: var(--td-white);
  background-color: #2452f9;
  border-radius: 50%;
}
.single-notification .icon img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #e2e8f0;
}
.single-notification .contents {
  flex: 1;
}
.single-notification .contents .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
}
.single-notification .contents .message {
  font-size: 14px;
  margin-top: 4px;
  margin-bottom: 4px;
  line-height: 1.5;
  color: rgba(25, 27, 30, 0.8);
}
.single-notification .contents .time {
  font-size: 12px;
  font-weight: 500;
  color: rgba(25, 27, 30, 0.8);
}

.notification-panel .single-notification:hover {
  background: #F3F5F9;
}

.notifications-lists {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.notifications-bottom {
  padding: 20px 16px 20px;
  border-top: 1px solid rgba(25, 27, 30, 0.16);
}

.notification-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.notification-btn i {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.notification-btn .icon {
  display: inline-flex;
  align-items: center;
}

.notification-count {
  display: flex;
  width: 22px;
  height: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 45px;
  background: var(--td-danger);
  position: absolute;
  inset-inline-start: 13px;
  top: -8px;
  font-size: 10px;
  font-weight: 500;
  color: var(--td-white);
  border: 2px solid var(--td-white);
}

.notification-list-wrapper {
  border-top: 1px solid rgba(25, 27, 30, 0.1);
}

.all-notifications-area .notification-list {
  display: flex;
  align-items: center;
  gap: 12px;
  justify-content: space-between;
  padding: 12px 12px;
}
@media only screen and (max-width: 575.98px) {
  .all-notifications-area .notification-list {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 12px;
  }
}
.all-notifications-area .notification-list .single-notification {
  flex: 1;
  padding: 0;
}
.all-notifications-area .notification-list:nth-child(2n) {
  background: #F5F5F5;
}

/*----------------------------------------*/
/* About styles
/*----------------------------------------*/
.about-thumb-wrapper {
  position: relative;
  margin-inline-start: 30px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .about-thumb-wrapper {
    margin-inline-start: 0px;
  }
}

.about-thumb-tag {
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
}

.about-thumb {
  -webkit-mask-image: url(../images/about/about-img-mask.png);
  mask-image: url(../images/about/about-img-mask.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  width: 100%;
  height: 481px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .about-thumb {
    height: 460px;
  }
}
.about-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-thumb-tag .tag {
  display: inline-flex;
  flex-direction: row;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 24px;
  height: 67px;
  background: #2452F9;
  border-radius: 17px;
  color: var(--td-white);
  font-weight: 600;
  font-size: 16px;
}

/*----------------------------------------*/
/* Ranking badge styles
/*----------------------------------------*/
.ranking-item {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 58.84%);
  border: 1px solid rgba(25, 27, 30, 0.1);
  border-radius: 16px;
  padding: 35px 35px;
  text-align: center;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .ranking-item {
    padding: 20px 20px;
  }
}
.ranking-item .ranking-item-contents {
  margin-top: 30px;
}
.ranking-item .ranking-item-contents .title {
  font-size: 24px;
  margin-bottom: 8px;
  font-weight: 500;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .ranking-item .ranking-item-contents .title {
    font-size: 20px;
  }
}
.ranking-item .ranking-item-contents .description {
  color: rgba(25, 27, 30, 0.6);
  font-size: 14px;
}
.ranking-item .ranking-item-thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  isolation: isolate;
  width: 144px;
  height: 144px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.3s ease;
}
.ranking-item .ranking-item-thumb::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/ranking-badge/glow-01.png");
  border-radius: 24px;
  transition: all 0.3s ease;
  z-index: -1;
}
.ranking-item .ranking-item-thumb span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  background: linear-gradient(180deg, rgba(129, 156, 255, 0.05) 0%, rgba(36, 82, 249, 0.05) 100%);
  border-radius: 18px;
  transform: rotate(-45deg);
}
.ranking-item .ranking-item-thumb img {
  width: 50px;
  height: 50px;
  transform: rotate(45deg);
}

.row [class*=col-]:nth-child(2) .ranking-item .ranking-item-thumb::before {
  background-image: url("../images/ranking-badge/glow-02.png");
}
.row [class*=col-]:nth-child(3) .ranking-item .ranking-item-thumb::before {
  background-image: url("../images/ranking-badge/glow-03.png");
}
.row [class*=col-]:nth-child(4) .ranking-item .ranking-item-thumb::before {
  background-image: url("../images/ranking-badge/glow-04.png");
}

.ranking-item-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .ranking-item-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .ranking-item-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 575.98px) {
  .ranking-item-grid {
    grid-template-columns: 1fr;
  }
}

.ranking-item-two {
  background: var(--td-white);
  border: 1px solid rgba(25, 27, 30, 0.1);
  border-radius: 16px;
  padding: 10px;
}
.ranking-item-two .ranking-item-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 100px 50px;
  isolation: isolate;
  background: #F5F5F5;
  border-radius: 8px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.ranking-item-two .ranking-item-inner::before {
  content: "";
  position: absolute;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  width: 156px;
  height: 156px;
  top: -90px;
  background: #2452F9;
  opacity: 0.3;
  filter: blur(50px);
  z-index: -1;
}
.ranking-item-two .ranking-item-thumb {
  display: flex;
  justify-content: center;
  align-items: center;
  isolation: isolate;
  width: 160px;
  height: 160px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.3s ease;
  background: linear-gradient(180deg, rgba(129, 156, 255, 0.05) 0%, rgba(36, 82, 249, 0.05) 100%);
  border-radius: 36px;
  transform: rotate(-45deg);
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .ranking-item-two .ranking-item-thumb {
    width: 120px;
    height: 120px;
  }
}
.ranking-item-two .ranking-item-thumb img {
  width: 80px;
  height: 80px;
  transform: rotate(45deg);
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .ranking-item-two .ranking-item-thumb img {
    width: 60px;
    height: 60px;
  }
}
.ranking-item-two .ranking-item-contents {
  padding: 20px 0px;
  text-align: center;
}
.ranking-item-two .ranking-item-contents .title {
  font-size: 24px;
  margin-bottom: 8px;
  font-weight: 500;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .ranking-item-two .ranking-item-contents .title {
    font-size: 20px;
  }
}
.ranking-item-two .ranking-item-contents .description {
  color: rgba(25, 27, 30, 0.6);
  font-size: 14px;
}
.ranking-item-two.badge-lock .ranking-item-inner::after {
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(5px);
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  background-image: url("../images/icons/lock.svg");
  z-index: 2;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .ranking-item-two.badge-lock .ranking-item-inner::after {
    background-size: 40px;
  }
}

/*----------------------------------------*/
/* Page contents styles
/*----------------------------------------*/
.td-page-contents h1 {
  line-height: 1.3;
  margin-bottom: 16px;
}
.td-page-contents h2 {
  line-height: 1.3;
  margin-bottom: 16px;
}
.td-page-contents h3 {
  line-height: 1.3;
  margin-bottom: 16px;
}
.td-page-contents h4 {
  font-size: 24px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .td-page-contents h4 {
    font-size: 18px;
    line-height: 1.5;
  }
}
.td-page-contents p {
  line-height: 28px;
  color: rgba(25, 27, 30, 0.8);
}
.td-page-contents p:not(:last-child) {
  margin-bottom: 30px;
}
.td-page-contents span {
  color: var(--td-heading);
  margin-bottom: 10px;
  display: block;
}
.td-page-contents b:not(:last-child) {
  margin-bottom: 30px;
  display: block;
}
.td-page-contents ul {
  margin-bottom: 40px;
  list-style-type: disc;
  padding-inline-start: 28px;
}
.td-page-contents ul li {
  margin-bottom: 14px;
  color: rgba(25, 27, 30, 0.6);
}
.td-page-contents a {
  font-size: 16px;
  line-height: 26px;
  color: var(--td-primary);
  text-decoration: underline;
}
.td-page-contents a:hover {
  text-decoration: none;
}

/*----------------------------------------*/
/* Contact Page Styles
/*----------------------------------------*/
.contact-page-grid {
  border: 1px solid rgba(25, 27, 30, 0.16);
  border-radius: 16px;
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  padding: 50px 50px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .contact-page-grid {
    grid-template-columns: 1fr;
    place-content: center;
    padding: 30px 30px;
  }
}

.default-form {
  max-width: 750px;
  margin: 40px auto;
  padding: 30px;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  font-family: "Inter", sans-serif;
}

.default-form .form-group {
  margin-bottom: 25px;
}
.default-form .form-group label {
  display: block;
  font-size: 14px;
  margin-bottom: 8px;
  color: #333;
  font-weight: 500;
}
.default-form {
  /* Inputs */
}
.default-form input[type=text],
.default-form textarea {
  width: 100%;
  padding: 14px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  background: #f7f7f7;
  outline: none;
  transition: 0.25s;
  font-size: 14px;
}
.default-form textarea {
  height: 130px;
  resize: none;
}
.default-form input:focus,
.default-form textarea:focus {
  border-color: #4b7bff;
  background: #fff;
}
.default-form {
  /* Upload Box */
}
.default-form .upload-box {
  border: 2px dashed #dadada;
  border-radius: 12px;
  padding: 40px 20px;
  text-align: center;
  cursor: pointer;
  transition: 0.25s;
}
.default-form .upload-box:hover {
  border-color: #4b7bff;
}
.default-form .upload-label {
  cursor: pointer;
  display: block;
}
.default-form .upload-icon {
  font-size: 25px;
  color: #666;
  margin-bottom: 6px;
}
.default-form {
  /* Button */
}
.default-form .submit-btn {
  width: 100%;
  padding: 15px;
  background: #1e4fff;
  color: #fff;
  font-size: 15px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  margin-top: 20px;
  transition: 0.25s;
  font-weight: 600;
}
.default-form .submit-btn:hover {
  background: #0f3ad9;
}

.default-form h2 {
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 600;
}

/*----------------------------------------*/
/* How it works styles
/*----------------------------------------*/
.how-it-works-grid {
  display: -ms-grid;
  display: -moz-grid;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 50px 30px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .how-it-works-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 480.98px) {
  .how-it-works-grid {
    grid-template-columns: 1fr;
  }
}

.how-it-works-item {
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 575.98px) and (max-width: 575.98px), only screen and (max-width: 575.98px) and (min-width: 576px) and (max-width: 767.98px), only screen and (max-width: 575.98px) and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 576px) and (max-width: 767.98px) and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 576px) and (max-width: 767.98px) and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 768px) and (max-width: 991.98px) and (max-width: 575.98px), only screen and (min-width: 768px) and (max-width: 991.98px) and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) and (min-width: 768px) and (max-width: 991.98px) {
  .how-it-works-item:nth-child(2n) .line {
    display: none;
  }
}
@media only screen and (max-width: 480.98px) {
  .how-it-works-item {
    padding: 0 5%;
  }
}
@media only screen and (max-width: 480.98px) and (max-width: 575.98px), only screen and (max-width: 480.98px) and (min-width: 576px) and (max-width: 767.98px), only screen and (max-width: 480.98px) and (min-width: 768px) and (max-width: 991.98px) {
  .how-it-works-item .line {
    display: none;
  }
}
.how-it-works-item .contents .title {
  color: var(--td-white);
  font-size: 20px;
}
.how-it-works-item .contents .description {
  margin-top: 10px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 26px;
}
.how-it-works-item .icon {
  margin-bottom: 30px;
}
@media only screen and (max-width: 480.98px) {
  .how-it-works-item .icon {
    margin-bottom: 20px;
  }
}
.how-it-works-item .icon span {
  display: inline-flex;
  border-radius: 8px;
  width: 60px;
  height: 60px;
  background: #9774FC;
  align-items: center;
  justify-content: center;
  position: relative;
  color: var(--td-white);
  font-size: 24px;
}
@media only screen and (max-width: 575.98px) {
  .how-it-works-item .icon span {
    width: 84px;
    height: 84px;
  }
  .how-it-works-item .icon span img {
    max-width: 32px;
  }
}
.how-it-works-item .icon img {
  height: 40px;
}
.how-it-works-item .line {
  position: absolute;
  top: 35px;
  inset-inline-start: 105%;
  width: 75%;
  transform: translateX(-50%);
  height: 2px;
  background-image: linear-gradient(to right, #757678 50%, transparent 50%);
  background-size: 16px 2px;
  border: none;
}
[dir=rtl] .how-it-works-item .line {
  inset-inline-start: 35%;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .how-it-works-item .line {
    inset-inline-start: 106%;
    width: 67%;
  }
}
.how-it-works-item .line::before, .how-it-works-item .line::after {
  position: absolute;
  content: "";
  top: 50%;
  inset-inline-start: 0;
  width: 9px;
  height: 9px;
  background: #9774FC;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
}
.how-it-works-item .line::after {
  inset-inline-start: auto;
  inset-inline-end: 0;
  background: #FF8FB7;
}
.how-it-works-item:nth-child(2) .icon span {
  background: #FF8FB7;
}
.how-it-works-item:nth-child(2) .line::before {
  background: #FF8FB7;
}
.how-it-works-item:nth-child(2) .line::after {
  background: #87BAC3;
}
.how-it-works-item:nth-child(3) .icon span {
  background: #87BAC3;
}
.how-it-works-item:nth-child(3) .line::before {
  background: #87BAC3;
}
.how-it-works-item:nth-child(3) .line::after {
  background: #C4A484;
}
.how-it-works-item:nth-child(4) .icon span {
  background: #C4A484;
}
.how-it-works-item:nth-child(4) .line::before {
  background: #427A76;
}
.how-it-works-item:nth-child(4) .line::after {
  background: #5382FF;
}
.how-it-works-item:nth-child(5) .icon span {
  background: #8FABD4;
}
.how-it-works-item:nth-child(5) .line::before {
  background: #8FABD4;
}
.how-it-works-item:nth-child(5) .line::after {
  background: #70B2B2;
}
.how-it-works-item:nth-child(6) .icon span {
  background: #427A76;
}
.how-it-works-item:nth-child(6) .line::before {
  background: #427A76;
}
.how-it-works-item:nth-child(6) .line::after {
  background: #5382FF;
}
.how-it-works-item:nth-child(7) .icon span {
  background: #5382FF;
}
.how-it-works-item:nth-child(7) .line::before {
  background: #5382FF;
}
.how-it-works-item:nth-child(7) .line::after {
  background: #70B2B2;
}
.how-it-works-item:nth-child(8) .icon span {
  background: #70B2B2;
}
.how-it-works-item:nth-child(8) .line::before {
  background: #70B2B2;
}
.how-it-works-item:nth-child(8) .line::after {
  background: #9774FC;
}
.how-it-works-item:nth-child(4n) .line,
.how-it-works-item :nth-child(8n) .line,
.how-it-works-item :nth-child(12n) .line,
.how-it-works-item :nth-child(16n) .line,
.how-it-works-item :nth-child(20n) .line, .how-it-works-item:last-child .line {
  display: none;
}

.how-it-works-thumb img {
  height: 174px;
}

/*----------------------------------------*/
/* Newsletter style
/*----------------------------------------*/
.newsletter-main {
  border-bottom: 1px solid rgba(25, 27, 30, 0.1);
}

.cta-from-contents .td-form-group {
  position: relative;
}
.cta-from-contents .td-form-group .input-field input {
  color: var(--td-black);
  height: 68px;
  padding: 8px 8px 8px 24px;
  background: var(--td-white);
  border-radius: 100px;
  border: 0;
  padding-inline-end: 170px;
}
.cta-from-contents .td-form-group .cta-form-btn {
  position: absolute;
  inset-inline-end: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.cta-from-contents .td-form-group .cta-form-btn .td-btn {
  padding: 0 16px;
}
.cta-from-contents .td-form-group .cta-form-btn .td-btn:hover {
  transform: translate3d(0, 0px, 0);
  color: var(--td-white);
}

/*----------------------------------------*/
/* FAQ Styles
/*----------------------------------------*/
.faq-glow-bg {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.faq-glow-bg img {
  width: 100%;
  height: 100%;
}

.faq-left {
  margin-inline-end: 100px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .faq-left {
    margin-inline-end: 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .faq-left {
    margin-inline-end: 30px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1799.98px), only screen and (min-width: 1400px) and (max-width: 1599.98px) {
  .faq-left {
    margin-inline-end: 60px;
  }
}

.faq-contents {
  margin-inline-end: 50px;
  width: 100%;
  height: 100%;
  background: #F5F5F5;
  border-radius: 16px;
  padding: 50px 50px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .faq-contents {
    margin-inline-end: 0px;
    padding: 30px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .faq-contents {
    padding: 40px 40px;
  }
}
.faq-contents .section-subtitle {
  background: var(--td-white);
}
.faq-contents .faq-thumb {
  width: 100%;
  border-radius: 16px;
  padding: 50px 50px;
  display: grid;
  place-content: center;
  background: var(--td-white);
}
.faq-contents .faq-thumb img {
  width: 125px;
  margin: 0 auto;
}

/*----------------------------------------*/
/* CTA styles
/*----------------------------------------*/
.cta-wrapper {
  padding: 50px 50px;
  background: rgba(36, 82, 249, 0.1);
  border-radius: 16px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .cta-wrapper {
    padding: 30px 30px;
  }
}

/*----------------------------------------*/
/* Counter styles
/*----------------------------------------*/
.counter-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  row-gap: 30px;
  justify-content: space-between;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .counter-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 480.98px) {
  .counter-grid {
    grid-template-columns: 1fr;
  }
}
.counter-grid .counter-item:not(:last-child) {
  position: relative;
}
.counter-grid .counter-item:not(:last-child)::before {
  position: absolute;
  content: "";
  height: 30px;
  width: 1px;
  top: 50%;
  inset-inline-end: 0px;
  background: rgba(25, 27, 30, 0.3);
  transform: translateY(-50%);
}
@media only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .counter-grid .counter-item:nth-child(2)::before {
    display: none;
  }
}
@media only screen and (max-width: 575.98px) {
  .counter-grid .counter-item::before {
    display: none;
  }
}

.counter-contents {
  display: flex;
  align-items: self-start;
  justify-content: center;
  column-gap: 20px;
}
.counter-contents .icon img {
  height: 50px;
  width: 50px;
}

.counters-inner .description {
  margin-top: 6px;
  font-size: 16px;
  font-weight: 500;
  color: #191B1E;
}
.counters-inner .title span {
  font-family: var(--td-ff-body);
  line-height: 1;
  font-size: 40px;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .counters-inner .title span {
    font-size: 32px;
  }
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .counters-inner .title span {
    font-size: 28px;
  }
}

/*----------------------------------------*/
/* Why choose styles
/*----------------------------------------*/
.why-choose-main {
  border-radius: 16px;
  border-top-width: 0.5px;
  border-top-style: solid;
  border-right-width: 0.5px;
  border-right-style: solid;
  border-bottom-width: 0.5px;
  border-bottom-style: solid;
  border-left-width: 0.5px;
  border-left-style: solid;
  border-top-color: rgb(211, 211, 211);
  border-right-color: rgb(211, 211, 211);
  border-bottom-color: rgb(211, 211, 211);
  border-left-color: rgb(211, 211, 211);
}
.why-choose-main .row [class*=col-]:nth-child(2n) .why-choose-item {
  border-inline-end: none;
}
.why-choose-main .row [class*=col-]:nth-child(3n) .why-choose-item {
  border-bottom: none;
}
.why-choose-main .row [class*=col-]:nth-child(4n) .why-choose-item {
  border-bottom: none;
}
.why-choose-main .row [class*=col-]:nth-last-child(-n+2) .why-choose-item {
  border-bottom: none;
}

.why-choose-item {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
  padding: 30px;
  border-bottom: 1px solid rgb(211, 211, 211);
  border-inline-end: 1px solid rgb(211, 211, 211);
  height: 100%;
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
  .why-choose-item {
    border-inline-end: none;
  }
}

.why-choose-icon {
  width: 50px;
  height: 50px;
  background: #F5F5F5;
  border-radius: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: var(--td-heading);
}
.why-choose-icon img {
  height: 20px;
  width: 20px;
}

.why-choose-contents .title {
  font-size: 20px;
  margin-bottom: 10px;
}
.why-choose-contents .description {
  color: rgba(25, 27, 30, 0.8);
}

/*----------------------------------------*/
/* investors style
/*----------------------------------------*/
.investors-glow {
  position: absolute;
  top: 0;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
[dir=rtl] .investors-glow {
  transform: translateX(50%);
}

.investors-section-bg {
  position: relative;
  z-index: 1;
}
.investors-section-bg::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  inset-inline-start: 0;
  clip-path: polygon(84.375% 32.571%, 84.375% 32.571%, 84.575% 24.53%, 85.155% 17.917%, 86.086% 12.597%, 87.34% 8.431%, 88.887% 5.283%, 90.698% 3.015%, 92.743% 1.49%, 94.995% 0.571%, 97.424% 0.12%, 100% 0%, 0% 0%, 0% 0%, 2.576% 0.12%, 5.005% 0.571%, 7.257% 1.49%, 9.303% 3.015%, 11.113% 5.283%, 12.66% 8.431%, 13.914% 12.597%, 14.845% 17.917%, 15.425% 24.53%, 15.625% 32.571%, 15.625% 98.22%, 15.625% 98.22%, 15.636% 98.509%, 15.667% 98.783%, 15.718% 99.038%, 15.786% 99.271%, 15.869% 99.479%, 15.966% 99.657%, 16.075% 99.801%, 16.195% 99.909%, 16.323% 99.977%, 16.458% 100%, 83.542% 100%, 83.542% 100%, 83.677% 99.977%, 83.805% 99.909%, 83.925% 99.801%, 84.034% 99.657%, 84.131% 99.479%, 84.214% 99.271%, 84.282% 99.038%, 84.333% 98.783%, 84.364% 98.509%, 84.375% 98.22%, 84.375% 32.571%);
  background-color: var(--td-white);
  z-index: -1;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .investors-section-bg::before {
    clip-path: none;
  }
}

.investments-wrapper {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  margin: 30px 30px;
}

.investments-heading .title {
  font-size: 20px;
  padding-bottom: 12px;
  margin-bottom: 5px;
  position: relative;
  display: inline-block;
}
.investments-heading .title::before {
  content: "";
  position: absolute;
  height: 1px;
  width: 70%;
  background: rgba(25, 27, 30, 0.1);
  bottom: 0;
  inset-inline-start: 0;
}

.investments-devider {
  height: calc(100% + 0px);
  background: rgba(25, 27, 30, 0.1);
}

.investments-grid {
  display: -ms-grid;
  display: -moz-grid;
  display: grid;
  border-top: 1px solid rgba(25, 27, 30, 0.1);
  grid-template-columns: 1fr 1px 1fr;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .investments-grid {
    grid-template-columns: 1fr;
  }
}

.investors-item {
  display: -ms-grid;
  display: -moz-grid;
  display: grid;
  grid-template-columns: 70% 15% auto;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .investors-item {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
}
@media only screen and (max-width: 480.98px) {
  .investors-item {
    grid-template-columns: auto auto;
  }
}
.investors-item:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(25, 27, 30, 0.1);
}
.investors-item .investors-description {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 12px;
}
.investors-item .investors-description .info .title {
  font-size: 14px;
  margin-bottom: 3px;
}
.investors-item .investors-description .info .description {
  color: rgba(25, 27, 30, 0.6);
  font-size: 12px;
}
.investors-item .investors-description .icon {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background: rgba(36, 82, 249, 0.04);
  border-radius: 100px;
  flex: 0 0 auto;
}
.investors-item .investors-currency .small-dolar {
  font-size: 10px;
  color: #14BF8C;
}
.investors-item .investors-currency .dolar {
  font-size: 13px;
  font-weight: 600;
}

/*----------------------------------------*/
/* Price style
/*----------------------------------------*/
.single-pricing-item {
  border: 1px solid rgba(25, 27, 30, 0.1);
  border-radius: 16px;
  position: relative;
  z-index: 5;
  transition: all 0.3s ease;
  padding: 8px;
}
.single-pricing-item:hover {
  transform: translateY(-5px);
  border: 1px solid rgba(36, 82, 249, 0.5);
  box-shadow: 2.5px 2.5px 10px rgba(36, 82, 249, 0.25);
}
.single-pricing-item .price-badge-info {
  position: absolute;
  top: -1px;
  right: -1px;
}
.single-pricing-item .price-badge-info .price-badge {
  display: block;
  padding: 5px 12px;
  background-color: var(--td-primary);
  color: var(--td-white);
  border-radius: 30px 30px 0px 30px;
  font-size: 13px;
  font-weight: 500;
}
.single-pricing-item .plan-top-info {
  text-align: center;
  background: #F5F5F5;
  border-radius: 8px;
  padding: 30px 20px 20px;
}
.single-pricing-item .plan-top-info .plan-title {
  font-size: 18px;
  margin-bottom: 14px;
  font-weight: 600;
}
@media xs {
  .single-pricing-item .plan-top-info .plan-title {
    font-size: 20px;
  }
}
.single-pricing-item .plan-top-info .price-value {
  font-size: 30px;
}
.single-pricing-item .plan-top-info .plan-rate {
  font-size: 14px;
  color: rgba(25, 27, 30, 0.6);
  font-weight: 500;
  margin-top: 6px;
}
.single-pricing-item .plan-top-info .plan-actions {
  margin-top: 25px;
}
.single-pricing-item .plan-top-info .plan-actions .plan-note {
  margin-top: 18px;
  font-size: 13px;
  line-height: 16px;
  color: rgba(36, 82, 249, 0.8);
}
.single-pricing-item .price-list {
  padding: 25px 20px 20px;
}
.single-pricing-item .price-list ul li {
  list-style: none;
}
.single-pricing-item .price-list ul li:not(:last-child) {
  margin-bottom: 12px;
}
.single-pricing-item .price-list .single-list {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.single-pricing-item .price-list .single-list .icon-list {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: start;
  gap: 10px;
}
.single-pricing-item .price-list .single-list .icon-list .text {
  font-size: 14px;
  font-weight: 500;
  color: var(--td-heading);
}
.single-pricing-item .price-list .single-list .icon-list .icon-list li {
  list-style: none;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: start;
  gap: 10px;
}
.single-pricing-item .price-list .single-list .icon-list .icon-list li:not(:last-child) {
  margin-bottom: 20px;
}
.single-pricing-item .price-list .single-list .icon-list .icon-list li .text {
  font-weight: 500;
}
.single-pricing-item .price-list .single-list .list-valu {
  text-align: end;
}
.single-pricing-item .price-list .single-list .list-valu span {
  font-size: 14px;
  font-weight: 500;
  color: rgba(25, 27, 30, 0.6);
}

.schema-plan-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799.98px) {
  .schema-plan-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1200px) and (max-width: 1399.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .schema-plan-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .schema-plan-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px) {
  .schema-plan-grid {
    grid-template-columns: 1fr;
  }
}

.pricing-style-two {
  position: relative;
  z-index: 5;
  transition: all 0.3s ease;
  padding: 30px;
  background: var(--td-white);
  border-radius: 16px;
  border: 1px solid transparent;
  height: max-content;
}
.pricing-style-two:hover {
  border: 1px solid rgba(36, 82, 249, 0.5);
  box-shadow: 2.5px 2.5px 10px rgba(36, 82, 249, 0.25);
}
.pricing-style-two:hover .td-btn {
  background: var(--td-primary);
}
.pricing-style-two .price-badge-info {
  flex: 0 0 auto;
  position: absolute;
  top: 20px;
  inset-inline-end: 20px;
}
.pricing-style-two .price-badge {
  background: #7366F0;
  border-radius: 28px;
  padding: 4px 12px;
  color: var(--td-white);
  font-size: 14px;
}
.pricing-style-two .plan-top-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
}
.pricing-style-two .plan-top-info .plan-title {
  font-size: 20px;
  margin-bottom: 12px;
  font-weight: 500;
}
.pricing-style-two .plan-top-info .price-value {
  font-size: 30px;
  color: var(--td-primary);
  font-weight: 700;
  margin-top: 16px;
}
.pricing-style-two .plan-top-info .plan-rate {
  font-size: 13px;
  margin-top: 6px;
  background: #DBFFDA;
  border-radius: 28px;
  padding: 7px 12px;
  color: #468C45;
  display: inline-block;
}
.pricing-style-two .plan-top-info .plan-actions {
  margin-top: 25px;
}
.pricing-style-two .plan-top-info .plan-actions .plan-note {
  margin-top: 18px;
  font-size: 13px;
  line-height: 16px;
  color: rgba(36, 82, 249, 0.8);
}
.pricing-style-two .price-list {
  padding: 25px 20px 20px;
  border: 1px dashed rgba(25, 27, 30, 0.16);
  border-radius: 8px;
}
.pricing-style-two .price-list ul li {
  list-style: none;
}
.pricing-style-two .price-list ul li:not(:last-child) {
  margin-bottom: 12px;
}
.pricing-style-two .price-list .single-list {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.pricing-style-two .price-list .single-list .icon-list {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: start;
  gap: 10px;
}
.pricing-style-two .price-list .single-list .icon-list .text {
  font-size: 14px;
  font-weight: 500;
  color: rgba(25, 27, 30, 0.7);
}
.pricing-style-two .price-list .single-list .icon-list .icon-list li {
  list-style: none;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: start;
  gap: 10px;
}
.pricing-style-two .price-list .single-list .icon-list .icon-list li:not(:last-child) {
  margin-bottom: 20px;
}
.pricing-style-two .price-list .single-list .icon-list .icon-list li .text {
  font-weight: 500;
}
.pricing-style-two .price-list .single-list .list-valu {
  text-align: end;
}
.pricing-style-two .price-list .single-list .list-valu span {
  font-size: 14px;
  font-weight: 500;
  color: var(--td-heading);
}
.pricing-style-two .price-bottom {
  padding-top: 35px;
}
.pricing-style-two .price-bottom .plan-note {
  margin-top: 14px;
  font-size: 14px;
}

.invested-progress-info {
  background: rgba(36, 82, 249, 0.1);
  text-align: center;
  color: var(--td-white);
  padding: 12px 12px;
  border-radius: 12px;
}
.invested-progress-info .title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
}
.invested-progress-info .amounts {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.invested-progress-info .amounts .current {
  font-weight: 600;
  font-size: 14px;
  color: rgba(25, 27, 30, 0.8);
}
.invested-progress-info .amounts .target {
  font-size: 14px;
  font-weight: 500;
  color: var(--td-primary);
}
.invested-progress-info .progress-bar {
  width: 100%;
  height: 10px;
  background: rgba(36, 82, 249, 0.14);
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 12px;
}
.invested-progress-info .progress-fill {
  height: 100%;
  border-radius: 10px;
  transition: width 0.5s ease;
  background: #2452f9;
}
.invested-progress-info .progress-text {
  font-size: 14px;
  color: rgba(25, 27, 30, 0.8);
  font-weight: 500;
  letter-spacing: 0.3px;
}

/*----------------------------------------*/
/* investment calculator style
/*----------------------------------------*/
.investment-calc-main {
  background: #fff;
  padding: 50px 50px;
  border-radius: 16px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .investment-calc-main {
    padding: 30px 30px;
  }
}

.investment-calculator-form .single-input {
  margin-bottom: 20px;
}
.investment-calculator-form .single-input:last-child {
  margin-bottom: 0;
}
.investment-calculator-form .select-input .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px;
  position: absolute;
  top: 1px;
  inset-inline-end: 8px;
  width: 20px;
  position: absolute;
  top: 50%;
  inset-inline-end: 10px;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  background: #E9E9E9;
  border-radius: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*----------------------------------------*/
/* Payment gateway styles
/*----------------------------------------*/
.payment-gateway-item {
  height: 120px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 10px 14px;
  background: #F5F5F5;
  border-radius: 16px;
}

.payment-gateway-thumb img {
  height: 32px;
  object-fit: contain;
  filter: contrast(0.5);
}

/*----------------------------------------*/
/* Mfp customize
/*----------------------------------------*/
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 1280px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599.98px), only screen and (min-width: 1600px) and (max-width: 1799.98px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 1000px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399.98px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 850px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 820px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 750px;
  }
}

.mfp-close {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.mfp-close:hover {
  color: var(--td-white);
}
.mfp-close::after {
  position: absolute;
  content: "\f00d";
  height: 100%;
  width: 100%;
  font-family: var(--td-ff-fontawesome);
  font-size: 31px;
  font-weight: 200;
  inset-inline-end: -20px;
  margin-top: -25px;
}
@media only screen and (max-width: 575.98px), only screen and (min-width: 576px) and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px) {
  .mfp-close::after {
    inset-inline-end: 15px;
    margin-top: -30px;
  }
}

/*----------------------------------------*/
/*  Select2 customize
/*----------------------------------------*/
.select-input .select2-search--dropdown {
  padding: 6px 6px;
}
.select-input .select2-results__option {
  padding: 9px 12px;
  user-select: none;
  -webkit-user-select: none;
  font-size: 14px;
  border-radius: 16px;
}
.select-input .select2-container--default .select2-selection--single {
  height: 52px;
  background-color: #f5f5f5;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
}
.select-input .select2-container--default .select2-selection--single:focus {
  border: 1px solid var(--td-primary);
}
.select-input .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-size: 14px;
  color: var(--td-heading);
  line-height: 49px;
  padding-inline-start: 15px;
  font-weight: 400;
}
.select-input .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 50px;
  position: absolute;
  top: 1px;
  inset-inline-end: 8px;
  width: 20px;
}
.select-input .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  padding: 0 10px;
  height: 40px;
  font-size: 14px;
}
.select-input .select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: rgba(36, 82, 249, 0.7);
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.select-input .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #F5F5F5;
  color: var(--td-heading);
}
.select-input .select2-container--default .select2-results__option--selected {
  background-color: rgba(36, 82, 249, 0.2);
}
.select-input .select2-dropdown {
  border: 0px solid rgba(0, 0, 0, 0.2);
  background: var(--td-white);
  box-shadow: 2.5px 2.5px 20px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 16px;
}
.select-input .select2-dropdown .img-icon {
  width: auto;
  height: 20px;
  margin-inline-end: 5px;
}
.select-input .select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: absolute;
  border-width: 0;
  background-repeat: no-repeat;
  background-size: 20px 19px;
  transform-origin: center;
  transition: transform 0.3s ease;
  width: 8px;
  height: 8px;
  border-bottom: 1.5px solid var(--td-text-primary);
  border-inline-end: 1.5px solid var(--td-text-primary);
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
[dir=rtl] .select-input .select2-container--default .select2-selection--single .select2-selection__arrow b {
  transform: translateY(-50%) rotate(-45deg);
}
.select-input .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select-input .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

/*----------------------------------------*/
/* Date range picker
/*----------------------------------------*/
.flatpickr-wrapper {
  width: 100%;
}

.flatpickr-calendar {
  margin-top: 0.5rem !important;
  background-color: white !important;
  border-radius: 0.75rem !important;
  padding: 1.25rem !important;
  border: 1px solid #e5e7eb !important;
  color: #6b7280 !important;
  width: auto !important;
}
@media only screen and (min-width: 0px) and (max-width: 374.98px) {
  .flatpickr-calendar {
    padding: 10px 0 !important;
  }
}

.dark .flatpickr-calendar {
  border-color: #1f2937 !important;
  background-color: #111827 !important;
  color: #9ca3af !important;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  stroke: var(--td-secondary);
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  display: none;
}

.flatpickr-current-month {
  padding: 0 !important;
}

.flatpickr-current-month .cur-month,
.flatpickr-current-month input.cur-year {
  height: auto !important;
  padding-top: 0 !important;
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
  font-weight: 500 !important;
  color: #1f2937 !important;
  /* !text-gray-800 */
}

.dark .flatpickr-current-month .cur-month,
.dark .flatpickr-current-month input.cur-year {
  color: rgba(255, 255, 255, 0.9) !important;
}

.flatpickr-prev-month,
.flatpickr-next-month {
  padding: 0 !important;
}

.flatpickr-weekdays {
  height: auto;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
  background-color: transparent !important;
}

.flatpickr-weekday {
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #6b7280 !important;
  background-color: transparent !important;
}

.dark .flatpickr-weekday {
  color: #9ca3af !important;
}

.flatpickr-day {
  display: flex !important;
  align-items: center !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  color: #1f2937 !important;
}

.dark .flatpickr-day {
  color: rgba(255, 255, 255, 0.9) !important;
}

.dark .flatpickr-day:hover {
  border-color: #d1d5db !important;
  background-color: #111827 !important;
}

.flatpickr-day.nextMonthDay,
.flatpickr-day.prevMonthDay {
  color: #9ca3af !important;
}

.flatpickr-months > .flatpickr-month {
  background: none !important;
}

.flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months {
  background: none !important;
  appearance: none;
  background-image: none !important;
  font-weight: 500;
}

.flatpickr-month .flatpickr-current-month .flatpickr-monthDropdown-months:focus {
  outline: none !important;
  border: 0 !important;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  top: 1.75rem !important;
  background-color: transparent !important;
}

.dark .flatpickr-months .flatpickr-prev-month,
.dark .flatpickr-months .flatpickr-next-month {
  fill: white !important;
  color: white !important;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  inset-inline-start: 1.75rem !important;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  inset-inline-end: 1.75rem !important;
}

.flatpickr-days {
  border-width: 0 !important;
}

span.flatpickr-weekday,
.flatpickr-months .flatpickr-month {
  background: none !important;
}

.dark span.flatpickr-weekday,
.dark .flatpickr-months .flatpickr-month {
  fill: white !important;
  color: white !important;
}

.flatpickr-innerContainer {
  border-bottom-width: 0 !important;
}

.flatpickr-months .flatpickr-month {
  background: none !important;
}

.flatpickr-day.inRange {
  box-shadow: -5px 0 0 #f9fafb, 5px 0 0 #f9fafb !important;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  border-color: #f9fafb !important;
  background-color: #e9e9e9 !important;
}

.dark .flatpickr-day.inRange,
.dark .flatpickr-day.prevMonthDay.inRange,
.dark .flatpickr-day.nextMonthDay.inRange,
.dark .flatpickr-day.today.inRange,
.dark .flatpickr-day.prevMonthDay.today.inRange,
.dark .flatpickr-day.nextMonthDay.today.inRange,
.dark .flatpickr-day:hover,
.dark .flatpickr-day.prevMonthDay:hover,
.dark .flatpickr-day.nextMonthDay:hover,
.dark .flatpickr-day:focus,
.dark .flatpickr-day.prevMonthDay:focus,
.dark .flatpickr-day.nextMonthDay:focus {
  border-width: 0 !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
  color: white !important;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: var(--td-secondary);
  border-color: var(--td-secondary) !important;
  background-color: var(--td-secondary) !important;
}

/* Selected Hover/Focus Styles */
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay:hover,
.flatpickr-day.startRange.prevMonthDay:hover,
.flatpickr-day.endRange.prevMonthDay:hover,
.flatpickr-day.selected.nextMonthDay:hover,
.flatpickr-day.startRange.nextMonthDay:hover,
.flatpickr-day.endRange.nextMonthDay:hover {
  border-color: rgba(70, 95, 255, 0.5) !important;
  background-color: var(--td-secondary) !important;
}

/* Range box shadow fix */
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 var(--td-secondary);
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 #7f9f99 !important;
}

/*# sourceMappingURL=styles.css.map */