:root {
  --baseFontColor: #04385C;
  --blue-dark: #04385d;
  --baseDarkFont: #212121;
  --lgt-Dark: #182859;
  --baseGreyFont: #c7c7c7;
  --orange:#FEB13D;
  --orange2:#f5a242;
  --yellow: #fdd04f;
  --cyan:#00a99c;
  --cyan_dark:#00A99D;
  --cyan_blue:#2AC4D9;
  --cyan_lg_blue:#d4f8f5;
  --lg_blue:#66CBE9;
  --blue: #3B5999;
  --pink: #F67676;
  --lg-pink: #FFCCC1;
  --violet: #5C5FA8;
  --baseFontSize: 0.875rem;
  --baseLineHeight: 1.25rem;
  --baseFontFamily: 'Lexend', sans-serif;
  --bgLight: #f8f8f8;
  --bgPrimary: #01579b;
  --bgPrimaryHover: #044D86;
  --bgPrimaryActive: #0091ea;
  --bgWhite: #fff;
  --bgWhiteblue: #edf9f8;
  --h100: 100%;
  --vh100: 100vh;
  --iconFillDark: #000;
  --iconFillWhite: #fff;
  --iconFillDarkCyan: #4DC7BC;
  --iconFillGrey: #545454;
  --iconFillGreen: #009A00;
  --iconFillRed: #F86C6C;
  --iconFillDisabled: #9E9E9E;
  --colorFormNote: #9E9E9E;
  --colorPending: #FF9100;
  --badgeConfirm: #76FF03;
  --badgeScenario: #FF6D00;
  --badgeArchived: #546E7A;
}

@media only screen and (max-width: 1380px) {
  :root {
    --baseFontSize: 0.8125rem;
    --baseLineHeight: 1.25rem;
    --fontExtraLarge: 16px;
    --fontLarge: 14px;
  }
}

.pop_haead {
  padding: 1.4rem 0rem;
  width: 100%;
}

.pop_haead .close_icon {
  float: right;
  text-align: right;
}

.navbar-collapse {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 0;
  background: linear-gradient(285.71deg, #2081B8 2.27%, #4DC7BC 99.32%);
  transition: all 0.4s ease-in-out;
}

.navbar-collapse.show {
  opacity: 1;
  visibility: visible;
  height: 100%;
  transition: all 0.4s ease-in-out;
}

.navbar-collapse .btn {
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  font-size: 0.84rem;
  position: relative;
  overflow: hidden;
  color: var(--bgWhite);
  border: 1px solid var(--bgWhite);
  padding: 0;
  transition: all 0.4s ease-in-out;
  background: transparent;
}

.navbar-collapse .btn:hover {
  transition: all 0.4s ease-in-out;
}

.navbar-collapse .btn .btn-inner {
  transition: all 0.4s ease-in-out;
  background: transparent;
  position: relative;
  padding: 0.5rem 2rem;
  display: block;
}

.navbar-collapse .btn .btn-inner:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 160%;
  height: 60px;
  background-color: var(--bgWhite);
  transform: translate(-110%, 0) skew(-30deg);
  transition: 0.5s;
}

.navbar-collapse .btn .btn-inner span {
  position: relative;
  z-index: 2;
}

.navbar-collapse .btn .btn-inner:hover {
  transition: all 0.4s ease-in-out;
  color: var(--baseFontColor);
}

.navbar-collapse .btn .btn-inner:hover:before {
  transform: translate(0%, 0) skew(0deg);
}

.navbar-collapse .btn .btn-inner:hover span {
  color: var(--baseFontColor);
}

.navbar-collapse .tell .text01 {
  color: rgba(4, 56, 92, 0.6);
  font-size: 0.8rem;
}

.navbar-collapse nav.navigation {
  width: 100%;
  height: 100%;
  color: var(--bgWhite);
  padding-left: 10%;
  padding-top: 5%;
}

.navbar-collapse nav.navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.navbar-collapse nav.navigation li {
  display: inline-block;
  width: 100%;
}

.navbar-collapse nav.navigation a {
  color: var(--baseFontColor);
  display: block;
  padding: 6px 12px;
  text-decoration: none;
}

.navbar-collapse .quick_contact .tell span {
  font-size: 0.8rem;
}

.navbar-collapse .partner_query {
  position: absolute;
  bottom: 0;
  right: 0;
}

.letstalk-toggler {
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
}

.navbar-toggler {
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
}

.navbar-toggler:focus {
  border: 0;
  outline: 0;
  box-shadow: 0 0 0 0;
}

.navbar-toggler:hover {
  border: 0;
  outline: 0;
  box-shadow: 0 0 0 0;
}

