// .single-wizard-section {
//   padding: 20px;
//   background-color: $white-100;
//   border: 1px solid $color-border;
//   border-radius: 4px;
// }

// .wizard-description {
//   font-family: $font-paragraph;
//   font-style: normal;
//   font-weight: normal;
//   font-size: 1rem;
//   line-height: 100%;
//   color: $color-heading;
//   margin-bottom: 10px;
// }

// // label action start
// .label-action {
//   align-items: center;
//   height: 21px;

//   .ac-single-input {
//     label {
//       margin-top: 2px;
//     }
//   }

//   button:not(.is-text) {
//     opacity: 0;
//     visibility: hidden;
//     transition: 0.3s ease-in-out;

//     img {
//       width: 15px;
//     }

//     &.label-icon {
//       border: none;
//       background-color: transparent;
//       cursor: pointer;
//       padding: 0;
//       transition: 0.3s ease-in-out;

//       &:hover {
//         opacity: 0.8;
//       }
//     }
//   }

//   &:hover {
//     button {
//       opacity: 1;
//       visibility: visible;
//     }
//   }

//   .ms-close-button,
//   .ac-modal-footer {
//     .buttons {
//       button {
//         opacity: 1;
//         visibility: visible;

//         &:hover {
//           opacity: 0.7;
//         }
//       }
//     }
//   }

//   .label-icon {
//     display: flex;
//     align-items: center;
//     margin-right: 10px;

//     img {
//       width: 16px;
//     }
//   }

//   strong {
//     font-family: $font-paragraph;
//     font-style: normal;
//     font-weight: 500;
//     font-size: 1rem;
//     line-height: 16px;
//     color: $color-heading;
//     margin-right: 16px;
//   }
// }

// label action end
// key-value-button start
// .key-value-button {
//   display: grid;
//   grid-template-columns: calc(50% - 83px) 10px calc(50% - 82px) 110px;
//   grid-gap: 15px;

//   .ac-single-input {
//     margin-bottom: 0;
//   }

//   .lable-colone {
//     font-size: 30px;
//     font-weight: 500;
//     line-height: 1.1;
//   }
// }

// key-value-button end

// select card start

// select card end

// final state start
// .ac-final-state {
//   margin-bottom: 10px;

//   &:last-child {
//     margin-bottom: 0;
//   }

//   .state-left {
//     h5 {
//       font-family: $font-paragraph;
//       font-style: normal;
//       font-weight: 500;
//       font-size: 1rem;
//       line-height: 19px;
//       color: $color-heading;
//     }

//     img {
//       width: 16px;
//       margin-left: 10px;
//     }

//     button {
//       &.ac-button {
//         opacity: 0;
//         visibility: hidden;
//         transition: 0.3s ease-in-out;
//       }
//     }
//   }

//   &:hover {
//     .state-left {
//       button {
//         &.ac-button {
//           opacity: 1;
//           visibility: visible;
//         }
//       }
//     }
//   }
// }

// .button {
//   &.ac-button {
//     &.is-hovered-underline {
//       transition: 0.3s ease-in-out;

//       &:hover {
//         text-decoration: underline;
//       }
//     }
//   }
// }

// final state end

// .circle-list-shape {
//   border: 3px solid $primary-10;
//   border-radius: 50%;
//   width: 10px;
//   height: 10px;
//   margin-right: 10px;
//   display: inline-block;
// }

// .ac-selected-item {
//   .selected-left {
//     .item-name {
//       font-family: $font-paragraph;
//       font-style: normal;
//       font-weight: 500;
//       font-size: 1rem;
//       line-height: 16px;
//       color: $color-heading;
//     }

//     button {
//       &.ac-button {
//         opacity: 0;
//         visibility: hidden;
//         transition: 0.3s ease-in-out;
//       }
//     }
//   }

//   &:hover {
//     .selected-left {
//       button {
//         &.ac-button {
//           opacity: 1;
//           visibility: visible;
//         }
//       }
//     }
//   }
// }

// key button start
// .key-button {
//   display: grid;
//   grid-template-columns: calc(100% - 135px) 120px;
//   grid-gap: 15px;
// }

// key button end

// certificate section start
// .ac-certificate-area {
//   box-shadow: $ac-shadow-1;
//   border-radius: 4px;
//   background-color: $white-100;

//   .list-items {
//     padding: 10px;
//     border-bottom: 1px solid $color-border;

//     &:last-child {
//       border-bottom: none;
//     }

//     &.t-title {
//       background-color: $table-header;
//       border-radius: 4px 4px 0px 0px;
//       border-bottom: none;

//       li {
//         font-weight: 500;
//         color: $color-heading;
//       }
//     }

//     li {
//       width: 20%;
//       font-family: $font-paragraph;
//       font-style: normal;
//       font-weight: normal;
//       font-size: 1rem;
//       line-height: 16px;
//       color: $color-heading;
//       display: flex;
//       align-items: center;

//       &:last-child {
//         justify-content: flex-end;
//       }
//     }
//   }
// }

// .ac-certificate-info {
//   padding: 10px 15px;
//   background-color: $gray-60;
//   border-radius: 4px;

//   .single-name-title {
//     margin-bottom: 25px;
//     width: calc(100% - 140px);

//     &.has-single-button {
//       width: calc(100% - 50px);
//     }

//     &:last-child {
//       margin-bottom: 0;
//     }

