* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

body {
  background: #fff;
}

/* nav {
  position: sticky !important;
  top: 0px;
} */
.navbar {
  display: flex;
  height: 80px;
  padding: 12px 97px 18px 58px;
  align-items: center;
  flex-shrink: 0;
  border-bottom: 1px solid #f9f9f9;
  background: linear-gradient(90deg,
      rgba(246, 9, 163, 0.2) 25.35%,
      rgba(0, 0, 0, 0) 50.55%),
    #0072b8;

}

.container_start_one_one {
  position: sticky;
  top: 0;
  z-index: 1;
}

.icon {
  display: flex;
  align-items: center;
  gap: 32px;
}

.title_form h3 {
  font-family: "Precision Sans", "Century Gothic", CenturyGothic, sans-serif;
  color: #1B2244;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -1.28px;
}

.first_a,
.first_b {
  display: flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: "Precision Sans", "Century Gothic", CenturyGothic, sans-serif;
}

.first_a:hover,
.first_b:hover {
  color: #fff;
}

.first_a:focus,
.first_b:focus {
  color: #ebebeb;
}

.first_content_one,
.first_content_two {
  width: 100%;
}

.content_one h3 {
  color: #1B2244;
  text-align: center;
  font-family: "Precision Sans", "Century Gothic", CenturyGothic, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  text-transform: capitalize;
}

.first_content_one {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
}

.first_content_img img {
  width: 409px;
  height: 254px;
}

.effortless,
.animation,
.next,
.banks_derails,
.contack_center,
.footer {
  margin-top: 64px;
}

.span_one i,
.span_three i,
.span_four i,
.span_five i,
.span_six i,
.span_two i {
  font-size: 36px;
  color: #876918;
}

.first_content {
  width: 100%;
  height: 608px;
  gap: 108px;
  padding: 55px 80px 55px 80px;
  background: #f8f8ff;
}

.container_start_one_check {
  width: 100%;
}

.mainfisrst #h {
  color: #1b2244;
  font-family: "Precision Sans", "Century Gothic", CenturyGothic, sans-serif;
  font-size: 36px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
}

.mainfisrst #p {
  font-family: "Precision Sans", "Century Gothic", CenturyGothic, sans-serif;
  color: #db42a5;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.mainfisrst {
  width: 580px;
  height: 171;
}

.white_bg {
  display: inline-flex;
  padding: 32px 44px;
  align-items: flex-start;
  gap: 10px;
  border-radius: 32px;
  width: 100%;
  height: 100%;
  background: #fff;
  box-shadow: -14px 8px 16px -12px rgba(219, 66, 165, 0.08);
}

.container_start_one {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 128px;
  flex-direction: column;
}

.form_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 18px;
}

.form_container input {
  width: 100%;
  height: 40px;
}

.form_container .textarea,
.form_btn {
  width: 100%;
}

.textarea_copy {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 4px;
}

.textarea_copy h6 {
  color: #a0a2ac;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.48px;
}

.form_container input {
  width: 100%;
  height: 40px;
  display: flex;
  padding: 10px 24px;
  align-items: center;
  border: none;
  gap: 10px;
  border-radius: 8px;
  background: #f2f2f2;
}

.form_container textarea {
  width: 100%;
  resize: none;
  display: flex;
  height: 132px;
  padding: 10px 24px;
  align-items: center;
  gap: 10px;
  background: #f2f2f2;
  border-radius: 8px;
  border: none;
}

.form_container input:focus,
.form_container textarea:focus {
  border-radius: 8px;
  border: 1px solid #debad1 !important;
  background: #fff;
  --tw-ring-color: none;
  outline: none;
}

.form_btn {
  display: flex;
  width: 100%;
  padding: 12px 64px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 3px solid #c93193;
  background: #CF0989;
  border-radius: 8px;
  color: #fff;
}

