.acm-ssnh.style-1 {
  padding: 92px 0;
}

.acm-ssnh.style-1 .content-heading .title {
  color: #e8ff47;
  text-align: center;
  font-family: Inter;
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 24px;
}

.acm-ssnh.style-1 .content-heading .desc {
  margin-bottom: 40px;
}

.acm-ssnh.style-1 .content-heading .desc>p {
  color: #fff;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}

.acm-ssnh.style-1 .section-feature>.row {
  row-gap: 24px;
}

.acm-ssnh.style-1 .section-feature>.row>* {
  padding-inline: 10px
}

.acm-ssnh.style-1 .section-feature .box-item {
  border-radius: 16px;
  border: 1px solid #fff;
  background: linear-gradient(180deg, #e7eeb2 0%, #d5e27b 100%);
  box-shadow: 0px 0px 8px 3px rgba(247, 255, 252, 0.24);
  height: 100%;
  overflow: hidden;
  padding: 16px;
}

.acm-ssnh.style-1 .section-feature .box-item .box-top {
  position: relative;
  z-index: 1;
}

.acm-ssnh.style-1 .section-feature .box-item .content p {
  margin-bottom: unset;
  margin-top: 16px;
}

.acm-ssnh.style-1 .section-feature .box-item .image {
  border-radius: 16px;
  overflow: hidden;
}

.acm-ssnh.style-1 .section-feature .box-item .image>img {
  width: 100%;
  height: 176px;
  object-fit: cover;
}

.acm-ssnh.style-1 .section-feature .box-item .image-title {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80%;
}

.acm-ssnh.style-1 .section-feature .box-item .image-title>img {
  width: 56px;
  height: 56px;
}

.acm-ssnh.style-1 .section-feature .box-item .image-title>div {
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 28px;
  font-weight: 600;
  line-height: 37px;
}

.acm-ssnh.style-1 .button {
  margin-top: 64px;
  text-align: center;
}

/* style 2 */
.acm-ssnh.style-2 {
  padding: 92px 0;
}

.acm-ssnh.style-2 .section-kyc .heading .title {
  color: #1d4128;
  text-align: center;

  font-family: Inter;
  font-size: 32px;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 24px;
}

.acm-ssnh.style-2 .section-kyc .heading .desc {
  color: #262626;
  text-align: center;
  max-width: 1030px;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  margin-inline: auto;
  margin-bottom: 40px;
}

.acm-ssnh.style-2 .form-kyc {
  border-radius: 16px;
  background: #f7fffc;
  box-shadow: 0px 0px 16px 4px rgba(29, 65, 40, 0.16);
  padding: 40px 36px;
}

.acm-ssnh.style-2 .form-kyc .title {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #1EA047;

  font-family: Inter;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 40px;
}

.acm-ssnh.style-2 .form-kyc .title>img {
  width: 14px;
  height: 51px;
}

.acm-ssnh.style-2 .form-kyc #kycForm .question {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 32px;
}

.acm-ssnh.style-2 .form-kyc #kycForm .question .radio-group {
  display: flex;
  align-items: center;
  gap: 24px;
}

.acm-ssnh.style-2 .form-kyc #kycForm .question .radio-group>div {
  background: #fff;
  display: flex;
  padding: 14px 12px;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 0.2px solid #A5A5A5;
  background: #FFF;
  box-shadow: 0px 0px 4px 1px rgba(29, 65, 40, 0.18);
}

.acm-ssnh.style-2 .form-kyc #kycForm .question .radio-group>div:hover {
  box-shadow: 0px 0px 4px 1px rgba(29, 65, 40, 0.24);
  transform: translateY(-2px);
  transition: all ease .3s;
}

.acm-ssnh.style-2 .form-kyc #kycForm .question .radio-group>div>input {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.acm-ssnh.style-2 .form-kyc #kycForm .question .radio-group>div>label {
  color: #1d4128;

  font-family: Roboto;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  cursor: pointer;
}

