@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

*,
*:before,
*:after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  font-family: "Poppins", sans-serif;
  overflow-x: hidden !important;
}

/* banner */

.banner_main_wrapper {
  background: linear-gradient(
    90deg,
    rgba(24, 98, 99, 1) 100%,
    rgba(25, 135, 128, 1) 100%
  );
  color: #fff;
  padding: 1rem;
}

.navbar_custom {
  padding: 1rem;
}
.sidenav,
.side_navbar {
  display: none !important;
}

.top_bar {
  display: flex;
  justify-content: space-between;
}

.navbar_custom .nav-link {
  color: #fff;
  margin-right: 16px;
  border-radius: 50px;
  padding: 10px 1.5rem !important;
  font-size: 16px;
  font-weight: 400;
}

.btn_custom {
  background-color: #dca562;
  color: #fff;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  margin-right: 6px;
  position: relative;
  padding: 10px 20px;
}

.btn_custom::after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #dca562;
  position: absolute;
  bottom: 14px;
  left: 100%;
}

.get_sullis_btn {
  background-color: #dca562;
  color: #fff;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 600;
  margin-right: 6px;
  position: relative;
  padding: 20px 40px;
}
.get_sullis_btn:hover,
.btn_custom:hover {
  color: #fff;
}
.get_sullis_btn::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: #dca562;
  position: absolute;
  bottom: 20px;
  left: 99%;
}

.get_sullis_btn_span {
  background-color: #dca562;
  color: #fff;
  border-radius: 50%;
  padding: 20px;
}

.btn_custom_span {
  background-color: #dca562;
  color: #fff;
  border-radius: 50px;
  padding: 1rem;
}

.nav-link.active {
  background-color: #dca562;
  border-radius: 50px;
  padding: 10px 1.5rem !important;
}

.s_d_card_heading {
  font-size: 54px;
  font-weight: 700;
  line-height: 1.3;
}

.banner_mid_content {
  padding: 3rem 3rem 0 3rem;
}

.payment-logos {
  margin: 1rem 0;
  display: flex;
  gap: 3rem;
  flex-wrap: wrap;
}
.benefit_G {
  display: flex;
  height: 100%;
}
.benefits-list {
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  list-style: none;
  margin: 5rem 0;
}

.benefits-list li {
  flex: 1 1 calc(50% - 10px);
  padding: 10px;
  background-image: url(../Subtract.svg);
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;
  font-weight: bold;
  border-radius: 15px;
  position: relative;
  font-size: 14px;
}
.playstore_main {
  display: flex;
  align-items: center;
}
.left_playstore {
  position: relative;
  border-radius: 1rem;
  text-align: center;
}
.left_playstore_absolute {
  position: absolute;
  top: 16px;
  left: 12px;
}
.left_playstore_absolute img {
  width: 180px;
}
.left_playstore h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
}
.left_playstore p {
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 4px;
}

.custom_width {
  width: 440px !important;
}

.right_main_heading {
  padding: 1.5rem;
  font-size: 24px;
  font-weight: 600;
  position: absolute;
  top: 0;
  line-height: 1.3;
}
.get_sullis_btn_main {
  margin-bottom: 3rem;
  text-align: center;
  transform: translate(-26px, -29px);
}
.marquee_container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: #dca562;
  padding: 0.2rem 0;
  color: #fff;
}

.marquee {
  display: inline-block;
  animation: marquee 10s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
    /* Move left by half of the total width */
  }
}

.marquee_container h4 {
  display: inline-block;
  margin-right: 50px;
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 8px;
}

.marquee_container h4 span {
  font-size: 50px;
  margin: auto 30px 0 0;
}

section.banner_mid_content .col-md-3 {
  display: flex;
  justify-content: center;
}
.text {
  font-weight: 600;
  letter-spacing: 1.7px;
  text-transform: uppercase;
  font-size: 16px;
  fill: #fff;
}
.rotation_main {
  display: grid;
  align-items: center;
  justify-items: center;
  overflow: hidden;
}
.rotation_main img {
  position: absolute;
}

.rotatingText {
  animation-name: rotate-circle;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes rotate-circle {
  to {
    transform: rotate(1turn);
  }
}

/* about */
.about_sec {
  margin-top: 2rem;
  padding: 2rem;
  background-color: #f4ffff;
}
.about_sec .container > h2 {
  font-size: 48px;
  font-weight: 600;
  line-height: 1.5;

  text-align: center;
}
.about_sec .container > p {
  padding: 0 10rem;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 5rem;
  margin-bottom: 5rem;
}

.card_img_sec {
  background-color: #d6ad50;
  padding: 1.5rem;
  border-radius: 24px;
  text-align: center;
  height: 100%;
}
.card_img_sec img {
  height: 100%;
}
.meet_sullis {
  background-color: #188d86;
  color: #fff;
  padding: 2rem;
  border-radius: 24px;
}
.meet_sullis p:first-child {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3;
  padding-right: 5rem;
}
.meet_sullis p:last-child {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.lrm_ipsm {
  background-color: #b9f2ef;
  border-radius: 24px;
  padding: 1.5rem;
  height: 100%;
}
.lrm_ipsm h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3;
}
.lrm_ipsm p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
}
.lrm_ipsm .btn_custom,
.lrm_ipsm span img {
  margin-top: 32px;
}
.review_details {
  background-color: #f6ebdd;
  border-radius: 24px;
  text-align: center;
  height: 100%;
  padding: 2rem;
}
/* benefit sec */
.Benefits_sec {
  background-color: #188d86;
  color: #fff;
  padding: 3rem 0;
}
.innerlists {
  background-image: url(../Component-32.png);
  background-repeat: no-repeat;
  background-position: center;
  padding: 500px 0 200px;
  position: relative;
}

