@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');
*{padding: 0px; margin: 0px;}
html{font-size: 62.5%;}
body{padding: 0px; margin: 0px; font-family: 'Montserrat', sans-serif;}
h1,h2,h3,h4,h5,h6, p{font-family: 'Montserrat', sans-serif;}
p{font-size: 1.7rem; font-weight: 400; color: #000; line-height: 2.7rem;}
ul{margin:0px; padding: 0px; list-style: none;}
a{transition: ease-in-out .5s;}
.custom-container{width: 100%; max-width: 1560px; padding: 0 15px; margin: 0 auto;}
.acce-container, .inner-container{width: 100%; max-width: 1383px; padding: 0 15px; margin: 0 auto;}
.container{max-width: 1170px;}
.main-header{background: #fff;}
.top-bar{padding: 1.5rem 0; border-bottom: 1px solid#e5eaee;}
.topbar-info{display: flex; flex-wrap: wrap;}
.topbar-info li, .followul li{font-size: 1.4rem; font-weight: 600; line-height: 2.4rem; color: #0a4687; padding-right: 3rem;}
.topbar-info li a, .followul li a{color: #0a4687;}
.topbar-info li i{padding-right: .8rem;}
.topbar-info li a:hover, .followul li a:hover{color: #ad4482; text-decoration: none;}
.followul{display: flex; flex-wrap: wrap; justify-content: end;}
.followul li:last-child{padding-right: 0;}
.topmenubar{padding: 2rem 0;}
.main-logo img{width: 100%; max-width: 299px;}
#cssmenu ul{display: flex; justify-content: center;}
#cssmenu ul ul{display: block;}
.whatsaapicon a{font-size: 1.8rem; font-weight: 600; color: #0a4687; line-height: 2.8rem; display: flex; justify-content: end; align-items: center; margin-top: 1.3rem; line-height: 2.8rem;}
.whatsaapicon a i{font-size: 2rem; margin-right: 1rem;}
.whatsaapicon a:hover{color: #ad4482; text-decoration: none;}
#cssmenu ul ul li{background: #ad4382;}
#cssmenu ul li a.active{color: #0a4687; border-bottom: 2px solid #0a4687;}
.adviseenter-sec{background: url(../images/advise-bg.webp)no-repeat; background-size: cover; padding: 12rem 0 16rem;}
.adviseentul{display: flex; flex-wrap: wrap; justify-content: center;}
.adviseentul li{width: 23%; padding: 0 1.5rem; display: flex; flex-flow: row nowrap; flex-direction: column; align-items: center; font-size: 1.7rem; font-weight: 500; font-style: italic; color: #000; text-align: center; line-height: 2.7rem;transition: ease-in-out .5s;}
.adviseentul li img{margin-bottom: 2rem; max-width: 148px;}
.adviseentul li:first-child{width: 18%;}
.adviseentul li:hover{transform: translate(0, 10px);}
.accelerating-sec{background: url(../images/acce-bg.webp)no-repeat center; padding: 0 0 7rem; background-attachment: fixed;}
.acceleftbox{background: #fff; padding: 10rem 20rem 8rem 7rem; width: 931px; margin-top: -10rem;}
.acceleftbox h3{font-size: 6.6rem; font-weight: 700; color: #0a4687; line-height: 6rem; text-transform: uppercase; margin-bottom: 2rem;}
.acceleftbox h4{font-size: 3rem; font-weight: 700; color: #0a4687; line-height: 4rem; text-transform: uppercase; margin-bottom: 1.5rem;}
.acceleftbox p{margin-bottom: 2.5rem;}
.btn{font-size: 1.7rem;padding: 1rem 3rem; border-radius: 4px;}
.btn-primary{color: #fff;  background: #ad4482;  border-color: #ad4482;}
.btn-primary:hover{color: #fff;background-color: #0a4687; border-color: #0a4687;}
.synergen-cont{display: flex;  height: 100%;  flex-flow: column;  justify-content: center; margin-left: -6rem;}
.synergenmean-box{width: 495px; background: #ad4482; padding: 8rem 7rem;}
.synergenmean-box h4{font-size: 3.2rem; color: #fff; line-height: 4.2re; font-weight: 700; font-style: italic; margin-bottom: 1.2rem;}
.synergenmean-box p{font-weight: 500; color: #fff;}
.advisory-sec{padding: 6rem 0;}
.advisory-fluid{padding: 0 10px; overflow-x: hidden;}
.main-heading{text-align: center;}
.main-heading h3{font-size: 4.2rem; font-weight: 600; color: #114687; line-height: 5.2rem; text-transform: uppercase; margin-bottom: 1.5rem;}
.main-heading p{margin-bottom: 5rem;}
.advisory-box{text-align: center;}
.advisory-box img{width: 100%;}
.advisory-box p{background: #ad4482; font-size: 2.3rem; font-weight: 600; color: #fff; padding: 2rem 1.5rem; margin-bottom: 0; line-height: 3rem; transition: ease-in-out .5s;}
.advisorycol3{padding: 0 .4rem; height: 100%; max-width: 20%;}
.advisory-box a:hover{text-decoration: none;}
.advisory-box:hover p{background: #0a4687; transition: ease-in-out .5s;}
.agile-box p{padding: 3.5rem 1.5rem;;}
.ourteamrow{margin-top: 6rem;}
.ourteamright{margin-right: -10px;}
.ourteamright img{width: 100%; max-width: 1086px;}
.ourteamleft-cont{display: flex; justify-content: center; height: 100%; flex-flow: column; position: relative;}
.ourteamleft-box{max-width: 775px; background: #e6e6e6; padding: 6rem 10rem 6rem 9rem;position: absolute;  right: -244px; z-index: 9;}
.ourteamleft-box h3{font-size: 4.2rem; font-weight: 600; color: #0a4687; line-height: 5.2rem; text-transform: uppercase; margin-bottom: 1.5rem;}
.ourteamleft-box p{margin-bottom: 2.5rem;}
.grow-sec{background: url(../images/growbg.webp) no-repeat; background-size: cover; padding: 12rem 0; margin-bottom: 3rem; }
.growbox{text-align: center; max-width: 878px; margin: 0 auto;}
.growbox h3{font-size: 4.2rem; font-weight: 600; color: #fff; line-height: 5.2rem; margin-bottom: 2rem;}
.growbox p{color: #fff; line-height: 3.2rem; margin-bottom: 4rem;}
footer{background: #072952; padding: 6rem 0 0;}
.footer-col img{width:100%; max-width: 299px; margin-bottom: 2rem;}
.footer-col h4{font-size: 1.4rem; font-weight: 700; color: #fff; line-height: 2.4rem; margin-bottom: 1.8rem;}
.footer-col p{font-size: 1.4rem; font-weight: 500; color: #fff; line-height: 2.4rem; width: 91%;}
.footer-menu h3{font-size: 2rem; font-weight: 700; color: #fff; line-height: 3rem; margin-bottom: 2rem;}
.quicklinkul li a{display: inline-block; font-size: 1.4rem; font-weight: 500; color: #fff; line-height: 2.4rem; margin-bottom: 1rem;}
.quicklinkul li a:hover{text-decoration: none; color: #ad4482;}
.quicklinkul h4{font-size: 1.4rem; line-height: 2.4rem; font-weight: 700; color: #fff; text-transform: uppercase; margin-bottom: 1rem;}
.technolinkul h4{margin-top: 1.5rem;}
.footer-menu p{font-size: 1.4rem; font-weight: 600; color: #fff; line-height: 2.4rem;}
.add-cont{display: flex; align-items: baseline; margin-bottom: 1rem;}
.add-cont p{font-weight: 500; margin-bottom: 0;}
.add-cont i{font-size: 1.4rem;  color: #fff; margin-right: 1rem;}
.add-cont p a{color: #fff;}
.add-cont p a:hover{text-decoration: none; color: #ad4482;}
.footer-bottom{background: #051d39; padding: 2rem 0; margin-top: 5rem;}
.footerbottom-box{display: flex; justify-content: space-between; flex-wrap: wrap;}
.footerbottom-box p{font-size: 1.3rem; font-weight: 600; color: #fff; margin-bottom: 0; line-height: 2.2rem; opacity: 50%;}
.footerbottom-box p a{color: #fff;}
.footerbottom-box p a:hover{text-decoration: none; color: #ad4482; }

/* overview */
.inner-header{background: url(../images/overviewbg.webp) no-repeat; background-size: cover; padding: 62rem 0 11rem;}
.innheader-box h3{font-size: 8rem; line-height: 8rem; font-weight: 700; color: #fff; position: relative; padding-left: 8rem;}
.innheader-box h3::before{content: '';width: 5.8rem; height:.9rem; display: block;background: #fff; position: absolute; left: 0; top: 1.5rem;}
.innheader-box h3::after{position: absolute;   top: 3.4rem;   left: 0;  display: block;  height: 3rem;  width: 5.8rem;   border-top: 1rem solid #fff;  border-bottom: 1rem solid #fff;  content: ''; }
.breadcrumb-ul{background: none; width: 480px; display: flex; justify-content: end;}
.breadcrumb-ul li{font-size: 1.7rem; line-height: 2.7rem; font-weight: 400; color: #fff;}
.breadcrumb-ul li a{color: #fff;}
.breadcrumb-ul li a:hover{color: #0a4687; text-decoration: none;}
.breadcrumb-ul .breadcrumb-item.active{color: #fff;}
.breadcrumb-ul .breadcrumb-item + .breadcrumb-item::before {  display: inline-block;  padding-right: .6rem;  padding-left: .6rem;  color: #fff;   content: ">"; }
.mobile-header{display: none;}
.aboutsa-sec{background: url(../images/aboutsa.webp)no-repeat center; padding: 0 0 9rem; background-attachment: fixed;}
.aboutsabox{padding: 14rem 22rem 11rem 7rem;}
.aboutsabox h3{margin-bottom: 2rem;}
.aboutsabox h5{font-size: 2.4rem; line-height: 3.4rem; font-weight: 700; color: #ad4482; text-transform: uppercase; position: relative; padding-bottom: 1rem; margin-bottom: 3rem; } 
.aboutsabox h5:after{content: ''; width: 20.7rem; height: .2rem; background: #ad4482; position: absolute;left: 0; bottom: 0;}
.serviceoff-box{height: 100%;display: flex; justify-content: end;   margin-right: -15px;}
.serviceoff-box img{width: 100%;  height: 100%;   -o-object-fit: cover;   object-fit: cover;   -o-object-position: center center;   object-position: center center; max-width: 925px;}
.serviceoffbox-left{display: flex; justify-content: center;  flex-direction: column; margin-left: 26rem; height: 100%;}
.serviceoffbox-left h3{font-size: 4.8rem; line-height: 4.8rem; font-weight: 500; color: #ad4482; text-transform: uppercase; padding-bottom: 1rem; margin-bottom: 3rem;  position: relative;}
.serviceoffbox-left h3:after{content: ''; width: 20.7rem; height: .1rem; background: #ad4482; position: absolute;left: 0; bottom: 0;}
.serviceoffbox-left h4{font-size: 3.6rem; line-height: 4.6rem; font-weight: 700; color: #114687; text-transform: uppercase; margin-bottom: 1.5rem;}
.serviceoffbox-left h5{font-size: 2.4rem; line-height: 3.4rem; font-weight: 700; color: #000; text-transform: uppercase; margin-bottom: 1.5rem;}
.serviceoffbox-left ul{margin-bottom: 2rem;}
.serviceoffbox-left ul li{position: relative; padding-left: 2rem; margin-bottom: 1rem;}
.serviceoffbox-left ul li:before{content: ''; width: .6rem; height: .6rem; background: #000; border-radius: 50%; position: absolute; left: 0; top: 12px;}
.serviceoffbox-left ul li a{font-size: 1.7rem; line-height: 2.7rem; font-weight: 400; color: #000; text-decoration: underline;}
.serviceoffbox-left ul li a:hover{text-decoration: none; color: #ad4482;}
.reason-row{margin-top: 7rem;}
.reasonbox{padding: 4rem 6rem; background: #f8c8e4; text-align: center; height: 100%; transition: ease-in-out .5s;}
.reasonbox:hover{transform: translate(0, -10px); background: #6fadf9;}
.reasonbox img{width: 100%; max-width: 128px; margin-bottom: 1rem;}
.reasonbox h3{font-size: 3.6rem; line-height: 4.6rem; font-weight: 400; color: #000;}
.tr-color{background: #a8ccf8;}
.net-color{background: #ccc;}
/* business advisory */
.business-bg{background: url(../images/business-bg.webp) no-repeat; background-size: cover; padding: 57rem 0 11rem;}
.business-breadcrumb-ul{width: 820px;}
.businesstrans-sec{padding: 6rem 0 0;}
.bustrans-headingtext h3{font-size: 6rem; line-height: 7rem; font-weight: 700; color: #114687; text-transform: uppercase;}
.bustrans-headingtext h4{font-size: 2.4rem; line-height: 3.4rem; font-weight: 700; color: #000; text-transform: uppercase;}
.business-cont{display: flex; flex-wrap: wrap; padding: 8rem 11rem 8rem 11rem; background: #fff;}
.business-num h3{font-size: 4rem; line-height: 5rem; font-weight: 400; color: #114687;}
.business-num{width: 10%;}
.business-text{width: 90%;}
.business-text h3{font-size: 4.8rem; line-height: 5.8rem; font-weight: 500; color: #ad4482; text-transform: uppercase; padding-bottom: 1rem; margin-bottom: 3rem; position: relative;}
.business-text h3::after {content: '';  width: 20.7rem;  height: .2rem;  background: #ad4482;  position: absolute;   left: 0;   bottom: 0;  }
.business-bottomimg{margin-top: -20rem;}
.business-bottomimg img{width: 100%; margin-bottom: 5rem;}
.supplychain-sec{padding: 0 0 6rem;}
.supplychain-cont{padding: 0;}
.supplychain-cont .business-num { width: 23%; }
.supplychain-cont .business-text { width: 76%;  }
.supplychain-cont .business-text  p{margin-bottom: 1.5rem;}
.supplyright-box{margin-top: -13rem;}
.supplyright-box img{max-width: 570px;}
#acsa02{margin-top: 6rem;}
.ppe-cont{padding: 6rem 0 0;}
.ppe-cont .business-num { width: 11%; }
.ppe-cont .business-text { width: 89%;  }
.ppe-cont .business-text p{margin-bottom: 2rem;}
.ppeimg{margin-top: 5rem; padding-right: 2rem;}
.ppeimg01{padding: 0 0 0 2rem;}
.ppeimg img{width: 100%;}
/* technology advisory */
.techno-bg{background: url(../images/techno-bg.webp) no-repeat; background-size: cover; padding: 57rem 0 11rem;}
.agile-bottomimg{margin-top: -18rem;}
.program-dec{padding: 0 0 6rem;}
.technology-sec{background: url(../images/technology-bg.webp) no-repeat; background-size: cover; padding: 14rem 0;}
.technology-cont{max-width: 931px;}
.technology-cont .business-num { width: 17%;}
.technology-cont .business-text { width: 79%; }
#supply02{margin-top: 6rem;}
/* our team */
.ourteam-bg{background: url(../images/ourteam-bg.webp) no-repeat; background-size: cover; padding: 59rem 0 9rem;}
.ourteam-sec{position: relative; padding: 7rem 0; }
.ourteam-sec:after{content: ''; width: 100%; height: 78.5%; background: #e6e6e6; position: absolute; left: 0; z-index: -1; top: 203px; }
.ourteamimg img{width: 100%;}
.ourteamtext h3 {font-size: 4.8rem;  line-height: 5.8rem;  font-weight: 500;  color: #ad4482;  text-transform: capitalize;  padding-bottom: 1rem;  margin-bottom: 1rem; position: relative; }
.ourteamtext h3::after {content: '';  width: 20.7rem;  height: .2rem;  background: #ad4482;  position: absolute;   left: 0;   bottom: 0;  }
.ourteamtext h4 { font-size: 2.4rem;  line-height: 3.4rem;  font-weight: 700;  color: #000;   text-transform: uppercase; margin-bottom: 5rem; }
.ourteamtext p{margin-bottom: 1.5rem;}
.ourteamsec02{margin-top: 6rem;}
.ourteamsec02:after{height: 85%;}
.ourteamtext ul li{font-size: 1.7rem; font-weight: 400;  color: #000;  line-height: 2.7rem; position: relative; padding-left: 1.5rem; margin-bottom: 1.5rem;}
.ourteamtext ul li::before{ content: '';  width: .6rem;  height: .6rem;  background: #000;   border-radius: 50%;   position: absolute;   left: 0;   top: 12px;}
/* contact us */
.contact-bg{background: url(../images/contact-bg.webp) no-repeat; background-size: cover; padding: 59rem 0 9rem;}
.contact-breadcrumb-ul{width: 544px;}
.contactus-sec{padding: 6rem 0; position: relative;}
.contactus-sec:after{content: ''; width: 100%; height: 58%; background: #e6e6e6; position: absolute; left: 0; top: 0; z-index: -1;}
.getin-row{margin-top: 6rem;}
.getincol{display: flex; justify-content: center; flex-direction: column;}
.getinleft{width: 646px; padding: 7rem 11rem; position: relative; z-index: 99; background: #fff;}
.getincont{display: flex; flex-wrap: wrap; margin-bottom: 1rem; align-items: center;}
.getinbox-img{width: 13%;}
.getinbox-img img{position: relative; top: 5px;}
.getinbox-text{width: 74%;}
.getinbox-text p{font-weight: 500; margin-bottom: 0;}
.getinbox-text p span{padding: 0 1rem;}
.getinbox-text p a{color: #000;}
.getinright img{width: 100%;}
.phonecont{position: relative; top: 0;}
.phonecont{display: flex; align-items: flex-end;}
.phonecont p a:hover{text-decoration: none; color: #ad4382;}
.onlineforn{background: #fff; padding: 8rem 12rem 4rem;}
.onlineforn h3{font-size: 4.8rem;  line-height: 5.8rem;  font-weight: 500;  color: #ad4482;  text-transform: uppercase; margin-bottom: 1.5rem;}
.enquiry{width: 100%; max-width: 783px; margin-top: 6rem;}
.custom-group .form-control {border: none;  border-bottom: 1px solid #bfbfbf;   border-radius: 0;  padding: 15px 10px 15px 0;  color: #000;  font-size: 1.7rem;  background: none; }
.custom-group{margin-bottom: 1rem;}
.custom-group .form-control:focus{box-shadow: none;}
.custom-group .form-control::placeholder{font-size: 1.7rem; color: #000; line-height: 2.7rem; font-weight: 400;}
.custom-group{position: relative;}
.form-img{margin: 2rem 0;}
.apply-btn .btn{margin-right: 2rem; padding: .8rem 4rem;}
/* thank */
.thankyou-bg{background: url(../images/thankyou-bg.webp) no-repeat; background-size: cover; padding: 59rem 0 9rem;}
.thankyou-sec{padding: 6rem 0;}
.thankyou-sec .bustrans-headingtext h4{text-transform: capitalize; font-weight: 400;}