* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
html,body {
  margin: 0;
  padding: 0;
  font-family: var(--bs-font-sans-serif);
}
.required {
  color: red;
}

.course-loader-div .row1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.ei-footer {
  position: fixed;
  width: 100%;
  bottom: 0;
}

.ei-public-sec {
  margin: 58px 0 51px 0;
}

.ei-footer .copyright {
  padding: 15px 0 !important;
}

.ovel-radius {
  border-radius: 50px!important;
  padding: 8px 25px!important;
  transition: 0.3s;
}

.inputGroup-pwd {
    margin-left: auto;
    float: right;
    margin-top: -32px;
    margin-right: 5px;
    border: none;
}

.csr-admin-sec {
  min-height: 500px;
}

.ei-course-banner {
  height: auto;
  width: 100%;
}

.member-img img {
  height: auto;
  width: 70%;
}

.course-view-box {
  padding: 10px;
  width: 100%;
  border: 1px solid #000;
  word-break: break-word;
}

.downloadBtn {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.downloadBtn:hover {
  text-decoration: none;
  color: #000;
}

.hrdf-tooltipDesign {
  background: #E4F2FF;
  color: #000;
  padding: 10px;
  border-radius: 10px;
  text-align: left;
  border: 0.2px solid #34459b;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}

.cursor-pointer {
  cursor: pointer;
}

.Bank-details-text {
  font-size: 11pt;
}

.course-view-box h5 {
  text-decoration: underline;
  text-underline-offset: 7px;
}

.course-view-box a {
  color: #34459b;
  text-decoration: underline;
}

input:disabled, select:disabled, textarea:disabled {
  background: #E4F2FF!important;
}

.swal2-container .swal2-title {
  font-size: 22px;
  font-weight: 500
}

.loaderbox {
  background: gray;
  animation: placeholder-glow 2s ease-in-out infinite;
}

.loaderbtn {
  background: #fff;
  animation: placeholder-glow 2s ease-in-out infinite;
}

.paginate_button:hover {
  background: #34459b!important;
  color: #fff!important;
  text-decoration: none!important;
} 

.paginate_button {
  border-radius: 3px!important;
}

.crs-flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 20px;
}

.course-mobView {
    display: none;
  }
  .course-dskView {
    display: block;
  }

.crs-flex-container .crs-flex-col-1 {
  width: 75%;
}

.crs-2-flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.coulmn-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.speakers-img-sec img {
  height: 170px;
  width: 170px;
  border-radius: 59%;
}

.speakers-tex-sec {
  display: flex;
  flex-direction: column;
  padding: 15px 0;
}

.crs-qr-tex {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.crs-qr-tex h3 {
  text-align: center;
  margin-bottom: 20px;
}

.mt-80px {
  scroll-snap-stop: 80px!important;
}

.crs-footer-flex-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 30px 40px;
  flex-wrap: wrap;
}

.crs-footer-flex-container .footer-logo-1 {
  height: auto;
  width: 12%;
}

.crs-footer-flex-container .footer-logo-3 {
  height: auto;
  width: 22%;
}

.crs-footer-flex-container .footer-logo-2 {
  height: 50px;
  width: 220pxpx;
}

.table td {
  text-align: center;
}

.crs-qr-tex .bb-1px {
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}

.crs-2-flex-2 {
  width: 55%;
  border-bottom: 1px solid #000;
  margin-left: 20px;
}

.crs-flex-container .crs-flex-col-2 {
  width: 22%;
}

.crs-seal-img img {
  height: auto;
  width: 55%;
}

.couse-bdyContent .heading-border {
  border-bottom: 1px solid #000;
}

.crs-qr-img img {
  height: auto;
  width: 90%;
}

.swal2-modal {
  font-size: 14px
}

.swal2-styled.swal2-confirm {
  background: #6466f9f2!important;
}

.swal2-icon.swal2-question {
  border-color: #4ba6ef;
  color: #4ba6ef
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
  background-color: #2ab57d
}

.swal2-icon.swal2-success .swal2-success-ring {
  border-color: rgba(42, 181, 125, .3)
}

.swal2-icon.swal2-warning {
  border-color: #ffbf53;
  color: #ffbf53
}

.swal2-styled:focus {
  -webkit-box-shadow: none;
  box-shadow: none
}

.swal2-progress-steps .swal2-progress-step,
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #5156be
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step,
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
  background: rgba(81, 86, 190, .3)
}