.navbar-toggler:focus:not(:focus-visible) {
  border: 0;
  outline: 0;
  box-shadow: 0 0 0 0;
}

.letstalk-collapse {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 0;
  background: var(--bgWhiteblue);
  color: var(--blue-dark);
  transition: all 0.4s ease-in-out;
}

.letstalk-collapse.show {
  opacity: 1;
  visibility: visible;
  height: 100%;
  transition: all 0.4s ease-in-out;
}

.letstalk-collapse .pop_contact_form {
  position: relative;
  padding-left: 10%;
}

.letstalk-collapse .pop_contact_form::after {
  content: "";
  width: 1px;
  height: 100%;
  background: #60cac1;
  position: absolute;
  left: -12%;
  top: 5px;
  bottom: 0;
}

.letstalk-collapse .pop_contact_form .form-floating textarea {
  padding-top: 0.4rem;
  margin-top: 1.2rem;
  line-height: 1.1;
}

.letstalk-collapse .pop_contact_form .form-floating textarea + label {
  top: -1.6rem;
}

.letstalk-collapse .pop_contact_query {
  padding-right: 20%;
  position: relative;
}

.letstalk-collapse .pop_contact_query .contact_query .text02 {
  color: rgba(4, 56, 92, 0.6);
  font-size: 0.8rem;
}

.letstalk-collapse .pop_contact_query .contact_query p {
  margin: 0;
}

.letstalk-collapse .pop_contact_query .contact_query .email {
  display: block;
}

.letstalk-collapse .pop_contact_query .tell .text01 {
  color: rgba(4, 56, 92, 0.6);
  font-size: 0.8rem;
}

.letstalk-collapse .form-floating .form-control {
  border: 0;
  border-bottom: 1px solid #60CAC1;
  background: transparent;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  padding-left: 0;
  color: rgba(6, 84, 128, 0.6);
}

.letstalk-collapse .form-floating .form-control:focus {
  box-shadow: 0 0 0 rgba(112, 144, 176, 0);
}

.letstalk-collapse .form-floating label {
  padding: 1rem 0 0;
  color: #61859a;
}

.letstalk-collapse .btn {
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  font-size: 0.84rem;
  position: relative;
  overflow: hidden;
  color: var(--baseFontColor);
  border: 1px solid var(--cyan_dark);
  padding: 0;
  transition: all 0.4s ease-in-out;
  background: transparent;
}

.letstalk-collapse .btn:hover {
  transition: all 0.4s ease-in-out;
}

.letstalk-collapse .btn .btn-inner {
  transition: all 0.4s ease-in-out;
  background: transparent;
  position: relative;
  padding: 0.5rem 2rem;
  display: block;
}

.letstalk-collapse .btn .btn-inner:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 160%;
  height: 80px;
  background-color: var(--cyan_dark);
  transform: translate(-110%, 0) skew(-30deg);
  transition: 0.5s;
}

.letstalk-collapse .btn .btn-inner:hover {
  transition: all 0.4s ease-in-out;
  color: var(--bgWhite);
}

.letstalk-collapse .btn .btn-inner:hover:before {
  transform: translate(0%, 0) skew(0deg);
}

.letstalk-collapse .btn .btn-inner:hover span {
  color: var(--bgWhite);
}

.letstalk-collapse .btn .btn-inner span {
  position: relative;
  z-index: 2;
  color: var(--baseFontColor);
}

.header {
  position: fixed;
  top: 0px;
  padding: 20px 0;
  width: 100%;
  height: 100px;
  color: #fff;
  background-color: transparent;
  transition: all 0.4s ease-in-out;
  z-index: 1000;
}

.header .logo {
  width: 100%;
  max-width: 130px;
  transition: all 0.3s ease-in-out;
}

.header .logo .header-logo {
  width: 100%;
  display: block;
}

.header .logo .header-logo svg {
  width: 90%;
  height: 90%;
  transition: all 0.3s ease-in-out;
}

.header .logo .header-logo img {
  width: 90%;
  transition: all 0.3s ease-in-out;
}

.header .letstalk-toggler .btn-secondary {
  color: var(--baseFontColor);
  font-size: 0.9rem;
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  padding: 0.8rem 2rem;
}

.header.stick {
  height: 66px;
  text-align: left;
  transition: all 0.4s ease-in-out;
  background: var(--baseFontColor);
  padding: 8px 0;
}

.header.stick .logo {
  max-width: 110px;
}

.header.stick .letstalk-toggler .btn-secondary {
  padding: 0.7rem 2rem;
}

@media (min-width: 1400px) {
  .jumbotron .banner_icon {
    top: 10rem;
  }
  .jumbotron .banner_icon img {
    width: 100%;
  }
  .jumbotron .banner_content .banner_content_inner {
    max-width: 780px;
  }
  .jumbotron .query {
    max-width: 480px;
  }
}

