/*********************************************************************
	Template Name: crowen Admin
	Template URI: https://codextheme.codexperts.in/crowen/html/landing.html
	Author: codextheme
**********************************************************************/
/*** 01 VARIABLES ***/
/*** 02 TYPOGRAPHY ***/
/*** 03 COMMON ***/
/*** 04 BUTTON ***/
/*** 05 FORM ***/
/*** 06 BADGE ***/
/*** 07 ALERTS ***/
/*** 08 PAGINATION ***/
/*** 09 CARD ***/
/*** 10 TAB ***/
/*** 11 TABLE ***/
/*** 12 HEADER ***/
/*** 13 FOOTER ***/
/*** 14 DROPDOWN ***/
/*** 15 MODAL ***/
/*** 16 SIDEBAR ***/
/*** 17 PROGRESS BAR ***/
/*** 18 CUSTOMIZER ***/
/*** 19 PRODUCT ***/
/*** 20 CART ***/
/*** 21 CHECKOUT ***/
/*** 22 CALENDAR-APP ***/
/*** 23 CHAT-APP ***/
/*** 24 USER-APP ***/
/*** 25 EMAIL-APP ***/
/*** 26 LOGIN-PAGE ***/
/*** 27 BLOG ***/
/*** 28 TODO ***/
/*** 29 ERROR ***/
/*** 30 CONTACTS ***/
/*** 31 FAQ ***/
/*** 32 PRICING ***/
/*** 33 GALLERY ***/
/*** 34 THEME-LANDING ***/
/*** 35 INVOICE ***/
/*** 36 COMING-SOON ***/
/*** 37 INDEX ***/
/*** 38 ECOMMERCE-DASH ***/
/*** 39 RESPONSIVE ***/
/*** 40 HORIZONTAL LAYOUT  ***/
/*** 41 RTL LAYOUT  ***/
/*** 42 DARK LAYOUT  ***/
/*** 43 TRANSPARENT LAYOUT  ***/
/*** 44 MORDEN LAYOUT  ***/
/*******************
	01 VARIABLES START
********************/
:root {
  --theme-montserrat: Montserrat, sans-serif;
  --theme-awesome: FontAwesome;
  --theme-primary: #115173;
  --theme-secondary: #ff6768;
  --theme-success: #83C31B;
  --theme-info: #18a0fb;
  --theme-warning: #FFC261;
  --theme-danger: #E3291D;
  --theme-border: #dce0e5;
  --theme-light: #f4f7fc;
  --theme-dark: #333333;
  --input-border: #edecec;
  --black-color: #000000;
  --white-color: #ffffff;
  --font-light: #8392a5;
  --codex-body-color: #f6f7f9;
  --codex-font-color: #262626;
  --fb-color: #385196;
  --twt-color: #00a8ff;
  --insta-color: #e2215d;
  --whp-color: #4aec61;
  --dark-body: #0c162e;
  --dark-card: #18223a;
  --extradark-card: #223050;
  --dark-font: #cdc9c9;
  --dark-small-font: #cdc9c9;
  --dark-border: #1b305e;
}

/*******************
 02 TYPOGRAPHY START
********************/
body {
  font-size: 14px;
  font-family: var(--theme-montserrat);
  color: var(--codex-font-color);
  background-color: #f6f7f9;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

a {
  text-decoration: none;
  color: var(--theme-primary);
}

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;
  font-weight: 500;
}

h2 {
  font-size: 30px;
  font-weight: 600;
}

h3 {
  font-size: 24px;
  font-weight: 600;
}

h4 {
  font-size: 20px;
  font-weight: 500;
}

h5 {
  font-size: 18px;
  font-weight: 500;
}

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

p {
  font-size: 16px;
}

/*******************
  TYPOGRAPHY END
********************/
/****************
 03 COMMON START
*****************/
.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: 67px;
          margin-block-start: 67px;
  -webkit-margin-start: 295px;
          margin-inline-start: 295px;
  min-height: calc(100vh - 125px);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

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

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

.rating-list li {
  display: inline-block;
}
.rating-list li i {
  color: var(--theme-warning);
}

/* padding class */
.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;
}

/* padding top class */
.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;
}

/* padding bottom class */
.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;
}

/* padding left class */
.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;
}

/* padding right class */
.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;
}

/* margin class */
.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;
}

/* margin top class */
.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;
}

/* margin bottom class */
.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;
}

/* margin left class */
.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;
}

/* margin right class */
.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;
}

/* margin vertical class */
.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;
}

/* margin horizontal class */
.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;
}

/* font size */
.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;
}

/* font weight */
.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;
}

/* widht class*/
.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 color */
.bg_primary {
  background-color: var(--theme-primary) !important;
}

.bg_secondary {
  background-color: var(--theme-secondary) !important;
}

.bg_success {
  background-color: var(--theme-success) !important;
}

.bg_info {
  background-color: var(--theme-info) !important;
}

.bg_warning {
  background-color: var(--theme-warning) !important;
}

.bg_danger {
  background-color: var(--theme-danger) !important;
}

.bg_light {
  background-color: var(--font-light) !important;
}

.bg_black {
  background-color: var(--black-color) !important;
}

.bg_white {
  background-color: var(--white-color) !important;
}

.bg_fontlight {
  background-color: var(--font-light) !important;
}

.bg_themebodycolor {
  background-color: var(--codex-body-color) !important;
}

.bg_themefontcolor {
  background-color: var(--codex-font-color) !important;
}

.bg_themeborder {
  background-color: var(--theme-border) !important;
}

.bg_fb {
  background-color: var(--fb-color) !important;
}

.bg_twt {
  background-color: var(--twt-color) !important;
}

.bg_insta {
  background-color: var(--insta-color) !important;
}

.bg_whp {
  background-color: var(--whp-color) !important;
}

.bg_darkbody {
  background-color: var(--dark-body) !important;
}

.bg_darkcard {
  background-color: var(--dark-card) !important;
}

.bg_extradarkcard {
  background-color: var(--extradark-card) !important;
}

.bg_darkfont {
  background-color: var(--dark-font) !important;
}

.bg_darksmallfont {
  background-color: var(--dark-small-font) !important;
}

.bg_darkborder {
  background-color: var(--dark-border) !important;
}

/* fill color */
.fill_primary {
  fill: var(--theme-primary) !important;
}

.fill_secondary {
  fill: var(--theme-secondary) !important;
}

.fill_success {
  fill: var(--theme-success) !important;
}

.fill_info {
  fill: var(--theme-info) !important;
}

.fill_warning {
  fill: var(--theme-warning) !important;
}

.fill_danger {
  fill: var(--theme-danger) !important;
}

.fill_light {
  fill: var(--font-light) !important;
}

.fill_black {
  fill: var(--black-color) !important;
}

.fill_white {
  fill: var(--white-color) !important;
}

.fill_fontlight {
  fill: var(--font-light) !important;
}

.fill_themebodycolor {
  fill: var(--codex-body-color) !important;
}

.fill_themefontcolor {
  fill: var(--codex-font-color) !important;
}

.fill_themeborder {
  fill: var(--theme-border) !important;
}

.fill_fb {
  fill: var(--fb-color) !important;
}

.fill_twt {
  fill: var(--twt-color) !important;
}

.fill_insta {
  fill: var(--insta-color) !important;
}

.fill_whp {
  fill: var(--whp-color) !important;
}

.fill_darkbody {
  fill: var(--dark-body) !important;
}

.fill_darkcard {
  fill: var(--dark-card) !important;
}

.fill_extradarkcard {
  fill: var(--extradark-card) !important;
}

.fill_darkfont {
  fill: var(--dark-font) !important;
}

.fill_darksmallfont {
  fill: var(--dark-small-font) !important;
}

.fill_darkborder {
  fill: var(--dark-border) !important;
}

/*  fonts color */
.text_primary {
  color: var(--theme-primary) !important;
}

.text_secondary {
  color: var(--theme-secondary) !important;
}

.text_success {
  color: var(--theme-success) !important;
}

.text_info {
  color: var(--theme-info) !important;
}

.text_warning {
  color: var(--theme-warning) !important;
}

.text_danger {
  color: var(--theme-danger) !important;
}

.text_light {
  color: var(--font-light) !important;
}

.text_fb {
  color: var(--fb-color) !important;
}

.text_twt {
  color: var(--twt-color) !important;
}

.text_insta {
  color: var(--insta-color) !important;
}

.text_whp {
  color: var(--whp-color) !important;
}

.text_default {
  color: var(--codex-font-color) !important;
}

/* slick slider button */
.arrow_style1 .slick-prev, .arrow_style1 .slick-next {
  opacity: 0;
  -webkit-transition: 0.5s all ease-in-out;
  transition: 0.5s all ease-in-out;
}
.arrow_style1 .slick-prev:before, .arrow_style1 .slick-next:before {
  background-color: transparent !important;
  color: var(--theme-primary);
}
.arrow_style1 .slick-prev {
  inset-inline-start: -15px;
}
.arrow_style1 .slick-next {
  inset-inline-end: -15px;
}
.arrow_style1:hover .slick-prev, .arrow_style1:hover .slick-next {
  opacity: 1;
}

/* theme drop down */
.action-menu {
  position: relative;
}
.action-menu .action-toggle {
  display: inline-block;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}
.action-menu .action-toggle i {
  font-size: 22px;
  color: var(--font-light);
}
.action-menu .action-dropdown {
  position: absolute;
  inset-inline-end: 0;
  background-color: var(--white-color);
  -webkit-box-shadow: 0 0 4px var(--input-border);
          box-shadow: 0 0 4px var(--input-border);
  padding: 15px;
  border-radius: 5px;
  z-index: 1;
  display: none;
  min-width: 120px;
}
.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: var(--codex-font-color);
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  padding: 0;
}
.action-menu .action-dropdown li a i, .action-menu .action-dropdown li button i, .action-menu .action-dropdown li .btn i {
  font-size: 16px;
  -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) {
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
}

.highlight {
  background-color: #f5f2f0;
  border-radius: 3px;
  padding: 0px 3px;
  color: var(--theme-primary);
}

.highlight a {
  color: var(--theme-primary);
  text-decoration: underline;
}

/* ck editor */
.ckmain {
  border: 1px solid var(--input-border);
}
.ckmain .ck.ck-toolbar {
  border: none;
}
.ckmain .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
  outline: none;
  border: none;
}

/*social list */
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 0.5s ease;
  transition: all 0.5s ease;
}
ul.codex-soclist li a {
  color: var(--theme-primary);
  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: var(--theme-primary-1);
  -webkit-transition: all 0.5s ease;
  transition: all 0.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 0.5s ease;
  transition: all 0.5s ease;
  background-color: var(--theme-primary);
}
ul.codex-soclist li:hover a i {
  color: var(--white-color);
}

/* loader css*/
.codex-loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 17px;
  width: 100%;
  height: 100%;
  background-color: var(--white-color);
  z-index: 99999;
  direction: ltr;
}

.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 .loader-item {
  margin: 0;
  border-radius: 50%;
  border: 10px solid var(--theme-primary);
  border-top: 10px solid transparent;
}
.codex-loader .loader-item.one {
  width: 100px;
  height: 100px;
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  -webkit-transform: translate(calc(-50% - 50px), calc(-50% - 50px));
          transform: translate(calc(-50% - 50px), calc(-50% - 50px));
  -webkit-animation: rotate2 2s infinite linear;
          animation: rotate2 2s infinite linear;
}
.codex-loader .loader-item.two {
  width: 60px;
  height: 60px;
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  -webkit-transform: translate(calc(-50% - 30px), calc(-50% - 30px));
          transform: translate(calc(-50% - 30px), calc(-50% - 30px));
  -webkit-animation: rotate1 2s infinite linear;
          animation: rotate1 2s infinite linear;
}
.codex-loader .loader-item.three {
  width: 30px;
  height: 30px;
  position: absolute;
  top: calc(50% - 15px);
  left: calc(50% - 15px);
  -webkit-transform: translate(calc(-50% - 15px), calc(-50% - 15px));
          transform: translate(calc(-50% - 15px), calc(-50% - 15px));
  -webkit-animation: rotate2 2s infinite linear;
          animation: rotate2 2s infinite linear;
}
@-webkit-keyframes rotate1 {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
@keyframes rotate1 {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
@-webkit-keyframes rotate2 {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  100% {
    -webkit-transform: rotate(-1turn);
            transform: rotate(-1turn);
  }
}
@keyframes rotate2 {
  0% {
    -webkit-transform: none;
            transform: none;
  }
  100% {
    -webkit-transform: rotate(-1turn);
            transform: rotate(-1turn);
  }
}

/*breadcrumb css*/
.codex-breadcrumb {
  padding: 20px;
  -webkit-margin-after: 25px;
          margin-block-end: 25px;
  background-color: var(--white-color);
}
.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: var(--codex-font-color);
}
.codex-breadcrumb .breadcrumb-contain .left-breadcrumb .breadcrumb li a h1 {
  font-size: 18px;
  font-weight: 600;
  color: var(--codex-font-color);
}
.codex-breadcrumb .breadcrumb-contain .left-breadcrumb .breadcrumb li.active a {
  color: var(--font-light);
}
.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;
  background-color: rgba(var(--theme-primary-rgb), 0.05);
  color: var(--theme-primary);
  border-radius: 5px;
  padding: 7px 15px;
  min-width: 134px;
}
.codex-breadcrumb .breadcrumb-contain .right-breadcrumb ul li span {
  font-weight: 600;
}
.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;
}

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 var(--input-border);
  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: var(--theme-primary);
}
ul.iconGroup li svg {
  color: var(--theme-primary);
}

/* Clipboard */
.copied {
  background: var(--theme-primary);
  color: var(--white-color);
  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;
}

/* page-title */
.title {
  color: var(--theme-primary);
  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: var(--theme-primary);
}

.cdxapp-toggle {
  line-height: 1;
  display: none;
}
.cdxapp-toggle i {
  font-size: 22px;
}

/* myCustomeScrollbar */
.scroll-show .card-body {
  max-height: 250px;
  overflow: auto;
}

.myCustomScrollbar .mCSB_dragger_bar, .tblCustomScrollbar .mCSB_dragger_bar {
  background-color: currentColor !important;
  -webkit-filter: invert(1);
          filter: invert(1);
}
.myCustomScrollbar.scroll-primary .mCSB_dragger_bar, .tblCustomScrollbar.scroll-primary .mCSB_dragger_bar {
  background-color: var(--theme-primary-4) !important;
}
.myCustomScrollbar.scroll-secondary .mCSB_dragger_bar, .tblCustomScrollbar.scroll-secondary .mCSB_dragger_bar {
  background-color: var(--theme-secondary-4) !important;
}
.myCustomScrollbar.scroll-success .mCSB_dragger_bar, .tblCustomScrollbar.scroll-success .mCSB_dragger_bar {
  background-color: rgba(var(--theme-success-rgb), 0.4) !important;
}
.myCustomScrollbar.scroll-info .mCSB_dragger_bar, .tblCustomScrollbar.scroll-info .mCSB_dragger_bar {
  background-color: rgba(var(--theme-info-rgb), 0.4) !important;
}
.myCustomScrollbar.scroll-warning .mCSB_dragger_bar, .tblCustomScrollbar.scroll-warning .mCSB_dragger_bar {
  background-color: rgba(var(--theme-warning-rgb), 0.4) !important;
}
.myCustomScrollbar.scroll-danger .mCSB_dragger_bar, .tblCustomScrollbar.scroll-danger .mCSB_dragger_bar {
  background-color: rgba(var(--theme-danger-rgb), 0.4) !important;
}
.myCustomScrollbar.scroll-whtie .mCSB_dragger_bar, .tblCustomScrollbar.scroll-whtie .mCSB_dragger_bar {
  background-color: rgba(var(--white-color-rgb), 0.4) !important;
}

.mCSB_dragger_bar {
  background-color: rgba(var(--theme-primary-rgb), 0.4) !important;
}

.codex-menu .mCustomScrollBox,
.codex-menu .mCSB_container {
  overflow: visible !important;
}

/*classes*/
.rounded-50 {
  border-radius: 50%;
}

/*/ Input-Rating*/
.pro-rating {
  direction: rtl;
}
.pro-rating input {
  display: none;
}
.pro-rating input:checked ~ .star:after, .pro-rating input:hover ~ .star:after {
  content: "\f005";
}
.pro-rating .star {
  display: inline-block;
  font-family: var(--theme-awesome);
  font-size: 16px;
  color: #FBB202;
  cursor: pointer;
  margin: 0 1px;
  color: var(--theme-warning);
}
.pro-rating .star:after {
  content: "\f006";
}
.pro-rating .star:hover ~ .star:after, .pro-rating .star:hover:after {
  content: "\f006";
  color: var(--theme-warning);
}

/*light box*/
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
  border-color: var(--theme-primary);
}

/**** elment ****/
/*avtar*/
.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*/
.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(var(--theme-primary-rgb), 0.05);
  padding: 0.75rem;
  display: block;
  text-align: center;
  text-transform: capitalize;
  font-weight: 600;
  color: var(--theme-primary);
}
.grid-exa .row + .row {
  -webkit-margin-before: 15px;
          margin-block-start: 15px;
}

/*colors exa*/
.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 {
  background-color: gray;
  height: 150px;
  width: 100%;
  border: 1px solid var(--input-border);
}
.colors-exa span {
  border: 1px solid var(--input-border);
  text-align: center;
  padding: 5px;
  display: block;
  width: 100%;
  font-weight: 600;
  text-transform: capitalize;
}

/*class ex*/
ul.cdxclass-exa {
  padding: 30px;
  background-color: rgba(var(--theme-primary-rgb), 0.05);
}
ul.cdxclass-exa li {
  font-weight: 600;
  color: var(--theme-primary);
}
ul.cdxclass-exa li + li {
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
}

/*card exa*/
.cdxcard-exa {
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
}
.cdxcard-exa h4 {
  text-transform: capitalize;
  color: var(--theme-primary);
}

/*Code Copy*/
a.codeCopy_bTn {
  position: absolute;
  right: 25px;
  font-size: 16px;
  cursor: pointer;
}

.cdxnav {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.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(var(--black-color-rgb), 0.8);
  z-index: -1;
}

/******************
    COMMON END
*******************/
/*******************
  04 BUTTON START
*******************/
.btn {
  border-radius: 5px;
}

.btn_primary {
  color: var(--white-color);
  background-color: rgba(var(--theme-primary-rgb), 1) !important;
}
.btn_primary:hover {
  color: var(--white-color);
}
.btn_primary:focus, .btn_primary:active {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--theme-primary-rgb), 0.5);
          box-shadow: 0 0 0 0.25rem rgba(var(--theme-primary-rgb), 0.5);
}
.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: var(--theme-dark);
  color: var(--white-color);
  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: transparent;
  border-radius: 5px;
  border: 1px solid rgba(var(--theme-primary-rgb), 1);
  color: rgba(var(--theme-primary-rgb), 1);
}
.btn.btn_outline_primary:hover, .btn.btn_outline_primary:focus, .btn.btn_outline_primary:active {
  outline-color: rgba(var(--theme-primary-rgb), 1);
  background-color: rgba(var(--theme-primary-rgb), 1);
  color: var(--white-color);
}
.btn.btn_outline_primary:focus, .btn.btn_outline_primary:active {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--theme-primary-rgb), 0.5);
          box-shadow: 0 0 0 0.25rem rgba(var(--theme-primary-rgb), 0.5);
}

.btn_primary {
  background-color: rgba(var(--theme-primary-rgb), 1);
  color: var(--white-color);
  border-radius: 5px;
}

.btn_secondary {
  color: var(--white-color);
  background-color: rgba(var(--theme-secondary-rgb), 1) !important;
}
.btn_secondary:hover {
  color: var(--white-color);
}
.btn_secondary:focus, .btn_secondary:active {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--theme-secondary-rgb), 0.5);
          box-shadow: 0 0 0 0.25rem rgba(var(--theme-secondary-rgb), 0.5);
}
.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: var(--theme-dark);
  color: var(--white-color);
  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: transparent;
  border-radius: 5px;
  border: 1px solid rgba(var(--theme-secondary-rgb), 1);
  color: rgba(var(--theme-secondary-rgb), 1);
}
.btn.btn_outline_secondary:hover, .btn.btn_outline_secondary:focus, .btn.btn_outline_secondary:active {
  outline-color: rgba(var(--theme-secondary-rgb), 1);
  background-color: rgba(var(--theme-secondary-rgb), 1);
  color: var(--white-color);
}
.btn.btn_outline_secondary:focus, .btn.btn_outline_secondary:active {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--theme-secondary-rgb), 0.5);
          box-shadow: 0 0 0 0.25rem rgba(var(--theme-secondary-rgb), 0.5);
}

.btn_secondary {
  background-color: rgba(var(--theme-secondary-rgb), 1);
  color: var(--white-color);
  border-radius: 5px;
}

.btn_success {
  color: var(--white-color);
  background-color: rgba(var(--theme-success-rgb), 1) !important;
}
.btn_success:hover {
  color: var(--white-color);
}
.btn_success:focus, .btn_success:active {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--theme-success-rgb), 0.5);
          box-shadow: 0 0 0 0.25rem rgba(var(--theme-success-rgb), 0.5);
}
.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: var(--theme-dark);
  color: var(--white-color);
  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: transparent;
  border-radius: 5px;
  border: 1px solid rgba(var(--theme-success-rgb), 1);
  color: rgba(var(--theme-success-rgb), 1);
}
.btn.btn_outline_success:hover, .btn.btn_outline_success:focus, .btn.btn_outline_success:active {
  outline-color: rgba(var(--theme-success-rgb), 1);
  background-color: rgba(var(--theme-success-rgb), 1);
  color: var(--white-color);
}
.btn.btn_outline_success:focus, .btn.btn_outline_success:active {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--theme-success-rgb), 0.5);
          box-shadow: 0 0 0 0.25rem rgba(var(--theme-success-rgb), 0.5);
}

.btn_success {
  background-color: rgba(var(--theme-success-rgb), 1);
  color: var(--white-color);
  border-radius: 5px;
}

.btn_info {
  color: var(--white-color);
  background-color: rgba(var(--theme-info-rgb), 1) !important;
}
.btn_info:hover {
  color: var(--white-color);
}
.btn_info:focus, .btn_info:active {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--theme-info-rgb), 0.5);
          box-shadow: 0 0 0 0.25rem rgba(var(--theme-info-rgb), 0.5);
}
.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: var(--theme-dark);
  color: var(--white-color);
  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: transparent;
  border-radius: 5px;
  border: 1px solid rgba(var(--theme-info-rgb), 1);
  color: rgba(var(--theme-info-rgb), 1);
}
.btn.btn_outline_info:hover, .btn.btn_outline_info:focus, .btn.btn_outline_info:active {
  outline-color: rgba(var(--theme-info-rgb), 1);
  background-color: rgba(var(--theme-info-rgb), 1);
  color: var(--white-color);
}
.btn.btn_outline_info:focus, .btn.btn_outline_info:active {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--theme-info-rgb), 0.5);
          box-shadow: 0 0 0 0.25rem rgba(var(--theme-info-rgb), 0.5);
}

.btn_info {
  background-color: rgba(var(--theme-info-rgb), 1);
  color: var(--white-color);
  border-radius: 5px;
}

.btn_warning {
  color: var(--white-color);
  background-color: rgba(var(--theme-warning-rgb), 1) !important;
}
.btn_warning:hover {
  color: var(--white-color);
}
.btn_warning:focus, .btn_warning:active {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--theme-warning-rgb), 0.5);
          box-shadow: 0 0 0 0.25rem rgba(var(--theme-warning-rgb), 0.5);
}
.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: var(--theme-dark);
  color: var(--white-color);
  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: transparent;
  border-radius: 5px;
  border: 1px solid rgba(var(--theme-warning-rgb), 1);
  color: rgba(var(--theme-warning-rgb), 1);
}
.btn.btn_outline_warning:hover, .btn.btn_outline_warning:focus, .btn.btn_outline_warning:active {
  outline-color: rgba(var(--theme-warning-rgb), 1);
  background-color: rgba(var(--theme-warning-rgb), 1);
  color: var(--white-color);
}
.btn.btn_outline_warning:focus, .btn.btn_outline_warning:active {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--theme-warning-rgb), 0.5);
          box-shadow: 0 0 0 0.25rem rgba(var(--theme-warning-rgb), 0.5);
}

.btn_warning {
  background-color: rgba(var(--theme-warning-rgb), 1);
  color: var(--white-color);
  border-radius: 5px;
}

.btn_danger {
  color: var(--white-color);
  background-color: rgba(var(--theme-danger-rgb), 1) !important;
}
.btn_danger:hover {
  color: var(--white-color);
}
.btn_danger:focus, .btn_danger:active {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--theme-danger-rgb), 0.5);
          box-shadow: 0 0 0 0.25rem rgba(var(--theme-danger-rgb), 0.5);
}
.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: var(--theme-dark);
  color: var(--white-color);
  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: transparent;
  border-radius: 5px;
  border: 1px solid rgba(var(--theme-danger-rgb), 1);
  color: rgba(var(--theme-danger-rgb), 1);
}
.btn.btn_outline_danger:hover, .btn.btn_outline_danger:focus, .btn.btn_outline_danger:active {
  outline-color: rgba(var(--theme-danger-rgb), 1);
  background-color: rgba(var(--theme-danger-rgb), 1);
  color: var(--white-color);
}
.btn.btn_outline_danger:focus, .btn.btn_outline_danger:active {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--theme-danger-rgb), 0.5);
          box-shadow: 0 0 0 0.25rem rgba(var(--theme-danger-rgb), 0.5);
}

.btn_danger {
  background-color: rgba(var(--theme-danger-rgb), 1);
  color: var(--white-color);
  border-radius: 5px;
}

