/*Common CSS*/
* {
  outline: none;
  box-sizing: border-box;
}

*::-moz-selection {
  background: #3079ed;
  color: #fff;
  text-shadow: none;
}

body,
html {
  font-family: 'Fira Sans' !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
  width: 100% !important;
  font-size: 16px;
  font-weight: 400 !important;
  background-color: #d1d1d1 !important;
}

label {
  display: block !important;
  font-family: 'Fira Sans' !important;
  font-weight: 400 !important;
}

button,
option {
  font-family: 'Fira Sans';
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-family: 'Fira Sans' !important;
  line-height: normal !important;
}

ul,
li {
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: 'Fira Sans';
}

img {
  vertical-align: middle;
  border: none
}

p {
  font-size: 18px;
  padding: 0;
  color: #2a2a2a;
  display: block;
  font-family: 'Fira Sans';
  margin: 0;
  line-height: normal;
}

a,
input,
select,
textarea,
.btn {
  transition: all 0.25s ease-in 0s;
  -webkit-transition: all 0.25s ease-in 0s;
  -moz-transition: all 0.25s ease-in 0s;
  -o-transition: all 0.25s ease-in 0s;
  outline: none;
  text-decoration: none;
}

a {
  color: #666;
  cursor: pointer;
}

a:hover {
  outline: none;
  cursor: pointer;
  color: #212121;
  text-decoration: none;
}

a:focus {
  outline: none;
  text-decoration: none
}

.full-width {
  float: left;
  width: 100%;
}

.relative {
  position: relative
}

.full-img {
  width: 100%;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="file"],
select,
input[type="number"] {
  transition: all 0.25s ease-in 0s;
  -webkit-transition: all 0.25s ease-in 0s;
}

button {
  transition: all 0.25s ease-in 0s;
  -webkit-transition: all 0.25s ease-in 0s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="file"]:focus,
select:focus,
input[type="number"]:focus {
  outline: none;
  transition-duration: 0.1s;
  box-shadow: none;
}

.form-control1-input {
  box-shadow: none;
  padding: 0 10px;
  border-radius: 0;
}

.form-control1-input:focus {
  box-shadow: none;
}

.form-control1-input::-moz-placeholder {
  opacity: 1;
  color: #dadada;
}

