.radio-button {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 8px;
  font-size: 15px;
  cursor: pointer;
}
.radio-button .circle {
  width: 16px;
  min-width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #747983;
}
.radio-button:last-child {
  margin-bottom: 0;
}
.radio-button.active .circle {
  border-color: #3366FF;
  display: flex;
  justify-content: center;
  align-items: center;
}
.radio-button.active .circle:after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #3366FF;
}

.checkbox-wrapper {
  display: flex;
  gap: 15px;
  align-items: flex-start;
}
.checkbox-wrapper .checkbox {
  width: 18px;
  min-width: 18px;
  height: 18px;
  box-sizing: border-box;
  border-radius: 2px;
  border: 1px solid #747983;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.checkbox-wrapper .checkbox.active {
  background-color: #3366FF;
  border: none;
}
.checkbox-wrapper .checkbox.active:after {
  content: "";
  width: 14px;
  height: 10px;
  background-image: url(/img/site/check.svg);
}
.checkbox-wrapper .title {
  cursor: default;
  font-size: 14px;
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #3366FF;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  height: 48px;
  border: none;
  outline: none;
  cursor: pointer;
  box-shadow: 0px 4px 5px 0px #bdd1dd;
}
.btn:active {
  box-shadow: 0px 3px 3px 0px #bdd1dd;
}
.btn.gray {
  background-color: #9fa5b7;
  box-shadow: 0px 6px 10px -9px rgba(45, 46, 47, 0.7);
}
.btn.gray:active {
  box-shadow: 0px 5px 7px -6px rgba(45, 46, 47, 0.7);
}
.btn.white {
  background-color: white;
  color: #3366FF;
  box-shadow: 0px 6px 10px -9px rgba(45, 46, 47, 0.7);
}
.btn.white:active {
  box-shadow: 0px 6px 10px -9px rgba(45, 46, 47, 0.2);
}

.mr-1 {
  margin-right: 10px;
}

.ml-1 {
  margin-left: 10px;
}

.pr-1 {
  padding-right: 10px;
}

.pl-1 {
  padding-left: 10px;
}

.mt-1 {
  margin-top: 10px;
}

.mb-1 {
  margin-bottom: 10px;
}

.pt-1 {
  padding-top: 10px;
}

.pb-1 {
  padding-bottom: 10px;
}

.mr-2 {
  margin-right: 20px;
}

.ml-2 {
  margin-left: 20px;
}

.pr-2 {
  padding-right: 20px;
}

.pl-2 {
  padding-left: 20px;
}

.mt-2 {
  margin-top: 20px;
}

.mb-2 {
  margin-bottom: 20px;
}

.pt-2 {
  padding-top: 20px;
}

.pb-2 {
  padding-bottom: 20px;
}

.mr-3 {
  margin-right: 30px;
}

.ml-3 {
  margin-left: 30px;
}

.pr-3 {
  padding-right: 30px;
}

.pl-3 {
  padding-left: 30px;
}

.mt-3 {
  margin-top: 30px;
}

.mb-3 {
  margin-bottom: 30px;
}

.pt-3 {
  padding-top: 30px;
}

.pb-3 {
  padding-bottom: 30px;
}

.mr-4 {
  margin-right: 40px;
}

.ml-4 {
  margin-left: 40px;
}

.pr-4 {
  padding-right: 40px;
}

.pl-4 {
  padding-left: 40px;
}

.mt-4 {
  margin-top: 40px;
}

.mb-4 {
  margin-bottom: 40px;
}

.pt-4 {
  padding-top: 40px;
}

.pb-4 {
  padding-bottom: 40px;
}

.mr-5 {
  margin-right: 50px;
}

.ml-5 {
  margin-left: 50px;
}

.pr-5 {
  padding-right: 50px;
}

.pl-5 {
  padding-left: 50px;
}

.mt-5 {
  margin-top: 50px;
}

.mb-5 {
  margin-bottom: 50px;
}

.pt-5 {
  padding-top: 50px;
}

.pb-5 {
  padding-bottom: 50px;
}

.mr-6 {
  margin-right: 60px;
}

.ml-6 {
  margin-left: 60px;
}

