.what-we-do_main .container{width:100%;padding-left:0;padding-right:0}.what-we-do__section{width:100%}.what-we-do__section .what-we-do_holder{position:relative;border-radius:20px;overflow:hidden}@media (max-width:768px){.what-we-do__section .what-we-do_holder{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:50px 0}}.what-we-do__section .what-we-do_holder img{width:100%}@media (max-width:768px){.what-we-do__section .what-we-do_holder img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.what-we-do__section .what-we-do_holder .network-image{min-height:810px;height:100%;width:auto;-o-object-fit:cover;object-fit:cover;max-width:100%;border-radius:20px}@media (max-width:768px){.what-we-do__section .what-we-do_holder .network-image{position:absolute;width:100%;min-height:initial;top:0;left:0}}.what-we-do__section .what-we-do_holder .what-we-do_card{position:absolute;z-index:1;top:50%;left:0;padding:20px;background-color:rgba(255,255,255,.85);border-radius:10px;-webkit-box-shadow:0 0 30px 10px rgba(0,0,0,.1);box-shadow:0 0 30px 10px rgba(0,0,0,.1);text-align:center;width:33%;max-width:260px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}@media (max-width:768px){.what-we-do__section .what-we-do_holder .what-we-do_card{position:relative;display:inline-block;z-index:1;top:50%!important;left:0!important;-webkit-box-flex:0;-ms-flex:0 0 32%;flex:0 0 32%;max-width:32%;padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (max-width:520px){.what-we-do__section .what-we-do_holder .what-we-do_card{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:95%;margin:20px 0}}.what-we-do__section .what-we-do_holder .what-we-do_card .what-we-do_card_icon{max-width:45px;-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;margin:0 auto 15px}.what-we-do__section .what-we-do_holder .what-we-do_card .what-we-do_heading{font-size:1.1rem;font-weight:700;margin-bottom:20px}.what-we-do__section .what-we-do_holder .what-we-do_card p{font-size:.8rem}.what-we-do__section .what-we-do_holder .what-we-do_card .what-we-do_btn{margin:0 auto;background-color:var(--color-tertiary)!important}@media (max-width:768px){.what-we-do__section .what-we-do_holder .what-we-do_card .what-we-do_btn{margin-top:auto}}.what-we-do__section .what-we-do_holder .what-we-do_card:before{content:'';position:absolute;bottom:-30px;left:50%;margin-left:-15px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:30px solid rgba(255,255,255,.8);-webkit-transition:all .3s ease-out;transition:all .3s ease-out}@media (max-width:768px){.what-we-do__section .what-we-do_holder .what-we-do_card:before{content:none}}.what-we-do__section .what-we-do_holder .what-we-do_card .icon-number{color:var(--color-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700;position:absolute;bottom:-75px;left:50%;margin-left:-20px;width:40px;height:40px;border-radius:1000px;background-color:var(--color-tertiary)!important;border:5px solid rgba(255,255,255,.8);font-style:normal}@media (max-width:768px){.what-we-do__section .what-we-do_holder .what-we-do_card .icon-number{display:none}}.what-we-do__section .what-we-do_holder .what-we-do_card .icon-number:after{content:'';z-index:-1;position:absolute;width:40px;height:40px;background-color:var(--color-tertiary)!important;border-radius:1000px;-webkit-animation:pulsating 3s infinite cubic-bezier(.36,.11,.89,.32);animation:pulsating 3s infinite cubic-bezier(.36,.11,.89,.32)}.what-we-do__section .what-we-do_holder .what-we-do_card:hover{background-color:var(--color-primary)}@media (max-width:600px){.what-we-do__section .what-we-do_holder .what-we-do_card:hover{background-color:rgba(255,255,255,.9)!important}}.what-we-do__section .what-we-do_holder .what-we-do_card:hover .what-we-do_heading{color:var(--color-white)}@media (max-width:600px){.what-we-do__section .what-we-do_holder .what-we-do_card:hover .what-we-do_heading{color:var(--color-primary)!important}}.what-we-do__section .what-we-do_holder .what-we-do_card:hover p{color:var(--color-white)}@media (max-width:600px){.what-we-do__section .what-we-do_holder .what-we-do_card:hover p{color:var(--color-primary)!important}}.what-we-do__section .what-we-do_holder .what-we-do_card:hover .what-we-do_btn{background-color:var(--color-tertiary)!important}.what-we-do__section .what-we-do_holder .what-we-do_card:hover:before{content:'';position:absolute;bottom:-30px;left:50%;margin-left:-15px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:30px solid var(--color-primary)}@media (max-width:600px){.what-we-do__section .what-we-do_holder .what-we-do_card:hover:before{border-top:30px solid rgba(255,255,255,.8)}}.what-we-do__section .what-we-do_holder .transport_planning{left:73%;top:27%}@media (max-width:992px){.what-we-do__section .what-we-do_holder .transport_planning{left:68%;top:20%}}.what-we-do__section .what-we-do_holder .highways_infrastructure{left:4%;top:20%}@media (max-width:992px){.what-we-do__section .what-we-do_holder .highways_infrastructure{left:1%;top:20%}}.what-we-do__section .what-we-do_holder .drainage_flood_risk{left:39%;top:21%}@media (max-width:992px){.what-we-do__section .what-we-do_holder .drainage_flood_risk{left:34.5%;top:19%}}@-webkit-keyframes pulsating{from{-webkit-transform:scale(.5,.5);transform:scale(.5,.5);opacity:1}to{-webkit-transform:scale(2.5,2.5);transform:scale(2.5,2.5);opacity:0}}@keyframes pulsating{from{-webkit-transform:scale(.5,.5);transform:scale(.5,.5);opacity:1}to{-webkit-transform:scale(2.5,2.5);transform:scale(2.5,2.5);opacity:0}}