@charset "utf-8";

/* CSS Document */

/*---------------- RESET CSS -----------------*/

 body {

     top:0;

     bottom:0;

     left:0;

     right:0;

     margin:auto;

     padding:0;

     background:#fff;

     color:#000000;

     text-align:center;

     font-family: 'Poppins', 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;

}

/*-------------------- FONTS ---------------------*/

 @font-face {

     font-family: 'Poppins';

     src: url('Poppins-Medium.woff2') format('woff2'), url('Poppins-Medium.woff') format('woff');

     font-weight: 500;

     font-style: normal;

     font-display: swap;

}

 @font-face {

     font-family: 'Poppins';

     src: url('Poppins-Regular.woff2') format('woff2'), url('Poppins-Regular.woff') format('woff');

     font-weight: normal;

     font-style: normal;

     font-display: swap;

}

 @font-face {

     font-family: 'Poppins';

     src: url('Poppins-SemiBold.woff2') format('woff2'), url('Poppins-SemiBold.woff') format('woff');

     font-weight: 600;

     font-style: normal;

     font-display: swap;

}

 @font-face {

     font-family: 'Poppins';

     src: url('Poppins-Bold.woff2') format('woff2'), url('Poppins-Bold.woff') format('woff');

     font-weight: bold;

     font-style: normal;

     font-display: swap;

}

 @font-face {

     font-family: 'Poppins';

     src: url('Poppins-Light.woff2') format('woff2'), url('Poppins-Light.woff') format('woff');

     font-weight: 300;

     font-style: normal;

     font-display: swap;

}

/*----------------------- MAIN CSS START ------------------------*/

 .wrapper{

     overflow:hidden;

}

 .container {

     width:1170px;

     margin:0 auto;

     padding:0;

     position:relative;

}

 .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;

}

 .topStrip p span{

     color:#ffca11;

}

 .top-fix-bar{

     float: left;

     width: 100%;

     margin-bottom:75px;
     position: relative;
    z-index: 99999;

}

 .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: 11;

     -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: 13px;
    width: 200px;

}

 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;

}

 ul.topMenu li a:hover, ul.topMenu li a.active{

     color:#0e7bcb;

}

 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:44px;

     border-radius:50px;

     margin-top:14px;

     font-weight:bold;

     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);

}

/*--------HAMBURGER MENU--------*/

 .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: 3px;

     background-color: #000;

     transition: 0.4s;

     -webkit-border-radius: 2px 2px 2px 2px;

     border-radius: 2px 2px 2px 2px;

}

 .bar2{

     margin: 4px 0;

}

 .dl-active .bar1 {

     -webkit-transform: rotate(-45deg) translate(-5px, 5px);

     transform: rotate(-45deg) translate(-5px, 5px);

     background:#000;

}

 .dl-active .bar2 {

     opacity: 0;

}

 .dl-active .bar3 {

     -webkit-transform: rotate(45deg) translate(-5px, -5px);

     transform: rotate(45deg) translate(-5px, -5px);

     background:#000;

}

 .mobilemenu{

     left:0;

     position:fixed;

     top:106px;

     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 CSS ------------------------*/

 .banner {

     float:left;

     width:100%;

     padding:40px 0;

     background: url(../../images/index-2/banner.png?v=8.36) no-repeat center top;

     background-size:cover;

}

 .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;

}

 .bnrStar img{

     display:inline-block;

     vertical-align:middle;

     margin:-6px 12px 0 0;

}

 .bnrHeading{

     float:left;

     width:100%;

     margin-top:20px;

     font-size:55px;

     line-height:58px;

     font-weight:600;

     color:#fff;

}

 .bnrHeading span{

     color:#0e7bcb;

}

 .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-2/listStyle.png) no-repeat 0px 1px;

     font-size:20px;

     line-height:28px;

     font-weight:500;

     letter-spacing:0.5px;

     color:#fff;

     margin-top:10px;

     text-align:left;

}

 .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: rgb(69,181,69);

     background: linear-gradient(90deg, rgba(69,181,69,1) 0%, rgba(15,174,90,1) 100%);

     font-size: 25px;

     line-height: 67px;

     height: 68px;

     color: #fff;

     font-weight: 600;

     letter-spacing:0.5px;

     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%);

}

 .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:12px;

     line-height:17px;

     letter-spacing:0;

}

 .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%;

    }

}

 .bnrProd1{

     position: absolute;

     top: 0px;

     right: 0px;

}

