@charset "utf-8";
 .header, ul.topMenu li {
     position: relative 
}
 .header .show-desk {
     width: fit-content;
}
 .header .container {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin-top: 8px;
     padding: 0 60px;
}
 a.nav-btn, body {
     text-align: center 
}
 .topStrip p, a.nav-btn, ul.topMenu li a {
     letter-spacing: .5px;
     color: #fff 
}
 .mobilemenu, body {
     left: 0;
     right: 0;
     bottom: 0 
}
 .bnrStar, .bnrText1 {
     letter-spacing: .3px 
}
 .btnBox, .mob-mnu-ic span, ul.topMenu {
     vertical-align: top 
}
 .colorName, .secName {
     text-transform: uppercase 
}
 body {
     top: 0;
     margin: auto;
     padding: 0;
     background: #fff;
     color: #000;
     font-family: 'Poppins', sans-serif;
     font-weight: 400 
}
 div, form, h1, h2, h3, h4, h5, img, input, li, p, textarea, ul {
     margin: 0;
     padding: 0 
}
 article, aside, figure, footer, header, main, nav, section {
     display: block 
}
 table, td, tr {
     border: 0 
}
 a {
     outline: 0;
     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;
    font-family: "Poppins",sans-serif;
}
 .header, .top-fix-bar, .topStrip, .topStrip p {
     width: 100%;
     float: left 
}
 .topStrip {
     background: #119636;
     padding: 12px 0 10px;
}
 .topStrip p {
     font-size: 20px;
     line-height: 22px;
     font-weight: 400;
}
 .topStrip p span {
     color: #FDFF8C;
     font-weight: 700;
}
 .top-fix-bar {
     margin-bottom: 75px 
}
.header {
    height: 85px;
    padding: 0;
    margin-top: -75px;
    margin-bottom: -2px;
    top: 75px;
    background: #F6F7E6;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    z-index: 999;
}
 .fixed-nav .header {
     position: fixed;
     z-index: 999;
     -webkit-transition: margin .3s ease-out;
     transition: margin .3s ease-out;
     margin-top: 0;
     top: 0;
}
 .logo {
     float: left;
     width: auto;
}
 ul.topMenu {
     display: inline-block;
     margin: 0 
}
 .galaxy-text, .mobilemenu, .show-mob, .show-tab, ul.topMenu li:last-child:after, img.vid_o {
     display: none 
}
 ul.topMenu li {
     float: left;
     padding: 4px 15px 
}
 ul.topMenu li a {
     font-size: 16px;
     line-height: 24px;
     font-weight: 300;
     color: #000;
     text-transform: uppercase;
}
 ul.topMenu li a + img {
     padding-left: 20px;
     position: relative;
    top: -3px;
}
 ul.topMenu li a.order_nw_btn {
     font-weight: 600;
     text-decoration: underline;
}
 ul.topMenu li a.active, ul.topMenu li a:hover {
     color: #4AA383;
}
 a.nav-btn {
     float: right;
     background: #2B3330;
     font-size: 20px;
     width: 160px;
     padding: 10px 0;
     border-radius: 50px;
     margin-top: 7px;
     font-weight: 600;
     text-shadow: 1px 1px rgba(0, 0, 0, .2);
     -webkit-text-shadow: 1px 1px rgba(0, 0, 0, 0.2) 
}
 .mob-mnu-ic {
     cursor: pointer;
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     z-index: 16;
     height: fit-content;
}
 .mob-mnu-ic button {
     outline: 0;
     -webkit-appearance: none;
     background: 0 0;
     padding: 0;
     cursor: pointer;
     border: none 
}
 .mob-mnu-ic span {
     color: #000;
     display: inline-block;
     font-size: 16px;
     font-weight: 300;
     margin-top: 4px;
     margin-right: 5px 
}
 .bar1, .bar2, .bar3 {
     width: 25px;
     height: 3px;
     background-color: #000 !important;
     transition: .4s;
     -webkit-border-radius: 2px 2px 2px 2px;
     border-radius: 2px 
}
 .banner, .mobilemenu li, .mobilemenu li a {
     width: 100%;
     float: left 
}
 .bar2 {
     margin: 4px 0 
}
 .dl-active .bar1 {
     -webkit-transform: rotate(-45deg) translate(-5px, 5px);
     transform: rotate(-45deg) translate(-5px, 5px);
     background: #fff 
}
 .dl-active .bar2 {
     opacity: 0 
}
 .dl-active .bar3 {
     -webkit-transform: rotate(45deg) translate(-5px, -5px);
     transform: rotate(45deg) translate(-5px, -5px);
     background: #fff 
}
 .mobilemenu {
     position: fixed;
     top: 85px;
     background: #fff;
     z-index: 10;
     overflow: scroll;
     border-top: 1px solid #ddd;
     font-family: "Saira", sans-serif;
     z-index: 999;
}
 .bnrStar img, .btn-arw, .btn-txt p, .btnBox, .hourglass {
     display: inline-block 
}
 .mobimenu-top {
     top: 75px 
}
 .mobilemenu li {
     text-align: left;
     border-bottom: 1px solid #ddd 
}
 .mobilemenu li a {
     padding: 12px 20px;
     font-size: 17px;
     color: #000;
     font-weight: 500 
}
 .mobilemenu li a:hover {
     color: #000 
}
.banner {
    overflow: hidden;
    position: relative;
    background-image: url(../../images/new_index/banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 40%;
    margin-bottom: 0;
    z-index: 98;
}
 .banner .banner_pc{
     float: right;
}
.banner .banner_pc img {
    position: absolute;
    right: -9%;
    transform: translateX(-50%);
    top: auto;
    bottom: 0;
    z-index: 0;
    width: 16%;
}
 .banner-right {
     width: 45%;
     position: absolute;
     right: 0;
     z-index: 0;
     top: 0 
}
 .right-image-gif video {
     position: absolute;
     right: 0;
     width: 47%;
     height: 100%;
     object-fit: cover 
}
 .banner-left {
     width: 55%;
     text-align: left;
     padding: 31px 0 91px;
}
 .bnrHeading, .bnrStar, .bnrText1 {
     float: left;
     width: 100% 
}
.bnrStar {
    font-size: 14px;
    line-height: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    text-align: left;
}
 .bnrStar > img {
     vertical-align: middle;
     margin: -6px 12px 0 0;
}
.bnrHeading {
    margin: 24px 0 12px;
    text-align: left;
    font-size: 100px;
    font-style: normal;
    font-weight: 900;
    line-height: 80px;
    color: #2794FF;
    font-family: "Sofia Sans", sans-serif;
    padding-right: 0;
    position: relative;
    text-shadow: 0.842px 0.842px 3.368px rgba(0, 0, 0, 0.25), 2.526px 2.526px 7.577px rgba(0, 0, 0, 0.25);
}
.bnnr-para {
    float: left;
    font-size: 41px;
    line-height: 47px;
    color: #000;
    text-shadow: 1.4px 1.4px 1.4px rgba(18, 73, 76, 0.28);
    font-family: "Nunito",sans-serif;
}
.bnrHeading:before {
    position: absolute;
    content: "3Doodle Pro";
    background-color: transparent;
    color: transparent;
    text-shadow: 0px 2px 4px rgb(255 255 255 / 29%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    top: -2px;
    font-weight: 400;
    letter-spacing: 1.5px;
}
 .bnrHeading span{
     display: block;
     font-size: 36px;
     line-height: 46px;
}
 .bnrText1 {
     margin-top: 5px;
     font-size: 18px;
     line-height: 28px;
     color: #1b1c1f 
}
 .bnrList li, .comn-btn {
     letter-spacing: .5px;
     width: 90%;
     float: left;
}
 .bnrList {
     float: left;
     width: 100%;
     margin-top: 10px;
     margin-left: 50%;
     transform: translateX(-50%);
}
.bnrList li {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #000;
    margin-top: 10px;
    width: 100%;
    font-family: "Poppins", sans-serif;
    text-align: left;
}
.bnrList li img {
    margin-right: 25px;
}
 .btn-txt p {
     color: #000;
     font-family: "Inter", sans-serif;
}
 .btn-txt {
     color: #000 
}
 .comn-btn {
     color: #000;
}
 .btn-txt.blck p , .btn-txt.blck{
     color: #000;
}
 .btnBox {
     max-width: 340px;
     width: 100%;
     margin-top: 30px;
     text-align: center;
}
 .faq-container + .btnBox{
     display: block;
     margin-left: 50%;
     transform: translateX(-50%);
}
 .btn-arw, .btn-text1:before, .btn-txt p, .hourglass {
     vertical-align: middle 
}

.comn-btn {
    font-size: 25px;
    line-height: 68px;
    height: 68px;
    position: relative;
    padding: 0 10px;
    padding-left: 20px;
    overflow: hidden;
    letter-spacing: 0;
    font-family: "Poppins", sans-serif;
    color: #fff !important;
    box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.20);
    width: 100%;
    border-radius: 40px;
    font-weight: 600;
    background: #EA1D80;
}
.banner .comn-btn{
    border: 2.079px solid #000;
    background: linear-gradient(180deg, #F44A9C 1.45%, #FF4D60 95.85%);
}
.comn-btn img {
    margin-left: 0px;
    float: right;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
 .black-rotate, .s3LeftImg {
     height: 100%;
     top: 0;
     position: absolute 
}
 .btn-txt p span, .secName {
     font-weight: 500 
}
 .btn-arw {
     margin: -4px 0 0 15px 
}
 .btn-txt {
     float: left;
     width: 100%;
     margin-top: 10px 
}
 .btn-txt_2 {
     text-align: center;
}
.btn-txt p {
    padding: 0 3px;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0;
    font-family: "Poppins",sans-serif;
}
 .commonText, .s5Col2Top p, .secName, .testName span {
     letter-spacing: .5px 
}
 .hourglass {
     margin: -2px 3px 0 0;
     animation: 2.5s ease-in-out infinite forwards rotateP 
}
 .s1-content, .s1-list {
     display: inline-block;
     vertical-align: top 
}
 @keyframes rotateP {
     0% {
         transform: rotate(0) 
    }
     100%, 50% {
         transform: rotate(180deg) 
    }
}
 @keyframes rotate {
     0% {
         transform: rotate(00deg) 
    }
     100% {
         transform: rotate(360deg) 
    }
}
 .btn-text1:before {
     display: inline-block;
     margin: -2px 5px 0 0;
     width: 9px;
     height: 9px;
     background: #6fb620;
     border-radius: 50%;
     content: "";
     animation: 1s ease-in-out infinite fade 
}
 @keyframes fade {
     0%, 100%, 70% {
         opacity: 100% 
    }
     50% {
         opacity: 30% 
    }
}
 .secName {
     float: left;
     width: 100%;
     font-size: 16px;
     line-height: 18px;
     color: #373737;
}
 .commonHead {
    /* float: left;
     */
     width: 100%;
     font-size: 60px;
     line-height: 120%;
    /* margin-top: 20px;
     */
     color: #FF5C00;
     font-family: "Montserrat", sans-serif;
     font-weight: 700;
}
 .commonHead2 {
     color: #77ff47 
}
 .commn-h {
     padding: 0 50px 
}
 .commonText {
     width: 100%;
     font-size: 17px;
     line-height: 26px;
     font-weight: 400;
     color: #000;
     margin-top: 20px;
}
 .s5CompBox, .s7Mid, .testName img {
     vertical-align: middle 
}
 .acdnList, .prod-s2-row, .prod-s2-wrap, .s5Col1 ul, .section2 {
     float: left;
     width: 100% 
}
 .prod-row-cont h1 {
     line-height: 35px;
     position: relative;
     padding-bottom: 20px;
     color: #003C51;
     font-family: Sen;
     font-size: 45px;
}
 .prod-h1:before, .prod-h2:before, .prod-h3:before, .prod-h4:before, .prod-h5:before {
     content: '';
     position: absolute;
     left: 0;
     bottom: 0;
     background: url(../images/prod-ln1.png) left bottom no-repeat;
     width: 85%;
     height: 4px 
}
 .prod-h2:before {
     background: url(../images/prod-ln1.png) left bottom no-repeat 
}
 .prod-h3:before {
     background: url(../images/prod-ln1.png) left bottom no-repeat 
}
 .prod-h4:before {
     background: url(../images/prod-ln1.png) left bottom no-repeat 
}
 .prod-h5:before {
     background: url(../images/prod-ln1.png) left bottom no-repeat 
}
 .step-box {
     position: absolute;
     top: 3px;
     line-height: 30px;
     height: 100% 
}
 .pad-rgt .step-box {
     right: 15px 
}
 .pad-lft .step-box {
     left: 0 
}
 .prod-row-imgbox {
     width: 44%;
     z-index: 0;
}
 .prod-list, .section3 {
     float: left;
     width: 100% 
}
 .prod-row-imgbox img {
     max-width: 100%;
     object-fit: contain 
}
 .prod-list {
     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, .s3-list li:last-child {
     margin-right: 0 
}
 .prod-list li span {
     font-size: 16px;
     line-height: 16px;
     font-weight: 500 
}
 .accordion, .colorName, .s5Col1 ul li, .s5Col2Top p, .testName {
     font-weight: 600 
}
 .section3 {
     background: #fff;
     position: relative;
     padding-bottom: 40px;
}
 .s3Inner {
     float: right;
     width: 51%;
     padding: 70px 0 71px 
}
 .s3-list {
     float: left;
     width: 100%;
     margin-top: 40px 
}
 .s3-list li {
     float: left;
     text-align: center;
     margin-right: 35px 
}
 .s3-list li p {
     font-size: 14px;
     line-height: 20px;
     color: #fff;
     margin-top: 12px 
}
 .s3LeftImg {
     max-width: 100%;
     left: 0;
     width: 100%;
     object-fit: cover 
}
 .black-rotate {
     left: 0;
     width: 46%;
     background: radial-gradient(112% 50.52% at 45.05% 45.5%, rgba(0, 0, 0, 0) 33.3%, #000 100%) 
}
 .s3Inner .commonHead {
     font-size: 50px;
     padding: 0 0 20px;
     line-height: 60px;
}
 .section5 {
     float: left;
     width: 100%;
     padding: 65px 0 30px 0px;
     position: relative;
     text-align: center;
     border-radius: 0px 0px 20px 20px;
     z-index: 10;
}
 .s5Col1 ul li, .section6 {
     text-align: left;
     position: relative 
}
 .s5CompBox {
     display: inline-block;
     width: 100%;
     max-width: 100%;
     border-radius: 20px;
     margin-bottom: 30px;
}
 .s5Col2Prod, .s5Col3Prod, .s5Col4Prod {
     display: block;
     max-width: 100% 
}
 .s5Col1 {
     float: left;
     width: 37%;
     padding: 25px 0;
     position: relative;
     padding-top: 100px;
}
 .s5Col1 ul li {
     font-family: "Nunito", sans-serif;
     font-weight: 700;
     float: left;
     width: 100%;
     height: 70px;
     font-size: 19px;
     line-height: 32px;
     color: #000;
     letter-spacing: .3px;
     padding: 0 0 0 60px;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     border-bottom: 1px solid #e7e7e7;
     background: url(../../images/new_index/comp-point.png) 22px 25px no-repeat
}
 .s5Col1 ul li:last-child {
     border: none 
}
 .s5Col1 ul li img {
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -13px 
}
 .s5Col2 {
     float: left;
     width: 21%;
     margin: -15px 0px -25px 0;
     border-radius: 42.35px;
     border-radius: 37.185px;
     background: linear-gradient(180deg, #8EB1DA 0%, #1F5099 100%);
     box-shadow: 0px 4.84px 9.68px 0px rgba(0, 0, 0, 0.25);
}
 .s5Col2 ul, .s5Col2 ul li, .s5Col2Top {
     float: left;
     width: 100% 
}
 .s5Col2Top {
     height: 125px;
}
 .s5Col2Prod {
     margin: -62px auto 0px;
     max-width: 120px;
}
.s5Col3Prod {
    margin: -80px auto 0;
    max-width: 120px;
}
.s5Col4Prod {
    margin: -65px auto 0px;
    max-width: 120px;
}
 .s5Col2Top p {
     font-size: 22px;
     line-height: 30px;
     color: #000;
     font-family: "Readex Pro", sans-serif;
     font-weight: 400;
}
 .s5Col2:nth-child(2) .s5Col2Top p{
     color: #fff;
     font-size: 19px;
     font-weight: 700;
}
 .s5Col3Top p, .s5Col4Top p {
     font-size: 19px;
     line-height: 19px;
}
 .s5Col2 ul {
     padding-top: 5px 
}
 .s5Col2 ul li {
     height: 70px;
     text-align: center;
     padding: 20px 0;
    /* border-bottom: 1px solid #00B0DA;
     */
}
 .s5Col2 ul li:last-child {
     border: none;
     height: 115px 
}
 .s5Col3, .s5Col4 {
     background: transparent;
     box-shadow: none;
}
 .s5Col3 ul li, .s5Col4 ul li {
     border-bottom: 1px solid #A1A1A1;
}
 .accordion, .acdnList li, .section7, .section8 {
     position: relative 
}
 .section7 {
     float: left;
     width: 100%;
     padding: 88px 0 89px;
     text-align: center;
     /* background-image: url(../images/section7-bg.png); */
     background-repeat: no-repeat;
     background-size: cover;
     margin-top: -10px;
}
 .s7Mid {
     display: inline-block;
     width: 100%;
     max-width: 1320px;
     margin-top: 65px;
}
 .testImage, .testStar {
     max-width: 100%;
     vertical-align: top 
}
 .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;
     align-items: flex-start;
}
 .faq-container, .testImage, .testName img, .testStar {
     display: inline-block 
}
 .testCol {
     float: left;
     width: 31%;
     margin-bottom: 40px;
     border-radius: 10px;
     background: #FFF;
     box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
 .testImage {
     border-radius: 0px;
     width: 100%;
}
 .testStar {
     margin-top: 30px;
     margin-bottom: 4px;
}
 .testCol .commonText.testhead {
     margin: 25px 0;
     font-weight: 700;
     color: #000;
     max-width: 100%;
     padding: 0;
     font-size: 22px;
     font-family: "Montserrat", sans-serif;
}
 .testCol .commonText {
     max-width: 312px;
     display: block;
     margin: auto;
}
 .testName {
     float: left;
     width: 100%;
     font-size: 17px;
     line-height: 18px;
     color: #000;
     letter-spacing: .3px;
     margin-top: 25px;
     margin-bottom: 25px;
     font-weight: 700;
}
 .testName img {
     margin: -1px 3px 0 10px 
}
 .testName span {
     color: #37b72d;
     font-size: 14px;
     font-weight: 700 
}
 .section7 .btnBox {
     margin-top: 20px;
}
.section8 {
    float: left;
    width: 100%;
    padding: 21px 0;
    background: linear-gradient(180deg, #FFF 0%, #4A75B2 100%);
    text-align: center;
}
 .section8 .common-subheading {
     font-size: 20px;
     line-height: 45px;
     font-weight: 700;
}
 .faq-container {
     vertical-align: top;
     max-width: 830px;
     width: 100%;
     margin: 15px 0 
}
 .acdnImg, .footerLogo {
     display: inline-block;
     vertical-align: top;
     max-width: 100% 
}
 .up-slide-dwn {
     float: left;
     width: 100%;
     background: #fff;
     border-radius: 8px;
     -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
     box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1);
     margin-top: 25px;
     padding: 10px 25px 8px 30px;
}
 .accordion {
     float: left;
     width: 100%;
     text-align: left;
     background: url(../../images/new_index/close.png) 100% center no-repeat;
     padding: 13px 45px 10px 0;
     font-size: 18px;
     line-height: 30px;
     color: #000;
     letter-spacing: .5px;
     cursor: pointer;
     font-family: "Poppins", sans-serif;
     font-weight: 700;
}
 .acdn-para, .acdnList li {
     font-size: 17px;
     font-weight: 400;
     letter-spacing: .5px;
     color: #373737;
     width: 100%;
     float: left 
}
 .accordion.last {
     border-bottom: none 
}
 .acdn-heading.accordion-open {
     background: url(../../images/new_index/open.png) 100% center no-repeat;
     border: none 
}
 .acdn-content {
     float: left;
     width: 100%;
     text-align: left;
     padding: 0 0 10px 
}
 .acdn-para {
     line-height: 26px;
     margin-top: 10px 
}
 .acdnImg {
     margin: 20px 10px 0 0 
}
 .acdnList li {
     margin-top: 16px;
     padding: 0 0 10px 70px;
     line-height: 23px 
}
 .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% 
}
 .footer {
     float: left;
     width: 100%;
     padding: 28px 0 50px;
     background: #fff;
     position: relative;
}
 .footerLogo {
     margin-bottom: 0;
     width: auto;
     height: auto;
}
 .ftrText1 {
     float: left;
     width: 100%;
     font-size: 16px;
     line-height: 26px;
     font-weight: 400;
     color: #929292;
     margin-top: 10px;
     letter-spacing: .3px 
}
 .ftrText1 a {
     padding: 0 5px;
     font-weight: 700;
     color: inherit !important;
}
 .ftrText2 {
     font-size: 14px;
     line-height: 22px;
     color: #7C7C7C;
     padding: 0 94px;
     margin-top: 20px;
}
 .whiteText {
     color: #fff !important 
}
 .blackText {
     color: #000 !important 
}
 .ylwText {
     color: #ffe745 
}
 .p-5 {
     padding: 0 240px 
}
 .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%, 100% {
         transform: scale(.9) 
    }
     50% {
         transform: scale(1) 
    }
}
 @-webkit-keyframes pulse {
     0%, 100% {
         -webkit-transform: scale(.95) 
    }
     50% {
         -webkit-transform: scale(1) 
    }
}
 .fl {
     float: left 
}
 .fr {
     float: right 
}
 .gif_desktop {
     position: absolute;
     height: 100%;
     width: 46% 
}
 .gif_desktop::after {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     right: 0;
     background-repeat: no-repeat;
     bottom: 0;
     left: 1px;
     top: 0;
     background-position: 100%;
     background-size: cover 
}
 span.textGrey {
     color: #b5b3b3 
}
 .textDark {
     color: #333;
     font-weight: 700;
}
 .s1-list{
     display: flex;
     flex-wrap: wrap;
}
 .s1-list li {
     width: 25%;
     margin-top: 45px;
}
 .s1-list li img {
     width: 60px;
     height: 70px;
     object-fit: contain;
}
 .s1-list li p {
     margin-top: 10px;
     font-size: 15px;
     line-height: 25px;
     color: #153B5B;
     font-weight: 700;
}
 .sec7inner p.secName {
     font-size: 24px;
     line-height: 44px;
     text-transform: none;
     font-weight: 400;
     position: relative;
     width: 320px;
     color: #000;
     background-color: #fff;
     left: 50%;
     transform: translateX(-50%);
     z-index: 10;
     top: -20px;
     border-radius: 40px;
}
 .section7 .commonHead{
     background-color: #3D3D3D;
     color: #fff;
     width: fit-content;
     padding: 45px 35px 30px;
     font-family: "Montserrat",sans-serif;
}
.sec7inner p.commonHead {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 15px;
    font-family: "Nunito",sans-serif;
    font-weight: 800;
}
#faqs .sec7inner p.commonHead {
    color: #363636;
}
 .clearfix {
     clear: both;
}
 #ctabtn-mob {
     position: relative;
}
 .prd-row-img3{
     border-radius: 0px 80px 80px 0px;
     margin-bottom: -10px;
     margin-top: -10px;
     filter: drop-shadow(17px 9px 8px rgba(0, 0, 0, 0.40));
}
 .as_seen_on_cntnr{
     padding: 13px 0 9px;
     color: #fff;
     float: left;
     width: 100%;
}
.as_seen_on_sec .as_seen_on_cntnt_cntnr {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-radius: 50px;
}
.as_seen_on_sec {
    clear: both;
    transform: none;
    position: relative;
    margin-bottom: 0;
    z-index: 99;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
 .as_seen_hdng {
     position: relative;
}
 .features_cntnt img {
     width: 100px;
     object-fit: contain;
     margin-left: 35px;
     height: 65px;
}
 .as_seen_hdng p{
     font-size: 22px;
     line-height: 26px;
     font-weight: 700;
}
 .features_cntnt {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 15px 0;
     animation: features_scroll 25s infinite linear;
     position: absolute;
     width: 100%;
}
 .features_cntnt li {
     position: relative;
     width: 25%;
}
/* Slider CSS */
/* .jctkr-wrapper, .as_seen_on_cntnr {
     float: left;
     position: relative;
     width: 100%;
     height: 112px;
     overflow: hidden;
     background-color: #153B5B;
}
 .jctkr-wrapper ul {
     position: absolute;
     left: 0;
     bottom: 10px;
     height: auto;
     margin: 0;
     padding: 0;
     list-style: none;
     white-space: nowrap;
     font-size: 0;
     text-align: left;
     opacity: 0;
     -webkit-transition: opacity 1s;
     transition: opacity 1s;
}
 .jctkr-wrapper.jctkr-initialized ul{
     opacity: 1;
}
 .jctkr-wrapper ul li{
     float:left;
     position:relative;
     padding:0px 50px 0;
     font-size:18px;
     line-height:30px;
     font-weight:400;
     color:#fff;
     word-break:keep-all;
     white-space:nowrap;
}
 */
 .jctkr-wrapper ul {
     position: absolute;
     left: 0;
     top: 0;
     height: 100%;
     margin: 0;
     padding: 0;
     list-style: none;
     white-space: nowrap;
     font-size: 0;
     text-align: left;
     opacity: 1;
     -webkit-transition: opacity 1s;
     transition: opacity 1s;
     z-index: 20;
}
 .jctkr-wrapper, .features_cntnr {
     float: left;
     position: relative;
     width: 100%;
     height: 85px;
     overflow: hidden;
}
 .features_cntnt {
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     padding: 15px 0;
     position: absolute;
}
 .jctkr-wrapper ul li {
     float: left;
     position: relative;
     padding: 10px 20px;
     display: inline-block;
}
 .features_cntnt li {
     position: relative;
     width: 25%;
     height: 100%;
}
 .strip-icn{
     display:inline-block;
     vertical-align:middle;
     margin:-1px 7px 0 0;
}
 .s5inner-box {
     box-shadow: 0 0 15px 2px rgba(0, 0, 0, .2);
     background: #F8F6E7;
     float: left;
     display: inline-block;
     width: 100%;
     max-width: 1030px;
     border-radius: 20px;
     margin-bottom: 30px;
     position: relative;
     left: 50%;
     transform: translateX(-50%);
}
 .s5inner {
     margin-bottom: 90px;
     border-radius: 40px;
}
 .s5inner .commonHead{
     color: #000;
}
 .s5inner .commonText {
     padding-bottom: 27px;
     margin-top: 0px;
     font-size: 30px;
     line-height: 50px;
     color: #000;
}
 .jctkr-wrapper ul li img{
     max-width: unset;
}
 .as_seen_on_cntnr_desk .features_cntnt{
     position: static;
}
 .text-black{
     color: #000 !important;
}
 .sec7inner .commonHead span {
     color: #70F6FF;
}
 #features-slide-mob , #uses-mob-slider, .btnBox.show-mob , #testBox_mob{
     display: none;
}
.picture-content{
    position: relative;
}
.picture-content p{
    position: absolute;
    z-index: 1;
    top: 20px;
    left: 20px;
}
.bring-your-creativity {
    padding: 30px 0;
}
.brng-your-creativity-cntnt {
    text-align: left;
}
.brng-your-creativity-cntnt h3 {
    font-size: 54px;
    line-height: 66px;
    color: #000;
    font-family: "Nunito",sans-serif;
    font-weight: 700;
}
h3.commn-hdng span {
    display: block;
    font-family: "Sofia sans",sans-serif;
    background-color: #2794FF;
    color: transparent;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 17%);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    font-weight: 800;
}
.brng-your-creativity-cntnt p b{
    font-weight: 700;
}
.brng-your-creativity-cntnt p {
    margin-top: 30px;
    font-size: 18px;
    max-width: 460px;
    font-weight: 300;
    line-height: 39px;
}
.sec-side-img {
    margin-top: -100px;
    width: 25%;
}
.famous-sec {
    padding: 70px 0 0;
}
.famous-main-content {
    width: 72%;
}
.famous-container {
    text-align: left;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 38.5%, rgba(142, 9, 0, 0.20) 100%), #E55E55;
    box-shadow: 10px 17px 16.8px 0px #DF4D44 inset;
    padding: 43px 0 45px;
    border-radius: 0 200px 0 200px;
    display: flex;
    align-items: center;
    position: relative;
}
.famous-container .famous-left-content {
    display: flex;
    width: 75%;
    color: #fff;
    flex-wrap: wrap;
}
.limited-stock {
    width: fit-content;
    margin-left: 17%;
    background-color: #fff;
    color: #000;
    padding: 4px 0;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: 700;
    border-radius: 10px 26px 10px 26px;
    margin-top: 20px;
    width: 80%;
}
.limited-stock img {
    width: 35px;
    margin-right: 10px;
}
.famous-container .famous-left-content h4 {
    font-family: "Nunito",sans-serif;
    font-size: 45px;
    line-height: 63px;
    font-weight: 700;
}
.famous-container .famous-left-content p {
    font-size: 20px;
    line-height: 36px;
}
.simple-enough-sec{
    padding: 50px 0 0;
}
.simple-enough-sec .simple-enough-sec-hdng h3 {
    font-size: 58px;
    line-height: 68px;
}
.simple-enough-sec-vid {
    max-width: 900px;
    position: relative;
    left: 50%;
    margin-top: 40px;
    transform: translateX(-50%);
    z-index: 9;
}
.simple-enough-sec-vid video{
    width: 100%;
    border-radius: 24px;
}
.everyone-can-be-sec {
    padding: 90px 0 63px;
}
.everyone-hdng h3 {
    font-size: 64px;
    line-height: 76px;
    font-family: "Nunito",sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
}
.everyone-hdng h3 br {
    display: none;
}
.everyone-hdng {
    margin-bottom: 40px;
}
.everyone-hdng p{
    font-size:24px;
    line-height: 40px;
}
.everyone-can-main-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(180deg, #B8C8FF 0%, #AECEFF 100%);
    text-align: left;
    padding: 25px;
    padding-left: 40px;
    border-radius: 74px;
}
.everyone-can-main-content .numeric {
    width: 55px;
    height: 55px;
    background-color: #fff;
    color: #4B6EEB;
    font-size: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-weight: 600;
}
.everyone-can-pc {
    width: 55%;
}
.everyone-can-pc video{
    border-radius: 44px;
}
.everyone-can-content {
    width: 41%;
}
.everyone-can-para h4 {
    font-size: 44px;
    line-height: 59px;
    font-family: "Raleway",sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}
