* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: "Roboto", sans-serif;
}
a.talkToOurTeam {
  border-radius: 4px;
  margin: 56px 0 0 0;
  padding: 10px 16px;
  font-size: 16px;
  font-style: normal;
  text-decoration: none;
  font-weight: 700;
  line-height: 24px;
  color: #fff;
  text-align: center;
  background: #014fc5;
  width: 320px;
  cursor: pointer;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* For Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

header {
  background: #fff;
  padding: 32px 48px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.heroSection {
  width: 100%;
  background: #fff url('//ws.oneassist.in/static/portal_v2/images/smartEpp/bannerBg.png') no-repeat left center;
  background-size: contain;
}

.heroSection_Container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 0 90px 0;
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-direction: row;
}

.heroSection .leftContentSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 680px;
}

.heroImage {
  max-width: 390px;
}

.heroSection .leftContentSection h1 {
  color: #003264;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px;
}

.heroSection .leftContentSection p {
  color: #717171;
  margin: 12px 0 0 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.heroSection .leftContentSection .heroBtnSection {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 16px;
  margin: 56px 0 0 0;
}
.heroSection .leftContentSection .heroBtnSection a {
  margin: 0;
  cursor: pointer;
}

.heroSection .leftContentSection .heroBtnSection a.seeHowItWorks {
  color: #014fc5;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  border: 1px solid #014fc5;
  padding: 9px 16px;
  border-radius: 4px;
}

.heroSection .leftContentSection .accessoriesList {
  display: flex;
  flex-direction: row;
  list-style: none;
  gap: 36px;
  align-items: center;
  justify-content: flex-start;
}

.heroSection .leftContentSection .accessoriesList li {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 96px;
  height: 96px;
  border-radius: 12px;
  background: radial-gradient(
        circle at 100% 100%,
        #ffffff 0,
        #ffffff 11px,
        transparent 11px
      )
      0% 0%/12px 12px no-repeat,
    radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 11px, transparent 11px)
      100% 0%/12px 12px no-repeat,
    radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 11px, transparent 11px)
      0% 100%/12px 12px no-repeat,
    radial-gradient(circle at 0 0, #ffffff 0, #ffffff 11px, transparent 11px)
      100% 100%/12px 12px no-repeat,
    linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 2px)
      calc(100% - 24px) no-repeat,
    linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 24px)
      calc(100% - 2px) no-repeat,
    linear-gradient(
      331deg,
      #2057d8 0%,
      rgba(249, 130, 1, 0.58) 23%,
      rgba(222, 249, 28, 0.26) 43%,
      rgba(250, 0, 170, 0.47) 63%,
      rgba(4, 236, 239, 0.77) 81%,
      #50f91b 100%
    ),
    linear-gradient(90deg, transparent 0%, #48abe0 100%);
  box-sizing: border-box;
  padding: 12px;
}
.heroSection .leftContentSection .accessoriesList li img {
  max-width: 100%;
  height: 100%;
}

.saveTaxSection {
  color: #00875a;
  position: relative;
  font-size: 14px;
  font-style: italic;
  font-weight: 700;
  line-height: 20px;
  width: 195px;
}

.saveTaxSection img {
  position: absolute;
  bottom: -35px;
  left: -40px;
}

.accessoriesSection {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin: 46px 0 0 0;
  width: 100%;
  gap: 64px;
}

.success-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 16px;
  padding: 96px 0;
}

.success-container .thankYouMessage {
  color: #212121;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.error {
  color: #de350b;
  margin: 4px 0 0 0;
  font-size: 12px;
  font-style: normal;
  display: none;
  font-weight: 400;
  line-height: 16px;
}

form label {
  display: block;
  margin-top: 10px;
}

input,
select {
  border-radius: 4px;
  border: 1px solid #959595;
  padding: 14px 16px;
  width: 100%;
  outline: none;
}

select {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7rem top 50%;
  background-size: 0.65rem auto;
}

input:focus,
select:focus {
  border: 1px solid #014fc5;
  box-shadow: 0 0 4px 0 rgba(1, 79, 197, 0.9);
}