.btn_dark {
  color: var(--white-color);
  background-color: rgba(var(--theme-dark-rgb), 1) !important;
}
.btn_dark:hover {
  color: var(--white-color);
}
.btn_dark:focus, .btn_dark:active {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--theme-dark-rgb), 0.5);
          box-shadow: 0 0 0 0.25rem rgba(var(--theme-dark-rgb), 0.5);
}
.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: var(--theme-dark);
  color: var(--white-color);
  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: transparent;
  border-radius: 5px;
  border: 1px solid rgba(var(--theme-dark-rgb), 1);
  color: rgba(var(--theme-dark-rgb), 1);
}
.btn.btn_outline_dark:hover, .btn.btn_outline_dark:focus, .btn.btn_outline_dark:active {
  outline-color: rgba(var(--theme-dark-rgb), 1);
  background-color: rgba(var(--theme-dark-rgb), 1);
  color: var(--white-color);
}
.btn.btn_outline_dark:focus, .btn.btn_outline_dark:active {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--theme-dark-rgb), 0.5);
          box-shadow: 0 0 0 0.25rem rgba(var(--theme-dark-rgb), 0.5);
}

.btn_dark {
  background-color: rgba(var(--theme-dark-rgb), 1);
  color: var(--white-color);
  border-radius: 5px;
}

.btn_light {
  color: var(--white-color);
  background-color: rgba(var(--font-light-rgb), 1) !important;
}
.btn_light:hover {
  color: var(--white-color);
}
.btn_light:focus, .btn_light:active {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--font-light-rgb), 0.5);
          box-shadow: 0 0 0 0.25rem rgba(var(--font-light-rgb), 0.5);
}
.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: var(--theme-dark);
  color: var(--white-color);
  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: transparent;
  border-radius: 5px;
  border: 1px solid rgba(var(--font-light-rgb), 1);
  color: rgba(var(--font-light-rgb), 1);
}
.btn.btn_outline_light:hover, .btn.btn_outline_light:focus, .btn.btn_outline_light:active {
  outline-color: rgba(var(--font-light-rgb), 1);
  background-color: rgba(var(--font-light-rgb), 1);
  color: var(--white-color);
}
.btn.btn_outline_light:focus, .btn.btn_outline_light:active {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--font-light-rgb), 0.5);
          box-shadow: 0 0 0 0.25rem rgba(var(--font-light-rgb), 0.5);
}

.btn_light {
  background-color: rgba(var(--font-light-rgb), 1);
  color: var(--white-color);
  border-radius: 5px;
}

.btn_white {
  color: var(--white-color);
  background-color: rgba(var(--white-color-rgb), 1) !important;
}
.btn_white:hover {
  color: var(--white-color);
}
.btn_white:focus, .btn_white:active {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--white-color-rgb), 0.5);
          box-shadow: 0 0 0 0.25rem rgba(var(--white-color-rgb), 0.5);
}
.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: var(--theme-dark);
  color: var(--white-color);
  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: transparent;
  border-radius: 5px;
  border: 1px solid rgba(var(--white-color-rgb), 1);
  color: rgba(var(--white-color-rgb), 1);
}
.btn.btn_outline_white:hover, .btn.btn_outline_white:focus, .btn.btn_outline_white:active {
  outline-color: rgba(var(--white-color-rgb), 1);
  background-color: rgba(var(--white-color-rgb), 1);
  color: var(--white-color);
}
.btn.btn_outline_white:focus, .btn.btn_outline_white:active {
  -webkit-box-shadow: 0 0 0 0.25rem rgba(var(--white-color-rgb), 0.5);
          box-shadow: 0 0 0 0.25rem rgba(var(--white-color-rgb), 0.5);
}

.btn_white {
  background-color: rgba(var(--white-color-rgb), 1);
  color: var(--white-color);
  border-radius: 5px;
}

.element-buttons .btn {
  margin: 3px 0;
}

/*******************
  BUTTON END
*******************/
/****************
 05  FORM START
*****************/
.form-control {
  border-color: var(--input-border);
  font-size: 14px;
  text-transform: capitalize;
  padding: 10px 15px;
  color: var(--font-light);
}
.form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: var(--input-border);
}
.form-control::-webkit-input-placeholder {
  color: var(--font-light);
}
.form-control::-moz-placeholder {
  color: var(--font-light);
}
.form-control:-ms-input-placeholder {
  color: var(--font-light);
}
.form-control::-ms-input-placeholder {
  color: var(--font-light);
}
.form-control::placeholder {
  color: var(--font-light);
}

.group-form {
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
}

.form-label {
  text-transform: capitalize;
  font-weight: 500;
}

.group-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.group-small > div {
  width: 100%;
}
.group-small > 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: var(--input-border);
  color: var(--font-light);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* custom chekbox  start*/
.custom-check-input {
  position: relative;
  width: 20px;
  height: 20px;
  -webkit-margin-end: 30px;
          margin-inline-end: 30px;
}
.custom-check-input .custom-input {
  display: none;
}
.custom-check-input .custom-input:checked + .custom-input-label:after {
  opacity: 1;
}
.custom-check-input .custom-input-label {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: var(--white-color);
  border: 1px solid var(--theme-border);
  border-radius: 2px;
  cursor: pointer;
}
.custom-check-input .custom-input-label:after {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: var(--theme-primary);
  cursor: pointer;
  opacity: 0;
  border-radius: 2px;
}
.custom-check-input .custom-input[type=radio] ~ .custom-input-label {
  border-radius: 50%;
}
.custom-check-input .custom-input[type=radio] ~ .custom-input-label:after {
  border-radius: 50%;
}

/* custom chekbox end */
/****************
  FORM END
*****************/
/*******************
  06 BADGE START
********************/
.badge {
  text-transform: capitalize;
}
.badge + :nth-child(n+2) {
  -webkit-margin-start: 5px;
          margin-inline-start: 5px;
}

/* bg color */
.badge_primary {
  background-color: rgba(var(--theme-primary-rgb), 0.1) !important;
  color: rgba(var(--theme-primary-rgb), 1) !important;
  font-size: 12px;
  padding: 7px 10px;
}

.badge_secondary {
  background-color: rgba(var(--theme-secondary-rgb), 0.1) !important;
  color: rgba(var(--theme-secondary-rgb), 1) !important;
  font-size: 12px;
  padding: 7px 10px;
}

.badge_success {
  background-color: rgba(var(--theme-success-rgb), 0.1) !important;
  color: rgba(var(--theme-success-rgb), 1) !important;
  font-size: 12px;
  padding: 7px 10px;
}

.badge_info {
  background-color: rgba(var(--theme-info-rgb), 0.1) !important;
  color: rgba(var(--theme-info-rgb), 1) !important;
  font-size: 12px;
  padding: 7px 10px;
}

.badge_warning {
  background-color: rgba(var(--theme-warning-rgb), 0.1) !important;
  color: rgba(var(--theme-warning-rgb), 1) !important;
  font-size: 12px;
  padding: 7px 10px;
}

.badge_danger {
  background-color: rgba(var(--theme-danger-rgb), 0.1) !important;
  color: rgba(var(--theme-danger-rgb), 1) !important;
  font-size: 12px;
  padding: 7px 10px;
}

.badge_rounded_primary {
  background-color: rgba(var(--theme-primary-rgb), 0.1) !important;
  color: rgba(var(--theme-primary-rgb), 1) !important;
  border: 1px solid rgba(var(--theme-primary-rgb), 1);
  font-size: 12px;
  border-radius: 50%;
}

.badge_rounded_secondary {
  background-color: rgba(var(--theme-secondary-rgb), 0.1) !important;
  color: rgba(var(--theme-secondary-rgb), 1) !important;
  border: 1px solid rgba(var(--theme-secondary-rgb), 1);
  font-size: 12px;
  border-radius: 50%;
}

.badge_rounded_success {
  background-color: rgba(var(--theme-success-rgb), 0.1) !important;
  color: rgba(var(--theme-success-rgb), 1) !important;
  border: 1px solid rgba(var(--theme-success-rgb), 1);
  font-size: 12px;
  border-radius: 50%;
}

.badge_rounded_info {
  background-color: rgba(var(--theme-info-rgb), 0.1) !important;
  color: rgba(var(--theme-info-rgb), 1) !important;
  border: 1px solid rgba(var(--theme-info-rgb), 1);
  font-size: 12px;
  border-radius: 50%;
}

.badge_rounded_warning {
  background-color: rgba(var(--theme-warning-rgb), 0.1) !important;
  color: rgba(var(--theme-warning-rgb), 1) !important;
  border: 1px solid rgba(var(--theme-warning-rgb), 1);
  font-size: 12px;
  border-radius: 50%;
}

.badge_rounded_danger {
  background-color: rgba(var(--theme-danger-rgb), 0.1) !important;
  color: rgba(var(--theme-danger-rgb), 1) !important;
  border: 1px solid rgba(var(--theme-danger-rgb), 1);
  font-size: 12px;
  border-radius: 50%;
}

/****************
  BADGE END
******************/
/*******************
  07 ALERT START
********************/
.alert_primary {
  background-color: var(--theme-primary);
  color: var(--white-color);
}
.alert_primary .alert-link {
  color: var(--white-color);
}

.alert_primary_outline {
  color: var(--theme-primary);
  border: 1px solid var(--theme-primary);
}

.alert_secondary {
  background-color: var(--theme-secondary);
  color: var(--white-color);
}
.alert_secondary .alert-link {
  color: var(--white-color);
}

.alert_secondary_outline {
  color: var(--theme-secondary);
  border: 1px solid var(--theme-secondary);
}

.alert_success {
  background-color: var(--theme-success);
  color: var(--white-color);
}
.alert_success .alert-link {
  color: var(--white-color);
}

.alert_success_outline {
  color: var(--theme-success);
  border: 1px solid var(--theme-success);
}

.alert_info {
  background-color: var(--theme-info);
  color: var(--white-color);
}
.alert_info .alert-link {
  color: var(--white-color);
}

.alert_info_outline {
  color: var(--theme-info);
  border: 1px solid var(--theme-info);
}

.alert_warning {
  background-color: var(--theme-warning);
  color: var(--white-color);
}
.alert_warning .alert-link {
  color: var(--white-color);
}

.alert_warning_outline {
  color: var(--theme-warning);
  border: 1px solid var(--theme-warning);
}

.alert_danger {
  background-color: var(--theme-danger);
  color: var(--white-color);
}
.alert_danger .alert-link {
  color: var(--white-color);
}

.alert_danger_outline {
  color: var(--theme-danger);
  border: 1px solid var(--theme-danger);
}

.alert_light {
  background-color: var(--theme-light);
  color: var(--white-color);
}
.alert_light .alert-link {
  color: var(--white-color);
}

.alert_light_outline {
  color: var(--theme-light);
  border: 1px solid var(--theme-light);
}

.alert_dark {
  background-color: var(--theme-dark);
  color: var(--white-color);
}
.alert_dark .alert-link {
  color: var(--white-color);
}

.alert_dark_outline {
  color: var(--theme-dark);
  border: 1px solid var(--theme-dark);
}

.alert_light {
  color: var(--font-light);
}
.alert_light .alert-link {
  color: var(--font-light);
}

.alert_light_outline {
  color: var(--font-light);
}

.card.alerts .card_title_desc {
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
  font-size: 14px;
}

/*******************
  ALERT END
********************/
/*******************
  08 PAGINATION START
********************/
.pagination_primary .page-item.active .page-link {
  background-color: var(--theme-primary);
  color: var(--white-color);
  border-color: var(--theme-primary);
}
.pagination_primary .page-item .page-link {
  color: var(--theme-primary);
}

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

.pagination_success .page-item.active .page-link {
  background-color: var(--theme-success);
  color: var(--white-color);
  border-color: var(--theme-success);
}
.pagination_success .page-item .page-link {
  color: var(--theme-success);
}

.pagination_info .page-item.active .page-link {
  background-color: var(--theme-info);
  color: var(--white-color);
  border-color: var(--theme-info);
}
.pagination_info .page-item .page-link {
  color: var(--theme-info);
}

.pagination_warning .page-item.active .page-link {
  background-color: var(--theme-warning);
  color: var(--white-color);
  border-color: var(--theme-warning);
}
.pagination_warning .page-item .page-link {
  color: var(--theme-warning);
}

.pagination_danger .page-item.active .page-link {
  background-color: var(--theme-danger);
  color: var(--white-color);
  border-color: var(--theme-danger);
}
.pagination_danger .page-item .page-link {
  color: var(--theme-danger);
}

.pagination_light .page-item.active .page-link {
  background-color: var(--theme-light);
  color: var(--white-color);
  border-color: var(--theme-light);
}
.pagination_light .page-item .page-link {
  color: var(--theme-light);
}

.pagination_dark .page-item.active .page-link {
  background-color: var(--theme-dark);
  color: var(--white-color);
  border-color: var(--theme-dark);
}
.pagination_dark .page-item .page-link {
  color: var(--theme-dark);
}

.pagination-md .page-link {
  padding: 0.5rem 1rem;
  font-size: 16px;
}

/*******************
  PAGINATION END
********************/
/*********************
  09 CARD START
**********************/
.card {
  background-color: var(--white-color);
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 5px;
  border: none;
  -webkit-margin-after: 1.6em;
          margin-block-end: 1.6em;
  -webkit-box-shadow: 0 2px 5px rgba(var(--theme-primary-rgb), 5%);
          box-shadow: 0 2px 5px rgba(var(--theme-primary-rgb), 5%);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.card .setting-card .codeCopy {
  width: 18px;
  height: auto;
}
.card .card-header {
  background-color: transparent;
  padding: 25px;
  -webkit-padding-after: 0 !important;
          padding-block-end: 0 !important;
  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 {
  color: var(--theme-primary);
  text-transform: capitalize;
}
.card .card-body {
  padding: 25px;
}

/*********************
  CARD END
**********************/
/**************
 10 TAB CSS START
***************/
/* tab color */
.cdx-tab.tab_primary li a.active {
  background-color: rgba(var(--theme-primary-rgb), 1) !important;
  color: var(--white-color);
}

.cdx-tab.tab_secondary li a.active {
  background-color: rgba(var(--theme-secondary-rgb), 1) !important;
  color: var(--white-color);
}

.cdx-tab.tab_success li a.active {
  background-color: rgba(var(--theme-success-rgb), 1) !important;
  color: var(--white-color);
}

.cdx-tab.tab_info li a.active {
  background-color: rgba(var(--theme-info-rgb), 1) !important;
  color: var(--white-color);
}

.cdx-tab.tab_warning li a.active {
  background-color: rgba(var(--theme-warning-rgb), 1) !important;
  color: var(--white-color);
}

.cdx-tab.tab_danger li a.active {
  background-color: rgba(var(--theme-danger-rgb), 1) !important;
  color: var(--white-color);
}

.cdx-tab.tab_primary_border li a {
  border: 1px solid rgba(var(--theme-primary-rgb), 1) !important;
  color: rgba(var(--theme-primary-rgb), 1);
}
.cdx-tab.tab_primary_border li a.active {
  background-color: rgba(var(--theme-primary-rgb), 1) !important;
  color: var(--white-color);
}
.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 rgba(var(--theme-secondary-rgb), 1) !important;
  color: rgba(var(--theme-secondary-rgb), 1);
}
.cdx-tab.tab_secondary_border li a.active {
  background-color: rgba(var(--theme-secondary-rgb), 1) !important;
  color: var(--white-color);
}
.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 rgba(var(--theme-success-rgb), 1) !important;
  color: rgba(var(--theme-success-rgb), 1);
}
.cdx-tab.tab_success_border li a.active {
  background-color: rgba(var(--theme-success-rgb), 1) !important;
  color: var(--white-color);
}
.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 rgba(var(--theme-info-rgb), 1) !important;
  color: rgba(var(--theme-info-rgb), 1);
}
.cdx-tab.tab_info_border li a.active {
  background-color: rgba(var(--theme-info-rgb), 1) !important;
  color: var(--white-color);
}
.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 rgba(var(--theme-warning-rgb), 1) !important;
  color: rgba(var(--theme-warning-rgb), 1);
}
.cdx-tab.tab_warning_border li a.active {
  background-color: rgba(var(--theme-warning-rgb), 1) !important;
  color: var(--white-color);
}
.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 rgba(var(--theme-danger-rgb), 1) !important;
  color: rgba(var(--theme-danger-rgb), 1);
}
.cdx-tab.tab_danger_border li a.active {
  background-color: rgba(var(--theme-danger-rgb), 1) !important;
  color: var(--white-color);
}
.cdx-tab.tab_danger_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;
}

/************
TAB CSS END
*************/
/*********************
  11 TABLE START
*********************/
.bordernone td {
  border: none !important;
}

thead, tbody, tfoot, tr, td, th {
  border-style: dashed;
}

.table > :not(:last-child) > :last-child > * {
  border-color: var(--input-border);
}