.form-control1-input::-webkit-input-placeholder {
  opacity: 1;
  color: #dadada;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}

select::-ms-expand {
  display: none;
}

video {
  width: 100%;
}

select option {
  color: #282828;
}

picture>img {
  width: 100%;
  height: auto;
}

.btn-check:focus+.btn,
.btn:focus {
  box-shadow: none;
}

/* ::-webkit-scrollbar { width: 10px;}
::-webkit-scrollbar-track { background: #fff; border-radius: 0;}
::-webkit-scrollbar-thumb { background: #FF5A37; border-radius:0;}
::-webkit-scrollbar-thumb:hover { background: #FF5A37; border-radius: 0;} */

/*Common CSS*/
.modal {
  z-index: 10000;
  right: -17px;
}

.modal-backdrop {
  z-index: 9999;
}

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

.modal.in {
  padding-right: 0 !important;
}

.modal-content {
  float: left;
  width: 100%;
  margin-bottom: 40px;
  border-radius: 0;
  border: none;
  box-shadow: none;
}

.modal-dialog {
  max-width: 600px;
  width: 90%;
  margin: 70px auto 0;
}

.modal-body {
  float: left;
  width: 100%;
  padding: 15px;
}

.modal-backdrop.in {
  opacity: .80;
}

.modal-header {
  border-bottom: none;
  padding-bottom: 0;
}

.styled_select {
  position: relative;
  width: 100%;
}

.styled_select:after {
  content: "\f107";
  font-family: 'FontAwesome';
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  line-height: 52px;
  color: #0067b3;
  font-size: 30px;
  text-align: center;
  pointer-events: none;
}

.styled_select select {
  padding-right: 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}

.container {
  max-width: 1420px;
  width: 100%;
}

.img_block>img {
  max-width: 100%;
}


/* Common CSS for pages */
.form-control1{
  margin-bottom: 15px;
}

.form-control1-label {
  margin-bottom: .5rem;
  text-align: left;
}

.login_container .form-control1-input {
  border-radius: 30px;
  font-size: 1.15rem;
}
.form-control1-select, .form-control1-file, .form-control1-input {
  border-radius: 15px;
  border: none;
  font-size: 1.25rem;
  background-color: #fff;
  padding: .85rem 1rem;
  /*     
  
  background-color: #FFF; */
}


.form-control1 input::placeholder {
  color: #dadada;
  opacity: 1;
}

.form-control1 select:disabled,
.form-control1 input:disabled,
.form-control1 input[readonly] {
  background-color: #DADADA;
  opacity: 1;
}
.form-control1-select {
  background-position: center right 1rem;
}
 
.title {
  color: #2D3393;
  font-size: calc(2rem + 1vw);
  font-weight: 700;
  line-height: normal;
  padding-bottom: 20px;
}

.title span {
  color: #22232B;
  font-weight: 500;
}

.btn span img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.btn:hover,
.btn[type=button]:hover {
  color: #fff;
  background-color: #5F5F5F;
}

.btn:hover span,
.btn[type=button]:hover span {
  background-color: #2B2B2B;
}

.btn[type=button].blue_btn,
.btn.blue_btn {
  background-color: #3A41B2;
}

.btn.blue_btn span {
  background-color: #6167C1;
}

.btn.blue_btn:hover {
  background-color: #6167C1;
}

.btn.blue_btn:hover span {
  background-color: #3A41B2;
}

.btn.grey_btn {
  background-color: #656565;
}

.btn.grey_btn span {
  background-color: #838383;
}

.btn.grey_btn:hover {
  background-color: #838383;
}

.btn.grey_btn:hover span {
  background-color: #656565;
}

.btn,
.btn[type=button] {
  border: none;
  color: #fff;
  background-color: #2B2B2B;
  line-height: 30px;
  font-size: 20px;
  font-weight: 500;
  padding: 5px 5px 5px 25px;
  min-width: 150px;
  border-radius: 40px;
  position: relative;
  text-align: left;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
}

.btn span {
  position: relative;
  /* top: 9px; */
  /* right: 9px; */
  display: inline-block;
  height: 47.5px;
  width: 47.5px;
  background-color: #5F5F5F;
  margin-left: 1rem;
  border-radius: 100%;
  transition: all 0.25s ease-in 0s;
}

.header {
  display: flex;
  justify-content: space-between;
  height: 11vh !important;
}

.wrapper {
  padding: 15px;
}

.round_wrap {
  background-color: #EFEFEF;
  border-radius: 48px;
  padding: 20px 20px 40px;
  height: 100%;
  position: relative;
  /* min-height: 95svh; */
}

.login_container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 60px;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 2rem;
  display: grid;
  margin: auto;
}

.login_container .img_block {
  grid-column: span 5 / span 5;
  padding: 0 30px 30px;
}

.login_container .content_block {
  grid-column: span 4 / span 4;
  padding: 0 30px 50px 0px;
}

.login_wrap h2 {
  color: #000000;
  font-size: 30px;
  font-weight: 700;
  font-family: 'Roboto';
  line-height: normal;
  padding-bottom: 5px;
}

.login_wrap p {
  color: #909090;
  font-size: 18px;
  font-weight: 400;
  font-family: 'Roboto';
  line-height: normal;
  padding-bottom: 20px;
}

.login_wrap label {
  color: #000000;
  font-weight: 400;
  font-family: 'Roboto';
  margin-bottom: 5px;
}

.login_wrap .btn_wrap {
  padding-top: 30px;
}

.login_wrap h6 {
  text-align: center;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  font-family: 'Roboto';
  line-height: normal;
  padding: 20px 0;
}

.login_wrap .btn {
  width: 100%;
}

/* Step One CSS */
.step_btnlist {
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
}

.step_btnlist li {
  padding: 0 20px 30px 0;
}

.step_btnlist li:last-child {
  padding-right: 0;
}

/* .step_btnlist li .btn {
  *padding-right: 150px;
  font-size: 28px;
} */

.left_header {
  display: flex;
  align-items: center;
}

.left_header li {
  text-align: center;
  position: relative;
  padding: 0 20px;
}

.left_header li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, .5);
  width: 1px;
  height: 36px;
}

.left_header li:first-child:before {
  display: none;
}

.left_header li:first-child {
  padding-left: 0;
}

.left_header li:last-child {
  padding-right: 0;
}

.left_header li .user_pic {
  width: 50px;
  border-radius: 50px;
  margin: auto;
}