button.submitBtnPostData {
  margin: 32px 0 0 0;
  padding: 10px 24px;
  background: #014fc5;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  width: 100%;
}
.smartEppDiff {
  border-radius: 24px;
  padding: 96px 0;
  margin: 32px 16px 0 16px;
  border: 1px solid #e0e0e0;
  background: #fff;
}

.smartEppDiff_Container {
  max-width: 720px;
  margin: 0 auto;
}

.smartEppDiff h1 {
  color: #212121;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  margin-bottom: 86px; text-align: center;
}
.smartEppDiff img {
  max-width: 100%;
}

.success-message {
  margin-top: 20px;
  color: green;
  font-weight: 600;
  text-align: center;
}

.productsSec {
  border-radius: 24px;
  margin: 32px 16px 0 16px;
  padding: 96px 0 0 0;
  border: 1px solid #e0e0e0;
  background: #f6f6f6;
  overflow: hidden;
}
.productsSec_Container {
  display: flex;
  max-width: 800px;
  margin: 0 auto 56px auto;
  justify-content: center;
  flex-direction: column;
  align-items: center; 
}
.productsSec h1 {
  color: #212121;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
}

.productsSec .bottomOfferSection {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  background: #00875a;
  padding: 32px 16px;
  text-align: center;
}

.choseSmartEpp {
  border-radius: 32px;
  background: rgba(222, 241, 251, 0.25);
  padding: 96px 0 76px 0;
  margin: 32px 16px 0 16px;
}

.choseSmartEpp h1 {
  color: #212121;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px; text-align: center; width: 100%; padding: 0 16px 60px 16px;
}

.choseSmartEpp-Container {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.choseSmartEpp-Container .tabcontentSection {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.choseSmartEpp-Container .tabcontentSection img {
  max-width: 428px;
}

.choseSmartEpp .tab {
  display: flex;
  flex-direction: column;
  gap: 56px;
  border-left: solid 1px #d9d9d9;
  padding: 24px 0;
  max-width: 420px;
}

.choseSmartEpp .tablinks h5 {
  color: #959595;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; cursor: pointer;
}

.choseSmartEpp .tabSubHeading {
  color: #616469;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin-top: 8px;
  display: none;
}

.choseSmartEpp .tablinks {
  cursor: pointer;
  position: relative;
  padding-left: 24px;
}

.choseSmartEpp .tablinks.active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #014fc5;
  border-radius: 2px;
}

.choseSmartEpp .tablinks.active .tabSubHeading {
  display: block;
}
.choseSmartEpp .tablinks.active h5 {
  color: #212121;
}

.trustedBrands {
  border-radius: 24px;
  margin: 32px 16px 0 16px;
  background: #f6f6f6;
  padding: 56px 0 86px 0;
}

.trustedBrands .tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

.trustedBrands .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}
.trustedBrands .tab button:hover {
  background-color: #ddd;
}
.trustedBrands .tab button.active {
  background-color: #ccc;
}
.trustedBrands .tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.trustedBrands_Container {
  max-width: 1200px;
  margin: 0 auto;
}

.trustedBrands h1 {
  color: #212121;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
}
.trustedBrands .sliderLogo {
  display: flex;
  margin: 64px 0 0 0;
  flex-direction: row;
  align-items: center;
  justify-content: center;

}

.sliderLogoGap{gap: 56px;}


.trustedBrands img {
max-width: 232px;
}

.smartEppSec {
  border-radius: 24px;
  margin: 32px 16px 0 16px;
  border: 1px solid #e0e0e0;
  padding: 96px 0;
}
.smartEppSec_Container {
  max-width: 1200px;
  margin: 0 auto;
}

