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

html{scroll-behavior: smooth;}
body {
  font-family: 'Roboto', sans-serif;
}



#siteHeader {
  position: relative;
  width: 100%;
  transition: all 0.3s ease;
}

/* style when scrolling up */ 
#siteHeader.sticky {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff; padding: 20px 0;
  border-bottom: solid 1px #E0E0E0; z-index: 1;
}



.headerAndBannerSec{ background: linear-gradient(180deg, #ECFDF5 0%, #FFF 50%, #FFF 100%), #FFF; width: 100% ; padding: 0 0 40px 0;}

.headerAndBannerSec .newHeaderSec{ width: 100%; padding: 32px 16px;}
.headerAndBannerSec .newHeaderSec .newHeaderSecContainer{display: flex; margin: 0 auto; max-width: 1120px; width: 100%; flex-direction: row; justify-content: space-between; align-items: center;}

.headerAndBannerSec .newHeaderSec .newHeaderSecContainer ul{display: flex; flex-direction: row; gap: 32px; list-style: none; }
.headerAndBannerSec .newHeaderSec .newHeaderSecContainer ul li a,.mobile-overlay ul li a{color: #000; text-decoration: none;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;}


.headerAndBannerSec .newHeaderSec .newHeaderSecContainer .talkToOurTeam {border-radius: 4px; padding: 10px 24px; background:  #014FC5; color: #FFF; width: auto; margin: 0;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 150% */}


.newBannerSec{width: 100%; padding: 68px 0 0 0;}
.newBannerSec .newBannerSecContainer{display: flex; position: relative; margin: 0 auto; max-width: 1120px; width: 100%; flex-direction: row; justify-content: space-between; align-items: center;}
.newBannerSec .newBannerSecContainer .leftSecBoxBanner{max-width: 668px; width: 100%; flex-direction: column; display: flex; }
.newBannerSec .newBannerSecContainer .leftSecBoxBanner h1{color: #101828;
font-size: 56px;
font-style: normal;
font-weight: 500;
line-height: 68px; }
.newBannerSec .newBannerSecContainer .leftSecBoxBanner ul{display: flex; flex-direction: column; gap: 12px; list-style: none; margin: 24px 0 0 0;}
.newBannerSec .newBannerSecContainer .leftSecBoxBanner ul li{display: flex; flex-direction: row; gap: 12px; color:  #212121;
font-size: 16px; align-items: flex-start;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */}


.newBannerSec .newBannerSecContainer .leftSecBoxBanner .talkToOurTeam,.mobile-overlay .talkToOurTeam{border-radius: 4px; display: flex;
width: 240px; color: #fff;
height: 48px;
min-width: 136px;
padding: 10px 24px;
justify-content: center;
align-items: center;
background:#014FC5;}

.newBannerSec .newBannerSecContainer .rightBannerBox { position: relative; right: -3%; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 32px;}
.newBannerSec .newBannerSecContainer .rightBannerBox img{  width: 100%;}
.newBannerSec .newBannerSecContainer .rightBannerBox span{ color:  #717171;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */}

.newBannerSec .newBannerSecContainer .leftSecBoxBanner h1 span{color: #00875A;}

.realProblemSec{width: 100%; padding: 80px 16px; background: linear-gradient(200deg, #FFF 12.19%, #E1F1EC 85.94%);}
.realProblemSecContainer{ max-width: 1120px; display: flex; flex-direction: column; margin: 0 auto;}
.realProblemSec h1{color:#212121; text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 52px; /* 130% */}


.realProblemSec h1 span{color: #DE350B;}
.realProblemSec h1 span + span{color: #00875A;}
.realProblemSec h4{color: #717171; text-align: center !important;
text-align: right;
font-size: 20px;
font-style: normal; font-weight: 500; line-height: 28px; }


.probAndSolvSec{margin:40px 0 0 0; display: flex; flex-direction: row; flex: 1; justify-content: space-between; gap: 32px; }
.sectionforList{border-radius: 14px; padding: 32px; display: flex; flex-direction: column; gap: 32px; align-items: flex-start; }
.tagBox{display: flex; border-radius: 70px;
padding: 12px 20px;
justify-content: center;
align-items: center;
gap: 8px; color: #212121;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;}



.listofPoints {display: flex; flex-direction: column; gap: 32px;}
.listofPoints li {display: flex; flex-direction: row; gap: 16px;}
.listofPoints li .iconSec{display: flex;width: 48px;height: 48px;justify-content: center;align-items: center; border-radius: 10px;}



.listofPoints li section {display: flex; flex-direction: column; gap: 8px; width: calc(100% - 60px);} 
.listofPoints li section h5{
font-size: 20px; text-align: left;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 140% */} 

.listofPoints li section p{
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */} 


.problem{border: 1px solid  #FBE5DF; background: #FFF;}
.solution{border: 1px solid  #FBE5DF; background: linear-gradient(135deg, #0F172B 0%, #0B4F4A 50%, #0F172B 100%), #FFF;}
.problem .tagBox, .problem .listofPoints li .iconSec{background:#FBE5DF;}
.problem .listofPoints li section h5{color: #212121;}
.problem .listofPoints li section p{color: #717171;}
.solution .tagBox,.solution .listofPoints li .iconSec{background: #E1F1EC;}
.solution .listofPoints li section h5, .solution .listofPoints li section p{color: #fff;}





@keyframes scroll01 {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-180px * 7))}
}

.slider01 {
	height: 100px;
	margin: 40px auto 0;
	overflow:hidden;
	position: relative;
	width: auto;
	
	.slide-track01 {
		animation: scroll01 40s linear infinite;
		display: flex;
		width: calc(180px * 10);
	}
	.slide01 img {
		width: 180px;
	}
}
.brandLogoSlider{width: 100%; padding: 80px 0;}
.brandLogoSliderContainer{ overflow: hidden; width: 100%; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.brandLogoSlider h1{color:#212121;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 52px; /* 130% */}
.brandLogoSlider h5{color: #717171; margin: 12px 0 0 0;
text-align: right;
font-size: 20px;
font-style: normal; font-weight: 500; line-height: 28px; }


a.talkToOurTeam {
  border-radius: 4px;
  margin: 32px 0 0 0;
  padding: 10px 16px;
  text-align: center;
  background: #fff; 
  width: 240px;
  cursor: pointer;
  color:  #014FC5;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; 
}
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; display: none;
}

.choseSmartEpp h1 {
  color: #212121;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  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;
}

.smartPerk{padding: 80px 16px; background: linear-gradient(135deg, #0F172B 0%, #0B4F4A 50%, #0F172B 100%), #E1F1EC;}

.smartParkContainer{ margin: 0 auto; max-width: 1222px; display: flex; flex-direction: column; align-items: center; gap: 12px;}
.smartPerk h1{color: #fff; text-align: center; font-size: 40px; font-style: normal; font-weight: 500; line-height: 52px;}
.smartPerk h5{color: #fff; text-align: center; font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px; }
.smartPerk ul{display:flex; flex-direction: row; gap: 32px; margin: 28px 0 0 0; }
.smartPerk ul li{display:flex; flex: 1; flex-direction: column; gap: 12px; align-items: flex-start; background: #fff; border-radius: 16px; padding: 24px;}
.smartPerk ul li img{margin-bottom: 4px;}
.smartPerk ul li  h6{color:  #212121;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 140% */}


.smartPerk ul li  p{color:  #717171;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */}



.smartPerk dl{display:flex; width: 100%; flex-direction: row; gap: 32px; margin: 20px 0 0 0; background: #fff; border-radius: 16px; padding: 32px 0; justify-content: center; }
.smartPerk dl dt{display: flex;
    border-radius: 8px;
    border: 1px solid #E0E0E0;
    padding: 12px 0;
    width: 160px;
    align-items: center;
    justify-content: center;}
.smartPerk dl dt img{max-width: 97px;}

.compliteDigitalPlat {width: 100%; padding: 80px 16px; position: relative;}
.compliteDigitalPlatContainer{max-width: 1114px; width: 100%; margin: 0 auto; display: flex; flex-direction: column;  align-items: center; }
.compliteDigitalPlat .imageAndTdxtBoxSec {width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: center;  margin-top: 56px;}
.compliteDigitalPlat .imageAndTdxtBoxSec .bannerImg {max-width: 409px;}
.textBoxSecCompliteDigitalPlat {width: 100%; display: flex; flex-direction: column; justify-content: flex-start; gap: 12px; max-width: 575px; width: 100%;}
.textBoxSecCompliteDigitalPlat a{display: flex;  color: #fff; text-decoration: none; margin: 40px 0 0 0;
border-radius: 4px;
background:  #014FC5;
width: 240px;
height: 48px;
min-width: 136px;
padding: 10px 24px;
justify-content: center;
align-items: center;}



.textBoxSecCompliteDigitalPlat h3 {width: 100%; color: #212121;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 32px; /* 133.333% */}

.textBoxSecCompliteDigitalPlat p {width: 100%; color: var(--Neutral-Colors-color-secondary-content, #717171);
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 140% */ }

.textBoxSecCompliteDigitalPlat ul{display: flex; flex-direction: column; gap: 16px; list-style: none; margin: 20px 0 0 0;}
.textBoxSecCompliteDigitalPlat ul li{display: flex; flex-direction: row; gap: 16px; justify-content: flex-start; align-items:flex-start; }
.textBoxSecCompliteDigitalPlat ul li .textBoxSec {display: flex; flex-direction: column; gap: 4px;}
.textBoxSecCompliteDigitalPlat ul li .textBoxSec h5{color: #212121;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 140% */}

.textBoxSecCompliteDigitalPlat ul li .textBoxSec p{color: #717171;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */}




.deviceOrderImg{position: absolute;
    right: 0;
    bottom: 40px;}
 

.trustedLeadersSec {
    display: flex;
    width: 100%;
    background: #F6F6F6;
    padding: 80px 16px;
}

.trustedLeadersSecContainer{ max-width: 1120px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; align-items: center; justify-content: center; }
.trustedLeadersSec h1, .compliteDigitalPlat  h1{color:  #212121;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 52px; /* 130% */}

.trustedLeadersSec h5, .compliteDigitalPlat  h5{color:  #717171; 
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 140% */}

.trustedLeadersSec ul{display: flex; flex-direction: row; gap: 32px; margin:28px 0 0 0;}
.trustedLeadersSec ul li{display: flex; flex-direction: row; gap: 16px; padding: 16px; border-radius: 8px; border: 1px solid #E0E0E0; background: #fff; flex: 1;}

.trustedLeadersSec ul li .nameIcon{
    color: var(--Neutral-Colors-color-primary-background, #FFF);
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    display: flex;
    width: 36px;
    height: 36px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px; border-radius: 50%;
}

.nameRed{background:#E87254;}
.nameGreen{background:#00875A;}
.nameBlue{background:#003264;}
.trustedLeadersSec {
    display: flex;
    width: 100%;
    background: #F6F6F6;
    padding: 80px 16px;
}
.trustedLeadersSec ul li .textSecBox {display: flex; flex-direction: column; gap: 16px;}
.trustedLeadersSec ul li .textSecBox p{color:  #212121;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; }

.trustedLeadersSec ul li .textSecBox span{color:  #717171;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; }

.starSec {display: flex;flex-direction: row; gap: 4px; align-items: flex-start; justify-content: flex-start;}



.faqSection {
  padding: 80px 0;
}
.faqSection h1 {
  color: #212121;
  text-align: center;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px;
}

.faqSection h5 {
color:  #717171;
text-align: center;
margin: 12px 0 40px 0;
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 140% */
}

.faq-container {
  max-width: 988px;
  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;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 80px 16px;
  background: linear-gradient(135deg, #0F172B 0%, #0B4F4A 50%, #0F172B 100%);

}
section.getSection .getSection-Container {
  display: flex;
  margin: 0 auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 930px;
  width: 100%;
}

section.getSection h1 {
color:  #FFF;
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 500;
line-height: 52px; /* 130% */
}

section.getSection p {
color: #fff;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 32px; margin: 20px 0 0 0; text-align: center;
}
section.getSection ul{display: flex; flex-direction: row; gap: 52px; margin: 48px 0 0 0;}
section.getSection ul li{display: flex; flex-direction: row; gap: 6px; color:#fff;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */}







footer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 80px 16px;
  width: 100%;
  background: #003264;
}
footer .footerContainer { max-width: 1366px; width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; }
footer .footerContainer .leftSecBox{max-width: 465px; width: 100%; display: flex; flex-direction: column; gap: 16px; align-items: flex-start;}
footer .footerContainer .leftSecBox img{filter: brightness(0) invert(1); width: 140px;}
footer .footerContainer .leftSecBox p{color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;}
footer .footerContainer .leftSecBox span{color:  #FFF; margin: 36px 0 0 0;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */}
footer .footerContainer .contectDetail{display: flex; flex-direction: column; gap: 16px;}
footer .footerContainer .contectDetail h4{color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;}

footer .footerContainer .contectDetail ul{display: flex; flex-direction: column; gap: 8px;}
footer .footerContainer .contectDetail ul li{display: flex; flex-direction: row; gap: 4px; color: #FFF; align-items: center;
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: 450px;
  border-radius: 24px;
  padding: 56px 36px 40px 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;
}

.modal-content label i{color: #DE350B; font-style: normal;}

/* 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;
}
.appDownloadBanner {
  background: url('//ws.oneassist.in/static/portal_v2/images/smartEpp/appBg.png') top center no-repeat #ECF6FD;
  width: 100%;
  background-size: cover;
  position: relative; padding-top:24px ;
  left: 0;
  top: 0;
}

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

.appDownloadBanner .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.topBannerRightText .downloadApp h1 {
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  color: #212121;
  padding: 0 0 16px;
  width: 536px;
}

.topBannerRightText .downloadApp h6 {
  font-size: 16px;
  color: #717171;
  font-weight: 700;
  line-height: 24px;
  margin: 0;
}





.qrCodeContainer { margin: 24px 0;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.qrCodeContainer img{width: 120px;}


.appRightBanner {
  width: 450px;
}

.topBannerRightText .downloadApp h1 span {
  color: #014fc5;
  position: relative;
}

.topBannerRightText .downloadApp h1 span img {
  position: absolute;
  bottom: -6px;
}

.orDownloadLine {
  border-top: solid 1px #d9d9d9;
  margin: 56px 0 28px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.orDownloadLine span {
  width: 32px;
  height: 32px;
  background: #fff;
  border: solid 1px #d9d9d9;
  border-radius: 50%;
  font-size: 12px;
  justify-content: center;
  display: flex;
  align-items: center;
  margin: -18px 0 0 0;
  font-weight: bold;
}

.downloadContainer{ margin-bottom: 24px;    display: flex;
      align-items: center;
      justify-content: center;
      gap: 24px;}

.downloadContainer img{ width: 124px; cursor: pointer;}
.submitBtn{display: flex; align-items: center; justify-content: center;}


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

.everythingYouNeed h1{color:#212121;
  text-align: center;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;}

.everythingYouNeed-Container {
  display: flex;
  flex-direction: row;
  justify-content: space-between; 
  align-items: center; margin: 74px 0 0 0;
  max-width: 800px;
  width: 100%;
}

.everythingYouNeed-Container img {
  max-width: 300px;
}

.everythingYouNeed .choseSmartEppMobilePoints{display: flex; flex-direction: column; gap: 8px; }
.everythingYouNeed .choseSmartEppMobilePoints li{display: flex; flex-direction: column; gap: 8px; background: #FFF; border: solid 1px #E0E0E0; border-radius: 8px; padding: 16px; 
}

.everythingYouNeed .choseSmartEppMobilePoints li h6{color: #212121;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.everythingYouNeed .choseSmartEppMobilePoints li p{
color: #717171;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px; } 


.trustedBrandsNonePop{ border-radius: 0;
  margin: 0;}

  .copyRight{display: none;}






.appStoreButtons {
  display: flex;
}

.appStoreButtons .storeBtn img {
  height: 40px; 
  width: auto;
  display: block;
}

.appStoreButtons .storeBtn:hover {
  opacity: 0.9;
}
.appStoreButtons a {
    background-color: transparent;
    width: 158px;
}


footer .footerContainer .contectDetail ul li a {
  color:#fff;
  text-decoration: none;
}

footer .footerContainer .contectDetail ul li a:hover {
  text-decoration: underline;
}

/* Hamburger Icon Styling */
.mobile-menu-toggle {
  display: none; /* Hidden on desktop */
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 10px;
}

.mobile-menu-toggle span {
  width: 25px;
  height: 3px;
  background-color: #333;
  border-radius: 2px;
}

/* Hide desktop elements */
.desktop-only { display: inline-block; }

/* Mobile Overlay - Hidden by default */
.mobile-overlay {
  display: none; 
  position: fixed;
  top: 16px;
  left: 11px;
  right: 11px;
  background: white;
  border-radius: 12px;
  padding: 40px 24px 24px 24px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  z-index: 9999;
}

.mobile-overlay.active {
  display: block;
}

.close-menu {
  position: absolute;
  top: 29px;
  right: 20px;
  font-size: 30px;
  cursor: pointer;
}


@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 {
  padding: 40px 16px;
  border-radius: 0;
  }
footer {text-align: center;flex-direction: column;padding: 40px 16px;}
footer .footerContainer {flex-direction: column; gap: 32px;}
footer .footerContainer .leftSecBox, footer .footerContainer .contectDetail  {text-align: left;}


.copyRight{color: #FFF; display: flex; text-align: left;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;}

  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: 40px 16px;
    border: none;
    padding: 0;
  }
  .faqSection h1 {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 12px 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;
  }

  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%;
  }
  .downloadApp{    display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;}

  .appDownloadBanner .row {
    flex-direction: column;
}
.appRightBanner {
  width: 100%;
  max-width: 100%; margin-top:36px ;
}

.appDownloadBanner {
  padding: 24px 16px 0 16px;
}

.topBannerRightText .downloadApp h1 {
  width: auto;
}
.topBannerRightText .downloadApp h1 span img {
  width: 90%;
}

.everythingYouNeed {
  padding: 46px 16px 0 16px;
}

.everythingYouNeed-Container {
  flex-direction: column;
  gap: 36px;
  margin: 56px 0 0 0;
}

.mobileDisplayNone{display: none !important;}

.headerAndBannerSec .newHeaderSec{display: block;}
.newBannerSec {padding: 36px 16px;}
.newBannerSec .newBannerSecContainer {flex-direction: column;}
.newBannerSec .newBannerSecContainer .leftSecBoxBanner h1 {font-size: 24px;font-weight: 500;line-height: 32px;}
.newBannerSec .newBannerSecContainer .leftSecBoxBanner ul {margin: 20px 0 0 0;}
.newBannerSec .newBannerSecContainer .leftSecBoxBanner ul li img{width: 22px;}
.newBannerSec .newBannerSecContainer .leftSecBoxBanner .talkToOurTeam {margin: 40px 0 32px 0; width: 100%;}
.newBannerSec .newBannerSecContainer .rightBannerBox {right: 0;}
.realProblemSec {padding: 40px 16px; background: linear-gradient(180deg, #FFF 0%, #FBE5DF 100%);}
.realProblemSec h1, .brandLogoSlider h1, .smartPerk h1, .compliteDigitalPlat h1, .textBoxSecCompliteDigitalPlat h3, .trustedLeadersSec h1   {font-size: 24px; line-height: 32px; text-align: center;}
.realProblemSec h4 { margin-top: 12px;}
.probAndSolvSec {flex-direction: column;gap: 24px;}
.sectionforList{align-items: center; padding: 32px 16px;}
.listofPoints li {flex-direction: column;align-items: center;}
.listofPoints li section h5, .listofPoints li section p{text-align: center;}
.brandLogoSlider {padding: 40px 3px;}
.brandLogoSlider h5, .smartPerk h5, .compliteDigitalPlat h5, .textBoxSecCompliteDigitalPlat p, .trustedLeadersSec h5{ font-size: 16px; line-height: 24px; text-align: center;}
.smartPerk{padding: 40px 16px;background:#E1F1EC;}
.smartPerk h1 {color: #212121;}
.smartPerk h5{ color: #717171;}
.smartPerk ul {flex-direction: column;gap: 20px;margin: 28px 0 0 0;}
.smartPerk ul li {flex-direction: column;gap: 8px;align-items: center;}
.smartPerk ul li p, .smartPerk ul li h6{text-align: center;}
.smartPerk dl {flex-direction: column;justify-content: center;align-items: center;}
.compliteDigitalPlat {padding: 40px 16px;}
.compliteDigitalPlat .imageAndTdxtBoxSec {flex-direction: column; margin-top: 0px; align-items: flex-start;}
.textBoxSecCompliteDigitalPlat {margin-top:48px; text-align: center;}
.textBoxSecCompliteDigitalPlat ul {gap: 32px;}
.textBoxSecCompliteDigitalPlat ul li {flex-direction: column;align-items: center;}
.deviceOrderImg{ order: 1; position: relative; max-width: 100%;}
.orderTwo{order: 2; margin-top: 0;}
.compliteDigitalPlat .imageAndTdxtBoxSec .bannerImg {max-width: fit-content;width: 100%;}
.trustedLeadersSec {padding: 40px 16px;}
.trustedLeadersSec ul {flex-direction: column;gap: 20px;margin: 40px 0 0 0;}
section.getSection ul {flex-direction: column;gap: 16px;margin: 28px 0 0 0;}
section.getSection ul li {flex-direction: column;align-items: center;}
.appStoreButtons{justify-content: center; gap: 0px;}
.desktop-menu, .desktop-only {
    display: none !important; 
  }

  .mobile-menu-toggle {
    display: flex; 
  }

  .mobile-overlay ul {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
  }

  .mobile-overlay ul li {
    padding: 16px 0;
  }
  .mobile-overlay .talkToOurTeam {
    width: auto;
  }
#siteHeader.sticky {
    padding-top: 26px;
    padding-left: 20px;
    padding-right: 20px;
}

}