.left_header li span {
  display: block;
  color: #2D3393;
  font-size: 14px;
  padding-top: 5px;
}

/* Step Two CSS */
/* .step2_btnlist li .btn{ padding-right: 80px;} */
.back {
  text-align: center;
  display: inline-block;
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.back span {
  display: block;
  color: #696969;
  font-size: 14px;
  padding-top: 5px;
}

/* Checksheet */
.main_wrapper .head,
.checksheet_wrapper .head {
  text-align: center;
  border-top: 1px solid rgba(0, 0, 0, .1);
  padding: 20px 0;
  margin-top: 20px;
}

.title h2 {
  color: #2D3393;
  font-size: 40px;
}

.title span {
  color: #22232B;
}

.checksheet_wrapper .head h2 {
  font-size: calc(2rem + 1vw);
  font-weight: 500;
  color: #22232B;
}


.checksheet_wrapper .head h3 {
  font-size: 20px;
  font-weight: 500;
  color: #696969;
}

.table-responsive {
  margin-bottom: 0;
}

.table {
  border: none;
  overflow: hidden;
  border-radius: 30px;
}

.table>thead {
  vertical-align: middle;
}

.table>thead>tr {
  background-color: #2D3393;
}

.table>thead>tr:nth-child(2) {
  background-color: #D3D3D3;
}

.table>thead>tr>th {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 15px 10px;
  border: none;
  border-left: 1px solid #E3E3E3;
}

.table>thead>tr>th:first-child {
  border-left: none;
}

.table>thead>tr>th:nth-child(2):not(.adddata_table th) {
  font-weight: 700;
  font-size: 17px;
  border-left: none;
  text-align: left;
}

.table>thead>tr:nth-child(2)>th {
  color: #2D3393;
  font-size: 16px;
  text-align: left;
}

.table>tbody>tr {
  background-color: #fff;
}

.table>tbody>tr:nth-child(2n+1) {
  background-color: #F6F5F5;
}

.table>tbody>tr>td {
  border: none;
  border-left: 1px solid #E3E3E3;
  color: #000;
  font-size: 14px;
  vertical-align: middle;
  font-weight: 400;
  padding: 15px 10px;
}

.table>tbody>tr>td:first-child,
.table>tbody>tr>td:nth-child(2) {
  border-left: none;
}

.table>tbody>tr>td:first-child {
  padding: 15px;
}

.table>tbody>tr>td p {
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}

.btn_list {
  display: flex;
  justify-content: center;
}

.btn_list li {
  padding-left: 20px;
}

.btn_list li:first-child {
  padding-left: 0;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
  margin-bottom: 1rem;
}

[type=search] {
  outline-offset: -2px;
  appearance: textfield;
}
h4 sup,
.form-control1-label sup,.form-control1-label1 sup {
  color: #FF0404;
}
.form-control1-select, .form-control1-file, .form-control1-input  {
  display: block;
  width: 100%;
  /* padding: 0.375rem 0.75rem; */
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  /* background-color: #fff; */
  background-clip: padding-box;
  /* border: 1px solid #ced4da; */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* border-radius: 0.25rem; */
  /* transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; */

}
select {
  padding-right: 1rem;
  background-position: top 55% right 0px;
  background-repeat: no-repeat;
  background-size: 21px 9px;
}
select, input {
  outline: 0;
}
select,
.icon-angle-down {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'%3E%3Cpath d='M11.7858 0.350329C11.899 0.46083 11.9888 0.592133 12.05 0.736709C12.1113 0.881284 12.1428 1.03629 12.1428 1.19283C12.1428 1.34938 12.1113 1.50438 12.05 1.64896C11.9888 1.79353 11.899 1.92484 11.7858 2.03534L6.93073 6.793C6.81797 6.90389 6.68398 6.99187 6.53644 7.0519C6.3889 7.11194 6.23072 7.14284 6.07097 7.14284C5.91123 7.14284 5.75305 7.11194 5.60551 7.0519C5.45797 6.99187 5.32398 6.90389 5.21122 6.793L0.356123 2.03534C0.128101 1.81189 -4.8052e-09 1.50883 0 1.19283C4.8052e-09 0.876832 0.128101 0.573775 0.356123 0.350329C0.584144 0.126883 0.893408 0.00135245 1.21588 0.00135245C1.53835 0.00135244 1.84761 0.126883 2.07564 0.350329L6.07199 4.2645L10.0683 0.347355C10.1813 0.236962 10.3153 0.149464 10.4627 0.0898624C10.6102 0.0302608 10.7682 -0.000274306 10.9277 1.85659e-06C11.0872 0.000278019 11.2451 0.0313598 11.3924 0.0914716C11.5396 0.151583 11.6733 0.239546 11.7858 0.350329Z' fill='%232D3393'/%3E%3C/svg%3E");
}
.form-control1-file[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control1-file[type=file] {
  overflow: hidden;
  border: 0;
  outline: 0;
}
 
.form-control1-file::-webkit-file-upload-button {
  float: right;
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0rem;
  color: transparent;
  width: 30px;
  height: 35px;
  background-color: transparent;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  background-repeat: no-repeat;
  background-position: center;
}
.form-control1-file::-webkit-file-upload-button,
.icon-file-clip {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='22' viewBox='0 0 20 22' fill='none'%3E%3Cpath d='M18.7848 10.3984C18.8634 10.477 18.9258 10.5703 18.9684 10.673C19.0109 10.7757 19.0328 10.8858 19.0328 10.9969C19.0328 11.1081 19.0109 11.2182 18.9684 11.3208C18.9258 11.4235 18.8634 11.5168 18.7848 11.5954L10.1091 20.2658C8.99844 21.3763 7.49213 22.0001 5.92154 22C4.35095 21.9999 2.84473 21.3759 1.73423 20.2652C0.62372 19.1546 -9.91188e-05 17.6483 1.18128e-08 16.0777C9.91424e-05 14.5071 0.624109 13.0009 1.73475 11.8904L12.2302 1.24062C13.0231 0.446858 14.0988 0.000595478 15.2208 5.95506e-07C16.3427 -0.000594287 17.419 0.444528 18.2127 1.23744C19.0065 2.03036 19.4527 3.10612 19.4533 4.22807C19.4539 5.35002 19.0088 6.42625 18.2159 7.22001L7.71838 17.8698C7.24165 18.3465 6.59506 18.6143 5.92086 18.6143C5.24666 18.6143 4.60007 18.3465 4.12334 17.8698C3.64661 17.3931 3.37878 16.7465 3.37878 16.0723C3.37878 15.3981 3.64661 14.7515 4.12334 14.2747L12.9312 5.32733C13.0083 5.24502 13.1012 5.17898 13.2042 5.13309C13.3073 5.0872 13.4185 5.06239 13.5313 5.06012C13.6441 5.05785 13.7562 5.07817 13.861 5.11987C13.9659 5.16158 14.0613 5.22383 14.1417 5.30296C14.2221 5.3821 14.2858 5.47652 14.3292 5.58067C14.3726 5.68482 14.3947 5.79659 14.3942 5.9094C14.3937 6.02222 14.3707 6.1338 14.3265 6.23758C14.2822 6.34136 14.2177 6.43524 14.1366 6.51369L5.32768 15.4706C5.24881 15.5489 5.18612 15.6419 5.1432 15.7444C5.10028 15.8468 5.07796 15.9567 5.07751 16.0678C5.07707 16.1789 5.09852 16.289 5.14062 16.3918C5.18273 16.4947 5.24467 16.5882 5.32292 16.667C5.40116 16.7459 5.49418 16.8086 5.59665 16.8515C5.69912 16.8944 5.80904 16.9168 5.92014 16.9172C6.03123 16.9176 6.14133 16.8962 6.24414 16.8541C6.34695 16.812 6.44046 16.75 6.51933 16.6718L17.0158 6.02731C17.4925 5.55156 17.7607 4.90591 17.7614 4.2324C17.7621 3.5589 17.4952 2.9127 17.0195 2.43597C16.5437 1.95924 15.8981 1.69102 15.2246 1.69033C14.5511 1.68963 13.9049 1.95652 13.4281 2.43227L2.93486 13.0778C2.54176 13.4703 2.22982 13.9363 2.01683 14.4494C1.80385 14.9624 1.694 15.5124 1.69356 16.0678C1.69312 16.6233 1.80209 17.1735 2.01426 17.6868C2.22643 18.2002 2.53763 18.6668 2.9301 19.0599C3.32258 19.453 3.78863 19.7649 4.30167 19.9779C4.8147 20.1909 5.36465 20.3007 5.92014 20.3012C6.47562 20.3016 7.02575 20.1926 7.53912 19.9805C8.05249 19.7683 8.51904 19.4571 8.91214 19.0646L17.5889 10.3942C17.7481 10.2363 17.9634 10.148 18.1877 10.1488C18.4119 10.1496 18.6267 10.2394 18.7848 10.3984Z' fill='%232D3393'/%3E%3C/svg%3E");
}
/* Add Data Page */
.add_btn {
  border-top: 1px solid rgba(0, 0, 0, .1);
  padding: 20px 0;
  margin-top: 20px;
  display: flex;
  justify-content: end;
}

/* .add_btn .btn{ padding-right: 90px;} */
/* .adddata_table > thead > tr > th, .adddata_table > thead > tr > th:nth-child(2){ border: none; font-size: 16px; font-weight: 500; text-align: center;} */
.adddata_table>tbody>tr>td {
  text-align: center;
}

.adddata_table>tbody>tr>td h4 {
  font-size: 24px;
  font-weight: 500;
  color: rgba(45, 51, 147, .45);
  padding: 14svh 0;
}

/* Search page */
.search {
  position: relative;
  min-width: 600px;
  margin: 15px 0;
}

.search .form-control1-input {
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .05);
  height: 52px;
  padding: 0 60px 0 15px;
}

.search .btun {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 60px;
  padding: 0;
  border: none;
  background-color: #D9D9D9;
  border-radius: 0 10px 10px 0;
}

.search_table {
  margin-bottom: 60px;
}

/* Responsive */
@media(max-width:1440px) {
  .title {
    font-size: 50px;
    padding-bottom: 10px;
    line-height: 50px;
  }

  .login_wrap h2 {
    font-size: 22px;
  }

  .login_wrap p {
    font-size: 16px;
  }

  .login_wrap label {
    font-size: 14px;
  }

  /* .form-control-input{ height: 44px;} */
  .btn,
  .btn[type=button] {
    line-height: 50px;
    font-size: 20px;
  }

  .btn span {
    height: 40px;
    width: 40px;
  }

  .btn span img {
    width: 24px;
  }

  .login_container {
    padding-top: 40px;
  }

  /* .login_container .content_block{ padding-right: 100px;} */
  .step_btnlist li .btn {
    font-size: 20px;
  }

  /* .step_btnlist li .btn{ padding-right: 90px;} */

  .main_wrapper .head,
  .checksheet_wrapper .head {
    margin: 10px 0 0;
    padding: 15px 0;
  }

  .main_wrapper .head h2,
  .checksheet_wrapper .head h2 {
    font-size: 32px;
  }

  .main_wrapper .head h3,
  .checksheet_wrapper .head h3 {
    font-size: 18px;
  }

  /* .table > thead > tr > th:nth-child(2){ font-size: 18px;} */
  .table>thead>tr>th,
  .table>thead>tr:nth-child(2)>th {
    font-size: 14px;
  }

  .main_wrapper,
  .checksheet_wrapper {
    margin-bottom: 1rem;
  }

  .round_wrap {
    border-radius: 28px;
    padding: 15px 15px 40px;
    min-height: 100svh;
  }
}

/* checkbox */
.custom-checkbox {
  text-align: left;
}

.custom-checkbox-input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.custom-checkbox-label {
  position: relative;
  padding: .5rem 0 .5rem 2rem;
  display: block;
  cursor: pointer;
}

.custom-checkbox-label:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  display: inline-block;
  border-radius: 8px;
  border: 1px solid #b1b1b1;
  background-color: #cdcdcd;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.03);
}