@media (min-width: 991px) {
  .content-widget .audit_widget .audit_panel .item .sml_qury {
    min-height: 8rem;
  }
}

@media (min-width: 768px) {
  .desk-hide {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .mob-hide {
    display: none !important;
  }
  .header .logo {
    max-width: 110px;
  }
  .header .logo .header-logo svg {
    width: 86%;
    height: 86%;
  }
  .header.stick .logo {
    max-width: 100px;
  }
  .header.stick .logo .header-logo svg {
    width: 80%;
    height: 80%;
  }
  .btn {
    float: left;
    font-size: 1rem;
    box-shadow: 20px 60px 60px rgba(4, 56, 92, 0.29);
  }
  .navbar-collapse nav.navigation {
    padding-left: 0;
  }
  .navbar-collapse .partner_query {
    position: relative;
    bottom: inherit;
    right: inherit;
  }
  .navbar-collapse .quick_contact .tell span {
    font-size: 0.9rem;
  }
  .letstalk-collapse {
    height: 100%;
  }
  .letstalk-collapse .container {
    height: 100%;
  }
  .letstalk-collapse .pop-inner {
    height: 100%;
    padding-bottom: 6rem;
    overflow: scroll;
  }
  .letstalk-collapse .pop-inner p {
    font-size: 0.9rem;
  }
  .letstalk-collapse .pop_contact_form {
    padding-left: 0;
  }
  .letstalk-collapse .pop_contact_query {
    padding-right: 0;
  }
  .letstalk-collapse .btn {
    width: 100%;
    font-size: 1.2rem;
  }
  .letstalk-collapse .btn .btn-inner {
    padding: 0.6rem 1.5rem;
  }
  .StartProject {
    position: fixed;
    padding: 0 3%;
  }
  .StartProject .btn {
    float: right;
    font-size: 1.2rem;
    box-shadow: 0px 6px 42px #04385c;
    border: 0;
  }
  .StartProject .btn .btn-inner {
    background: var(--bgWhite);
    padding: 1rem 1.4rem;
  }
  .StartProject .btn .btn-inner span {
    color: var(--baseFontColor);
  }
  .StartProject .phone_icon {
    float: left;
  }
  .header {
    padding: 16px 0;
  }
  .header .logo {
    width: 8rem;
  }
  .header .logo svg {
    width: 100%;
  }
  .header .menu_icon {
    width: 2.6rem;
  }
  .header .menu_icon svg {
    width: 100%;
  }
  .header .h-right {
    margin-right: 0.8rem;
  }
  .header .h-right .navbar-toggler-icon {
    margin-left: 0.4rem;
  }
  .jumbotron {
    padding-top: 6rem;
  }
  .jumbotron .container {
    height: 100%;
  }
  .jumbotron .container.d-flex {
    display: inline-block !important;
  }
  .jumbotron .container h1 {
    text-align: center;
  }
  .jumbotron .container .query {
    text-align: center;
  }
  .jumbotron .container .banner_content .banner_content_inner {
    text-align: center;
  }
  .jumbotron .container .banner_content .btn {
    text-align: center;
    display: inline-block;
    float: none;
  }
  .jumbotron .banner_icon {
    position: relative;
    right: inherit;
    top: inherit;
    text-align: center;
    margin-top: 0.4rem;
  }
  .jumbotron .banner_icon img {
    width: 62%;
  }
  .jumbotron .banner_icon svg {
    width: 90%;
    height: 90%;
  }
  .content-widget .audit_widget {
    padding-top: 0 !important;
  }
  .content-widget .audit_widget .icon-path {
    top: -11rem;
  }
  .content-widget .audit_widget .audit_panel {
    padding-bottom: 1.4rem;
  }
  .content-widget .audit_widget .audit_panel .audit_content {
    padding-left: 0 !important;
    padding-top: 1rem;
  }
  .content-widget .audit_widget .audit_panel .audit_video {
    width: 100%;
    position: relative;
    left: inherit;
    top: inherit;
    bottom: inherit;
  }
  .content-widget .stay_out .stay_out_list {
    padding-top: 2.5rem;
  }
  .content-widget .stay_out .sml_tittle {
    padding-bottom: 0.8rem !important;
  }
  .content-widget .stay_out .btn {
    margin-top: 1.8rem !important;
  }
  .content-widget .v_pro_widget .display_f_10 {
    font-size: 2.4rem;
  }
  .content-widget .v_pro_widget .item .item_query {
    padding: 0rem 0.6rem 0.4rem;
    min-height: 8.5rem;
  }
  .content-widget .v_pro_widget .item figure {
    display: flex;
    align-items: center;
  }
  .content-widget .v_pro_widget .item.item-1 figure, .content-widget .v_pro_widget .item.item-2 figure, .content-widget .v_pro_widget .item.img_bg figure {
    height: 13rem;
  }
  .content-widget .creatives_widget .item .item_content {
    height: auto;
  }
  .content-widget .creatives_widget .item figure {
    height: auto;
  }
  .content-widget .creatives_widget .item figure img {
    max-width: 100%;
    position: relative;
    left: inherit;
    top: inherit;
    transform: translate(0, 0);
  }
  .content-widget .creatives_widget .footer_icon {
    left: inherit;
    right: 0;
  }
  .content-widget .app_widget .item .item_content {
    padding: 0.8rem 0.6rem 0.4rem;
  }
  .content-widget .app_widget .item figure {
    height: auto;
  }
  .content-widget .app_widget .item figure img {
    position: relative;
    left: inherit;
    top: inherit;
    transform: translate(0, 0);
  }
  .content-widget .audit_widget .audit_panel .audit_video {
    display: none;
  }
  .content-widget .CSB_Bank_widget .csb_testimonial .testimonial_list .item figure {
    width: 82px;
    padding-right: 5px;
  }
  .content-widget .CSB_Bank_widget .csb_testimonial .testimonial_list .item .testimonial_inner {
    width: calc(100% - 82px);
    padding-left: 40px;
  }
  .content-widget .CSB_Bank_widget .csb_testimonial .testimonial_list .item .testimonial_inner svg {
    left: 0.2rem;
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 580px) {
  .jumbotron .banner_icon svg {
    width: 80%;
    height: 80%;
  }
  .content-widget .CSB_Bank_widget .csb_testimonial .testimonial_list .item figure {
    width: 62px;
  }
}

@media (max-width: 480px) {
  .jumbotron .banner_icon svg {
    width: 60%;
    height: 60%;
  }
}

body {
  font-family: 'Lexend', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--baseFontColor);
}

a {
  color: #000;
  text-decoration: none;
}

.white_bg {
  background: var(--bgWhite);
}

.white_cr {
  color: var(--bgWhite);
}

.blue_bg {
  background: var(--baseFontColor);
}

.blue_cr {
  color: var(--baseFontColor);
}

.blue_drk_bg {
  background: var(--blue-dark);
}

.blue_drk_cr {
  color: var(--blue-dark);
}

.orange_bg {
  background: var(--orange);
}

.orange_cr {
  color: var(--orange);
}

.orange_bg2 {
  background: var(--orange2);
}

.orange_cr2 {
  color: var(--orange2);
}

.lg_blue_bg {
  background: var(--lg_blue);
}

.lg_blue_cr {
  color: var(--lg_blue);
}

.cyan_bg {
  background: var(--cyan);
}

.yellow_cr {
  color: var(--yellow);
}

.yellow_bg {
  background: var(--yellow);
}

.blue_lg_cr {
  color: var(--blue);
}

.blue_lg_bg {
  background: var(--blue);
}

.cyan_cr {
  color: var(--cyan);
}

.cyan_blue_bg {
  background: var(--cyan_blue);
}

.cyan_dark_cr {
  color: var(--cyan_dark);
}

.cyan_dark_bg {
  background: var(--cyan_dark);
}

.cyan_blue_cr {
  color: var(--cyan_blue);
}

.pink_bg {
  background: var(--pink);
}

.pink_cr {
  color: var(--pink);
}

.lg-pink_bg {
  background: var(--lg-pink);
}

.lg-pink_cr {
  color: var(--lg-pink);
}

.violet_bg {
  background: var(--violet);
}

.violet_cr {
  color: var(--violet);
}

.flex-fill {
  flex: 1 1 0%;
  min-width: 0;
}

.fill_white {
  fill: var(--bgWhite);
}

.fill_blue {
  fill: var(--blue-dark);
}

.fill_cyan {
  fill: var(--cyan);
}

.fill_DarkCyan {
  fill: var(--iconFillDarkCyan);
}

.btn {
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  font-size: 0.84rem;
  position: relative;
  overflow: hidden;
  color: var(--baseFontColor);
  border: 1px solid var(--cyan_dark);
  padding: 0;
  transition: all 0.4s ease-in-out;
  background: transparent;
}

.btn:focus {
  outline: 0;
  border-color: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0);
}