.everyone-can-para p {
    font-size: 21px;
    line-height: 37px;
    position: relative;
    z-index: 1;
}
.everyone-can-main-content.content-reverse{
    flex-direction: row-reverse;
    background: #fff;
}
.everyone-can-main-content.content-reverse .numeric{
    background-color: #4B6EEB;
    color: #fff;
}
.everyone-can-main-content.content-reverse .everyone-can-para h4{
    color: #4B6EEB;
}
.famous-right-content {
    position: relative;
}
/* .simple-enough-sec::after{
    content: ' ';
    position: absolute;
    background-image: url(../images/right-sec-before.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 330px;
    height: 750px;
    top: 0;
    right: 0;
    z-index: -1;
    transform: translate(0%, 0%);
} */
.everyone-can-be-sec{
    position: relative;
}
.everyone-can-be-sec .container{
    z-index: 1;
    position: relative;
}
/* .everyone-can-be-sec::after{
    content: ' ';
    position: absolute;
    background-image: url(../images/right-sec-after.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 492px;
    height: 542px;
    top: -132px;
    right: 6px;
    transform:translate(-54px, 7px)
} */
.famous-right-content img {
    width: 100%;
    margin-top: -160px;
}
.everyone-can-main-content{
    position: relative;
    z-index: 99;
}
.side-butterfly-img {
    position: absolute;
    right: -120px;
    bottom: -240px;
    width: 400px;
    z-index: 1;
}
.design-build-sec {
    text-align: left;
    position: relative;
}
.design-build-main-container {
    display: flex;
    align-items: flex-start;
    background-image: url(../../images/new_index/design-build-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding: 55px 0 48px 50px;
}
.design-build-left-content {
    width: 50%;
}
.design-build-right-content {
    width: 60%;
    margin-left: -125px;
}
.design-build-left-content h3 span{
    font-size: 52px;
    line-height: 56px;
}
.design-build-left-content h3{
    font-size: 45px;
    line-height: 61px;
}
.design-build-left-content > p{
    font-size: 20px;
    line-height: 36px;
    margin-top: 14px;
}
.design-build-sec .design-build-side-pc {
    position: absolute;
    left: 0;
    bottom: -150px;
    width: 390px;
}
.vid-sec-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.vid-sec-content {
    padding: 20px;
    background-color: #fff;
    width: 49.5%;
    border-radius: 30px;
    box-shadow: 3px 4px 4.4px 0px #D2CCA2;
}
.vid-sec-content p{
    font-family: "Nunito",sans-serif;
    font-size: 32px;
    line-height: 64px;
    font-weight: 700;
    color: #0C336F;
}
.vid-sec-content video{
    border-radius: 30px;
}
.vid-sec{
    position: relative;
}
.vid-sec-content1{
    border: 5px solid #35C8EC;
}
.vid-sec-content1 img{
    position: absolute;
    left: -30px;
    bottom: 0;
}
.vid-sec-content2 img{
    position: absolute;
    right: -30px;
    bottom: 0;
    width: 225px;
}
.vid-sec-content2 {
    border: 5px solid #B5EA84;
}
.into-reality-sec-hdng p{
    font-size: 24px;
    line-height: 40px;
    font-weight: 600;
}
.into-reality-sec-hdng h3 {
    font-family: "Nunito",sans-serif;
    font-size: 64px;
    line-height: 76px;
    font-weight: bold;
    margin-top: 34px;
}
.into-reality-sec-hdng h3 span{
    font-size: 96px;
    line-height: 76px;
    display: inline-block;
}
.s5inner .commn-hdng{
    font-size: 64px;
    line-height: 76px;
    font-family: "Nunito",sans-serif;
    font-weight: 700;
}
.s5inner .commn-hdng span{
    font-size: 70px;
    display: inline-block;
}
.section6 {
    background: #0C336F;
    overflow: hidden;
    width: 100%;
}
.s6Left {
    position: relative;
}
.s6SealBg {
    top: 0;
    left: 80px;
    position: absolute;
}
.s6Seal {
    top: 97px;
    left: 103px;
    position: absolute;
}
.s6Right {
    float: right;
    width: calc(100% - 500px);
    padding: 40px 0 50px;
}
.s6Right h2 {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
}
.section6 .btn-text1 ,.section6  .btn-text2,.section6 .btn-txt{
    color: #fff;
}

#review {
    padding: 60px 0;
}