.custom-checkbox-input:checked+.custom-checkbox-label:before {
  background-color: #2D3393;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M10.9238 0.626523C10.8735 0.50342 10.7997 0.391582 10.7067 0.297405C10.6139 0.203123 10.5036 0.128329 10.3822 0.0772977C10.2608 0.0262668 10.1307 0 9.99934 0C9.86794 0 9.73782 0.0262668 9.61644 0.0772977C9.49506 0.128329 9.38478 0.203123 9.29192 0.297405L4.00007 5.66549L1.70785 3.33953C1.52023 3.14926 1.26577 3.04236 1.00043 3.04236C0.735103 3.04236 0.480638 3.14926 0.29302 3.33953C0.105402 3.52981 0 3.78787 0 4.05696C0 4.32606 0.105402 4.58412 0.29302 4.7744L3.29265 7.81653C3.38551 7.91081 3.49579 7.9856 3.61717 8.03663C3.73856 8.08766 3.86867 8.11393 4.00007 8.11393C4.13147 8.11393 4.26158 8.08766 4.38296 8.03663C4.50434 7.9856 4.61462 7.91081 4.70748 7.81653L10.7067 1.73228C10.7997 1.6381 10.8735 1.52626 10.9238 1.40316C10.9741 1.28006 11 1.1481 11 1.01484C11 0.881579 10.9741 0.749626 10.9238 0.626523Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.wlcm-box {
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 0 calc(2rem + 4vw);
  /* gap: 2.5rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid; */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
}