.swal2-progress-steps .swal2-progress-step-line {
  background: #5156be
}

.swal2-loader {
  border-color: #5156be transparent
}

body[data-layout-mode=dark] .swal2-popup {
  background-color: #3b403d!important
}

body[data-layout-mode=dark] .swal2-content {
  color: #adb5bd
}

body[data-layout-mode=dark] .swal2-html-container {
  color: #858d98
}

.crs-apply-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.custom-body-bg {
  background: linear-gradient(140deg, #CBC3E3 200px, transparent 200px);
}

.bg-card {
  background: #F7FEFF;
}

.boxShadow {
  background: transparent;
  border-radius: 10px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}

.sweet-alert h2 {
  font-size: 22px !important;
}

.ml-auto {
  margin-left: auto!important;
}

.mTop-sec {
  margin-top: 100px!important;
}

.getDetails-container {
  margin: 100px 20% 30px 20%;
}

.pkg-main-row {
  justify-content: center;
}

.premiumePkg .package-box {
  background: #34459b;
  color: #fff;
}

.premiumePkg .package-box .heading-price {
  border-bottom: 1px solid #fff;
}

.premiumePkg .package-box .chooseokgBtn {
  border-bottom: 1px solid #34459b;
  color: #34459b;
  background: #fff;
}

.basicPkg .package-box .chooseokgBtn {
  border-bottom: 2px solid #34459b;
  color: #34459b;
  background: #fff;
}

.basicPkg .package-box .heading-price {
  border: 1px solid #34459b;
  color: #34459b;
  background: #fff;
}

.package-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  width: 300px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
  border-radius: 15px;
  transition: transform 250ms;
  padding: 20px 0px;
  margin: auto auto 60px auto;
  height: 380px;
}

.pkg-notes {
  width: 300px;
  padding: 20px 0px;
  margin: auto;
  text-align: justify;
}

.package-box .heading-price {
/*  background-image: linear-gradient(to right, #cbdce8 0%, #CFDEF3 51%, #a9bdca 100%);*/
  background: #34459b;
  color: #fff;
  font-weight: bolder;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  padding: 10px 0;
  margin-top: -20px;
}

.package-box .chooseokgBtn {
  background: #34459b;
  color: #fff;
  transition: 0.5s;
  font-size: 14pt;
  background-size: 200% auto;
  padding: 6px 5px;
  border-radius: 10px;
  border: none;
  margin: 0 auto;
}

.package-box p {
  font-size: 13pt;
  border-bottom: 1px solid #5454f3;
}

.package-box .heading-price .pkg-icon .img {
  height: auto;
  width: 70px;
  margin-top: -55px;
}

.package-box .heading-price .pkg-icon .img1 {
  height: auto;
  width: 130px;
  margin-top: -55px;
}

.package-box .heading-price h6 {
  text-align: center !important;
  font-weight: bolder;
  font-size: 22px;
  font-family: arial;
}

.heading-price .icon {
  font-size: 24pt;
}