.form_btn,
.form_btns button a,
.effortless_btn button a,
.next_start_btn button a,
.bank_btn button a,
.contack_btn button a {
  display: flex;
  padding: 12px 64px;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  gap: 8px;
  border: 3px solid #c93193;
  background: #CF0989;
  border-radius: 50px;
  color: #fff;
}

.form_btn:focus {
  border: 3px solid #db42a5;
  background: #CF0989;
}

.popup_sub_btn {
  width: 100%;
}

.popup_sub_btn button {
  width: 100%;
  height: 48px;
  display: flex;
  padding: 12px 64px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border: 3px solid #CF0989;
  background: #db42a5;
  border-radius: 50px;
  color: #fff;
}

.popup_sub_btn button:focus {
  /*border-radius: 8px;*/
  border: 3px solid #db42a5;
  background: #CF0989;
}

/* effortless section  start++++++++++++++++++++++++++++++++++++++++++++++++++++== */
.effortless {
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 108px;
  padding: 64px 80px 64px 80px;
}

.effortless_one {
  width: 100%;
  border-radius: 16px;
  position: relative;
}

.effortless_one .video {
  width: 100%;
  border-radius: 16px;
  /*position: relative;*/
}

a {
  text-decoration: none;
}

.video_play {
  width: 524px;
  height: 100%;
  flex-shrink: 0;
}

.effortless_two {
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
}

.effortless_two h3 {
  width: 100%;
  color: #1b2244;
  font-family: "Precision Sans", "Century Gothic", CenturyGothic, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  text-transform: capitalize;
}

.effortless_two h5 {
  color: #2d4c62;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.effortless_btn {
  width: 100%;
}

/* animation start++++++++++++++++++++++++++++++++++++++++ */

.animation {
  width: 100%;
  padding: 0px 80px 0px 80px;
}

.animation_one {
  width: 100%;
  height: 600px;
  border-radius: 32px;
  border: 1px solid #f3dea3;
  background: #fffdf9;
}

.animation_title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  padding-top: 32px;
}

.animation_title h3 {
  color: #1B2244;
  text-align: center;
  font-family: "Precision Sans", "Century Gothic", CenturyGothic, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
  text-transform: capitalize;
}

.animation_first {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}

.anmation_first_one {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 54px 0px 44px;
}

.next_one_one h2 {
  color: #1B2244;
  text-align: center;
  font-family: "Precision Sans", "Century Gothic", CenturyGothic, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 44px;
  text-transform: capitalize;
}

.anmation_first_one .small,
.small_two {
  width: 388px;
}

.anmation_first_one .small,
.anmation_first_one .smallsone,
.anmation_first_one .small_four,
.anmation_first_one .small_five,
.anmation_first_two .small_two,
.anmation_first_two .small_three {
  display: flex;
  padding: 24px 16px;
  align-items: center;
  gap: 16px;
  border-radius: 4px;
  border: 1px solid #fff;
  background: #fff;
  box-shadow: -2px 4px 32px 0px rgba(235, 235, 235, 0.6);
}

.anmation_first_one .smallsone {
  width: 383px;
}

.anmation_first_one .small_four {
  width: 351px;
}