.pr-6 {
  padding-right: 60px;
}

.pl-6 {
  padding-left: 60px;
}

.mt-6 {
  margin-top: 60px;
}

.mb-6 {
  margin-bottom: 60px;
}

.pt-6 {
  padding-top: 60px;
}

.pb-6 {
  padding-bottom: 60px;
}

.mr-7 {
  margin-right: 70px;
}

.ml-7 {
  margin-left: 70px;
}

.pr-7 {
  padding-right: 70px;
}

.pl-7 {
  padding-left: 70px;
}

.mt-7 {
  margin-top: 70px;
}

.mb-7 {
  margin-bottom: 70px;
}

.pt-7 {
  padding-top: 70px;
}

.pb-7 {
  padding-bottom: 70px;
}

.mr-8 {
  margin-right: 80px;
}

.ml-8 {
  margin-left: 80px;
}

.pr-8 {
  padding-right: 80px;
}

.pl-8 {
  padding-left: 80px;
}

.mt-8 {
  margin-top: 80px;
}

.mb-8 {
  margin-bottom: 80px;
}

.pt-8 {
  padding-top: 80px;
}

.pb-8 {
  padding-bottom: 80px;
}

.mr-9 {
  margin-right: 90px;
}

.ml-9 {
  margin-left: 90px;
}

.pr-9 {
  padding-right: 90px;
}

.pl-9 {
  padding-left: 90px;
}

.mt-9 {
  margin-top: 90px;
}

.mb-9 {
  margin-bottom: 90px;
}

.pt-9 {
  padding-top: 90px;
}

.pb-9 {
  padding-bottom: 90px;
}

.mr-10 {
  margin-right: 100px;
}

.ml-10 {
  margin-left: 100px;
}

.pr-10 {
  padding-right: 100px;
}

.pl-10 {
  padding-left: 100px;
}

.mt-10 {
  margin-top: 100px;
}

.mb-10 {
  margin-bottom: 100px;
}

.pt-10 {
  padding-top: 100px;
}

.pb-10 {
  padding-bottom: 100px;
}

.m-center {
  text-align: center;
}

.m-right {
  text-align: right;
}

.m-bold {
  font-weight: bold;
}

.m-pointer {
  cursor: pointer;
}

.m-w100 {
  width: 100%;
}

.m-gray {
  color: #747983;
}

.m-light-gray {
  color: #bbc0cb;
}

.m-blue {
  color: #3366FF;
}

.m-green {
  color: #00A19A;
}

.m-red {
  color: #ee2215;
}

.small-bold-gray {
  font-size: 12px;
  color: #4a4b4b;
  font-weight: bold;
}

.aadhaar-form .forms__title {
  display: flex;
  gap: 10px;
}
.aadhaar-form .forms__title:before {
  content: "";
  width: 50px;
  height: 32px;
  background-image: url(/img/site/aadhaar-logo.svg);
  display: block;
}
.aadhaar-form .another-aadhaar-number {
  position: relative;
}
.aadhaar-form .another-aadhaar-number .aadhaar-logo-input {
  width: 40px;
  position: absolute;
  top: -9px;
  right: 10px;
}
.aadhaar-form .aadhaar-switch-mode {
  margin-top: 20px;
  cursor: pointer;
  color: #3366FF;
  text-decoration: underline;
}
.aadhaar-form .aadhaar-switch-mode:hover {
  text-decoration: none;
}
.aadhaar-form .surepass-otp-block {
  display: none;
}
.aadhaar-form .surepass-otp-buttons {
  display: none;
}
.aadhaar-form .surepass-otp-buttons.visible {
  display: flex;
}
.aadhaar-form .surepass-otp-buttons .go {
  width: 70%;
  max-width: 470px;
}
.aadhaar-form .check-aadhaar-wrapper {
  display: none;
}
.aadhaar-form .check-aadhaar-wrapper .check-aadhaar {
  padding: 0 40px;
}

