/*  */
.small-text {color:#2c2b0c;}
.heading{color:#000; font-size:39px; font-weight:700;}
.work-process-section { width: 100%; display: block; padding: 90px 0px 100px; background: #f7f6e2 ; background-size: cover; background-position: center; }
.work-process-section .heading-block { width: 100%; display: block; max-width: 600px; margin: 0px auto 60px; text-align: center; }
.work-process-section .heading-block .description { font-size: 16px; color: #666666; margin-bottom: 0px; }
.work-process-block { max-width: 1600px; width: 100%; margin: 0px auto; /* height: 450px; */ }

.work-process-layout1 .work-process-top .number { display:inline-block; width:80px; height:80px; text-align:center; border:5px solid; font-size:26px; font-weight:700; line-height:73px; margin-left:40px; margin-bottom:25px; background-color: #b9b533 !important; border-radius: 50%; position: relative; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.work-process-layout1 .work-process-top { text-align:center; position:relative }
.work-process-layout1 .work-process-top .shape { -webkit-transition: all ease 0.4s; transition: all ease 0.4s;  display:inline-block; position:absolute; left:25px; top:63px; width:100%; height:270px; max-width:270px; -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 29% 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 29% 100%); border-radius:10px; z-index:0; -webkit-transform:rotate(-5deg); -ms-transform:rotate(-5deg); transform:rotate(-5deg); background-color: #b9b533; }

.work-process-layout1 .vs-work-process-2 .shape { background: #99962a !important; }
.work-process-layout1 .vs-work-process-2 .number{ background: #99962a !important; }
.work-process-layout1 .vs-work-process-2  .work-process-content { border-color: #99962a !important; }

/* .work-process-layout1 .vs-work-process-3 .shape { background: #008dc4  !important; }
.work-process-layout1 .vs-work-process-3 .number{ background: #008dc4  !important; }
.work-process-layout1 .vs-work-process-3 .work-process-content { border-color: #008dc4  !important; }
 */
.work-process-layout1 .vs-work-process-4 .shape { background: #99962a  !important; }
.work-process-layout1 .vs-work-process-4 .number{ background: #99962a  !important; }
.work-process-layout1 .vs-work-process-4 .work-process-content { border-color: #99962a !important; }

.work-process-layout1 .work-process-content { -webkit-transition: all ease 0.4s; transition: all ease 0.4s;  border-radius:10px; box-shadow:0px 3px 0px 0px rgba(17,180,245,0.004),0px 3px 50px 0px rgba(17,180,245,0.1); background-color:rgba(255,255,255,0.969); padding:35px 20px; padding-bottom:30px; max-width:270px; border-bottom:3px solid #b9b533; position: relative;}
.work-process-layout1 .work-process-content.odd-block { border-color: #d9d675; }
.work-process-layout1 .work-process-content .icon { width: 45px; height: 45px; margin: 0px auto 20px; }
.work-process-layout1 .work-process-content .icon img{ width: 100%; height: 100%; }
.work-process-layout1 .work-process-content .process-title { color: #1d165c; font-size: 20px; line-height: 30px; transition: all 500ms ease; font-weight:600;  margin-bottom: 12px;  }
.work-process-layout1 .work-process-content .text {  position: relative; font-size: 14px; line-height: 24px; color: #666666; transition: all 500ms ease; margin-bottom: 0px;  }
.work-process-layout1 .vs-work-process:hover .work-process-top .shape {-webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); -webkit-clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%); clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%)}
.work-process-layout1 .vs-work-process:hover .work-process-top .number { margin-bottom:0px;  margin-left:0% }