/*----SECTION-1----*/

 .section1{

     float:left;

     width:100%;

     padding:80px 0 0;

     background:#fff;

     text-align:center;

}

 .s1-content{

     display:inline-block;

     vertical-align:top;

     width:100%;

     max-width:830px;

}

 .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:600;

     color:#000;

     margin-top:20px;

}

 .commonText{

     float:left;

     width:100%;

     font-size:17px;

     line-height:26px;

     font-weight:normal;

     color:#000;

     letter-spacing:0.5px;

     margin-top:20px;

}

 .s1-list{

     display:inline-block;

     vertical-align:top;

     width:100%;

     max-width:700px;

     margin-top:20px;

     position: relative;

     z-index: 2;

}

 .s1-list li{

     float:left;

     width:25%;

     padding: 0 20px;

     margin-top: 30px;

}

 .s1-list li img{

     margin:0 auto 0;

     display:block;

     height: 40px;

     object-fit: contain;

}

 .s1-list li p{

     font-size:14px;

     line-height:20px;

     color:#000;

     margin-top:10px;

}

 .s1-left-shp{

     position: absolute;

     top: 0;

     left: -190px;

}

.s1-prod2-right-ecl {

    position: absolute;

    top: 66px;

    right: -180px;



}

 .s1-prod1{

     position:absolute;

     top:0;

     left:-200px;

}

 .s1-prod2{

     position:absolute;

     top:0px;

     right:-100px;

     z-index: 2;

     transform: translate(75px, 0);

}

 .s1-box-list{

     float:left;

     width:100%;

     position:relative;

     margin-top:35px;

     z-index:1;

     display: -webkit-flex;

     display: flex;

     flex-wrap: wrap;

     justify-content: space-between;

}

 .s1-box-list li{

     float:left;

     width:268px;

     min-height:347px;

     border-radius:12px;

     border:1px solid #0f6db3;

     overflow:hidden;

     position:relative;

}

 .s1-bx-bg1{

     background:url(../../images/index-2/s1-bnr-img1.png?v=7.36) no-repeat center top;

     background-size: cover;

}

 .s1-bx-bg2{

     background:url(../../images/index-2/s1-bnr-img2.png?v=7.36) no-repeat center top;

     background-size: cover;

}

 .s1-bx-bg3{

     background:url(../../images/index-2/s1-bnr-img3.png?v=7.36) no-repeat center top;

     background-size: cover;

}

 .s1-bx-bg4{

     background:url(../../images/index-2/s1-bnr-img4.png?v=7.36) no-repeat center top;

     background-size: cover;

}

 .s1-bx-cont{

     position:absolute;

     left:0;

     right:0;

     bottom:0;

     width:100%;

     text-align:left;

     padding:10px 10px 20px;

}

 .s1-bx-cont h3{

     font-size:19px;

     line-height:21px;

     color:#fff;

     font-weight:600;

}

 .s1-bx-cont p{

     font-size:16px;

     line-height:22px;

     color:#fff;

     margin-top:12px;

}

/*----STRIP SEC----*/

 .strip-section{

     float: left;

     width: 100%;

     background: #131314;

     margin-top: -122px;

     padding: 175px 0 40px;

     position:relative;

}

 .strip-section:before{

     content:'';

     position:absolute;

     bottom:-16px;

     left:50%;

     background:url(../../images/index-2/dwn-arw.png) no-repeat center center;

     width:64px;

     height:37px;

     margin-left:-32px;

}

 .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-2/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;

}

