@charset "utf-8";

@font-face {
   font-family: 'great_sejagadregular';
   src: url('../../fonts/great_sejagad-webfont.woff2') format('woff2'), url('../../fonts/great_sejagad-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'great_sejagadregular';
   src: url('../../fonts/great_sejagad-webfont.woff2') format('woff2'), url('../../fonts/great_sejagad-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

body {
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   padding: 0;
   background: #fff;
   color: #000000;
   text-align: center;
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
}

div,
ul,
h1,
h2,
h3,
h4,
h5,
li,
p,
img,
form,
input,
textarea {
   margin: 0;
   padding: 0;
}

header,
section,
footer,
aside,
nav,
main,
article,
figure {
   display: block;
}

table,
tr,
td {
   border: 0;
}

a {
   outline: none;
   color: inherit;
   text-decoration: none;
}

img {
   border: none;
   height: auto;
}

li {
   list-style: none;
}

* {
   box-sizing: border-box;
}

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

.clearall {
   clear: both;
   font-size: 1px;
   line-height: 1px;
   height: 1px;
}

.wrapper {
   overflow: hidden;
}

.container {
   width: 1170px;
   margin: 0 auto;
   padding: 0;
   position: relative;
}

.section2 .prod-s2-row {
   width: 1170px;
   float: none;
   position: relative;
   left: 50%;
   transform: translateX(-50%);
}

.section2 .prod-s2-row.row3-bg {
   width: auto;
}

.section2 .container {
   width: auto !important;
}

.topStrip {
   background: #1b1c1f;
   float: left;
   width: 100%;
   padding: 6px 0 3px;
}

.topStrip p {
   float: left;
   width: 100%;
   font-size: 16px;
   line-height: 22px;
   color: #fff;
   letter-spacing: 0.5px;
   font-weight: 500;
   font-family: 'Poppins', sans-serif;
}

.topStrip p span {
   color: #ffca11;
}

.top-fix-bar {
   float: left;
   width: 100%;
   margin-bottom: 75px;
}

.header {
   float: left;
   width: 100%;
   background: #ffffff;
   height: 75px;
   padding: 4px 0;
   margin-top: -75px;
   top: 75px;
   position: relative;
   -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
   box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.fixed-nav .header {
   position: fixed;
   z-index: 9999999;
   -webkit-transition: margin .3s ease-out;
   transition: margin .3s ease-out;
   margin-top: 0;
   top: 0;
   -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
   box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.logo {
   float: left;
   margin-top: 3px;
   width: 79px;
}

ul.topMenu {
   display: inline-block;
   vertical-align: top;
   margin: 18px 0 0 70px;
}

ul.topMenu li {
   float: left;
   padding: 4px 15px;
   position: relative;
}

ul.topMenu li a {
   color: #000000;
   font-size: 16px;
   line-height: 16px;
   font-weight: 500;
   letter-spacing: 0.5px;
   font-family: 'Poppins', sans-serif;
}

ul.topMenu li a:hover,
ul.topMenu li a.active {
   color: #59A794;
}

ul.topMenu li:after {
   content: '';
   width: 1px;
   background: #cfcfcf;
   top: 8px;
   bottom: 9px;
   position: absolute;
   right: 0;
}

ul.topMenu li:last-child:after {
   display: none;
}

a.nav-btn {
   float: right;
   background: #1DD068;
   color: #fff;
   font-size: 18px;
   text-align: center;
   width: 150px;
   height: 40px;
   line-height: 40px;
   border-radius: 50px;
   margin-top: 14px;
   font-weight: bold;
   font-family: 'Poppins', sans-serif;
   letter-spacing: 0.5px;
   text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
   -webkit-text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
}

.mob-mnu-ic {
   cursor: pointer;
   position: absolute;
   right: 0px;
   top: 22px;
   z-index: 16;
   height: 30px;
}

.mob-mnu-ic button {
   outline: none;
   -webkit-appearance: none;
   background: none;
   padding: 0;
   cursor: pointer;
   border: none;
}

.mob-mnu-ic span {
   color: #000;
   display: inline-block;
   vertical-align: top;
   font-size: 16px;
   font-weight: 300;
   margin-top: 4px;
   margin-right: 5px;
}

.bar1,
.bar2,
.bar3 {
   width: 25px;
   height: 4px;
   background-color: #000;
   transition: 0.4s;
   -webkit-border-radius: 0;
   border-radius: 0;
}

.bar2 {
   margin: 4px 0;
}

.dl-active .bar1 {
   -webkit-transform: rotate(-45deg) translate(-7px, 5px);
   transform: rotate(-45deg) translate(-7px, 5px);
   background: #000;
}

.dl-active .bar2 {
   opacity: 0;
}

.dl-active .bar3 {
   -webkit-transform: rotate(45deg) translate(-6px, -4px);
   transform: rotate(45deg) translate(-6px, -4px);
   background: #000;
}

.mobilemenu {
   left: 0;
   position: fixed;
   top: 90px;
   background: rgba(255, 255, 255, 1);
   z-index: 10;
   right: 0;
   bottom: 0;
   overflow: scroll;
   display: none;
   border-top: 1px solid #dddddd;
}

.mobimenu-top {
   top: 75px;
}

.mobilemenu li {
   float: left;
   width: 100%;
   text-align: left;
   border-bottom: 1px solid #dddddd;
}

.mobilemenu li a {
   float: left;
   width: 100%;
   padding: 12px 20px;
   font-size: 17px;
   color: #000;
   font-weight: 500;
}

.mobilemenu li a:hover {
   color: #000;
}

.banner {
   float: left;
   width: 100%;
   padding: 60px 0 146px;
   background: url(../../images/index-v2/banner.png) no-repeat center right;
   background-size: cover;
   background-position: 60% 100%;
}

.banner-left {
   float: left;
   width: 55%;
   text-align: left;
}

.bnrStar {
   float: left;
   width: 100%;
   color: #fff;
   font-size: 14px;
   line-height: 18px;
   font-weight: 500;
   letter-spacing: 0.3px;
   font-family: 'Poppins', sans-serif;
}

.bnrStar img {
   display: inline-block;
   vertical-align: middle;
   margin: -6px 12px 0 0;
}

.bnrHeading {
   float: left;
   width: 100%;
   margin-top: 20px;
   font-size: 65px;
   line-height: 77px;
   font-weight: 400;
   color: #fff;
   font-family: 'Anton', sans-serif;
}

.bnrHeading span {
   color: #64DFDF;
   font-size: inherit;
   font-weight: 400;
}

.bnrText1 {
   float: left;
   width: 100%;
   margin-top: 5px;
   font-size: 18px;
   line-height: 28px;
   letter-spacing: 0.3px;
   color: #1b1c1f;
}

.bnrList {
   float: left;
   width: 100%;
   margin-top: 10px;
}

.bnrList li {
   float: left;
   width: 100%;
   padding-left: 40px;
   background: url(../../images/index-v2/listStyle.png) no-repeat 0px 1px;
   font-size: 20px;
   line-height: 28px;
   font-weight: 500;
   letter-spacing: 0.5px;
   background-size: 23px;
   color: #fff;
   margin-top: 10px;
   text-align: left;
   font-family: 'Roboto', sans-serif;
}

.btnBox {
   display: inline-block;
   vertical-align: top;
   max-width: 400px;
   width: 100%;
   margin-top: 30px;
   text-align: center;
}

.comn-btn {
   float: left;
   width: 100%;
   background: linear-gradient(90deg, #7C7C7C 0%, #7C7C7C 0.01%, #59A794 0.02%, #0FAE5A 100%);
   font-size: 25px;
   line-height: 70px;
   height: 68px;
   color: #fff;
   font-weight: 500;
   border-radius: 50px;
   position: relative;
   padding: 0 20px;
   overflow: hidden;
   letter-spacing: 0;
   box-shadow: 0 3px 5px 3px rgb(0 0 0 / 20%);
   -webkit-box-shadow: 0 3px 5px 3px rgb(0 0 0 / 20%);
   font-family: 'Roboto', sans-serif;
}

.btn-arw {
   display: inline-block;
   vertical-align: middle;
   margin: -4px 0 0 15px;
}

.btn-txt {
   float: left;
   width: 100%;
   color: #fff;
   margin-top: 10px;
}

.btn-txt p {
   display: inline-block;
   vertical-align: middle;
   padding: 0 8px;
   font-size: 9px;
   line-height: 17px;
   letter-spacing: 0;
}

.text-white {
   color: #fff
}

.btn-txt p span {
   font-weight: 500;
}

.hourglass {
   display: inline-block;
   vertical-align: middle;
   margin: -2px 3px 0 0;
   animation: rotateP 2.5s ease-in-out forwards infinite
}

@keyframes rotateP {
   0% {
      transform: rotate(0)
   }

   50% {
      transform: rotate(180deg)
   }

   100% {
      transform: rotate(180deg)
   }
}

@keyframes rotate {
   0% {
      transform: rotate(00deg)
   }

   100% {
      transform: rotate(360deg)
   }
}

.btn-text1:before {
   display: inline-block;
   vertical-align: middle;
   margin: -2px 5px 0 0;
   width: 9px;
   height: 9px;
   background: #6fb620;
   border-radius: 50%;
   content: "";
   animation: fade 1s ease-in-out infinite;
}

@keyframes fade {
   0% {
      opacity: 100%;
   }

   50% {
      opacity: 30%;
   }

   70% {
      opacity: 100%;
   }

   100% {
      opacity: 100%;
   }
}

.section1 {
   float: left;
   width: 100%;
   padding: 50px 0 0;
   background: transparent;
   position: relative;
   text-align: center;
   z-index: 1001;
}

.s1-content {
   display: inline-block;
   vertical-align: top;
   width: 100%;
   max-width: 100%;
}

.secName {
   float: left;
   width: 100%;
   font-size: 16px;
   line-height: 18px;
   font-weight: 500;
   color: #000;
   letter-spacing: 0.5px;
   text-transform: uppercase;
}

.commonHead {
   float: left;
   width: 100%;
   font-size: 60px;
   line-height: 64px;
   font-weight: 400;
   color: #000;
   margin-top: 20px;
   font-family: 'Anton', sans-serif;
   text-transform: uppercase;
}

.commonText {
   float: left;
   width: 100%;
   font-size: 16px;
   line-height: 26px;
   font-weight: normal;
   color: #000;
   margin-top: 20px;
}

.s1-list {
   display: flex;
   flex-wrap: wrap;
   width: 100%;
   max-width: 700px;
   left: 50%;
   transform: translateX(-50%);
   margin-top: 20px;
   position: relative;
   z-index: 2;
   justify-content: center;
   align-items: flex-start;
}

.s1-list li {
   float: none;
   width: 25%;
   padding: 0 20px;
   margin-top: 30px;
}

.s1-list li img {
   margin: 0 auto 0;
   display: block;
   width: 47px;
   height: 47px;
   object-fit: contain;
}

.s1-list li p {
   font-size: 14px;
   line-height: 20px;
   color: #000;
   margin-top: 10px;
}

.s1-left-shp {
   position: absolute;
   top: 20px;
   width: 480px;
   left: -30px;
}

.s1-prod2-right-ecl {
   position: absolute;
   top: 215px;
   right: 0;
   width: 370px;
}

.s1-prod1 {
   position: absolute;
   top: -51px;
   left: -50px;
}

.s1-prod2 {
   position: absolute;
   top: 0;
   right: -99px;
   z-index: 2;
   transform: translate(75px, 0);
}

.s1-box-list {
   float: left;
   width: 100%;
   position: relative;
   margin-top: 35px;
   z-index: 1;
   margin-left: -45px;
   display: -webkit-flex;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

.s1-box-list li {
   float: left;
   width: 278px;
   min-height: 287px;
   border-radius: 0;
   position: relative;
}

.s1-box-list li img {
   min-width: 132%;
}

.s1-bx-cont {
   width: 100%;
   text-align: left;
   padding: 10px;
   min-height: 90px;
   background: #59A794;
   transform: skewX(-14deg);
   margin-top: -110px;
   position: relative;
}

.s1-bx-bg1 .s1-bx-cont {
   margin-left: 11px;
   min-width: 102.5%;
}

.s1-bx-bg2 .s1-bx-cont {
   margin-left: 15px;
   min-width: 101.5%;
}

.s1-bx-bg4 .s1-bx-cont {
   margin-left: 9px;
   min-width: 102.6%;
}

.s1-bx-bg3 .s1-bx-cont {
   margin-left: 11px;
   min-width: 101.45%;
}

.s1-bx-cont::before,
.s1-bx-cont::after {
   content: ' ';
   width: 4px;
   height: 100%;
   background-color: #fff;
   position: absolute;
   left: 10px;
   top: 0;
}

.s1-bx-cont::after {
   left: 23px;
}

.s1-bx-cont h3 {
   font-size: 18px;
   line-height: 20px;
   color: #fff;
   font-weight: 600;
   z-index: 1;
   position: relative;
   transform: skewX(14deg);
   margin-left: 40px;
}

.s1-bx-cont p {
   font-size: 14px;
   line-height: 20px;
   color: #fff;
   margin-top: 5px;
   font-weight: 300;
   z-index: 1;
   position: relative;
   transform: skewX(14deg);
   margin-left: 51px;
}

.strip_sec_bg {
   left: 0;
}

.strip_sec_bg2,
.strip_sec_bg {
   position: absolute;
   top: 0;
   height: 100%;
}

.strip_sec_bg2 {
   right: 0;
}

.strip-section {
   float: left;
   width: 100%;
   background: #131314;
   margin-top: -70px;
   padding: 175px 0 55px;
   position: relative;
   z-index: 1000;
}

.strip-section p.commonHead.whiteText {
   font-size: 56px;
   line-height: 70px;
}

.strip-section:before {
   content: '';
   position: absolute;
   bottom: -25px;
   left: 50%;
   background: url(../../images/index-v2/dwn-arw.png) no-repeat center center;
   width: 87px;
   height: 57px;
   transform: translateX(-50%);
}

.strip-section2 {
   float: left;
   width: 100%;
   background: #131314;
   position: relative;
   padding: 40px 0;
}

.strip-section2:before {
   content: '';
   position: absolute;
   bottom: -16px;
   left: 50%;
   background: url(../../images/index-v2/dwn-arw.png) no-repeat center center;
   width: 64px;
   height: 37px;
   margin-left: -32px;
}

.strip-section2 .flex-img {
   display: flex;
   justify-content: space-around;
   align-items: center;
   width: 100%;
   margin: 20px 0;
   float: left;
   flex-wrap: wrap;
}

.strip-section2 .flex-img img {
   width: 130px;
}

.section2 {
   float: left;
   width: 100%;
   padding: 50px 0 70px;
   background: #fff;
   position: relative;
   z-index: 999;
}

.section2 .container::before {
   content: ' ';
   position: absolute;
   background-image: url(../../images/index-v2/sec2_bg1.png);
   background-repeat: no-repeat;
   width: 277px;
   height: 914px;
   background-size: 100% 100%;
   right: 0;
   top: 0;
}

.section2 .container::after {
   content: ' ';
   position: absolute;
   background-image: url(../../images/index-v2/sec2_bg2.png);
   background-repeat: no-repeat;
   width: 277px;
   height: 914px;
   background-size: 100% 100%;
   bottom: 0;
   left: 0;
   z-index: -1;
}

.section2 .btn-txt {
   color: #000;
}

.prod-s2-wrap {
   float: left;
   width: 100%;
}

.prod-s2-row {
   float: left;
   width: 100%;
   margin-top: 45px;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
}

.prod-row-reverse {
   flex-direction: row-reverse;
}

.prod-row-cont {
   width: 52%;
   text-align: left;
   position: relative;
}

.pad-rgt {
   padding-right: 72px;
}

.pad-lft {
   padding-left: 100px;
}

.prod-row-cont h1 {
   font-size: 35px;
   line-height: 35px;
   color: #000;
   font-weight: 400;
   position: relative;
   padding-bottom: 20px;
   font-family: 'Anton', sans-serif;
}

.step-box {
   position: absolute;
   top: -10px;
   font-size: 60px;
   line-height: 64px;
   color: #000;
   font-weight: 400;
   height: 140%;
   -webkit-text-fill-color: transparent;
   -webkit-text-stroke-width: 1px;
   font-family: 'Anton', sans-serif;
}

.step-box:before {
   content: '';
   position: absolute;
   top: 70px;
   left: 50%;
   bottom: 0;
   width: 1px;
   background: #bbbab7;
   margin-left: 2px;
}

.pad-rgt .step-box {
   right: 15px;
}

.pad-lft .step-box {
   left: 0;
}

.prod-row-imgbox {
   width: 44%;
}

.prod-row-imgbox img {
   margin: 0 auto 0;
   display: block;
   max-width: 100%;
   object-fit: contain;
}

.prod-list {
   float: left;
   width: 100%;
   margin-top: 50px;
}

.prod-list li {
   float: left;
   font-size: 26px;
   line-height: 26px;
   color: #131314;
   font-weight: 600;
   margin-right: 50px;
}

.prod-list li:last-child {
   margin-right: 0;
}

.prod-list li span {
   font-size: 16px;
   line-height: 16px;
   font-weight: 500;
}

.row3-bg {
   background: #131314;
}

.section2 .row3-bg .prod-row-cont {
   width: 40%;
}

.section2 .row3-bg .prod-row-imgbox {
   width: 60%;
}

.section2 .row3-bg::before {
   content: ' ';
   position: absolute;
   bottom: -2px;
   left: 0;
   right: 0;
   background-image: url(../../images/index-v2/row3_bg_btm.png);
   height: 107px;
   background-repeat: no-repeat;
   background-position: bottom;
}

.row3-bg .pad-rgt h1,
.row3-bg .pad-rgt p,
.row3-bg .step-box {
   color: #fff;
}

.section3 {
   float: left;
   width: 100%;
   background: #000;
   position: relative;
   overflow: hidden;
}

.section3 .s3Inner .commonHead {
   font-size: 55px;
   line-height: 65px;
}

.black-rotate {
   position: absolute;
   left: 0;
   width: 46%;
   height: auto;
   top: 0;
   background: radial-gradient(112.00% 50.52% at 45.05% 45.50%, rgba(0, 0, 0, 0.00) 33.30%, #000 100%);
}

.s3Inner {
   float: right;
   width: 50%;
   text-align: left;
   padding: 0px 0 52px;
   padding-left: 50px;
}

.s3-list {
   float: left;
   width: 100%;
   margin-top: 40px;
}

.s3-list li {
   float: left;
   text-align: center;
   margin-right: 35px;
}

.s3-list li:last-child {
   margin-right: 0;
}

.s3-list li img {
   margin: 0 auto 0;
   display: block;
}

.s3-list li p {
   font-size: 14px;
   line-height: 20px;
   color: #fff;
   margin-top: 12px;
}

.s3LeftImg {
   position: absolute;
   max-width: 100%;
   left: 0;
   top: 0;
   width: 50%;
   object-fit: cover;
   object-position: center;
   height: 100%;
}

.section4 {
   float: left;
   width: 100%;
   height: auto;
   text-align: left;
   overflow-x: clip;
}

.s4-rght-prod {
   position: absolute;
   left: 0;
   bottom: 50px;
   width: 310px;
}

.s4Left {
   float: left;
   width: 50%;
   position: relative;
   padding: 60px 0 0;
}

.s4Left {
   background-image: url(../../images/index-v2/s4-leftbg.png);
   background-repeat: no-repeat;
   background-position: center;
   height: 380px;
   background-size: cover;
   position: relative;
}

.s4LeftInner {
   float: none;
   position: absolute;
   bottom: 10px;
   left: 50%;
   transform: translateX(-50%);
   width: max-content;
}

.s4LeftInner .commonText {
   padding-right: 70px;
}

.s4Right {
   float: right;
   width: 50%;
   position: relative;
   padding: 0;
}

.s4Right {
   background: url(../../images/index-v2/s4-rightbg.png) no-repeat center;
   height: 380px;
   background-size: cover;
}

.s4RightInner {
   float: left;
   position: absolute;

   .s4Right {
      float: right;
      width: 50%;
      position: relative;
      padding: 0;
   }

   margin-top: 0;
   right: 0px;
   bottom: 0px;
   width: 100%;
   text-align: right;
   padding: 10px 10px 10px 0;
   background-color: #59A794;
}

.s4RightInner .commonHead,
.s4LeftInner .commonHead {
   color: #fff;
   font-size: 50px;
   line-height: 62px;
   margin-top: 0;
}

.colorList {
   float: left;
   width: 100%;
   margin-top: 28px;
}

.colorList li {
   float: left;
   width: 21%;
   text-align: center;
}

.colorDot {
   display: block;
   margin: 0 auto;
   border-radius: 50%;
   width: 26px;
   height: 26px;
}

.blackDot {
   background: #427991;
}

.blueDot {
   background: #ff0000;
}

.yellowDot {
   background: #ffa500;
}

.pinkDot {
   background: #ffc0cb;
}

.colorName {
   font-size: 14px;
   line-height: 14px;
   color: #000;
   font-weight: 600;
   margin-top: 10px;
   text-transform: uppercase;
}

.section5 {
   float: left;
   width: 100%;
   padding: 50px 0 60px;
   position: relative;
   text-align: center;
   background-image: url(../../images/index-v2/comp_bg.png);
   background-size: contain;
   background-position: top left;
   background-repeat: no-repeat;
}

.section5 .commonHead span,
.section7 .commonHead span {
   color: #003459;
}

.s5CompBox {
   display: inline-block;
   vertical-align: middle;
   width: 100%;
   max-width: 1030px;
   background: #fff;
   border-radius: 20px;
   margin-top: 200px;
   margin-bottom: 30px;
   box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.2);
}

.s5Col1 {
   float: left;
   width: 37%;
   padding: 25px 0;
   position: relative;
}

.s5Col1 ul {
   float: left;
   width: 100%;
}

.s5Col1 ul li {
   float: left;
   width: 100%;
   height: 70px;
   text-align: left;
   font-size: 19px;
   line-height: 74px;
   color: #000;
   letter-spacing: 0.3px;
   font-weight: 600;
   padding: 0 0 0 60px;
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   border-bottom: 1px solid #e7e7e7;
   background: url(../../images/index-v2/comp-point.png) no-repeat 22px 25px;
}

.s5Col1 ul li:last-child {
   border: none;
}

.s5Col1 ul li img {
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -13px;
}

.s5Col2 {
   float: left;
   width: 19%;
   background: #59A794;
   border-radius: 20px;
   margin: -95px 20px -25px 0;
}

.s5Col2Top {
   float: left;
   width: 100%;
   height: 115px;
}

.s5Col2Prod {
   display: block;
   margin: -73px auto 5px;
   max-width: 100%;
   width: 120px;
}

.s5Col3Prod {
   display: block;
   margin: -60px auto 5px;
   max-width: 100%;
}

.s5Col4Prod {
   display: block;
   margin: -50px auto 8px;
   max-width: 100%;
}

.s5Col2Top p {
   font-size: 28px;
   line-height: 30px;
   color: #ffffff;
   font-weight: 500;
   letter-spacing: 0.5px;
   font-family: 'Poppins', sans-serif;
}

.s5Col3Top p,
.s5Col4Top p {
   font-size: 19px;
   line-height: 17px;
   font-weight: 400;
}

.s5Col2 ul {
   float: left;
   width: 100%;
   padding-top: 5px;
}

.s5Col2 ul li {
   float: left;
   width: 100%;
   height: 70px;
   text-align: center;
   padding: 20px 0;
   border-bottom: 1px solid #4d82a8;
}

.s5Col2 ul li:last-child {
   border: none;
   height: 115px;
}

.s5Col3 {
   background: #383838;
}

.s5Col3 ul li {
   border-bottom: 1px solid #484848;
}

.s5Col4 {
   background: #383838;
}

.s5Col4 ul li {
   border-bottom: 1px solid #484848;
}

.section6 {
   float: left;
   width: 100%;
   position: relative;
   text-align: left;
   overflow: hidden;
   background-image: linear-gradient(235deg, #191919, #59A794);
}

.s6Left {
   position: relative;
}

.s6SealBg {
   position: absolute;
   top: 0;
   left: 80px;
}

.s6Seal {
   position: absolute;
   top: 97px;
   left: 103px;
}

.s6Right {
   float: right;
   width: calc(100% - 500px);
   padding: 40px 0 60px;
}

.fs-50 {
   font-size: 50px;
   line-height: 61px;
   text-transform: none;
}

.s6Right .commonText {
   padding-right: 0px;
   max-width: 415px;
   font-size: 17px;
   font-weight: 400;
}

.section7 {
   float: left;
   width: 100%;
   padding: 105px 0 30px;
   position: relative;
   text-align: center;
}

.section7 .commonHead {
   margin-bottom: 40px;
}

.s7Mid {
   display: inline-block;
   vertical-align: middle;
   width: 100%;
   max-width: 1320px;
   margin-top: 40px;
}

.testBox {
   float: left;
   width: 100%;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   flex-wrap: wrap;
   display: flex;
   justify-content: space-between;
}

.testCol {
   float: left;
   width: 31%;
}

.testImage {
   display: inline-block;
   vertical-align: top;
   max-width: 100%;
   border-radius: 0px
}

.testStar {
   display: inline-block;
   vertical-align: top;
   max-width: 100%;
   margin-top: 30px;
}

.testCol .commonText.testhead {
   margin-top: 10px;
   font-weight: 400;
   width: 100%;
   font-size: 17px;
   font-family: 'Anton', sans-serif;
}

.testCol .commonText {
   margin-top: 10px;
   width: 100%;
}

.testName {
   display: flex;
   justify-content: center;
   align-items: flex-start;
   width: 100%;
   flex-direction: column;
   font-size: 17px;
   line-height: 18px;
   color: #000;
   letter-spacing: 0.3px;
   font-weight: 400;
   font-family: 'Anton', sans-serif;
   margin-top: 25px;
}

.testCol .testName {
   align-items: center;
   padding-top: 18px;
}

.reviews_para_cntnt>p {
   padding: 10px 0 0px;
   font-size: 22px;
   line-height: 34px;
   color: #000;
   font-weight: 700;
}

.testName img {
   display: inline-block;
   vertical-align: middle;
   margin: -1px 3px 0 10px;
}

.testName span {
   color: #37b72d;
   font-size: 14px;
   font-weight: normal;
   letter-spacing: 0.5px;
   margin-top: 8px;
   font-family: 'Poppins', sans-serif;
}

.section7 .btnBox {
   margin-top: 50px;
}

.reviews_para_cntnt>img {
   margin-bottom: 25px;
}

.section8 {
   float: left;
   width: 100%;
   padding: 200px 0 60px;
   background: linear-gradient(179deg, #131314 55%, #59A794);
   position: relative;
   text-align: center;
}

.section8 .commonHead {
   color: #fff;
   text-transform: none;
}

.section8 .brandName {
   font-size: 60px;
}

.section8::before {
   content: ' ';
   position: absolute;
   left: 0;
   top: -50px;
   width: 100%;
   height: 120px;
   background-image: url(../../images/index-v2/reviews_btm_bg.png);
   background-repeat: no-repeat;
   background-size: contain;
   background-position: bottom;
   z-index: 0;
}

.faq-container {
   display: inline-block;
   vertical-align: top;
   max-width: 830px;
   width: 100%;
   margin: 15px 0 15px;
}

.section8 .acdn-para sup {
   color: #3382B9;
   font-size: 12px;
}

.up-slide-dwn {
   float: left;
   width: 100%;
   background: #fff;
   border-radius: 0px;
   -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
   box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
   margin-top: 25px;
   padding: 10px 25px 8px 30px;
}

.accordion {
   float: left;
   width: 100%;
   text-align: left;
   background: url(../../images/index-v2/close.png) no-repeat 100% center;
   padding: 13px 45px 10px 0;
   font-size: 18px;
   line-height: 30px;
   font-weight: 600;
   color: #000;
   letter-spacing: 0.5px;
   cursor: pointer;
   position: relative;
}

.accordion.last {
   border-bottom: none;
}

.acdn-heading.accordion-open {
   background: url(../../images/index-v2/open.png) no-repeat 100% center;
   border: none;
}

.acdn-content {
   float: left;
   width: 100%;
   text-align: left;
   padding: 0 0 10px 0;
}

.acdn-para {
   float: left;
   width: 100%;
   font-size: 17px;
   line-height: 26px;
   font-weight: normal;
   letter-spacing: 0.5px;
   color: #000000;
   margin-top: 10px;
}

.acdnImg {
   display: inline-block;
   vertical-align: top;
   margin: 20px 10px 0 0;
   max-width: 100%;
}

.acdnList {
   float: left;
   width: 100%;
}

.acdnList li {
   float: left;
   width: 100%;
   margin-top: 16px;
   padding: 0 0 10px 70px;
   position: relative;
   font-size: 17px;
   line-height: 23px;
   font-weight: normal;
   letter-spacing: 0.5px;
   color: #000000;
}

.acdnListNo {
   position: absolute;
   top: 0;
   left: 0;
   font-weight: 600;
}

.acdnList.acdnListStyle li {
   padding-left: 25px;
}

.acdnList.acdnListStyle li:before {
   position: absolute;
   top: 5px;
   left: 2px;
   content: '';
   width: 8px;
   height: 8px;
   background: #000;
   border-radius: 50%;
}

.faq_list {
   margin-top: 50px;
}

.faq_list li {
   list-style-type: disc;
   list-style-position: inside;
   font-size: 18px;
}

.footer {
   float: left;
   width: 100%;
   padding: 40px 0;
   background: #fff;
   position: relative;
}

.footerLogo {
   display: inline-block;
   vertical-align: top;
   max-width: 100%;
   margin-bottom: 20px;
}

.ftrText1 {
   float: left;
   width: 100%;
   font-size: 16px;
   line-height: 26px;
   font-weight: normal;
   color: #333333;
   margin-top: 10px;
   letter-spacing: 0.3px;
}

.ftrText1 a {
   padding: 0 5px;
}

.ftrText2 {
   font-size: 14px;
   line-height: 22px;
   color: #7c7c7c;
   padding: 0 85px;
   margin-top: 20px;
}

.whiteText {
   color: #fff;
}

.pulse {
   animation-name: pulse;
   -webkit-animation-name: pulse;
   animation-duration: 1.5s;
   -webkit-animation-duration: 1.5s;
   animation-iteration-count: infinite;
   -webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
   0% {
      transform: scale(0.9);
   }

   50% {
      transform: scale(1);
   }

   100% {
      transform: scale(0.9);
   }
}

@-webkit-keyframes pulse {
   0% {
      -webkit-transform: scale(0.95);
   }

   50% {
      -webkit-transform: scale(1);
   }

   100% {
      -webkit-transform: scale(0.95);
   }
}

.fl {
   float: left;
}

.fr {
   float: right;
}

.show-tab,
.show-mob {
   display: none;
}

.brandName {
   font-family: great_sejagadregular;
   font-size: 85px;
   line-height: 18px;
   margin-bottom: -10px;
   color: #59A794;
   position: relative;
   z-index: 1;
}

.strip_section_cntnr .brandName {
   color: #64DFDF;
   font-size: 65px;
   margin-bottom: -20px;
}

.s3Inner .blck-circle.show-mob+.commonText.whiteText {
   max-width: 554px;
}

.accordion.acdn-heading.accordion-open .acdn-content {
   display: block;
}

.accordion.acdn-heading.accordion-close .acdn-content {
   display: none;
}

.footer #ctabtn-mob {
   position: relative;
}

.section1 .commonText {
   max-width: 730px;
   margin: 20px auto 0;
   float: none;
}

.section1 .commonHead {
   float: none;
}

.reviews_only_testimonial {
   display: flex;
   align-items: normal;
   padding: 35px 70px;
   background-color: #fff;
   border-radius: 3px;
   box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.35);
   margin-bottom: 52px;
   position: relative;
}

.reviews_only_testimonial::after {
   content: ' ';
   position: absolute;
   background-image: url(../../images/index-v2/reviews_pc.png);
   background-repeat: no-repeat;
   background-size: contain;
   width: 211px;
   height: 175px;
   right: 190px;
   top: 100px;
}

.reviewer_details .testName {
   justify-content: flex-start;
}

.reviewer_details .testName img {
   margin: -3px 7px 0 0px;
   display: inline-block;
}

img.reviewer {
   margin-top: -75px;
}

.reviewer_details {
   margin-top: 20px;
}

.reviews_para_cntnt {
   text-align: left;
   width: 60%;
   margin-left: 0;
}

.reviews_para_cntnt img {
   display: block;
}

.reviews_para_cntnt img.reviewer+img {
   width: 110px;
}

.reviews_para_cntnt b {
   font-size: 25px;
   line-height: 26px;
   margin-top: 5px;
   display: block;
   font-weight: 400;
   color: #59A794;
   font-family: 'Anton', sans-serif;
}

.reviews_para_cntnt p {
   margin-top: 6px;
}

.reviews_img {
   margin-top: -60px;
   width: 40%;
}

@media (max-width:1710.5px) {
   .s1-left-shp {
      top: -20px;
      width: 340px;
      left: -30px;
   }
}

@media (max-width:1600px) {
   .s1-left-shp {
      top: 100px;
      width: 280px;
      left: -20px;
   }
}

@media (max-width:1280px) {
   .s1-left-shp {
      top: 130px;
      width: 250px;
      left: -30px;
   }

   .s1-prod2-right-ecl {
      top: 215px;
      right: -20px;
      width: 280px;
   }
}

@media only screen and (max-width:1200px) {
   .bnrHeading {
      font-size: 48px;
      line-height: 55px;
   }

   .reviews_only_testimonial {
      align-items: center;
      padding: 35px 20px;
   }

   .reviews_img {
      margin-top: 0;
      margin-right: 20px;
   }

   .reviews_only_testimonial::after {
      width: 160px;
      height: 135px;
      top: 130px;
   }

   .section8 {
      padding-top: 170px;
   }

   .container {
      width: 1004px;
   }

   .section2 .prod-s2-row {
      width: 1004px;
   }

   ul.topMenu {
      margin: 18px 40px 0 0;
   }

   .banner-left {
      width: 50%;
   }

   .bnrText1 {
      font-size: 17px;
   }

   .s3Inner {
      width: 52%;
   }

   .commonHead {
      font-size: 37px;
      line-height: 48px;
   }

   .black-rotate {
      top: 10px;
      background: transparent;
      height: 100%;
   }

   .s1-prod1 {
      width: 200px;
      left: -140px;
      top: 0;
   }

   .s1-left-shp {
      top: 0;
      z-index: -1;
      left: 0px;
   }

   .s1-box-list li {
      width: 235px;
   }

   .section2 {
      padding-top: 0;
   }

   .s4RightInner .commonHead,
   .s4LeftInner .commonHead {
      font-size: 47px;
      line-height: 59px;
   }

   .strip-section {
      padding-top: 145px;
   }

   .s1-box-list {
      justify-content: space-evenly;
   }

   .s1-prod2 {
      right: -100px;
      transform: none;
      top: 13px;
   }

   .s1-prod2-right-ecl {
      top: 0;
      right: 0;
   }

   .s3LeftImg {
      left: 0;
      top: 0;
      object-fit: contain;
   }

   .s6Right {
      width: calc(100% - 410px);
      padding: 30px 0 36px;
   }

   .s6Right .commonText {
      padding-right: 22px;
   }

   .s6SealBg {
      left: 40px;
   }

   .s6Seal {
      left: 63px;
   }

   .s1-bx-cont h3 {
      font-size: 14px;
      line-height: 15px;
   }

   .s1-bx-cont p {
      font-size: 11px;
      line-height: 16px;
   }

   .s1-prod2 {
      right: -59px;
      transform: none;
      top: 13px;
      width: 200px;
   }
}
@media(max-width:1021px) and (orientation: landscape){
   .s1-bx-bg1 .s1-bx-cont,  .s1-bx-bg2 .s1-bx-cont, .s1-bx-bg4 .s1-bx-cont, .s1-bx-bg3 .s1-bx-cont {
      margin-left: 0;
   }   

}

@media only screen and (max-width:1021px) {
   .s6Right br {
      display: none;
   }

   .s1-bx-cont {
      min-height: 120px;
      margin-left: 3px;
      padding-top: 7%;
      margin-top: -80px;
   }

   .container {
      width: 750px;
   }

   .section2 .prod-s2-row {
      width: 750px;
   }

   .section4 {
      height: auto;
   }

   .strip-section2 .flex-img img {
      width: 100px;
      margin-right: 5px;
   }

   .show-desk {
      display: none;
   }

   .show-tab {
      display: block;
   }

   .banner {
      height: auto;
      background-size: cover;
      background-position: 40% 100%;
   }

   .banner-left {
      width: 65%;
   }

   .bnrHeading {
      font-size: 36px;
      line-height: 44px;
      margin-top: 10px;
      max-width: 396px;
   }

   .bnrList {
      margin-top: 20px;
   }

   .bnrList li {
      font-size: 18px;
      margin-top: 3px;
   }

   .section1 {
      padding: 70px 0 70px;
   }

   .s1Dotsleft {
      top: -55px;
      left: -120px;
      width: 200px;
   }

   .s1DotsRight {
      right: -290px;
      bottom: -130px;
      width: 460px;
   }

   .s1Left {
      width: 370px;
   }

   .s1Circle {
      top: 50px;
      width: 500px;
      height: 500px;
   }

   .s1Prod {
      top: 50px;
      right: 80px;
      width: 300px;
   }

   .s1Right {
      width: calc(100% - 330px);
   }

   .s1Right .commonText {
      padding-right: 0;
   }

   .commonHead {
      font-size: 35px;
      line-height: 43px;
      margin-top: 9px;
   }

   .commonText {
      font-size: 14px;
      line-height: 24px;
      margin-top: 8px;
      width: 100%;
   }

   .s1-prod1 {
      width: 200px;
      top: 160px;
      left: -120px;
      display: none;
   }

   .s1-prod2 {
      width: 190px;
      display: none;
   }

   .s1-prod2-right-ecl {
      display: none;
   }

   .s1-box-list li {
      width: 180px;
   }

   .s1-left-shp {
      left: -490px;
      display: none;
   }

   .strip-section {
      padding-top: 160px;
      margin-top: -157px;
   }

   .prod-row-cont h1 {
      font-size: 30px;
      line-height: 40px;
   }

   .brandName,
   .strip_section_cntnr .brandName {
      margin-bottom: 3px;
      font-size: 35px;
      line-height: 0;
   }

   .s3Inner {
      width: 52%;
   }

   .s3LeftImg {
      left: 0;
      top: 0;
      object-fit: contain;
   }

   .s4Left {
      width: 100%;
      padding: 50px 0 0 30px;
   }

   .s4Right {
      width: 100%;
      padding: 50px 0 0 30px;
   }

   .s5Col1 {
      padding: 15px 0;
      width: 40%;
   }

   .s5Col1 ul li {
      height: 60px;
      font-size: 17px;
      line-height: 62px;
      font-weight: 500;
      padding: 0 0 0 50px;
      background-position: 20px 20px;
   }

   .s5Col2 {
      width: 18%;
      margin: -95px 15px -25px 0;
   }

   .s5Col2Top {
      height: 105px;
   }

   .s5Col2Prod {
      margin: -40px auto 10px;
      width: 90px;
   }

   .s5Col2Top p {
      font-size: 16px;
      line-height: 20px;
   }

   .s5Col2 ul li {
      height: 60px;
   }

   .s5Col2 ul li img {
      width: 24px;
   }

   .s5Col2 ul li:last-child {
      height: 95px;
   }

   .s5Col3Top p,
   .s5Col4Top p {
      font-size: 14px;
   }

   .s5Col3Prod,
   .s5Col4Prod {
      margin: -52px auto 15px;
      width: 95px;
   }

   .s5Col4Prod {
      margin: -40px auto 15px;
      width: 100px;
   }

   .s6Right {
      width: calc(100% - 340px);
   }

   .section8::before {
      top: -60px;
   }

   .s6SealBg {
      left: 10px;
      width: 295px;
   }

   .s6Right .commonText {
      padding-right: 0;
   }

   .s6Seal {
      left: 33px;
      width: 250px;
      top: 86px;
   }

   .s7Mid {
      margin-top: 20px;
   }

   .testBox {
      margin-top: 30px;
   }

   .testStar {
      margin-top: 20px;
   }

   .testCol .commonText.testhead {
      margin-top: 15px;
   }

   .testName {
      font-size: 14px;
      margin-top: 15px;
   }

   .section7 .btnBox {
      margin-top: 35px;
   }

   .faq-container {
      margin: 10px 0;
   }

   .up-slide-dwn {
      margin-top: 20px;
   }

   .accordion {
      padding: 15px 45px 12px 0;
      font-size: 17px;
      line-height: 22px;
   }

   .acdn-para {
      font-size: 16px;
      line-height: 25px;
      margin-top: 0;
   }

   .ftrText2 {
      padding: 0 30px;
   }
}

@media (max-width:991px) {
   .section3 .s3Inner .commonHead {
      font-size: 35px;
      line-height: 40px;
      margin: 30px 0 0;
   }

   .section8::before {
      top: -70px;
   }

   .s1-box-list {
      margin-left: -20px;
   }

   .s1-bx-bg3 p {
      margin-left: 46px;
   }

   .banner {
      background-position: 58% 100%;
   }

   .strip_section_bg {
      display: flex;
      justify-content: space-between;
      width: 100%;
   }

   .strip_section_bg img {
      position: static;
      max-width: 137px;
      height: auto;
      margin-top: 10px;
   }
}

@media only screen and (max-width:767px) {
   .show-mob.footer {
      background-color: transparent;
   }

   .s1-bx-cont {
      padding-top: 6%;
      min-height: 110px;
      margin-left: 30px;
      margin-top: -180px;
   }

   .s4RightInner .commonHead,
   .s4LeftInner .commonHead {
      font-size: 35px;
      line-height: 47px;
   }

   .s1-bx-bg2 .s1-box-list li img {
      min-width: 130%;
   }

   .reviews_only_testimonial {
      flex-direction: column;
      padding: 35px 15px;
      margin: 0 15px;
   }

   .reviews_para_cntnt {
      width: 100%;
      margin-left: 0;
      margin-top: 20px;
   }

   .section8::before {
      top: -80px;
   }

   .testBox ul.slick-dots {
      position: absolute;
      top: 45%;
      z-index: 20;
   }

   .testStar {
      margin-top: 60px;
   }

   .section7 .commonHead {
      margin-bottom: 110px;
   }

   .reviews_img {
      margin-top: -100px;
      width: 100%;
      height: 353px;
   }

   .reviews_img img {
      width: 100%;
      height: 100%;
      object-fit: contain;
   }

   .reviews_only_testimonial::after {
      top: auto;
      bottom: 30px;
      right: 10px;
   }

   .container {
      width: 100%;
      padding: 0 15px;
      max-width: 600px;
      box-sizing: border-box;
   }

   .section2 .container {
      max-width: max-content;
      width: auto !important;
      padding: 0;
   }

   .section2 .prod-s2-row {
      width: 100%;
      padding: 0 15px;
   }

   .section2 .prod-s2-row.row3-bg {
      padding: 0;
   }

   .section2 .prod-row-cont.pad-rgt h1 {
      padding: 12px 15px 0px 65px;
   }

   .section2 .prod-row-cont.pad-rgt p {
      padding: 0 15px;
   }

   .section2 .container::before,
   .section2 .container::after {
      display: none;
   }

   .section2 .row3-bg .prod-row-cont {
      width: 100%;
      padding-bottom: 100px;
   }

   .s1-bx-cont svg {
      width: 350px;
      height: 200px;
      left: 0;
      bottom: -30px;
   }

   .strip-section2 .flex-img img {
      width: 100px;
      margin-bottom: 6px;
      margin-right: 10px;
   }

   .s4RightInner {
      margin-top: 0px;
   }

   .show-mob {
      display: block;
   }

   .hide-mob {
      display: none;
   }

   .topStrip {
      padding: 8px 0 5px;
      overflow: hidden;
   }

   .topStrip p {
      font-size: 11px;
      line-height: 11px;
   }

   .top-fix-bar {
      margin-bottom: 55px;
   }

   .header {
      height: 55px;
      padding: 5px 0;
      margin-top: -55px;
      top: 55px;
   }

   .s3Inner .commonHead {
      margin-bottom: 20px;
   }

   .logo {
      width: 60px;
      margin-top: 0;
   }

   .mob-mnu-ic {
      top: 14px;
      right: 15px;
   }

   .mobilemenu {
      top: 79px;
   }

   .mobimenu-top {
      top: 55px;
   }

   .banner {
      padding: 25px 0 100px;
      background: url(../../images/index-v2/banner-mob-btm-bg.png) no-repeat, #000;
      background-size: 100% 100px;
      background-position: 100% 100%;
      z-index: 1006;
      position: relative;
   }

   .banner-left {
      width: 100%;
      text-align: center;
   }

   .bnrStar {
      font-size: 13px;
      line-height: 13px;
   }

   .bnrStar img {
      width: 75px;
      margin: -5px 4px 0 0;
   }

   .bnrHeading {
      font-size: 35px;
      line-height: 43px;
      position: relative;
      left: 50%;
      transform: translateX(-50%);
      margin: 14px 0;
      text-align: center;
   }

   .mb-fullimg {
      width: 100vw;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
   }

   .bnrProd-mob {
      display: inline-block;
      vertical-align: top;
   }

   .bnrText1 {
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 0.5px;
      padding: 0 10px;
   }

   .blck-circle {
      width: 100vw;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
   }

   .strip-section p.commonHead.whiteText {
      font-size: 22px;
      line-height: 30px;
   }

   .black-rotate {
      display: none;
   }

   .bnrList {
      margin-top: 15px;
      float: none;
      width: auto;
      display: inline-block;
      vertical-align: top;
   }

   .bnrList li {
      float: none;
      width: auto;
      font-size: 17px;
      margin-top: 5px;
      padding-left: 30px;
      background-position: 2px 3px;
      background-size: 18px;
   }

   .ftrSec {
      padding: 20px 0;
   }

   .ftrText {
      font-size: 14px;
      line-height: 14px;
   }

   .ftrList {
      flex-wrap: wrap;
      margin-top: 0;
      justify-content: center;
   }

   .ftrList li {
      margin: 15px 15px 0;
      padding: 0;
   }

   .logo1 {
      width: 30px;
   }

   .logo2 {
      width: 100px;
   }

   .logo3 {
      width: 50px;
   }

   .logo4 {
      width: 90px;
   }

   .logo5 {
      width: 70px;
   }

   .section1 {
      padding: 30px 0;
   }

   .secName {
      font-size: 14px;
   }

   .commonHead {
      font-size: 26px;
      line-height: 32px;
      margin-top: 5px;
   }

   .s4RightInner .commonHead {
      text-align: center;
   }

   .s4-rght-prod {
      bottom: 40px;
      width: 260px;
   }

   .commonText {
      font-size: 15px;
      line-height: 22px;
      margin-top: 15px;
   }

   .s1-prod1-mob {
      margin: 20px auto 0;
      width: 220px;
   }

   .s1-list {
      margin-top: 0;
      -webkit-display: flex;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
   }

   .s1-list li {
      float: left;
      width: 33.33%;
      padding: 0;
      margin-top: 22px;
   }

   .s1-list li p {
      font-size: 13px;
      line-height: 18px;
   }

   .s1-box-list {
      width: calc(100% + 30px);
      margin: 25px 0 0 -15px;
   }

   .s1-box-list li {
      background-size: cover;
   }

   .s1-bx-cont h3 {
      font-size: 16px;
      line-height: 20px;
   }

   .s1-bx-cont p {
      font-size: 14px;
      line-height: 20px;
      margin-top: 10px;
   }

   .strip-section {
      padding: 190px 0 30px;
      margin-top: -180px;
   }

   .strip-section .commonHead {
      font-size: 24px;
   }

   .section2 {
      padding-bottom: 30px;
   }

   .prod-s2-row {
      margin-top: 35px;
   }

   .row3-bg {
      padding: 20px 0px 30px;
   }

   .prod-row-cont {
      width: 100%;
   }

   .prod-row-imgbox img {
      display: none;
   }

   .step-box {
      top: 5px;
      left: 0px;
      width: 40px;
      height: 40px;
      text-align: center;
      line-height: 43px;
      border-radius: 50%;
      font-size: 35px;
   }

   .prod-h5 .step-box {
      top: 5px;
   }

   .step-box:before {
      display: none;
   }

   .pad-rgt,
   .pad-lft {
      padding: 0;
   }

   .prd-row-img-m {
      margin: 0px auto 0;
      width: 96%;
   }

   .prod-row-cont h1 {
      font-size: 22px;
      line-height: 26px;
      margin-top: 0;
      padding: 12px;
      padding-left: 55px;
   }

   .prod-h1:before,
   .prod-h2:before,
   .prod-h3:before,
   .prod-h4:before,
   .prod-h5:before {
      left: 55px;
   }

   .prod-list {
      margin-top: 25px;
   }

   .prod-list li {
      font-size: 22px;
      line-height: 22px;
      margin-right: 30px;
   }

   .prod-list li span {
      font-size: 14px;
      line-height: 14px;
   }

   .prd-m3 {
      max-width: 100%;
      width: 100%;
   }

   .s1-box-list li img {
      min-width: 129%;
   }

   .s1-bx-bg1 .s1-bx-cont {
      margin-left: 23px;
      min-width: 100%;
   }

   .s1-bx-bg4 .s1-bx-cont {
      margin-left: 20px;
      width: auto;
      min-width: 100%;
   }

   .s1-bx-bg2 .s1-bx-cont {
      min-width: 99%;
      margin-left: 29px;
      width: auto;
   }

   .s1-bx-bg3 .s1-bx-cont {
      margin-left: 22px;
      min-width: 99.5%;
      width: auto;
   }

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

   .s3LeftImg {
      position: static;
      width: 350px;
      margin: 24px auto 15px;
   }

   .s3Inner {
      width: 100%;
      padding: 0;
   }

   .s3-list {
      margin-top: 25px;
   }

   .s3-list li {
      margin-right: 0;
      width: 25%;
   }

   .s3-list li img {
      width: 50px;
   }

   .s3-list li p {
      font-size: 12px;
      line-height: 18px;
      margin-top: 10px;
   }

   .section4 {
      background: #f9f9f9;
   }

   .s4Left {
      width: 100%;
      padding: 25px 0 0 20px;
      height: 350px;
      margin: 0;
   }

   .s4Left:before {
      height: 245px;
      background-size: 110%;
   }

   .s4Right {
      width: 100%;
      padding: 25px 0 0 20px;
      height: 350px;
      margin: 0;
   }

   .s4RightBg {
      display: block;
      max-width: 100%;
      margin: 0 auto;
   }

   .section5 {
      padding: 30px 0 25px;
   }

   .s5CompBox {
      border-radius: 10px;
      margin-top: 160px;
   }

   .s5Col1 {
      width: 46%;
      padding: 10px 0;
   }

   .s5Col1 ul li {
      font-size: 14px;
      line-height: 18px;
      padding: 13px 0 13px 30px;
      background-position: 10px 24px;
      background-size: 14px;
   }

   .s5Col2 {
      width: 24%;
      margin: -95px 3% -25px 0;
   }

   .s5Col2Top {
      height: 100px;
   }

   .s5Col2Prod {
      margin: -30px auto 10px;
      width: 80px;
   }

   .s5Col2Top p {
      font-size: 14px;
   }

   .s5Col2Top {
      height: 100px;
   }

   .s5Col3Top p,
   .s5Col4Top p {
      font-size: 10px;
   }

   .s5Col3Prod {
      margin: -30px auto 10px;
      width: 80px;
   }

   .section6 {
      padding: 30px 0 25px;
   }

   .s6Left {
      width: 100%;
      text-align: center;
   }

   .s6SealBg {
      width: 300px;
      display: none;
   }

   .s6Seal {
      position: static;
      display: block;
      margin: 0 auto;
      width: 160px;
   }

   .s6Right {
      width: 100%;
      text-align: center;
      padding: 15px 0 0;
   }

   .s6Right .commonText {
      padding-right: 0;
      width: 100%;
      max-width: 100%;
      margin: 15px auto 0;
   }

   .section7 {
      padding: 70px 0 25px;
   }

   .s7Mid {
      width: calc(100% + 30px);
      margin: 0 0 0 -15px;
   }

   .testBox {
      margin-top: 20px;
   }

   .testCol {
      width: 270px !important;
      margin: 0 8px 0;
   }

   .testCol .commonText.testhead {
      font-size: 16px;
   }

   .section8 {
      padding: 90px 0 25px;
   }

   .faq-container {
      margin-top: 0;
   }

   .up-slide-dwn {
      margin-top: 15px;
      padding: 0 15px;
   }

   .accordion {
      padding: 15px 24px 12px 0;
      font-size: 16px;
      line-height: 22px;
   }

   .acdn-para {
      font-size: 15px;
      line-height: 23px;
   }

   .acdnImg img {
      width: 120px;
   }

   .acdnList li {
      font-size: 15px;
   }

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

   .footerLogo {
      width: 100px;
      margin: 25px 0 5px;
   }

   .ftrText1 {
      font-size: 14px;
      line-height: 20px;
   }

   .ftrText2 {
      font-size: 13px;
      line-height: 18px;
      padding: 0;
      margin-top: 12px;
   }

   #ctabtn-mob {
      background: transparent;
      padding: 30px 10px 7px;
      position: fixed;
      bottom: 0%;
      left: 0;
      z-index: 99999999;
      transition: bottom 1s;
      display: table;
      width: 100%;
   }

   #ctabtn-mob a.order-btn {
      margin: 0;
   }

   .comn-btn {
      font-size: 22px;
      padding: 0 20px;
      height: 60px;
      line-height: 60px;
   }

   .btn-arw {
      margin: -4px 0 0 10px;
   }
}

@media (max-width:575px) {
   .s1-bx-cont {
      min-height: 100px;
      margin-left: 14px;
      margin-top: -160px;
   }

   .s1-bx-bg2 .s1-bx-cont {
      margin-left: 28px;
      margin-top: -168px;
   }

   .s1-bx-bg3 .s1-bx-cont {
      margin-left: 21px;
      margin-top: -167px;
   }

   .s1-bx-bg4 .s1-bx-cont {
      margin-left: 19px;
      margin-top: -167px;
   }

   .s1-bx-bg1 .s1-bx-cont {
      margin-left: 22px;
      margin-top: -164px;
      min-width: 100.2%;
   }
}

@media (max-width:420px) {
   .s1-bx-bg3 .s1-bx-cont {
      margin-left: 11px;
      margin-top: -117px;
   }

   .section8::before {
      top: -100px;
   }

   .s1-bx-bg4 .s1-bx-cont {
      margin-left: 8.5px;
      margin-top: -117px;
      min-width: 100%;
   }

   .s1-bx-bg1 .s1-bx-cont {
      margin-left: 10px;
      margin-top: -115px;
   }

   .s1-bx-bg2 .s1-bx-cont {
      margin-left: 14px;
      margin-top: -118px;
      min-width: 98.5%;
   }

   .s4RightInner .commonHead,
   .s4LeftInner .commonHead {
      font-size: 25px;
      line-height: 37px;
   }
}

@media only screen and (max-width:360px) {
   .s3-list li {
      margin-right: 7px;
   }
}