body {
    background-color: black;
}
.common-padding {
    padding: 0 100px;
}
html {
  scroll-behavior: smooth;
}
.nopadding{
    padding: 0;
}

.header {
	position: fixed;
	z-index: 10;
	background-color: black;
	width: 100%;
	padding: 0 30px;
}

.header .navbar-brand span {
    color: #daff71;
}
.header .navbar-brand {
    font-size: 25px;
    font-weight: 700;
    color: white;
}

.header .btn {
    height: 40px;
    box-shadow: none;
}

.btn {
    display: flex;
    align-items: center;
    outline: none;
    text-transform: uppercase;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    border-radius: 30px;
    color: #000;
    transition: all 0.4s ease;
    cursor: pointer;
}

.primary-btn {
    background-color: #daff71;
    padding: 15px 30px;
}

.header .btn {
    border: 2px solid transparent;
    padding: 10px 25px;
    font-size: 16px;
}

.header .btn:hover {
    background-color: transparent;
}

.header .primary-btn:hover {
    border-color: #daff71;
    color: #daff71;
}

.header .secondary-btn:hover {
    border-color: #fff;
    color: #fff;
}

.header .primary-btn:hover {
    color: #daff71;
    border-color: #daff71;
    font-size: 16px;
}
.primary-btn:hover {
    background-color: #daff71;
}

.secondary-btn:hover {
    background-color: #fff;
}

.text-gray {
    color: #808080;
}

.btn-shadow {
    box-shadow: 0px 0px 40px 5px #daff71;
}
.btn-shadow:hover {
    box-shadow: 0px 0px 60px 10px #daff71;
    transition: 0.4s ease;
}

.header .navbar .navbar-nav .nav-item .nav-link {
    color: white;
    padding-right: 20px;
}

/* --------------============mobile menu================---------- */

/* Overlay style */
.mobile-menu .overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    z-index: 23;
}
.mobile-menu .navbar-brand {
    margin-bottom: 30px;
    display: block;
    margin-right: 0;
}

.mobile-menu .navbar-brand img {
    width: 100%;
}

/* Overlay closing cross */
.mobile-menu .overlay .overlay-close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    background: url("../images/cross.png") no-repeat center center;
    text-indent: 200%;
    color: transparent;
    outline: none;
    z-index: 100;
}

#trigger-overlay {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='36' height='36' fill='%23daff71'%3E%3Cpath d='M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z'%3E%3C/path%3E%3C/svg%3E");
    width: 50px;
    height: 50px;
    border: none;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    padding: 0;
}

/* Menu style */
.mobile-menu .overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mobile-menu .overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    position: relative;
}