/*----SECTION-2----*/

 .section2{

     float:left;

     width:100%;

     padding:0 0 70px;

     background:#fff;

}

 .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:70px;

}

 .prod-row-cont h1{

     font-size: 35px;

     line-height: 35px;

     color: #000;

     font-weight: 600;

     position:relative;

     padding-bottom:20px;

}

 .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/index-2/prod-ln1.png) no-repeat left bottom;

     width:60px;

     height:4px;

}

 .prod-h2:before{

     background:url(../../images/index-2/prod-ln2.png) no-repeat left bottom;

}

 .prod-h3:before{

     background:url(../../images/index-2/prod-ln3.png) no-repeat left bottom;

}

 .prod-h4:before{

     background:url(../../images/index-2/prod-ln4.png) no-repeat left bottom;

}

 .prod-h5:before{

     background:url(../../images/index-2/prod-ln5.png) no-repeat left bottom;

}

 .step-box{

     position: absolute;

     top: 3px;

     font-size: 35px;

     line-height: 30px;

     color: #000;

     font-weight: 600;

     height:100%;

}

 .step-box:before{

     content:'';

     position:absolute;

     top:40px;

     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%;

     /* height: 280px; */

     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:#d1e7f5;

     /* padding:40px 20px; */

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

/*----SECTION-3----*/

 .section3{

     float:left;

     width:100%;

     background:#080808;

     position:relative;

     /* overflow:hidden; */

}

 .section3:before {

     content: '';

     position: absolute;

     top: -27px;

     left: 50%;

     background: url(../../images/index-2/s3-arw.png?v=2.36) no-repeat center center;

     width: 82px;

     height: 41px;

     margin-left: -82px;z-index: 99;

}

 .s3Inner{

     float: right;

     width: 51%;

     text-align: left;

     padding: 50px 0 60px;

}

.s3Inner .commonHead{font-size: 59px;}

 .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;

}
.video-img{position: relative;}
 .s3LeftImg{

     position: absolute;

     /* left: -133px;

     top: 0px;

     width: 600px; */

     max-width: 100%;
    
    left: 0;
    top: 0px;
    width: 100%;
    object-fit: cover;
    height: 100%;

}

/*----SECTION-4----*/

 .section4{

     float:left;

     width:100%;

     height:58vh;

     text-align:left;

     overflow-x:clip;

}

 .s4Left{

     float:left;

     width:50%;

     position:relative;

     padding:60px 0 0;

}

/* .s4Left:before{

     content: "";

     position: absolute;

     right: 0;

     top: 0;

     left: -2000px;

     bottom: 0;

     background: url(../../images/index/s4-leftbg.png) no-repeat right center;

     height: 580px;

}

 */

 .s4Left{

     background: url(../../images/index-2/s4-leftbg.png?v=7.36) no-repeat center;

     height: 58vh;

     background-size:cover;

}

 .s4LeftInner{

     float: left;

     position: absolute;

     top: 0;

     right: 11px;

}

 .s4LeftInner .commonText{

     padding-right:70px;

}

 .s4Right{

     float:right;

     width:50%;

     position:relative;

     padding:60px 0 0 45px;

}

/* .s4Right:before{

     content: "";

     position: absolute;

     left: 0;

     right:-2000px;

     top: 0;

     bottom: 0;

     background: url(../../images/index/s4-rightbg.png) no-repeat left center;

     height: 580px;

}

 */

 .s4Right{

     background: url(../../images/index-2/s4-rightbg.png?v=7.36) no-repeat center;

     height: 58vh;

     background-size:cover;

}

 .s4RightInner{

     float:right;

     width:360px;

     position:relative;

     margin-top: 40px;

}

 .s4RightInner .commonHead {

     color: #fff;margin-top: 50px;

}