.custom_hr {
  border: none; /* Removes any default border */
  /* border-top: 2px dashed #188d86; */
  opacity: 1 !important;
  background: repeating-linear-gradient(
    to right,
    #e5a251,
    #e5a251 10px,
    /* Dash color and length */ transparent 10px,
    /* Gap color */ transparent 20px /* Gap size */
  );
}
.real_time {
  position: absolute;
  top: 38px;
  left: 10px;
  display: flex;
  gap: 8px;
}
.real_time p {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 600;
}
.sbtrt3_cmn {
  position: relative;
}
.sbtrt3_cmn > img {
  margin-top: 1rem;
}
.sbtrt3_cmn:nth-child(even) {
  display: flex;
  justify-content: flex-end;
}
.sbtrt3_cmn:nth-child(even) .real_time {
  display: flex;
  justify-content: flex-end;
  margin-left: 47%;
}
.sls_dbt_crd {
  margin-top: 9rem;
}
.sls_dbt_crd p {
  margin: 2rem 0;
}
/* Digital_Wallet */
.Digital_Wallet {
  background-color: #f6ebdd;
}
.dgtl_wlt_left {
  padding: 6rem;
}
.dgtl_wlt_left h1 {
  padding: 2rem 0 0 0;
}
.dgtl_wlt_left > P {
  padding-right: 19rem;
  margin: 0 0 3rem 0;
}
.wlt_img {
  position: absolute;
  top: 103px;
}
.cmn_dgtl_wlt {
  background: linear-gradient(180deg, #186263 0%, #198780 100%);
  border-radius: 1rem;
  padding: 1.5rem;
  color: #fff;
  height: 100%;
}
.cmn_dgtl_wlt p {
  font-weight: 600;
  line-height: 1.3;
  margin-top: 1rem;
}

/* Customer_Support */
.Customer_Support {
  background-color: #f4ffff;
  padding: 8rem 2rem 40px;
}
.textarea.form-control {
  height: 270px !important;
}
.Customer_Support .Customer_Support_heading {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
}
.Customer_Support .Customer_Support_para {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  margin: 1.5rem 0;
}
.cstmr_sprt_cmmn {
  display: flex;
  padding: 1rem;
  box-shadow: 0px 2px 16px 0px #0000001f;
  border-radius: 12px;
  margin-bottom: 1rem;
  gap: 1rem;
  align-items: flex-start;
}
.cstmr_sprt_cmmn h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
.cstmr_sprt_cmmn P {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}
.Customer_Support .cstm_bg {
  height: 354px;
  width: 95%;
  border-radius: 12px;
  background-color: #f6ebdd;
  position: absolute;
  z-index: 1;
  bottom: 0;
}
.cstm_bg_img {
  z-index: 2;
  position: relative;
}

/* New & Blogs */
.news_and_blogs {
  margin-top: 6rem;
}
.news_and_blogs h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
}
.news_and_blogs_imgs {
  margin: 4rem 0;
}
.news_and_blogs .btn_main {
  margin: 1.5rem 0;
  text-align: center;
}