.mobile-menu .overlay ul li {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mobile-menu .overlay ul li a {
    font-size: 54px;
    font-weight: 300;
    display: block;
    color: #fff;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.mobile-menu .overlay ul li a:hover,
.mobile-menu .overlay ul li a:focus {
    color: #f0f0f0;
}

/* Effects */
.mobile-menu .overlay-door {
    visibility: hidden;
    width: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width 0.5s 0.3s, visibility 0s 0.8s;
    transition: width 0.5s 0.3s, visibility 0s 0.8s;
}

.mobile-menu .overlay-door.open {
    visibility: visible;
    width: 100%;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
}

.mobile-menu .overlay-door nav {
    position: absolute;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.mobile-menu .overlay-door nav,
.mobile-menu .overlay-door .overlay-close {
    opacity: 0;
    -webkit-transition: opacity 0.3s 0.5s;
    transition: opacity 0.3s 0.5s;
}

.mobile-menu .overlay-door.open nav,
.mobile-menu .overlay-door.open .overlay-close {
    opacity: 1;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.mobile-menu .overlay-door.close nav,
.mobile-menu .overlay-door.close .overlay-close {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

/* @media screen and (max-height: 30.5em) {
	.overlay nav {
		height: 70%;
		font-size: 34px;
	}
	.overlay ul li {
		min-height: 34px;
	}
} */

/* --------------============mobile menu end================---------- */

/* -----------------------hero banner----------------------- */
/* body {
  background-color: #000000;
  color: #555555;
} */
h4 {
    font-family: inter;
    color: #555555;
    font-size: 16px;
}
h3 {
    font-family: inter;
    color: #555555;
}
p {
    font-family: inter;
    color: #888888;
    font-size: 14px;
}
a {
    font-family: inter;
    /* color: #d15423; */
    text-decoration: none;
}

.slider {
    width: 500px;
    background: rgba(0, 90, 50, 0.7);
}

.hero-banner-text {
    position: absolute;
    top: 40%;
}
.hero-banner-text h1 {
    font-size: 85px;
    font-weight: 700;
    color: white;
    line-height: 1;
}
.hero-banner-text h3 span {
    color: #daff71;
}
.hero-banner-text p {
    font-size: 18px;
    font-weight: 500;
    color: white;
    margin: 18px 0 25px;
    width: 68%;
}
#canvasOne {
    padding: 100px 0;
}
.banner-btn {
    padding: 15px 30px;
    background-color: #daff71;
    color: #000000;
    border: none;
    border-radius: 30px;
    font-weight: 700;
    display: inline-block;
    box-shadow: 0px 0px 40px 5px #daff71;
    /* transition: 0.5s ease-in-out; */
    transition: 0.4s ease;
}
.banner-btn:hover {
    box-shadow: 0px 0px 60px 10px #daff71;
    transition: 0.4s ease;
}

/* --------------------------------------- unlimited files scrollma ----------------------------*/

.features {
    overflow: hidden;
    /* position: relative; */
    padding: 40px 0;
    /* max-width: 100%; */
}

#outro {
    height: 40px;
}

/* scrollama */

#scroll {
    position: relative;
    border-top: 1px dashed #000;
    border-bottom: 1px dashed #000;
}

.scroll__graphic {
    position: absolute;
    top: 0;
    /* left: 0; */
    bottom: auto;
    background-color: black;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.scroll__graphic.is-fixed {
    position: fixed;
}

.scroll__graphic.is-bottom {
    bottom: 0;
    top: auto;
}

.chart img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.scroll__text {
    position: relative;
    width: 33%;
}

.step {
    margin: 2rem auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: auto;
}
.step h2 {
    font-size: 80px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
}
.step p {
    text-align: left;
    font-size: 18px;
    line-height: 1.5;
    color: #888;
    margin: 25px 0 35px;
}

.step.is-active {
    background-color: transparent;
}

.demo-btn:hover {
    box-shadow: 0px 0px 60px 10px #daff71;
    transition: 0.5s ease-in-out;
}

.right-content {
    width: 920px !important;
    height: 630px !important;
    padding: 25px;
    /* border-radius: 30px; */
}

.chart {
    position: absolute;
    right: 1rem;
    top: 50%;
    border-width: 1px;
    border-style: solid;
    /* animation: rotateBorder 5s infinite linear; */
    animation: rotateBorder 5s infinite ease;
    border-radius: inherit;
    width: 920px;
    height: 630px;
    transform: translate(-20%, -50%);
}

@keyframes rotateBorder {
    0% {
        border-image: linear-gradient(to right, #3c3d3a, #daff71) 1;
    }
    100% {
        border-image: linear-gradient(to right, #daff71, #3c3d3a) 1;
    }
}

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

.scroll__text {
    position: relative;
    /* padding: 0 1rem; */
    /* max-width: 30rem; */
    width: 33%;
}

/* ----------------------------------------scroll trigger------------------- */

/* .trigger {
    background-color: #fff;
} */
.div-terms-slide-001.top {
    margin-bottom: 30px;
}

.div-terms-slide-001 {
    flex-wrap: nowrap;
    display: flex;
}

.div-for-terms {
    flex-wrap: nowrap;
    display: flex;
}

.box-terms-ep {
    text-align: center;
    border: 1px solid #b4b4b4;
    border-radius: 25px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    margin-right: 5px;
    padding: 10px 30px;
    display: flex;
    background-color: #131313;
}
.green-circle {
    display: flex;
    align-items: center;
    padding: 0 20px;
}
.green-circle span {
    background-color: #daff71;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.txt-terms {
    white-space: nowrap;
    margin-bottom: 0px !important;
    font-size: 18px;
    font-weight: 600;
    color: #b4b4b4;
}

.marqueeouter {
    height: 350px;
    overflow: hidden;
}

/* ----------------------------handles-over------------------------ */
.handles-over {
    position: relative;
    padding: 0px 0 100px;
    overflow: hidden;
}
.handles-content {
    text-align: center;
}

.handles-content h2 {
    font-size: 350px;
    color: #000;
    text-shadow: 0px 0px 60px rgba(218, 255, 113, 0.4);
    background: -webkit-linear-gradient(
        -90deg,
        #daff71 40%,
        #000 100%,
        #839944 20%
    );
    -webkit-background-clip: text;
    -webkit-text-stroke: 3px transparent;
    font-weight: 700;
    line-height: 0.8;
}
 .handles-content .manual-time {
    font-size: 30px;
    font-weight: 600;
    color: #daff71;
    opacity: 0.5 !important;
    margin: 35px auto;
}
.handles-content p {
    font-size: 50px;
    line-height: 1.1;
    width: 65%;
    margin: 0 auto;
    color: #888888;
    font-weight: 600;
}
.response-time {
    display: flex;
    justify-content: space-evenly;
    margin-top: 85px;
    text-align: center;
}
.response-time h3 {
    font-size: 120px;
    color: #000;
    margin: 0;
    line-height: 1;
    text-shadow: 0px 0px 60px rgba(218, 255, 113, 0.4);
    background: -webkit-linear-gradient(
        -90deg,
        #daff71 40%,
        #000 100%,
        #839944 20%
    );
    -webkit-background-clip: text;
    -webkit-text-stroke: 3px transparent;
}
.response-time p {
    font-size: 25px;
    color: #888888;
    margin: 0;
    line-height: 0;
    font-weight: 500;
}

/* ----------------------============Security=================------------ */

.Security {
    padding: 150px 0 80px;
}
.security-content {
    text-align: center;
}
.security-content h5 {
    font-size: 16px;
    font-weight: 400;
    color: #daff71;
}
.security-content h2 {
    font-size: 80px;
    font-weight: bold;
    color: white;
    width: 73%;
    margin: 0 auto;
    line-height: 1;
}
.security-content p {
    font-size: 20px;
    color: #888888;
    margin: 15px 0 0;
}
.security-row-content {
    background-color: #daff71;
    color: #000;
    padding: 100px 50px 50px;
    border-radius: 20px;
    height: 100%;
}
.security-row-content h3 {
    font-size: 25px;
    font-weight: 600;
    color: #000;
    padding: 15px 0 10px;
}
.security-row-content p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
}
.Security .row {
    margin-top: 100px;
}
.Security .col-lg-4 {
    padding: 25px;
}

/* --------------------------------======================pricing=============================--------------------- */

.pricing {
    padding: 80px 0;
    position: relative;
}
.pricing-content {
    text-align: center;
    margin-bottom: 60px;
}
.pricing-content h5 {
    font-size: 16px;
    color: #daff71;
}
.pricing-content h2 {
    font-size: 80px;
    color: white;
    font-weight: 700;
    width: 65%;
    margin: 0 auto;
    line-height: 1;
}
.pricing-content p {
    font-size: 20px;
    margin: 25px 0 0;
    display: block;
}

/* .boxes{

    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 50px;
 
} */
.top-content {
    text-align: center;
}
.top-content h5 {
    font-size: 35px;
    color: white;
    font-weight: 600;
}
.top-content h6 {
    font-size: 17px;
    color: white;
    margin: 20px 0;
    font-weight: 600;
}
.top-content p {
    font-size: 20px;
    color: white;
    margin: 0;
}
.top-content span {
    font-size: 60px;
    font-weight: 600;
}
.box-content ul {
	padding-left: 0;
	margin-bottom: 35px;
}
.box-content ul li p {
	font-size: 16px;
	line-height: 1.7;
	color: #b4b4b4;
	flex: 1;
	margin-bottom: 0;
}
.box-content ul li {
	list-style: none;
	display: flex;
	align-items: baseline;
	margin-bottom: 10px;
}
.box-content ul li span {
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #daff71;
    border-radius: 50px;
    margin-right: 15px;
}
.na {
    opacity: 0.5;
}

.box-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    border: 2px solid #daff71;
    padding: 60px 40px;
    border-radius: 35px;
}

.box-2 {
    transform: scale(1.12);
    
    border: none;
    box-shadow: 0px 0px 25px 5px #daff71;

}

.pricing .col-lg-4 {
    margin-top: 100px;
}

/* ------------------------------=======================Faq section==========================------------------ */

.faq {
    padding: 150px 0 320px;
    position: relative;
    text-align: center;
}
.faq .faq-heading h2 {
    font-size: 80px;
    width: 55%;
    margin: 0 auto;
    color: white;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 50px;
}
.faq .accordion {
    width: 75%;
    margin: 0 auto;
}
.faq .accordion-button {
    font-size: 18px;
    background-color: black;
    color: #b4b4b4;
    padding: 30px 0;
}
.faq .accordion-button:focus {
    z-index: 3;
    box-shadow: none;
}
.faq .accordion-body {
    padding: 30px 0;
    background-color: black;
    color: #888;
    text-align: start;
}
.faq .accordion-item {
    border-color: #daff71;
}
.accordion-flush > .accordion-item:last-child {
    border-bottom: 1px solid #daff71;
}
.faq .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='%23daff71'%3E%3Cpath d='M11 11V5H13V11H19V13H13V19H11V13H5V11H11Z'%3E%3C/path%3E%3C/svg%3E");
    width: 45px;
    height: 45px;
    border-radius: 50px;
    background-color: #282828;
    background-size: unset;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.faq .accordion-button:not(.collapsed)::after {
    box-shadow: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' fill='%23daff71'%3E%3Cpath d='M5 11V13H19V11H5Z'%3E%3C/path%3E%3C/svg%3E");
}
.accordion-button:not(.collapsed) {
    box-shadow: none;
}

/* ---------------==============================great minds (section)========================------------------- */

.testimonials {
    background-color: #daff71;
    position: relative;
    padding: 80px 0;
}
.great-minds-heading h2 {
    font-size: 140px;
    color: #000;
    font-weight: 700;
    line-height: 1;
    transform: translateY(-208px);
}
.great-minds-heading span {
    color: white;
}

.great-minds-heading p {
    font-size: 20px;
    color: #000;
    margin-top: -185px;
    width: 15%;
    font-weight: 600;
    line-height: 1.2;
}
.item {
    background-color: white;
    padding: 25px;
    border-radius: 10px;
    margin-bottom: 25px;
    box-shadow: 0px 0px 24px -10px gray;
}
.card-img {
    width: auto;
}
.card-img img {
    width: 50px;
}
.cards-box {
    display: flex;
    align-items: start;
    gap: 25px;
}
.card-content {
    display: flex;
    align-items: center;
}
.card-content i {
    font-size: 25px;
    padding-right: 10px;
}
.card-content span {
    color: palevioletred;
}
.card-content h4 {
    margin: 0;
    padding-right: 10px;
}
.testimonial-content .col-lg-4:nth-child(1) {
    padding-top: 135px;
}
.testimonial-content .col-lg-4:nth-child(2) {
    padding-top: 55px;
}

/* ----------------------====================your team=====================------------------- */
.your-team {
    /* height: 100vh; */
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    /* padding: 80px 0; */
}
#panel {
    width: 100%;
    height: 100vh;

    background-color: #000;
}
/* canvas {
    width: 100%;
} */

/* .your-team-content {
    position: absolute;
    top: -25px;
    left: 30%;
    transform: translateY(50%);
    width: 45%;
} */

.your-team-content {
	position: absolute;
	top: 0;
	left: 22%;
	transform: translateY(50%);
	width: 60%;
}
.your-team h2 {
    font-size: 140px;
    font-weight: 700;
    color: #daff71;
    /* width: 70%; */
    text-align: center;
    line-height: 0.8;
}
.your-team-text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.your-team-text p {
	font-size: 22px;
	margin: 30px;
	font-weight: 600;
}
.your-team-text {
    text-align: center;
    margin-bottom: 110px;
}
.secondary-btn {
    padding: 20px 30px;
    background-color: white;
    box-shadow: 0px 0px 45px 0px #daff71;
}

/* ---------------------============================footer section==================----------------------- */

.footer {
    /* height: 100vh; */
    position: relative;
    background-color: #161616;
    padding: 100px 120px 0;
}

.footer-left h2 {
    font-size: 50px;
    font-weight: 600;
    color: #daff71;
    line-height: 0.9;
    margin-bottom: 20px;
}

.social-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background-color: #555555;
    border-radius: 50%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-decoration: none;
    color: #daff71;
    font-size: 24px;
    transition: background-color 0.3s, color 0.3s;
}
.social-content {
    display: flex;
    gap: 15px;
}
.footer-right {
    display: flex;
    justify-content: space-evenly;
}
.footer-above-links h4,
.footer-below-links h4 {
    font-size: 20px;
    font-weight: 600;
    color: white;
}
.footer-above-links ul,
.footer-below-links ul {
    padding: 0;
}
.footer-above-links li,
.footer-below-links li {
    list-style: none;
}
.footer-above-links li a,
.footer-below-links li a {
    font-size: 16px;
    color: #888;
}
.footer-end {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 80px;
}
.footer-end span {
    font-size: 15px;
    font-weight: 500;
    margin: 20px 0;
    color: #747474;
}
.bottom-line {
    height: 1px;
    width: 100%;
    /* background: -webkit-linear-gradient( 0deg, #3C3D3A 0%,  #DAFF71 52%, #ACC761 64%, #3C3D3A 100% ); */
    /* background-clip: border-box; */
    /* -webkit-background-clip: text; */
    /* -webkit-text-stroke: 1px #3C3D3A; */

    background-image: linear-gradient(
        90deg,
        hsl(90deg 0% 0%) 0%,
        hsl(77deg 52% 60%) 50%,
        hsl(76deg 64% 65%) 36%,
        /* hsl(77deg 29% 49%) 59%, */ hsl(90deg 3% 0%) 100%
    );

    /* background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(85,85,0,0.01) 1%,rgba(51,51,51,0.02) 2%,rgba(64,64,64,0.03) 3%,rgba(70,70,70,0.04) 4%,rgba(59,78,59,0.05) 5%,rgba(80,80,64,0.06) 6%,rgba(75,90,60,0.07) 7%,rgba(97,97,73,0.08) 8%,rgba(89,89,66,0.09) 9%,rgba(92,102,71,0.1) 10%,rgba(94,104,66,0.11) 11%,rgba(93,102,68,0.12) 12%,rgba(104,112,72,0.13) 13%,rgba(102,117,73,0.14) 14%,rgba(110,117,76,0.15) 15%,rgba(108,121,76,0.16) 16%,rgba(113,125,83,0.17) 17%,rgba(113,130,79,0.18) 18%,rgba(116,133,78,0.19) 19%,rgba(125,140,83,0.2) 20%,rgba(123,142,78,0.21) 21%,rgba(127,142,80,0.22) 22%,rgba(130,148,80,0.23) 23%,rgba(136,149,85,0.24) 24%,rgba(136,152,82,0.25) 25%,rgba(139,155,84,0.26) 26%,rgba(141,160,88,0.27) 27%,rgba(144,166,85,0.28) 28%,rgba(145,170,85,0.29) 29%,rgba(152,172,90,0.3) 30%,rgba(154,178,91,0.31) 31%,rgba(160,183,92,0.32) 32%,rgba(160,186,94,0.33) 33%,rgba(166,190,95,0.34) 34%,rgba(168,192,96,0.35) 35%,rgba(171,197,96,0.36) 36%,rgba(174,199,98,0.37) 37%,rgba(177,202,100,0.38) 38%,rgba(181,207,101,0.39) 39%,rgba(182,211,99,0.4) 40%,rgba(186,214,102,0.41) 41%,rgba(186,215,101,0.42) 42%,rgba(189,221,104,0.43) 43%,rgba(194,227,106,0.44) 44%,rgba(197,229,104,0.45) 45%,rgba(198,230,105,0.46) 46%,rgba(202,235,106,0.47) 47%,rgba(205,240,108,0.48) 48%,rgba(210,244,109,0.49) 49%,rgba(213,249,111,0.49) 50%,rgba(214,251,110,0.5) 51%,rgba(219,255,112,0.5) 52%,rgba(214,249,110,0.5) 53%,rgba(211,247,112,0.49) 54%,rgba(206,240,109,0.48) 55%,rgba(204,237,109,0.47) 56%,rgba(200,232,107,0.46) 57%,rgba(194,227,105,0.44) 58%,rgba(192,223,102,0.43) 59%,rgba(186,215,101,0.41) 60%,rgba(183,211,100,0.4) 61%,rgba(178,207,98,0.38) 62%,rgba(175,203,99,0.37) 63%,rgba(171,199,95,0.35) 64%,rgba(167,193,94,0.35) 65%,rgba(165,192,96,0.34) 66%,rgba(163,187,92,0.33) 67%,rgba(159,182,92,0.32) 68%,rgba(156,179,89,0.31) 69%,rgba(153,173,88,0.3) 70%,rgba(149,170,89,0.29) 71%,rgba(146,168,87,0.28) 72%,rgba(145,164,88,0.27) 73%,rgba(139,159,84,0.26) 74%,rgba(136,156,82,0.25) 75%,rgba(138,151,82,0.24) 76%,rgba(127,146,82,0.23) 77%,rgba(130,148,83,0.22) 78%,rgba(123,137,78,0.21) 79%,rgba(120,135,83,0.2) 80%,rgba(119,130,76,0.19) 81%,rgba(110,127,75,0.18) 82%,rgba(112,124,75,0.17) 83%,rgba(108,121,76,0.16) 84%,rgba(106,113,71,0.15) 85%,rgba(105,120,75,0.14) 86%,rgba(99,107,66,0.13) 87%,rgba(93,102,68,0.12) 88%,rgba(88,98,69,0.11) 89%,rgba(85,96,64,0.1) 90%,rgba(85,85,61,0.09) 91%,rgba(85,85,71,0.08) 92%,rgba(80,80,64,0.07) 93%,rgba(73,73,55,0.06) 94%,rgba(70,70,70,0.05) 95%,rgba(57,85,57,0.04) 96%,rgba(73,73,73,0.03) 97%,rgba(85,85,0,0.02) 98%,rgba(0,0,0,0.01) 99%,rgba(0,0,0,0) 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}