.s4LeftInner .commonHead {

     color: #fff;padding-right: 160px;

}

 .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: rgb(69,69,69);

     background: linear-gradient(180deg, rgba(69,69,69,1) 0%, rgba(48,48,48,1) 100%);

     */

     background: #427991;

}

 .blueDot{

    /* background: rgb(45,98,125);

     background: linear-gradient(180deg, rgba(45,98,125,1) 0%, rgba(67,120,147,1) 100%);

     */

     background: #ff0000;

}

 .yellowDot{

    /* background: rgb(255,182,108);

     background: linear-gradient(180deg, rgba(255,182,108,1) 0%, rgba(255,182,108,1) 100%);

     */

     background: #ffa500;

}

 .pinkDot{

    /* background: rgb(222,171,189);

     background: linear-gradient(180deg, rgba(222,171,189,1) 0%, rgba(234,183,200,1) 100%);

     */

     background: #ffc0cb;

}

 .colorName{

     font-size:14px;

     line-height:14px;

     color:#000;

     font-weight:600;

     margin-top:10px;

     text-transform:uppercase;

}

/*----SECTION-5----*/

 .section5{

     float:left;

     width:100%;

     padding:60px 0 60px;

     position:relative;

     text-align:center;

}

 .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-2/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:#2c7fba;

     border-radius:20px;

     margin:-95px 20px -25px 0;

}

 .s5Col2Top{

     float:left;

     width:100%;

     height:115px;

}

 .s5Col2Prod{

     display:block;

     margin:-60px auto 10px;

     max-width:100%;

}

 .s5Col3Prod{

     display:block;

     margin:-60px auto 15px;

     max-width:100%;

}

 .s5Col4Prod{

     display:block;

     margin:-60px auto 14px;

     max-width:100%;

}

 .s5Col2Top p{

     font-size:18px;

     line-height:30px;

     color:#ffffff;

     font-weight:600;

     letter-spacing:0.5px;

}

 .s5Col3Top p, .s5Col4Top p{

     font-size:19px;

     line-height:19px;

}

 .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;

}

/*----SECTION-6----*/

 .section6{

     float:left;

     width:100%;

     background:#191919;

     position:relative;

     text-align:left;

     overflow:hidden;

}

 .s6Left{

    /* float:left;

     */

     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:54px;

}

 .s6Right .commonText{

     padding-right:46px;

}

/*----SECTION-7----*/

 .section7{

     float:left;

     width:100%;

     padding:60px 0 70px;

     position:relative;

     text-align:center;

}

 .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:12px 

}

 .testStar{

     display:inline-block;

     vertical-align:top;

     max-width:100%;

     margin-top:30px;

}

 .testCol .commonText.testhead{

     margin-top:20px;

     font-weight:600;

}

 .testCol .commonText{

     margin-top:10px;

}

 .testName{

     float:left;

     width:100%;

     font-size:17px;

     line-height:18px;

     color:#000;

     letter-spacing:0.3px;

     font-weight:600;

     margin-top:25px;

}

 .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;

}

 .section7 .btnBox{

     margin-top:50px;

}

/*----SECTION-8----*/

 .section8{

     float:left;

     width:100%;

     padding:70px 0 60px;

     background:#f5f5f5;

     position:relative;

     text-align:center;

}

 .faq-container{

     display:inline-block;

     vertical-align:top;

     max-width:830px;

     width:100%;

     margin:15px 0 15px;

}

 .up-slide-dwn{

     float:left;

     width:100%;

     background:#fff;

     border-radius:8px;

     -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-2/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-2/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%;

}

/*----FOOTER----*/

 .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;

}

/* New Css */

.gif_desktop {
    position: absolute;
    height: 100%;
    width: 40%;
}

.gif_desktop::after {
    content: '';
    position: absolute;
    background-image: url(../../images/index-2/blck-img.png);
    width: 100%;
    height: 100%;
    right: 0;
    background-repeat: no-repeat;
    bottom: 0;
    left: 1px;
    top: 0;
    background-position: 100%;
    background-size: cover;
}

