@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
.services-section { overflow: hidden;padding: 60px 0;}
.services-tab { display: flex;}
.services-left { width:20%; position: relative; margin-top: -80px;}
.circle-img { display: none;margin-left: -320px;}
.circle-img img { transition: all 0.4s linear;}
.services-icon-row li { width: 100%; max-width: 320px; line-height: 24px;list-style:none;}
.services-icon-text {font-weight: 700; color: #19317b; transition: all 0s; position: absolute; width: 100%; max-width: 320px; line-height: 24px;margin: auto; left: 50%;transform: translate(-50%,0%) scaleY(0);  top: 246px;  padding-right: 0;  padding-top: 30px;}
.services-icon {width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 20px -4px rgb(0 0 0 / 10%); border-radius: 100%; position: absolute;background: #fff; bottom: 0;opacity: 0; transition: all 0.5s;left: 0; top: -160px;right: 0; margin: 0 auto;}
.services-icon img { width: 100%; max-width: 80px;}
.active .services-icon-text { transition: all .5s;transform: translate(-50%,0%) scaleY(1);}
.active .services-icon {opacity: 1;}
.services-right { width: calc(100% - 20%); }
.services-wrap { width: 100%; padding-left: 20px; padding-right: 0px;}
.services-section h2 { margin-bottom: 50px;}
.tab-list { margin-bottom: 40px;}
.divObj { display: none;}
.tab-list ul { position: relative; margin: 0 -10px; display: table;padding:0px;}
.tab-list ul li { display: inline-block;text-transform: uppercase; font-size: 14px; padding: 4px 13px;  vertical-align: middle; color: #19317b; border-radius: 90px; cursor: pointer;    background: #fff;}
.tab-list ul li.active { background: #19317b; color: #fff;}
.tab-text { margin-bottom: 30px;}
.link a { color: rgba(100, 85, 0 ,20); text-transform: uppercase; font-weight: 600;}
.link a i.fa { display: inline-block; position: relative; font-weight: 700; font-size: 20px; margin-left: 4px; transition: all 0.5s; left: 0;}
.services-section h4 {color:#0d397e;}
@media(max-width:991px){
    .services-left { display: none;}
    .services-right { width: 100%;}
    .services-wrap { padding: 0 15px; text-align: center;}
    .services-section h2 { margin-bottom: 30px;}
    .tab-list ul { margin: auto;}
    .services-icon { display: flex !important; position: relative; z-index: 1; opacity: 1; left: 0; margin-bottom: 30px;top:0;}
    .services-icon img {  max-width: 50px;}
}

@media(max-width:767px){
    .services-section {  padding: 50px 0; }
    .tab-list {width: 100%; max-width: 300px; position: relative; z-index: 3; margin: 0 auto 40px;}
    .divObj {width: 100%; text-align: left;  display: block; background: #fff; box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%); padding: 10px 25px 10px 15px; color: #19317b; text-transform: uppercase;  font-size: 14px; font-weight: 700; position: relative;}
    .divObj:after { content: "\f107"; font-family: 'FontAwesome'; position: absolute; right: 14px;  font-size: 28px;top:-2px;}
    .active .divObj:after { transform: scale(-1);}
    .tab-list > ul{position:absolute;left:0;width:100%;box-shadow:0 6px 10px 0 rgb(0 0 0 / 15%);padding: 0;display:none;height:165px;overflow:auto;background:#fff;}
    .tab-list ul li { width: 100%; text-align: left; border-radius: 0;padding: 7px 15px;}
}