.smallsone h6,
.small h6,
.small_two h6,
.small_three h6,
.small_threes h6,
.small_four h6,
.small_five h6 {
  color: #1b2244;
  font-family: "Precision Sans", "Century Gothic", CenturyGothic, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.small_machine,
.small_machine img {
  width: 429.05px;
  height: 226.48px;
  flex-shrink: 0;
}

.small_two {
  display: flex;
  width: 329px;
  padding: 24px 16px;
  align-items: center;
  gap: 16px;
}

.span_three,
.span_five,
.span_four,
.span_one,
.span_six,
.span_two,
.span_three {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f5f5;
  border-radius: 100px;
}

.small_three {
  display: flex;
  width: 351px;
  padding: 24px 16px;
  justify-content: center;
  align-items: center;
  gap: 16px;
}

.span_three,
.span_one {
  width: 72px;
  height: 52px;
}

.span_four {
  width: 85px;
  height: 52px;
}

.span_two,
.span_six {
  width: 52px;
  height: 52px;
}

.span_five {
  width: 92px;
  height: 52px;
}

.anmation_first_two {
  display: flex;
  padding: 0px 20px;
  width: 100%;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  gap: 30px;
}

/* next start++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.next {
  padding: 0px 80px 0px 80px;
  width: 100%;
}

.nexts {
  padding: 128px 80px 0px 80px;
  width: 100%;
}

.next_one_next {
  width: 100%;
  display: flex;
  justify-content: center;
}

.next_one {
  width: 941px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}

.next_one_two p {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #2d4c62;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.next_one_two h2 {
  width: 100%;
  font-family: "Precision Sans", "Century Gothic", CenturyGothic, sans-serif;
  color: #2d4c62;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px;
}

.next_icons_start {
  padding-top: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 44px;
}

.next_icons_start_one {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: 102px;
}

.next_icons_start_two {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: 102px;
}

.grid_icon {
  width: 56px;
  height: 56px;
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #1d9ad6;
  background: #fff;
}

.grid_icon_one {
  font-size: 32px;
  color: #1d9ad6;
  display: flex;
  justify-content: center;
  align-items: center;
}

.card_one {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.card_text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.card_text h3 {
  color: #1b2244;
  font-family: "Precision Sans", "Century Gothic", CenturyGothic, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

.card_text p {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #2d4c62;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.next_start_btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* banks_derails++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.banks_derails {
  padding: 0px 80px;
  width: 100%;
  height: 600px;
  background: #f7f6fb;
  display: flex;
  justify-content: center;
  align-items: center;
}

#effortless,
#animation,
#bank_derails,
#contack_center,
#footer {
  margin-top: 128px;
}

.banks_derails_one {
  display: flex;
  align-items: center;
  gap: 308px;
}

.bank_one {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.bank_two {
  width: 100%;
  display: flex;
  justify-content: center;
}

.bank_text_one h3 {
  color: #1b2244;
  font-family: "Precision Sans", "Century Gothic", CenturyGothic, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  text-transform: capitalize;
}

.bank_text_one p {
  color: #2d4c62;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  width: 438px;
}

/* contack_center+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.contack_center {
  width: 100%;
  padding: 0px 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contack_center_one {
  border-radius: 32px;
  background: #fff;
  box-shadow: 0px 2px 8px 0px rgba(171, 162, 162, 0.25);
  padding: 68px 136px;
}

.contack_center_one_text,
.contack_text {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contack_center_one_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.contack_text h2 {
  color: #1b2244;
  text-align: center;
  font-family: "Precision Sans", "Century Gothic", CenturyGothic, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
}

.contack_text p {
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #2d4c62;
  font-family: Arial;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

/* footer+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer {
  height: 100%;
  width: 100%;
  padding: 80px 80px 10px 80px;
  border-top: 1px solid #c3c3f9;
  background: #f8f8ff;
}

.footer_main_one_main {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: 144px;
}

.footer_main_one {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.text_field_in_footer {
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.text_field_in_footer p,
.footer_main_two h5 {
  color: #2d4c62;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}

.footer_tetle h3,
.contact_no h3 {
  color: #1b2244;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  text-transform: capitalize;
}

.media_icon {
  display: flex;
  align-items: center;
  gap: 16px;
}

.media,
.footer_contact_no {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#icon_contact a {
  color: #2d4c62;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 4px;
}

.email_icons a,
.contact_icons a {
  color: #2D4C62;
  font-family: "Precision Sans", "Century Gothic", CenturyGothic, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.contact_icons a:hover {
  color: #2D4C62;

}

.media_text h6 {
  color: #1b2244;
  font-family: "Precision Sans", "Century Gothic", CenturyGothic, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  text-transform: capitalize;
}

.media_sim {
  color: #1B2244;
  font-size: 28px;
}

.footer_main_two {
  display: flex;
  flex-direction: column;
  gap: 16px;
}


.logo-img img {
  cursor: pointer;
  transition: filter.2s ease-in-out;
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

.logo-img img:hover {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.footer_address_main {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.links {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 16px;
}

.links a {
  text-decoration: none;
  color: #2d4c62;
  font-family: "Precision Sans", "Century Gothic", CenturyGothic, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.foorer_link {
  margin-top: 15px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #c3c3f9;
}

.foorer_link h2 {
  color: #2d4c62;
  font-family: "Precision Sans", "Century Gothic", CenturyGothic, sans-serif;
  font-size: 16px;
  padding-top: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.popup_one {
  padding: 0px 15px 32px 15px;
}

.popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  align-items: flex-start;
  gap: 10px;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  padding: 20px;
  z-index: 1000;
}

.popupNew {
  padding: 32px 44px;
  position: fixed;
  top: 30%;
  left: 30%;
  background: #fff;
  border-radius: 16px;
}

.input_three {
  width: 100%;
}

.input_three input {
  width: 100%;
}

.title_form {
  display: flex;
  border: none;
  align-items: center;
  background: none;
  gap: 72px;
}

.icon_popup {
  display: flex;
  width: 100%;
  justify-content: end;
  align-items: center;
  font-size: 32px;
}

.popup.show {
  display: block;
}

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

#second {
  display: none;
}

#backs {
  display: none;
}

.cont_icons {
  font-size: 24px;
}

/* .secontdstart++++++++++++++++++++++++++++++++++++++++++++++++++++++++= */
.animation_first_ten {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}

#animation_one {
  padding: 10px 51px;
}