.sec-3-head {
    text-align: center;
}

h2.sec-head {
    font-family: "Mohave", sans-serif;
    color: #000;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 20px;
}

.review-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 40px;
}

.review-box {
    width: calc(33.33% - 15px);
}

.review-box {
    background: #f6f6f6;
    padding: 15px;
    border-radius: 5px;
    text-align: left;
    min-height: 630px;
}

.review-box .review-head {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    font-family: "Montserrat", sans-serif;
}

.review-box p {
    font-family: "Montserrat", sans-serif;
}

.testName {
    color: #121212;
    margin-top: 25px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}

.testName img {
    margin: -1px 3px 0 10px;
}

#review .testName span {
    color: #37b72d;
    font-size: 14px;
    font-weight: 400;
}

.btn-box {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#review .save-btn {
    margin-top: 70px;
}

#review .save-btn, #review .save-btn:hover {
    background: #f26a0d;
    border-color: #000;
}

.save-btn, .save-btn:hover {
    font-size: 30px;
    font-weight: 600;
    background: #ff7f2b;
    color: #fff !important;
    padding: 6px 40px;
    border-radius: 50px;
    text-decoration: none;
    border: 2px solid #fff;
    width: 380px;
    display: block;
    text-align: center;
    margin: 0 0 10px;
}