.acm-ssnh.style-2 .form-kyc #kycForm .question select {
  border-radius: 8px;
  border: none;
  background: #FFF;
  box-shadow: 0px 0px 4px 1px rgba(29, 65, 40, 0.18);
  min-height: 54px;
  padding: 14px 8px 14px 16px !important;
  width: fit-content;
  border: 1px solid #a5a5a5;
  cursor: pointer;
}

.acm-ssnh.style-2 .form-kyc #kycForm .question select:hover {
  background: #E6F3EF;
  font-weight: 500;
  color: #004822;
}

.acm-ssnh.style-2 .form-kyc #kycForm .question .radio-group>div>input:checked+label {
  color: #004822;
  font-weight: 500;
}

.acm-ssnh.style-2 .form-kyc #kycForm .question select option {
  background: #373636;
  color: #e3e3e3;
}

.acm-ssnh.style-2 .form-kyc #kycForm .question #q-email {
  border-radius: 8px;
  border: 0.2px solid #a5a5a5;
  background: #fff;
  box-shadow: 2px 2px 4px 0px rgba(29, 65, 40, 0.24) !important;
  min-height: 54px;
  padding: 16px !important;
}

.acm-ssnh.style-2 .form-kyc #kycForm .question>label {
  flex: 0 0 37%;
  color: #1d4128;
  font-family: Roboto;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}

.acm-ssnh.style-2 .form-kyc #kycForm .button {
  text-align: center;
}