/*********************
   TABLE END
*********************/
/*********************
 12  HEADER START
**********************/
.action-switch {
  aspect-ratio: 2;
  height: 30px;
  border-radius: 5px;
  position: relative;
}
.action-switch input[type=checkbox] {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  cursor: pointer;
}
.action-switch input[type=checkbox]:checked ~ .action-handle:after {
  left: calc(100% - 30px + 3px);
  background-color: var(--white-color);
}
.action-switch input[type=checkbox]:checked ~ .action-handle:before {
  background-color: var(--theme-primary);
}
.action-switch .action-handle:before, .action-switch .action-handle:after {
  content: "";
  display: block;
  position: absolute;
  border-radius: 5px;
  pointer-events: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.action-switch .action-handle:before {
  top: 0;
  min-height: 100%;
  min-width: 100%;
  background-color: var(--input-border);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.action-switch .action-handle:after {
  top: 50%;
  left: 3px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--white-color);
  min-height: calc(100% - 6px);
  aspect-ratio: 1;
}

.codex-header {
  background-color: var(--white-color);
  -webkit-padding-before: 15px;
          padding-block-start: 15px;
  -webkit-padding-after: 15px;
          padding-block-end: 15px;
  top: 0;
  -webkit-margin-start: 295px;
          margin-inline-start: 295px;
  left: 0;
  position: fixed;
  width: calc(100% - 295px);
  z-index: 4;
  border-bottom: 1px solid var(--input-border);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.codex-header .header-contian {
  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;
}
.codex-header .logo-gridwrap img {
  width: 140px;
  height: auto;
}
.codex-header .header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-padding-start: 15px;
          padding-inline-start: 15px;
}
.codex-header .header-left .logo-gridwrap {
  display: none;
}
.codex-header .header-right {
  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;
  height: 100%;
}
.codex-header .header-right .desk-search {
  border: 1px solid var(--input-border);
  border-radius: 5px;
  padding: 0 10px;
  height: 40px;
}
.codex-header .header-right .desk-search .input-group-text, .codex-header .header-right .desk-search .form-control {
  background-color: transparent;
  border: none;
}
.codex-header .header-right .desk-search .input-group-text {
  padding: 0;
}
.codex-header .header-right .desk-search .input-group-text svg, .codex-header .header-right .desk-search .input-group-text i {
  color: var(--font-light);
  font-size: 18px;
  font-weight: 500;
  width: auto;
  height: 16px;
}
.codex-header .header-right .desk-search .form-control {
  font-size: 14px;
  padding: 0 15px;
  color: var(--font-light);
}
.codex-header .header-right .desk-search .form-control::-webkit-input-placeholder {
  color: var(--font-light);
}
.codex-header .header-right .desk-search .form-control::-moz-placeholder {
  color: var(--font-light);
}
.codex-header .header-right .desk-search .form-control:-ms-input-placeholder {
  color: var(--font-light);
}
.codex-header .header-right .desk-search .form-control::-ms-input-placeholder {
  color: var(--font-light);
}
.codex-header .header-right .desk-search .form-control::placeholder {
  color: var(--font-light);
}
.codex-header .header-right .desk-search .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.codex-header .header-right .mobsearch-group {
  background-color: #115173;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 1;
}
.codex-header .header-right .mobsearch-group .form-control {
  background-color: transparent;
  font-size: 14px;
  color: var(--white-color);
}
.codex-header .header-right .mobsearch-group .form-control::-webkit-input-placeholder {
  color: var(--white-color);
}
.codex-header .header-right .mobsearch-group .form-control::-moz-placeholder {
  color: var(--white-color);
}
.codex-header .header-right .mobsearch-group .form-control:-ms-input-placeholder {
  color: var(--white-color);
}
.codex-header .header-right .mobsearch-group .form-control::-ms-input-placeholder {
  color: var(--white-color);
}
.codex-header .header-right .mobsearch-group .form-control::placeholder {
  color: var(--white-color);
}
.codex-header .header-right .mobsearch-group .input-group-text {
  color: var(--white-color);
}
.codex-header .header-right .nav-iconlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.codex-header .header-right .nav-iconlist > li {
  list-style: none;
  cursor: pointer;
}
.codex-header .header-right .nav-iconlist > li .flag-icon {
  font-size: 26px;
}
.codex-header .header-right .nav-iconlist > li .noti-count {
  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;
  width: 16px;
  height: 16px;
  font-size: 10px;
  color: var(--white-color);
  background-color: var(--theme-secondary-8);
  position: absolute;
  top: -5px;
  right: 0;
}
.codex-header .header-right .nav-iconlist > li .action-toggle {
  width: 35px;
  height: 35px;
  background-color: var(--theme-primary-1);
  border-radius: 2px;
  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;
}
.codex-header .header-right .nav-iconlist > li .action-toggle i {
  font-size: 16px;
  color: var(--theme-primary);
}
.codex-header .header-right .nav-iconlist > li > a > i {
  font-size: 26px;
  color: var(--font-light);
}
.codex-header .header-right .nav-iconlist > li:nth-child(n+2) {
  -webkit-margin-start: 15px;
          margin-inline-start: 15px;
}
.codex-header .header-right .nav-iconlist > li:hover .action-toggle {
  background-color: var(--theme-primary);
}
.codex-header .header-right .nav-iconlist > li:hover .action-toggle i {
  color: var(--white-color);
}
.codex-header .header-right .nav-iconlist .action-menu .drop-header, .codex-header .header-right .nav-iconlist .action-menu .drop-footer {
  -webkit-margin-start: -15px;
          margin-inline-start: -15px;
  -webkit-margin-end: -15px;
          margin-inline-end: -15px;
}
.codex-header .header-right .nav-iconlist .action-menu .drop-header {
  -webkit-margin-before: -15px;
          margin-block-start: -15px;
  color: var(--theme-primary);
  padding: 15px;
  text-transform: capitalize;
  border-bottom: 1px dashed rgb(var(--theme-primary-rgb), 0.2);
}
.codex-header .header-right .nav-iconlist .action-menu .drop-header h5 span {
  display: block;
  float: right;
}
.codex-header .header-right .nav-iconlist .action-menu .drop-footer {
  -webkit-margin-after: -15px;
          margin-block-end: -15px;
}
.codex-header .header-right .nav-iconlist .action-menu .drop-footer a {
  color: var(--white-color);
  text-transform: uppercase;
  background-color: var(--theme-primary);
  padding: 7px;
  text-align: center;
  display: block;
}
.codex-header .header-right .nav-iconlist .action-menu .action-dropdown {
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
  overflow: hidden;
}
.codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navnotification-drop, .codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navshop-drop {
  min-width: 290px;
}
.codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navnotification-drop ul, .codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navshop-drop ul {
  height: 220px;
  overflow-y: auto;
}
.codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navnotification-drop ul, .codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navshop-drop ul, .codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navprofile-drop ul {
  -webkit-padding-before: 15px;
          padding-block-start: 15px;
  -webkit-padding-after: 15px;
          padding-block-end: 15px;
}
.codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navnotification-drop li a h6 {
  font-size: 14px;
}
.codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navnotification-drop li a span {
  display: block;
  font-size: 12px;
}
.codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navshop-drop .media {
  width: 100%;
}
.codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navshop-drop .media .img-wrap {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 42px;
  height: 42px;
  background-color: var(--theme-primary-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;
  border-radius: 5%;
}
.codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navshop-drop .media h6 {
  font-size: 14px;
}
.codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navshop-drop .media span {
  font-size: 12px;
}
.codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navshop-drop .media .close-pro {
  float: right;
}
.codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navlang-drop li i {
  font-size: 20px;
}
.codex-header .header-right .nav-iconlist .action-menu .action-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 .header-right .nav-iconlist .action-menu .action-dropdown.navprofile-drop {
  min-width: 210px;
}
.codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navprofile-drop .media {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navprofile-drop .media .user-icon {
  width: 40px;
  height: 40px;
  border-radius: 5px;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  background-color: rgb(var(--theme-primary-rgb), 0.1);
}
.codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navprofile-drop .media .user-icon img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navprofile-drop .media h6 {
  font-size: 14px;
}
.codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navprofile-drop .media span {
  font-size: 12px;
  line-height: 1;
}
.codex-header .header-right .nav-iconlist .action-menu .action-dropdown .icon-nav {
  width: 35px;
  height: 35px;
  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 .header-right .nav-iconlist .action-menu .action-dropdown .icon-nav i {
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  color: var(--white-color);
}
.codex-header .header-right .nav-iconlist .action-menu .action-dropdown ul li:nth-child(n+2) {
  border-top: 1px solid var(--input-border);
  -webkit-padding-before: 10px;
          padding-block-start: 10px;
}
.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-menu {
  padding: 15px;
  -webkit-padding-before: 0;
          padding-block-start: 0;
  overflow-y: auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.codex-menu .cdxmenu-title {
  padding: 10px 15px;
  font-weight: 600;
  background-color: rgba(var(--white-color-rgb), 0.2);
  border-radius: 2px;
  display: none;
}
.codex-menu .cdxmenu-title h5 {
  font-size: 14px;
  text-transform: capitalize;
  color: var(--white-color);
}
.codex-menu li {
  display: block;
  position: relative;
}
.codex-menu li > a {
  padding: 10px 15px;
}
.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: 20px;
}
.codex-menu li > a .icon-item svg {
  width: 20px;
  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 0.5s ease;
  transition: all 0.5s ease;
  line-height: 1;
}
.codex-menu li a {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  color: var(--white-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: capitalize;
  position: relative;
}
.codex-menu li a:hover {
  background-color: rgba(var(--white-color-rgb), 0.2);
}
@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
    -webkit-filter: drop-shadow(0px 0px 5px rgba(var(--theme-primary-rgb), 0.7));
            filter: drop-shadow(0px 0px 5px rgba(var(--theme-primary-rgb), 0.7));
  }
  50% {
    opacity: 1;
    -webkit-filter: drop-shadow(0px 0px 1px rgba(var(--theme-primary-rgb), 0.5));
            filter: drop-shadow(0px 0px 1px rgba(var(--theme-primary-rgb), 0.5));
  }
  75% {
    opacity: 0.5;
    -webkit-filter: drop-shadow(0px 0px 5px rgba(var(--theme-primary-rgb), 0.7));
            filter: drop-shadow(0px 0px 5px rgba(var(--theme-primary-rgb), 0.7));
  }
  100% {
    opacity: 0;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0.5;
    -webkit-filter: drop-shadow(0px 0px 5px rgba(var(--theme-primary-rgb), 0.7));
            filter: drop-shadow(0px 0px 5px rgba(var(--theme-primary-rgb), 0.7));
  }
  50% {
    opacity: 1;
    -webkit-filter: drop-shadow(0px 0px 1px rgba(var(--theme-primary-rgb), 0.5));
            filter: drop-shadow(0px 0px 1px rgba(var(--theme-primary-rgb), 0.5));
  }
  75% {
    opacity: 0.5;
    -webkit-filter: drop-shadow(0px 0px 5px rgba(var(--theme-primary-rgb), 0.7));
            filter: drop-shadow(0px 0px 5px rgba(var(--theme-primary-rgb), 0.7));
  }
  100% {
    opacity: 0;
  }
}
.codex-menu li > a.active:after {
  position: absolute;
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: currentColor;
  top: 50%;
  inset-inline-end: 18px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-animation: blink 2.5s linear infinite;
          animation: blink 2.5s linear infinite;
  opacity: 0;
}
.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: var(--white-color);
  font-weight: 400;
}

.header-menu {
  -webkit-margin-start: 20px;
          margin-inline-start: 20px;
  position: relative;
  z-index: 2;
}
.header-menu .cdxaction-menu {
  font-size: 16px;
  background-color: var(--theme-primary-1);
  padding: 7px 12px;
  border-radius: 5px;
  text-transform: capitalize;
  display: block;
}
.header-menu .cdxaction-menu i {
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}
.header-menu .menu-list, .header-menu .sub-list {
  background-color: var(--white-color);
  border-radius: 5px;
  position: absolute;
  padding: 15px 0;
  border: 1px solid var(--input-border);
  min-width: 170px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.header-menu .menu-list.open, .header-menu .sub-list.open {
  opacity: 1;
  visibility: visible;
}
.header-menu .menu-list {
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
}
.header-menu .menu-list.open {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.header-menu .sub-list {
  left: 100%;
}
.header-menu li {
  position: relative;
  padding: 0 15px;
}
.header-menu ul.menu-list {
  background-color: var(--white-color);
  border-radius: 5px;
  top: 100%;
  left: 0;
}
.header-menu ul.menu-list li {
  text-transform: capitalize;
  font-weight: 500;
}
.header-menu ul.menu-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--codex-font-color);
}
.header-menu ul.menu-list li a i {
  font-size: 18px;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
}
.header-menu ul.menu-list li a svg {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 18px;
  height: auto;
}
.header-menu ul.menu-list li + li {
  -webkit-margin-before: 5px;
          margin-block-start: 5px;
}

.codex-menuwrapper .nav-prev, .codex-menuwrapper .nav-next {
  display: none;
}
.codex-menuwrapper.mCSB_dragger_bar {
  background-color: rgb(var(--white-color-rgb), 0.2) !important;
}

.skiptranslate.goog-te-gadget span {
  display: none !important;
}

.skiptranslate.goog-te-gadget .goog-te-gadget-simple {
  border: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(var(--white-color-rgb), 0.1);
  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;
}

/*********************
  HEADER END
**********************/
/*******************
  13 FOOTER START
********************/
.codex-footer {
  left: 0;
  bottom: 0;
  background-color: var(--white-color);
  padding: 15px 15px;
  text-align: center;
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.codex-footer p {
  font-weight: 500;
  color: var(--font-light);
  font-size: 15px;
}
.codex-footer.land-footer {
  margin: 0 !important;
  width: 100% !important;
}

/*******************
  FOOTER END
********************/
/*******************
  14 DROPDOWN START
********************/
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;
}

/*******************
  DROPDOWN AEND
********************/
/*******************
  15 MODAL START
*********************/
.modal-content {
  border-color: var(--input-border);
}

/***************
  MODAL END
*****************/
/****************
  16 SIDEBAR START
*****************/
.codex-sidebar {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  width: 295px;
  height: 100%;
  background-color: var(--theme-primary);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 3;
}
.codex-sidebar .logo-gridwrap {
  padding: 15px 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;
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.codex-sidebar .logo-gridwrap .sidebar-action {
  display: none;
}
.codex-sidebar .logo-gridwrap .sidebar-action .action-switch input[type=checkbox]:checked ~ .action-handle:before {
  background-color: var(--white-color);
}
.codex-sidebar .logo-gridwrap .sidebar-action .action-switch input[type=checkbox]:checked ~ .action-handle:after {
  background-color: var(--theme-primary);
}
.codex-sidebar .codex-darklogo {
  display: none;
}
.codex-sidebar .codexbrand-logo, .codex-sidebar .codex-darklogo {
  width: auto;
}
.codex-sidebar .codexbrand-logo img, .codex-sidebar .codex-darklogo img {
  width: 140px;
  height: auto;
}
.codex-sidebar .codex-menu {
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
  height: calc(100vh - 85px);
  overflow: hidden !important;
}

body .themebody-wrap {
  inset-inline-start: 295px;
}
body .codex-footer {
  inset-inline-start: 295px;
}
body .codex-footer {
  width: calc(100% - 295px);
  -webkit-margin-start: 295px;
          margin-inline-start: 295px;
}
body.sidebar_slide .themebody-wrap {
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}
body.sidebar_slide .small-sidebar {
  inset-inline-start: -295px;
}
body.sidebar_slide .codex-footer {
  width: 100%;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
}

/****************
SIDEBAR END
*****************/
/********************
 16 PROGRESSBAR START
*********************/
.progress_primary {
  background-color: rgba(var(--theme-primary-rgb), 0.1) !important;
  border-radius: 15px;
}
.progress_primary .progress-bar {
  background-color: rgba(var(--theme-primary-rgb), 1) !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.progress_secondary {
  background-color: rgba(var(--theme-secondary-rgb), 0.1) !important;
  border-radius: 15px;
}
.progress_secondary .progress-bar {
  background-color: rgba(var(--theme-secondary-rgb), 1) !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.progress_success {
  background-color: rgba(var(--theme-success-rgb), 0.1) !important;
  border-radius: 15px;
}
.progress_success .progress-bar {
  background-color: rgba(var(--theme-success-rgb), 1) !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.progress_info {
  background-color: rgba(var(--theme-info-rgb), 0.1) !important;
  border-radius: 15px;
}
.progress_info .progress-bar {
  background-color: rgba(var(--theme-info-rgb), 1) !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.progress_warning {
  background-color: rgba(var(--theme-warning-rgb), 0.1) !important;
  border-radius: 15px;
}
.progress_warning .progress-bar {
  background-color: rgba(var(--theme-warning-rgb), 1) !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.progress_danger {
  background-color: rgba(var(--theme-danger-rgb), 0.1) !important;
  border-radius: 15px;
}
.progress_danger .progress-bar {
  background-color: rgba(var(--theme-danger-rgb), 1) !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.progress_light {
  background-color: rgba(var(--theme-light-rgb), 0.1) !important;
  border-radius: 15px;
}
.progress_light .progress-bar {
  background-color: rgba(var(--theme-light-rgb), 1) !important;
  -webkit-transition: none !important;
  transition: none !important;
}

.progress_dark {
  background-color: rgba(var(--theme-dark-rgb), 0.1) !important;
  border-radius: 15px;
}
.progress_dark .progress-bar {
  background-color: rgba(var(--theme-dark-rgb), 1) !important;
  -webkit-transition: none !important;
  transition: none !important;
}

/********************
  PROGRESSBAR END
*********************/
/****************
  18 CUSTOMIZER START
*****************/
.theme_cutomizer {
  z-index: 999999;
  position: fixed;
  top: 0;
  inset-inline-end: -280px;
  width: 280px;
  background-color: var(--white-color);
  height: 100%;
  border-left: 1px solid var(--input-border);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.theme_cutomizer.active {
  inset-inline-end: 0;
}
.theme_cutomizer .customizer-header {
  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;
  padding: 22px;
  text-transform: capitalize;
  border-bottom: 1px solid var(--input-border);
  background-color: var(--theme-primary-1);
}
.theme_cutomizer .customizer-header h4 {
  color: var(--theme-primary);
}
.theme_cutomizer .customizer-body {
  padding: 20px;
  -webkit-padding-after: 90px;
          padding-block-end: 90px;
  height: 100%;
}
.theme_cutomizer .customizer-body .customizer-title {
  -webkit-margin-after: 10px;
          margin-block-end: 10px;
  text-transform: capitalize;
  font-size: 16px;
}
.theme_cutomizer .customizer-body .customizer-title .removeFilter {
  float: right;
  font-size: 12px;
  opacity: 0.2;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.theme_cutomizer .customizer-body .customizer-title .removeFilter:hover {
  opacity: 1;
}
.theme_cutomizer .customizer-body .custom-group .list-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.theme_cutomizer .customizer-body .custom-group .list-color li button {
  width: 25px;
  height: 25px;
}
.theme_cutomizer .customizer-body .custom-group .list-color li + li {
  -webkit-margin-start: 10px;
          margin-inline-start: 10px;
}
.theme_cutomizer .customizer-body .custom-group .theme_color > span {
  -webkit-margin-after: 5px;
          margin-block-end: 5px;
}
.theme_cutomizer .customizer-body .custom-group .theme_color > span:last-child {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.theme_cutomizer .customizer-body .custom-group:nth-child(n+2) {
  -webkit-margin-before: 20px;
          margin-block-start: 20px;
  -webkit-padding-before: 20px;
          padding-block-start: 20px;
  border-top: 1px dashed rgba(var(--theme-primary-rgb), 0.4);
}
.theme_cutomizer .cdx-cutomizer-contian {
  position: relative;
  height: 100%;
}
.theme_cutomizer .cdx-cutomizer-contian .customizer-action {
  position: absolute;
  top: 45%;
  inset-inline-start: -55px;
  background-color: var(--white-color);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 15px;
  border: 1px solid var(--input-border);
  border-right: unset;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.theme_cutomizer .cdx-cutomizer-contian .customizer-action svg {
  color: var(--theme-primary);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.theme_cutomizer .cdx-cutomizer-contian .customizer-action:hover, .theme_cutomizer .cdx-cutomizer-contian .customizer-action:focus {
  -webkit-box-shadow: inset 0 0 0 2em var(--theme-primary);
          box-shadow: inset 0 0 0 2em var(--theme-primary);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-color: var(--theme-primary);
}
.theme_cutomizer .cdx-cutomizer-contian .customizer-action:hover svg, .theme_cutomizer .cdx-cutomizer-contian .customizer-action:focus svg {
  color: var(--white-color);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.file-upload-wrapper {
  position: relative;
  width: 100%;
}
.file-upload-wrapper span {
  display: inline-block;
  border: 1px solid var(--theme-primary-5);
  border-radius: 3px;
  padding: 4px 5px;
  white-space: nowrap;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  width: 100%;
  height: 31px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-upload-wrapper input {
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/****************
  CUSTOMIZER END
*****************/
/*********************
 19 PRODUCT START
**********************/
/*  ecommerce  product*/
.product-boxwrap {
  text-align: center;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  background-color: var(--white-color);
  padding: 15px;
}
.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 0.5s ease;
  transition: all 0.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: var(--white-color);
  background-color: var(--theme-secondary);
  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: var(--theme-primary);
  letter-spacing: 0.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 0.5s ease 0s;
  transition: all 0.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: 0.05s;
          transition-delay: 0.05s;
}
.product-boxwrap .social li:nth-child(3) {
  -webkit-transition-delay: 0.13s;
          transition-delay: 0.13s;
}
.product-boxwrap .social li:nth-child(4) {
  -webkit-transition-delay: 0.16s;
          transition-delay: 0.16s;
}
.product-boxwrap .social li a {
  color: var(--white-color);
  background-color: var(--theme-primary);
  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 0.3s ease;
  transition: all 0.3s ease;
}
.product-boxwrap .social li a:hover {
  background-color: var(--theme-secondary);
}
.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: var(--codex-font-color);
  -webkit-margin-after: unset;
          margin-block-end: unset;
  text-transform: capitalize;
}
.product-boxwrap .pro-price {
  color: var(--theme-primary);
  font-size: 16px;
  font-weight: 600;
}
.product-boxwrap .pro-price span {
  font-size: 14px;
  color: var(--font-light);
  -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: "\f00c";
  font-family: var(--theme-awesome);
  color: var(--white-color);
}
.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 var(--theme-border);
  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: var(--codex-font-color);
}
.top-product .product-detailwrap .name {
  font-size: 16px;
}
.top-product .product-detailwrap .price {
  font-size: 15px;
  font-weight: 600;
}

.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: left;
  -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%;
}

/* product filter */
.product-filter .filter-title {
  -webkit-padding-after: 10px;
          padding-block-end: 10px;
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
  border-bottom: 1px dashed var(--theme-border);
}
.product-filter .filter-list li {
  display: block;
  font-weight: 500;
}
.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 h6 {
  color: var(--dark-font);
}

.product-boxwrap .pro-price {
  color: var(--dark-font);
}

/* filter pricing ragne */
.ui-slider-horizontal {
  height: 15px;
  border-radius: 5px;
  -webkit-margin-before: 25px;
          margin-block-start: 25px;
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
  width: 100%;
  border: 1px solid transparent !important;
  background-color: var(--theme-primary-1);
}
.ui-slider-horizontal .ui-slider-range {
  background-color: var(--theme-primary);
}

.price-range-field {
  width: 100%;
  background-color: var(--theme-primary);
  border: none;
  color: var(--white-color);
  font-weight: 500;
  padding: 0;
  border-radius: 0;
}
.price-range-field:focus, .price-range-field:active {
  outline: none;
}

.ui-slider .ui-slider-handle {
  width: 20px;
  height: 20px;
}

.ui-widget-content .ui-state-default {
  background-color: var(--theme-primary);
  border-color: var(--theme-primary);
  outline: none;
}
.ui-widget-content .ui-state-default:hover {
  border: 10px solid var(--theme-primary-5);
}

/* product-detail-page */
.product-rating li i {
  color: var(--theme-warning);
}

.pro-quantity {
  width: 170px;
}
.pro-quantity span {
  background-color: transparent;
}
.pro-quantity .form-control {
  background-color: transparent;
  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: var(--white-color);
  border-radius: 15px;
}
.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;
}
.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 dashed var(--theme-border);
  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: var(--font-light);
}
.product-detail-page .product-card .detail-group .product-share .share-iconlist {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: var(--codex-body-color);
  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: var(--white-color);
  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: "\f00c";
  font-family: var(--theme-awesome);
  color: var(--white-color);
}
.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: 60px;
  height: 35px;
  border: 1px solid var(--theme-border);
  text-transform: capitalize;
  border-radius: 3px;
}
.product-detail-page .product-card .detail-group .product-size li a {
  color: var(--black-color);
  font-weight: 500;
}
.product-detail-page .product-card .detail-group .product-size li.active {
  background-color: var(--theme-primary);
}
.product-detail-page .product-card .detail-group .product-size li.active a {
  color: var(--white-color);
}
.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: 25px;
  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: transparent;
  font-weight: 600;
}
.product-detail-page .product-card .detail-group .product-delivery span i {
  color: var(--theme-primary);
}
.product-detail-page .product-card .detail-group h5 {
  font-size: 14px;
}
.product-detail-page .product-card .detail-group p {
  font-size: 14px;
  color: var(--font-light);
}
.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: var(--white-color);
  background-color: var(--theme-primary);
}
.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-padding-after: 20px;
          padding-block-end: 20px;
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
  border-bottom: 1px dashed var(--theme-border);
}
.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 .group-form 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: var(--theme-primary);
}

/*********************
  PRODUCT END
**********************/
/****************
20  CART START
******************/
.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;
}
.cdxshopping-cart .cart-tbl th, .cdxshopping-cart .cart-tbl td {
  vertical-align: middle;
  min-width: 180px;
  border: 1px dashed var(--input-border);
  text-align: center;
}
.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(var(--theme-success-rgb), 0.5);
}
.cdxshopping-cart .cart-tbl .cart-action .bg_danger {
  background-color: rgba(var(--theme-danger-rgb), 0.5);
}
.cdxshopping-cart .cart-tbl .product-imgwrap img {
  width: 40px;
  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;
}
.chekout-tbl tr td {
  text-align: right;
}

/****************
  CART END
******************/
/***********************
  21 CHECKOUT START
************************/
.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 var(--theme-border);
  padding: 10px 20px;
}
.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: var(--theme-primary);
  color: var(--white-color);
}
.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;
}

/***********************
  CHECKOUT END
************************/
/*******************
 22  CALENDAR START
*********************/
.codex-calendar .events-list li {
  font-size: 16px;
  font-weight: 500;
  padding: 12px 15px;
  border-radius: 5px;
  color: var(--white-color);
  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: var(--theme-primary);
  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(var(--theme-primary), 0.05) !important;
}
.codex-calendar .fc .fc-toolbar-title {
  color: var(--font-light);
}

/*******************
  CALENDAR END
*********************/
/*******************
 23  CHAT START
*********************/
.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%;
}
.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: var(--font-light);
}
.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: var(--font-light);
  float: right;
  font-weight: 400;
}
.codex-chat .chat-sidebar {
  background-color: var(--white-color);
  padding: 20px 25px 25px;
  border-radius: 5px 0 0 5px;
  border-right: 1px solid var(--input-border);
  min-width: 385px;
}
.codex-chat .chat-sidebar .input-group {
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
  border-radius: 5px;
  border: 1px solid var(--input-border);
}
.codex-chat .chat-sidebar .input-group span {
  background-color: transparent;
  border: none;
  color: var(--font-light);
}
.codex-chat .chat-sidebar .input-group span svg {
  width: 18px;
}
.codex-chat .chat-sidebar .input-group .form-control {
  border: none;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.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: 540px;
  overflow: auto;
  -webkit-padding-end: 10px;
          padding-inline-end: 10px;
}
.codex-chat .chat-sidebar ul.user-caht-list li:nth-child(n+2) {
  border-top: 1px dashed var(--input-border);
  -webkit-margin-before: 12px;
          margin-block-start: 12px;
  -webkit-padding-before: 12px;
          padding-block-start: 12px;
}
.codex-chat .chat-body {
  background-color: var(--white-color);
  border-radius: 0 5px 5px 0;
  width: 100%;
  position: relative;
}
.codex-chat .chat-body .media {
  padding: 20px 25px;
}
.codex-chat .chat-body .userchat-msgbox {
  height: 520px;
  padding: 25px 0 0 25px;
  overflow: auto;
  background-color: var(--codex-body-color);
}
.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: 10px;
          margin-block-start: 10px;
}
.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: var(--white-color);
  padding: 10px 13px;
  border-radius: 5px;
  font-size: 14px;
  color: var(--font-light);
}
.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: var(--font-light);
  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: var(--white-color);
  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: var(--theme-warning);
}
.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;
}
.codex-chat .chat-body .userchat-typebox .btn i {
  font-size: 20px;
  color: var(--white-color);
}
@-webkit-keyframes dotAnimate {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background-color: rgba(var(--theme-primary-rgb), 0.3);
  }
  28% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
    background-color: rgba(var(--theme-primary-rgb), 0.5);
  }
  44% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background-color: rgba(var(--theme-primary-rgb), 0.9);
  }
}
@keyframes dotAnimate {
  0% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background-color: rgba(var(--theme-primary-rgb), 0.3);
  }
  28% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
    background-color: rgba(var(--theme-primary-rgb), 0.5);
  }
  44% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background-color: rgba(var(--theme-primary-rgb), 0.9);
  }
}
.codex-chat .chat-body .chat-bubble {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  padding: 10px 20px 8px 20px;
  -webkit-border-radius: 20px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius: 20px;
  -moz-border-radius-bottomleft: 2px;
  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: var(--theme-primary);
  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 .cdxchat-contain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.codex-chat .chaticon-list > li {
  display: inline-block;
  position: relative;
}
.codex-chat .chaticon-list > li > a {
  color: var(--theme-primary);
}
.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;
}

/*******************
  CHAT END
*********************/
/*************************
  24 USER START
************************/
/* user list*/
.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 {
  font-size: 14px;
  color: var(--font-light);
  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;
  font-size: 14px;
}
.user-card .card-body .user-detailwrap .group-btn .btn:nth-child(n+2) {
  -webkit-margin-start: 10px;
          margin-inline-start: 10px;
}

/* user profile*/
.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 {
  font-size: 14px;
}
.cdxuser-profile .contact-list li h6 a {
  color: var(--codex-font-color);
}
.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 h6 {
  font-size: 14px;
}
.cdxuser-profile .follower-list li p {
  font-size: 12px;
}
.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: var(--font-light);
}
.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 .added-postdetail p {
  color: var(--font-light);
}
.cdxuser-profile .post-list .post-contain {
  border-radius: 15px;
  overflow: hidden;
  background-color: var(--white-color);
  padding: 25px;
}
.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;
  font-weight: 500;
  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: 0.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: var(--white-color);
  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: var(--white-color);
}
.cdxuser-profile .post-list .post-contain .post-detail .post-react {
  border-top: 1px dashed var(--input-border);
  -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: var(--codex-body-color);
  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 dashed var(--input-border);
  -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 {
  background-color: rgba(var(--theme-primary-rgb), 0.05);
  border-radius: 5px;
  padding: 5px;
  overflow: hidden;
}
.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group .input-group-text {
  background-color: transparent;
  border: none;
}
.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group .form-control {
  border: none;
  background-color: transparent;
  padding: 0 10px;
}
.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group .form-control::-webkit-input-placeholder {
  text-transform: capitalize;
  color: var(--font-light);
}
.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group .form-control::-moz-placeholder {
  text-transform: capitalize;
  color: var(--font-light);
}
.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group .form-control:-ms-input-placeholder {
  text-transform: capitalize;
  color: var(--font-light);
}
.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group .form-control::-ms-input-placeholder {
  text-transform: capitalize;
  color: var(--font-light);
}
.cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group .form-control::placeholder {
  text-transform: capitalize;
  color: var(--font-light);
}
.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: var(--font-light);
}
.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: 205px;
}

/* usder edit */
.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;
}

/***************
  USER END
****************/
/*******************
 25 EMAIL START
*********************/
.email-sidebar {
  min-width: 320px;
}
.email-sidebar .btn {
  padding: 8px;
  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;
}
.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: 10px 13px;
  border: 1px solid var(--input-border);
  font-size: 16px;
  font-weight: 500;
  color: var(--codex-font-color);
}
.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-body {
  -webkit-margin-start: 30px;
          margin-inline-start: 30px;
  width: calc(100% - 350px);
}
.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 dashed var(--input-border);
  -webkit-padding-after: 20px;
          padding-block-end: 20px;
}
.email-body .email-header .input-group {
  width: 250px;
}
.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 dashed var(--input-border);
}
.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: 30px;
          margin-inline-start: 30px;
}
.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 .custom-check-input {
  width: 32px;
  height: 32px;
  display: block;
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
}
.email-body .mailreact-list > li .custom-check-input .custom-input-label {
  width: 32px;
  height: 32px;
}
.email-body .mailreact-list > li .custom-check-input .custom-input-label:after {
  width: 20px;
  height: 20px;
}
.email-body .mailreact-list > li a {
  padding: 8px;
  line-height: 1;
}
.email-body .mailreact-list > li a svg {
  width: auto;
  height: 15px;
}
.email-body .mailreact-list > li .theme-dropdown li a {
  padding: 0;
}
.email-body .mailreact-list > li .input-group .form-control {
  padding: 5px 10px;
}
.email-body .mailreact-list > li .input-group .input-group-text svg {
  width: auto;
  height: 20px;
}
.email-body .cdxapp-toggle {
  -webkit-margin-start: 15px;
          margin-inline-start: 15px;
}
.email-body .mail-list {
  min-height: 500px;
  max-height: 500px;
  overflow-y: auto;
  -webkit-padding-end: 10px;
          padding-inline-end: 10px;
}
.email-body .mail-list li {
  padding: 10px 13px;
  border: 1px dashed var(--input-border);
  border-radius: 5px;
}
.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: var(--font-light);
  -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 .seen-header {
  -webkit-padding-after: 15px;
          padding-block-end: 15px;
  border-bottom: 1px dashed var(--input-border);
}
.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: var(--font-light);
  font-size: 14px;
}
.email-body .seen-header .media p a {
  color: var(--font-light);
}
.email-body .seen-header .emailseen-setting > li {
  display: inline-block;
}
.email-body .seen-header .emailseen-setting > li i {
  font-size: 20px;
  color: var(--theme-primary);
}
.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: 165px;
}
.email-body .seen-body {
  -webkit-padding-before: 20px;
          padding-block-start: 20px;
  height: 520px;
  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: var(--font-light);
}
.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;
}
.email-body .seen-body .email-post li {
  display: inline-block;
}
.email-body .seen-body .email-post li img {
  width: auto;
  height: 150px;
  border-radius: 5px;
}
.email-body .seen-body .email-post li:nth-child(n+2) {
  -webkit-margin-start: 15px;
          margin-inline-start: 15px;
}
.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 dashed var(--input-border);
}
.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 #crowenkeditor {
  height: 150px;
}
.email-modal #crowenkeditor:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
.email-modal .modal-footer .group-btn {
  text-align: right;
}
.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;
}