.wlcm-box:before {
  content: "";
  position: absolute;
  top: -40px;
  bottom: 80px;
  left: 0;
  right: 0;
  border-radius: 46px;
  border: 1px solid #C8C8C8; 
  background: #E4E4E4;
}

.panel-heading { 
  /* flex-grow: 1; */
  flex-shrink: 1;
  /* grid-column: span 3 / span 3; */
  position: relative;
  z-index: 2;
}
.w-full{width: 100%;}
.w-1by3{width: 33.333%;}
.w-1by2{width: 50%;}
.w-1by4{width: 25%;}
.w-3by4{width: 75%;}
.ss-row {margin-top: 1rem;}
.ss-row img{max-width: 100%;border-radius: 22px;
  border: 1px solid rgba(45, 51, 147, 0.20);
  background: #FFF; 
  box-shadow: 0px 0px 18px -2px rgba(0, 0, 0, 0.12);}
.panel-item {
   /* flex-grow: 1; */
   /* flex-shrink: 1; */ 
  display: grid;
  justify-items: center;
  place-content: center;
  padding: 1rem;
  z-index: 1;
  aspect-ratio: 10/8;
  border-radius: 20px;
  border: 1px solid rgba(50, 56, 147, 0.85);
  background: #3A41B2;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.29);
  text-align: center;
}

