* {
  box-sizing: border-box;
}
body {
  font-size: 14px;
}
.v1139_812 {
  width: 100%;
  height: 2744px;
  background: rgba(255,255,255,1);
  padding: 21px 0px;
  margin: 35px;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.v1139_901 {
  width: 100%;
  height: 76px;
  background: url("../images/v1139_901.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 10px 0px;
  margin: 10px;
  opacity: 1;
  position: absolute;
  top: 57px;
  left: 100px;
  overflow: hidden;
}
.v1139_902 {
  width: 318px;
  height: 56px;
  background: url("../images/v1139_902.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 10px 5px;
  margin: 10px;
  opacity: 1;
  position: absolute;
  top: 9px;
  left: 0px;
  overflow: hidden;
}
.v1139_903 {
  width: 310px;
  height: 36px;
  background: url("../images/v1139_903.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 10px;
  left: 5px;
  overflow: hidden;
}
.v1139_904 {
  width: 100%;
  height: 110px;
  background: url("../images/v1139_904.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 5px 10px;
  margin: 14px;
  opacity: 1;
  position: absolute;
  top: 168px;
  left: 100px;
  overflow: hidden;
}
.v1139_905 {
  width: 225px;
  color: rgba(32,63,80,1);
  position: absolute;
  top: 24px;
  left: 10px;
  font-family: Montserrat;
  font-weight: Bold;
  font-size: 48px;
  opacity: 1;
  text-align: left;
}
.v1139_906 {
  width: 617px;
  color: rgba(68,68,68,1);
  position: absolute;
  top: 66px;
  left: 10px;
  font-family: Montserrat;
  font-weight: Regular;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.v1141_988 {
  width: 100%;
  height: 538px;
  background: url("../images/v1141_988.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 313px;
  left: 100px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}
.v1143_1002 {
  width: 100%;
  height: 460px;
  background: rgba(231,246,250,1);
  opacity: 1;
  position: absolute;
  top: 77px;
  left: 0px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}
.v1141_991 {
  width: 384px;
  height: 338px;
  background: url("../images/v1141_991.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 20px 20px;
  margin: 20px;
  opacity: 1;
  position: absolute;
  top: 57px;
  left: 30px;
  overflow: hidden;
}
.v1139_916 {
  width: 344px;
  color: rgba(32,63,80,1);
  position: absolute;
  top: 20px;
  left: 20px;
  font-family: Montserrat;
  font-weight: Bold;
  font-size: 24px;
  opacity: 1;
  text-align: left;
}
.v1139_915 {
  width: 344px;
  color: rgba(32,63,80,1);
  position: absolute;
  top: 94px;
  left: 20px;
  font-family: Montserrat;
  font-weight: Regular;
  font-size: 18px;
  opacity: 1;
  text-align: left;
}
.v1141_1000 {
  width: 344px;
  height: 50px;
  background: url("../images/v1141_1000.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 10px 0px;
  margin: 10px;
  opacity: 1;
  position: absolute;
  top: 263px;
  left: 20px;
  overflow: hidden;
}
.v1141_998 {
  width: 250px;
  height: 40px;
  background: url("../images/v1141_998.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 5px;
  left: 0px;
  overflow: hidden;
}
.v1141_992 {
  width: 589px;
  height: 366px;
  background: url("../images/v1141_992.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 55px;
  left: 442px;
  overflow: hidden;
}
.v1139_911 {
  width: 557px;
  height: 321px;
  background: url("../images/v1139_911.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 10px;
  left: 16px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.09000000357627869);
  overflow: hidden;
}
.v1141_993 {
  width: 351px;
  height: 538px;
  background: url("../images/v1141_993.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  left: 889px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}
.v1141_994 {
  width: 361px;
  height: 545px;
  background: url("../images/v1141_994.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 7px;
  left: 11px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}
.v1143_1003 {
  width: 100%;
  height: 450px;
  background: url("../images/v1143_1003.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 886px;
  left: 100px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}
.v1143_1006 {
  width: 331px;
  height: 398px;
  background: url("../images/v1143_1006.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 39px 0px;
  margin: 14px;
  opacity: 1;
  position: absolute;
  top: 26px;
  left: 850px;
  overflow: hidden;
}
.v1139_924 {
  width: 331px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 39px;
  left: 0px;
  font-family: Montserrat;
  font-weight: Bold;
  font-size: 24px;
  opacity: 1;
  text-align: right;
}
.v1139_923 {
  width: 331px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 121px;
  left: 0px;
  font-family: Montserrat;
  font-weight: Regular;
  font-size: 18px;
  opacity: 1;
  text-align: right;
}
.v1143_1013 {
  width: 172px;
  height: 38px;
  background: url("../images/v1143_1013.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 335px;
  left: 159px;
  overflow: hidden;
}
.v1148_502 {
  width: 947px;
  height: 450px;
  background: url("../images/v1148_502.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.v1143_1015 {
  width: 100%;
  height: 420px;
  background: url("../images/v1143_1015.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 30px;
  opacity: 1;
  position: absolute;
  top: 1371px;
  left: 100px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}
.v1143_1017 {
  width: 396px;
  height: 392px;
  background: url("../images/v1143_1017.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 10px 47px;
  margin: 10px;
  opacity: 1;
  position: absolute;
  top: 14px;
  left: 0px;
  overflow: hidden;
}
.v1143_1018 {
  width: 349px;
  height: 295px;
  background: url("../images/v1143_1018.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 10px 10px;
  margin: 10px;
  opacity: 1;
  position: absolute;
  top: 10px;
  left: 47px;
  overflow: hidden;
}
.v1139_931 {
  width: 347px;
  color: rgba(32,63,80,1);
  position: absolute;
  top: 16px;
  left: 10px;
  font-family: Montserrat;
  font-weight: Bold;
  font-size: 28px;
  opacity: 1;
  text-align: left;
}
.v1139_929 {
  width: 300px;
  color: rgba(32,63,80,1);
  position: absolute;
  top: 97px;
  left: 10px;
  font-family: Montserrat;
  font-weight: Regular;
  font-size: 18px;
  opacity: 1;
  text-align: left;
}
.v1143_1019 {
  width: 349px;
  height: 50px;
  background: url("../images/v1143_1019.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 10px 10px;
  margin: 10px;
  opacity: 1;
  position: absolute;
  top: 315px;
  left: 47px;
  overflow: hidden;
}
.v1143_1026 {
  width: 168px;
  height: 46px;
  background: url("../images/v1143_1026.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 1px;
  left: 10px;
  overflow: hidden;
}
.v1143_1016 {
  width: 814px;
  height: 391px;
  background: url("../images/v1143_1016.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 10px;
  opacity: 1;
  position: absolute;
  top: 14px;
  left: 426px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
}
.v1143_1028 {
  width: 100%;
  height: 390px;
  background: url("../images/v1143_1028.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 30px 0px;
  margin: 35px;
  opacity: 1;
  position: absolute;
  top: 1826px;
  left: 100px;
  overflow: hidden;
}
.v1143_1029 {
  width: 390px;
  height: 390px;
  background: url("../images/v1143_1029.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.v1139_945 {
  width: 390px;
  height: 390px;
  background: linear-gradient(rgba(36,142,170,1), rgba(32,63,80,1));
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
  border-bottom-left-radius: 21px;
  border-bottom-right-radius: 21px;
  overflow: hidden;
}
.v1139_946 {
  width: 332px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 192px;
  left: 30px;
  font-family: Montserrat;
  font-weight: Regular;
  font-size: 18px;
  opacity: 1;
  text-align: left;
}
.v1139_947 {
  width: 268px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 144px;
  left: 30px;
  font-family: Montserrat;
  font-weight: Bold;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.v1139_948 {
  width: 100px;
  height: 95px;
  background: url("../images/v1139_948.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 32px;
  left: 51px;
  overflow: hidden;
}
.v1143_1030 {
  width: 390px;
  height: 390px;
  background: url("../images/v1143_1030.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 425px;
  overflow: hidden;
}
.v1139_940 {
  width: 390px;
  height: 390px;
  background: linear-gradient(rgba(36,142,170,1), rgba(32,63,80,1));
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
  border-bottom-left-radius: 21px;
  border-bottom-right-radius: 21px;
  overflow: hidden;
}
.v1139_941 {
  width: 332px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 195px;
  left: 28px;
  font-family: Montserrat;
  font-weight: Regular;
  font-size: 18px;
  opacity: 1;
  text-align: left;
}
.v1139_942 {
  width: 252px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 144px;
  left: 28px;
  font-family: Montserrat;
  font-weight: Bold;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.v1139_943 {
  width: 109px;
  height: 81px;
  background: url("../images/v1139_943.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 32px;
  left: 45px;
  overflow: hidden;
}
.v1143_1031 {
  width: 390px;
  height: 390px;
  background: url("../images/v1143_1031.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 850px;
  overflow: hidden;
}
.v1139_935 {
  width: 390px;
  height: 390px;
  background: linear-gradient(rgba(36,142,170,1), rgba(32,63,80,1));
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 21px;
  border-top-right-radius: 21px;
  border-bottom-left-radius: 21px;
  border-bottom-right-radius: 21px;
  overflow: hidden;
}
.v1139_936 {
  width: 332px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 195px;
  left: 29px;
  font-family: Montserrat;
  font-weight: Regular;
  font-size: 18px;
  opacity: 1;
  text-align: left;
}
.v1139_937 {
  width: 268px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 144px;
  left: 29px;
  font-family: Montserrat;
  font-weight: Bold;
  font-size: 20px;
  opacity: 1;
  text-align: left;
}
.v1139_938 {
  width: 145px;
  height: 68px;
  background: url("../images/v1139_938.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 38px;
  left: 42px;
  overflow: hidden;
}
.v1139_961 {
  width: 100%;
  height: 126px;
  background: rgba(11,128,155,1);
  margin: 72px;
  opacity: 1;
  position: absolute;
  top: 2251px;
  left: 0px;
  overflow: hidden;
}
.v1139_962 {
  width: 668px;
  height: 126px;
  background: url("../images/v1139_962.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 196px;
  overflow: hidden;
}
.v1139_963 {
  width: 648px;
  height: 78px;
  background: url("../images/v1139_963.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 24px;
  left: 10px;
  overflow: hidden;
}
.v1139_964 {
  width: 534px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 0px;
  left: 0px;
  font-family: Montserrat;
  font-weight: Bold;
  font-size: 35px;
  opacity: 1;
  text-align: left;
}
.v1139_965 {
  width: 648px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 39px;
  left: 0px;
  font-family: Montserrat;
  font-weight: Medium;
  font-size: 22px;
  opacity: 1;
  text-align: left;
}
.v1139_966 {
  width: 438px;
  height: 126px;
  background: url("../images/v1139_966.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 38px 43px;
  margin: 10px;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 864px;
  overflow: hidden;
}
.v1139_967 {
  width: 352px;
  height: 50px;
  background: url("../images/v1139_967.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 10px;
  opacity: 1;
  position: absolute;
  top: 38px;
  left: 43px;
  overflow: hidden;
}
.v1139_968 {
  width: 299px;
  height: 50px;
  background: url("../images/v1139_968.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 26px;
  overflow: hidden;
}
.v1139_969 {
  width: 299px;
  height: 50px;
  background: url("../images/v1139_969.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.v1139_970 {
  width: 299px;
  height: 50px;
  background: rgba(69,188,220,1);
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  overflow: hidden;
}
.v1139_971 {
  width: 213px;
  color: rgba(255,255,255,1);
  position: absolute;
  top: 7px;
  left: 44px;
  font-family: Montserrat;
  font-weight: SemiBold;
  font-size: 30px;
  opacity: 1;
  text-align: center;
}
.v1139_973 {
  width: 516px;
  height: 265px;
  background: url("../images/v1139_973.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 30px 0px;
  margin: 10px;
  opacity: 1;
  position: absolute;
  top: 2412px;
  left: 462px;
  overflow: hidden;
}
.v1139_974 {
  width: 244px;
  height: 175px;
  background: url("../images/v1139_974.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 30px;
  left: 0px;
  overflow: hidden;
}
.v1139_975 {
  width: 244px;
  height: 175px;
  background: url("../images/v1139_975.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 9px;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.v1139_976 {
  width: 244px;
  color: rgba(32,63,80,1);
  position: absolute;
  top: 0px;
  left: 0px;
  font-family: Montserrat;
  font-weight: Bold;
  font-size: 17px;
  opacity: 1;
  text-align: left;
}
.v1139_977 {
  width: 244px;
  color: rgba(39,45,48,1);
  position: absolute;
  top: 33px;
  left: 0px;
  font-family: Montserrat;
  font-weight: Regular;
  font-size: 17px;
  opacity: 1;
  text-align: left;
}
.v1139_978 {
  width: 236px;
  height: 74px;
  background: url("../images/v1139_978.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 10px;
  opacity: 1;
  position: absolute;
  top: 30px;
  left: 280px;
  overflow: hidden;
}
.v1139_979 {
  width: 227px;
  height: 64px;
  background: url("../images/v1139_979.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 12px;
  opacity: 1;
  position: absolute;
  top: 5px;
  left: 0px;
  overflow: hidden;
}
.v1139_980 {
  width: 227px;
  color: rgba(32,63,80,1);
  position: absolute;
  top: 0px;
  left: 0px;
  font-family: Montserrat;
  font-weight: Bold;
  font-size: 17px;
  opacity: 1;
  text-align: left;
}
.v1139_981 {
  width: 227px;
  color: rgba(39,45,48,1);
  position: absolute;
  top: 36px;
  left: 0px;
  font-family: Montserrat;
  font-weight: Regular;
  font-size: 17px;
  opacity: 1;
  text-align: left;
}
.v1139_982 {
  width: 236px;
  height: 101px;
  background: url("../images/v1139_982.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  margin: 10px;
  opacity: 1;
  position: absolute;
  top: 109px;
  left: 280px;
  overflow: hidden;
}
.v1139_983 {
  width: 236px;
  height: 70px;
  background: url("../images/v1139_983.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 15px;
  left: 0px;
  overflow: hidden;
}
.v1139_984 {
  width: 195px;
  color: rgba(32,63,80,1);
  position: absolute;
  top: 0px;
  left: 0px;
  font-family: Montserrat;
  font-weight: Bold;
  font-size: 17px;
  opacity: 1;
  text-align: left;
}
.v1139_985 {
  width: 30px;
  height: 31px;
  background: url("../images/v1139_985.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 39px;
  left: 131px;
  overflow: hidden;
}
.v1139_986 {
  width: 33px;
  height: 33px;
  background: url("../images/v1139_986.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  position: absolute;
  top: 37px;
  left: 0px;
  overflow: hidden;
}

/* ==== Our Services (modern responsive layout) ==== */
.content-wrapper { max-width: 1440px; margin: 0 auto; padding: 0 7.5%; }

.services-hero { padding: 60px 0 10px; }
.services-hero h1 { font-size: 36px; font-weight: 800; color: #203f50; margin-bottom: 10px; }
.services-hero p { font-size: 20px; color: #444; }

.services-banners { padding: 20px 0; }
.service-banner { display: grid; grid-template-columns: 1fr; gap: 20px; background: #eaf4f7; border-radius: 20px; padding: 20px; box-shadow: 0 10px 24px rgba(0,0,0,0.06); margin-bottom: 28px; overflow: hidden; }
.service-banner .banner-text h3 { font-size: 20px; font-weight: 800; color: #203f50; margin-bottom: 8px; }
.service-banner .banner-text p { font-size: 16px; color: #203f50; margin-bottom: 12px; }
.service-banner .banner-text.light h3, .service-banner .banner-text.light p, .service-banner .banner-text.light .muted { color: #fff; }
.service-banner .banner-text .muted { opacity: 0.9; }
.service-banner .banner-media { position: relative; }
.service-banner .media-bg { width: 100%; height: 260px; object-fit: cover; border-radius: 12px; }
.service-banner.apps .media-fg { position: absolute; width: 50%; right: 0; bottom: -10px; transform: rotate(-6deg); filter: drop-shadow(0 10px 20px rgba(0,0,0,0.25)); }
.service-banner.security { background: #0a2834; }
.service-banner.security .banner-media .media-bg { opacity: 0.45; }
.service-banner.security .banner-text { position: relative; }
.service-banner.security .banner-text::before { content: ''; position: absolute; inset: -20px; background: linear-gradient(90deg, transparent, rgba(0,0,0,0.3)); border-radius: 20px; pointer-events: none; }
.service-banner .btn-chip { display: inline-block; background-color: #008C8C; color: #fff; padding: 10px 18px; border-radius: 999px; text-decoration: none; font-weight: 700; border: 2px solid #007a7a; }
.service-banner .btn-chip.light { background: #45bcdc; border-color: #3bb1d2; }

.service-features { padding: 10px 0 50px; }
.features-grid { display: grid; grid-template-columns: 1fr; gap: 18px; }
.feature-card { background: linear-gradient(180deg, #248eaa, #203f50); color: #fff; border-radius: 12px; padding: 18px; box-shadow: 0 10px 24px rgba(0,0,0,0.08); }
.feature-card h4 { font-size: 18px; font-weight: 800; margin: 8px 0; }
.feature-card p { font-size: 15px; color: #e7f6fa; }
.feature-icon { width: 64px; height: 64px; border: 1px solid rgba(255,255,255,0.35); border-radius: 12px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,0.08); }
.feature-icon img { width: 40px; height: 40px; object-fit: contain; filter: brightness(10); }

/* Footer styles parity */
.footer-section { width: 100%; background-color: #ffffff; padding: 60px 0; }
.footer-layout { display: flex; flex-direction: column; gap: 40px; text-align: center; }
.footer-column h4 { font-size: 17px; font-weight: 700; color: #203f50; margin-bottom: 15px; }
.footer-column a { display: block; color: #272d30; text-decoration: none; font-size: 17px; margin-bottom: 10px; }
.social-icons { display: flex; gap: 20px; justify-content: center; }
.social-icons img { width: 30px; }

@media (min-width: 600px) {
  .service-banner { grid-template-columns: 1.1fr 0.9fr; align-items: center; }
  .service-banner.consulting { grid-template-columns: 1fr 1fr; }
  .features-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 992px) {
  .service-banner { grid-template-columns: 1fr 1fr; }
  .service-banner .media-bg { height: 300px; }
  .features-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Footer layout corregido a 2 columnas (igual a us-work) */
@media (min-width: 768px) {
  .footer-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: left;
    gap: 40px;
    max-width: 800px;
    margin: 0 auto;
  }
  .footer-column:nth-child(1) { grid-column: 1; }
  .footer-column:nth-child(2) { grid-column: 2; }
  .footer-column:nth-child(3) { grid-column: 2; margin-top: 0; }
  .social-icons { justify-content: flex-start; }
}

/* Contact banner (reused styling to match other pages) */
.contact-banner-section { width: 100%; background-color: #0b809b; padding: 50px 0; }
.contact-banner-layout { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; }
.contact-text h3 { font-size: 28px; font-weight: 700; color: white; }
.contact-text p { font-size: 18px; color: white; font-weight: 500; }
.cta-button-light { display: inline-block; background: #45bcdc; color: white; padding: 12px 35px; border-radius: 15px; text-decoration: none; font-weight: 700; font-size: 24px; }
@media (min-width: 768px) {
  .contact-banner-layout { flex-direction: row; justify-content: space-between; text-align: left; }
}