.btn-box p {
    font-size: 13px;
    margin-top: 1rem;
}

.dot-fade {
    animation: fade 1s ease-in-out infinite;
}

.btn-box p span.font-style {
    font-weight: 700;
}

.hourglass {
    animation: rotateP 2.5s ease-in-out forwards infinite;
}

a.order_nw_btn {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
    font-weight: 600;
    background: rgba(255, 100, 105, 1);
    padding: 6px 20px;
    border-radius: 50px;
    font-size: 20px !important;
    color: #fff !important;
    text-decoration: none !important;
    border: none;
}

#review h2.sec-head {
    font-family: 'Nunito';
}

.sec-side-pc1-mob {
    display: none;
}

.everyone-can-pc img.everyone-can-be-pc2-mob {
    display: none;
}

.everyone-can-pc img.everyone-can-be-pc4-mob {
    display: none;
}

.design-build-right-content .slider {
    display: none;
}

.swipper-slider-wrapper {
    display: none;
    position: relative;
    top: -125px;
}

.sec-desk-pc.show-mob {
    display: none;
}

.famous-sec .container {
    position: relative;
}

.famous-sec .container::after {
    content: '';
    position: absolute;
    background-image: url(../../images/new_index/desktop-top-hand.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 275px;
    height: 1195px;
    bottom: -311px;
    right: -17px;
}

.everyone-can-main-content-container::after {
    content: ' ';
    position: absolute;
    background-image: url(../../images/new_index/desktop-hand.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 460px;
    height: 1000px;
    bottom: 470px;
    right: -9%;
}

.famous-container::after {
    display: none;
}

.everyone-can-pc img.everyone-can-be-pc1-mob {
    display: none;
}

.everyone-can-main-content.content-reverse {
    padding-left: 0;
    padding-right: 0;
    z-index: 9;
}

.everyone-can-main-content-container {
    position: relative;
}

.everyone-can-main-content-container::after {
    content: ' ';
    position: absolute;
    background-image: url(../../images/new_index/desktop-left-bottom-pen.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 315px;
    height: 1000px;
    bottom: -110px;
    left: -135px;
    z-index: 9;
}

.everyone-can-main-content.z-index {
    z-index: 9;
}

@media screen and (max-width: 1399.9px) {
    .bnrHeading {
        font-size: 90px;
    }

    .bnnr-para {
        font-size: 35px;
    }

    .brng-your-creativity-cntnt h3 {
        font-size: 44px;
    }

    .everyone-can-main-content-container::after {
        width: 270px;
        height: 820px;
        bottom: -41px;
        left: -135px;
    }

    .design-build-sec .design-build-side-pc {
        bottom: -70px;
        width: 220px;
    }
}

@media screen and (max-width: 1199.9px) {
    .bnrStar {
        font-size: 11px;
    }

    .bnnr-para {
        font-size: 27px;
    }

    .btnBox {
        max-width: 300px;
    }

    .brng-your-creativity-cntnt h3 {
        font-size: 34px;
        line-height: 44px;
    }

    .brng-your-creativity-cntnt p {
        margin-top: 5px;
    }

    .brng-your-creativity-cntnt p {
        font-size: 16px;
    }

    .limited-stock {
        font-size: 13px;
    }

    .everyone-can-para h4 {
        font-size: 36px;
        line-height: 50px;
    }

    .everyone-can-para p {
        font-size: 16px;
        line-height: 32px;
    }

    .everyone-can-main-content .numeric {
        width: 45px;
        height: 45px;
        font-size: 20px;
    }

    .side-butterfly-img {
        position: absolute;
        right: -80px;
        bottom: -190px;
        width: 335px;
    }

    .everyone-can-main-content-container::after {
        width: 230px;
        height: 722px;
        bottom: -70px;
        left: -85px;
    }

    .design-build-left-content h3 span {
        font-size: 34px;
        line-height: 44px;
    }

    .design-build-left-content h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .design-build-left-content > p {
        font-size: 16px;
        line-height: 30px;
    }

    .design-build-sec .design-build-side-pc {
        bottom: -40px;
        width: 210px;
    }

    .vid-sec-content1 img {
        width: 265px;
    }

    .vid-sec-content2 img {
        width: 200px;
    }

    .vid-sec-content p {
        font-size: 26px;
        line-height: 56px;
    }

    .bnrList li img {
        margin-right: 20px;
        width: 25px;
    }

    .everyone-hdng h3 {
        font-size: 56px;
    }

    .famous-container .famous-left-content h4 {
        font-size: 35px;
        line-height: 50px;
    }

    .famous-container .famous-left-content p {
        font-size: 16px;
        line-height: 30px;
    }

    .famous-sec .container::after {
        bottom: -320px;
        right: -16px;
    }
}

@media (max-width:1400px) and (min-width:1300px) {
    .everyone-can-be-sec::after{
        transform:translate(-53px, -48px);
        height: 750px;
    }
    .simple-enough-sec::after{
        height: 800px;
    }
}
@media (max-width:1299px) and (min-width:1000px) {
    .everyone-can-be-sec::after{
        transform: translate(30px, -41px);
        height: 700px;
    }
    .simple-enough-sec::after{
        height: 850px;
    }
}
@media(max-width:1050px) and (min-width:991px)
{
    .everyone-can-be-sec::after {
        transform: translate(70px, -105px);
        height: 650px;
    }
}
 @media (max-width:1350.5px) {
     .uses-content p {
         font-size: 22px;
    }
}
 @media only screen and (max-width:1200px) {
     .s1-bx-cont p {
         font-size: 11px;
         line-height: 16px;
         margin: 10px 0;
    }
     .as_seen_hdng p {
         font-size: 20px;
         line-height: 24px;
    }
     .features_cntnt img {
         width: 70px;
         margin-left: 25px;
         height: 65px;
    }
     .disclaimer_txt h3 {
         font-size: 38px;
    }
     .jctkr-wrapper, .as_seen_on_cntnr {
         margin-top: -10px;
         float: none;
    }
     .as_seen_hdng {
         padding: 19px 0 10px;
    }
     .s5inner-box{
         display: inline-flex;
    }
     .s5inner{
         margin-bottom: 180px;
    }
     .bnrHeading{
         font-size: 60px;
         line-height: 40px;
         margin-top: 20px;
    }
     .bnrList li {
         font-size: 16px;
         margin-top: 5px;
    }
     .prod-1s2 .commonText, .prod-row-cont .commonText{
         font-size: 23px;
         line-height: 29px;
    }
     span.number1, span.number2{
         font-size: 80px;
    }
     .s1-bx-cont h3 {
         font-size: 14px;
         width: 166px;
         height: 61px;
    }
    /* .container {
         width: 1004px 
    }
     */
     ul.topMenu {
         margin: 7px 40px 0 0;
    }
     .banner-left {
         width: 54%;
         padding: 31px 0 61px;
    }
     .bnrText1 {
         font-size: 17px 
    }
     .commonHead {
         font-size: 48px;
         line-height: 60px 
    }
     .s1-prod1 {
         width: 250px;
         left: -45px 
    }
     .s1-left-shp {
         top: 0;
         left: -190px 
    }
     .s1-box-list li {
         width: 245px;
         min-height: 400px;
    }
     .s1-prod2 {
         right: -100px;
         transform: none;
         top: 13px 
    }
     .s1-prod2-right-ecl {
         top: 0;
         right: -236px 
    }
     .s4Left:before {
         right: -40px 
    }
     .s6Right {
         width: calc(100% - 410px);
    }
     .s6Right .commonText {
         padding-right: 22px 
    }
     .s6SealBg {
         left: 40px 
    }
     .s6Seal {
         left: 63px 
    }
}
 @media only screen and (max-width:1100px) {
     .s1-prod2 {
         right: -59px;
         transform: none;
         top: 13px;
         width: 200px 
    }
     .banner .banner_pc img{
         left: -200px;
    }
}
 @media only screen and (max-width:1021px) {
     .banner, .section4 {
         height: auto 
    }
     .uses-content p {
         font-size: 20px;
    }
     .bnrHeading, .bnrList, .s7Mid, .testStar, .up-slide-dwn {
         margin-top: 20px 
    }
     .s1-prod2-right-ecl, .show-desk {
         display: none 
    }
     .show-tab {
         display: block 
    }
     .banner {
         background-size: cover;
         background-position: 39%;
    }
     .banner-left {
         width: 60%;
    }
     .bnrHeading , .bnrHeading span{
         font-size: 60px;
         line-height: 39px;
    }
     .prod-1s2 .commonText, .prod-row-cont .commonText {
         font-size: 19px;
         line-height: 24px;
    }
     .para_tab{
         margin-top: -40px !important;
    }
     .section6 br{
         display: none;
    }
     .bnrList li {
         font-size: 16px;
         margin-top: 5px;
    }
     .section1 {
         padding: 70px 0 
    }
     .section6{
         background-position: 70%;
    }
     .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, .s6Right .commonText {
         padding-right: 0 
    }
     .commonHead, .sec7inner p.commonHead {
         font-size: 32px;
         line-height: 38px;
         margin-top: 15px;
    }
     .commonText {
         font-size: 16px;
         line-height: 24px;
         margin-top: 15px 
    }
     .s1-prod1 {
         top: 160px;
         display: none 
    }
     .s1-box-list li {
         width: 180px 
    }
     .s1-left-shp {
         left: -490px;
         display: none 
    }
     .strip-section {
         padding-top: 110px 
    }
     .prod-row-cont h1 {
         font-size: 30px;
         line-height: 40px 
    }
     .s5Col1 ul li, .s5Col3Top p, .s5Col4Top p {
         font-size: 17px 
    }
     .s3Inner {
         width: 52% 
    }
     .s3Inner .commonHead {
         font-size: 26px;
         line-height: 33px 
    }
     .s3LeftImg {
         left: 0;
         top: 0;
         object-fit: contain 
    }
     .black-rotate {
         top: 10px;
         background: 0 0;
         height: 100% 
    }
     .s4Left, .s4Right {
         width: 100%;
         padding: 50px 0 0 30px 
    }
     .s5Col1 {
         padding: 15px 0;
         width: 40% 
    }
     .s5Col1 ul li {
         height: 60px;
         line-height: 22px;
         font-weight: 500;
         padding: 0 0 0 50px;
         background-position: 20px 20px 
    }
     .s5Col2 {
         width: 18%;
         margin: -95px 15px -25px 0 
    }
     .s5Col2Top {
         height: 105px 
    }
     .s5Col2 ul li {
         height: 60px 
    }
     .s5Col2 ul li img {
         width: 24px 
    }
     .s5Col2 ul li:last-child {
         height: 95px 
    }
     .s6Right {
         width: calc(100% - 340px);
         padding-top: 90px;
    }
     .s6SealBg {
         left: 10px;
         width: 295px 
    }
     .s6Seal {
         left: 33px;
         width: 250px;
         top: 86px 
    }
     .testBox {
         margin-top: 30px 
    }
     .testCol .commonText.testhead, .testName {
         margin: 15px 0;
         font-size: 18px;
    }
     .testName {
         font-size: 14px 
    }
     .section7 .btnBox {
         margin-top: 35px 
    }
     .faq-container {
         margin: 10px 0 
    }
     .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 
    }
     .s1-prod1 {
         width: 220px !important;
         left: -45px 
    }
     .s1-prod2 {
         display: none;
         right: -59px;
         top: 13px;
         width: 176px 
    }
     .upper-box h6 {
         width: 30%;
    }
     .section3 {
         padding-top: 60px;
    }
     .product-img img {
         width: 300px;
         height: auto;
    }
     .gettxt br.hide-mob {
         display: none;
    }
     .s4LeftInner , .s4RightInner{
         top: 0;
         bottom: auto;
         left: 30px;
         transform: translateX(0);
    }
     .s4LeftInner .commonHead {
         top: 0;
    }
     .s5Col2Top p {
         font-size: 16px;
         line-height: normal;
    }
     .s5Col2Prod {
         margin: -105px auto 0px;
    }
     .mob-mnu-ic {
         right: 20px;
    }
     .s1-bx-cont h3 {
         width: 146px;
         height: 51px;
    }
     .section5{
         padding: 60px 0 30px;
    }
}
 @media (min-width:768px) and (max-width:991.9px) {
     .commn-h {
         padding: 0 
    }
     .uses-content p {
         font-size: 16px;
         min-height: 60px;
    }
     .testName , .testName span{
         font-size: 12px;
    }
     .as_seen_hdng {
         padding: 0;
    }
     .s1-list li p{
         font-size: 10px;
         line-height: 15px;
    }
     .features_cntnt img {
         width: 60px;
         margin-left: 15px;
         height: 45px;
    }
     .disclaimer_txt h3 {
         font-size: 32px;
         line-height: 35px;
    }
     .testCol .commonText {
         padding: 0 10px 
    }
     .bnrHeading {
         padding-right: 0;
         font-size: 30px;
         line-height: 33px;
    }
     .fuel_ambition_pc .img{
         background-size: 246px 100%;
    }
     .fuel_ambition_pc{
         width: 246px;
         height: 613px;
    }
     .fuel_ambition_pc .slider::-webkit-slider-thumb{
         height: 613px;
    }
     .fuel_ambition_cntnt .sub_hdng + p{
         font-size: 12px;
    }
     .fuel_ambition_cntnt .hdng, .fuel_ambition_cntnt .sub_hdng{
         font-size: 19px;
    }
     .banner .banner_pc img {
         left: -270px;
    }
     .bnrList li {
         font-size: 13px;
         background-size: 20px;
         background-position: left center;
         padding-left: 0;
    }

    .btnBox {
        max-width: 300px;
    }

    .brng-your-creativity-cntnt h3 {
        font-size: 24px;
        line-height: 34px;
    }

    .brng-your-creativity-cntnt p {
        font-size: 14px;
        line-height: 30px;
    }

    .simple-enough-sec .simple-enough-sec-hdng h3 {
        font-size: 42px;
        line-height: 52px;
    }

    .famous-container .famous-left-content h4 {
        font-size: 26px;
        line-height: 40px;
    }

    .famous-container .famous-left-content p {
        font-size: 14px;
        line-height: 28px;
    }

    .limited-stock {
        font-size: 11px;
    }

    .limited-stock img {
        width: 24px;
        margin-right: 5px;
    }

    .limited-stock {
        font-size: 10px;
    }

    .limited-stock {
        padding-left: 16px;
        padding-right: 16px;
    }

    .bnrStar > img {
        margin: 0px 10px 0 0;
        width: 60px;
    }

    .bnrStar {
        font-size: 10px;
    }

    .bnrHeading {
        font-size: 45px;
    }

    .bnnr-para {
        font-size: 24px;
        line-height: 34px;
    }

    .limited-stock {
        width: 77%;
    }

    .famous-sec .container::after {
        bottom: -255px;
        right: 11px;
        width: 210px;
        height: 1015px;
    }

    .everyone-hdng h3 {
        font-size: 42px;
        line-height: 52px;
    }

    .everyone-hdng p {
        font-size: 16px;
        line-height: 24px;
    }

    .everyone-can-main-content .numeric {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }

    .everyone-can-para h4 {
        font-size: 30px;
        line-height: 42px;
        margin-bottom: 5px;
    }

    .everyone-can-para p {
        font-size: 14px;
        line-height: 26px;
    }

    .side-butterfly-img {
        position: absolute;
        right: -50px;
        bottom: -75px;
        width: 159px;
    }

    .everyone-can-main-content-container::after {
        width: 143px;
        height: 520px;
        bottom: -45px;
        left: -68px;
    }

    .design-build-main-container {
        padding: 25px 0 48px 50px;
    }

    .design-build-left-content h3 span {
        font-size: 27px;
        line-height: 40px;
    }

    .design-build-left-content h3 {
        font-size: 27px;
        line-height: 35px;
    }

    .design-build-left-content > p {
        font-size: 14px;
        line-height: 26px;
    }

    .design-build-right-content {
        width: 50%;
        margin-left: -28px;
    }

    .btnBox {
        max-width: 300px;
        margin-top: 10px;
    }

    .design-build-right-content {
        width: 52%;
        margin-left: -25px;
    }

    .design-build-sec .design-build-side-pc {
        width: 105px;
    }

    .into-reality-sec-hdng h3 {
        font-size: 42px;
        line-height: 52px;
        margin-top: 5px;
    }

    .into-reality-sec-hdng h3 span {
        font-size: 90px;
        line-height: 100px;
    }

    .vid-sec-content p {
        font-size: 18px;
        line-height: 40px;
    }

    .vid-sec-content1 img {
        width: 185px;
    }

    .vid-sec-content2 img {
        width: 130px;
    }

    .s5inner .commn-hdng {
        font-size: 42px;
        line-height: 60px;
    }

    .s5inner .commn-hdng span {
        font-size: 55px;
    }

    .s5Col2Prod {
        margin: -57px auto 0px;
    }

    .s5Col3Prod {
        margin: -71px auto 0;
    }

    .s5Col4Prod {
        margin: -56px auto 0px;
    }
    .testName img{margin: -1px 3px 0 4px;}

    .s6Right h2 {
        font-size: 42px;
        line-height: 52px;
    }

    .section6 .text-white {
        font-size: 14px;
        line-height: 24px;
    }

    h2.sec-head {
        font-size: 42px;
    }

    .review-box p {
        font-size: 13px;
    }

    .review-box p {
        font-size: 12px;
    }

    .review-box .review-head {
        font-size: 14px;
        line-height: 22px;
    }

    .review-box {
        min-height: 460px;padding: 10px;
    }
    .btn-txt_2 {
    text-align: left;
}

    #review .testName span {
        font-size: 11px;
    }

}
 @media only screen and (max-width:767px) {
    .bnrHeading {
        display: none;
    }
    .btn-txt_2 {
        text-align: center;
    }
    .design-build-sec .swiper-slide {
        margin-right: 10px !important;
    }
     .banner-left, .btn-txt_2, .s6Left, .s6Right, .step-box {
         text-align: center 
    }
     #mob-btn-2{
         position: relative;
         left: 50%;
         transform: translateX(-50%);
    }
     .as_seen_on_sec .as_seen_on_cntnt_cntnr{
         display: none;
    }
     .disclaimer_txt h3 {
         font-size: 22px;
         line-height: 32px;
         margin-bottom: 10px;
    }
     .disclaimer_txt p{
         font-size: 18px;
         line-height: 27px;
    }
     .faq-container + .btnBox{
         display: none;
    }
     .section6{
         background: rgba(12, 51, 111, 1);
    }
     .section8 .footer{
         background-color: transparent;
    }
     .header .container {
         float: left;
         padding-right: var(--bs-gutter-x, .75rem);
         padding-left: var(--bs-gutter-x, .75rem);
    }
     .btn-txt p{
         font-size: 9px;
    }
     .prod_nm2 .number2{
         left: 0;
         bottom: 10px;
         position: absolute;
         font-size: 60px;
    }
     .prod_nm2 .prd-row-img-m {
         margin-left: auto;
         margin-right: auto;
         max-width: 78%;
         height: 190px;
    }
     .prod_nm2 img.prd-row-img-m{
         padding-left: 20px;
         object-fit: cover;
         border-radius: 0;
    }
     .prod-s2-row .prod-row-cont {
         flex-direction: column;
    }
     .prod-s2-row.prod_nm2 {
         margin-top: 0;
    }
     .prod_nm2 .prod-row-imgbox video{
         display: none;
    }
     .new-sec2.prod-s2-row.row3-bg{
         background: inherit;
         flex-direction: column;
    }
     .new-sec2.prod-s2-row.row3-bg .prod-row-imgbox video{
         border-top-right-radius: 13%;
    }
     .new-sec2.prod-s2-row.row3-bg .prod-row-cont {
         width: 100%;
         padding: 22px 15px 20px;
         padding-right: 30px;
         background: var(--Tab-Gradient, linear-gradient(270deg, #737373 0%, #000 100%));
    }
     .new-sec2.prod-s2-row.row3-bg .commonText {
         text-align: left;
         margin-right: 0;
         padding-right: 40px;
    }
     .new-sec2.prod-s2-row.row3-bg .prod-row-imgbox {
         width: 100%;
         z-index: 10;
    }
     span.number3{
         font-size: 80px;
    }
     span.number3.show-mob{
         display: block;
    }
     span.number3.hide-mob{
         display: none;
    }
     .prod-h3:before{
         background-size: 900px 2px;
    }
     .step-box, span.textGrey {
         color: #fff 
    }
     .s3Inner .commonHead {
         font-size: 20px;
         text-align: center 
    }
     .banner-left, .p-5, .pad-lft, .pad-rgt {
         padding: 0 
    }
     .banMob, .blck-circle {
         width: 100vw;
         position: relative;
         left: 50%;
         right: 50%;
         margin-left: -50vw;
         margin-right: -50vw 
    }
     .banMob{
         padding: 0 0 10px;
    }
     .banner-right, .hide-mob, .prod-row-imgbox img, .right-image-gif, .step-box:before {
         display: none 
    }
     .bnrList, .bnrProd-mob {
         display: inline-block;
         vertical-align: top 
    }
     .prd-row-img3 {
         display: block !important;
         border-radius: 0;
         filter: none;
         margin: 0 !important;
    }
     .topStrip {
         padding: 8px 0 5px;
         overflow: hidden 
    }
     .topStrip p {
         font-size: 11px;
         line-height: 11px 
    }
     .top-fix-bar {
         margin-bottom: 55px 
    }
     .header {
         height: 75px;
         padding: 5px 0;
         margin-top: -55px;
         top: 55px;
    }
     .logo {
         margin-top: 4px;
         width: auto;
    }
     .mob-mnu-ic {
         top: 50%;
         right: 20px;
    }
     .mobilemenu {
         top: 79px;
    }
     .mobimenu-top {
         top: 95px;
    }
     .banner {
         padding: 0 0 25px;
         /* background: url(../images/banner-bg-mob.png); */
         background-image: none;
         background-color: rgba(246, 247, 230, 1);
         background-size: cover;
         background-repeat: no-repeat;
         overflow: visible;

    }
    .banner .container {
        padding-left: 0;
        padding-right: 0;
    }

    .bnnr-para {
        font-size: 22px;
    line-height: 26px;
    font-weight: 700;
    margin-top: 8px;
        text-align: center;
        width: 100%;
    }
    .mob-bg-white {
        background-color: #fff;
        border-radius: 0 0 25px 0;
        height: 105px;
        padding: 20px 0;
        z-index: 9;
        position: relative;
        
    }
     .btn-txt_2 {
         margin-bottom: 15px;
    }
     .banner-left, .s6Left {
         width: 100% 
    }
     .bnrStar {
         font-size: 11px;
         line-height: 13px;
         text-align: center;
    }
     .bnrHeading {
         font-size: 24px;
         line-height: 28px;
         margin: 25px 0 0;
         text-align: center;
         margin-top: 30px;
         float: none;
    }
     .as_seen_on_cntnt_cntnr {
         padding: 0px 0 0px;
         display: block;
         float: left;
         width: 100%;
    }
     .as_seen_on_sec {
         float: left;
         width: 100%;
         transform: unset;
         margin-bottom: 0;
         position: relative;
    }
     .as_seen_on_sec .as_seen_on_cntnt_cntnr{
         border-radius: 0;
         transform: unset;
         box-shadow: none;
    }
     .jctkr-wrapper, .as_seen_on_cntnr {
         margin-top: 0;
         float: left;
    }
     .bnrHeading span {
         font-size: 21px;
         line-height: 24px;
         margin-bottom: 20px;
    }
     .bnrProd-mob {
         margin: 0 0 10px -15px;
         width: calc(100% + 30px) 
    }
     .bnrList, .bnrList li {
         float: none;
         width: auto 
    }
     .bnrText1 {
         font-size: 16px;
         line-height: 24px;
         letter-spacing: .5px;
         padding: 0 10px 
    }
     .bnrList {
         margin-top: -30px;
         margin-left: 0;
         transform: none;
    }
    .bnrList li img {
        margin-right: 15px;
    }
     .bnrList li {
         font-size: 13px;
         margin-top: 5px;
         padding-left: 0;
         background-position: 2px 3px;
         background-size: 28px;
    }
    .brng-your-creativity-cntnt h3 {
        font-size: 30px;
        line-height: 37px;
        margin-top: 20px;
        text-align: center;
    }
    .brng-your-creativity-cntnt p {
        margin-top: 12px;
        font-size: 16px;
        max-width: 460px;
        font-weight: 300;
        line-height: 27px;
    }
    .simple-enough-sec .simple-enough-sec-hdng h3 {
        font-size: 27px;
        line-height: 30px;
    }
    .everyone-hdng h3 {
        font-size: 28px;
        line-height: 37px;
        font-weight: 800;
    }
    .everyone-hdng h3 br {
        display: block;
    }
    .everyone-hdng p {
        font-size: 16px;
        line-height: 28px;
    }
    .everyone-can-main-content {
        background: none;
        padding: 0px;
        padding-left: 0px;
        border-radius: 0px;
        flex-direction: column;
    }
    .everyone-can-para h4 {
        font-size: 20px;
        line-height: 32px;
        margin-left: 20px;
        color: #4B6EEB;
    }
    .everyone-can-para p {
        font-size: 16px;
        line-height: 28px;
    }
    .everyone-can-pc {
        width: 100%;
        margin: 20px 0;
    }
    .everyone-can-main-content.content-reverse {
        flex-direction: column;
    }
    .everyone-can-main-content.content-reverse .numeric {
        background-color: transparent;
        color: #4B6EEB;
    }
    .everyone-can-pc img {
        display: none;
    }
    .everyone-can-pc img.everyone-can-be-pc1-mob {
        display: block;
    }
    .design-build-sec .design-build-side-pc {
        display: none;
    }
    .design-build-main-container .btnBox {
        display: none;
    }

    .design-build-main-container {
        flex-direction: column;
        background-image: none;
        padding: 0;
    }
    .design-build-left-content {
        width: 100%;
        background-color: rgba(246, 247, 230, 1);
        border-radius: 20px;
        padding: 20px;
        height: 225px;
    }
    .design-build-right-content .design-build-pc {
        display: none;
    }
    .design-build-left-content h3 span {
        font-size: 27px;
        line-height: 31px;
        margin-bottom: 5px;
    }
    .design-build-left-content > p {
        display: none;
    }
    .design-build-left-content h3 {
        font-size: 28px;
        line-height: 31px;
        text-align: center;
        font-weight: 800;
        font-family: 'Nunito';
    }
    .everyone-can-pc img.everyone-can-be-pc2-mob {
        display: block;
    }
    .everyone-can-pc img.everyone-can-be-pc4-mob {
        display: block;
    }
    .everyone-can-content {
        width: 100%;
        display: flex;
        align-items: flex-start;
    }
    .everyone-can-main-content .numeric {
        width: 55px;
        height: auto;
        background-color: transparent;
        color: #4B6EEB;
        font-size: 22px;
    }
    .side-butterfly-img {
        display: none;
    }
    .simple-enough-sec {
        padding: 0;
    }
    .simple-enough-sec-vid {
        margin-top: 20px;
    }
    .famous-right-content, .sec-side-img img {display: none;}
    img.sec-side-pc1-mob {
        display: block;
        position: absolute;
        bottom: -90px;
        left: -20px;
    }
    .famous-container {
        border-radius: 0 60px 0 60px;
        padding-left: 30px;
        padding-right: 30px;
        position: relative;
    }
    .famous-container .famous-left-content p {
        font-size: 14px;
        line-height: 25px;
    }
    .limited-stock {
        margin-left: 0;
        width: 70%;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 13px;
        line-height: 18px;
        font-weight: 400;
        display: flex;
        align-items: center;
    }
    .famous-container .famous-left-content {
        width: 100%;
    }
    .famous-container .famous-left-content h4 {
        font-size: 28px;
        line-height: 36px;
        z-index: 1;
        position: relative;
    }
    .famous-container .famous-left-content h4 span {
        font-size: 20px;
    }
    .famous-main-content {
        width: 100%;
    }
    .brng-your-creativity-cntnt p br {
        display: none;
    }
    .bnrList li img {
        width: 29px;
        height: 29px;
    }
     img.vid_o {
         width: 100%;
         display: block;
         position: relative;
        top: -20px;
    }
     .ftrSec {
         padding: 20px 0 
    }
     .ftrText, .prod-list li span {
         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, .s3-list li img, .star {
         width: 50px 
    }
     .logo4 {
         width: 90px 
    }
     .logo5 {
         width: 70px 
    }
     .section1 {
         padding: 0 0 30px 0 
    }
     .secName {
         font-size: 14px 
    }
     .commonHead {
         font-size: 26px;
         line-height: 32px;
         margin-top: 5px;
         padding: 0 10px;
    }
     .s4LeftInner {
         bottom: 9px;
         margin-left: 10px;
    }
     .s4RightInner{
         margin-left: 10px;
    }
     .prod-1s2::after{
         top: 0px;
    }
     .prod-1s2 .commonText, .prod-row-cont .commonText {
         text-align: left;
         font-size: 14px;
         line-height: 17px;
    }
     .prod-1s2 span.number1 {
         right: 0;
         position: absolute;
         bottom: 50px;
         top: auto;
         left: auto;
    }
     .prod-1s2 .commonText {
         padding-right: 75px;
         margin: 0;
         padding-left: 30px;
         margin-bottom: 20px;
    }
     .prod-1s2 p{
         padding-bottom: 30px;
    }
     .para_tab {
         margin-top: 0px !important;
    }
     .s4RightInner .commonHead , .s4LeftInner .commonHead {
         font-size: 20px;
         width: fit-content;
         line-height: 12px;
         top: 10px;
         height: 40px;
         border-radius: 5px;
    }
     .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: 12px;
         line-height: 17px;
    }
     .as_seen_on_cntnr::before, .as_seen_hdng::before , .as_seen_on_cntnr::after, .as_seen_hdng::after{
         width: 100px;
    }
     .s1-box-list {
         width: calc(100% + 30px);
         margin: 25px 0 0 -15px;
    }
     .s1-box-list li {
         box-shadow: 6px 3px 3px 1px rgba(0, 0, 0, 0.40);
         margin-bottom: 30px;
         min-height: 560px;
         background: linear-gradient(180deg, #B7B7B7 0%, #515151 10%);
    }
     .s1-box-list li .s1-bx-cont{
         background: none;
    }
     .s1-bx-cont h3 {
         font-size: 16px;
         line-height: 20px 
    }
     .s1-box-list .slick-dots li{
         box-shadow: none;
         background: #A9A9A9 !important;
    }
     .s1-box-list ul.slick-dots li.slick-active button {
         background: #373737;
    }
     .s1-box-list .slick-dots li button{
         background: inherit;
    }
     .s1-bx-cont p {
         font-size: 14px;
         line-height: 20px;
         margin-top: 10px 
    }
     .strip-section {
         padding: 45px 0;
         margin: 0 
    }
     .strip-section .commonHead {
         font-size: 24px 
    }
     .section2 {
         padding: 30px 0;
    }
     .prod-s2-row:nth-child(2) {
         margin-top: 20px;
         margin-bottom: 0;
    }
     .row3-bg {
         padding: 20px 20px 30px 
    }
     .prd-m4, .prd-row-img-m, .prod-row-cont {
         width: 100% 
    }
     .step-box {
         top: 0;
         left: 0;
         width: 40px;
         height: 40px;
         line-height: 39px;
         background: #000;
         border-radius: 50%;
         font-size: 22px 
    }
     .accordion, .testCol .commonText.testhead {
         font-size: 16px 
    }
     .prod-h5 .step-box {
         top: 5px 
    }
     .prd-row-img-m {
         padding-top: 20px;
         margin: 0;
         max-width: 70%;
    }
     .prod-row-cont h1 {
         font-size: 22px;
         line-height: 26px;
         margin-top: 0;
         padding-bottom: 12px;
         padding-left: 0px;
         margin-top: 20px;
    }
     .prod-h1:before, .prod-h2:before, .prod-h3:before, .prod-h4:before, .prod-h5:before {
         left: 0 
    }
     .prod-list, .s3-list {
         margin-top: 25px 
    }
     .prod-list li {
         font-size: 22px;
         line-height: 22px;
         margin-right: 30px 
    }
     .section3 {
         padding: 20px 0 30px 
    }
     .s3LeftImg {
         position: static;
         width: 350px;
         margin: 24px auto 15px 
    }
     #ctabtn-mob a.order-btn, .s4Left, .s4Right {
         margin: 0 
    }
     .s3Inner {
         width: 100%;
         padding: 0 
    }
     .s3-list li {
         margin-right: 0;
         width: 25% 
    }
     .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: 238px 
    }
     .s4Left:before {
         height: 238px;
         background-size: 110% 
    }
     .s4Right {
         width: 100%;
         padding: 0 0 0 20px;
         height: 238px 
    }
    /* .s4RightInner {
         width: 100%;
         padding: 0 20px 
    }
     */
     .s4RightBg {
         display: block;
         max-width: 100%;
         margin: 0 auto 
    }
     .section5, .section6, .section8 {
         padding: 30px 0 25px 
    }
     .section7{
         padding: 50px 0;
    }
     .s5Col1 {
         width: 46%;
         padding: 10px 0 
    }
     .s5Col1 ul li {
         font-size: 10px;
         font-weight: 500;
         line-height: 14px;
         padding: 13px 0 13px 30px;
         background-position: 10px 22px;
         background-size: 14px;
    }
     .s5Col2 {
         width: 24%;
         margin: -95px 3% -25px 0 
    }
     .s5Col2Prod {
         margin: -91px auto 0;
         width: 90px;
    }
     .s5Col2Top p {
         font-size: 10px;
         line-height: normal;
         font-weight: 500;
    }
     .s5Col2Top {
         height: 100px;
         padding-top: 33px;
    }
    .s5inner-box {
        padding-top: 70px;
    }
     .s5Col3Top p, .s5Col4Top p {
         font-size: 11px 
    }
     .s5Col3Prod {
         margin: -17px auto 0;
         width: 70px 
    }
     .s6SealBg {
         width: 300px;
         display: none 
    }
     .s6Seal {
         position: static;
         display: block;
         margin: 0 auto;
         width: 160px 
    }
     .s6Right {
         width: 100%;
         padding: 15px 0 0 
    }
     .s6Right .commonText {
         padding-right: 0 
    }
     .s7Mid {
         width: calc(100% + 30px);
         margin: 0 0 0 -15px 
    }
     .testBox {
         margin-top: 20px 
    }
     .testCol {
         width: 270px !important;
         margin: 0 8px;
         height: auto;
         margin-bottom: 30px;
         position: relative;
         left: 50%;
         transform: translateX(-50%);
    }
     .faq-container {
         margin-top: 0 
    }
     .up-slide-dwn {
         margin-top: 15px;
         padding: 0 15px 
    }
     .accordion {
         padding: 15px 24px 12px 0;
         line-height: 22px 
    }
     .acdn-para, .acdnList li {
         font-size: 15px 
    }
     .acdn-para {
         line-height: 23px 
    }
     .acdnImg img {
         width: 120px 
    }
     .footer {
         padding: 0 0 30px;
         position: relative;
        top: -125px;
    }
    .review-wrapper.desk-view {
        display: none;
    }
    .review-box {
        width: 100%;
    }
    .owl-theme .owl-nav.disabled+.owl-dots {
        display: flex;
        justify-content: center;
    }
    .owl-theme .owl-dots .owl-dot {
        width: max-content;
    }
    .review-box .img-fluid.mb-4 {
        width: 75px;
    }

    .review-box .review-head {
        font-size: 16px;
        line-height: 24px;
    }
    .review-box p {
        font-size: 13px;
    }
    .review-box .testName {
        display: flex;
        justify-content: center;
    }
    .review-box .testName img {
        width: 18px;
    }
    .review-box {
        min-height: 430px;
    }
    .simple-enough-sec::after {
        display: none;
    }
    .everyone-can-be-sec::after {
        display: none;
    }

     .footerLogo {
         margin: 0;
         width: 135px;
    }
     .ftrText1 {
         font-size: 14px;
         line-height: 20px 
    }
     .ftrText2 {
         font-size: 13px;
         line-height: 18px;
         padding: 0;
         margin-top: 12px 
    }
     #ctabtn-mob {
         background: transparent;
         padding: 7px 10px;
         position: fixed;
         bottom: 0;
         left: 0;
         z-index: 9;
         transition: bottom 1s;
         display: table;
         width: 100%;
         z-index: 99;
    }
     .comn-btn {
         font-size: 22px;
         padding: 0 20px 
    }
     .btn-arw {
         margin: -4px 0 0 10px 
    }
     .fuel_ambition_hdng .commonHead , .s5inner .commonHead {
         font-size: 32px;
         line-height: 40px;
    }
     .fuel_ambition_hdng .commonText , .s5inner .commonText{
         font-size: 15px;
         line-height: 18px;
    }
     .fuel_ambition_cntnt {
         margin-top: 0;
    }
     .fuel_ambition_cntnt .sub_hdng {
         width: 90%;
         margin-right: auto;
    }
     .fuel_ambition_cntnt .sub_hdng + p{
         text-align: left;
         transform: none;
         left: 0;
         padding-right: 0;
         padding-left: 8px;
    }
     .fuel_ambition_cntnt .sub_hdng.mob_view_hdng{
         margin-left: auto;
         margin-right: 0;
    }
     .fuel_ambition_cntnt .sub_hdng.mob_view_hdng + p {
         text-align: right;
         margin-left: auto;
         transform: none;
         left: 0;
         padding-right: 8px;
    }
     .s1-bx-cont::before {
         width: 95%;
    }
     .step_txt .step_hdr {
         font-size: 24px;
         line-height: 35px;
         margin-bottom: 7px;
    }
     .step_txt .step_para{
         font-size: 12px;
         line-height: 16px;
    }
     .steps_pc video, .steps_pc img {
         height: 200px;
    }
     .steps_num{
         width: 45px;
         height: 45px;
         font-size: 20px;
         top: 10px;
         left: 10px;
    }
     .steps_cntnt, .steps_pc video, .steps_pc img ,.steps_cntnt::after {
         border-radius: 20px;
    }
     .step_txt {
         bottom: 20px;
         right: 10px;
    }
     .step_txt .step_para br{
         display: none;
    }
     .upper-box {
         margin: 0px auto 0;
    }
     .upper-box h6 {
         width: 45%;
    }
     .upper-box h3 {
         font-size: 30px;
         line-height: 31px;
         margin-bottom: 10px;
    }
     .prod_nm2 .commonText{
         padding-left: 80px;
         padding-right: 20px;
    }
     .s3inner {
         display: block;
    }
     .s3inner .product-img {
         text-align: center;
    }
     .s3inner .product-img img {
         max-width: 50%;
         margin-bottom: 23px;
    }
     .s3inner .product-text {
         margin-top: 23px;
    }
     .product-text h1 {
         font-size: 32px;
    }
     .product-text p.gettxt {
         text-align: center;
         font-size: 16px;
    }
     .prod-1s2 .prod-row-cont {
         padding-left: 22px;
         flex-direction: column;
    }
     span.number1 {
         top: 20px;
         right: 10px;
         position: absolute;
         font-size: 60px;
    }
     .s5inner{
         margin-bottom: 110px;
         padding-top: 20px;
    }
    #comparision .btnBox {
        display: none;
    }
    .section6 {
        position: relative;
        top: -125px;
    }
    .section6 .btnBox {
        display: none;
    }
    .section7 {
        position: relative;
        top: -125px;
    }
    .section7 .sec-head {
        font-size: 27px;
        line-height: 30px;
    }
    .section8 {
        position: relative;
        top: -185px;
    }
     .s5inner .commonText{
         padding-bottom: 10px;
    }
     .commonHead, .sec7inner p.commonHead {
         font-size: 26px;
         margin-top: 0;
         line-height: 34px;
    }
     .show-mob{
         display: inherit;
    }

    /* Swipper js */
    .design-build-right-content {
        width: 100%;
        margin-left: 0;
    }
    .swipper-slider-wrapper {
        display: block;
        max-width: 100%;
    }
    .swipper-slider.slider {
        margin: 0 auto;
        max-width: 100%;
        position: relative;
        top: -120px;
        padding: 0 15px;
      }
      
      .swiper-container {
        padding-bottom: 20px;
      }
      
      .swiper-scrollbar {
        background: rgba(219, 226, 255, 1);
      }
      
      .swiper-container-horizontal > .swiper-scrollbar {
        border-radius: 2px;
        height: 5px;
        width: 100%;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
      }
      
      .swiper-wrapper img {
        width: 100%;
      }
      .swiper-scrollbar-drag {
        background: rgba(75, 110, 235, 1);
      }
      /* Swipper js */

      .into-reality-sec {
        position: relative;
        top: -105px;
      }
      .into-reality-sec-hdng p {
        font-size: 14px;
    }
    .into-reality-sec-hdng h3 {
        font-family: "Nunito", sans-serif;
        font-size: 30px;
        line-height: 33px;
        font-weight: bold;
        margin-top: 0px;
    }
    .into-reality-sec-hdng h3 span {
        font-size: 30px;
        line-height: 33px;
    }
    .sec-desk-pc.show-mob {
        display: block;
        background-image: url('../../images/new_index/spcl-bg.png');
        background-repeat: no-repeat;
        padding: 20px 20px 30px;
        border-radius: 0 0 30px 30px;
    }

    .sec-desk-pc.show-mob ul {
        margin-top: 20px;
    }

    .vid-sec-content1 img, .vid-sec-content2 img {
        display: none;
    }

    .vid-sec {
        background-color: rgba(248, 246, 231, 1);
        position: relative;
        top: -75px;
        padding: 15px 0px;
        border-radius: 25px 25px 0 0;
    }

    .s5inner .commn-hdng {
        font-size: 30px;
        line-height: 33px;
    }

    .s5inner .commn-hdng span {
        font-size: 30px;
    }

    #comparision {
        position: relative;
        top: -95px;
    }

    .vid-sec-content1 {
        border: 2px solid rgba(243, 199, 84, 1);
    }

    .vid-sec-content {
        padding: 10px;
    }

    .vid-sec-content p {
        font-size: 20px;
        line-height: 32px;
    }

    .vid-sec-content2 {
        border: 2px solid #B5EA84;
    }

    .vid-sec-row {
        flex-direction: column;
    }

    .vid-sec-content1 {
        margin-bottom: 20px;
    }

    .vid-sec-content {
        width: 100%;
    }

    .sec-desk-pc.show-mob ul li {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

    .sec-desk-pc.show-mob ul li .sec-left {
        background-color: #fff;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: rgba(10, 54, 157, 1);
        font-size: 16px;
        font-weight: 700;
        font-family: 'Poppins', sans-serif;
        margin-right: 20px;
    }
    .sec-desk-pc.show-mob ul li .sec-right {
        color: rgba(10, 54, 157, 1);
        font-size: 16px;
        font-weight: 700;
        font-family: 'Poppins', sans-serif;
    }

    .famous-container::after {
        display: block;
        content: ' ';
        position: absolute;
        background-image: url(../../images/new_index/mob-hand.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 105px;
        height: 606px;
        bottom: -200px;
        right: 0;
        z-index: 0;
    }
    
    .everyone-can-main-content-container::after {
        display: none;
    }

    .famous-sec .container::after {
        display: none;
    }

    .s6Right h2 {
        font-size: 35px;
    }
}
 @media only screen and (max-width:590px) {
     .sec7inner {
         padding: 0;
         width: 100%;
    }
     .s4LeftInner .commonHead {
         font-size: 15px;
    }
     .s4RightInner .commonHead {
         font-size: 15px;
    }
     .s5Col3Prod {
         margin: -47px auto 0;
         width: 77px;
    }
     .steps_to_use{
         padding: 40px 0;
    }
     .steps_cntnr {
         margin-top: 20px;
    }
}
 @media (max-width:575px) {
     .logo {
         float: left;
         margin-top: 5px;
         width: 220px;
    }
     .s5Col1 ul li {
         padding: 0 0 13px 30px;
         align-items: center;
         background-position: 10px 17px 
    }
}
 @media only screen and (max-width:491px) {
     .upper-box h6 {
         width: 65%;
    }
}
 @media only screen and (max-width:415px) {
     .prod_nm2 img.prd-row-img-m{
         object-fit: contain;
    }
}
 @media only screen and (max-width:360px) {
     .s3-list li {
         margin-right: 7px 
    }
}
 
 /* Slider CSS */



.design-build-sec .slider {

  margin: 0 auto;

  max-width: 100%;

  min-width: 100%;

  width: 100%;

}



.design-build-sec .swiper-container {

  padding-bottom: 20px;

}



.design-build-sec .swiper-scrollbar {

  background: #d6d6d6;

}



.design-build-sec .swiper-container-horizontal > .swiper-scrollbar {

  border-radius: 2px;

  height: 5px;

  width: 100%;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

}



.swiper-wrapper img {

  width: 100%;

}