.panel-item .panel-title {
  color: #fff;
  font-size: calc(1rem + .5vw);
}

.panel-img {
  margin-bottom: 1rem;
}

.main_wrapper {
  padding: 1rem calc(1rem + 1vw);
}

.bv-boxes {
  gap: 2.5rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  display: grid;
  margin-bottom: calc(2rem + 3vw);
}

.bv-boxes li img {
  width: 60px;
  height: 60px;
  object-fit: contain;
  margin: 0 auto 0.5rem;
}

.bv-boxes li p  {
  font-size: 18px;
}
.bv-boxes li a { 
  display: grid;
  justify-items: center;
  place-content: center;
  padding: 1rem;
  aspect-ratio: 5/4;
  border-radius: 19px;
  background: #FFF;
  box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.11);
}
.bv-boxes li a:hover{
  box-shadow: none ;
  border-radius: 10px;
}
.bv-boxes li {
  text-align: center;
  grid-column: span 1 / span 1;
}
.share-panel{margin: 0 0 2rem;}
.benef-row{margin: 1rem 0 2rem;}

.benef-box{
  border-radius: 46px;
  border: 1px solid #C8C8C8;
  background: #FFF;
  padding: calc(1rem + 1vw);
  word-wrap: break-word;
}
.benef-row .btn, .benef-row .btn[type=button]{min-width: auto; padding: 0;}
.benef-row .btn span, .benef-row .btn span{margin: 0;}
.benef-box .custom-checkbox{padding: .75rem 0;}
.mfp-image-holder .mfp-close{display: none;}
button.mfp-close {
  right: 10px;
  top: 10px;
  width: 46px;
  height: 46px;
  text-align: center;
  padding-right: 0;
  background: url(../images/close-icon.png) no-repeat;  
  border-radius: 100%;
  opacity: 1;
  background-size: 100%;
  background-position: center;
}
.mfp-arrow:before, 
.mfp-arrow:after{display: none;}
/* .mfp-arrow-right  */
button.mfp-arrow-right{
  background: url(../images/angle-right.svg) no-repeat; 
  background-size: 100%;
  background-position: center;
}
button.mfp-arrow-left{
  background: url(../images/angle-left.svg) no-repeat; 
  background-size: 100%;
  background-position: center;
}
.gallery{margin-bottom: 2rem;}
.gallery.gap-x-6 {gap: 2rem}
.gallery a{
  display: block;
  position: relative;
}
.gallery a:hover:before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 22px;
  border: 1px solid rgba(45, 51, 147, 0.20); 
  background: rgba(45, 51, 147, 0.5);
  box-shadow: 0px 0px 18px -2px rgba(0, 0, 0, 0.12);
}
.image-wrapper {
  display: flex;
  justify-content: center; /* Center horizontally */
}