/*----------------------- Pulse ------------------------*/

 .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;

}

/*---------Media Querry---------*/

 @media only screen and (max-width:1200px){

     .container{

         width:1004px;

    }

     ul.topMenu {

         margin: 18px 40px 0 0;

    }

     .banner-left {

         width: 50%;

    }

     .bnrText1 {

         font-size: 17px;

    }

     .bnrProd1{

         left: 500px;

    }

     .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;

    }

     .s1-prod2 {

       right: -100px;

    transform: none;

    top: 13px;

    }

    .s1-prod2-right-ecl { 

    top: 0;

    right: -236px;

    }

     .s3LeftImg{

         left: 0;

         top:0;

    }

     .s4Left:before{

         right: -40px;

    }

     .s6Right{

         width: calc(100% - 410px);

         padding:30px 0 36px;

    }

     .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;

     }

 }

 @media only screen and (max-width:1021px){

     .container{

         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;

    }

     .banner-left{

         width: 65%;

    }

     .bnrHeading{

         font-size: 40px;

         line-height: 52px;

         margin-top: 20px;

    }

     .bnrList{

         margin-top: 20px;

    }

     .bnrList li{

         font-size: 20px;

         margin-top: 5px;

    }

     .bnrProd1{

         top: 0px;

         left: 460px;
    width: 269px;

    }

     .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;

    }
.s3Inner .commonHead {
    font-size: 38px;
}
     .commonHead{

         font-size: 38px;

         line-height: 44px;

         margin-top:15px;

    }

     .commonText{

         font-size: 16px;

         line-height: 24px;

         margin-top:15px;

    }

     .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:110px;

    }

     .prod-row-cont h1{

         font-size: 30px;

         line-height: 40px;

    }

     .s3Inner{

         width:58%;

    }

     .s3LeftImg{

         left: 0px;

         top:0px;

         width: 100%;

    }

     .s4Left{

        /* height:474px;

         */

         width:100%;

         padding:50px 0 0 30px;

    }

    /* .s4Left:before {

         height:474px;

         right:-10px;

         left:-10px;

    }

     */

     .s4Right {

        /* height:474px;

         */

         width:100%;

         padding: 50px 0 0 30px;

    }

    /* .s4Right:before {

         height:474px;

         left:-10px;

         right:-10px;

         background-position:left bottom;

    }

     */

     .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: -41px auto 10px;

    }

     /* .s5Col2Top p {

         font-size: 25px;

    } */

     .s5Col2 ul li {

         height: 60px;

    }

     .s5Col2 ul li img{

         width:24px;

    }

     .s5Col2 ul li:last-child {

         height: 95px;

    }

     .s5Col3Top p, .s5Col4Top p{

         font-size:17px;

    }

     .s5Col3Prod,.s5Col4Prod {

         margin: -52px auto 15px;

         width: 95px;

    }

     .s6Right{

         width: calc(100% - 340px);

    }

     .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 only screen and (max-width:767px){

.section3:before{margin-left:-41px}
.commonHead.whiteText{text-align: center;}
     .container{

         width:100%;

         padding:0 15px;

         max-width:600px;

         box-sizing:border-box;

    }

     .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;

    }

     .logo{

         width:163px;

         margin-top:7px;

    }

     .mob-mnu-ic {

         top:14px;

         right:15px;

    }

     .mobilemenu{

         top:79px;

    }

     .mobimenu-top{   

         top:55px;

    }

     .banner {

         padding: 25px 0;

         background:#070708;

    }

     .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: 28px;

         line-height: 36px;

         margin: 14px 0;

    }

     .bnrProd-mob{

         display:inline-block;

         vertical-align:top;

         margin:0 0 0px -15px;

         width:calc(100% + 30px);

    }

     .bnrText1 {

         font-size: 16px;

         line-height:24px;

         letter-spacing:0.5px;

         padding:0 10px;

    }

     .bnrList {

         margin-top: 0px;

         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;

    }
