* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
a {
  transition: .3s ease-in-out;
}

ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

/*-------------------------------Common Css----------------------------------*/
:root {
  --color-theme: #006aff;
  --color-theme-focus: #05c;
  --color-text: #1a1a1a;
  --color-background: #fff;
  --color-background-rgb: 255, 255, 255;
  --color-border: #d9d9d9;
  --color-highlight: rgba(26, 26, 26, 0.1);
  --color-gray: #737373;
  --color-red: #df3320;
  --color-yellow: #edb312;
  --color-lime: #77ba1b;
  --color-lime-light: #77ba1b;
  --color-lime-dark: #599801;
  --color-lime-darker: #4d8401;
  --color-green: #0bb634;
  --color-green-light: #0bb634;
  --color-green-dark: #008d31;
  --color-green-darker: #03792c;
  --color-teal: #00a695;
  --color-teal-light: #d9f2ef;
  --color-teal-dark: #007367;
  --color-teal-darker: #005950;
  --color-blue: #006aff;
  --color-blue-light: #006aff;
  --color-blue-dark: #05c;
  --color-blue-darker: #05c;
  --color-royal-blue: #006aff;
  --color-royal-blue-light: #006aff;
  --color-royal-blue-dark: #05c;
  --color-royal-blue-darker: #05c;
  --color-indigo: #5174d1;
  --color-indigo-light: #6b8fef;
  --color-indigo-dark: #3253af;
  --color-indigo-darker: #29479c;
  --color-purple: #7250a1;
  --color-purple-light: #ac79f2;
  --color-purple-dark: #493584;
  --color-purple-darker: #3e2a77;
  --color-plum: #a1499c;
  --color-plum-light: #e269dc;
  --color-plum-dark: #772d88;
  --color-plum-darker: #642173;
  --color-rose: #c14f70;
  --color-rose-light: #ec5f88;
  --color-rose-dark: #993157;
  --color-rose-darker: #86274a;
  --color-orange: #f86932;
  --color-orange-light: #f86932;
  --color-orange-dark: #dd4901;
  --color-orange-darker: #c93d02;
  --color-gray-03: #f7f7f7;
  --color-gray-05: #f2f2f2;
  --color-gray-13: #e0e0e0;
  --color-gray-15: #d9d9d9;
  --color-gray-30: #b3b3b3;
  --color-gray-55: #737373;
  --color-gray-75: #414141;
  --color-gray-80: #333;
  --color-gray-90: #1a1a1a;
  --color-gray-93: #121212;
  --color-gray-99: #030303;
  --color-border-transparent: rgba(128, 128, 128, 0.35);
  --color-accent-transparent: rgba(0, 0, 0, 0.06);
  --color-drop-shadow: rgba(0, 0, 0, 0.16);
  --color-drop-shadow-theme: rgba(0, 0, 0, 0.32);
  --color-drop-shadow-inverted: black;
  --color-shade-02: #fafafa;
  --color-shade-03: #f5f6f8;
  --color-shade-05: #eceef1;
  --color-shade-14: #d5d8db;
  --color-shade-31: #a6abaf;
  --color-shade-51: #727579;
  --color-shade-72: #3e4348;
  --color-shade-85: #1b2126;
  --color-shade-88: #161b1f;
  --color-accent: #f2f2f2;
  --color-border: #d9d9d9;
  --color-gray: #737373;
  --color-text: #1a1a1a;
  --color-html-bg: #1a1a1a;
  --color-charcoal: #030303;
  --color-link: #006aff;
  --color-validation-info: #006aff;
  --color-validation-success: #0bb634;
  --color-validation-warning: #edb312;
  --color-validation-error: #df3320;
  --color-validation-error-rgb-triplet: 223, 51, 32;
  --color-button-text: white;
  --color-button-bg: #006aff;
  --color-button-focus-bg: #05c;
  --color-button-alt-text: #006aff;
  --color-button-alt-border: #006aff;
  --color-form-field-bg: white;
  --color-form-field-placeholder: #b3b3b3;
  --color-form-field-text: #1a1a1a;
  --color-form-field-border: #737373;
  --color-form-field-border-rgb-triplet: 115, 115, 115;
  --color-form-field-active-border: #006aff;
  --color-form-field-active-border-rgb-triplet: 0, 106, 255;
  --color-form-field-disabled-bg: #f2f2f2;
  --color-table-bg: white;
  --color-table-border: #d9d9d9;
  --color-table-header-bg: #f2f2f2;
  --color-table-stripe-bg: #f7f7f7;
  --color-code-bg: #f7f7f7;
  --color-badge-text: white;
  --color-badge-bg: #737373;
  --color-badge-alt-text: #737373;
  --color-badge-alt-border: #737373;
  --color-badge-link-bg: #006aff;
  --color-badge-link-focus-bg: #05c;
  --color-badge-link-alt-text: #006aff;
  --color-badge-link-alt-border: #006aff;
  --color-menu-text: #737373;
  --color-menu-link: white;
  --color-menu-bg: #030303;
  --color-menu-border: rgba(128, 128, 128, 0.35);
  --color-footer-text: #737373;
  --color-footer-link: white;
  --color-footer-bg: #030303;
  --color-footer-border: rgba(128, 128, 128, 0.35);
  --Font-Awe-Familty: 'Font Awesome 5 free';

}

body {
font-family:"Poppins"!important;
font-weight: normal !important;
color: var(--color-text) !important;
font-size: 16px !important;
}

a {
  text-decoration: none !important;
}

a:hover {
  color: var(--color-accent);
}

.header.navbar-fixed-top {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  background: var(--color-background);
  position: sticky;
  top: 0;
  z-index: 9;
} 

