@font-face {
  font-family: "Trebuchet MS";
  src: url("../fonts/TrebuchetMS.woff2") format("woff2"), url("../fonts/TrebuchetMS.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Trebuchet MS";
  src: url("../fonts/Trebuchet-BoldItalic.woff2") format("woff2"), url("../fonts/Trebuchet-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Trebuchet MS";
  src: url("../fonts/TrebuchetMS-Bold.woff2") format("woff2"), url("../fonts/TrebuchetMS-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Trebuchet MS";
  src: url("../fonts/TrebuchetMS-Italic.woff2") format("woff2"), url("../fonts/TrebuchetMS-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Trebuchet MS";
  src: url("../fonts/TrebuchetMS-Bold.woff2") format("woff2"), url("../fonts/TrebuchetMS-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Rupee";
  src: url("../fonts/Rupee_Foradian.eot");
  src: url("../fonts/Rupee_Foradian.eot") format("embedded-opentype"), url("../fonts/Rupee_Foradian.woff2") format("woff2"), url("../fonts/Rupee_Foradian.woff") format("woff"), url("../fonts/Rupee_Foradian.ttf") format("truetype"), url("../fonts/Rupee_Foradian.svg#Rupee_Foradian") format("svg");
}
.rs {
  font-family: "Rupee" !important;
}

html,
body {
  font-family: "Trebuchet MS";
}

h1,
h2,
h3,
h4,
h5,
h6,
a {
  padding: 0;
  margin: 0;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.nopadding {
  padding: 0;
}

.nomargin {
  margin: 0 !important;
}

.primaryfont {
  font-family: "Trebuchet MS";
}

.white {
  color: #fff;
}

.grey {
  color: #333;
}

.greyl {
  color: #596065;
}

.blue {
  color: #1F3C71;
}

.green {
  color: #00A651;
}

.orange {
  color: #EF8049;
}

.blue-bg {
  background-color: #1E4378;
}

.green-bg {
  background-color: #4498A1;
}

.orange-bg {
  background-color: #EF8049;
}

.grey-bg {
  background-color: #596065;
}

.white-bg {
  background-color: #ffffff;
}

.orange-d-bg {
  background-color: #FDEDE2;
}

.greyl-bg {
  background-color: #F6F6F6;
}

.grey-d-bg {
  background-color: #231F20;
}

.fw-bold {
  font-weight: 700;
}

.fw-medium {
  font-weight: 500;
}

.fw-regular {
  font-weight: 400;
}

.fw-light {
  font-weight: 300;
}

.container-1380-wrp {
  max-width: 1380px;
  margin: 0 auto;
  padding: 0px 15px;
}

.container-1280-wrp {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0px 15px;
}

.container-800-wrp {
  max-width: 800px;
  margin: 0 auto;
  padding: 0px 15px;
}

.container-1000-wrp {
  max-width: 1000px;
  margin: 0 auto;
}

.common-pd-t {
  padding-top: 70px;
}

.common-pd-b {
  padding-bottom: 70px;
}

.main-tit {
  font-weight: 700;
  font-size: 38px;
  line-height: 45px;
  letter-spacing: -0.04em;
  color: #1F3C71;
}

.sub-tit {
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: -0.04em;
  color: #596065;
}

.spacer {
  height: 30px;
}

.common-cta {
  font-size: 16px;
  line-height: 18px;
  color: #303030;
  text-transform: uppercase;
  font-weight: 600;
  background-image: url(../images/cta.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding: 5px 40px 5px 0px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.common-cta:hover {
  color: #EF8049;
  background-position: right 0px center;
}

.common-cta-w {
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  background-image: url(../images/cta-w.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding: 5px 40px 5px 0px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.common-cta-w:hover {
  color: #EF8049;
  background-position: right 0px center;
}

.blue-btn {
  font-size: 16px;
  background-color: #1F3C71;
  box-shadow: 0px 20px 30px rgba(31, 60, 113, 0.25);
  border-radius: 6px;
  padding: 10px 20px;
  color: #fff;
  font-weight: 700;
}

.blue-btn:hover {
  background-color: #EF8049;
  color: #fff;
}

#button {
  display: inline-block;
  background-color: #1F3C71;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 1em;
  line-height: 50px;
  color: #fff;
}

#button:hover {
  cursor: pointer;
  background-color: #333;
}

#button:active {
  background-color: #555;
}

#button.show {
  opacity: 1;
  visibility: visible;
}

.borr {
  border-right: 1px solid #B9B9B9;
}

.header {
  position: fixed;
  width: 100%;
  z-index: 9999;
  left: 0px;
  top: 0px;
  background-color: #FFF;
  border-bottom: solid 1px #e4e4e4;
}
.header .logo {
  padding: 20px;
}
.header .navbar-dark .navbar-nav .nav-link {
  color: #596065;
  font-weight: 700;
}
.header .navbar-dark .navbar-nav .nav-link:hover {
  color: #EF8049;
}
.header .navbar-dark .navbar-toggler-icon {
  background-image: url(../images/ham-menu.png);
}
.header .menu {
  padding: 20px;
  color: #596065;
}
.header .menu li {
  border-right: solid 1px #b7b7b7;
}
.header .menu li:last-child {
  border: none;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 0.7rem;
  padding-left: 0.7rem;
}

.slider {
  width: 100%;
  height: calc(100vh - 108px);
  background-image: url(../images/header-bg.jpg);
  background-repeat: no-repeat;
  background-size: 120%;
  background-position: center;
  position: relative;
  margin-top: 70px;
  transition: 5s;
}
.slider.BannerScaleOut {
  background-size: 100%;
}
.slider .downarr img {
  position: absolute;
  left: 2%;
  bottom: 7%;
  z-index: 10;
}
.slider .headerleft {
  background-repeat: no-repeat;
  padding: 65px 80px;
}
.slider .headerleft .bannertitle {
  font-size: 52px;
  line-height: 70px;
  font-weight: 700;
  right: 0px;
  top: 150px;
  width: 670px;
}
.slider .headerleft .bannertitle span {
  display: block;
  height: 70px;
  line-height: 280px;
  overflow: hidden;
  -webkit-transition: 1s;
  transition: 1s cubic-bezier(0.3, 0, 0.7, 1);
  -webkit-transition-delay: calc(0.3s * var(--i));
  transition-delay: calc(0.3s * var(--i));
  transform: skew(20deg, 7deg);
  opacity: 0;
  color: #fff;
}
.slider .headerleft .bannertitle.active span {
  line-height: 80px;
  transform: skew(0deg, 0deg);
  opacity: 1;
}
.slider .download {
  background-color: #fff;
  width: 400px;
}
.slider .download a .text {
  color: #333;
  font-size: 18px;
  font-weight: 500;
  padding: 0px 0px 0px 55px;
  background-image: url(../images/download.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  margin-right: 30px;
  line-height: 45px;
}

.about .about-tit {
  font-weight: 700;
  font-size: 46px;
  line-height: 60px;
  letter-spacing: -0.04em;
  color: #1F3C71;
  padding: 0;
}
.about .about-cont {
  padding: 0;
}

.key {
  position: relative;
}
.key::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  width: 52%;
  height: 100%;
  background-color: #231F20;
  z-index: -1;
}
.key .key-bg {
  background-image: url(../images/key-bg.jpg);
  background-repeat: repeat-y;
}
.key .head {
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #fff;
  text-align: left;
  padding: 10px 45px;
}
.key .num {
  padding: 0 40px 50px 45px;
}
.key .num h3 {
  font-style: normal;
  font-weight: 700;
  font-size: 80px;
  line-height: 65px;
  letter-spacing: -0.06em;
  color: #00A651;
}
.key .num p {
  padding-top: 15px;
  color: #fff;
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -0.02em;
}

.spks {
  position: relative;
}
.spks .spk-info {
  font-style: italic;
  font-size: 20px;
  color: #596065;
  padding: 0 20px;
}
.spks .spk-info .name {
  font-size: 24px;
  line-height: 24px;
  color: #1F3C71;
  font-weight: 700;
}
.spks .spk-info span {
  display: block;
  font-weight: 300;
  font-size: 16px;
  color: #596065;
}
.spks .spk-btns {
  position: absolute;
  right: 0;
  top: 10%;
}
.spks .spk-next {
  position: absolute;
  top: 17%;
  right: 0;
  margin: 5px;
  width: 52px;
  height: 52px;
  background: url(../images/next.png) no-repeat center center;
  background-size: 30px;
  border: solid 1px #1f3c71;
}
.spks .spk-next.swiper-button-disabled {
  background: url(../images/next-d.png) no-repeat center center;
}
.spks .spk-prev {
  position: absolute;
  top: 17%;
  right: 4%;
  margin: 5px;
  width: 52px;
  height: 52px;
  left: initial;
  right: 56px;
  background: url(../images/prev.png) no-repeat center center;
  background-size: 30px;
  border: solid 1px #1f3c71;
}
.spks .spk-prev.swiper-button-disabled {
  background: url(../images/prev-d.png) no-repeat center center;
}
.spks .swiper-button-next:after, .spks .swiper-button-prev:after {
  display: none;
}

.opr-high {
  overflow: hidden;
  position: relative;
  padding: 100px 0;
}
.opr-high .opr-wrp {
  height: 450px;
}
.opr-high .opr-wrp::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1450px;
  height: 100%;
  background-color: #FDEDE2;
  z-index: -1;
}
.opr-high .opr-wrp .opr-left {
  padding: 0 60px;
}
.opr-high .opr-wrp .opr-right {
  padding: 0 60px;
}
.opr-high .opr-wrp .opr-right ul li .nav-link {
  margin: 0 25px 0 0;
  padding: 0;
}
.opr-high .opr-wrp .opr-right .oprbox {
  height: 100%;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15);
  border-top: 5px solid #ED5932;
}
.opr-high .opr-wrp .opr-right .oprbox .txt {
  font-size: 18px;
  color: #1F3C71;
  font-weight: 700;
  margin-bottom: 7px;
}
.opr-high .opr-wrp .opr-right .oprbox .info {
  color: #596065;
  line-height: 22px;
}
.opr-high .opr-wrp .opr-right .oprbox:hover {
  box-shadow: 0px 4px 69px rgba(0, 0, 0, 0.25);
}
.opr-high .opr-wrp .opr-right a {
  color: #6D6D6D;
  font-weight: 700;
  font-size: 18px;
  border: none;
}
.opr-high .opr-wrp .opr-right a.active {
  border-bottom: 3px solid #EF8049;
  background-color: #FDEDE2;
  color: #EF8049;
}

.tvv .title {
  font-weight: 700;
  font-size: 70px;
  line-height: 80px;
  color: #EF8049;
  text-align: center;
}
.tvv .title span {
  color: #1F3C71;
}
.tvv .tvvbox {
  color: #fff;
  position: relative;
  height: 603px;
  overflow: hidden;
  width: 380px;
}
.tvv .tvvbox:hover {
  box-shadow: 0px 4px 69px rgba(0, 0, 0, 0.25);
}
.tvv .tvvbox .title {
  font-size: 34px;
  line-height: 40px;
  letter-spacing: -0.025em;
  color: #fff;
  position: absolute;
  padding: 20px;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  text-align: left;
  font-weight: 600;
}
.tvv .tvvbox span {
  font-size: 18px;
  line-height: 17px;
  display: block;
  padding-bottom: 10px;
  font-weight: 500;
  color: #fff;
}
.tvv .tvvbox .img {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.tvv .tvvbox .img:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.09%, rgba(0, 0, 0, 0.8) 100%);
  left: 0px;
  bottom: 0px;
}
.tvv .tvvbox .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bus .busbox {
  position: relative;
  height: 840px;
  overflow: hidden;
  width: 100%;
}
.bus .busbox .title {
  font-size: 56px;
  line-height: 60px;
  letter-spacing: -0.025em;
  color: #1F3C71;
  position: absolute;
  padding: 20px;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  text-align: left;
  font-weight: 600;
  padding: 50px;
}
.bus .busbox .subtit {
  color: #596065;
  font-size: 20px;
  line-height: 25px;
  margin-top: 20px;
}
.bus .busbox span {
  font-size: 18px;
  line-height: 17px;
  display: block;
  padding-bottom: 10px;
  font-weight: 500;
  color: #596065;
}
.bus .busbox .img {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.bus .busbox .img:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 38.09%, rgba(0, 0, 0, 0.8) 100%);
  left: 0px;
  bottom: 0px;
}
.bus .busbox .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bus .res {
  padding: 10px;
  color: #596065;
}
.bus .res .title {
  font-size: 30px;
  line-height: 30px;
  letter-spacing: -0.04em;
  color: #596065;
  margin: 0;
  font-weight: 700;
}
.bus .res .r_box {
  width: 300px;
  padding: 15px 25px;
  border: 1px solid #ffffff;
}
.bus .res .r_box:hover {
  box-shadow: 0px 7px 10px rgba(0, 40, 100, 0.5);
}
.bus .res .r_box:hover img {
  transform: scale(1.1);
}
.bus .res .r_box .title {
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  color: #1F3C71;
  margin: 20px 0 10px 0;
}
.bus .res .r_box .info {
  font-size: 16px;
  line-height: 20px;
}
.bus .res .box {
  width: 300px;
  padding: 15px 25px;
}
.bus .res .box .num {
  color: #00A651;
  font-size: 46px;
  font-weight: 700;
  margin: 0;
}
.bus .res .box .num-info {
  font-size: 20px;
  line-height: 26px;
}
.bus .busbtn {
  position: relative;
}
.bus .busbtn .bus-next {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 52px;
  height: 52px;
  background: url(../images/next.png) no-repeat center center;
  background-size: 30px;
  border: solid 1px #1f3c71;
}
.bus .busbtn .bus-next.swiper-button-disabled {
  background: url(../images/next-d.png) no-repeat center center;
}
.bus .busbtn .bus-prev {
  position: absolute;
  bottom: 0;
  right: 4%;
  width: 52px;
  height: 52px;
  left: initial;
  right: 56px;
  background: url(../images/prev.png) no-repeat center center;
  background-size: 30px;
  border: solid 1px #1f3c71;
}
.bus .busbtn .bus-prev.swiper-button-disabled {
  background: url(../images/prev-d.png) no-repeat center center;
}
.bus .swiper-button-next:after, .bus .swiper-button-prev:after {
  display: none;
}

.strategy .str-wrp {
  margin: 70px 0;
}
.strategy .str-wrp .info {
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  color: #596065;
  padding: 5px 10px;
  margin: 0;
}
.strategy .str-wrp .strbox {
  width: 95%;
  height: 300px;
  margin: 0 auto;
  margin-bottom: 35px;
  background-color: #FDEDE2;
  border-top: 5px solid #EF8049;
}
.strategy .str-wrp .strbox .title {
  font-size: 30px;
  line-height: 42px;
  padding: 0 25px;
  font-weight: 700;
  color: #1F3C71;
}
.strategy .str-wrp .str-container {
  padding: 0;
  margin: 0;
  list-style: none;
  /* float: left; */
  width: 310px;
  height: 100%;
  padding: 10px;
  margin-top: 20px;
  /* display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap; */
}
.strategy .str-wrp .center {
  align-content: center;
}
.strategy .str-wrp .space-between {
  align-content: space-between;
}
.strategy .str-wrp .str-item {
  background: #FDEDE2;
  padding: 40px 20px;
  height: 100%;
  line-height: 50px;
  color: #1F3C71;
  font-weight: bold;
  font-size: 26px;
  line-height: 30px;
  text-align: center;
  margin: 5px;
  border-top: 5px solid #EF8049;
}

.esg {
  width: 100%;
  background-image: url(../images/esg-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  margin: 70px 0;
  background-attachment: fixed;
}
.esg .esg-wrp .esgr {
  width: 500px;
  padding: 70px 0;
  right: 10%;
}

.awards .award-info {
  text-align: center;
  margin: 0 auto;
  font-size: 20px;
  color: #596065;
}
.awards .awrdbox {
  padding: 0 5px;
}
.awards .awrdbox .awards-tit {
  font-size: 24px;
  line-height: 30px;
  color: #1F3C71;
  font-weight: 700;
  margin-bottom: 10px;
}
.awards .awrdbox .awards-sub {
  font-size: 16px;
  color: #596065;
  font-weight: 700;
}

.download .border2 {
  position: relative;
  border: 3px solid #EF8049;
  padding: 3px;
  border-radius: 10px;
}
.download .border2 .borderbox1 {
  background: #FFF;
  color: #333;
  padding: 16px;
  border-radius: 10px;
  height: 100%;
  padding: 40px 20px;
}
.download .border2 .borderbox1 h2 {
  font-weight: 700;
  color: #333;
  font-size: 30px;
  margin-bottom: 20px;
}
.download .downloadbt {
  margin: 20px 15px;
}
.download .downloadbt a {
  display: block;
  background-image: url(../images/arr.png);
  padding-left: 30px;
  background-position: left top;
  background-repeat: no-repeat;
  transition: 0.5s;
}
.download .downloadbt a:hover {
  background-position: 5px top;
}
.download .downloadbt a h3 {
  font-weight: 900;
  color: #333333;
  font-size: 20px;
}
.download .downloadbt a span {
  font-weight: 900;
  color: #1F3C71;
}

#ServiceOfferings {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #f1f1f1;
}
#ServiceOfferings .swiper-wrapper {
  height: 100%;
  margin-top: 120px;
}
#ServiceOfferings .swiper-slide {
  background-color: #fff;
  min-height: 260px;
}
#ServiceOfferings .serviceBox {
  padding: 20px;
}
#ServiceOfferings .serviceBox h6 {
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  color: #EF8049;
  margin: 20px 0 10px 0;
}
#ServiceOfferings .serwiper-btns {
  position: absolute;
  right: 0;
  top: 10%;
}
#ServiceOfferings .serwiper-next {
  position: absolute;
  right: 0;
  margin: 5px;
  width: 52px;
  height: 52px;
  background: url(../images/next.png) no-repeat center center;
  background-size: 30px;
  border: solid 1px #1f3c71;
}
#ServiceOfferings .serwiper-next.swiper-button-disabled {
  background: url(../images/next-d.png) no-repeat center center;
}
#ServiceOfferings .serwiper-prev {
  position: absolute;
  right: 4%;
  margin: 5px;
  width: 52px;
  height: 52px;
  left: initial;
  right: 56px;
  background: url(../images/prev.png) no-repeat center center;
  background-size: 30px;
  border: solid 1px #1f3c71;
}
#ServiceOfferings .serwiper-prev.swiper-button-disabled {
  background: url(../images/prev-d.png) no-repeat center center;
}
#ServiceOfferings .swiper-button-next:after, #ServiceOfferings .swiper-button-prev:after {
  display: none;
}
#ServiceOfferings .swiper-button-next, #ServiceOfferings .swiper-button-prev {
  top: 6%;
}