.btn:hover {
  transition: all 0.4s ease-in-out;
}

.btn .btn-inner {
  transition: all 0.4s ease-in-out;
  background: transparent;
  position: relative;
  padding: 0.7rem 2rem;
  display: block;
}

.btn .btn-inner:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 160%;
  height: 80px;
  background-color: var(--cyan_dark);
  transform: translate(-110%, 0) skew(-30deg);
  transition: all 0.4s ease-in-out;
}

.btn .btn-inner span {
  position: relative;
  z-index: 2;
  color: var(--bgWhite);
}

.btn .btn-inner:hover:before {
  transform: translate(0%, 0) skew(0deg);
}

.btn:hover {
  transition: all 0.4s ease-in-out;
  color: var(--bgWhite);
}

.btn:hover span {
  color: var(--bgWhite);
}

.StartProject {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 5%;
  width: 100%;
  z-index: 6;
  padding: 0 4%;
}

.StartProject .btn {
  float: right;
  border-color: var(--iconFillDarkCyan);
  box-shadow: 0 16px 40px rgba(112, 144, 176, 0.3);
}

.StartProject .btn .btn-inner {
  background: var(--iconFillDarkCyan);
  padding: 0.8rem 2.6rem;
  border: 0;
}

.StartProject .btn .btn-inner:before {
  background-color: var(--bgWhite);
}