.header .navbar {
  padding: 15px;
}

.header .navbar-brand img {
  max-width: 210px;
}


.header .mr-auto {
  margin-left: auto !important;
}

.header .navbar-expand-lg .navbar-nav .nav-item a {
  cursor: pointer;

  display: block;
  padding: 10px 25px !important;
  border: none;
  border-radius: 4px;
  background: transparent;
  color: var(--color-text, #1a1a1a);
  font-size: 16px;
  line-height: 22px;
  letter-spacing: normal;
  text-align: left;

  position: relative;
  overflow: hidden;

}

.header .navbar-nav li:hover>ul.dropdown-menu {
  display: block;
}

.header .dropdown-submenu {
  position: relative;
}

.header .dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
}

/* rotate caret on hover */
.header .dropdown-menu>li>a:hover:after {
  text-decoration: underline;
  transform: rotate(-90deg);
}

.header .dropdown-menu {
  border-width: 0;
  border-style: solid;
  color: #1a1a1a;
  background-color: #fff;
  border-color: #d9d9d9;
  box-sizing: border-box;
  left: 0px;
  top: 100%;
  width: 220px;
  border-radius: 4px;
  border-width: 1px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
  --flyout-visibility: hidden;

  transform: translate3d(0, -10px, 0);
  transition: visibility 0ms 100ms, pointer-events 0ms, opacity 100ms cubic-bezier(0.4, 0, 1, 1), transform 100ms cubic-bezier(0.4, 0, 1, 1), width 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.header .navbar-expand-lg .navbar-nav .nav-item a::before {
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(26, 26, 26, 0.1);
  border-radius: 0;
  opacity: 0;
  transition: opacity 100ms cubic-bezier(0.4, 0, 0.2, 1), transform 100ms cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0);
}

.header .navbar-expand-lg .navbar-nav .nav-item a:hover::before {
  opacity: 1;
  transform: scale(1);
}



.btn_grp .button {
  -webkit-appearance: none;
  appearance: none;
  display: inline-block;
  position: relative;
  max-width: 100%;
  min-height: 50px;
  padding: 12px 18px;
  border-style: solid;
  border-width: 1px;
  border-radius: 5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  transition: background-color var(--duration-quick) cubic-bezier(0.4, 0, 0.6, 1);
  color: var(--color-button-text);
  border-color: transparent;
  background-color: var(--color-button-bg);
}

.btn_grp {
  display: flex;
  align-items: center;
}

.btn_grp .column+.column {
  margin-left: 23px;
}

.btn_grp .button:hover,
.btn_grp .button:focus,
.btn_grp button:hover,
.btn_grp button:focus {
  background-color: var(--color-button-focus-bg);
}

.bg_gry {
  background: #f2f2f2;
  border-radius: 30px;
  padding: 30px;
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.mg-auto {
  margin: 0 auto;
}

.frm-heading {
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 600;
  color: #1a1a1a;
}

.field {
  margin-bottom: 30px;
}

.input-element .form-control {
  height: 45px;
  padding: 6px 15px;
  font-size: 14px;
}

.input-element .form-control::-webkit-input-placeholder {
  color: #999;
}

.input-element .form-control::-moz-placeholder {
  color: #999;
}

.input-element .form-control::-ms-input-placeholder {
  color: #999;
}

.input-element .form-control:-moz-placeholder {
  color: #999;
}

.form-control:focus {
  border-color: #006aff;
  box-shadow: none;
}

.input-element textarea.form-control {
  height: 170px;
}

.icon-select {
  position: relative;
}

.icon-select:after {
  position: absolute;
  right: 10px;
  top: 16px;
  content: "";
  background: url(../images/arrow-select.svg);
  z-index: 9;
  background-repeat: no-repeat;
  display: block;
  opacity: 1;
  width: 20px;
  height: 20px;
}

.fc_bx input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.fc_bx {
  display: block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 14px;
  color: rgb(142, 142, 148);
  -webkit-user-select: none;
  user-select: none;
  font-weight: normal;
}

.fc_bx a {
  color: rgb(142, 142, 148);
  text-decoration: underline !important;
}

.fc_chckmrk {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  margin-right: 0.8rem;
  cursor: pointer;
  background-color: transparent;
  border-radius: 0.3rem;
  border: 0.1rem solid rgb(142, 142, 148);
  border-radius: 3px;
}

.fc_chckmrk:after {
  content: "";
  position: absolute;
  display: none;
}

.fc_chckmrk:after {
  left: 5px;
  top: 1px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.fc_bx input:checked~.fc_chckmrk:after {
  display: block;
}

.fc_bx input:checked~.fc_chckmrk {
  background-color: #1766ff;
  border: 1px solid #1766ff;
}

.fDYXig {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  color: rgb(70, 105, 232);
  position: relative;
}

.UohTu {
  display: inline-block;
  overflow: hidden;
  position: absolute;
  transform: translateX(-100%);
  transition: transform 0.25s cubic-bezier(0.52, 0.01, 0, 1) 0s;
}

.UohTu svg {
  display: inline-block;
  transform: translateX(100%);
  transition: transform 0.25s cubic-bezier(0.52, 0.01, 0, 1) 0s;
}

.egXVJW a p,
.egXVJW button p {
  transform: translateX(0px);
  transition: transform 0.35s cubic-bezier(0.52, 0.01, 0, 1) 0s;
}

.fxGUKU {
  font-weight: 400;
  font-size: 18px;
  margin: 0;
}

.gzAygD {
  display: block;
  min-width: clamp(0.7rem, 0.6474rem + 0.1404vw, 0.9rem);
  min-height: 0.1rem;
}

.gUzJcp {
  display: inline-block;
  overflow: hidden;
  position: relative;
  transform: translateX(0px);
  transition: transform 0.25s cubic-bezier(0.52, 0.01, 0, 1) 0s;
}

.gUzJcp svg {
  display: inline-block;
  transform: translateX(0px);
  transition: transform 0.25s cubic-bezier(0.52, 0.01, 0, 1) 0s;
}

.kCaVCs:hover .UohTu {
  transition-delay: 0.25s;
  transform: translateX(0px);
}

.kCaVCs:hover .UohTu svg {
  transition-delay: 0.25s;
  transform: translateX(0px);
}

.kCaVCs:hover .gUzJcp {
  transform: translateX(100%);
  transition-delay: 0s;
}

.kCaVCs:hover .gUzJcp svg {
  transform: translateX(-100%);
  transition-delay: 0s;
}

.kCaVCs:hover p,
.egXVJW button:hover p {
  transform: translateX(1.4rem);
  transition-delay: 0.15s;
}

.kCaVCs {
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
}

.frm_sect {
  margin: 60px 0;
}

.bg-accent {
  background-color: #f2f2f2;
}

.arrow {
  position: relative;
}

.arrow:after {
  content: "→";
  pointer-events: none;
  display: inline-block;
  margin-left: 0.25em;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.6, 1);
}

.box-card p a {
  color: #207DFF;
}

.box-card {
  background-color: white;
  border-radius: 24px;
  padding: 24px;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  will-change: transform, opacity;
  visibility: visible;
  -webkit-transition: .3s linear;
  -o-transition: .3s linear;
  transition: .3s linear;
  animation-duration: 1s;
  animation-delay: 0.3s;
}

.box-card:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.16);
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);

}