.anmation_first_one_one {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 75px;
}

.animation_last {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.small_card {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 383px;
  padding: 24px 16px;
  border-radius: 4px;
  border: 1px solid #fff;
  background: #fff;
  box-shadow: -2px 4px 32px 0px rgba(235, 235, 235, 0.6);
}

.animation_img {
  width: 590px;
  height: 368px;
  flex-shrink: 0;
}

.animation_img img {
  width: 100%;
  height: 100%;
}

.animation_title_two {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding-top: 32px;
}

.animation_title_two h3 {
  color: #1b2244;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
  text-transform: capitalize;
}

.effortless_test h2 {
  color: #1B2244;
  font-family: "Precision Sans", "Century Gothic", CenturyGothic, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 38px;
  text-transform: capitalize;
}

button {
  border: none;
  border-radius: 50px;
}

button a {
  color: #fff;
}

.what {
  position: fixed;
  right: 0;
  display: flex;
  top: 40%;
  flex-direction: column;
  gap: 24px;
}

.what_two {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.what_two {
  display: none;
}

.what_ico {
  display: flex;
  width: 64px;
  height: 64px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  border-radius: 32px 0px 0px 21px;
  background: #4DC36E;
}

.what_ico .what_icons_one,
.what_icons_two {
  font-size: 32px;
  color: #fff;
}

.what_ico_two {
  display: flex;
  width: 64px;
  height: 64px;
  padding: 16px;
  justify-content: center;
  align-items: center;
  border-radius: 32px 0px 0px 21px;
  background: #1D9AD6;
}

.animation_ones {
  width: 100%;
  height: 650px;
  border-radius: 32px;
  border: 1px solid #c3c3f9;
  background: #f8f8ff;
}

.content {
  width: 100%;
  padding: 64px 80px 0px 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.content_main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  width: 998px;
}

.content_one {
  width: 789px;
  text-align: center;
}

.content_two {
  width: 100%;
  display: flex;
  text-align: center;
}

.content_two p {
  color: #2D4C62;
  text-align: center;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.next_icons_start_one_second,
.next_icons_start_two_second {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 102px;
  width: 60%;
}

.card_text h4 {
  color: #1b2244;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
}

#main p {
  color: #5e6586;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  text-transform: capitalize;
}

.effortless_two_two {
  display: none;
}

#small_id {
  display: none;
}

@media screen and (min-width: 1440px) {

  .first_content {
    padding: 64px 168px;
    width: 100%;
    height: 100%;
  }

  .effortless {
    padding: 64px 228px;
    width: 100%;
    height: 100%;
  }

  .white_bg {
    padding: 68px 94px;
  }

  .animation,
  .next,
  .banks_derails {
    padding: 0px 188px 0px 188px;
  }

  .footer {
    padding: 64px 188px 20px 188px;
  }

  .mainfisrst #p {
    font-size: 24px;
    line-height: 32px;
  }

  .effortless_one .video {
    height: 505px;
  }

  .text_field_in_footer p,
  .footer_main_two h5 {
    font-size: 16px;
    line-height: 24px;
  }

  .popupNew {
    left: 38%;
  }
}