.paymentModeDesign:hover{
  transform: translateY(-10px);background-image: linear-gradient(to right, #81b3d3 0%, #CFDEF3 51%, #cbdce8 100%);
}

.package-box h5 {
  font-weight: bold;
  font-size: 20pt;
}

.paymentFailedIcon {
  font-weight: bold;
  font-size: 22pt;
  color: #8b0000;
  text-align: center;
}

.paymentSuccessIcon i {
  font-size: 13pt;
}

.package-box .chooseokgBtn {
  padding: 5px 50px;
  border-radius: 40px;
  border: 0;
  font-weight: bold;
}

.customBtn {
  background: #34459b;
  color: #fff;
  transition: 0.5s;
  background-size: 200% auto;
  padding: 6px 10px;
  border-radius: 10px;
  border: none;
}

.customBtn:hover {
  color: #fff;
  text-decoration: none;
}

.customBtn1 {
  background: #34459b;
  color: #fff!important;
  transition: 0.5s;
  background-size: 200% auto;
  padding: 0px 10px;
  border-radius: 10px;
  border: none;
}

.addBtn {
  padding: 5px 15px;
  float: right;
  text-decoration: none;
  font-size: 10pt;
}

.addBtn:hover {
  text-decoration: none;
  color: #fff;
}

.custom-thead {
  background: #34459b;
  text-align: center;
  background-size: 200% auto;
  color: #fff;  
}

.custom-bg {
  background: #34459b;
  color: #fff;
}

.home-page-container .home-img img {
  width: 100%;
  height: auto;
}
.home-nav-container {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
  padding: 15px 20px;
}
.home-nav-container .col-3 img {
  height: auto;
  width: 96%;
  border-radius: 15px;
  transition: transform 250ms;
  /*  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;*/
  box-shadow: rgba(0, 0, 0, 0.45) 0px -25px 20px -20px, rgba(0, 0, 0, 0.45) 25px 0px 20px -20px, rgba(0, 0, 0, 0.45) 0px 25px 20px -20px, rgba(0, 0, 0, 0.45) -25px 0px 20px -20px;
}
.home-nav-container .col-3 img:hover {
  transform: translateY(-10px);
}
.footerBottem {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.register-container {
  margin: 0 50px;
}
.statusContentConatiner {
  position: relative;
  padding-top: 60px;
}
.statusContentConatiner:before {
  content: "";
  border-bottom: 3px dotted #000;
  position: relative;
  top: -70px;
  left: 44px;
  display: block;
  width: 93%;
  height: 1px;
}
.register-container .col-12 .nav {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 30px 0;
}
.register-container .col-12 .nav .nav-item {
  margin: 10px 30px;
  padding: 0 40px;
  text-align: center;
  position: relative;
}
.register-container .col-12 .nav .nav-item:not(:last-child):after, .register-container .col-12 .nav .nav-item:not(:last-child):before {
  content: "";
  width: 0; 
  height: 0; 
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  
  border-left: 20px solid #23298f;
  position: absolute;
  right: -40px;
  top: 3px;
  z-index: 2;
}
.register-container .col-12 .nav .nav-item a {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.register-container .col-12 .nav .nav-item .textContent {
  font-weight: 800;
  color: #23298f;
}
.register-container .col-12 .nav .nav-item .active .numText {
  background: #23298f;
  color: #fff!important;
  font-weight: bold;
}
.register-container .col-12 .nav .nav-item:not(.active) .numText {
  border: 2px solid #23298f;
  
  color: #23298f;
  font-weight: bold;
}
.register-container .col-12 .nav .nav-item .numText {
  font-size: 13pt;
  text-align: center;
  padding: 20px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.px-5 {
  padding: 0 50px;
}
.nextBtnDesign {
  background: #23298f;
  color: #fff;
  padding: 3px 30px;
  border-radius: 10px;
  margin-bottom: 50px;
}
.backBtnDesign {
  background: #fff;
  color: #23298f;
  padding: 3px 30px;
  border-radius: 10px;
  margin-bottom: 50px;
  border: 1px solid #23298f;
  text-decoration: none;
  cursor: pointer;
}
.text-right {
  text-align: right;
}
.form-group>label {
    font-size: 11pt;
    color: #22298e;
    font-weight: 600;
}


.form-group-chk>label {
    font-size: 11pt;
    color: #22298e;
    font-weight: 600;
}

.form-control, .form-select {
  border: 1px solid #808080;
}
.form-check-input {
  border: 1px solid #808080;
}

.headerIconDesign {
  color: #23298f;
  margin-top: 3px;
  margin-right: 7px;
}
.fileUploadeDesign {
  width: 100%;
  border: 1px dotted #000;
  cursor: pointer;
  padding: 5px;
}
.fileUploadeDesign .uploadIconDesign {
  color: #23298f;
  margin-top: 3px;
  margin-right: 7px;
  font-size: 15pt;
}
.orgUploadFileDesign {
    position: absolute;
    top: 40px;
    opacity: 0;
}
.mb-3 {
  margin-bottom: 30px!important;
}
.mb-1 {
  margin-bottom: 10px!important;
}
.ml-2 {
  margin-left: 20px;
}
.mr-2 {
  margin-right: 20px;
}
.tableHeadingDesign {
  background: #23298f;
  color: #fff;
}
.noBorder {
  border: 1px solid transparent !important;
}
.table th {
  text-align: center;
}
.table td,th {
  vertical-align: middle;
}

table.dataTable thead th, table.dataTable {
  border: none!important;
}

table.dataTable thead th {
  border: 0.5px solid #fff!important;
}
.table td {
  border: 0.5px solid #808080;
  border-collapse: collapse;
  font-size: 10pt;
}
th,td {
  font-size: 11pt;
}
.purchaceContainer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

}
.purchaseBtnDesign {
  width: 200px;
  height: 150px;
  background-image: linear-gradient(to right, #614385 0%, #516395  51%, #614385  100%);
  color: #fff;
  padding: 30px;
  border-color: transparent;
  border-radius: 10px;
  margin: 30px;
  font-size: 18pt;    
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px;
  transition: transform 250ms;
  transition: 0.5s;
  background-size: 200% auto;
}
.purchaseBtnDesign:hover {
  background-position: right center;
  transform: translateY(-10px);
}
.ssm-searchDontainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.pdfIcon {
  font-size: 15pt;
}
.checkStatusContainer {
  padding: 40px 60px;
}
.checkStatusContainer .checkStatusForm {
  background-image: linear-gradient(to right, #614385 0%, #516395  51%, #614385  100%);
  height: 200px; 
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.checkStatusLabel {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}
.checkStatusInput {
  border: 2px solid #fff;
  border-radius: 30px;
}
.checkStatusInputContainer {
  display: flex;
  flex-direction: row;
  width: 100%;
  position: relative;
}
.checkStatusInputContainer .checkStatusSearchBtn {
  color: #fff;
  background: #17a1fe;
  padding: 6px 20px;
  position: absolute;
  right: 0;
  border: 2px solid #fff;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.border-circle {
  border-radius: 50%!important;
  padding: 2px 11px;
}

.checkStatusResultSec {
  padding: 50px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.form-card-design {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  padding: 30px;
  border-radius: 30px;
}
.mainheadingDesign {
  color: #23298f;
  display: table;
  border-bottom: 1px solid #23298f;
  text-transform: uppercase;
  font-size: 15pt;
  padding-bottom: 5px;
}
.subheadingDesign {
  text-align: left;
  color: #22298e;
  font-weight: bold;
  font-size: 17pt;
}
.subheadingNumDesign {
  color: #22298e;
  font-weight: bold;
  font-size: 27pt;
  border: 3px solid #000;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.subHeadingContainer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.subCardHeaderDesign {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.f-12 {
  font-size: 12pt;
}
.my-3 {
  margin: 30px 0;
}
.bi-ownerInfoSec {
  border: 1px solid #000;
  border-radius: 30px;
  margin-bottom: 30px;
  padding: 10px;
}
.text-bold {
  font-weight: bold;
}
.text-start {
  text-align: right;
}
.text-end {
  text-align: right;
}
.bi-table-headingDesign {
  background: #888!important;
  color: #fff;
}
.bi-table-subHeadingDesign {
  background: #999!important;
  color: #000;
}
.form-heading {
  font-size: 13pt;
  text-transform: uppercase;
}
.paysuccContainer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.paySuccessSec {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px;
  width: 50%;
  background-image: linear-gradient(to right, #cbdce8 0%, #CFDEF3 51%, #a9bdca 100%);
  position: relative;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  border: 1px solid #17a1fe;
}
.paySuccessSec .paySuccess-head {
  padding-top: 20px;
  text-decoration: underline;
  text-underline-offset: 7px;
}
.paySuccessSec .paySuccess-head .successIcon {
  color: #000;
  background-image: linear-gradient(to right, #cbdce8 0%, #a9bdca 80%, #a9bdca 100%);
  border: 2px dotted #17a1fe;
  position: absolute;
  width: 60px;
  height: 60px;
  text-align: center;
  top: -40px;
  left: 45%;
  font-size: 15pt;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  display: flex;
}
.paySuccessSec .paySuccess-body {
  padding: 30px 40px;
}
.ansLanel {
  font-weight: 500;
  margin-left: 20px;
}
.headingTitle {
  text-align: center;
  color: #22298e;
  font-weight: bold;
  font-size: 22pt;
}

.forgot-pswd {
  text-decoration: none;
  color: #000;
  cursor: pointer;
  font-weight: bold;
  font-size: 10pt;
  float: right;
  margin: 10px 0;
}

.reg-sec span {
  font-size: 10pt;
}

.reg-btn:hover {
  color: #fff!important;
}

.reg-btn {
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  font-size: 8pt;
  margin: 10px 0;
  border: 1px solid #34459b;
  border-radius: 10px;
  padding: 5px 8px;
  background: #6579db;
}

.lhdn-verify-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.lhdn-verify-container .form-label {
  font-weight: bold;
}

.payment-sucess-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 180px 0 50px 0;
}

.payment-sucess-container .custom-col {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
  padding: 30px 0;
  width: 40%;
}

.payment-sucess-container .custom-col .payment-sts-btn {
  padding: 6px 60px;
}

.payment-sucess-container .custom-col .psucs-icon span {
  font-size: 20pt;
  font-weight: 200!important;
  border-radius: 50%;
  color: #29b57d;
  padding: 8px;
}

.payment-sucess-container .custom-col .psucs-content {
  font-weight: bold;
  font-size: 14pt;
  margin: 10px 0;
}

.login-input::placeholder{
   text-align: center;
   font-weight: bold;
}
.ansLanel {
  font-size: 10pt;
}
.loginContainer {
  width: 100%;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.height-auto {
  min-height: auto!important;
}
.loginContainer .box-shadow {
  padding: 50px;
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  transition: transform 250ms;
}
.login-btnDesign {
  background: #22298e;
  color: #fff;
  padding: 5px 85px;
  border-radius: 30px;
  text-decoration: none;
}
.login-btnDesign {
  color: #fff!important;
  text-decoration: none!important;
}
.loginATagDesign {
  font-weight: bolder;
  font-size: 9pt;
}
.logintRegBtn {
  display: flex;
  justify-content: space-between;
}
.mt-33 {
  margin-top: 33px;
}
.text-uc {
  text-transform: uppercase;
}
.verifyEmailBtnSucc {
  margin-top: 50px;
}
.float-right {
  float: right;
}


.pricing-table {
  background-color: #fff;
  padding: 30px;
}
.plan {
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  margin-bottom: 30px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transform: translateY(50px);
  animation: fadeInUp 0.8s forwards;
  transition: transform 0.3s, box-shadow 0.3s;
}
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.plan:hover .plan-cost {
  font-size: 2.5rem;
  color: #34459b;
  transition: font-size 0.3s;
}
.plan:hover .plan-select a {
  background-color: #17a2b8;
}
.plan-title {
  font-size: 1.5rem;
  border: 1px solid #4834d4;
  border-radius: 30px;
  font-weight: bold;
  text-decoration-color: #4834d4;

}

.pkg-premium-year {
  background: #4834d4;
  padding: 10px;
  color: #fff;
  font-weight: bold;
  position: absolute;
  margin-left: 59px;
  margin-top: -65px;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  font-size: 14px;
  line-height: 16px;
}
.pkg-premium-year .num {
  font-size: 26px;
  font-weight: bolder;
}
.plan-cost-sec {
  margin-top: -10px;
  line-height: 20px;
  background: #D5DFFF;
}
.plan-cost {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1px;
  transition: font-size 0.3s;
  display: flex;
  align-items: start;
  justify-content: center;
}

.validaty-diclaration {
  padding-bottom: 5px;
  border-bottom: 1px solid #4834d4;
  line-height: 23px;
}

.validaty-diclaration span {
  font-weight: bold;
  font-size: 23px;
}

.plan-cost .money-type {
  font-size: 18px!important;
}
.plan-features {
  list-style: disc!important;
  margin-bottom: 30px;
}
.plan-features li::marker {
  color: blue!important;
}
.plan-features li {
  text-align: left;
  line-height: 20px;
  padding: 3px 0;
  /* border-bottom: 1px solid #dee2e6; */
}
.plan-features li:first-child {
  border-top: none;
}
.plan-select a {
  color: #fff;
  background-color: #007bff;
  padding: 10px 20px;
  border-radius: 25px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
  transition: background-color 0.3s;
}
.plan-select a:hover {
  background-color: #0056b3;
}
.plan-cost .month {
    font-size: 13px !important;
}
.hr-lines{
    position: relative;
    max-width: 500px;
    font-weight: bold;
    color: red;
    /* margin: 100px auto; */
    text-align: center;
}

.hr-lines:before{
content:" ";
height: 2px;
width: 20px;
background: red;
display: block;
position: absolute;
top: 50%;
left: 25%;
}

.hr-lines:after{
content:" ";
height: 2px;
width: 20px;
background: red;
display: block;
position: absolute;
top: 50%;
right:25%;
}

.cart-button {
    position: relative;
    /* padding: 10px; */
    width: 200px;
    height: 42px;
    border: 0;
    border-radius: 25px;
    background-color: #4834d4;
    outline: none;
    cursor: pointer;
    color: #fff;
    transition: .3s ease-in-out;
    overflow: hidden;
}
.cart-button:hover {
    background-color: #35269b;  /* #35269b */
}
.cart-button:active {
    transform: scale(.9);
}
button:focus {
    outline: none !important;
}
.cart-button .fa-shopping-cart {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: -10%;
    font-size: 2em;
    transform: translate(-50%,-50%);
}
.cart-button .fa-box {
    position: absolute;
    z-index: 3;
    top: -20%;
    left: 52%;
    font-size: 1.2em;
    transform: translate(-50%,-50%);
}
.cart-button span {
    position: absolute;
    z-index: 3;
    left: 50%;
    top: 50%;
    font-size: 1.2em;
    color: #fff;
    transform: translate(-50%,-50%);
}
.cart-button span.add-to-cart {
    opacity: 1;
}
.cart-button span.added {
    opacity: 0;
}

.cart-button.clicked .fa-shopping-cart {
    animation: cart 1.5s ease-in-out forwards;
}
.cart-button.clicked .fa-box {
    animation: box 1.5s ease-in-out forwards;
}
.cart-button.clicked span.add-to-cart {
    animation: txt1 1.5s ease-in-out forwards;
}
.cart-button.clicked span.added {
    animation: txt2 1.5s ease-in-out forwards;
}
@keyframes cart {
    0% {
        left: -10%;
    }
    40%, 60% {
        left: 50%;
    }
    100% {
        left: 110%;
    }
}
@keyframes box {
    0%, 40% {
        top: -20%;
    }
    60% {
        top: 40%;
        left: 52%;
    }
    100% {
        top: 40%;
        left: 112%;
    }
}
@keyframes txt1 {
    0% {
        opacity: 1;
    }
    20%, 100% {
        opacity: 0;
    }
}
@keyframes txt2 {
    0%, 80% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.admin-container-status {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.admin-container-status .ad-db-statusBtn {
  width: 30%;
  text-align: center;
  margin: 0 20px;
  padding: 10px 0;
  cursor: pointer;
  border-radius: 20px;
  transition: 0.5s;
  color: #fff;
  background-size: 200% auto;
  background-image: linear-gradient(to right, #4b6cb7 0%, #182848  51%, #4b6cb7  100%);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}

.ad-db-statusBtn:hover {
  background-position: right center;
}

.mt-auto {
  margin-top: auto;
}

.ei-home-bgContent {
  background: #0850d2;
}

.ei-home-bgContent .headingTitle {
  color: #fff;
  font-size: 29pt;
  padding-top: 30px;
  font-weight: bolder;
}

.org-phase-infoText {
  padding: 10px 20px;
  color: #4b6cb7;
  position: absolute;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  font-size: 13pt;
  width: 60%;
  right: 0;
  margin-top: -47px;
  background-size: 200% auto;
  border: 1px solid #4b6cb7;
  background-image: linear-gradient(to right, #ECE9E6 0%, #FFFFFF  51%, #ECE9E6  100%);
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}

.org-phaseIcon {
  font-size: 14pt;
  color: #34459b;
}

.ei-home-bgContent .col-md-2 {
  width: 19%!important;
}

.ei-home-bgContent .col-md-2 .pkg-divSec {
  background: #fff;
  border-radius: 30px;
  padding: 20px 0;
}

.fill-light-wrapper {
  fill: #34459b;
}

.ei-content-svg {
  animation-name: up-down;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate-reverse;
  animation-fill-mode: both;
  text-align: center;
}

.ei-content-svg img {
  border-radius: 35px;
  margin: 40px 0;
}

@keyframes up-down {
  0% {
    /* Starting state */
    transform: translateY(0);
  }
  100% {
    /* Ending state */
    transform: translateY(5%);
  }
}


.ei-header-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  color: #fff;
  margin: 0 40px;
}

.ei-header-content .col-md-6 h1 {
  font-weight: bolder;
}

.pkg-viewBtn {
  padding: 10px 20px;
  background: #FF0000;
  color: #fff;
  margin-top: 20px;
  border-radius: 10px;
  font-weight: bold;
}

.pkg-viewBtn:hover {
  color: #fff;
}

@media (min-width: 380px) and (max-width: 630px) {
  .pkg-main-row .col-md-2 {
    width: 80%!important;
  }
}

@media (min-width: 600px) and (max-width: 1030px) {
  .pkg-main-row .col-md-2 {
    width: 50%!important;
  }
}