/*******************
  EMAIL END
*********************/
/*********************
  26 LOGIN START
**********************/
.codex-login {
  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-login h3 {
  -webkit-margin-after: 5px;
          margin-block-end: 5px;
  text-transform: capitalize;
}
.codex-login h6 {
  -webkit-margin-after: 25px;
          margin-block-end: 25px;
}
.codex-login .auth-logo {
  -webkit-margin-after: 10px;
          margin-block-end: 10px;
}
.codex-login .auth-logo img {
  height: 50px;
}
.codex-login .group-form {
  width: 100%;
}
.codex-login .group-form .f-pwd {
  float: right;
}
.codex-login .group-form .auth-with {
  color: var(--font-light);
  font-size: 14px;
  -webkit-margin-after: 10px;
          margin-block-end: 10px;
  text-transform: capitalize;
}
.codex-login .group-form .input-group-text {
  background-color: rgba(var(--theme-primary-rgb), 1);
}
.codex-login .group-form .input-group-text i {
  color: var(--white-color);
}
.codex-login .btn_white {
  color: var(--theme-primary) !important;
  padding: 7px 40px;
  font-weight: 500;
}
.codex-login form {
  background-color: var(--white-color);
  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-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 25px;
  height: 100%;
}
.codex-login .codex-authbox {
  background-color: var(--white-color);
  border-radius: 10px;
  -webkit-box-shadow: 0 14px 28px rgba(var(--black-color-rgb), 0.25), rgba(var(--black-color-rgb), 0.22);
          box-shadow: 0 14px 28px rgba(var(--black-color-rgb), 0.25), rgba(var(--black-color-rgb), 0.22);
  position: relative;
  overflow: hidden;
  width: 700px;
  max-width: 100%;
  min-height: 545px;
}
.codex-login .codex-authbox .cdx-login {
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.codex-login .codex-authbox .cdx-pwd {
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.codex-login .codex-authbox.forgot_form_show .cdx-login {
  -webkit-transform: translateY(100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.codex-login .codex-authbox.forgot_form_show .cdx-pwd {
  -webkit-transform: translateY(100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.codex-login .auth-form {
  position: absolute;
  top: 0;
  height: 100%;
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.codex-login .signin-auth {
  left: 0;
  width: 50%;
  z-index: 2;
}
.codex-login .codex-authbox.cdxright-panel .signin-auth {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.codex-login .codex-authbox.cdxright-panel .signup-auth {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 1;
  z-index: 5;
  -webkit-animation: show 0.6s;
          animation: show 0.6s;
}
.codex-login .codex-authbox.cdxright-panel .cdxauth-overlay {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.codex-login .codex-authbox.cdxright-panel .cdx-overlay {
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}
.codex-login .codex-authbox.cdxright-panel .overlay-left {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.codex-login .codex-authbox.cdxright-panel .overlay-right {
  -webkit-transform: translateX(20%);
          transform: translateX(20%);
}
.codex-login .signup-auth {
  left: 0;
  width: 50%;
  opacity: 0;
  z-index: 1;
}
.codex-login .cdxauth-overlay {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  overflow: hidden;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
  z-index: 100;
}
.codex-login .cdx-overlay {
  background-color: var(--theme-primary);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
  color: var(--white-color);
  position: relative;
  left: -100%;
  height: 100%;
  width: 200%;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.codex-login .cdx-overlay h1 {
  -webkit-margin-after: 10px;
          margin-block-end: 10px;
}
.codex-login .cdx-overlay .btn {
  -webkit-margin-before: 15px;
          margin-block-start: 15px;
}
.codex-login .overlay-panel {
  position: absolute;
  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-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 25px;
  text-align: center;
  top: 0;
  height: 100%;
  width: 50%;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.codex-login .overlay-left {
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
}
.codex-login .overlay-right {
  right: 0;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.codex-login .social-container {
  margin: 20px 0;
}
.codex-login .social-container a {
  border: 1px solid var(--input-border);
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 5px;
  height: 40px;
  width: 40px;
}
.codex-login .social-container a i {
  font-size: 16px;
}
.codex-login div.eyes {
  width: 120px;
  height: 40px;
  margin: 0 auto;
  position: relative;
  -webkit-margin-after: 25px;
          margin-block-end: 25px;
}
.codex-login div.eyes div.pupil {
  left: 17px;
  top: 17px;
  width: 17px;
  height: 17px;
  position: relative;
  background-image: url("../images/login/pupil.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.codex-login div.left_eye {
  width: 50px;
  height: 50px;
  top: 0;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  left: 0;
}
.codex-login div.right_eye {
  width: 50px;
  height: 50px;
  top: 0;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  right: 0;
}
.codex-login #ellipse div.left_eye {
  background-image: url("../images/login/ellipse.png");
}
.codex-login #ellipse div.right_eye {
  background-image: url("../images/login/ellipse.png");
}
@-webkit-keyframes "show" {
  0%, 49.99% {
    opacity: 0;
    z-index: 1;
  }
  50%, 100% {
    opacity: 1;
    z-index: 5;
  }
}
@keyframes "show" {
  0%, 49.99% {
    opacity: 0;
    z-index: 1;
  }
  50%, 100% {
    opacity: 1;
    z-index: 5;
  }
}

.codex-authmain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  text-transform: capitalize;
}
.codex-authmain .codex-authbox {
  min-width: 480px;
  width: 480px;
  margin: auto;
  background-color: var(--white-color);
  padding: 25px;
  border-radius: 15px;
}
.codex-authmain .codex-authbox .form-label {
  text-transform: capitalize;
}
.codex-authmain .codex-authbox .auth-logo {
  -webkit-margin-after: 10px;
          margin-block-end: 10px;
}
.codex-authmain .codex-authbox .auth-logo img {
  width: auto;
  height: 70px;
}
.codex-authmain .codex-authbox .auth-logo .dark-logo {
  display: none;
}
.codex-authmain .codex-authbox h3 {
  -webkit-margin-after: 5px;
          margin-block-end: 5px;
}
.codex-authmain .codex-authbox h6 {
  color: var(--font-light);
}
.codex-authmain .codex-authbox .auth-with {
  color: var(--font-light);
  position: relative;
  text-align: center;
  margin: 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  -webkit-margin-after: 15px;
          margin-block-end: 15px;
}
.codex-authmain .codex-authbox .auth-remember .f-pwd {
  font-weight: 500;
  float: right;
}
.codex-authmain .codex-authbox .auth-icon {
  -webkit-margin-after: 15px;
          margin-block-end: 15px;
  width: 100px;
  height: 100px;
  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: var(--theme-primary-1);
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}
.codex-authmain .codex-authbox .auth-icon i {
  font-size: 50px;
  color: var(--theme-primary);
}
.codex-authmain .codex-authbox.auth-emailverify h5 {
  font-size: 16px;
}
.codex-authmain .codex-authbox.auth-emailverify .auth-pin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.codex-authmain .codex-authbox.auth-emailverify .auth-pin .form-control:nth-child(n+2) {
  -webkit-margin-start: 10px;
          margin-inline-start: 10px;
}

.authentication-wrap {
  position: relative;
}
.authentication-wrap::before {
  background-image: url("/images/loginbg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--black-color-rgb), 0.05);
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
  z-index: -1;
}

/*********************
  LOGIN END
**********************/
/****************
 27 BLOG START
*****************/
.blog-wrapper {
  overflow: hidden;
}
.blog-wrapper .imgwrapper {
  position: relative;
  overflow: hidden;
}
.blog-wrapper .imgwrapper img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
}
.blog-wrapper .imgwrapper .hover-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--black-color-rgb), 0.4);
  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 0.3s ease;
  transition: all 0.3s ease;
}
.blog-wrapper .imgwrapper .hover-link svg {
  color: var(--white-color);
  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: var(--codex-font-color);
}
.blog-wrapper .detailwrapper .blogsoc-list {
  -webkit-margin-after: 10px;
          margin-block-end: 10px;
}
.blog-wrapper .detailwrapper p {
  font-size: 14px;
  color: var(--font-light);
}
.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: var(--font-light);
  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: var(--font-light);
}
.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(var(--white-color-rgb), 0.1);
  border-radius: 5px;
}
.blogdetail-wrrapper .imgwrapper .blog-iconlist li a svg {
  width: auto;
  height: 18px;
  color: var(--white-color);
}
.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 {
  color: var(--font-light);
  -webkit-margin-before: 15px;
          margin-block-start: 15px;
  font-size: 14px;
}

.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 dashed var(--input-border);
}
.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;
}
.blgcomment-list li .media .media-body h5 .comment-time {
  float: right;
  font-size: 14px;
  color: var(--font-light);
}
.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 {
  color: var(--font-light);
  font-size: 14px;
}
.blgcomment-list li .media .media-body .commant-time {
  font-weight: 500;
  color: var(--font-light);
}
.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;
}

/****************
  BLOG END
*****************/
/****************
28  TODO START
*****************/
.todo-content .todo-input input {
  font-size: 15px;
  text-transform: unset;
}
.todo-content .add-todo {
  background-color: var(--theme-primary);
  color: var(--white-color);
}

.todo-list .line-through {
  text-decoration: line-through;
}
.todo-list li {
  border: 1px dashed var(--input-border);
  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(var(--theme-primary-rgb), 0.07);
  color: var(--theme-primary);
  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 i {
  font-size: 18px;
}

/****************
  TODO END
*****************/
/***********************
  29 ERROR START
************************/
.codex-errorwrapp {
  text-align: center;
  height: 100vh;
  margin: auto;
  text-transform: capitalize;
  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-errorwrapp .error-svg {
  width: 70%;
  height: auto;
  margin: auto;
}
.codex-errorwrapp h1 {
  font-weight: 600;
  -webkit-margin-before: 50px;
          margin-block-start: 50px;
}
.codex-errorwrapp p {
  -webkit-margin-before: 20px;
          margin-block-start: 20px;
  font-size: 22px;
}
.codex-errorwrapp p span {
  display: block;
}
.codex-errorwrapp .btn {
  -webkit-margin-before: 40px;
          margin-block-start: 40px;
}

/****************
  ERROR END
*****************/
/*********************
 30 CONTACT START
**********************/
.contact-card {
  text-transform: capitalize;
}
.contact-card .media {
  background-color: var(--codex-body-color);
  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: var(--font-light);
}
.contact-card .info-list li a {
  color: var(--font-light);
}
.contact-card .info-list li span {
  min-width: 90px;
  display: inline-block;
  color: var(--codex-font-color);
}
.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 dashed var(--input-border);
  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: var(--white-color);
}

/*********************
  CONTACT END
**********************/
/*********************
31  FAQ START
**********************/
.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(var(--black-color-rgb), 0.5);
  z-index: -1;
}
.faq-searchwrap .card-body h1 {
  text-transform: capitalize;
  color: var(--white-color);
  -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: var(--white-color);
}

.codex-accordion {
  overflow: hidden;
}
.codex-accordion .cdx-collapse {
  padding: 15px;
  -webkit-padding-end: 30px;
          padding-inline-end: 30px;
  display: block;
  border-bottom: 1px solid var(--input-border);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
  color: var(--codex-font-color);
  font-size: 16px;
  font-weight: 500;
}
.codex-accordion .cdx-collapse:before {
  content: "\f106";
  font-family: var(--theme-awesome);
  position: absolute;
  inset-block-start: 10px;
  inset-inline-end: 15px;
  font-size: 24px;
}
.codex-accordion .cdx-collapse.collapsed:before {
  content: "\f107";
}
.codex-accordion .accordion-item {
  border: 1px solid var(--input-border) !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;
}

/*********************
  FAQ END
**********************/
/*****************
 32 PRICING START
******************/
.pricing-grid {
  -webkit-margin-after: 30px;
          margin-block-end: 30px;
}

.codex-pricingtbl {
  position: relative;
  z-index: 1;
  text-align: center;
  background-color: var(--white-color);
  -webkit-padding-after: 35px;
          padding-block-end: 35px;
  border-radius: 15px;
}
.codex-pricingtbl .price-header {
  color: var(--white-color);
  background-color: var(--theme-primary);
  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(var(--black-color-rgb), 0.3);
          box-shadow: 0 5px 10px rgba(var(--black-color-rgb), 0.3);
  position: relative;
}
.codex-pricingtbl .price-header h2 {
  text-transform: uppercase;
  font-size: 26px;
}
.codex-pricingtbl .price-value {
  text-transform: capitalize;
  -webkit-margin-before: 5px;
          margin-block-start: 5px;
  font-size: 20px;
  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: var(--font-light);
  font-size: 18px;
  font-weight: 500;
}
.codex-pricingtbl .cdxprice-list li span {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  color: var(--theme-primary);
}
.codex-pricingtbl .cdxprice-list li:nth-child(n+2) {
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
}
.codex-pricingtbl .btn {
  padding: 10px 35px;
}

.codex-pricingadvance {
  text-align: center;
  background-color: var(--white-color);
  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: var(--theme-primary);
}
.codex-pricingadvance .price-header {
  padding: 20px;
  color: var(--white-color);
  background-color: var(--theme-primary);
  text-transform: uppercase;
}
.codex-pricingadvance .price-header h3 {
  font-size: 26px;
}
.codex-pricingadvance .price-value {
  -webkit-margin-before: 5px;
          margin-block-start: 5px;
  font-size: 18px;
}
.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: var(--theme-primary);
  margin: 30px auto;
}
.codex-pricingadvance .price-icon i {
  color: var(--white-color);
  font-size: 35px;
}
.codex-pricingadvance .cdxprice-list {
  -webkit-margin-after: 30px;
          margin-block-end: 30px;
}
.codex-pricingadvance .cdxprice-list li {
  color: var(--font-light);
  font-size: 18px;
  font-weight: 500;
}
.codex-pricingadvance .cdxprice-list li span {
  -webkit-margin-end: 10px;
          margin-inline-end: 10px;
  color: var(--theme-primary);
}
.codex-pricingadvance .cdxprice-list li:nth-child(n+2) {
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
}
.codex-pricingadvance .btn {
  padding: 10px 35px;
}
.codex-pricingadvance.secondary .price-header {
  background-color: var(--theme-secondary);
}
.codex-pricingadvance.secondary:before {
  background-color: var(--theme-secondary);
}
.codex-pricingadvance.secondary .price-icon {
  background-color: var(--theme-secondary);
}
.codex-pricingadvance.secondary .cdxprice-list li span {
  color: var(--theme-secondary);
}
.codex-pricingadvance.info .price-header {
  background-color: var(--theme-info);
}
.codex-pricingadvance.info:before {
  background-color: var(--theme-info);
}
.codex-pricingadvance.info .price-icon {
  background-color: var(--theme-info);
}
.codex-pricingadvance.info .cdxprice-list li span {
  color: var(--theme-info);
}
.codex-pricingadvance.warning .price-header {
  background-color: var(--theme-warning);
}
.codex-pricingadvance.warning:before {
  background-color: var(--theme-warning);
}
.codex-pricingadvance.warning .price-icon {
  background-color: var(--theme-warning);
}
.codex-pricingadvance.warning .cdxprice-list li span {
  color: var(--theme-warning);
}

/**************
  PRICING END
***************/
/*********************
 33 GALLERY START
**********************/
.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%;
}

/*********************
GALLERY END
**********************/
/************************
33 LANDING PAGES START
*************************/
.custom-container {
  max-width: 1680px;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}

.landing-header {
  -webkit-padding-before: 15px;
          padding-block-start: 15px;
  -webkit-padding-after: 15px;
          padding-block-end: 15px;
  background-color: var(--white-color);
  width: 100%;
  transition: all 0.5s ease;
  border-bottom: 1px solid var(--input-border);
  z-index: 999;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.landing-header .cdxmenu-list li {
  display: inline-block;
  text-transform: capitalize;
}
.landing-header .cdxmenu-list li a {
  font-size: 16px;
  font-weight: 600;
}
.landing-header .cdxmenu-list li + li {
  -webkit-margin-start: 20px;
          margin-inline-start: 20px;
}
.landing-header .header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.landing-header .header-left .logo-grid img {
  width: 135px;
  height: auto;
}
.landing-header .header-left .codex-darklogo {
  display: none;
}
.landing-header .header-right {
  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;
  height: 100%;
}
.landing-header .header-right .btn {
  text-transform: capitalize;
}
.landing-header .header-right .sidebar-action {
  -webkit-margin-start: 20px;
          margin-inline-start: 20px;
  display: none;
}
.landing-header .header-right .sidebar-action i {
  font-size: 24px;
}

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

.cdxland-title {
  color: var(--theme-primary);
  text-align: center;
  -webkit-margin-after: 30px;
          margin-block-end: 30px;
  text-transform: capitalize;
  font-weight: 600;
  font-size: calc(18px + 17 * (100vw - 320px) / 1600);
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  -webkit-padding-after: 20px;
          padding-block-end: 20px;
}
.cdxland-title::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5px;
  background-color: var(--theme-primary);
  border-radius: 50%;
}

.cdxlan-home {
  background-image: url("../../assets/images/landing/home-grid/home-main.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 2;
  height: calc(100vh - 69px);
}
.cdxlan-home::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--black-color-rgb), 0.8);
  z-index: -1;
}
.cdxlan-home .mian-contain {
  text-align: center;
  text-transform: capitalize;
  color: var(--white-color);
  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;
  height: calc(100vh - 69px);
  width: 80%;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
}
.cdxlan-home .mian-contain h1 {
  font-size: 55px;
  font-weight: 700;
  -webkit-margin-after: 15px;
          margin-block-end: 15px;
}
.cdxlan-home .mian-contain p {
  -webkit-margin-after: 40px;
          margin-block-end: 40px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.8;
}
.cdxlan-home .mian-contain .features-lsit {
  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;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
}
.cdxlan-home .mian-contain .features-lsit 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;
  width: 68px;
  height: 68px;
  border-radius: 5px;
  background-color: var(--white-color);
}
.cdxlan-home .mian-contain .features-lsit li img {
  width: 60%;
  height: auto;
}
.cdxlan-home .mian-contain .features-lsit li + li {
  -webkit-margin-start: 15px;
          margin-inline-start: 15px;
}
.cdxlan-home .mian-contain .group-btn .btn {
  padding: 8px 15px;
  font-size: 18px;
  font-weight: 500;
}
.cdxlan-home .mian-contain .group-btn .btn + .btn {
  -webkit-margin-start: 15px;
          margin-inline-start: 15px;
}

.demo-grid {
  -webkit-margin-after: -30px;
          margin-block-end: -30px;
}
.demo-grid > div {
  -webkit-margin-after: 30px;
          margin-block-end: 30px;
}

.demo-wrrapper {
  border-radius: 5px;
  overflow: hidden;
  text-align: center;
  padding: 15px;
  background-color: var(--white-color);
}
.demo-wrrapper .demoimg-wrap {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.demo-wrrapper .demoimg-wrap img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
}
.demo-wrrapper .demoimg-wrap .demo-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  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;
  background-color: rgba(var(--black-color-rgb), 0.4);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.demo-wrrapper .demoimg-wrap .demo-link span {
  color: var(--theme-primary);
  background-color: var(--white-color);
  font-size: 16px;
  padding: 7px 12px;
  border-radius: 5px;
  font-weight: 600;
}
.demo-wrrapper .demo-detail h3 {
  text-transform: capitalize;
  -webkit-margin-before: 15px;
          margin-block-start: 15px;
  color: var(--codex-font-color);
  font-size: calc(16px + 4 * (100vw - 320px) / 1600);
}
.demo-wrrapper:hover .demoimg-wrap img {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
.demo-wrrapper:hover .demoimg-wrap .demo-link {
  opacity: 1;
  visibility: visible;
}

.lan-dashboard .cdx-tab {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  border-bottom: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-margin-after: 40px;
          margin-block-end: 40px;
}
.lan-dashboard .cdx-tab li a {
  text-transform: capitalize;
  background-color: var(--white-color);
}
.lan-dashboard .cdx-tab li:nth-child(n+2) {
  -webkit-margin-start: 20px;
          margin-inline-start: 20px;
}

.lan-features .features-grid {
  background-color: var(--white-color);
  padding: 30px;
  border-radius: 5px;
  text-align: center;
}
.lan-features .features-grid .grid-icon img {
  width: auto;
  height: 55px;
}
.lan-features .features-grid h6 {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  text-transform: capitalize;
  -webkit-margin-before: 10px;
          margin-block-start: 10px;
}

.features-row {
  -webkit-margin-after: -30px;
          margin-block-end: -30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.features-row > div {
  -webkit-margin-after: 30px;
          margin-block-end: 30px;
}

.cdx-app .slick-dots {
  bottom: -45px;
}
.cdx-app .slick-dots li {
  width: 45px;
  height: 15px;
  border-radius: 2px;
  overflow: hidden;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
}
.cdx-app .slick-dots li.slick-active button {
  opacity: 1;
}
.cdx-app .slick-dots li button {
  width: 100%;
  height: 100%;
  background-color: var(--theme-primary);
  opacity: 0.2;
  content: "";
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.cdx-app .slick-dots li button::before {
  display: none;
}
.cdx-app .demo-wrrapper {
  background-color: transparent;
}

.lan-support {
  text-align: center;
}
.lan-support .codex-brand {
  -webkit-margin-after: 15px;
          margin-block-end: 15px;
}
.lan-support .codex-brand img {
  width: 100px;
  height: auto;
}
.lan-support h3 {
  text-transform: capitalize;
  font-size: 30px;
  font-size: calc(20px + 10 * (100vw - 320px) / 1600);
  -webkit-margin-after: 15px;
          margin-block-end: 15px;
}
.lan-support .codex-soclist {
  -webkit-margin-after: 30px;
          margin-block-end: 30px;
}
.lan-support .codex-soclist li a {
  width: 40px;
  height: 40px;
}
.lan-support .codex-soclist li a i {
  font-size: 20px;
}
.lan-support .group-btn .btn {
  text-transform: capitalize;
}
.lan-support .group-btn .btn + .btn {
  -webkit-margin-start: 20px;
          margin-inline-start: 20px;
}

.cdx-app, .lan-support {
  background-color: var(--white-color);
}

/********************
 LANDING PAGES END
********************/
/*******************
  35  INVOICE START
********************/
.cdx-invoice .codex-brand img {
  width: 190px;
  height: auto;
}
.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(var(--theme-primary-rgb), 0.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: var(--theme-primary);
  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: var(--white-color);
  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: var(--theme-primary);
  -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 {
  color: var(--font-light);
  -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: var(--theme-primary);
  color: var(--white-color);
  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;
  border: 1px solid var(--input-border);
}
.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 var(--input-border);
}
.cdx-invoice .footer-invoice .table td:nth-child(2) {
  color: var(--theme-primary);
}
.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;
}
.cdx-invoice .invoice-action .btn {
  text-transform: capitalize;
}

.invoice {
  position: relative;
  background-color: var(--white-color);
  padding: 0 15px;
}
.invoice header {
  padding: 10px 0;
  -webkit-padding-before: 0;
          padding-block-start: 0;
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
  border-bottom: 1px solid var(--input-border);
}
.invoice table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
}
.invoice table td {
  padding: 8px 15px;
  border: 1px solid var(--input-border);
  font-size: 15px;
}
.invoice table td h3 {
  margin: 0;
  font-weight: 400;
  color: var(--theme-primary);
  text-decoration: none;
  font-size: 16px;
}
.invoice table td h3 a {
  margin: 0;
  font-weight: 400;
  color: var(--theme-primary);
  text-decoration: none;
  font-size: 16px;
}
.invoice table th {
  padding: 8px 15px;
  border: 1px solid var(--input-border);
  white-space: nowrap;
  font-weight: 400;
  font-size: 14px;
}
.invoice table th.bg_color {
  background-color: var(--theme-secondary-9);
  color: #fff;
}
.invoice table td.bg_color {
  background-color: var(--theme-primary-9);
  color: #fff;
}
.invoice table tfoot td {
  background: 0 0;
  white-space: nowrap;
  text-align: right;
  padding: 8px 15px;
  font-size: 15px;
}
.invoice footer {
  width: 100%;
  text-align: center;
  color: var(--font-light);
}
.invoice footer p {
  margin: 0;
  -webkit-margin-before: 15px;
          margin-block-start: 15px;
}

@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;
  }
}
/*******************
    INVOICE END
********************/
/*********************
 36 COMING SOOM START
**********************/
.codex-comingsoon {
  background-image: url("/images/loginbg.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 1;
}
.codex-comingsoon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--black-color-rgb), 0.2);
  z-index: -1;
}
.codex-comingsoon .comingsoon-contain {
  height: 100vh;
  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-align: center;
}
.codex-comingsoon .comingsoon-contain h1 {
  font-size: 65px;
  color: var(--white-color);
  font-weight: 700;
  -webkit-margin-after: 10px;
          margin-block-end: 10px;
}
.codex-comingsoon .comingsoon-contain p {
  font-size: 22px;
  width: 80%;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  color: var(--white-color);
  font-weight: 600;
  -webkit-margin-after: 35px;
          margin-block-end: 35px;
}
.codex-comingsoon .comingsoon-contain .coming-counter {
  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;
  align-items: center;
}
.codex-comingsoon .comingsoon-contain .coming-counter .coming-box {
  background-color: var(--white-color);
  border-radius: 5px;
  min-width: 175px;
  min-height: 125px;
  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-comingsoon .comingsoon-contain .coming-counter .coming-box h2 {
  font-size: 40px;
  font-weight: 600;
}
.codex-comingsoon .comingsoon-contain .coming-counter .coming-box h3 {
  text-transform: capitalize;
}
.codex-comingsoon .comingsoon-contain .coming-counter .coming-box + .coming-box {
  -webkit-margin-start: 15px;
          margin-inline-start: 15px;
}

/*********************
 29 COMING SOOM END
**********************/
/***********************
  37 DASHBOARD START
*************************/
.common-dash .table > :not(:last-child) > :last-child > * {
  border-color: var(--theme-border);
}
.common-dash tr:last-child td {
  border-bottom: none;
  -webkit-padding-after: 0;
          padding-block-end: 0;
}
.common-dash tr th {
  font-size: 16px;
  -webkit-padding-before: unset;
          padding-block-start: unset;
  font-weight: 500;
  color: var(--codex-font-color);
}
.common-dash tr th, .common-dash tr td {
  white-space: nowrap;
}
.common-dash tr th:first-child, .common-dash tr td:first-child {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.common-dash tr th:last-child, .common-dash tr td:last-child {
  -webkit-padding-end: 0;
          padding-inline-end: 0;
  text-align: right;
}
.common-dash tr td {
  font-size: 14px;
  font-weight: 500;
  vertical-align: middle;
  border-bottom: 1px dashed var(--theme-border);
  color: var(--font-light);
}
.common-dash tr td .badge {
  -webkit-transition: all 0.4s ease;
  transition: all 0.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: var(--font-light);
  text-transform: capitalize;
}
.common-dash tr td i {
  font-size: 20px;
  font-weight: 500;
}
.common-dash tr .media .img-wrap {
  background-color: rgba(var(--theme-primary-rgb), 0.1);
  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: 15px;
          margin-inline-end: 15px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.common-dash tr:hover .media .img-wrap {
  -webkit-box-shadow: inset 0 0 0 1.2em rgba(var(--theme-primary-rgb), 0.2);
          box-shadow: inset 0 0 0 1.2em rgba(var(--theme-primary-rgb), 0.2);
}
.common-dash tr:hover td .badge {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.common-dash tr:hover td .badge_primary {
  background-color: var(--theme-primary) !important;
  color: var(--white-color) !important;
}
.common-dash tr:hover td .badge_secondary {
  background-color: var(--theme-secondary) !important;
  color: var(--white-color) !important;
}
.common-dash tr:hover td .badge_danger {
  background-color: var(--theme-danger) !important;
  color: var(--white-color) !important;
}
.common-dash .tblbody-p0 tbody tr:first-child td {
  -webkit-padding-before: unset;
          padding-block-start: unset;
}
.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 0.5s ease-in;
  transition: all 0.5s ease-in;
}
.common-dash .card {
  overflow: hidden;
}

/* welcome-card */
.welcome-card .card-header {
  background-image: url("../images/dashboard/welcome-banner.png");
  background-size: cover;
  background-position: center;
  height: 192px;
}
.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: var(--theme-primary-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 {
  color: var(--font-light);
  font-size: 14px;
}

/* earning-chart */
.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: 36px;
}
.earning-chart .card-body #earning-chart {
  -webkit-margin-after: -30px;
          margin-block-end: -30px;
  -webkit-margin-start: -25px;
          margin-inline-start: -25px;
  -webkit-margin-end: -25px;
          margin-inline-end: -25px;
}
.earning-chart .vactor-animated li svg {
  fill: rgba(var(--theme-primary-rgb), 0.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 */
.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(var(--theme-secondary-rgb), 0.1);
}

/* countries  tbl */
.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*/
.visitor-ratetbl .card-body {
  -webkit-padding-before: 0;
          padding-block-start: 0;
}

/* recent-ordertbl */
.recent-ordertbl tr th {
  -webkit-padding-before: 0;
          padding-block-start: 0;
  font-size: 16px;
}

/* project-status */
.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: 15px;
          margin-block-end: 15px;
  -webkit-margin-before: 15px;
          margin-block-start: 15px;
}
.project-status .media .media-body {
  text-align: right;
}
.project-status .progress {
  height: 15px;
}

/* project-summarytbl */
.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 live chat*/
.dash-chat .dash-chatbox ul.chating-list {
  background-color: rgba(var(--theme-primary-rgb), 0.04);
  padding: 15px;
  border-radius: 5px;
  height: 307px;
  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: var(--white-color);
  font-size: 12px;
  padding: 5px 10px;
  color: var(--font-light);
}
.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;
}

/* visitor-performance */
.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: var(--font-light) !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: var(--theme-primary);
}