@media screen and (max-width: 1267px) {
  .first_content {
    gap: 28px;
  }

  .mainfisrst {
    width: 100%;
  }

  .mainfisrst h2 {
    font-size: 25px;
    line-height: 28px;
  }

  .mainfisrst p {
    font-size: 12px;
    line-height: 18px;
  }

  .first_content_img img {
    width: 275px;
    height: 187px;
  }

  .white_bg {
    display: inline-flex;
    padding: 27px 35px;
  }

  .small_machine,
  .small_machine img {
    width: 200.05px;
    height: 146.48px;
    flex-shrink: 0;
  }

  .anmation_first_one {
    gap: 232px;
    overflow: hidden;
  }

  .smallsone h6,
  .small h6,
  .small_two h6,
  .small_three h6,
  .small_threes h6,
  .small_four h6,
  .small_five h6 {
    font-size: 13px;
    line-height: 19px;
  }

  .anmation_first_one .small,
  .anmation_first_one .smallsone,
  .anmation_first_one .small_four,
  .anmation_first_one .small_five,
  .anmation_first_two .small_two,
  .anmation_first_two .small_three {
    padding: 5px 16px;
  }

  .animation_first {
    gap: 40px;
  }

  .animation_one {
    height: 500px;
  }

  .span_two {
    width: 35px;
    height: 35px;
  }

  .span_six {
    width: 45px;
    height: 35px;
  }

  .span_one {
    width: 31px;
    height: 31px;
  }

  .span_three {
    width: 37px;
    height: 33px;
  }

  .span_four {
    width: 43px;
    height: 32px;
  }

  .span_five {
    width: 52px;
    height: 31px;
  }

  .effortless {
    gap: 74px;
  }

  .effortless_two h5 {
    font-size: 15px;
    width: 100%;
    line-height: 22px;
  }

  .effortless_two h3 {
    font-size: 25px;
    line-height: 28px;
  }

  .animation,
  .first_content,
  .effortless,
  .next,
  .banks_derails,
  .contack_center,
  .footer {
    padding: 0px 50px 0px 50px;
  }

  .animation,
  .first_content,
  .effortless,
  .next,
  .banks_derails,
  .contack_center,
  .footer {
    padding: 0px 50px 0px 50px;
  }

  .banks_derails_one {
    gap: 90px;
  }

  .footer_main_one_main {
    gap: 77px;
    padding-top: 44px;
  }

  .bank_text_one h3 {
    font-size: 26px;
    line-height: 30px;
  }

  .bank_text_one p {
    font-size: 15px;
    line-height: 24px;
    width: 100%;
  }

  .bank_btn button a {
    padding: 7px 22px;
  }

  .anmation_first_one .smallsone {
    width: 412px;
  }

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

@media screen and (max-width: 999px) {

  .next_icons_start_one,
  .next_icons_start_two {
    gap: 50px;
  }

  .next_icons_start_one_second,
  .next_icons_start_two_second {
    gap: 72px;
    width: 100%;
  }

  .effortless {
    gap: 18px;
  }

  .next_start_btn {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
  }

  .effortless_two h3 {
    font-size: 18px;
    width: 100%;
    line-height: 24px;
  }

  .effortless_two h5 {
    font-size: 12px;
    width: 100%;
    line-height: 18px;
  }

  .effortless_two {
    width: 100%;
  }

  .form_btn,
  .form_btns button a,
  .effortless_btn button a,
  .next_start_btn button a,
  .bank_btn button a,
  .contack_btn button a {
    padding: 8px 40px;
  }

  .content_main,
  .content_one {
    width: 100%;
  }

  .effortless_two img {
    width: 100%;
    height: 100%;
  }

  .title_form h3 {
    font-size: 25px;
    line-height: 35px;
  }

  .popupNew {
    padding: 32px 44px;
    position: fixed;
    top: 30%;
    left: 22%;
    background: #fff;
    border-radius: 16px;
  }
}

@media screen and (max-width: 800px) {
  .title_form h3 {
    font-size: 22px;
    line-height: 35px;
  }
}

@media screen and (max-width: 850px) {
  .anmation_first_one .smallsone {
    width: 100%;
  }

  .anmation_first_one {
    gap: 200px;
  }

  .next_icons_start_one,
  .next_icons_start_two {
    gap: 10px;
  }

  .contack_text h2 {
    font-size: 30px;
    line-height: 35px;
  }

  .contack_center_one {
    padding: 25px 50px;
  }

  .anmation_first_one .small,
  .anmation_first_one .smallsone,
  .anmation_first_one .small_four,
  .anmation_first_one .small_five,
  .anmation_first_two .small_two,
  .anmation_first_two .small_three {
    padding: 5px 5px;
  }
}

@media screen and (max-width: 750px) {
  #firsts {
    display: none;
  }

  .title_form h3 {
    font-size: 18px;
    line-height: 24px;
  }

  .popup_sub_btn button {
    height: 30px;
  }

  .effortless_two_two {
    width: 100%;
    height: 100%;
  }

  .effortless_two_two img {
    width: 100%;
    height: 100%;
  }

  .first_content_two {
    padding: 25px 0px;
  }

  .white_bg {
    padding: 25px;
  }

  .form_container {
    gap: 10px;
  }

  #second {
    display: block;
  }

  .d-flex {
    display: block !important;
    flex-direction: column;
  }

  .first_content {
    height: 100%;
  }

  .first_content_one {
    gap: 0px;
  }

  .effortless_two_two {
    display: block;
  }

  .effortless_two {
    display: none;
  }

  .anmation_first_one {
    gap: 20px;
  }

  .anmation_first_two {
    gap: 20px;
    padding: 0px 54px 0px 44px;
  }

  .anmation_first_one .small,
  .anmation_first_one .smallsone,
  .anmation_first_one .small_four,
  .anmation_first_one .small_five,
  .anmation_first_two .small_two,
  .anmation_first_two .small_three {
    width: 78%;
    height: 60px;
  }

  .animation_first {
    gap: 20px;
  }

  .effortless_two {
    padding-top: 20px;
  }

  .effortless_two h3 {
    font-size: 20px;
    line-height: 24px;
  }

  .effortless {
    display: block;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0px 80px 0px 80px;
    gap: 20px;
  }

  .animation,
  .first_content,
  .next,
  .banks_derails,
  .contack_center,
  .footer {
    padding: 0px 30px 0px 30px;
  }

  .banks_derails_one {
    gap: 20px;
  }

  .bank_text_one h3 {
    font-size: 20px;
    line-height: 22px;
  }

  .bank_text_one p {
    font-size: 13px;
    line-height: 20px;
    width: 100%;
  }

  .bank_img img {
    width: 100%;
  }

  .footer_main_one_main {
    gap: 20px;
    padding-top: 44px;
  }

  .first_a,
  .first_b {
    font-size: 12px;
  }

  .navbar {
    padding: 12px 20px 18px 20px;
  }

  .card_text h3 {
    font-size: 15px;
    line-height: 20px;
  }

  .card_text {
    gap: 0px;
  }

  .card_text p {
    font-size: 12px;
    line-height: 17px;
  }
}