.image-wrapper img {
  max-width: 100%; /* Ensure image does not exceed parent container's width */
  height: auto; /* Maintain aspect ratio */
}
.gallery a:hover:after{
  content: '';
  position: absolute;
  inset: 0;
  z-index:2;
  background-image: url(../images/zoom-icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50px;
}
hr{border-color: rgba(0, 0, 0, 0.2);}

.align-items-center{align-items: center;}
.justify-items-center{justify-items: center;}
.justify-content-center{justify-content: center;}

.text-center{text-align: center;}
.col-span-1{grid-column: span 1 / span 1;}
.col-span-2{grid-column: span 2 / span 2;}
.col-span-3{grid-column: span 3 / span 3;}
.col-span-4{grid-column: span 4 / span 4;}
.col-span-5{grid-column: span 5 / span 4;}
.col-span-6{grid-column: span 6 / span 4;}

.grid{display: grid;}
.gap-x-6{gap: 0 2rem;}
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr));}
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr));}
.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr));}
.grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr));}
.grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr));}
.grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr));}
.grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr));}
.grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr));}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xs {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  z-index: 2;
  position: relative;
}


@media (min-width:768px) {

  .container,
  .container-sm,
  .container-xs {
    max-width: 720px
  }
}

@media (min-width:992px) {

  .container,
  .container-md,
  .container-sm,
  .container-xs {
    max-width: 960px
  }
}

@media (min-width:1240px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xs {
    max-width: 1180px
  }

}
@media (min-width: 640px) {
  .grid-cols-1 {
      grid-template-columns: 1fr;
  }
}


@media (min-width:1420px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xs {
    max-width: 1268px;
    /* max-width: 1390px */
  }
}
.image-wrapper {
  margin-bottom: 20px; /* Add some margin at the bottom of the image wrapper */
}

.bg-primary {
  background-color: #2d3393 !important; /* Set background color for the grid container */
  padding: 20px; /* Add padding for better appearance */
}

.bg-grey {
  background-color: rgb(240, 234, 234); /* Set background color for the item-content div */
}
.blue-bg {
  background-color: #2D3393; /* Add blue background color */
  color: white; /* Set text color to white */
  padding: 10px; /* Add padding for better appearance */
  border-radius: 5px; /* Add border-radius for better appearance */
}
.main-panel-title {
  margin: 0; /* Remove default margin */
}

.main-panel-item {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #fff;
  width: 100%;
  height: 100%; /* Set height to 100% */
}

.item-content {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px; /* Add padding for better appearance */
  border-radius: 5px; /* Add border-radius for better appearance */
  width: 100%; /* Set width to 100% */
  height: 100%; /* Set height to 100% */
}

.content-wrapper {
  display: flex;
  align-items: center;
}

.main-panel-img {
  margin-right: 10px; /* Add margin-right to create space between image and text */
  max-width: 100px;
}





@media only screen and (max-width: 767px) {
  
  .logo img{
    width:150px;  
  }
  .left_header li:first-child img{
    width: 80px;
  }

  .left_header li .user_pic {
    width: 35px;
    border-radius: 50px;
  }

  .left_header li span {
    font-size: 10px;
    padding-top: 5px;
  }

  .left_header li {
    padding: 0 10px;
  }
  .checksheet_wrapper .head h2 {
    font-size: 40px;
  }
  .checksheet_wrapper .head h3{
    font-size: 14px;
  }
  .table>thead>tr>th:nth-child(2):not(.adddata_table th) {
    font-weight: 700;
    font-size: 14px;
    border-left: none;
    text-align: left;
}
.back{
  left: 10px;
}
.btn, .btn[type=button] {
  line-height: 20px;
  font-size: 15px;
}
}

a{
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  .grid{
  display: block;
  }
}

.round_wrap{
  min-height: 94svh !important;
}

.main_wrapper{
  padding: 0;
}

.custom-checkbox1 {
  text-align: left;
}

.custom-checkbox-input1 {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}

.custom-checkbox-label1 {
  position: relative;
  padding: .5rem 0 .5rem 2rem;
  display: block;
  cursor: pointer;
}