/* support-inboxtbl */
.support-inboxtbl h6 {
  -webkit-margin-after: 3px;
          margin-block-end: 3px;
  color: var(--codex-font-color);
}
.support-inboxtbl p {
  font-size: 12px;
  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;
}

/*****************************
     DASHBOARD END
******************************/
/******************************
  38 ECOMMERCE DASHBOARD START
******************************/
/* overall-revenue */
.overall-revenuetbl .card-body {
  padding: 15px 20px 0px 10px !important;
}

/* sale-revenue */
.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 */
.earning-revenue .card-body {
  padding: 0 20px 0 5px !important;
}

/* sale category */
.sale-categorychart {
  position: relative;
}
.sale-categorychart .category-count {
  position: absolute;
  top: 50%;
  left: 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: var(--theme-primary);
}
.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: right;
}

/* brand producttbl*/
.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;
}

/* ecommerce product */
.ecompro-slide {
  -webkit-margin-start: -15px;
          margin-inline-start: -15px;
  -webkit-margin-end: -15px;
          margin-inline-end: -15px;
}
.ecompro-slide .slick-prev, .ecompro-slide .slick-next {
  background-color: var(--theme-primary);
  z-index: 1;
  height: 35px;
  width: 30px;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  visibility: hidden;
}
.ecompro-slide .slick-prev::before, .ecompro-slide .slick-next::before {
  color: var(--white-color);
}
.ecompro-slide .slick-prev {
  left: 15px;
  -webkit-transform: translateX(-15px);
          transform: translateX(-15px);
}
.ecompro-slide .slick-prev::before {
  content: "\f104";
  font-family: var(--theme-awesome);
}
.ecompro-slide .slick-next {
  right: 15px;
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
}
.ecompro-slide .slick-next::before {
  content: "\f105";
  font-family: var(--theme-awesome);
}
.ecompro-slide:hover .slick-prev, .ecompro-slide:hover .slick-next {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

.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 0.5s ease;
  transition: all 0.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: var(--codex-font-color);
}
.ecom-product .detail-wrap p {
  font-size: 14px;
  color: var(--theme-secondary);
}
.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: var(--theme-border);
  -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: var(--codex-font-color);
}

/*payment-detail*/
.payment-method ul li:nth-child(n+2) {
  -webkit-margin-start: 20px;
          margin-inline-start: 20px;
}
.payment-method ul li a {
  border: 1px solid var(--theme-border);
  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: var(--theme-primary);
  color: var(--white-color);
}
.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;
}

