@import url('sub.css'); 

.services_cont .services_top .fs36 {margin-bottom: 25px;}
.services_cont .services_top .fs36 span {line-height: inherit;}

.services_cont .services_list_cont h3 {margin-bottom: 40px;}
.services_cont .services_list_cont ol {display: flex; gap: 30px; flex-direction: column;}
.services_cont .services_list_cont ol li {display: flex; align-items: center; gap: 60px;}
.services_cont .services_list_cont ol li .imgbox {width: 50%; max-width: 795px; flex-shrink: 0;}
.services_cont .services_list_cont ol li .imgbox img {width: 100%;}
.services_cont .services_list_cont ol li .txtbox {display: flex; flex-direction: column; gap: 12px;}


/*******************************************************************************
    @media ~1920px
*******************************************************************************/
@media all and (max-width:1920px){

}

/*******************************************************************************
    @media ~1766px
*******************************************************************************/
@media all and (max-width:1766px){

}

/*******************************************************************************
    @media ~1500px
*******************************************************************************/
@media all and (max-width:1500px){

}

/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){

}

/*******************************************************************************
    @media ~980px
*******************************************************************************/
@media all and (max-width:980px){
.services_cont .services_top .fs36 {margin-bottom: 15px;}

.services_cont .services_list_cont h3 {margin-bottom: 20px;}
.services_cont .services_list_cont ol li {gap: 30px; align-items: flex-start;}
.services_cont .services_list_cont ol li .txtbox {gap: 8px;}
.services_cont .services_list_cont ol li .txtbox .fs36 {font-size: 1.6rem;}
}

/*******************************************************************************
    @media ~680px
*******************************************************************************/
@media all and (max-width:680px){
.services_cont .services_list_cont ol li {flex-direction: column; gap: 15px;}
.services_cont .services_list_cont ol li .imgbox {width: 100%;}
.services_cont .services_list_cont ol li .txtbox {position: relative;}
.services_cont .services_list_cont ol li .txtbox .num {position: absolute; top: 3px; left: 0;}
.services_cont .services_list_cont ol li .txtbox h4.fs36 {padding-left: 37px;}
}