.StartProject .btn:hover span {
  color: var(--baseFontColor);
}

.StartProject .phone_icon {
  width: 3.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  background: var(--bgWhite);
  box-shadow: 0px 6px 42px #04385c;
  border-radius: 28px;
  text-align: center;
}

.StartProject .phone_icon a {
  display: block;
}

.o-scroll {
  background-color: var(--bgWhite) !important;
}

.o-scroll .navbar-collapse .navbar-collapse-inner {
  opacity: 1 !important;
  pointer-events: all !important;
}

.btn {
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  font-size: 0.84rem;
  position: relative;
  overflow: hidden;
  color: var(--bgWhite);
  border: 1px solid var(--bgWhite);
  padding: 0;
  transition: all 0.4s ease-in-out;
  background: transparent;
}

.btn:hover {
  transition: all 0.4s ease-in-out;
  color: var(--baseFontColor);
}

.btn:focus {
  color: var(--baseFontColor);
}

.btn .btn-inner {
  transition: all 0.4s ease-in-out;
  background: transparent;
  position: relative;
  padding: 0.5rem 2rem;
  display: block;
}

.btn .btn-inner:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  width: 160%;
  height: 60px;
  background-color: var(--bgWhite);
  transform: translate(-110%, 0) skew(-30deg);
  transition: 0.5s;
}

.btn .btn-inner span {
  position: relative;
  z-index: 2;
}

.btn .btn-inner:hover {
  transition: all 0.4s ease-in-out;
  color: var(--baseFontColor);
}

.btn .btn-inner:hover:before {
  transform: translate(0%, 0) skew(0deg);
}

.btn .btn-inner:hover span {
  color: var(--baseFontColor);
}

.jumbotron {
  color: var(--bgWhite);
  padding-top: 0;
}

.jumbotron .container {
  position: relative;
  z-index: 2;
  height: 710px;
}

.jumbotron .overlay {
  background: linear-gradient(285.71deg, rgba(6, 84, 128, 0.9) 2.27%, rgba(118, 206, 200, 0.9) 99.32%);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}

.jumbotron .banner_video {
  width: 100%;
  height: 100%;
  float: left;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.jumbotron .banner_video .fullwidth-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  transform: translateX(-50%) translateY(-50%);
}

.jumbotron .banner_content {
  width: 100%;
  position: relative;
  z-index: 3;
}

.jumbotron .banner_content .banner_content_inner {
  width: 100%;
  max-width: 680px;
}

.jumbotron h1 {
  line-height: 1.1;
  color: var(--bgWhite);
  margin: 0;
}

.jumbotron h1 .sub_head {
  color: var(--baseFontColor);
  padding-bottom: 0.6rem;
}

.jumbotron h1 .line1 {
  background: url(../img/ico/line1.svg) no-repeat bottom left;
}

.jumbotron h1 .line2 {
  background: url(../img/ico/line2.svg) no-repeat bottom left;
}

.jumbotron .btn {
  color: var(--bgWhite);
  border: 1px solid var(--bgWhite);
}

.jumbotron .btn .btn-inner:before {
  background-color: var(--baseFontColor);
}

.jumbotron .btn .btn-inner:hover {
  color: var(--bgWhite);
}

.jumbotron .btn .btn-inner:hover:before {
  transform: translate(0%, 0) skew(0deg);
}

.jumbotron .btn .btn-inner span {
  color: var(--bgWhite);
}

.jumbotron .query {
  width: 100%;
  max-width: 400px;
}

.jumbotron .query p {
  opacity: 0.7;
  font-size: 1rem;
}

.jumbotron .banner_icon {
  position: absolute;
  right: 12%;
  top: 7rem;
  text-align: right;
  text-align: right;
}

