@import url('https://fonts.googleapis.com/css?family=Raleway:400,400i,500,500i,600,600i,700,700i,800');
body {font-family: 'Raleway', sans-serif;}

.decor-3 a, a:hover, a:focus, a:active {outline: 0 !important; text-decoration: none; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s; cursor: pointer !important;}
.decor-3 button {cursor: pointer !important;}
.decor-3 .no-padding {padding: 0;}
.decor-3 .margin-top-20 {margin-top: 20px; display: inline-block;}
.decor-3 .margin-top-30 {margin-top: 30px; display: inline-block;}
.decor-3 .margin-top-40 {margin-top: 40px; display: inline-block;}
.decor-3 .margin-top-50 {margin-top: 50px; display: inline-block;}
.decor-3 .btn-default {border-radius:50px; border: 1px solid #FCBB76; background: transparent; color: #fff; padding: 10px 35px; text-transform: uppercase; display: inline-block;}
.decor-3 .btn-default:hover {border: 1px solid #fff;}

/*==================== start css ======================*/
.decor-3 {width: 100%; display: inline-block; padding: 0px 0 0px; position: relative;}
.decor-3 > img {width: 100%; height: 630px; object-fit: cover;}
.decor-3 .section-title-text {width: 100%; display: inline-block; padding: 0 0 0; margin: 0 0 60px 0; text-align: center; line-height: 0;}
.decor-3 .section-title-text h3 {width: 100%; display: inline-block; font-size: 21px; color: #fff; margin: 0; padding: 0 0 20px; font-weight: bold; letter-spacing: 2px;}
.decor-3 .inner-feature {display: flex; align-items: center; justify-content: center;}
.decor-3 .feature-img-center {width: 300px; height: 300px; border-radius: 100%; object-fit: cover; opacity: 0.7; display: inline-block;}
.decor-3 .image-overlay {position: relative;}
.decor-3 .overlay {width: 100%; background: rgba(0,0,0,0.5); padding: 80px 0; position: absolute; top: 0; left: 0; height: 100%;}
.decor-3 .section-title-line {height: 3px; width: 50px; background: #fc5656; text-align: center; display: inline-block;}
.decor-3 .box-feature {width: 100%; display: inline-block; margin: 10px 0;}
.decor-3 .left-feature-box {border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; padding: 0; float: left;}
.decor-3 .left-feature-box img {max-height: 30px; max-width: 30px;}
.decor-3 .icon-color1 {background: #6DD3D1;}
.decor-3 .icon-color2 {background: #FC5656;}
.decor-3 .icon-color3 {background: #FABC59;}

.decor-3 .right-feature-box {width: 75%; display: inline-block; float: right;}
.decor-3 .right-feature-box h4 {width: 100%; display: inline-block; font-size: 18px; color: #fff; margin: 0; padding: 5px 0 8px; line-height: normal; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}
.decor-3 .right-feature-box p {width: 100%; display: inline-block; font-size: 15px; color: #fff; margin: 0 0 10px; padding: 0; line-height: 24px;}
.decor-3 .box-feature:hover h4 {color: #FC5656; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}

.decor-3 .right-sectio .right-feature-box {float: left; text-align: right;}
.decor-3 .right-sectio .left-feature-box {float: right;}


@media screen and (min-width: 1025px) and (max-width: 1199px) {
  .decor-3 > img {height: 670px;}
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
  .decor-3 > img {height: 670px;}
}
@media screen and (min-width: 600px) and (max-width: 767px) {
  .decor-3 .right-feature-box {width: 86%;}
  .decor-3 .overlay {padding: 50px 0; height: auto;}
  .decor-3 .section-title-text {margin: 0 0 40px;}
  .decor-3 .inner-feature {display: inline-block;}
  .decor-3 .overlay {position: relative; background: #000;}
  .decor-3 > img {height: auto;}
  .decor-3 .feature-img-center {margin: 20px 0 40px;}
  .decor-3 .right-sectio .right-feature-box {float: right; text-align: left;}
  .decor-3 .right-sectio .left-feature-box {float: left;}
}
@media screen and (min-width: 481px) and (max-width: 599px) {
  .decor-3 .right-feature-box {width: 82%;}
  .decor-3 .overlay {padding: 50px 0; height: auto;}
  .decor-3 .section-title-text {margin: 0 0 40px;}
  .decor-3 .inner-feature {display: inline-block;}
  .decor-3 .overlay {position: relative; background: #000;}
  .decor-3 > img {height: auto;}
  .decor-3 .feature-img-center {margin: 20px 0 40px;}
  .decor-3 .right-sectio .right-feature-box {float: right; text-align: left;}
  .decor-3 .right-sectio .left-feature-box {float: left;}
}
@media screen and (max-width: 480px) {
  .decor-3 .overlay {padding: 50px 0; height: auto;}
  .decor-3 .section-title-text {margin: 0 0 40px;}
  .decor-3 .inner-feature {display: inline-block;}
  .decor-3 .overlay {position: relative; background: #000;}
  .decor-3 > img {height: auto;}
  .decor-3 .feature-img-center {margin: 20px 0 40px;}
  .decor-3 .right-sectio .right-feature-box {float: right; text-align: left;}
  .decor-3 .right-sectio .left-feature-box {float: left;}
}