/* Variables
======================*/
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: local("IBM Plex Sans Arabic Bold"), local("IBMPlexSansArabic-Bold"), url("../../assets/fonts/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("../../assets/fonts/IBMPlexSansArabic-Bold.woff") format("woff"), url("../../assets/fonts/IBMPlexSansArabic-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: local("IBM Plex Sans Arabic Regular"), local("IBMPlexSansArabic-Regular"), url("../../assets/fonts/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("../../assets/fonts/IBMPlexSansArabic-Regular.woff") format("woff"), url("../../assets/fonts/IBMPlexSansArabic-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: local("IBM Plex Sans Arabic Medium"), local("IBMPlexSansArabic-Medium"), url("../../assets/fonts/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("../../assets/fonts/IBMPlexSansArabic-Medium.woff") format("woff"), url("../../assets/fonts/IBMPlexSansArabic-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
.pb_0 {
  padding-bottom: 0px;
}

.pt_0 {
  padding-top: 0px;
}

.pst_0 {
  padding-inline-start: 0px;
}

.pe_0 {
  padding-inline-end: 0px;
}

.p_0 {
  padding: 0px;
}

.mt_0 {
  margin-top: 0px;
}

.mb_0 {
  margin-bottom: 0px;
}

.ms_0 {
  margin-inline-start: 0px;
}

.me_0 {
  margin-inline-end: 0px;
}

.pb_4 {
  padding-bottom: 4px;
}

.pt_4 {
  padding-top: 4px;
}

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

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

.p_4 {
  padding: 4px;
}

.mt_4 {
  margin-top: 4px;
}

.mb_4 {
  margin-bottom: 4px;
}

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

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

.pb_8 {
  padding-bottom: 8px;
}

.pt_8 {
  padding-top: 8px;
}

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

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

.p_8 {
  padding: 8px;
}

.mt_8 {
  margin-top: 8px;
}

.mb_8 {
  margin-bottom: 8px;
}

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

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

.pb_12 {
  padding-bottom: 12px;
}

.pt_12 {
  padding-top: 12px;
}

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

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

.p_12 {
  padding: 12px;
}

.mt_12 {
  margin-top: 12px;
}

.mb_12 {
  margin-bottom: 12px;
}

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

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

.pb_16 {
  padding-bottom: 16px;
}

.pt_16 {
  padding-top: 16px;
}

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

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

.p_16 {
  padding: 16px;
}

.mt_16 {
  margin-top: 16px;
}

.mb_16 {
  margin-bottom: 16px;
}

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

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

.pb_18 {
  padding-bottom: 18px;
}

.pt_18 {
  padding-top: 18px;
}

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

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

.p_18 {
  padding: 18px;
}

.mt_18 {
  margin-top: 18px;
}

.mb_18 {
  margin-bottom: 18px;
}

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

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

.pb_24 {
  padding-bottom: 24px;
}

.pt_24 {
  padding-top: 24px;
}

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

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

.p_24 {
  padding: 24px;
}

.mt_24 {
  margin-top: 24px;
}

.mb_24 {
  margin-bottom: 24px;
}

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

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

.pb_32 {
  padding-bottom: 32px;
}

.pt_32 {
  padding-top: 32px;
}

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

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

.p_32 {
  padding: 32px;
}

.mt_32 {
  margin-top: 32px;
}

.mb_32 {
  margin-bottom: 32px;
}

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

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

.pb_36 {
  padding-bottom: 36px;
}

.pt_36 {
  padding-top: 36px;
}

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

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

.p_36 {
  padding: 36px;
}

.mt_36 {
  margin-top: 36px;
}

.mb_36 {
  margin-bottom: 36px;
}

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

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

.pb_48 {
  padding-bottom: 48px;
}

.pt_48 {
  padding-top: 48px;
}

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

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

.p_48 {
  padding: 48px;
}

.mt_48 {
  margin-top: 48px;
}

.mb_48 {
  margin-bottom: 48px;
}

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

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

.pb_60 {
  padding-bottom: 60px;
}

.pt_60 {
  padding-top: 60px;
}

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

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

.p_60 {
  padding: 60px;
}

.mt_60 {
  margin-top: 60px;
}

.mb_60 {
  margin-bottom: 60px;
}

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

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

.fs-12 {
  font-size: 12px;
}

.fs-14 {
  font-size: 14px;
}

.fs-16 {
  font-size: 16px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.fs-24 {
  font-size: 24px;
}

.fs-36 {
  font-size: 36px;
}

.fs-40 {
  font-size: 40px;
}

.fs-46 {
  font-size: 46px;
}

.fs-50 {
  font-size: 50px;
}

.fw-normal {
  font-weight: normal !important;
}

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

.fw-bold {
  font-weight: bold !important;
}

/* Setting Style
======================*/
*,
:focus {
  outline: 0 !important;
  scroll-behavior: smooth;
}

::selection {
  background-color: #5e5ed6 !important;
  color: #fff !important;
}

::-webkit-scrollbar {
  background-color: #5e5ed6;
  width: 5px;
  height: 5px;
  opacity: 1;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

::-webkit-scrollbar-track {
  background-color: #fff;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

::-webkit-scrollbar-thumb {
  background-color: #5e5ed6;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}

body {
  font-family: "IBM Plex Sans Arabic";
  overflow-x: hidden !important;
  width: 100%;
  background-color: #fafaff;
  position: relative;
  text-align: start;
  padding-top: 5px;
  color: #010101;
}
body::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  background: url(../images/loged_bc.jpg) no-repeat top right;
  width: 100%;
  height: calc(100% - 226px);
  background-size: cover;
  z-index: -1;
}
body::after {
  position: fixed;
  content: "";
  height: 5px;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  background-color: #5e5ed6;
  z-index: 9999;
}

.shadow {
  box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.04) !important;
}

/* Lists  
======================*/
ul {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li {
  display: inline-block;
}

/* Links 
======================*/
a,
a:hover,
a:focus {
  cursor: pointer;
  text-decoration: none;
}

/*Images
======================*/
img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

/* Buttons
===========================*/
.main_btn {
  border: 0;
  display: inline-block;
  padding: 8px 24px;
  line-height: 32px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  min-width: 190px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  border: 0;
  background: linear-gradient(90deg, #5e5ed6 0%, rgba(94, 94, 214, 0.5) 100%);
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  -ms-transition: 0.2s linear all;
  -o-transition: 0.2s linear all;
  transition: 0.2s linear all;
  -webkit-box-shadow: 0 2px 8px 2px rgba(94, 94, 214, 0.2);
  -moz-box-shadow: 0 2px 8px 2px rgba(94, 94, 214, 0.2);
  -ms-box-shadow: 0 2px 8px 2px rgba(94, 94, 214, 0.2);
  -o-box-shadow: 0 2px 8px 2px rgba(94, 94, 214, 0.2);
  box-shadow: 0 2px 8px 2px rgba(94, 94, 214, 0.2);
}
.main_btn:hover {
  color: #5e5ed6;
  background: linear-gradient(90deg, #ffffff 100%, #ffffff 100%);
  border: 1px solid #5e5ed6;
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
}
.main_btn--green {
  background: linear-gradient(90deg, #02bf01 0%, rgba(2, 191, 1, 0.5) 100%);
  -webkit-box-shadow: 0 2px 8px 2px rgba(2, 191, 1, 0.2);
  -moz-box-shadow: 0 2px 8px 2px rgba(2, 191, 1, 0.2);
  -ms-box-shadow: 0 2px 8px 2px rgba(2, 191, 1, 0.2);
  -o-box-shadow: 0 2px 8px 2px rgba(2, 191, 1, 0.2);
  box-shadow: 0 2px 8px 2px rgba(2, 191, 1, 0.2);
}
.main_btn--green:hover {
  color: #02bf01;
  border: 1px solid #02bf01;
}
.main_btn--green_border {
  background: transparent;
  border: 1px solid #02bf01;
  color: #02bf01;
}
.main_btn--green_border:hover {
  background: linear-gradient(90deg, #02bf01 0%, rgba(2, 191, 1, 0.5) 100%);
  color: #ffffff;
  border: 0;
}
.main_btn--warn {
  background: linear-gradient(90deg, #c43c31 0%, rgba(196, 60, 49, 0.7) 100%);
  -webkit-box-shadow: 0 2px 8px 2px rgba(196, 60, 49, 0.2);
  -moz-box-shadow: 0 2px 8px 2px rgba(196, 60, 49, 0.2);
  -ms-box-shadow: 0 2px 8px 2px rgba(196, 60, 49, 0.2);
  -o-box-shadow: 0 2px 8px 2px rgba(196, 60, 49, 0.2);
  box-shadow: 0 2px 8px 2px rgba(196, 60, 49, 0.2);
}
.main_btn--warn:hover {
  color: #c43c31;
  border: 1px solid #c43c31;
}
.main_btn--gray {
  background: linear-gradient(90deg, #434843 0%, rgba(67, 72, 67, 0.5) 100%);
  -webkit-box-shadow: 0 2px 8px 2px rgba(67, 72, 67, 0.2);
  -moz-box-shadow: 0 2px 8px 2px rgba(67, 72, 67, 0.2);
  -ms-box-shadow: 0 2px 8px 2px rgba(67, 72, 67, 0.2);
  -o-box-shadow: 0 2px 8px 2px rgba(67, 72, 67, 0.2);
  box-shadow: 0 2px 8px 2px rgba(67, 72, 67, 0.2);
}
.main_btn--gray:hover {
  color: #434843;
  border: 1px solid #434843;
}

.main_color {
  color: #5e5ed6;
}

.second_color {
  color: #02bf01;
}

.warn_color {
  color: #c43c31;
}

.white_bc {
  background-color: #ffffff;
}

.gray_color {
  color: #8f92a5;
}

.border_round {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}

hr {
  border-top-color: #dbdef2;
}

/* Page Content
===========================*/
.page_content {
  width: 100%;
  padding-top: 140px;
  position: relative;
  z-index: 98;
}
@media (max-width: 575px) {
  .page_content {
    padding: 120px 15px 0px 15px;

  }
}

@media (max-width: 575px) {
  .page_title h3 {
    font-size: 32px !important;
  }
}

.static_page {
  padding: 60px 0 110px;
}
@media (max-width: 991px) {
  .static_page {
    padding: 30px 0;
  }
}
@media (max-width: 575px) {
  .static_page {
    padding-top: 0;
  }
  .static_page .d-flex.justify-content-end {
    justify-content: center !important;
  }
  .pure::before {
    background: url(../images/bc-res.png) no-repeat top right !important;
    background-size: cover;
  }

}

.pure::before {
  background: url(../images/bc.png) no-repeat top right !important;
  background-size: cover;
}
.pure .page_content::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: 290px;
  margin: auto;
  background: url(../images/top_right.png)no-repeat top right !important;
  background-size: cover;
  width: 55px;
  height: 130px;
  z-index: 0;
}
.pure .page_content::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  margin: auto;
  background: url(../images/top_center.png) repeat;
  width: 138px;
  height: 75px;
  background-size: cover;
  z-index: 98;
}

/* Header
==========================*/
header {
  position: fixed;
  top: 45px;
  padding: 8px 0;
  left: 0;
  width: 100%;
  z-index: 9997;
  background-color: transparent;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  transition: 0.3s linear all;
}
header .row {
  position: relative;
}
header.move {
  top: 0;
  background-color: #ffffff;
}
header .container .row .col-12 {
  height: 55px;
}
header .logo {
  margin: 0;
  z-index: 9998;
  position: relative;
}
@media (max-width: 575px) {

  header .logo {
    max-width: 160px;
    
  }
}
@media (max-width: 359px) {
  header .logo {
    max-width: 110px;
  }
}
header .btns {
  z-index: 9998;
  position: relative;
}
header .btns a,
header .btns button {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-inline-start: 8px;
  padding: 12px;
  border: 0;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  transition: 0.3s linear all;
}
header .btns a.register,
header .btns button.register {
  background-color: #5e5ed6;
}
header .btns a.register.active,
header .btns button.register.active {
  background-color: #fff;
  border: 1px solid #5e5ed6;
}
header .btns a.login,
header .btns button.login {
  background-color: #02bf01;
}
header .btns a.login.active,
header .btns button.login.active {
  background-color: #fff;
  border: 1px solid #02bf01;
}
header .btns a.contact,
header .btns button.contact {
  background-color: #5e5ed6;
}
header .btns a.logout,
header .btns button.logout {
  background-color: #c43c31;
}
header .btns a:hover,
header .btns button:hover {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
  background-color: #010101;
}
header .btns a#menu_btn,
header .btns button#menu_btn {
  background-color: #dce0ec;
}
header .btns .menu {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #dce0ec;
  display: none;
}
@media (max-width: 991px) {
  header .btns .menu {
    display: inline-flex;
  }
}
@media (max-width: 575px) {
  header {
    top: 0;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.1);
  }
  header .container {
    padding: 0 8px;
  }
  header .btns a {
    margin-inline-start: 4px;
  }
}

.navbar {
  min-height: 55px;
  width: 100%;
  margin: -55px auto auto;
  padding: 0;
}
.navbar ul {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 0 35px;
  min-width: 560px;
  background: linear-gradient(90deg, #5e5ed6 0%, rgba(94, 94, 214, 0.5) 100%);
}
.navbar ul li {
  display: inline-block;
}
.navbar ul li span {
  display: none;
}
.navbar ul li a {
  position: relative;
  color: #ffffff;
  font-size: 16px;
  margin: 0 0px;
  line-height: 55px;
  display: block;
  padding-left: 30px;
  text-align: center;

  -webkit-transition: 0.1s linear all;
  -moz-transition: 0.1s linear all;
  -ms-transition: 0.1s linear all;
  -o-transition: 0.1s linear all;
  transition: 0.1s linear all;
}
.navbar ul li a.active, .navbar ul li a:hover {
  font-weight: bold;
}
@media (max-width: 1279px) {
  .navbar ul {
    max-width: 540px;
    min-width: 540px;
    padding: 0 10px;
    margin-inline-start: 55px;
  }
  .navbar ul li a {
    margin: 0 0px;
  }
}
@media (max-width: 991px) {
  .navbar {
    display: none !important;
  }
}

.dropdown-menu {
  width: 321px;
  padding: 20px 20px 0;
  background-color: #ffffff;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  flex-wrap: wrap;
  position: absolute;
  top: 10px !important;
  inset-inline-end: 0;
}
@media (max-width: 359px) {
  .dropdown-menu {
    width: 300px;
    padding: 16px 8px 0;
    top: 70px !important;
  }
}
.dropdown-menu li {
  width: 93px;
  margin: 0 0 24px;
  justify-content: center !important;
  align-items: center !important;
}
.dropdown-menu li a {
  display: block;
  color: #5e5ed6;
  font-weight: normal;
  font-size: 14px;
  min-height: 120px;
  width: 100%;
  height: auto;
  padding: 0;
  margin: auto;
}
.dropdown-menu li a:hover {
  background-color: transparent;
  font-weight: bold;
}

.dropdown-menu li a:hover img{
  background-color: #ffffff;
  border: solid 1px #f0f2ff;
}

.dropdown-menu li a:hover i{
  background-color: #ffffff;
  border: solid 1px #f0f2ff;
}
.dropdown-menu li i,
.dropdown-menu li img {
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 18px;
  background-color: #f0f2ff;
  margin-bottom: 8px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}
.dropdown-menu li img {
  padding: 20px;
}

.mobile_view {
  display: none !important;
}
.mobile_view li a.main_btn {
  min-width: 100%;
  font-size: 15px !important;
  font-weight: normal !important;
}
.mobile_view li a.active {
  color: #5e5ed6;
  background: linear-gradient(90deg, #ffffff 100%, #ffffff 100%);
  border: 1px solid #5e5ed6;

}

.mobile_view li {
  min-width: 24%;
}
@media (max-width: 991px) {
  .mobile_view {
    display: flex !important;
  }
}
@media (max-width: 767px) {
  .mobile_view .main_btn {
    padding: 8px 0;
  }
}
@media (max-width: 575px) {
  .mobile_view {
    flex-wrap: wrap;
    margin: 0 auto 16px !important;
  }
  .mobile_view li {
    margin-bottom: 16px;
    min-width: 49%;
  }
}

footer {
  background-color: #5e5ed6;
  padding: 25px 0;
  color: #ffffff;
  position: relative;
}
footer::before {
  content: "";
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  background: url("../images/footer/bottom-right.png") no-repeat;
  width: 215px;
  height: 180px;
}
footer::after {
  content: "";
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  background: url("../images/footer/bottom-left.png") no-repeat;
  width: 95px;
  height: 97px;
}
footer .container {
  position: relative;
}
footer .container::before {
  content: "";
  position: absolute;
  top: -50px;
  inset-inline-end: 0;
  background: url(../images/footer/top.png) no-repeat;
  width: 93px;
  height: 57px;
}
footer li {
  margin: auto 10px;
}
footer .social a {
  width: 35px;
  height: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #010101;
  -webkit-transition: 0.3s linear all;
  -moz-transition: 0.3s linear all;
  -ms-transition: 0.3s linear all;
  -o-transition: 0.3s linear all;
  transition: 0.3s linear all;
}
footer .social a:hover {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
  background-color: #010101;
}
footer .payment li {
  margin: 0 5px;
}
footer .payment img {
  width: 54px;
}

/* Forms
========================*/
.form-group {
  position: relative;
  margin-bottom: 25px;
  text-align: start;
}
.form-group.mb_0 {
  margin-bottom: 0 !important;
}

label {
  display: block;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 10px;
  text-align: start;
  color: #010101;
}
label.big {
  margin-bottom: 15px;
  font-size: 18px;
}

sup {
  color: #c43c31;
}

.form-control {
  text-align: start;
  width: 100%;
  color: #010101;
  background-color: #fff;
  border: 1px solid #e0edf2;
  margin: 0;
  padding: 0 25px;
  line-height: 45px;
  height: 45px;
  font-size: 14px;
  outline: 0;
  font-weight: 500;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.form-control:hover, .form-control:focus {
  outline: 0;
  border: 1px solid #e0edf2;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}

textarea.form-control {
  resize: none;
  min-height: 190px !important;
  padding: 15px !important;
  line-height: 25px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=checkbox] + label,
input[type=radio] + label {
  position: relative;
  padding-inline-start: 32px;
  cursor: pointer;
  margin: 0;
}

input[type=checkbox] + label::before,
input[type=radio] + label::before,
input[type=checkbox] + label::after,
input[type=radio] + label::after {
  content: "";
  display: block;
  text-align: center;
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  border: 1px solid #c6c7c7;
  line-height: 17px;
  font-size: 12px;
  z-index: 99;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

input[type=checkbox] + label::after,
input[type=radio] + label::after {
  inset-inline-start: 3px;
  width: 14px;
  height: 14px;
  border: 0;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background-color: transparent;
}

input[type=checkbox] + label::before,
input[type=checkbox] + label::after {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

input[type=checkbox]:checked + label::before,
input[type=radio]:checked + label::before {
  border-color: #02bf01;
}

input[type=checkbox]:checked + label::after,
input[type=radio]:checked + label::after {
  background-color: #02bf01;
}

input[type=checkbox]:checked + label,
input[type=radio]:checked + label {
  color: #02bf01;
}

.modal {
  z-index: 9999;
  padding: 0 !important;
}
.modal.show {
  display: flex !important;
  align-items: center;
}
.modal .modal-dialog {
  margin: auto;
  top: 0;
  background-color: #fff;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  pointer-events: initial;
  padding: 0;
  max-width: 790px;
  width: 98%;
  overflow: hidden;
}
.modal .modal-dialog .close {
  position: absolute;
  inset-inline-end: 30px;
  top: 20px;
  border: 1px solid #5e5ed6;
  opacity: 1;
  text-shadow: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  line-height: 30px;
  color: #5e5ed6;
}
.modal .modal-dialog i {
  color: #010101;
}
.modal .modal-dialog h3 {
  color: #5e5ed6;
}
.modal .modal-dialog ul li {
  margin-inline-end: 16px;
}
.modal .modal-dialog ul li i {
  width: 36px;
  height: 36px;
  border: 1px solid #5e5ed6;
  color: #5e5ed6;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 34px;
}
.modal .modal-dialog ul li a {
  color: #010101;
}
@media (max-width: 767px) {
  .modal .modal-dialog ul li {
    text-align: center;
  }
  .modal .modal-dialog ul li i {
    display: block;
    margin: 0 auto 16px;
  }
}
@media (max-width: 575px) {
  .modal .modal-dialog ul {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .modal .modal-dialog ul li {
    text-align: start;
    margin-bottom: 16px;
  }
  .modal .modal-dialog ul li i {
    display: inline-block;
    margin: 0;
    margin-inline-end: 8px;
  }
}
.modal .modal-dialog .form-control {
  margin-bottom: 24px;
}
.modal .modal-dialog .modal_cont {
  padding: 40px;
  position: relative;
}
@media (max-width: 767px) {
  .modal .modal-dialog .modal_cont {
    height: 100%;
    max-height: 540px;
    overflow: hidden;
    overflow-y: auto;
  }
}
@media (max-width: 575px) {
  .modal .modal-dialog .modal_cont {
    padding: 70px 16px 16px;
  }
}

.modal-body {
  padding: 0;
  text-align: center;
  overflow: hidden;
}

.modal-backdrop.show {
  opacity: 0.75;
  z-index: 9998;
}

.modal-open {
  overflow: hidden !important;
  padding: 0 !important;
}

.login {
  padding: 140px 0;
}
.login h3 {
  color: #02bf01;
}
@media (max-width: 991px) {
  .login {
    padding: 70px 0 40px;
  }
}
@media (max-width: 575px) {
  .login {
    padding: 0 0 40px;
  }
  .login .mb_60 {
    margin-bottom: 24px !important;
  }
  .login h3 {
    font-size: 30px !important;
  }
}

.login_cont {
  background-color: #ffffff;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  -webkit-box-shadow: 0 0px 5px 0px #e6effe;
  -moz-box-shadow: 0 0px 5px 0px #e6effe;
  -ms-box-shadow: 0 0px 5px 0px #e6effe;
  -o-box-shadow: 0 0px 5px 0px #e6effe;
  box-shadow: 0 0px 5px 0px #e6effe;
  padding: 32px;
  padding-inline-end: 240px;
  position: relative;
}
.login_cont::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-end: 0;
  margin: auto;
  background: url("../images/login_lock.png") no-repeat;
  width: 124px;
  height: 155px;
}
.login_cont p a {
  text-decoration: underline;
  color: #c43c31;
}
@media (max-width: 767px) {
  .login_cont {
    padding: 32px;
  }
  .login_cont a {
    margin-inline-start: 28px;
  }
}

.register_cont {
  background-color: #ffffff;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  -webkit-box-shadow: 0 0px 5px 0px #e6effe;
  -moz-box-shadow: 0 0px 5px 0px #e6effe;
  -ms-box-shadow: 0 0px 5px 0px #e6effe;
  -o-box-shadow: 0 0px 5px 0px #e6effe;
  box-shadow: 0 0px 5px 0px #e6effe;
  padding: 32px;
  position: relative;
}

a.warn_color {
  text-decoration: underline;
  color: #c43c31;
}

.package_block {
  background-color: #ffffff;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  -webkit-box-shadow: 0 0px 5px 0px #e6effe;
  -moz-box-shadow: 0 0px 5px 0px #e6effe;
  -ms-box-shadow: 0 0px 5px 0px #e6effe;
  -o-box-shadow: 0 0px 5px 0px #e6effe;
  box-shadow: 0 0px 5px 0px #e6effe;
  padding: 32px;
  position: relative;
}
.package_block h4 {
  color: #010101;
  line-height: 28px;
}
.package_block h4 span {
  color: #02bf01;
}

.selection_group {
  text-align: start;
}

.package_item {
  position: relative;
  padding: 16px 32px;
  padding-inline-end: 0;
  border-inline-start: 1px dashed #dcdcdc;
}

.package_select {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
}

input[type=checkbox],
input[type=radio] {
  accent-color: #02bf01;
}

.name input[type=radio] + label {
  padding-inline-start: 50px;
}

.coupon {
  padding-inline-start: 27%;
}
.coupon label {
  min-width: 320px;
}
.coupon .form-control {
  min-width: 120px;
  margin: 0 16px;
}

.plus {
  padding: 12px;
  padding-inline-end: 18px;
  border: 1px solid #dcdcdc;
}

@media (max-width: 991px) {
  .package_block h2 {
    margin-bottom: 16px;
  }
  .package_block .head {
    margin-bottom: 16px;
  }
  .package_block .coupon {
    padding-inline-start: 15px;
    flex-wrap: wrap;
    justify-content: center !important;
  }
  .package_block .coupon .form-control {
    margin: 16px auto;
  }
  .package_block .plus {
    padding: 4px;
    padding-inline-end: 8px;
    font-size: 12px;
    flex-direction: column;
    align-items: center !important;
    text-align: center;
  }
  .package_block .plus i {
    margin: 4px auto 8px;
  }
}
@media (max-width: 767px) {
  .package_block .package_item {
    border-top: 1px dashed #dcdcdc;
    border-inline-start: 0;
    padding: 16px 0;
    text-align: start !important;
  }
  .package_block .package_item .name {
    display: inline-block;
  }
  .package_block .package_item .name label {
    padding-inline-start: 32px;
  }
  .package_block .package_item .price {
    margin: 0;
    display: inline-block;
    margin-inline-start: 18px;
  }
  .package_block .package_item .choose {
    display: block;
  }
  .package_block .selection_group li {
    display: inline-block !important;
    margin-inline-end: 16px;
  }
  .package_block .plus {
    padding: 8px;
    font-size: 14px;
    flex-direction: row;
    align-items: center !important;
    text-align: start;
  }
  .package_block .plus i {
    margin: 0;
    margin-inline-end: 8px;
  }

  .button_action {
    flex-direction: column;
  }
  .button_action .main_btn {
    margin-top: 16px;
  }
}
@media (max-width: 575px) {
  .register_cont {
    padding: 16px;
  }

  .package_block {
    padding: 50px 30px 30px 10px;
  }
  .package_block h2 {
    font-size: 18px;
  }
  .package_block h4 {
    font-size: 16px;
  }
  .package_block h4 span {
    font-size: 24px !important;
  }

  .coupon {
    margin: 0;
  }
  .coupon label {
    min-width: 100%;
  }

  .form-group {
    margin-bottom: 24px !important;
  }
}
.main_section {
  position: relative;
}

.intro_cont h1,
.intro_cont h3 {
  color: #5e5ed6;
}
.intro_cont p {
  line-height: 32px;
}
@media (max-width: 991px) {
  .intro_cont {
    text-align: center;
    margin-bottom: 24px;
  }
  .intro_cont .d-flex {
    justify-content: center !important;
  }
}
@media (max-width: 575px) {
  .intro_cont .d-flex {
    flex-direction: column !important;
  }
  .intro_cont .d-flex .main_btn {
    width: 100%;
    margin: 16px auto 0 !important;
  }
  .intro_cont h3 {
    line-height: 45px;
    font-size: 32px;
  }
}

.intro_img {
  position: relative;
}
.intro_img img {
  position: relative;
}
.intro_img::before {
  content: "";
  background: url(../images/intro_img_bc.png) no-repeat;
  width: 100%;
  height: 100%;
  max-width: 574px;
  max-height: 557px;
  position: absolute;
  top: 0;
  inset-inline-start: -90px;
}
@media (max-width: 575px) {
  .intro_img::before {
    max-width: 260px;
    max-height: 260px;
    inset-inline-start: 0;
    background-size: contain;
  }
}
@media (max-width: 575px) {
  .intro_img {
    display: none;
  }
}

.option_section {
  padding: 60px 0 110px;
}
@media (max-width: 991px) {
  .option_section {
    padding: 30px 0;
  }
}
@media (max-width: 575px) {
  .option_section {
    padding-top: 0;
  }
}

.option_item {
  background-color: #ffffff;
  padding: 24px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  margin: 0 auto 24px;
  min-height: 145px;
}
@media (max-width: 767px) {
  .option_item {
    min-height: auto;
  }
}
.option_item img {
  width: 32px;
  height: 32px;
}
.option_item h3 {
  color: #5e5ed6;
}
.option_item p {
  margin: 0;
}

.about h3,
.about span {
  color: #5e5ed6;
}
.about p {
  color: #010101;
  line-height: 25px;
  margin: 0;
}
.about img {
  width: 44px;
  height: 44px;
  border: 1px solid #5e5ed6;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  padding: 10px;
}
@media (max-width: 991px) {
  .about .mb_48 {
    margin-bottom: 32px !important;
  }
}
@media (max-width: 575px) {
  .about .about_item {
    margin-bottom: 16px;
  }
}

.join_us {
  background-color: #ffffff;
  padding: 0 24px;
  -webkit-border-radius: 24px 24px 0 0;
  -moz-border-radius: 24px 24px 0 0;
  border-radius: 24px 24px 0 0;
}
.join_us h3 {
  color: #02bf01;
}
.join_us p {
  line-height: 32px;
}
.join_us img {
  min-width: 190px;
}
@media (max-width: 575px) {
  .join_us {
    flex-direction: column !important;
    background-color: #ffffff;
    padding: 24px 24px;
    -webkit-border-radius: 24px 24px 24px 24px;
    -moz-border-radius: 24px 24px 24px 24px;
    border-radius: 24px 24px 24px 24px;
    
  }


  .join_us img {
    min-width: 70%;
    margin: auto auto 32px !important;
  }
}

.group_btn .main_btn {
  width: calc(50% - 15px);
}
@media (max-width: 575px) {
  .group_btn {
    flex-direction: column !important;
  }
  .group_btn .main_btn {
    margin: 16px auto auto;
    width: 100% !important;
  }
}

@media (max-width: 991px) {
  .contact_btn {
    margin: 32px auto !important;
  }
}
.statistice {
  margin-bottom: 130px;
}

.statistice li {
  width: 130px;
  height: 130px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #f0f2ff;
  color: #5e5ed6;
}
.statistice li span {
  line-height: 32px;
}
.statistice li:nth-child(2) {
  color: #02bf01;
}
@media (max-width: 991px) {
  .statistice ul {
    justify-content: center !important;
  }
  .statistice ul li {
    margin: 0 8px;
  }
}
@media (max-width: 575px) {
  .statistice {
    margin-bottom: 100px;
  }
  .statistice li {
    height: 100px;
    width: 100px;
  }
  .statistice li span {
    font-size: 24px !important;
    margin: 0 auto !important;
  }
}

.dashboard {
  padding: 60px 0 110px;
}
@media (max-width: 991px) {
  .dashboard {
    padding: 30px 0;
  }
  .dashboard .row.mt_60 {
    margin-top: 0px !important;
  }
}
@media (max-width: 575px) {
  .dashboard {
    padding-top: 0;
  }
  .dashboard .mobile_column {
    flex-direction: column !important;
  }
  .dashboard .d-flex.justify-content-end {
    justify-content: left !important;
  }
  .dashboard .plus {
    margin: 12px auto 0 !important;
  }
}

.search {
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  background-color: #ffffff;
}

.profile_head .photo {
  width: 120px;
}
.profile_head img {
  width: 120px;
  height: 120px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  overflow: hidden;
  object-fit: cover;
  margin: 0;
}
.profile_head .upload_btn {
  position: relative;
  display: block;
  width: 100%;
  min-width: auto;
  padding: 8px 10px;
  cursor: pointer;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
}
.profile_head .upload_btn input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  right: 0;
}
.profile_head ul li {
  margin-inline-end: 16px;
}
.profile_head ul li i {
  width: 36px;
  height: 36px;
  border: 1px solid #5e5ed6;
  color: #5e5ed6;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 34px;
}
.profile_head ul li a {
  color: #010101;
}
@media (max-width: 575px) {
  .profile_head {
    flex-direction: column !important;
  }
  .profile_head .upload_btn {
    padding: 4px 16px;
  }
  .profile_head .cont {
    margin-top: 24px;
    text-align: center;
  }
  .profile_head .cont h3 {
    font-size: 24px !important;
  }
  .profile_head .cont .main_btn {
    min-width: auto;
  }
  .profile_head .cont ul li i {
    display: block;
    margin: 0 auto 8px;
  }
}

.profile_block {
  background-color: #ffffff;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}
.profile_block .content {
  border-bottom: 1px solid #dee3f7;
}
.profile_block .content span {
  min-width: 85px;
  height: 85px;
  line-height: 85px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.profile_block .content span.green {
  background-color: #ffffff;
  border: 1px solid #02bf01;
  color: #02bf01;
}
.profile_block .content span.main {
  background-color: #5e5ed6;
  color: #ffffff;
}

.profile_block .content span.green-bg {
  background-color: #02bf01;
  color: #ffffff;
}

.profile_block .content span.red-bg {
  background-color: #c43c31;
  color: #ffffff;
}



.profile_block .cont h4 {
  line-height: 40px;
}
.profile_block .plus {
  margin-inline-start: 48px;
  min-width: 185px;
 
}

.profile_block .plus a{
margin-top: 100px;
 
}

.profile_block .plus span {
  line-height: 48px;
  border: 1px solid #dee3f7;
}


@media (max-width: 575px) {
  .profile_block .plus a{
    margin-top: 10px;
     
    }
  }

.subscribe_package {
  background-color: #ffffff;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}
.subscribe_package h3 {
  border-bottom: 2px solid #dee3f7;
}
.subscribe_package .cost {
  padding: 8px 0;
  border: solid #dee3f7;
  border-width: 1px 0;
  margin: 16px auto;
}
.subscribe_package ul li span {
  margin-top: 4px;
  padding-inline-start: 32px;
}

.register_cont {
  background-color: #ffffff;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  -webkit-box-shadow: 0 0px 5px 0px #e6effe;
  -moz-box-shadow: 0 0px 5px 0px #e6effe;
  -ms-box-shadow: 0 0px 5px 0px #e6effe;
  -o-box-shadow: 0 0px 5px 0px #e6effe;
  box-shadow: 0 0px 5px 0px #e6effe;
  padding: 32px;
  position: relative;
}

.add_wall label {
  min-width: 190px;
}
.add_wall textarea.form-control {
  min-height: 270px;
}
@media (max-width: 767px) {
  .add_wall .form-group {
    flex-direction: column;
  }
  .add_wall .form-group label {
    min-width: 100%;
    margin: 0 auto 16px !important;
  }
}

.students_list li {
  border: 1px solid #dee3f7;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  text-align: center;
}
.students_list li .class {
  border: solid #dee3f7;
  border-width: 0 1px;
  min-width: 180px;
}

@media (max-width: 575px) {
  .students_list li {
  
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
   
  }
  }

@media (max-width: 767px) {
  .students_list li {
    flex-direction: column;
    padding: 0;
  }
  .students_list li div {
    width: 100%;
  }
  .students_list li .class {
    border-width: 1px 0;
  }
}
@media (max-width: 767px) {
  .students_list li div span {
    display: block;
  }
}

.my_file .cont img {
  width: 16px;
}
.my_file .main_btn {
  min-width: 40%;
  width: 100%;
}

.sort_col .sort {
  min-width: 160px;
  border: 1px solid #5e5ed6;
}
.sort_col .sort .form-control {
  width: 80px;
  text-align: center;
}
@media (max-width: 767px) {
  .sort_col {
    flex-direction: column;
  }
}
@media (max-width: 575px) {
  .sort_col .sort {
    min-width: 300px;
    border: 1px solid #5e5ed6;
    background: #ffffff;
  }
  }

.names_footer {
  border-top: 1px solid #e6effe;
}
.names_footer p {
  min-width: 135px;
}
.names_footer p span {
  background-color: #dbdef2;
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-inline-end: 8px;
}
.names_footer .main_btn {
  min-width: auto;
  width: auto;
}
@media (max-width: 575px) {
  .names_footer {
    flex-direction: inherit;
  }
  .names_footer .main_btn {
    margin-top: 8px;
  }
}

.search_group .main_btn {
  min-width: 100px;
}

@media (max-width: 575px) {
  .search_results {
    padding: 16px !important;
  }
}

.teacher_item {
  border: 1px solid #e6effe;
  overflow: hidden;
  max-width: 75%;
}
.teacher_item .head {
  width: 50%;
}
.teacher_item .head img {
  width: 120px;
  height: 120px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  overflow: hidden;
  object-fit: cover;
  margin: 0;
}
.teacher_item ul li i {
  width: 36px;
  height: 36px;
  border: 1px solid #5e5ed6;
  color: #5e5ed6;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 34px;
}
.teacher_item ul li a {
  color: #010101;
}
.teacher_item .my_file {
  width: 50%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0;
  border-inline-start: 1px solid #e6effe;
}
@media (max-width: 991px) {
  .teacher_item {
    max-width: 100%;
  }
  .teacher_item .head {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .teacher_item {
    flex-direction: column;
  }
  .teacher_item .head {
    width: 100%;
    min-width: 100%;
  }
  .teacher_item .my_file {
    border-inline-start: 0;
    border-top: 1px solid #e6effe;
    min-width: 100%;
    width: 100%;
  }
}
@media (max-width: 575px) {
  .teacher_item .head,
.teacher_item .my_file {
    padding: 16px !important;
  }
  .teacher_item .head {
    text-align: center;
    flex-direction: column;
  }
  .teacher_item .head .cont {
    margin: auto;
    margin-top: 16px;
  }
}

.step_num {
  margin-bottom: 16px;
}
.step_num span {
  min-width: 64px;
  height: 64px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 64px;
}

textarea.enjazk_textarea {
  min-height: 360px !important;
}

input[type=date] {
  display: flex;
  flex-direction: row-reverse;
}

.add_enjazk label {
  min-width: 140px;
}
.add_enjazk input[type=checkbox] + label::before,
.add_enjazk input[type=radio] + label::before,
.add_enjazk input[type=checkbox] + label::after,
.add_enjazk input[type=radio] + label::after {
  bottom: auto;
  top: 3px;
}
.add_enjazk input[type=checkbox] + label::after,
.add_enjazk input[type=radio] + label::after {
  top: 6px;
}
.add_enjazk input[type=checkbox] + label,
.add_enjazk input[type=radio] + label {
  padding-inline-start: 50px;
}
@media (max-width: 575px) {
  .add_enjazk .white_bc {
    margin-bottom: 16px;
  }
  .add_enjazk .form-group.d-flex {
    flex-direction: column !important;
    align-items: flex-start !important;
    margin: 0 !important;
  }
  .add_enjazk .form-group.d-flex label {
    margin: 0 0 16px !important;
  }
}

.week_item .num {
  background-color: #5e5ed6;
  color: #ffffff;
  line-height: 45px;
}
.week_item .form-control {
  margin-top: 8px !important;
}

@media (max-width: 767px) {
  .select_group {
    flex-direction: column;
    align-items: flex-start !important;
  }
  .select_group .select_item {
    margin-bottom: 24px;
  }
  .select_group .select_item:last-child {
    margin-bottom: 0;
  }
}

table {
  border: 0 !important;
  border-collapse: separate;
  border-spacing: 15px;
}
table thead {
  padding: 0;
}
table tbody {
  padding: 0;
}
table tr {
  height: 45px;
}
table th,
table td {
  padding: 0 !important;
  border: 0 !important;
  line-height: 45px;
  height: 45px;
}
table td.sq {
  background-color: #5e5ed6;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
}
table .sq {
  max-width: 50px;
  min-width: 50px;
  width: 50px;
  height: 45px;
  padding: 0;
  line-height: 45px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #eff2f9;
}
table .day {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #5e5ed6;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
table .form-control {
  border-color: #dee3f7 !important;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
table .break {
  background-color: #eff2f9;
}

body:has(.enjazk_file) {
  background-color: #eef1ff;
}
body:has(.enjazk_file)::before {
  display: none;
}

.enjazk_file {
  margin: auto;
}
.enjazk_file .heading {
  position: relative;
}
.enjazk_file .heading .cover {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 280px;
  overflow: hidden;
  background: #e2e5f6;
  border-radius: 0 0 60px 60px;
}
.enjazk_file .heading .cover img {
  width: 100%;
  height: 96%;
  object-fit: cover;
  border-radius: 0 0 60px 60px;
}
@media (max-width: 575px) {
  .enjazk_file .heading .cover {
    border-radius: 0 0 40px 40px !important;
  }
  .enjazk_file .heading .cover img {
    border-radius: 0 0 40px 40px !important;
  }
}
.enjazk_file .heading .cont {
  position: relative;
  padding: 24px;
  text-align: center;
  color: #ffffff;
}
.enjazk_file .heading h2 {
  position: relative;
  padding-bottom: 24px;
}
.enjazk_file .heading h2::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 180px;
  height: 9px;
  background: url(../images/enjack_file/line.png) no-repeat;
}
.enjazk_file .heading .contact_item {
  margin-inline-end: 8px;
}
.enjazk_file .heading .contact_item i {
  background-color: #ffffff;
  color: #010101;
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-inline-end: 8px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.enjazk_file .heading .user {
  border: 3px solid #ffffff;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  width: 190px;
  height: 190px;
  object-fit: cover;
  background-color: #5e5ed6;
  transform: translate(-40px, -70px);
}
.enjazk_file .navigate {
  margin: 0 auto 32px;
}
.enjazk_file .navigate li {
  min-width: 170px;
  margin: 0 0 16px;
  margin-inline-end: 16px;
}
.enjazk_file .navigate a {
  display: block;
  color: #010101;
  padding: 4px 16px;
  background-color: #ffffff;
  border: 1px solid #dee3f7;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.enjazk_file .navigate i {
  background-color: #eef1ff;
  margin-inline-end: 12px;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.enjazk_file .besmell {
  width: 90%;
  max-width: 460px;
  margin: 60px auto;
}
.enjazk_file .data_box .title {
  border: solid #eff2f9;
  border-width: 1px 1px 0 1px;
  position: relative;
  padding-top: 12px;
  padding-inline-start: 40px;
}
.enjazk_file .data_box .title::before {
  content: "";
  position: absolute;
  top: -7px;
  inset-inline-start: -50px;
  width: 68px;
  height: 60px;
  background: url(../images/enjack_file/shap.png) no-repeat;
}
.enjazk_file .data_box .title h3 {
  position: relative;
  padding-bottom: 24px;
}
.enjazk_file .data_box .title h3::before {
  content: "";
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  width: 180px;
  height: 9px;
  background: url(../images/enjack_file/line.png) no-repeat;
}
.enjazk_file .data_box .cont {
  max-height: 360px;
  min-height: 130px;
  overflow: hidden;
  overflow-y: auto;
  padding: 0 24px;
  height: 100%;
}
.enjazk_file .data_box .cont li {
  display: block;
  line-height: 30px;
  margin: 4px auto;
  font-size: 16px;
  font-weight: bold;
  text-align: start;
}
.enjazk_file .data_box .sign span {
  min-width: 100px;
}
.enjazk_file .data_box label {
  font-size: 16px;
  font-weight: bold;
  color: #5e5ed6;
}
.enjazk_file .data_box label i {
  font-size: 12px;
  text-align: center;
  background-color: #f0f2fb;
  color: #5e5ed6;
  width: 24px;
  height: 24px;
  line-height: 24px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.enjazk_file .data_box label img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.enjazk_file .data_box .data_view {
  border: 1px solid #dee3f7;
  padding: 24px;
  min-height: 190px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
}
.enjazk_file .data_box .data_view.small_h {
  padding: 12px 24px;
  min-height: auto;
}
.enjazk_file .data_box .data_view li {
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin: 4px auto;
}
.enjazk_file .data_box .date {
  background-color: #f0f2fb;
  line-height: 45px;
}
.enjazk_file .data_box .form-control:disabled,
.enjazk_file .data_box .form-control[readonly] {
  background-color: #ffffff;
}
.enjazk_file .data_box .attach {
  width: 290px;
  padding-inline-start: 32px;
  text-align: center;
}
.enjazk_file .data_box .attach a {
  color: #010101;
}
.enjazk_file .data_box .addion_info {
  margin-top: 32px;
}
.enjazk_file .data_box .addion_info li {
  border: 1px solid #dee3f7;
  padding: 8px 24px;
  font-size: 16px;
  text-align: center;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  margin-inline-end: 16px;
}
.enjazk_file .data_box .addion_info img {
  width: 16px;
}
.enjazk_file .data_box .addion_info a {
  color: blue;
  text-decoration: underline;
}
.enjazk_file .data_box .contact_item i {
  background-color: #eef1ff;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  color: #010101;
  font-size: 18px;
  margin-inline-end: 16px;
}
@media (max-width: 991px) {
  .enjazk_file .navigate li {
    min-width: 224px;
    margin: 0 0 8px;
    margin-inline-end: 8px;
  }
  .enjazk_file .heading .user {
    width: 130px;
    height: 130px;
    transform: translate(-40px, -10px);
  }
}
@media (max-width: 767px) {
  .enjazk_file .navigate li {
    min-width: 145px;
    margin-inline-end: 4px;
  }
  .enjazk_file .contact_item {
    width: 100%;
    margin-bottom: 16px;
  }
}
@media (max-width: 575px) {
  .enjazk_file {
    padding: 0 20px !important;
  }
  .enjazk_file .data_box .title {
    padding-inline-start: 60px;
  }
  .enjazk_file .data_box .title::before {
    top: 3px;
    inset-inline-start: -29px;
  }
  .enjazk_file .addion_info,
.enjazk_file .cont.d-flex.justify-content-between.align-items-center {
    flex-direction: column;
  }
  .enjazk_file .addion_info li {
    width: 100%;
    margin-top: 8px;
  }
  .enjazk_file .data_box .attach {
    width: 100%;
    padding-inline-start: 0;
    text-align: center;
  }
  .enjazk_file .navigate li {
    min-width: 100%;
    margin-inline-end: 0;
  }
  .enjazk_file .heading h2 {
    margin-bottom: 8px !important;
    font-size: 24px !important;
  }
  .enjazk_file .heading h3 {
    font-size: 16px !important;
    margin-bottom: 8px !important;
  }
  .enjazk_file .heading .contact_list {
    flex-direction: column;
  }
  .enjazk_file .heading .user {
    width: 160px;
    height: 100px;
    transform: translate(0px, -10px);
  }
  .enjazk_file .heading .logo {
    width: 100px;
    margin-inline-start: 50px !important;
  }
}

.enjazk_file_footer {
  position: relative;
  padding: 50px 15px 0;
  margin-top: 150px;
  background-color: #fff;
}
.enjazk_file_footer::before {
  content: "";
  position: absolute;
  top: -90px;
  right: 0;
  left: 0;
  width: 100%;
  height: 330px;
  background: url(../images/enjack_file/footer_bg.png) no-repeat center;
  background-size: cover;
}
.enjazk_file_footer h3 {
  padding-bottom: 24px;
  position: relative;
  margin: auto;
  margin-top: -50px;
  max-width: 200px;
}
.enjazk_file_footer h3::before {
  content: "";
  position: absolute;
  inset-inline-start: -70px;
  margin: auto;
  width: 54px;
  height: 41px;
  background: url(../images/enjack_file/h3_shap.png) no-repeat;
}
.enjazk_file_footer h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 180px;
  height: 9px;
  background: url(../images/enjack_file/line.png) no-repeat;
}
.enjazk_file_footer p {
  max-width: 440px;
  margin: 32px auto 0;
  position: relative;
  color: #010101;
  line-height: 30px;
}
.enjazk_file_footer .bottom_logo {
  position: relative;
  margin: 0px 30px 0;
  padding-bottom: 50px;
}
@media (max-width: 575px) {
  .enjazk_file_footer .bottom_logo {
    position: relative;
    margin: 30px auto 0;
    padding-bottom: 20px;
  }
}

.fixed_btn {
  position: fixed;
  bottom: 100px;
  margin: auto;
  inset-inline-end: 24px;
  width: 170px;
  height: 109px;
}
.fixed_btn button {
  width: 100%;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  text-align: center;
  color: #ffffff;
  padding: 8px 16px;
  background-color: #010101;
  margin: 8px auto;
}
.fixed_btn button:hover{  text-align: right;}
@media (max-width: 767px) {
  .fixed_btn {
    width: 40px;
    height: 140px;
    inset-inline-end: 10px;
  }
  .fixed_btn button {
    margin: 4px auto;
  }
  .fixed_btn span {
    display: none;
  }
  .fixed_btn i {
    margin: auto;
  }
}

.wide_btn {
  font-size: 18px;
  padding: 12px 70px;
}

body:has(.wall_file) {
  background-color: #eef1ff;
}
body:has(.wall_file)::before {
  display: none;
}

.wall_file .heading {
  background-color: #5e5ed6;
  color: #ffffff;
}
.wall_file .heading p {
  max-width: 540px;
  margin: auto;
}
.wall_file .wall_content {
  min-height: 100%;
  max-width: 1280px;
  padding: 50px;
}
@media (max-width: 575px) {
  .wall_file .wall_content {
    padding: 16px;
  }
}
.wall_file .wall_content img {
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  width: 100%;
  height: 100%;
  max-height: 300px;
  object-fit: cover;
  overflow: hidden;
}
.wall_file .add_btn {
  position: fixed;
  bottom: 24px;
  inset-inline-start: 24px;
  background-color: #5e5ed6;
  color: #ffffff;
  width: 72px;
  height: 72px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.4s linear transform;
  -moz-transition: 0.4s linear transform;
  -ms-transition: 0.4s linear transform;
  -o-transition: 0.4s linear transform;
  transition: 0.4s linear transform;
}
.wall_file .add_btn.clicked {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.wall_file .close_btn {
  position: absolute;
  top: 12px;
  inset-inline-end: 12px;
  font-size: 12px;
  width: 24px;
  height: 24px;
  border: 1px solid #010101;
  text-align: center;
  line-height: 24px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.wall_file .add_wall_box {
  position: fixed;
  bottom: -100%;
  inset-inline-start: 124px;
  width: 100%;
  max-width: 320px;
  -webkit-transition: 0.4s linear bottom;
  -moz-transition: 0.4s linear bottom;
  -ms-transition: 0.4s linear bottom;
  -o-transition: 0.4s linear bottom;
  transition: 0.4s linear bottom;
}
.wall_file .add_wall_box textarea.form-control {
  min-height: 120px !important;
}
.wall_file .add_wall_box.open {
  bottom: 24px;
}


.wall_file .share_btn {
    
  position: fixed;
  bottom: 30px;
  inset-inline-end: 24px;
  background-color: #000000;
  color: #ffffff;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
Font-size:20px;

}

/*# sourceMappingURL=style.css.map */

fieldset{margin: 30px 0px 0px 0px;}
legend{

  padding:0px 15px 0px 15px; 
 width: max-content;
  margin: 0 auto;
  display: flex;
  
    font-size: 16px;
  font-weight: bold;
  color: #5e5ed6;
 text-align: center !important;
}


legend img{
   width: 35px;
  height: 30px;
  object-fit: contain;
margin: 0px 0px 0px 10px;
display: block;
}

.leg-data{

    border: 2px solid #dee3f7;
  padding: 20px;
  min-height:75px;
  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;

 color: #02bf01;

}
.leg-data h3{   
  font-size: 20px;
 font-weight: bold;
 text-align: center;
}

.leg-data p{   
  font-size: 16px;
 font-weight: bold;
 text-align: right;
}

.leg-data p img{

  width:230px ;
  height:230px ;
  margin: 14px;
  display: inline;
}
.event-title{
  color: #ffffff;
  width:50%;
  text-align: center;
  margin:0px auto ;
  font-size: 34px;
  line-height: 60px;
    background: linear-gradient(90deg, #02bf01 0%, rgba(2, 191, 1, 0.5) 100%);
  -webkit-box-shadow: 0 2px 8px 2px rgba(2, 191, 1, 0.2);
  -moz-box-shadow: 0 2px 8px 2px rgba(2, 191, 1, 0.2);
  -ms-box-shadow: 0 2px 8px 2px rgba(2, 191, 1, 0.2);
  -o-box-shadow: 0 2px 8px 2px rgba(2, 191, 1, 0.2);
  box-shadow: 0 2px 8px 2px rgba(2, 191, 1, 0.2);

}
.event-title-logo{
  width: 160px !important;
  height:150px !important;
  display: block;
  margin:0px auto ;
}
.event-pg{
  background: url(../images/event/event-pg.jpg) no-repeat top right;

background-size: 100%;
 background-position: top;

    padding-top:200px ;
 
}
body.event-pg::before,
body.event-pg::after {
  content: none !important;
  display: none !important;
}
.sign-twtheq{
   background: linear-gradient(90deg, #02bf01 0%, rgba(2, 191, 1, 0.5) 100%);
  padding: 12px;

  -webkit-border-radius: 24px;
  -moz-border-radius: 24px;
  border-radius: 24px;
  text-align: center;
  color: #ffffff;
  font-size: 22px;
  font-weight: bold;

}

@media (max-width: 575px) {
.event-pg{
  background-color:#ffffff ;
 background-image: none;
    padding-top:50px ;
}
.event-title{width:100% ;}
}







/*# New For certificate Pages & Slider */


.cerf_select_item {
  display: inline-block;
  margin: 10px;
}


.cerf_select_item input[type="radio"] {
  display: none;
}


.cerf_select_item label {
  cursor: pointer;
  transition: 0.3s;
  border-radius: 6px;
}


.cerf_select_item label img {
  width: 150px;
  height: 100px;
  display: block;
  border-radius: 6px;
  transition: 0.3s;
}


.cerf_select_item input[type="radio"]:checked + label img {
  border: 3px solid #4CAF50;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}


@media (max-width: 768px) {
  .cerf_select_item label img {
    width: 120px;
    height: 80px;
  }
}

@media (max-width: 480px) {
  .cerf_select_item label img {
    width: 100px;
    height: 70px;
  }
}


.slider-img {
    width: 380px !important;
    height: 180px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
    margin: 0 auto;
  }
  

/*# Register Tabs */


.tab-btn {
  padding: 14px 40px;
  border: none;
  background-color: #ffffff;
  font-weight: bold;
  color: #000000;
  border-radius: 25px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.tab-btn.active {
  background-color: #02bf01;
  color: white;
}

.tab-content {
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0 }
  to { opacity: 1 }
}