#why-section .text-group01 h2{font-family: 'Chonburi', cursive;color: #ffffff;font-size: 50px;line-height: 52px;letter-spacing: 2.5px;margin-bottom: 10px;position: relative;}



#why-section .text-group01 h2:before{content: '';width: 1px;height: 50px;background: #f13838;position: absolute;top: 0;left: -37px;}


#why-section h3{
    color: #f13838;
}

#why-section h3 a{position: relative;color: inherit;}
#why-section h3 a:before{content: '';position: absolute;left: 0;right: 0;bottom: 0px;width: 100%;height: 1px;background: #f13838;}

#why-section p{color: #cfcfcf;}


#why-section .item-why{text-align: center;background: #111111;padding: 30px;margin-bottom: 20px;min-height: 400px;border: 1px solid #f13838;-webkit-transition: all 0.3s ease-in-out;-khtml-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}


#why-section .item-why img{filter: grayscale(100%);margin-bottom: 30px;
-webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}



#why-section .item-why h4{
	color: #ffffff;
	font-size: 20px;
	line-height: 24px;
	-webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


#why-section .item-why h5{color: #f13838;-webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}



#why-section .item-why p{font-size: 16px;-webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}


#why-section .item-why:hover{background: #f13838;-webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}


#why-section .item-why:hover img{filter: grayscale(0%);-webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}






#why-section .item-why:hover h5{color: #111111;-webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}



#why-section .item-why:hover p{color: #f5f5f5;-webkit-transition: all 0.3s ease-in-out;
    -khtml-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}


@media (max-width: 992px) {

#why-section h3 {
    font-size: 18px;
    line-height: 24px;
}
   #why-section .text-group01 h2 {font-size: 30px;line-height: 34px;display: inline-block;position: relative;}
   #why-section .text-group01 h2:before {width: 50%;height: 1px;top: -25px;left: 25%;right: 25%;}
   #why-section .text-group01 h3 {
    font-size: 25px;line-height: 34px;
}

}




@media (min-width: 992px) {
	


}


@media (min-width: 1200px) {

#why-section p{font-size: 18px;}



}