body {
     font-size: 14px;
     font-family: "Rubik", sans-serif;
     color: #262626;
     background-color: #f4f6fb
}

a {
     text-decoration: none;
     color: #4dea0f
}
/* 4dea0f1f */
    /* 4dea0f */
    /* #1a7cbc */

a:hover {
     color: currentColor
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
     -webkit-margin-after: 0;
     margin-block-end: 0
}

ol,
ul,
dl {
     margin: 0;
     padding: 0
}

li {
     list-style: none
}

h1 {
     font-size: 34px
}

h2 {
     font-size: 30px
}

h3 {
     font-size: 24px
}

h4 {
     font-size: 20px
}

h5 {
     font-size: 18px
}

h6 {
     font-size: 16px;
     font-weight: 400
}

p {
     color: #8392a5
}

.media {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start
}

.media-body {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1
}

.custom-container {
     -webkit-padding-start: 15px;
     padding-inline-start: 15px;
     -webkit-padding-end: 15px;
     padding-inline-end: 15px
}

.themebody-wrap {
     -webkit-padding-after: 10px;
     padding-block-end: 10px;
     -webkit-margin-before: 79px;
     margin-block-start: 79px;
     -webkit-margin-start: 270px;
     margin-inline-start: 270px;
     min-height: calc(100vh - 135px);
     -webkit-transition: all .5s ease;
     transition: all .5s ease
}

.theme-body {
     -webkit-padding-start: 12px;
     padding-inline-start: 12px;
     -webkit-padding-end: 12px;
     padding-inline-end: 12px
}

.card .table {
     -webkit-margin-after: 0;
     margin-block-end: 0
}

.rating-list li {
     display: inline-block
}

.rating-list li i {
     color: #ffc261
}

.cdx-row {
     -webkit-margin-after: -24px;
     margin-block-end: -24px
}

.cdx-row>div {
     -webkit-margin-after: 24px;
     margin-block-end: 24px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.p-71 {
     padding: 71px !important
}

.p-72 {
     padding: 72px !important
}

.p-73 {
     padding: 73px !important
}

.p-74 {
     padding: 74px !important
}

.p-75 {
     padding: 75px !important
}

.p-76 {
     padding: 76px !important
}

.p-77 {
     padding: 77px !important
}

.p-78 {
     padding: 78px !important
}

.p-79 {
     padding: 79px !important
}

.p-80 {
     padding: 80px !important
}

.p-81 {
     padding: 81px !important
}

.p-82 {
     padding: 82px !important
}

.p-83 {
     padding: 83px !important
}

.p-84 {
     padding: 84px !important
}

.p-85 {
     padding: 85px !important
}

.p-86 {
     padding: 86px !important
}

.p-87 {
     padding: 87px !important
}

.p-88 {
     padding: 88px !important
}

.p-89 {
     padding: 89px !important
}

.p-90 {
     padding: 90px !important
}

.p-91 {
     padding: 91px !important
}

.p-92 {
     padding: 92px !important
}

.p-93 {
     padding: 93px !important
}

.p-94 {
     padding: 94px !important
}

.p-95 {
     padding: 95px !important
}

.p-96 {
     padding: 96px !important
}

.p-97 {
     padding: 97px !important
}

.p-98 {
     padding: 98px !important
}

.p-99 {
     padding: 99px !important
}

.p-100 {
     padding: 100px !important
}

.pt-1 {
     -webkit-padding-before: 1px !important;
     padding-block-start: 1px !important
}

.pt-2 {
     -webkit-padding-before: 2px !important;
     padding-block-start: 2px !important
}

.pt-3 {
     -webkit-padding-before: 3px !important;
     padding-block-start: 3px !important
}

.pt-4 {
     -webkit-padding-before: 4px !important;
     padding-block-start: 4px !important
}

.pt-5 {
     -webkit-padding-before: 5px !important;
     padding-block-start: 5px !important
}

.pt-6 {
     -webkit-padding-before: 6px !important;
     padding-block-start: 6px !important
}

.pt-7 {
     -webkit-padding-before: 7px !important;
     padding-block-start: 7px !important
}

.pt-8 {
     -webkit-padding-before: 8px !important;
     padding-block-start: 8px !important
}

.pt-9 {
     -webkit-padding-before: 9px !important;
     padding-block-start: 9px !important
}

.pt-10 {
     -webkit-padding-before: 10px !important;
     padding-block-start: 10px !important
}

.pt-11 {
     -webkit-padding-before: 11px !important;
     padding-block-start: 11px !important
}

.pt-12 {
     -webkit-padding-before: 12px !important;
     padding-block-start: 12px !important
}

.pt-13 {
     -webkit-padding-before: 13px !important;
     padding-block-start: 13px !important
}

.pt-14 {
     -webkit-padding-before: 14px !important;
     padding-block-start: 14px !important
}

.pt-15 {
     -webkit-padding-before: 15px !important;
     padding-block-start: 15px !important
}

.pt-16 {
     -webkit-padding-before: 16px !important;
     padding-block-start: 16px !important
}

.pt-17 {
     -webkit-padding-before: 17px !important;
     padding-block-start: 17px !important
}

.pt-18 {
     -webkit-padding-before: 18px !important;
     padding-block-start: 18px !important
}

.pt-19 {
     -webkit-padding-before: 19px !important;
     padding-block-start: 19px !important
}

.pt-20 {
     -webkit-padding-before: 20px !important;
     padding-block-start: 20px !important
}

.pt-21 {
     -webkit-padding-before: 21px !important;
     padding-block-start: 21px !important
}

.pt-22 {
     -webkit-padding-before: 22px !important;
     padding-block-start: 22px !important
}

.pt-23 {
     -webkit-padding-before: 23px !important;
     padding-block-start: 23px !important
}

.pt-24 {
     -webkit-padding-before: 24px !important;
     padding-block-start: 24px !important
}

.pt-25 {
     -webkit-padding-before: 25px !important;
     padding-block-start: 25px !important
}

.pt-26 {
     -webkit-padding-before: 26px !important;
     padding-block-start: 26px !important
}

.pt-27 {
     -webkit-padding-before: 27px !important;
     padding-block-start: 27px !important
}

.pt-28 {
     -webkit-padding-before: 28px !important;
     padding-block-start: 28px !important
}

.pt-29 {
     -webkit-padding-before: 29px !important;
     padding-block-start: 29px !important
}

.pt-30 {
     -webkit-padding-before: 30px !important;
     padding-block-start: 30px !important
}

.pt-31 {
     -webkit-padding-before: 31px !important;
     padding-block-start: 31px !important
}

.pt-32 {
     -webkit-padding-before: 32px !important;
     padding-block-start: 32px !important
}

.pt-33 {
     -webkit-padding-before: 33px !important;
     padding-block-start: 33px !important
}

.pt-34 {
     -webkit-padding-before: 34px !important;
     padding-block-start: 34px !important
}

.pt-35 {
     -webkit-padding-before: 35px !important;
     padding-block-start: 35px !important
}

.pt-36 {
     -webkit-padding-before: 36px !important;
     padding-block-start: 36px !important
}

.pt-37 {
     -webkit-padding-before: 37px !important;
     padding-block-start: 37px !important
}

.pt-38 {
     -webkit-padding-before: 38px !important;
     padding-block-start: 38px !important
}

.pt-39 {
     -webkit-padding-before: 39px !important;
     padding-block-start: 39px !important
}

.pt-40 {
     -webkit-padding-before: 40px !important;
     padding-block-start: 40px !important
}

.pt-41 {
     -webkit-padding-before: 41px !important;
     padding-block-start: 41px !important
}

.pt-42 {
     -webkit-padding-before: 42px !important;
     padding-block-start: 42px !important
}

.pt-43 {
     -webkit-padding-before: 43px !important;
     padding-block-start: 43px !important
}

.pt-44 {
     -webkit-padding-before: 44px !important;
     padding-block-start: 44px !important
}

.pt-45 {
     -webkit-padding-before: 45px !important;
     padding-block-start: 45px !important
}

.pt-46 {
     -webkit-padding-before: 46px !important;
     padding-block-start: 46px !important
}

.pt-47 {
     -webkit-padding-before: 47px !important;
     padding-block-start: 47px !important
}

.pt-48 {
     -webkit-padding-before: 48px !important;
     padding-block-start: 48px !important
}

.pt-49 {
     -webkit-padding-before: 49px !important;
     padding-block-start: 49px !important
}

.pt-50 {
     -webkit-padding-before: 50px !important;
     padding-block-start: 50px !important
}

.pt-51 {
     -webkit-padding-before: 51px !important;
     padding-block-start: 51px !important
}

.pt-52 {
     -webkit-padding-before: 52px !important;
     padding-block-start: 52px !important
}

.pt-53 {
     -webkit-padding-before: 53px !important;
     padding-block-start: 53px !important
}

.pt-54 {
     -webkit-padding-before: 54px !important;
     padding-block-start: 54px !important
}

.pt-55 {
     -webkit-padding-before: 55px !important;
     padding-block-start: 55px !important
}

.pt-56 {
     -webkit-padding-before: 56px !important;
     padding-block-start: 56px !important
}

.pt-57 {
     -webkit-padding-before: 57px !important;
     padding-block-start: 57px !important
}

.pt-58 {
     -webkit-padding-before: 58px !important;
     padding-block-start: 58px !important
}

.pt-59 {
     -webkit-padding-before: 59px !important;
     padding-block-start: 59px !important
}

.pt-60 {
     -webkit-padding-before: 60px !important;
     padding-block-start: 60px !important
}

.pt-61 {
     -webkit-padding-before: 61px !important;
     padding-block-start: 61px !important
}

.pt-62 {
     -webkit-padding-before: 62px !important;
     padding-block-start: 62px !important
}

.pt-63 {
     -webkit-padding-before: 63px !important;
     padding-block-start: 63px !important
}

.pt-64 {
     -webkit-padding-before: 64px !important;
     padding-block-start: 64px !important
}

.pt-65 {
     -webkit-padding-before: 65px !important;
     padding-block-start: 65px !important
}

.pt-66 {
     -webkit-padding-before: 66px !important;
     padding-block-start: 66px !important
}

.pt-67 {
     -webkit-padding-before: 67px !important;
     padding-block-start: 67px !important
}

.pt-68 {
     -webkit-padding-before: 68px !important;
     padding-block-start: 68px !important
}

.pt-69 {
     -webkit-padding-before: 69px !important;
     padding-block-start: 69px !important
}

.pt-70 {
     -webkit-padding-before: 70px !important;
     padding-block-start: 70px !important
}

.pt-71 {
     -webkit-padding-before: 71px !important;
     padding-block-start: 71px !important
}

.pt-72 {
     -webkit-padding-before: 72px !important;
     padding-block-start: 72px !important
}

.pt-73 {
     -webkit-padding-before: 73px !important;
     padding-block-start: 73px !important
}

.pt-74 {
     -webkit-padding-before: 74px !important;
     padding-block-start: 74px !important
}

.pt-75 {
     -webkit-padding-before: 75px !important;
     padding-block-start: 75px !important
}

.pt-76 {
     -webkit-padding-before: 76px !important;
     padding-block-start: 76px !important
}

.pt-77 {
     -webkit-padding-before: 77px !important;
     padding-block-start: 77px !important
}

.pt-78 {
     -webkit-padding-before: 78px !important;
     padding-block-start: 78px !important
}

.pt-79 {
     -webkit-padding-before: 79px !important;
     padding-block-start: 79px !important
}

.pt-80 {
     -webkit-padding-before: 80px !important;
     padding-block-start: 80px !important
}

.pt-81 {
     -webkit-padding-before: 81px !important;
     padding-block-start: 81px !important
}

.pt-82 {
     -webkit-padding-before: 82px !important;
     padding-block-start: 82px !important
}

.pt-83 {
     -webkit-padding-before: 83px !important;
     padding-block-start: 83px !important
}

.pt-84 {
     -webkit-padding-before: 84px !important;
     padding-block-start: 84px !important
}

.pt-85 {
     -webkit-padding-before: 85px !important;
     padding-block-start: 85px !important
}

.pt-86 {
     -webkit-padding-before: 86px !important;
     padding-block-start: 86px !important
}

.pt-87 {
     -webkit-padding-before: 87px !important;
     padding-block-start: 87px !important
}

.pt-88 {
     -webkit-padding-before: 88px !important;
     padding-block-start: 88px !important
}

.pt-89 {
     -webkit-padding-before: 89px !important;
     padding-block-start: 89px !important
}

.pt-90 {
     -webkit-padding-before: 90px !important;
     padding-block-start: 90px !important
}

.pt-91 {
     -webkit-padding-before: 91px !important;
     padding-block-start: 91px !important
}

.pt-92 {
     -webkit-padding-before: 92px !important;
     padding-block-start: 92px !important
}

.pt-93 {
     -webkit-padding-before: 93px !important;
     padding-block-start: 93px !important
}

.pt-94 {
     -webkit-padding-before: 94px !important;
     padding-block-start: 94px !important
}

.pt-95 {
     -webkit-padding-before: 95px !important;
     padding-block-start: 95px !important
}

.pt-96 {
     -webkit-padding-before: 96px !important;
     padding-block-start: 96px !important
}

.pt-97 {
     -webkit-padding-before: 97px !important;
     padding-block-start: 97px !important
}

.pt-98 {
     -webkit-padding-before: 98px !important;
     padding-block-start: 98px !important
}

.pt-99 {
     -webkit-padding-before: 99px !important;
     padding-block-start: 99px !important
}

.pt-100 {
     -webkit-padding-before: 100px !important;
     padding-block-start: 100px !important
}

.pb-1 {
     -webkit-padding-after: 1px !important;
     padding-block-end: 1px !important
}

.pb-2 {
     -webkit-padding-after: 2px !important;
     padding-block-end: 2px !important
}

.pb-3 {
     -webkit-padding-after: 3px !important;
     padding-block-end: 3px !important
}

.pb-4 {
     -webkit-padding-after: 4px !important;
     padding-block-end: 4px !important
}

.pb-5 {
     -webkit-padding-after: 5px !important;
     padding-block-end: 5px !important
}

.pb-6 {
     -webkit-padding-after: 6px !important;
     padding-block-end: 6px !important
}

.pb-7 {
     -webkit-padding-after: 7px !important;
     padding-block-end: 7px !important
}

.pb-8 {
     -webkit-padding-after: 8px !important;
     padding-block-end: 8px !important
}

.pb-9 {
     -webkit-padding-after: 9px !important;
     padding-block-end: 9px !important
}

.pb-10 {
     -webkit-padding-after: 10px !important;
     padding-block-end: 10px !important
}

.pb-11 {
     -webkit-padding-after: 11px !important;
     padding-block-end: 11px !important
}

.pb-12 {
     -webkit-padding-after: 12px !important;
     padding-block-end: 12px !important
}

.pb-13 {
     -webkit-padding-after: 13px !important;
     padding-block-end: 13px !important
}

.pb-14 {
     -webkit-padding-after: 14px !important;
     padding-block-end: 14px !important
}

.pb-15 {
     -webkit-padding-after: 15px !important;
     padding-block-end: 15px !important
}

.pb-16 {
     -webkit-padding-after: 16px !important;
     padding-block-end: 16px !important
}

.pb-17 {
     -webkit-padding-after: 17px !important;
     padding-block-end: 17px !important
}

.pb-18 {
     -webkit-padding-after: 18px !important;
     padding-block-end: 18px !important
}

.pb-19 {
     -webkit-padding-after: 19px !important;
     padding-block-end: 19px !important
}

.pb-20 {
     -webkit-padding-after: 20px !important;
     padding-block-end: 20px !important
}

.pb-21 {
     -webkit-padding-after: 21px !important;
     padding-block-end: 21px !important
}

.pb-22 {
     -webkit-padding-after: 22px !important;
     padding-block-end: 22px !important
}

.pb-23 {
     -webkit-padding-after: 23px !important;
     padding-block-end: 23px !important
}

.pb-24 {
     -webkit-padding-after: 24px !important;
     padding-block-end: 24px !important
}

.pb-25 {
     -webkit-padding-after: 25px !important;
     padding-block-end: 25px !important
}

.pb-26 {
     -webkit-padding-after: 26px !important;
     padding-block-end: 26px !important
}

.pb-27 {
     -webkit-padding-after: 27px !important;
     padding-block-end: 27px !important
}

.pb-28 {
     -webkit-padding-after: 28px !important;
     padding-block-end: 28px !important
}

.pb-29 {
     -webkit-padding-after: 29px !important;
     padding-block-end: 29px !important
}

.pb-30 {
     -webkit-padding-after: 30px !important;
     padding-block-end: 30px !important
}

.pb-31 {
     -webkit-padding-after: 31px !important;
     padding-block-end: 31px !important
}

.pb-32 {
     -webkit-padding-after: 32px !important;
     padding-block-end: 32px !important
}

.pb-33 {
     -webkit-padding-after: 33px !important;
     padding-block-end: 33px !important
}

.pb-34 {
     -webkit-padding-after: 34px !important;
     padding-block-end: 34px !important
}

.pb-35 {
     -webkit-padding-after: 35px !important;
     padding-block-end: 35px !important
}

.pb-36 {
     -webkit-padding-after: 36px !important;
     padding-block-end: 36px !important
}

.pb-37 {
     -webkit-padding-after: 37px !important;
     padding-block-end: 37px !important
}

.pb-38 {
     -webkit-padding-after: 38px !important;
     padding-block-end: 38px !important
}

.pb-39 {
     -webkit-padding-after: 39px !important;
     padding-block-end: 39px !important
}

.pb-40 {
     -webkit-padding-after: 40px !important;
     padding-block-end: 40px !important
}

.pb-41 {
     -webkit-padding-after: 41px !important;
     padding-block-end: 41px !important
}

.pb-42 {
     -webkit-padding-after: 42px !important;
     padding-block-end: 42px !important
}

.pb-43 {
     -webkit-padding-after: 43px !important;
     padding-block-end: 43px !important
}

.pb-44 {
     -webkit-padding-after: 44px !important;
     padding-block-end: 44px !important
}

.pb-45 {
     -webkit-padding-after: 45px !important;
     padding-block-end: 45px !important
}

.pb-46 {
     -webkit-padding-after: 46px !important;
     padding-block-end: 46px !important
}

.pb-47 {
     -webkit-padding-after: 47px !important;
     padding-block-end: 47px !important
}

.pb-48 {
     -webkit-padding-after: 48px !important;
     padding-block-end: 48px !important
}

.pb-49 {
     -webkit-padding-after: 49px !important;
     padding-block-end: 49px !important
}

.pb-50 {
     -webkit-padding-after: 50px !important;
     padding-block-end: 50px !important
}

.pb-51 {
     -webkit-padding-after: 51px !important;
     padding-block-end: 51px !important
}

.pb-52 {
     -webkit-padding-after: 52px !important;
     padding-block-end: 52px !important
}

.pb-53 {
     -webkit-padding-after: 53px !important;
     padding-block-end: 53px !important
}

.pb-54 {
     -webkit-padding-after: 54px !important;
     padding-block-end: 54px !important
}

.pb-55 {
     -webkit-padding-after: 55px !important;
     padding-block-end: 55px !important
}

.pb-56 {
     -webkit-padding-after: 56px !important;
     padding-block-end: 56px !important
}

.pb-57 {
     -webkit-padding-after: 57px !important;
     padding-block-end: 57px !important
}

.pb-58 {
     -webkit-padding-after: 58px !important;
     padding-block-end: 58px !important
}

.pb-59 {
     -webkit-padding-after: 59px !important;
     padding-block-end: 59px !important
}

.pb-60 {
     -webkit-padding-after: 60px !important;
     padding-block-end: 60px !important
}

.pb-61 {
     -webkit-padding-after: 61px !important;
     padding-block-end: 61px !important
}

.pb-62 {
     -webkit-padding-after: 62px !important;
     padding-block-end: 62px !important
}

.pb-63 {
     -webkit-padding-after: 63px !important;
     padding-block-end: 63px !important
}

.pb-64 {
     -webkit-padding-after: 64px !important;
     padding-block-end: 64px !important
}

.pb-65 {
     -webkit-padding-after: 65px !important;
     padding-block-end: 65px !important
}

.pb-66 {
     -webkit-padding-after: 66px !important;
     padding-block-end: 66px !important
}

.pb-67 {
     -webkit-padding-after: 67px !important;
     padding-block-end: 67px !important
}

.pb-68 {
     -webkit-padding-after: 68px !important;
     padding-block-end: 68px !important
}

.pb-69 {
     -webkit-padding-after: 69px !important;
     padding-block-end: 69px !important
}

.pb-70 {
     -webkit-padding-after: 70px !important;
     padding-block-end: 70px !important
}

.pb-71 {
     -webkit-padding-after: 71px !important;
     padding-block-end: 71px !important
}

.pb-72 {
     -webkit-padding-after: 72px !important;
     padding-block-end: 72px !important
}

.pb-73 {
     -webkit-padding-after: 73px !important;
     padding-block-end: 73px !important
}

.pb-74 {
     -webkit-padding-after: 74px !important;
     padding-block-end: 74px !important
}

.pb-75 {
     -webkit-padding-after: 75px !important;
     padding-block-end: 75px !important
}

.pb-76 {
     -webkit-padding-after: 76px !important;
     padding-block-end: 76px !important
}

.pb-77 {
     -webkit-padding-after: 77px !important;
     padding-block-end: 77px !important
}

.pb-78 {
     -webkit-padding-after: 78px !important;
     padding-block-end: 78px !important
}

.pb-79 {
     -webkit-padding-after: 79px !important;
     padding-block-end: 79px !important
}

.pb-80 {
     -webkit-padding-after: 80px !important;
     padding-block-end: 80px !important
}

.pb-81 {
     -webkit-padding-after: 81px !important;
     padding-block-end: 81px !important
}

.pb-82 {
     -webkit-padding-after: 82px !important;
     padding-block-end: 82px !important
}

.pb-83 {
     -webkit-padding-after: 83px !important;
     padding-block-end: 83px !important
}

.pb-84 {
     -webkit-padding-after: 84px !important;
     padding-block-end: 84px !important
}

.pb-85 {
     -webkit-padding-after: 85px !important;
     padding-block-end: 85px !important
}

.pb-86 {
     -webkit-padding-after: 86px !important;
     padding-block-end: 86px !important
}

.pb-87 {
     -webkit-padding-after: 87px !important;
     padding-block-end: 87px !important
}

.pb-88 {
     -webkit-padding-after: 88px !important;
     padding-block-end: 88px !important
}

.pb-89 {
     -webkit-padding-after: 89px !important;
     padding-block-end: 89px !important
}

.pb-90 {
     -webkit-padding-after: 90px !important;
     padding-block-end: 90px !important
}

.pb-91 {
     -webkit-padding-after: 91px !important;
     padding-block-end: 91px !important
}

.pb-92 {
     -webkit-padding-after: 92px !important;
     padding-block-end: 92px !important
}

.pb-93 {
     -webkit-padding-after: 93px !important;
     padding-block-end: 93px !important
}

.pb-94 {
     -webkit-padding-after: 94px !important;
     padding-block-end: 94px !important
}

.pb-95 {
     -webkit-padding-after: 95px !important;
     padding-block-end: 95px !important
}

.pb-96 {
     -webkit-padding-after: 96px !important;
     padding-block-end: 96px !important
}

.pb-97 {
     -webkit-padding-after: 97px !important;
     padding-block-end: 97px !important
}

.pb-98 {
     -webkit-padding-after: 98px !important;
     padding-block-end: 98px !important
}

.pb-99 {
     -webkit-padding-after: 99px !important;
     padding-block-end: 99px !important
}

.pb-100 {
     -webkit-padding-after: 100px !important;
     padding-block-end: 100px !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pl-100 {
     -webkit-padding-start: 100px !important;
     padding-inline-start: 100px !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pr-100 {
     -webkit-padding-end: 100px !important;
     padding-inline-end: 100px !important
}

.py-1 {
     -webkit-padding-before: 1px !important;
     padding-block-start: 1px !important;
     -webkit-padding-after: 1px !important;
     padding-block-end: 1px !important
}

.py-2 {
     -webkit-padding-before: 2px !important;
     padding-block-start: 2px !important;
     -webkit-padding-after: 2px !important;
     padding-block-end: 2px !important
}

.py-3 {
     -webkit-padding-before: 3px !important;
     padding-block-start: 3px !important;
     -webkit-padding-after: 3px !important;
     padding-block-end: 3px !important
}

.py-4 {
     -webkit-padding-before: 4px !important;
     padding-block-start: 4px !important;
     -webkit-padding-after: 4px !important;
     padding-block-end: 4px !important
}

.py-5 {
     -webkit-padding-before: 5px !important;
     padding-block-start: 5px !important;
     -webkit-padding-after: 5px !important;
     padding-block-end: 5px !important
}

.py-6 {
     -webkit-padding-before: 6px !important;
     padding-block-start: 6px !important;
     -webkit-padding-after: 6px !important;
     padding-block-end: 6px !important
}

.py-7 {
     -webkit-padding-before: 7px !important;
     padding-block-start: 7px !important;
     -webkit-padding-after: 7px !important;
     padding-block-end: 7px !important
}

.py-8 {
     -webkit-padding-before: 8px !important;
     padding-block-start: 8px !important;
     -webkit-padding-after: 8px !important;
     padding-block-end: 8px !important
}

.py-9 {
     -webkit-padding-before: 9px !important;
     padding-block-start: 9px !important;
     -webkit-padding-after: 9px !important;
     padding-block-end: 9px !important
}

.py-10 {
     -webkit-padding-before: 10px !important;
     padding-block-start: 10px !important;
     -webkit-padding-after: 10px !important;
     padding-block-end: 10px !important
}

.py-11 {
     -webkit-padding-before: 11px !important;
     padding-block-start: 11px !important;
     -webkit-padding-after: 11px !important;
     padding-block-end: 11px !important
}

.py-12 {
     -webkit-padding-before: 12px !important;
     padding-block-start: 12px !important;
     -webkit-padding-after: 12px !important;
     padding-block-end: 12px !important
}

.py-13 {
     -webkit-padding-before: 13px !important;
     padding-block-start: 13px !important;
     -webkit-padding-after: 13px !important;
     padding-block-end: 13px !important
}

.py-14 {
     -webkit-padding-before: 14px !important;
     padding-block-start: 14px !important;
     -webkit-padding-after: 14px !important;
     padding-block-end: 14px !important
}

.py-15 {
     -webkit-padding-before: 15px !important;
     padding-block-start: 15px !important;
     -webkit-padding-after: 15px !important;
     padding-block-end: 15px !important
}

.py-16 {
     -webkit-padding-before: 16px !important;
     padding-block-start: 16px !important;
     -webkit-padding-after: 16px !important;
     padding-block-end: 16px !important
}

.py-17 {
     -webkit-padding-before: 17px !important;
     padding-block-start: 17px !important;
     -webkit-padding-after: 17px !important;
     padding-block-end: 17px !important
}

.py-18 {
     -webkit-padding-before: 18px !important;
     padding-block-start: 18px !important;
     -webkit-padding-after: 18px !important;
     padding-block-end: 18px !important
}

.py-19 {
     -webkit-padding-before: 19px !important;
     padding-block-start: 19px !important;
     -webkit-padding-after: 19px !important;
     padding-block-end: 19px !important
}

.py-20 {
     -webkit-padding-before: 20px !important;
     padding-block-start: 20px !important;
     -webkit-padding-after: 20px !important;
     padding-block-end: 20px !important
}

.py-21 {
     -webkit-padding-before: 21px !important;
     padding-block-start: 21px !important;
     -webkit-padding-after: 21px !important;
     padding-block-end: 21px !important
}

.py-22 {
     -webkit-padding-before: 22px !important;
     padding-block-start: 22px !important;
     -webkit-padding-after: 22px !important;
     padding-block-end: 22px !important
}

.py-23 {
     -webkit-padding-before: 23px !important;
     padding-block-start: 23px !important;
     -webkit-padding-after: 23px !important;
     padding-block-end: 23px !important
}

.py-24 {
     -webkit-padding-before: 24px !important;
     padding-block-start: 24px !important;
     -webkit-padding-after: 24px !important;
     padding-block-end: 24px !important
}

.py-25 {
     -webkit-padding-before: 25px !important;
     padding-block-start: 25px !important;
     -webkit-padding-after: 25px !important;
     padding-block-end: 25px !important
}

.py-26 {
     -webkit-padding-before: 26px !important;
     padding-block-start: 26px !important;
     -webkit-padding-after: 26px !important;
     padding-block-end: 26px !important
}

.py-27 {
     -webkit-padding-before: 27px !important;
     padding-block-start: 27px !important;
     -webkit-padding-after: 27px !important;
     padding-block-end: 27px !important
}

.py-28 {
     -webkit-padding-before: 28px !important;
     padding-block-start: 28px !important;
     -webkit-padding-after: 28px !important;
     padding-block-end: 28px !important
}

.py-29 {
     -webkit-padding-before: 29px !important;
     padding-block-start: 29px !important;
     -webkit-padding-after: 29px !important;
     padding-block-end: 29px !important
}

.py-30 {
     -webkit-padding-before: 30px !important;
     padding-block-start: 30px !important;
     -webkit-padding-after: 30px !important;
     padding-block-end: 30px !important
}

.py-31 {
     -webkit-padding-before: 31px !important;
     padding-block-start: 31px !important;
     -webkit-padding-after: 31px !important;
     padding-block-end: 31px !important
}

.py-32 {
     -webkit-padding-before: 32px !important;
     padding-block-start: 32px !important;
     -webkit-padding-after: 32px !important;
     padding-block-end: 32px !important
}

.py-33 {
     -webkit-padding-before: 33px !important;
     padding-block-start: 33px !important;
     -webkit-padding-after: 33px !important;
     padding-block-end: 33px !important
}

.py-34 {
     -webkit-padding-before: 34px !important;
     padding-block-start: 34px !important;
     -webkit-padding-after: 34px !important;
     padding-block-end: 34px !important
}

.py-35 {
     -webkit-padding-before: 35px !important;
     padding-block-start: 35px !important;
     -webkit-padding-after: 35px !important;
     padding-block-end: 35px !important
}

.py-36 {
     -webkit-padding-before: 36px !important;
     padding-block-start: 36px !important;
     -webkit-padding-after: 36px !important;
     padding-block-end: 36px !important
}

.py-37 {
     -webkit-padding-before: 37px !important;
     padding-block-start: 37px !important;
     -webkit-padding-after: 37px !important;
     padding-block-end: 37px !important
}

.py-38 {
     -webkit-padding-before: 38px !important;
     padding-block-start: 38px !important;
     -webkit-padding-after: 38px !important;
     padding-block-end: 38px !important
}

.py-39 {
     -webkit-padding-before: 39px !important;
     padding-block-start: 39px !important;
     -webkit-padding-after: 39px !important;
     padding-block-end: 39px !important
}

.py-40 {
     -webkit-padding-before: 40px !important;
     padding-block-start: 40px !important;
     -webkit-padding-after: 40px !important;
     padding-block-end: 40px !important
}

.py-41 {
     -webkit-padding-before: 41px !important;
     padding-block-start: 41px !important;
     -webkit-padding-after: 41px !important;
     padding-block-end: 41px !important
}

.py-42 {
     -webkit-padding-before: 42px !important;
     padding-block-start: 42px !important;
     -webkit-padding-after: 42px !important;
     padding-block-end: 42px !important
}

.py-43 {
     -webkit-padding-before: 43px !important;
     padding-block-start: 43px !important;
     -webkit-padding-after: 43px !important;
     padding-block-end: 43px !important
}

.py-44 {
     -webkit-padding-before: 44px !important;
     padding-block-start: 44px !important;
     -webkit-padding-after: 44px !important;
     padding-block-end: 44px !important
}

.py-45 {
     -webkit-padding-before: 45px !important;
     padding-block-start: 45px !important;
     -webkit-padding-after: 45px !important;
     padding-block-end: 45px !important
}

.py-46 {
     -webkit-padding-before: 46px !important;
     padding-block-start: 46px !important;
     -webkit-padding-after: 46px !important;
     padding-block-end: 46px !important
}

.py-47 {
     -webkit-padding-before: 47px !important;
     padding-block-start: 47px !important;
     -webkit-padding-after: 47px !important;
     padding-block-end: 47px !important
}

.py-48 {
     -webkit-padding-before: 48px !important;
     padding-block-start: 48px !important;
     -webkit-padding-after: 48px !important;
     padding-block-end: 48px !important
}

.py-49 {
     -webkit-padding-before: 49px !important;
     padding-block-start: 49px !important;
     -webkit-padding-after: 49px !important;
     padding-block-end: 49px !important
}

.py-50 {
     -webkit-padding-before: 50px !important;
     padding-block-start: 50px !important;
     -webkit-padding-after: 50px !important;
     padding-block-end: 50px !important
}

.py-51 {
     -webkit-padding-before: 51px !important;
     padding-block-start: 51px !important;
     -webkit-padding-after: 51px !important;
     padding-block-end: 51px !important
}

.py-52 {
     -webkit-padding-before: 52px !important;
     padding-block-start: 52px !important;
     -webkit-padding-after: 52px !important;
     padding-block-end: 52px !important
}

.py-53 {
     -webkit-padding-before: 53px !important;
     padding-block-start: 53px !important;
     -webkit-padding-after: 53px !important;
     padding-block-end: 53px !important
}

.py-54 {
     -webkit-padding-before: 54px !important;
     padding-block-start: 54px !important;
     -webkit-padding-after: 54px !important;
     padding-block-end: 54px !important
}

.py-55 {
     -webkit-padding-before: 55px !important;
     padding-block-start: 55px !important;
     -webkit-padding-after: 55px !important;
     padding-block-end: 55px !important
}

.py-56 {
     -webkit-padding-before: 56px !important;
     padding-block-start: 56px !important;
     -webkit-padding-after: 56px !important;
     padding-block-end: 56px !important
}

.py-57 {
     -webkit-padding-before: 57px !important;
     padding-block-start: 57px !important;
     -webkit-padding-after: 57px !important;
     padding-block-end: 57px !important
}

.py-58 {
     -webkit-padding-before: 58px !important;
     padding-block-start: 58px !important;
     -webkit-padding-after: 58px !important;
     padding-block-end: 58px !important
}

.py-59 {
     -webkit-padding-before: 59px !important;
     padding-block-start: 59px !important;
     -webkit-padding-after: 59px !important;
     padding-block-end: 59px !important
}

.py-60 {
     -webkit-padding-before: 60px !important;
     padding-block-start: 60px !important;
     -webkit-padding-after: 60px !important;
     padding-block-end: 60px !important
}

.py-61 {
     -webkit-padding-before: 61px !important;
     padding-block-start: 61px !important;
     -webkit-padding-after: 61px !important;
     padding-block-end: 61px !important
}

.py-62 {
     -webkit-padding-before: 62px !important;
     padding-block-start: 62px !important;
     -webkit-padding-after: 62px !important;
     padding-block-end: 62px !important
}

.py-63 {
     -webkit-padding-before: 63px !important;
     padding-block-start: 63px !important;
     -webkit-padding-after: 63px !important;
     padding-block-end: 63px !important
}

.py-64 {
     -webkit-padding-before: 64px !important;
     padding-block-start: 64px !important;
     -webkit-padding-after: 64px !important;
     padding-block-end: 64px !important
}

.py-65 {
     -webkit-padding-before: 65px !important;
     padding-block-start: 65px !important;
     -webkit-padding-after: 65px !important;
     padding-block-end: 65px !important
}

.py-66 {
     -webkit-padding-before: 66px !important;
     padding-block-start: 66px !important;
     -webkit-padding-after: 66px !important;
     padding-block-end: 66px !important
}

.py-67 {
     -webkit-padding-before: 67px !important;
     padding-block-start: 67px !important;
     -webkit-padding-after: 67px !important;
     padding-block-end: 67px !important
}

.py-68 {
     -webkit-padding-before: 68px !important;
     padding-block-start: 68px !important;
     -webkit-padding-after: 68px !important;
     padding-block-end: 68px !important
}

.py-69 {
     -webkit-padding-before: 69px !important;
     padding-block-start: 69px !important;
     -webkit-padding-after: 69px !important;
     padding-block-end: 69px !important
}

.py-70 {
     -webkit-padding-before: 70px !important;
     padding-block-start: 70px !important;
     -webkit-padding-after: 70px !important;
     padding-block-end: 70px !important
}

.py-71 {
     -webkit-padding-before: 71px !important;
     padding-block-start: 71px !important;
     -webkit-padding-after: 71px !important;
     padding-block-end: 71px !important
}

.py-72 {
     -webkit-padding-before: 72px !important;
     padding-block-start: 72px !important;
     -webkit-padding-after: 72px !important;
     padding-block-end: 72px !important
}

.py-73 {
     -webkit-padding-before: 73px !important;
     padding-block-start: 73px !important;
     -webkit-padding-after: 73px !important;
     padding-block-end: 73px !important
}

.py-74 {
     -webkit-padding-before: 74px !important;
     padding-block-start: 74px !important;
     -webkit-padding-after: 74px !important;
     padding-block-end: 74px !important
}

.py-75 {
     -webkit-padding-before: 75px !important;
     padding-block-start: 75px !important;
     -webkit-padding-after: 75px !important;
     padding-block-end: 75px !important
}

.py-76 {
     -webkit-padding-before: 76px !important;
     padding-block-start: 76px !important;
     -webkit-padding-after: 76px !important;
     padding-block-end: 76px !important
}

.py-77 {
     -webkit-padding-before: 77px !important;
     padding-block-start: 77px !important;
     -webkit-padding-after: 77px !important;
     padding-block-end: 77px !important
}

.py-78 {
     -webkit-padding-before: 78px !important;
     padding-block-start: 78px !important;
     -webkit-padding-after: 78px !important;
     padding-block-end: 78px !important
}

.py-79 {
     -webkit-padding-before: 79px !important;
     padding-block-start: 79px !important;
     -webkit-padding-after: 79px !important;
     padding-block-end: 79px !important
}

.py-80 {
     -webkit-padding-before: 80px !important;
     padding-block-start: 80px !important;
     -webkit-padding-after: 80px !important;
     padding-block-end: 80px !important
}

.py-81 {
     -webkit-padding-before: 81px !important;
     padding-block-start: 81px !important;
     -webkit-padding-after: 81px !important;
     padding-block-end: 81px !important
}

.py-82 {
     -webkit-padding-before: 82px !important;
     padding-block-start: 82px !important;
     -webkit-padding-after: 82px !important;
     padding-block-end: 82px !important
}

.py-83 {
     -webkit-padding-before: 83px !important;
     padding-block-start: 83px !important;
     -webkit-padding-after: 83px !important;
     padding-block-end: 83px !important
}

.py-84 {
     -webkit-padding-before: 84px !important;
     padding-block-start: 84px !important;
     -webkit-padding-after: 84px !important;
     padding-block-end: 84px !important
}

.py-85 {
     -webkit-padding-before: 85px !important;
     padding-block-start: 85px !important;
     -webkit-padding-after: 85px !important;
     padding-block-end: 85px !important
}

.py-86 {
     -webkit-padding-before: 86px !important;
     padding-block-start: 86px !important;
     -webkit-padding-after: 86px !important;
     padding-block-end: 86px !important
}

.py-87 {
     -webkit-padding-before: 87px !important;
     padding-block-start: 87px !important;
     -webkit-padding-after: 87px !important;
     padding-block-end: 87px !important
}

.py-88 {
     -webkit-padding-before: 88px !important;
     padding-block-start: 88px !important;
     -webkit-padding-after: 88px !important;
     padding-block-end: 88px !important
}

.py-89 {
     -webkit-padding-before: 89px !important;
     padding-block-start: 89px !important;
     -webkit-padding-after: 89px !important;
     padding-block-end: 89px !important
}

.py-90 {
     -webkit-padding-before: 90px !important;
     padding-block-start: 90px !important;
     -webkit-padding-after: 90px !important;
     padding-block-end: 90px !important
}

.py-91 {
     -webkit-padding-before: 91px !important;
     padding-block-start: 91px !important;
     -webkit-padding-after: 91px !important;
     padding-block-end: 91px !important
}

.py-92 {
     -webkit-padding-before: 92px !important;
     padding-block-start: 92px !important;
     -webkit-padding-after: 92px !important;
     padding-block-end: 92px !important
}

.py-93 {
     -webkit-padding-before: 93px !important;
     padding-block-start: 93px !important;
     -webkit-padding-after: 93px !important;
     padding-block-end: 93px !important
}

.py-94 {
     -webkit-padding-before: 94px !important;
     padding-block-start: 94px !important;
     -webkit-padding-after: 94px !important;
     padding-block-end: 94px !important
}

.py-95 {
     -webkit-padding-before: 95px !important;
     padding-block-start: 95px !important;
     -webkit-padding-after: 95px !important;
     padding-block-end: 95px !important
}

.py-96 {
     -webkit-padding-before: 96px !important;
     padding-block-start: 96px !important;
     -webkit-padding-after: 96px !important;
     padding-block-end: 96px !important
}

.py-97 {
     -webkit-padding-before: 97px !important;
     padding-block-start: 97px !important;
     -webkit-padding-after: 97px !important;
     padding-block-end: 97px !important
}

.py-98 {
     -webkit-padding-before: 98px !important;
     padding-block-start: 98px !important;
     -webkit-padding-after: 98px !important;
     padding-block-end: 98px !important
}

.py-99 {
     -webkit-padding-before: 99px !important;
     padding-block-start: 99px !important;
     -webkit-padding-after: 99px !important;
     padding-block-end: 99px !important
}

.py-100 {
     -webkit-padding-before: 100px !important;
     padding-block-start: 100px !important;
     -webkit-padding-after: 100px !important;
     padding-block-end: 100px !important
}

.ml-auto {
     -webkit-margin-start: auto;
     margin-inline-start: auto
}

.mr_-auto {
     -webkit-margin-end: auto;
     margin-inline-end: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-71 {
     margin: 71px !important
}

.m-72 {
     margin: 72px !important
}

.m-73 {
     margin: 73px !important
}

.m-74 {
     margin: 74px !important
}

.m-75 {
     margin: 75px !important
}

.m-76 {
     margin: 76px !important
}

.m-77 {
     margin: 77px !important
}

.m-78 {
     margin: 78px !important
}

.m-79 {
     margin: 79px !important
}

.m-80 {
     margin: 80px !important
}

.m-81 {
     margin: 81px !important
}

.m-82 {
     margin: 82px !important
}

.m-83 {
     margin: 83px !important
}

.m-84 {
     margin: 84px !important
}

.m-85 {
     margin: 85px !important
}

.m-86 {
     margin: 86px !important
}

.m-87 {
     margin: 87px !important
}

.m-88 {
     margin: 88px !important
}

.m-89 {
     margin: 89px !important
}

.m-90 {
     margin: 90px !important
}

.m-91 {
     margin: 91px !important
}

.m-92 {
     margin: 92px !important
}

.m-93 {
     margin: 93px !important
}

.m-94 {
     margin: 94px !important
}

.m-95 {
     margin: 95px !important
}

.m-96 {
     margin: 96px !important
}

.m-97 {
     margin: 97px !important
}

.m-98 {
     margin: 98px !important
}

.m-99 {
     margin: 99px !important
}

.m-100 {
     margin: 100px !important
}

.mt-1 {
     -webkit-margin-before: 1px !important;
     margin-block-start: 1px !important
}

.mt-2 {
     -webkit-margin-before: 2px !important;
     margin-block-start: 2px !important
}

.mt-3 {
     -webkit-margin-before: 3px !important;
     margin-block-start: 3px !important
}

.mt-4 {
     -webkit-margin-before: 4px !important;
     margin-block-start: 4px !important
}

.mt-5 {
     -webkit-margin-before: 5px !important;
     margin-block-start: 5px !important
}

.mt-6 {
     -webkit-margin-before: 6px !important;
     margin-block-start: 6px !important
}

.mt-7 {
     -webkit-margin-before: 7px !important;
     margin-block-start: 7px !important
}

.mt-8 {
     -webkit-margin-before: 8px !important;
     margin-block-start: 8px !important
}

.mt-9 {
     -webkit-margin-before: 9px !important;
     margin-block-start: 9px !important
}

.mt-10 {
     -webkit-margin-before: 10px !important;
     margin-block-start: 10px !important
}

.mt-11 {
     -webkit-margin-before: 11px !important;
     margin-block-start: 11px !important
}

.mt-12 {
     -webkit-margin-before: 12px !important;
     margin-block-start: 12px !important
}

.mt-13 {
     -webkit-margin-before: 13px !important;
     margin-block-start: 13px !important
}

.mt-14 {
     -webkit-margin-before: 14px !important;
     margin-block-start: 14px !important
}

.mt-15 {
     -webkit-margin-before: 15px !important;
     margin-block-start: 15px !important
}

.mt-16 {
     -webkit-margin-before: 16px !important;
     margin-block-start: 16px !important
}

.mt-17 {
     -webkit-margin-before: 17px !important;
     margin-block-start: 17px !important
}

.mt-18 {
     -webkit-margin-before: 18px !important;
     margin-block-start: 18px !important
}

.mt-19 {
     -webkit-margin-before: 19px !important;
     margin-block-start: 19px !important
}

.mt-20 {
     -webkit-margin-before: 20px !important;
     margin-block-start: 20px !important
}

.mt-21 {
     -webkit-margin-before: 21px !important;
     margin-block-start: 21px !important
}

.mt-22 {
     -webkit-margin-before: 22px !important;
     margin-block-start: 22px !important
}

.mt-23 {
     -webkit-margin-before: 23px !important;
     margin-block-start: 23px !important
}

.mt-24 {
     -webkit-margin-before: 24px !important;
     margin-block-start: 24px !important
}

.mt-25 {
     -webkit-margin-before: 25px !important;
     margin-block-start: 25px !important
}

.mt-26 {
     -webkit-margin-before: 26px !important;
     margin-block-start: 26px !important
}

.mt-27 {
     -webkit-margin-before: 27px !important;
     margin-block-start: 27px !important
}

.mt-28 {
     -webkit-margin-before: 28px !important;
     margin-block-start: 28px !important
}

.mt-29 {
     -webkit-margin-before: 29px !important;
     margin-block-start: 29px !important
}

.mt-30 {
     -webkit-margin-before: 30px !important;
     margin-block-start: 30px !important
}

.mt-31 {
     -webkit-margin-before: 31px !important;
     margin-block-start: 31px !important
}

.mt-32 {
     -webkit-margin-before: 32px !important;
     margin-block-start: 32px !important
}

.mt-33 {
     -webkit-margin-before: 33px !important;
     margin-block-start: 33px !important
}

.mt-34 {
     -webkit-margin-before: 34px !important;
     margin-block-start: 34px !important
}

.mt-35 {
     -webkit-margin-before: 35px !important;
     margin-block-start: 35px !important
}

.mt-36 {
     -webkit-margin-before: 36px !important;
     margin-block-start: 36px !important
}

.mt-37 {
     -webkit-margin-before: 37px !important;
     margin-block-start: 37px !important
}

.mt-38 {
     -webkit-margin-before: 38px !important;
     margin-block-start: 38px !important
}

.mt-39 {
     -webkit-margin-before: 39px !important;
     margin-block-start: 39px !important
}

.mt-40 {
     -webkit-margin-before: 40px !important;
     margin-block-start: 40px !important
}

.mt-41 {
     -webkit-margin-before: 41px !important;
     margin-block-start: 41px !important
}

.mt-42 {
     -webkit-margin-before: 42px !important;
     margin-block-start: 42px !important
}

.mt-43 {
     -webkit-margin-before: 43px !important;
     margin-block-start: 43px !important
}

.mt-44 {
     -webkit-margin-before: 44px !important;
     margin-block-start: 44px !important
}

.mt-45 {
     -webkit-margin-before: 45px !important;
     margin-block-start: 45px !important
}

.mt-46 {
     -webkit-margin-before: 46px !important;
     margin-block-start: 46px !important
}

.mt-47 {
     -webkit-margin-before: 47px !important;
     margin-block-start: 47px !important
}

.mt-48 {
     -webkit-margin-before: 48px !important;
     margin-block-start: 48px !important
}

.mt-49 {
     -webkit-margin-before: 49px !important;
     margin-block-start: 49px !important
}

.mt-50 {
     -webkit-margin-before: 50px !important;
     margin-block-start: 50px !important
}

.mt-51 {
     -webkit-margin-before: 51px !important;
     margin-block-start: 51px !important
}

.mt-52 {
     -webkit-margin-before: 52px !important;
     margin-block-start: 52px !important
}

.mt-53 {
     -webkit-margin-before: 53px !important;
     margin-block-start: 53px !important
}

.mt-54 {
     -webkit-margin-before: 54px !important;
     margin-block-start: 54px !important
}

.mt-55 {
     -webkit-margin-before: 55px !important;
     margin-block-start: 55px !important
}

.mt-56 {
     -webkit-margin-before: 56px !important;
     margin-block-start: 56px !important
}

.mt-57 {
     -webkit-margin-before: 57px !important;
     margin-block-start: 57px !important
}

.mt-58 {
     -webkit-margin-before: 58px !important;
     margin-block-start: 58px !important
}

.mt-59 {
     -webkit-margin-before: 59px !important;
     margin-block-start: 59px !important
}

.mt-60 {
     -webkit-margin-before: 60px !important;
     margin-block-start: 60px !important
}

.mt-61 {
     -webkit-margin-before: 61px !important;
     margin-block-start: 61px !important
}

.mt-62 {
     -webkit-margin-before: 62px !important;
     margin-block-start: 62px !important
}

.mt-63 {
     -webkit-margin-before: 63px !important;
     margin-block-start: 63px !important
}

.mt-64 {
     -webkit-margin-before: 64px !important;
     margin-block-start: 64px !important
}

.mt-65 {
     -webkit-margin-before: 65px !important;
     margin-block-start: 65px !important
}

.mt-66 {
     -webkit-margin-before: 66px !important;
     margin-block-start: 66px !important
}

.mt-67 {
     -webkit-margin-before: 67px !important;
     margin-block-start: 67px !important
}

.mt-68 {
     -webkit-margin-before: 68px !important;
     margin-block-start: 68px !important
}

.mt-69 {
     -webkit-margin-before: 69px !important;
     margin-block-start: 69px !important
}

.mt-70 {
     -webkit-margin-before: 70px !important;
     margin-block-start: 70px !important
}

.mt-71 {
     -webkit-margin-before: 71px !important;
     margin-block-start: 71px !important
}

.mt-72 {
     -webkit-margin-before: 72px !important;
     margin-block-start: 72px !important
}

.mt-73 {
     -webkit-margin-before: 73px !important;
     margin-block-start: 73px !important
}

.mt-74 {
     -webkit-margin-before: 74px !important;
     margin-block-start: 74px !important
}

.mt-75 {
     -webkit-margin-before: 75px !important;
     margin-block-start: 75px !important
}

.mt-76 {
     -webkit-margin-before: 76px !important;
     margin-block-start: 76px !important
}

.mt-77 {
     -webkit-margin-before: 77px !important;
     margin-block-start: 77px !important
}

.mt-78 {
     -webkit-margin-before: 78px !important;
     margin-block-start: 78px !important
}

.mt-79 {
     -webkit-margin-before: 79px !important;
     margin-block-start: 79px !important
}

.mt-80 {
     -webkit-margin-before: 80px !important;
     margin-block-start: 80px !important
}

.mt-81 {
     -webkit-margin-before: 81px !important;
     margin-block-start: 81px !important
}

.mt-82 {
     -webkit-margin-before: 82px !important;
     margin-block-start: 82px !important
}

.mt-83 {
     -webkit-margin-before: 83px !important;
     margin-block-start: 83px !important
}

.mt-84 {
     -webkit-margin-before: 84px !important;
     margin-block-start: 84px !important
}

.mt-85 {
     -webkit-margin-before: 85px !important;
     margin-block-start: 85px !important
}

.mt-86 {
     -webkit-margin-before: 86px !important;
     margin-block-start: 86px !important
}

.mt-87 {
     -webkit-margin-before: 87px !important;
     margin-block-start: 87px !important
}

.mt-88 {
     -webkit-margin-before: 88px !important;
     margin-block-start: 88px !important
}

.mt-89 {
     -webkit-margin-before: 89px !important;
     margin-block-start: 89px !important
}

.mt-90 {
     -webkit-margin-before: 90px !important;
     margin-block-start: 90px !important
}

.mt-91 {
     -webkit-margin-before: 91px !important;
     margin-block-start: 91px !important
}

.mt-92 {
     -webkit-margin-before: 92px !important;
     margin-block-start: 92px !important
}

.mt-93 {
     -webkit-margin-before: 93px !important;
     margin-block-start: 93px !important
}

.mt-94 {
     -webkit-margin-before: 94px !important;
     margin-block-start: 94px !important
}

.mt-95 {
     -webkit-margin-before: 95px !important;
     margin-block-start: 95px !important
}

.mt-96 {
     -webkit-margin-before: 96px !important;
     margin-block-start: 96px !important
}

.mt-97 {
     -webkit-margin-before: 97px !important;
     margin-block-start: 97px !important
}

.mt-98 {
     -webkit-margin-before: 98px !important;
     margin-block-start: 98px !important
}

.mt-99 {
     -webkit-margin-before: 99px !important;
     margin-block-start: 99px !important
}

.mt-100 {
     -webkit-margin-before: 100px !important;
     margin-block-start: 100px !important
}

.mb-1 {
     -webkit-margin-after: 1px !important;
     margin-block-end: 1px !important
}

.mb-2 {
     -webkit-margin-after: 2px !important;
     margin-block-end: 2px !important
}

.mb-3 {
     -webkit-margin-after: 3px !important;
     margin-block-end: 3px !important
}

.mb-4 {
     -webkit-margin-after: 4px !important;
     margin-block-end: 4px !important
}

.mb-5 {
     -webkit-margin-after: 5px !important;
     margin-block-end: 5px !important
}

.mb-6 {
     -webkit-margin-after: 6px !important;
     margin-block-end: 6px !important
}

.mb-7 {
     -webkit-margin-after: 7px !important;
     margin-block-end: 7px !important
}

.mb-8 {
     -webkit-margin-after: 8px !important;
     margin-block-end: 8px !important
}

.mb-9 {
     -webkit-margin-after: 9px !important;
     margin-block-end: 9px !important
}

.mb-10 {
     -webkit-margin-after: 10px !important;
     margin-block-end: 10px !important
}

.mb-11 {
     -webkit-margin-after: 11px !important;
     margin-block-end: 11px !important
}

.mb-12 {
     -webkit-margin-after: 12px !important;
     margin-block-end: 12px !important
}

.mb-13 {
     -webkit-margin-after: 13px !important;
     margin-block-end: 13px !important
}

.mb-14 {
     -webkit-margin-after: 14px !important;
     margin-block-end: 14px !important
}

.mb-15 {
     -webkit-margin-after: 15px !important;
     margin-block-end: 15px !important
}

.mb-16 {
     -webkit-margin-after: 16px !important;
     margin-block-end: 16px !important
}

.mb-17 {
     -webkit-margin-after: 17px !important;
     margin-block-end: 17px !important
}

.mb-18 {
     -webkit-margin-after: 18px !important;
     margin-block-end: 18px !important
}

.mb-19 {
     -webkit-margin-after: 19px !important;
     margin-block-end: 19px !important
}

.mb-20 {
     -webkit-margin-after: 20px !important;
     margin-block-end: 20px !important
}

.mb-21 {
     -webkit-margin-after: 21px !important;
     margin-block-end: 21px !important
}

.mb-22 {
     -webkit-margin-after: 22px !important;
     margin-block-end: 22px !important
}

.mb-23 {
     -webkit-margin-after: 23px !important;
     margin-block-end: 23px !important
}

.mb-24 {
     -webkit-margin-after: 24px !important;
     margin-block-end: 24px !important
}

.mb-25 {
     -webkit-margin-after: 25px !important;
     margin-block-end: 25px !important
}

.mb-26 {
     -webkit-margin-after: 26px !important;
     margin-block-end: 26px !important
}

.mb-27 {
     -webkit-margin-after: 27px !important;
     margin-block-end: 27px !important
}

.mb-28 {
     -webkit-margin-after: 28px !important;
     margin-block-end: 28px !important
}

.mb-29 {
     -webkit-margin-after: 29px !important;
     margin-block-end: 29px !important
}

.mb-30 {
     -webkit-margin-after: 30px !important;
     margin-block-end: 30px !important
}

.mb-31 {
     -webkit-margin-after: 31px !important;
     margin-block-end: 31px !important
}

.mb-32 {
     -webkit-margin-after: 32px !important;
     margin-block-end: 32px !important
}

.mb-33 {
     -webkit-margin-after: 33px !important;
     margin-block-end: 33px !important
}

.mb-34 {
     -webkit-margin-after: 34px !important;
     margin-block-end: 34px !important
}

.mb-35 {
     -webkit-margin-after: 35px !important;
     margin-block-end: 35px !important
}

.mb-36 {
     -webkit-margin-after: 36px !important;
     margin-block-end: 36px !important
}

.mb-37 {
     -webkit-margin-after: 37px !important;
     margin-block-end: 37px !important
}

.mb-38 {
     -webkit-margin-after: 38px !important;
     margin-block-end: 38px !important
}

.mb-39 {
     -webkit-margin-after: 39px !important;
     margin-block-end: 39px !important
}

.mb-40 {
     -webkit-margin-after: 40px !important;
     margin-block-end: 40px !important
}

.mb-41 {
     -webkit-margin-after: 41px !important;
     margin-block-end: 41px !important
}

.mb-42 {
     -webkit-margin-after: 42px !important;
     margin-block-end: 42px !important
}

.mb-43 {
     -webkit-margin-after: 43px !important;
     margin-block-end: 43px !important
}

.mb-44 {
     -webkit-margin-after: 44px !important;
     margin-block-end: 44px !important
}

.mb-45 {
     -webkit-margin-after: 45px !important;
     margin-block-end: 45px !important
}

.mb-46 {
     -webkit-margin-after: 46px !important;
     margin-block-end: 46px !important
}

.mb-47 {
     -webkit-margin-after: 47px !important;
     margin-block-end: 47px !important
}

.mb-48 {
     -webkit-margin-after: 48px !important;
     margin-block-end: 48px !important
}

.mb-49 {
     -webkit-margin-after: 49px !important;
     margin-block-end: 49px !important
}

.mb-50 {
     -webkit-margin-after: 50px !important;
     margin-block-end: 50px !important
}

.mb-51 {
     -webkit-margin-after: 51px !important;
     margin-block-end: 51px !important
}

.mb-52 {
     -webkit-margin-after: 52px !important;
     margin-block-end: 52px !important
}

.mb-53 {
     -webkit-margin-after: 53px !important;
     margin-block-end: 53px !important
}

.mb-54 {
     -webkit-margin-after: 54px !important;
     margin-block-end: 54px !important
}

.mb-55 {
     -webkit-margin-after: 55px !important;
     margin-block-end: 55px !important
}

.mb-56 {
     -webkit-margin-after: 56px !important;
     margin-block-end: 56px !important
}

.mb-57 {
     -webkit-margin-after: 57px !important;
     margin-block-end: 57px !important
}

.mb-58 {
     -webkit-margin-after: 58px !important;
     margin-block-end: 58px !important
}

.mb-59 {
     -webkit-margin-after: 59px !important;
     margin-block-end: 59px !important
}

.mb-60 {
     -webkit-margin-after: 60px !important;
     margin-block-end: 60px !important
}

.mb-61 {
     -webkit-margin-after: 61px !important;
     margin-block-end: 61px !important
}

.mb-62 {
     -webkit-margin-after: 62px !important;
     margin-block-end: 62px !important
}

.mb-63 {
     -webkit-margin-after: 63px !important;
     margin-block-end: 63px !important
}

.mb-64 {
     -webkit-margin-after: 64px !important;
     margin-block-end: 64px !important
}

.mb-65 {
     -webkit-margin-after: 65px !important;
     margin-block-end: 65px !important
}

.mb-66 {
     -webkit-margin-after: 66px !important;
     margin-block-end: 66px !important
}

.mb-67 {
     -webkit-margin-after: 67px !important;
     margin-block-end: 67px !important
}

.mb-68 {
     -webkit-margin-after: 68px !important;
     margin-block-end: 68px !important
}

.mb-69 {
     -webkit-margin-after: 69px !important;
     margin-block-end: 69px !important
}

.mb-70 {
     -webkit-margin-after: 70px !important;
     margin-block-end: 70px !important
}

.mb-71 {
     -webkit-margin-after: 71px !important;
     margin-block-end: 71px !important
}

.mb-72 {
     -webkit-margin-after: 72px !important;
     margin-block-end: 72px !important
}

.mb-73 {
     -webkit-margin-after: 73px !important;
     margin-block-end: 73px !important
}

.mb-74 {
     -webkit-margin-after: 74px !important;
     margin-block-end: 74px !important
}

.mb-75 {
     -webkit-margin-after: 75px !important;
     margin-block-end: 75px !important
}

.mb-76 {
     -webkit-margin-after: 76px !important;
     margin-block-end: 76px !important
}

.mb-77 {
     -webkit-margin-after: 77px !important;
     margin-block-end: 77px !important
}

.mb-78 {
     -webkit-margin-after: 78px !important;
     margin-block-end: 78px !important
}

.mb-79 {
     -webkit-margin-after: 79px !important;
     margin-block-end: 79px !important
}

.mb-80 {
     -webkit-margin-after: 80px !important;
     margin-block-end: 80px !important
}

.mb-81 {
     -webkit-margin-after: 81px !important;
     margin-block-end: 81px !important
}

.mb-82 {
     -webkit-margin-after: 82px !important;
     margin-block-end: 82px !important
}

.mb-83 {
     -webkit-margin-after: 83px !important;
     margin-block-end: 83px !important
}

.mb-84 {
     -webkit-margin-after: 84px !important;
     margin-block-end: 84px !important
}

.mb-85 {
     -webkit-margin-after: 85px !important;
     margin-block-end: 85px !important
}

.mb-86 {
     -webkit-margin-after: 86px !important;
     margin-block-end: 86px !important
}

.mb-87 {
     -webkit-margin-after: 87px !important;
     margin-block-end: 87px !important
}

.mb-88 {
     -webkit-margin-after: 88px !important;
     margin-block-end: 88px !important
}

.mb-89 {
     -webkit-margin-after: 89px !important;
     margin-block-end: 89px !important
}

.mb-90 {
     -webkit-margin-after: 90px !important;
     margin-block-end: 90px !important
}

.mb-91 {
     -webkit-margin-after: 91px !important;
     margin-block-end: 91px !important
}

.mb-92 {
     -webkit-margin-after: 92px !important;
     margin-block-end: 92px !important
}

.mb-93 {
     -webkit-margin-after: 93px !important;
     margin-block-end: 93px !important
}

.mb-94 {
     -webkit-margin-after: 94px !important;
     margin-block-end: 94px !important
}

.mb-95 {
     -webkit-margin-after: 95px !important;
     margin-block-end: 95px !important
}

.mb-96 {
     -webkit-margin-after: 96px !important;
     margin-block-end: 96px !important
}

.mb-97 {
     -webkit-margin-after: 97px !important;
     margin-block-end: 97px !important
}

.mb-98 {
     -webkit-margin-after: 98px !important;
     margin-block-end: 98px !important
}

.mb-99 {
     -webkit-margin-after: 99px !important;
     margin-block-end: 99px !important
}

.mb-100 {
     -webkit-margin-after: 100px !important;
     margin-block-end: 100px !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.my-1 {
     -webkit-margin-before: 1px !important;
     margin-block-start: 1px !important;
     -webkit-margin-after: 1px !important;
     margin-block-end: 1px !important
}

.my-2 {
     -webkit-margin-before: 2px !important;
     margin-block-start: 2px !important;
     -webkit-margin-after: 2px !important;
     margin-block-end: 2px !important
}

.my-3 {
     -webkit-margin-before: 3px !important;
     margin-block-start: 3px !important;
     -webkit-margin-after: 3px !important;
     margin-block-end: 3px !important
}

.my-4 {
     -webkit-margin-before: 4px !important;
     margin-block-start: 4px !important;
     -webkit-margin-after: 4px !important;
     margin-block-end: 4px !important
}

.my-5 {
     -webkit-margin-before: 5px !important;
     margin-block-start: 5px !important;
     -webkit-margin-after: 5px !important;
     margin-block-end: 5px !important
}

.my-6 {
     -webkit-margin-before: 6px !important;
     margin-block-start: 6px !important;
     -webkit-margin-after: 6px !important;
     margin-block-end: 6px !important
}

.my-7 {
     -webkit-margin-before: 7px !important;
     margin-block-start: 7px !important;
     -webkit-margin-after: 7px !important;
     margin-block-end: 7px !important
}

.my-8 {
     -webkit-margin-before: 8px !important;
     margin-block-start: 8px !important;
     -webkit-margin-after: 8px !important;
     margin-block-end: 8px !important
}

.my-9 {
     -webkit-margin-before: 9px !important;
     margin-block-start: 9px !important;
     -webkit-margin-after: 9px !important;
     margin-block-end: 9px !important
}

.my-10 {
     -webkit-margin-before: 10px !important;
     margin-block-start: 10px !important;
     -webkit-margin-after: 10px !important;
     margin-block-end: 10px !important
}

.my-11 {
     -webkit-margin-before: 11px !important;
     margin-block-start: 11px !important;
     -webkit-margin-after: 11px !important;
     margin-block-end: 11px !important
}

.my-12 {
     -webkit-margin-before: 12px !important;
     margin-block-start: 12px !important;
     -webkit-margin-after: 12px !important;
     margin-block-end: 12px !important
}

.my-13 {
     -webkit-margin-before: 13px !important;
     margin-block-start: 13px !important;
     -webkit-margin-after: 13px !important;
     margin-block-end: 13px !important
}

.my-14 {
     -webkit-margin-before: 14px !important;
     margin-block-start: 14px !important;
     -webkit-margin-after: 14px !important;
     margin-block-end: 14px !important
}

.my-15 {
     -webkit-margin-before: 15px !important;
     margin-block-start: 15px !important;
     -webkit-margin-after: 15px !important;
     margin-block-end: 15px !important
}

.my-16 {
     -webkit-margin-before: 16px !important;
     margin-block-start: 16px !important;
     -webkit-margin-after: 16px !important;
     margin-block-end: 16px !important
}

.my-17 {
     -webkit-margin-before: 17px !important;
     margin-block-start: 17px !important;
     -webkit-margin-after: 17px !important;
     margin-block-end: 17px !important
}

.my-18 {
     -webkit-margin-before: 18px !important;
     margin-block-start: 18px !important;
     -webkit-margin-after: 18px !important;
     margin-block-end: 18px !important
}

.my-19 {
     -webkit-margin-before: 19px !important;
     margin-block-start: 19px !important;
     -webkit-margin-after: 19px !important;
     margin-block-end: 19px !important
}

.my-20 {
     -webkit-margin-before: 20px !important;
     margin-block-start: 20px !important;
     -webkit-margin-after: 20px !important;
     margin-block-end: 20px !important
}

.my-21 {
     -webkit-margin-before: 21px !important;
     margin-block-start: 21px !important;
     -webkit-margin-after: 21px !important;
     margin-block-end: 21px !important
}

.my-22 {
     -webkit-margin-before: 22px !important;
     margin-block-start: 22px !important;
     -webkit-margin-after: 22px !important;
     margin-block-end: 22px !important
}

.my-23 {
     -webkit-margin-before: 23px !important;
     margin-block-start: 23px !important;
     -webkit-margin-after: 23px !important;
     margin-block-end: 23px !important
}

.my-24 {
     -webkit-margin-before: 24px !important;
     margin-block-start: 24px !important;
     -webkit-margin-after: 24px !important;
     margin-block-end: 24px !important
}

.my-25 {
     -webkit-margin-before: 25px !important;
     margin-block-start: 25px !important;
     -webkit-margin-after: 25px !important;
     margin-block-end: 25px !important
}

.my-26 {
     -webkit-margin-before: 26px !important;
     margin-block-start: 26px !important;
     -webkit-margin-after: 26px !important;
     margin-block-end: 26px !important
}

.my-27 {
     -webkit-margin-before: 27px !important;
     margin-block-start: 27px !important;
     -webkit-margin-after: 27px !important;
     margin-block-end: 27px !important
}

.my-28 {
     -webkit-margin-before: 28px !important;
     margin-block-start: 28px !important;
     -webkit-margin-after: 28px !important;
     margin-block-end: 28px !important
}

.my-29 {
     -webkit-margin-before: 29px !important;
     margin-block-start: 29px !important;
     -webkit-margin-after: 29px !important;
     margin-block-end: 29px !important
}

.my-30 {
     -webkit-margin-before: 30px !important;
     margin-block-start: 30px !important;
     -webkit-margin-after: 30px !important;
     margin-block-end: 30px !important
}

.my-31 {
     -webkit-margin-before: 31px !important;
     margin-block-start: 31px !important;
     -webkit-margin-after: 31px !important;
     margin-block-end: 31px !important
}

.my-32 {
     -webkit-margin-before: 32px !important;
     margin-block-start: 32px !important;
     -webkit-margin-after: 32px !important;
     margin-block-end: 32px !important
}

.my-33 {
     -webkit-margin-before: 33px !important;
     margin-block-start: 33px !important;
     -webkit-margin-after: 33px !important;
     margin-block-end: 33px !important
}

.my-34 {
     -webkit-margin-before: 34px !important;
     margin-block-start: 34px !important;
     -webkit-margin-after: 34px !important;
     margin-block-end: 34px !important
}

.my-35 {
     -webkit-margin-before: 35px !important;
     margin-block-start: 35px !important;
     -webkit-margin-after: 35px !important;
     margin-block-end: 35px !important
}

.my-36 {
     -webkit-margin-before: 36px !important;
     margin-block-start: 36px !important;
     -webkit-margin-after: 36px !important;
     margin-block-end: 36px !important
}

.my-37 {
     -webkit-margin-before: 37px !important;
     margin-block-start: 37px !important;
     -webkit-margin-after: 37px !important;
     margin-block-end: 37px !important
}

.my-38 {
     -webkit-margin-before: 38px !important;
     margin-block-start: 38px !important;
     -webkit-margin-after: 38px !important;
     margin-block-end: 38px !important
}

.my-39 {
     -webkit-margin-before: 39px !important;
     margin-block-start: 39px !important;
     -webkit-margin-after: 39px !important;
     margin-block-end: 39px !important
}

.my-40 {
     -webkit-margin-before: 40px !important;
     margin-block-start: 40px !important;
     -webkit-margin-after: 40px !important;
     margin-block-end: 40px !important
}

.my-41 {
     -webkit-margin-before: 41px !important;
     margin-block-start: 41px !important;
     -webkit-margin-after: 41px !important;
     margin-block-end: 41px !important
}

.my-42 {
     -webkit-margin-before: 42px !important;
     margin-block-start: 42px !important;
     -webkit-margin-after: 42px !important;
     margin-block-end: 42px !important
}

.my-43 {
     -webkit-margin-before: 43px !important;
     margin-block-start: 43px !important;
     -webkit-margin-after: 43px !important;
     margin-block-end: 43px !important
}

.my-44 {
     -webkit-margin-before: 44px !important;
     margin-block-start: 44px !important;
     -webkit-margin-after: 44px !important;
     margin-block-end: 44px !important
}

.my-45 {
     -webkit-margin-before: 45px !important;
     margin-block-start: 45px !important;
     -webkit-margin-after: 45px !important;
     margin-block-end: 45px !important
}

.my-46 {
     -webkit-margin-before: 46px !important;
     margin-block-start: 46px !important;
     -webkit-margin-after: 46px !important;
     margin-block-end: 46px !important
}

.my-47 {
     -webkit-margin-before: 47px !important;
     margin-block-start: 47px !important;
     -webkit-margin-after: 47px !important;
     margin-block-end: 47px !important
}

.my-48 {
     -webkit-margin-before: 48px !important;
     margin-block-start: 48px !important;
     -webkit-margin-after: 48px !important;
     margin-block-end: 48px !important
}

.my-49 {
     -webkit-margin-before: 49px !important;
     margin-block-start: 49px !important;
     -webkit-margin-after: 49px !important;
     margin-block-end: 49px !important
}

.my-50 {
     -webkit-margin-before: 50px !important;
     margin-block-start: 50px !important;
     -webkit-margin-after: 50px !important;
     margin-block-end: 50px !important
}

.my-51 {
     -webkit-margin-before: 51px !important;
     margin-block-start: 51px !important;
     -webkit-margin-after: 51px !important;
     margin-block-end: 51px !important
}

.my-52 {
     -webkit-margin-before: 52px !important;
     margin-block-start: 52px !important;
     -webkit-margin-after: 52px !important;
     margin-block-end: 52px !important
}

.my-53 {
     -webkit-margin-before: 53px !important;
     margin-block-start: 53px !important;
     -webkit-margin-after: 53px !important;
     margin-block-end: 53px !important
}

.my-54 {
     -webkit-margin-before: 54px !important;
     margin-block-start: 54px !important;
     -webkit-margin-after: 54px !important;
     margin-block-end: 54px !important
}

.my-55 {
     -webkit-margin-before: 55px !important;
     margin-block-start: 55px !important;
     -webkit-margin-after: 55px !important;
     margin-block-end: 55px !important
}

.my-56 {
     -webkit-margin-before: 56px !important;
     margin-block-start: 56px !important;
     -webkit-margin-after: 56px !important;
     margin-block-end: 56px !important
}

.my-57 {
     -webkit-margin-before: 57px !important;
     margin-block-start: 57px !important;
     -webkit-margin-after: 57px !important;
     margin-block-end: 57px !important
}

.my-58 {
     -webkit-margin-before: 58px !important;
     margin-block-start: 58px !important;
     -webkit-margin-after: 58px !important;
     margin-block-end: 58px !important
}

.my-59 {
     -webkit-margin-before: 59px !important;
     margin-block-start: 59px !important;
     -webkit-margin-after: 59px !important;
     margin-block-end: 59px !important
}

.my-60 {
     -webkit-margin-before: 60px !important;
     margin-block-start: 60px !important;
     -webkit-margin-after: 60px !important;
     margin-block-end: 60px !important
}

.my-61 {
     -webkit-margin-before: 61px !important;
     margin-block-start: 61px !important;
     -webkit-margin-after: 61px !important;
     margin-block-end: 61px !important
}

.my-62 {
     -webkit-margin-before: 62px !important;
     margin-block-start: 62px !important;
     -webkit-margin-after: 62px !important;
     margin-block-end: 62px !important
}

.my-63 {
     -webkit-margin-before: 63px !important;
     margin-block-start: 63px !important;
     -webkit-margin-after: 63px !important;
     margin-block-end: 63px !important
}

.my-64 {
     -webkit-margin-before: 64px !important;
     margin-block-start: 64px !important;
     -webkit-margin-after: 64px !important;
     margin-block-end: 64px !important
}

.my-65 {
     -webkit-margin-before: 65px !important;
     margin-block-start: 65px !important;
     -webkit-margin-after: 65px !important;
     margin-block-end: 65px !important
}

.my-66 {
     -webkit-margin-before: 66px !important;
     margin-block-start: 66px !important;
     -webkit-margin-after: 66px !important;
     margin-block-end: 66px !important
}

.my-67 {
     -webkit-margin-before: 67px !important;
     margin-block-start: 67px !important;
     -webkit-margin-after: 67px !important;
     margin-block-end: 67px !important
}

.my-68 {
     -webkit-margin-before: 68px !important;
     margin-block-start: 68px !important;
     -webkit-margin-after: 68px !important;
     margin-block-end: 68px !important
}

.my-69 {
     -webkit-margin-before: 69px !important;
     margin-block-start: 69px !important;
     -webkit-margin-after: 69px !important;
     margin-block-end: 69px !important
}

.my-70 {
     -webkit-margin-before: 70px !important;
     margin-block-start: 70px !important;
     -webkit-margin-after: 70px !important;
     margin-block-end: 70px !important
}

.my-71 {
     -webkit-margin-before: 71px !important;
     margin-block-start: 71px !important;
     -webkit-margin-after: 71px !important;
     margin-block-end: 71px !important
}

.my-72 {
     -webkit-margin-before: 72px !important;
     margin-block-start: 72px !important;
     -webkit-margin-after: 72px !important;
     margin-block-end: 72px !important
}

.my-73 {
     -webkit-margin-before: 73px !important;
     margin-block-start: 73px !important;
     -webkit-margin-after: 73px !important;
     margin-block-end: 73px !important
}

.my-74 {
     -webkit-margin-before: 74px !important;
     margin-block-start: 74px !important;
     -webkit-margin-after: 74px !important;
     margin-block-end: 74px !important
}

.my-75 {
     -webkit-margin-before: 75px !important;
     margin-block-start: 75px !important;
     -webkit-margin-after: 75px !important;
     margin-block-end: 75px !important
}

.my-76 {
     -webkit-margin-before: 76px !important;
     margin-block-start: 76px !important;
     -webkit-margin-after: 76px !important;
     margin-block-end: 76px !important
}

.my-77 {
     -webkit-margin-before: 77px !important;
     margin-block-start: 77px !important;
     -webkit-margin-after: 77px !important;
     margin-block-end: 77px !important
}

.my-78 {
     -webkit-margin-before: 78px !important;
     margin-block-start: 78px !important;
     -webkit-margin-after: 78px !important;
     margin-block-end: 78px !important
}

.my-79 {
     -webkit-margin-before: 79px !important;
     margin-block-start: 79px !important;
     -webkit-margin-after: 79px !important;
     margin-block-end: 79px !important
}

.my-80 {
     -webkit-margin-before: 80px !important;
     margin-block-start: 80px !important;
     -webkit-margin-after: 80px !important;
     margin-block-end: 80px !important
}

.my-81 {
     -webkit-margin-before: 81px !important;
     margin-block-start: 81px !important;
     -webkit-margin-after: 81px !important;
     margin-block-end: 81px !important
}

.my-82 {
     -webkit-margin-before: 82px !important;
     margin-block-start: 82px !important;
     -webkit-margin-after: 82px !important;
     margin-block-end: 82px !important
}

.my-83 {
     -webkit-margin-before: 83px !important;
     margin-block-start: 83px !important;
     -webkit-margin-after: 83px !important;
     margin-block-end: 83px !important
}

.my-84 {
     -webkit-margin-before: 84px !important;
     margin-block-start: 84px !important;
     -webkit-margin-after: 84px !important;
     margin-block-end: 84px !important
}

.my-85 {
     -webkit-margin-before: 85px !important;
     margin-block-start: 85px !important;
     -webkit-margin-after: 85px !important;
     margin-block-end: 85px !important
}

.my-86 {
     -webkit-margin-before: 86px !important;
     margin-block-start: 86px !important;
     -webkit-margin-after: 86px !important;
     margin-block-end: 86px !important
}

.my-87 {
     -webkit-margin-before: 87px !important;
     margin-block-start: 87px !important;
     -webkit-margin-after: 87px !important;
     margin-block-end: 87px !important
}

.my-88 {
     -webkit-margin-before: 88px !important;
     margin-block-start: 88px !important;
     -webkit-margin-after: 88px !important;
     margin-block-end: 88px !important
}

.my-89 {
     -webkit-margin-before: 89px !important;
     margin-block-start: 89px !important;
     -webkit-margin-after: 89px !important;
     margin-block-end: 89px !important
}

.my-90 {
     -webkit-margin-before: 90px !important;
     margin-block-start: 90px !important;
     -webkit-margin-after: 90px !important;
     margin-block-end: 90px !important
}

.my-91 {
     -webkit-margin-before: 91px !important;
     margin-block-start: 91px !important;
     -webkit-margin-after: 91px !important;
     margin-block-end: 91px !important
}

.my-92 {
     -webkit-margin-before: 92px !important;
     margin-block-start: 92px !important;
     -webkit-margin-after: 92px !important;
     margin-block-end: 92px !important
}

.my-93 {
     -webkit-margin-before: 93px !important;
     margin-block-start: 93px !important;
     -webkit-margin-after: 93px !important;
     margin-block-end: 93px !important
}

.my-94 {
     -webkit-margin-before: 94px !important;
     margin-block-start: 94px !important;
     -webkit-margin-after: 94px !important;
     margin-block-end: 94px !important
}

.my-95 {
     -webkit-margin-before: 95px !important;
     margin-block-start: 95px !important;
     -webkit-margin-after: 95px !important;
     margin-block-end: 95px !important
}

.my-96 {
     -webkit-margin-before: 96px !important;
     margin-block-start: 96px !important;
     -webkit-margin-after: 96px !important;
     margin-block-end: 96px !important
}

.my-97 {
     -webkit-margin-before: 97px !important;
     margin-block-start: 97px !important;
     -webkit-margin-after: 97px !important;
     margin-block-end: 97px !important
}

.my-98 {
     -webkit-margin-before: 98px !important;
     margin-block-start: 98px !important;
     -webkit-margin-after: 98px !important;
     margin-block-end: 98px !important
}

.my-99 {
     -webkit-margin-before: 99px !important;
     margin-block-start: 99px !important;
     -webkit-margin-after: 99px !important;
     margin-block-end: 99px !important
}

.my-100 {
     -webkit-margin-before: 100px !important;
     margin-block-start: 100px !important;
     -webkit-margin-after: 100px !important;
     margin-block-end: 100px !important
}

.mx-1 {
     -webkit-margin-start: 1px !important;
     margin-inline-start: 1px !important;
     -webkit-margin-end: 1px !important;
     margin-inline-end: 1px !important
}

.mx-2 {
     -webkit-margin-start: 2px !important;
     margin-inline-start: 2px !important;
     -webkit-margin-end: 2px !important;
     margin-inline-end: 2px !important
}

.mx-3 {
     -webkit-margin-start: 3px !important;
     margin-inline-start: 3px !important;
     -webkit-margin-end: 3px !important;
     margin-inline-end: 3px !important
}

.mx-4 {
     -webkit-margin-start: 4px !important;
     margin-inline-start: 4px !important;
     -webkit-margin-end: 4px !important;
     margin-inline-end: 4px !important
}

.mx-5 {
     -webkit-margin-start: 5px !important;
     margin-inline-start: 5px !important;
     -webkit-margin-end: 5px !important;
     margin-inline-end: 5px !important
}

.mx-6 {
     -webkit-margin-start: 6px !important;
     margin-inline-start: 6px !important;
     -webkit-margin-end: 6px !important;
     margin-inline-end: 6px !important
}

.mx-7 {
     -webkit-margin-start: 7px !important;
     margin-inline-start: 7px !important;
     -webkit-margin-end: 7px !important;
     margin-inline-end: 7px !important
}

.mx-8 {
     -webkit-margin-start: 8px !important;
     margin-inline-start: 8px !important;
     -webkit-margin-end: 8px !important;
     margin-inline-end: 8px !important
}

.mx-9 {
     -webkit-margin-start: 9px !important;
     margin-inline-start: 9px !important;
     -webkit-margin-end: 9px !important;
     margin-inline-end: 9px !important
}

.mx-10 {
     -webkit-margin-start: 10px !important;
     margin-inline-start: 10px !important;
     -webkit-margin-end: 10px !important;
     margin-inline-end: 10px !important
}

.mx-11 {
     -webkit-margin-start: 11px !important;
     margin-inline-start: 11px !important;
     -webkit-margin-end: 11px !important;
     margin-inline-end: 11px !important
}

.mx-12 {
     -webkit-margin-start: 12px !important;
     margin-inline-start: 12px !important;
     -webkit-margin-end: 12px !important;
     margin-inline-end: 12px !important
}

.mx-13 {
     -webkit-margin-start: 13px !important;
     margin-inline-start: 13px !important;
     -webkit-margin-end: 13px !important;
     margin-inline-end: 13px !important
}

.mx-14 {
     -webkit-margin-start: 14px !important;
     margin-inline-start: 14px !important;
     -webkit-margin-end: 14px !important;
     margin-inline-end: 14px !important
}

.mx-15 {
     -webkit-margin-start: 15px !important;
     margin-inline-start: 15px !important;
     -webkit-margin-end: 15px !important;
     margin-inline-end: 15px !important
}

.mx-16 {
     -webkit-margin-start: 16px !important;
     margin-inline-start: 16px !important;
     -webkit-margin-end: 16px !important;
     margin-inline-end: 16px !important
}

.mx-17 {
     -webkit-margin-start: 17px !important;
     margin-inline-start: 17px !important;
     -webkit-margin-end: 17px !important;
     margin-inline-end: 17px !important
}

.mx-18 {
     -webkit-margin-start: 18px !important;
     margin-inline-start: 18px !important;
     -webkit-margin-end: 18px !important;
     margin-inline-end: 18px !important
}

.mx-19 {
     -webkit-margin-start: 19px !important;
     margin-inline-start: 19px !important;
     -webkit-margin-end: 19px !important;
     margin-inline-end: 19px !important
}

.mx-20 {
     -webkit-margin-start: 20px !important;
     margin-inline-start: 20px !important;
     -webkit-margin-end: 20px !important;
     margin-inline-end: 20px !important
}

.mx-21 {
     -webkit-margin-start: 21px !important;
     margin-inline-start: 21px !important;
     -webkit-margin-end: 21px !important;
     margin-inline-end: 21px !important
}

.mx-22 {
     -webkit-margin-start: 22px !important;
     margin-inline-start: 22px !important;
     -webkit-margin-end: 22px !important;
     margin-inline-end: 22px !important
}

.mx-23 {
     -webkit-margin-start: 23px !important;
     margin-inline-start: 23px !important;
     -webkit-margin-end: 23px !important;
     margin-inline-end: 23px !important
}

.mx-24 {
     -webkit-margin-start: 24px !important;
     margin-inline-start: 24px !important;
     -webkit-margin-end: 24px !important;
     margin-inline-end: 24px !important
}

.mx-25 {
     -webkit-margin-start: 25px !important;
     margin-inline-start: 25px !important;
     -webkit-margin-end: 25px !important;
     margin-inline-end: 25px !important
}

.mx-26 {
     -webkit-margin-start: 26px !important;
     margin-inline-start: 26px !important;
     -webkit-margin-end: 26px !important;
     margin-inline-end: 26px !important
}

.mx-27 {
     -webkit-margin-start: 27px !important;
     margin-inline-start: 27px !important;
     -webkit-margin-end: 27px !important;
     margin-inline-end: 27px !important
}

.mx-28 {
     -webkit-margin-start: 28px !important;
     margin-inline-start: 28px !important;
     -webkit-margin-end: 28px !important;
     margin-inline-end: 28px !important
}

.mx-29 {
     -webkit-margin-start: 29px !important;
     margin-inline-start: 29px !important;
     -webkit-margin-end: 29px !important;
     margin-inline-end: 29px !important
}

.mx-30 {
     -webkit-margin-start: 30px !important;
     margin-inline-start: 30px !important;
     -webkit-margin-end: 30px !important;
     margin-inline-end: 30px !important
}

.mx-31 {
     -webkit-margin-start: 31px !important;
     margin-inline-start: 31px !important;
     -webkit-margin-end: 31px !important;
     margin-inline-end: 31px !important
}

.mx-32 {
     -webkit-margin-start: 32px !important;
     margin-inline-start: 32px !important;
     -webkit-margin-end: 32px !important;
     margin-inline-end: 32px !important
}

.mx-33 {
     -webkit-margin-start: 33px !important;
     margin-inline-start: 33px !important;
     -webkit-margin-end: 33px !important;
     margin-inline-end: 33px !important
}

.mx-34 {
     -webkit-margin-start: 34px !important;
     margin-inline-start: 34px !important;
     -webkit-margin-end: 34px !important;
     margin-inline-end: 34px !important
}

.mx-35 {
     -webkit-margin-start: 35px !important;
     margin-inline-start: 35px !important;
     -webkit-margin-end: 35px !important;
     margin-inline-end: 35px !important
}

.mx-36 {
     -webkit-margin-start: 36px !important;
     margin-inline-start: 36px !important;
     -webkit-margin-end: 36px !important;
     margin-inline-end: 36px !important
}

.mx-37 {
     -webkit-margin-start: 37px !important;
     margin-inline-start: 37px !important;
     -webkit-margin-end: 37px !important;
     margin-inline-end: 37px !important
}

.mx-38 {
     -webkit-margin-start: 38px !important;
     margin-inline-start: 38px !important;
     -webkit-margin-end: 38px !important;
     margin-inline-end: 38px !important
}

.mx-39 {
     -webkit-margin-start: 39px !important;
     margin-inline-start: 39px !important;
     -webkit-margin-end: 39px !important;
     margin-inline-end: 39px !important
}

.mx-40 {
     -webkit-margin-start: 40px !important;
     margin-inline-start: 40px !important;
     -webkit-margin-end: 40px !important;
     margin-inline-end: 40px !important
}

.mx-41 {
     -webkit-margin-start: 41px !important;
     margin-inline-start: 41px !important;
     -webkit-margin-end: 41px !important;
     margin-inline-end: 41px !important
}

.mx-42 {
     -webkit-margin-start: 42px !important;
     margin-inline-start: 42px !important;
     -webkit-margin-end: 42px !important;
     margin-inline-end: 42px !important
}

.mx-43 {
     -webkit-margin-start: 43px !important;
     margin-inline-start: 43px !important;
     -webkit-margin-end: 43px !important;
     margin-inline-end: 43px !important
}

.mx-44 {
     -webkit-margin-start: 44px !important;
     margin-inline-start: 44px !important;
     -webkit-margin-end: 44px !important;
     margin-inline-end: 44px !important
}

.mx-45 {
     -webkit-margin-start: 45px !important;
     margin-inline-start: 45px !important;
     -webkit-margin-end: 45px !important;
     margin-inline-end: 45px !important
}

.mx-46 {
     -webkit-margin-start: 46px !important;
     margin-inline-start: 46px !important;
     -webkit-margin-end: 46px !important;
     margin-inline-end: 46px !important
}

.mx-47 {
     -webkit-margin-start: 47px !important;
     margin-inline-start: 47px !important;
     -webkit-margin-end: 47px !important;
     margin-inline-end: 47px !important
}

.mx-48 {
     -webkit-margin-start: 48px !important;
     margin-inline-start: 48px !important;
     -webkit-margin-end: 48px !important;
     margin-inline-end: 48px !important
}

.mx-49 {
     -webkit-margin-start: 49px !important;
     margin-inline-start: 49px !important;
     -webkit-margin-end: 49px !important;
     margin-inline-end: 49px !important
}

.mx-50 {
     -webkit-margin-start: 50px !important;
     margin-inline-start: 50px !important;
     -webkit-margin-end: 50px !important;
     margin-inline-end: 50px !important
}

.mx-51 {
     -webkit-margin-start: 51px !important;
     margin-inline-start: 51px !important;
     -webkit-margin-end: 51px !important;
     margin-inline-end: 51px !important
}

.mx-52 {
     -webkit-margin-start: 52px !important;
     margin-inline-start: 52px !important;
     -webkit-margin-end: 52px !important;
     margin-inline-end: 52px !important
}

.mx-53 {
     -webkit-margin-start: 53px !important;
     margin-inline-start: 53px !important;
     -webkit-margin-end: 53px !important;
     margin-inline-end: 53px !important
}

.mx-54 {
     -webkit-margin-start: 54px !important;
     margin-inline-start: 54px !important;
     -webkit-margin-end: 54px !important;
     margin-inline-end: 54px !important
}

.mx-55 {
     -webkit-margin-start: 55px !important;
     margin-inline-start: 55px !important;
     -webkit-margin-end: 55px !important;
     margin-inline-end: 55px !important
}

.mx-56 {
     -webkit-margin-start: 56px !important;
     margin-inline-start: 56px !important;
     -webkit-margin-end: 56px !important;
     margin-inline-end: 56px !important
}

.mx-57 {
     -webkit-margin-start: 57px !important;
     margin-inline-start: 57px !important;
     -webkit-margin-end: 57px !important;
     margin-inline-end: 57px !important
}

.mx-58 {
     -webkit-margin-start: 58px !important;
     margin-inline-start: 58px !important;
     -webkit-margin-end: 58px !important;
     margin-inline-end: 58px !important
}

.mx-59 {
     -webkit-margin-start: 59px !important;
     margin-inline-start: 59px !important;
     -webkit-margin-end: 59px !important;
     margin-inline-end: 59px !important
}

.mx-60 {
     -webkit-margin-start: 60px !important;
     margin-inline-start: 60px !important;
     -webkit-margin-end: 60px !important;
     margin-inline-end: 60px !important
}

.mx-61 {
     -webkit-margin-start: 61px !important;
     margin-inline-start: 61px !important;
     -webkit-margin-end: 61px !important;
     margin-inline-end: 61px !important
}

.mx-62 {
     -webkit-margin-start: 62px !important;
     margin-inline-start: 62px !important;
     -webkit-margin-end: 62px !important;
     margin-inline-end: 62px !important
}

.mx-63 {
     -webkit-margin-start: 63px !important;
     margin-inline-start: 63px !important;
     -webkit-margin-end: 63px !important;
     margin-inline-end: 63px !important
}

.mx-64 {
     -webkit-margin-start: 64px !important;
     margin-inline-start: 64px !important;
     -webkit-margin-end: 64px !important;
     margin-inline-end: 64px !important
}

.mx-65 {
     -webkit-margin-start: 65px !important;
     margin-inline-start: 65px !important;
     -webkit-margin-end: 65px !important;
     margin-inline-end: 65px !important
}

.mx-66 {
     -webkit-margin-start: 66px !important;
     margin-inline-start: 66px !important;
     -webkit-margin-end: 66px !important;
     margin-inline-end: 66px !important
}

.mx-67 {
     -webkit-margin-start: 67px !important;
     margin-inline-start: 67px !important;
     -webkit-margin-end: 67px !important;
     margin-inline-end: 67px !important
}

.mx-68 {
     -webkit-margin-start: 68px !important;
     margin-inline-start: 68px !important;
     -webkit-margin-end: 68px !important;
     margin-inline-end: 68px !important
}

.mx-69 {
     -webkit-margin-start: 69px !important;
     margin-inline-start: 69px !important;
     -webkit-margin-end: 69px !important;
     margin-inline-end: 69px !important
}

.mx-70 {
     -webkit-margin-start: 70px !important;
     margin-inline-start: 70px !important;
     -webkit-margin-end: 70px !important;
     margin-inline-end: 70px !important
}

.mx-71 {
     -webkit-margin-start: 71px !important;
     margin-inline-start: 71px !important;
     -webkit-margin-end: 71px !important;
     margin-inline-end: 71px !important
}

.mx-72 {
     -webkit-margin-start: 72px !important;
     margin-inline-start: 72px !important;
     -webkit-margin-end: 72px !important;
     margin-inline-end: 72px !important
}

.mx-73 {
     -webkit-margin-start: 73px !important;
     margin-inline-start: 73px !important;
     -webkit-margin-end: 73px !important;
     margin-inline-end: 73px !important
}

.mx-74 {
     -webkit-margin-start: 74px !important;
     margin-inline-start: 74px !important;
     -webkit-margin-end: 74px !important;
     margin-inline-end: 74px !important
}

.mx-75 {
     -webkit-margin-start: 75px !important;
     margin-inline-start: 75px !important;
     -webkit-margin-end: 75px !important;
     margin-inline-end: 75px !important
}

.mx-76 {
     -webkit-margin-start: 76px !important;
     margin-inline-start: 76px !important;
     -webkit-margin-end: 76px !important;
     margin-inline-end: 76px !important
}

.mx-77 {
     -webkit-margin-start: 77px !important;
     margin-inline-start: 77px !important;
     -webkit-margin-end: 77px !important;
     margin-inline-end: 77px !important
}

.mx-78 {
     -webkit-margin-start: 78px !important;
     margin-inline-start: 78px !important;
     -webkit-margin-end: 78px !important;
     margin-inline-end: 78px !important
}

.mx-79 {
     -webkit-margin-start: 79px !important;
     margin-inline-start: 79px !important;
     -webkit-margin-end: 79px !important;
     margin-inline-end: 79px !important
}

.mx-80 {
     -webkit-margin-start: 80px !important;
     margin-inline-start: 80px !important;
     -webkit-margin-end: 80px !important;
     margin-inline-end: 80px !important
}

.mx-81 {
     -webkit-margin-start: 81px !important;
     margin-inline-start: 81px !important;
     -webkit-margin-end: 81px !important;
     margin-inline-end: 81px !important
}

.mx-82 {
     -webkit-margin-start: 82px !important;
     margin-inline-start: 82px !important;
     -webkit-margin-end: 82px !important;
     margin-inline-end: 82px !important
}

.mx-83 {
     -webkit-margin-start: 83px !important;
     margin-inline-start: 83px !important;
     -webkit-margin-end: 83px !important;
     margin-inline-end: 83px !important
}

.mx-84 {
     -webkit-margin-start: 84px !important;
     margin-inline-start: 84px !important;
     -webkit-margin-end: 84px !important;
     margin-inline-end: 84px !important
}

.mx-85 {
     -webkit-margin-start: 85px !important;
     margin-inline-start: 85px !important;
     -webkit-margin-end: 85px !important;
     margin-inline-end: 85px !important
}

.mx-86 {
     -webkit-margin-start: 86px !important;
     margin-inline-start: 86px !important;
     -webkit-margin-end: 86px !important;
     margin-inline-end: 86px !important
}

.mx-87 {
     -webkit-margin-start: 87px !important;
     margin-inline-start: 87px !important;
     -webkit-margin-end: 87px !important;
     margin-inline-end: 87px !important
}

.mx-88 {
     -webkit-margin-start: 88px !important;
     margin-inline-start: 88px !important;
     -webkit-margin-end: 88px !important;
     margin-inline-end: 88px !important
}

.mx-89 {
     -webkit-margin-start: 89px !important;
     margin-inline-start: 89px !important;
     -webkit-margin-end: 89px !important;
     margin-inline-end: 89px !important
}

.mx-90 {
     -webkit-margin-start: 90px !important;
     margin-inline-start: 90px !important;
     -webkit-margin-end: 90px !important;
     margin-inline-end: 90px !important
}

.mx-91 {
     -webkit-margin-start: 91px !important;
     margin-inline-start: 91px !important;
     -webkit-margin-end: 91px !important;
     margin-inline-end: 91px !important
}

.mx-92 {
     -webkit-margin-start: 92px !important;
     margin-inline-start: 92px !important;
     -webkit-margin-end: 92px !important;
     margin-inline-end: 92px !important
}

.mx-93 {
     -webkit-margin-start: 93px !important;
     margin-inline-start: 93px !important;
     -webkit-margin-end: 93px !important;
     margin-inline-end: 93px !important
}

.mx-94 {
     -webkit-margin-start: 94px !important;
     margin-inline-start: 94px !important;
     -webkit-margin-end: 94px !important;
     margin-inline-end: 94px !important
}

.mx-95 {
     -webkit-margin-start: 95px !important;
     margin-inline-start: 95px !important;
     -webkit-margin-end: 95px !important;
     margin-inline-end: 95px !important
}

.mx-96 {
     -webkit-margin-start: 96px !important;
     margin-inline-start: 96px !important;
     -webkit-margin-end: 96px !important;
     margin-inline-end: 96px !important
}

.mx-97 {
     -webkit-margin-start: 97px !important;
     margin-inline-start: 97px !important;
     -webkit-margin-end: 97px !important;
     margin-inline-end: 97px !important
}

.mx-98 {
     -webkit-margin-start: 98px !important;
     margin-inline-start: 98px !important;
     -webkit-margin-end: 98px !important;
     margin-inline-end: 98px !important
}

.mx-99 {
     -webkit-margin-start: 99px !important;
     margin-inline-start: 99px !important;
     -webkit-margin-end: 99px !important;
     margin-inline-end: 99px !important
}

.mx-100 {
     -webkit-margin-start: 100px !important;
     margin-inline-start: 100px !important;
     -webkit-margin-end: 100px !important;
     margin-inline-end: 100px !important
}

.fs-1 {
     font-size: 1px !important
}

.fs-2 {
     font-size: 2px !important
}

.fs-3 {
     font-size: 3px !important
}

.fs-4 {
     font-size: 4px !important
}

.fs-5 {
     font-size: 5px !important
}

.fs-6 {
     font-size: 6px !important
}

.fs-7 {
     font-size: 7px !important
}

.fs-8 {
     font-size: 8px !important
}

.fs-9 {
     font-size: 9px !important
}

.fs-10 {
     font-size: 10px !important
}

.fs-11 {
     font-size: 11px !important
}

.fs-12 {
     font-size: 12px !important
}

.fs-13 {
     font-size: 13px !important
}

.fs-14 {
     font-size: 14px !important
}

.fs-15 {
     font-size: 15px !important
}

.fs-16 {
     font-size: 16px !important
}

.fs-17 {
     font-size: 17px !important
}

.fs-18 {
     font-size: 18px !important
}

.fs-19 {
     font-size: 19px !important
}

.fs-20 {
     font-size: 20px !important
}

.fs-21 {
     font-size: 21px !important
}

.fs-22 {
     font-size: 22px !important
}

.fs-23 {
     font-size: 23px !important
}

.fs-24 {
     font-size: 24px !important
}

.fs-25 {
     font-size: 25px !important
}

.fs-26 {
     font-size: 26px !important
}

.fs-27 {
     font-size: 27px !important
}

.fs-28 {
     font-size: 28px !important
}

.fs-29 {
     font-size: 29px !important
}

.fs-30 {
     font-size: 30px !important
}

.fs-31 {
     font-size: 31px !important
}

.fs-32 {
     font-size: 32px !important
}

.fs-33 {
     font-size: 33px !important
}

.fs-34 {
     font-size: 34px !important
}

.fs-35 {
     font-size: 35px !important
}

.fs-36 {
     font-size: 36px !important
}

.fs-37 {
     font-size: 37px !important
}

.fs-38 {
     font-size: 38px !important
}

.fs-39 {
     font-size: 39px !important
}

.fs-40 {
     font-size: 40px !important
}

.fs-41 {
     font-size: 41px !important
}

.fs-42 {
     font-size: 42px !important
}

.fs-43 {
     font-size: 43px !important
}

.fs-44 {
     font-size: 44px !important
}

.fs-45 {
     font-size: 45px !important
}

.fs-46 {
     font-size: 46px !important
}

.fs-47 {
     font-size: 47px !important
}

.fs-48 {
     font-size: 48px !important
}

.fs-49 {
     font-size: 49px !important
}

.fs-50 {
     font-size: 50px !important
}

.fs-51 {
     font-size: 51px !important
}

.fs-52 {
     font-size: 52px !important
}

.fs-53 {
     font-size: 53px !important
}

.fs-54 {
     font-size: 54px !important
}

.fs-55 {
     font-size: 55px !important
}

.fs-56 {
     font-size: 56px !important
}

.fs-57 {
     font-size: 57px !important
}

.fs-58 {
     font-size: 58px !important
}

.fs-59 {
     font-size: 59px !important
}

.fs-60 {
     font-size: 60px !important
}

.fs-61 {
     font-size: 61px !important
}

.fs-62 {
     font-size: 62px !important
}

.fs-63 {
     font-size: 63px !important
}

.fs-64 {
     font-size: 64px !important
}

.fs-65 {
     font-size: 65px !important
}

.fs-66 {
     font-size: 66px !important
}

.fs-67 {
     font-size: 67px !important
}

.fs-68 {
     font-size: 68px !important
}

.fs-69 {
     font-size: 69px !important
}

.fs-70 {
     font-size: 70px !important
}

.fs-71 {
     font-size: 71px !important
}

.fs-72 {
     font-size: 72px !important
}

.fs-73 {
     font-size: 73px !important
}

.fs-74 {
     font-size: 74px !important
}

.fs-75 {
     font-size: 75px !important
}

.fs-76 {
     font-size: 76px !important
}

.fs-77 {
     font-size: 77px !important
}

.fs-78 {
     font-size: 78px !important
}

.fs-79 {
     font-size: 79px !important
}

.fs-80 {
     font-size: 80px !important
}

.fs-81 {
     font-size: 81px !important
}

.fs-82 {
     font-size: 82px !important
}

.fs-83 {
     font-size: 83px !important
}

.fs-84 {
     font-size: 84px !important
}

.fs-85 {
     font-size: 85px !important
}

.fs-86 {
     font-size: 86px !important
}

.fs-87 {
     font-size: 87px !important
}

.fs-88 {
     font-size: 88px !important
}

.fs-89 {
     font-size: 89px !important
}

.fs-90 {
     font-size: 90px !important
}

.fs-91 {
     font-size: 91px !important
}

.fs-92 {
     font-size: 92px !important
}

.fs-93 {
     font-size: 93px !important
}

.fs-94 {
     font-size: 94px !important
}

.fs-95 {
     font-size: 95px !important
}

.fs-96 {
     font-size: 96px !important
}

.fs-97 {
     font-size: 97px !important
}

.fs-98 {
     font-size: 98px !important
}

.fs-99 {
     font-size: 99px !important
}

.fs-100 {
     font-size: 100px !important
}

.fw-100 {
     font-weight: 100 !important
}

.fw-200 {
     font-weight: 200 !important
}

.fw-300 {
     font-weight: 300 !important
}

.fw-400 {
     font-weight: 400 !important
}

.fw-500 {
     font-weight: 500 !important
}

.fw-600 {
     font-weight: 600 !important
}

.fw-700 {
     font-weight: 700 !important
}

.fw-800 {
     font-weight: 800 !important
}

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

.w-1 {
     width: 1px !important;
     height: auto
}

.w-2 {
     width: 2px !important;
     height: auto
}

.w-3 {
     width: 3px !important;
     height: auto
}

.w-4 {
     width: 4px !important;
     height: auto
}

.w-5 {
     width: 5px !important;
     height: auto
}

.w-6 {
     width: 6px !important;
     height: auto
}

.w-7 {
     width: 7px !important;
     height: auto
}

.w-8 {
     width: 8px !important;
     height: auto
}

.w-9 {
     width: 9px !important;
     height: auto
}

.w-10 {
     width: 10px !important;
     height: auto
}

.w-11 {
     width: 11px !important;
     height: auto
}

.w-12 {
     width: 12px !important;
     height: auto
}

.w-13 {
     width: 13px !important;
     height: auto
}

.w-14 {
     width: 14px !important;
     height: auto
}

.w-15 {
     width: 15px !important;
     height: auto
}

.w-16 {
     width: 16px !important;
     height: auto
}

.w-17 {
     width: 17px !important;
     height: auto
}

.w-18 {
     width: 18px !important;
     height: auto
}

.w-19 {
     width: 19px !important;
     height: auto
}

.w-20 {
     width: 20px !important;
     height: auto
}

.w-21 {
     width: 21px !important;
     height: auto
}

.w-22 {
     width: 22px !important;
     height: auto
}

.w-23 {
     width: 23px !important;
     height: auto
}

.w-24 {
     width: 24px !important;
     height: auto
}

.w-25 {
     width: 25px !important;
     height: auto
}

.w-26 {
     width: 26px !important;
     height: auto
}

.w-27 {
     width: 27px !important;
     height: auto
}

.w-28 {
     width: 28px !important;
     height: auto
}

.w-29 {
     width: 29px !important;
     height: auto
}

.w-30 {
     width: 30px !important;
     height: auto
}

.w-31 {
     width: 31px !important;
     height: auto
}

.w-32 {
     width: 32px !important;
     height: auto
}

.w-33 {
     width: 33px !important;
     height: auto
}

.w-34 {
     width: 34px !important;
     height: auto
}

.w-35 {
     width: 35px !important;
     height: auto
}

.w-36 {
     width: 36px !important;
     height: auto
}

.w-37 {
     width: 37px !important;
     height: auto
}

.w-38 {
     width: 38px !important;
     height: auto
}

.w-39 {
     width: 39px !important;
     height: auto
}

.w-40 {
     width: 40px !important;
     height: auto
}

.w-41 {
     width: 41px !important;
     height: auto
}

.w-42 {
     width: 42px !important;
     height: auto
}

.w-43 {
     width: 43px !important;
     height: auto
}

.w-44 {
     width: 44px !important;
     height: auto
}

.w-45 {
     width: 45px !important;
     height: auto
}

.w-46 {
     width: 46px !important;
     height: auto
}

.w-47 {
     width: 47px !important;
     height: auto
}

.w-48 {
     width: 48px !important;
     height: auto
}

.w-49 {
     width: 49px !important;
     height: auto
}

.w-50 {
     width: 50px !important;
     height: auto
}

.w-51 {
     width: 51px !important;
     height: auto
}

.w-52 {
     width: 52px !important;
     height: auto
}

.w-53 {
     width: 53px !important;
     height: auto
}

.w-54 {
     width: 54px !important;
     height: auto
}

.w-55 {
     width: 55px !important;
     height: auto
}

.w-56 {
     width: 56px !important;
     height: auto
}

.w-57 {
     width: 57px !important;
     height: auto
}

.w-58 {
     width: 58px !important;
     height: auto
}

.w-59 {
     width: 59px !important;
     height: auto
}

.w-60 {
     width: 60px !important;
     height: auto
}

.w-61 {
     width: 61px !important;
     height: auto
}

.w-62 {
     width: 62px !important;
     height: auto
}

.w-63 {
     width: 63px !important;
     height: auto
}

.w-64 {
     width: 64px !important;
     height: auto
}

.w-65 {
     width: 65px !important;
     height: auto
}

.w-66 {
     width: 66px !important;
     height: auto
}

.w-67 {
     width: 67px !important;
     height: auto
}

.w-68 {
     width: 68px !important;
     height: auto
}

.w-69 {
     width: 69px !important;
     height: auto
}

.w-70 {
     width: 70px !important;
     height: auto
}

.w-71 {
     width: 71px !important;
     height: auto
}

.w-72 {
     width: 72px !important;
     height: auto
}

.w-73 {
     width: 73px !important;
     height: auto
}

.w-74 {
     width: 74px !important;
     height: auto
}

.w-75 {
     width: 75px !important;
     height: auto
}

.w-76 {
     width: 76px !important;
     height: auto
}

.w-77 {
     width: 77px !important;
     height: auto
}

.w-78 {
     width: 78px !important;
     height: auto
}

.w-79 {
     width: 79px !important;
     height: auto
}

.w-80 {
     width: 80px !important;
     height: auto
}

.w-81 {
     width: 81px !important;
     height: auto
}

.w-82 {
     width: 82px !important;
     height: auto
}

.w-83 {
     width: 83px !important;
     height: auto
}

.w-84 {
     width: 84px !important;
     height: auto
}

.w-85 {
     width: 85px !important;
     height: auto
}

.w-86 {
     width: 86px !important;
     height: auto
}

.w-87 {
     width: 87px !important;
     height: auto
}

.w-88 {
     width: 88px !important;
     height: auto
}

.w-89 {
     width: 89px !important;
     height: auto
}

.w-90 {
     width: 90px !important;
     height: auto
}

.w-91 {
     width: 91px !important;
     height: auto
}

.w-92 {
     width: 92px !important;
     height: auto
}

.w-93 {
     width: 93px !important;
     height: auto
}

.w-94 {
     width: 94px !important;
     height: auto
}

.w-95 {
     width: 95px !important;
     height: auto
}

.w-96 {
     width: 96px !important;
     height: auto
}

.w-97 {
     width: 97px !important;
     height: auto
}

.w-98 {
     width: 98px !important;
     height: auto
}

.w-99 {
     width: 99px !important;
     height: auto
}

.w-100 {
     width: 100px !important;
     height: auto
}

.bg-primary {
     background-color: #4dea0f !important
}

.bg-secondary {
     background-color: #f07521 !important
}

.bg-success {
     background-color: #4caf50 !important
}

.bg-info {
     background-color: #18a0fb !important
}

.bg-warning {
     background-color: #ffc261 !important
}

.bg-danger {
     background-color: #e3291d !important
}

.bg-light {
     background-color: #8392a5 !important
}

.bg-black {
     background-color: #051722 !important
}

.bg-white {
     background-color: #fff !important
}

.bg-fontlight {
     background-color: #8392a5 !important
}

.bg-themebodycolor {
     background-color: #f4f6fb !important
}

.bg-themefontcolor {
     background-color: #262626 !important
}

.bg-themeborder {
     background-color: #e5e5e5 !important
}

.bg-fb {
     background-color: #385196 !important
}

.bg-twt {
     background-color: #00a8ff !important
}

.bg-insta {
     background-color: #e2215d !important
}

.bg-whp {
     background-color: #4aec61 !important
}

.bg-darkbody {
     background-color: #0c162e !important
}

.bg-darkcard {
     background-color: #18223a !important
}

.bg-extradarkcard {
     background-color: #223050 !important
}

.bg-darkfont {
     background-color: #cdc9c9 !important
}

.bg-darksmallfont {
     background-color: #cdc9c9 !important
}

.bg-darkborder {
     background-color: #0d3e5e !important
}

.fill-primary {
     fill: #4dea0f !important
}

.fill-secondary {
     fill: #f07521 !important
}

.fill-success {
     fill: #4caf50 !important
}

.fill-info {
     fill: #18a0fb !important
}

.fill-warning {
     fill: #ffc261 !important
}

.fill-danger {
     fill: #e3291d !important
}

.fill-light {
     fill: #8392a5 !important
}

.fill-black {
     fill: #051722 !important
}

.fill-white {
     fill: #fff !important
}

.fill-fontlight {
     fill: #8392a5 !important
}

.fill-themebodycolor {
     fill: #f4f6fb !important
}

.fill-themefontcolor {
     fill: #262626 !important
}

.fill-themeborder {
     fill: #e5e5e5 !important
}

.fill-fb {
     fill: #385196 !important
}

.fill-twt {
     fill: #00a8ff !important
}

.fill-insta {
     fill: #e2215d !important
}

.fill-whp {
     fill: #4aec61 !important
}

.fill-darkbody {
     fill: #0c162e !important
}

.fill-darkcard {
     fill: #18223a !important
}

.fill-extradarkcard {
     fill: #223050 !important
}

.fill-darkfont {
     fill: #cdc9c9 !important
}

.fill-darksmallfont {
     fill: #cdc9c9 !important
}

.fill-darkborder {
     fill: #0d3e5e !important
}

.text-primary {
     color: #4dea0f !important
}

.text-secondary {
     color: #f07521 !important
}

.text-success {
     color: #4caf50 !important
}

.text-info {
     color: #18a0fb !important
}

.text-warning {
     color: #ffc261 !important
}

.text-danger {
     color: #e3291d !important
}

.text-light {
     color: #8392a5 !important
}

.text-fb {
     color: #385196 !important
}

.text-twt {
     color: #00a8ff !important
}

.text-insta {
     color: #e2215d !important
}

.text-whp {
     color: #4aec61 !important
}

.text-default {
     color: #262626 !important
}

.arrow-style1 {
     -webkit-margin-start: -15px;
     margin-inline-start: -15px;
     -webkit-margin-end: -15px;
     margin-inline-end: -15px
}

.arrow-style1 .slick-prev,
.arrow-style1 .slick-next {
     background-color: #f07521;
     z-index: 1;
     height: 30px;
     width: 30px;
     border-radius: 50%;
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     opacity: 0;
     visibility: hidden
}

.arrow-style1 .slick-prev::before,
.arrow-style1 .slick-next::before {
     color: #fff
}

.arrow-style1 .slick-prev {
     left: 15px;
     -webkit-transform: translateX(-15px);
     transform: translateX(-15px)
}

.arrow-style1 .slick-prev::before {
     content: "";
     font-family: "FontAwesome"
}

.arrow-style1 .slick-next {
     right: 15px;
     -webkit-transform: translateX(15px);
     transform: translateX(15px)
}

.arrow-style1 .slick-next::before {
     content: "";
     font-family: "FontAwesome"
}

.arrow-style1:hover .slick-prev,
.arrow-style1:hover .slick-next {
     -webkit-transform: translateX(0);
     transform: translateX(0);
     opacity: 1;
     visibility: visible
}

.ckmain {
     border: 1px solid #e5e5e5
}

.ckmain .ck.ck-toolbar {
     border: none
}

.ckmain .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
     outline: none;
     border: none
}

ul.codex-soclist {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center
}

ul.codex-soclist li {
     -webkit-transition: all .5s ease;
     transition: all .5s ease
}

ul.codex-soclist li a {
     color: #4dea0f;
     width: 32px;
     height: 32px;
     border-radius: 5px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background-color: rgba(26, 124, 188, .1);
     -webkit-transition: all .5s ease;
     transition: all .5s ease
}

ul.codex-soclist li:nth-child(n+2) {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

ul.codex-soclist li:hover a {
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     background-color: #4dea0f
}

ul.codex-soclist li:hover a i {
     color: #fff
}

.codex-loader {
     position: fixed;
     top: 0;
     left: 0;
     right: 17px;
     width: 100%;
     height: 100%;
     background-color: #fff;
     z-index: 99999;
     direction: ltr;
     display: none
}

.codex-loader {
     width: 100%;
     height: 100vh;
     overflow: hidden;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center
}

.codex-loader .linespinner {
     width: 10px;
     height: 30px;
     background: #4dea0f;
     position: relative;
     -webkit-animation: linespinner 1s ease-in-out infinite;
     animation: linespinner 1s ease-in-out infinite;
     -webkit-animation-delay: .4s;
     animation-delay: .4s;
     border-radius: 8px
}

.codex-loader .linespinner:after,
.codex-loader .linespinner:before {
     border-radius: 8px;
     content: "";
     position: absolute;
     width: 10px;
     height: 30px;
     background: #4dea0f;
     -webkit-animation: linespinner 1s ease-in-out infinite;
     animation: linespinner 1s ease-in-out infinite
}

.codex-loader .linespinner:before {
     right: 18px;
     -webkit-animation-delay: .15s;
     animation-delay: .15s
}

.codex-loader .linespinner:after {
     left: 18px;
     -webkit-animation-delay: .6s;
     animation-delay: .6s
}

@-webkit-keyframes linespinner {

     0%,
     100% {
          background-color: #4dea0f;
          -webkit-box-shadow: 0 0 0 #4dea0f, 0 0 0 #4dea0f;
          box-shadow: 0 0 0 #4dea0f, 0 0 0 #4dea0f
     }

     50% {
          background-color: #f07521;
          -webkit-box-shadow: 0 -15px 0 #f07521, 0 15px 0 #f07521;
          box-shadow: 0 -15px 0 #f07521, 0 15px 0 #f07521
     }
}

@keyframes linespinner {

     0%,
     100% {
          background-color: #4dea0f;
          -webkit-box-shadow: 0 0 0 #4dea0f, 0 0 0 #4dea0f;
          box-shadow: 0 0 0 #4dea0f, 0 0 0 #4dea0f
     }

     50% {
          background-color: #f07521;
          -webkit-box-shadow: 0 -15px 0 #f07521, 0 15px 0 #f07521;
          box-shadow: 0 -15px 0 #f07521, 0 15px 0 #f07521
     }
}

.scroll-top {
     position: fixed;
     bottom: 20px;
     right: 30px;
     z-index: 99;
     font-size: 22px;
     border: none;
     outline: none;
     background: #4dea0f;
     color: #fff;
     cursor: pointer;
     width: 40px;
     height: 40px;
     border-radius: 50px;
     text-align: center;
     -webkit-box-shadow: 0 3px 24px rgba(5, 23, 34, .1);
     box-shadow: 0 3px 24px rgba(5, 23, 34, .1);
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center
}

.scroll-top.show {
     opacity: 1;
     visibility: visible
}

.scroll-top:hover {
     color: #fff
}

.codex-breadcrumb {
     padding: 15px 25px;
     -webkit-margin-after: 25px;
     margin-block-end: 25px;
     background-color: #fff;
     -webkit-box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);
     box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);
     -webkit-transition: all .5s ease;
     transition: all .5s ease
}

.codex-breadcrumb .breadcrumb-contain {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     text-transform: capitalize
}

.codex-breadcrumb .breadcrumb-contain .left-breadcrumb .breadcrumb li a {
     font-weight: 500;
     color: #262626
}

.codex-breadcrumb .breadcrumb-contain .left-breadcrumb .breadcrumb li a h1 {
     font-size: 16px;
     font-weight: 500;
     color: #262626
}

.codex-breadcrumb .breadcrumb-contain .left-breadcrumb .breadcrumb li.active a {
     color: #8392a5
}

.codex-breadcrumb .breadcrumb-contain .right-breadcrumb ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.codex-breadcrumb .breadcrumb-contain .right-breadcrumb ul li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-size: 14px;
     color: #8392a5;
     border-radius: 5px;
     padding: 7px 15px;
     min-width: 130px;
     -webkit-box-shadow: 0 0 5px 2px rgba(5, 23, 34, .05);
     box-shadow: 0 0 5px 2px rgba(5, 23, 34, .05)
}

.codex-breadcrumb .breadcrumb-contain .right-breadcrumb ul li span {
     font-weight: 500
}

.codex-breadcrumb .breadcrumb-contain .right-breadcrumb ul li .bread-wrap {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.codex-breadcrumb .breadcrumb-contain .right-breadcrumb ul li+li {
     -webkit-margin-start: 20px;
     margin-inline-start: 20px
}

[data-simplebar] .simplebar-scrollbar::before {
     border-radius: 3px;
     background-color: rgba(26, 124, 188, .6)
}

[data-simplebar].scroll-secondary .simplebar-scrollbar::before {
     background-color: rgba(240, 117, 33, .6)
}

[data-simplebar].scroll-success .simplebar-scrollbar::before {
     background-color: rgba(76, 175, 80, .6)
}

[data-simplebar].scroll-info .simplebar-scrollbar::before {
     background-color: rgba(24, 160, 251, .6)
}

[data-simplebar].scroll-warning .simplebar-scrollbar::before {
     background-color: rgba(255, 194, 97, .6)
}

[data-simplebar].scroll-danger .simplebar-scrollbar::before {
     background-color: rgba(227, 41, 29, .6)
}

[data-simplebar].scroll-whtie .simplebar-scrollbar::before {
     background-color: rgba(255, 255, 255, .6)
}

.scroll-show .card-body {
     max-height: 250px;
     overflow: auto
}

.scroll-show .simplebar-content {
     max-height: 224px
}

.irs--flat .irs-bar,
.irs--flat .irs-handle,
.irs--flat .irs-from,
.irs--flat .irs-to {
     background-color: #4dea0f
}

.irs--flat .irs-line {
     background-color: rgba(26, 124, 188, .1)
}

.irs--flat .irs-min,
.irs--flat .irs-max {
     background-color: rgba(26, 124, 188, .1)
}

ul.iconGroup {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 100%;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     grid-gap: 15px
}

ul.iconGroup li {
     width: 50px;
     height: 50px;
     border: 1px solid #e5e5e5;
     border-radius: 5px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center
}

ul.iconGroup li i {
     font-size: 18px;
     color: #4dea0f
}

ul.iconGroup li svg {
     color: #4dea0f
}

.copied {
     background: #4dea0f;
     color: #fff;
     font-weight: bold;
     text-align: center;
     padding: 8px 15px;
     position: fixed;
     z-index: 9;
     width: -webkit-max-content;
     width: -moz-max-content;
     width: max-content;
     top: 12%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     display: none
}

.title {
     color: #4dea0f;
     text-transform: capitalize;
     -webkit-margin-after: 25px;
     margin-block-end: 25px
}

.inner-title {
     -webkit-margin-after: 20px;
     margin-block-end: 20px;
     text-transform: capitalize;
     color: #4dea0f
}

.cdxapp-toggle {
     line-height: 1;
     display: none
}

.cdxapp-toggle i {
     font-size: 22px
}

.rounded-50 {
     border-radius: 50%
}

.pro-rating {
     direction: rtl
}

.pro-rating input {
     display: none
}

.pro-rating input:checked~.star:after,
.pro-rating input:hover~.star:after {
     content: ""
}

.pro-rating .star {
     display: inline-block;
     font-family: "FontAwesome";
     font-size: 16px;
     color: #fbb202;
     cursor: pointer;
     margin: 0 1px;
     color: #ffc261
}

.pro-rating .star:after {
     content: ""
}

.pro-rating .star:hover~.star:after,
.pro-rating .star:hover:after {
     content: "";
     color: #ffc261
}

.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
     border-color: #4dea0f
}

.avtar-list {
     -webkit-margin-after: -10px;
     margin-block-end: -10px
}

.avtar-list li {
     display: inline-block;
     -webkit-margin-after: 10px;
     margin-block-end: 10px
}

.avtar-list li+li {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.avtar-list.group-avtar li+li {
     -webkit-margin-start: -20px;
     margin-inline-start: -20px
}

.grid-exa .row {
     -webkit-margin-after: -15px;
     margin-block-end: -15px
}

.grid-exa .row>.col,
.grid-exa .row [class^=col-] {
     -webkit-margin-after: 15px;
     margin-block-end: 15px
}

.grid-exa .row>.col span,
.grid-exa .row [class^=col-] span {
     background-color: rgba(26, 124, 188, .05);
     padding: .75rem;
     display: block;
     text-align: center;
     text-transform: capitalize;
     font-weight: 600;
     color: #4dea0f
}

.grid-exa .row+.row {
     -webkit-margin-before: 15px;
     margin-block-start: 15px
}

.colors-exa {
     -webkit-margin-after: -15px;
     margin-block-end: -15px
}

.colors-exa>div {
     -webkit-margin-after: 15px;
     margin-block-end: 15px
}

.colors-exa .color-option {
     height: 150px;
     width: 100%;
     border: 1px solid #e5e5e5
}

.colors-exa span {
     border: 1px solid #e5e5e5;
     text-align: center;
     padding: 5px;
     display: block;
     width: 100%;
     font-weight: 600;
     text-transform: capitalize
}

ul.cdxclass-exa {
     padding: 30px;
     background-color: rgba(26, 124, 188, .04)
}

ul.cdxclass-exa li {
     font-weight: 600;
     color: #4dea0f
}

ul.cdxclass-exa li+li {
     -webkit-margin-before: 10px;
     margin-block-start: 10px
}

.cdxcard-exa {
     -webkit-margin-after: 20px;
     margin-block-end: 20px
}

.cdxcard-exa h4 {
     text-transform: capitalize
}

a.codeCopy_bTn {
     position: absolute;
     right: 25px;
     font-size: 16px;
     cursor: pointer
}

.fixed {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     z-index: 999;
     -webkit-animation: smoothScroll 1s forwards;
     animation: smoothScroll 1s forwards
}

@-webkit-keyframes smoothScroll {
     0% {
          -webkit-transform: translateY(-40px);
          transform: translateY(-40px)
     }

     100% {
          -webkit-transform: translateY(0px);
          transform: translateY(0px)
     }
}

@keyframes smoothScroll {
     0% {
          -webkit-transform: translateY(-40px);
          transform: translateY(-40px)
     }

     100% {
          -webkit-transform: translateY(0px);
          transform: translateY(0px)
     }
}

.cdx-overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(26, 124, 188, .8);
     z-index: -1
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
     margin-bottom: 15px
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_length input,
.dataTables_wrapper .dataTables_filter select,
.dataTables_wrapper .dataTables_filter input {
     border-color: #e5e5e5;
     outline: none
}

.dataTables_wrapper .dataTables_length select:focus,
.dataTables_wrapper .dataTables_length input:focus,
.dataTables_wrapper .dataTables_filter select:focus,
.dataTables_wrapper .dataTables_filter input:focus {
     border-color: #e5e5e5;
     outline: none
}

.dataTables_wrapper .dataTables_info {
     margin-top: 15px
}

.dataTables_wrapper .dt-button {
     background-color: #4dea0f;
     border-color: #4dea0f;
     color: #fff
}

.dataTables_wrapper .dt-button:hover {
     background-color: #4dea0f !important
}

.dataTables_wrapper .dataTables_paginate {
     margin-top: 15px
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
     border: 1px solid #e5e5e5
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
     background: #4dea0f !important;
     color: #fff !important;
     border-color: #4dea0f !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover:hover {
     background: #4dea0f !important;
     color: #fff !important;
     border-color: #4dea0f !important
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
     border-color: #e5e5e5
}

table.dataTable thead th {
     border: 1px solid #e5e5e5
}

table.dataTable tfoot {
     margin-top: 15px
}

table.dataTable tfoot th,
table.dataTable tfoot td {
     border: 1px solid #e5e5e5
}

.flex-between {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between
}

.datepicker {
     -webkit-box-shadow: 0 5px 15px rgba(5, 23, 34, .1);
     box-shadow: 0 5px 15px rgba(5, 23, 34, .1);
     border: none;
     z-index: 9999
}

.datepicker .datepicker--nav-action {
     background-color: #4dea0f
}

.datepicker .datepicker--nav-action path {
     stroke: #fff
}

.datepicker .datepicker--nav {
     padding: 10px
}

.datepicker .datepicker--nav-title {
     letter-spacing: .05px;
     font-weight: 600;
     color: #051722
}

.datepicker .datepicker--nav-title i {
     color: #8392a5
}

.datepicker .datepicker--day-name {
     color: #051722;
     font-weight: 600
}

.datepicker .datepicker--cell.-current- {
     color: #4dea0f;
     background-color: rgba(26, 124, 188, .08)
}

.datepicker .datepicker--cell.-selected- {
     color: #fff;
     background-color: #4dea0f
}

.ui-datepicker {
     -webkit-box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);
     box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);
     padding: 8px
}

.ui-datepicker .ui-datepicker-header {
     padding-top: 0
}

.ui-datepicker.ui-widget.ui-widget-content {
     border: none
}

.ui-datepicker .ui-widget-header {
     background-color: rgba(0, 0, 0, 0);
     border: none
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
     background-color: #4dea0f
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
     top: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
     display: none
}

.ui-datepicker .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-next::before {
     color: #fff;
     font-family: "FontAwesome";
     position: absolute;
     top: 50%;
     left: 50%;
     margin-right: -50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     font-weight: 500
}

.ui-datepicker .ui-datepicker-prev {
     border-color: #4dea0f;
     left: 2px !important
}

.ui-datepicker .ui-datepicker-prev::before {
     content: ""
}

.ui-datepicker .ui-datepicker-next {
     border-color: #4dea0f;
     right: 2px !important
}

.ui-datepicker .ui-datepicker-next::before {
     content: ""
}

.ui-datepicker .ui-datepicker-calendar {
     border-top: 1px solid #e5e5e5;
     margin-top: 5px
}

.ui-datepicker .ui-state-default {
     background-color: rgba(0, 0, 0, 0);
     border: 1px solid #e5e5e5;
     text-align: center
}

.ui-datepicker .ui-state-default.ui-state-active {
     color: #fff;
     background-color: #4dea0f
}

.ui-datepicker .ui-state-highlight {
     color: #4dea0f;
     background-color: rgba(26, 124, 188, .2);
     border-color: rgba(26, 124, 188, .2)
}

.select2-dropdown {
     z-index: 9999
}

.select2-container .select2-selection--single {
     height: auto;
     border-color: #e5e5e5
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
     line-height: unset;
     padding: 10px 15px;
     color: #8392a5;
     border-radius: 5px
}
.select2-container{
    display: block;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {

	top: 10px !important;
	right: 10px !important;
}

.echart {
     width: 100%;
     height: 350px
}

.chartjs-main canvas {
     width: 100%;
     height: 350px
}

.chartjs-main .doughnutchart {
     width: 60% !important;
     height: auto !important
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter {
     margin-bottom: 15px
}

.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_length input,
.dataTables_wrapper .dataTables_filter select,
.dataTables_wrapper .dataTables_filter input {
     border-color: #e5e5e5;
     outline: none
}

.dataTables_wrapper .dataTables_length select:focus,
.dataTables_wrapper .dataTables_length input:focus,
.dataTables_wrapper .dataTables_filter select:focus,
.dataTables_wrapper .dataTables_filter input:focus {
     border-color: #e5e5e5;
     outline: none
}

.dataTables_wrapper .dataTables_info {
     margin-top: 15px
}

.dataTables_wrapper .dt-button {
     background-color: #4dea0f;
     border-color: #4dea0f;
     color: #fff
}

.dataTables_wrapper .dt-button:hover {
     background-color: #4dea0f !important
}

.dataTables_wrapper .dataTables_paginate {
     margin-top: 15px
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
     border: 1px solid #e5e5e5 !important;
     outline: none;
     -webkit-box-shadow: none;
     box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
     background: #4dea0f !important;
     color: #fff !important;
     border-color: #4dea0f !important;
     -webkit-box-shadow: none;
     box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover:hover {
     background: #4dea0f !important;
     color: #fff !important;
     border-color: #4dea0f !important
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
     border-color: #e5e5e5
}

table.dataTable {
     border-top: 1px solid #e5e5e5
}

table.dataTable thead th {
     font-weight: 600
}

table.dataTable thead th,
table.dataTable thead td,
table.dataTable tbody th,
table.dataTable tbody td {
     border-color: #e5e5e5;
     border-left: 1px solid #e5e5e5;
     vertical-align: middle
}

table.dataTable tfoot {
     margin-top: 15px
}

table.dataTable tfoot th,
table.dataTable tfoot td {
     border: 1px solid #e5e5e5
}

table.dataTable.no-footer {
     border-bottom: none
}

.btn {
     border-radius: 5px;
     padding: 10px 15px;
     line-height: 1
}

.btn.btn-md {
     padding: 10px 15px
}

.btn-primary {
     color: #fff;
     background-color: #4dea0f !important;
     border-color: #4dea0f !important
}

.btn-primary:hover {
     color: #fff;
     background-color: rgba(26, 124, 188, .9) !important
}

.btn-primary:focus,
.btn-primary:active {
     -webkit-box-shadow: 0 0 0 .25rem rgba(26, 124, 188, .5) !important;
     box-shadow: 0 0 0 .25rem rgba(26, 124, 188, .5) !important
}

.btn-primary.btn_rounded {
     border-radius: 30px
}

.btn-primary.dropdown-toggle-split {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
}

.btn-primary~.or-icon {
     position: relative;
     display: inline-block;
     width: 5px
}

.btn-primary~.or-icon:before {
     position: absolute;
     content: "or";
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 25px;
     height: 25px;
     border-radius: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background-color: #333;
     color: #fff;
     z-index: 9;
     font-size: 13px
}

.btn-primary~.or-icon.sm:before {
     width: 20px;
     height: 20px;
     font-size: 11px
}

.btn-primary~.or-icon.lg:before {
     width: 30px;
     height: 30px;
     font-size: 17px
}

.btn.btn-outline-primary {
     background-color: rgba(0, 0, 0, 0) !important;
     border-radius: 5px;
     border: 1px solid #4dea0f !important;
     color: #4dea0f !important
}

.btn.btn-outline-primary:hover,
.btn.btn-outline-primary:focus,
.btn.btn-outline-primary:active {
     outline-color: #4dea0f !important;
     background-color: #4dea0f !important;
     color: #fff !important
}

.btn.btn-outline-primary:focus,
.btn.btn-outline-primary:active {
     -webkit-box-shadow: 0 0 0 .25rem rgba(26, 124, 188, .5);
     box-shadow: 0 0 0 .25rem rgba(26, 124, 188, .5)
}

.btn-primary {
     background-color: #4dea0f;
     color: #fff;
     border-radius: 5px
}

.btn-secondary {
     color: #fff;
     background-color: #f07521 !important;
     border-color: #f07521 !important
}

.btn-secondary:hover {
     color: #fff;
     background-color: rgba(240, 117, 33, .9) !important
}

.btn-secondary:focus,
.btn-secondary:active {
     -webkit-box-shadow: 0 0 0 .25rem rgba(240, 117, 33, .5) !important;
     box-shadow: 0 0 0 .25rem rgba(240, 117, 33, .5) !important
}

.btn-secondary.btn_rounded {
     border-radius: 30px
}

.btn-secondary.dropdown-toggle-split {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
}

.btn-secondary~.or-icon {
     position: relative;
     display: inline-block;
     width: 5px
}

.btn-secondary~.or-icon:before {
     position: absolute;
     content: "or";
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 25px;
     height: 25px;
     border-radius: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background-color: #333;
     color: #fff;
     z-index: 9;
     font-size: 13px
}

.btn-secondary~.or-icon.sm:before {
     width: 20px;
     height: 20px;
     font-size: 11px
}

.btn-secondary~.or-icon.lg:before {
     width: 30px;
     height: 30px;
     font-size: 17px
}

.btn.btn-outline-secondary {
     background-color: rgba(0, 0, 0, 0) !important;
     border-radius: 5px;
     border: 1px solid #f07521 !important;
     color: #f07521 !important
}

.btn.btn-outline-secondary:hover,
.btn.btn-outline-secondary:focus,
.btn.btn-outline-secondary:active {
     outline-color: #f07521 !important;
     background-color: #f07521 !important;
     color: #fff !important
}

.btn.btn-outline-secondary:focus,
.btn.btn-outline-secondary:active {
     -webkit-box-shadow: 0 0 0 .25rem rgba(240, 117, 33, .5);
     box-shadow: 0 0 0 .25rem rgba(240, 117, 33, .5)
}

.btn-secondary {
     background-color: #f07521;
     color: #fff;
     border-radius: 5px
}

.btn-success {
     color: #fff;
     background-color: #4caf50 !important;
     border-color: #4caf50 !important
}

.btn-success:hover {
     color: #fff;
     background-color: rgba(76, 175, 80, .9) !important
}

.btn-success:focus,
.btn-success:active {
     -webkit-box-shadow: 0 0 0 .25rem rgba(76, 175, 80, .5) !important;
     box-shadow: 0 0 0 .25rem rgba(76, 175, 80, .5) !important
}

.btn-success.btn_rounded {
     border-radius: 30px
}

.btn-success.dropdown-toggle-split {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
}

.btn-success~.or-icon {
     position: relative;
     display: inline-block;
     width: 5px
}

.btn-success~.or-icon:before {
     position: absolute;
     content: "or";
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 25px;
     height: 25px;
     border-radius: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background-color: #333;
     color: #fff;
     z-index: 9;
     font-size: 13px
}

.btn-success~.or-icon.sm:before {
     width: 20px;
     height: 20px;
     font-size: 11px
}

.btn-success~.or-icon.lg:before {
     width: 30px;
     height: 30px;
     font-size: 17px
}

.btn.btn-outline-success {
     background-color: rgba(0, 0, 0, 0) !important;
     border-radius: 5px;
     border: 1px solid #4caf50 !important;
     color: #4caf50 !important
}

.btn.btn-outline-success:hover,
.btn.btn-outline-success:focus,
.btn.btn-outline-success:active {
     outline-color: #4caf50 !important;
     background-color: #4caf50 !important;
     color: #fff !important
}

.btn.btn-outline-success:focus,
.btn.btn-outline-success:active {
     -webkit-box-shadow: 0 0 0 .25rem rgba(76, 175, 80, .5);
     box-shadow: 0 0 0 .25rem rgba(76, 175, 80, .5)
}

.btn-success {
     background-color: #4caf50;
     color: #fff;
     border-radius: 5px
}

.btn-info {
     color: #fff;
     background-color: #18a0fb !important;
     border-color: #18a0fb !important
}

.btn-info:hover {
     color: #fff;
     background-color: rgba(24, 160, 251, .9) !important
}

.btn-info:focus,
.btn-info:active {
     -webkit-box-shadow: 0 0 0 .25rem rgba(24, 160, 251, .5) !important;
     box-shadow: 0 0 0 .25rem rgba(24, 160, 251, .5) !important
}

.btn-info.btn_rounded {
     border-radius: 30px
}

.btn-info.dropdown-toggle-split {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
}

.btn-info~.or-icon {
     position: relative;
     display: inline-block;
     width: 5px
}

.btn-info~.or-icon:before {
     position: absolute;
     content: "or";
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 25px;
     height: 25px;
     border-radius: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background-color: #333;
     color: #fff;
     z-index: 9;
     font-size: 13px
}

.btn-info~.or-icon.sm:before {
     width: 20px;
     height: 20px;
     font-size: 11px
}

.btn-info~.or-icon.lg:before {
     width: 30px;
     height: 30px;
     font-size: 17px
}

.btn.btn-outline-info {
     background-color: rgba(0, 0, 0, 0) !important;
     border-radius: 5px;
     border: 1px solid #18a0fb !important;
     color: #18a0fb !important
}

.btn.btn-outline-info:hover,
.btn.btn-outline-info:focus,
.btn.btn-outline-info:active {
     outline-color: #18a0fb !important;
     background-color: #18a0fb !important;
     color: #fff !important
}

.btn.btn-outline-info:focus,
.btn.btn-outline-info:active {
     -webkit-box-shadow: 0 0 0 .25rem rgba(24, 160, 251, .5);
     box-shadow: 0 0 0 .25rem rgba(24, 160, 251, .5)
}

.btn-info {
     background-color: #18a0fb;
     color: #fff;
     border-radius: 5px
}

.btn-warning {
     color: #fff;
     background-color: #ffc261 !important;
     border-color: #ffc261 !important
}

.btn-warning:hover {
     color: #fff;
     background-color: rgba(255, 194, 97, .9) !important
}

.btn-warning:focus,
.btn-warning:active {
     -webkit-box-shadow: 0 0 0 .25rem rgba(255, 194, 97, .5) !important;
     box-shadow: 0 0 0 .25rem rgba(255, 194, 97, .5) !important
}

.btn-warning.btn_rounded {
     border-radius: 30px
}

.btn-warning.dropdown-toggle-split {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
}

.btn-warning~.or-icon {
     position: relative;
     display: inline-block;
     width: 5px
}

.btn-warning~.or-icon:before {
     position: absolute;
     content: "or";
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 25px;
     height: 25px;
     border-radius: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background-color: #333;
     color: #fff;
     z-index: 9;
     font-size: 13px
}

.btn-warning~.or-icon.sm:before {
     width: 20px;
     height: 20px;
     font-size: 11px
}

.btn-warning~.or-icon.lg:before {
     width: 30px;
     height: 30px;
     font-size: 17px
}

.btn.btn-outline-warning {
     background-color: rgba(0, 0, 0, 0) !important;
     border-radius: 5px;
     border: 1px solid #ffc261 !important;
     color: #ffc261 !important
}

.btn.btn-outline-warning:hover,
.btn.btn-outline-warning:focus,
.btn.btn-outline-warning:active {
     outline-color: #ffc261 !important;
     background-color: #ffc261 !important;
     color: #fff !important
}

.btn.btn-outline-warning:focus,
.btn.btn-outline-warning:active {
     -webkit-box-shadow: 0 0 0 .25rem rgba(255, 194, 97, .5);
     box-shadow: 0 0 0 .25rem rgba(255, 194, 97, .5)
}

.btn-warning {
     background-color: #ffc261;
     color: #fff;
     border-radius: 5px
}

.btn-danger {
     color: #fff;
     background-color: #e3291d !important;
     border-color: #e3291d !important
}

.btn-danger:hover {
     color: #fff;
     background-color: rgba(227, 41, 29, .9) !important
}

.btn-danger:focus,
.btn-danger:active {
     -webkit-box-shadow: 0 0 0 .25rem rgba(227, 41, 29, .5) !important;
     box-shadow: 0 0 0 .25rem rgba(227, 41, 29, .5) !important
}

.btn-danger.btn_rounded {
     border-radius: 30px
}

.btn-danger.dropdown-toggle-split {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
}

.btn-danger~.or-icon {
     position: relative;
     display: inline-block;
     width: 5px
}

.btn-danger~.or-icon:before {
     position: absolute;
     content: "or";
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 25px;
     height: 25px;
     border-radius: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background-color: #333;
     color: #fff;
     z-index: 9;
     font-size: 13px
}

.btn-danger~.or-icon.sm:before {
     width: 20px;
     height: 20px;
     font-size: 11px
}

.btn-danger~.or-icon.lg:before {
     width: 30px;
     height: 30px;
     font-size: 17px
}

.btn.btn-outline-danger {
     background-color: rgba(0, 0, 0, 0) !important;
     border-radius: 5px;
     border: 1px solid #e3291d !important;
     color: #e3291d !important
}

.btn.btn-outline-danger:hover,
.btn.btn-outline-danger:focus,
.btn.btn-outline-danger:active {
     outline-color: #e3291d !important;
     background-color: #e3291d !important;
     color: #fff !important
}

.btn.btn-outline-danger:focus,
.btn.btn-outline-danger:active {
     -webkit-box-shadow: 0 0 0 .25rem rgba(227, 41, 29, .5);
     box-shadow: 0 0 0 .25rem rgba(227, 41, 29, .5)
}

.btn-danger {
     background-color: #e3291d;
     color: #fff;
     border-radius: 5px
}

.btn-dark {
     color: #fff;
     background-color: #333 !important;
     border-color: #333 !important
}

.btn-dark:hover {
     color: #fff;
     background-color: rgba(51, 51, 51, .9) !important
}

.btn-dark:focus,
.btn-dark:active {
     -webkit-box-shadow: 0 0 0 .25rem rgba(51, 51, 51, .5) !important;
     box-shadow: 0 0 0 .25rem rgba(51, 51, 51, .5) !important
}

.btn-dark.btn_rounded {
     border-radius: 30px
}

.btn-dark.dropdown-toggle-split {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
}

.btn-dark~.or-icon {
     position: relative;
     display: inline-block;
     width: 5px
}

.btn-dark~.or-icon:before {
     position: absolute;
     content: "or";
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 25px;
     height: 25px;
     border-radius: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background-color: #333;
     color: #fff;
     z-index: 9;
     font-size: 13px
}

.btn-dark~.or-icon.sm:before {
     width: 20px;
     height: 20px;
     font-size: 11px
}

.btn-dark~.or-icon.lg:before {
     width: 30px;
     height: 30px;
     font-size: 17px
}

.btn.btn-outline-dark {
     background-color: rgba(0, 0, 0, 0) !important;
     border-radius: 5px;
     border: 1px solid #333 !important;
     color: #333 !important
}

.btn.btn-outline-dark:hover,
.btn.btn-outline-dark:focus,
.btn.btn-outline-dark:active {
     outline-color: #333 !important;
     background-color: #333 !important;
     color: #fff !important
}

.btn.btn-outline-dark:focus,
.btn.btn-outline-dark:active {
     -webkit-box-shadow: 0 0 0 .25rem rgba(51, 51, 51, .5);
     box-shadow: 0 0 0 .25rem rgba(51, 51, 51, .5)
}

.btn-dark {
     background-color: #333;
     color: #fff;
     border-radius: 5px
}

.btn-light {
     color: #fff;
     background-color: #8392a5 !important;
     border-color: #8392a5 !important
}

.btn-light:hover {
     color: #fff;
     background-color: rgba(131, 146, 165, .9) !important
}

.btn-light:focus,
.btn-light:active {
     -webkit-box-shadow: 0 0 0 .25rem rgba(131, 146, 165, .5) !important;
     box-shadow: 0 0 0 .25rem rgba(131, 146, 165, .5) !important
}

.btn-light.btn_rounded {
     border-radius: 30px
}

.btn-light.dropdown-toggle-split {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
}

.btn-light~.or-icon {
     position: relative;
     display: inline-block;
     width: 5px
}

.btn-light~.or-icon:before {
     position: absolute;
     content: "or";
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 25px;
     height: 25px;
     border-radius: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background-color: #333;
     color: #fff;
     z-index: 9;
     font-size: 13px
}

.btn-light~.or-icon.sm:before {
     width: 20px;
     height: 20px;
     font-size: 11px
}

.btn-light~.or-icon.lg:before {
     width: 30px;
     height: 30px;
     font-size: 17px
}

.btn.btn-outline-light {
     background-color: rgba(0, 0, 0, 0) !important;
     border-radius: 5px;
     border: 1px solid #8392a5 !important;
     color: #8392a5 !important
}

.btn.btn-outline-light:hover,
.btn.btn-outline-light:focus,
.btn.btn-outline-light:active {
     outline-color: #8392a5 !important;
     background-color: #8392a5 !important;
     color: #fff !important
}

.btn.btn-outline-light:focus,
.btn.btn-outline-light:active {
     -webkit-box-shadow: 0 0 0 .25rem rgba(131, 146, 165, .5);
     box-shadow: 0 0 0 .25rem rgba(131, 146, 165, .5)
}

.btn-light {
     background-color: #8392a5;
     color: #fff;
     border-radius: 5px
}

.btn-white {
     color: #fff;
     background-color: #fff !important;
     border-color: #fff !important
}

.btn-white:hover {
     color: #fff;
     background-color: rgba(255, 255, 255, .9) !important
}

.btn-white:focus,
.btn-white:active {
     -webkit-box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .5) !important;
     box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .5) !important
}

.btn-white.btn_rounded {
     border-radius: 30px
}

.btn-white.dropdown-toggle-split {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
}

.btn-white~.or-icon {
     position: relative;
     display: inline-block;
     width: 5px
}

.btn-white~.or-icon:before {
     position: absolute;
     content: "or";
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     width: 25px;
     height: 25px;
     border-radius: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background-color: #333;
     color: #fff;
     z-index: 9;
     font-size: 13px
}

.btn-white~.or-icon.sm:before {
     width: 20px;
     height: 20px;
     font-size: 11px
}

.btn-white~.or-icon.lg:before {
     width: 30px;
     height: 30px;
     font-size: 17px
}

.btn.btn-outline-white {
     background-color: rgba(0, 0, 0, 0) !important;
     border-radius: 5px;
     border: 1px solid #fff !important;
     color: #fff !important
}

.btn.btn-outline-white:hover,
.btn.btn-outline-white:focus,
.btn.btn-outline-white:active {
     outline-color: #fff !important;
     background-color: #fff !important;
     color: #fff !important
}

.btn.btn-outline-white:focus,
.btn.btn-outline-white:active {
     -webkit-box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .5);
     box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .5)
}

.btn-white {
     background-color: #fff;
     color: #fff;
     border-radius: 5px
}

.element-buttons .btn {
     margin: 3px 0
}

.form-control-color {
     display: block;
     background-color: rgba(0, 0, 0, 0);
     border-color: #e5e5e5;
     border-radius: 5px
}

.form-control {
     border-color: #e5e5e5;
     font-size: 14px;
     padding: 10px 15px;
     color: #8392a5;
     border-radius: 5px
}

.form-control:focus {
     -webkit-box-shadow: none;
     box-shadow: none;
     border-color: #4dea0f
}

.form-control:focus~.input-group-text {
     border-color: #4dea0f
}

.form-control::-webkit-input-placeholder {
     color: #8392a5
}

.form-control::-moz-placeholder {
     color: #8392a5
}

.form-control:-ms-input-placeholder {
     color: #8392a5
}

.form-control::-ms-input-placeholder {
     color: #8392a5
}

.form-control::placeholder {
     color: #8392a5
}

.form-group {
     -webkit-margin-after: 20px;
     margin-block-end: 20px
}

.form-label {
     text-transform: capitalize;
     font-weight: 500
}

.small-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.small-group>div {
     width: 100%
}

.small-group>div:nth-child(n+2) {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

select.form-control {
     position: relative;
     -webkit-appearance: auto;
     -moz-appearance: auto;
     appearance: auto
}

.input-group-text {
     border-color: #e5e5e5;
     color: #8392a5
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0
}

input[type=number] {
     -moz-appearance: textfield
}

.custom-chek {
     -webkit-margin-after: 0;
     margin-block-end: 0
}

.custom-chek .form-check-input {
     width: 1.2em;
     height: 1.2em;
     border-color: #e5e5e5;
     -webkit-box-shadow: none;
     box-shadow: none;
     -webkit-margin-before: 1px;
     margin-block-start: 1px
}

.custom-chek .form-check-input:checked {
     background-color: #4dea0f;
     border-color: #4dea0f;
     -webkit-box-shadow: none;
     box-shadow: none
}

.custom-chek label {
     -webkit-margin-start: 5px;
     margin-inline-start: 5px;
     -webkit-margin-after: 0 !important;
     margin-block-end: 0 !important
}

.check-primary .form-check-input {
     border-color: #e5e5e5
}

.check-primary .form-check-input:checked {
     background-color: #4dea0f;
     border-color: #4dea0f
}

.check-secondary .form-check-input {
     border-color: #e5e5e5
}

.check-secondary .form-check-input:checked {
     background-color: #f07521;
     border-color: #f07521
}

.check-success .form-check-input {
     border-color: #e5e5e5
}

.check-success .form-check-input:checked {
     background-color: #4caf50;
     border-color: #4caf50
}

.check-info .form-check-input {
     border-color: #e5e5e5
}

.check-info .form-check-input:checked {
     background-color: #18a0fb;
     border-color: #18a0fb
}

.check-warning .form-check-input {
     border-color: #e5e5e5
}

.check-warning .form-check-input:checked {
     background-color: #ffc261;
     border-color: #ffc261
}

.check-danger .form-check-input {
     border-color: #e5e5e5
}

.check-danger .form-check-input:checked {
     background-color: #e3291d;
     border-color: #e3291d
}

.badge {
     text-transform: capitalize;
     font-weight: 400
}

.badge+:nth-child(n+2) {
     -webkit-margin-start: 5px;
     margin-inline-start: 5px
}

.badge-primary {
     background-color: rgba(26, 124, 188, .1) !important;
     color: #4dea0f !important;
     font-size: 12px;
     padding: 7px 10px
}

.badge-primary:hover {
     color: #fff !important;
     background-color: #4dea0f !important
}

.badge-secondary {
     background-color: rgba(240, 117, 33, .1) !important;
     color: #f07521 !important;
     font-size: 12px;
     padding: 7px 10px
}

.badge-secondary:hover {
     color: #fff !important;
     background-color: #f07521 !important
}

.badge-success {
     background-color: rgba(76, 175, 80, .1) !important;
     color: #4caf50 !important;
     font-size: 12px;
     padding: 7px 10px
}

.badge-success:hover {
     color: #fff !important;
     background-color: #4caf50 !important
}

.badge-info {
     background-color: rgba(24, 160, 251, .1) !important;
     color: #18a0fb !important;
     font-size: 12px;
     padding: 7px 10px
}

.badge-info:hover {
     color: #fff !important;
     background-color: #18a0fb !important
}

.badge-warning {
     background-color: rgba(255, 194, 97, .1) !important;
     color: #ffc261 !important;
     font-size: 12px;
     padding: 7px 10px
}

.badge-warning:hover {
     color: #fff !important;
     background-color: #ffc261 !important
}

.badge-danger {
     background-color: rgba(227, 41, 29, .1) !important;
     color: #e3291d !important;
     font-size: 12px;
     padding: 7px 10px
}

.badge-danger:hover {
     color: #fff !important;
     background-color: #e3291d !important
}

.badge-rounded-primary {
     background-color: rgba(26, 124, 188, .1) !important;
     color: #4dea0f !important;
     border: 1px solid #4dea0f;
     font-size: 12px;
     border-radius: 50%
}

.badge-rounded-primary:hover {
     color: #fff !important;
     background-color: #4dea0f !important
}

.badge-rounded-secondary {
     background-color: rgba(240, 117, 33, .1) !important;
     color: #f07521 !important;
     border: 1px solid #f07521;
     font-size: 12px;
     border-radius: 50%
}

.badge-rounded-secondary:hover {
     color: #fff !important;
     background-color: #f07521 !important
}

.badge-rounded-success {
     background-color: rgba(76, 175, 80, .1) !important;
     color: #4caf50 !important;
     border: 1px solid #4caf50;
     font-size: 12px;
     border-radius: 50%
}

.badge-rounded-success:hover {
     color: #fff !important;
     background-color: #4caf50 !important
}

.badge-rounded-info {
     background-color: rgba(24, 160, 251, .1) !important;
     color: #18a0fb !important;
     border: 1px solid #18a0fb;
     font-size: 12px;
     border-radius: 50%
}

.badge-rounded-info:hover {
     color: #fff !important;
     background-color: #18a0fb !important
}

.badge-rounded-warning {
     background-color: rgba(255, 194, 97, .1) !important;
     color: #ffc261 !important;
     border: 1px solid #ffc261;
     font-size: 12px;
     border-radius: 50%
}

.badge-rounded-warning:hover {
     color: #fff !important;
     background-color: #ffc261 !important
}

.badge-rounded-danger {
     background-color: rgba(227, 41, 29, .1) !important;
     color: #e3291d !important;
     border: 1px solid #e3291d;
     font-size: 12px;
     border-radius: 50%
}

.badge-rounded-danger:hover {
     color: #fff !important;
     background-color: #e3291d !important
}

.switch {
     position: relative;
     display: inline-block;
     width: 60px;
     height: 34px;
     border-radius: 3px;
     overflow: hidden
}

.switch input {
     opacity: 0;
     width: 0;
     height: 0
}

.switch input:checked+.switch-btn::before {
     -webkit-transform: translateX(26px);
     transform: translateX(26px)
}

.switch input:disabled+.switch-btn {
     opacity: .5
}

.switch .switch-btn {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     -webkit-transition: .4s;
     transition: .4s
}

.switch .switch-btn:before {
     position: absolute;
     content: "";
     height: 26px;
     width: 26px;
     left: 4px;
     bottom: 4px;
     -webkit-transition: .4s;
     transition: .4s;
     border-radius: 3px
}

.switch.round {
     border-radius: 34px
}

.switch.round .switch-btn:before {
     border-radius: 50%
}

.switch.with-icon input:checked+.switch-btn::before {
     content: ""
}

.switch.with-icon .switch-btn::before {
     font-size: 12px;
     content: "";
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     font-family: "themify"
}

.switch-primary input:checked+.switch-btn {
     background-color: #4dea0f
}

.switch-primary .switch-btn {
     background-color: #f4f6fb
}

.switch-primary .switch-btn:before {
     background-color: #fff
}

.outline-primary {
     border: 1px solid #4dea0f
}

.outline-primary input:checked+.switch-btn::before {
     background-color: #4dea0f;
     -webkit-transform: translateX(25px);
     transform: translateX(25px)
}

.outline-primary .switch-btn:before {
     background-color: #f4f6fb;
     bottom: 3px
}

.switch-secondary input:checked+.switch-btn {
     background-color: #f07521
}

.switch-secondary .switch-btn {
     background-color: #f4f6fb
}

.switch-secondary .switch-btn:before {
     background-color: #fff
}

.outline-secondary {
     border: 1px solid #f07521
}

.outline-secondary input:checked+.switch-btn::before {
     background-color: #f07521;
     -webkit-transform: translateX(25px);
     transform: translateX(25px)
}

.outline-secondary .switch-btn:before {
     background-color: #f4f6fb;
     bottom: 3px
}

.switch-success input:checked+.switch-btn {
     background-color: #4caf50
}

.switch-success .switch-btn {
     background-color: #f4f6fb
}

.switch-success .switch-btn:before {
     background-color: #fff
}

.outline-success {
     border: 1px solid #4caf50
}

.outline-success input:checked+.switch-btn::before {
     background-color: #4caf50;
     -webkit-transform: translateX(25px);
     transform: translateX(25px)
}

.outline-success .switch-btn:before {
     background-color: #f4f6fb;
     bottom: 3px
}

.switch-info input:checked+.switch-btn {
     background-color: #18a0fb
}

.switch-info .switch-btn {
     background-color: #f4f6fb
}

.switch-info .switch-btn:before {
     background-color: #fff
}

.outline-info {
     border: 1px solid #18a0fb
}

.outline-info input:checked+.switch-btn::before {
     background-color: #18a0fb;
     -webkit-transform: translateX(25px);
     transform: translateX(25px)
}

.outline-info .switch-btn:before {
     background-color: #f4f6fb;
     bottom: 3px
}

.switch-warning input:checked+.switch-btn {
     background-color: #ffc261
}

.switch-warning .switch-btn {
     background-color: #f4f6fb
}

.switch-warning .switch-btn:before {
     background-color: #fff
}

.outline-warning {
     border: 1px solid #ffc261
}

.outline-warning input:checked+.switch-btn::before {
     background-color: #ffc261;
     -webkit-transform: translateX(25px);
     transform: translateX(25px)
}

.outline-warning .switch-btn:before {
     background-color: #f4f6fb;
     bottom: 3px
}

.switch-danger input:checked+.switch-btn {
     background-color: #e3291d
}

.switch-danger .switch-btn {
     background-color: #f4f6fb
}

.switch-danger .switch-btn:before {
     background-color: #fff
}

.outline-danger {
     border: 1px solid #e3291d
}

.outline-danger input:checked+.switch-btn::before {
     background-color: #e3291d;
     -webkit-transform: translateX(25px);
     transform: translateX(25px)
}

.outline-danger .switch-btn:before {
     background-color: #f4f6fb;
     bottom: 3px
}

.switch-light input:checked+.switch-btn {
     background-color: #f4f7fc
}

.switch-light .switch-btn {
     background-color: #f4f6fb
}

.switch-light .switch-btn:before {
     background-color: #fff
}

.outline-light {
     border: 1px solid #f4f7fc
}

.outline-light input:checked+.switch-btn::before {
     background-color: #f4f7fc;
     -webkit-transform: translateX(25px);
     transform: translateX(25px)
}

.outline-light .switch-btn:before {
     background-color: #f4f6fb;
     bottom: 3px
}

.switch-dark input:checked+.switch-btn {
     background-color: #333
}

.switch-dark .switch-btn {
     background-color: #f4f6fb
}

.switch-dark .switch-btn:before {
     background-color: #fff
}

.outline-dark {
     border: 1px solid #333
}

.outline-dark input:checked+.switch-btn::before {
     background-color: #333;
     -webkit-transform: translateX(25px);
     transform: translateX(25px)
}

.outline-dark .switch-btn:before {
     background-color: #f4f6fb;
     bottom: 3px
}

.alert-primary {
     background-color: #4dea0f;
     color: #fff;
     border-color: #4dea0f
}

.alert-primary .alert-link {
     color: #fff
}

.alert-primary-outline {
     color: #4dea0f;
     border: 1px solid #4dea0f
}

.alert-secondary {
     background-color: #f07521;
     color: #fff;
     border-color: #f07521
}

.alert-secondary .alert-link {
     color: #fff
}

.alert-secondary-outline {
     color: #f07521;
     border: 1px solid #f07521
}

.alert-success {
     background-color: #4caf50;
     color: #fff;
     border-color: #4caf50
}

.alert-success .alert-link {
     color: #fff
}

.alert-success-outline {
     color: #4caf50;
     border: 1px solid #4caf50
}

.alert-info {
     background-color: #18a0fb;
     color: #fff;
     border-color: #18a0fb
}

.alert-info .alert-link {
     color: #fff
}

.alert-info-outline {
     color: #18a0fb;
     border: 1px solid #18a0fb
}

.alert-warning {
     background-color: #ffc261;
     color: #fff;
     border-color: #ffc261
}

.alert-warning .alert-link {
     color: #fff
}

.alert-warning-outline {
     color: #ffc261;
     border: 1px solid #ffc261
}

.alert-danger {
     background-color: #e3291d;
     color: #fff;
     border-color: #e3291d
}

.alert-danger .alert-link {
     color: #fff
}

.alert-danger-outline {
     color: #e3291d;
     border: 1px solid #e3291d
}

.alert-light {
     background-color: #f4f7fc;
     color: #fff;
     border-color: #f4f7fc
}

.alert-light .alert-link {
     color: #fff
}

.alert-light-outline {
     color: #f4f7fc;
     border: 1px solid #f4f7fc
}

.alert-dark {
     background-color: #333;
     color: #fff;
     border-color: #333
}

.alert-dark .alert-link {
     color: #fff
}

.alert-dark-outline {
     color: #333;
     border: 1px solid #333
}

.alert-light {
     color: #8392a5
}

.alert-light .alert-link {
     color: #8392a5
}

.alert-light-outline {
     color: #8392a5
}

.card.alerts .card-title-desc {
     -webkit-margin-after: 24px;
     margin-block-end: 24px;
     font-size: 14px
}

.pagination-primary .page-item.active .page-link {
     background-color: #4dea0f;
     color: #fff;
     border-color: #4dea0f
}

.pagination-primary .page-item .page-link {
     color: #4dea0f
}

.pagination-secondary .page-item.active .page-link {
     background-color: #f07521;
     color: #fff;
     border-color: #f07521
}

.pagination-secondary .page-item .page-link {
     color: #f07521
}

.pagination-success .page-item.active .page-link {
     background-color: #4caf50;
     color: #fff;
     border-color: #4caf50
}

.pagination-success .page-item .page-link {
     color: #4caf50
}

.pagination-info .page-item.active .page-link {
     background-color: #18a0fb;
     color: #fff;
     border-color: #18a0fb
}

.pagination-info .page-item .page-link {
     color: #18a0fb
}

.pagination-warning .page-item.active .page-link {
     background-color: #ffc261;
     color: #fff;
     border-color: #ffc261
}

.pagination-warning .page-item .page-link {
     color: #ffc261
}

.pagination-danger .page-item.active .page-link {
     background-color: #e3291d;
     color: #fff;
     border-color: #e3291d
}

.pagination-danger .page-item .page-link {
     color: #e3291d
}

.pagination-light .page-item.active .page-link {
     background-color: #f4f7fc;
     color: #fff;
     border-color: #f4f7fc
}

.pagination-light .page-item .page-link {
     color: #f4f7fc
}

.pagination-dark .page-item.active .page-link {
     background-color: #333;
     color: #fff;
     border-color: #333
}

.pagination-dark .page-item .page-link {
     color: #333
}

.pagination-md .page-link {
     padding: .5rem 1rem;
     font-size: 16px
}

.card {
     background-color: #fff;
     -webkit-box-shadow: none;
     box-shadow: none;
     border-radius: 5px;
     border: none;
     -webkit-margin-after: 1.6em;
     margin-block-end: 1.6em;
     box-shadow: none;
     -webkit-box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);
     box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05)
}

.card .setting-card a {
     color: #051722
}

.card .setting-card .codeCopy {
     width: 24px;
     height: auto
}

.card .card-header {
     background-color: rgba(0, 0, 0, 0);
     padding: 10px 25px;
     border: none;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between
}

.card .card-header h4 {
     text-transform: capitalize
}

.card .card-body {
     padding: 10px 25px
}

.cdx-tab.tab-primary li a.active {
     background-color: #4dea0f !important;
     color: #fff
}

.cdx-tab.tab-secondary li a.active {
     background-color: #f07521 !important;
     color: #fff
}

.cdx-tab.tab-success li a.active {
     background-color: #4caf50 !important;
     color: #fff
}

.cdx-tab.tab-info li a.active {
     background-color: #18a0fb !important;
     color: #fff
}

.cdx-tab.tab-warning li a.active {
     background-color: #ffc261 !important;
     color: #fff
}

.cdx-tab.tab-danger li a.active {
     background-color: #e3291d !important;
     color: #fff
}

.cdx-tab.tab-light li a.active {
     background-color: #f4f7fc !important;
     color: #fff
}

.cdx-tab.tab-dark li a.active {
     background-color: #333 !important;
     color: #fff
}

.cdx-tab.tab-primary-border li a {
     border: 1px solid #4dea0f !important;
     color: #4dea0f
}

.cdx-tab.tab-primary-border li a.active {
     background-color: #4dea0f !important;
     color: #fff
}

.cdx-tab.tab-primary-border li+li {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.cdx-tab.tab-secondary-border li a {
     border: 1px solid #f07521 !important;
     color: #f07521
}

.cdx-tab.tab-secondary-border li a.active {
     background-color: #f07521 !important;
     color: #fff
}

.cdx-tab.tab-secondary-border li+li {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.cdx-tab.tab-success-border li a {
     border: 1px solid #4caf50 !important;
     color: #4caf50
}

.cdx-tab.tab-success-border li a.active {
     background-color: #4caf50 !important;
     color: #fff
}

.cdx-tab.tab-success-border li+li {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.cdx-tab.tab-info-border li a {
     border: 1px solid #18a0fb !important;
     color: #18a0fb
}

.cdx-tab.tab-info-border li a.active {
     background-color: #18a0fb !important;
     color: #fff
}

.cdx-tab.tab-info-border li+li {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.cdx-tab.tab-warning-border li a {
     border: 1px solid #ffc261 !important;
     color: #ffc261
}

.cdx-tab.tab-warning-border li a.active {
     background-color: #ffc261 !important;
     color: #fff
}

.cdx-tab.tab-warning-border li+li {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.cdx-tab.tab-danger-border li a {
     border: 1px solid #e3291d !important;
     color: #e3291d
}

.cdx-tab.tab-danger-border li a.active {
     background-color: #e3291d !important;
     color: #fff
}

.cdx-tab.tab-danger-border li+li {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.cdx-tab.tab-light-border li a {
     border: 1px solid #f4f7fc !important;
     color: #f4f7fc
}

.cdx-tab.tab-light-border li a.active {
     background-color: #f4f7fc !important;
     color: #fff
}

.cdx-tab.tab-light-border li+li {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.cdx-tab.tab-dark-border li a {
     border: 1px solid #333 !important;
     color: #333
}

.cdx-tab.tab-dark-border li a.active {
     background-color: #333 !important;
     color: #fff
}

.cdx-tab.tab-dark-border li+li {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.cdx-tab {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border-bottom: none
}

.cdx-tab li a {
     font-weight: 500;
     padding: 10px 25px
}

.bordernone td {
     border: none !important
}

thead,
tbody,
tfoot,
tr,
td,
th {
     border-style: solid
}

.table>:not(:last-child)>:last-child>* {
     border-color: #e5e5e5
}

.codex-header {
     background-color: #fff;
     padding: 20px 24px;
     top: 0;
     -webkit-margin-start: 270px;
     margin-inline-start: 270px;
     left: 0;
     position: fixed;
     width: calc(100% - 270px);
     z-index: 4;
     -webkit-box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);
     box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);
     -webkit-transition: all .5s ease;
     transition: all .5s ease
}

.codex-header .logo-gridwrap img {
     width: 140px;
     height: auto
}

.codex-header .logo-gridwrap {
     display: none
}

.codex-header .form-group {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.codex-header .form-group .input-group-text {
     background-color: rgba(0, 0, 0, 0);
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     border-top-right-radius: 30px;
     border-bottom-right-radius: 30px;
     -webkit-padding-end: 15px;
     padding-inline-end: 15px
}

.codex-header .form-group .input-group-text svg {
     width: 16px;
     height: auto
}

.codex-header .form-group .form-control {
     font-size: 14px;
     padding: 8px 15px;
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     border-top-left-radius: 30px;
     border-bottom-left-radius: 30px
}

.codex-header .navicon-wrap {
     width: 38px;
     height: 38px;
     border-radius: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     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-shadow: 0 0 5px 2px rgba(5, 23, 34, .05);
     box-shadow: 0 0 5px 2px rgba(5, 23, 34, .05);
     color: #4dea0f;
     position: relative;
     -webkit-transition: all .5s ease;
     transition: all .5s ease
}

.codex-header .navicon-wrap i {
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     font-size: 16px;
     color: #4dea0f
}

.codex-header .navicon-wrap svg {
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     width: 16px;
     height: auto
}

.codex-header .navicon-wrap .noti-count {
     color: #fff;
     background-color: #4dea0f;
     position: absolute;
     top: -8px;
     inset-inline-end: -4px;
     padding: 4px 6px;
     border-radius: 15px;
     font-size: 9px;
     line-height: 1
}

.codex-header .navicon-wrap:hover {
     background-color: #4dea0f
}

.codex-header .navicon-wrap:hover i {
     color: #fff
}

.codex-header .navicon-wrap:hover svg {
     color: #fff
}

.codex-header .nav-iconlist {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.codex-header .nav-iconlist>li {
     list-style: none;
     cursor: pointer;
     position: relative
}

.codex-header .nav-iconlist>li:hover .hover-dropdown {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     opacity: 1;
     visibility: visible
}

.codex-header .nav-iconlist>li>a {
     color: #8392a5
}

.codex-header .nav-iconlist>li>a>i {
     font-size: 26px;
     color: #8392a5
}

.codex-header .nav-iconlist>li:nth-child(n+2) {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.codex-header .nav-iconlist .drop-header {
     color: #4dea0f;
     padding: 15px;
     text-transform: capitalize;
     border-bottom: 1px solid #e5e5e5
}

.codex-header .nav-iconlist .drop-header h5 span {
     display: block;
     float: right
}

.codex-header .nav-iconlist .drop-footer a {
     color: #fff;
     text-transform: uppercase;
     background-color: #4dea0f;
     padding: 15px;
     text-align: center;
     display: block
}

.codex-header .nav-iconlist .hover-dropdown {
     -webkit-margin-before: 10px;
     margin-block-start: 10px;
     overflow: hidden;
     background-color: #fff;
     -webkit-box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);
     box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);
     position: absolute;
     top: 100%;
     inset-inline-end: 0;
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateY(25px);
     transform: translateY(25px);
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     border-radius: 5px
}

.codex-header .nav-iconlist .hover-dropdown .simplebar-content {
     padding: 0 !important
}

.codex-header .nav-iconlist .hover-dropdown ul li a {
     color: #8392a5;
     text-transform: capitalize;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     line-height: 1;
     font-size: 16px
}

.codex-header .nav-iconlist .hover-dropdown ul li a i {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.codex-header .nav-iconlist .hover-dropdown ul li a h6 {
     -webkit-margin-after: 5px;
     margin-block-end: 5px;
     color: #051722
}

.codex-header .nav-iconlist .hover-dropdown ul li a span {
     display: block;
     font-size: 12px
}

.codex-header .nav-iconlist .hover-dropdown.navnotification-drop,
.codex-header .nav-iconlist .hover-dropdown.navshop-drop {
     min-width: 290px
}

.codex-header .nav-iconlist .hover-dropdown.navnotification-drop ul,
.codex-header .nav-iconlist .hover-dropdown.navshop-drop ul {
     height: 220px;
     overflow-y: auto
}

.codex-header .nav-iconlist .hover-dropdown.navshop-drop .media {
     width: 100%
}

.codex-header .nav-iconlist .hover-dropdown.navshop-drop .media .img-wrap {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px;
     width: 42px;
     height: 42px;
     background-color: #4dea0f;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     border-radius: 5%
}

.codex-header .nav-iconlist .hover-dropdown.navshop-drop .media h6 {
     font-size: 14px
}

.codex-header .nav-iconlist .hover-dropdown.navshop-drop .media span {
     font-size: 12px
}

.codex-header .nav-iconlist .hover-dropdown.navshop-drop .media .close-pro {
     float: right
}

.codex-header .nav-iconlist .hover-dropdown.navlang-drop li i {
     font-size: 20px
}

.codex-header .nav-iconlist .hover-dropdown.navlang-drop li:nth-child(n+2) {
     -webkit-padding-before: 5px;
     padding-block-start: 5px;
     -webkit-margin-before: 5px;
     margin-block-start: 5px
}

.codex-header .nav-iconlist .hover-dropdown.navprofile-drop {
     min-width: 200px
}

.codex-header .nav-iconlist .hover-dropdown.navprofile-drop .media {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.codex-header .nav-iconlist .hover-dropdown.navprofile-drop .media .user-icon {
     width: 40px;
     height: 40px;
     border-radius: 5px;
     -webkit-margin-end: 10px;
     margin-inline-end: 10px;
     background-color: rgba(26, 124, 188, .1)
}

.codex-header .nav-iconlist .hover-dropdown.navprofile-drop .media .user-icon img {
     width: 100%;
     height: 100%;
     border-radius: 5px
}

.codex-header .nav-iconlist .hover-dropdown.navprofile-drop .media h6 {
     font-size: 14px
}

.codex-header .nav-iconlist .hover-dropdown.navprofile-drop .media span {
     line-height: 1
}

.codex-header .nav-iconlist .hover-dropdown .icon-nav {
     width: 40px;
     height: 40px;
     border-radius: 5px;
     display: -webkit-box;
     display: -ms-flexbox;
     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-margin-end: 10px;
     margin-inline-end: 10px
}

.codex-header .nav-iconlist .hover-dropdown .icon-nav i {
     -webkit-margin-end: 0;
     margin-inline-end: 0;
     color: #fff;
     font-size: 16px
}

.codex-header .nav-iconlist .hover-dropdown ul li {
     padding: 15px
}

.codex-header .nav-iconlist .hover-dropdown ul li:nth-child(n+2) {
     border-top: 1px solid #e5e5e5;
     padding: 15px
}

.codex-header .nav-iconlist .hover-dropdown ul li .media {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.codex-header .nav-iconlist .hover-dropdown ul li:hover {
     background-color: #f4f6fb
}

.codex-header .nav-profile img {
     border-radius: 50%;
     width: 38px;
     height: 38px
}

.codex-header .nav-profile .media {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.codex-header .nav-profile .media .media-body {
     -webkit-padding-start: 10px;
     padding-inline-start: 10px
}

.codex-header .nav-profile .media .media-body h6 {
     font-size: 14px;
     font-weight: 500;
     color: #051722
}

.codex-header .nav-profile .media .media-body span {
     font-size: 13px
}

.codex-header.cdxfull-header {
     -webkit-margin-start: 0;
     margin-inline-start: 0;
     width: 100%
}

.codex-header.cdxfull-header .header-left {
     -webkit-padding-start: unset;
     padding-inline-start: unset
}

.codex-footer {
     background-color: #fff;
     padding: 15px 15px;
     text-align: center;
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     -webkit-box-shadow: 0 0 40px 5px rgba(5, 23, 34, .05);
     box-shadow: 0 0 40px 5px rgba(5, 23, 34, .05);
     -webkit-margin-start: 270px;
     margin-inline-start: 270px;
     width: calc(100% - 270px)
}

.codex-footer p {
     font-size: 15px
}

button.icon-Btn {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 35px;
     height: 35px;
     border-radius: 50% !important
}

button.icon-Btn i {
     font-size: 16px
}

.action-menu {
     position: relative
}

.action-menu .action-toggle {
     display: inline-block;
     background: rgba(0, 0, 0, 0);
     -webkit-box-shadow: none;
     box-shadow: none;
     border: none
}

.action-menu .action-toggle i {
     font-size: 22px;
     color: #8392a5
}

.action-menu .action-toggle:hover {
     color: #4dea0f
}

.action-menu .action-dropdown {
     position: absolute;
     inset-inline-end: 0;
     background-color: #fff;
     -webkit-box-shadow: 0 0 5px 0px rgba(5, 23, 34, .1);
     box-shadow: 0 0 5px 0px rgba(5, 23, 34, .1);
     border-radius: 5px;
     z-index: 1;
     min-width: 120px;
     opacity: 0;
     visibility: hidden;
     -webkit-transform: translateY(5px);
     transform: translateY(5px);
     -webkit-transition: all .5s ease;
     transition: all .5s ease
}

.action-menu .action-dropdown.active {
     opacity: 1;
     visibility: visible;
     -webkit-transform: translateY(0);
     transform: translateY(0)
}

.action-menu .action-dropdown li {
     width: 100%;
     display: block;
     text-transform: capitalize
}

.action-menu .action-dropdown li a,
.action-menu .action-dropdown li button,
.action-menu .action-dropdown li .btn {
     color: #8392a5;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-size: 14px;
     padding: 10px 18px
}

.action-menu .action-dropdown li a i,
.action-menu .action-dropdown li button i,
.action-menu .action-dropdown li .btn i {
     font-size: 14px;
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.action-menu .action-dropdown li a svg,
.action-menu .action-dropdown li button svg,
.action-menu .action-dropdown li .btn svg {
     width: auto;
     height: 18px;
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.action-menu .action-dropdown li a:focus,
.action-menu .action-dropdown li a:active,
.action-menu .action-dropdown li button:focus,
.action-menu .action-dropdown li button:active,
.action-menu .action-dropdown li .btn:focus,
.action-menu .action-dropdown li .btn:active {
     -webkit-box-shadow: none;
     box-shadow: none;
     outline: none
}

.action-menu .action-dropdown li:nth-child(n+2) {
     border-top: 1px solid #e5e5e5
}

.action-menu .action-dropdown.open {
     -webkit-transform: translateY(0);
     transform: translateY(0);
     visibility: visible;
     opacity: 1
}

.highlight {
     background-color: #f5f2f0;
     border-radius: 3px;
     padding: 0px 3px;
     color: #4dea0f
}

.highlight a {
     color: #4dea0f;
     text-decoration: underline
}

.modal-content {
     border-color: #e5e5e5;
     border-radius: 15px
}

.modal-content .close-modal {
     padding: 10px;
     line-height: 1;
     border-radius: 50%;
     color: #4dea0f;
     background-color: rgba(26, 124, 188, .1);
     -webkit-transition: all .5s ease;
     transition: all .5s ease
}

.modal-content .close-modal i {
     font-size: 12px;
     -webkit-transition: all .5s ease;
     transition: all .5s ease
}

.modal-content .close-modal:hover {
     color: #fff;
     background-color: #4dea0f
}

.modal-header {
     padding: 20px
}

.modal-body {
     padding: 20px
}

.modal-footer {
     padding: 20px
}

.codex-sidebar {
     position: fixed;
     top: 0;
     inset-inline-start: 0;
     width: 270px;
     height: 100%;
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     z-index: 4;
     background-color: #fff;
     -webkit-box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);
     box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05)
}

.codex-sidebar .logo-gridwrap,
.codex-sidebar .icon-logo {
     padding: 24px 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     inset-block-start: 0;
     inset-inline-start: 0;
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     -webkit-box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);
     box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05)
}

.codex-sidebar .logo-gridwrap .sidebar-action,
.codex-sidebar .icon-logo .sidebar-action {
     width: 38px;
     height: 38px;
     border-radius: 50%;
     display: none;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-shadow: 0 0 5px 2px rgba(5, 23, 34, .05);
     box-shadow: 0 0 5px 2px rgba(5, 23, 34, .05);
     color: #4dea0f;
     position: relative
}

.codex-sidebar .logo-gridwrap .sidebar-action svg,
.codex-sidebar .icon-logo .sidebar-action svg {
     color: #4dea0f;
     width: 16px
}

.codex-sidebar .logo-gridwrap .codex-darklogo,
.codex-sidebar .icon-logo .codex-darklogo {
     display: none
}

.codex-sidebar .icon-logo {
     display: none
}

.codex-sidebar .codex-menu {
     -webkit-margin-before: 20px;
     margin-block-start: 20px;
     -webkit-padding-after: 38px;
     padding-block-end: 38px;
     -webkit-padding-start: 20px;
     padding-inline-start: 20px;
     -webkit-padding-end: 20px;
     padding-inline-end: 20px;
     height: calc(100vh - 85px)
}

.codex-sidebar.sidebar-dark {
     background-color: #18223a
}

.codex-sidebar.sidebar-dark .codexbrand-logo {
     display: none
}

.codex-sidebar.sidebar-dark .codex-darklogo {
     display: block
}

.codex-sidebar.sidebar-dark .codex-menu li a {
     color: #cdc9c9
}

.codex-sidebar.sidebar-dark .codex-menu .submenu-list a {
     color: #cdc9c9
}

.codex-sidebar.sidebar-gradient {
     background-image: linear-gradient(45deg, #4dea0f 30%, #f07521)
}

.codex-sidebar.sidebar-gradient .codexbrand-logo img {
     -webkit-filter: invert(1);
     filter: invert(1)
}

.codex-sidebar.sidebar-gradient .cdxmenu-title {
     border-color: #fff;
     background-color: rgba(255, 255, 255, .2)
}

.codex-sidebar.sidebar-gradient .cdxmenu-title h5 {
     color: #fff
}

.codex-sidebar.sidebar-gradient .codex-menu li a {
     color: #fff
}

.codex-menu {
     -webkit-padding-before: 0;
     padding-block-start: 0
}

.codex-menu .cdxmenu-title {
     padding: 10px 15px;
     font-weight: 600;
     border-radius: 2px;
     border-left: 5px solid #4dea0f;
     background-color: #4dea0f1f;
     -webkit-margin-after: 10px;
     margin-block-end: 10px;
     -webkit-margin-before: 10px;
     margin-block-start: 10px
}

.codex-menu .cdxmenu-title h5 {
     font-size: 14px;
     text-transform: capitalize;
     font-weight: 600;
     color: #4dea0f
}

.codex-menu li {
     display: block;
     position: relative
}

.codex-menu li.menu-item.active>a {
     color: #4dea0f
}

.codex-menu li>a {
     padding: 10px 10px
}

.codex-menu li>a .icon-item {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px;
     line-height: 1
}

.codex-menu li>a .icon-item i {
     font-size: 18px
}

.codex-menu li>a .icon-item svg {
     width: 18px;
     height: auto
}

.codex-menu li>a>svg {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.codex-menu li>a>i {
     font-size: 18px
}

.codex-menu li>a>i.fa {
     -webkit-margin-start: auto;
     margin-inline-start: auto
}

.codex-menu li>a span {
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     line-height: 1
}

.codex-menu li a {
     font-style: normal;
     font-size: 16px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-transform: capitalize;
     position: relative;
     color: #8392a5
}

.codex-menu li .submenu-list,
.codex-menu li .secondsubmenu-list {
     display: none
}

.codex-menu li.active .submenu-list,
.codex-menu li.active .secondsubmenu-list {
     display: block
}

.codex-menu .submenu-list {
     -webkit-padding-start: 10px;
     padding-inline-start: 10px
}

.codex-menu .submenu-list a {
     -webkit-padding-start: 35px;
     padding-inline-start: 35px;
     color: #8392a5;
     padding: 5px 25px
}

.codex-menu .submenu-list>li.active>a {
     color: #4dea0f
}

.progress-primary {
     background-color: rgba(26, 124, 188, .1) !important;
     border-radius: 15px
}

.progress-primary .progress-bar {
     background-color: #4dea0f !important;
     -webkit-transition: none !important;
     transition: none !important
}

.progress-secondary {
     background-color: rgba(240, 117, 33, .1) !important;
     border-radius: 15px
}

.progress-secondary .progress-bar {
     background-color: #f07521 !important;
     -webkit-transition: none !important;
     transition: none !important
}

.progress-success {
     background-color: rgba(76, 175, 80, .1) !important;
     border-radius: 15px
}

.progress-success .progress-bar {
     background-color: #4caf50 !important;
     -webkit-transition: none !important;
     transition: none !important
}

.progress-info {
     background-color: rgba(24, 160, 251, .1) !important;
     border-radius: 15px
}

.progress-info .progress-bar {
     background-color: #18a0fb !important;
     -webkit-transition: none !important;
     transition: none !important
}

.progress-warning {
     background-color: rgba(255, 194, 97, .1) !important;
     border-radius: 15px
}

.progress-warning .progress-bar {
     background-color: #ffc261 !important;
     -webkit-transition: none !important;
     transition: none !important
}

.progress-danger {
     background-color: rgba(227, 41, 29, .1) !important;
     border-radius: 15px
}

.progress-danger .progress-bar {
     background-color: #e3291d !important;
     -webkit-transition: none !important;
     transition: none !important
}

.progress-light {
     background-color: rgba(244, 247, 252, .1) !important;
     border-radius: 15px
}

.progress-light .progress-bar {
     background-color: #f4f7fc !important;
     -webkit-transition: none !important;
     transition: none !important
}

.progress-dark {
     background-color: rgba(51, 51, 51, .1) !important;
     border-radius: 15px
}

.progress-dark .progress-bar {
     background-color: #333 !important;
     -webkit-transition: none !important;
     transition: none !important
}

@-webkit-keyframes passing-through {
     0% {
          opacity: 0;
          -webkit-transform: translateY(40px);
          transform: translateY(40px)
     }

     30%,
     70% {
          opacity: 1;
          -webkit-transform: translateY(0px);
          transform: translateY(0px)
     }

     100% {
          opacity: 0;
          -webkit-transform: translateY(-40px);
          transform: translateY(-40px)
     }
}

@keyframes passing-through {
     0% {
          opacity: 0;
          -webkit-transform: translateY(40px);
          transform: translateY(40px)
     }

     30%,
     70% {
          opacity: 1;
          -webkit-transform: translateY(0px);
          transform: translateY(0px)
     }

     100% {
          opacity: 0;
          -webkit-transform: translateY(-40px);
          transform: translateY(-40px)
     }
}

@-webkit-keyframes slide-in {
     0% {
          opacity: 0;
          -webkit-transform: translateY(40px);
          transform: translateY(40px)
     }

     30% {
          opacity: 1;
          -webkit-transform: translateY(0px);
          transform: translateY(0px)
     }
}

@keyframes slide-in {
     0% {
          opacity: 0;
          -webkit-transform: translateY(40px);
          transform: translateY(40px)
     }

     30% {
          opacity: 1;
          -webkit-transform: translateY(0px);
          transform: translateY(0px)
     }
}

@-webkit-keyframes pulse {
     0% {
          -webkit-transform: scale(1);
          transform: scale(1)
     }

     10% {
          -webkit-transform: scale(1.1);
          transform: scale(1.1)
     }

     20% {
          -webkit-transform: scale(1);
          transform: scale(1)
     }
}

@keyframes pulse {
     0% {
          -webkit-transform: scale(1);
          transform: scale(1)
     }

     10% {
          -webkit-transform: scale(1.1);
          transform: scale(1.1)
     }

     20% {
          -webkit-transform: scale(1);
          transform: scale(1)
     }
}

.dropzone {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     min-height: 150px;
     border: 2px dashed #4dea0f;
     border-radius: 5px;
     padding: 30px 20px;
     text-align: center
}

.dropzone .upload-icon i {
     font-size: 55px;
     color: #4dea0f
}

.dropzone h3 {
     font-size: calc(20px + 4*(100vw - 420px)/1600)
}

.dropzone .dz-preview {
     position: relative;
     display: inline-block;
     vertical-align: top;
     margin: 16px
}

.dropzone .dz-preview:hover {
     z-index: 1000
}

.dropzone .dz-preview:hover .dz-details {
     opacity: 1;
     opacity: 1
}

.dropzone .dz-preview:hover .dz-image img {
     -webkit-transform: scale(1.05, 1.05);
     transform: scale(1.05, 1.05);
     -webkit-filter: blur(8px);
     filter: blur(8px)
}

.dropzone .dz-preview .dz-remove {
     font-size: 14px;
     text-align: center;
     display: block;
     cursor: pointer;
     border: none
}

.dropzone .dz-preview .dz-remove:hover {
     text-decoration: underline
}

.dropzone .dz-preview .dz-details {
     z-index: 20;
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     font-size: 13px;
     min-width: 100%;
     max-width: 100%;
     padding: 2em 1em;
     text-align: center;
     color: rgba(0, 0, 0, .9);
     line-height: 150%
}

.dropzone .dz-preview .dz-details .dz-size {
     margin-bottom: 1em;
     font-size: 16px
}

.dropzone .dz-preview .dz-details .dz-size span {
     background-color: rgba(255, 255, 255, .4);
     padding: 0 .4em;
     border-radius: 3px
}

.dropzone .dz-preview .dz-details .dz-filename {
     white-space: nowrap
}

.dropzone .dz-preview .dz-details .dz-filename:hover span {
     border: 1px solid rgba(200, 200, 200, .8);
     background-color: rgba(255, 255, 255, .8)
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
     overflow: hidden;
     text-overflow: ellipsis
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
     border: 1px solid rgba(0, 0, 0, 0)
}

.dropzone .dz-preview .dz-details .dz-filename span {
     background-color: rgba(255, 255, 255, .4);
     padding: 0 .4em;
     border-radius: 3px
}

.dropzone .dz-preview .dz-image {
     border-radius: 20px;
     overflow: hidden;
     width: 120px;
     height: 120px;
     position: relative;
     display: block;
     z-index: 10
}

.dropzone .dz-preview .dz-image img {
     display: block
}

.dropzone .dz-preview .dz-success-mark {
     pointer-events: none;
     opacity: 0;
     z-index: 500;
     position: absolute;
     display: block;
     top: 50%;
     left: 50%;
     margin-left: -27px;
     margin-top: -27px;
     background: rgba(255, 255, 255, .8);
     border-radius: 50%;
     padding: 10px
}

.dropzone .dz-preview .dz-success-mark i {
     font-size: 32px;
     color: var(--black-color)
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
     -webkit-animation: pulse 6s ease infinite;
     animation: pulse 6s ease infinite
}

.dropzone .dz-preview .dz-progress {
     opacity: 1;
     z-index: 1000;
     pointer-events: none;
     position: absolute;
     height: 20px;
     top: 50%;
     margin-top: -10px;
     left: 15%;
     right: 15%;
     border: 3px solid rgba(0, 0, 0, .8);
     background: rgba(0, 0, 0, .8);
     border-radius: 10px;
     overflow: hidden
}

.dropzone .dz-preview .dz-progress .dz-upload {
     background: #fff;
     display: block;
     position: relative;
     height: 100%;
     width: 0;
     -webkit-transition: width 300ms ease-in-out;
     transition: width 300ms ease-in-out;
     border-radius: 17px
}

.dropzone .dz-preview.dz-file-preview .dz-image {
     border-radius: 20px;
     background: #999;
     background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
     background: linear-gradient(to bottom, #eee, #ddd)
}

.dropzone .dz-preview.dz-file-preview .dz-details {
     opacity: 1
}

.dropzone .dz-preview.dz-image-preview {
     background: #fff
}

.dropzone .dz-preview.dz-image-preview .dz-details {
     -webkit-transition: opacity .2s linear;
     transition: opacity .2s linear
}

.dropzone .dz-preview.dz-success .dz-success-mark {
     -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
     animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)
}

.dropzone .dz-preview.dz-processing .dz-progress {
     opacity: 1;
     -webkit-transition: all .2s linear;
     transition: all .2s linear
}

.dropzone .dz-preview.dz-complete .dz-progress {
     opacity: 0;
     -webkit-transition: opacity .4s ease-in;
     transition: opacity .4s ease-in
}

.dropzone.dz-clickable {
     cursor: pointer
}

.dropzone.dz-clickable * {
     cursor: default
}

.dropzone.dz-clickable .dz-message {
     cursor: pointer
}

.dropzone.dz-clickable .dz-message * {
     cursor: pointer
}

.dropzone.dz-started .dz-message {
     display: none
}

.dropzone.dz-drag-hover {
     border-style: solid
}

.dropzone.dz-drag-hover .dz-message {
     opacity: .5
}

.customizer-layer {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(5, 23, 34, .2);
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     opacity: 0;
     visibility: hidden;
     z-index: 5
}

.customizer-layer.active {
     opacity: 1;
     visibility: visible
}

.customizer-action {
     position: fixed;
     top: 42%;
     inset-inline-end: 0;
     background-color: #fff;
     padding: 12px;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     z-index: 5;
     -webkit-box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);
     box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);
     -webkit-transition: all .3s ease-in;
     transition: all .3s ease-in
}

.customizer-action svg {
     width: 18px;
     height: auto;
     color: #4dea0f;
     -webkit-transition: all .3s ease-in;
     transition: all .3s ease-in;
     -webkit-animation: settingrotate 2.2s linear infinite;
     animation: settingrotate 2.2s linear infinite
}

.customizer-action:hover {
     background-color: #4dea0f
}

.customizer-action:hover svg {
     color: #fff
}

.theme-cutomizer {
     position: fixed;
     top: 15%;
     inset-inline-end: -280px;
     width: 280px;
     background-color: #fff;
     z-index: 9;
     -webkit-box-shadow: 0 0 40px 5px rgba(5, 23, 34, .1);
     box-shadow: 0 0 40px 5px rgba(5, 23, 34, .1);
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     -webkit-transition: all .5s ease;
     transition: all .5s ease
}

.theme-cutomizer.active {
     inset-inline-end: 0
}

.theme-cutomizer .customizer-header {
     padding: 20px;
     cursor: pointer;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     border-bottom: 1px solid #e5e5e5
}

.theme-cutomizer .customizer-header .close-customizer {
     width: 30px;
     height: 30px;
     border-radius: 50%;
     background-color: rgba(26, 124, 188, .1);
     display: -webkit-box;
     display: -ms-flexbox;
     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-transition: all .3s ease-in;
     transition: all .3s ease-in
}

.theme-cutomizer .customizer-header .close-customizer svg {
     width: 18px;
     color: #4dea0f;
     -webkit-transition: all .3s ease-in;
     transition: all .3s ease-in
}

.theme-cutomizer .customizer-header .close-customizer:hover {
     background-color: #4dea0f
}

.theme-cutomizer .customizer-header .close-customizer:hover svg {
     color: #fff
}

.theme-cutomizer .customizer-body {
     padding: 20px
}

.theme-cutomizer .customizer-body .cutomize-group {
     -webkit-margin-after: 20px;
     margin-block-end: 20px
}

.theme-cutomizer .customizer-body .customizer-title {
     font-size: 14px;
     color: #051722;
     text-transform: uppercase;
     -webkit-margin-after: 10px;
     margin-block-end: 10px
}

.theme-cutomizer .customizer-body .customizeoption-list {
     -webkit-margin-start: -15px;
     margin-inline-start: -15px;
     margin-bottom: -10px
}

.theme-cutomizer .customizer-body .customizeoption-list li {
     border: 1px solid #e5e5e5;
     padding: 10px 30px;
     border-radius: 5px;
     text-transform: capitalize;
     display: inline-block;
     cursor: pointer;
     color: #8392a5;
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     -webkit-margin-start: 15px;
     margin-inline-start: 15px;
     margin-bottom: 10px
}

.theme-cutomizer .customizer-body .customizeoption-list li.active-mode {
     color: #fff;
     background-color: #4dea0f;
     border-color: #4dea0f
}

.theme-cutomizer .customizer-body .customizeoption-list li.color1 {
     background-color: #4dea0f
}

.theme-cutomizer .customizer-body .customizeoption-list li.color2 {
     background-color: #6610f2
}

.theme-cutomizer .customizer-body .customizeoption-list li.color3 {
     background-color: #01a3ff
}

.theme-cutomizer .customizer-body .customizeoption-list li.color4 {
     background-color: #dc3545
}

.theme-cutomizer .customizer-body .customizeoption-list li.color5 {
     background-color: #20c997
}

.theme-cutomizer .customizer-body .customizeoption-list li.color6 {
     background-color: #432d29
}

.theme-cutomizer .customizer-body .themecolor-list li {
     width: 30px;
     height: 30px;
     background-color: #4dea0f
}

@-webkit-keyframes settingrotate {
     from {
          -webkit-transform: rotate(0);
          transform: rotate(0)
     }

     to {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg)
     }
}

@keyframes settingrotate {
     from {
          -webkit-transform: rotate(0);
          transform: rotate(0)
     }

     to {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg)
     }
}

.product-boxwrap {
     text-align: center;
     overflow: hidden;
     position: relative;
     border-radius: 8px;
     background-color: #fff;
     padding: 15px;
     -webkit-box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);
     box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05)
}

.product-boxwrap:hover .product-imgwrap img {
     -webkit-transform: scale(1.05);
     transform: scale(1.05)
}

.product-boxwrap:hover .social li {
     opacity: 1;
     -webkit-transform: translateY(0);
     transform: translateY(0)
}

.product-boxwrap .product-imgwrap {
     overflow: hidden;
     position: relative;
     border-radius: 8px
}

.product-boxwrap .product-imgwrap img {
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     width: 100%
}

.product-boxwrap .product-imgwrap a {
     display: block
}

.product-boxwrap .product-imgwrap .product-discount-label,
.product-boxwrap .product-imgwrap .product-sale-label {
     color: #fff;
     background-color: #f07521;
     font-size: 13px;
     letter-spacing: 1px;
     padding: 8px 12px;
     border-radius: 5px;
     position: absolute;
     left: 15px;
     top: 15px;
     line-height: 1
}

.product-boxwrap .product-imgwrap .product-discount-label {
     background: #4dea0f;
     letter-spacing: .5px;
     left: auto;
     right: 10px
}

.product-boxwrap .social {
     width: 100%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
     position: absolute;
     left: 50%;
     top: 50%
}

.product-boxwrap .social li {
     display: inline-block;
     opacity: 0;
     -webkit-transform: translateY(300%);
     transform: translateY(300%);
     -webkit-transition: all .5s ease 0s;
     transition: all .5s ease 0s
}

.product-boxwrap .social li:nth-child(n+2) {
     -webkit-margin-start: 5px;
     margin-inline-start: 5px
}

.product-boxwrap .social li:nth-child(2) {
     -webkit-transition-delay: .05s;
     transition-delay: .05s
}

.product-boxwrap .social li:nth-child(3) {
     -webkit-transition-delay: .13s;
     transition-delay: .13s
}

.product-boxwrap .social li:nth-child(4) {
     -webkit-transition-delay: .16s;
     transition-delay: .16s
}

.product-boxwrap .social li a {
     color: #fff;
     background-color: #4dea0f;
     height: 40px;
     width: 40px;
     border-radius: 5px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-transition: all .3s ease;
     transition: all .3s ease
}

.product-boxwrap .social li a:hover {
     background-color: #f07521
}

.product-boxwrap .social li a i {
     font-size: 20px
}

.product-boxwrap .product-detailwrap {
     -webkit-padding-before: 15px;
     padding-block-start: 15px
}

.product-boxwrap .product-detailwrap h5 {
     color: #262626;
     -webkit-margin-after: unset;
     margin-block-end: unset;
     text-transform: capitalize
}

.product-boxwrap .pro-price {
     color: #4dea0f;
     font-size: 16px;
     font-weight: 600
}

.product-boxwrap .pro-price span {
     font-size: 14px;
     color: #8392a5;
     -webkit-margin-start: 10px;
     margin-inline-start: 10px;
     font-weight: 400;
     text-decoration: line-through;
     display: inline-block
}

.product-color {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex
}

.product-color li {
     width: 30px;
     height: 30px;
     border-radius: 3px;
     overflow: hidden;
     position: relative
}

.product-color li.active>div:before {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     content: "";
     font-family: "FontAwesome";
     color: #fff
}

.product-color li>div {
     width: 100%;
     height: 100%
}

.product-color li+li {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.top-product {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.top-product .product-imgwrap {
     width: 75px;
     height: 75px;
     overflow: hidden;
     padding: 5px;
     border: 1px solid #e5e5e5;
     border-radius: 5px;
     -webkit-margin-end: 15px;
     margin-inline-end: 15px
}

.top-product .product-imgwrap img {
     max-width: 100%;
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     -o-object-position: top;
     object-position: top
}

.top-product .product-detailwrap h6 {
     text-transform: capitalize;
     color: #262626
}

.top-product .product-detailwrap .name {
     font-size: 16px
}

.top-product .product-detailwrap .price {
     font-size: 15px
}

.list-view-page .col-md-4 {
     -webkit-box-flex: 50%;
     -ms-flex: 50%;
     flex: 50%;
     width: 50%;
     max-width: 50%
}

.list-view-page .col-md-4 .product-boxwrap {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.list-view-page .col-md-4 .product-boxwrap .product-imgwrap {
     width: 45%;
     overflow: visible;
     overflow: hidden
}

.list-view-page .col-md-4 .product-boxwrap .product-imgwrap .product-sale-label,
.list-view-page .col-md-4 .product-boxwrap .product-imgwrap .product-discount-label {
     display: none
}

.list-view-page .col-md-4 .product-boxwrap .product-detailwrap {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-align: start;
     -webkit-padding-start: 20px;
     padding-inline-start: 20px;
     width: 65%
}

.list-view-page .col-md-4 .product-boxwrap .product-detailwrap h4 {
     font-size: 23px
}

.list-view-page .col-md-4 .product-boxwrap .product-detailwrap .pro-rating .star {
     font-size: 18px
}

.list-view-page .col-md-4 .product-boxwrap .product-detailwrap .pro-price {
     font-size: 18px
}

.list-view-page .col-md-4 .product-boxwrap .product-detailwrap .pro-price span {
     font-size: 16px
}

.grid-wrap-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between
}

.grid-wrap-header .product-search {
     width: 50%
}

.grid-wrap-header .gridfilter-list {
     -webkit-margin-start: -10px;
     margin-inline-start: -10px
}

.grid-wrap-header .gridfilter-list li {
     display: inline-block;
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.grid-wrap-header .gridfilter-list li a {
     font-size: 18px;
     padding: 8px 15px;
     color: #8392a5;
     border-radius: 5px;
     display: inline-block;
     border: 1px solid #e5e5e5
}

.grid-wrap-header .gridfilter-list li a svg {
     width: 18px
}

.grid-wrap-header .gridfilter-list li a:focus {
     color: #fff;
     border-color: #4dea0f;
     background-color: #4dea0f
}

.product-filter .filter-title {
     -webkit-padding-after: 10px;
     padding-block-end: 10px;
     -webkit-margin-after: 20px;
     margin-block-end: 20px;
     border-bottom: 1px solid #e5e5e5
}

.product-filter .filter-list li {
     display: block;
     color: #8392a5
}

.product-filter .top-product+.top-product {
     -webkit-margin-before: 15px;
     margin-block-start: 15px
}

.product-filter .range-group {
     -webkit-margin-before: 20px;
     margin-block-start: 20px
}

.product-filter .range-group .irs-with-grid .irs-grid {
     display: none
}

.top-product .product-detailwrap .price {
     color: #8392a5
}

.product-boxwrap .pro-price {
     color: #051722
}

.product-rating li i {
     color: #ffc261
}

.pro-quantity {
     width: 170px
}

.pro-quantity span {
     background-color: rgba(0, 0, 0, 0)
}

.pro-quantity .form-control {
     background-color: rgba(0, 0, 0, 0);
     text-align: center;
     -webkit-padding-start: 20px;
     padding-inline-start: 20px;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none
}

.product-detail-page .product-card {
     padding: 25px;
     background-color: #fff;
     border-radius: 5px;
     -webkit-box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);
     box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05)
}

.product-detail-page .product-card .product-for img,
.product-detail-page .product-card .product-to img {
     width: 100%
}

.product-detail-page .product-card .product-to {
     -webkit-margin-before: 20px;
     margin-block-start: 20px;
     -webkit-margin-start: -10px;
     margin-inline-start: -10px;
     -webkit-margin-end: -10px;
     margin-inline-end: -10px
}

.product-detail-page .product-card .product-to .product-imgwrap {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px;
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.product-detail-page .product-card h2 {
     text-transform: capitalize;
     -webkit-margin-after: 5px;
     margin-block-end: 5px;
     font-size: calc(20px + 10*(100vw - 420px)/1500)
}

.product-detail-page .product-card h6 {
     -webkit-margin-after: 5px;
     margin-block-end: 5px
}

.product-detail-page .product-card .detail-group {
     -webkit-padding-after: 15px;
     padding-block-end: 15px;
     -webkit-margin-after: 15px;
     margin-block-end: 15px;
     border-bottom: 1px solid #e5e5e5;
     position: relative
}

.product-detail-page .product-card .detail-group .product-share {
     position: relative;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     -webkit-margin-start: auto;
     margin-inline-start: auto
}

.product-detail-page .product-card .detail-group .product-share .proshare-toggle {
     font-size: 22px;
     font-weight: 500;
     cursor: pointer;
     color: #8392a5
}

.product-detail-page .product-card .detail-group .product-share .share-iconlist {
     position: absolute;
     top: 100%;
     inset-inline-end: 0;
     background-color: #f4f6fb;
     padding: 10px 12px;
     display: none;
     border-radius: 5px
}

.product-detail-page .product-card .detail-group .product-share .share-iconlist.show {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex
}

.product-detail-page .product-card .detail-group .product-share .share-iconlist li {
     cursor: pointer;
     width: 30px;
     height: 30px;
     border-radius: 5px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     justify-self: center
}

.product-detail-page .product-card .detail-group .product-share .share-iconlist li svg,
.product-detail-page .product-card .detail-group .product-share .share-iconlist li i {
     color: #fff;
     font-size: 16px;
     height: 16px;
     width: auto
}

.product-detail-page .product-card .detail-group .product-share .share-iconlist li+li {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.product-detail-page .product-card .detail-group ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.product-detail-page .product-card .detail-group ul li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center
}

.product-detail-page .product-card .detail-group .product-color {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-margin-after: 15px;
     margin-block-end: 15px
}

.product-detail-page .product-card .detail-group .product-color li {
     width: 30px;
     height: 30px;
     border-radius: 3px;
     overflow: hidden;
     position: relative
}

.product-detail-page .product-card .detail-group .product-color li.active>div:before {
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-margin-end: -50%;
     margin-inline-end: -50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     content: "";
     font-family: "FontAwesome";
     color: #fff
}

.product-detail-page .product-card .detail-group .product-color li>div {
     width: 100%;
     height: 100%
}

.product-detail-page .product-card .detail-group .product-color li+li {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.product-detail-page .product-card .detail-group .product-size li {
     width: 45px;
     height: 45px;
     border: 1px solid #e5e5e5;
     text-transform: capitalize;
     border-radius: 3px
}

.product-detail-page .product-card .detail-group .product-size li a {
     color: #051722;
     font-weight: 500
}

.product-detail-page .product-card .detail-group .product-size li.active {
     background-color: #4dea0f
}

.product-detail-page .product-card .detail-group .product-size li.active a {
     color: #fff
}

.product-detail-page .product-card .detail-group .product-size li+li {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.product-detail-page .product-card .detail-group .product-rating {
     -webkit-margin-after: 10px;
     margin-block-end: 10px
}

.product-detail-page .product-card .detail-group .product-price li {
     font-size: calc(18px + 7*(100vw - 420px)/1500);
     font-weight: 600
}

.product-detail-page .product-card .detail-group .product-price li+li {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.product-detail-page .product-card .detail-group .product-delivery {
     width: 400px;
     text-transform: capitalize
}

.product-detail-page .product-card .detail-group .product-delivery span {
     background-color: rgba(0, 0, 0, 0);
     padding: 10px 20px
}

.product-detail-page .product-card .detail-group .product-delivery span i {
     color: #4dea0f;
     font-size: 24px
}

.product-detail-page .product-card .detail-group h5 {
     font-size: 14px
}

.product-detail-page .product-card .detail-group p {
     font-size: 14px;
     color: #8392a5
}

.product-detail-page .product-card .detail-group h6 {
     text-transform: capitalize
}

.product-detail-page .product-card .detail-group .btn {
     text-transform: capitalize
}

.product-detail-page .product-detail-tab {
     -webkit-margin-before: 30px;
     margin-block-start: 30px;
     -webkit-margin-after: 30px;
     margin-block-end: 30px
}

.product-detail-page .product-detail-tab .nav-tabs li a {
     display: block;
     font-weight: 500
}

.product-detail-page .product-detail-tab .nav-tabs li a.active {
     color: #fff;
     background-color: #4dea0f
}

.product-detail-page .product-detail-tab .nav-tabs li+li {
     -webkit-margin-start: 20px;
     margin-inline-start: 20px
}

.product-detail-page .product-detail-tab .tab-content {
     -webkit-padding-before: 15px;
     padding-block-start: 15px
}

.product-detail-page .product-detail-tab .tab-content ul.review-list {
     -webkit-margin-after: 20px;
     margin-block-end: 20px
}

.product-detail-page .product-detail-tab .tab-content ul.review-list>li {
     width: 80%;
     -webkit-margin-after: 20px;
     margin-block-end: 20px;
     padding: 20px;
     border: 1px solid #e5e5e5;
     border-radius: 5px
}

.product-detail-page .product-detail-tab .tab-content ul.review-list>li .media {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-margin-after: 10px;
     margin-block-end: 10px
}

.product-detail-page .product-detail-tab .tab-content ul.review-list>li .media img {
     width: 60px;
     height: 60px;
     border-radius: 5px;
     -webkit-margin-end: 15px;
     margin-inline-end: 15px
}

.product-detail-page .product-detail-tab .tab-content ul.review-list>li .media h4 {
     text-transform: capitalize
}

.product-detail-page .product-detail-tab .tab-content ul.review-list>li p {
     font-size: 16px
}

.product-detail-page .product-detail-tab .tab-content .form-group textarea {
     height: 180px
}

.related-product .product-boxwrap {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px;
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.slick-arrow1 .slick-prev:before,
.slick-arrow1 .slick-next:before {
     background-color: #4dea0f
}

.productlist-tbl .product-imgwrap img {
     width: 50px;
     height: auto
}

.productlist-tbl tr {
     border-color: #e5e5e5;
     text-align: center
}

.productlist-tbl td {
     text-align: center
}

.cdxshopping-cart th {
     font-size: 16px;
     font-weight: 600
}

.cdxshopping-cart td {
     font-size: 16px;
     font-weight: 500;
     -webkit-padding-before: 10px;
     padding-block-start: 10px;
     -webkit-padding-after: 10px;
     padding-block-end: 10px;
     vertical-align: middle
}

.cdxshopping-cart .cart-tbl th,
.cdxshopping-cart .cart-tbl td {
     vertical-align: middle;
     min-width: 180px;
     border: 1px solid #e5e5e5;
     text-align: center;
     padding: 20px;
     text-transform: capitalize
}

.cdxshopping-cart .cart-tbl th .pro-quantity,
.cdxshopping-cart .cart-tbl td .pro-quantity {
     -webkit-margin-start: auto;
     margin-inline-start: auto;
     -webkit-margin-end: auto;
     margin-inline-end: auto
}

.cdxshopping-cart .cart-tbl .cart-action .bg-success {
     background-color: rgba(76, 175, 80, .5)
}

.cdxshopping-cart .cart-tbl .cart-action .bg-danger {
     background-color: rgba(227, 41, 29, .5)
}

.cdxshopping-cart .cart-tbl .product-imgwrap img {
     width: 75px;
     height: auto
}

.cdxshopping-cart .group-btn .btn:nth-child(n+2) {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.cdxshopping-cart .cartbtn-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-margin-before: 20px;
     margin-block-start: 20px
}

.cdxshopping-cart .pro-quantity .form-control {
     padding: 7px 10px
}

.cdxshopping-cart .pro-quantity span svg {
     width: auto;
     height: 20px
}

.chekout-tbl tr:first-child td {
     -webkit-padding-before: 0;
     padding-block-start: 0
}

.chekout-tbl tr td:first-child,
.chekout-tbl tr th:first-child {
     -webkit-padding-start: 0;
     padding-inline-start: 0
}

.chekout-tbl tr td:last-child,
.chekout-tbl tr th:last-child {
     -webkit-padding-end: 0;
     padding-inline-end: 0
}

.chekout-tbl tr:last-child td {
     -webkit-padding-after: 0;
     padding-block-end: 0;
     border-bottom: none;
     -webkit-padding-before: 20px;
     padding-block-start: 20px
}

.chekout-tbl tr td {
     text-align: end;
     min-width: 80px
}

.checkout-page .payment-detail ul li:nth-child(n+2) {
     -webkit-margin-start: 20px;
     margin-inline-start: 20px
}

.checkout-page .payment-detail ul li a {
     border: 1px solid #e5e5e5;
     padding: 12px 20px;
     border-radius: 5px;
     display: inline-block
}

.checkout-page .payment-detail ul li a i {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.checkout-page .payment-detail ul li a.active {
     background-color: #4dea0f;
     color: #fff
}

.checkout-page .cdx-cvc .cvc-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.checkout-page .cdx-cvc .cvc-group .form-control {
     width: 80px;
     -webkit-margin-end: 15px;
     margin-inline-end: 15px
}

.checkout-page .cdx-cvc .cvc-group p {
     font-size: 14px
}

.codex-calendar .events-list li {
     font-size: 16px;
     font-weight: 500;
     padding: 12px 15px;
     border-radius: 5px;
     color: #fff;
     line-height: 1
}

.codex-calendar .events-list li i {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.codex-calendar .events-list li:nth-child(n+2) {
     -webkit-margin-before: 15px;
     margin-block-start: 15px
}

.codex-calendar .fc-event-title {
     padding: 10px 15px;
     width: 100%;
     white-space: pre-wrap
}

.codex-calendar .fc-button-group button {
     background-color: #4dea0f;
     border-radius: 5px !important;
     text-transform: capitalize;
     padding: 7px 13px;
     border: none
}

.codex-calendar .fc-button-group button:focus {
     -webkit-box-shadow: none !important;
     box-shadow: none !important
}

.codex-calendar .fc-button-group button:nth-child(n+2) {
     -webkit-margin-start: 10px !important;
     margin-inline-start: 10px !important
}

.codex-calendar .fc-daygrid-event {
     border: none
}

.codex-calendar table thead .fc-col-header-cell {
     padding: 10px 12px;
     background-color: rgba(26, 124, 188, .05) !important
}

.codex-calendar .fc .fc-toolbar-title {
     color: #8392a5
}

.codex-chat {
     -webkit-margin-after: 20px;
     margin-block-end: 20px
}

.codex-chat .media {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.codex-chat .media .userimg-wrap {
     width: 45px;
     height: 45px;
     border-radius: 50%;
     -webkit-margin-end: 15px;
     margin-inline-end: 15px
}

.codex-chat .media .userimg-wrap img {
     width: 100%;
     height: 100%;
     border-radius: 5px
}

.codex-chat .media .media-body h6 {
     text-transform: capitalize
}

.codex-chat .media .media-body p {
     font-size: 14px;
     color: #8392a5
}

.codex-chat .media .caht-status span {
     display: block;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     -webkit-margin-start: auto;
     margin-inline-start: auto
}

.codex-chat .media .caht-status .time-status {
     font-size: 14px;
     color: #8392a5;
     float: right;
     font-weight: 400
}

.codex-chat .chat-sidebar {
     max-width: 360px
}

.codex-chat .chat-sidebar .admin-profile {
     -webkit-margin-after: 15px;
     margin-block-end: 15px
}

.codex-chat .chat-sidebar .input-group {
     -webkit-margin-after: 20px;
     margin-block-end: 20px;
     border-radius: 5px
}

.codex-chat .chat-sidebar .input-group .input-group-text {
     color: #8392a5;
     background-color: rgba(0, 0, 0, 0)
}

.codex-chat .chat-sidebar .input-group .input-group-text svg {
     width: 18px
}

.codex-chat .chat-sidebar .chaticon-list {
     -webkit-margin-start: auto;
     margin-inline-start: auto;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content
}

.codex-chat .chat-sidebar ul.user-caht-list {
     max-height: 595px;
     overflow: auto;
     -webkit-padding-end: 10px;
     padding-inline-end: 10px
}

.codex-chat .chat-sidebar ul.user-caht-list li {
     padding: 10px;
     border: 1px solid #e5e5e5;
     border-radius: 5px
}

.codex-chat .chat-sidebar ul.user-caht-list li:nth-child(n+2) {
     -webkit-margin-before: 10px;
     margin-block-start: 10px
}

.codex-chat .chat-body {
     background-color: #fff;
     border-radius: 0 5px 5px 0;
     width: 100%;
     border-radius: 5px;
     position: relative;
     -webkit-box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);
     box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05)
}

.codex-chat .chat-body .media {
     padding: 18px 20px
}

.codex-chat .chat-body .userchat-msgbox {
     height: 585px;
     padding: 25px 30px 0 25px;
     overflow: auto;
     background-color: #f4f6fb
}

.codex-chat .chat-body .userchat-msgbox ul {
     -webkit-margin-after: 30px;
     margin-block-end: 30px
}

.codex-chat .chat-body .userchat-msgbox li {
     display: block
}

.codex-chat .chat-body .userchat-msgbox li:nth-child(n+2) {
     -webkit-margin-before: 15px;
     margin-block-start: 15px
}

.codex-chat .chat-body .userchat-msgbox .user-msgbox .chat-contain img {
     -webkit-margin-end: 15px;
     margin-inline-end: 15px
}

.codex-chat .chat-body .userchat-msgbox .admin-msgbox .chat-contain img {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.codex-chat .chat-body .userchat-msgbox .user-msgbox,
.codex-chat .chat-body .userchat-msgbox .admin-msgbox {
     max-width: 50%;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content
}

.codex-chat .chat-body .userchat-msgbox .user-msgbox .chat-contain,
.codex-chat .chat-body .userchat-msgbox .admin-msgbox .chat-contain {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end
}

.codex-chat .chat-body .userchat-msgbox .user-msgbox .chat-contain img,
.codex-chat .chat-body .userchat-msgbox .admin-msgbox .chat-contain img {
     width: 30px;
     height: 30px;
     border-radius: 5px
}

.codex-chat .chat-body .userchat-msgbox .user-msgbox .chat-contain p,
.codex-chat .chat-body .userchat-msgbox .admin-msgbox .chat-contain p {
     background-color: #fff;
     padding: 10px 13px;
     border-radius: 5px;
     font-size: 14px;
     color: #8392a5
}

.codex-chat .chat-body .userchat-msgbox .user-msgbox .msg-seen,
.codex-chat .chat-body .userchat-msgbox .admin-msgbox .msg-seen {
     display: block;
     -webkit-margin-start: auto;
     margin-inline-start: auto;
     -webkit-margin-before: 10px;
     margin-block-start: 10px;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     font-size: 14px;
     color: #8392a5;
     font-weight: 400
}

.codex-chat .chat-body .userchat-msgbox .user-msgbox .msg-seen svg,
.codex-chat .chat-body .userchat-msgbox .admin-msgbox .msg-seen svg {
     width: 20px
}

.codex-chat .chat-body .userchat-msgbox .admin-msgbox {
     -webkit-margin-start: auto;
     margin-inline-start: auto
}

.codex-chat .chat-body .userchat-msgbox .admin-msgbox .user-message {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end
}

.codex-chat .chat-body .userchat-msgbox .admin-msgbox .user-message .send-details {
     width: 70%
}

.codex-chat .chat-body .userchat-msgbox .admin-msgbox .user-message .send-details p {
     background-color: #fff;
     padding: 10px 13px;
     border-radius: 5px;
     font-size: 14px
}

.codex-chat .chat-body .userchat-msgbox .admin-msgbox .user-message .user_icon img {
     width: 30px;
     height: 30px
}

.codex-chat .chat-body .userchat-msgbox .admin-msgbox .msg-seen {
     -webkit-margin-end: 55px;
     margin-inline-end: 55px
}

.codex-chat .chat-body .preView_box {
     width: 100%;
     position: absolute;
     bottom: 100px;
     background: #fff
}

.codex-chat .chat-body .preView_box.hidden {
     display: none
}

.codex-chat .chat-body .preView_box #imgPreview {
     display: inline-block;
     padding: 15px 0 0 25px;
     position: relative;
     width: 225px;
     height: auto
}

.codex-chat .chat-body .preView_box #imgPreview img {
     max-width: 100%;
     height: auto;
     width: 100%
}

.codex-chat .chat-body .preView_box #imgPreview #removePreview_img {
     position: absolute;
     right: -10px;
     top: 5px
}

.codex-chat .chat-body .userchat-typebox {
     padding: 25px
}

.codex-chat .chat-body .userchat-typebox i {
     color: #ffc261
}

.codex-chat .chat-body .userchat-typebox .form-control {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.codex-chat .chat-body .userchat-typebox .btn {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 10px 15px
}

.codex-chat .chat-body .userchat-typebox .btn svg {
     width: auto;
     height: 20px
}

.codex-chat .chat-body .userchat-typebox .btn i {
     font-size: 20px;
     color: #fff
}

@-webkit-keyframes dotAnimate {
     0% {
          -webkit-transform: translateY(0px);
          transform: translateY(0px);
          background-color: rgba(26, 124, 188, .3)
     }

     28% {
          -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
          background-color: rgba(26, 124, 188, .5)
     }

     44% {
          -webkit-transform: translateY(0px);
          transform: translateY(0px);
          background-color: rgba(26, 124, 188, .9)
     }
}

@keyframes dotAnimate {
     0% {
          -webkit-transform: translateY(0px);
          transform: translateY(0px);
          background-color: rgba(26, 124, 188, .3)
     }

     28% {
          -webkit-transform: translateY(-7px);
          transform: translateY(-7px);
          background-color: rgba(26, 124, 188, .5)
     }

     44% {
          -webkit-transform: translateY(0px);
          transform: translateY(0px);
          background-color: rgba(26, 124, 188, .9)
     }
}

.codex-chat .chat-body .chat-bubble {
     background-color: rgba(26, 124, 188, .1);
     padding: 10px 20px 8px 20px;
     border-radius: 20px;
     border-bottom-left-radius: 2px;
     display: inline-block
}

.codex-chat .chat-body .chat-bubble .typing {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 17px
}

.codex-chat .chat-body .chat-bubble .typing .dot {
     -webkit-animation: dotAnimate 1.8s infinite ease-in-out;
     animation: dotAnimate 1.8s infinite ease-in-out;
     background-color: #4dea0f;
     border-radius: 50%;
     height: 7px;
     -webkit-margin-end: 4px;
     margin-inline-end: 4px;
     vertical-align: middle;
     width: 7px;
     display: inline-block
}

.codex-chat .chat-body .chat-bubble .typing .dot:nth-child(1) {
     -webkit-animation-delay: 200ms;
     animation-delay: 200ms
}

.codex-chat .chat-body .chat-bubble .typing .dot:nth-child(2) {
     -webkit-animation-delay: 300ms;
     animation-delay: 300ms
}

.codex-chat .chat-body .chat-bubble .typing .dot:nth-child(3) {
     -webkit-animation-delay: 400ms;
     animation-delay: 400ms
}

.codex-chat .chat-body .chat-bubble .typing .dot:last-child {
     -webkit-margin-end: 0;
     margin-inline-end: 0
}

.codex-chat .chaticon-list>li {
     display: inline-block;
     position: relative
}

.codex-chat .chaticon-list>li>a {
     color: #8392a5
}

.codex-chat .chaticon-list>li:nth-child(n+2) {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.codex-chat .chaticon-list>li .theme-dropdown {
     top: 100%;
     right: 0
}

.codex-chat .action-dropdown {
     min-width: 195px
}

.user-card .user-setting {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     -webkit-margin-start: auto;
     margin-inline-start: auto
}

.user-card .user-setting .action-dropdown {
     min-width: 160px
}

.user-card .card-body {
     text-align: center;
     -webkit-padding-before: unset !important;
     padding-block-start: unset !important
}

.user-card .card-body .user-imgwrap {
     width: 85px;
     height: 85px;
     border-radius: 50%;
     -webkit-margin-start: auto;
     margin-inline-start: auto;
     -webkit-margin-end: auto;
     margin-inline-end: auto;
     -webkit-margin-after: 10px;
     margin-block-end: 10px
}

.user-card .card-body .user-imgwrap img {
     width: 100%;
     height: 100%
}

.user-card .card-body .user-detailwrap h3 {
     font-size: 20px;
     -webkit-margin-after: 5px;
     margin-block-end: 5px;
     text-transform: capitalize
}

.user-card .card-body .user-detailwrap h6 {
     color: #8392a5;
     text-transform: capitalize;
     -webkit-margin-after: 10px;
     margin-block-end: 10px
}

.user-card .card-body .user-detailwrap .group-btn {
     -webkit-margin-before: 20px;
     margin-block-start: 20px
}

.user-card .card-body .user-detailwrap .group-btn .btn {
     text-transform: capitalize
}

.user-card .card-body .user-detailwrap .group-btn .btn:nth-child(n+2) {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.cdxuser-profile {
     -webkit-margin-after: 20px;
     margin-block-end: 20px
}

.cdxuser-profile .card-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.cdxuser-profile .card-header h4 i {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.cdxuser-profile .contact-list li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-transform: capitalize
}

.cdxuser-profile .contact-list li .iocn-item {
     -webkit-margin-end: 15px;
     margin-inline-end: 15px
}

.cdxuser-profile .contact-list li .iocn-item svg {
     width: auto;
     height: 20px
}

.cdxuser-profile .contact-list li h6 a {
     color: #262626
}

.cdxuser-profile .contact-list li:nth-child(n+2) {
     -webkit-margin-before: 15px;
     margin-block-start: 15px
}

.cdxuser-profile .follower-list li .media img {
     width: 45px;
     height: 45px;
     -webkit-margin-end: 15px;
     margin-inline-end: 15px;
     border-radius: 5px
}

.cdxuser-profile .follower-list li .badge {
     text-transform: capitalize
}

.cdxuser-profile .follower-list li .badge svg {
     width: auto;
     height: 15px;
     -webkit-margin-end: 5px;
     margin-inline-end: 5px
}

.cdxuser-profile .follower-list li:nth-child(n+2) {
     -webkit-margin-before: 15px;
     margin-block-start: 15px
}

.cdxuser-profile .gallerypost-list {
     -webkit-margin-start: -10px;
     margin-inline-start: -10px;
     -webkit-margin-before: -10px;
     margin-block-start: -10px
}

.cdxuser-profile .gallerypost-list li {
     display: inline-block;
     -webkit-margin-start: 10px;
     margin-inline-start: 10px;
     -webkit-margin-before: 10px;
     margin-block-start: 10px
}

.cdxuser-profile .gallerypost-list li img {
     width: 92px;
     height: auto;
     border-radius: 5px
}

.cdxuser-profile .post-list>li:nth-child(n+2) {
     -webkit-margin-before: 30px;
     margin-block-start: 30px
}

.cdxuser-profile .post-list .post-header span {
     font-size: 14px;
     color: #8392a5
}

.cdxuser-profile .post-list .post-header .media {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.cdxuser-profile .post-list .post-header .media img {
     width: 45px;
     height: 45px;
     -webkit-margin-end: 15px;
     margin-inline-end: 15px;
     border-radius: 5px
}

.cdxuser-profile .post-list .post-header .post-setting {
     position: relative
}

.cdxuser-profile .post-list .post-header .post-setting .action-toggle i {
     font-size: 26px
}

.cdxuser-profile .post-list .post-header .post-setting .theme-dropdown {
     right: 0;
     min-width: 200px
}

.cdxuser-profile .post-list .post-header .post-setting .theme-dropdown li svg {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.cdxuser-profile .post-list .post-header .post-setting .theme-dropdown li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.cdxuser-profile .post-list .added-postdetail {
     -webkit-margin-before: 20px;
     margin-block-start: 20px;
     -webkit-padding-after: 20px;
     padding-block-end: 20px
}

.cdxuser-profile .post-list .post-contain {
     border-radius: 5px;
     overflow: hidden;
     background-color: #fff;
     padding: 25px;
     -webkit-box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);
     box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05)
}

.cdxuser-profile .post-list .post-contain .post-imgwrap {
     overflow: hidden
}

.cdxuser-profile .post-list .post-contain .post-imgwrap img {
     border-radius: 5px
}

.cdxuser-profile .post-list .post-contain .post-detail {
     -webkit-padding-before: 20px;
     padding-block-start: 20px
}

.cdxuser-profile .post-list .post-contain .post-detail>ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between
}

.cdxuser-profile .post-list .post-contain .post-detail>ul li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     text-transform: capitalize
}

.cdxuser-profile .post-list .post-contain .post-detail>ul li a svg {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px;
     height: 20px;
     width: auto
}

.cdxuser-profile .post-list .post-contain .post-detail>ul li a:focus {
     -webkit-box-shadow: none;
     box-shadow: none
}

.cdxuser-profile .post-list .post-contain .post-detail .postreact-status li a {
     padding: 0;
     letter-spacing: .05em
}

.cdxuser-profile .post-list .post-contain .post-detail .postreact-status li a .like-status {
     border-radius: 5px;
     width: 25px;
     height: 25px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.cdxuser-profile .post-list .post-contain .post-detail .postreact-status li a .like-status i {
     color: #fff;
     font-size: 14px
}

.cdxuser-profile .post-list .post-contain .post-detail .postreact-status li a .like-status svg {
     width: auto;
     height: 12px;
     -webkit-margin-end: unset;
     margin-inline-end: unset;
     color: #fff
}

.cdxuser-profile .post-list .post-contain .post-detail .post-react {
     border-top: 1px solid #e5e5e5;
     -webkit-padding-before: 20px;
     padding-block-start: 20px;
     -webkit-margin-before: 20px;
     margin-block-start: 20px
}

.cdxuser-profile .post-list .post-contain .post-detail .post-react li {
     display: inline-block;
     width: 100%;
     text-align: center
}

.cdxuser-profile .post-list .post-contain .post-detail .post-react li a {
     background-color: #f4f6fb;
     padding: 10px
}

.cdxuser-profile .post-list .post-contain .post-detail .post-react li:nth-child(n+2) {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment {
     border-top: 1px solid #e5e5e5;
     -webkit-padding-before: 20px;
     padding-block-start: 20px;
     -webkit-margin-before: 20px;
     margin-block-start: 20px
}

.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group {
     border: 1px solid #e5e5e5;
     border-radius: 5px;
     padding: 5px;
     overflow: hidden
}

.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group:focus {
     border-color: #4dea0f
}

.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group .input-group-text {
     background-color: rgba(0, 0, 0, 0);
     border: none
}

.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group .form-control {
     border: none;
     background-color: rgba(0, 0, 0, 0);
     padding: 0 10px
}

.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group .form-control::-webkit-input-placeholder {
     text-transform: capitalize;
     color: #8392a5
}

.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group .form-control::-moz-placeholder {
     text-transform: capitalize;
     color: #8392a5
}

.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group .form-control:-ms-input-placeholder {
     text-transform: capitalize;
     color: #8392a5
}

.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group .form-control::-ms-input-placeholder {
     text-transform: capitalize;
     color: #8392a5
}

.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group .form-control::placeholder {
     text-transform: capitalize;
     color: #8392a5
}

.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group .add-comment {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group .add-comment a {
     color: #8392a5
}

.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group .add-comment li:nth-child(n+2) {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.cdxuser-profile .action-menu .action-dropdown {
     min-width: 215px
}

.codexedit-profile .btn {
     text-transform: capitalize
}

.codexedit-profile .group-btn {
     -webkit-margin-start: auto;
     margin-inline-start: auto;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content
}

.codexedit-profile .group-btn .btn {
     text-transform: capitalize
}

.codexedit-profile .group-btn .btn:nth-child(n+2) {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.codexedit-profile textarea {
     height: 196px
}

.email-sidebar {
     min-width: 320px
}

.email-sidebar .btn {
     padding: 12px;
     font-size: 16px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     font-weight: 500
}

.email-sidebar .btn svg {
     -webkit-margin-end: 5px;
     margin-inline-end: 5px
}

.email-sidebar ul.sidebarmenu-list {
     -webkit-margin-before: 20px;
     margin-block-start: 20px
}

.email-sidebar ul.sidebarmenu-list a.menu-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 100%;
     border-radius: 5px;
     padding: 13px 13px;
     border: 1px solid #e5e5e5;
     font-size: 16px;
     color: #8392a5
}

.email-sidebar ul.sidebarmenu-list a.menu-item .icons svg {
     width: 20px;
     height: auto;
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.email-sidebar ul.sidebarmenu-list a.menu-item .badge {
     -webkit-margin-start: auto;
     margin-inline-start: auto;
     font-size: 10px;
     padding: 5px 7px
}

.email-sidebar ul.sidebarmenu-list li:nth-child(n+2) {
     -webkit-margin-before: 15px;
     margin-block-start: 15px
}

.email-body {
     -webkit-margin-start: 30px;
     margin-inline-start: 30px;
     width: calc(100% - 50px)
}

.email-body .email-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     border-bottom: 1px solid #e5e5e5;
     -webkit-padding-after: 20px;
     padding-block-end: 20px
}

.email-body .email-header .input-group {
     width: 250px
}

.email-body .email-header .input-group .form-control {
     padding: 10px 15px
}

.email-body .nav-tabs {
     -webkit-margin-after: 20px;
     margin-block-end: 20px;
     -webkit-margin-before: 20px;
     margin-block-start: 20px;
     -webkit-padding-after: 20px;
     padding-block-end: 20px;
     border-bottom: 1px solid #e5e5e5
}

.email-body .nav-tabs li a {
     border: 1px solid #e5e5e5;
     padding: 10px 20px;
     border-radius: 5px;
     display: block;
     color: #4dea0f;
     font-weight: 500
}

.email-body .nav-tabs li a:hover {
     color: #4dea0f
}

.email-body .nav-tabs li a.active {
     background-color: #4dea0f;
     color: #fff;
     border-color: #4dea0f
}

.email-body .nav-tabs li svg {
     width: auto;
     height: 20px;
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.email-body .nav-tabs li:nth-child(n+2) {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.email-body .mailreact-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.email-body .mailreact-list>li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.email-body .mailreact-list>li:nth-child(n+2) {
     -webkit-margin-start: 5px;
     margin-inline-start: 5px
}

.email-body .mailreact-list>li .form-check-input {
     width: 38px;
     height: 38px;
     display: block;
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.email-body .mailreact-list>li .form-check-input .custom-input-label {
     width: 32px;
     height: 32px
}

.email-body .mailreact-list>li .form-check-input .custom-input-label:after {
     width: 20px;
     height: 20px
}

.email-body .mailreact-list>li>a {
     padding: 10px 15px;
     line-height: 1
}

.email-body .mailreact-list>li>a svg {
     width: auto;
     height: 18px
}

.email-body .mailreact-list>li .theme-dropdown li a {
     padding: 0
}

.email-body .mailreact-list>li .input-group .input-group-text svg {
     width: auto;
     height: 18px
}

.email-body .mailreact-list>li .action-toggle {
     padding: 10px 15px;
     line-height: 1
}

.email-body .mailreact-list>li .action-toggle>svg {
     width: auto;
     height: 18px
}

.email-body .mailreact-list>li .action-toggle:hover {
     color: #fff
}

.email-body .mailreact-right {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.email-body .cdxapp-toggle {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px;
     padding: 10px 15px
}

.email-body .cdxapp-toggle i {
     font-size: 18px
}

.email-body .mail-list {
     max-height: 548px;
     min-height: 548px;
     overflow-y: auto;
     -webkit-padding-end: 10px;
     padding-inline-end: 10px
}

.email-body .mail-list li {
     padding: 15px 20px;
     border: 1px solid #e5e5e5;
     border-radius: 5px;
     -webkit-transition: all .5s ease;
     transition: all .5s ease
}

.email-body .mail-list li:nth-child(n+2) {
     -webkit-margin-before: 10px;
     margin-block-start: 10px
}

.email-body .mail-list li .mail-item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-size: 16px
}

.email-body .mail-list li .mail-item svg {
     width: 20px;
     height: auto
}

.email-body .mail-list li .mail-item .custom-check-input {
     -webkit-margin-end: 15px;
     margin-inline-end: 15px
}

.email-body .mail-list li .mail-item h6 {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.email-body .mail-list li .mail-item p {
     -webkit-margin-start: 20px;
     margin-inline-start: 20px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     max-width: 65%
}

.email-body .mail-list li .mail-item .mail-right {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     color: #8392a5;
     -webkit-margin-start: auto;
     margin-inline-start: auto
}

.email-body .mail-list li .mail-item .mail-right span {
     -webkit-margin-start: 5px;
     margin-inline-start: 5px;
     font-size: 16px
}

.email-body .mail-list li .mail-item .mail-right svg {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.email-body .mail-list li:hover {
     background-color: rgba(26, 124, 188, .08)
}

.email-body .seen-header {
     -webkit-padding-after: 20px;
     padding-block-end: 20px;
     border-bottom: 1px solid #e5e5e5
}

.email-body .seen-header .userimg-wrap {
     -webkit-margin-end: 20px;
     margin-inline-end: 20px
}

.email-body .seen-header .media {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.email-body .seen-header .media h6 {
     text-transform: capitalize
}

.email-body .seen-header .media p {
     color: #8392a5;
     font-size: 14px
}

.email-body .seen-header .media p a {
     color: #8392a5
}

.email-body .seen-header .emailseen-setting>li {
     display: inline-block
}

.email-body .seen-header .emailseen-setting>li i {
     font-size: 20px;
     color: #4dea0f
}

.email-body .seen-header .emailseen-setting>li:nth-child(n+2) {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.email-body .seen-header .emailseen-setting .action-dropdown {
     min-width: 185px
}

.email-body .seen-body {
     -webkit-padding-before: 20px;
     padding-block-start: 20px;
     height: 553px;
     overflow-y: auto
}

.email-body .seen-body h5 {
     text-transform: capitalize;
     -webkit-margin-after: 15px;
     margin-block-end: 15px
}

.email-body .seen-body p {
     color: #8392a5
}

.email-body .seen-body p+p {
     -webkit-margin-before: 15px;
     margin-block-start: 15px
}

.email-body .seen-body .email-post {
     -webkit-margin-before: 30px;
     margin-block-start: 30px;
     -webkit-margin-after: 30px;
     margin-block-end: 30px;
     -webkit-margin-start: -15px;
     margin-inline-start: -15px
}

.email-body .seen-body .email-post li {
     display: inline-block;
     -webkit-margin-start: 15px;
     margin-inline-start: 15px;
     width: 10%
}

.email-body .seen-body .email-post li img {
     border-radius: 5px;
     width: 100%
}

.email-body .seen-body .email-reply {
     -webkit-margin-before: 20px;
     margin-block-start: 20px
}

.email-body .seen-footer {
     -webkit-padding-before: 20px;
     padding-block-start: 20px;
     -webkit-margin-before: 30px;
     margin-block-start: 30px;
     border-top: 1px solid #e5e5e5
}

.email-body .seen-footer .btn {
     text-transform: capitalize
}

.email-body .seen-footer .btn i {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.email-body .seen-footer .btn:nth-child(n+2) {
     -webkit-margin-start: 20px;
     margin-inline-start: 20px
}

.email-modal #dmekikeditor {
     height: 150px
}

.email-modal #dmekikeditor:focus {
     -webkit-box-shadow: none;
     box-shadow: none;
     outline: none
}

.email-modal .modal-footer .group-btn {
     text-align: end
}

.email-modal .modal-footer .group-btn .btn svg {
     width: auto;
     height: 18px;
     -webkit-margin-end: 8px;
     margin-inline-end: 8px
}

.email-modal .modal-footer .group-btn .btn:nth-child(n+2) {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.cdxemail-contain {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     position: relative
}

.auth-main {
     height: 100vh;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 100vh
}

.codex-authbox {
     min-width: 630px;
     width: 630px;
     margin: auto;
     background-color: #fff;
     padding: 50px;
     border-radius: 5px;
     border-bottom: 5px solid #4dea0f;
     -webkit-box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05);
     box-shadow: 0 0 20px 5px rgba(5, 23, 34, .05)
}

.codex-authbox .auth-header {
     text-align: center;
     -webkit-margin-after: 35px;
     margin-block-end: 35px;
     text-transform: capitalize
}

.codex-authbox .auth-header .codex-brand {
     -webkit-margin-after: 25px;
     margin-block-end: 25px
}

.codex-authbox .auth-header .codex-brand .dark-logo {
     display: none
}

.codex-authbox .auth-header h3 {
     -webkit-margin-after: 5px;
     margin-block-end: 5px
}

.codex-authbox .form-label {
     text-transform: capitalize
}

.codex-authbox .group-input .input-group-text {
     background-color: rgba(0, 0, 0, 0);
     border-top-right-radius: 8px;
     border-bottom-right-radius: 8px;
     color: #4dea0f;
     font-size: 18px
}

.codex-authbox .auth-remember {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between
}

.codex-authbox .form-group .form-control {
     -webkit-transition: all .5s ease;
     transition: all .5s ease
}

.codex-authbox .form-group .form-control:focus~.input-group-text {
     border-color: #4dea0f
}

.codex-authbox .form-group .input-group .input-group-text {
     -webkit-transition: all .5s ease;
     transition: all .5s ease
}

.codex-authbox .form-group .input-group .form-control {
     border-right: none
}

.codex-authbox .form-group .group-btn {
     background-color: rgba(0, 0, 0, 0);
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px
}

.codex-authbox .btn {
     -webkit-margin-before: 40px;
     margin-block-start: 40px;
     display: block;
     width: 100%;
     font-size: 20px
}

.codex-authbox .btn i {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.codex-authbox .auth-footer {
     -webkit-margin-before: 40px;
     margin-block-start: 40px
}

.codex-authbox .auth-footer .auth-with {
     color: #8392a5;
     position: relative;
     text-align: center;
     margin: 0 auto;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     -webkit-margin-after: 30px;
     margin-block-end: 30px;
     text-transform: capitalize
}

.codex-authbox .auth-footer .login-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center
}

.codex-authbox .auth-footer .login-list li a {
     padding: 10px 30px;
     border-radius: 30px;
     text-transform: capitalize;
     display: block;
     font-weight: 600
}

.codex-authbox .auth-footer .login-list li a img {
     width: 18px;
     height: auto;
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.codex-authbox .auth-footer .login-list li .bg-fb {
     color: #fff !important;
     background-color: #385196
}

.codex-authbox .auth-footer .login-list li .bg-google {
     -webkit-box-shadow: 0 0 30px 5px rgba(5, 23, 34, .07);
     box-shadow: 0 0 30px 5px rgba(5, 23, 34, .07);
     color: #051722
}

.codex-authbox .auth-footer .login-list li+li {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.codex-authbox .auth-icon {
     -webkit-margin-after: 30px;
     margin-block-end: 30px;
     width: 90px;
     height: 90px;
     border-radius: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background-color: rgba(26, 124, 188, .08);
     -webkit-margin-start: auto;
     margin-inline-start: auto;
     -webkit-margin-end: auto;
     margin-inline-end: auto
}

.codex-authbox .auth-icon i {
     font-size: 45px;
     color: #4dea0f
}

.codex-authbox .cdxsocial-link {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center
}

.codex-authbox .cdxsocial-link li a i {
     color: #fff
}

.codex-authbox .auth-pin {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-margin-after: 45px;
     margin-block-end: 45px
}

.codex-authbox .auth-pin .form-control:nth-child(n+2) {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.codex-authbox.auth-emailverify h5 {
     font-size: 16px
}

.blog-wrapper {
     overflow: hidden
}

.blog-wrapper .imgwrapper {
     position: relative;
     overflow: hidden
}

.blog-wrapper .imgwrapper img {
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     width: 100%
}

.blog-wrapper .imgwrapper .hover-link {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(5, 23, 34, .6);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all .3s ease;
     transition: all .3s ease
}

.blog-wrapper .imgwrapper .hover-link svg {
     color: #fff;
     width: auto;
     height: 35px
}

.blog-wrapper .detailwrapper {
     padding: 20px;
     position: relative
}

.blog-wrapper .detailwrapper h4 {
     -webkit-margin-after: 10px;
     margin-block-end: 10px;
     text-transform: capitalize;
     color: #262626
}

.blog-wrapper .detailwrapper .blogsoc-list {
     -webkit-margin-after: 10px;
     margin-block-end: 10px
}

.blog-wrapper .detailwrapper p {
     font-size: 14px
}

.blog-wrapper .blog-footer {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-margin-before: 15px;
     margin-block-start: 15px
}

.blog-wrapper .blog-footer .btn {
     text-transform: capitalize;
     font-size: 14px
}

.blog-wrapper .blog-footer .date-info {
     text-transform: capitalize;
     font-weight: 500;
     color: #8392a5;
     font-size: 16px
}

.blog-wrapper .blog-footer .date-info i {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.blog-wrapper:hover .imgwrapper img {
     -webkit-transform: scale(1.1);
     transform: scale(1.1)
}

.blog-wrapper:hover .imgwrapper .hover-link {
     opacity: 1;
     visibility: visible
}

.blogsoc-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.blogsoc-list li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-transform: capitalize;
     font-weight: 500;
     font-size: 16px;
     color: #8392a5
}

.blogsoc-list li a svg {
     width: auto;
     height: 18px;
     -webkit-margin-end: 5px;
     margin-inline-end: 5px
}

.blogsoc-list li:nth-child(n+2) {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.blogdetail-wrrapper {
     overflow: hidden
}

.blogdetail-wrrapper .imgwrapper {
     position: relative
}

.blogdetail-wrrapper .imgwrapper img {
     width: 100%
}

.blogdetail-wrrapper .imgwrapper .blog-iconlist {
     position: absolute;
     top: 20px;
     right: 20px
}

.blogdetail-wrrapper .imgwrapper .blog-iconlist li {
     display: inline-block
}

.blogdetail-wrrapper .imgwrapper .blog-iconlist li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     width: 35px;
     height: 35px;
     background-color: rgba(255, 255, 255, .1);
     border-radius: 5px
}

.blogdetail-wrrapper .imgwrapper .blog-iconlist li a svg {
     width: auto;
     height: 18px;
     color: #fff
}

.blogdetail-wrrapper .imgwrapper .blog-iconlist li:nth-child(n+2) {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.blogdetail-wrrapper .detailwrapper {
     padding: 20px;
     position: relative
}

.blogdetail-wrrapper .detailwrapper h4 {
     font-size: 22px;
     -webkit-margin-after: 10px;
     margin-block-end: 10px;
     text-transform: capitalize
}

.blogdetail-wrrapper .detailwrapper p {
     -webkit-margin-before: 15px;
     margin-block-start: 15px
}

.blgcomment-list>li:nth-child(n+2) {
     -webkit-margin-before: 30px;
     margin-block-start: 30px;
     -webkit-padding-before: 30px;
     padding-block-start: 30px;
     border-top: 1px solid #e5e5e5
}

.blgcomment-list li {
     display: block
}

.blgcomment-list li .media img {
     width: auto;
     height: 80px;
     -webkit-margin-end: 25px;
     margin-inline-end: 25px;
     border-radius: 5px
}

.blgcomment-list li .media .media-body h5 {
     font-weight: 500;
     text-transform: capitalize;
     -webkit-margin-after: 5px;
     margin-block-end: 5px;
     color: #051722
}

.blgcomment-list li .media .media-body h5 .comment-time {
     float: right;
     font-size: 14px;
     color: #8392a5
}

.blgcomment-list li .media .media-body h5 .comment-time i {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.blgcomment-list li .media .media-body .blogsoc-list {
     -webkit-margin-after: 10px;
     margin-block-end: 10px
}

.blgcomment-list li .media .media-body .blogsoc-list li a {
     font-size: 14px
}

.blgcomment-list li .media .media-body .blogsoc-list li a svg {
     height: 14px
}

.blgcomment-list li .media .media-body p {
     font-size: 14px
}

.blgcomment-list li .media .media-body .commant-time {
     font-weight: 500;
     color: #8392a5
}

.blgcomment-list li .media .media-body .commant-time svg {
     width: auto;
     height: 18px;
     -webkit-margin-end: 5px;
     margin-inline-end: 5px
}

.blgcomment-list li .media .media-body .btn {
     padding: 8px 10px;
     text-transform: capitalize;
     font-size: 14px;
     line-height: 1;
     -webkit-margin-before: 15px;
     margin-block-start: 15px;
     font-weight: 500
}

.blgcomment-list li .media .media-body .btn i {
     -webkit-margin-end: 7px;
     margin-inline-end: 7px;
     font-size: 13px
}

.blgcomment-list li.reply-comment {
     -webkit-padding-start: 90px;
     padding-inline-start: 90px
}

.todo-content .todo-input input {
     font-size: 15px;
     text-transform: unset
}

.todo-content .add-todo {
     background-color: #4dea0f;
     color: #fff
}

.todo-list .line-through {
     text-decoration: line-through
}

.todo-list li {
     border: 1px solid #e5e5e5;
     border-radius: 5px;
     overflow: hidden
}

.todo-list li:nth-child(n+2) {
     -webkit-margin-before: 10px;
     margin-block-start: 10px
}

.todo-list li .item-contain {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 100%
}

.todo-list li .item-contain .todo-contian {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 90%;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.todo-list li .item-contain .todo-contian .todo-num {
     background-color: rgba(26, 124, 188, .05);
     color: #4dea0f;
     width: 45px;
     height: 45px;
     font-size: 22px;
     font-weight: 600;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center
}

.todo-list li .item-contain .todo-contian .todo-data,
.todo-list li .item-contain .todo-contian .update-data {
     -webkit-padding-start: 10px;
     padding-inline-start: 10px;
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-size: 16px
}

.todo-list li .item-contain .todo-contian .todo-data input,
.todo-list li .item-contain .todo-contian .update-data input {
     outline: none;
     border: none
}

.todo-list li .item-contain .todo-contian .update-data {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex
}

.todo-list li .item-contain .todo-contian textarea {
     border: 0;
     width: 100%;
     color: red;
     padding: 0;
     line-height: 43px
}

.todo-list li .item-contain .todo-contian textarea:focus {
     outline: none
}

.todo-list li .item-contain .todo-action {
     -webkit-padding-end: 15px;
     padding-inline-end: 15px
}

.todo-list li .item-contain .todo-action .remove-todo {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.todo-list li .item-contain .todo-action i {
     font-size: 18px
}

.error-main {
     background-color: rgba(26, 124, 188, .08)
}

.codex-error {
     text-align: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: 100vh
}

.codex-error h1 {
     font-size: calc(90px + 50*(100vw - 320px)/1600);
     font-weight: 700;
     -webkit-margin-after: 15px;
     margin-block-end: 15px;
     line-height: 1;
     text-transform: uppercase
}

.codex-error h1 span {
     color: #4dea0f
}

.codex-error h2 {
     font-size: calc(32px + 13*(100vw - 320px)/1600);
     font-weight: 700;
     -webkit-margin-after: 10px;
     margin-block-end: 10px
}

.codex-error p {
     font-size: calc(16px + 2*(100vw - 320px)/1600);
     width: 65%;
     margin: auto
}

.codex-error .btn {
     -webkit-margin-before: 30px;
     margin-block-start: 30px;
     padding: 15px 30px;
     font-size: 18px
}

.codex-error .btn svg {
     width: 20px;
     height: auto;
     -webkit-margin-end: 5px;
     margin-inline-end: 5px
}

.codex-error .error-detail {
     -webkit-margin-before: -27px;
     margin-block-start: -27px
}

.contact-card {
     text-transform: capitalize
}

.contact-card .media {
     background-color: #f4f6fb;
     position: relative;
     padding: 25px;
     border-radius: 5px;
     -webkit-margin-after: 20px;
     margin-block-end: 20px
}

.contact-card .media .user-setting .action-dropdown {
     min-width: 170px
}

.contact-card .user-imgwrapper {
     width: 65px;
     height: 65px;
     border-radius: 50%;
     -webkit-margin-end: 15px;
     margin-inline-end: 15px
}

.contact-card .user-imgwrapper img {
     width: 100%;
     height: 100%;
     border-radius: 5px
}

.contact-card p {
     font-size: 14px
}

.contact-card .info-list {
     -webkit-margin-before: 15px;
     margin-block-start: 15px
}

.contact-card .info-list li {
     font-size: 14px;
     font-weight: 500;
     color: #8392a5
}

.contact-card .info-list li a {
     color: #8392a5
}

.contact-card .info-list li span {
     min-width: 90px;
     display: inline-block;
     color: #262626
}

.contact-card .info-list li:nth-child(n+2) {
     -webkit-margin-before: 5px;
     margin-block-start: 5px
}

.contact-card .user-action {
     -webkit-margin-before: 20px;
     margin-block-start: 20px;
     -webkit-padding-before: 20px;
     padding-block-start: 20px;
     border-top: 1px solid #e5e5e5;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex
}

.contact-card .user-action .btn {
     width: 100%;
     font-size: 20px
}

.contact-card .user-action .btn:nth-child(n+2) {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.contact-searchbar {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between
}

.contact-searchbar .input-group {
     width: 300px
}

.contact-searchbar .input-group .input-group-text {
     background-color: #fff
}

.faq-searchwrap {
     overflow: hidden
}

.faq-searchwrap .card-body {
     background-image: url("../images/pages/faq/1.jpg");
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     text-align: center;
     border-radius: 2px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     height: 360px;
     z-index: 1
}

.faq-searchwrap .card-body::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(5, 23, 34, .5);
     z-index: -1
}

.faq-searchwrap .card-body h1 {
     text-transform: capitalize;
     color: #fff;
     -webkit-margin-after: 25px;
     margin-block-end: 25px
}

.faq-searchwrap .card-body .input-group {
     -webkit-margin-start: auto;
     margin-inline-start: auto;
     -webkit-margin-end: auto;
     margin-inline-end: auto
}

.faq-searchwrap .card-body .input-group .input-group-text {
     color: #fff
}

.codex-accordion {
     overflow: hidden
}

.codex-accordion .cdx-collapse {
     padding: 15px;
     -webkit-padding-end: 30px;
     padding-inline-end: 30px;
     display: block;
     border-bottom: 1px solid #e5e5e5;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     position: relative;
     color: #262626;
     font-size: 16px;
     font-weight: 500
}

.codex-accordion .cdx-collapse:before {
     content: "";
     font-family: "FontAwesome";
     position: absolute;
     inset-block-start: 10px;
     inset-inline-end: 15px;
     font-size: 24px
}

.codex-accordion .cdx-collapse.collapsed:before {
     content: ""
}

.codex-accordion .accordion-item {
     border: 1px solid #e5e5e5 !important;
     border-radius: 5px
}

.codex-accordion .accordion-item p {
     font-size: 14px
}

.codex-accordion .accordion-item:nth-child(n+2) {
     -webkit-margin-before: 20px;
     margin-block-start: 20px
}

.pricing-grid {
     -webkit-margin-after: 30px;
     margin-block-end: 30px
}

.codex-pricingtbl {
     position: relative;
     z-index: 1;
     text-align: center;
     background-color: #fff;
     -webkit-padding-after: 35px;
     padding-block-end: 35px;
     border-radius: 5px
}

.codex-pricingtbl .price-header {
     color: #fff;
     background-color: #4dea0f;
     padding: 20px 20px 25px;
     margin: 0 0 43px;
     border-radius: 0 0 50% 50%/0 0 100% 100%;
     -webkit-box-shadow: 0 5px 10px rgba(5, 23, 34, .3);
     box-shadow: 0 5px 10px rgba(5, 23, 34, .3);
     position: relative
}

.codex-pricingtbl .price-header h2 {
     text-transform: uppercase;
     font-size: calc(20px + 6*(100vw - 420px)/1500)
}

.codex-pricingtbl .price-value {
     text-transform: capitalize;
     -webkit-margin-before: 5px;
     margin-block-start: 5px;
     font-size: calc(18px + 2*(100vw - 420px)/1500);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end
}

.codex-pricingtbl .price-value span {
     font-size: 65%;
     -webkit-margin-start: 5px;
     margin-inline-start: 5px
}

.codex-pricingtbl .cdxprice-list {
     -webkit-margin-after: 30px;
     margin-block-end: 30px
}

.codex-pricingtbl .cdxprice-list li {
     color: #8392a5;
     font-size: 18px;
     font-weight: 500
}

.codex-pricingtbl .cdxprice-list li span {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px;
     color: #4dea0f
}

.codex-pricingtbl .cdxprice-list li:nth-child(n+2) {
     -webkit-margin-before: 10px;
     margin-block-start: 10px
}

.codex-pricingadvance {
     text-align: center;
     background-color: #fff;
     border-radius: 15px;
     text-transform: capitalize;
     overflow: hidden;
     -webkit-padding-after: 70px;
     padding-block-end: 70px;
     position: relative
}

.codex-pricingadvance::before {
     content: "";
     position: absolute;
     width: 100%;
     height: 30px;
     bottom: 0;
     left: 0;
     background-color: #4dea0f
}

.codex-pricingadvance .price-header {
     padding: 20px;
     color: #fff;
     background-color: #4dea0f;
     text-transform: uppercase
}

.codex-pricingadvance .price-header h3 {
     font-size: calc(20px + 6*(100vw - 420px)/1500)
}

.codex-pricingadvance .price-value {
     -webkit-margin-before: 5px;
     margin-block-start: 5px;
     font-size: calc(16px + 2*(100vw - 420px)/1500)
}

.codex-pricingadvance .price-value span {
     font-size: 65%;
     -webkit-margin-start: 5px;
     margin-inline-start: 5px
}

.codex-pricingadvance .price-icon {
     width: 90px;
     height: 90px;
     border-radius: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background-color: #4dea0f;
     margin: 30px auto
}

.codex-pricingadvance .price-icon i {
     color: #fff;
     font-size: 35px
}

.codex-pricingadvance .cdxprice-list {
     -webkit-margin-after: 30px;
     margin-block-end: 30px
}

.codex-pricingadvance .cdxprice-list li {
     color: #8392a5;
     font-size: 18px;
     font-weight: 500
}

.codex-pricingadvance .cdxprice-list li span {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px;
     color: #4dea0f
}

.codex-pricingadvance .cdxprice-list li:nth-child(n+2) {
     -webkit-margin-before: 10px;
     margin-block-start: 10px
}

.codex-pricingadvance.secondary .price-header {
     background-color: #f07521
}

.codex-pricingadvance.secondary:before {
     background-color: #f07521
}

.codex-pricingadvance.secondary .price-icon {
     background-color: #f07521
}

.codex-pricingadvance.secondary .cdxprice-list li span {
     color: #f07521
}

.codex-pricingadvance.info .price-header {
     background-color: #18a0fb
}

.codex-pricingadvance.info:before {
     background-color: #18a0fb
}

.codex-pricingadvance.info .price-icon {
     background-color: #18a0fb
}

.codex-pricingadvance.info .cdxprice-list li span {
     color: #18a0fb
}

.codex-pricingadvance.warning .price-header {
     background-color: #ffc261
}

.codex-pricingadvance.warning:before {
     background-color: #ffc261
}

.codex-pricingadvance.warning .price-icon {
     background-color: #ffc261
}

.codex-pricingadvance.warning .cdxprice-list li span {
     color: #ffc261
}

.gallery-row {
     -webkit-margin-after: -25px;
     margin-block-end: -25px
}

.cdxlight-box {
     border-radius: 5px;
     overflow: hidden;
     cursor: pointer;
     -webkit-margin-after: 25px;
     margin-block-end: 25px
}

.cdxlight-box img {
     width: 100%
}

.cdx-invoice .codex-brand .codexdark-logo {
     display: none
}

.cdx-invoice .head-invoice {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     background-color: rgba(26, 124, 188, .05);
     padding: 25px
}

.cdx-invoice .head-invoice .contact-list li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-size: 16px;
     font-weight: 500
}

.cdx-invoice .head-invoice .contact-list li .icon-wrap {
     width: 32px;
     height: 32px;
     border-radius: 5px;
     background-color: #4dea0f;
     display: -webkit-box;
     display: -ms-flexbox;
     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-margin-end: 15px;
     margin-inline-end: 15px
}

.cdx-invoice .head-invoice .contact-list li .icon-wrap i {
     color: #fff;
     font-size: 14px
}

.cdx-invoice .head-invoice .contact-list li+li {
     -webkit-margin-before: 10px;
     margin-block-start: 10px
}

.cdx-invoice .invoice-user {
     -webkit-margin-before: 20px;
     margin-block-start: 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between
}

.cdx-invoice .invoice-user .left-user h5 {
     text-transform: uppercase;
     color: #4dea0f;
     -webkit-margin-after: 10px;
     margin-block-end: 10px
}

.cdx-invoice .invoice-user .left-user .detail-list li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-size: 16px
}

.cdx-invoice .invoice-user .left-user .detail-list li .icon-wrap {
     display: -webkit-box;
     display: -ms-flexbox;
     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-margin-end: 10px;
     margin-inline-end: 10px
}

.cdx-invoice .invoice-user .right-user li {
     font-size: 16px;
     font-weight: 500;
     text-transform: capitalize
}

.cdx-invoice .invoice-user .right-user li span {
     font-weight: 400;
     color: #8392a5;
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.cdx-invoice .body-invoice {
     -webkit-margin-before: 25px;
     margin-block-start: 25px
}

.cdx-invoice .body-invoice .table tr th {
     background-color: #4dea0f;
     color: #fff;
     border: none;
     font-size: 13px;
     text-align: center;
     text-transform: capitalize
}

.cdx-invoice .body-invoice .table tr td {
     text-transform: capitalize;
     font-weight: 500;
     text-align: center;
     padding: 20px 10px;
     border: 1px solid #e5e5e5
}

.cdx-invoice .footer-invoice {
     -webkit-margin-before: 20px;
     margin-block-start: 20px;
     width: 30%;
     -webkit-margin-start: auto;
     margin-inline-start: auto
}

.cdx-invoice .footer-invoice .table td {
     text-transform: capitalize;
     font-weight: 500;
     border: 1px solid #e5e5e5;
     padding: 12px 20px
}

.cdx-invoice .footer-invoice .table td:nth-child(2) {
     color: #4dea0f
}

.cdx-invoice .footer-invoice .table tr:last-child td {
     font-size: 16px
}

.cdx-invoice .invoice-action {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-margin-before: 20px;
     margin-block-start: 20px;
     -webkit-padding-before: 20px;
     padding-block-start: 20px;
     border-top: 1px solid #e5e5e5
}

.cdx-invoice .invoice-action .btn {
     text-transform: capitalize
}

@media print {
     .hidden-print {
          display: none
     }

     .invoice {
          font-size: 11px !important;
          overflow: hidden !important
     }

     .invoice footer {
          position: absolute;
          bottom: 10px;
          page-break-after: always
     }

     .invoice>div:last-child {
          page-break-before: always
     }
}

.timeline {
     position: relative;
     width: 80%;
     margin-left: auto;
     margin-right: auto
}

.timeline:after {
     content: "";
     position: absolute;
     width: 6px;
     background-color: #f4f6fb;
     top: 0;
     bottom: 0;
     left: 50%;
     margin-left: -3px
}

.timeline.timeline-left {
     margin: unset
}

.timeline.timeline-left:after {
     left: 25px
}

.timeline.timeline-left .timeline-grid {
     padding-left: 80px
}

.timeline.timeline-left .timeline-grid .icon-wrap {
     left: 0
}

.timeline.timeline-left .timeline-grid .timeline-content {
     width: auto
}

.timeline.timeline-left .timeline-grid .timeline-content:before {
     left: -10px;
     border-width: 10px 10px 10px 0;
     border-color: rgba(0, 0, 0, 0) #f4f6fb rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.timeline-grid {
     padding-top: 40px;
     position: relative
}

.timeline-grid .icon-wrap {
     position: absolute;
     top: 45px;
     left: calc(50% - 25px);
     width: 50px;
     height: 50px;
     background-color: #f4f6fb;
     border: 4px solid #f07521;
     border-radius: 50%;
     z-index: 1;
     overflow: hidden
}

.timeline-grid .icon-wrap img {
     width: 100%;
     height: 100%
}

.timeline-grid .timeline-content {
     padding: 30px;
     background-color: #f4f6fb;
     position: relative;
     border-radius: 6px;
     width: 45%
}

.timeline-grid .timeline-content::before {
     content: " ";
     height: 0;
     position: absolute;
     top: 22px;
     width: 0;
     z-index: 1;
     border: medium solid #f4f6fb
}

.timeline-grid .timeline-content h3 {
     margin-bottom: 5px;
     font-size: calc(20px + 4*(100vw - 420px)/1500)
}

.timeline-grid .timeline-content .timeline-date {
     font-weight: 500;
     color: #8392a5;
     text-transform: capitalize;
     margin-bottom: 10px
}

.timeline-grid .timeline-content .timeline-date i {
     margin-right: 10px
}

.timeline-grid .timeline-content .btn {
     margin-top: 20px
}

.timeline-grid.left .timeline-content::before {
     right: -10px;
     border-width: 10px 0 10px 10px;
     border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f4f6fb
}

.timeline-grid.right .timeline-content {
     margin-left: auto
}

.timeline-grid.right .timeline-content:before {
     left: -10px;
     border-width: 10px 10px 10px 0;
     border-color: rgba(0, 0, 0, 0) #f4f6fb rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.timeline-grid.right.icon-wrap {
     left: -16px
}

@media screen and (max-width: 600px) {
     .timeline::after {
          left: 31px
     }

     .timeline-grid {
          width: 100%;
          padding-left: 70px;
          padding-right: 25px
     }

     .timeline-grid::before {
          left: 60px;
          border: medium solid #fff;
          border-width: 10px 10px 10px 0;
          border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
     }

     .left::after,
     .right::after {
          left: 15px
     }

     .right {
          left: 0%
     }
}

.coming-soon {
     background: url("../../assets/images/coming-bg.jpg");
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
     height: 100vh;
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.coming-soon:before {
     position: absolute;
     content: "";
     background: rgba(5, 23, 34, .7);
     width: 100%;
     height: 100%;
     top: 0;
     left: 0
}

.coming-soon .newsletter-form {
     position: relative;
     -webkit-margin-before: 55px;
     margin-block-start: 55px;
     width: 450px;
     -webkit-margin-start: auto;
     margin-inline-start: auto;
     -webkit-margin-end: auto;
     margin-inline-end: auto
}

.coming-soon .newsletter-form .input-group {
     overflow: hidden;
     border-radius: 30px
}

.coming-soon .newsletter-form .input-group .form-control {
     height: 50px;
     display: block;
     border: none;
     border-radius: 50px;
     font-size: 14px;
     -webkit-padding-before: 0;
     padding-block-start: 0;
     -webkit-padding-end: 0;
     padding-inline-end: 0;
     -webkit-padding-after: 0;
     padding-block-end: 0;
     -webkit-padding-start: 25px;
     padding-inline-start: 25px
}

.coming-soon .newsletter-form .input-group span {
     padding: 0;
     border: none
}

.coming-soon .newsletter-form .input-group span button {
     border: none;
     height: 100%;
     background: #4dea0f;
     display: inline-block;
     color: #fff;
     -webkit-padding-start: 30px;
     padding-inline-start: 30px;
     -webkit-padding-end: 30px;
     padding-inline-end: 30px;
     border-top-right-radius: 30px;
     border-bottom-right-radius: 30px
}

.coming-soon .newsletter-form .input-group span button:hover {
     background-color: #051722;
     color: #fff
}

.coming-soon .social-list {
     -webkit-margin-before: 35px;
     margin-block-start: 35px
}

.coming-soon .social-list a {
     color: #4dea0f;
     width: 40px;
     height: 40px;
     background: #fff;
     border-radius: 50px;
     display: -webkit-box;
     display: -ms-flexbox;
     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-transition: all .5s ease;
     transition: all .5s ease
}

.coming-soon .social-list a:hover {
     background: #4dea0f;
     color: #fff
}

.coming-soon .social-list li {
     display: inline-block
}

.coming-soon .social-list li+li {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.coming-soon .countdown-wrap {
     -webkit-margin-before: 30px;
     margin-block-start: 30px
}

.coming-soon .countdown-grid {
     background: #4dea0f;
     border-radius: 10px;
     padding: 20px;
     position: relative;
     z-index: 1
}

.coming-soon .countdown-grid h2 {
     color: #fff
}

.coming-soon .countdown-grid h5 {
     color: #fff
}

.coming-soon h1 {
     font-size: calc(38px + 8*(100vw - 320px)/1600);
     -webkit-margin-after: 15px;
     margin-block-end: 15px
}

.coming-soon p {
     font-size: calc(16px + 4*(100vw - 320px)/1600);
     font-weight: 300;
     -webkit-margin-start: auto;
     margin-inline-start: auto;
     -webkit-margin-end: auto;
     margin-inline-end: auto;
     color: #fff
}

.common-dash tr th {
     font-size: 16px;
     -webkit-padding-before: unset;
     padding-block-start: unset;
     font-weight: 500;
     color: #262626
}

/*.common-dash tr th,*/
/*.common-dash tr td {*/
/*     white-space: nowrap*/
/*}*/

.common-dash tr td {
     font-size: 14px;
     font-weight: 400;
     vertical-align: middle;
     border-bottom: 1px solid #e5e5e5;
     color: #8392a5;
     /* padding: 8px 0; */
}

.common-dash tr td .badge {
     -webkit-transition: all .4s ease;
     transition: all .4s ease
}

.common-dash tr td .media {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.common-dash tr td .media>img {
     -webkit-margin-end: 15px;
     margin-inline-end: 15px
}

.common-dash tr td span {
     display: block;
     color: #8392a5;
     text-transform: capitalize
}

.common-dash tr td i {
     font-size: 14px;
     font-weight: 500
}
.btn {
	padding: 6px 10px !important;
}

.common-dash tr .media .img-wrap {
     width: 40px;
     height: 40px;
     display: -webkit-box;
     display: -ms-flexbox;
     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-margin-end: 15px;
     margin-inline-end: 15px;
     border-radius: 5px;
     overflow: hidden;
     -webkit-transition: all .4s ease;
     transition: all .4s ease;
     background-color: rgba(26, 124, 188, .1)
}

.common-dash tr:hover .media .img-wrap {
     -webkit-box-shadow: inset 0 0 0 1.2em rgba(26, 124, 188, .2);
     box-shadow: inset 0 0 0 1.2em rgba(26, 124, 188, .2)
}

.common-dash tr:hover td .badge {
     -webkit-transition: all .4s ease;
     transition: all .4s ease
}

.common-dash tr:hover td .badge_primary {
     background-color: #4dea0f !important;
     color: #fff !important
}

.common-dash tr:hover td .badge_secondary {
     background-color: #f07521 !important;
     color: #fff !important
}

.common-dash tr:hover td .badge_danger {
     background-color: #e3291d !important;
     color: #fff !important
}

.common-dash .badge i {
     font-size: 16px;
     -webkit-margin-start: 5px;
     margin-inline-start: 5px
}

.common-dash .copycode-grid {
     padding: 0px;
     max-height: 0
}

.common-dash .copycode-grid pre {
     margin: 0
}

.common-dash .copycode-grid.active {
     max-height: 100%;
     -webkit-transition: all .5s ease-in;
     transition: all .5s ease-in
}

.welcome-card .card-header {
     background-image: url("../images/dashboard/welcome-banner.jpg");
     background-size: cover;
     background-position: center;
     height: 208px
}

.welcome-card .card-body {
     text-align: center
}

.welcome-card .card-body .img-wrap {
     border-radius: 50%;
     overflow: hidden;
     width: 80px;
     height: 80px;
     -webkit-margin-start: auto;
     margin-inline-start: auto;
     -webkit-margin-end: auto;
     margin-inline-end: auto;
     -webkit-margin-before: -65px;
     margin-block-start: -65px;
     -webkit-margin-after: 15px;
     margin-block-end: 15px;
     background-color: rgba(26, 124, 188, .3)
}

.welcome-card .card-body .img-wrap img {
     width: 100%;
     height: 100%
}

.welcome-card .card-body h3 {
     -webkit-margin-after: 10px;
     margin-block-end: 10px
}

.welcome-card .card-body p {
     font-size: 15px
}

.earning-chart {
     position: relative
}

.earning-chart .card-body {
     padding: 0 !important;
     overflow: hidden;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px
}

.earning-chart .card-body .site-impres {
     -webkit-padding-start: 25px;
     padding-inline-start: 25px;
     -webkit-margin-before: 10px;
     margin-block-start: 10px
}

.earning-chart .card-body .site-impres h2 {
     font-size: calc(28px + 4*(100vw - 420px)/1500)
}

.earning-chart .card-body #earning-chart {
     -webkit-margin-after: -20px;
     margin-block-end: -20px;
     -webkit-margin-start: -20px;
     margin-inline-start: -20px;
     -webkit-margin-end: 0;
     margin-inline-end: 0
}

.earning-chart .vactor-animated li svg {
     fill: rgba(26, 124, 188, .1)
}

.animated-shap {
     overflow: hidden
}

.animated-shap .card-header {
     z-index: 1
}

.animated-shap .vactor-animated li {
     position: absolute
}

.animated-shap .vactor-animated li svg {
     width: 30px;
     height: 30px
}

.animated-shap .vactor-animated li:nth-child(1) {
     top: -10px;
     left: 45%
}

.animated-shap .vactor-animated li:nth-child(1) svg {
     width: 45px;
     height: 45px
}

.animated-shap .vactor-animated li:nth-child(2) {
     top: 0;
     left: 38%
}

.animated-shap .vactor-animated li:nth-child(3) {
     top: 13%;
     left: 52%
}

.animated-shap .vactor-animated li:nth-child(4) {
     top: 15%;
     left: 43%
}

.animated-shap .vactor-animated li:nth-child(5) {
     top: -12px;
     left: 56%
}

.product-chart .card-body {
     padding: 0 !important;
     overflow: hidden;
     z-index: 1
}

.product-chart .card-body #product-chart {
     -webkit-margin-start: -15px;
     margin-inline-start: -15px;
     -webkit-margin-after: -30px;
     margin-block-end: -30px
}

.product-chart .vactor-animated li svg path {
     stroke: rgba(240, 117, 33, .2)
}

.countri-tbl tr td {
     -webkit-padding-before: 10px;
     padding-block-start: 10px;
     -webkit-padding-after: 10px;
     padding-block-end: 10px
}

.countri-tbl tr td .flag-wrap i {
     font-size: 24px
}

.countri-tbl tr td i {
     font-size: 20px
}

.countri-tbl tr td .media-body {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.visitor-ratetbl .card-body {
     -webkit-padding-before: 0;
     padding-block-start: 0
}

.recent-ordertbl tr th {
     -webkit-padding-before: 0;
     padding-block-start: 0;
     font-size: 16px
}

.project-status .card-header .setting-card {
     -webkit-margin-start: auto;
     margin-inline-start: auto
}

.project-status .media {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-margin-after: 17px;
     /* margin-block-end: 17px; */
     -webkit-margin-before: 17px;
     /* margin-block-start: 17px */
}

.project-status .media .media-body {
     text-align: end
}

.project-status .progress {
     height: 15px
}

.project-summarytbl tr th {
     -webkit-padding-before: 0;
     padding-block-start: 0
}

.project-summarytbl tr td .team li,
.project-summarytbl tr th .team li {
     display: inline-block
}

.project-summarytbl tr td .team li:nth-child(2),
.project-summarytbl tr th .team li:nth-child(2) {
     -webkit-margin-start: -15px;
     margin-inline-start: -15px;
     -webkit-margin-end: 5px;
     margin-inline-end: 5px
}

.dash-chat .dash-chatbox ul.chating-list {
     background-color: rgba(26, 124, 188, .04);
     padding: 15px;
     border-radius: 5px;
     height: 332px;
     overflow: auto
}

.dash-chat .dash-chatbox ul.chating-list li .user-msgbox,
.dash-chat .dash-chatbox ul.chating-list li .admin-msgbox {
     max-width: 70%;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content
}

.dash-chat .dash-chatbox ul.chating-list li .user-msgbox .media img,
.dash-chat .dash-chatbox ul.chating-list li .admin-msgbox .media img {
     width: 28px;
     height: 28px
}

.dash-chat .dash-chatbox ul.chating-list li .user-msgbox .media p,
.dash-chat .dash-chatbox ul.chating-list li .admin-msgbox .media p {
     background-color: #fff;
     padding: 5px 10px
}

.dash-chat .dash-chatbox ul.chating-list li .user-msgbox .media img {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.dash-chat .dash-chatbox ul.chating-list li .admin-msgbox {
     -webkit-margin-start: auto;
     margin-inline-start: auto
}

.dash-chat .dash-chatbox ul.chating-list li .admin-msgbox .media img {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.dash-chat .dash-chatbox ul.chating-list li+li {
     -webkit-margin-before: 10px;
     margin-block-start: 10px
}

.dash-chat .dash-chatbox .userchat-typebox {
     -webkit-padding-before: 25px;
     padding-block-start: 25px;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.dash-chat .dash-chatbox .userchat-typebox .btn {
     padding: 10px 12px
}

.dash-chat .dash-chatbox .userchat-typebox .btn svg {
     width: 20px;
     height: auto
}

.visitor-performance .apexcharts-legend {
     top: 0 !important;
     left: unset !important;
     right: 20px !important;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     padding: 0
}

.visitor-performance .apexcharts-legend span {
     font-weight: 600 !important;
     color: #8392a5 !important
}

.visitor-performance .card-body {
     padding: 38px 10px 0 10px !important;
     overflow: hidden
}

.visitor-performance .card-body #visitor-chart {
     -webkit-margin-before: -15px;
     margin-block-start: -15px
}

.visitor-performance .card-body h4 {
     -webkit-padding-start: 25px;
     padding-inline-start: 25px;
     color: #4dea0f
}

.support-inboxtbl h6 {
     -webkit-margin-after: 3px;
     margin-block-end: 3px;
     color: #262626
}

.support-inboxtbl p {
     font-weight: 400
}

.support-inboxtbl tr:first-child td {
     -webkit-padding-before: unset;
     padding-block-start: unset
}

.support-inboxtbl tr td {
     -webkit-padding-before: 13px;
     padding-block-start: 13px;
     -webkit-padding-after: 13px;
     padding-block-end: 13px
}

.overall-revenuetbl .card-body {
     padding: 15px 20px 0px 10px !important
}

.sale-revenue .card-body h4 {
     -webkit-margin-before: 10px;
     margin-block-start: 10px;
     font-weight: 400;
     font-size: 14px;
     text-transform: capitalize
}

.sale-revenue .card-body h2 {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-margin-after: 15px;
     margin-block-end: 15px;
     font-size: 24px
}

.sale-revenue .card-body h2 .badge {
     -webkit-margin-start: 25px;
     margin-inline-start: 25px;
     font-weight: 500
}

.sale-revenue .card-body h2 .badge i {
     font-size: 14px;
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.sale-revenue .card-body .progress {
     height: 10px
}

.earning-revenue .card-body {
     padding: 0 20px 0 5px !important
}

.sale-categorychart {
     position: relative
}

.sale-categorychart .category-count {
     position: absolute;
     top: 50%;
     inset-inline-start: 50%;
     -webkit-margin-end: -50%;
     margin-inline-end: -50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%)
}

.sale-categorychart .category-count h2 {
     font-size: 26px;
     color: #4dea0f
}

.sale-categorychart .apexcharts-legend {
     inset: auto 0px 5px 0 !important;
     padding: 0
}

.sale-categorychart .apexcharts-legend .apexcharts-legend-series {
     width: 45%
}

.sale-categorychart .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text:nth-child(2) {
     -webkit-margin-start: 3px;
     margin-inline-start: 3px
}

.sale-categorychart .apexcharts-legend .apexcharts-legend-series:nth-child(even) {
     -webkit-margin-start: auto !important;
     margin-inline-start: auto !important;
     text-align: end
}

.brand-producttbl img {
     -webkit-margin-end: 20px;
     margin-inline-end: 20px
}

.brand-producttbl td {
     -webkit-padding-before: 9px !important;
     padding-block-start: 9px !important;
     -webkit-padding-after: 9px !important;
     padding-block-end: 9px !important
}

.ecom-product {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px;
     -webkit-margin-end: 15px;
     margin-inline-end: 15px
}

.ecom-product .card-body {
     overflow: hidden;
     border-radius: 5px
}

.ecom-product .product-imgwrap {
     border-radius: 5px;
     overflow: hidden
}

.ecom-product .product-imgwrap img {
     width: 100%;
     -webkit-transition: all .5s ease;
     transition: all .5s ease
}

.ecom-product .detail-wrap {
     -webkit-padding-before: 20px;
     padding-block-start: 20px;
     position: relative;
     text-align: center
}

.ecom-product .detail-wrap h5 {
     -webkit-margin-after: 0;
     margin-block-end: 0;
     color: #051722
}

.ecom-product .detail-wrap p {
     font-size: 14px
}

.ecom-product .detail-wrap h6 {
     -webkit-margin-after: 5px;
     margin-block-end: 5px
}

.ecom-product .detail-wrap .rating-detail {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center
}

.ecom-product .detail-wrap .rating-detail span {
     -webkit-margin-start: 10px;
     margin-inline-start: 10px
}

.ecom-product .detail-wrap .rating-detail .btn {
     background-color: #e5e5e5;
     -webkit-margin-start: auto;
     margin-inline-start: auto
}

.ecom-product:hover .product-imgwrap img {
     -webkit-transform: scale(1.05);
     transform: scale(1.05)
}

.ecom-product [id^=ecom-pro] {
     -webkit-margin-start: -47px;
     margin-inline-start: -47px;
     -webkit-margin-end: -35px;
     margin-inline-end: -35px;
     -webkit-margin-after: -35px;
     margin-block-end: -35px
}

.top-sellintbl h6 {
     color: #051722
}

.payment-method ul li:nth-child(n+2) {
     -webkit-margin-start: 20px;
     margin-inline-start: 20px
}

.payment-method ul li a {
     border: 1px solid #e5e5e5;
     padding: 10px 20px
}

.payment-method ul li a i {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.payment-method ul li a.active {
     background-color: #4dea0f;
     color: #fff
}

.payment-method .cdx-cvc .cvc-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center
}

.payment-method .cdx-cvc .cvc-group .form-control {
     width: 80px;
     -webkit-margin-end: 15px;
     margin-inline-end: 15px
}

.payment-method .cdx-cvc .cvc-group p {
     font-size: 14px
}

@media(min-width: 1366px)and (max-width: 1680px) {
     .cdx-xxl-30 {
          width: 30%
     }

     .cdx-xxl-33 {
          width: 33.33%
     }

     .cdx-xxl-35 {
          width: 35%
     }

     .cdx-xxl-40 {
          width: 40%
     }

     .cdx-xxl-45 {
          width: 45%
     }

     .cdx-xxl-50 {
          width: 50%
     }

     .cdx-xxl-55 {
          width: 55%
     }

     .cdx-xxl-60 {
          width: 60%
     }

     .cdx-xxl-65 {
          width: 65%
     }

     .cdx-xxl-70 {
          width: 70%
     }

     .cdx-xxl-80 {
          width: 80%
     }

     .cdx-xxl-100 {
          width: 100%
     }

     .cdxorder-xxl-1 {
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1
     }

     .product-boxwrap .social li a {
          width: 40px;
          height: 40px
     }

     .product-boxwrap .social li a svg {
          width: auto;
          height: 18px
     }

     .product-boxwrap .product-imgwrap .product-discount-label,
     .product-boxwrap .product-imgwrap .product-sale-label {
          padding: 6px 10px;
          font-size: 10px
     }
}

@media(min-width: 1200px)and (max-width: 1365px) {
     .cdx-xl-30 {
          width: 30%
     }

     .cdx-xl-33 {
          width: 33.33%
     }

     .cdx-xl-40 {
          width: 40%
     }

     .cdx-xl-45 {
          width: 45%
     }

     .cdx-xl-50 {
          width: 50%
     }

     .cdx-xl-55 {
          width: 55%
     }

     .cdx-xl-70 {
          width: 70%
     }

     .cdx-xl-60 {
          width: 60%
     }

     .cdx-xl-100 {
          width: 100%
     }

     .cdxorder-xl-1 {
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1
     }
}

@media(min-width: 1025px)and (max-width: 1199px) {
     .cdx-lg-50 {
          width: 50%
     }

     .cdx-lg-100 {
          width: 100%
     }
}

@media(min-width: 768px)and (max-width: 1199px) {
     .cdxorder-lg-1 {
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1
     }
}

@media screen and (min-width: 1200px) {
     body.daactive-sidebar .codex-header {
          -webkit-margin-start: 72px;
          margin-inline-start: 72px;
          width: calc(100% - 72px)
     }

     body.daactive-sidebar .codex-sidebar:not(:hover) {
          width: 72px;
          -webkit-transition: all .5s ease;
          transition: all .5s ease
     }

     body.daactive-sidebar .codex-sidebar:not(:hover) .logo-gridwrap {
          display: none
     }

     body.daactive-sidebar .codex-sidebar:not(:hover) .logo-gridwrap .sidebar-action {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex
     }

     body.daactive-sidebar .codex-sidebar:not(:hover) .icon-logo {
          display: block
     }

     body.daactive-sidebar .codex-sidebar:not(:hover) .codex-menu {
          -webkit-padding-start: 15px;
          padding-inline-start: 15px;
          -webkit-padding-end: 15px;
          padding-inline-end: 15px
     }

     body.daactive-sidebar .codex-sidebar:not(:hover) .codex-menu .cdxmenu-title {
          display: none
     }

     body.daactive-sidebar .codex-sidebar:not(:hover) .codex-menu li.menu-item.active>a {
          color: #fff;
          background-color: #4dea0f
     }

     body.daactive-sidebar .codex-sidebar:not(:hover) .codex-menu li>a {
          color: #4dea0f;
          background-color: rgba(26, 124, 188, .08);
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          border-radius: 5px
     }

     body.daactive-sidebar .codex-sidebar:not(:hover) .codex-menu li>a .icon-item {
          -webkit-margin-end: 0;
          margin-inline-end: 0
     }

     body.daactive-sidebar .codex-sidebar:not(:hover) .codex-menu li>a>i.fa {
          display: none
     }

     body.daactive-sidebar .codex-sidebar:not(:hover) .codex-menu li>a span {
          display: none
     }

     body.daactive-sidebar .codex-sidebar:not(:hover) .codex-menu li+li {
          margin-top: 10px
     }

     body.daactive-sidebar .codex-sidebar:not(:hover) .codex-menu .submenu-list {
          display: none
     }

     body.daactive-sidebar .codex-sidebar:hover {
          -webkit-transition: all .5s ease;
          transition: all .5s ease
     }

     body.daactive-sidebar .codex-sidebar:hover .logo-gridwrap .sidebar-action,
     body.daactive-sidebar .codex-sidebar:hover .icon-logo .sidebar-action {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex
     }

     body.daactive-sidebar .themebody-wrap {
          -webkit-margin-start: 72px;
          margin-inline-start: 72px
     }

     body.daactive-sidebar .codex-footer {
          -webkit-margin-start: 72px;
          margin-inline-start: 72px;
          width: calc(100% - 72px)
     }
}

@media screen and (max-width: 1470px) {
     .email-sidebar {
          min-width: 240px
     }

     .email-body {
          width: calc(100% - 270px)
     }

     .email-body .mail-list li .mail-item p {
          width: 40%
     }

     .email-body .seen-body p {
          font-size: 14px
     }

     .email-body .seen-body .email-post {
          -webkit-margin-before: 20px;
          margin-block-start: 20px;
          -webkit-margin-after: 20px;
          margin-block-end: 20px
     }

     .checkout-page .payment-detail ul li:nth-child(n+2) {
          -webkit-margin-start: 10px;
          margin-inline-start: 10px
     }
}

@media screen and (max-width: 1440px) {
     .pricing-grid>div:nth-child(n+4) {
          -webkit-margin-before: 30px;
          margin-block-start: 30px
     }

     .project-status .media .media-body {
          margin: 13px 0
     }
}

@media screen and (max-width: 1399px) {
     .codex-calendar .fc-event-title {
          padding: 7px 15px
     }

     .codex-calendar .events-list {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-margin-after: 15px;
          margin-block-end: 15px
     }

     .codex-calendar .events-list li {
          padding: 10px 12px;
          font-size: 14px
     }

     .codex-calendar .events-list li:nth-child(n+2) {
          -webkit-margin-before: unset;
          margin-block-start: unset;
          -webkit-margin-start: 10px;
          margin-inline-start: 10px
     }

     .timeline {
          width: 100%
     }
}

@media screen and (max-width: 1365px) {
     .cdxuser-profile .gallerypost-list li img {
          width: 79px
     }

     .cdxapp-xl-sidebar {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
          opacity: 0;
          visibility: hidden;
          -webkit-box-shadow: 0 4px 40px rgba(5, 23, 34, .1);
          box-shadow: 0 4px 40px rgba(5, 23, 34, .1);
          width: 270;
          height: 600px;
          overflow: auto
     }

     .cdxapp-xl-sidebar.show-sidebar {
          opacity: 1;
          visibility: visible
     }

     .cdxapp-xl-sidebar .card {
          -webkit-margin-after: 0;
          margin-block-end: 0
     }

     .product-filter {
          padding: 0;
          top: 115px;
          left: 13px
     }

     .product-filter .card {
          border-radius: 0;
          border-bottom: 1px dashed #e5e5e5
     }

     .product-boxwrap .social li a {
          width: 40px;
          height: 40px
     }

     .product-boxwrap .social li a svg {
          width: auto;
          height: 18px
     }

     .product-boxwrap .product-imgwrap .product-discount-label,
     .product-boxwrap .product-imgwrap .product-sale-label {
          padding: 6px 10px
     }

     .product-boxwrap .product-imgwrap .product-discount-label,
     .product-boxwrap .product-imgwrap .product-sale-label {
          padding: 6px 10px;
          font-size: 10px
     }

     .grid-wrap-header .cdxapp-toggle {
          display: inline-block !important
     }

     .cdx-invoice .footer-invoice {
          width: 45%
     }
}

@media screen and (max-width: 1199px) {
     .mob-hide {
          display: none
     }

     .themebody-wrap {
          -webkit-margin-start: unset;
          margin-inline-start: unset
     }

     .codex-footer {
          width: 100%;
          -webkit-margin-start: unset;
          margin-inline-start: unset
     }

     body.daactive-sidebar .codex-sidebar {
          inset-inline-start: 0
     }

     .codex-header {
          width: 100%;
          -webkit-margin-start: unset;
          margin-inline-start: unset
     }

     .codex-sidebar {
          inset-inline-start: -295px;
          z-index: 4;
          -webkit-transition: all .5s ease;
          transition: all .5s ease
     }

     .codex-sidebar .logo-gridwrap .sidebar-action {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex
     }

     .cdxapp-toggle {
          display: block
     }

     .cdxapp-sidebar {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
          opacity: 0;
          visibility: hidden;
          min-width: 270;
          -webkit-box-shadow: 0 4px 40px rgba(5, 23, 34, .1);
          box-shadow: 0 4px 40px rgba(5, 23, 34, .1)
     }

     .cdxapp-sidebar.show-sidebar {
          opacity: 1;
          visibility: visible
     }

     .cdxapp-sidebar .card {
          -webkit-margin-after: 0;
          margin-block-end: 0
     }

     .email-body {
          width: 100%;
          -webkit-margin-start: unset;
          margin-inline-start: unset
     }
}

@media screen and (max-width: 1024px) {
     .email-body .mail-list li .mail-item p {
          width: 50%
     }
}

@media(min-width: 1025px)and (max-width: 1199px) {
     .cdx-md-50 {
          width: 50%
     }
}

@media screen and (max-width: 991px) {
     .card .card-header {
          padding: 10px 20px
     }

     .card .card-body {
          padding: 10px 20px
     }

     .themebody-wrap {
          -webkit-margin-before: 78px;
          margin-block-start: 78px
     }

     .codex-header .form-group {
          position: relative
     }

     .codex-header .form-group .input-group-text {
          padding: 0;
          width: 38px;
          height: 38px;
          border-radius: 50% !important;
          border: none;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          color: #4dea0f;
          -webkit-box-shadow: 0 0 5px 2px rgba(5, 23, 34, .05);
          box-shadow: 0 0 5px 2px rgba(5, 23, 34, .05)
     }

     .codex-header .form-group .form-control {
          position: absolute;
          top: 100%;
          inset-inline-start: 0;
          border-radius: 5px !important;
          opacity: 0;
          visibility: hidden;
          width: 0;
          -webkit-transition: all .5s ease;
          transition: all .5s ease
     }

     .codex-header .form-group .form-control.active {
          opacity: 1;
          visibility: visible;
          width: 229px
     }

     .email-body .seen-body .email-post li {
          width: 18%
     }

     .user-card .card-body .user-imgwrap {
          width: 70px;
          height: 70px
     }

     .user-card .card-body .user-detailwrap h3 {
          font-size: 18px
     }

     .codex-chat .chat-sidebar {
          max-width: 100%;
          -webkit-box-flex: 100%;
          -ms-flex: 100%;
          flex: 100%
     }

     .codex-chat .chat-sidebar ul.user-caht-list {
          max-height: 320px
     }

     .codex-chat .chat-body {
          -webkit-margin-before: 24px;
          margin-block-start: 24px
     }

     .codex-chat .chat-body .userchat-msgbox {
          max-height: 320px
     }

     .list-view-page .col-md-4 .product-boxwrap .product-imgwrap {
          width: 50%
     }

     .list-view-page .col-md-4 .product-boxwrap .product-detailwrap {
          width: 50%
     }

     .product-detail-page .product-card .detail-group .product-delivery {
          width: auto
     }

     .cdx-invoice .footer-invoice {
          width: 50%
     }

     .contact-card .media {
          padding: 15px
     }

     .contact-card .media .media-body h4 {
          font-size: 18px
     }

     .contact-card .media .media-body h6 {
          font-size: 14px
     }

     .contact-card .user-imgwrapper {
          width: 60px;
          height: 60px
     }

     .contact-card .user-action .btn {
          font-size: 16px
     }

     .faq-searchwrap .card-body {
          height: 250px
     }

     .cdx-tab li a {
          padding: 7px 20px
     }

     .timeline:after {
          left: 25px
     }

     .timeline.timeline-left .timeline-grid {
          padding-left: 80px
     }

     .timeline-grid {
          padding-left: 80px
     }

     .timeline-grid .icon-wrap {
          left: 0
     }

     .timeline-grid .timeline-content {
          width: 100%
     }

     .timeline-grid.left .timeline-content:before {
          left: -10px;
          border-width: 10px 10px 10px 0;
          border-color: rgba(0, 0, 0, 0) #f4f6fb rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
     }

     .timeline-grid.right .timeline-content {
          margin-left: unset
     }
}

@media screen and (max-width: 767px) {
     .action-menu .action-toggle svg {
          width: auto;
          height: 20px
     }

     .codex-footer p {
          font-size: 14px
     }

     .codex-sidebar .logo-gridwrap {
          -webkit-margin-after: 5px;
          margin-block-end: 5px
     }

     .codex-sidebar.small-sidebar .codex-menu {
          -webkit-padding-after: 50px;
          padding-block-end: 50px
     }

     .codex-sidebar.small-sidebar .codex-menu .cdxmenu-title h5 {
          font-size: 16px
     }

     .codex-sidebar.small-sidebar .codex-menu li>a .icon-item {
          -webkit-margin-end: 10px;
          margin-inline-end: 10px
     }

     .codex-sidebar.small-sidebar .codex-menu li>a .icon-item i {
          font-size: 14px
     }

     .header-menu {
          -webkit-margin-start: 10px;
          margin-inline-start: 10px
     }

     .theme-body {
          -webkit-padding-start: unset;
          padding-inline-start: unset;
          -webkit-padding-end: unset;
          padding-inline-end: unset
     }

     .codex-breadcrumb {
          -webkit-margin-start: unset;
          margin-inline-start: unset;
          -webkit-margin-end: unset;
          margin-inline-end: unset
     }

     .codex-breadcrumb h3 {
          font-size: 18px
     }

     .email-body .mail-list {
          overflow: auto
     }

     .email-body .mail-list li {
          width: 720px
     }

     .email-body .mailreact-list>li .input-group .input-group-text {
          padding: 11px 15px;
          border-radius: 5px !important;
          background-color: #4dea0f !important
     }

     .email-body .mailreact-list>li .input-group .input-group-text svg {
          color: #fff
     }

     .email-body .mailreact-list li .input-group {
          position: relative;
          width: auto
     }

     .email-body .mailreact-list li .input-group .form-control {
          position: absolute;
          top: 100%;
          right: 0;
          width: 100%;
          border-radius: 5px !important;
          width: 150px;
          font-size: 12px;
          opacity: 0;
          visibility: hidden
     }

     .email-body .mailreact-list li .input-group .form-control.active {
          opacity: 1;
          visibility: visible
     }

     .email-sidebar {
          min-width: 220px
     }

     .email-sidebar .btn {
          font-size: 14px
     }

     .email-sidebar .btn svg {
          height: 20px
     }

     .email-sidebar ul.sidebarmenu-list a.menu-item {
          padding: 7px 10px
     }

     .email-sidebar ul.sidebarmenu-list a.menu-item .badge {
          font-size: 8px;
          padding: 3px 5px
     }

     .codex-calendar .events-list li {
          font-size: 0
     }

     .codex-calendar .events-list li i {
          font-size: 14px;
          -webkit-margin-end: unset;
          margin-inline-end: unset
     }

     .codex-calendar .fc-button-group button {
          padding: 5px 10px
     }

     .codex-calendar .fc-button-group button:nth-child(n+2) {
          -webkit-margin-start: 5px !important;
          margin-inline-start: 5px !important
     }

     .codex-calendar .fc .fc-toolbar-title {
          font-size: 18px
     }

     .codex-calendar .fc .fc-button {
          font-size: 12px
     }

     .codex-calendar .fc .fc-button .fc-icon {
          font-size: 14px
     }

     .cdxuser-profile .post-list .added-postdetail p {
          font-size: 14px
     }

     .cdxuser-profile .post-list .post-contain .post-detail .addpost-comment {
          -webkit-padding-before: 15px;
          padding-block-start: 15px;
          -webkit-margin-before: 15px;
          margin-block-start: 15px
     }

     .cdxuser-profile .post-list .post-contain .post-detail .postreact-status li a .like-status {
          width: 22px;
          height: 22px
     }

     .cdxuser-profile .post-list .post-contain .post-detail .postreact-status li a .like-status i {
          font-size: 12px
     }

     .cdxuser-profile .post-list .post-contain .post-detail .post-react {
          -webkit-padding-before: 15px;
          padding-block-start: 15px;
          -webkit-margin-before: 15px;
          margin-block-start: 15px
     }

     .cdxuser-profile .follower-list li .media img {
          -webkit-margin-end: 10px;
          margin-inline-end: 10px
     }

     .cdxuser-profile .gallerypost-list li img {
          width: 60px
     }

     .cdxshopping-cart .cart-action svg {
          width: auto;
          height: 20px
     }

     .cdxshopping-cart .cart-tbl th,
     .cdxshopping-cart .cart-tbl td {
          padding: 15px
     }

     .cdxshopping-cart .cart-tbl .product-imgwrap img {
          width: 55px
     }

     .grid-wrap-header .gridview-toggle,
     .grid-wrap-header .listview-toggle {
          display: none !important
     }

     .grid-wrap-header .cdxapp-toggle i {
          font-size: 16px
     }

     .product-filter {
          top: 90px
     }

     .product-detail-page .product-card .product-for {
          width: 65%;
          height: auto;
          margin: auto
     }

     .product-detail-page .product-detail-tab .tab-content ul.review-list>li .media img {
          width: 60px;
          height: 60px
     }

     .cdxpro-detail {
          -webkit-margin-before: 30px;
          margin-block-start: 30px
     }

     .arrow-style1 .slick-prev,
     .arrow-style1 .slick-next {
          opacity: 1;
          z-index: 1
     }

     .arrow-style1 .slick-prev {
          left: 15px
     }

     .arrow-style1 .slick-next {
          right: 15px
     }

     .product-boxwrap .social {
          opacity: 1;
          visibility: visible
     }

     .product-boxwrap .social li {
          opacity: 1;
          -webkit-transform: translateX(0) translateY(0%);
          transform: translateX(0) translateY(0%)
     }

     .todo-list li .item-contain .todo-contian {
          width: 75%
     }

     .blog-wrapper .detailwrapper {
          padding: 15px
     }

     .blog-wrapper .blog-footer .date-info {
          font-size: 14px
     }

     .blgcomment-list>li:nth-child(n+2) {
          -webkit-margin-before: 20px;
          margin-block-start: 20px;
          -webkit-padding-before: 20px;
          padding-block-start: 20px
     }

     .codex-error p {
          width: auto
     }

     .codex-error .btn {
          -webkit-margin-before: 25px;
          margin-block-start: 25px;
          padding: 12px 25px;
          font-size: 18px
     }

     .auth-main {
          padding: 0 50px
     }

     .codex-authbox {
          width: 100%;
          min-width: 100%;
          padding: 30px
     }

     .codex-authbox .auth-header {
          -webkit-margin-after: 25px;
          margin-block-end: 25px
     }

     .codex-authbox .auth-header .codex-brand {
          -webkit-margin-after: 10px;
          margin-block-end: 10px
     }

     .codex-authbox .auth-header .codex-brand img {
          width: 150px
     }

     .codex-authbox .auth-header h3 {
          font-size: 24px
     }

     .codex-authbox .auth-icon {
          width: 80px;
          height: 80px;
          -webkit-margin-after: 15px;
          margin-block-end: 15px
     }

     .codex-authbox .auth-icon i {
          font-size: 35px
     }

     .codex-authbox .auth-footer {
          -webkit-margin-before: 25px;
          margin-block-start: 25px
     }

     .codex-authbox .auth-footer .auth-with {
          font-size: 16px;
          -webkit-margin-after: 25px;
          margin-block-end: 25px
     }

     .codex-authbox .auth-pin {
          -webkit-margin-after: 35px;
          margin-block-end: 35px
     }

     .codex-authbox .btn {
          -webkit-margin-before: 30px;
          margin-block-start: 30px;
          font-size: 18px
     }

     .dataTables-wrapper .dataTables-info {
          -webkit-margin-before: unset;
          margin-block-start: unset
     }

     .dataTables-wrapper .dataTables-paginate {
          -webkit-margin-before: 5px;
          margin-block-start: 5px
     }

     .dataTables-wrapper .dataTables-paginate .paginate-button {
          padding: 6px 12px;
          margin: 2px 1px
     }
}

@media screen and (max-width: 575px) {
     .btn {
          font-size: 14px;
          padding: 12px 20px
     }

     .btn.btn-md {
          padding: 10px 15px
     }

     .container,
     .custom-container {
          -webkit-padding-start: 20px;
          padding-inline-start: 20px;
          -webkit-padding-end: 20px;
          padding-inline-end: 20px
     }

     .welcome-card h2 {
          font-size: 22px;
          -webkit-margin-after: 5px;
          margin-block-end: 5px
     }

     .welcome-card p {
          font-size: 14px
     }

     .welcome-card .card-body .btn {
          -webkit-margin-before: 15px;
          margin-block-start: 15px
     }

     .animated-shap .earning-detail {
          -webkit-padding-start: 15px;
          padding-inline-start: 15px;
          -webkit-padding-end: 15px;
          padding-inline-end: 15px
     }

     .visitor-performance .card-body {
          padding: 15px 0 0 0 !important
     }

     .visitor-performance .card-body h4 {
          -webkit-padding-start: 15px;
          padding-inline-start: 15px;
          -webkit-padding-end: 15px;
          padding-inline-end: 15px
     }

     .project-status .media .media-body {
          margin: unset
     }

     .codex-header {
          padding: 20px
     }

     .codex-header .nav-profile img {
          width: 34px;
          height: 34px
     }

     .codex-header .nav-profile .media .media-body {
          display: none
     }

     .codex-header .nav-iconlist {
          position: relative
     }

     .codex-header .nav-iconlist>li {
          position: unset
     }

     .codex-header .nav-iconlist>li:nth-child(n+2) {
          -webkit-margin-start: 8px;
          margin-inline-start: 8px
     }

     .codex-header .form-group {
          -webkit-margin-start: 8px;
          margin-inline-start: 8px
     }

     .codex-header .form-group .input-group-text {
          width: 34px;
          height: 34px
     }

     .codex-header .navicon-wrap {
          width: 34px;
          height: 34px
     }

     .codex-header .navicon-wrap svg {
          width: 16px
     }

     .codex-header .navicon-wrap i {
          font-size: 16px
     }

     .codex-breadcrumb .breadcrumb-contain {
          display: block
     }

     .codex-breadcrumb .breadcrumb-contain .right-breadcrumb {
          -webkit-margin-before: 5px;
          margin-block-start: 5px
     }

     .codex-breadcrumb .breadcrumb-contain .right-breadcrumb ul li+li {
          -webkit-margin-start: 15px;
          margin-inline-start: 15px
     }

     .codex-breadcrumb .breadcrumb-contain .right-breadcrumb ul li .bread-wrap {
          -webkit-margin-end: 5px;
          margin-inline-end: 5px
     }

     .codex-breadcrumb .breadcrumb-contain .left-breadcrumb .breadcrumb li a h1 {
          font-size: 16px
     }

     .codex-loader .loder-item {
          width: 35px;
          height: 35px;
          font-size: 14px;
          margin: 5px
     }

     .codex-calendar .events-list {
          -webkit-margin-after: 10px;
          margin-block-end: 10px
     }

     .codex-calendar .fc-header-toolbar .fc-toolbar-chunk:first-child {
          position: absolute;
          top: 15px;
          right: 15px
     }

     .coming-soon .newsletter-form {
          width: auto;
          -webkit-margin-before: 40px;
          margin-block-start: 40px
     }

     .coming-soon h1 {
          -webkit-margin-after: 10px;
          margin-block-end: 10px
     }

     .coming-soon .countdown-wrap {
          -webkit-margin-before: 20px;
          margin-block-start: 20px
     }

     .coming-soon .social-list {
          -webkit-margin-before: 25px;
          margin-block-start: 25px
     }

     .email-body .cdxapp-toggle {
          color: #4dea0f !important;
          background-color: rgba(0, 0, 0, 0) !important;
          border: none;
          padding: 0;
          -webkit-margin-start: 10px;
          margin-inline-start: 10px
     }

     .email-body .mailreact-list {
          -webkit-margin-start: unset;
          margin-inline-start: unset
     }

     .email-body .mailreact-list>li:nth-child(n+2) {
          -webkit-margin-start: 10px;
          margin-inline-start: 10px
     }

     .email-body .mailreact-list>li .form-check-input {
          width: 30px;
          height: 30px;
          -webkit-margin-end: unset;
          margin-inline-end: unset
     }

     .email-body .mailreact-list>li>a {
          color: #4dea0f !important;
          background-color: rgba(0, 0, 0, 0) !important;
          border: none;
          padding: 0
     }

     .email-body .mailreact-list>li>a svg {
          height: 20px
     }

     .email-body .mailreact-list>li .action-toggle {
          color: #4dea0f !important;
          background-color: rgba(0, 0, 0, 0) !important;
          border: none;
          padding: 0
     }

     .email-body .mailreact-list>li .input-group .input-group-text {
          background-color: rgba(0, 0, 0, 0) !important;
          border: none;
          padding: 0
     }

     .email-body .mailreact-list>li .input-group .input-group-text svg {
          color: #4dea0f;
          height: 20px
     }

     .email-body .nav-tabs li {
          -webkit-margin-after: 5px;
          margin-block-end: 5px
     }

     .email-body .nav-tabs li a {
          padding: 8px 15px
     }

     .email-body .nav-tabs li svg {
          height: 16px
     }

     .email-body .nav-tabs li:nth-child(n+2) {
          -webkit-margin-start: 10px;
          margin-inline-start: 10px
     }

     .email-body .seen-footer .btn:nth-child(n+2) {
          -webkit-margin-start: 10px;
          margin-inline-start: 10px
     }

     .email-modal .modal-footer .group-btn .btn {
          padding: 5px 10px;
          font-size: 14px
     }

     .email-modal .modal-footer .group-btn .btn svg {
          height: 14px
     }

     .email-modal .modal-footer .group-btn .btn:nth-child(n+2) {
          -webkit-margin-start: 5px;
          margin-inline-start: 5px
     }

     .codex-chat .media .userimg-wrap {
          width: 38px;
          height: 38px
     }

     .codex-chat .media .media-body h6 {
          font-size: 14px
     }

     .codex-chat .chaticon-list>li>a svg {
          width: 22px;
          height: 22px
     }

     .codex-chat .chaticon-list>li:nth-child(n+2) {
          -webkit-margin-start: 10px;
          margin-inline-start: 10px
     }

     .codex-chat .chat-sidebar .input-group .input-group-text svg {
          width: 16px
     }

     .codex-chat .chat-sidebar .input-group .form-control {
          padding: 10px 15px
     }

     .codex-chat .chat-body .media {
          padding: 15px 20px
     }

     .codex-chat .chat-body .userchat-msgbox .user-msgbox,
     .codex-chat .chat-body .userchat-msgbox .admin-msgbox {
          max-width: 80%
     }

     .codex-chat .chat-body .userchat-typebox {
          padding: 15px
     }

     .codex-chat .chat-body .userchat-typebox .form-control {
          padding: 7px 15px;
          font-size: 14px
     }

     .codex-chat .chat-body .userchat-typebox .btn {
          padding: 0;
          background-color: rgba(0, 0, 0, 0) !important;
          border: none !important
     }

     .codex-chat .chat-body .userchat-typebox .btn svg {
          color: #4dea0f;
          width: 22px
     }

     .cdxshopping-cart .cartbtn-group {
          display: block
     }

     .cdxshopping-cart .cartbtn-group .group-btn {
          -webkit-margin-before: 10px;
          margin-block-start: 10px
     }

     .checkout-page .cdx-cvc .cvc-group {
          display: block
     }

     .checkout-page .cdx-cvc .cvc-group p {
          -webkit-margin-before: 10px;
          margin-block-start: 10px
     }

     .checkout-page .payment-detail ul li a {
          font-size: 0
     }

     .checkout-page .payment-detail ul li a i {
          font-size: 20px;
          -webkit-margin-end: unset;
          margin-inline-end: unset
     }

     .cdx-invoice .head-invoice {
          padding: 15px
     }

     .cdx-invoice .head-invoice .contact-list li+li {
          -webkit-margin-before: 5px;
          margin-block-start: 5px
     }

     .cdx-invoice .body-invoice {
          -webkit-margin-before: 15px;
          margin-block-start: 15px
     }

     .cdx-invoice .invoice-action {
          -webkit-margin-before: 15px;
          margin-block-start: 15px
     }

     .pricing-grid>div:nth-child(n+3) {
          -webkit-margin-before: 30px;
          margin-block-start: 30px
     }

     .codex-pricingtbl .cdxprice-list li {
          font-size: 16px
     }

     .codex-pricingadvance .price-icon {
          width: 75px;
          height: 75px
     }

     .codex-pricingadvance .price-icon i {
          font-size: 30px
     }

     .product-detail-page .product-detail-tab .nav-tabs li {
          display: block;
          width: 100%
     }

     .product-detail-page .product-detail-tab .nav-tabs li+li {
          -webkit-margin-start: unset;
          margin-inline-start: unset
     }

     .product-detail-page .product-card {
          padding: 20px
     }

     .product-detail-page .product-card .product-for {
          width: 100%
     }

     .product-detail-page .product-card .product-to {
          -webkit-margin-start: -5px;
          margin-inline-start: -5px;
          -webkit-margin-end: -5px;
          margin-inline-end: -5px;
          -webkit-margin-before: 15px;
          margin-block-start: 15px
     }

     .product-detail-page .product-card .product-to .product-imgwrap {
          -webkit-margin-start: 5px;
          margin-inline-start: 5px;
          -webkit-margin-end: 5px;
          margin-inline-end: 5px
     }

     .grid-wrap-header .gridfilter-list li a {
          padding: 6px 12px
     }

     .grid-wrap-header .gridfilter-list li a svg {
          width: 20px
     }

     .contact-card .user-imgwrapper {
          width: 50px;
          height: 50px
     }

     .contact-card .media .media-body h4 {
          font-size: 16px
     }

     .contact-card .media .media-body h6 {
          font-size: 12px
     }

     .contact-searchbar {
          display: block
     }

     .contact-searchbar .input-group {
          width: 100%
     }

     .contact-searchbar .btn {
          -webkit-margin-before: 10px;
          margin-block-start: 10px
     }

     .faq-searchwrap .card-body {
          height: 180px;
          padding: 20px
     }

     .faq-searchwrap .card-body h1 {
          font-size: 24px;
          -webkit-margin-after: 10px;
          margin-block-end: 10px
     }

     .blogdetail-wrrapper .detailwrapper p {
          -webkit-margin-before: 10px;
          margin-block-start: 10px
     }

     .detailwrapper .blogsoc-list {
          display: block
     }

     .detailwrapper .blogsoc-list li {
          -webkit-margin-after: 5px;
          margin-block-end: 5px
     }

     .detailwrapper .blogsoc-list li:nth-child(n+2) {
          -webkit-margin-start: unset;
          margin-inline-start: unset
     }

     .blgcomment-list li .media {
          display: block
     }

     .blgcomment-list li .media img {
          height: 60px;
          -webkit-margin-end: 15px;
          margin-inline-end: 15px
     }

     .blgcomment-list li .media .media-body {
          -webkit-margin-before: 10px;
          margin-block-start: 10px
     }

     .blgcomment-list li .media .media-body h5 .comment-time {
          float: unset;
          display: block;
          -webkit-margin-before: 5px;
          margin-block-start: 5px
     }

     .blgcomment-list li.reply-comment {
          -webkit-padding-start: 20px;
          padding-inline-start: 20px
     }

     .auth-main {
          padding: 0 20px
     }

     .codex-authbox {
          padding: 25px
     }

     .codex-authbox .auth-icon {
          -webkit-margin-after: 10px;
          margin-block-end: 10px;
          width: 60px;
          height: 60px
     }

     .codex-authbox .auth-icon i {
          font-size: 28px
     }

     .codex-authbox .auth-header {
          -webkit-margin-after: 20px;
          margin-block-end: 20px
     }

     .codex-authbox .auth-footer {
          -webkit-margin-before: 20px;
          margin-block-start: 20px
     }

     .codex-authbox .auth-footer .login-list li a {
          padding: 10px 20px;
          font-size: 14px
     }

     .codex-authbox .auth-footer .login-list li a img {
          width: 14px
     }

     .codex-authbox .auth-pin {
          -webkit-margin-after: 30px;
          margin-block-end: 30px
     }

     .codex-authbox .btn {
          -webkit-margin-before: 25px;
          margin-block-start: 25px;
          font-size: 16px
     }

     .dataTables-wrapper .dataTables-length {
          -webkit-margin-after: 5px;
          margin-block-end: 5px
     }

     .cdx-tab {
          -webkit-margin-after: -5px;
          margin-block-end: -5px
     }

     .cdx-tab li {
          -webkit-margin-after: 5px;
          margin-block-end: 5px
     }

     .cdx-tab li a {
          padding: 5px 15px
     }
}

@media screen and (max-width: 480px) {
     .small-group {
          display: block
     }

     .small-group>div:nth-child(n+2) {
          -webkit-margin-start: unset;
          margin-inline-start: unset;
          -webkit-margin-before: 15px;
          margin-block-start: 15px
     }

     .codex-calendar .events-list {
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center
     }

     .codex-calendar .events-list li i {
          font-size: 12px
     }

     .codex-calendar .events-list li:last-child {
          margin: 0;
          width: 0;
          padding: 0
     }

     .codex-calendar .fc-header-toolbar {
          display: block;
          text-align: center
     }

     .codex-calendar .fc-header-toolbar .fc-toolbar-chunk:first-child {
          position: unset
     }

     .codex-calendar .fc-header-toolbar .fc-toolbar-chunk:nth-child(n+2) {
          -webkit-margin-before: 10px;
          margin-block-start: 10px
     }

     .email-body .seen-header .cdxapp-toggle {
          position: absolute;
          top: 20px;
          right: 20px
     }

     .email-body .seen-header .media {
          display: block
     }

     .email-body .seen-header .media .media-body {
          -webkit-margin-before: 10px;
          margin-block-start: 10px
     }

     .email-body .seen-header .media .emailseen-setting {
          -webkit-margin-before: 10px;
          margin-block-start: 10px
     }

     .user-card .card-body .user-detailwrap .group-btn {
          -webkit-margin-before: 15px;
          margin-block-start: 15px
     }

     .codexedit-profile textarea {
          height: 115px
     }

     .product-filter {
          width: calc(100% - 16px)
     }

     .cdx-invoice .head-invoice {
          display: block
     }

     .cdx-invoice .head-invoice .contact-list {
          -webkit-margin-before: 15px;
          margin-block-start: 15px
     }

     .cdx-invoice .invoice-user {
          display: block
     }

     .cdx-invoice .invoice-user .right-user {
          border-top: 1px solid #e5e5e5;
          -webkit-margin-before: 15px;
          margin-block-start: 15px;
          -webkit-padding-before: 15px;
          padding-block-start: 15px
     }

     .cdx-invoice .footer-invoice {
          width: 100%;
          -webkit-margin-start: unset;
          margin-inline-start: unset
     }

     .timeline:after {
          width: 3px;
          left: 17px
     }

     .timeline.timeline-left:after {
          left: 17px
     }

     .timeline.timeline-left .timeline-grid {
          padding-left: 50px
     }

     .timeline-grid {
          padding-left: 50px;
          padding-right: unset;
          padding-top: 24px
     }

     .timeline-grid .icon-wrap {
          width: 30px;
          height: 30px
     }

     .timeline-grid .timeline-content {
          padding: 20px
     }
}

@media screen and (max-width: 390px) {
     .codex-header .form-group .input-group-text {
          width: 34px;
          height: 34px
     }

     .codex-header .form-group .input-group-text i {
          font-size: 16px
     }

     .codex-header .nav-iconlist>li:nth-child(n+2) {
          -webkit-margin-start: 8px;
          margin-inline-start: 8px
     }

     .codex-header .nav-profile img {
          width: 34px;
          height: 34px
     }

     .cdxuser-profile .post-list .post-contain .post-detail .postreact-status {
          display: block
     }

     .cdxuser-profile .post-list .post-contain .post-detail .postreact-status li a {
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start
     }

     .cdxuser-profile .post-list .post-contain .post-detail .postreact-status li+li {
          -webkit-margin-before: 10px;
          margin-block-start: 10px
     }

     .cdxuser-profile .post-list .post-contain .post-detail .post-react li a {
          font-size: 0
     }

     .cdxuser-profile .post-list .post-contain .post-detail .post-react li a svg {
          -webkit-margin-end: unset;
          margin-inline-end: unset
     }

     .codex-authbox .auth-remember {
          display: block
     }

     .codex-authbox .auth-footer .login-list li a {
          font-size: 0;
          padding: 0;
          width: 35px;
          height: 35px;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          border-radius: 5px
     }

     .codex-authbox .auth-footer .login-list li a img {
          -webkit-margin-end: unset;
          margin-inline-end: unset
     }

     .cdxshopping-cart .cartbtn-group .group-btn .btn {
          display: block;
          width: -webkit-fit-content;
          width: -moz-fit-content;
          width: fit-content
     }

     .cdxshopping-cart .cartbtn-group .group-btn .btn:nth-child(n+2) {
          -webkit-margin-start: unset;
          margin-inline-start: unset;
          -webkit-margin-before: 10px;
          margin-block-start: 10px
     }
}

body.darkmode {
     background-color: #0c162e;
     color: #cdc9c9
}

body.darkmode p {
     color: #cdc9c9
}

body.darkmode .text-light {
     color: #cdc9c9 !important
}

body.darkmode .card {
     background-color: #18223a
}

body.darkmode .card .setting-card a {
     color: #cdc9c9
}

body.darkmode .card-footer {
     border-color: #0d3e5e
}

body.darkmode .codex-breadcrumb {
     background-color: #18223a
}

body.darkmode .codex-breadcrumb .breadcrumb-contain .left-breadcrumb .breadcrumb li a {
     color: #cdc9c9
}

body.darkmode .codex-breadcrumb .breadcrumb-contain .left-breadcrumb .breadcrumb li a h1 {
     color: #cdc9c9
}

body.darkmode .codex-breadcrumb .breadcrumb-contain .right-breadcrumb ul li {
     background-color: rgba(26, 124, 188, .1)
}

body.darkmode .modal-header {
     border-color: #0d3e5e
}

body.darkmode .modal-content {
     background-color: #18223a;
     border-color: #0d3e5e
}

body.darkmode .modal-footer {
     border-color: #0d3e5e
}

body.darkmode .form-control {
     background-color: #18223a;
     border-color: #0d3e5e;
     color: #cdc9c9
}

body.darkmode .form-control:focus {
     border-color: #4dea0f
}

body.darkmode .input-group-text {
     border-color: #0d3e5e;
     background-color: rgba(26, 124, 188, .1)
}

body.darkmode .custom-chek .form-check-input {
     background-color: #18223a;
     border-color: #0d3e5e
}

body.darkmode .cke_top {
     background-color: #18223a;
     border-color: #0d3e5e
}

body.darkmode .cke_bottom {
     background-color: #18223a
}

body.darkmode .ckmain {
     border-color: #0d3e5e
}

body.darkmode .table>:not(:last-child)>:last-child>* {
     border-color: #0d3e5e
}

body.darkmode .table {
     color: #cdc9c9
}

body.darkmode thead,
body.darkmode tbody,
body.darkmode tfoot,
body.darkmode tr,
body.darkmode td,
body.darkmode th {
     border-color: #0d3e5e
}

body.darkmode .cdxshopping-cart .cart-tbl th {
     color: #cdc9c9 !important
}

body.darkmode .modal-header {
     border-color: #0d3e5e
}

body.darkmode .modal-content {
     background-color: #18223a;
     border-color: #0d3e5e
}

body.darkmode .modal-footer {
     border-color: #0d3e5e
}

body.darkmode .apexcharts-canvas svg .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label {
     fill: #cdc9c9
}

body.darkmode .apexcharts-canvas line {
     stroke: #0d3e5e
}

body.darkmode .apexcharts-legend-text {
     color: #cdc9c9 !important
}

body.darkmode .apexcharts-title-text {
     fill: #cdc9c9
}

body.darkmode .action-menu .action-dropdown {
     background-color: #0c162e;
     -webkit-box-shadow: 0 0 40px 5px rgba(255, 255, 255, .05);
     box-shadow: 0 0 40px 5px rgba(255, 255, 255, .05)
}

body.darkmode .action-menu .action-dropdown li a {
     color: #cdc9c9
}

body.darkmode .action-menu .action-dropdown li:nth-child(n+2) {
     border-color: #0d3e5e
}

body.darkmode .codex-sidebar {
     background-color: #18223a
}

body.darkmode .codex-sidebar .logo-gridwrap {
     -webkit-box-shadow: 0 0 40px 5px rgba(255, 255, 255, .05);
     box-shadow: 0 0 40px 5px rgba(255, 255, 255, .05)
}

body.darkmode .codex-sidebar .logo-gridwrap .sidebar-action i {
     color: #cdc9c9
}

body.darkmode .codex-sidebar .codex-darklogo {
     display: block
}

body.darkmode .codex-sidebar .codexbrand-logo {
     display: none
}

body.darkmode .codex-menu li a {
     color: #cdc9c9
}

body.darkmode .codex-header {
     background-color: #18223a;
     -webkit-box-shadow: 0 0 40px 5px rgba(255, 255, 255, .05);
     box-shadow: 0 0 40px 5px rgba(255, 255, 255, .05)
}

body.darkmode .codex-header .header-right .nav-profile .media .media-body h6 {
     color: #cdc9c9
}

body.darkmode .codex-header .header-right .nav-iconlist .drop-header {
     border-color: #0d3e5e
}

body.darkmode .codex-header .header-right .nav-iconlist .hover-dropdown {
     background-color: #18223a;
     -webkit-box-shadow: 0 0 40px 5px rgba(255, 255, 255, .05);
     box-shadow: 0 0 40px 5px rgba(255, 255, 255, .05)
}

body.darkmode .codex-header .header-right .nav-iconlist .hover-dropdown ul li a {
     color: #cdc9c9
}

body.darkmode .codex-header .header-right .nav-iconlist .hover-dropdown ul li a h6 {
     color: #cdc9c9
}

body.darkmode .codex-header .header-right .nav-iconlist .hover-dropdown ul li:nth-child(n+2) {
     border-color: #0d3e5e
}

body.darkmode .codex-header .header-right .nav-iconlist .hover-dropdown ul li:hover {
     background-color: rgba(26, 124, 188, .08)
}

body.darkmode .codex-header .navicon-wrap {
     -webkit-box-shadow: 0 0 5px 2px rgba(255, 255, 255, .05);
     box-shadow: 0 0 5px 2px rgba(255, 255, 255, .05)
}

body.darkmode .codex-footer {
     background-color: #18223a
}

body.darkmode .common-dash .table>:not(:last-child)>:last-child>* {
     border-color: #0d3e5e
}

body.darkmode .common-dash tr th {
     color: #cdc9c9
}

body.darkmode .common-dash tr td {
     color: #cdc9c9;
     border-color: #0d3e5e
}

body.darkmode .dash-chat .dash-chatbox ul.chating-list {
     background-color: #0c162e
}

body.darkmode .dash-chat .dash-chatbox ul.chating-list li .user-msgbox .media p,
body.darkmode .dash-chat .dash-chatbox ul.chating-list li .admin-msgbox .media p {
     background-color: #18223a
}

body.darkmode .support-inboxtbl h6 {
     color: #cdc9c9
}

body.darkmode .apexcharts-text tspan {
     fill: #cdc9c9
}

body.darkmode .apexcharts-canvas svg .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label {
     fill: #cdc9c9
}

body.darkmode .apexcharts-canvas line {
     stroke: #0d3e5e
}

body.darkmode .apexcharts-legend-text {
     color: #cdc9c9 !important
}

body.darkmode .sale-categorychart .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
     color: #fff !important
}

body.darkmode .ecom-product .detail-wrap h5 {
     color: #cdc9c9
}

body.darkmode .payment-method ul li a {
     color: #cdc9c9;
     border-color: #0d3e5e
}

body.darkmode .top-sellintbl h6 {
     color: #cdc9c9
}

body.darkmode .fc-theme-standard td,
body.darkmode .fc-theme-standard th {
     border-color: #0d3e5e
}

body.darkmode .fc-theme-standard .fc-scrollgrid {
     border-color: #0d3e5e
}

body.darkmode .fc-theme-standard .fc-list {
     border-color: #0d3e5e
}

body.darkmode .fc .fc-daygrid-day-number {
     color: #cdc9c9
}

body.darkmode .fc .fc-list-sticky .fc-list-day>* {
     background-color: rgba(26, 124, 188, .1)
}

body.darkmode .fc .fc-cell-shaded,
body.darkmode .fc .fc-day-disabled {
     background-color: rgba(26, 124, 188, .1)
}

body.darkmode .fc .fc-list-event:hover td {
     background-color: rgba(26, 124, 188, .1)
}

body.darkmode .codex-chat .chat-sidebar ul.user-caht-list li {
     border-color: #0d3e5e
}

body.darkmode .codex-chat .chat-body {
     background-color: #18223a
}

body.darkmode .codex-chat .chat-body .userchat-msgbox {
     background-color: #0c162e
}

body.darkmode .codex-chat .chat-body .userchat-msgbox .user-msgbox .chat-contain p,
body.darkmode .codex-chat .chat-body .userchat-msgbox .admin-msgbox .chat-contain p {
     background-color: #18223a
}

body.darkmode .todo-list li {
     border-color: #0d3e5e
}

body.darkmode .todo-list li .item-contain .todo-contian .todo-num {
     background-color: rgba(26, 124, 188, .1)
}

body.darkmode .todo-list li .item-contain .todo-contian .todo-data input,
body.darkmode .todo-list li .item-contain .todo-contian .update-data input {
     background-color: rgba(26, 124, 188, .1);
     color: #cdc9c9
}

body.darkmode .email-sidebar ul.sidebarmenu-list a.menu-item {
     border-color: #0d3e5e
}

body.darkmode .email-body .email-header {
     border-color: #0d3e5e
}

body.darkmode .email-body .nav-tabs {
     border-color: #0d3e5e
}

body.darkmode .email-body .nav-tabs li a {
     border-color: #0d3e5e
}

body.darkmode .email-body .mail-list li {
     border-color: #0d3e5e
}

body.darkmode .email-body .seen-header {
     border-color: #0d3e5e
}

body.darkmode .email-body .seen-footer {
     border-color: #0d3e5e
}

body.darkmode .cdxapp-sidebar {
     -webkit-box-shadow: 0 4px 40px rgba(255, 255, 255, .1) !important;
     box-shadow: 0 4px 40px rgba(255, 255, 255, .1) !important
}

body.darkmode .cdxuser-profile .contact-list li h6 a {
     color: #cdc9c9
}

body.darkmode .cdxuser-profile .post-list .post-contain {
     background-color: #18223a
}

body.darkmode .cdxuser-profile .post-list .post-contain .post-detail .post-react {
     border-color: #0d3e5e
}

body.darkmode .cdxuser-profile .post-list .post-contain .post-detail .post-react li a {
     color: #cdc9c9;
     background-color: rgba(26, 124, 188, .1)
}

body.darkmode .cdxuser-profile .post-list .post-contain .post-detail .addpost-comment {
     border-color: #0d3e5e
}

body.darkmode .cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group {
     border-color: #0d3e5e
}

body.darkmode .product-filter .filter-title {
     border-color: #0d3e5e
}

body.darkmode .top-product .product-imgwrap {
     border-color: #0d3e5e
}

body.darkmode .top-product .product-detailwrap h6 {
     color: #cdc9c9
}

body.darkmode .grid-wrap-header .gridfilter-list li a {
     border-color: #0d3e5e
}

body.darkmode .product-boxwrap {
     background-color: #18223a
}

body.darkmode .product-boxwrap .product-detailwrap h5 {
     color: #cdc9c9
}

body.darkmode .product-boxwrap .pro-price {
     color: #cdc9c9
}

body.darkmode .product-detail-page .product-detail-tab .nav-tabs {
     border-color: #0d3e5e
}

body.darkmode .product-detail-page .product-detail-tab .nav-tabs li a {
     color: #cdc9c9
}

body.darkmode .product-detail-page .product-detail-tab .tab-content ul.review-list>li {
     border-color: #0d3e5e
}

body.darkmode .product-detail-page .product-card {
     background-color: #18223a
}

body.darkmode .product-detail-page .product-card .detail-group {
     border-color: #0d3e5e
}

body.darkmode .product-detail-page .product-card .detail-group .product-share .share-iconlist {
     background-color: rgba(26, 124, 188, .1)
}

body.darkmode .product-detail-page .product-card .detail-group .product-size li {
     border-color: #0d3e5e
}

body.darkmode .product-detail-page .product-card .detail-group .product-size li a {
     color: #cdc9c9
}

body.darkmode .cdxshopping-cart .cart-tbl th,
body.darkmode .cdxshopping-cart .cart-tbl td {
     border-color: #0d3e5e
}

body.darkmode .cdxshopping-cart .cart-tbl td {
     color: #cdc9c9
}

body.darkmode .chekout-tbl tr th {
     border-color: #0d3e5e
}

body.darkmode .chekout-tbl tr td {
     border-color: #0d3e5e
}

body.darkmode .checkout-page .payment-detail ul li a {
     border-color: #0d3e5e;
     color: #cdc9c9
}

body.darkmode .codex-pricingtbl {
     background-color: #18223a
}

body.darkmode .codex-pricingadvance {
     background-color: #18223a
}

body.darkmode .codex-pricingtbl .cdxprice-list li {
     color: #cdc9c9
}

body.darkmode .codex-pricingadvance .cdxprice-list li {
     color: #cdc9c9
}

body.darkmode .inner-title {
     color: #cdc9c9
}

body.darkmode .cdx-invoice .invoice-user .right-user li span {
     color: #cdc9c9
}

body.darkmode .cdx-invoice .head-invoice .codex-brand .codexbrand-logo {
     display: none
}

body.darkmode .cdx-invoice .head-invoice .codex-brand .codexdark-logo {
     display: block
}

body.darkmode .cdx-invoice .body-invoice .table tr td {
     border-color: #0d3e5e
}

body.darkmode .cdx-invoice .footer-invoice .table td {
     border-color: #0d3e5e
}

body.darkmode .cdx-invoice .invoice-action {
     border-color: #0d3e5e
}

body.darkmode .blog-wrapper .detailwrapper h4 {
     color: #cdc9c9
}

body.darkmode .blgcomment-list li .media .media-body h5 {
     color: #cdc9c9
}

body.darkmode .blgcomment-list li:nth-child(n+2) {
     border-color: #0d3e5e
}

body.darkmode .codex-authbox {
     background-color: #18223a
}

body.darkmode .codex-authbox .auth-header .codex-brand .light-logo {
     display: none
}

body.darkmode .codex-authbox .auth-header .codex-brand .dark-logo {
     display: inline-block
}

body.darkmode .codex-authbox .auth-footer .login-list li .bg-google {
     color: #cdc9c9;
     -webkit-box-shadow: 0 0 30px 5px rgba(255, 255, 255, .05);
     box-shadow: 0 0 30px 5px rgba(255, 255, 255, .05)
}

body.darkmode .contact-searchbar .input-group .input-group-text {
     color: #cdc9c9;
     background-color: rgba(26, 124, 188, .1)
}

body.darkmode .contact-card .media {
     background-color: rgba(26, 124, 188, .1)
}

body.darkmode .contact-card .info-list li {
     color: #cdc9c9
}

body.darkmode .contact-card .info-list li span {
     color: #cdc9c9
}

body.darkmode .contact-card .info-list li a {
     color: #cdc9c9
}

body.darkmode .contact-card .user-action {
     border-color: #0d3e5e
}

body.darkmode .dataTables_wrapper.no-footer .dataTables_scrollBody {
     border-color: #0d3e5e
}

body.darkmode .dataTables_wrapper .dataTables_length,
body.darkmode .dataTables_wrapper .dataTables_filter,
body.darkmode .dataTables_wrapper .dataTables_info,
body.darkmode .dataTables_wrapper .dataTables_processing,
body.darkmode .dataTables_wrapper .dataTables_paginate {
     color: #cdc9c9
}

body.darkmode .dataTables_wrapper .dataTables_length select,
body.darkmode .dataTables_wrapper .dataTables_length input,
body.darkmode .dataTables_wrapper .dataTables_filter select,
body.darkmode .dataTables_wrapper .dataTables_filter input {
     color: #cdc9c9;
     border-color: #0d3e5e
}

body.darkmode .dataTables_wrapper .dataTables_paginate .paginate_button {
     border-color: #0d3e5e;
     color: #cdc9c9 !important
}

body.darkmode table.dataTable {
     border-color: #0d3e5e
}

body.darkmode table.dataTable thead th {
     border-color: #0d3e5e
}

body.darkmode table.dataTable tbody tr {
     background-color: #18223a
}

body.darkmode table.dataTable.stripe tbody tr.odd,
body.darkmode table.dataTable.display tbody tr.odd {
     background-color: #0c162e
}

body.darkmode table.dataTable.display tbody tr.odd>.sorting_1 {
     background-color: rgba(26, 124, 188, .1)
}

body.darkmode table.dataTable.display tbody tr.even>.sorting_1 {
     background-color: #18223a
}

body.darkmode table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
     background-color: #18223a
}

body.darkmode table.dataTable.cell-border tbody th,
body.darkmode table.dataTable.cell-border tbody td {
     border-color: #0d3e5e !important
}

body.darkmode .dropdown-menu {
     background-color: #18223a
}

body.darkmode .dropdown-item {
     color: #cdc9c9
}

body.darkmode .dropdown-item:hover,
body.darkmode .dropdown-item:focus {
     background-color: #e5e5e5
}

body.darkmode .page-link {
     background-color: #18223a;
     color: #cdc9c9;
     border-color: #0d3e5e
}

body.darkmode .page-item.disabled .page-link {
     background-color: rgba(26, 124, 188, .1);
     border-color: #0d3e5e
}

body.darkmode .colors-exa .color-option {
     border-color: #0d3e5e
}

body.darkmode .colors-exa span {
     border-color: #0d3e5e
}

body.darkmode ul.cdxclass-exa li {
     color: #cdc9c9
}

body.darkmode .alert_primary_outline {
     color: #cdc9c9
}

body.darkmode .btn.btn_outline_primary {
     color: #cdc9c9
}

body.darkmode .grid-exa .row>.col span,
body.darkmode .grid-exa .row [class^=col-] span {
     background-color: rgba(var(--white-color-rgb), 0.1);
     color: #cdc9c9
}

body.darkmode .breadcrumb a {
     color: #cdc9c9
}

body.darkmode .modal-header i {
     color: #cdc9c9
}

body.darkmode .cdx-tab li a {
     color: #cdc9c9
}

body.darkmode .popover {
     background-color: #18223a;
     border-color: #0d3e5e
}

body.darkmode .popover-header {
     background-color: #18223a;
     border-color: #0d3e5e
}

body.darkmode .popover-body {
     color: #cdc9c9
}

body.darkmode .bs-popover-top:after {
     border-top-color: #18223a
}

body.darkmode .bs-popover-top .bs-popover-auto[data-popper-placement^=top] {
     border-top-color: #18223a
}

body.darkmode .bs-popover-top>.popover-arrow:after {
     border-top-color: #18223a
}

body.darkmode .bs-popover-bottom:after {
     border-bottom-color: #18223a
}

body.darkmode .bs-popover-bottom .bs-popover-auto[data-popper-placement^=bottom] {
     border-bottom-color: #18223a
}

body.darkmode .bs-popover-bottom>.popover-arrow:after {
     border-bottom-color: #18223a
}

body.darkmode .bs-popover-start:after {
     border-left-color: #18223a
}

body.darkmode .bs-popover-start .bs-popover-auto[data-popper-placement^=left] {
     border-left-color: #18223a
}

body.darkmode .bs-popover-start>.popover-arrow:after {
     border-left-color: #18223a
}

body.darkmode .bs-popover-end:after {
     border-right-color: #18223a
}

body.darkmode .bs-popover-end .bs-popover-auto[data-popper-placement^=right] {
     border-right-color: #18223a
}

body.darkmode .bs-popover-end>.popover-arrow:after {
     border-right-color: #18223a
}

body.darkmode .cdxcard-exa h4 {
     color: #cdc9c9
}

body.darkmode .list-group-flush>.list-group-item {
     background-color: #18223a;
     border-color: #0d3e5e;
     color: #cdc9c9
}

body.darkmode .irs--flat .irs-line {
     background-color: rgba(255, 255, 255, .1)
}

body.darkmode .irs--flat .irs-max {
     background-color: rgba(255, 255, 255, .1);
     color: #cdc9c9
}

body.darkmode .progress {
     background-color: rgba(255, 255, 255, .1) !important
}

body.darkmode .accordion-item {
     background-color: #18223a;
     border-color: #0d3e5e !important
}

body.darkmode .accordion-item .cdx-collapse {
     color: #cdc9c9;
     border-color: #0d3e5e
}

body.darkmode .accordion-button {
     color: #cdc9c9;
     background-color: #18223a
}

body.darkmode .accordion-button:not(.collapsed) {
     background-color: #18223a
}

body.darkmode ul.iconGroup li {
     border-color: #0d3e5e
}

body.darkmode .theme-cutomizer {
     background-color: #18223a;
     -webkit-box-shadow: 0 0 40px 5px rgba(255, 255, 255, .1);
     box-shadow: 0 0 40px 5px rgba(255, 255, 255, .1)
}

body.darkmode .theme-cutomizer .customizer-header {
     border-color: #0d3e5e
}

body.darkmode .theme-cutomizer .customizer-body .customizer-title {
     color: #cdc9c9
}

body.darkmode .theme-cutomizer .customizer-body .customizeoption-list li {
     border-color: #0d3e5e
}

@media screen and (max-width: 1365px) {
     body.darkmode .product-filter .card {
          border-color: #0d3e5e
     }
}

body.rtlmode {
     direction: rtl
}

body.rtlmode .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0
}

body.rtlmode .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
body.rtlmode .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px
}

body.rtlmode .slick-slider {
     direction: ltr
}

body.rtlmode .apexcharts-canvas {
     direction: ltr
}

body.rtlmode .ecompro-slide .slick-next {
     left: unset
}

body.rtlmode .theme-cutomizer {
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
}

body.rtlmode .customizer-action {
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
}

body.rtlmode .theme-cutomizer .customizer-body .customizer-title {
     color: #cdc9c9
}

body.rtlmode .codex-pricingtbl .cdxprice-list li {
     direction: ltr
}

body.rtlmode .codex-pricingadvance .cdxprice-list li {
     direction: ltr
}

body.rtlmode .cdx-invoice .invoice-user .right-user li {
     direction: ltr
}

body.rtlmode .blgcomment-list li .media .media-body h5 .comment-time {
     float: left
}

.space-py-100 {
     -webkit-padding-before: 100px;
     padding-block-start: 100px;
     -webkit-padding-after: 100px;
     padding-block-end: 100px
}

.space-pt-100 {
     -webkit-padding-before: 100px;
     padding-block-start: 100px
}

.space-pb-100 {
     -webkit-padding-after: 100px;
     padding-block-end: 100px
}

.land-title {
     -webkit-margin-after: 40px;
     margin-block-end: 40px;
     text-align: center
}

.land-title h2 {
     color: #4dea0f;
     font-size: calc(32px + 8*(100vw - 420px)/1500);
     font-weight: 700;
     text-transform: capitalize;
     -webkit-margin-after: 0;
     margin-block-end: 0
}

.land-title p {
     -webkit-margin-start: auto;
     margin-inline-start: auto;
     -webkit-margin-end: auto;
     margin-inline-end: auto;
     -webkit-margin-before: 5px;
     margin-block-start: 5px;
     font-size: calc(16px + 2*(100vw - 420px)/1500)
}

.land-header {
     -webkit-padding-before: 20px;
     padding-block-start: 20px;
     -webkit-padding-after: 20px;
     padding-block-end: 20px
}

.land-header.fixed {
     position: fixed;
     width: 100%;
     background-color: rgba(0, 0, 0, 0);
     -webkit-animation: none;
     animation: none;
     -webkit-transition: all .5s ease;
     transition: all .5s ease
}

.land-header.fixed .menu-list a {
     color: #fff;
     font-size: 18px
}

.land-header.fixed .menu-action span {
     background-color: #fff
}

.land-header.fixed .menu-action span::after,
.land-header.fixed .menu-action span::before {
     background-color: #fff
}

.land-header.fixed .menu-action.toggle-active span {
     background-color: rgba(0, 0, 0, 0)
}

.land-header.fixed.sticky {
     background-color: #fff;
     -webkit-animation: fadeInDown 1s ease;
     animation: fadeInDown 1s ease
}

.land-header.fixed.sticky .codex-brand img {
     -webkit-filter: invert(1);
     filter: invert(1)
}

.land-header.fixed.sticky .menu-list a {
     color: #051722
}

.land-header.fixed.sticky .menu-action i {
     color: #051722
}

.land-header .header-contain {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between
}

.land-header .menu-list li {
     display: inline-block
}

.land-header .menu-list li+li {
     -webkit-margin-start: 30px;
     margin-inline-start: 30px
}

.land-header .menu-action {
     -webkit-margin-start: 15px;
     margin-inline-start: 15px
}

.land-header .menu-action i {
     color: #fff;
     font-size: 24px
}

.intro {
     height: 100vh;
     position: relative;
     background-color: #051722;
     background-image: url("../images/landing/herointro.jpg")
}

.intro::before {
     content: "";
     position: absolute;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(5, 23, 34, .8)
}

.intro .intro-contain {
     height: 100vh;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
     z-index: 1;
     color: #fff;
     -webkit-padding-before: 70px;
     padding-block-start: 70px
}

.intro .intro-contain h1 {
     font-weight: 700;
     font-size: calc(32px + 18*(100vw - 420px)/1500);
     -webkit-margin-after: 15px;
     margin-block-end: 15px
}

.intro .intro-contain p {
     color: #fff;
     font-size: calc(16px + 2*(100vw - 420px)/1500)
}

.intro .intro-contain .btn {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     font-size: 18px;
     -webkit-margin-before: 45px;
     margin-block-start: 45px
}

.intro .intro-contain .btn i {
     -webkit-margin-end: 10px;
     margin-inline-end: 10px
}

.cdx-demos .cdx-row {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center
}

.demo-grid {
     text-align: center
}

.demo-grid .img-wrap {
     overflow: hidden;
     border-radius: 8px;
     -webkit-box-shadow: 0 0 15px rgba(5, 23, 34, .15);
     box-shadow: 0 0 15px rgba(5, 23, 34, .15);
     position: relative;
     border: 10px solid #fff
}

.demo-grid .img-wrap .group-link {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
     margin: auto;
     background-color: rgba(5, 23, 34, .8);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     border-radius: 8px
}

.demo-grid .img-wrap .group-link .hover-link {
     color: #fff;
     background-color: #fff;
     width: 50px;
     height: 50px;
     border-radius: 5px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center
}

.demo-grid .img-wrap .group-link .hover-link img {
     color: #4dea0f;
     width: auto;
     height: 24px
}

.demo-grid .img-wrap .group-link .hover-link+.hover-link {
     margin-left: 10px
}

.demo-grid .img-wrap img {
     width: 100%;
     height: auto;
     -webkit-transition: all .5s ease;
     transition: all .5s ease
}

.demo-grid .demo-detail {
     -webkit-margin-before: 20px;
     margin-block-start: 20px
}

.demo-grid .demo-detail h3 {
     font-size: calc(22px + 4*(100vw - 420px)/1500);
     font-weight: 700;
     text-transform: capitalize
}

.demo-grid:hover .img-wrap img {
     -webkit-transform: scale(1.02);
     transform: scale(1.02)
}

.demo-grid:hover .group-link {
     opacity: 1;
     visibility: visible
}

.landheader-comp {
     background-color: #051722
}

.landheader-comp .img-wrap {
     border: 5px solid #fff;
     border-radius: 10px
}

.landheader-comp .header-detail {
     -webkit-padding-end: 60px;
     padding-inline-end: 60px;
     position: sticky;
     top: 280px;
     width: 100%;
     -webkit-margin-before: 100px;
     margin-block-start: 100px
}

.landheader-comp .header-detail h2 {
     font-size: calc(32px + 14*(100vw - 420px)/1500);
     font-weight: 700;
     color: #fff;
     -webkit-margin-after: 10px;
     margin-block-end: 10px
}

.landheader-comp .header-detail p {
     color: #fff;
     font-size: calc(16px + 2*(100vw - 420px)/1500)
}

.landheader-comp .header-detail p+p {
     -webkit-margin-before: 15px;
     margin-block-start: 15px
}

.landheader-comp .header-detail .btn {
     -webkit-margin-before: 45px;
     margin-block-start: 45px
}

.feathure .cdx-row {
     -webkit-margin-after: -35px;
     margin-block-end: -35px
}

.feathure .cdx-row>div {
     -webkit-margin-after: 35px;
     margin-block-end: 35px
}

.feathure-grid {
     text-align: center;
     -webkit-box-shadow: 0 0 20px rgba(5, 23, 34, .1);
     box-shadow: 0 0 20px rgba(5, 23, 34, .1);
     padding: 45px 0;
     border-radius: 8px;
     -webkit-transition: all .5s ease;
     transition: all .5s ease;
     background-color: #fff
}

.feathure-grid:hover {
     -webkit-box-shadow: 0 0 30px rgba(5, 23, 34, .1);
     box-shadow: 0 0 30px rgba(5, 23, 34, .1);
     background-color: rgba(26, 124, 188, .04)
}

.feathure-grid .icon-wrap {
     background-color: rgba(26, 124, 188, .1);
     width: 75px;
     height: 75px;
     border-radius: 50%;
     display: -webkit-box;
     display: -ms-flexbox;
     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-margin-start: auto;
     margin-inline-start: auto;
     -webkit-margin-end: auto;
     margin-inline-end: auto
}

.feathure-grid .icon-wrap i {
     color: #4dea0f
}

.feathure-grid .icon-wrap img {
     width: auto;
     height: 35px
}

.feathure-grid h5 {
     font-weight: 600;
     -webkit-margin-before: 15px;
     margin-block-start: 15px;
     text-transform: uppercase
}

.lan-footer {
     text-align: center;
     background-color: #051722
}

.lan-footer .codex-brand {
     -webkit-margin-after: 30px;
     margin-block-end: 30px
}

.lan-footer .support-contain {
     -webkit-margin-start: auto;
     margin-inline-start: auto;
     -webkit-margin-end: auto;
     margin-inline-end: auto
}

.lan-footer .support-contain h2 {
     font-size: calc(22px + 14*(100vw - 420px)/1500);
     font-weight: 700;
     color: #fff;
     line-height: 1.4
}

.lan-footer .support-contain p {
     color: rgba(255, 255, 255, .9);
     font-size: calc(16px + 4*(100vw - 420px)/1500)
}

.lan-footer .support-contain .btn {
     -webkit-margin-before: 40px;
     margin-block-start: 40px
}

@media screen and (max-width: 1199px) {
     header.land-header .menu-list li .close-menu .menu-brand svg {
          color: #051722
     }

     header.land-header .menu-list li a {
          color: #051722
     }

     header.land-header.fixed .menu-list a {
          color: #051722
     }

     header.land-header.fixed .menu-list li {
          display: block
     }

     header.land-header.fixed .menu-list li+li {
          -webkit-margin-start: unset;
          margin-inline-start: unset
     }

     .menu-list {
          position: fixed;
          top: 0;
          right: -350px;
          width: 320px;
          height: 100%;
          overflow: auto;
          background-color: #fff;
          display: block;
          z-index: 9;
          opacity: 0;
          visibility: hidden;
          -webkit-transition: all .5s ease;
          transition: all .5s ease
     }

     .menu-list.open {
          right: 0;
          opacity: 1;
          visibility: visible;
          border-top: 1px solid #e5e5e5
     }

     .menu-list li {
          display: block;
          position: relative
     }

     .menu-list li .close-menu {
          padding: 25px 20px
     }

     .menu-list li .close-menu .menu-brand {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          justify-content: space-between;
          width: 100%
     }

     .menu-list li .close-menu .menu-brand img {
          width: 130px;
          height: auto
     }

     .menu-list li .close-menu .menu-brand svg {
          width: 30px;
          height: 30px
     }

     .menu-list li+li {
          border-top: 1px solid #e5e5e5
     }

     .menu-list li a {
          padding: 10px 20px;
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          font-size: 16px
     }

     .menu-list li .submenu-list {
          border-top: 1px solid #e5e5e5
     }

     .menu-list li .submenu-list a {
          -webkit-padding-start: 30px;
          padding-inline-start: 30px;
          color: #8392a5;
          font-size: 14px
     }

     .menu-list li .submenu-list a i {
          position: absolute;
          top: 15px;
          right: 20px;
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
          font-weight: 600;
          font-size: 16px
     }

     .menu-list li .submenu-list li .secodnmenu-list {
          border-top: 1px solid #e5e5e5
     }

     .menu-list li .submenu-list li .secodnmenu-list a {
          -webkit-padding-start: 45px;
          padding-inline-start: 45px
     }

     .menu-list>li>a i {
          -webkit-margin-start: auto;
          margin-inline-start: auto
     }
}

@media screen and (max-width: 991px) {
     .land-title {
          -webkit-margin-after: 30px;
          margin-block-end: 30px
     }

     .intro {
          background-position: left !important
     }

     .intro .intro-contain {
          text-align: center
     }

     .intro .intro-contain .btn {
          -webkit-margin-start: auto;
          margin-inline-start: auto;
          -webkit-margin-end: auto;
          margin-inline-end: auto;
          -webkit-margin-before: 30px;
          margin-block-start: 30px
     }

     .landheader-comp .header-detail {
          -webkit-margin-before: unset;
          margin-block-start: unset;
          position: static;
          -webkit-padding-end: unset;
          padding-inline-end: unset;
          -webkit-margin-after: 40px;
          margin-block-end: 40px
     }

     .landheader-comp .header-detail h2 {
          -webkit-margin-after: 5px;
          margin-block-end: 5px
     }

     .landheader-comp .header-detail p+p {
          -webkit-margin-before: 10px;
          margin-block-start: 10px
     }

     .landheader-comp .header-detail .btn {
          -webkit-margin-before: 25px;
          margin-block-start: 25px
     }

     .lan-footer .codex-brand {
          -webkit-margin-after: 20px;
          margin-block-end: 20px
     }

     .lan-footer .codex-brand img {
          width: 180px
     }

     .lan-footer .support-contain .btn {
          -webkit-margin-before: 30px;
          margin-block-start: 30px
     }
}

@media screen and (max-width: 575px) {
     .land-title {
          -webkit-margin-after: 20px;
          margin-block-end: 20px
     }

     .intro .intro-contain h1 {
          -webkit-margin-after: 10px;
          margin-block-end: 10px
     }

     .intro .intro-contain .btn {
          -webkit-margin-before: 25px;
          margin-block-start: 25px
     }

     .demo-grid .demo-detail {
          -webkit-margin-before: 15px;
          margin-block-start: 15px
     }

     .feathure-grid {
          padding: 30px 10px;
          background-color: #fff
     }

     .feathure-grid .icon-wrap {
          width: 60px;
          height: 60px
     }

     .feathure-grid .icon-wrap img {
          height: 24px
     }

     .feathure .cdx-row {
          -webkit-margin-after: -30px;
          margin-block-end: -30px
     }

     .feathure .cdx-row>div {
          -webkit-margin-after: 30px;
          margin-block-end: 30px
     }

     .lan-footer .codex-brand img {
          width: 160px
     }
}