.layout-31 .d-flex { column-gap: 1.45%; row-gap: 15px; flex-wrap:wrap; }
.layout-31 .box { flex: 0 0 32.36%; background-color:#018daf; padding: 43px 25px 56px; transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.layout-31 .box:hover { box-shadow: 0 2px 15px rgba(0, 0, 0, 0.45); transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.layout-31 .box h5 { color:#ffffff; margin-bottom: 50px; }
.layout-31 .box h5 strong { font-weight:700; position:relative; }
.layout-31 .box h5 strong:before { content:""; position:absolute; border-bottom:2px solid #ffffff; bottom: -10px; left:0; width:80%; }
.layout-31 .box h5 strong:after { content:""; position:absolute; border-bottom:2px solid #f89824; bottom:-10px; right:0; width: 17.5%; }
.layout-31 .box ul li { font-weight:400; color:#ffffff; position:relative; padding: 0 0 12px 25px; }
.layout-31 .box ul li:before { content:"\f046"; position:absolute; font-family:fontawesome; font-size:18px; color:#fff; left:0; top:1px; }
.layout-31 p { font-size:20px; color:#000000; margin-bottom: 20px; }
.layout-31 h2 { margin-bottom: 5px; }
.layout-31 .box .btn { font-size: 24px; border-radius: 4px; line-height: initial; padding: 10px 20px; }

@media screen and ( max-width: 1199px ) { 

.layout-31 { padding: 100px 0; }
.layout-31 .box .btn { font-size: 20px; }

}

@media screen and ( max-width: 991px ) { 

.layout-31 { padding: 80px 0; }
.layout-31 .d-flex { column-gap: 2.5%; }
.layout-31 .box { flex: 0 0 48.7%; }


}

@media screen and ( max-width: 767px ) { 

.layout-31 { padding: 50px 0; }
.layout-31 .box { padding: 30px 15px 40px; }
.layout-31 .box ul li::before { font-size: 16px; top: 0px; }
.layout-31 .box .btn { font-size: 18px; padding: 8px 15px; }
.layout-31 .box ul li { padding: 0 0 9px 20px; }
.layout-31 .box h5 { margin-bottom: 30px; }
.layout-31 p { font-size: 17px; }
.layout-31 .box h5 { font-size: 20px; line-height: 25px; }


}

@media screen and ( max-width: 599px ) { 

.layout-31 .box { flex: 0 0 100%; max-width: 380px; width: 100%; margin: 0 auto; padding: 20px 10px 30px; }
.layout-31 .box .btn { font-size: 16px; }


}