@charset "UTF-8";*{box-sizing:border-box}

img{max-width:100%;height:auto;}
*{padding:0;margin:0;outline:none;}
*, *::before, *::after{box-sizing:border-box;}
a{outline:none;}
ul li{list-style:none;}
html{font-family: 'Helvetica Neue LT Std';line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section{display:block;}
body{ font-family: 'Helvetica Neue LT Std';margin:0px;color:#333333;font-size:16px;line-height:normal; }
div::after, header::after, footer::after, section::after{width:100%;display:block;content:"";clear:both;}
.clearboth{clear:both;}
a{text-decoration:none;}
@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('../font/HelveticaNeueLTStd-Bd.woff2') format('woff2'),
        url('../font/HelveticaNeueLTStd-Bd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('../font/HelveticaNeueLTStd-Roman.woff2') format('woff2'),
        url('../font/HelveticaNeueLTStd-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
h1{
    font-size:90px;
    line-height:1.2;
    margin:0 0 0px;
    color:#fff;
    font-family: 'Helvetica Neue LT Std';
   font-weight:bold;
}
h2{
    font-weight:bold;
    font-size:45px;
    line-height:normal;
    margin:0 0 15px;
     font-family: 'Helvetica Neue LT Std';
  
    color:#001424;
}
h3{
    font-weight:500;
    font-size:30px;
    line-height:normal;
    margin:0 0 15px;
     font-family: 'Helvetica Neue LT Std';
    color:#3c3c3c;
}
h4{
    font-weight:500;
    font-size:24px;
    line-height:normal;
    margin:0 0 15px;
    color:#3c3c3c;
}
h5{
    font-weight:500;
    font-size:16px;
    line-height:normal;
    margin:0 0 15px;
    color:#3c3c3c;
}
h6{
    font-weight:500;
    font-size:22px;
    line-height:normal;
    margin:0 0 15px;
    color:#3c3c3c;
}
p{
    font-size:16px;
    line-height:1.4;
    font-family: 'Helvetica Neue LT Std';
    margin:0 0 15px;
    color:#3c3c3c;
}
.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.text-center{text-align:center !important;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.pull-left{float:left !important;}
.pull-right{float:right !important;}     
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto{position:relative;width:100%;padding-right:15px;padding-left:15px;}
.col{ -ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
.col-auto{ -ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;}
.col-1{ -ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}
.col-2{ -ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
.col-3{ -ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
.col-4{ -ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
.col-5{ -ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
.col-6{ -ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
.col-7{ -ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
.col-8{ -ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
.col-9{ -ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
.col-10{ -ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
.col-11{ -ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}
.col-12{ -ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
.form-group{width:100%;margin-bottom:18px;}
.align-item-center{align-items:center;align-content:center;}
.align-item-end{align-items:flex-end;align-content:flex-end;}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;width:100%;max-width:100%;}
@media (min-width:768px){.container{ width:750px;}}
@media (min-width:992px){.container{ width:970px; }}
@media (min-width:1200px){.container{ width:1170px; }}  
@media (min-width:1400px){.container{ width:1370px; }}

header .top-header {width: 100%;background: #fef200;}
header .top-header-wrap {width: 100%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;padding: 5px 0 5px;}
header .header-text {padding-right: 30px;}
header .header-text h2 {margin-bottom: 0;line-height: 25px;font-size: 25px;}
.header-btn button {cursor: pointer;font-size: 18px;background: #ff9412;border: none;text-decoration: none;outline: none;padding: 6px 35px;border-radius: 20px;font-weight: bold;}
header .novbar ul {display: flex;align-items: center;flex-wrap: wrap;}
.bottom-header {background: #ffffff;width: 100%;}
header .novbar ul li {padding: 25px 22px;}
header .novbar ul li a {color: #3c3c3c;font-size: 18px;}
header .novbar ul li a img {width: 25px;}
header .hamburger-wrapper {display: none;}
.bottom-header figure img {width: 150px;height: auto;object-fit: cover;}
.bottom-header figure {padding-top: 10px;cursor: pointer;}
header .novbar ul li a:hover, header .novbar ul li.active a {color: #000;border-bottom: 1px solid #fff;}
header .novbar ul li.bottom-arrow a{position: relative;}
header .novbar ul li a.mob-show {display: none;}
header .novbar ul li.bottom-arrow a::before {content: "";position: absolute;top: 4px;right:-15px;height: 9px;width: 9px;border-style: solid;border-color: #3095b1;border-width: 0px 2px 2px 0px;transform: rotate(45deg);}
.banner-sec {position: relative;padding: 100px 0;background-color: #33176e;background-image: linear-gradient(180deg, #33176e -1%, #2977a8 71%);border-bottom: 4px solid #63c9cc;}
.banner-sec::before {content: "";position: absolute;width: 96%;height: 2px;background: #63c9cc;top: 0;opacity: 0.5;left: 50%;transform: translate(-50%, 0px);border-radius: 50px;}
.left-banner-sec h2 {color: #30c8cd;font-size:42px;}
.left-banner-sec h3 {color: #fff; font-size:27px;}
.left-banner-sec .btn-wrap {width: 100%;text-align: center;margin-top: 95px;}
button.btn {font-size: 25px;width: 350px;height: 55px;background: #ff9412;border: none;border-radius: 10px;font-weight: bold;color: #fff;cursor: pointer;}
button.btn:hover {background: #ff0;color: #000;}
.header-btn button:hover {background: transparent;color: #3095b1;border: 3px solid #3095b1;padding: 3px 32px;}
.left-banner-sec button.btn {margin-top: 30px;}
.video-wrapper {width: 100%;position: relative;}
.video-wrapper video{width:100%;height:auto;}
.play-button-wrapper {position: absolute;top: 50%;z-index: 1;width: 80px;height: auto;left: 50%;transform: translate(-50%, -50%);}
.play-button-wrapper #circle-play-b {cursor: pointer;pointer-events: auto;width: 90px;height: 45px;position: relative;background: rgba(0, 0, 0, 0.5);}
.play-button-wrapper #circle-play-b img {position: absolute;width: 40px;z-index: 2;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.video-wrapper {padding: 20px;width: 100%;position: relative;}
.video-container {width: 100%;position: relative;z-index: 1;}
.video-wrapper .video-container iframe {width: 100%;height:100%;}
.video-wrapper::before {content: "";position: absolute;width: 95%;height: 90%;border: 2px solid #30c8cd;left: 0;top: 0;z-index: 0;}
.video-wrapper::after {content: "";position: absolute;width: 95%;height: 90%;border: 2px solid #30c8cd;z-index: 0;left: 35px;top: 35px;}
.play-button-wrapper .play-gif .pause-btn{display:none;}
.play-button-wrapper .play-gif.play .play-btn{display:none;}
.play-button-wrapper .play-gif.play .pause-btn{display:block;}
.play-button-wrapper .play-gif img.play-btn:hover, .play-button-wrapper .play-gif img.pause-btn:hover{filter:grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);}
.sec1 {width: 100%;display: block;padding: 80px 0;background: #d3d3d3;border-bottom: 4px solid #63c9cc;}
.sec1 .top-prograph {width: 100%;}
.sec1 .top-prograph h2 {text-align: center;font-size: 55px;margin-bottom: 80px;letter-spacing: 1px;}
.sec1 .our-advant p {font-size: 22px;line-height: 35px;margin-bottom: 40px;padding-right: 20px;}
.our-advant {height: 100%;}
.sec1 .top-prograph h3 {line-height: 40px;margin-bottom: 10px;}
.sec1 .card-inner-wrap {background: #fff;height: 100%; padding:10px 40px;border-top: 7px solid;color: #30c8cc;box-shadow: 0 10px 20px rgba(0,0,0,0.25), 0 0px 18px rgba(0,0,0,0.22);transition: 0.5s;}
.sec1 .card-inner-wrap:hover {transform: scale(0.9);}
.sec1 .card-inner-wrap:hover h4 {color: #30c8cc;font-weight: bold;}
.sec1 .card-inner-wrap figure {text-align: center;margin: 10px 0 30px;}
.sec1 .card-inner-wrap figure img {width: 100px;}
.sec1 .card-inner-wrap h4 {text-align: center;font-size:20px;margin-bottom:10px;}
.sec1 .card-inner-wrap p {font-size: 18px;line-height: 30px;}
.sec1 .card-outer-wrap {margin-bottom: 30px;height: 300px;}
.sec1 .card-wrapper .row {margin-right: -40px;margin-left: -40px;}
.sec1 .card-wrapper .row .col-6 {padding-left: 40px;padding-right: 40px;}
.btn-bottom_wrapper{text-align: center;padding-top: 120px;}
.sec2 {width: 100%;background: linear-gradient(26deg, #2e0d5e 50%, #330f69 50%) #2e0d5e;padding: 80px 0;border-bottom: 4px solid #63c9cc;}
.sec2 h2 {text-align: center;color: #fff;font-size: 55px;margin-bottom: 80px;letter-spacing: 1px;}
.sec2 .lets-wrap {padding: 45px;border: 5px solid #30c8cc;border-radius: 70px;text-align: center;position: relative;}
.sec2 .lets-wrap h3 {color: #fff;font-weight: bold;letter-spacing: 1px;}
.sec2 .lets-wrap p {color: #fff;font-size: 28px;}
.sec2 .lets-wrap .count-wrap {position: absolute;top: -50px;left: 50%;transform: translate(-50%, 0px);}
.sec2 .lets-wrap::after {content: "";position: absolute;background-image: url("../img/sign.png");width: 110px;height: 50px;top: 60px;right: -80px;z-index: 1;background-repeat: no-repeat;background-size: cover;}
.sec2 .col-4:last-child .lets-wrap::after {display: none;}
.sec2 .lets-wrap .text-wrap {margin-top: 20px;}
.sec3 {padding: 80px 0;width: 100%;position: relative;}
.sec3 h2 {text-align: center;font-size: 55px;margin-bottom: 80px;letter-spacing: 1px;}
.sec3 .service-wrap {text-align: center;width: 100%; margin-bottom: 30px;border-radius: 10px;height: 190px;border:1px solid #00000033;box-shadow: 0 2px 10px rgba(0,0,0,0.25), 0 0px 18px rgba(0,0,0,0.22);padding: 5px;transition: transform 200ms;}
.sec3 .service-wrap:hover {border-color: #30c8cc;transform: scale(0.9);}
.sec3 .service-wrap span.ppl-price  {font-size: 20px;    padding-top: 5px;display: block;}
.sec3 .service-wrap span.ppl-price sup {font-size: 15px;}
.sec3 .service-wrap h4 {margin-bottom: 5px;margin-top: 5px;}
.get-leads-btn button.btn:hover {background: #ff9412;color: #fff;}
.sec3 .row {justify-content: flex-start;}
.sec3 .indust-wrap-tabing ul {margin-right: -30px;margin-left: -30px;display: flex;align-items: center;flex-wrap: wrap;}
.sec3 .indust-wrap-tabing ul li {cursor:pointer; width: 29%;margin: 0 30px;border: #30c8cc 4px solid;padding: 12px 10px;font-size: 23px;font-weight: bold;text-align: center;color: #000;border-bottom: none;border-radius: 8px 8px 0px 0px;}
.indust-wrap-tabing {width: 100%;margin-bottom: 50px;border-bottom: 4px solid #30c8cc;}
.sec3 .indust-wrap-tabing ul  li.active, .sec3 .indust-wrap-tabing ul li:hover{background: #30c8cc;color: #fff;}
.sec3 .service-wrap figure img {height: auto;width: 80px;object-fit: cover;}
.in-tab-wrapper .tab-content.active {display: block;}
.in-tab-wrapper .tab-content{display:none;}
.legal-main-tab h2 {font-size: 40px;margin: 0;border-bottom: 6px solid #004282;padding-bottom: 20px;margin-bottom:25px;}
ul.leads-cont li {font-size: 25px;padding-bottom: 15px;}
ul.leads-cont li span {padding-right: 12px;}
ul.leads-cont li span svg {width: 13px;height: 13px;}
ul.leads-cont li span svg path {fill: #004282;}
.in-tab-wrapper .legal-box {width: 100%;}
.legal-box .box-inner {width: 100%;height: 100%;border: 4px solid #004282;border-radius: 20px;text-align: center;padding: 0 20px 20px;}
.legal-box .box-inner h4 {width: 370px;margin: 0 auto;font-size: 25px;font-weight: bold;color: #004282;background: #fff;padding-bottom: 25px;margin-top: -12px;}
.legal-box .box-inner span.cross-price {display: block;margin:0 auto 20px;font-size: 30px;position: relative;width:150px;}
.legal-box .box-inner span.cross-price sup.currencysymbol {font-size: 20px;position: relative;top: 4px;}
.legal-box .box-inner span.ppl-price {display: block;margin-bottom: 20px;font-size: 30px;position: relative;font-weight: bold;color: #004282;}
.legal-box .box-inner span.ppl-price sup.currencysymbol {font-size: 23px;position: relative;top: 2px;}
.legal-box .box-inner h3 {font-size: 40px;}
.legal-box .box-inner span.cross-price::before {content: "";position: absolute;width: 100px;height: 3px;background: red;transform: rotate(-17deg);top: 17px;left: 25px;}
.legal-main-tab .legal-text-wrap {background: #004282;padding: 5px 0 10px;margin: 20px 0;}
.legal-main-tab .legal-text-wrap p {color: #fff;margin: 0;font-size: 40px;font-weight: bold;letter-spacing: 1px;text-align: center;}
.legal-main-tab .legal-service ul {display: flex;align-items: center;flex-wrap: wrap;margin-left: -15px;margin-right: -15px;border-bottom: 1px solid #000;}
.legal-main-tab .legal-service ul li {width: 16.65%;padding: 0 15px;}
.legal-main-tab .legal-service ul li .service-wrap {margin-bottom: 10px;}
.legal-main-tab .legal-service ul.last-child {border: none;}
.lead-network-btn {width: 100%;text-align: center;position: relative;margin-top: 80px;margin-bottom: 80px;}
.lead-network-btn button {cursor:pointer;position: relative;background: #fff;border: 6px solid #004282;padding: 7px;border-radius: 30px;width: 350px;font-size: 22px;color: #004282;font-weight: bold;z-index: 1;}
.lead-network-btn::before {content: "";width: 100%;height: 6px;position: absolute;background: #004282;left: 0;top: 50%;transform: translate(0px, -50%);z-index: 0;}
.legal-service .service-wrap h4 {font-size: 20px;}
.other-service .contact-form {background: #33bdc0;padding: 30px 20px 30px;border-radius: 10px;}
.other-service .contact-form .form-group {margin-bottom: 30px;}
.other-service .contact-form label {font-size: 20px;width: 120px;display: inline-block;color: #fff;}
.other-service .contact-form input {display: inline;width: calc(100% - 130px);height: 40px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;}
.other-service .submit-btn button {width: 200px;font-size: 22px;height: 40px;border-radius: 20px;border: none;margin: 0 auto;background: #ff9412;font-weight: bold;color: #fff;letter-spacing: 1px;}
.other-service .submit-btn button:hover{background:#ff0;color:#000;}
.other-service .submit-btn {width: 100%;display: block;text-align: center;}
.other-service .other-text-wrap p {font-size: 22px;letter-spacing: 1px;word-spacing: 1px;padding: 0 70px;font-weight: bold;}
.other-service .row {align-items: center;}
.sec4 {background: linear-gradient(25deg, #33bdc0 50%, #30c8cd 50%) #33bdc0;padding: 80px 0;width: 100%;border-bottom: 4px solid #f5eb18;}
.sec4 h2 {text-align: center;font-size: 55px;margin-bottom: 80px;letter-spacing: 1px;color: #fff;}
.sec4 .client-slider .slide-content {background: #fff;padding: 0px;border-radius: 200px 4px 10px 200px;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.sec4 .client-slider .slide-content figure {width: 30%;}
.sec4 .client-slider .slide-content .right-text {width: 70%;height: 100%;}
.sec4 .client-slider .slide-content .right-text .top-tetx {width: 100%;padding-right: 30px;padding-top: 40px;padding-bottom: 20px;padding-left: 40px;}
.sec4 .client-slider .slide-content .right-text .top-tetx h5 {font-size: 25px;line-height: 37px;}
.sec4 .client-slider .slide-content .right-text .top-tetx p {font-size: 20px;text-align: right;}
.sec4 .client-slider .slide-content figure img {width: 100%;}
.sec4 .client-slider  ul.slick-dots {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin-top: 60px;}
.sec4 .client-slider ul.slick-dots li{padding: 0 15px;}
.sec4 .client-slider ul.slick-dots li button {border-radius: 50%;border: 2px solid #fff;background: #fff;color: transparent;width: 20px;height: 20px;cursor: pointer;}
.sec4 .client-slider ul.slick-dots li.slick-active button {background: transparent;}
.sec4 .client-slider button.slick-prev {cursor: pointer;position: absolute;bottom: 0;left: 25%;font-size: 0;width: 20px;height: 20px;border: none;background: transparent;}
.sec4 .client-slider button.slick-prev::before {content: "";position: absolute;top: 0;left: 0;height: 20px;width: 20px;border-style: solid;border-color: white;border-width: 0px 4px 4px 0px;transform: rotate(135deg);}
.sec4 .client-slider button.slick-next {cursor: pointer;position: absolute;bottom: 0;right: 25%;font-size: 0;width: 20px;height: 20px;border: none;background: transparent;}
.sec4 .client-slider button.slick-next::before {content: "";position: absolute;top: 0;left: 0;height: 20px;width: 20px;border-style: solid;border-color: white;border-width: 0px 4px 4px 0px;transform: rotate(-45deg);}
.sec5 {padding: 80px 0;width: 100%;}
.sec5 h2 {text-align: center;font-size: 55px;margin-bottom: 80px;letter-spacing: 1px;}
.sec5 .industry-slider .slider-itam {padding: 0 10px;}
.sec5 .industry-slider .slider-itam  .slide-content {width: 100%;box-shadow: 0 5px 10px rgba(0,0,0,0.25), 0 0px 10px rgba(0,0,0,0.22);}
.sec5 .industry-slider .slider-itam  .slide-content .right-text {padding: 25px 20px 10px;border-bottom: 7px solid #30c8cc;}
.sec5 .industry-slider .slider-itam .slide-content .right-text p {font-size: 18px;word-spacing: 6px;    overflow: hidden;display: -webkit-box;-webkit-line-clamp: 6;line-clamp: 6;-webkit-box-orient: vertical;}
.sec5 .industry-slider .slider-itam .slide-content .right-text h5 {font-size: 22px;}
.sec5 .industry-slider .slider-itam figure img {width: 100%;}
.sec5 .industry-slider  ul.slick-dots {display: flex;align-items: center;justify-content: center;flex-wrap: wrap;margin-top: 60px;}
.sec5 .industry-slider ul.slick-dots li{padding: 0 15px;}
.sec5 .industry-slider ul.slick-dots li button {border-radius: 50%;border: 2px solid #000;background: #000;color: transparent;width: 20px;height: 20px;}
.sec5 .industry-slider ul.slick-dots li.slick-active button {background: transparent;}
.sec5 .industry-slider button.slick-prev {position: absolute;bottom: 0;left: 25%;font-size: 0;width: 20px;height: 20px;border: none;background: transparent;}
.sec5 .industry-slider button.slick-prev::before {content: "";position: absolute;top: 0;left: 0;height: 20px;width: 20px;border-style: solid;border-color: #000;border-width: 0px 4px 4px 0px;transform: rotate(135deg);}
.sec5 .industry-slider button.slick-next {position: absolute;bottom: 0;right: 25%;font-size: 0;width: 20px;height: 20px;border: none;background: transparent;}
.sec5 .industry-slider button.slick-next::before {content: "";position: absolute;top: 0;left: 0;height: 20px;width: 20px;border-style: solid;border-color: #000;border-width: 0px 4px 4px 0px;transform: rotate(-45deg);}
.sec5 .industry-slider .slider-itam .slide-content figure.img-border {border: 7px solid #30c8cc;}
.sec5 .industry-slider .slider-itam .slide-content .right-text button {background: transparent;border: none;font-size: 18px;vertical-align: middle;text-align: right;width: 100%;color: #1461ac;cursor: pointer;}
.sec5 .industry-slider .slider-itam .slide-content .right-text button span {font-size: 23px;vertical-align: middle;}
.sec5 .industry-slider .slider-itam.adv .right-text {padding-top: 19px;}
.sec4.success-stor {background: linear-gradient(29deg, #504e4f 50%, #595959 50%) #504e4f;border-color: #63c9cc;}
.success-stor .solar-wrap {width: 100%;display: flex;align-items: center;flex-wrap: wrap;}
.success-stor .solar-wrap .left-col{width:45%;}
.success-stor .solar-wrap .right-col{width:55%;}
.success-stor .solar-wrap .left-col figure img {width: 100%;}
.success-stor .solar-wrap .right-col .top-tetx {width: 100%;height: 100%;background: #fff;padding: 70px 40px;border-right: 7px solid #2dccc8;}
.success-stor .solar-wrap .right-col .top-tetx h5 {font-size: 35px;font-weight: bold;margin-bottom: 42px;}
.success-stor .solar-wrap .right-col .top-tetx p {font-size: 28px;font-weight: normal;word-spacing: 5px;margin-bottom: 40px;}
.success-stor .solar-wrap .right-col .top-tetx figure {display: flex;justify-content: center;flex-wrap: wrap;}
.success-stor .solar-wrap .right-col .top-tetx figure img {width: 60%;}
.sec6 {padding: 80px 0;width: 100%;}
.sec6 h2 {text-align: center;font-size: 55px;margin-bottom: 80px;letter-spacing: 1px;}
.sec6 .left-text-wrap {display: flex;align-items: center;width: 100%;flex-wrap: wrap;margin-bottom: 50px;}
.sec6 .left-text-wrap figure {width: 17%;}
.sec6 .left-text-wrap figure img {width: 100%;}
.sec6 .left-text-wrap p {width: 83%;padding-left: 10px;margin-bottom: 0;padding-right: 10px;font-size: 30px;}
.sec6 .right-img-wrap {height: 100%;display: flex;align-items: center;width: 100%;flex-wrap: wrap;}
.sec6 .right-img-wrap figure{ width:100%;height:100%;}
.sec6 .right-img-wrap figure img{ width:100%;height:auto;}
.sec6 .btn-bottom_wrapper {padding-top: 90px;}
.sec6.avoid-sec .left-text-wrap figure {width: 50px;margin-top: 10px;}
.sec6.avoid-sec .left-text-wrap p {font-size: 30px;padding-left: 15px;width: calc(100% - 70px);padding-right: 190px;}
.sec6.qu-leads-sec  .left-text-wrap figure {width: 70px;}
.sec6.qu-leads-sec .left-text-wrap p {font-size: 50px;padding-left: 25px;padding-right: 0;width: calc(100% - 70px);font-weight: bold;}
.sec6.qu-leads-sec h3.require-text {font-size: 31px;text-align: center;margin-bottom: 70px;}
.sec6.qu-leads-sec h2 {margin-bottom: 10px;}
.sec6.qu-leads-sec .requir-bottom-text {text-align: center;}
.sec6.qu-leads-sec .requir-bottom-text p {font-size: 35px;padding: 30px 30px 0;margin-bottom: 0;}
.sec6.qu-leads-sec{background: #d3d3d3;border-bottom: 4px solid #63c9cc;}
.sec6.avoid-sec .left-text-wrap {align-items: self-start;}
.sec6.qu-leads-sec ul li:nth-child(3) {padding-left: 120px;}
.sec6.qu-leads-sec ul li:nth-child(2) {padding-left: 60px;}
.services-outer-wrap {width: 100%;position: relative;}
.get-leads-btn button.btn {width: 140px;font-size: 16px;height: auto;padding: 6px 10px;margin: 0;}
.get-leads-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;}
.get-leads-btn.show{opacity: 1;z-index: 99;}
.sec3 .service-wrap:hover::before {content: "";position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);left: 0;top: 0;z-index: 1;}

footer {width: 100%;background: #321c71;padding: 40px 0;}
footer .footer-navber ul {display: block;}
footer .footer-navber ul li {padding: 5px 0;}
footer .footer-navber ul li a {color: #3095b1;font-size: 17px;}
footer ul.footer-sub-menu {margin-left: 10px;}
footer .footer-navber ul li a:hover{color: #fff;border-bottom: 1px solid #fff;}
footer .copyright {margin-top: 50px;width: 100%;}
footer  .copyright ul.right-con {text-align: right;display: inline-block;width: 50%;}
footer .copyright p {color: #3095b1;margin: 0;margin-top: 0;width: 49%;display: inline-block;}
footer  ul.right-con li{display:inline-block;}
footer  ul.right-con li a {font-size: 15px;color: #3095b1;}
footer  ul.right-con li a:hover{color: #fff; border-bottom: 1px solid #fff;}
footer  ul.right-con li:first-child {margin-right: 30px;}
footer .social-icon {text-align: right;width: 100%;}
footer figure img {width: 200px;cursor: pointer;}
.social-icon ul li figure {width: 45px;height: 45px;background: #27cdc9;display: flex;align-items: center;justify-content: center;border-radius: 10px;}
.social-icon ul li {margin-bottom: 20px;width: 100%;display: flex;justify-content: end;flex-wrap: wrap;}
.social-icon ul li figure img {width: 80%;height: auto;cursor: pointer;}
.social-icon ul li figure.tiktop-icon img {width: 100%;}
.social-icon ul li figure.tiktop-icon {background: transparent;}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:auto;min-height:1px}[dir=rtl] 
.slick-slide{float:right}.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
@media screen and (max-width: 1400px) {
    header .novbar ul li {padding: 25px 18px;}
    header .novbar ul li a {font-size: 16px;}
    .left-banner-sec h2 {font-size: 32px;}
    .left-banner-sec h3 {font-size: 22px;}
    .btn-bottom_wrapper {padding-top: 70px;}
    .sec6.avoid-sec .left-text-wrap p {padding-right: 120px;}
    .sec2 {background: linear-gradient(31deg, #2e0d5e 50%, #330f69 50%) #2e0d5e;}
    .sec6.qu-leads-sec .left-text-wrap p {font-size: 40px;}
    .sec3 .indust-wrap-tabing ul li {width: 27%;}
    .sec3 .service-wrap figure img {width: 80px;}
    .sec3 .service-wrap h4 {font-size: 20px;}
    .sec3 .service-wrap span.ppl-price {font-size: 16px;}
    .sec4 {background: linear-gradient(31deg, #33bdc0 50%, #30c8cd 50%) #33bdc0;}
    .sec4.success-stor {background: linear-gradient(35deg, #504e4f 50%, #595959 50%) #504e4f;}
    .success-stor .solar-wrap .right-col .top-tetx {padding: 43px 40px;}
}
@media screen and (max-width: 1200px) {
 header .header-text h2 {font-size: 30px;}
 .header-btn button {font-size: 22px;}
 header .novbar ul li {padding: 25px 11px;}
 header .novbar ul li a {font-size: 15px;}
 h1 {font-size: 70px;}
 h2 {font-size: 35px;}
 h3 {font-size: 25px;}
 .left-banner-sec button.btn {margin-top: 10px;}
 button.btn {font-size: 22px;width: 300px;height: 45px;}
 .sec1, .sec2, .sec3, .sec4, .sec5, .sec6  {padding: 50px 0;}
 .sec1 .top-prograph {width: 100%;}
 .sec1 .card-inner-wrap figure {margin: 5px 0 15px;}
 h4 {font-size: 19px;}
 .sec1 .card-inner-wrap p {font-size: 20px;}
 .sec1 .top-prograph {padding-bottom: 0px;}
 .btn-bottom_wrapper {padding-top: 40px;}
 .sec1 .our-advant p {font-size: 20px;line-height: 34px;margin-bottom: 30px;}
 .sec1 .top-prograph h2 {font-size: 45px;margin-bottom: 50px;}
 .sec2 h2, .sec3 h2, .sec4 h2, .sec5 h2, .sec6 h2 {font-size: 45px;margin-bottom: 50px;}
 .sec2 .lets-wrap p {font-size: 25px;}
 .sec4 .client-slider .slide-content .right-text .top-tetx {padding-right: 20px;padding-top: 20px;padding-bottom: 10px;padding-left: 30px;}
 .sec5 .industry-slider .slider-itam .slide-content .right-text h5 {font-size: 18px;}
 .sec5 .industry-slider .slider-itam .slide-content .right-text p {font-size: 16px;word-spacing: 4px;}
 footer .footer-navber ul li a {font-size: 15px;}
 .sec4 .client-slider button.slick-prev,.sec5 .industry-slider button.slick-prev {left: 20%;}
 .sec4 .client-slider button.slick-next, .sec5 .industry-slider button.slick-next{right:20%;}
 .sec6 .left-text-wrap p {font-size: 27px;}
 .sec6 .left-text-wrap {margin-bottom: 40px;}
 .success-stor .solar-wrap .right-col .top-tetx {padding: 31px 40px;}
 .success-stor .solar-wrap .right-col .top-tetx h5 {font-size: 30px;margin-bottom: 15px;}
 .success-stor .solar-wrap .right-col .top-tetx p {font-size: 25px;margin-bottom: 20px;}
header .novbar ul li.bottom-arrow a::before {top: 4px;right: -13px;height: 8px;width: 8px;}
.sec6.avoid-sec .left-text-wrap p {font-size: 30px;padding-right: 50px;}
.sec6.qu-leads-sec h3.require-text {font-size: 35px;margin-bottom: 50px;}
.sec6.qu-leads-sec .left-text-wrap p {font-size: 40px;}
.sec6.qu-leads-sec .requir-bottom-text p {font-size: 30px;padding: 10px 30px 0;}
.sec1 .card-inner-wrap {padding: 10px 15px;}
.sec1 .card-inner-wrap figure {margin: 5px 0 10px;}
.sec6.qu-leads-sec .left-text-wrap p {font-size: 30px;}
.indust-wrap-tabing ul::before {top: 208px;}
.indust-wrap-tabing {margin-bottom: 50px;}
.sec4 .client-slider .slide-content .right-text .top-tetx h5 {font-size: 20px;line-height: 32px;}
.sec4 {background: linear-gradient(30deg, #33bdc0 50%, #30c8cd 50%) #33bdc0;}
.left-banner-sec .btn-wrap {text-align: left;margin-top: 25px;}
.legal-service .service-wrap h4 {font-size: 17px;}
.sec3 .service-wrap {height: 170px;}
.other-service .other-text-wrap p {padding: 0 40px;}
.video-wrapper::after {left: 25px;top: 25px;}
.sec3 .service-wrap figure img {width: 70px;}
}
@media screen and (max-width: 991px){
    .bottom-header .col-4.col-sm-12 {flex: 100%;max-width: 100%;}
    .bottom-header .col-8.col-sm-12 {flex: 100%;max-width: 100%;}
    header .novbar ul {justify-content: center;}
    header .novbar ul li {padding: 10px 15px 15px;}
    header .novbar ul li.bottom-arrow a::before {top: 4px;right: -14px;height: 8px;width: 8px;}
    .bottom-header figure {text-align: center;}
    .sec2 .lets-wrap {padding: 20px 10px;}
    .sec2 .lets-wrap p {font-size: 24px;}
    .sec2 .lets-wrap .text-wrap {margin-top: 35px;}
    h3 {font-size: 20px;}
    .sec2 .lets-wrap .count-wrap {width: 80px;top: -42px;}
    .sec2 .lets-wrap::after {width: 110px;height: 44px;top: 46px;right: -82px;}
    header .header-text h2 {font-size: 25px;}
    .header-btn button {font-size: 20px;}
    .banner-sec {padding: 50px 0;}
    h1 {font-size: 50px;}
    h2 {font-size: 30px;}
    button.btn {font-size: 20px;width: 250px;height: 45px;}
    .col-md-6 {flex: 50%;max-width: 50%;}
    .sec1 .card-outer-wrap {height: 350px;}
    .sec4 .client-slider .slide-content .right-text .top-tetx {padding-right: 10px;padding-top: 10px;padding-bottom: 0px;padding-left: 20px;}
    .sec4 .client-slider .slide-content .right-text .top-tetx h5 {font-size: 17px;line-height: 25px;}
    .sec4 .client-slider .slide-content .right-text .top-tetx p {font-size: 17px;}
    .sec4 .client-slider button.slick-prev,.sec5 .industry-slider button.slick-prev {left: 15%;}
    .sec4 .client-slider button.slick-next, .sec5 .industry-slider button.slick-next{right:15%;}
    footer .footer-navber ul li {padding: 5px 0px;}
    footer .copyright {margin-top: 30px;}
    footer .copyright p {width: 59%;font-size: 14px;}
    footer  .copyright ul.right-con {width: 40%;}
    footer  ul.right-con li a {font-size: 14px;}
    footer .footer-navber ul {padding: 0px 0px;}
    .social-icon ul li figure {width: 35px;height: 35px;}
    .success-stor .solar-wrap .right-col .top-tetx {padding: 26px 10px;}
    .success-stor .solar-wrap .right-col .top-tetx h5 {font-size: 25px;}
    .success-stor .solar-wrap .right-col .top-tetx p {font-size: 20px;word-spacing: 1px;margin-bottom: 20px;}
    .sec6 .left-text-wrap {margin-bottom: 20px;}
    .sec6 .left-text-wrap p {font-size: 22px;}
    .sec1 .card-inner-wrap figure img {width: 110px;}
    .sec1 .card-inner-wrap {padding: 20px 20px;}
    .sec6.avoid-sec .left-text-wrap p {font-size: 25px;}
    .sec6.qu-leads-sec h3.require-text {font-size: 30px;}
    .sec6.qu-leads-sec .left-text-wrap p {font-size: 30px;}
    .sec6.qu-leads-sec .requir-bottom-text p {font-size: 25px;}
    .sec6.avoid-sec .left-text-wrap figure img {width: 50px;}
    .banner-sec figure.banner-img img {object-fit: contain;}
    .left-banner-sec .btn-wrap {margin-top: 0px;}
    .sec1 .card-wrapper .row .col-6 {padding-left: 20px;padding-right: 10px;}
    .sec1 .our-advant .btn-bottom_wrapper button.btn {width: 200px;font-size: 16px;}
    .sec6.avoid-sec .left-text-wrap p {font-size: 20px;}
    .sec3 .indust-wrap-tabing ul li {margin: 0 24px;font-size: 20px;}
    .indust-wrap-tabing ul::before {top: 206px;}
    section.sec3 .row .col-2 {flex: 25%;max-width: 25%;}
    .sec1 .card-wrapper .row {margin-right: -10px;margin-left: -20px;}
    .sec1 .card-inner-wrap p {font-size: 17px;}
}
@media screen and (max-width: 767px){
    header .top-header-wrap {display: none;}
    header .novbar {display: none;}
    header .bottom-header figure {text-align: left;}
    header .hamburger-wrapper {display: block;position: absolute;top: -45px;right: 18px;}
    header .hamburger-wrapper {display: block;padding: 12px 0;z-index: 1338;}
    header .hamburger-menu.animate {background: transparent;}
    header .novbar.mobile-menu-overlay.visible {display: block;left:0;}
    header .novbar.mobile-menu-overlay.visible ul li a:hover, header .novbar.mobile-menu-overlay.visible ul li.active a {color: #000;border-bottom: 1px solid #000;}
    header .novbar.mobile-menu-overlay ul {display: block;}
    header .novbar.mobile-menu-overlay ul li {padding: 5px 10px 5px;}
    header .mobile-menu-overlay {z-index: 1337;display: none;width: 75%;height: 100vh;position: fixed;background: white;top: 0px;left: -500px;text-align: center;transition: 5s all;}
    header .mobile-menu-overlay ul {position: relative;top: 35%;transform: perspective(1px) translateY(-50%);font-size: 24px;font-weight: bold;line-height: 36px;}
    header .hamburger-menu {position: relative;transition: all 0ms 200ms;display: block;background:#fff;}
    header .hamburger-menu, .hamburger-menu:after, .hamburger-menu:before {width: 24px;height: 4px;border-radius: 2px;}
    header .hamburger-menu:before {content: "";position: absolute;left: 0;bottom: 8px;background: #fff;transition: bottom 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms cubic-bezier(0.23, 1, 0.32, 1);}
    header .hamburger-menu:after {content: "";position: absolute;left: 0;top: 8px;background: #fff;transition: top 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms cubic-bezier(0.23, 1, 0.32, 1);}
    header .hamburger-menu.animate:before {bottom: 0;transform: rotate(-45deg);transition: bottom 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1);}
    header .hamburger-menu.animate:after {top: 0;transform: rotate(45deg);transition: top 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1);}
    .col-sm-12 {flex: 100%;max-width: 100%;}
    .banner-sec {padding: 30px 0;text-align: center;}
    .banner-sec br {display: none;}
    .left-banner-sec button.btn {margin-top: 10px;margin-bottom: 20px;}
    .sec1, .sec2, .sec3, .sec4, .sec5, .sec6 {padding: 20px 0;}
    .sec1 .top-prograph {padding-bottom: 10px;}
    .sec2 .lets-wrap::after{display:none;}
    .sec2 h2, .sec3 h2, .sec4 h2, .sec5 h2, .sec6 h2 {font-size: 30px;margin-bottom: 20px;}
    .sec2 h2{margin-bottom:50px;}
    .sec2 .lets-wrap {margin-bottom: 50px;}
    .sec1 .card-outer-wrap {height: auto;}
    .btn-bottom_wrapper {padding-top: 0px;}
    .sec3 .col-3 {flex: 50%;max-width: 50%;}
    .sec4 .client-slider .slide-content {border-radius: 200px 200px 10px 10px;}
    .sec4 .client-slider .slide-content figure {width: 100%;}
    .sec4 .client-slider .slide-content .right-text {width: 100%;}
    .sec4 .client-slider  ul.slick-dots,  .sec5 .industry-slider  ul.slick-dots {margin-top: 30px;}
    .sec4 .client-slider ul.slick-dots li, .sec5 .industry-slider  ul.slick-dots li {padding: 0 8px;}
    .sec4 .client-slider ul.slick-dots li button, .sec5 .industry-slider  ul.slick-dots li button {width: 10px;height: 10px;}
    footer .footer-navber ul {display: block;padding: 5px 0px;}
    footer .footer-navber ul li{padding: 5px 0px;}
    footer .copyright p {margin-top: 0px;width: 100%;font-size: 14px;}
    footer  ul.right-con li:first-child {margin-bottom: 5px;}
    .sec4 .client-slider ul.slick-dots, .sec5 .industry-slider ul.slick-dots {margin-bottom: 15px;}
    footer  ul.right-con {text-align: left;}
    .social-icon ul {display: flex;padding: 10px 0;}
    .social-icon ul li {margin-bottom: 0px;width: 18%;display: inline-block;}
    .sec6 .left-text-wrap p {font-size: 20px;padding-right: 0;}
    .success-stor .solar-wrap .left-col, .success-stor .solar-wrap .right-col {width: 100%;}
    .success-stor .solar-wrap .right-col .top-tetx {padding: 20px 10px;border-bottom: 7px solid #2dccc8;border-right: none;}
    footer .copyright {margin-top: 5px;display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
    footer  .copyright ul.right-con {width: 100%;display: inline-block;text-align: left;margin-bottom: 10px;}
    .sec6.avoid-sec .left-text-wrap p {font-size: 20px;padding-right: 0px;}
    .sec6.qu-leads-sec h2 {margin-bottom: 5px;}
    .sec6.qu-leads-sec h3.require-text {font-size: 22px;margin-bottom: 20px;}
    .sec6.qu-leads-sec .left-text-wrap p {font-size: 25px;}
    .sec6.qu-leads-sec  .left-text-wrap figure {margin-top: 10px;}
    .sec6.qu-leads-sec .requir-bottom-text p {padding: 0 10px;font-size: 20px;}
    .sec1 .our-advant p {margin-bottom: 15px;padding-right: 0px;}
    .sec1 .top-prograph h2 {font-size: 30px;margin-bottom: 20px;}
    .sec1 .our-advant .btn-bottom_wrapper button.btn {width: 250px;font-size: 20px;height: 45px;margin-bottom: 20px;}
    .sec6.qu-leads-sec ul li:nth-child(2), .sec6.qu-leads-sec ul li:nth-child(3) {padding-left: 0;}
    .sec6.qu-leads-sec .requir-bottom-text p br {display: none;}
    .sec3 .indust-wrap-tabing ul {margin-right: 0;margin-left: 0;}
    .sec3 .indust-wrap-tabing ul li {width: 100%;margin: 0 0 20px;border-bottom: #30c8cc 4px solid;border-radius: 8px 8px 8px 8px;}
    .indust-wrap-tabing ul::before{display:none;}
    section.sec3 .row .col-2 {flex: 50%;max-width: 50%;}
    footer figure {text-align: center;}
    .left-banner-sec .btn-wrap {text-align: center;}
    .other-service .other-text-wrap p {padding: 0 0px;font-size: 18px;}
    .indust-wrap-tabing {margin-bottom: 20px;}
    .other-service .contact-form label {font-size: 18px;width: 100%;display: block;margin-bottom: 10px;}
    .other-service .contact-form input {width: 100%;}
    .other-service .contact-form .form-group {margin-bottom: 12px;}
    .other-service .contact-form {margin-bottom: 30px;}
    .other-service .submit-btn {margin-top: 30px;}
    header .novbar ul li a.mob-show {display: block;width: fit-content;margin: auto;}
    header .novbar ul li a.dek-show {display: none;}
    .video-wrapper::after {left: 20px;top: 20px;}
    .video-wrapper {margin-top: 20px;}
}

.configurator-box{
    font-size: 25px;
    width: 350px;
    height: 55px;
    background: #ff9412;
    border: none;
    border-radius: 10px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    text-align: center;
    padding: 13px 0px;
    margin-top: 30px;
}