.banner_inner .img_bx img {
  width: 100%;
}

.box-card .img_bx {
  margin: -24px;
}

.box-card .img_bx img {
  width: 100%;
  border-radius: 0 0px 24px 24px;
}

.navbar-brand {
    font-family: 'Verdana' !important;
  position: relative;
  color: #000;
  background: -webkit-linear-gradient(left, #da2619, #000, #000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 32px;
  font-weight: bold;
  animation-duration: 5s;
  animation-name: textAnimationGradient;
  animation-iteration-count: infinite;
  background-size: 300%;
  animation-timing-function: linear;
  animation-direction: alternate;
}
/*
.navbar-brand:after {
  position: absolute;
  left: -21px;
  top: -7px;
  content: "";
  width: 64px;
  height: 63px;
  background: url(../images/logo-c.svg);
  background-repeat: no-repeat;
  background-size: contain;
}*/

.logo {
  color: #fff;
}

@keyframes textAnimationGradient {
  0% {
    background-position: 0 1600px;
  }

  100% {
    background-position: 1600px 0;
  }
}








.section-hero {
  min-height: auto !important;
  display: flex;
}
.content .content-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

h1.balance-text {
  font-size: 70px;
  line-height: 85px;
  letter-spacing: -1px;
  max-width: 500px;
  font-weight: 600;
  margin-bottom: 50px;
}h1.balance-text span{color:var(--color-button-bg);};
p.balance-text {
  margin: 0 0 30px;
  max-width: 590px;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}
.btn_grp {
  margin: 20px 0;
}
@media (min-width: 1240px){
.content {
  width: 50%;
  padding: 80px;
}}
/*======================================*/
.hero_slider{width: 50%;margin-top: 30px;}
.hero_slider img{width: 100%;border-radius: 30px;}

.bg-accent {
  padding: 80px 0;
}
.heading-text {
  margin-bottom: 35px;
}
.heading-text h3 {
      font-size: 46px;
      font-weight: bold;
}
.heading-text h3     span {
          display: block;
}
 .list-service {}
 .list-service  ul {
      padding: 0;
      display: flex;
      align-items: center;
      margin: 0;
      justify-content: center;
      flex-wrap: wrap;
      gap: 30px;
}
 .list-service  ul li {
  display: block;
  width: 47.666%;
      }

.list-service ul li .box-card 
          h3 {
              font-weight: bold;
              font-size: 32px;
              margin-bottom: 10px;
          }

.list-service  ul li .box-card p {
              font-size: 14px;
          }

 .list-service  ul li .box-card  .sub-service{
              margin-top: 30px;
          }
.list-service  ul li .box-card ul .sub-service{
                  padding: 0;
                  display: flex;
                  align-items: center;
                  flex-wrap: wrap;
                  gap: 20px;
                  justify-content: left;}
.list-service ul li .box-card .sub-service ul li {
                      width: auto;
                      display: inline-block;
                  }

    .list-service  ul li  .box-card  .sub-service     ul      li  a {
                          text-transform: none;
                          letter-spacing: inherit;
                          font-size: 14px;
                          display: block;
                          line-height: 18px;
                          padding: 6px 14px;
                          font-weight: 400;
                          color: var(--color-text);
                          background-color: var(--color-gray-03);
                          transition: transform 150ms cubic-bezier(0.4, 0, 0.6, 1);
                          margin-bottom: 0;
                          border-radius: 24px;
                      }
/*=================================================================*/
footer.ft-sect {
  color: white;
  background-color: #030303;
  padding: 80px 0;
}

footer.ft-sect img {
  width: 250px;
}

.ft-top {
  border-bottom: 1px solid rgba(128, 128, 128, 0.35);
  padding-bottom: 30px;
  margin-bottom: 60px;
}

.ab-txt p {
  color: #737373;
  font-size: 14px;
  margin: 0;
}

.ft-nav h3 {
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  margin-bottom: 20pxx;
}

.ft-nav ul {
  padding: 0;
  margin: 0;
}

.ft-nav ul li {
  display: block;
  margin-bottom: 15px;
}

.ft-nav ul li a {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}

.ft-sl {
  padding: 20px 0;
  border-bottom: 1px solid rgba(128, 128, 128, 0.35);
  border-top: 1px solid rgba(128, 128, 128, 0.35);
  margin-top: 30px;
  margin-bottom: 30px;
}

.ft-sl ul {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.ft-sl ul li {
  display: inline-block;
  padding: 0 15px;
}

.ft-sl ul li a {
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  text-align: center;
  font-size: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ft-sl ul li a svg {
  width: 25px;
  display: block;
  height: 25px;
  text-align: center;
}

.ft-sl ul li a svg path {
  fill: #000;
}

.ft-cpy {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ft-cpy .ft-trm {}

.ft-cpy .ft-trm ul {
  padding: 0;
  margin: 0;
}

.ft-cpy .cpy-txt {
  color: #737373;
  font-weight: 400;
  font-size: 14px;
}

.ft-cpy .ft-trm ul li {
  display: inline-block;
  padding: 0 15px;
}

.ft-cpy .ft-trm ul li a {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}

footer.ft-sect {
  color: white;
  background-color: #030303;
  padding: 80px 0;
}

footer.ft-sect img {
  width: 250px;
}

.ft-top {
  border-bottom: 1px solid rgba(128, 128, 128, 0.35);
  padding-bottom: 30px;
  margin-bottom: 60px;
}

.ab-txt p {
  color: #737373;
  font-size: 14px;
  margin: 0;
}

.ft-nav h3 {
  color: #737373;
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 20px;
}

.ft-nav ul {
  padding: 0;
  margin: 0;
}

.ft-nav ul li {
  display: block;
  margin-bottom: 15px;
}

.ft-nav ul li a {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}

.ft-sl {
  padding: 20px 0;
  border-bottom: 1px solid rgba(128, 128, 128, 0.35);
  border-top: 1px solid rgba(128, 128, 128, 0.35);
  margin-top: 30px;
  margin-bottom: 30px;
}

.ft-sl ul {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.ft-sl ul li {
  display: inline-block;
  padding: 0 15px;
}

.ft-sl ul li a {
  background: #fff;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  text-align: center;
  font-size: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ft-sl ul li a svg {
  width: 25px;
  display: block;
  height: 25px;
  text-align: center;
}

.ft-sl ul li a svg path {
  fill: #000;
}

.ft-cpy {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ft-cpy .ft-trm {}

.ft-cpy .ft-trm ul {
  padding: 0;
  margin: 0;
}

.ft-cpy .cpy-txt {
  color: #737373;
  font-weight: 400;
  font-size: 14px;
}

.ft-cpy .ft-trm ul li {
  display: inline-block;
  padding: 0 15px;
}

.ft-cpy .ft-trm ul li a {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}






.brand_sect {
  padding: 80px 0;
  display: flex;
  align-items: center;
  gap: 150px;
}

.lft-bx {
  padding-left: 100px;
}

.img_bx img {
  width: 100%;
  border-radius: 24px 0px 0px 24px;
}

.brand_sect h3 {
  font-size: 42px;
  font-weight: bold;
  margin-bottom: 30px;
}

.brand_sect p {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

.brand_sect .row {
  align-items: center;
}

.brand_banner h3 {
  font-size: 88px;
  font-weight: bold;
  line-height: 109px;
  margin-bottom: 30px;
}

.brand_banner p {
  font-size: 18px;
  margin: 0;
  margin-top: 16px;
}

.brand_banner p span {}

.brand_banner h3 span {
  background: #006aff;
  color: #fff;
}

.brand_banner {
  padding: 80px 0;
}








/*==========================================================*/
.consult_sect {
  padding: 60px 0;
  background: #f2f2f2;
}

.consult_sect .hd-title {
  font-size: 42px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
}

.consult_sect .sub-title {
  font-size: 16px;
  text-align: center;
  margin-bottom: 15px;

}

.consult_sect .btn-com {
  text-align: center;
  margin: 10px 0 50px;
}

.consult_sect .btn-com a {
  background: #006aff;
  border-radius: 5px;
  text-align: center;
  padding: 8px 20px;
  display: inline-block;
  color: #fff;
  font-size: 18px;
}

.consult_sect .consut_wrap {
  margin-top: 60px;
}

.consult_sect .consut_wrap {}

.consult_sect .consut_wrap ul {
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
}

.consult_sect .consut_wrap ul li {
  display: block;
  width: 31.666%;
}

.consult_sect .consut_wrap ul .box-card h3 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.consult_sect .consut_wrap ul p {
  margin: 0;
  font-size: 16px;
}




.ganimg_sect {
  background: #000;
  color: #fff;
  padding: 100px 0;
}
.ganimg_sect .hd-title {
  font-size: 36px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}

.ganimg_sect .sub-title {
  font-size: 18px;
  text-align: center;
  margin-bottom: 15px;
}
.btn-com {
  text-align: center;
  margin: 10px 0 50px;
}
.ganimg_sect .btn-com a {
  background: #006aff;
  border-radius: 5px;
  text-align: center;
  padding: 8px 20px;
  display: inline-block;
  color: #fff;
  font-size: 18px;
}

/*=============================================================*/
.dg_sect h3 {
  font-weight: 700;
  font-size: 84px;
  margin-bottom: 30px;
  font-family: 'Poppins';
}

.dg_sect  h4 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
}

.dg_sect  p {
  font-size: 18px;
}

.dg_sect 
.exp_txt {}

.dg_sect 
.exp_txt .scroll-arrow {
  color: #010101;
  font-size: 18px;
}

.dg_sect .exp_txt .scroll-arrow svg {
  margin-left: 0.5rem;
  width: 2rem;
  height: 2rem;
}

.dg_sect .exp_txt .scroll-arrow svg path {
  fill: #141313;
}

.dg_sect {
  padding: 80px 0;
}

.dg_sect .exp_txt .scroll-arrow svg circle {
  stroke: #141313;
  -webkit-transition: .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.dg_sect .exp_txt .scroll-arrow:hover circle {
  fill: #141313;
}
.dg_sect .exp_txt .scroll-arrow:hover svg path {
  fill: #fff;
}

.services-list ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0;
  justify-content: space-between;
  margin: 0;
  gap: 50px;
}

.services-list {
  padding: 80px 0;
}

.services-list ul li {
  display: block;
  width: 45%;
}

.services-list ul li .card {
  border: 0;
  position: relative;
}

.services-list ul li .card a {
  color: #1a1a1a;
  position: relative;
}

.services-list ul li .card .line_circle {
  position: relative;
  margin: 50px 0 94px;
}

.services-list ul li .card .line_circle:after {
  content: "";
  position: absolute;
  top: 0.375rem;
  left: 1.5rem;
  height: 0.25rem;
  background-color: #141313;
  width: 26.25rem;
}.services-list ul li .card .line_circle:before {
  content: '';
  left: 0;
  position: absolute;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  border: 0.25rem solid transparent;
  border-color: #141313;
  border-radius: 50%;
}

.services-list ul li .card a h3 {font-size: 32px;font-weight: 700;margin-bottom: 20px;padding-top: 40px;z-index: 2;position: relative;}

.services-list ul li .card a p {
  z-index: 2;
  position: relative;
  font-weight: 400;
}

.services-list ul li .card a .cicle_bx {
  left: 50%;
  width: 12.5rem;
  top: 100px;
  transform: translateX(-50%);
  height: 12.5rem;
  position: absolute;
  border-radius: 50%;
  z-index: 0;
  opacity: 0;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  background-color: #0d6efd;
}

.services-list ul li .card a:hover .cicle_bx {
  opacity: 1;
}
.journey_sect {
  padding: 80px 0;
}

.journey_sect h2 {
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 40px;
}

.journey_sect .crunch-button {
  background: #006aff;
  color: #fff;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 600;
  border-radius: 5px;
}





/*---------owl-dot--bottom------------*/
.owl-carousel .owl-nav {
display: none;
}
.banner_about img {
  width: 100%;
  position: relative;
}
.About_detail.contactUS h4 {
  font-size: 48px;
  font-weight: 700;
}
.About_detail {
  position: absolute;
  top: 15%;
  color: #fff;
  width: 100%;
}
.nab_tab_custom {
  gap: 30px;
  display: grid;
  align-items: center;
  grid-template-columns: repeat(3, 1fr);
}

.nab_tab_custom .item-tab a {
  box-shadow: 0 3px 10px #ededee;
  background-color: #fff;
  width: 100%;
  text-align: center;
  font-size: 24px;
  border-radius: 4px;
  padding: 15px;
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
}

section.cont_frm {
  padding: 60px 0;
  background: url(../images/bg_cont.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.tab-cont .tab-pane+.tab-pane {
  display: none;
}

.nab_tab_custom .item-tab a.active, .nab_tab_custom .item-tab:hover a {
  border: 1px solid #000;
}
.About_detail .cont_about {}
ul.About_vision {
  padding: 0;
  margin: 0;
  grid-template-columns: 1fr 1fr;
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  margin: 50px 0;
}

ul.About_vision p {
  font-size: 16px;
  font-weight: 400;
  color: #000;
}

.Ab_fullDetails {
  background: #f2f2f2;
  padding: 60px 0 30px;
}

ul.About_vision h3 {
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 20px;
}

ul.About_vision li {
  display: inline-block;
  height: 100%;
}
.Ab_fullDetails .img_bx img {
  border-radius: 24px;
}
ul.About_vision .box-card {
  height: 100%;
}

.Ab_fullDetails h3 {
  font-size: 32px;
  font-weight: 700;
}

.text-sec p {
  font-size: 16px;
  text-align: left;
  margin-bottom: 15px;
}
.About_detail .cont_about h4 {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 32px;
  margin-bottom: 20px;
  color: #fff;
}
section.hm_abut {
  position: relative;
}
.About_detail .cont_about h3 {
  font-size: 22px;
  color: #fff;
  margin-bottom: 15px;
}

.About_detail .cont_about p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
section.cont_frm ul.About_vision {
  margin: 0;
}
section.cont_frm h3 {
  font-size: 22px;
  margin: 0;
  font-weight: 600;
  margin: 20px 0 40px;
}
.cont_frm ul.About_vision .box-card h3 {
  font-size: 28px;
  font-weight: 600;
  margin: 0;
  margin-bottom: 20px;
}

.cont_frm ul.About_vision h4 {
  font-size: 22px;
}

.cont_frm ul.About_vision p {
  font-size: 16px;
  margin-bottom: 3px;
  padding: 0;
}


.list_itm .img_bx {
    position: relative;
}

.list_itm {
    display: grid;
    align-items: center;
    grid-template-columns: repeat(3, 1fr);
    padding: 0;
    margin: 0;
}

.list_itm .img_bx img {
    width: 100%;border-radius:0px;
}

.list_itm .img_bx .cont_img {
    position: absolute;
    width: 100%;
    bottom: 40px;

}

ul.list_itm li {
    display: block;
}
.cont_img h3 {
    font-size: 36px;
    text-align: center;
    font-weight: 500;
    line-height: 1.1;
    margin: 0 auto;
    width: calc(100% - 88px);
    color: #fff;
    position: relative;
    display: block;
    transform: none;
    margin-bottom: 20px;
}

.cont_img p {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    line-height: 22px;
    margin: 0 auto;
    width: calc(100% - 88px);
    color: #fff;
    position: relative;
    display: block;
    transform: none;
}
.GeTouch_form .formStyle textarea.form-control {
  height: 167px;
}.homeWhyUs .container-fluid {
  padding: 0;
}
.homeWhyUs img {
  width: 100%;
  height: 861px;
  object-fit: cover;
}.formStyle .form-group, .cartPage .addressNew.addBox .form-group {
  position: relative;
  margin-bottom: 25px;
}
.smallContent2 {
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 0px;
}
.headingContent {
  font-weight: 700;
  font-size: 40px;
  line-height: 52px;
  color:#000;
  margin-bottom: 32px;
  text-transform: uppercase;
}
.btnStyle {
  color: #fff;
  font-family: 'Lato';
  background-color: #000;
  border: 2px solid #000;
  padding: 16px 44px;
  border-radius: 40px;
  display: inline-block;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}
.btnStyle:hover {
  color: #000;
  background-color: #fff;
}
.btnStyle.btnStyle5 {
  width: 238px;
  padding: 16px 62px;
}
.formStyle .form-control, .select2-container .select2-selection--single .select2-selection__rendered, .custom-select-trigger {
  padding: 21px 24px;
  font-size: 16px;
  line-height: 16px;
  color: #282828;
  font-family: var(--fontRegular);
  background: var(--colorWhite);
  border: 1px solid #D7D7D7;
  border-radius: 30px;
}
.GeTouchSect {display: grid;grid-template-columns: 1fr 1fr;width: 100%;}
.GeTouch_form {padding: 40px 80px;}
.GeTouchSect .row { margin: 0;}
.GeTouch_form .formStyle textarea.form-control {height: 167px;}
.btnStyle.btnStyle5{ width: 238px;   padding: 16px 62px;}


.tab-cont {
  margin-top: 60px;
}

@media (min-width: 360px) and (max-width: 990px){
.section-hero{flex-wrap: wrap;}
.content .content-wrapper{padding:60px 20px 0px;}
h1.balance-text {
  font-size: 42px;
  line-height: 56px;
}
.navbar-collapse {
  background: #000;
  margin: 0 -27px;
  padding-top: 30px;
  margin-top: 20px;
  margin-bottom: -20px;
}
.list_itm{grid-template-columns: repeat(2,1fr);}
.header .navbar-expand-lg .navbar-nav .nav-item a {
  color: #fff;
  padding: 15px 25px !important;
}
.navbar-toggler:focus{outline: none;box-shadow: none;}
.navbar-toggler{border: 0;color: #000;}
.hero_slider{width: 100%;padding: 0 20px;}
.list-service ul,.consult_sect .consut_wrap ul{flex-wrap: wrap;}
.services-list ul{flex-wrap: wrap;gap: 0;}
}

@media (min-width: 360px) and (max-width: 460px){
    .positivity{margin-top:30px;width:100%;}
    .positivity__alone{font-size:36px!important;}
    .positivity__words .change{font-size:24px!important;}
.heading-text h3 {
  font-size: 26px;
  font-weight: bold;
}.homeWhyUs img{height: auto;}
.headingContent{font-size: 32px;}
.GeTouch_form{padding: 30px;}
.nab_tab_custom,.GeTouchSect,.list_itm{grid-template-columns: repeat(1,1fr);}
ul.About_vision{grid-template-columns: auto;}
.banner_about img{height: 470px;
  object-fit: cover;}
.header .dropdown-menu{background: #000;border: 0;width: 100%;}
.brand_banner h3 {
  font-size: 42px;
  line-height: 58px;
}.brand_sect{padding: 40px;gap: 20px 0;}
.lft-bx{padding-left: 0;}
.services-list ul li .card .line_circle:after{width: 80%;}
.dg_sect h3{font-size: 32px;}
.list-service ul li,.consult_sect .consut_wrap ul li,.services-list ul li{width: 100%;}
}




.positivity {
  position: relative;
  min-width: 320px;
  height: auto;
  overflow: hidden;
}
.positivity__alone {
  display: inline-block;
  font-size: 52px;
  color: #000;font-weight:600;
  font-family: "Poppins"!important;
}
.positivity__words .change {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  color: #888;
  opacity: 0;
  -webkit-animation: changeword 8s linear infinite;
  animation: changeword 8s linear infinite;
  font-size: 42px;
   font-family: "Poppins"!important;
  font-weight:600;
}
.positivity__words .change:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.positivity__words .change:nth-child(2) {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.positivity__words .change:nth-child(3) {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}


@-webkit-keyframes changeword {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  5% {
    opacity: 1;
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(0);
  }
  30% {
    opacity: 0;
    transform: translateY(50px);
  }
  80% {
    opacity: 0;
    transform: translateY(50px);
  }
}

@keyframes changeword {
  0% {
    transform: translateY(-50px);
    opacity: 0;
  }
  5% {
    opacity: 1;
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(0);
  }
  30% {
    opacity: 0;
    transform: translateY(50px);
  }
  80% {
    opacity: 0;
    transform: translateY(50px);
  }
}

.positivity__words {
    position: relative;
    height: 76px;
}


.cont_desp {
    margin: 50px 0;
}

.cont_desp h3 {
    font-size: 46px;
    font-weight: 400;
    line-height: 130%;
}

.cont_desp p {
    font-size: 24px;
    font-weight: 300;
    color: #444;
    margin-bottom: 30px;
}

.cont_desp .btn {
    display: flex;
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    max-width: 100%;
    padding: 12px 18px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition: background-color var(--duration-quick) cubic-bezier(0.4, 0, 0.6, 1);
    color: var(--color-button-text);
    border-color: transparent;
    background-color: var(--color-button-bg);
}

.cont_desp .btn svg {
    width: 20px;
    height: 20px;
    padding: 0;
}

.cont_desp .btn svg path {
    fill: #fff;
}
.rollerbar, .rollerbar .categories {
    overflow: hidden;
    transition: all .3s;
}
.rollerbar {
    width: 100%;
    font-size: 30px;
    background-color: #fff;
    font-weight: 400;
}
.rollerbar .categories {
    white-space: nowrap;
    padding: 21px 0;
    border-bottom: 1px solid #000000;
}

.rollerbar .categories .animation-1, .rollerbar .categories .animation-2 {
    animation-name: roller;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    transition: all .3s;
}

@keyframes roller {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-200%,0,0)
    }
}

.rollerbar {
    width: 100%;
    background-color: #fff;
}

.rollerbar,.rollerbar .categories {
    overflow: hidden;
    transition: all .3s
}

.rollerbar .categories {
    white-space: nowrap;
    padding: 21px 0;
    border-bottom: 1px solid #000000;
}

.rollerbar .categories .animation-1,.rollerbar .categories .animation-2 {
    animation-name: roller;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-fill-mode: none;
    transition: all .3s
}

.rollerbar .categories .animation-1 {
    animation-duration: 25s
}

.rollerbar .categories .animation-2 {
    animation-duration: 30s
}



.owlGame.owl-carousel .owl-item img {
  margin: 0.5em auto;
  width: 30%;
}
.owlGame h4 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
  margin-top: 30px;
}

.owlGame p {
  text-align: center;
}
.Game_sect .hd-title {
  font-size: 38px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
}
.Game_sect .sub-title {
  font-size: 16px;
  text-align: center;
  margin-bottom: 15px;
}
.wider_list ul {
  padding: 0;
  margin: 0;
  gap: 30px;
  text-align: center;
  display: grid;
  grid-template-columns: repeat(3,1fr);
}

.wider_list  {   }

.wider_list ul li .box {}

.wider_list ul li .box img {}

.wider_list ul li .box h3 {
  font-size: 22px;
  font-weight: 700;
  height: 50px;
  text-align: center;
  margin-top: 30px;
}

.wider_list ul li .box p {
  margin-top: 15px;
}

.wider_list {
  margin: 60px 0;
}

.wider_list .hd-title,.Benefit_game .hd-title{
  font-size: 38px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
}
.Benefit_game .sub-title{font-size: 16px;
  text-align: center;
  margin-bottom: 15px;}
.Benefit_game{ padding: 60px 0;
  background: #f2f2f2;}



  .bene {
    margin-top: 2em;
    padding-bottom: 5em;
    min-height: 670px;
    position: relative
  }
  
  .bene .sec:first-child {
    margin: 0 0 0 19%
  }
  
  .bene .sec:nth-child(2) {
    margin: 0 20% 0 1%
  }
  
  .bene .sec:nth-child(3) {
    margin: 20% 0 0 8%
  }
  
  .bene .sec:nth-child(4),
  .bene .sec:nth-child(5) {
    margin: 20% 0 0
  }
  
  .bene .sec {
    width: 25%;
    padding: 1em 3em;
    text-align: center;
    float: left;
    margin-bottom: -6em
  }
  .bene .sec .circle {
    width: 360px;
    height: 360px;
    border-radius: 50%;
    padding: 3em;
    z-index: 0;
    position: absolute
  }
  .bene .sec .circle{
    box-shadow: 0 0 10px -5px rgba(0, 0, 0, .75);
    transition: .2s;
}
.Benefit_game h5 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 30px;
}

.Benefit_game p {
  font-size: 16px;
}
  .bene .sec .circle:hover {
    background: #fff;
    z-index: 2;
    box-shadow: 0 0 30px -5px rgba(0, 0, 0, .75);
    width: 370px;
    height: 370px
  }
  
  .bene .sec img {
    margin: .5em 0;
    width: 35%
  }
  .product_sect .card_bx {
    width: 32%;
    height: 150px;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    text-transform: uppercase;
      padding: 10px;
      display: block;
      background: #fff;
      text-align: center;
  }
.product_sect .boxw {
  background: #fff;
  color: #000;
  padding: 20px;
  width: 80%;
  text-align: center;
  margin: 10% auto 0;
}
.product_sect .boxw h3 {
  margin: 0.5em;
  text-transform: uppercase;
}
.product_sect {margin: 60px 0;}
.product_sect  .left_bx{padding: 10px;background: #000;padding-right: 0;}
.product_sect  .left_bx img{    display: block;
  padding: 0;
  margin: 5% auto;
  filter: brightness(0.1);
  max-width: 75px;}
.product_sect .product-link{font-size: 18px;color: #000;font-weight: 600;}

.product_sect .detail_team ul li+li {
  display: none;
}


.list_team.left_bx {
  width: 50%;
}

.detail_team {
  width: 50%;
}

.Eco_sect .hd-title,.best_platform_sect .hd-title{
  font-size: 38px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 20px;
}
.Eco_sect .sub-title,.best_platform_sect .sub-title{
  font-size: 16px;
  text-align: center;
  margin-bottom: 15px;
}.best_platform_sect .sub-title,.best_platform_sect .hd-title{color: #fff;}
.single-service {
  padding: 60px 40px;
  margin-bottom: 30px;
  background-color: #fff;
  position: relative;border-radius: 20px;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.best_platform_sect{padding: 50px 0;}
.single-service.bx1,.single-service.bx2,.single-service.bx3,.single-service.bx4{visibility: visible; animation-duration: 1s; animation-delay: 0.3s;   
  padding: 25px!important;    -webkit-box-shadow: 0 6px 16px rgba(0,0,0,.06)!important;
  box-shadow: 0 6px 16px rgba(0,0,0,.06)!important;}
.single-service.bx1{background-color: rgb(183, 211, 213) !important;}
.single-service.bx2{background-color: rgb(236, 132, 139) !important;}
.single-service.bx3{background-color: rgb(132, 223, 201) !important;}
.single-service.bx4{background-color: rgb(237, 175, 147) !important;}
.single-service h3,.best_platform_sect h3 {
  font-size: 24px;
  font-weight: 600;
}
.service-content.media-body {}

.best_platform_sect .service-content h3 {
    font-size: 20px;
    margin: 15px 0;
}

.best_platform_sect .service-content p {
    font-size: 18px;
    line-height: 23px;
}

.best_platform_sect .single-service {
    padding: 20px 15px;
}
.single-service .knowmore-content {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.single-service a .white-btn {
  line-height: 1;
  border-radius: 40px;
  padding: 12px 30px;
  font-weight: 400;
  font-size: 1.15rem;
  position: relative;
  cursor: pointer;
  color: #fff;
  border: 2px solid #306dd0;
  background: #306dd0;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);
  box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);
}
.best_platform_sect{background: #000;}


.prod_wrapp .ecom_inner {
  display: grid;gap:30px;
  grid-template-columns: repeat(5,1fr);
}
.prod_wrapp .container-fluid{
  padding: 0 50px;
}
.prod_wrapp .ecom_inner ul {
  display: block;
}

.prod_wrapp {
  background: #f2f2f2;
  padding: 60px 0;
}

section.prod_wrapp .ecom_inner>li {
  background: #FFF;
  -webkit-box-shadow: 0 2px 6px rgba(110,123,129,.1);
  -moz-box-shadow: 0 2px 6px rgba(110,123,129,.1);
  box-shadow: 0 2px 6px rgba(110,123,129,.1);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.prod_wrapp ul>li li {}

.prod_wrapp .ecom_inner>li .crd_bx {
  padding: 20px;position: relative;
}

.prod_wrapp .ecom_inner>li .crd_bx .icon_bx {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.prod_wrapp .ecom_inner>li .crd_bx .icon_bx span {
  font-size: 16px;
  font-weight: bold;
}

.prod_wrapp .ecom_inner>li .crd_bx ul {}

.prod_wrapp .ecom_inner>li .crd_bx ul li {
  padding-bottom: 10px;
}

.prod_wrapp .ecom_inner>li .crd_bx ul li a {
  color: #000;
  font-weight: 400;
  font-size: 16px;
}

.prod_wrapp .ecom_inner>li:last-child {
  background-color: #f0f6fe;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  width: 100%;
  height: 100%;
  min-height: 424px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 6px rgba(110,123,129,.1);
  -moz-box-shadow: 0 2px 6px rgba(110,123,129,.1);
  box-shadow: 0 2px 6px rgba(110,123,129,.1);
  background-position: center 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background: rgba(204,228,255,.5);
  background-size: cover;
}
.crd_bx .btn {
  line-height: 1;
  border-radius: 40px;
  padding: 12px 15px;
  font-weight: 600;
  font-size: 16px;
  position: relative;
  cursor: pointer;
  color: #fff;
  border: 2px solid #306dd0;
  background: #306dd0;
  -webkit-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  -webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);
  box-shadow: 0 5px 15px 0 rgba(0,0,0,.15);
  margin-top: 150px;
}.prod_wrapp .ecom_inner>li .crd_bx ul li a {position: relative;}
.prod_wrapp .ecom_inner>li .crd_bx ul li a:after{    
  content: "->";
  letter-spacing: -8px;
  width: 0;
  white-space: nowrap;
  font-size: 20px;
  line-height: 1;
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  position: relative;
  left: -20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  transition: all 0.3s;
  color: #306dd0;top: 4px;
  transition: all 0.3s;}
  .prod_wrapp .ecom_inner>li .crd_bx ul li a:hover:after {
    opacity: 1;
    visibility: visible;
    left: 4px;
}
.prod_wrapp .ecom_inner>li .crd_bx ul li a:hover{color: #306dd0;}
.prod_wrapp .ecom_inner>li:last-child .crd_bx h3 {
  margin: 0 0 8px;
  font-family: inherit;
  font-weight: 900;
  font-size: 48px;
  line-height: 56px;
  letter-spacing: -.024em;
  color: #207DE9;
  text-align: center;
}

.prod_wrapp .ecom_inner>li:last-child .crd_bx p {
  font-weight: 600;
  font-size: 21px;
  line-height: 1.2;
  letter-spacing: -.0055em;
  color: #222;
  text-align: center;
}



@media (min-width: 360px) and (max-width: 990px){.Eco_sect .fadeInLeft img{
  width: 100%;
}  .list_team.left_bx,.detail_team{width: 100%;}.product_sect .card_bx{width: 48%;}
.prod_wrapp .container-fluid {padding: 0 15px;}.prod_wrapp .ecom_inner,.wider_list ul{grid-template-columns: repeat(2,1fr);}}

@media (min-width: 360px) and (max-width: 575px){
  .Benefit_game p {
    font-size: 12px;
}
  .bene .sec{margin: 0px!important;}.bene{height: auto;}.bene .sec{width: 100%;padding: 0;padding-bottom: 30px;}.bene .sec .circle{ margin: 0 auto;   position: inherit;width: 320px;height: 320px;}
  .prod_wrapp .ecom_inner,.wider_list ul{grid-template-columns: repeat(1,1fr);}}