//     label:not(.wizard-title) {
//       font-family: $font-paragraph;
//       font-style: normal;
//       font-weight: normal;
//       font-size: 1rem;
//       line-height: 18px;
//       display: block;
//       color: $color-heading;
//       margin-bottom: 5px;
//     }
//   }

//   .wizard-title,
//   .wizard-title.has-line {
//     span {
//       background-color: $primary-10;
//     }
//   }

//   button.button.ac-button.is-square.is-white {
//     background-color: $white-100;

//     &:hover {
//       background-color: $color-border;
//     }
//   }

//   .line-title {
//     span {
//       background-color: $gray-60;
//     }
//   }
// }

// .ac-unordered-list-items {
//   li {
//     display: flex;
//     align-items: center;
//     margin-bottom: 10px;

//     &:last-child {
//       margin-bottom: 0;
//     }

//     strong {
//       font-family: $font-paragraph;
//       font-style: normal;
//       font-weight: 500;
//       font-size: 1rem;
//       line-height: 16px;
//       display: flex;
//       align-items: center;

//       /* Gray 1 */

//       color: $color-heading;
//     }
//   }
// }

// certificate section end

// wizard title start
// h1,
// h2,
// h3,
// h4,
// h5,
// h6,
// label {
//   &.wizard-title {
//     margin-bottom: 15px;
//     position: relative;
//     z-index: 1;
//     display: inline-block;

//     &.has-line {
//       position: relative;
//       z-index: 1;
//       display: block;

//       span {
//         background-color: $white-100;
//         padding-right: 8px;
//       }

//       &:after {
//         position: absolute;
//         content: "";
//         left: 0;
//         top: 50%;
//         margin-top: -0.5px;
//         width: 100%;
//         height: 1px;
//         background-color: $info-light;
//         z-index: -1;
//       }
//     }

//     span.inline-description {
//       font-family: $font-paragraph;
//       font-style: normal;
//       font-weight: normal;
//       font-size: 12px;
//       line-height: 160%;
//       color: $color-heading;
//       transform: translate(5px, -2px);
//       display: inline-block;
//     }

//     .is-required {
//       display: inline-block;
//       width: 10px;
//       text-align: center;
//       line-height: 4px;
//       transform: translateY(-3px);
//     }

//     .button {
//       &.is-information {
//         background-color: transparent;
//         padding: 0;
//         height: auto;
//         padding: 4px;
//         border: none;
//         z-index: 99;
//         height: 30px;
//         width: 30px;
//         margin-top: -4px;

//         &:focus {
//           box-shadow: none;
//           box-shadow: none;
//           background-color: #cbe3f8;
//           border-radius: 50%;
//         }
//       }
//     }
//   }
// }

// button {
//   &.is-information {
//     padding: 4px;
//     height: 30px;
//     width: 30px;
//     margin-left: 5px;
//     margin-top: -4px;

//     &:focus {
//       border: none;
//       box-shadow: none;
//       background-color: #cbe3f8;
//       border-radius: 50%;
//     }
//   }
// }

// h5 {
//   &.wizard-title {
//     color: $color-heading;

//     .is-required {
//       transform: translateY(-2px);
//     }
//   }
// }

// wizard title end

// checkbox card start
// .card-checkbox {
//   width: 358px;
//   height: 115px;
//   border: 1px solid $primary-10;
// }

// checkbox card end

// card radio box start
// .multiple-radio {
//   height: auto;

//   h5 {
//     margin-bottom: 10px;
//     font-family: $font-paragraph;
//     font-style: normal;
//     font-weight: 500;
//     color: $color-heading;
//   }
// }

// card radio box end

// Wizard Notification Area Start
// .wizard-notification-area {
//   background-color: $gray-80;
//   border-radius: 10px;
//   padding: 10px;
//   width: 100%;

//   p {
//     font-family: $font-paragraph;
//     font-style: normal;
//     font-size: 1rem;
//     line-height: 18px;
//     color: $white-100;
//     font-weight: 400;

//     b {
//       font-weight: 500;

//       &.star-dots {
//         font-family: $font-paragraph;
//         font-style: normal;
//         font-weight: bold;
//         font-size: 20px;
//         line-height: 23px;
//         letter-spacing: 8px;
//         color: $white-100;
//         margin-top: 10px;
//         display: block;
//       }
//     }
//   }
// }

// Wizard Notification Area end

// inline input start
// .ac-inline-input {
//   &.are-width-100 {
//     .ac-counter {
//       width: 100px;
//     }
//   }

//   .ac-counter {
//     border: 1px solid $color-border;
//     padding: 10px 5px;
//     height: 40px;
//     width: 60px;
//     background-color: transparent;
//     border-radius: 4px;
//     text-align: center;
//     font-family: $font-paragraph;
//     font-weight: 500;
//     font-size: 1rem;
//     line-height: 19px;
//     color: $color-heading;
//     margin: 0 10px 10px 0;

//     &:focus {
//       outline: none;
//       border: 1px solid $ac-primary;
//     }

//     &.is-selected {
//       border: 1px solid $ac-primary;
//       background-color: $ac-primary;
//       color: $white-100;
//     }
//   }
// }

// inline input end

// dark theme start
// .is-dark-theme {
//   h6.wizard-title.has-line:after {
//     --ac-blue-light: $primary-20;
//   }

//   .ac-certificate-info {
//     --ac-bg-light-gray: var(--dark-bg-light);
//   }
// }

// dark theme end
/****************************************
Responsive Classes
*****************************************/
// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {
}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767.98px) {
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991.98px) {
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199.98px) {
}

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
}