/******************************
  ECOMMERCE DASHBOARD END
******************************/
/*******************
39  RESPONSVIE START
********************/
@media (min-width: 1366px) and (max-width: 1680px) {
  /* common*/
  .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;
  }

  /*dashboard*/
  .animated-shap .vactor-animated li:nth-child(2) {
    left: 67%;
  }
  .animated-shap .vactor-animated li:nth-child(4) {
    left: 65%;
  }
  .animated-shap .vactor-animated li:nth-child(5) {
    top: 6px;
    left: 59%;
  }

  .welcome-card h2 {
    font-size: 26px;
  }

  .sale-revenue .card-body h4 {
    font-size: 14px;
  }
  .sale-revenue .card-body h2 {
    font-size: 22px;
  }

  /*product*/
  .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) {
  /* common*/
  .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) {
  /*common*/
  .cdx-lg-50 {
    width: 50%;
  }

  .cdx-lg-100 {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  /*common*/
  .cdxorder-lg-1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (max-width: 1780px) {
  /*dashboard*/
  .countri-tbl tr td {
    min-width: 90px;
  }
  .countri-tbl tr td:first-child {
    min-width: 190px;
  }
  .countri-tbl tr td:last-child {
    min-width: 50px;
  }

  .project-status .media h2 {
    font-size: 24px;
  }
  .project-status .media h3 {
    font-size: 20px;
  }
  .project-status .media h5 {
    font-size: 16px;
  }

  .recent-ordertbl td {
    min-width: 110px;
  }
  .recent-ordertbl td:first-child, .recent-ordertbl td:nth-child(2) {
    min-width: 170px;
  }

  .project-summarytbl td, .project-summarytbl th {
    min-width: 130px;
  }
  .project-summarytbl td:nth-child(2), .project-summarytbl td:nth-child(3), .project-summarytbl th:nth-child(2), .project-summarytbl th:nth-child(3) {
    min-width: 205px;
  }
  .project-summarytbl td:first-child, .project-summarytbl td:last-child, .project-summarytbl th:first-child, .project-summarytbl th:last-child {
    min-width: 80px;
  }

  /*ecommerce dashboard*/
  .sale-revenue .card-body h4 {
    font-size: 16px;
  }

  .support-inboxtbl td:first-child {
    min-width: 320px;
  }

  .top-sellintbl td:first-child {
    min-width: 190px;
  }

  /*landing*/
}
@media screen and (max-width: 1580px) {
  /* email app*/
  .email-body .mail-list li .mail-item p {
    width: 55%;
  }
}
@media screen and (max-width: 1470px) {
  /* chat app*/
  .codex-chat .chat-sidebar {
    min-width: 300px;
  }
  .codex-chat .chat-body .userchat-msgbox .user-msgbox, .codex-chat .chat-body .userchat-msgbox .admin-msgbox {
    max-width: 48%;
  }
  .codex-chat .chat-body .userchat-typebox .btn svg {
    width: auto;
    height: 20px;
  }

  /*emial app*/
  .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;
  }
  .email-body .seen-body .email-post li img {
    height: 95px;
  }

  /*checkout*/
  .checkout-page .payment-detail ul li:nth-child(n+2) {
    -webkit-margin-start: 10px;
            margin-inline-start: 10px;
  }
}
@media screen and (max-width: 1440px) {
  /*dashboard*/
  .welcome-card .card-body {
    padding: 20px;
  }
  .welcome-card .card-body h3 {
    font-size: 20px;
  }

  .earning-chart .card-body .site-impres h2 {
    font-size: 26px;
  }

  .dash-chat .dash-chatbox ul.chating-list {
    height: 338px;
  }

  /*ecommerce */
  .ecom-product .card-body {
    padding: 15px;
  }
  .ecom-product .detail-wrap h5 {
    font-size: 16px;
  }
  .ecom-product .detail-wrap h6 {
    font-size: 14px;
  }

  /*pricing css*/
  .pricing-grid > div:nth-child(n+4) {
    -webkit-margin-before: 30px;
            margin-block-start: 30px;
  }

  /*dashboard*/
  .project-status .media .media-body {
    margin: 13px 0;
  }
}
@media screen and (max-width: 1399px) {
  /*calendar */
  .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;
  }
}
@media screen and (max-width: 1365px) {
  /*emial app */
  .email-sidebar ul.sidebarmenu-list a.menu-item {
    font-size: 14px;
  }
  .email-sidebar ul.sidebarmenu-list a.menu-item .icons svg {
    height: 16px;
  }

  .email-body .mail-list li .mail-item {
    font-size: 14px;
  }
  .email-body .mail-list li .mail-item p {
    width: 35%;
    font-size: 14px;
  }
  .email-body .mail-list li .mail-item h6 {
    font-size: 14px;
  }

  /*user app */
  .cdxuser-profile .gallerypost-list li img {
    width: 79px;
  }

  /*product*/
  .cdxapp-xl-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);
            box-shadow: 0 4px 40px rgba(0, 0, 0, 0.1);
    width: 290px;
    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 var(--input-border);
  }

  .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;
  }

  .product-detail-page .product-card h2 {
    font-size: 26px;
  }
  .product-detail-page .product-card .detail-group .product-delivery {
    width: 80%;
  }

  .grid-wrap-header .cdxapp-toggle {
    display: inline-block !important;
  }

  /*invoice*/
  .cdx-invoice .footer-invoice {
    width: 45%;
  }

  /*landing*/
}
@media screen and (max-width: 1199px) {
  .mob_hide {
    display: none;
  }

  /*header*/
  .codex-header .header-right .nav-iconlist > li:nth-child(n+2) {
    -webkit-margin-start: 15px;
            margin-inline-start: 15px;
  }

  .header-menu .cdxaction-menu {
    font-size: 14px;
  }

  /* email app*/
  .cdxapp-toggle {
    display: block;
  }

  .cdxapp-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    min-width: 290px;
    -webkit-box-shadow: 0 4px 40px rgba(var(--black-color-rgb), 0.1);
            box-shadow: 0 4px 40px rgba(var(--black-color-rgb), 0.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;
  }

  /*email app*/
  .product-detail-page .product-card h2 {
    font-size: 22px;
  }
  .product-detail-page .product-card .detail-group .product-price li {
    font-size: 18px;
  }

  /*landing*/
  .cdxlan-home .mian-contain h1 {
    font-size: 45px;
  }
  .cdxlan-home .mian-contain p {
    font-size: 18px;
  }
  .cdxlan-home .mian-contain .features-lsit li {
    width: 62px;
    height: 62px;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  /* chat app*/
  .codex-chat .chaticon-list > li a svg {
    width: auto;
    height: 18px;
  }
  .codex-chat .chat-body .userchat-msgbox .user-msgbox, .codex-chat .chat-body .userchat-msgbox .admin-msgbox {
    min-width: 100%;
  }
  .codex-chat .chat-body .userchat-typebox .btn {
    padding: 8px;
  }
  .codex-chat .chat-body .userchat-typebox .btn svg {
    height: 18px;
  }
}
@media screen and (max-width: 1024px) {
  /* sidebar */
  .codex-sidebar {
    inset-inline-start: -295px;
    z-index: 4;
  }
  .codex-sidebar .logo-gridwrap .sidebar-action {
    display: block;
  }
  .codex-sidebar.small-sidebar {
    position: fixed;
    inset-inline-start: 0;
  }

  body .codex-footer {
    inset-inline-start: 295px;
  }
  body .small-sidebar {
    inset-inline-start: -295px;
  }
  body .codex-footer {
    width: 100%;
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
  body.sidebar_slide .themebody-wrap {
    -webkit-margin-start: 0;
            margin-inline-start: 0;
  }
  body.sidebar_slide .small-sidebar {
    inset-inline-start: 0;
  }

  .codex-header {
    width: 100%;
    -webkit-margin-start: unset;
            margin-inline-start: unset;
  }
  .codex-header.cdxfull-header {
    width: 100%;
    -webkit-margin-start: unset;
            margin-inline-start: unset;
  }
  .codex-header .header-left {
    -webkit-padding-start: unset;
            padding-inline-start: unset;
  }
  .codex-header .header-left .sidebar-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .themebody-wrap {
    -webkit-margin-start: unset;
            margin-inline-start: unset;
  }

  .codex-footer {
    width: 100%;
    -webkit-margin-start: unset;
            margin-inline-start: unset;
  }

  /*breadcrumb*/
  .codex-breadcrumb {
    padding: 15px 0;
  }

  /*emial app*/
  .email-body .mail-list li .mail-item p {
    width: 50%;
  }

  /*landing*/
  .cdxlan-home .mian-contain h1 {
    font-size: 40px;
    -webkit-margin-after: 10px;
            margin-block-end: 10px;
  }
  .cdxlan-home .mian-contain p {
    font-size: 16px;
    -webkit-margin-after: 25px;
            margin-block-end: 25px;
  }
  .cdxlan-home .mian-contain .features-lsit li {
    width: 55px;
    height: 55px;
  }
  .cdxlan-home .mian-contain .group-btn .btn {
    font-size: 16px;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  /* commmon */
  .cdx-md-50 {
    width: 50%;
  }
}
@media screen and (max-width: 991px) {
  .card .card-header {
    padding: 20px;
  }
  .card .card-body {
    padding: 20px;
  }

  /* header */
  .codex-header {
    -webkit-padding-before: 10px;
            padding-block-start: 10px;
    -webkit-padding-after: 10px;
            padding-block-end: 10px;
  }
  .codex-header .header-left .sidebar-action svg {
    height: 15px;
  }
  .codex-header .header-right .desk-search {
    height: 32px;
    width: 32px;
    padding: 0;
    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 0.5s ease;
    transition: all 0.5s ease;
  }
  .codex-header .header-right .desk-search .form-control {
    display: none;
  }
  .codex-header .header-right .desk-search .input-group-text {
    padding: 0;
  }
  .codex-header .header-right .desk-search .input-group-text svg, .codex-header .header-right .desk-search i {
    height: 18px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .codex-header .header-right .desk-search:hover, .codex-header .header-right .desk-search:focus {
    -webkit-box-shadow: inset 0 0 0 2em var(--white-color);
            box-shadow: inset 0 0 0 2em var(--white-color);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .codex-header .header-right .desk-search:hover svg, .codex-header .header-right .desk-search:hover i, .codex-header .header-right .desk-search:focus svg, .codex-header .header-right .desk-search:focus i {
    color: var(--theme-primary);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .codex-header .header-right .mobsearch-group.show {
    width: 100%;
    opacity: 1;
    visibility: visible;
  }

  .themebody-wrap {
    -webkit-margin-before: 55px;
            margin-block-start: 55px;
  }

  /* sidebar */
  .codex-sidebar .logo-gridwrap {
    padding: 10px 15px;
    -webkit-margin-after: unset;
            margin-block-end: unset;
  }
  .codex-sidebar.small-sidebar .codex-menu {
    padding: 7px;
    -webkit-margin-before: unset;
            margin-block-start: unset;
  }

  /* chat app*/
  .codex-chat .chat-body .userchat-msgbox .user-msgbox, .codex-chat .chat-body .userchat-msgbox .admin-msgbox {
    max-width: 80%;
  }

  /*user app*/
  .user-card .card-body .user-imgwrap {
    width: 70px;
    height: 70px;
  }
  .user-card .card-body .user-detailwrap h3 {
    font-size: 18px;
  }

  /*product*/
  .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-detail-tab .tab-content p {
    font-size: 14px;
  }
  .product-detail-page .product-detail-tab .tab-content ul.review-list > li {
    width: 100%;
  }
  .product-detail-page .product-detail-tab .tab-content ul.review-list > li p {
    font-size: 14px;
  }

  /*invoice*/
  .cdx-invoice .footer-invoice {
    width: 50%;
  }

  /*contact*/
  .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*/
  .faq-searchwrap .card-body {
    height: 250px;
  }

  /*landing */
  .landing-header .header-left .codexbrand-logo img {
    width: 130px;
    height: auto;
  }
  .landing-header .cdxmenu-list {
    position: fixed;
    top: 80px;
    right: 15px;
    width: 220px;
    background-color: var(--white-color);
    height: auto;
    z-index: 3;
    padding: 15px;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
  }
  .landing-header .cdxmenu-list.active {
    opacity: 1;
    visibility: visible;
  }
  .landing-header .cdxmenu-list li {
    display: block;
  }
  .landing-header .cdxmenu-list li + li {
    -webkit-margin-start: unset;
            margin-inline-start: unset;
  }
  .landing-header .header-right .sidebar-action {
    display: block;
  }
  .landing-header .header-right .btn {
    padding: 5px 10px;
    font-size: 14px;
    -webkit-margin-start: unset !important;
            margin-inline-start: unset !important;
  }

  .demo-grid {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .lan-support {
    -webkit-padding-before: 50px;
            padding-block-start: 50px;
    -webkit-padding-after: 50px;
            padding-block-end: 50px;
  }
  .lan-support .codex-brand img {
    width: 50px;
  }
  .lan-support .codex-soclist li a {
    width: 32px;
    height: 32px;
  }
  .lan-support .codex-soclist li a i {
    font-size: 14px;
  }

  .lan-dashboard .cdx-tab {
    -webkit-margin-after: 25px;
            margin-block-end: 25px;
  }
  .lan-dashboard .cdx-tab li a {
    padding: 8px 20px;
    font-size: 14px;
  }

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

  .cdxland-title {
    -webkit-margin-after: 20px;
            margin-block-end: 20px;
  }

  .cdx-app .slick-dots {
    bottom: -30px;
  }
  .cdx-app .slick-dots li {
    width: 35px;
    height: 12px;
  }

  /*coming soon*/
  .codex-comingsoon .comingsoon-contain h1 {
    font-size: 60px;
  }
  .codex-comingsoon .comingsoon-contain p {
    font-size: 20px;
    -webkit-margin-after: 25px;
            margin-block-end: 25px;
  }
  .codex-comingsoon .comingsoon-contain .coming-counter .coming-box {
    min-width: 135px;
    min-height: 115px;
  }
  .codex-comingsoon .comingsoon-contain .coming-counter .coming-box h2 {
    font-size: 34px;
  }
  .codex-comingsoon .comingsoon-contain .coming-counter .coming-box h3 {
    font-size: 20px;
  }

  /*tab*/
  .cdx-tab li a {
    padding: 7px 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  /*user app*/
  .user-card .card-body .user-detailwrap ul.codex-soclist li a {
    width: 28px;
    height: 28px;
  }
  .user-card .card-body .user-detailwrap ul.codex-soclist li:nth-child(n+2) {
    -webkit-margin-start: 5px;
            margin-inline-start: 5px;
  }
  .user-card .card-body .user-detailwrap .group-btn {
    -webkit-margin-before: 15px;
            margin-block-start: 15px;
  }
  .user-card .card-body .user-detailwrap .group-btn .btn {
    padding: 5px 12px;
  }
}
@media screen and (max-width: 767px) {
  /*common*/
  .btn {
    padding: 7px 12px;
    font-size: 14px;
  }

  .action-menu .action-toggle svg {
    width: auto;
    height: 18px;
  }

  /*dashboard*/
  .project-status .media h5 {
    font-size: 14px;
  }
  .project-status .media h2 {
    font-size: 22px;
  }
  .project-status .media h3 {
    font-size: 18px;
  }

  .sale-revenue .card-body h2 {
    font-size: 20px;
  }
  .sale-revenue .card-body h4 {
    font-size: 14px;
  }

  .payment-method ul li a {
    padding: 7px 10px;
  }
  .payment-method ul li:nth-child(n+2) {
    -webkit-margin-start: 10px;
            margin-inline-start: 10px;
  }

  .ecompro-slide {
    -webkit-margin-start: -10px;
            margin-inline-start: -10px;
    -webkit-margin-end: -10px;
            margin-inline-end: -10px;
  }
  .ecompro-slide .slick-prev, .ecompro-slide .slick-next {
    height: 25px;
    width: 20px;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .ecompro-slide .slick-prev:before, .ecompro-slide .slick-next:before {
    font-size: 14px;
  }

  .ecom-product {
    -webkit-margin-start: 10px;
            margin-inline-start: 10px;
    -webkit-margin-end: 10px;
            margin-inline-end: 10px;
  }

  .payment-method .form-control {
    padding: 6px 10px;
  }

  /*footer */
  .codex-footer p {
    font-size: 14px;
  }

  /* sidebar css */
  .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;
  }

  .codex-menu li a {
    font-size: 14px;
  }

  .header-menu {
    -webkit-margin-start: 10px;
            margin-inline-start: 10px;
  }

  .codex-header .header-right .nav-iconlist > li:nth-child(n+2) {
    -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 {
    position: relative;
    width: auto;
  }
  .email-body .mailreact-list li .input-group .input-group-text {
    border-radius: 5px !important;
    background-color: var(--theme-primary) !important;
    padding: 7px 10px;
  }
  .email-body .mailreact-list li .input-group .input-group-text svg {
    height: 16px;
    color: var(--white-color) !important;
  }
  .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.open {
    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;
  }

  /* calendar */
  .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;
  }

  /*chat app*/
  .codex-chat .cdxchat-contain {
    display: block;
  }
  .codex-chat .chat-sidebar {
    border-radius: 5px;
    padding: 20px;
    border: none !important;
  }
  .codex-chat .chat-sidebar ul.user-caht-list {
    max-height: 265px;
  }
  .codex-chat .chat-body {
    -webkit-margin-before: 30px;
            margin-block-start: 30px;
    border-radius: 5px;
  }
  .codex-chat .chat-body .media {
    padding: 20px;
  }
  .codex-chat .chat-body .userchat-msgbox {
    border-left: 10px solid var(--white-color);
    border-right: 10px solid var(--white-color);
    height: 305px;
  }

  /* user app */
  .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 > ul li a {
    font-size: 14px;
  }
  .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 .post-list .post-contain .post-detail .post-react li a {
    font-size: 14px;
    padding: 7px;
  }
  .cdxuser-profile .post-list .post-contain .post-detail .post-react li a svg {
    height: 16px;
  }
  .cdxuser-profile .follower-list li .media img {
    width: 35px;
    height: 35px;
    -webkit-margin-end: 10px;
            margin-inline-end: 10px;
  }
  .cdxuser-profile .follower-list li .badge {
    padding: 5px 10px;
    -webkit-margin-start: 10px;
            margin-inline-start: 10px;
  }
  .cdxuser-profile .follower-list li .badge svg {
    height: 12px;
  }
  .cdxuser-profile .gallerypost-list li img {
    width: 60px;
  }

  /* cart */
  .cdxshopping-cart td, .cdxshopping-cart th {
    font-size: 14px;
  }
  .cdxshopping-cart .cart-action svg {
    width: auto;
    height: 20px;
  }
  .cdxshopping-cart .cart-tbl .product-imgwrap img {
    width: 30px;
  }

  /* product */
  .grid-wrap-header .gridview-toggle, .grid-wrap-header .listview-toggle {
    display: none;
  }
  .grid-wrap-header .form-control {
    padding: 6px 10px;
    font-size: 12px;
  }
  .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%);
  }

  /*faq*/
  .todo-list li .item-contain .todo-contian {
    width: 75%;
  }

  /*blog*/
  .blog-wrapper .detailwrapper {
    padding: 15px;
  }
  .blog-wrapper .blog-footer .date-info {
    font-size: 14px;
  }

  .blogsoc-list li a {
    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;
  }

  /*error*/
  .codex-errorwrapp .error-svg {
    width: 55%;
  }
  .codex-errorwrapp h1 {
    -webkit-margin-before: 25px;
            margin-block-start: 25px;
    font-size: 26px;
  }
  .codex-errorwrapp p {
    font-size: 16px;
    -webkit-margin-before: 10px;
            margin-block-start: 10px;
  }
  .codex-errorwrapp .btn {
    -webkit-margin-before: 25px;
            margin-block-start: 25px;
  }

  /*authentication*/
  .codex-authmain {
    height: auto;
    -webkit-margin-before: 20px;
            margin-block-start: 20px;
    -webkit-margin-after: 20px;
            margin-block-end: 20px;
  }

  .codex-login {
    height: auto;
    display: block;
    -webkit-margin-before: 20px;
            margin-block-start: 20px;
    -webkit-margin-after: 20px;
            margin-block-end: 20px;
  }
  .codex-login form {
    padding: 30px;
    height: auto;
  }
  .codex-login .auth-form {
    height: auto;
    bottom: 0;
    top: unset;
  }
  .codex-login .signin-auth {
    width: 100%;
    position: relative;
  }
  .codex-login .signin-auth .cdx-pwd {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
  }
  .codex-login .signup-auth {
    width: 100%;
    z-index: -1;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  .codex-login .overlay-panel {
    width: 100%;
    background-color: var(--theme-primary);
  }
  .codex-login .cdxauth-overlay {
    width: 100%;
    height: 200px;
    left: 0;
    position: relative;
  }
  .codex-login .cdx-overlay {
    position: relative;
    left: unset;
    width: 100%;
  }
  .codex-login .overlay-left {
    -webkit-transform: translateX(0) translateY(100%);
            transform: translateX(0) translateY(100%);
  }
  .codex-login .overlay-right {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
  }
  .codex-login .codex-authbox {
    max-width: 100%;
    width: 100%;
    min-height: auto;
  }
  .codex-login .codex-authbox .cdx-pwd {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  .codex-login .codex-authbox.forgot_form_show .cdx-login {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  .codex-login .codex-authbox.forgot_form_show .cdx-pwd {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
  .codex-login .codex-authbox.cdxright-panel .signin-auth {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    position: absolute;
  }
  .codex-login .codex-authbox.cdxright-panel .signup-auth {
    position: unset;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
    z-index: 1;
    -webkit-animation: show 0.6s;
            animation: show 0.6s;
  }
  .codex-login .codex-authbox.cdxright-panel .cdxauth-overlay {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  .codex-login .codex-authbox.cdxright-panel .cdx-overlay {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  .codex-login .codex-authbox.cdxright-panel .overlay-left {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
  .codex-login .codex-authbox.cdxright-panel .overlay-right {
    -webkit-transform: translateX(0) translateY(-100%);
            transform: translateX(0) translateY(-100%);
  }

  /*data table*/
  .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;
  }

  /*landing*/
  .lan-dashboard {
    -webkit-padding-start: 80px;
            padding-inline-start: 80px;
    -webkit-padding-end: 80px;
            padding-inline-end: 80px;
  }

  .lan-application {
    -webkit-padding-start: 80px;
            padding-inline-start: 80px;
    -webkit-padding-end: 80px;
            padding-inline-end: 80px;
  }

  /*landing*/
  .cdxlan-home .mian-contain {
    width: auto;
  }
  .cdxlan-home .mian-contain h1 {
    font-size: 32px;
  }
  .cdxlan-home .mian-contain .features-lsit li {
    width: 50px;
    height: 50px;
  }

  /*coming soon*/
  .codex-comingsoon .comingsoon-contain h1 {
    font-size: 40px;
  }
  .codex-comingsoon .comingsoon-contain p {
    font-size: 18px;
    -webkit-margin-after: 20px;
            margin-block-end: 20px;
  }
  .codex-comingsoon .comingsoon-contain .coming-counter .coming-box {
    min-width: 110px;
    min-height: 90px;
  }
  .codex-comingsoon .comingsoon-contain .coming-counter .coming-box h2 {
    font-size: 28px;
  }
  .codex-comingsoon .comingsoon-contain .coming-counter .coming-box h3 {
    font-size: 16px;
  }
}
@media screen and (max-width: 575px) {
  /*common*/
  .codex-sidebar {
    -webkit-transition: all 0.2s linear !important;
    transition: all 0.2s linear !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
  .codex-sidebar .codex-menu {
    -webkit-transition: none !important;
    transition: none !important;
  }

  .themebody-wrap {
    -webkit-margin-before: 48px;
            margin-block-start: 48px;
  }

  .card .card-header {
    padding: 15px;
  }
  .card .card-body {
    padding: 15px;
  }

  .btn {
    padding: 5px 10px;
  }

  .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;
  }

  /*header*/
  .action-switch {
    height: 25px;
  }
  .action-switch input[type=checkbox]:checked ~ .action-handle:after {
    left: calc(100% - 30px + 8px);
  }

  .header-menu .cdxaction-menu {
    font-size: 0;
    width: 28px;
    height: 28px;
    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: 0;
  }
  .header-menu .cdxaction-menu i {
    font-size: 14px;
    -webkit-margin-end: unset;
            margin-inline-end: unset;
  }

  .codex-header .header-right .nav-iconlist > li .flag-icon {
    font-size: 22px;
  }
  .codex-header .header-right .nav-iconlist > li .action-toggle {
    width: 28px;
    height: 28px;
  }
  .codex-header .header-right .nav-iconlist > li .action-toggle i {
    font-size: 14px;
  }
  .codex-header .header-right .nav-iconlist > li .noti-count {
    width: 15px;
    height: 15px;
    font-size: 7px;
  }

  /*breadcrumb*/
  .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 {
    font-size: 12px;
    padding: 5px 10px;
  }
  .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;
  }

  /*dashboard*/
  .earning-chart .card-body .site-impres {
    -webkit-padding-start: 15px;
            padding-inline-start: 15px;
  }
  .earning-chart .card-body .site-impres h2 {
    font-size: 22px;
  }

  .project-status .media {
    -webkit-margin-before: unset;
            margin-block-start: unset;
  }

  /*ecommerce dashboard*/
  .sale-revenue .card-body h2 {
    font-size: 22px;
    -webkit-margin-after: 15px;
            margin-block-end: 15px;
  }
  .sale-revenue .card-body p {
    font-size: 14px;
  }
  .sale-revenue .card-body .badge {
    padding: 5px 10px;
    font-size: 10px;
  }

  /*loader*/
  .codex-loader .loder-item {
    width: 35px;
    height: 35px;
    font-size: 14px;
    margin: 5px;
  }

  /* header */
  .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;
  }

  /*sidebar*/
  .codex-sidebar.small-sidebar .codex-menu .cdxmenu-title h5 {
    font-size: 14px;
  }
  .codex-sidebar .codex-menu {
    height: calc(100vh - 230px);
  }

  /*emial app */
  .email-body .nav-tabs {
    -webkit-margin-after: 15px;
            margin-block-end: 15px;
    -webkit-margin-before: 15px;
            margin-block-start: 15px;
    -webkit-padding-after: 15px;
            padding-block-end: 15px;
  }
  .email-body .nav-tabs li svg {
    height: 16px;
  }
  .email-body .nav-tabs li a {
    font-size: 14px;
  }
  .email-body .nav-tabs li:nth-child(n+2) {
    -webkit-margin-start: 20px;
            margin-inline-start: 20px;
  }
  .email-body .seen-body .email-post li img {
    height: 60px;
  }

  .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;
  }

  /*user app*/
  .cdxuser-profile .post-list .post-contain {
    padding: 15px;
  }
  .cdxuser-profile .post-list .post-header .media .media-body h6 {
    font-size: 14px;
  }
  .cdxuser-profile .post-list .post-header .media .media-body span {
    font-size: 12px;
  }

  /*cart*/
  .cdxshopping-cart .cartbtn-group {
    display: block;
  }
  .cdxshopping-cart .cartbtn-group .group-btn {
    -webkit-margin-before: 10px;
            margin-block-start: 10px;
  }

  /* checkout */
  .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;
  }

  /*invoice*/
  .cdx-invoice .head-invoice {
    padding: 15px;
  }
  .cdx-invoice .head-invoice .contact-list li {
    font-size: 14px;
  }
  .cdx-invoice .head-invoice .contact-list li .icon-wrap {
    width: 28px;
    height: 28px;
    -webkit-margin-end: 10px;
            margin-inline-end: 10px;
  }
  .cdx-invoice .head-invoice .contact-list li .icon-wrap i {
    font-size: 12px;
  }
  .cdx-invoice .head-invoice .contact-list li + li {
    -webkit-margin-before: 5px;
            margin-block-start: 5px;
  }
  .cdx-invoice .invoice-user .left-user h5 {
    font-size: 16px;
  }
  .cdx-invoice .invoice-user .left-user .detail-list li {
    font-size: 14px;
  }
  .cdx-invoice .invoice-user .right-user li {
    font-size: 14px;
  }
  .cdx-invoice .body-invoice {
    -webkit-margin-before: 15px;
            margin-block-start: 15px;
  }
  .cdx-invoice .body-invoice .table tr th {
    font-size: 14px;
  }
  .cdx-invoice .body-invoice .table tr td {
    font-size: 12px;
  }
  .cdx-invoice .footer-invoice .table td {
    font-size: 12px;
  }
  .cdx-invoice .footer-invoice .table tr:last-child td {
    font-size: 14px;
  }
  .cdx-invoice .invoice-action {
    -webkit-margin-before: 15px;
            margin-block-start: 15px;
  }

  /*pricing*/
  .pricing-grid > div:nth-child(n+3) {
    -webkit-margin-before: 30px;
            margin-block-start: 30px;
  }

  .codex-pricingtbl .cdxprice-list li {
    font-size: 16px;
  }

  .product-detail-page .product-card {
    padding: 15px;
  }
  .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;
  }
  .product-detail-page .product-card h2 {
    font-size: 18px;
  }

  /*contact*/
  .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;
  }

  /*contact*/
  .faq-searchwrap .card-body {
    height: 180px;
    padding: 20px;
  }
  .faq-searchwrap .card-body h1 {
    font-size: 24px;
    -webkit-margin-after: 10px;
            margin-block-end: 10px;
  }

  /*blog*/
  .blog-wrapper .blog-footer .date-info {
    font-size: 14px;
  }

  .blogsoc-list li a {
    font-size: 14px;
  }

  .blogdetail-wrrapper .detailwrapper h4 {
    font-size: 16px;
  }
  .blogdetail-wrrapper .detailwrapper p {
    -webkit-margin-before: 10px;
            margin-block-start: 10px;
  }

  .blgcomment-list li .media img {
    height: 60px;
    -webkit-margin-end: 15px;
            margin-inline-end: 15px;
  }
  .blgcomment-list li.reply-comment {
    -webkit-padding-start: 60px;
            padding-inline-start: 60px;
  }

  /*authentication*/
  .codex-authmain .codex-authbox {
    min-width: 100%;
    padding: 20px;
  }
  .codex-authmain .codex-authbox .auth-icon {
    width: 70px;
    height: 70px;
  }
  .codex-authmain .codex-authbox .auth-icon i {
    font-size: 33px;
  }
  .codex-authmain .codex-authbox h3 {
    font-size: 22px;
  }
  .codex-authmain .codex-authbox h4 {
    font-size: 14px;
  }
  .codex-authmain .codex-authbox p {
    font-size: 14px;
  }
  .codex-authmain .codex-authbox .auth-logo img {
    height: 50px;
  }

  /*data table*/
  .dataTables_wrapper .dataTables_length {
    -webkit-margin-after: 5px;
            margin-block-end: 5px;
  }

  /*landing*/
  .space-py-80 {
    -webkit-padding-before: 40px;
            padding-block-start: 40px;
    -webkit-padding-after: 40px;
            padding-block-end: 40px;
  }

  .cdxland-title {
    -webkit-margin-after: 20px;
            margin-block-end: 20px;
  }

  .landing-header .cdxmenu-list li a {
    font-size: 14px;
  }
  .landing-header .header-right .btn {
    font-size: 12px;
  }
  .landing-header .header-right .sidebar-action {
    -webkit-margin-start: 15px;
            margin-inline-start: 15px;
  }
  .landing-header .header-right .sidebar-action i {
    font-size: 20px;
  }

  .lan-dashboard {
    -webkit-padding-start: unset;
            padding-inline-start: unset;
    -webkit-padding-end: unset;
            padding-inline-end: unset;
  }
  .lan-dashboard .cdx-tab li a {
    padding: 5px 15px;
  }
  .lan-dashboard .cdx-tab li:nth-child(n+2) {
    -webkit-margin-start: 10px;
            margin-inline-start: 10px;
  }

  .cdx-app .slick-dots li {
    width: 30px;
    height: 10px;
  }

  .lan-application {
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    -webkit-padding-end: 0;
            padding-inline-end: 0;
  }

  .features-row {
    -webkit-margin-after: -20px;
            margin-block-end: -20px;
  }
  .features-row > div {
    -webkit-margin-after: 20px;
            margin-block-end: 20px;
  }

  .lan-features .features-grid {
    padding: 25px;
  }
  .lan-features .features-grid .grid-icon img {
    height: 50px;
  }
  .lan-features .features-grid h6 {
    font-size: 16px;
  }

  .lan-support {
    -webkit-padding-before: 40px;
            padding-block-start: 40px;
    -webkit-padding-after: 40px;
            padding-block-end: 40px;
  }
  .lan-support .codex-soclist {
    -webkit-margin-after: 25px;
            margin-block-end: 25px;
  }

  /*tab*/
  .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;
  }

  /*landing*/
  .cdxlan-home .mian-contain h1 {
    font-size: 26px;
  }
  .cdxlan-home .mian-contain p {
    font-size: 14px;
    -webkit-margin-after: 20px;
            margin-block-end: 20px;
  }
  .cdxlan-home .mian-contain .features-lsit li {
    width: 42px;
    height: 42px;
  }
  .cdxlan-home .mian-contain .group-btn .btn {
    padding: 8px 15px;
  }
}
@media screen and (max-width: 480px) {
  /*common*/
  .group-small {
    display: block;
  }
  .group-small > div:nth-child(n+2) {
    -webkit-margin-start: unset;
            margin-inline-start: unset;
    -webkit-margin-before: 15px;
            margin-block-start: 15px;
  }

  /*dashboard*/
  .visitor-performance .apexcharts-legend {
    display: none !important;
  }

  /*ecommecer dash*/
  .sale-categorychart .apexcharts-legend .apexcharts-legend-series .apexcharts-legend-text {
    font-size: 12px !important;
  }

  .payment-method ul li a {
    font-size: 0;
    padding: 10px 25px;
  }
  .payment-method ul li a i {
    font-size: 18px;
    -webkit-margin-end: unset;
            margin-inline-end: unset;
  }
  .payment-method .cdx-cvc .cvc-group {
    display: block;
  }
  .payment-method .cdx-cvc .cvc-group p {
    -webkit-margin-before: 10px;
            margin-block-start: 10px;
  }

  /* sidebar css */
  .codex-header .header-left {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .codex-header .header-right .mobsearch-group .form-control {
    font-size: 14px;
  }
  .codex-header .header-right .desk-search {
    height: 28px;
  }
  .codex-header .header-right .desk-search .input-group-text svg, .codex-header .header-right .desk-search .input-group-text i {
    height: 14px;
  }
  .codex-header .header-right .nav-iconlist > li:nth-child(n+2) {
    -webkit-margin-start: 5px;
            margin-inline-start: 5px;
  }

  /*header*/
  .codex-header .header-right .nav-iconlist .action-menu .drop-header h5 {
    font-size: 16px;
  }
  .codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navnotification-drop, .codex-header .header-right .nav-iconlist .action-menu .action-dropdown.navshop-drop {
    min-width: 230px;
    right: -50px;
  }
  .codex-header .header-right .nav-iconlist .action-menu .drop-footer {
    padding: 5px;
  }
  .codex-header .header-right .nav-iconlist .action-menu .drop-footer a {
    font-size: 12px;
  }

  /* calendar */
  .codex-calendar .events-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .codex-calendar .events-list li {
    padding: 8px 10px;
  }
  .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: 5px;
            margin-block-start: 5px;
  }

  /* chat app */
  .codex-chat .chat-sidebar {
    min-width: 100%;
    padding: 15px;
  }
  .codex-chat .chat-sidebar .badge {
    font-size: 8px;
  }
  .codex-chat .chat-sidebar .input-group span svg {
    width: 14px;
    height: auto;
  }
  .codex-chat .chat-sidebar .input-group .form-control {
    padding: 5px;
  }
  .codex-chat .chaticon-list > li:nth-child(n+2) {
    -webkit-margin-start: 5px;
            margin-inline-start: 5px;
  }
  .codex-chat .chaticon-list > li svg {
    width: auto;
    height: 16px;
  }
  .codex-chat .media .userimg-wrap {
    width: 30px;
    height: 30px;
  }
  .codex-chat .media .media-body h6 {
    font-size: 14px;
  }
  .codex-chat .media .media-body p {
    font-size: 12px;
  }
  .codex-chat .media .caht-status .time-status {
    font-size: 12px;
  }
  .codex-chat .chat-body .media {
    padding: 15px;
  }
  .codex-chat .chat-body .userchat-msgbox {
    padding: 15px 15px 0 15px;
  }
  .codex-chat .chat-body .userchat-msgbox .user-msgbox, .codex-chat .chat-body .userchat-msgbox .admin-msgbox {
    max-width: 100%;
  }
  .codex-chat .chat-body .userchat-msgbox .user-msgbox .msg-seen, .codex-chat .chat-body .userchat-msgbox .admin-msgbox .msg-seen {
    font-size: 12px;
    -webkit-margin-before: 5px;
            margin-block-start: 5px;
  }
  .codex-chat .chat-body .userchat-msgbox .user-msgbox .msg-seen svg, .codex-chat .chat-body .userchat-msgbox .admin-msgbox .msg-seen svg {
    width: 14px;
  }
  .codex-chat .chat-body .userchat-msgbox .user-msgbox .chat-contain p, .codex-chat .chat-body .userchat-msgbox .admin-msgbox .chat-contain p {
    font-size: 12px;
    padding: 6px 8px;
  }
  .codex-chat .chat-body .userchat-typebox {
    padding: 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .codex-chat .chat-body .userchat-typebox .btn {
    background-color: transparent !important;
    color: var(--theme-primary) !important;
    padding: 0;
  }
  .codex-chat .chat-body .userchat-typebox .btn.ml_10 {
    -webkit-margin-start: 5px !important;
            margin-inline-start: 5px !important;
  }
  .codex-chat .chat-body .userchat-typebox .btn i {
    color: var(--theme-primary);
  }
  .codex-chat .chat-body .userchat-typebox .form-control {
    height: 34px;
    padding: 0 8px;
    font-size: 12px;
    -webkit-margin-end: 8px;
            margin-inline-end: 8px;
  }

  /* email app */
  .email-body .mailreact-list li > a {
    padding: 5px 7px;
  }
  .email-body .mailreact-list li > a svg {
    height: 12px;
  }
  .email-body .mailreact-list li .custom-check-input {
    width: 22px;
    height: 22px;
  }
  .email-body .mailreact-list li .custom-check-input .custom-input-label {
    width: 22px;
    height: 22px;
  }
  .email-body .mailreact-list li .input-group .input-group-text {
    padding: 5px 7px;
  }
  .email-body .mailreact-list li .input-group .input-group-text svg {
    height: 14px;
  }
  .email-body .cdxapp-toggle i {
    font-size: 20px;
  }
  .email-body .seen-body .email-post li img {
    height: 40px;
  }
  .email-body .seen-body .email-post li:nth-child(n+2) {
    -webkit-margin-start: 10px;
            margin-inline-start: 10px;
  }
  .email-body .seen-footer .btn {
    padding: 5px 10px;
    font-size: 14px;
  }
  .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 .cdxapp-toggle {
    position: absolute;
    top: 15px;
    right: 15px;
  }
  .email-body .seen-header .emailseen-setting {
    -webkit-margin-before: 10px;
            margin-block-start: 10px;
  }

  /*user app*/
  .user-card .card-body .user-detailwrap h3 {
    font-size: 16px;
  }
  .user-card .card-body .user-detailwrap ul.codex-soclist li a {
    width: 28px;
    height: 28px;
  }
  .user-card .card-body .user-detailwrap .group-btn {
    -webkit-margin-before: 15px;
            margin-block-start: 15px;
  }
  .user-card .card-body .user-detailwrap .group-btn .btn {
    padding: 5px 10px;
    font-size: 12px;
  }

  .codexedit-profile textarea {
    height: 115px;
  }

  /*cart*/
  .cdxshopping-cart .btn {
    padding: 5px 10px;
    font-size: 12px;
  }

  /*product*/
  .product-filter {
    width: calc(100% - 16px);
  }

  .grid-wrap-header {
    display: block;
  }
  .grid-wrap-header .cdxapp-toggle {
    position: absolute;
    top: 15px;
    right: 15px;
  }
  .grid-wrap-header .product-search {
    -webkit-margin-after: 10px;
            margin-block-end: 10px;
    width: 75%;
  }

  /*contact*/
  .faq-searchwrap .card-body h1 {
    font-size: 18px;
  }

  /*invoice*/
  .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 var(--input-border);
    -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;
  }

  /*error*/
  .codex-errorwrapp h1 {
    font-size: 22px;
    -webkit-margin-before: 20px;
            margin-block-start: 20px;
  }
  .codex-errorwrapp p {
    font-size: 14px;
  }
  .codex-errorwrapp .btn {
    -webkit-margin-before: 15px;
            margin-block-start: 15px;
  }

  /*authentication*/
  .codex-login .cdx-overlay h1 {
    font-size: 26px;
  }
  .codex-login .cdx-overlay p {
    font-size: 14px;
  }

  /*coming soon */
  .codex-comingsoon .comingsoon-contain h1 {
    font-size: 30px;
  }
  .codex-comingsoon .comingsoon-contain p {
    font-size: 16px;
    width: 100%;
  }
  .codex-comingsoon .comingsoon-contain .coming-counter .coming-box {
    min-width: 72px;
    min-height: 80px;
  }
  .codex-comingsoon .comingsoon-contain .coming-counter .coming-box h2 {
    font-size: 22px;
  }
  .codex-comingsoon .comingsoon-contain .coming-counter .coming-box h3 {
    font-size: 14px;
  }
  .codex-comingsoon .comingsoon-contain .coming-counter .coming-box + .coming-box {
    -webkit-margin-start: 5px;
            margin-inline-start: 5px;
  }
}
@media screen and (max-width: 420px) {
  /*dashboard*/
  .animated-shap .vactor-animated {
    display: none;
  }

  /*user app */
  .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: 5px;
            margin-block-start: 5px;
  }
  .cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group .add-comment svg {
    width: auto;
    height: 20px;
  }

  /*product*/
  .product-detail-page .product-detail-tab .nav-tabs {
    display: block;
  }
  .product-detail-page .product-detail-tab .nav-tabs li {
    width: 100%;
  }
  .product-detail-page .product-detail-tab .nav-tabs li + li {
    -webkit-margin-start: unset;
            margin-inline-start: unset;
  }

  /*blog*/
  .blgcomment-list li .media {
    display: block;
  }
  .blgcomment-list li .media img {
    -webkit-margin-after: 10px;
            margin-block-end: 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: unset;
            padding-inline-start: unset;
  }

  .blogdetail-wrrapper .blogsoc-list li a {
    display: block;
    font-size: 12px;
  }
  .blogdetail-wrrapper .blogsoc-list li a svg {
    display: block;
    -webkit-margin-start: auto;
            margin-inline-start: auto;
    -webkit-margin-end: auto;
            margin-inline-end: auto;
  }

  /*authentication*/
  .codex-authmain .codex-authbox.auth-emailverify .auth-pin .form-control {
    padding: 0;
    width: 100%;
    height: 40px;
    text-align: center;
  }
  .codex-authmain .codex-authbox.auth-emailverify .auth-pin .form-control:nth-child(n+2) {
    -webkit-margin-start: 5px;
            margin-inline-start: 5px;
  }

  /*landing */
  .lan-features .features-grid h6 {
    font-size: 14px;
  }

  .cdxlan-home .mian-contain p {
    -webkit-margin-after: 15px;
            margin-block-end: 15px;
  }
  .cdxlan-home .mian-contain .features-lsit li {
    width: 35px;
    height: 35px;
  }
  .cdxlan-home .mian-contain .group-btn .btn {
    font-size: 14px;
  }

  .lan-support .group-btn {
    -webkit-margin-after: -5px;
            margin-block-end: -5px;
  }
  .lan-support .group-btn .btn {
    -webkit-margin-after: 10px;
            margin-block-end: 10px;
  }
  .lan-support .group-btn .btn + .btn {
    -webkit-margin-start: 10px;
            margin-inline-start: 10px;
  }
}
@media screen and (max-width: 360px) {
  /* user app */
  .cdxuser-profile .post-list .post-contain .post-detail .post-react li a {
    font-size: 0;
  }

  /*landing*/
  .features-row > div {
    width: 100%;
  }

  .lan-dashboard .cdx-tab {
    display: block;
    text-align: center;
  }
  .lan-dashboard .cdx-tab li {
    display: inline-block;
    -webkit-margin-after: 10px;
            margin-block-end: 10px;
  }
}
/*******************
  RESPONSVIE END
********************/
/************************
 40 HORIZONTAL LAYOUT START
*************************/
@media screen and (min-width: 1200px) {
  .sidebar-type-horizontal {
    /*common*/
    /*dashbaord*/
    /*sidebar*/
    /*header*/
    /*menu*/
    /*foooter*/
  }
  .sidebar-type-horizontal .themebody-wrap {
    -webkit-margin-before: unset;
            margin-block-start: unset;
    -webkit-margin-start: unset;
            margin-inline-start: unset;
  }
  .sidebar-type-horizontal .custom-container {
    max-width: 1600px;
    -webkit-margin-start: auto;
            margin-inline-start: auto;
    -webkit-margin-end: auto;
            margin-inline-end: auto;
  }
  .sidebar-type-horizontal .cdxnav {
    z-index: 4;
  }
  .sidebar-type-horizontal .project-status .media {
    -webkit-margin-before: 15px;
            margin-block-start: 15px;
  }
  .sidebar-type-horizontal .codex-sidebar {
    width: 100%;
    height: auto;
    top: 67px;
    position: unset;
  }
  .sidebar-type-horizontal .codex-sidebar .logo-gridwrap {
    display: none;
  }
  .sidebar-type-horizontal .codex-sidebar .codex-menu {
    height: auto;
  }
  .sidebar-type-horizontal .codex-sidebar .codex-menu .cdxmenu-title {
    display: none;
  }
  .sidebar-type-horizontal .codex-sidebar .codex-menu .menu-item {
    display: inline-block;
  }
  .sidebar-type-horizontal .codex-sidebar .codex-menu .menu-item > a > i.fa {
    -webkit-margin-start: 20px;
            margin-inline-start: 20px;
  }
  .sidebar-type-horizontal .codex-sidebar .codex-menu .menu-item:hover > a {
    z-index: 999;
  }
  .sidebar-type-horizontal .codex-sidebar .mCSB_container {
    height: auto;
  }
  .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper {
    max-width: 100%;
    -webkit-margin-start: auto;
            margin-inline-start: auto;
    -webkit-margin-end: auto;
            margin-inline-end: auto;
    overflow: hidden;
  }
  .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .codex-menu {
    overflow: hidden !important;
    -ms-overflow-style: -ms-autohiding-scrollbar !important;
    -webkit-overflow-scrolling: touch !important;
    white-space: nowrap;
    position: relative;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-padding-start: 0;
            padding-inline-start: 0;
    -webkit-padding-end: 0;
            padding-inline-end: 0;
    margin: 0;
    padding: 0;
  }
  .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .codex-menu::-webkit-scrollbar {
    display: none;
  }
  .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .codex-menu .menu-item > a {
    padding: 20px 15px;
  }
  .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-prev, .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-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;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-color: var(--theme-primary);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1;
  }
  .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-prev i, .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-next i {
    color: var(--white-color);
    font-size: 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-prev svg, .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-next svg {
    fill: var(--theme-primary);
    font-size: 20px;
    width: 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-prev:focus, .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-prev:hover, .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-next:focus, .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-next:hover {
    -webkit-box-shadow: inset 0 0 0 2em var(--theme-primary);
    box-shadow: inset 0 0 0 2em var(--theme-primary);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-prev:focus i, .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-prev:hover i, .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-next:focus i, .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-next:hover i {
    color: var(--white-color);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-prev:focus svg, .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-prev:hover svg, .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-next:focus svg, .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-next:hover svg {
    fill: var(--white-color);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-prev {
    inset-inline-start: 20px;
    cursor: pointer;
  }
  .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-next {
    inset-inline-end: 20px;
    cursor: pointer;
  }
  .sidebar-type-horizontal .codex-header {
    width: 100%;
    -webkit-margin-start: unset;
            margin-inline-start: unset;
    position: unset;
  }
  .sidebar-type-horizontal .codex-header .header-left {
    width: 50%;
    -webkit-padding-start: unset;
            padding-inline-start: unset;
  }
  .sidebar-type-horizontal .codex-header .header-left .logo-gridwrap {
    display: block;
    -webkit-margin-end: 15px;
            margin-inline-end: 15px;
  }
  .sidebar-type-horizontal .codex-header .header-left .codexdark-logo {
    display: none;
  }
  .sidebar-type-horizontal .codex-header .header-left .sidebar-action {
    display: none;
  }
  .sidebar-type-horizontal .codex-menu li .submenu-list, .sidebar-type-horizontal .codex-menu li .secondsubmenu-list {
    display: block !important;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    background-color: var(--theme-primary);
    -webkit-padding-before: 15px;
            padding-block-start: 15px;
    -webkit-padding-after: 15px;
            padding-block-end: 15px;
    -webkit-padding-start: 5px;
            padding-inline-start: 5px;
    -webkit-padding-end: 5px;
            padding-inline-end: 5px;
    z-index: 999999;
  }
  .sidebar-type-horizontal .codex-menu li .submenu-list a, .sidebar-type-horizontal .codex-menu li .secondsubmenu-list a {
    padding: 3px 15px;
    font-size: 14px;
  }
  .sidebar-type-horizontal .codex-menu li.active > a:after {
    display: block !important;
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: currentColor;
    top: 50%;
    inset-inline-start: 5px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-animation: blink 2.5s linear infinite;
            animation: blink 2.5s linear infinite;
    opacity: 0;
  }
  .sidebar-type-horizontal .codex-menu .submenu-list {
    -webkit-padding-start: unset;
            padding-inline-start: unset;
    top: 120px;
  }
  .sidebar-type-horizontal .codex-menu .menu-item:hover .submenu-list {
    visibility: visible;
    opacity: 1;
  }
  .sidebar-type-horizontal .codex-footer {
    -webkit-margin-start: unset;
            margin-inline-start: unset;
    width: 100%;
  }
}
@media (min-width: 1200px) and (max-width: 1365px) {
  .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-prev, .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-next {
    top: 5px;
    height: calc(100% - 10px);
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-prev {
    inset-inline-start: 0;
  }
  .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper .nav-next {
    inset-inline-end: 0;
  }
}
@media screen and (min-width: 1366px) {
  .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper {
    max-width: 1280px;
  }
  .sidebar-type-horizontal .codex-sidebar .nav-prev, .sidebar-type-horizontal .codex-sidebar .nav-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-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;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-color: var(--theme-primary);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    z-index: 1;
  }
  .sidebar-type-horizontal .codex-sidebar .nav-prev i, .sidebar-type-horizontal .codex-sidebar .nav-next i {
    color: var(--white-color);
    font-size: 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .sidebar-type-horizontal .codex-sidebar .nav-prev svg, .sidebar-type-horizontal .codex-sidebar .nav-next svg {
    fill: var(--theme-primary);
    font-size: 20px;
    width: 20px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .sidebar-type-horizontal .codex-sidebar .nav-prev:focus, .sidebar-type-horizontal .codex-sidebar .nav-prev:hover, .sidebar-type-horizontal .codex-sidebar .nav-next:focus, .sidebar-type-horizontal .codex-sidebar .nav-next:hover {
    -webkit-box-shadow: inset 0 0 0 2em var(--theme-primary);
    box-shadow: inset 0 0 0 2em var(--theme-primary);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .sidebar-type-horizontal .codex-sidebar .nav-prev:focus i, .sidebar-type-horizontal .codex-sidebar .nav-prev:hover i, .sidebar-type-horizontal .codex-sidebar .nav-next:focus i, .sidebar-type-horizontal .codex-sidebar .nav-next:hover i {
    color: var(--white-color);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .sidebar-type-horizontal .codex-sidebar .nav-prev:focus svg, .sidebar-type-horizontal .codex-sidebar .nav-prev:hover svg, .sidebar-type-horizontal .codex-sidebar .nav-next:focus svg, .sidebar-type-horizontal .codex-sidebar .nav-next:hover svg {
    fill: var(--white-color);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .sidebar-type-horizontal .codex-sidebar .nav-prev {
    inset-inline-start: 20px;
    cursor: pointer;
  }
  .sidebar-type-horizontal .codex-sidebar .nav-next {
    inset-inline-end: 20px;
    cursor: pointer;
  }
}
@media screen and (min-width: 1440px) {
  .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper {
    max-width: 1350px;
  }
}
@media screen and (min-width: 1600px) {
  .sidebar-type-horizontal .codex-sidebar .codex-menuwrapper {
    max-width: 1580px;
  }
}
@media screen and (max-width: 1440px) {
  .sidebar-type-horizontal {
    /*dashboard*/
  }
  .sidebar-type-horizontal .welcome-card .card-header {
    height: 150px;
  }
  .sidebar-type-horizontal .project-status .media {
    -webkit-margin-before: 20px;
            margin-block-start: 20px;
  }
  .sidebar-type-horizontal .project-status .media .media-body {
    margin: unset;
  }
  .sidebar-type-horizontal .dash-chat .dash-chatbox ul.chating-list {
    height: 308px;
  }
}
/***********************
  HORIZONTAL LAYOUT END
*************************/
/******************
 41 RTL LAYOUT START
********************/
.theme-layout-rtl {
  direction: rtl;
  /*dashboard*/
  /*chat*/
  /*product*/
  /*chekout*/
  /*pricing*/
  /*authentication*/
  /*table*/
  /*button*/
  /*accordion*/
}
.theme-layout-rtl .theme_cutomizer .customizer-body .customizer-title .removeFilter {
  float: left;
}
.theme-layout-rtl .breadcrumb-item + .breadcrumb-item::before {
  float: right;
}
.theme-layout-rtl .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .theme-layout-rtl .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.theme-layout-rtl .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .theme-layout-rtl .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.theme-layout-rtl .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu), .theme-layout-rtl .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3) {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.theme-layout-rtl .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  -webkit-margin-start: unset;
          margin-inline-start: unset;
  -webkit-margin-end: -1px;
          margin-inline-end: -1px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.theme-layout-rtl .slick-slider {
  direction: ltr;
}
.theme-layout-rtl .apexcharts-canvas {
  direction: ltr;
}
.theme-layout-rtl .ecompro-slide .slick-next {
  left: unset;
}
.theme-layout-rtl .common-dash tr th:last-child, .theme-layout-rtl .common-dash tr th:last-child, .theme-layout-rtl .common-dash tr td:last-child, .theme-layout-rtl .common-dash tr td:last-child {
  text-align: left;
}
.theme-layout-rtl .animated-shap h3 span {
  -webkit-margin-start: unset;
          margin-inline-start: unset;
  -webkit-margin-end: 5px;
          margin-inline-end: 5px;
}
.theme-layout-rtl .visitor-performance .apexcharts-legend {
  right: unset !important;
  left: 20px !important;
}
.theme-layout-rtl .visitor-performance .apexcharts-legend-marker {
  -webkit-margin-start: 3px;
          margin-inline-start: 3px;
  -webkit-margin-end: unset;
          margin-inline-end: unset;
}
.theme-layout-rtl .sale-categorychart .category-count {
  -webkit-margin-end: unset;
          margin-inline-end: unset;
}
.theme-layout-rtl .sale-categorychart .apexcharts-legend .apexcharts-legend-series {
  direction: ltr;
}
.theme-layout-rtl .project-status .media .media-body {
  text-align: left;
}
.theme-layout-rtl .codex-chat .chat-body {
  border-radius: 5px 0 0 5px;
}
.theme-layout-rtl .codex-chat .chat-sidebar {
  border-radius: 0 5px 5px 0;
  border-left: 1px solid var(--input-border);
  border-right: unset;
}
.theme-layout-rtl .list-view-page .col-md-4 .product-boxwrap .product-detailwrap {
  text-align: right;
}
.theme-layout-rtl .product-detail-page .product-card .detail-group .product-share .share-iconlist {
  left: 0;
  right: unset;
}
.theme-layout-rtl .chekout-tbl tr td {
  text-align: left;
}
.theme-layout-rtl .codex-pricingadvance .cdxprice-list li {
  direction: ltr;
}
.theme-layout-rtl .codex-authmain .codex-authbox .auth-remember .f-pwd {
  float: left;
}
.theme-layout-rtl .codex-login div.eyes {
  direction: ltr;
}
.theme-layout-rtl .codex-login .group-form .f-pwd {
  float: left;
}
.theme-layout-rtl .codex-login .cdx-overlay {
  right: -100%;
}
.theme-layout-rtl .codex-login .overlay-left {
  -webkit-transform: translateX(20%);
          transform: translateX(20%);
}
.theme-layout-rtl .codex-login .overlay-right {
  left: 0;
  right: unset;
}
.theme-layout-rtl .codex-login .codex-authbox.cdxright-panel .cdx-overlay {
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.theme-layout-rtl .codex-login .codex-authbox.cdxright-panel .overlay-left {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
.theme-layout-rtl .codex-login .codex-authbox.cdxright-panel .overlay-right {
  -webkit-transform: translateX(-20%);
          transform: translateX(-20%);
}
.theme-layout-rtl .dataTables_wrapper .dataTables_filter input {
  -webkit-margin-end: 3px;
          margin-inline-end: 3px;
  -webkit-margin-start: unset;
          margin-inline-start: unset;
}
.theme-layout-rtl .alert-dismissible .btn-close {
  left: 0;
  right: unset;
}
.theme-layout-rtl .btn-group > .btn:nth-child(n+3), .theme-layout-rtl .btn-group > :not(.btn-check) + .btn, .theme-layout-rtl .btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.theme-layout-rtl .accordion-button::after {
  -webkit-margin-end: auto;
          margin-inline-end: auto;
  -webkit-margin-start: unset;
          margin-inline-start: unset;
}

@media screen and (max-width: 1199px) {
  .theme-layout-rtl .cdxapp-sidebar {
    right: 0;
    left: unset;
  }
}
@media screen and (max-width: 767px) {
  .theme-layout-rtl {
    /*login*/
  }
  .theme-layout-rtl .codex-chat .chat-sidebar {
    border-radius: 5px;
  }
  .theme-layout-rtl .email-body .mailreact-list li .input-group .input-group-text {
    border-radius: 5px !important;
  }
  .theme-layout-rtl .codex-login .cdx-overlay {
    right: 0;
  }
  .theme-layout-rtl .codex-login .overlay-left {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  .theme-layout-rtl .codex-login .codex-authbox.cdxright-panel .overlay-right {
    -webkit-transform: translateX(0%) translateY(-100%);
            transform: translateX(0%) translateY(-100%);
  }
  .theme-layout-rtl .codex-login .codex-authbox.cdxright-panel .overlay-left {
    -webkit-transform: translateX(0%) translateY(0%);
            transform: translateX(0%) translateY(0%);
  }
  .theme-layout-rtl .codex-login .codex-authbox.cdxright-panel .cdx-overlay {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@media screen and (max-width: 480px) {
  .theme-layout-rtl .grid-wrap-header .cdxapp-toggle {
    left: 15px;
    right: unset;
  }
}
/******************
  RTL LAYOUT END
********************/
/*****************
 42 DARK LAYOUT START
******************/
.theme-mode-dark {
  background-color: var(--dark-body);
  color: var(--dark-font);
  /*commmon*/
  /*loader*/
  /*card*/
  /*footer*/
  /*sidebar*/
  /*header*/
  /*breadcrumb*/
  /*table*/
  /*form*/
  /*theme modal*/
  /*apex chart*/
  /*dashbpards*/
  /*calendar*/
  /*chat*/
  /*todo*/
  /*email*/
  /*user*/
  /*ecommerce*/
  /*card*/
  /*checkout*/
  /*pricing*/
  /*invoice*/
  /*contact*/
  /*faq*/
  /*authentication*/
  /*blog*/
  /*data tables*/
  /*accordion*/
  /*pagination*/
  /*icons*/
  /****element****/
  /*theme customizer*/
  /*landing*/
}
.theme-mode-dark code {
  color: var(--dark-small-font);
}
.theme-mode-dark .common-dash tr th {
  color: var(--dark-font);
}
.theme-mode-dark .common-dash tr td .badge_primary {
  background-color: rgba(var(--white-color-rgb), 0.1) !important;
  color: var(--dark-font) !important;
}
.theme-mode-dark .common-dash tr:hover td .badge_primary {
  background-color: var(--theme-primary) !important;
}
.theme-mode-dark .common-dash .badge_primary {
  background-color: rgba(var(--white-color-rgb), 0.1) !important;
  color: var(--dark-font) !important;
}
.theme-mode-dark .text_default {
  color: var(--dark-font) !important;
}
.theme-mode-dark .badge_primary {
  background-color: rgba(var(--white-color-rgb), 0.1) !important;
  color: var(--dark-font) !important;
}
.theme-mode-dark .badge_rounded_primary {
  border-color: rgba(var(--white-color-rgb), 0.1) !important;
  color: var(--dark-font) !important;
}
.theme-mode-dark .action-menu .action-toggle {
  color: var(--dark-font);
}
.theme-mode-dark ul.codex-soclist li a {
  background-color: rgba(var(--white-color-rgb), 0.1);
  color: var(--dark-font);
}
.theme-mode-dark ul.codex-soclist li:hover a {
  background-color: var(--theme-primary);
}
.theme-mode-dark .arrow_style1 .slick-prev:before, .theme-mode-dark .arrow_style1 .slick-next:before {
  color: var(--dark-font);
}
.theme-mode-dark .codex-loader {
  background-color: var(--dark-card);
}
.theme-mode-dark .card {
  background-color: var(--dark-card);
}
.theme-mode-dark .card .card-header h4 {
  color: rgba(var(--white-color-rgb), 0.8);
}
.theme-mode-dark .card .card-header p a {
  color: var(--dark-small-font);
}
.theme-mode-dark .card .setting-card .codeCopy {
  color: var(--dark-font);
}
.theme-mode-dark .codex-footer {
  background-color: var(--dark-card);
}
.theme-mode-dark .codex-sidebar {
  background-color: var(--dark-card);
  border-right: 1px solid var(--dark-border);
}
.theme-mode-dark .codex-sidebar .logo-gridwrap {
  border-color: var(--dark-border);
}
.theme-mode-dark .codex-sidebar .codexbrand-logo {
  display: none;
}
.theme-mode-dark .codex-sidebar .codex-darklogo {
  display: block;
}
.theme-mode-dark .action-switch .action-handle:before {
  background-color: var(--extradark-card);
}
.theme-mode-dark .header-menu .cdxaction-menu {
  background-color: rgba(var(--white-color-rgb), 0.1);
  color: var(--dark-font);
}
.theme-mode-dark .codex-header {
  background-color: var(--dark-card);
  border-color: var(--dark-border);
}
.theme-mode-dark .codex-header .header-right .nav-iconlist .action-menu .drop-header {
  color: var(--dark-font);
}
.theme-mode-dark .codex-header .header-right .nav-iconlist .action-menu .action-dropdown {
  background-color: var(--dark-card);
}
.theme-mode-dark .codex-header .header-right .nav-iconlist .action-menu .action-dropdown ul li:nth-child(n+2) {
  border-color: var(--dark-border);
}
.theme-mode-dark .codex-header .header-right .nav-iconlist > li .action-toggle {
  background-color: rgba(var(--white-color-rgb), 0.1);
}
.theme-mode-dark .codex-header .header-right .nav-iconlist > li .action-toggle i {
  color: var(--dark-font);
}
.theme-mode-dark .codex-header .header-right .nav-iconlist > li .action-toggle:hover {
  background-color: var(--theme-primary);
}
.theme-mode-dark .codex-header .header-right .desk-search {
  background-color: rgba(var(--white-color-rgb), 0.04);
}
.theme-mode-dark .codex-header .header-left .codexbrand-logo {
  display: none;
}
.theme-mode-dark .codex-menu {
  background-color: var(--dark-card);
}
.theme-mode-dark .codex-menu li a {
  color: var(--dark-font);
}
.theme-mode-dark .codex-menu li a:hover {
  background-color: var(--theme-primary);
}
.theme-mode-dark .codex-menu .submenu-list a {
  color: var(--dark-small-font);
}
.theme-mode-dark .codex-menu .submenu-list a:hover {
  background-color: rgba(var(--white-color-rgb), 0.2);
}
.theme-mode-dark .header-menu ul.menu-list, .theme-mode-dark .header-menu ul.sub-list {
  background-color: var(--extradark-card);
  border-color: var(--dark-border);
}
.theme-mode-dark .header-menu ul.menu-list li a, .theme-mode-dark .header-menu ul.sub-list li a {
  color: var(--dark-font);
}
.theme-mode-dark .codex-breadcrumb {
  background-color: var(--dark-card);
}
.theme-mode-dark .codex-breadcrumb h3 {
  color: var(--dark-font);
}
.theme-mode-dark .codex-breadcrumb .breadcrumb li a {
  color: var(--dark-font);
}
.theme-mode-dark .codex-breadcrumb .breadcrumb-contain .left-breadcrumb .breadcrumb li a {
  color: var(--dark-font);
}
.theme-mode-dark .codex-breadcrumb .breadcrumb-contain .left-breadcrumb .breadcrumb li a h1 {
  color: var(--dark-font);
}
.theme-mode-dark .codex-breadcrumb .breadcrumb-contain .right-breadcrumb ul li {
  background-color: rgba(var(--white-color-rgb), 0.1);
  color: var(--dark-font);
}
.theme-mode-dark .table {
  color: var(--dark-font);
}
.theme-mode-dark thead, .theme-mode-dark tbody, .theme-mode-dark tfoot, .theme-mode-dark tr, .theme-mode-dark td, .theme-mode-dark th {
  border-color: var(--dark-border);
}
.theme-mode-dark .cdxshopping-cart .cart-tbl th {
  color: var(--dark-font) !important;
}
.theme-mode-dark .input-group-text {
  border-color: var(--dark-border);
  background-color: var(--extradark-card);
}
.theme-mode-dark .form-control {
  background-color: var(--dark-card);
  border-color: var(--dark-border);
  color: var(--dark-small-font);
}
.theme-mode-dark .custom-check-input .custom-input-label {
  background-color: var(--dark-card);
  border-color: var(--dark-border);
}
.theme-mode-dark .cke_top {
  background-color: var(--dark-card);
  border-color: var(--dark-border);
}
.theme-mode-dark .cke_bottom {
  background-color: var(--dark-card);
}
.theme-mode-dark .modal-header {
  border-color: var(--dark-border);
}
.theme-mode-dark .modal-content {
  background-color: var(--dark-card);
  border-color: var(--dark-border);
}
.theme-mode-dark .modal-footer {
  border-color: var(--dark-border);
}
.theme-mode-dark .apexcharts-canvas svg .apexcharts-yaxis .apexcharts-yaxis-texts-g .apexcharts-yaxis-label {
  fill: var(--dark-font);
}
.theme-mode-dark .apexcharts-canvas line {
  stroke: var(--dark-border);
}
.theme-mode-dark .apexcharts-legend-text {
  color: var(--dark-font) !important;
}
.theme-mode-dark .action-menu .action-dropdown {
  background-color: var(--extradark-card);
  -webkit-box-shadow: 0 0 4px var(--dark-border);
          box-shadow: 0 0 4px var(--dark-border);
}
.theme-mode-dark .action-menu .action-dropdown li a, .theme-mode-dark .action-menu .action-dropdown li button, .theme-mode-dark .action-menu .action-dropdown li .btn {
  color: var(--dark-small-font);
}
.theme-mode-dark .common-dash tr td {
  border-color: var(--dark-border);
}
.theme-mode-dark .common-dash .table > :not(:last-child) > :last-child > * {
  border-color: var(--dark-border);
}
.theme-mode-dark .ecom-product .detail-wrap .product-color li {
  border-color: var(--dark-card);
}
.theme-mode-dark .ecom-product .detail-wrap .rating-detail .btn {
  background-color: var(--extradark-card);
  color: var(--dark-font);
}
.theme-mode-dark .dash-chat .dash-chatbox ul.chating-list {
  background-color: var(--dark-body);
}
.theme-mode-dark .dash-chat .dash-chatbox ul.chating-list li .user-msgbox .media p, .theme-mode-dark .dash-chat .dash-chatbox ul.chating-list li .admin-msgbox .media p {
  background-color: var(--dark-card);
}
.theme-mode-dark .top-sellintbl h6 {
  color: var(--dark-font);
}
.theme-mode-dark .ecom-product .detail-wrap h5 {
  color: var(--dark-font);
}
.theme-mode-dark .payment-method ul li a {
  border-color: var(--dark-border);
}
.theme-mode-dark .support-inboxtbl h6 {
  color: var(--dark-font);
}
.theme-mode-dark .payment-method ul li a {
  color: var(--dark-font);
}
.theme-mode-dark .codex-calendar table {
  border-color: var(--dark-border);
}
.theme-mode-dark .codex-calendar table thead .fc-col-header-cell {
  border-color: var(--dark-border);
}
.theme-mode-dark .codex-calendar .fc-theme-standard td, .theme-mode-dark .codex-calendar .fc-theme-standard th {
  border-color: var(--dark-border);
}
.theme-mode-dark .codex-calendar .fc .fc-col-header-cell-cushion {
  color: var(--dark-small-font);
}
.theme-mode-dark .codex-calendar .fc .fc-toolbar-title {
  color: var(--dark-small-font);
}
.theme-mode-dark .codex-calendar .fc .fc-daygrid-day-number {
  color: var(--dark-small-font);
}
.theme-mode-dark .codex-calendar .fc .fc-daygrid-more-link {
  color: var(--dark-small-font);
}
.theme-mode-dark .codex-calendar .fc-direction-ltr .fc-daygrid-event.fc-event-end, .theme-mode-dark .codex-calendar .fc-direction-rtl .fc-daygrid-event.fc-event-start {
  color: var(--dark-small-font);
}
.theme-mode-dark .codex-chat .chat-sidebar {
  background-color: var(--dark-card);
  border-color: var(--dark-border);
}
.theme-mode-dark .codex-chat .chat-sidebar .input-group {
  border-color: var(--dark-border);
}
.theme-mode-dark .codex-chat .chat-sidebar ul.user-caht-list li:nth-child(n+2) {
  border-color: var(--dark-border);
}
.theme-mode-dark .codex-chat .chat-body {
  background-color: var(--dark-card);
}
.theme-mode-dark .codex-chat .chat-body .userchat-msgbox {
  background-color: var(--dark-body);
  border-color: var(--dark-card);
}
.theme-mode-dark .codex-chat .chat-body .userchat-msgbox .user-msgbox .chat-contain p, .theme-mode-dark .codex-chat .chat-body .userchat-msgbox .admin-msgbox .chat-contain p {
  background-color: var(--dark-card);
}
.theme-mode-dark .codex-chat .chat-body .userchat-msgbox .admin-msgbox .user-message .send-details p {
  background-color: var(--dark-card);
}
.theme-mode-dark .codex-chat .chaticon-list > li > a {
  color: var(--dark-font);
}
.theme-mode-dark .codex-chat .action-menu .action-toggle {
  color: var(--dark-font);
}
.theme-mode-dark .todo-list li {
  border-color: var(--dark-border);
}
.theme-mode-dark .todo-list li .item-contain .todo-contian .todo-num {
  color: var(--dark-font);
}
.theme-mode-dark .email-sidebar ul.sidebarmenu-list a.menu-item {
  border-color: var(--dark-border);
  color: var(--dark-font);
}
.theme-mode-dark .email-body .seen-header {
  border-color: var(--dark-border);
}
.theme-mode-dark .email-body .seen-footer {
  border-color: var(--dark-border);
}
.theme-mode-dark .email-body .nav-tabs li .btn {
  color: var(--dark-font);
}
.theme-mode-dark .email-body .email-header {
  border-color: var(--dark-border);
}
.theme-mode-dark .email-body .nav-tabs {
  border-color: var(--dark-border);
}
.theme-mode-dark .email-body .mail-list li {
  border-color: var(--dark-border);
}
.theme-mode-dark .email-body .seen-header .emailseen-setting > li i {
  color: var(--dark-font);
}
.theme-mode-dark .cdxuser-profile .post-list .post-contain {
  background-color: var(--dark-card);
}
.theme-mode-dark .cdxuser-profile .post-list .post-contain .post-detail .post-react {
  border-color: var(--dark-border);
}
.theme-mode-dark .cdxuser-profile .post-list .post-contain .post-detail .post-react li a {
  background-color: var(--extradark-card);
  color: var(--dark-font);
}
.theme-mode-dark .cdxuser-profile .post-list .post-contain .post-detail .addpost-comment {
  border-color: var(--dark-border);
}
.theme-mode-dark .cdxuser-profile .post-list .post-contain .post-detail .addpost-comment .input-group {
  background-color: rgba(var(--white-color-rgb), 0.1);
}
.theme-mode-dark .product-filter .filter-title {
  border-color: var(--dark-border);
}
.theme-mode-dark .top-product .product-imgwrap {
  border-color: var(--dark-border);
}
.theme-mode-dark .product-boxwrap {
  background-color: var(--dark-card);
}
.theme-mode-dark .product-boxwrap .product-detailwrap h5 {
  color: var(--dark-font);
}
.theme-mode-dark .product-filter .card {
  border-color: var(--dark-border);
}
.theme-mode-dark .product-detail-page .product-card {
  background-color: var(--dark-card);
}
.theme-mode-dark .product-detail-page .product-card .detail-group {
  border-color: var(--dark-border);
}
.theme-mode-dark .product-detail-page .product-card .detail-group .product-share .share-iconlist {
  background-color: var(--extradark-card);
}
.theme-mode-dark .product-detail-page .product-card .detail-group .product-size li {
  border-color: var(--dark-border);
}
.theme-mode-dark .product-detail-page .product-card .detail-group .product-size li a {
  color: var(--dark-small-font);
}
.theme-mode-dark .nav-tabs {
  border-color: var(--dark-border);
}
.theme-mode-dark .product-detail-page .product-detail-tab .nav-tabs li a {
  color: var(--dark-font);
}
.theme-mode-dark .product-detail-page .product-detail-tab .tab-content ul.review-list > li {
  border-color: var(--dark-border);
}
.theme-mode-dark .product-detail-page .product-detail-tab .tab-content ul.review-list > li h5 {
  color: var(--dark-font);
}
.theme-mode-dark .product-detail-page .product-card .detail-group .product-delivery span i {
  color: var(--dark-font);
}
.theme-mode-dark .sale-revenue .card-body h4 {
  color: var(--dark-font) !important;
}
.theme-mode-dark .sale-revenue .card-body h4 span {
  color: var(--dark-font) !important;
}
.theme-mode-dark .sale-categorychart .category-count h2 {
  color: var(--dark-font);
}
.theme-mode-dark .cdxshopping-cart .cart-tbl th, .theme-mode-dark .cdxshopping-cart .cart-tbl td {
  border-color: var(--dark-border);
}
.theme-mode-dark .cdxshopping-cart th {
  color: var(--dark-font);
}
.theme-mode-dark .checkout-page .payment-detail ul li a {
  border-color: var(--dark-border);
  color: var(--dark-font);
}
.theme-mode-dark .codex-pricingtbl {
  background-color: var(--dark-card);
}
.theme-mode-dark .codex-pricingadvance {
  background-color: var(--dark-card);
}
.theme-mode-dark .codex-pricingtbl .cdxprice-list li {
  color: var(--dark-small-font);
}
.theme-mode-dark .codex-pricingtbl .cdxprice-list li span {
  color: var(--dark-font);
}
.theme-mode-dark .codex-pricingadvance .cdxprice-list li {
  color: var(--dark-small-font);
}
.theme-mode-dark .codex-pricingadvance .cdxprice-list li span {
  color: var(--dark-font);
}
.theme-mode-dark .inner-title {
  color: var(--dark-font);
}
.theme-mode-dark .invoice {
  background-color: var(--dark-card);
}
.theme-mode-dark .invoice table td, .theme-mode-dark .invoice table th {
  border-color: var(--dark-border);
}
.theme-mode-dark .invoice header {
  border-color: var(--dark-border);
}
.theme-mode-dark .cdx-invoice .codex-brand .codexbrand-logo {
  display: none;
}
.theme-mode-dark .cdx-invoice .codex-brand .codexdark-logo {
  display: block;
}
.theme-mode-dark .cdx-invoice .invoice-user .left-user h5 {
  color: var(--dark-font);
}
.theme-mode-dark .cdx-invoice .body-invoice .table tr td {
  border-color: var(--dark-border);
}
.theme-mode-dark .cdx-invoice .footer-invoice .table td {
  border-color: var(--dark-border);
}
.theme-mode-dark .cdx-invoice .footer-invoice .table td:nth-child(2) {
  color: var(--dark-small-font);
}
.theme-mode-dark .contact-searchbar .input-group .input-group-text {
  background-color: var(--dark-card);
}
.theme-mode-dark .contact-card .text_primary {
  color: var(--dark-font) !important;
}
.theme-mode-dark .contact-card .media {
  background-color: var(--extradark-card);
}
.theme-mode-dark .contact-card .info-list li {
  color: var(--dark-small-font);
}
.theme-mode-dark .contact-card .info-list li span {
  color: var(--dark-font);
}
.theme-mode-dark .contact-card .user-action {
  border-color: var(--dark-border);
}
.theme-mode-dark .codex-accordion .cdx-collapse {
  background-color: var(--dark-card);
  border-color: var(--dark-border) !important;
  color: var(--dark-font);
}
.theme-mode-dark .codex-accordion .accordion-item {
  background-color: var(--dark-card);
  border-color: var(--dark-border) !important;
}
.theme-mode-dark .codex-authmain .codex-authbox {
  background-color: var(--dark-card);
}
.theme-mode-dark .codex-login form {
  background-color: var(--dark-card);
}
.theme-mode-dark .codex-login .codex-authbox {
  background-color: var(--dark-card);
}
.theme-mode-dark .codex-login .codex-authbox .auth-logo .dark-logo {
  display: block;
}
.theme-mode-dark .codex-login .codex-authbox .auth-logo .default-logo {
  display: none;
}
.theme-mode-dark .codex-login .group-form .f-pwd {
  color: var(--dark-small-font);
}
.theme-mode-dark .codex-authmain .codex-authbox .auth-icon {
  background-color: rgba(var(--white-color-rgb), 0.1);
}
.theme-mode-dark .codex-authmain .codex-authbox .auth-icon i {
  color: var(--dark-font);
}
.theme-mode-dark .codex-authmain .codex-authbox h6 {
  color: var(--dark-small-font);
}
.theme-mode-dark .codex-authmain .codex-authbox .text_primary {
  color: var(--dark-small-font) !important;
}
.theme-mode-dark .blog-wrapper .detailwrapper h4 {
  color: var(--dark-font);
}
.theme-mode-dark .blgcomment-list > li:nth-child(n+2) {
  border-color: var(--dark-border);
}
.theme-mode-dark .blgcomment-list li .media .media-body .btn {
  color: var(--dark-font);
  border-color: var(--dark-font);
}
.theme-mode-dark .dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-color: var(--dark-border);
}
.theme-mode-dark .dataTables_wrapper .dataTables_length, .theme-mode-dark .dataTables_wrapper .dataTables_filter, .theme-mode-dark .dataTables_wrapper .dataTables_info, .theme-mode-dark .dataTables_wrapper .dataTables_processing, .theme-mode-dark .dataTables_wrapper .dataTables_paginate {
  color: var(--dark-font);
}
.theme-mode-dark .dataTables_wrapper .dataTables_length select, .theme-mode-dark .dataTables_wrapper .dataTables_length input, .theme-mode-dark .dataTables_wrapper .dataTables_filter select, .theme-mode-dark .dataTables_wrapper .dataTables_filter input {
  color: var(--dark-font);
  border-color: var(--dark-border);
}
.theme-mode-dark .dataTables_wrapper .dataTables_paginate .paginate_button {
  border-color: var(--dark-border);
  color: var(--dark-small-font) !important;
}
.theme-mode-dark table.dataTable {
  border-color: var(--dark-border);
}
.theme-mode-dark table.dataTable thead th {
  border-color: var(--dark-border);
}
.theme-mode-dark table.dataTable tbody tr {
  background-color: var(--dark-card);
}
.theme-mode-dark table.dataTable.stripe tbody tr.odd, .theme-mode-dark table.dataTable.display tbody tr.odd {
  background-color: var(--dark-body);
}
.theme-mode-dark table.dataTable.display tbody tr.odd > .sorting_1 {
  background-color: var(--extradark-card);
}
.theme-mode-dark table.dataTable.display tbody tr.even > .sorting_1 {
  background-color: var(--dark-card);
}
.theme-mode-dark table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: var(--dark-card);
}
.theme-mode-dark table.dataTable.cell-border tbody th, .theme-mode-dark table.dataTable.cell-border tbody td {
  border-color: var(--dark-border) !important;
}
.theme-mode-dark .dropdown-menu {
  background-color: var(--extradark-card);
}
.theme-mode-dark .dropdown-item {
  color: var(--dark-small-font);
}
.theme-mode-dark .dropdown-item:hover, .theme-mode-dark .dropdown-item:focus {
  background-color: var(--theme-primary);
}
.theme-mode-dark .accordion-button {
  background-color: var(--dark-card);
  color: var(--dark-font);
}
.theme-mode-dark .accordion-button:not(.collapsed) {
  border-bottom: 1px solid var(--dark-border);
}
.theme-mode-dark .accordion-item {
  background-color: var(--dark-card);
  border-color: var(--dark-border);
}
.theme-mode-dark .page-link {
  background-color: var(--dark-card);
  color: var(--dark-font);
  border-color: var(--dark-border);
}
.theme-mode-dark .page-item.disabled .page-link {
  background-color: var(--extradark-card);
  border-color: var(--dark-border);
}
.theme-mode-dark ul.iconGroup li {
  border-color: var(--dark-border);
}
.theme-mode-dark ul.iconGroup li i {
  color: var(--dark-small-font);
}
.theme-mode-dark ul.iconGroup li svg {
  color: var(--dark-small-font);
}
.theme-mode-dark .colors-exa .color-option {
  border-color: var(--dark-border);
}
.theme-mode-dark .colors-exa span {
  border-color: var(--dark-border);
}
.theme-mode-dark ul.cdxclass-exa li {
  color: var(--dark-small-font);
}
.theme-mode-dark .alert_primary_outline {
  color: var(--dark-font);
}
.theme-mode-dark .btn.btn_outline_primary {
  color: var(--dark-font);
}
.theme-mode-dark .grid-exa .row > .col span, .theme-mode-dark .grid-exa .row [class^=col-] span {
  background-color: rgba(var(--white-color-rgb), 0.1);
  color: var(--dark-font);
}
.theme-mode-dark .breadcrumb a {
  color: var(--dark-font);
}
.theme-mode-dark .modal-header i {
  color: var(--dark-font);
}
.theme-mode-dark .cdx-tab li a {
  color: var(--dark-font);
}
.theme-mode-dark .popover {
  background-color: var(--extradark-card);
}
.theme-mode-dark .popover-body {
  color: var(--dark-font);
}
.theme-mode-dark .bs-popover-top:after {
  border-top-color: var(--extradark-card);
}
.theme-mode-dark .bs-popover-top .bs-popover-auto[data-popper-placement^=top] {
  border-top-color: var(--extradark-card);
}
.theme-mode-dark .bs-popover-top > .popover-arrow:after {
  border-top-color: var(--extradark-card);
}
.theme-mode-dark .bs-popover-bottom:after {
  border-bottom-color: var(--extradark-card);
}
.theme-mode-dark .bs-popover-bottom .bs-popover-auto[data-popper-placement^=bottom] {
  border-bottom-color: var(--extradark-card);
}
.theme-mode-dark .bs-popover-bottom > .popover-arrow:after {
  border-bottom-color: var(--extradark-card);
}
.theme-mode-dark .bs-popover-start:after {
  border-left-color: var(--extradark-card);
}
.theme-mode-dark .bs-popover-start .bs-popover-auto[data-popper-placement^=left] {
  border-left-color: var(--extradark-card);
}
.theme-mode-dark .bs-popover-start > .popover-arrow:after {
  border-left-color: var(--extradark-card);
}
.theme-mode-dark .bs-popover-end:after {
  border-right-color: var(--extradark-card);
}
.theme-mode-dark .bs-popover-end .bs-popover-auto[data-popper-placement^=right] {
  border-right-color: var(--extradark-card);
}
.theme-mode-dark .bs-popover-end > .popover-arrow:after {
  border-right-color: var(--extradark-card);
}
.theme-mode-dark .cdxcard-exa h4 {
  color: var(--dark-font);
}
.theme-mode-dark .list-group-flush > .list-group-item {
  background-color: var(--extradark-card);
  border-color: var(--dark-border);
  color: var(--dark-small-font);
}
.theme-mode-dark .irs--flat .irs-line {
  background-color: rgba(var(--white-color-rgb), 0.1);
}
.theme-mode-dark .irs--flat .irs-max {
  background-color: rgba(var(--white-color-rgb), 0.1);
  color: var(--dark-font);
}
.theme-mode-dark .progress {
  background-color: rgba(var(--white-color-rgb), 0.1) !important;
}
.theme-mode-dark .theme_cutomizer {
  background-color: var(--dark-card);
  border-color: var(--dark-border);
}
.theme-mode-dark .theme_cutomizer .customizer-header {
  border-color: var(--dark-border);
}
.theme-mode-dark .theme_cutomizer .cdx-cutomizer-contian .customizer-action {
  border-color: var(--dark-border);
  background-color: var(--extradark-card);
}
.theme-mode-dark .theme_cutomizer .cdx-cutomizer-contian .customizer-action svg {
  color: var(--dark-font);
}
.theme-mode-dark .landing-header {
  background-color: var(--dark-card);
  border-color: var(--dark-border);
}
.theme-mode-dark .landing-header .header-left .codexbrand-logo {
  display: none;
}
.theme-mode-dark .landing-header .header-left .codex-darklogo {
  display: block;
}
.theme-mode-dark .landing-header .cdxmenu-list li a {
  color: var(--dark-font);
}
.theme-mode-dark .demo-wrrapper {
  background-color: var(--dark-card);
}
.theme-mode-dark .demo-wrrapper .demo-detail h3 {
  color: var(--dark-font);
}
.theme-mode-dark .lan-dashboard .cdx-tab li a {
  background-color: var(--extradark-card);
}
.theme-mode-dark .cdx-app, .theme-mode-dark .lan-support {
  background-color: var(--dark-card);
}
.theme-mode-dark .lan-support {
  background-color: var(--dark-card);
}
.theme-mode-dark .cdxlan-footer {
  background-color: var(--dark-card);
  border-color: var(--dark-border);
}
.theme-mode-dark .lan-features .features-grid {
  background-color: var(--dark-card);
}
.theme-mode-dark .cdxland-title {
  color: var(--dark-font);
}
.theme-mode-dark .cdxland-title::before {
  background-color: var(--dark-font);
}
.theme-mode-dark .cdx-app .slick-dots li button {
  background-color: var(--dark-font);
}
.theme-mode-dark .landing-header .cdxmenu-list.active {
  background-color: var(--dark-card);
}
.theme-mode-dark.sidebar-type-horizontal .codex-sidebar {
  border-top: 1px solid var(--dark-border);
  border-bottom: 1px solid var(--dark-border);
}
.theme-mode-dark.sidebar-type-horizontal .codex-header .header-left .codexdark-logo {
  display: block;
}

/****************
 DARK LAYOUT END
*****************/
/*************************
 43 TRANSPARENT LAYOUT START
**************************/
.gradient_bgLayout .codex-menu,
.image_bgLayout .codex-menu {
  background-color: transparent;
}
.gradient_bgLayout .codex-menu .cdxmenu-title,
.image_bgLayout .codex-menu .cdxmenu-title {
  background-color: rgba(var(--white-color-rgb), 0.3) !important;
}
.gradient_bgLayout .codex-menu .cdxmenu-title h5,
.image_bgLayout .codex-menu .cdxmenu-title h5 {
  color: var(--theme-secondary-7) !important;
}
.gradient_bgLayout .codex-menu li a,
.image_bgLayout .codex-menu li a {
  color: var(--font-light) !important;
}
.gradient_bgLayout .codex-menu li .submenu-list,
.image_bgLayout .codex-menu li .submenu-list {
  background-color: rgba(var(--white-color-rgb), 0.4) !important;
}
.gradient_bgLayout .card,
.gradient_bgLayout .codex-breadcrumb,
.gradient_bgLayout .codex-sidebar,
.gradient_bgLayout .codex-footer,
.image_bgLayout .card,
.image_bgLayout .codex-breadcrumb,
.image_bgLayout .codex-sidebar,
.image_bgLayout .codex-footer {
  background-color: rgba(var(--card-bg-rgb), 0.3);
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.gradient_bgLayout .codex-header,
.image_bgLayout .codex-header {
  background-color: rgba(var(--card-bg-rgb), 0.5);
  border: none;
}
.gradient_bgLayout .logo-gridwrap,
.image_bgLayout .logo-gridwrap {
  background-color: rgba(var(--card-bg-rgb), 0.3);
}
.gradient_bgLayout .codex-breadcrumb .breadcrumb-contain .right-breadcrumb ul li,
.image_bgLayout .codex-breadcrumb .breadcrumb-contain .right-breadcrumb ul li {
  color: var(--theme-secondary-7) !important;
}
.gradient_bgLayout .dash-chat .dash-chatbox ul.chating-list li .user-msgbox .media p,
.gradient_bgLayout .dash-chat .dash-chatbox ul.chating-list li .admin-msgbox .media p,
.image_bgLayout .dash-chat .dash-chatbox ul.chating-list li .user-msgbox .media p,
.image_bgLayout .dash-chat .dash-chatbox ul.chating-list li .admin-msgbox .media p {
  background-color: rgba(var(--card-bg-rgb), 0.3);
}
.gradient_bgLayout .theme_cutomizer,
.image_bgLayout .theme_cutomizer {
  background-color: rgba(var(--card-bg-rgb), 0.9);
  color: var(--black-color);
}
.gradient_bgLayout .form-control,
.image_bgLayout .form-control {
  background-color: transparent;
  color: var(--white-color);
}
.gradient_bgLayout input::-webkit-input-placeholder,
.image_bgLayout input::-webkit-input-placeholder {
  color: var(--white-color);
}
.gradient_bgLayout input:-moz-placeholder,
.image_bgLayout input:-moz-placeholder {
  color: var(--white-color);
}
.gradient_bgLayout .form-control option,
.image_bgLayout .form-control option {
  color: var(--black-color);
}
.gradient_bgLayout table thead th, .gradient_bgLayout table thead td,
.image_bgLayout table thead th,
.image_bgLayout table thead td {
  color: var(--theme-secondary-9) !important;
}
.gradient_bgLayout .mCSB_dragger_bar,
.image_bgLayout .mCSB_dragger_bar {
  color: var(--theme-secondary-7) !important;
}
.gradient_bgLayout .card .card-header h4,
.image_bgLayout .card .card-header h4 {
  color: var(--theme-secondary) !important;
}
.gradient_bgLayout .custom-check-input .custom-input-label:after,
.image_bgLayout .custom-check-input .custom-input-label:after {
  background-color: currentColor;
}
.gradient_bgLayout .codex-chat .chat-body,
.gradient_bgLayout .codex-chat .chat-sidebar,
.gradient_bgLayout .codex-chat .userchat-msgbox,
.image_bgLayout .codex-chat .chat-body,
.image_bgLayout .codex-chat .chat-sidebar,
.image_bgLayout .codex-chat .userchat-msgbox {
  background-color: rgba(var(--card-bg-rgb), 0.3);
}
.gradient_bgLayout .codex-chat .chat-body .user-msgbox .chat-contain p,
.gradient_bgLayout .codex-chat .chat-body .admin-msgbox .chat-contain p,
.gradient_bgLayout .codex-chat .chat-sidebar .user-msgbox .chat-contain p,
.gradient_bgLayout .codex-chat .chat-sidebar .admin-msgbox .chat-contain p,
.gradient_bgLayout .codex-chat .userchat-msgbox .user-msgbox .chat-contain p,
.gradient_bgLayout .codex-chat .userchat-msgbox .admin-msgbox .chat-contain p,
.image_bgLayout .codex-chat .chat-body .user-msgbox .chat-contain p,
.image_bgLayout .codex-chat .chat-body .admin-msgbox .chat-contain p,
.image_bgLayout .codex-chat .chat-sidebar .user-msgbox .chat-contain p,
.image_bgLayout .codex-chat .chat-sidebar .admin-msgbox .chat-contain p,
.image_bgLayout .codex-chat .userchat-msgbox .user-msgbox .chat-contain p,
.image_bgLayout .codex-chat .userchat-msgbox .admin-msgbox .chat-contain p {
  background-color: rgba(var(--card-bg-rgb), 0.3);
}
.gradient_bgLayout .product-boxwrap,
.image_bgLayout .product-boxwrap {
  background-color: rgba(var(--card-bg-rgb), 0.3);
}
.gradient_bgLayout .product-detail-page .product-card,
.image_bgLayout .product-detail-page .product-card {
  background-color: rgba(var(--card-bg-rgb), 0.3);
}
.gradient_bgLayout .codex-pricingtbl,
.gradient_bgLayout .codex-pricingadvance,
.image_bgLayout .codex-pricingtbl,
.image_bgLayout .codex-pricingadvance {
  background-color: rgba(var(--card-bg-rgb), 0.3);
}
.gradient_bgLayout .invoice,
.image_bgLayout .invoice {
  background-color: transparent;
}
.gradient_bgLayout .contact-searchbar .input-group .input-group-text,
.image_bgLayout .contact-searchbar .input-group .input-group-text {
  background-color: rgba(var(--card-bg-rgb), 0.3);
}
.gradient_bgLayout .contact-card .media,
.image_bgLayout .contact-card .media {
  background-color: rgba(var(--card-bg-rgb), 0.3);
}
.gradient_bgLayout .accordion-item,
.gradient_bgLayout .codex-authmain .codex-authbox,
.gradient_bgLayout .codex-login .codex-authbox,
.gradient_bgLayout .codex-login form,
.image_bgLayout .accordion-item,
.image_bgLayout .codex-authmain .codex-authbox,
.image_bgLayout .codex-login .codex-authbox,
.image_bgLayout .codex-login form {
  background-color: rgba(var(--card-bg-rgb), 0.3);
}
.gradient_bgLayout .cdxuser-profile .post-list .post-contain,
.image_bgLayout .cdxuser-profile .post-list .post-contain {
  background-color: rgba(var(--card-bg-rgb), 0.3);
}
.gradient_bgLayout .cdxuser-profile .post-list .post-contain .post-detail .post-react li a,
.image_bgLayout .cdxuser-profile .post-list .post-contain .post-detail .post-react li a {
  background-color: rgba(var(--card-bg-rgb), 0.3);
}
.gradient_bgLayout .custom-check-input .custom-input-label,
.image_bgLayout .custom-check-input .custom-input-label {
  background-color: rgba(var(--card-bg-rgb), 0.7);
}
.gradient_bgLayout .codex-header .header-right .nav-iconlist > li .noti-count,
.image_bgLayout .codex-header .header-right .nav-iconlist > li .noti-count {
  color: var(--theme-primary);
}
.gradient_bgLayout .payment-method ul li a,
.image_bgLayout .payment-method ul li a {
  color: currentColor;
}
@media (max-width: 575px) {
  .gradient_bgLayout .codex-sidebar,
.image_bgLayout .codex-sidebar {
    background-color: rgba(var(--card-bg-rgb), 0.5);
  }
}

/* grediend layout*/
.gradient_bgLayout .form-control {
  color: var(--codex-font-color);
}
.gradient_bgLayout input::-webkit-input-placeholder {
  color: var(--codex-font-color);
}
.gradient_bgLayout input:-moz-placeholder {
  color: var(--codex-font-color);
}

/*body backgorund image*/
.image_bgLayout {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/*************************
 TRANSPARENT LAYOUT END
**************************/
/******************
 44 LAYOUT MORDEN START
********************/
@media (min-width: 1200px) {
  .morden-layout {
    padding: 30px;
    overflow: hidden;
  }
  .morden-layout .codex-sidebar {
    position: absolute;
    top: 30px;
    inset-inline-start: 30px;
    min-height: calc(100vh - 60px);
    height: calc(100vh - 60px);
    border-radius: 10px;
    border-radius: 5px;
    overflow: hidden;
  }
  .morden-layout .codex-header {
    position: static;
    -webkit-margin-start: 325px;
            margin-inline-start: 325px;
    top: 30px;
    width: calc(100% - 355px);
    border-radius: 5px;
  }
  .morden-layout .codex-header .header-left {
    -webkit-padding-start: unset;
            padding-inline-start: unset;
  }
  .morden-layout .codex-header .header-left .sidebar-action {
    display: none;
  }
  .morden-layout .codex-header .header-left .header-menu {
    -webkit-margin-start: unset;
            margin-inline-start: unset;
  }
  .morden-layout .custom-container {
    max-width: 100%;
  }
  .morden-layout .codex-breadcrumb {
    background-color: transparent;
    -webkit-padding-after: 0;
            padding-block-end: 0;
  }
  .morden-layout .themebody-wrap {
    overflow-y: auto;
    min-height: calc(100vh - 180px);
    height: calc(100vh - 180px);
    -webkit-margin-before: auto;
            margin-block-start: auto;
    -webkit-margin-after: auto;
            margin-block-end: auto;
  }
  .morden-layout .codex-footer {
    width: calc(100% - 355px);
    -webkit-margin-start: 325px;
            margin-inline-start: 325px;
    border-radius: 5px;
  }

  .sidebar-type-horizontal.morden-layout .codex-sidebar {
    min-height: auto;
    height: auto;
    top: 105px;
    width: calc(100% - 60px);
  }
  .sidebar-type-horizontal.morden-layout .codex-sidebar .codex-menuwrapper {
    max-width: 100%;
  }
  .sidebar-type-horizontal.morden-layout .codex-header {
    width: 100%;
    -webkit-margin-start: unset;
            margin-inline-start: unset;
  }
  .sidebar-type-horizontal.morden-layout .codex-footer {
    -webkit-margin-start: unset;
            margin-inline-start: unset;
    width: 100%;
  }
  .sidebar-type-horizontal.morden-layout .themebody-wrap {
    -webkit-margin-before: 75px;
            margin-block-start: 75px;
    min-height: calc(100vh - 250px);
    height: calc(100vh - 250px);
  }
}
/******************
 LAYOUT MORDEN END
********************/