.jumbotron .banner_icon img {
  width: 92%;
}

.content-widget h2.head02 {
  color: var(--baseFontColor);
}

.content-widget h2.head02 span {
  color: var(--iconFillRed);
  font-size: 0.8rem;
}

.content-widget .stay_out {
  z-index: 3;
}

.content-widget .stay_out .sml_tittle {
  font-size: 0.9rem;
  color: var(--baseFontColor);
  display: block;
  text-transform: uppercase;
}

.content-widget .stay_out p {
  font-size: 1.16rem;
  line-height: 1.8;
}

.content-widget .stay_out ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.content-widget .stay_out ul li {
  position: relative;
  padding-left: 1.6rem;
  font-size: 0.9rem;
  width: 50%;
  float: left;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.content-widget .stay_out ul li .icon {
  position: absolute;
  left: 0;
  top: 50%;
  background: #E5E5E5;
  border: 0.26rem solid #24CBBF;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50rem;
  -webkit-border-radius: 50rem;
  -moz-border-radius: 50rem;
  transform: translate(0, -50%);
}

.content-widget .stay_out ul li:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 85%;
  height: 1px;
  background: #98dad6;
}

.content-widget .stay_out .btn {
  background: var(--baseFontColor);
  border: 0;
  border-radius: 2.5rem;
  -webkit-border-radius: 2.5rem;
  -moz-border-radius: 2.5rem;
  position: relative;
  z-index: 6;
}

.content-widget .audit_widget {
  width: 100%;
  z-index: 2;
}

.content-widget .audit_widget .icon-path {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: -20rem;
}

.content-widget .audit_widget .icon-path svg {
  width: 100%;
}

.content-widget .audit_widget .icon-path img {
  width: 100%;
}

.content-widget .audit_widget .audit_panel {
  position: relative;
}