.acm-ssnh.style-2 .modalKyc {
  display: none;
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.acm-ssnh.style-2 .modal-content {
  margin: 100px auto;
  padding: 40px 24px;
  border-radius: 8px;
  width: 80%;
  max-width: 958px;
  border-radius: 24px;
  border: 1px solid #E8FF47;
  background: linear-gradient(180deg, rgb(255 255 255 / 80%) 0%, rgb(255 255 255 / 80%) 100%);
  box-shadow: 0px 2px 8px 2px rgba(29, 65, 40, 0.32);
  backdrop-filter: blur(15px);
}

.acm-ssnh.style-2 .modal-content .heading {
  display: flex;
  margin-bottom: 24px;
  gap: 16px;
  align-items: center;
}

.acm-ssnh.style-2 .modal-content .heading>img {
  height: 80px;
  width: 80px;
}

.acm-ssnh.style-2 .modal-content .heading>span {
  color: #006630;
  font-family: Inter;
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
}

.acm-ssnh.style-2 .modal-content .box-container {
  max-width: 750px;
  margin-inline: auto;
}

.acm-ssnh.style-2 .modal-content .box-container .row {
  margin-bottom: 24px;
}

.acm-ssnh.style-2 .modal-content .box-container .row>* {
  padding: 10px;
}

.acm-ssnh.style-2 .modal-content .content {
  color: #262626;

  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-top: unset;
}

.acm-ssnh.style-2 .modal-content .content>strong {
  color: #006630;
  font-weight: 700;
  line-height: 22px;
}

.acm-ssnh.style-2 .modal-content .box-container .box-item {
  border-radius: 16px;
  background: #EDF2BF;
  box-shadow: 0px 0px 8px 0px rgba(29, 65, 40, 0.16);
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.acm-ssnh.style-2 .modal-content .box-container .box-item .circle {
  height: 64px;
  width: 64px;
  border-radius: 100px;
  background: linear-gradient(227deg, #71A134 42.72%, #004822 84.81%);
  box-shadow: 0px 2px 6px 0px rgba(29, 65, 40, 0.32);
  align-items: center;
  display: flex;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  font-family: Inter;
  margin-bottom: 16px;
  justify-content: center;
}

.acm-ssnh.style-2 .modal-content .box-container .box-item .title {
  color: #006630;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
}

.acm-ssnh.style-2 .button {
  text-align: center;
}

.acm-ssnh.style-2 .close-btn {
  font-size: 24px;
  cursor: pointer;
  float: right;
}

.acm-ssnh.style-2 .section-banner {
  position: relative;
  margin-bottom: 80px;
}

.acm-ssnh.style-2 .section-banner .box {
  background: linear-gradient(180deg, rgba(232, 255, 71, 0.80) 0%, rgba(232, 255, 71, 0.80) 100%);
  clip-path: polygon(0% 6.977%, 0% 6.977%, 0.025% 5.845%, 0.099% 4.772%, 0.216% 3.771%, 0.373% 2.856%, 0.567% 2.043%, 0.792% 1.346%, 1.046% 0.779%, 1.324% 0.356%, 1.622% 0.091%, 1.935% 0%, 67.673% 0%, 67.673% 0%, 67.711% 0.001%, 67.749% 0.005%, 67.787% 0.012%, 67.824% 0.021%, 67.862% 0.033%, 67.9% 0.048%, 67.937% 0.065%, 67.975% 0.085%, 68.012% 0.108%, 68.049% 0.133%, 98.441% 21.851%, 98.441% 21.851%, 98.705% 22.11%, 98.951% 22.492%, 99.177% 22.985%, 99.381% 23.581%, 99.56% 24.267%, 99.712% 25.033%, 99.834% 25.87%, 99.925% 26.766%, 99.981% 27.711%, 100% 28.695%, 100% 93.023%, 100% 93.023%, 99.975% 94.155%, 99.901% 95.228%, 99.784% 96.229%, 99.626% 97.144%, 99.433% 97.957%, 99.207% 98.654%, 98.954% 99.221%, 98.676% 99.644%, 98.378% 99.909%, 98.065% 100%, 1.935% 100%, 1.935% 100%, 1.622% 99.909%, 1.324% 99.644%, 1.046% 99.221%, 0.792% 98.654%, 0.567% 97.957%, 0.373% 97.144%, 0.216% 96.229%, 0.099% 95.228%, 0.025% 94.155%, 0% 93.023%, 0% 6.977%);
  padding: 30px 40px;
}

.acm-ssnh.style-2 .section-banner .box .sub-title {
  color: #1d4128;
  font-family: Inter;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 24px;
  margin-top: 40px;
}

.acm-ssnh.style-2 .section-banner .box .title {
  color: #006630;
  font-family: Inter;
  font-size: 32px;
  font-weight: 700;
  line-height: 43px;
  margin-bottom: 40px;
  max-width: 70%;
}

.acm-ssnh.style-2 .section-banner .box .btn-nav-style2--light {
  background: #fff;
}

.acm-ssnh.style-2 .section-banner img {
  position: absolute;
  bottom: 0;
  right: 7%;
  height: 408px;
}

.acm-ssnh.style-2 #modalKyc-content {
  display: none;
}

.acm-ssnh.style-2 #modalKyc-loading {
  min-height: 250px;
  display: flex;
  align-items: center;
}

.acm-ssnh.style-2 .dots-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.acm-ssnh.style-2 .dot {
  height: 20px;
  width: 20px;
  margin-right: 10px;
  border-radius: 10px;
  background-color: #1ea047;
  animation: pulse 1.5s infinite ease-in-out;
}

.acm-ssnh.style-2 .dot:last-child {
  margin-right: 0;
}

.acm-ssnh.style-2 .dot:nth-child(1) {
  animation-delay: -0.3s;
}

.acm-ssnh.style-2 .dot:nth-child(2) {
  animation-delay: -0.1s;
}

.acm-ssnh.style-2 .dot:nth-child(3) {
  animation-delay: 0.1s;
}

@keyframes pulse {
  0% {
    transform: scale(0.8);
    background-color: #1ea047;
    box-shadow: 0 0 0 0 rgba(30, 160, 71, 0.7);
  }

  50% {
    transform: scale(1.2);
    background-color: #198e3e;
    box-shadow: 0 0 0 10px rgba(30, 160, 71, 0);
  }

  100% {
    transform: scale(0.8);
    background-color: #1ea047;
    box-shadow: 0 0 0 0 rgba(30, 160, 71, 0.7);
  }
}

@media (max-width: 991px) {
  .acm-ssnh.style-1 {
    padding: 80px 0;
  }

  .acm-ssnh.style-1 .content-heading .title {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 16px;
  }

  .acm-ssnh.style-1 .section-feature .box-item .image-title>div {
    font-size: 18px;
    line-height: 24px
  }

  .acm-ssnh.style-1 .section-feature .box-item .image-title>img {
    width: 40px;
    height: 40px;
  }

  /* style 2 */
  .acm-ssnh.style-2 .form-kyc {
    padding: 24px 16px;
  }

  .acm-ssnh.style-2 .modal-content {
    margin: 50px auto;
    padding: 20px 16px;
  }

  .acm-ssnh.style-2 .modal-content .heading {
    gap: 8px;
  }

  .acm-ssnh.style-2 .modal-content .heading>img {
    height: 50px;
    width: 50px;
  }

  .acm-ssnh.style-2 .form-kyc #kycForm .question {
    flex-direction: column;
    align-items: start;
    gap: 16px;
  }

  .acm-ssnh.style-2 .form-kyc #kycForm .question select {
    width: 100%;
  }

  .acm-ssnh.style-2 .form-kyc #kycForm .question>label {
    font-size: 16px;
    line-height: 24px;
  }

  .acm-ssnh.style-2 .form-kyc #kycForm .question .radio-group>div>label {
    font-size: 16px;
    line-height: 24px;
  }

  .acm-ssnh.style-2 .form-kyc #kycForm .question .radio-group {
    flex-direction: column;
    align-items: start;
  }

  .acm-ssnh.style-2 .form-kyc .title {
    color: #1EA047;

    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
  }

  .acm-ssnh.style-2 .section-kyc .heading .title {
    color: #004822;
    text-align: center;

    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 16px;
  }

  .acm-ssnh.style-2 .section-kyc .heading .desc {
    color: #262626;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px;
  }

  .acm-ssnh.style-2 .modal-content .heading>span {
    font-size: 14px;
  }

  .acm-ssnh.style-2 .modal-content .box-container .box-item .circle {
    font-size: 18px;
    height: 55px;
    width: 55px;
  }

  .acm-ssnh.style-2 .modal-content .box-container .box-item .title {
    font-size: 14px;
  }

  .acm-ssnh.style-2 .section-banner {
    margin-bottom: 40px;
  }

  .acm-ssnh.style-2 .section-banner .box {
    clip-path: polygon(0% 5.714%, 0% 5.714%, 0.053% 4.787%, 0.206% 3.908%, 0.451% 3.088%, 0.78% 2.34%, 1.183% 1.674%, 1.654% 1.103%, 2.184% 0.638%, 2.763% 0.291%, 3.385% 0.075%, 4.04% 0%, 89.236% 0%, 89.236% 0%, 89.556% 0.018%, 89.871% 0.071%, 90.182% 0.159%, 90.486% 0.281%, 90.782% 0.435%, 91.068% 0.622%, 91.344% 0.84%, 91.607% 1.088%, 91.857% 1.366%, 92.092% 1.674%, 98.817% 11.183%, 98.817% 11.183%, 99.034% 11.516%, 99.231% 11.87%, 99.406% 12.242%, 99.56% 12.632%, 99.692% 13.037%, 99.802% 13.456%, 99.888% 13.886%, 99.95% 14.325%, 99.987% 14.772%, 100% 15.224%, 100% 94.286%, 100% 94.286%, 99.947% 95.213%, 99.794% 96.092%, 99.549% 96.912%, 99.22% 97.661%, 98.817% 98.326%, 98.346% 98.898%, 97.816% 99.362%, 97.237% 99.709%, 96.615% 99.925%, 95.96% 100%, 4.04% 100%, 4.04% 100%, 3.385% 99.925%, 2.763% 99.709%, 2.184% 99.362%, 1.654% 98.898%, 1.183% 98.326%, 0.78% 97.661%, 0.451% 96.912%, 0.206% 96.092%, 0.053% 95.213%, 0% 94.286%, 0% 5.714%);
    padding: 40px 24px;
  }

  .acm-ssnh.style-2 .section-banner .box .sub-title {
    color: #1d4128;

    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 16px;
    margin-top: 0;
  }

  .acm-ssnh.style-2 .section-banner .box .title {
    color: #006630;
    font-family: Inter;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    max-width: unset;
  }
}