.custom-checkbox-label1:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  display: inline-block;
  border-radius: 8px;
  border: 1px solid #b1b1b1;
  background-color: #cdcdcd;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.03);
}

.custom-checkbox-input1:checked+.custom-checkbox-label1:before {
  background-color: #2D3393;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='9' viewBox='0 0 11 9' fill='none'%3E%3Cpath d='M10.9238 0.626523C10.8735 0.50342 10.7997 0.391582 10.7067 0.297405C10.6139 0.203123 10.5036 0.128329 10.3822 0.0772977C10.2608 0.0262668 10.1307 0 9.99934 0C9.86794 0 9.73782 0.0262668 9.61644 0.0772977C9.49506 0.128329 9.38478 0.203123 9.29192 0.297405L4.00007 5.66549L1.70785 3.33953C1.52023 3.14926 1.26577 3.04236 1.00043 3.04236C0.735103 3.04236 0.480638 3.14926 0.29302 3.33953C0.105402 3.52981 0 3.78787 0 4.05696C0 4.32606 0.105402 4.58412 0.29302 4.7744L3.29265 7.81653C3.38551 7.91081 3.49579 7.9856 3.61717 8.03663C3.73856 8.08766 3.86867 8.11393 4.00007 8.11393C4.13147 8.11393 4.26158 8.08766 4.38296 8.03663C4.50434 7.9856 4.61462 7.91081 4.70748 7.81653L10.7067 1.73228C10.7997 1.6381 10.8735 1.52626 10.9238 1.40316C10.9741 1.28006 11 1.1481 11 1.01484C11 0.881579 10.9741 0.749626 10.9238 0.626523Z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.form-control1-label1 {
  margin-bottom: .5rem;
  text-align: left;
}


.table-data {
  display: block;
}
.table-data {
  width: 100%;
  border-radius: 13px;
  background: #FFF;
  box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.07);
  padding: 1.5rem;
  margin: 1.5rem 0 1rem;
}
 
.table-header {
  margin-bottom: 1rem;
}
 
.table-heading {
  display: inline-block;
  color: #2D3393;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  padding-right: 1rem;
}
 
td .icon {
  margin-right: 4px;
}
 
.table-responsive {
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
 
table {
  width: 100%;
  /* display: block; */
  text-align: left;
  caption-side: bottom;
  border-collapse: collapse;
}
 
table input:not([width='']) {
  order: none;
  outline: none;
  width: auto;
  /* max-width: 122px; */
  border-width: 0;
}
 
table td select {
  background-color: transparent;
  padding: 0 16px 0 4px;
}
 
/* table td select,
table td input {
  background-color: rgba(196, 196, 196, 0.1);
} */
 
.table-data table tr>* {
  padding: .75rem .25rem;
}
 
.table-data table td input[type="date"]::-webkit-calendar-picker-indicator {
  background-position: 0;
}
 
.table-data table td input[type="date"] {
  padding-left: 1.35rem;
  padding-top: 0;
  padding-bottom: 0;
}
 
.table-data table th {
  background-color: #2D3393;
  color: white;
}
 
tr>td {
  border-left: 2px solid #2D3393;
  position: relative;
}
 
.table-data table tr:hover .remove-this {
  opacity: 1;
  visibility: visible;
}
 
.remove-this {
  /* opacity: 0;
  visibility: hidden; */
  position: absolute;
  top: 15%;
  box-shadow: 0 0 8px #8f8f8f;
  transform: translateY(-50%) rotate(45deg);
  right: 5px;
  border-radius: 100%;
  font-size: 20px;
  line-height: 6px;
  height: 20px;
  padding: 4px 3px;
  width: 20px;
  vertical-align: middle;
  display: inline-grid;
  color: #fff;
  background-color:#2D3393;
  border-color: #2D3393;
}
 
tr>td:first-child {
  border-left: 0
}

.text-right{
  margin-top: 0;
  display: flex;
  justify-content: flex-end;
  text-align: right;
  margin-bottom: 20px;
}

a:not(.text-right) {
  text-decoration: none !important;
}

.text-right a {
  border-radius: 43px;
  background: #2D3393;
  display: flex;
  /* width: 92px; */
  height: 40px;
  padding: 14px 30px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #FFF;
  font-family: Fira Sans;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  margin: 0 10px;
}

.text-right a:hover{
  color: #2D3393;
  background-color: white;
  border-color: #2D3393;
}