@media screen and (min-width: 320px) and (max-width: 719px) {
  .footer_main_one_main {
    grid-template-columns: repeat(2, 1fr);
  }

  .container-fluid a img {
    width: 100%;
  }

  .mainfisrst {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .first_content_one {
    align-items: center;
  }

  .first_content {
    display: block;
    text-align: center;
    padding: 50px 30px 50px 30px;
  }

  .white_bg {
    width: 70%;
    margin-top: 44px;
  }

  .first_content_img img {
    width: 297px;
    height: 203px;
  }

  .bank_img {
    width: 300px;
    height: 400px;
  }

  .banks_derails {
    height: 100%;
    padding: 60px 60px;
  }

  .bank_one {
    padding-top: 44px;
  }

  .bank_two {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .bank_img img {
    width: 100%;
    height: 100%;
  }

  #backs {
    display: block;
    width: 100%;
    height: 100%;
  }

  #back {
    display: none;
    width: 100%;
    height: 100%;
  }

  .form_btn,
  .effortless_btn button a,
  .next_start_btn button a,
  .bank_btn button a,
  .contack_btn button a {
    padding: 4px 22px;
  }
}

@media screen and (max-width: 550px) {
  .card_text h3 {
    font-size: 11px;
    line-height: 13px;
  }

  .banks_derails {
    padding: 30;
  }

  .mainfisrst #h,
  .content_one h3 {
    font-size: 24px;
    line-height: 28px;
  }

  .content_two p {
    font-size: 15px;
    line-height: 20px;
  }

  .next_one {
    justify-content: start;
    align-items: start;
  }

  .next_one_two p {
    width: 100%;
    display: flex;
    justify-content: start;
    text-align: start;

  }

  .popup {
    width: 100%;
    height: 100%;
  }

  .what_two {
    display: flex;
    gap: 30px;

  }

  .what {
    display: none;
  }

  .next_icons_start_one_second,
  .next_icons_start_two_second {
    gap: 20px;
    width: 100%;
  }

  .what_ico_two_one {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background: #4DC36E;
  }

  .what_ico_two_one .what_icons_one_tow,
  .what_icons_two_two {
    font-size: 25px;
    color: #fff;
  }

  .what_ico_two_two {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #1D9AD6;
    border-radius: 8px;
  }

  .contack_text h2 {
    font-size: 14px;
    line-height: 18px;
  }

  .card_text h4 {
    font-size: 13px;
    line-height: 14px;
  }

  .container_start_one {
    gap: 64px;
  }

  .form_container {
    gap: 10px;
  }

  .grid_icon {
    width: 35px;
    height: 35px;
  }

  .grid_icon_one {
    font-size: 19px;
  }

  .card_text p {
    font-size: 9px;
    line-height: 10px;
  }

  .nexts {
    padding: 50px 40px 0px 40px;
    width: 100%;
  }

  .navbar {
    padding: 12px 57px 18px 58px;
  }

  .anmation_first_two {
    padding: 0px 20px 0px 20px;
  }

  .white_bg {
    width: 90%;
    margin-top: 44px;
  }

  .smallsone h6,
  .small h6,
  .small_two h6,
  .small_three h6,
  .small_threes h6,
  .small_four h6,
  .small_five h6 {
    font-size: 10px;
    line-height: 15px;
  }

  .container-fluid a img {
    width: 120px;
  }

  #wrong {
    font-size: 10px;
  }

  .icon {
    gap: 14px;
  }

  .anmation_first_one,
  .anmation_first_two {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    padding: 0px 0px 0px 0px;
  }

  .animation_one {
    height: 100%;
    padding-bottom: 20px;
  }

  .banks_derails {
    padding: 51px 20px;
  }

  .effortless_btn,
  .bank_btn {
    display: flex;
    justify-content: start;
  }

  .foorer_link h2 {
    font-size: 12px;
  }

  .links {
    justify-content: center;
    align-items: center;
    gap: 10px;
  }

  .links a {
    font-size: 12px;
  }

  .contack_center_one {
    padding: 20px;
  }

  .contack_text p {
    font-size: 12px;
    line-height: 15px;
  }

  .next_one_two p {
    font-size: 15px;
    line-height: 20px;
  }
}