.s3Inner .commonHead{font-size: 26px;text-align: center;}
     .commonHead{

         font-size: 26px;

         line-height:32px;

         margin-top: 5px;

    }

    .s4LeftInner .commonHead{font-size: 20px;margin-top: 20px;}

    .s4RightInner .commonHead{font-size: 20px;}

     .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 img{

         width:45px;

    }

     */

     .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:30px 0;

         margin:0;

    }

     .strip-section .commonHead{

         font-size:24px;

    }

     .section2{

         padding-bottom:30px;

    }

     .prod-s2-row{

         margin-top:35px;

    }

     .row3-bg{

         padding: 20px 20px 30px;

    }

     .prod-row-cont{

         width:100%;

    }

     .prod-row-imgbox img{

         display:none;

    }

     .step-box{

         top: 0;

         left: 0;

         width: 40px;

         height: 40px;

         text-align: center;

         line-height: 42px;

         background: #000;

         border-radius: 50%;

         font-size: 22px;

         color: #fff;

    }

     .prod-h5 .step-box {

         top:0px;

    }

     .step-box:before{

         display:none;

    }

     .pad-rgt, .pad-lft{

         padding:0;

    }

     .prd-row-img-m{

         margin:25px auto 0;

         max-width:100%;

         /* width:230px; */

    }

     .prod-row-cont h1{

         font-size: 22px;

         line-height: 26px;

         margin-top: 0;

         padding-bottom: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-m2{

         /* width:270px; */

    }

     .prd-m3{

         width:300px;

    }

     .prd-m4{

         /* width:175px; */

    }

     .section3{

         padding: 40px 0 30px;

    }

    .s3LeftImg{
        position: static;
        width: 100%;
        margin: 0;

    }

     .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:238px;

         margin: 0;

    }

     .s4Left:before {

         height: 238px;

         background-size: 110%;

    }

     .s4Right {

         width:100%;

         padding: 25px 0 0 20px;

         height: 238px;

         margin: 0;

    }

    /* .s4Right:before{

         display:none;

    }

     */

     .s4RightInner{

         width:100%;

         padding:25px 20px 0 20px;text-align: right;

    }

     .s4RightBg{

         display:block;

         max-width:100%;

         margin:0 auto;

    }

     .section5{

         padding: 30px 0 25px;

    }

     .s5CompBox{

         border-radius: 10px;

         margin-top: 117px;

    }

     .s5Col1{

         width: 46%;

         padding:10px 0;

    }

     .s5Col1 ul li{

         font-size: 14px;

         line-height: 18px;

         padding: 13px 0 13px 30px;

         background-position: 10px 14px;

         background-size: 14px;

    }

     .s5Col2{

         width: 24%;

         margin: -48px 3% -25px 0;

    }

     .s5Col2Top{

         height: 100px;

    }

     .s5Col2Prod{

         margin: -27px auto 0px;

         width: 80px;

    }

     .s5Col2Top p{

         font-size: 10px;

    }

     .s5Col2Top{

         height: 46px;

    }

     .s5Col3Top p, .s5Col4Top p{

         font-size:11px;

    }

     .s5Col3Prod{

         margin: -30px auto 0px;

         /* width: 70px; */

    }

     .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;

    }

     .section7{

         padding: 30px 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: 30px 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:70px;

         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: #2d2d2d;

         padding:7px 10px;

         position: fixed;

         bottom:0%;

         left: auto;

         z-index: 1000;

         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:68px;

    }

     .btn-arw {

         margin: -4px 0 0 10px;

    }

    .gif_desktop::after{
        display: none;
    }
    .s3Inner p.commonText.whiteText{
        text-align: center;
    }
    .gif_desktop{
        position: static;
        height: auto;
        width: 100%;
    }


}

 @media only screen and (max-width:360px){

     .s3-list li{

         margin-right: 7px;

    }

}