.smartEppSec_Content_Container {
  width: 100%;
  margin: 24px 0 0 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.smartEppSec_Content_Container img {
  max-width: 590px;
}

.smartEppSec_Content_Container .smartEppSec_Content {
  display: flex;
  max-width: 445px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.smartEppSec_Content_Container .smartEppSec_Content h2 {
  color: #212121;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

.smartEppSec_Content_Container .smartEppSec_Content p {
  color: #717171;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.smartEppSec h1 {
  color: #212121;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  max-width: 657px;
  margin: 0 auto;
}

.perfectAllSec {
  border-radius: 24px;
  margin: 32px 16px 0 16px;
  background: #22448f url('//ws.oneassist.in/static/portal_v2/images/smartEpp/handsUp.png') no-repeat center bottom;
  background-size: contain;
  padding: 96px 0 250px 0;
}

.perfectAllSec_Container {
  max-width: 530px;
  margin: 0 auto;
}

.perfectAllSec h1 {
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px;
}
.perfectAllSec p {
  margin: 12px 0 0 0;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.faqSection {
  border-radius: 24px;
  margin: 32px 16px 0 16px;
  border: 1px solid #e0e0e0;
  padding: 96px 0;
}
.faqSection h1 {
  color: #212121;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  margin: 0 0 60px 0;
}

.faq-container {
  max-width: 928px;
  margin: 0 auto;
}

.faq-container details:first-child {
  padding-top: 0;
}
details {
  transition: 0.3s ease;
  overflow: hidden;
  padding: 46px 0;
  border-bottom: 1px solid #e0e0e0;
}

summary {
  color: #212121;
  font-size: 20px;
  cursor: pointer;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

summary::after {
  content: "➕";
  float: right;
  transition: transform 0.3s ease;
  background: #f6f6f6;
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

details[open] summary::after {
  content: "➖";
}

/* Smooth animation container */
.faq-content {
  overflow: hidden;
  transition: max-height 0.3s ease;
  color: #717171;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  margin: 8px 0 0 0;
}

details[open] .faq-content {
  max-height: 200px;
}

section.getSection {
  display: flex;
  margin: 32px 16px 0 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 96px 16px;
  border-radius: 32px;
  background: linear-gradient(
      rgba(222, 241, 251, 0.25),
      rgba(222, 241, 251, 0.25)
    ),
    url('//ws.oneassist.in/static/portal_v2/images/smartEpp/getStartBg.png') no-repeat center bottom;
  background-size: contain;
}
section.getSection .getSection-Container {
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 640px;
  width: 100%;
}

section.getSection h1 {
  color: #212121;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
}

section.getSection p {
  color: #717171;
  margin: 16px 0 0 0;
  padding: 0;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  text-align: center;
}

footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 36px 16px;
  margin: 32px 0;
  width: 100%;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

/* MODAL */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  max-width: 452px;
  border-radius: 24px;
  padding: 56px 36px 24px 36px;
  position: relative;
}

.modal-content h1 {
  color: #212121;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.modal-content p {
  color: #717171;
  margin: 12px 0 0 0;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.modal-content .subTextHeading {
  color: #00875a;
  margin: 8px 0 0 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.modal-content label {
  color: #212121;
  margin: 24px 0 4px 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

/* The Close Button */
.close {
  color: #fff;
  float: right;
  font-size: 16px;
  position: absolute;
  cursor: pointer;
  right: 20px;
  top: 20px;
  background: rgba(0, 0, 0, 0.7);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.choseSmartEppMobile{flex-direction: column; gap: 46px; padding: 46px 16px; width: 100%; display: none;}

.choseSmartEppMobile h1{color:  #212121; width: 100%;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;}


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

.contentContainer h2{color: #212121; margin: 24px 0 0 0; width: 100%;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px; }

  .contentContainer p{color: #616469; width: 100%; margin: 8px 0 0 0;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; }

    .contentContainer img {
      max-width: 100%;
  }



.slick-list
{
    position: relative;
    overflow: hidden;
}

.slick-initialized .slick-slide
{
    display: block;
}



ul.productSlider {
  width: 100%;
  float: left;
  list-style: none; margin: 76px 0 96px 0 ; position: relative;
}

ul.productSlider li {
float: left;
  width: 100%;
}

ul.productSlider li .productDetails {
float: right;
width: calc(100% - 335px);
}

ul.productSlider li .productDetails h2 {
  color: #212121;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
}

ul.productSlider li .productDetails h3 {
  color: #717171;
  margin: 16px 0 12px 0;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

ul.productSlider li .productDetails .totalTaxSavings {
  margin: 24px 0 0 0;
  border-radius: 12px;
  padding: 12px;
  color: #212121;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  background: radial-gradient(
        circle at 100% 100%,
        #ffffff 0,
        #ffffff 11px,
        transparent 11px
      )
      0% 0%/12px 12px no-repeat,
    radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 11px, transparent 11px)
      100% 0%/12px 12px no-repeat,
    radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 11px, transparent 11px)
      0% 100%/12px 12px no-repeat,
    radial-gradient(circle at 0 0, #ffffff 0, #ffffff 11px, transparent 11px)
      100% 100%/12px 12px no-repeat,
    linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 2px)
      calc(100% - 24px) no-repeat,
    linear-gradient(#ffffff, #ffffff) 50% 50% / calc(100% - 24px)
      calc(100% - 2px) no-repeat,
    linear-gradient(
      331deg,
      #2057d8 0%,
      rgba(249, 130, 1, 0.58) 23%,
      rgba(222, 249, 28, 0.26) 43%,
      rgba(250, 0, 170, 0.47) 63%,
      rgba(4, 236, 239, 0.77) 81%,
      #50f91b 100%
    ),
    linear-gradient(90deg, transparent 0%, #48abe0 100%);
  box-sizing: border-box;
}

ul.productSlider li .productDetails .totalTaxSavings b {
  color: #00875a;
  font-weight: 700;
}

ul.productSlider li .productDetails .totalEmi {
  margin: 4px 0 0 0;
  color: #717171;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

ul.productSlider li .productDetails p {
  margin: 10px 0 0 0;
  color: #717171;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

ul.productSlider li .productDetails .offerPrice {
  color: #212121;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
ul.productSlider li .productDetails .offerPrice span {
  color: #717171;
  margin: 0 0 0 4px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: line-through;
}

ul.productSlider li .productDetails .totalCost {
  color: #212121;
  margin: 12px 0 0 0;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}

ul.productSlider li .productDetails .saveGst {
  color: #00875a;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  margin: 8px 0 0 0;
}

ul.productSlider li .productImage {
  display: flex;
  background: #fff;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 336px;
  border-radius: 8px;
  float: left;
}
ul.productSlider li .productImage img {
  max-width: 150px;
}

.slick-arrow { color: #fff;
  border: solid 1px #E0E0E0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  position: absolute;
  bottom: -100px;
  outline: none;
  cursor: pointer; font-size: 0px; z-index: 1;
}


.slick-next {right: 37%; background: #fff url('//ws.oneassist.in/static/portal_v2/images/smartEpp/arrow_forward.svg') no-repeat center center;}
.slick-prev {left: 37%; background: #fff url('//ws.oneassist.in/static/portal_v2/images/smartEpp/arrow_back.svg') no-repeat center center;}

ul.slick-dots {
  width: auto;
  display: flex !important;
  flex-direction: row;
  list-style: none;
  text-align: center;
  align-items: center;
  position: relative;
  bottom: -80px;
  margin: 0 auto;     justify-content: center;
  gap: 4px;
}

ul.slick-dots li{ float: none; width: auto;}
ul.slick-dots li button{width: 10px; height: 10px; font-size: 0px; border-radius: 50%; border: none; background: #E0E0E0; } 
ul.slick-dots li.slick-active button{ background: #014fc5; } 


.slick-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

  @media only screen and (max-width: 600px)
 {
  header {
    justify-content: center;

}
header img{
width: 140px;

}

.heroSection .leftContentSection .accessoriesList {
  gap: 18px;
  justify-content: center;
}
.heroSection_Container {
  padding: 0 0 56px 0;
}



.heroImage {
  display: none;
}

.heroSection .leftContentSection {
  padding: 0 32px;
}

.heroSection .leftContentSection h1 {
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}
.heroSection .leftContentSection p {
  margin: 20px 0 0 0;
  text-align: center;
}

.accessoriesSection {
  flex-direction: column;
  margin: 36px 0 0 0;
  width: 100%;
  gap: 24px;
}
.saveTaxSection img {
  display: none;
}

.saveTaxSection {
  width: 100%;
  text-align: center;
}
.heroSection .leftContentSection .heroBtnSection {
  margin: 48px 0 0 0; justify-content: center;
}

.heroSection .leftContentSection .heroBtnSection a.seeHowItWorks {
  display: none;
}
section.getSection {
  margin: 72px 24px 0 24px;
  padding: 56px 16px;
  border-radius: 32px;
}
footer {
  text-align: center;
}
section.getSection h1 {
  font-size: 24px;
  line-height: 32px;
}

section.getSection p {
  margin: 16px 0 0 0;
  font-size: 14px;
  line-height: 20px; font-weight: normal;
}
.faqSection {
  border-radius: 0;
  margin: 56px 16px 0 16px;
  border: none;
  padding: 0;
}
.faqSection h1 {
  font-size: 24px;
  line-height: 32px;
  margin: 0 0 32px 0;
}
summary::after {
  width: 32px;
  height: 32px; font-size: 12px;
  position: absolute;
  right: 0;
  top: 0;
}
summary {
  font-size: 16px;
  line-height: 24px; position: relative;   padding-right: 60px;  
}

.faq-content {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 12px 0 0 0;
}
details {
  padding: 32px 0;
}
.perfectAllSec {
  padding: 56px 16px 90px;
}
.perfectAllSec h1, .smartEppSec h1 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}
.perfectAllSec p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.smartEppSec {
  border-radius: 0;
  margin: 0 16px;
  border: none;
  padding: 56px 0;
}

.smartEppSec_Content_Container {
  flex-direction: column;
}

.smartEppSec_Content_Container .smartEppSec_Content {
  max-width: 100%;
}

.smartEppSec_Content_Container .smartEppSec_Content h2 {
  font-size: 20px;
  line-height: 24px;
  text-align: center;
}

.smartEppSec_Content_Container .smartEppSec_Content p {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.smartEppSec_Content_Container img {
  width: 100%;
  margin: 24px 0 0 0;
}
.modal-content {
  width: 95%;
}
.trustedBrands h1 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}
.trustedBrands {  
  padding: 48px 22px;
}
.smartEppDiff h1 {
  margin-bottom: 24px;
  font-size: 24px;
    line-height: 32px;
    text-align: center;
}
.smartEppDiff {
  border-radius: 0;
  padding: 46px 0;
  margin: 32px 16px 0 16px;
  border: none;
  background: #fff;
}

.choseSmartEpp {display: none;}

.choseSmartEppMobile{display: flex; gap: 36px;}

.trustedBrands .sliderLogo {
  margin: 36px 0 0 0;
  flex-direction: row;
  flex-wrap: wrap;
}

.trustedBrands img {
  width: 50%;
  object-fit: cover;
}
.sliderLogoGap {
  gap: 36px;
  margin: 64px 0 0 0 !important;
  flex-wrap: nowrap !important;
}
.sliderLogoGap img{width: auto !important;}

.slick-initialized .slick-slide {
  display: flex
;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.productsSec .bottomOfferSection{display: none;}
.productsSec {
  border: none;
  background: #fff; padding: 0;;
}
.productsSec h1 {
  margin-bottom: 24px;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}

.slick-initialized .slick-slide{display: flex ;}

ul.productSlider li .productImage {
  background: #f6f6f6 ;
}

ul.productSlider li .productImage {
    background: #f6f6f6;
}

ul.productSlider li .productDetails {
  width: 100% ;
  text-align: center; margin-top: 36px;
}

ul.productSlider {
  margin: 36px 0 96px 0;
}

.choseSmartEppMobile h1 {
  padding: 20px 0 0 0;
}
.slick-next {right: 20%;}
.slick-prev {left: 20% ;}


}