.footer {
  text-align: center;
  background-color: #1F3C71;
  color: #fff;
  font-size: 14px;
  padding: 20px 0px;
}

/* ipad air landscape */
/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .header .navbar-dark .navbar-nav .nav-link {
    font-size: 11px;
  }
  .spacer {
    display: none;
  }
  .borr {
    border: none;
  }
  .logo {
    padding: 5px;
  }
  .navbar-dark .navbar-toggler {
    padding: 0;
    margin: 0;
  }
  .common-pd-b {
    padding-bottom: 20px;
  }
  .common-pd-t {
    padding-top: 20px;
  }
  .main-tit {
    font-size: 26px;
    line-height: 38px;
  }
  .slider {
    margin-top: 90px;
    background-image: url(../images/header-bg.jpg);
    background-size: 1120px !important;
    height: auto;
    background-position: left;
  }
  .slider .headerleft {
    padding: 10px;
  }
  .slider .headerleft .bannertitle {
    width: 100%;
    font-size: 31px;
    line-height: 45px !important;
  }
  .slider .headerleft .bannertitle span {
    height: 60px;
  }
  .slider .headerleft .bannertitle .activespan {
    height: 40px;
  }
  .slider .download {
    width: 100%;
  }
  .slider .download a .text {
    color: #333;
    font-size: 12px;
  }
  .about .about-tit {
    font-size: 40px;
    line-height: 45px;
    padding: 10px;
  }
  .about .about-cont {
    padding: 10px;
  }
  .key .num {
    padding: 10px 40px;
  }
  .key .num h3 {
    font-size: 46px;
    line-height: 50px;
  }
  .key .num h3 p {
    padding-top: 7px;
    font-size: 16px;
  }
  .spks {
    padding: 3px;
    margin-top: 14px;
  }
  .spks .spk-next, .spks .spk-prev {
    top: 17%;
  }
  .spks .spk-info {
    font-size: 16px;
  }
  .spks .spk-info .name {
    font-size: 20px;
  }
  .opr-high .opr-wrp {
    height: 100%;
  }
  .opr-high .opr-wrp::after {
    width: 100%;
  }
  .opr-high .opr-wrp .opr-right {
    padding: 15px 0 0 0;
  }
  .opr-high .opr-wrp .opr-right a {
    font-size: 16px;
  }
  .opr-high .opr-wrp .opr-right .oprbox {
    margin-bottom: 15px;
  }
  .bus .res .r_box .title {
    font-size: 22px;
  }
  .tvv .title {
    font-size: 40px;
    line-height: 45px;
  }
  .tvv .tvvbox {
    width: 100%;
    margin-bottom: 30px;
  }
  .tvv .tvvbox .title {
    font-size: 30px;
    line-height: 36px;
  }
  .bus .busbox .title {
    font-size: 40px;
    line-height: 44px;
    padding: 15px;
  }
  .bus .res .r_box, .bus .res .box {
    width: 100%;
  }
  .strategy .str-wrp {
    padding: 0 15px;
  }
  .strategy .str-wrp .str-container {
    margin-top: 0;
    width: 100%;
  }
  .strategy .str-wrp .str-container .str-item {
    font-size: 24px;
  }
  .download .border2 {
    margin: 15px;
  }
  .esg {
    background-position: left;
    background-size: contain;
    background-attachment: inherit;
  }
  .esg .esg-wrp .esgr {
    width: 100%;
    padding: 0 30px;
  }
  #ServiceOfferings {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .opr-high .opr-wrp .opr-left {
    padding: 0 0px;
  }
  .opr-high {
    padding: 30px 0;
  }
  .p-5 {
    padding: 1rem !important;
  }
  .row {
    margin: 0px;
  }
  .spks .spk-prev {
    right: 75px;
  }
  .spks .spk-next {
    right: 20px;
  }
  .navbar > .container-fluid {
    padding: 0%;
  }
  .header .menu {
    padding: 20px 0px;
  }
}
/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .spacer {
    display: none;
  }
  .borr {
    border: none;
  }
  .logo {
    padding: 5px;
  }
  .navbar-dark .navbar-toggler {
    padding: 0;
    margin: 0;
  }
  .common-pd-b {
    padding-bottom: 20px;
  }
  .common-pd-t {
    padding-top: 20px;
  }
  .main-tit {
    font-size: 26px;
    line-height: 38px;
  }
  .slider {
    margin-top: 90px;
    background-image: url(../images/header-bg.jpg);
    background-size: 1120px !important;
    height: auto;
    background-position: left;
  }
  .slider .headerleft {
    padding: 10px;
  }
  .slider .headerleft .bannertitle {
    width: 100%;
    font-size: 31px;
    line-height: 45px !important;
  }
  .slider .headerleft .bannertitle span {
    height: 60px;
  }
  .slider .headerleft .bannertitle .activespan {
    height: 40px;
  }
  .slider .download {
    width: 100%;
  }
  .slider .download a .text {
    color: #333;
    font-size: 12px;
  }
  .about .about-tit {
    font-size: 40px;
    line-height: 45px;
    padding: 10px;
  }
  .about .about-cont {
    padding: 10px;
  }
  .key .num {
    padding: 10px 40px;
  }
  .key .num h3 {
    font-size: 46px;
    line-height: 50px;
  }
  .key .num h3 p {
    padding-top: 7px;
    font-size: 16px;
  }
  .spks {
    padding: 3px;
    margin-top: 14px;
  }
  .spks .spk-next, .spks .spk-prev {
    top: 17%;
  }
  .spks .spk-info {
    font-size: 16px;
  }
  .spks .spk-info .name {
    font-size: 20px;
  }
  .opr-high .opr-wrp {
    height: 100%;
  }
  .opr-high .opr-wrp::after {
    width: 100%;
  }
  .opr-high .opr-wrp .opr-right {
    padding: 15px 0 0 0;
  }
  .opr-high .opr-wrp .opr-right a {
    font-size: 16px;
  }
  .opr-high .opr-wrp .opr-right .oprbox {
    margin-bottom: 15px;
  }
  .tvv .title {
    font-size: 40px;
    line-height: 45px;
  }
  .tvv .tvvbox {
    width: 100%;
    margin-bottom: 30px;
  }
  .tvv .tvvbox .title {
    font-size: 30px;
    line-height: 36px;
  }
  .bus .busbox .title {
    font-size: 40px;
    line-height: 44px;
    padding: 15px;
  }
  .bus .res .r_box, .bus .res .box {
    width: 100%;
  }
  .strategy .str-wrp {
    padding: 0 15px;
  }
  .strategy .str-wrp .str-container {
    margin-top: 0;
    width: 100%;
  }
  .strategy .str-wrp .str-container .str-item {
    font-size: 24px;
  }
  .download .border2 {
    margin: 15px;
  }
  .esg {
    background-position: left;
    background-size: contain;
    background-attachment: inherit;
  }
  .esg .esg-wrp .esgr {
    width: 100%;
    padding: 0 30px;
  }
  #ServiceOfferings {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .opr-high .opr-wrp .opr-left {
    padding: 0 0px;
  }
  .opr-high {
    padding: 30px 0;
  }
  .p-5 {
    padding: 1rem !important;
  }
  .row {
    margin: 0px;
  }
  .spks .spk-prev {
    right: 75px;
  }
  .spks .spk-next {
    right: 20px;
  }
  .navbar > .container-fluid {
    padding: 0%;
  }
  .header .menu {
    padding: 20px 0px;
  }
  .header .menu li {
    border-right: none;
    border-bottom: solid 1px #b7b7b7;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  .spacer {
    display: none;
  }
  .borr {
    border: none;
  }
  .logo {
    padding: 5px;
  }
  .navbar-dark .navbar-toggler {
    padding: 0;
    margin: 0;
  }
  .common-pd-b {
    padding-bottom: 20px;
  }
  .common-pd-t {
    padding-top: 20px;
  }
  .main-tit {
    font-size: 26px;
    line-height: 38px;
  }
  .slider {
    background-image: url(../images/header-bg.jpg);
    background-size: 1120px !important;
    height: auto;
    background-position: left;
  }
  .slider .headerleft {
    padding: 10px;
  }
  .slider .headerleft .bannertitle {
    width: 100%;
    font-size: 31px;
    line-height: 45px !important;
  }
  .slider .headerleft .bannertitle span {
    height: 60px;
  }
  .slider .headerleft .bannertitle .activespan {
    height: 40px;
  }
  .slider .download {
    width: 100%;
  }
  .slider .download a .text {
    color: #333;
    font-size: 12px;
    background-size: 30px;
    padding-left: 42px;
    padding-right: 0px;
    margin-right: 0px;
  }
  .about .about-tit {
    font-size: 40px;
    line-height: 45px;
    padding: 10px;
  }
  .about .about-cont {
    padding: 10px;
  }
  .key .num {
    padding: 10px 40px;
  }
  .key .num h3 {
    font-size: 46px;
    line-height: 50px;
  }
  .key .num h3 p {
    padding-top: 7px;
    font-size: 16px;
  }
  .spks {
    padding: 3px;
    margin-top: 14px;
  }
  .spks .spk-next, .spks .spk-prev {
    top: 17%;
  }
  .spks .spk-info {
    font-size: 16px;
  }
  .spks .spk-info .name {
    font-size: 20px;
  }
  .opr-high .opr-wrp {
    height: 100%;
  }
  .opr-high .opr-wrp::after {
    width: 100%;
  }
  .opr-high .opr-wrp .opr-right {
    padding: 15px 0 0 0;
  }
  .opr-high .opr-wrp .opr-right a {
    font-size: 16px;
  }
  .opr-high .opr-wrp .opr-right .oprbox {
    margin-bottom: 15px;
    height: auto;
  }
  .tvv .title {
    font-size: 40px;
    line-height: 45px;
  }
  .tvv .tvvbox {
    width: 100%;
    margin-bottom: 30px;
  }
  .tvv .tvvbox .title {
    font-size: 30px;
    line-height: 36px;
  }
  .bus .busbox .title {
    font-size: 40px;
    line-height: 44px;
    padding: 15px;
  }
  .bus .res .r_box, .bus .res .box {
    width: 100%;
  }
  .strategy .str-wrp {
    padding: 0 15px;
  }
  .strategy .str-wrp .str-container {
    margin-top: 0;
    width: 100%;
  }
  .strategy .str-wrp .str-container .str-item {
    font-size: 24px;
  }
  .download .border2 {
    margin: 15px;
  }
  .esg {
    background-position: right;
  }
  .esg .esg-wrp .esgr {
    width: 100%;
    padding: 0 30px;
  }
  #ServiceOfferings {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .opr-high .opr-wrp .opr-left {
    padding: 0 0px;
  }
  .opr-high {
    padding: 30px 0;
  }
  .p-5 {
    padding: 1rem !important;
  }
  .row {
    margin: 0px;
  }
  .spks .spk-prev {
    right: 40px;
    scale: 0.6;
  }
  .spks .spk-next {
    right: 6px;
    scale: 0.6;
  }
  .navbar > .container-fluid {
    padding: 0%;
  }
  .header .menu {
    padding: 20px 0px;
  }
  .header .menu li {
    border-right: none;
    border-bottom: solid 1px #b7b7b7;
  }
  #ServiceOfferings .swiper-button-next, #ServiceOfferings .swiper-button-prev {
    top: 6%;
    scale: 0.7;
  }
  .bus .busbtn .bus-next {
    scale: 0.7;
  }
  .bus .busbtn .bus-prev {
    scale: 0.7;
  }
}

/*# sourceMappingURL=responsive.css.map */