.about-one {

    padding-top: 120px;

    padding-bottom: 150px;

	background-color: #fbfbfb;

}



.d-flex {

    display: -ms-flexbox!important;

    display: flex!important;

}

.mb-auto, .my-auto {

    margin-bottom: auto!important;

}

.about-one .block-title {

    margin-bottom: 30px;

}

.block-title {

    margin-bottom: 60px;

}



.block-title__tag-line {

    font-size: 16px;

    color: #848484;

    margin: 0;

    margin-bottom: 15px;

}



.block-title__tag-line-has-line {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.block-title__tag-line-has-line:before {

    content: '';

    width: 40px;

    height: 2px;

    background-color: #8fd258;

    margin-right: 10px;

}



.block-title__tag-line-has-line-reversed:before {

    display: none;

}



.block-title__tag-line-has-line-reversed:after {

    content: '';

    width: 40px;

    height: 2px;

    background-color: #8fd258;

    margin-left: 10px;

}



.block-title__title {

    color: #222222;

    font-weight: 600;

    font-size: 40px;

    line-height: 55px;

    margin: 0;

}



.block-title__title+.block-title__line {

    margin-top: 5px;

}



.block-title__line {

    display: inline-block;

    vertical-align: middle;

    width: 50px;

    height: 2px;

    background-color: #8fd258;

}



.thm-btn {

    display: inline-block;

    vertical-align: middle;

    cursor: pointer;

    border: none;

    outline: none;

    background-color: #8fd258;

    color: #fff;

    font-size: 16px;

    font-weight: 500;

    text-transform: uppercase;

    padding: 17px 43px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



* 5. about styles

*/

.about-one {

    padding-top: 120px;

    padding-bottom: 175px;

}



.about-one .block-title {

    margin-bottom: 30px;

}



.about-one__text {

    font-size: 16px;

    line-height: 26px;

    color: #777777;

    font-weight: 500;

    margin: 0;

    margin-bottom: 40px;

}



.about-one__image {

    position: relative;

    -webkit-box-shadow: 0px 30px 50px 0px rgba(8, 13, 62, 0.15);

    box-shadow: 0px 30px 50px 0px rgba(8, 13, 62, 0.15);

}



.about-one__image-title {

    margin: 0;

    color: #222222;

    font-size: 40px;

    background-color: #fff;

    mix-blend-mode: screen;

    font-weight: bold;

    line-height: 1em;

    padding-top: 30px;

    opacity: .95;

}



.about-one__image-text {

    margin: 0;

    text-transform: uppercase;

    color: #222222;

    font-size: 14px;

    background-color: #fff;

    mix-blend-mode: screen;

    font-weight: bold;

    line-height: 1em;

    padding-top: 10px;

    padding-bottom: 40px;

    opacity: .95;

}



.about-one__image-block {

    display: inline-block;

    position: relative;

    margin-right: 50px;

}



.about-one__image-block:after {

    content: '';

    position: absolute;

    top: 50px;

    left: 50px;

    width: 100%;

    height: 100%;

    border-style: solid;

    border-width: 5px;

    border-color: #8fd258;

    z-index: 0;

}



.about-one__image-block:before {

    content: '';

    position: absolute;

    bottom: 20px;

    left: 85px;

    width: 100%;

    height: 71%;

    background-color: #fff;

    background-image: url(../images/dot-pattern-1-1-op19.png);

    background-repeat: repeat;

    background-position: -4px 0;

    z-index: 1;

}



.about-one__image-block .inner {

    position: relative;

    z-index: 10;

}



.about-one__image-content {

    position: absolute;

    bottom: 30px;

    right: 0;

    width: 100%;

    max-width: 240px;

    text-align: center;

}



.about-two {

    padding: 150px 0;

}



.about-two__image {

    position: relative;

}



.about-two__image:before {

    content: '';

    width: 346px;

    height: 346px;

    background-color: #fff;

    background-image: url(../images/resources/dot-pattern-1-1-op19.png);

    background-repeat: repeat;

    background-position: -4px 0;

    position: absolute;

    bottom: -80px;

    left: -80px;

}



.about-two__image>img {

    max-width: 100%;

    -webkit-box-shadow: 0px 30px 50px 0px rgba(8, 13, 62, 0.15);

    box-shadow: 0px 30px 50px 0px rgba(8, 13, 62, 0.15);

    position: relative;

}



.justify-content-end {

    -ms-flex-pack: end!important;

    justify-content: flex-end!important;

}