@media (max-width: 796px) {
  .aadhaar-form .check-aadhaar-wrapper {
    display: inline-flex;
  }
}
.hyperverge {
  width: 750px;
  margin: 50px auto;
  border: 1px solid #979797;
  border-radius: 5px;
  font-size: 16px;
  padding: 31px 57px;
  box-sizing: border-box;
}
.hyperverge .title {
  font-size: 28px;
}
.hyperverge .text {
  font-weight: bold;
  margin-top: 36px;
}
.hyperverge .card-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-top: 36px;
}
.hyperverge .card-wrapper .hyperverge-start {
  border: none;
  background: #3366FF;
  border-radius: 5px;
  color: white;
  width: 218px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  cursor: pointer;
}
.hyperverge .card-wrapper .hyperverge-start.disabled {
  background: #b3b3b3 !important;
  border: 1px solid #b3b3b3 !important;
  color: #FFF !important;
}
.hyperverge .forms__button-go {
  position: fixed;
  top: -5000px;
  left: -5000px;
}

@media (max-width: 770px) {
  .hyperverge {
    width: 100%;
    border: none;
    text-align: center;
    font-size: 12px;
    padding: 16px 25px;
  }
  .hyperverge .title {
    font-size: 20px;
  }
  .hyperverge .text {
    font-weight: normal;
    margin-top: 4px;
    color: #747983;
  }
  .hyperverge .card-wrapper {
    flex-direction: column;
    margin-top: 16px;
  }
  .hyperverge .card-wrapper .hyperverge-start {
    width: 200px;
    height: 48px;
    border-radius: 28px;
    font-size: 14px;
  }
}
.landing {
  width: 920px;
  margin: 0 auto;
  padding-top: 48px;
}
.landing .banner {
  background: #3366FF;
  border-radius: 20px;
  padding: 50px 50px 60px 40px;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);
}
.landing .banner .row.buttons {
  gap: 16px;
}
.landing .banner .row .banner-text {
  font-size: 40px;
  font-weight: bold;
  color: white;
  width: 480px;
  margin-bottom: 40px;
}
.landing .banner .row .banner-text span {
  color: #f7a72f;
}
.landing .banner .row .app-button {
  height: 60px;
}
.landing .banner .iphone {
  position: absolute;
  bottom: 0;
  right: 47px;
  z-index: 2;
}
.landing .banner .fon-circle {
  position: absolute;
  right: 0;
  top: 0;
  width: 436px;
  height: 436px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 100%;
  background: #1a90d8;
  z-index: 1;
}
.landing .banner .fon-circle:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 280px;
  height: 280px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 100%;
  background: #309bdc;
  z-index: 1;
}
.landing .banner .fon-circle:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 156px;
  height: 156px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 100%;
  background: #f7a72f;
  z-index: 1;
}
.landing .banner .row {
  position: relative;
  z-index: 2;
}
.landing .landing-title {
  margin-top: 80px;
  font-size: 40px;
  font-weight: bold;
}
.landing .tiles {
  display: flex;
  flex-wrap: wrap;
  margin: 33px 0;
  gap: 24px;
}
.landing .tiles .item {
  width: 448px;
  height: 234px;
  background: linear-gradient(105.26deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 18%, rgba(239, 239, 239, 0.184) 100%), #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 26px 10px;
  gap: 12px;
  border: 1px solid #dddddd;
  border-radius: 12px;
  box-sizing: border-box;
  font-size: 24px;
  text-align: center;
}
.landing .tiles .item.clock img {
  width: 79px;
  height: 79px;
}
.landing .tiles .item .desc {
  max-width: 250px;
}
.landing .tiles .item .desc.desc-title2 {
  max-width: 240px;
}

