/*---------------------
About
-----------------------*/

.about__index {
padding-top: 70px;
padding-bottom: 70px;
}

.about__index a:hover {
color: #fff;
text-decoration: none;
}

.about__index .play-btn {
width: 94px;
height: 94px;
background: radial-gradient(#94c045 50%, rgba(148, 192, 69, 0.4) 52%);
border-radius: 50%;
display: block;
position: absolute;
left: calc(50% - 47px);
top: calc(50% - 47px);
overflow: hidden;
}

.about__index .play-btn::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-40%) translateY(-50%);
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #fff;
z-index: 100;
transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.about__index .play-btn::before {
content: '';
position: absolute;
width: 120px;
height: 120px;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation: pulsate-btn 2s;
animation: pulsate-btn 2s;
-webkit-animation-direction: forwards;
animation-direction: forwards;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: steps;
animation-timing-function: steps;
opacity: 1;
border-radius: 50%;
border: 5px solid rgba(148, 192, 69, 0.7);
top: -15%;
left: -15%;
background: rgba(198, 16, 0, 0);
}

.about__index .play-btn:hover::after {
border-left: 15px solid #94c045;
transform: scale(20);
}

.about__index .play-btn:hover::before {
content: '';
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-40%) translateY(-50%);
width: 0;
height: 0;
border: none;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #fff;
z-index: 200;
-webkit-animation: none;
animation: none;
border-radius: 0;
}
.about__index .section-title {
margin-bottom: 45px;
text-align: left;
padding-bottom: 0;
}
.about__index .section-title span {
color: #94c045;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 4px;
display: block;
margin-bottom: 8px;
}
.about__index .section-title h2 {
font-size: 40px;
color: #111111;
line-height: 1.4;
font-weight: 400;
margin-bottom: 0;
}
.about__top__text {
margin-bottom: 45px;
}
.about__top__text p {
font-size: 18px;
line-height: 30px;
margin-bottom: 0;
}
.about__video {
height: 535px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 30px;
}
.about__text {
background: #ffffff;
-webkit-box-shadow: 0px 10px 21px rgba(99, 134, 137, 0.16);
box-shadow: 0px 10px 21px rgba(99, 134, 137, 0.16);
padding: 100px 90px 105px 70px;
margin-left: -95px;
margin-top: -70px;
margin-bottom: 30px;
}
.about__text span {
color: #94c045;
font-size: 16px;
font-weight: 700;
letter-spacing: 4px;
text-transform: uppercase;
display: block;
margin-bottom: 8px;
}
.about__text h2 {
color: #111111;
font-size: 38px;
line-height: 1.4;
margin-bottom: 26px;
}
.about__text p {
font-size: 18px;
line-height: 30px;
color: #444444;
font-weight: 400;
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about__text {
        padding: 50px 90px 50px 70px;
        margin-left: 0;
        margin-top: 0;
    }
}

@media only screen and (max-width: 767px) {
    .about__text {
        padding: 50px 70px 50px 70px;
        margin-left: 0;
        margin-top: 0;
    }
}

@media only screen and (max-width: 479px) {
    .about__text {
        padding: 30px 30px 50px 30px;
    }
}