/* sullis_app */
.sullis_app {
  margin-top: 15rem;
  background: linear-gradient(90deg, #186263 0%, #198780 100%);
  border-radius: 12px;
  color: #fff;
}
.sullis_app_img {
  transform: translateY(-6rem);
}
.sullis_app .col-md-8 {
  padding: 5rem 8rem 0;
}
.sullis_app_img2 {
  margin: 1rem 0;
}
.sullis_app_inner {
  padding-bottom: 1rem;
}
.sullis_app_inner h1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.3;
}
.sullis_app_inner p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}
.sullis_app_inner h2 {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  padding-right: 7rem;
  margin-bottom: 1.5rem;
}
.sullis_app_inner .btn_custom::after {
  left: 99%;
}
/* reach_out_sec */
.reach_out_sec {
  margin: 4rem 0;
}
.reach_out_sec img {
  /* margin-bottom: 2rem; */
}
.reach_out_inner {
  background-color: #fff;
  padding: 1.5rem;
  border-radius: 24px;
}
.reach_out_inner h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.4;
}
.reach_out_inner p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
.reach_out_inner hr {
  background-color: #cccccc;
}
.reach_out_main {
  background-color: #b9f2ef;
  border-radius: 24px;
  padding: 1rem;
  margin-top: 5.5rem;
  width: 92%;
  margin-left: 8%;
}
.reach_out_inner form input,
.reach_out_inner form textarea {
  background-color: #fafafa;
  border-radius: 24px;
  border: none;
  padding: 1rem;
}
.reach_out_inner form label {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
.reach_out_inner form input::placeholder {
  color: #888888;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}
.reach_out_inner form .btn_custom {
  width: 80%;
}
.listOne,
.listTwo {
  position: absolute;
  top: 0px;
}
.listOne {
  left: 266px;
}
.listOne > div,
.listTwo > div {
  position: absolute;
  text-align: center;
}

.listTwo {
  right: 266px;
}
.itemList {
  left: 113px;
  top: -35px;
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.itemList-11 {
  top: 170px;
  left: -90px;
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.itemList-12 {
  top: 352px;
  left: -180px;
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.itemList-13 {
  top: 567px;
  left: -90px;
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.itemList-1 {
  right: 136px;
  top: -35px;
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.itemList-2 {
  top: 170px;
  right: -118px;
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.itemList-3 {
  top: 352px;
  right: -180px;
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.itemList-4 {
  top: 567px;
  right: -90px;
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.Benefits_sec h3 {
  text-align: center;
  padding: 76px;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.3;
}
.reach_out_main a {
  color: #000;
  text-decoration: none;
  border-radius: 24px;
}
.mage_email .mage_email_inner {
  background-color: #d4fefc;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  padding: 1rem;
  border-radius: 24px;
}
.mage_email p:first-child {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
.mage_email p:last-child {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
}
/* footer */

footer {
  background: linear-gradient(
    360deg,
    rgba(25, 135, 128, 1) 33%,
    rgba(24, 98, 99, 1) 100%
  );
  padding: 3rem;
  color: #fff;
}

.newsletter_main {
  display: flex;
  justify-content: space-between;
}
.newsletter_main h4 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.searchQueryInput {
  width: 50%;
  height: 2.8rem;
  background: transparent;
  outline: none;
  border: 1px solid rgba(0, 255, 0, 0.3);
  border-radius: 1.625rem;
  padding: 1rem 3rem 1rem;
  font-size: 1rem;
  color: #fff;
  margin-right: 1rem;
}
.searchQueryInput::placeholder {
  color: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  font-weight: 400;
}
.icon_img {
  position: absolute;
  top: 11px;
  left: 14px;
}
hr {
  margin: 2rem 0;
  background-color: #e5a251;
  opacity: 0.5;
}
.sullis_sec_footer p a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}
.copyright_sec {
  display: flex;
  justify-content: space-between;
}
.copyright_sec_bot {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.copyright_sec p,
.copyright_sec p a,
.opicity_color {
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
}

/* ************** About Page ************** */
.custom_main_wrapper_about,
.custom_main_wrapper_blogs,
.custom_main_wrapper_benefits,
.custom_main_wrapper_contactUS,
.custom_main_wrapper_careers,
.custom_main_wrapper_p_policy {
  background-color: #f4ffff;
  overflow-x: hidden;
}
.banner_main_wrapper_about,
.banner_main_wrapper_blog,
.banner_main_wrapper_contactUS,
.banner_main_wrapper_careers,
.banner_main_wrapper_p_policy {
  background: linear-gradient(
    90deg,
    rgba(24, 98, 99, 1) 100%,
    rgba(25, 135, 128, 1) 100%
  );
  color: #fff;
}
.custom_main_wrapper_about .banner_about {
  padding-bottom: 1rem;
}
.custom_main_wrapper_about .banner_mid_content img,
.custom_main_wrapper_blogs .banner_mid_content img {
  height: 100% !important;
}
.custom_main_wrapper_blogs .banner_about_benefits {
  margin: 3rem auto;
}
.banner_about p:first-child,
.banner_about_benefits p:first-child {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
.banner_about .sls_p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  margin: 2rem 0;
}
.custom_main_wrapper_contactUS .sls_p,
.banner_about_benefits .sls_p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  margin: 2rem 0;
}
.banner_about_benefits .sls_p2 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  margin: 1rem 0;
}
.banner_about h2,
.banner_about_benefits h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.3;
}

.new_Era_sec {
  margin: 4rem 0;
}
.new_era_img {
  background-color: #f7ebdd;
  border-radius: 32px;
}
.new_era_smry_sec {
  background-color: #baf2ef;
  border-radius: 32px;
}
.smry_heading {
  font-size: 58.41px;
  font-weight: 600;
}
.smry_main {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}
.smry_main p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
}
.smry_main p span {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
}
.smry_main .btn_custom {
  width: 200px;
}

.sulis_app_now {
  background: linear-gradient(90deg, #186263 0%, #198780 100%);
  padding: 2rem 0;
  margin: 3rem 0;
  text-align: center;
  color: #fff;
  border-radius: 24px;
}
.sulis_app_now p {
  margin: 2rem 0;
}

/* Benefit App */

.benefit_sullis_card {
  margin: 4rem 0;
}
.benefit_sullis_card h1 {
  font-size: 48px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  margin-bottom: 1.5rem;
}
.cmn_bnft_card_main {
  background-color: #f7ebdd;
  border-radius: 24px;
  text-align: center;
  padding: 3rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.cmn_bnft_heading {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
}
.banner_mid_content_bnft {
  padding: 5rem 0;
}

/* blogs page */
.Empowering_Pilgrims_sec {
  margin: 3rem 0;
}
.Empowering_Pilgrims_sec .btn_custom {
  padding: 10px 40px;
}
.blog_empwr_cmn {
  border: 1px solid #888888;
  border-radius: 12px;
}
.blog_empwr_cmn_inner {
  padding: 1rem;
}
.empwr_filters {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  margin: 1rem 0;
}
.empwr_filters_top {
  display: flex;
  gap: 1rem;
  position: relative;
}
.drpdwn_arr {
  position: absolute;
  top: 22px;
  right: 20px;
}
.drpdwn_arr2 {
  position: absolute;
  top: 22px;
  right: 220px;
}
.empwr_filters select.form-select,
.empwr_filters input {
  height: 48px;
  padding-left: 2.5rem;
  border-radius: 32px;
  border: 1px solid #000;
  background: transparent;
}
.empwr_filters .img_span {
  position: absolute;
  top: 14px;
  left: 1.5rem;
}
.empwr_filters input {
  width: 300px;
}
.empwr_filters input:focus {
  box-shadow: none;
  border: 1px solid #000;
  background: transparent;
}
.empwr_filters .form-select:focus {
  box-shadow: none;
}
.empwr_filters .btn_custom {
  width: 150px;
}
.blog_empwr_cmn span {
  color: #888888;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
}
.blog_empwr_bot {
  padding: 1.5rem 0;
}
.blog_empwr_bot h1 {
  padding-top: 1rem;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
}
.blog_empwr_bot p {
  margin: 2rem 0;
}
.read_more_blog {
  color: #188d86;
  text-decoration: none;
}
.Empowering_Pilgrims_sec a:hover,
.blog_empwr_sm_cmn a:hover {
  color: #188d86;
}
.blog_empwr_sm_cmn {
  border: 1px solid #888888;
  border-radius: 12px;
  padding: 1rem;
}

.blog_empwr_sm_cmn .btn_custom {
  width: 150px !important;
}
.empwr_filters .img_span {
  padding-right: 8px;
}

/* Contact Us Page */

.contact_us_sec {
  margin-top: 2rem;
  padding: 3rem;
}
.contact_us_sec_top {
  text-align: center;
}
.contact_us_sec_top h1 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.3;
}
.contact_us_sec_top p {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 3rem;
}
.wht_goes_on_sullis_img {
  background-color: #f6ebdd;
  padding: 5rem;
  border-radius: 24px;
}

.contact_sm_bg_main {
  background-color: #fff;
  border-radius: 10px;
  padding: 1rem;
}
.contact_sm_bg {
  background-image: url(../contact_us_sm_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 3rem;
  color: #fff;
  height: 647px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.contact_sm_bg_top h1 {
  margin-bottom: 1.5rem;
}
.contact_sm_bg_mid {
  margin-top: 4rem;
}
.contact_sm_bg_mid a {
  color: #fff;
  text-decoration: none;
}
.contact_social_icons ul {
  list-style: none;
  padding-left: 0;
  display: flex;
  gap: 1rem;
}
.contact_sm_bg_mid p {
  display: flex;
  gap: 2rem;
  margin: 1.5rem 0;
}
.contact_us_rgt_main .contact_usr,
.contact_us_rgt_main .contact_usr_last {
  left: 40px;
}
.contact_usr {
  position: absolute;
  top: 15px;
  left: 30px;
}

.contact_usr_last {
  position: absolute;
  top: 20px;
  left: 30px;
}
.contact_us_rgt_main .form-control:focus {
  box-shadow: none;
  outline: none;
}
.contact_us_rgt_main {
  margin-top: 3rem;
}
.contact_us_rgt_main .position-relative input,
.p_p_new_right input {
  border-radius: 32px;
  border: 1px solid #000;
  height: 55px;
  padding-left: 3rem;
}
.p_p_new_right input {
  height: 48px !important;
}
.contact_us_rgt_main .position-relative label {
  position: absolute;
  top: -11px;
  background: #fff;
  left: 3.5rem;
  padding: 0 6px;
}
.contact_us_rgt_main .contact_form_checks {
  display: flex;
  flex-wrap: wrap;
}
.contact_us_rgt_main .contact_form_checks label {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  white-space: nowrap;
}
.contact_us_rgt_main .contact_form_checks input[type="checkbox"] {
  border-radius: 50%;
}
.contact_us_rgt_main .contact_form_checks input[type="checkbox"]:checked {
  background-color: #000;
  border-color: #000;
}
.contact_us_rgt_main .contact_form_checks input:focus {
  box-shadow: none;
  border-color: #000;
}
.contact_us_rgt_main .btn_custom {
  padding: 10px 40px;
}

/* careers page */

.btn_hiring {
  padding: 4px 1rem;
  border: 1px solid #fff;
  border-radius: 32px;
}
.custom_main_wrapper_careers .banner_mid_content {
  padding: 2.5rem;
}
.custom_main_wrapper_careers .banner_about_benefits h2 {
  margin-top: 1rem;
}
.grt_plc_2_work {
  margin: 5rem 0;
}
.grt_plc_2_work h1 {
  text-align: center;
  font-size: 48px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 3rem;
}

/*  */
.career_tabs {
  background-color: #b9f2ef;
  border-radius: 24px !important;
}
.career_tabs .tabs_inner_content {
  padding: 1.5rem;
}

.career_tabs h2 {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
}

.careers_tabs_main {
  display: flex;
  align-items: start;
  gap: 1rem;
}
.nav-pills .nav-link {
  width: 100%;
  color: #000 !important;
  padding: 10px 1.5rem;
  border-left: 4px solid transparent;
  font-size: 16px;
  font-weight: 400;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background: #b9f2ef;
  border-radius: 0 32px 32px 0;
  border-left: 4px solid #188d86;
  color: #000 !important;
  width: 100%;
  font-size: 18px;
  font-weight: 500;
}
.nav_pill_custom {
  flex-direction: column;
  width: 20%;
  gap: 1rem;
}
.nav-item button {
  text-align: left;
}
.bdg_bg_custom {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  background-color: #f6ebdd;
  color: #000;
  padding: 8px 16px;
  border-radius: 29px;
}
.custom_green_div {
  height: 20px;
  background-color: #188d86;
}

.wht_goes_on_sullis_inner h2 {
  font-size: 48px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 2rem;
}
.wht_goes_on_sullis_inner p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
}
.wht_goes_on_sullis_inner .btn_custom_main {
  margin-top: 2rem;
}
.tstemonial {
  margin: 3rem 0;
}

.tstemonial h1 {
  font-size: 48px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
}
.tstemonial .row > p {
  font-size: 34px;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
}
.tstemonial_wrapper .carousel-item .cmn_main_tstmnl {
  background-color: #b9f2ef;
  border-radius: 1rem;
  padding: 1.5rem 6rem 1.5rem 2rem;
  float: right;
  width: 100%;
  height: 200px;
}
.cmn_main_tstmnl img {
  width: 25px;
}
.next_btn_custom span {
  position: absolute;
  bottom: -8px;
  color: #000;
  white-space: nowrap;
}
.next_btn_custom span img {
  width: 20px;
}

/* privacy Policy + Terms & Conditions */
.banner_main_wrapper_p_policy .banner_about_benefits h2,
.banner_main_wrapper_p_policy .banner_about_benefits p {
  margin-bottom: 1.5rem;
}

.p_p_tabs_sec,
.p_p_tabs_sec_new {
  margin: 3rem 0;
}
.nav_pill_custom {
  width: 40%;
}

/* slider */
.tstemonial .range-slider-container {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-left: 2rem;
}

.tstemonial input[type="range"] {
  -webkit-appearance: none;
  width: 150px;
  height: 2px;
  background: #ddd;
  outline: none;
  border-radius: 5px;
}

.tstemonial input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  background: #007bff;
  border-radius: 50%;
  cursor: pointer;
}

.tstemonial input[type="range"]::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #007bff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}
.tstemonial .testimonial-slider {
  position: absolute;
  left: 0;
  top: -12px;
}
.cmn_main_tstmnl {
  margin-bottom: 1rem;
}

.tstemonial .carousel-item > span {
  padding-left: 2rem;
}
.banner_mid_content_mobile,.sbtrt3_mobile {
  display: none;
}
/* Media Queries */
@media (max-width: 1367px) {
  .listOne > div span,
  .listTwo > div span {
    font-size: 12px;
  }
  .itemList {
    left: 30px;
    top: -20px;
  }
  .itemList-1 {
    right: 30px;
    top: -20px;
  }
  .itemList-11 {
    left: -130px;
  }
  .itemList-2 {
    right: -130px;
  }
  .itemList-12 {
    left: -270px;
  }
  .itemList-3 {
    right: -270px;
  }
  .itemList-13 {
    left: -180px;
  }
  .itemList-4 {
    right: -180px;
  }
}
@media (max-width: 1024px) {
  .about_sec .container > p {
    padding: 0 5rem;
  }
  .playstore_main {
    flex-wrap: wrap;
  }
  .banner_about .sls_p {
    font-size: 16px;
    margin: 1rem 0;
  }
  .custom_main_wrapper_blogs .banner_about_benefits {
    margin: 2rem auto;
  }
  .custom_main_wrapper_home {
    overflow: hidden;
  }
  .payment-logos {
    gap: 2rem;
  }
  .wlt_img {
    top: unset;
    bottom: 0;
  }
  .Customer_Support {
    padding: 2rem;
  }
  .Customer_Support .cstm_bg {
    bottom: 130px;
  }
  .dgtl_wlt_left {
    padding: 2rem;
  }
  .dgtl_wlt_left > P {
    padding: 0;
  }
  .cmn_dgtl_wlt {
    text-align: center;
    padding: 1.5rem 8px 8px 8px;
  }
  .cmn_dgtl_wlt p {
    font-size: 12px;
    margin: 8px;
  }
  .cstm_card_img {
    width: 430px;
  }
  .lrm_ipsm .btn_custom,
  .lrm_ipsm span img {
    margin-top: 22px;
  }
  .meet_sullis p:first-child {
    padding: 0;
  }
  .lrm_ipsm h3 {
    font-size: 18px;
    padding: 0;
  }
  .lrm_ipsm p {
    padding: 0;
    font-size: 16px;
  }
  .itemList-1 {
    right: 270px;
  }
  .itemList {
    left: 270px;
  }
  .itemList-11 {
    top: 140px;
    left: -220px;
  }
  .itemList-2 {
    top: 150px;
    right: -220px;
  }
  .itemList-12 {
    left: -300px;
  }
  .itemList-3 {
    right: -300px;
  }
  .itemList-13 {
    left: -280px;
  }
  .itemList-4 {
    right: -280px;
  }
  .about_sec {
    margin-top: 0 !important;
  }
  .about_sec > p {
    padding: 0 !important;
  }
  .custom_width {
    width: 310px !important;
  }
  .custom_main_wrapper_home .banner_mid_content {
    padding: 1rem;
  }
  .get_sullis_btn_span {
    padding: 10px;
  }
  .get_sullis_btn {
    padding: 4px;
  }
  .get_sullis_btn_main {
    transform: translate(-40px, -17px);
  }
  .get_sullis_btn::after {
    height: 10px;
    bottom: 10px;
  }
  .right_main_heading {
    font-size: 14px;
  }
  .s_d_card_heading {
    font-size: 32px;
  }
  .navbar_custom .nav-link {
    padding: 12px !important;
  }
  .banner_about h2,
  .banner_about_benefits h2 {
    font-size: 40px;
  }
  .smry_heading {
    font-size: 32px;
  }
  .smry_main p span {
    font-size: 20px;
  }
  .smry_main p {
    font-size: 1rem;
  }

  .sullis_app {
    padding: 2rem;
    margin-top: 2rem;
  }
  .sullis_app .col-md-8 {
    padding: 0;
  }
  .sullis_app_img {
    transform: unset;
  }
  .nav-pills .nav-link {
    font-size: 11px;
  }
  .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    font-size: 12px;
  }
}
.contact_us_rgt_main .col-md-6,
.contact_us_rgt_main .col-md-12 {
  position: relative;
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  .mytm_jsbnk .btn_custom_main button:first-child,
  .mytm_jsbnk .btn_custom_main {
    width: 80% !important;
  }

  .article_main {
    flex-direction: column;
  }
  .mytm_jsbnk .article_main h2 {
    font-size: 30px !important;
    margin-bottom: 1rem;
  }
  .italic_para_main {
    padding: 0 !important ;

    margin: 1rem 0;
  }
  .mytm_jsbnk .italic_para {
    font-size: 18px !important;
  }
  .custom_main_wrapper_p_policy .banner_mid_content {
    padding: 2rem 0 !important;
  }
  .next_btn_custom span {
    bottom: -28px;
  }
  .tstemonial .row > p {
    font-size: 28px;
  }
  .tstemonial .testimonial-slider {
    left: 0 !important;
  }
  .carousel-item > span:not(.bot_span) {
    position: absolute;
    bottom: -3px;
    left: 0;
  }

  .contact_us_sec_top p {
    margin-bottom: 2rem;
  }
  .about_sec .container > p {
    padding: 0 2rem;
    margin-bottom: 2rem;
  }
  .cstm_mdl .contact_us_rgt_main {
    margin-top: 1.5rem;
  }
  .left_playstore_absolute {
    top: 22px;
    left: 22px;
  }
  .contact_sm_bg {
    height: 450px;
  }
  .custom_main_wrapper_careers .banner_mid_content {
    padding: 2rem 1rem;
  }

  .banner_mid_content {
    padding: 2rem 2rem 0 2rem;
  }
  .navbar_custom {
    display: none;
  }
  .sidenav,
  .side_navbar {
    display: block !important;
  }
  .newsletter_main h4 br {
    display: none;
    margin: auto;
  }
  .custom_main_wrapper_contactUS .sls_p,
  .banner_about_benefits .sls_p {
    margin: 1rem 0;
  }
  .dgtl_wlt_left h1,
  .dgtl_wlt_left > P,
  .Customer_Support_heading,
  .Customer_Support_para,
  .reach_out_inner p,
  .reach_out_inner h1 {
    text-align: center !important;
  }
  .Benefits_sec {
    padding: 1.5rem;
  }
  section.Benefits_sec h3 {
    padding: 20px 0;
  }
  .innerlists {
    background-image: url(../component-32-d.png);
    background-size: contain;
    height: 500px;
    padding: unset;
    display: flex;
    justify-content: space-between;
  }
  .listOne > div,
  .listTwo > div,
  .listOne,
  .listTwo {
    position: unset;
  }
  .listOne > div,
  .listTwo > div {
    margin-bottom: 1.5rem;
  }
  .innerlists img {
    width: 40px;
  }
  .innerlists span {
    font-size: 14px;
  }
  .about_sec > h2,
  .tstemonial p,
  .contact_sm_bg_top h1 {
    font-size: 28px;
  }
  .grt_plc_2_work h1,
  .tstemonial h1,
  .contact_us_sec_top h1 {
    font-size: 32px;
    margin: 1rem;
  }
  .grt_plc_2_work {
    margin: 2rem 0;
  }
  .about_sec > p {
    font-size: 14px;
  }
  .marquee {
    animation: marquee 15s linear infinite;
  }
  .custom_width {
    display: flex;
    margin: auto;
  }
  .right_main_heading {
    font-size: 16px;
    padding: 1rem 13rem 0 12rem;
  }
  .playstore_main {
    display: flex;
    justify-content: space-between;
  }
  .sbtrt3_cmn .real_time {
    margin-left: 0 !important;
  }
  .Customer_Support .cstm_bg {
    bottom: 0;
  }
  .empwr_filters .img_span {
    left: 1rem;
  }
  .empwr_filters {
    justify-content: flex-start;
    gap: 0;
  }
  .custom_full_width {
    width: 100%;
  }
  .empwr_filters .btn_custom {
    width: 78%;
  }
  .empwr_filters_top {
    gap: 0;
  }
  .empwr_filters_top select {
    margin-bottom: 1rem;
    gap: 0;
    margin-left: 1rem;
  }
  .navbar-nav li {
    width: auto;
  }
  .navbar-nav li:first-child {
    margin-top: 1.5rem;
  }
  .navbar-nav li:last-child {
    margin-bottom: 1.5rem;
  }

  .empwr_filters {
    flex-wrap: wrap;
  }

  .cmn_bnft_card_main {
    padding: 1rem;
  }

  .tstemonial .carousel-item span {
    margin-top: 1rem;
  }
  .carousel-item > span:not(.bot_span) {
    bottom: -6px;
  }
  .tstemonial .testimonial-slider {
    left: 176px;
  }
  .banner_about h2,
  .banner_about_benefits h2 {
    font-size: 28px;
    line-height: 1.1;
  }
  .banner_main_wrapper_p_policy .banner_about_benefits h2,
  .banner_main_wrapper_p_policy .banner_about_benefits p {
    margin-bottom: 0.5rem;
  }
  .career_tabs h2 {
    font-size: 24px;
  }

  .searchQueryInput {
    margin-bottom: 1rem;
    width: 100%;
  }
  .newsletter_main .btn_custom {
    width: 78%;
  }
  .newsletter_main .btn_custom::after {
    width: 12px;
  }

  .new_Era_sec {
    margin-bottom: 2rem;
  }

  .contact_sm_bg {
    padding: 1.5rem;
  }
  .contact_sm_bg_top h1 {
    margin-bottom: 1rem;
  }
  .contact_us_sec {
    padding: 1rem;
  }
  .sullis_app_inner h1 {
    font-size: 36px;
  }
  .sullis_app_inner h2 {
    padding-right: 0;
    font-size: 22px;
  }
  .sullis_app_img2 {
    margin: 1rem 0 1.5rem;
  }
  .banner_mid_content_bnft {
    padding: 1rem 0;
  }
  .wht_goes_on_sullis_img {
    padding: 8px;
  }
  .wht_goes_on_sullis_inner h2 {
    font-size: 26px;
    margin-bottom: 1rem;
  }
  .wht_goes_on_sullis_inner p {
    font-size: 16px;
  }
}
.btn_custom_sbmt {
  text-align: right;
}
.sm-img {
  display: none;
}
@media (max-width: 480px) {
  .payment-logos {
  gap: 1rem!important;
  }
  .playstore_main {
    flex-wrap: nowrap;
  }
  .banner_mid_content_desktop,.left_playstore,.sbtrt3_large_screen,.get_sullis_btn_main ,  .right_main_heading,.custom_width{
    display: none;
  }

  .banner_mid_content_mobile,.sbtrt3_mobile,.sm-img,.left_palystore_sm {
    display: block;
  }
  .sm-img {
    margin: auto;
  }
  
  .playstore_links_main {
    display: flex;
    margin: 1rem 0 2rem 0;
  }
  .sullis_app_img2 {
    margin: 4px 0;
  }
  .p_p_tabs_sec_new .p_p_new_left h1 {
    font-size: 32px !important;
  }
  .p_p_new_right {
    padding: 1rem !important;
  }
  .tstemonial .row > p {
    font-size: 26px;
  }

  .tstemonial input[type="range"] {
    width: 85px;
  }
  .cmn_main_tstmnl > p,
  .tstemonial .carousel-item span {
    font-size: 14px !important;
  }

  .tstemonial_wrapper .carousel-item .cmn_main_tstmnl {
    height: 170px;
    padding: 8px !important;
  }

  .drpdwn_arr {
    top: 150px;
  }
  .drpdwn_arr2 {
    top: 88px;
    right: 20px;
  }
  .about_sec .container > h2 {
    font-size: 36px;
  }
  .about_sec .container > p {
    padding: 0;
    font-size: 12px;
    margin-bottom: 1rem;
  }
  .btn_custom_sbmt {
    display: flex;
  }
  .cstm_mdl .modal-body {
    padding: 0 1.5rem !important;
  }
  .left_playstore_absolute {
    top: 16%;
    left: 28%;
  }
  .p_p_tabs_sec,
  .p_p_tabs_sec_new {
    margin: 1.5rem 0;
  }
  .careers_tabs_main h2 {
    font-size: 18px;
  }
  .careers_tabs_main p {
    font-size: 14px;
    margin: 1rem 0;
  }
  .news_and_blogs_imgs {
    margin: 2rem 0;
  }
  .contact_sm_bg_mid p {
    gap: 1rem;
    margin: 1rem 0;
  }
  .tstemonial {
    margin: 1rem 0;
  }
  .career_tabs .tabs_inner_content {
    padding: 1rem 0.5rem;
  }
  .custom_full_width .btn_custom::after {
    bottom: 10px;
  }
  .banner_mid_content {
    padding: 1rem 1rem 0 1rem;
  }

  .meet_sullis {
    padding: 10px;
  }
  .meet_sullis p:last-child {
    font-size: 12px;
  }

  .meet_sullis p:first-child {
    font-size: 18px;
  }
  .benefits-list li {
    flex: unset;
    margin-bottom: 1rem;
  }
  .sidenav .btn_custom {
    width: 70%;
  }
  .sidenav .btn_custom::after {
    bottom: 14px;
  }
  .Benefits_sec .top_container {
    padding: 0;
  }
  .reach_out_main {
    width: 100%;
    margin-left: 0;
  }

  .innerlists {
    background-image: none;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding: unset;
    height: auto;
    align-items: center;
  }
  .innerlists > div {
    flex: 0 0 40%;
    max-width: 40%;
  }
  .listOne > div,
  .listTwo > div {
    width: 100%;
    height: 90px;
  }

  .sullis_app_inner p,
  .reach_out_inner p,
  .reach_out_inner form label {
    font-size: 12px;
  }
  .btn_custom {
    width: 76%;
    font-size: 12px;
  }
  .sls_dbt_crd {
    text-align: center;
  }
  .real_time p {
    font-size: 12px;
  }
  .cstm_card_img {
    width: 100%;
  }
  .left_playstore {
    width: 100%;
  }
  .sullis_app_inner h1,
  .sullis_app_inner h2,
  .reach_out_inner h1,
  .dgtl_wlt_left h1 {
    font-size: 18px;
  }
  .reach_out_inner,
  .sullis_app,
  .dgtl_wlt_left,
  .about_sec,
  .lrm_ipsm,
  .Customer_Support {
    padding: 1rem;
  }

  .news_and_blogs,
  .sls_dbt_crd {
    margin-top: 2rem;
  }
  .Customer_Support .Customer_Support_heading,
  .news_and_blogs h1 {
    font-size: 22px;
  }
  .Customer_Support .Customer_Support_para {
    font-size: 14px;
  }
  .cstmr_sprt_cmmn h3 {
    font-size: 16px;
  }
  .cstmr_sprt_cmmn P {
    font-size: 12px;
  }
  .wlt_img {
    position: unset;
  }
  .sbtrt3_cmn:nth-child(even) {
    justify-content: flex-start;
  }
  section.Benefits_sec h3 {
    padding: 1rem;
    font-size: 26px;
  }

  .about_sec > p {
    margin-bottom: 1rem;
  }
  .custom_width {
    width: 280px !important;
  }

  .marquee {
    animation: marquee 25s linear infinite;
  }
  .playstore_main {
    justify-content: center;
  }
  .right_main_heading {
    font-size: 15px;
    padding: 1rem 20%;
  }
  .sulis_app_now p {
    padding: 1rem;
  }
  .custom_main_wrapper_home .banner_mid_content {
    padding: 0 !important;
  }
  .empwr_filters_top select {
    margin-left: 0;
  }

  .blog_empwr_bot h1 {
    font-size: 22px;
  }
  .blog_empwr_bot,
  .sullis_app_inner {
    padding: 1rem;
  }
  .empwr_filters_top {
    flex-wrap: wrap;
  }
  .empwr_filters input {
    width: 100%;
    margin-bottom: 1rem;
  }
  .empwr_filters .img_span {
    top: 16px;
    left: 1rem;
    margin-right: 0 !important;
  }

  .blog_empwr_bot p {
    margin: 1rem 0;
  }
  .cmn_bnft_card_main {
    padding: 1rem;
  }
  .career_tabs .tab-pane.active {
    padding-left: 0;
  }
  .grt_plc_2_work {
    margin-top: 2rem;
  }
  .grt_plc_2_work h1 {
    font-size: 22px;
    margin-bottom: 1rem;
    padding-left: 0;
    padding-right: 1rem;
  }
  .careers_tabs_main {
    flex-direction: column;
  }

  .p_p_tabs_sec .nav_pill_custom {
    width: 100%;
  }
  .nav_pill_custom {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: auto;
    width: 100%;
    white-space: nowrap;
  }
  .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    outline: none;
  }

  .wht_goes_on_sullis_inner h2 {
    font-size: 28px;
    margin: 1rem 0;
  }
  .wht_goes_on_sullis_inner p {
    font-size: 16px;
  }
  .tstemonial h1 {
    font-size: 28px;
    padding-left: 0;

    padding-right: 1rem;
  }
  .tstemonial p {
    font-size: 18px;
  }
  .banner_about_benefits .sls_p2 {
    font-size: 14px;
  }
  .banner_about h2,
  .banner_about_benefits h2 {
    font-size: 22px;
  }
  .newsletter_main h4 {
    font-size: 18px;
  }

  .smry_sec_main .btn_custom,
  .reach_out_inner .btn_custom {
    width: 76% !important;
  }
  .contact_us_sec_top h1 {
    font-size: 36px;
  }
  .contact_sm_bg_main {
    padding: 0;
  }
  .contact_sm_bg {
    padding: 1rem;
  }
  .contact_us_sec_top p {
    font-size: 14px;
    margin-bottom: 1rem;
  }

  .benefit_sullis_card h1 {
    font-size: 24px;
    margin-bottom: 8px;
  }
  .benefit_sullis_card {
    margin-bottom: 2rem;
  }
  .bdg_bg_custom {
    font-size: 12px;
  }
  .tstemonial .carousel-item span {
    padding-left: 0;
  }
  .carousel-control-next {
    right: 1rem;
  }
  .tstemonial .testimonial-slider {
    left: 0;
  }
  .s_d_card_heading {
    font-size: 18px;
  }
  .benefits-list {
    display: block;
    margin: 2rem 0;
  }
  .copyright_sec,
  .newsletter_main {
    flex-direction: column;
  }
  .copyright_sec_bot,
  .newsletter_main {
    gap: 1rem;
  }
  footer {
    padding: 1rem;
  }
}

@media (max-width: 375.8px) {
 
  .mage_email_inner .d-flex {
    flex-direction: column;
  }
  .reach_out_inner h1 {
    font-size: 24px!important;
font-weight: 700!important;
text-align: left!important;
  }
  .reach_out_inner p {
    font-size: 14px!important;
font-weight: 400!important;
text-align: left!important;
color: #313131;
  }
  .cmn_dgtl_wlt {
    text-align: left!important;
    padding: 1rem!important;
  }
  .dgtl_wlt_left > P {
    font-size: 16px;
font-weight: 400;
  }
  .dgtl_wlt_left h1{
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 1rem;
  }
  .perks_container >h1,.sls_dbt_crd > h1{
    font-size: 24px;
    font-weight: 600;
  }
  .perks_container >p,.sls_dbt_crd >p{
    font-size: 14px;
font-weight: 400;
  }
  .banner_mid_content_mobile .s_d_card_heading {
    font-size: 34px;
    font-weight: 700;
  }
  .btn_custom::after {
    bottom: 10px !important;
  }
  /* .btn_custom {
    width: 206px!important;
    height: 48px!important;
  } */
  .banner_mid_content_mobile .custom_width {
    width: 340px !important;
  }
  .banner_mid_content_mobile .left_playstore_absolute {
    left: 18px;
  }
  .banner_mid_content_mobile .meet_sullis p {
    text-align: left !important;
  }
  .banner_mid_content_mobile .left_playstore h3 {
    font-size: 15.47px;
    font-weight: 700;
  }
  .banner_mid_content_mobile .right_main_heading {
    font-size: 18.35px;
    font-weight: 600;
    padding: 1rem 22% 0 20px;
  }

  .banner_mid_content_mobile .playstore_main {
    flex-wrap: nowrap;
  }
  .banner_mid_content_mobile .text {
    font-size: 12px;
    fill: #fff;
  }
  .banner_mid_content_mobile .get_sullis_btn {
    width: 188px;
    height: 48px;
  }
  .banner_mid_content_mobile .get_sullis_btn_span {
    padding: 1rem;
  }
  .banner_mid_content_mobile .get_sullis_btn::after {
    height: 14px;
    bottom: 15px;
  }
  .banner_mid_content_mobile .benefits-list {
    margin-top: 0;
  }
  .banner_mid_content_mobile .benefits-list {
    display: flex;
  }
  .banner_mid_content_mobile .benefits-list li {
    flex: 1 1 calc(50% - 10px) !important;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0 !important;
  }
  .banner_mid_content_mobile .get_sullis_btn_main {
    transform: translate(-23px, -17px);
  }

  .tstemonial .row > p {
    font-size: 18px;
  }

  .left_playstore_absolute {
    left: 20%;
  }
}
/* @media (max-width: 320px) {
  .next_btn_custom span {
    bottom: -12px;
  }
  .tstemonial h1 {
    font-size: 18px;
  }
  .carousel-item > span:not(.bot_span) {
    bottom: -3px;
  }
  .cmn_main_tstmnl > p,
  .tstemonial .carousel-item span {
    font-size: 12px !important;
  }
  .contact_us_sec {
    margin-top: 0;
  }
  .contact_sm_bg_mid {
    margin-top: 3rem;
  }
  .sullis_app {
    padding: 1rem;
  }
  .custom_main_wrapper_contactUS .sls_p,
  .banner_about_benefits .sls_p {
    margin: 1rem 0;
  }
  .right_main_heading {
    font-size: 14px;
    padding: 12px;
  }

  .benefits-list {
    margin: 2rem 0;
    display: block;
  }

  .btn_custom::after {
    bottom: 10px;
  }
} */
/* side menu */
.sidenav .btn_custom a {
  white-space: nowrap;
  font-size: 14px !important;
}
.sidenav .btn_custom {
  padding: 6px 12px !important;
  line-height: 1.3;
  margin: 1rem 8px;
}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: -1px;
  background-color: #186263;
  overflow-x: hidden;
  transition: 0.3s;
  padding-top: 60px;
  border-right: 2px solid #d6ad50;
}

.sidenav a {
  gap: 1rem;
  padding: 8px 1.5rem !important;
  text-decoration: none;
  font-size: 18px;
  color: #fff;
  display: flex;
  transition: 0.5s;
  border-radius: 50px;
  width: 80%;
}

.sidenav a:hover {
  background-color: #dca562;
  border-radius: 50px;
  padding: 10px 1.5rem !important;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 4rem;
  }
  .sidenav a {
    font-size: 18px;
  }
}

.navbar-custom-toggler {
  font-size: 36px;
  cursor: pointer;
  color: #fff;
  border: none;
  background: none;
}

.tstemonial .carousel-inner {
  position: relative;
}
.tstemonial .crsl_img {
  width: 300px;
  position: absolute;
  top: 30px;
  left: 5rem;
}

.cmn_main_tstmnl > p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
}
.carousel-item .top_span {
  font-size: 20px;
  font-weight: 800;
  line-height: 1.3;
  margin-bottom: 0;
}

.cstm_mdl .modal-body {
  padding: 0 3rem;
}
.cstm_mdl .modal-content {
  border-radius: 32px;
}

.cstm_mdl h2 {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
}

/* new privacy policy */

.p_p_tabs_sec_new .p_p_new_left h1 {
  font-size: 48px;
  font-weight: 600;
  line-height: 1.3;
}
.p_p_tabs_sec_new .p_p_new_left h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.p_p_new_right {
  background-image: url(../p_p_sm_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  text-align: center;
  padding: 2.5rem;
  border-radius: 20px;
}
.p_p_new_right .contact_usr {
  left: 24px !important;
}
.p_p_new_right div:first-child .contact_usr {
  top: 12px !important;
}
.p_p_new_right form > div:first-child {
  margin-top: 2rem;
}
.p_p_new_right form > div {
  position: relative;
  margin-bottom: 1rem;
}
.p_p_new_right form textarea {
  border-radius: 16px;
  padding: 14px 0 0 55px;
}
.p_p_new_right form .nice-select {
  width: 100%;
  border-radius: 32px;
  color: #000;
  padding-left: 3rem;
  height: 48px;
  padding-top: 6px;
}

.p_p_new_right form .nice-select .list {
  width: 100%;
}
.myCustomSelect_main {
  z-index: 1;
}
.p_p_new_right form > div:nth-last-child(3) {
  margin-top: 80px;
}

.p_p_new_right input[type="file"] {
  display: none;
}

.p_p_new_right .custom-file-upload {
  display: inline-block;
  padding: 8px 16px;
  cursor: pointer;
  background-color: #34948f;
  border-radius: 32px;
}
.p_p_new_right .file_cstm {
  text-align: left !important;
}
.p_p_new_right .file_cstm label {
  margin-bottom: 1rem;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.mytm_jsbnk {
  margin: 5rem 0;
}
.mytm_jsbnk .blg_dtail_img {
  border: 1px solid#888888;
  padding: 1rem;
  border-radius: 12px;
  margin-bottom: 2rem;
}
.mytm_jsbnk p {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
}
.italic_para_main {
  padding: 1rem 12rem;
}
.mytm_jsbnk .italic_para {
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4;
  border-left: 4px solid #186263;
  font-style: italic;
  padding: 1rem;
}
.italic_para_main span {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #333333;
  margin-left: 1rem;
}
.faShare_main {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  border: 1px solid #888888;
  border-radius: 12px;
}
.social_inr {
  display: flex;
  gap: 8px;
}
.faShare_main img {
  width: 30px;
}
.mytm_jsbnk .article_main {
  display: flex;
  justify-content: space-between;
  margin: 2rem 0;
}
.mytm_jsbnk .article_main h2 {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.3;
}
.mytm_jsbnk .btn_custom_main {
  width: 20%;
}
.mytm_jsbnk .btn_custom_main button:first-child {
  width: 70%;
}
.store_img {
  display: flex;
}
.store_img img {
  width: 85px;
}

.filter-invert{
  filter: invert(1)
}