@media (max-width: 960px) {
  .landing {
    padding-left: 16px;
    padding-right: 16px;
    width: auto;
  }
  .landing .tiles {
    justify-content: center;
  }
}
@media (max-width: 860px) {
  .landing .banner .row .banner-text {
    width: 410px;
  }
  .landing .banner .iphone {
    right: 20px;
  }
}
@media (max-width: 770px) {
  .landing {
    padding-top: 16px;
  }
  .landing .banner {
    padding: 30px 20px;
  }
  .landing .banner .iphone {
    display: none;
  }
  .landing .banner .row .banner-text {
    width: 85%;
    font-size: 32px;
    text-shadow: 2px 0 2px #309bdc, 0 2px 2px #309bdc, -2px 0 2px #309bdc, 0 -2px 2px #309bdc;
  }
  .landing .banner .row.buttons {
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .landing .banner .fon-circle {
    width: 350px;
    height: 350px;
  }
  .landing .banner .fon-circle:before {
    width: 220px;
    height: 220px;
  }
  .landing .banner .fon-circle:after {
    width: 110px;
    height: 110px;
  }
  .landing .tiles {
    gap: 18px;
  }
  .landing .tiles .item {
    width: 100%;
  }
  .landing .landing-title {
    margin-top: 36px;
    font-size: 24px;
  }
}
.prolongation {
  background-color: #f8f9fa;
  flex-grow: 2;
  min-width: 360px;
}
.prolongation .wrapper {
  padding: 0 24px 30px 24px;
  width: 1200px;
  max-width: 1200px;
  box-sizing: border-box;
  margin: 0 auto;
  display: flex;
  gap: 24px;
  margin-top: 50px;
}
.prolongation .wrapper .title {
  font-size: 18px;
}
.prolongation .wrapper .small-text {
  font-size: 12px;
}
.prolongation .wrapper .middle-text {
  font-size: 14px;
}
.prolongation .wrapper .big-text {
  font-size: 16px;
}
.prolongation .wrapper .text-striked {
  text-decoration: line-through;
}
@media (max-width: 744px) {
  .prolongation .wrapper .text-striked {
    display: block;
  }
}
.prolongation .wrapper .flex-column {
  flex-direction: column;
}
.prolongation .wrapper .left {
  flex-grow: 2;
}
.prolongation .wrapper .left .top {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  font-size: 16px;
}
.prolongation .wrapper .left .top .girl {
  margin-top: -9px;
}
.prolongation .wrapper .left .top .info {
  position: relative;
  border-radius: 12px;
  background-color: #eaeef2;
  padding: 16px;
  flex-grow: 2;
}
.prolongation .wrapper .left .top .info .tail {
  position: absolute;
  top: 20px;
  left: -18px;
}
.prolongation .wrapper .left .top .info .text {
  margin-top: 15px;
}
.prolongation .wrapper .left .top .info .controls {
  margin-top: 14px;
}
.prolongation .wrapper .left .top .info .controls .btn {
  padding: 0 36px;
}
.prolongation .wrapper .left .top .info.alert {
  background-color: #ee2215;
  color: white;
}
.prolongation .wrapper .left .bottom {
  background-color: white;
  border-radius: 12px;
  box-shadow: 4px 8px 15px 0px rgba(21, 48, 88, 0.1019607843);
  margin-left: 100px;
  margin-top: 20px;
  padding: 20px 16px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.prolongation .wrapper .left .bottom .btn {
  padding: 0 16px;
}
.prolongation .wrapper .left .bottom .title {
  margin-bottom: 2px;
}
.prolongation .wrapper .left .bottom .promotion-text-block {
  background-color: #E5F8F8;
  border-radius: 5px;
}
.prolongation .wrapper .left .bottom .promotion-bottom {
  display: flex;
  justify-content: space-between;
}
.prolongation .wrapper .left .bottom.columns {
  gap: 0;
}
.prolongation .wrapper .left .bottom.columns .col {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 50%;
  box-sizing: border-box;
}
.prolongation .wrapper .left .bottom.columns .col:first-child {
  border-right: 1px solid #e0e1e1;
}
.prolongation .wrapper .left .bottom.columns .col .btn {
  width: 200px;
  margin-top: 16px;
}
.prolongation .wrapper .left .bottom.columns .col .text-wrapper {
  text-align: center;
}
.prolongation .wrapper .right-wrapper {
  width: 376px;
}
.prolongation .wrapper .right {
  width: 376px;
  background-color: white;
  border-radius: 12px;
  padding: 16px 16px 20px 16px;
  font-size: 12px;
  box-sizing: border-box;
  box-shadow: 4px 8px 15px 0px rgba(21, 48, 88, 0.1);
}
.prolongation .wrapper .right .big {
  font-size: 14px;
}
.prolongation .wrapper .right .dark {
  color: black;
}
.prolongation .wrapper .right .amount {
  font-size: 20px;
  font-weight: bold;
}
.prolongation .wrapper .right .attention {
  border-radius: 4px;
  background: rgba(238, 34, 21, 0.1);
  padding: 6px 12px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.prolongation .wrapper .right .row {
  display: flex;
  justify-content: space-between;
  margin-top: 12px;
}
.prolongation .wrapper .right .row:first-child {
  margin-top: 0;
}
.prolongation .wrapper .right .details {
  background-color: #f8f9fa;
  padding: 12px;
  border-radius: 4px;
  margin-top: 12px;
}
.prolongation .wrapper .right .details .row {
  margin-top: 6px;
}
.prolongation .wrapper .right .details .row.marked {
  border-top: 1px solid #e0e1e1;
  padding-top: 12px;
}
.prolongation .wrapper .right .details .row:first-child {
  margin-top: 0;
}
.prolongation .payment-block {
  width: 1200px;
  max-width: 1200px;
  box-sizing: border-box;
  margin: 0 auto;
}
.prolongation.prolongation-details, .prolongation.prolongation-otp, .prolongation.prolongation-make-payment {
  display: none;
}

@media (max-width: 1220px) {
  .prolongation .wrapper {
    width: 100%;
  }
  .prolongation .payment-block {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .prolongation .wrapper {
    flex-direction: column;
  }
  .prolongation .wrapper .right-wrapper {
    padding-left: 100px;
    width: auto;
  }
  .prolongation .wrapper .right-wrapper .right {
    width: 100%;
  }
}
@media (max-width: 744px) {
  .prolongation .wrapper {
    margin-top: 30px;
    padding: 0 16px 30px 16px;
  }
  .prolongation .wrapper .btn {
    box-shadow: none;
  }
  .prolongation .wrapper .btn:active {
    box-shadow: none;
  }
  .prolongation .wrapper .btn.gray {
    box-shadow: none;
  }
  .prolongation .wrapper .btn.gray:active {
    box-shadow: none;
  }
  .prolongation .wrapper .right-wrapper {
    padding-left: 0;
  }
  .prolongation .wrapper .left .top .girl {
    width: 64px;
    height: 64px;
    margin-top: -7px;
  }
  .prolongation .wrapper .left .bottom {
    margin-left: 0;
  }
  .prolongation .wrapper .left .bottom.columns {
    gap: 16px;
    flex-direction: column;
  }
  .prolongation .wrapper .left .bottom.columns .col {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
  .prolongation .wrapper .left .bottom.columns .col:first-child {
    border-right: none;
  }
  .prolongation .wrapper .left .bottom.columns .col .btn {
    width: 160px;
    margin-top: 0;
  }
  .prolongation .wrapper .left .bottom.columns .col .text-wrapper {
    text-align: left;
  }
}
.request-extention .wrapper {
  gap: 0;
  justify-content: center;
  padding-bottom: 60px;
}
.request-extention .wrapper .left {
  margin-top: 36px;
  flex-grow: unset;
}
.request-extention .wrapper .left .top .info {
  width: 300px;
  flex-grow: unset;
  box-sizing: border-box;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding: 16px 24px 16px 16px;
}
.request-extention .wrapper .left .bottom {
  background-color: transparent;
  padding: 0;
  box-shadow: none;
  margin-top: 36px;
}
.request-extention .wrapper .left .bottom .btn {
  padding: 0 28px;
}
.request-extention .wrapper .right {
  width: 453px;
  padding: 36px 48px;
}
.request-extention .wrapper .right .big {
  font-size: 16px;
}
.request-extention .wrapper .right .row {
  margin-top: 6px;
}
.request-extention .wrapper .right .row.margin-8 {
  margin-top: 8px;
}
.request-extention .wrapper .right .row.margin-16 {
  margin-top: 16px;
}
.request-extention .wrapper .right .row.bordered {
  border-bottom: 1px solid #e0e1e1;
}
.request-extention .wrapper .right .row.button-wrapper {
  justify-content: center;
  margin-top: 36px;
}
.request-extention .wrapper .right .row.button-wrapper .btn {
  width: 236px;
}
.request-extention .wrapper .right .row.centered {
  justify-content: center;
}
.request-extention .wrapper .right .link {
  color: #3366FF;
  text-decoration: underline;
  cursor: pointer;
  font-size: 13px;
}
.request-extention .wrapper .right .pdf {
  width: 19px;
}
.request-extention .wrapper .right .details {
  margin-top: 19px;
}
.request-extention .wrapper .right .details.details-payment {
  margin-top: 8px;
  display: none;
}
.request-extention .wrapper .right .details.details-payment.active {
  display: block;
}
.request-extention .wrapper .right .details-toggler.active img {
  transform: rotate(180deg);
}
.request-extention .wrapper .right .timer-wrapper.disabled {
  display: none;
}
.request-extention .wrapper .right .resend-code-active {
  cursor: pointer;
  color: #3366FF;
}
.request-extention .wrapper .right.otp-wrapper.wrong .otp .item {
  border: 1px solid #ee2215;
}
.request-extention .wrapper .right.otp-wrapper.wrong .error {
  display: flex;
}
.request-extention .wrapper .right .error {
  display: none;
  color: #ee2215;
  font-size: 14px;
}
.request-extention .wrapper .right .otp {
  display: flex;
  gap: 8px;
  text-align: center;
  justify-content: center;
  margin-bottom: 26px;
}
.request-extention .wrapper .right .otp .item {
  width: 56px;
  height: 56px;
  display: flex;
  text-align: center;
  justify-content: center;
  font-size: 24px;
  color: black;
  font-weight: bold;
  border: 1px solid #747983;
  border-radius: 3px;
  outline: none;
}
.request-extention .wrapper .right .otp .item::placeholder {
  color: #b2b2b2;
}
.request-extention .wrapper .right .otp .item:focus::placeholder {
  color: transparent;
}
.request-extention .wrapper .center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.request-extention .wrapper .center .info {
  position: relative;
  border-radius: 12px;
  background-color: #eaeef2;
  padding: 16px;
  flex-grow: 2;
  width: 376px;
  box-sizing: border-box;
}
.request-extention .wrapper .center .info .tail {
  position: absolute;
  bottom: -18px;
  right: 128px;
}
.request-extention .wrapper .center .girl {
  width: 104px;
  height: 104px;
}
.request-extention .wrapper .center .buttons {
  margin-top: 85px;
  display: flex;
  gap: 24px;
}
.request-extention .wrapper .center .buttons .btn {
  width: 236px;
}

@media (max-width: 1199px) {
  .request-extention .wrapper {
    flex-direction: row;
  }
  .request-extention .wrapper .right-wrapper {
    padding-left: 0;
  }
  .request-extention .wrapper .right-wrapper .right {
    width: 453px;
  }
  .request-extention .wrapper .center .info {
    width: 340px;
    max-width: 340px;
  }
  .request-extention .wrapper .center .info .tail {
    right: 110px;
  }
  .request-extention .wrapper .center .buttons {
    margin-top: 40px;
  }
}
@media (max-width: 900px) {
  .request-extention .wrapper .left .top .info {
    width: 237px;
  }
  .request-extention .wrapper .right-wrapper .right {
    padding: 36px 24px;
    flex-grow: 2;
    width: auto;
  }
}
@media (max-width: 744px) {
  .request-extention .wrapper {
    flex-direction: column;
    gap: 16px;
  }
  .request-extention .wrapper .right-wrapper {
    padding-left: 0;
  }
  .request-extention .wrapper .right-wrapper .right {
    width: 100%;
  }
  .request-extention .wrapper .left .top .info {
    border-radius: 12px;
    width: auto;
    flex-grow: 2;
  }
  .request-extention .wrapper .left .bottom {
    display: none;
  }
  .request-extention .wrapper .center {
    align-items: center;
  }
  .request-extention .wrapper .center .info {
    width: 328px;
    max-width: 328px;
  }
  .request-extention .wrapper .center .info .tail {
    right: 104px;
  }
  .request-extention .wrapper .center .buttons {
    margin-top: 40px;
    flex-direction: column;
    gap: 16px;
  }
}

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