body{font-family: 'Arial'; font-size: 14px;color: #000;}
a{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
.f-w-B{font-weight: bold;}
.f-s-37{font-size: 37px;}
.f-s-28{font-size: 28px;}
.f-s-23{font-size: 23px;}
.f-s-22{font-size: 22px;}
.text_black{color: #000000;}
.text_blue{color: #12294C;}
.tital span{font-weight: 400;color: #38b4e3;}
.abt_wrap{padding: 70px 20px 93px;}
.tital_bg{max-width: 265px;width: 100%;background-color: #d8d8de;background-image: linear-gradient(to right, #ffffff 40% , #d8d8de 100%);height: 50px;box-shadow: 5px 6px 8px 0px rgb(0, 0, 0, 0.5);padding: 6px 11px;border-radius: 14px;position: relative;margin-bottom: 22px;}
.tital_sub span{font-weight: 400;color: #38b4e3;}
.tital_bg.bg_green,.tital_bg.bg_orange,.tital_bg.bg_blue{position: relative;}
.tital_bg.bg_green:before {position: absolute;content: '';top: 11px;left: auto;right: -6px;width: 6px;height: 30px;background-color: #a0c64f;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.tital_bg.bg_orange:before {position: absolute;content: '';top: 11px;left: auto;right: -6px;width: 6px;height: 30px;background-color: #f9a65d;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.tital_bg.bg_blue:before {position: absolute;content: '';top: 11px;left: auto;right: -6px;width: 6px;height: 30px;background-color: #38b4e3;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.bg_green{background-color: #a0c64f;}
.bg_yellow{background-color: #f4dc64;}
.bg_orange{background-color: #f9a65d;}
.bg_blue{background-color: #38b4e3;}
.abt_cont p{font-size: 22px;}
.mar_b_35{margin-bottom: 35px;}

.work_list_btn{position: relative;background-color: #d8d8de;background-image: linear-gradient(to right, #ffffff 40% , #d8d8de 100%);box-shadow: 5px 6px 8px 0px rgb(0, 0, 0, 0.5);display:inline-block;padding: 4px 12px;border-radius: 14px;position: relative;margin-bottom: 22px;}
.work_list_btn:before{
	position: absolute;
    content: '';
    top: 0px;
    left: -75px;
    background-image: url(../images/dot.png);
    width: 44px;
    height: 44px;
    background-size: 44px;
    background-repeat: no-repeat;
    border-radius: 100px;
}
.work_list_bx {
    padding-left: 74px;
        padding-bottom: 55px;
}
.work_list:before
{
	position: absolute;
    content: '';
    top: 0px;
    left: 15px;
    background-image: url(../images/v_line.png);
    width: 13px;
    height: 100%;
    background-size: 13px;
    background-repeat: no-repeat;
}
/****************************
**********RESPONSIVE*********
****************************/
@media (max-width: 1199px){
	.f-s-37 {font-size: 32px;}
	.f-s-28 {font-size: 22px;}
	.tital_bg {max-width: 237px;height: 44px;border-radius: 10px;}
	.tital_bg.bg_green:before,.tital_bg.bg_orange:before,.tital_bg.bg_blue:before {top: 9px;right: -5px;width: 5px;height: 26px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
	.abt_cont p {font-size: 18px;}
	.f-s-22 {font-size: 18px;}
	.f-s-23 {
    font-size: 19px;
}
.work_list_btn:before {
    left: -72px;
    width: 38px;
    height: 38px;
    background-size: 38px;
}
.work_list_bx {
    padding-bottom: 34px;
}
}
@media (max-width: 991px){
	.abt_cont p {font-size: 16px;}
	.f-s-28 {font-size: 20px;}
	.f-s-37 {font-size: 28px;}
	.f-s-22 {font-size: 16px;}
	.tital_bg {max-width: 196px;height: 40px;border-radius: 6px;}
	.tital_bg.bg_green:before, .tital_bg.bg_orange:before, .tital_bg.bg_blue:before {top: 7px;}
	.f-s-23 {
    font-size: 17px;
}
}
@media (max-width: 767px){
	.tital {margin-bottom: 20px;}
	.work_list:before {
    width: 7px;
    height: 100%;
    background-size: cover;
}
.work_list_btn:before {
    left: -72px;
    width: 34px;
    height: 34px;
    background-size: 34px;
}
}
@media (max-width: 575px){
	.abt_wrap {padding: 34px 0px 34px;}
	.work_list_bx {
    padding-left: 50px;
    padding-bottom: 35px;
}
.work_list_btn:before {
    left: -48px;
}
}