.content-widget .audit_widget .audit_panel .audit_video {
  width: 50%;
  float: left;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.content-widget .audit_widget .audit_panel .audit_video .video_inner {
  height: 100%;
  position: relative;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.content-widget .audit_widget .audit_panel .audit_video .fullwidth-video {
  margin: 0px auto;
  background-color: #e9e9e9;
  padding: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.content-widget .audit_widget .audit_panel .smal_query {
  width: 100%;
  max-width: 480px;
}

.content-widget .audit_widget .audit_panel .item h4 {
  font-size: 1.2rem;
  color: var(--baseFontColor);
}

.content-widget .audit_widget .audit_panel .item figure {
  position: relative;
  padding: 0.2rem 0.4rem;
}

.content-widget .audit_widget .audit_panel .item figure img {
  max-width: 100%;
}

.content-widget .audit_widget .audit_panel .btn {
  color: var(--bgWhite);
  border: 1px solid var(--cyan_dark);
}

.content-widget .audit_widget .audit_panel .btn .btn-inner {
  color: var(--cyan);
  padding: 0.7rem 1.4rem;
}

.content-widget .audit_widget .audit_panel .btn .btn-inner:before {
  background-color: var(--cyan);
  color: var(--cyan_dark);
}

.content-widget .audit_widget .audit_panel .btn .btn-inner span {
  color: var(--cyan);
}

.content-widget .audit_widget .audit_panel .btn:hover {
  color: var(--bgWhite);
}

.content-widget .audit_widget .audit_panel .btn:hover span {
  color: var(--bgWhite);
}

.content-widget .marketing_widget {
  background: linear-gradient(136.47deg, #802972 -0.68%, #282A61 41.21%, #00264E 87.7%);
  color: var(--bgWhite);
}

.content-widget .marketing_widget h2.head02 {
  color: var(--bgWhite);
}

.content-widget .marketing_widget .marketing_disc {
  width: 100%;
  max-width: 440px;
}

.content-widget .marketing_widget .marketing_disc p {
  color: var(--bgLight);
}

.content-widget .marketing_widget .item-list .item {
  padding: 1.2rem 1.2rem;
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  box-shadow: 0 16px 40px rgba(112, 144, 176, 0.2);
}

.content-widget .marketing_widget .item-list .item h4 {
  color: var(--lgt-Dark);
  font-size: 1.2rem;
}

.content-widget .marketing_widget .item-list .item p {
  color: var(--lgt-Dark);
}

.content-widget .marketing_widget .item-list .item figure img {
  max-width: 100%;
}

.content-widget .marketing_widget .item-list .item.pink_bg, .content-widget .marketing_widget .item-list .item.violet_bg, .content-widget .marketing_widget .item-list .item.cyan_blue_bg {
  color: var(--bgWhite);
}

.content-widget .marketing_widget .item-list .item.pink_bg h4, .content-widget .marketing_widget .item-list .item.violet_bg h4, .content-widget .marketing_widget .item-list .item.cyan_blue_bg h4 {
  color: var(--bgWhite);
}

.content-widget .marketing_widget .item-list .item.pink_bg p, .content-widget .marketing_widget .item-list .item.violet_bg p, .content-widget .marketing_widget .item-list .item.cyan_blue_bg p {
  color: var(--bgWhite);
}

.content-widget .marketing_widget .btn {
  border: 1px solid var(--bgWhite);
}

.content-widget .marketing_widget .btn .btn-inner:before {
  background-color: var(--bgWhite);
}

.content-widget .marketing_widget .btn:hover span {
  color: var(--baseFontColor);
}

.content-widget .v_pro_widget {
  color: var(--baseFontColor);
}

.content-widget .v_pro_widget .v_pro_header {
  max-width: 840px;
}

.content-widget .v_pro_widget .item {
  border: 1px solid var(--cyan_blue);
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  overflow: hidden;
  padding-top: 0.2rem;
}

.content-widget .v_pro_widget .item .item_query {
  padding: 0rem 1rem 0.4rem;
  min-height: 6.5rem;
}

.content-widget .v_pro_widget .item h5 {
  font-size: 1rem;
  color: var(--baseFontColor);
}

.content-widget .v_pro_widget .item figure {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.content-widget .v_pro_widget .item figure img {
  max-width: 100%;
}

.content-widget .v_pro_widget .item p {
  font-size: 0.9rem;
  padding: 0;
  margin: 0;
}

.content-widget .v_pro_widget .item.item-1 figure {
  height: 10rem;
}

.content-widget .v_pro_widget .item.item-2 figure {
  height: 16rem;
}

.content-widget .v_pro_widget .img_bg.three_d_bg {
  background: var(--cyan_lg_blue);
  border: 0;
}

.content-widget .v_pro_widget .img_bg.product_bg {
  background: url(../img/temp/Product_videos.png) no-repeat center top;
  background: url(../img/temp/web/Product_videos.webp) no-repeat center top;
  border: 0;
}

.content-widget .v_pro_widget .img_bg.product_bg .item_query {
  background: linear-gradient(360deg, #933B5B -1.71%, rgba(255, 255, 255, 0) 100%);
  color: var(--bgWhite);
}

.content-widget .v_pro_widget .img_bg.product_bg .item_query h5 {
  color: var(--bgWhite);
}

.content-widget .v_pro_widget .img_bg figure {
  height: 16rem;
}

.content-widget .app_widget .btn {
  color: var(--bgWhite);
  border: 1px solid var(--baseFontColor);
  padding: 0;
}

.content-widget .app_widget .btn .btn-inner {
  background: var(--baseFontColor);
}

.content-widget .app_widget .btn .btn-inner:before {
  background-color: var(--bgWhite);
}

.content-widget .app_widget .btn .btn-inner span {
  color: var(--bgWhite);
}

.content-widget .app_widget .btn:hover {
  color: var(--baseFontColor);
}

.content-widget .app_widget .btn:hover span {
  color: var(--baseFontColor);
}

.content-widget .app_widget .mobapp_disc {
  width: 100%;
  max-width: 510px;
}

.content-widget .app_widget .item {
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  box-shadow: 0 16px 40px rgba(112, 144, 176, 0.2);
}

.content-widget .app_widget .item.blue_lg_bg {
  color: var(--bgLight);
}

.content-widget .app_widget .item.blue_lg_bg h4 {
  color: var(--bgLight);
}

.content-widget .app_widget .item.blue_lg_bg p {
  color: var(--bgLight);
}

.content-widget .app_widget .item .item_content {
  padding: 1rem 1rem 0.4rem;
}

.content-widget .app_widget .item h4 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--baseFontColor);
}

.content-widget .app_widget .item figure {
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  text-align: center;
  height: 14rem;
  position: relative;
  overflow: hidden;
}

.content-widget .app_widget .item figure img {
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.content-widget .app_widget .item p {
  font-size: 0.9rem;
}

.content-widget .creatives_widget {
  background: url(../img/temp/creative.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
  color: var(--bgWhite);
}

.content-widget .creatives_widget .overlay {
  background: linear-gradient(151.33deg, rgba(34, 16, 31, 0.9) 14.61%, rgba(1, 38, 78, 0.9) 88.01%);
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.content-widget .creatives_widget .inner {
  z-index: 2;
}

.content-widget .creatives_widget .footer_icon {
  position: absolute;
  z-index: 3;
  left: 4%;
  top: -16rem;
  width: 14rem;
  display: inline-block;
}

.content-widget .creatives_widget .footer_icon img {
  width: 100%;
}

.content-widget .creatives_widget h2.head02 {
  color: var(--bgWhite);
}

.content-widget .creatives_widget p {
  color: var(--bgWhite);
}

.content-widget .creatives_widget .mobapp_disc {
  width: 100%;
  max-width: 420px;
}

.content-widget .creatives_widget .item {
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  box-shadow: 0 16px 40px rgba(112, 144, 176, 0.2);
}

.content-widget .creatives_widget .item .item_content {
  padding: 1.4rem 1rem 0.4rem;
  height: 9.5rem;
}

.content-widget .creatives_widget .item h4 {
  font-size: 1rem;
  font-weight: 600;
  color: var(--bgWhite);
}

.content-widget .creatives_widget .item figure {
  text-align: center;
  height: 12rem;
  position: relative;
  overflow: hidden;
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
}

.content-widget .creatives_widget .item figure img {
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
}

.content-widget .creatives_widget .item p {
  font-size: 0.9rem;
}

.content-widget .CSB_Bank_widget {
  color: var(--baseFontColor);
}

.content-widget .CSB_Bank_widget .CSB_top_widget {
  border-bottom: 1px solid #ced3d7;
}

.content-widget .CSB_Bank_widget .CSB_top_widget .para_01 {
  font-size: 1.02rem;
  line-height: 2.3;
}

.content-widget .CSB_Bank_widget .CSB_top_widget h5 {
  font-size: 1rem;
}

.content-widget .CSB_Bank_widget .csb_img {
  width: 100%;
  max-width: 480px;
  float: left;
  padding-right: 30px;
}

.content-widget .CSB_Bank_widget .csb_img img {
  max-width: 100%;
}

.content-widget .CSB_Bank_widget .csb_dtls {
  width: calc(100% - 480px);
  float: left;
}

.content-widget .CSB_Bank_widget .csb_dtls h4 {
  color: var(--baseFontColor);
}

.content-widget .CSB_Bank_widget .csb_testimonial {
  border-bottom: 1px solid #ced3d7;
}

.content-widget .CSB_Bank_widget .csb_testimonial .testimonial_list {
  max-width: 1024px;
}

.content-widget .CSB_Bank_widget .csb_testimonial .testimonial_list .item figure {
  width: 142px;
  padding-right: 15px;
  float: left;
}

.content-widget .CSB_Bank_widget .csb_testimonial .testimonial_list .item figure img {
  max-width: 100%;
}

.content-widget .CSB_Bank_widget .csb_testimonial .testimonial_list .item .testimonial_inner {
  width: calc(100% - 142px);
  float: left;
  padding-left: 90px;
  position: relative;
}

.content-widget .CSB_Bank_widget .csb_testimonial .testimonial_list .item .testimonial_inner svg {
  position: absolute;
  left: 0;
  top: -4px;
}

.content-widget .CSB_Bank_widget .csb_testimonial .testimonial_list .item .testimonial_inner p {
  line-height: 1.9;
}

.content-widget .CSB_Bank_widget .customer_widget h5 {
  font-size: 1rem;
  color: var(--cyan);
}

.content-widget .CSB_Bank_widget .customer_widget .customer_list {
  max-width: 980px;
}

.content-widget .CSB_Bank_widget .customer_widget .customer_list figure {
  max-width: 170px;
}

.content-widget .CSB_Bank_widget .customer_widget .customer_list figure img {
  max-width: 100%;
}

.content-widget .footer {
  color: var(--bgWhite);
}

.content-widget .footer .adress_widget {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.content-widget .footer .adress_widget .item h5 {
  font-size: 1.2rem;
}

.content-widget .footer .adress_widget .item p {
  font-size: 1rem;
}

.content-widget .footer h4 {
  color: var(--cyan_dark);
}

.content-widget .footer figure img {
  max-width: 100%;
}

.content-widget .footer h5 {
  color: var(--bgWhite);
}

.content-widget .footer .arrow_ico {
  position: absolute;
  right: -40px;
  bottom: 0;
}

.content-widget .footer .social_widget .social_list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.content-widget .footer .social_widget .social_list li {
  margin-right: 0.6rem;
}

.content-widget .footer .social_widget .social_list li a {
  text-align: center;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 34px;
  border: 1px solid var(--bgWhite);
  border-radius: 5rem;
  -webkit-border-radius: 5rem;
  -moz-border-radius: 5rem;
  transition: all 0.4s ease-in-out;
}

.content-widget .footer .social_widget .social_list li a:hover {
  transform: rotate(360deg) scale(1.3);
}

.content-widget .footer .social_widget .social_list li svg {
  max-width: 100%;
}
/*# sourceMappingURL=app.css.map */