@media screen and (max-width: 450px) {
  .footer_main_one_main {
    grid-template-columns: repeat(1, 1fr);
  }

  .form_container textarea {
    height: 85px;
  }

  .text_field_in_footer {
    gap: 32px;
  }

  .card_text h3 {
    font-size: 10px;
    line-height: 14px;
  }

  .card_text p {
    font-size: 8px;
    line-height: 14px;
  }

  .content {
    padding: 64px 30px 0px 30px;
  }

  .grid_icon {
    width: 25px;
    height: 25px;
  }

  .media,
  .footer_contact_no {
    gap: 5px;
    padding: 0px 0px 12px 0px;
  }

  .footer_address_main {
    gap: 5px;
  }

  .foorer_link h2 {
    padding-top: 10px;
  }

  .bank_btn button a {
    font-size: 12px;
  }

  .animation,
  .first_content,
  .next,
  .contack_center,
  .footer {
    padding: 0px 30px 4px 30px;
  }

  .banks_derails {
    padding: 20px 30px 20px 30px;
  }

  .span_one {
    width: 30px;
    height: 30px;
  }

  .span_two {
    width: 30px;
    height: 30px;
  }

  .span_three {
    width: 30px;
    height: 30px;
  }

  .span_four {
    width: 30px;
    height: 30px;
  }

  .span_five {
    width: 30px;
    height: 30px;
  }

  .span_six {
    width: 30px;
    height: 30px;
  }

  .effortless {
    padding: 0px 30px 0px 30px;
  }

  .navbar {
    padding: 12px 7px 18px 8px;
  }

  .navbar>.container,
  .navbar>.container-fluid,
  .navbar>.container-lg,
  .navbar>.container-md,
  .navbar>.container-sm,
  .navbar>.container-xl,
  .navbar>.container-xxl {
    display: block;
    text-align: center;
  }

  .cont_icons {
    font-size: 12px;
  }

  .icon {
    gap: 5px;
    display: flex;
    align-items: center;
    padding-top: 5px;
    justify-content: center;
  }

  .container-fluid a img {
    width: 150px;
  }

  .mainfisrst h2 {
    font-size: 18px;
    line-height: 21px;
  }

  .first_content {
    padding: 30px 20px 30px 20px;
  }

  img,
  svg {
    vertical-align: middle;
    width: 100px;
  }

  .form_container {
    gap: 10px;
  }

  .form_container .textarea textarea {
    height: 90px;
  }

  .white_bg {
    padding: 21px 20px;
  }

  #animation_one {
    height: 100%;
    padding: 20px 21px;
  }
}

@media screen and (max-width: 1140px) {
  .animation_img {
    width: 400px;
    height: 250px;
    flex-shrink: 0;
  }
}

@media screen and (max-width: 950px) {
  .animation_first_ten {
    display: block;
    width: 100%;
    justify-content: center;
    align-items: center;
  }

  .animation_title_two {
    padding-top: 0px;
  }

  .animation_img {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
  }

  .animation_img img {
    width: 300px;
    height: 10;
  }

  #small_id_card {
    display: none;
  }

  #small_id {
    display: flex;
  }

  .animation_last {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .anmation_first_one_one {
    gap: 15px;
  }

  .small_card {
    width: 250px;
    padding: 10px 8px;
  }

  .small_card h6 {
    font-size: 10px;
  }
}

@media screen and (max-width: 588px) {
  .small_card {
    width: 241px;
    padding: 15px 10px;
  }

  .popupNew {
    padding: 32px 44px;
    position: fixed;
    width: 100%;
    top: 35%;
    left: 0%;
    background: #fff;
    border-radius: 16px;
  }

  .small_card h6 {
    font-size: 12px;
  }

  #animation_one {
    height: 100%;
    padding: 20px 21px;
  }
}