html{
    overflow-x:hidden; scroll-behavior: smooth;
}
body{
    margin: 0;   overflow-x:hidden;  
     font-family: 'Helvetica Neue' !important;
scroll-behavior: smooth;
}
a{
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;

}button{
    transition: all ease-in-out .5s;
    -webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;

}

/* width */
::-webkit-scrollbar {
  width: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #000;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #000;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #000;
}
@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-BlackItalic.eot');
    src: url('../fonts/HelveticaNeue-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-BlackItalic.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-BlackItalic.woff') format('woff'),
        url('../fonts/HelveticaNeue-BlackItalic.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-BlackItalic.svg#HelveticaNeue-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Black.eot');
    src: url('../fonts/HelveticaNeue-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Black.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Black.woff') format('woff'),
        url('../fonts/HelveticaNeue-Black.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-Black.svg#HelveticaNeue-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-BoldItalic.eot');
    src: url('../fonts/HelveticaNeue-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-BoldItalic.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-BoldItalic.woff') format('woff'),
        url('../fonts/HelveticaNeue-BoldItalic.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-BoldItalic.svg#HelveticaNeue-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Bold.eot');
    src: url('../fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Bold.woff') format('woff'),
        url('../fonts/HelveticaNeue-Bold.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Heavy.eot');
    src: url('../fonts/HelveticaNeue-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Heavy.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Heavy.woff') format('woff'),
        url('../fonts/HelveticaNeue-Heavy.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-Heavy.svg#HelveticaNeue-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-HeavyItalic.eot');
    src: url('../fonts/HelveticaNeue-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-HeavyItalic.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-HeavyItalic.woff') format('woff'),
        url('../fonts/HelveticaNeue-HeavyItalic.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-HeavyItalic.svg#HelveticaNeue-HeavyItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Medium.eot');
    src: url('../fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Medium.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Medium.woff') format('woff'),
        url('../fonts/HelveticaNeue-Medium.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-LightItalic.eot');
    src: url('../fonts/HelveticaNeue-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-LightItalic.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-LightItalic.woff') format('woff'),
        url('../fonts/HelveticaNeue-LightItalic.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-LightItalic.svg#HelveticaNeue-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Light.eot');
    src: url('../fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Light.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Light.woff') format('woff'),
        url('../fonts/HelveticaNeue-Light.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Italic.eot');
    src: url('../fonts/HelveticaNeue-Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Italic.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Italic.woff') format('woff'),
        url('../fonts/HelveticaNeue-Italic.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-Italic.svg#HelveticaNeue-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-MediumItalic.eot');
    src: url('../fonts/HelveticaNeue-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-MediumItalic.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-MediumItalic.woff') format('woff'),
        url('../fonts/HelveticaNeue-MediumItalic.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-MediumItalic.svg#HelveticaNeue-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-UltraLight.eot');
    src: url('../fonts/HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-UltraLight.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-UltraLight.woff') format('woff'),
        url('../fonts/HelveticaNeue-UltraLight.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-UltraLight.svg#HelveticaNeue-UltraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-UltraLightItalic.eot');
    src: url('../fonts/HelveticaNeue-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-UltraLightItalic.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-UltraLightItalic.woff') format('woff'),
        url('../fonts/HelveticaNeue-UltraLightItalic.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-UltraLightItalic.svg#HelveticaNeue-UltraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-ThinItalic.eot');
    src: url('../fonts/HelveticaNeue-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-ThinItalic.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-ThinItalic.woff') format('woff'),
        url('../fonts/HelveticaNeue-ThinItalic.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-ThinItalic.svg#HelveticaNeue-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Roman.eot');
    src: url('../fonts/HelveticaNeue-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Roman.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Roman.woff') format('woff'),
        url('../fonts/HelveticaNeue-Roman.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-Roman.svg#HelveticaNeue-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Thin.eot');
    src: url('../fonts/HelveticaNeue-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Thin.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Thin.woff') format('woff'),
        url('../fonts/HelveticaNeue-Thin.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-Thin.svg#HelveticaNeue-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


/******************************menu**********************/

.header_menu_area {
  float: right;
  position: relative;
  text-align: center;
  padding: 0;
}
.header_menu_area > .mob_nav {
    display: none;
}

.header_menu_area > ul {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
    padding-left: 0px;
    /* padding-right: 20px; */
    float: left;
    margin-top: 0;
}
.header_menu_area > ul > li {
      width: auto;
      display: inline-block;
      vertical-align: middle;
}
     
.header_menu_area > ul > li > a:hover {
          color: #ffffff !important;
}
         


.header_menu_area > ul > li > a:hover::after {
}
  .active-class{
 
  color: black; !important;
 
  /* border-bottom: solid 4px #0f703a; */
}

.img-fluid {
    max-width:0%;
    height: auto;
}
@media(min-width: 1025px){
.wrapper{
    display: none;
}
}

@media (max-width: 1024px) {
    .sticky .wrapper .menu {
           top: 12px;
        
    }
   .menuTrigger.active{
        position: fixed!important;
    z-index: 999!important;
    top: 25px!important;
    left: 92%!important;
   }
  .talk{
  float: none!important;
  display: table;
  margin: auto;    background: #1bd584;
    font-weight: 700;
 }

.navItem ul li a{
  color: #fff !important;
  padding: 5px 0;
  text-decoration: none;
  text-align: center;
  width: 100%;
  float: left;
}.navItem ul li {
  /* border-bottom: 2px solid #b7b2cf; */
  text-align: center;
  padding: 10px 0;
  text-align: center;
  list-style: none;
}
  .navItem ul {
    visibility: hidden;
    /* display: none; */
    opacity: 1;
    margin: 0;
    overflow-y: scroll;
    height: auto;
    top: 48px;
    padding: 0;
    text-align: center;
    padding: 20px 0 60px;
    width: 100%;
    position: absolute;
    left: 0;
    background: #080808;
    z-index: 99;
    transform: translate(0,20px);
    transition: all .5s ease-out;
    border-radius: revert-layer;
}.navItem:hover>ul {
    visibility: visible;
    /* display: block; */
    opacity: 1;
    transform: translate(0,0);
}
.wrapper {
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
  /* flex-wrap: wrap; */
  /* min-height: 80vh; */
}
.wrapper > * {
  /* margin: 15px; */
}


.frameMobile {
  /* position: relative; */
  /* overflow: hidden; */
  /* width: 300px; */
  /* height: 630px; */
  /* border: 10px solid #000; */
  /* border-radius: 50px; */
  /* -webkit-backface-visibility: hidden; */
  -moz-backface-visibility: hidden;
  /* -webkit-transform: translate3d(0, 0, 0); */
  -moz-transform: translate3d(0, 0, 0);
}
.frameMobile .fmCamera {
  position: absolute;
  z-index: 99;
  top: 7px;
  left: 50%;
  width: 80px;
  height: 25px;
  border-radius: 30px;
  background-color: #000;
  transform: translatex(-50%);
}
.frameMobile .fmCamera .camera-dot {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  width: 10px;
  height: 10px;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
}
.frameMobile .fmCamera .camera-dot-2 {
  position: absolute;
  background-color: #fff;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  opacity: 0.3;
  box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
  filter: blur(1px);
}
.frameMobile .fmCamera .camera-dot-3 {
  position: absolute;
  background-color: #000;
  border-radius: 50%;
  width: 2px;
  height: 2px;
  opacity: 0.7;
}
.frameMobile:after {
  position: absolute;
  z-index: 99;
  bottom: 8px;
  left: 50%;
  width: 100px;
  height: 5px;
  background-color: #000;
  border-radius: 5px;
  transform: translatex(-50%);
}

.wrapper .menu {
  position: absolute;
  z-index: 999;
  right: 15px;
  top: 20px;
  width: 50px;
  height: 50px;
}
.menu .menuTrigger {
  --heightIcon: 18px;
  --widthLine: 28px;
  --heightLine: 2px;
  --transitionTime: 0.4s;
  --rotation: 45deg;
  --translateY: calc(var(
  --heightIcon) / 2);
  --translateX: 0;
  position: absolute;
  z-index: 99;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: var(--widthLine);
  height: var(--heightIcon);
}
.menu .menuTrigger .line {
  display: block;
  background: #ffffff;
  width: var(--widthLine);
  height: var(--heightLine);
  position: absolute;
  left: 0;
  border-radius: 3px;
  transition: all 0.4s;
  z-index: 999;
  transform: none;
}
.menu .menuTrigger .line.line-1 {        
  top: 0;
}
.menu .menuTrigger .line.line-2 {
  top: 50%;
}
.menu .menuTrigger .line.line-3 {
  top: 100%;
  display: none !important;
}
.menu .menuTrigger:hover .line-1, .menu .menuTrigger:focus .line-1 {
  transform: translateY(calc(var(--heightLine) / 2 * -1));
}
.menu .menuTrigger:hover .line-3, .menu .menuTrigger:focus .line-3 {
  transform: translateY(calc(var(--heightLine) / 2));
}
.menu .menuTrigger.active .line-1 {
  transform: translateY(var(--translateY)) translateX(var(--translateX)) rotate(var(--rotation)) !important;
  background: #ffffff !important;
}
.menu .menuTrigger.active .line-2 {
  opacity: 0;
}
.menu .menuTrigger.active .line-3 {
  transform: translateY(calc(var(--translateY) * -1)) translateX(var(--translateX)) rotate(calc(var(--rotation) * -1));
  background: #ffffff !important;
  display: block !important;
}

.nav {
  position: absolute;
  z-index: 11;
  bottom: 0;
  left: 15px;
  display: block;
  height: 0;
  width: 50px;
  border-radius: 0;
  /* background-color: #000; */
  transition-duration: 0.4s;
}
.nav.active {
  background-color: #000000;
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
  background-size: var(--s) calc(var(--s) / 0.577);
  z-index: 99;
  height: 100%;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url('../images/ct-bg.webp');
  background-size: cover;
  background-position: center;
}
.nav.active .navList {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  /* padding: 0; */
  margin-top: 0;
  width: 100%;
  padding: 0;
}
.nav .navList {
  display: none;
}
.nav .navItem {
  /* display: flex; */
  align-items: center;
  justify-content: left;
  background-color: transparent;
  width: 100%;
  position: relative;
  float: left;
  text-align: center;
}

.nav .navItem {
  margin-bottom: 2px;
  /* border-bottom: 2px solid #0c0c0c; */
  padding: 15px 0;
}
.nav .navLink {
  /* position: relative; */
  display: inline-flex;
  font-size: 20px;
  /* letter-spacing: 0.1em; */
  text-decoration: none;
  color: #ffffff;
  opacity: 0;
  -webkit-animation-name: fadein;
  animation-name: fadein;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  font-weight: 700;
}
.nav .navLink:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 1px;
  background-color: #141412;
  transform: translateX(-50%);
  transition: 0.25s;
}
.nav .navLink:hover:after {
  width: 100%;
}

@-webkit-keyframes fadein {
  0% {
    opacity: 0.7;
    transform: translateY(20px);
  }
  30% {
    opacity: 1;
  } 100% {
    opacity: 1;
  }
}

@keyframes fadein {
 0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
  }
}
.demoContent {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding: 30px 0 30px;
  overflow-y: auto;
  background-color: #fff;
}
.demoContent::-webkit-scrollbar {
  width: 6px;
  background-color: #F2F0E9;
}
.demoContent::-webkit-scrollbar-thumb {
  background-color: #555;
  border-radius: 3px;
}
.demoContent::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #f2f0e9;
  background-color: #F2F0E9;
}
.demoContent h1 {
  margin-bottom: 0;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  line-height: 1.6;
}
.demoContent .demoHeader {
  position: relative;
  width: 100%;
  margin-bottom: 50px;
}
.demoContent .demoHeader:before {
  content: "";
  position: relative;
  display: flex;
  width: 100%;
  height: 80px;
  background-color: #E1E9EE;
}
.demoContent .demoHeader:after {
  content: "";
  position: absolute;
  top: 50px;
  left: 50%;
  display: flex;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  border-radius: 50%;
  transform: translateX(-50%);
  background-color: #E1E9EE;
  border: 3px solid #fff;
}
.demoContent .demoHeader span:first-child {
  display: flex;
  width: 115px;
  height: 15px;
  background-color: #E1E9EE;
  margin: 70px auto 15px;
}
.demoContent .demoHeader span:last-child {
  display: flex;
  width: 200px;
  height: 15px;
  background-color: #E1E9EE;
  margin: 15px auto 15px;
}
.demoContent .demoPost {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  margin: 15px 0;
  padding: 0 15px;
}
.demoContent .demoPost .demoPostImg {
  width: 30%;
  height: 80px;
  border-radius: 10px;
  background-color: #E1E9EE;
}
.demoContent .demoPost .demoPostContent {
  display: flex;
  flex-flow: column;
  justify-content: space-around;
  width: 70%;
  padding-left: 15px;
}
.demoContent .demoPost .demoPostContent span:nth-child(1) {
  width: 50%;
  height: 15px;
  background-color: #E1E9EE;
  border-radius: 3px;
}
.demoContent .demoPost .demoPostContent span:nth-child(2) {
  width: 30%;
  height: 15px;
  background-color: #E1E9EE;
  border-radius: 3px;
}
.demoContent .demoPost .demoPostContent span:nth-child(3) {
  width: 70%;
  height: 15px;
  background-color: #E1E9EE;
  border-radius: 3px;
}

.menu li:hover>ul {
    width: 100% !important;
    visibility: visible;
    opacity: 1;
    position: unset;
    transform: initial;
    /* height: 122px; */
    z-index: 99999;
    margin-top: 60px;
}
.menu ul:after{
    bottom: 62%;
}

.header_menu_area > ul > li > a {
    width: 100%!important;
}

.sub-menu {
    margin-top: 122px!important;
}
.menu ul li a {

    text-align: center !important;
}

.menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    /position: unset;/
    transform: initial;
    /* height: 122px; */
    z-index: 99999;
    margin-top: 36px;
}

.menu ul {
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0 !important;
    width: 100%;
    transform: initial;
}
.ham-nav{
    display: none;
}

.header_menu a svg{
    display: none;
}

.sub-menu-1{
    position:unset !important;
    width:100% !important;
}



.header_menu_area {
    position: inherit;
    float: right;
}

.header_menu_area > .mob_nav {
    display: block;
    display: none;
    float: right;
    position: relative;
    z-index: 99999;
    width: 28px;
    height: 28px;
    margin-top: 25px;
    cursor: pointer;
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
}

.header_menu_area > .mob_nav > div {
    background: #ef2732;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    width: 100%;
}

.header_menu_area > .mob_nav > div:nth-child(1) {
    top: 2px;
}

.header_menu_area > .mob_nav > div:nth-child(2), .header_menu_area > .mob_nav > div:nth-child(3) {
    top: 13px;
    width: 100%;
}

.header_menu_area > .mob_nav > div:nth-child(4) {
    top: 23px;
}

.mob_nav.open > div:nth-child(1), .mob_nav.open > div:nth-child(4) {
    left: 50%;
    top: 18px;
    width: 0%;
}

.mob_nav.open > div:nth-child(2) {
    background: #ce2933;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.mob_nav.open > div:nth-child(3) {
    background: #ce2933;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.header_menu_area > ul {
    width: 0;
    position: absolute;
    height: 100vh;
    top: 0;
    left: 0px;
    visibility: hidden;
    opacity: 0;
    z-index: 9 !important;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    top: 0;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 20px;
    /* transform: rotate(-15deg) translate3d(0, 0, 0); */
    padding-bottom: 50px;
    background: #ffffff;
}


.header_menu_area > ul > li > a {
    padding: 15px 18px 15px 18px !important;
    text-align: center;
    color: #fff;
    width: 100%;
    line-height: 30px;
    margin-left: 0px;
}
.header_menu_area > ul > li {
      width: 100%;
}


.header_menu_area ul.view {
    visibility: visible;
    opacity: 1;
    width: 100%;
    z-index: 100;
    z-index: 1111 !important;
    /* transform: rotate(0deg) translate3d(0, 0, 0); */
    top: 0;
}

.header_user_area {
    right: calc(5% + 70px);
}
}

.active-menu{
  background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
  color: #ffffff !important;
  /* border-bottom: solid 4px #0f703a; */
}


.menu li {
    display: inline-block;
    position: relative;
    z-index: 100;
    /* z-index: 9; */
    /* padding-bottom: 50px; */
}

.header_menu_area > ul > li > a:after{
  position:absolute;
  content:'';
  width: 0;
  display: block;
  height: 2px;
  left: 0;
  bottom: 1px;
  transition: all ease-in-out .5s;
  -webkit-transition: all ease-in-out .5s;
  margin: auto;
}.header_menu_area > ul > li > a:hover::after{width: 100%;}.activeli:after{
  width: 75% !important;
}
.activeli{
  color: #fff !important;
 }.header_menu_area > ul > li > a:hover{
  
 }.header_menu_area > ul li a:after{
  content:'';
  position:absolute;
 }.header_menu_area > ul > li > a:hover::after{
  
 }
.header_menu_area > ul > li > a {
    margin-top: 0px;
    /* margin-bottom: -13px;*/
    width: auto;
    float: left;
    /* margin: -2px 0px; */
    position: relative;
    font-size: 16px;
    font-weight: 300;
    color: #9D9D9D;
    margin: 0 40px;
    padding: 66px 0 0;
    letter-spacing: 0px !important;
    z-index: -2;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    text-decoration: none;
}
/*.header_menu_area > ul > li > a:hover {
    
    color: #f11002; !important;
    



    
}
*/

.menu ul li a:hover, .menu ul li:hover>a {
    /* background: #dad6ef; */ !important;
    color: #ffffff;
    text-decoration: none;
    transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    /* text-transform: uppercase; */
}.menu ul li ul{
  top: -30px;
}
.menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    top: 76px;
    /* height: 0; */
    padding: 0;
    width: 230px;
    position: absolute;
    right: 20px;
    padding-top: 30px;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 99999;
    /* transform: translate(0,20px); */
    /* transition: all .2s ease-out; */
    /* -webkit-transform: perspective(600px) rotateX(-90deg); */
    -moz-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    -o-transform: perspective(600px) rotateX(-90deg);
    /* transform: perspective(600px) rotateX(-90deg); */
    /* -webkit-transition: -webkit-transform .5s ease,opacity .6s ease,max-height .6s step-end,max-width .6s step-end,padding .6s step-end; */
    -o-transition: -o-transform .5s ease,opacity .6s ease,max-height .6s step-end,max-width .6s step-end,padding .6s step-end;
    /* transition: transform .5s ease,opacity .6s ease,max-height .6s step-end,max-width .6s step-end,padding .6s step-end; */
}


.menu li:first-child {
    margin-left: 0;
}
.menu li:first-child {
    margin-left: 0;
}
.menu ul li {
    display: block;
    float: left;
    background: 0 0;
    margin: 0;
    padding: 0;
    width: 100%;
    position: relative;
}
.menu li ul li:hover>ul {
    visibility: visible;
    opacity: 1;
    /* transform: translate(0, 0); */
    transition: all .5s ease-out;
    height: auto;
    right: -230px;
}
.menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    /* transform: translate(0,0); */
    transition: all .5s ease-out;
    height: auto;
    right: -70px;
}

.menu ul li a {
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    text-align: left;
    padding: 18px 10px;
    display: block;
    color: #9D9D9D;
    background: #000000;
    text-align: left;
    border-bottom: solid 1px rgb(16 16 16);
    text-decoration: none;
}
.menu-new {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    top: 13px !important;
    padding: 0;
    width: 211px;
    position: absolute;
    background: #fff;
    z-index: 99;
    margin-top: 0 !important;
    left: inherit !important;
    right: 217px !important;
    transform: translate(0,20px);
    transition: all .2s ease-out;
}

.menu-new li a{
  background: #F6F6F6!important;
}



.menu-new:after {
    top: 10% !important;
    right: -2% !important;
    left: inherit !important;
    border: solid red;
    content: " ";
    height: 0;
    width: 0;
   
    position: absolute;
    pointer-events: none;
    border-color: rgba(255,255,255,0);
    border-right-color: red !important;
    border-width: 6px;
    margin-left: -6px !important;
    transform: rotate(
319deg);
}



@media (max-width: 1024px){
    .header_menu_area > ul > li > a{
        margin: 8px 0px 0px 0px;
        font-size: 19px;
    }
    .hamburgermenu{
        display: none;
    }
}



/**********************menu***************/

.header{

width: 100%;

float: left;

padding-bottom: 0;

height: 82px;

padding: 0;
}
.logo{width: 12%;float: left;position: relative;z-index: 9;margin-top: 55px;}
.logo img{width: 141px;float: left;}
.header2{width: 87%;float: left;position: relative;}


.banner
{
    width: 100%;
    float: left;
    /* background-image: url('../images/banner.webp'); */
    height: 861px;
    background-size: cover;
    margin-top: -83px;
    /* overflow: hidden; */
    background-position: 50% -350%;
    text-align: center;
    padding: 190px 0;
    position: relative;
    background: #010103;
}
@keyframes rotate {
  0% {background-position: 0 0;}
  100% {background-position: 630px 0;}
}

@keyframes spin {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: 380px;
  }
}
.btn2 {
        float: right;
    margin-left: 18px;
    margin-top: 64px;
    position: relative;
    z-index: 999;
}.hamburgermenu {
    cursor: pointer;
}.btn2 img {
    width: 30px;
}
.banner h1{
  /* background: -webkit-linear-gradient(#FFFFFF, #74634C); */
  /* -webkit-background-clip: text; */
  /* -webkit-text-fill-color: transparent; */
  font-size: 75px;
  font-weight: 400;
  line-height: 77px;
  /* animation: .5s swift-up ease-in-out forwards; */
  }
.banner p{font-size: 16px;color: #fff;font-weight: 200;margin-bottom: 35px;letter-spacing: 1px;margin-top: 10px;opacity: .8;}
.panel1 {width: 100%;float: left;background: #000;padding: 150px 0 70px;}
.panel1 h1{background: -webkit-linear-gradient(#FFFFFF, #74634F);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-size: 68px;font-weight: 400;line-height: 72px;float: left;margin-right: 50px;margin-bottom: 100px;position: relative;}
.panel1 p{

font-size: 15px;

color: #fff;

font-weight: 200;

line-height: 200%;

opacity: .8;

letter-spacing: 1px;
}
.panel2{
width: 100%;

float: left;

background: #000;

padding: 70px 0;
}

.panel2 h1{background: -webkit-linear-gradient(#FFFFFF, #74634F);-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 68px;font-weight: 400;
  line-height: 72px;float: left;
  width: 100%;text-align: center;}
.panel2 p{

font-size: 15px;

color: #fff;

text-align: center;

font-weight: 200;

line-height: 200%;

opacity: .8;

letter-spacing: 1px;
}.p2-box{background: linear-gradient(151deg, rgba(1, 1, 1, 1) 44%, rgba(15, 10, 9, 1) 77%, rgba(10, 7, 6, 1) 99%);width: 97%;float: left;border: 2px solid #0b0b0b;border-radius: 30px;padding: 64px;position: relative;height: 672px;margin-top: 50px;transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;}
.p2-box h5{font-size: 16px;color: #B99E5D;font-weight: 300;letter-spacing: 1px;}
.p2-box h2{font-size: 52px;color: #fff;font-weight: 500;}
.p2-box h6{font-size: 16px;color: #fff;    position: relative;    z-index: 9;line-height: 200%;font-weight: 200;margin-bottom: 0;margin-top: 10px;opacity: .8;letter-spacing: 1px;}
.p2-box .p2-img{position: absolute;bottom: 0;right: 0;max-width: 100%;-webkit-animation: float 6s ease-in-out infinite;animation: float 8s ease-in-out infinite;}
.arrow{
  position: absolute;
  bottom: 44px;
  left: 30px;
  background: #110f0e;
  padding: 17px;
  width: 60px;
  height: 60px;
  text-align: center;
  border-radius: 100%;
  z-index: 9;
}.arrow:hover{
    background: #74624f;
}
.arrow img{
    width: 20px;
}
.p2-last{width: 100%;float: left;text-align: center;padding: 153px 30px;height: 672px;}
.p2-last h2{
background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 68px;
    font-weight: 400;
    line-height: 72px;
    float: left;
    width: 100%;text-align: center;
}
.p2-last h6{
    font-size: 15px;
    color: #fff;
    text-align: center;
    font-weight: 200;
    line-height: 200%;
    padding: 30px 50px;
    float: left;
    letter-spacing: 1px;
    opacity: .8;
}
.p2-last a:hover{
        background: #74624f;
}
.p2-last a{background: #110f0e;padding: 50px;width: 134px;height: 134px;text-align: center;border-radius: 100%;display: table;margin: auto;}
.p2-last a img{
  width:30px;
}.panel2 .col-lg-6:nth-child(2) .p2-box{
    float:right;
}.panel2 .col-lg-6:nth-child(4) .p2-box{
    float:right;
}.panel4 .col-lg-6:nth-child(2) .p4-box{
    float:right;
}.panel4 .col-lg-6:nth-child(4) .p4-box{
    float:right;
}
.panel3{

float: left;

width: 100%;

background: #121212;

padding: 70px 0;
}
.panel3 h1{

background: -webkit-linear-gradient(#FFFFFF, #74634F);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

font-size: 68px;

font-weight: 400;

line-height: 72px;

float: left;

width: 100%;
}.p3-box:after{
    position:absolute;
    content:'';
    width: 1px;
    height: 70px;
    background: #ccc;
    right: 0;
    top: 30px;
}
.panel3 p{font-size: 15px;color: #fff;font-weight: 200;letter-spacing: 1px;line-height: 200%;float: left;width: 77%;opacity: .8;margin-top: 15px;}
.p3-right{

width: 100%;

float: left;
}
.p3-box
{width: 50%;float: left;text-align: center;height: 110px;margin-bottom: 20px;padding: 20px 0;position: relative;}
.p3-box span{

font-size: 36px;

color: #fff;

text-align: center;

font-weight: 700;
}
.p3-box h6{font-size: 18px;color: #fff;font-weight: 300;opacity: .8;letter-spacing: 1px;}
.p3-box span:after{
  content: '+';
  position: absolute;
}
.p3-box:nth-child(2):after{
    display:none;
}.p3-box:nth-child(4):after{
    display:none;
}
.panel4
{
  width: 100%;
  float: left;
  padding: 100px 0 60px;
  background: #000;
}
.panel4 h1{
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 68px;
    font-weight: 400;
    line-height: 72px;    padding-top: 20px;
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}.panel4 p{font-size: 15px;color: #fff;font-weight: 200;letter-spacing: 1px;line-height: 200%;float: left;width: 96%;margin-top: 15px;opacity: .8;}
.p4-box{
  width: 90%;
  float: left;
  border-right: 2px solid #3b3b3b;
  padding: 40px 8px;
  text-align: center;
  /* border-radius: 5px; */
  overflow: hidden;
  /* white-space: normal; */
  background: linear-gradient(137deg, rgba(13, 13, 13, 1) 44%, rgba(51, 45, 32, 1) 77%);
  background-image: url('../images/bg222.png');
  background-size: cover;
  background-size: cover;
  margin-bottom: 60px;
  height: 100%;
}
.p4-left{

}
.p4-box{

}
.p4-box:hover h2{
    animation-iteration-count: infinite;
}
.p4-box h6{

color: #B99E5D;

font-size: 24px;
} @-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.p4-box h5{

font-size: 23px;

color: #fff;

font-weight: 700;

margin-top: 10px;
}
.p4-box h2{
  color: black;
  -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff1a;
  font-size: 100px;
  animation-iteration-count: 0;
  -webkit-animation-timing-function: linear;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  white-space: nowrap;
}
.p4-box a:hover{
        background: #74624f;
}
.p4-box a{

background: #25221e;

display: inline-block;

margin: auto;

width: 60px;

height: 60px;

text-align: center;

padding: 16px;

border-radius: 100%;
}.p4-box a img{

width: 20px;

height: 20px;
}
.p4-right{

}
.p4-right a:hover{
        background: #74624f;
}
.p4-right h1{text-align: center;}
.p4-right a{
    background: #110f0e;
    padding: 50px;
    width: 134px;
    height: 134px;
    text-align: center;
    border-radius: 100%;
    display: table;
    margin: auto;
}
.p4-right a img{
    width: 30px;
    height: 30px;
}
.panel5{
background: linear-gradient(-90deg, rgba(18,18,18,1) 50%, rgba(0,0,0,1) 50%);
width: 100%;
float: left;
padding: 70px 0 70px 7%;
}
.p5-left{

float: left;

width: 35%;

margin-right: 20px;
}
.p5-left h1{

background: -webkit-linear-gradient(#FFFFFF, #74634F);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

font-size: 68px;

font-weight: 400;

line-height: 72px;

float: left;

width: 100%;

text-align: left;

margin-bottom: 20px;
}
.p5-left p{

font-size: 15px;

color: #fff;

font-weight: 200;

letter-spacing: 1px;

line-height: 200%;

float: left;

width: 96%;

opacity: .8;

margin-top: 0;
}
.p5-right{

}
.p5-carousel{

}
.p5-box{

width: 100%;

float: left;

background: #000;

padding: 30px;

border-radius: 20px;
}
.p5-box img{float: left;width: 80px;display: none !important;height: 80px;border-radius: 100%;margin-right: 20px;}
.p5-box h5{

font-size: 20px;

color: #B99E5D;

font-weight: 700;
}
.p5-box h6{

font-size: 16px;

color: #808080;

font-weight: 500;
}
.p5-box p{

width: 100%;

float: left;

margin-top: 10px;

font-size: 16px;

color: #fff;

opacity: .8;

font-weight: 200;

line-height: 180%;

letter-spacing: 1px;
}
.panel6{

width: 100%;

float: left;

padding: 90px 0;

background: #000;
}
.panel6 h1{

background: -webkit-linear-gradient(#FFFFFF, #74634F);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

font-size: 68px;

font-weight: 400;

line-height: 72px;

float: left;

width: 100%;

text-align: center;
}.accordion-button:not(.collapsed)::after{
    color:#161616;
    left: 40px;
    position: absolute;
    transform: rotate(0deg);
}
.panel6 p{

font-size: 15px;

color: #fff;

text-align: center;

font-weight: 200;

line-height: 200%;

letter-spacing: 1px;
}
.panel6 .accordion{

background-color: #121212;

--bs-accordion-bg: #121212;

--bs-accordion-border: none;

box-shadow: none;

--bs-accordion-border-color: transparent !important;!i;!;

border-radius: 20px;

margin-top: 60px;
}

.accordion-button::after{
    left: 30px;
    position: absolute;
    transform: rotate(-90deg);
}
.panel6 .accordion h2{
  padding-left: 0;
}.panel6 .accordion button{
  background-color: #121212;
  padding: 40px 40px 40px 70px;
  box-shadow: none;
  border-bottom: 1px solid #161616;
  font-size: 20px;
  background: -webkit-linear-gradient(#FFFFFF, #74634F);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}.panel6 .accordion-body{
  font-size: 15px;
  color: #fff;
  font-weight: 200;
  line-height: 180%;
  opacity: .8;
  border-bottom: 1px solid #161616;
  padding: 30px 60px 30px 60px;
  letter-spacing: 1px;
}
.footer{width: 100%;float: left;background: #000;padding: 70px 0 60px;}
.ftr-link{

}
.ftr-link h2{

background: -webkit-linear-gradient(#FFFFFF, #74634F);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

font-size: 20px;

font-weight: 400;

margin-bottom: 20px;
}
.ftr-link a{

}
.ftr-link a{

width: 100%;

float: left;

font-size: 15px;

color: #fff;

opacity: .8;

text-decoration: none;

font-weight: 300;

line-height: 35px;
}
.ftr-link a:hover{

opacity: 1;

color: #b59d81;
}
.ftr-logo{

}
.ftr-logo img{
  max-width: 88%;
}
.ftr-last{width: 100%;float: left;border-top: 2px solid #232323;padding-top: 50px;margin-top: 50px;}
.ftr-last p{margin: 0;font-size: 16px;color: #fff;opacity: .8;font-weight: 300;}
.ftr-ico
{

float: right;
}
.ftr-ico a{position: relative;font-size: 16px;color: #fff;text-decoration: none;font-weight: 300;padding: 0 15px;opacity: .8;}
.ftr-ico a:hover{

color: #d3b795;
}
.ftr-ico a:after{
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 100%;
  top: 7px;
  right: 0px;
}.ftr-ico a:last-child::after{
    display:none;
}@keyframes swift-up {
  to {
    top: 0;
  }
}
.banner span{
  display: inline-block;
  overflow: hidden;
  animation: .3s swift-up ease-in-out forwards; 
}

.banner i{
 
  position: relative;

  animation: .5s swift-up ease-in-out forwards;
}
.nav-pd {
    text-align: left;
    padding: 0px 0px;
    transform: rotate(15deg);
    max-width: 1100px;
}
.main-img-pro{
width: 100%;
}

@media(min-width: 768px){
    .main-img-pro{
 display: none;   
}
}
@media(max-width: 767px){
    .pro1{
        display: none;
    } .pro2{
        display: none;
    } .pro3{
        display: none;
    }
}
@media(max-width: 575px){
    .sticky {
    position: fixed;
    z-index: 999 !important;
    background: #000;
}.service2 {
    width: 100%;
    float: left;
    padding: 0 0 0;
}.da-serv h6 {
    margin-bottom: 71px!important;
}
    .abt1 a {
    background: #74624f;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    padding: 16px 30px;
    border-radius: 30px;
    margin-top: 10px;
    float: none;
    display: table;
    margin: auto;
}
    .advant-ser h2 {
    font-size: 35px;
    font-weight: 400;
    color: #000;
    text-align: center;
}
    .service4 h4{
        width:100%!important;text-align: center;
    }.service4 h5{
         width:100%!important;text-align: center;
    }
    .new-cyber img {
    width: 210px !important;
    float: none !important;
    margin-right: 0;
    margin: auto !important;
    display: block;
}.new-cyber p{
        text-align: center;
}.new-cyber a{
        float: none;
        display: block !important;
        margin: auto;
}.new-cyber h1 {
    font-size: 32px !important;
    color: #000;
    font-weight: 400;
    padding-top: 20px !important;
    text-align: center;
}.service-secnew1 h1 {
 font-size: 32px !important;   text-align: center !important;}
    .ind-da {
    width: 100% !important;
    float: left;
    background: #fff;
    padding: 30px;
    text-align: center;
    min-height: 145px;
    margin-right: 2%;
    margin-top: 20px;
    border-radius: 20px;
}.service-secnew2 h1 {
    font-size: 32px !important;
    color: #000;
    text-align: center;
    font-weight: 400;
}.ind-da2 {
    width: 100% !important;        text-align: center;
    }
    .service4 h2 {
    font-size: 20px !important;
    color: #000;
    font-weight: 400;
    width: 100% !important;
    float: left;
    text-align: center;
    clear: both;
}
    .bc a:after{
        top:-1px;
    }
    .abt4-box{
        padding:0 3% !important;
    }
    .abt3-box {
    float: left;
    background: #121212;
    padding: 9px !important;
    border-radius: 10px;
    width: 48%;        height: 240px;
    margin-left: 2%;
    margin-top: 30px;
}.abt3-box h6 {
    margin: 0;
    font-size: 13px !important;
    color: #fff;
    font-weight: 200;
    line-height: 183% !important;
}
    .select-container .select input{
        padding:0;
    }
    .service5 .accordion-button::after {
       right: 10px;
    top: 32px;
}.service5 .accordion-button{
    padding-right:30px;
}
    .insight-box img{
        margin-bottom:20px;
    }
    .ftr-logo {
    margin: 30px 0;
    float: left;
}
    .serv-ban h1 br{
        display:none;
    }.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            padding: 0 2%;
}.serv5-left p{
    text-align:center;
}
    .ct-right-box button{
        float: left !important;margin-top: -40px;
    }
    .new .form-group label{
        margin-top: -15px !important;
    }
    .ct-left-box{
        text-align: center;
    }
.abt4-right p{
    text-align: center;
}

    .abt3{
        text-align: center;
    }
.abt3 h1{
       font-size: 40px !important;
    text-align: center;width: 100%;
}.abt4-right img {
    width: 170px;
    float: none !important;
    margin-right: 24px;
    margin-top: 5px;
    display: block;
    margin-left: auto; margin-right: auto !important;
}.abt4-right h4{
    width: 100%;
    font-size: 40px !important;
    text-align: center;
}
.abt2-box {
    text-align: center;    padding: 30px 0 !important;}

.about-ban h1{
    font-size: 40px !important;
    text-align: center;width: 100%;
}.abt1 img{
    width: 100% !important;
    margin-left: 0 !important;
}
.abt2-box h2{
    width: 100%;
    text-align: center;font-size: 40px !important;
}
.abt1 h1{
    width: 100% !important;
    text-align: center;font-size: 40px !important;
}
.abt1 p{
    text-align: center;
}
.bc a:first-child{
    margin-left: 0;
}
.bc {
    float: right;
    margin-top: 0 !important;
    width: 100%;
    text-align: center;
    padding-bottom: 0;
    position: relative;
    z-index:0;
}

    .serv6-box {
    width: 100%;
    float: left;
    background: #fff;
    padding: 30px !important;
    border-radius: 20px;
    text-align: center !important;
}.serv6-box h1 {
    font-size: 40px !important;
    color: #000;
    font-weight: 400;
    margin-bottom: 10px !important;
}.serv6-box a
{
    float: none !important;
    display: table;
    margin: auto;
}
.serv6-carousel {
    background: #fff;
    padding: 30px !important;
    border-radius: 20px;
    margin-top: 30px;
}
.serv6-carousel h6 {
    font-size: 24px !important;
}.serv6-carousel h5 {
    /* float: left; */
    display: inline-block;
    position: relative;
    top: 13px !important;
    font-size: 19px !important;}

    .service4 a{
float: none !important;
margin: auto;
display: table;
    }.serv5-left h1 {
    font-size: 40px !important;
    font-weight: 400;
    color: #000;
    text-align: center !important;
}.serv5-left p {

    font-size: 15px !important;
    color: #000;
    line-height: 200%;
    font-weight: 300;
    padding-right: 0 !important;
    text-align: cente !importantr;
    margin-bottom: 20px !important;
}
.serv2-right a{
    float: none !important;
    display: table;
    margin: auto;
}.service4 h1 {
    font-size: 38px !important;
    color: #000;
    font-weight: 400;
    width: 100% !important;
    float: left;
    padding-top: 70px;
    text-align: center;
}.service4 p {
    float: left;
    width: 100%  !important;
    padding-right: 0 !important;
    color: #000;
    text-align: center  !important;
    line-height: 200%;
    font-weight: 300;
    padding-top: 10px;
}
.service4 {
    width: 100%;
    float: left;
    background-image: url(../images/services/img-2.webp);
    background-repeat: no-repeat;
    background-size: cover !important;
    background-position: -111% 39% !important;
    /* padding: 70px 0; */
}
.serv2-left p{
    text-align: center;
}.serv-box {
   width: 100% !important;
   float: none !important;
   display: block;
   margin: auto;
   max-width: 265px;
   }
.serv2-right p{
    text-align: center;
}
    .service2 p:after{
        display: none;
    }.serv2-left h1 {
    font-size: 40px !important;
    text-align: center;}
    .service2 a {
    float: left;
    margin-right: 25px !important;
    position: relative;
    z-index: 99;
    margin-bottom: 100px;
}.service2 p {
    position: relative;
    padding-left: 30% !important;
    font-size: 14px !important;
    color: #444444;
    font-weight: 400;
    line-height: 28px !important;
}.ele{
        right: 0 !important;!i;!;
}
.serv-ban img {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
    display: block;
    margin: auto;
}.serv-ban h1 {
    font-size: 40px !important;
    color: #000;
    font-weight: 500;
    margin-bottom: 15px !important;
    text-align: center;
}.serv-ban p {
    font-size: 15px;
    color: #000;
    line-height: 200%;
    font-weight: 300;
    width: 100% !important;!i;!;
    text-align: center;
}.serv-ban a
{
    float: none !important;!i;!;
    display: table;
    margin: auto;
}
.ftr-last2 p{
    text-align: center;
}.footer2 {
    text-align: center;
    width: 100%;
    float: left;
    background: #ffffff;
    padding: 40px 0 40px;
}
    .ftr-ico2 a {
        position: relative;
        font-size: 15px;
        color: #fff;
        text-decoration: none;
        font-weight: 300;
        padding: 0 15px;
        opacity: .8;
        text-align: center;
        width: 33%;
        float: left;
        line-height: 34px;
    }
.pro-sec3 h1 {
    font-size: 40px !important;
}
.pro-sec3 p
{
    padding: 10px 0 !important;
}.pro-sec4 img {
    position: relative !important;
    right: 0;
    width: 100% !important;
    height: auto !important;
    float: right;
}.pro-sec4 h1 {
    font-size: 40px !important;
    color: #000;
    font-weight: 400;
    width: 100% !important;
    padding-top: 60px;
    text-align: center !important;
}.pro5-carousel p {
    font-size: 20px !important;
    padding: 20px 10px !important;
    line-height: inherit !important;
    width: 100%;
    float: left;
    text-align: center;
    margin: 0;
}.pro6-box {
    width: 100% !important;
    float: left;
    background: #fff;
    padding: 60px 15px !important;
    border-radius: 20px;
    text-align: center;
}.pro6-box a{
    float: none !important;
    display: table;
    margin: auto;
}.ftr-link2 h2 {
     margin-bottom: 10px !important;
    margin-top: 20px !important;
}
.ftr-link2 a

{
    width: 50% !important;
}

.pro6-box h1 {
    font-size: 40px !important;}
.pro-sec4 a{
    float: none !important;
    display: table;
    margin: auto;
}

.pro-sec4 p
{
    width: 100% !important;text-align: center;
}

.pro-sec2 h1 {
    font-size: 40px !important;
}
.pro-sec2 p{
    padding: 10px 0 !important;
}
.pro2-box{
    text-align: center;margin-bottom: 10px !important;
}.pro2-box a
{
    float: none !important;
    display: table;
    margin: auto;
}

    .pro-ban h1 {
    font-size: 40px !important;
}.pro-ban p{
    padding: 10px 0 !important;
}
  .ban-text {
    position: absolute;
    top: 190px;
    width: 100%;
    text-align: center;
    left: 0;
    padding: 0 2%;
}
  .ban-img img{
   /* display: none; */
   height: 440px;
  }
  .logo {
    width: 12%;
    float: left;
    position: relative;
    z-index: 9;
    margin-top: 30px;
}
  .p4-right {
    width: 100%;
    float: left;
    margin-top: 20px;
}
.banner h1 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 29px;
    font-weight: 400;
    line-height: inherit;
    animation: .5s swift-up ease-in-out forwards;
    opacity: 1;
}.banner{
  height: 680px;
  padding: 190px 0 0 !important;
  /* background-image: url(../images/banner.webp); */
}.panel1 {
    text-align: center;
    padding: 0 0 70px;
  }.panel1 h1 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 38px;
    font-weight: 400;
    line-height: 72px;
    float: left;
    margin-right: 0;
    margin-bottom: 0;
    width: 100%;
}.panel2 {
    padding: 0 ;
}.panel2 h1 {
    font-size: 28px;
    line-height: 39px;
}.p2-box {
    background: linear-gradient(83deg, rgba(1, 1, 1, 1) 44%, rgba(15, 10, 9, 1) 77%, rgba(10, 7, 6, 1) 99%);
    width: 100%;
    float: left;
    border: 2px solid #0b0b0b;
    border-radius: 30px;
    padding: 30px;
    position: relative;
    height: 472px;
    margin-top: 50px;
    text-align: center;
}.p2-box h2 {
    font-size: 29px;

}.p2-box .p2-img {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 100%;
}.p2-last h2 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 28px;
    font-weight: 400;
    line-height: inherit;
    float: left;
    width: 100%;
    text-align: center;
  }.p2-last h6{
    padding: 0;
  }.panel3 {
    text-align: center;
}.panel3 h1 {
    font-size: 30px;
    line-height: inherit;
}.panel3 p {
    width: 100%;
    margin-top: 0;
}.p3-box h6 {
    font-size: 13px;
  }.panel4 h1 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 29px;
    font-weight: 400;
    line-height: inherit;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
}.panel4 p{
  text-align: center;
}.p2-last {
    width: 100%;
    float: left;
    text-align: center;
    padding: 53px 30px;
    height: auto;
}.p4-box {
   height: 454px;
        width: 300px;
        display: block;
        float: none !important;
        border-right: 0;
        padding: 20px;
        margin: auto;
        text-align: center;
        /* border-radius: 5px; */
        overflow: hidden;
        /* white-space: normal; */
        background: linear-gradient(137deg, rgba(13, 13, 13, 1) 44%, rgba(51, 45, 32, 1) 77%);
        background-image: url(../images/bg222.png);
        background-size: cover;
        background-size: contain;
        margin-bottom: -90px;
        background-repeat: no-repeat;
}.p5-left{
  width: 100%;text-align: center;
}.p5-left h1 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
    font-weight: 400;
    line-height: inherit;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 2px;
}.p5-right {
    width: 100%;
    float: left;
}.panel6 h1 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 30px;
    font-weight: 400;
    line-height: inherit;
    float: left;
    width: 100%;
    text-align: center;
}.ftr-link a {
    width: 50%;
    float: left;
    font-size: 14px;
    color: #fff;
    opacity: .8;
    text-decoration: none;
    font-weight: 300;
    line-height: 35px;
}.footer {
    width: 100%;        text-align: center;
    float: left;
    background: #000;
    padding: 20px 0 60px;
}.ftr-link h2{
  margin-top: 20px;
}.ftr-logo img {
    max-width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}.ftr-last p {
    margin: 0;
    font-size: 14px;
    color: #fff;
    opacity: .8;
    font-weight: 300;
    text-align: center;
}.ftr-ico a {
    position: relative;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    font-weight: 300;
    padding: 0 15px;
    opacity: .8;text-align: center;
    width: 33%;
    float: left;
    line-height: 34px;
}.ftr-ico a:after{
  display: none;
}
}
@media(min-width: 576px) and (max-width: 767px){
    .ind-da {
    width: 48% !important;}
.ct-left-box p {
    font-size: 13px !important;
}.ct-left-box a {
    font-size: 13px !important;
}.ct-left-box {
    width: 33% !important;}
.abt1 h1{
    font-size: 35px !important;
}
.about-ban h1{
    font-size: 50px !important;
}
.abt1 img{
    width: 100% !important;
}
    .serv6-box h1 {
    font-size: 40px;}
.serv6-box {
    width: 100%;
    float: left;
    background: #fff;
    padding: 50px !important;}
.service4 p {
    float: left;
    width: 68% !important;
    padding-right: 10% !important;
    color: #000;
    line-height: 200%;
    font-weight: 300;
    padding-top: 10px !important;
}.serv5-left h1 {
    font-size: 40px !important;}
    .service4 h1 {
    font-size: 40px !important;
    color: #000;
    font-weight: 400;
    width: 61% !important;
    float: left;
    padding-top: 40px !important;
}
.pro-ban h1 {
    font-size: 50px !important;
}
.pro-ban p {
    padding: 10px 10% !important;}

.pro-sec2 h1 {
    font-size: 60px !important;
}
.pro-sec2 p {
      padding: 10px 7% !important;
}
.pro-sec3 h1 {
    font-size: 60px !important;
}

.pro-sec3 p {
     padding: 10px 11% !important;
}
.pro-sec4 img {
    position: relative !important;
    right: 0;
    width: 100% !important;
    height: auto !important;
    float: right;
}.pro-sec4 h1 {
    font-size: 60px !important;
    color: #000;
    font-weight: 400;
    width: 100% !important;
    padding-top: 60px;
}.pro-sec4 p {
    width: 100% !important;
}.pro6-box h1 {
    font-size: 60px !important;
}.ftr-ico2 {
    float: left !important;
}
.p4-box {
    width: 76%;
    float: none !important;
    border-right: 2px solid #3b3b3b;
    padding: 40px 8px;
    text-align: center;
    /* border-radius: 5px; */
    overflow: hidden;
    /* white-space: normal; */
    background: linear-gradient(137deg, rgba(13, 13, 13, 1) 44%, rgba(51, 45, 32, 1) 77%);
    background-image: url(../images/bg222.png);
    background-size: cover;
    background-size: cover;
    margin-bottom: 60px;
    height: 31vh;
    display: block;
    margin: 0 auto 20px;
}.p5-left {
    float: left;
    width: 100%;
    margin-right: 20px;
}.p5-carousel{
  float: left;
}.panel6 h1 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 56px;
    font-weight: 400;
    line-height: 57px;
    float: left;
    width: 100%;
    text-align: center;
}.ftr-logo {
    margin-top: 40px;
    float: left;
}.ftr-ico {
    float: left;
}
  .ban-img img{
    display: none;
  }
  .banner h1 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    opacity: 1;
    -webkit-text-fill-color: transparent;
    font-size: 50px;
    font-weight: 400;
    line-height: 52px;
    animation: .5s swift-up ease-in-out forwards;
}.panel1 h1 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 48px;
    font-weight: 400;
    line-height: 72px;
    float: left;
    margin-right: 30px;
    margin-bottom: 0;
}.panel2 {
     padding: 0;
}.panel2 h1 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 45px;
    font-weight: 400;
    line-height: 50px;
    float: left;
    width: 100%;
    text-align: center;
}.p2-box h2 {
    font-size: 46px;
  }.p2-last {
    width: 100%;
    float: left;
    text-align: center;
    padding: 53px 30px;
    height: auto;
}.p2-last h2 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 45px;
    font-weight: 400;
    line-height: 50px;
    float: left;
    width: 100%;
    text-align: center;
}.p2-last h6 {
    padding: 0px 50px 30px;
 }.panel3 {
    text-align: center;
  }.panel3 h1 {
     font-size: 48px;
    line-height: 50px;
}.panel3 p {
    font-size: 15px;
    width: 100%;
      margin-top: 0;
}
}
@media(min-width: 768px) and (max-width: 991px){
    .new .form-group label {
        margin-top: -21px !important;}.abt4-right img {
    width: 100px !important;
    float: left;
    margin-right: 17px !important;
    margin-top: 5px !important;
    margin-bottom: 40px !important;
}.abt4-right h4{
    font-size: 43px !important;
}
    .abt1 img {
    float: right;
    width: 47% !important;
}.abt1 h1{
    font-size: 52px !important;
}
    .abt2-box h2{
        font-size: 35px !important;
    }
    .serv6-box {
     padding: 40px !important;
 }.serv6-box h1 {
    font-size: 40px !important;
}.serv6-carousel {
    background: #fff;
    padding: 30px !important;
    border-radius: 20px;
}.serv6-carousel h6 {
    font-size: 24px !important;}
.serv5-left h1 {
    font-size: 40px !important;}

.service4 h1 {
    font-size: 40px !important;
    color: #000;
    font-weight: 400;
    width: 58% !important;
    float: left;
    padding-top: 44px !important;
}.service4 p {
    float: left;
    width: 67% !important;
    padding-right: 9% !important;}

.service2 p:after
{
    display: none;
}.serv2-left h1 {
    font-size: 53px !important;}
.serv-box {
    width: 100% !important;}
.serv-ban img {
    width: 390px !important;
    float: right;
    margin-left: 20px !important;
}
.serv-ban h1 {
    font-size: 50px !important;}
    .pro1 {
    left: -50px !important;
}.pro2 {
       right: -40px !important;
}.pro-sec4 h1 {
    font-size: 50px !important;
}.pro-sec4 img {
     height: auto !important;
  }.pro6-see {
     padding: 10px 42px !important;}.ftr-ico2 a {
      font-size: 15px !important;
       padding: 0 11px !important;
  }
.banner {
    width: 100%;
    float: left;
    background-image: url(../images/banner.webp);
    height: 561px;
    background-size: cover;
    margin-top: -83px;
    background-position: 53% -355%;
    text-align: center;
    padding: 190px 0 0;
    position: relative;
}.banner h1 {
    /* background: -webkit-linear-gradient(#FFFFFF, #74634C); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    font-size: 53px;
    font-weight: 400;
    line-height: 63px;
    /* animation: .5s swift-up ease-in-out forwards; */
}.panel1 h1 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 46px;
    font-weight: 400;
    line-height: 62px;
    float: left;
    margin-right: 43px;
    margin-bottom: 210px;
}.panel2 {
    width: 100%;
    float: left;
    background: #000;
    padding: 0 0 70px;
}.panel2 h1 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 50px;
    font-weight: 400;
    line-height: 58px;
    float: left;
    width: 100%;
    text-align: center;
}.p3-box h6 {
    font-size: 15px;
}
  .p5-left h1 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 38px;
    font-weight: 400;
    line-height: 45px;
    float: left;
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
}.panel4 h1 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 43px;
    font-weight: 400;
    line-height: 53px;
  }.panel6 h1 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 40px;}.p2-box .p2-img {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 100%;
}.p2-box {
    padding: 34px;        height: 530px;}.p2-box h2 {
    font-size: 40px;}.p2-last h2 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 39px;
    font-weight: 400;
    line-height: 44px;
    float: left;
    width: 100%;
    text-align: center;
}.p2-last h6 {
    font-size: 15px;
    color: #fff;
    text-align: center;
    font-weight: 300;
    line-height: 200%;
    padding: 16px 15px;
    float: left;
    opacity: .8;
}.panel3 h1 {
    font-size: 52px;
    line-height: 43px;
 }.panel3 p {
    font-size: 14px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 200%;
    float: left;
    width: 100%;
    opacity: .8;
    margin-top: 15px;
}.ftr-link a {
    width: 100%;
    float: left;
    font-size: 14px;
    color: #fff;
    opacity: .8;
    text-decoration: none;
    font-weight: 300;
    line-height: 35px;
    word-break: break-all;
}
}
@media(min-width: 992px) and (max-width: 1024px){
    .abt1 img {
    float: right;
    width: 50% !important;}
    .pro1 {
    left: -40px !important;
}.pro2 {
    right: -40px !important;
}
  .banner {
    width: 100%;
    float: left;
    background-image: url(../images/banner.webp);
    height: 761px;
    background-size: cover;
    margin-top: -83px;
    background-position: 53% -355%;
    text-align: center;
    padding: 190px 0 0;
    position: relative;
}
  .p2-box h2 {
    font-size: 42px;
  }.panel1 h1 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 57px;
    font-weight: 400;
    line-height: 64px;
    float: left;
    margin-right: 41px;
    margin-bottom: 119px;
}.p2-last h2 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 48px;
    font-weight: 400;
    line-height: 54px;}.p2-last h6 {
    font-size: 15px;
    color: #fff;
    text-align: center;
    font-weight: 300;
    line-height: 200%;
    padding: 15px 32px;
  }.p5-left h1 {
    background: -webkit-linear-gradient(#FFFFFF, #74634F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 55px;
    font-weight: 400;
    line-height: 64px;}
}
@media(min-width: 1025px) and (max-width: 1199px){
.header_menu_area > ul > li > a {
      margin: 0 24px;
  }.p2-box h2 {
    font-size: 50px;
  }.abt1 img {
    float: right;
    width: 50% !important;
}
}
.ban-img{

}
.ban-img img{width: 100%;float: left;margin-top: -50px;transform: scale(1.5) rotate(2deg);-webkit-animation: CrossFade 11s infinite;animation: CrossFade 14s infinite;}
.ban-text{
  
position: absolute;
  
top: 190px;
  
width: 100%;
  
text-align: center;
  
left: 0;
}
@-webkit-keyframes CrossFade {
  25% {
    opacity: .5;
    transform: scale(1) rotate(0);
  }
  40% {
    opacity: 1;
  }
}
@keyframes CrossFade {
  25% {
    opacity: .5;
    transform: scale(1) rotate(0);
  }
  40% {
    opacity:1;
  }
}
.animate-charcter
{

background-image: linear-gradient(    -225deg,   #FFFFFF 0%,    #74634F 47%,   #FFFFFF 97%,    #74634F 100%  );

background-size: auto auto;

background-clip: border-box;

background-size: 200% auto;

color: #fff;

background-clip: text;

text-fill-color: transparent;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

animation: textclip 4s linear infinite;

display: inline-block;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}


@-webkit-keyframes float {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-20px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
}

@keyframes float {
  0% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
  50% {
    box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
    transform: translatey(-20px);
  }
  100% {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
  }
}.img-hd {
    width: 230px;
    margin-left: 7%;
    margin-top: 30px;
}
.menu2{
  width: 20px !important;
}
.scroll-down
{

width: 100%;

float: left;

margin-top: 20%;
}
.scroll-down span{

font-size: 15px;

color: #fff;

font-weight: 400;
}
.scroll-down img{
  
width: 20px;
  
filter: invert(1);
  
display: block;
  
margin: auto;
}
.p2-box:hover{
  
background: linear-gradient(-151deg, rgba(1,1,1,1) 44%, rgba(15,10,9,1) 77%, rgba(10,7,6,1) 99%);
  
transition: all ease-in-out .5s;
  
-webkit-transition: all ease-in-out .5s;
}
.bounce2 {
    animation: bounce2 2s ease infinite;
}
@keyframes bounce2 {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  60% {transform: translateY(-15px);}
}
.sticky{
      position: fixed;
    z-index: 9;
    background: #000;
}
.sticky .logo {
     margin-top: 19px;
}
.sticky .header_menu_area > ul > li > a {
    padding: 30px 0;
    }
    .sticky .btn2 {
       margin-top: 30px;
 }
 @media(min-width: 1500px){
  .banner {
    width: 100%;
    float: left;
    background-image: url(../images/banner.webp);
    height: 130vh;
    background-size: cover;
    margin-top: -83px;
    background-position: 50% -350%;
    text-align: center;
    padding: 190px 0;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
}.ban-img img {
    width: 100%;
    float: left;
    margin-top: -229px;
    overflow: hidden;
    height: 130vh;
    }
 }
 .sticky .menu ul {
    visibility: hidden;
    opacity: 0;
    margin: 0;
    top: 47px;}
    .pro-ban{

width: 100%;

float: left;

padding: 60px 0;

text-align: center;

}
    .pro-ban h1{

font-size: 70px;

color: #000;

font-weight: 500;

}
    .pro-ban p{

font-size: 16px;

color: #000;

font-weight: 300;

line-height: 200%;

padding: 10px 20%;

letter-spacing: 1px;

}
    .pro-ban a{

width: 174px;

background: #070708;

height: 60px;

display: table;

margin: auto;

color: #fff;

text-decoration: none;

padding: 18px 0;

border-radius: 30px;

}
    .pro-ban a:hover{
        
background: #74624f;
    }
    .pro-sec1{

width: 100%;

float: left;

text-align: center;

background: linear-gradient(0deg, rgba(236,236,238,1) 50%, rgba(255,255,255,1) 50%);

}
    .pro1-img{

width: 100%;

position: relative;

float: left;

}
    .pro3{

max-width: 100%;

}
    .pro2{

position: absolute;

top: 46%;

right: -90px;

}
    .pro1{
        
position: absolute;
        
top: 22%;
        
left: -90px;
    }
.pro-sec2{

width: 100%;

float: left;

background: #ececee;

padding: 50px 0;
}   
.pro-sec2 p{

font-size: 16px;

line-height: 200%;

padding: 10px 17%;

letter-spacing: 1px;

text-align: center;

color: #000;

font-weight: 300;
} 
.pro-sec2 h1{

font-size: 70px;

text-align: center;

font-weight: 400;

color: #000;
}
.pro2-box
{

width: 100%;

float: left;

margin-top: 30px;

margin-bottom: 40px;
}
.pro2-box h5{

font-size: 25px;

color: #000;

font-weight: 700;
}
.pro2-box h6{

font-size: 16px;

color: #000;

font-weight: 300;

line-height: 200%;

padding-top: 0;
}
.pro2-box a{

width: 60px;

height: 60px;

border: 1px solid #ccc;

float: left;

text-align: center;

border-radius: 100%;

padding: 16px 0;

margin-top: 10px;
}
.pro2-box a img{

width: 24px;

height: 24px;
}
.pro2-box a:hover{

background: #74624f;
}
.pro2-box a:hover img{

filter: invert(1);
}
.img2 {
    
max-width: 100%;
}
.pro-sec3
{

width: 100%;

float: left;

padding: 70px 0;
}
.pro-sec3 h1{

font-size: 70px;

color: #000;

font-weight: 400;

text-align: center;
}
.pro-sec3 p{

font-size: 16px;

line-height: 200%;

padding: 10px 21%;

letter-spacing: 1px;

text-align: center;

color: #000;

font-weight: 300;
}
.pro-sec3 img{

max-width: 100%;

margin-top: -20px;
}
.pro3-right{

width: 100%;

float: left;

margin-top: 30px;
}
.pro3-box{

width: 100%;

float: left;

border: 1px solid #cecece40;

padding: 30px;

margin-top: 20px;

border-radius: 10px;

box-shadow: 10px 6px 10px -1px rgba(0, 0, 0, 0.05);
}
.pro3-box h6{

margin: 0;

font-size: 19px;

color: #18181B;

font-weight: 400;
}
.pro3-box h5{

font-size: 18px;

color: #9E9EA9;

font-weight: 500;

float: left;

margin-right: 20px;

margin-bottom: 0;
}
.pro3-box:hover h5{
    
color: #74624f;
}
.pro-header.sticky {
    position: fixed;
    z-index: 9;
    background: #fff !important;
}
.pro-sec4{

width: 100%;

float: left;

position: relative;

padding: 0 0 140px;
}
.pro-sec4 img{

position: absolute;

right: 0;

width: 48%;

height: 590px;

float: right;
}
.pro-sec4 p{

font-size: 16px;

color: #070708;

letter-spacing: 1px;

font-weight: 300;

line-height: 200%;

margin-top: 10px;

margin-bottom: 0;

width: 46%;
}
.pro-sec4 h1{

font-size: 70px;

color: #000;

font-weight: 400;

width: 50%;

padding-top: 60px;
}
.pro-sec4 a{

float: left;

background: #070708;

width: 174px;

height: 60px;

text-align: center;

font-size: 16px;

color: #fff;

text-decoration: none;

padding: 18px 0;

border-radius: 30px;

margin-top: 20px;
}
.pro-sec4 a:hover{
    
background: #74634f;
}

.footer2{width: 100%;float: left;background: #ffffff;padding: 70px 0 60px;}
.ftr-link2{

}
.ftr-link2 h2{

background: -webkit-linear-gradient(#282626, #74634F);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

font-size: 20px;

font-weight: 400;

margin-bottom: 20px;
}
.ftr-link a{

}
.ftr-link2 a{

width: 100%;

float: left;

font-size: 15px;

color: #000000;

opacity: .8;

text-decoration: none;

font-weight: 300;

line-height: 35px;
}
.ftr-link2 a:hover{

opacity: 1;

color: #b59d81;
}
.ftr-logo{

}
.ftr-logo img{
  max-width: 59%;
  display: block;
  margin: auto;
}
.ftr-last2{width: 100%;float: left;border-top: 2px solid #e7e6e6;padding-top: 50px;margin-top: 50px;}
.ftr-last2 p{margin: 0;font-size: 16px;color: #000000;opacity: .8;font-weight: 300;}
.ftr-ico2
{

float: right;
}
.ftr-ico2 a{position: relative;font-size: 16px;color: #000000;text-decoration: none;font-weight: 300;padding: 0 15px;opacity: .8;}
.ftr-ico2 a:hover{

color: #d3b795;
}
.ftr-ico2 a:after{
  position: absolute;
  content: '';
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 100%;
  top: 7px;
  right: -2px;
}.ftr-ico2 a:last-child::after{
    display:none;
}
.pro-sec5{

width: 100%;

float: left;

padding: 70px 0 150px;

text-align: center;

background: #F7F7F8;
}
.pro5-box{

}
.pro5-carousel{

background: #fff;

padding: 30px 15px 30px 0;

border-radius: 20px;
}
.pro5-carousel p{

font-size: 40px;

padding: 20px 80px;

line-height: 48px;

width: 100%;

float: left;

text-align: center;

margin: 0;
}
.pro5-carousel .item img{

display: inline-block !important;!im;!im

'';!i;!;

margin: auto;

position: relative;
}
.pro5-carousel h5{

display: inline-block;

font-size: 24px;

color: #070708;

font-weight: 400;

position: relative;

top: 20px;

text-align: left;

padding-left: 15px;
}
.pro5-carousel h5 span{
    
clear: both;
    
font-size: 16px;
}
.pro5-carousel .owl-nav{

position: absolute;

text-align: center;

width: 100%;

margin-top: 50px;
}
.pro5-carousel .owl-prev{

border: 1px solid #cecece !important;!i;!;

width: 40px !important;!i;!;

height: 40px;

border-radius: 100%;
}.pro5-carousel .owl-prev img{
    
width: 24px;
    
margin-top: -1px;
}.pro5-carousel .owl-next{
    
border: 1px solid #cecece !important;
    
width: 40px !important;
    
height: 40px;
    
border-radius: 100%;
    
margin-left: 10px;
}
.pro5-carousel .owl-next img{
    
width: 24px;
    
margin-top: -1px;
    
transform: rotate(180deg);
}.pro5-carousel .owl-prev:hover img{
    
filter: invert(1);
}
.pro5-carousel .owl-prev:hover{
    
background-color: #74634f !important;!i;!;
}.pro5-carousel .owl-next:hover{
    
background-color: #74634f !important;
}.pro5-carousel .owl-next:hover img{
    
filter: invert(1);
}
.pro6-sec
{

width: 100%;

float: left;

background: #f7f7f8;

padding-bottom: 70px;
}
.pro6-box{

width: 96%;

float: left;

background: #fff;

padding: 60px 75px;

border-radius: 20px;
}
.pro6-box h1{

font-size: 70px;

color: #000;

font-weight: 400;

margin-bottom: 20px;
}
.pro6-box p{

font-size: 16px;

color: #000;

font-weight: 300;

line-height: 200%;

letter-spacing: 1px;
}
.pro6-box a{

width: 207px;

float: left;

height: 50px;

background: #000;

text-align: center;

border-radius: 30px;

color: #fff;

font-size: 16px;

font-weight: 500;

text-decoration: none;

padding: 12px 0;

margin-top: 20px;
}
.pro6-box a:hover{
    
background: #74634f;
}
.pro6-right{

width: 100%;

float: left;

background: #fff;

padding: 30px 15px;

border-radius: 10px;

height: 670px;

overflow: hidden;

position: relative;
}
.pro6-box2{

width: 100%;

float: left;

height: 100vh;
}
.pro6-box2 h2{font-size: 40px;color: #000;text-align: center;font-weight: 400;margin-bottom: 30px;}
.pro6-item-box:nth-child(4) {
    opacity: .5;
}
.pro6-carousel {float: left;background: #f7f7f8;padding: 15px;border-radius: 10px;padding-bottom: 30px;height: 84%;overflow: hidden;}
.pro6-item-box{width: 100%;float: left;background: #fff;padding: 30px 25px;border-radius: 10px;margin-bottom: 10px;}
.pro6-item-box h5{

float: left;

font-size: 24px;

color: #070708;

font-weight: 500;
}
.pro6-item-box h6{

font-size: 15px;

color: #000;

float: left;

font-weight: 300;

width: 91%;

letter-spacing: 1px;

margin: 0;
}
.pro6-item-box a{

float: right;

border: 1px solid #cecece;

width: 36px;

height: 36px;

text-align: center;

border-radius: 100%;

padding-top: 6px;

margin-top: -39px;
}
.pro6-item-box a img{

width: 24px;

transform: rotate(135deg);

margin: auto;
}
.pro6-item-box a:hover{

background: #74634f;
}
.pro6-item-box a:hover img{

filter: invert(1);
}
.pro6-item-box:hover{
    
}
.pro6-see{

position: absolute;

bottom: 40px;

background: #000;

margin: auto;

left: 50%;

padding: 10px 60px;

z-index: 99;

font-size: 16px;

color: #fff;

text-decoration: none;

border-radius: 30px;

transform: translate(-50%, -50%);
}
.pro6-see:hover{
    
background: #74634f;
}
@media (max-width: 1024px) {
   .pro-wrap .menu .menuTrigger .line {
        display: block;
        background: #74634f;
    }
    .pro-header .logo {
    margin-top: 23px !important;
}
.pro-wrap.wrapper .menu {
        position: fixed !important;        top: 10px !important;
        }
}.pro-header .header_menu_area > ul > li > a:hover {
    color: #74634f !important;
}
.serv-ban{

width: 100%;

float: left;

padding: 84px 0;
}
.serv-ban img{width: 490px;float: right;margin-left: 110px;}
.serv-ban h1{

font-size: 70px;

color: #000;

font-weight: 500;

margin-bottom: 25px;
}

.serv-ban a:hover{
    
background: #74634f;
}
.serv-ban a{
    float: left;
    background: #070708;
    width: 230px;
    text-align: center;
    height: 50px;
    padding: 14px 0;
    text-decoration: none;
    border-radius: 30px;
    color: #fff;
    margin-top: 10px;
}
.serv-ban p{
    font-size: 15px;
    color: #000;
    line-height: 200%;
    font-weight: 300;
    width: 80%;
}
.service3{

width: 100%;

float: left;

background: #F7F7F8;

padding: 70px 0;
}
.serv2-left{

}
.serv2-left h1{font-size: 50px;color: #000;font-weight: 400;margin-bottom: 10px;}
.serv2-left p{

font-size: 15px;

line-height: 200%;

color: #000;

font-weight: 300;
}
.serv-box{

width: 50%;

float: left;

margin-top: 15px;
}
.serv-box h6{

float: left;

font-size: 24px;

color: #74634F;

font-weight: 600;

width: 50px;

height: 50px;

background: #74634f38;

text-align: center;

border-radius: 100%;

padding: 12px 0;

margin-right: 15px;
}
.serv-box h5{

margin: 0;

font-size: 16px;

color: #000;

font-weight: 300;

padding: 15px;
}
.serv2-right{

}
.serv2-right p{

font-size: 16px;

color: #000;

font-weight: 300;

line-height: 200%;

margin-bottom: 0;

margin-top: 15px;
}
.serv2-right a{background: #070708;float: left;width: 174px;height: 60px;font-size: 16px;color: #fff;font-weight: 400;text-align: center;text-decoration: none;padding: 18px 0;border-radius: 30px;margin-top: 30px;}
.serv2-right a:hover{
    
background: #74634f;
}
.service4{

width: 100%;

float: left;

background-image: url('../images/services/img-2.webp');

background-repeat: no-repeat;

background-size: contain;

background-position: right;

/* padding: 70px 0; */
}
.service4 h1{font-size: 70px;color: #000;font-weight: 400;width: 50%;float: left;padding-top: 70px;}
.service4 p{float: left;width: 60%;padding-right: 15%;color: #000;line-height: 200%;font-weight: 300;padding-top: 10px;}
.service4 a{background: #070708;float: left;width: 174px;height: 60px;font-size: 16px;color: #fff;font-weight: 400;text-align: center;text-decoration: none;padding: 18px 0;border-radius: 30px;margin-top: 20px;clear: both;margin-bottom: 70px;}
.service4 a:hover{
    background: #74634f;
}.service5 .accordion-button::after {
  background-image: url("../images/services/download (1).svg");
  transition: all 0.5s;
  right: 10px;
}
.service5 .accordion-button:not(.collapsed)::after {
  background-image: url("../images/services/download.svg");
  float: right;
  right: 15px;
}
.service5 .accordion-button::after {
  transition: all 0.5s;
}
.service5{

width: 100%;

float: left;

background: #F7F7F8;

padding: 70px 0;
}
.serv5-left{

}
.serv5-left h1{

font-size: 70px;

font-weight: 400;

color: #000;
}
.serv5-left p{

margin-bottom: 0;

font-size: 16px;

color: #000;

line-height: 200%;

font-weight: 300;

padding-right: 5%;
}
.service5 .accordion{

}.service5 .accordion-item{

margin-bottom: 20px;

border: 0;

border-radius: 10px;
}.service5 .accordion-button{

background-color: #fff !important;

border: 0;

border-top-left-radius: 10px !important;!i;!;

color: #252432;

font-size: 18px;

font-weight: 500;

border-bottom: 0;

box-shadow: none;

padding-top: 30px;

padding-bottom: 30px;

border-top-right-radius: 10px !important;!i;!;

border-bottom-left-radius: 10px !important;!i;!;
}.service5 .accordion-body{

padding: 0 20px 30px 20px;

font-size: 16px;

color: #000;

font-weight: 300;

line-height: 200%;

border: 0;

margin-top: -10px;
}
.service6{

width: 100%;

float: left;

background: #f7f7f8;

padding: 0 0 70px;
}
.serv6-box{

width: 100%;

float: left;    min-height: 650px;

background: #fff;

padding: 60px 81px;

border-radius: 20px;
}
.serv6-box h1{

font-size: 70px;

color: #000;

font-weight: 400;

margin-bottom: 20px;
}
.serv6-box p{

font-size: 16px;

color: #000;

line-height: 200%;

font-weight: 300;
}
.serv6-box a{

font-size: 16px;

color: #fff;

background: #000;

text-decoration: none;

float: left;

width: 205px;

height: 50px;

text-align: center;

padding: 14px 0;

margin-top: 10px;

border-radius: 30px;
}
.serv6-box a:hover{
    
background: #74634f;
}
.serv-border
{
    border-top: 1px solid #cecece;
    width: 100%;
    float: left;
    padding: 70px 0 0;
}
.serv6-right{

width: 100%;

float: left;

text-align: center;
}
.serv6-carousel{

background: #fff;

padding: 162px 76px;

border-radius: 20px;
}
.serv6-carousel h6{

font-size: 25px;

color: #070708;

text-align: center;

font-weight: 400;

margin-bottom: 20px;
}
.serv6-carousel h5{

/* float: left; */

display: inline-block;

position: relative;

top: 20px;

font-size: 24px;

color: #070708;

font-weight: 400;

text-align: left;

margin: 0;

left: 10px;
}
.serv6-carousel .item img{

float: none;

display: inline-block !important;!i;!;
}
.serv6-carousel h5 span{
    
font-size: 16px;
}

.serv6-carousel .owl-nav{

margin-top: 20px;
}.serv6-carousel .owl-prev{
    
width: 60px !important;!i;!;
    
height: 60px;
    
border: 1px solid #ccc !important;!i;!;
    
border-radius: 100%;
    
margin-right: 5px;
}.serv6-carousel .owl-next{
    
width: 60px !important;
    
height: 60px;
    
border: 1px solid #ccc !important;
    
border-radius: 100%;
    
margin-left: 5px;
}.serv6-carousel .owl-prev img{
    
width: 30px;
    
height: 30px;
}.serv6-carousel .owl-next img{
    
width: 30px;
    
height: 30px;
    
transform: rotate(180deg);
}.serv6-carousel .owl-prev:hover{
    
background-color: #74634f !important;!i;!;
}.serv6-carousel .owl-next:hover{
    
background-color: #74634f !important;
}.serv6-carousel .owl-prev:hover img{
    
filter: invert(1);
}.serv6-carousel .owl-next:hover img{
    
filter: invert(1);
}
.service2{

width: 100%;

float: left;

padding: 0 0 70px;
}
.service2 a{

float: left;
margin-top: -6px;
margin-right: 30px;

position: relative;

z-index: 99;
}
.service2 a img{animation: rotate 10s infinite linear;}
.service2 p{
    position: relative;
    padding-left: 28%;
    font-size: 20px;
    color: #444444;
    font-weight: 400;
}
.service2 p:after{
    position: absolute;
    content: '';
    background: #444444;
    width: 166px;
    height: 2px;
    left: 122px;
}
.about-ban{

width: 100%;

float: left;

background: #000;

margin-top: -85px;

padding: 130px 0 0;
}
.about-ban h1{

background-image: linear-gradient(-225deg, #FFFFFF 0%, #74634F 47%, #FFFFFF 97%, #74634F 100%);

background-size: auto auto;

background-clip: border-box;

background-size: 200% auto;

color: #fff;

background-clip: text;

text-fill-color: transparent;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

animation: textclip 4s linear infinite;

display: inline-block;

font-size: 70px;

margin-top: 30px;

float: left;
}.bc a:after{
    position:absolute;
    content:'';
    background-image:url('../images/next (5).png');
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    right: -27px;
    z-index: 999;
    filter: invert(1);
    opacity: .8;
    top: -2px;
}
.bc{

float: right;

margin-top: 40px;
}
.bc a{font-size: 15px;margin-left: 36px;
#fff:font-w;#fff:font-w;#fff:font-;#fff:font;#fff:fon;#fff:fo;#fff:f;color: #fff;text-decoration: none;opacity: .8;position: relative;}
.bc a:hover{

}
.abt1
{

width: 100%;

float: left;

background: #000000;
}
.abt1 img{

float: right;

width: 563px;

margin-left: 30px;
}
.abt1 h1{

#FFFFFF 0%, #74634F 47%, #FFFFFF 97%, #74634F 100%);background-image: linear-gradient(-225deg, #FFFFFF 0%, #74634F 47%, #FFFFFF 97%, #74634F 100%);background-size: auto;background-size: auto auto;background-clip: border-box;background-size: 200% auto;color: #fff;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;/* animation: textclip 4s linear infinite; */display: inline-block;font-size: 57px;margin-top: 60px;float: left;width: 46%;padding-bottom: 10px;}
.abt1 p{
    display: table;
    font-size: 16px;
    color: #fff;
    font-weight: 200;
    line-height: 200%;
    letter-spacing: 1px;
    padding-bottom: 10px;
}
.abt2{

width: 100%;

float: left;

background: #000000;

border-top: 1px solid #201f1d;

border-bottom: 1px solid #201f1d;
}
.abt2-box{width: 100%;float: left;border-right: 1px solid #201f1d;padding: 60px 33px 60px 0;min-height: 510px;}
.abt2-box h2{background-image: linear-gradient(-225deg, #FFFFFF 0%, #74634F 47%, #FFFFFF 97%, #74634F 100%);background-size: auto;background-size: auto auto;background-clip: border-box;background-size: 200% auto;color: #fff;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;/* animation: textclip 4s linear infinite; */display: inline-block;font-size: 57px;float: left;padding-bottom: 10px;}
.abt2-box p{

font-size: 16px;

color: #fff;

font-weight: 200;

line-height: 200%;

letter-spacing: 1px;

width: 100%;

float: left;

margin: 0;
}
.abt3{

width: 100%;

float: left;

background: #000000;

padding: 60px 0;
}
.abt3 h1{background-image: linear-gradient(-225deg, #FFFFFF 0%, #74634F 47%, #FFFFFF 97%, #74634F 100%);background-size: auto;background-size: auto auto;background-clip: border-box;background-size: 200% auto;color: #fff;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;/* animation: textclip 4s linear infinite; */display: inline-block;font-size: 57px;float: left;padding-bottom: 10px;}
.abt3 p{

font-size: 16px;

color: #fff;

font-weight: 200;

line-height: 200%;

letter-spacing: 1px;

width: 100%;

float: left;

margin: 0;
}
.abt3-box h5{

font-size: 20px;

color: #fff;

font-weight: 400;

line-height: 150%;
}
.abt3-box h6{

margin: 0;

font-size: 16px;

color: #fff;

font-weight: 200;

line-height: 200%;

letter-spacing: 1px;
}
.abt3-box:hover h5{
    
}.bc a:last-child:after{
    display:none;
}.abt3-box{
    
float: left;
    
background: #121212;
    
padding: 20px;
    
border-radius: 10px;
    
width: 48%;
    
margin-left: 2%;
    
margin-top: 30px;
}
.abt4{

width: 100%;

float: left;

background: #121212;

padding: 50px 0;
}
.abt4-box{

float: left;

width: 50%;

text-align: center;

padding: 0;

border-right: 1px solid #fff;

margin-bottom: 30px;

margin-top: 30px;
}
.abt4-box h5{

font-size: 36px;

color: #fff;

font-weight: 700;
}
.abt4-box h6{



font-size: 18px;


color: #fff;

font-weight: 200;

letter-spacing: 2px;
}
.abt4-right{

width: 100%;

float: left;

margin-top: 15px;
}
.abt4-right img{

width: 170px;    margin-bottom: 10px;

float: left;

margin-right: 24px;

margin-top: 5px;
}
.abt4-right p{

font-size: 16px;

color: #fff;

font-weight: 200;

line-height: 200%;

letter-spacing: 2px;
}
.abt4-right h4{
    background-image: linear-gradient(-225deg, #FFFFFF 0%, #74634F 47%, #FFFFFF 97%, #74634F 100%);
    background-size: auto;
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* animation: textclip 4s linear infinite; */
    display: inline-block;
    font-size: 57px;
    float: left;
    margin-bottom: 0;
}.abt4-box:nth-child(2){
    border:0;
}.abt4-box:nth-child(4){
    border:0;
}
select-container {
    position: relative;
    margin: 0 auto;
    width: 400px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}
.select-container{
        position: relative;
        float: right;
}
.insight-full{
    width: 100%;
    float: left;
    background: #000;
    padding: 40px 0 0;
}
.select-container .select {
    position: relative;
    background: #141414;
    height: 52px;
    bo
CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
    max-width: 160px;
    border-radius: 30px;
    padding: 12px;
}

.select-container .select::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(45deg);
    border-bottom: 2px solid #ffffffb8;
    border-right: 2px solid #ffffffb8;
    cursor: pointer;
    transition: border-color 0.4s;
}

.select-container.active .select::after {
    border: none;
    border-left: 2px solid white;
    border-top: 2px solid white;
}
.select-container .select input {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    background: none;
    outline: none;
    border: none;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
    opacity: .8;
}
.select-container .option-container {
    position: absolute;
    background: #141414;
    height: 0;
    overflow-y: scroll;
    transition: 0.4s;
    width: 210px;
    top: 100%;
    border-radius: 20px;
    z-index: 9;
}

.select-container.active .option-container {
    height: 240px;
}

.select-container .option-container::-webkit-scrollbar {
    border-left: 1px solid rgba(0, 0, 0, 0.2);
    width: 10px;
}

.select-container .option-container::-webkit-scrollbar-thumb {
    background: #0f0e11;
}

.select-container .option-container .option {
    position: relative;
    padding-left: 15px;
    height: 60px;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: 0.2s;
    font-size: 15px;
}

.select-container .option-container .option.selected {
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
}

.select-container .option-container .option:hover {
    background: rgba(0, 0, 0, 0.2);
    padding-left: 20px;
}

.select-container .option-container .option label {
    font-size: 15px;
    color: white;
    cursor: pointer;
}
.sort-span
{
   
float: right;
    
font-size: 16px;
    
color: #fff;
    
font-weight: 200;
    
letter-spacing: 2px;
    
margin-top: 14px;
    
margin-right: 15px;
}
.insight-full{

}
.insight-box{

width: 100%;

float: left;

margin-bottom: 40px;
}
.insight-box img{

width: 100%;

border-radius: 10px;

height: 280px;

object-fit: cover;
}
.insight-text{

}
.insight-text h2{background-image: linear-gradient(-225deg, #FFFFFF 0%, #74634F 47%, #FFFFFF 97%, #74634F 100%);background-size: auto auto;background-clip: border-box;background-size: 200% auto;color: #fff;background-clip: text;text-fill-color: transparent;-webkit-background-clip: text;-webkit-text-fill-color: transparent;/* animation: textclip 4s linear infinite; */display: inline-block;font-size: 25px;/* margin-top: 30px; */float: left;}
.insight-text p{

float: left;

width: 100%;

font-size: 16px;

color: #fff;

font-weight: 200;

letter-spacing: 1px;

margin-top: 8px;
}
.insight-bx1{

float: left;

margin-right: 30px;
}
.insight-bx1 h5{

font-size: 16px;

color: #fff;

opacity: .8;

FONT-WEIGHT: 200;

letter-spacing: 2px;
}
.insight-bx1 h6{

font-size: 16px;

color: #fff;

font-weight: 400;
}
.insight-text a{

float: left;

clear: both;

background: #141414;

font-size: 16px;

color: #fff;

text-decoration: none;

padding: 10px 30px;

border-radius: 30px;

margin-top: 20px;

opacity: .8;

font-weight: 300;
}
.insight-text a:hover{

background: #74624f;
}
.insight-full
{

}
.insight-left
{

width: 100%;

float: left;
}
.insight-left img{

width: 100%;

height: 457px;

object-fit: cover;
}
.insight-left h1{

background-image: linear-gradient(-225deg, #FFFFFF 0%, #74634F 47%, #FFFFFF 97%, #74634F 100%);

background-size: auto auto;

background-clip: border-box;

background-size: 200% auto;

color: #fff;

background-clip: text;

text-fill-color: transparent;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

animation: textclip 4s linear infinite;

display: inline-block;

font-size: 35px;

margin-top: 30px;

float: left;
}
.categ-box img{
    width: 100%;
    float: left;
    height: 220px;
    object-fit: cover;
    border-radius: 10px;
}.categ-box p{
    background-image: linear-gradient(-225deg, #FFFFFF 0%, #74634F 47%, #FFFFFF 97%, #74634F 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 4s linear infinite;
    display: inline-block;
    font-size: 20px;
    margin-top: 10px;
    float: left;
}
.insight-left p{

font-size: 16px;

color: #fff;

opacity: .8;

line-height: 200%;

font-weight: 200;

letter-spacing: 1px;
}
.insight-right{

}
.insight-right h2{

width: 100%;

float: left;

font-size: 25px;

color: #fff;

font-weight: 500;

margin-top: 30px;
}
.categ-box{width: 100%;float: left;margin-top: 25px;}
.categ-box:hover{
    
}
.insight-right h4{
    float: left;
    width: 100%;
    font-size: 25px;
    color: #fff;
    font-weight: 500;
    margin-top: 50px;
    margin-bottom: 20px;
}
.more-categ{
    font-size: 16px;
    color: #98989A;
    font-weight: 400;
    float: left;
    clear: both;
    background: #141414;
    border: 1px solid #262626;
    padding: 15px 30px;
    border-radius: 30px;
    margin-bottom: 20px;
    text-decoration: none;
}
.more-categ:hover{
    background: #74624f;
    color: #fff;
}
.contact-full{

width: 100%;

float: left;

background: #000000;

padding: 40px 0;
}
.ct-left-box
{

width: 100%;

float: left;

margin-bottom: 20px;
}
.ct-left-box h1{

background-image: linear-gradient(-225deg, #FFFFFF 0%, #74634F 47%, #FFFFFF 97%, #74634F 100%);

background-size: auto auto;

background-clip: border-box;

background-size: 200% auto;

color: #fff;

background-clip: text;

text-fill-color: transparent;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

/*animation: textclip 4s linear infinite;*/

display: inline-block;

font-size: 35px;

margin-top: 0;

float: left;

width: 100%;
}
.ct-left-box p{

width: 100%;

float: left;

font-size: 16px;

color: #fff;

opacity: .8;

font-weight: 300;

letter-spacing: 1px;
}
.ct-left-box p a{

width: 100%;

float: left;

font-size: 16px;

color: #fff;

opacity: .8;

font-weight: 300;

letter-spacing: 1px;

text-decoration: none;
}
.ct-left-box p a:hover{

}
.ct-right-box{

width: 100%;

float: left;
}
.ct-field{

width: 100%;

float: left;

margin-bottom: 20px;
}
.ct-field label{

width: 100%;

float: left;

font-size: 16px;

color: #fff;

margin-bottom: 10px;
}
.ct-field input{

width: 95%;

background: #141414;

border: 1px solid #262626;

padding: 15px 20px;

border-radius: 5px;

font-size: 16px;

color: #fff;
}
.ct-field textarea{
    
width: 98%;
    
background: #141414;
    
border: 1px solid #262626;
    
padding: 10px 20px;
    
border-radius: 5px;
    
height: 110px;
    
font-size: 16px;
    
color: #fff;
}.new .form-group {
    display: block;
    margin-bottom: 15px;
}.new .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    /* display: none; */
    opacity: 0;
    cursor: pointer;
}.new .form-group label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 15px;
    color: #fff;
    font-weight: 300;
}.new .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: #141414;
    border: 2px solid #262626;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 4px;
}.new .form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.ct-right-box button{
    background:#B99E5D;
    float: right;
    margin-right: 7%;
    border: 0;
    padding: 11px 50px;
    border-radius: 30px;
    height: 44px;
    font-size: 16px;
    color: #000;
}.ct-right-box button:hover{
    background: #74624f;
    color: #fff;
}
.ct-box
{

background: #141414;

border: 1px solid #262626;

width: 100%;

float: left;

position: relative;

border-radius: 10px;

text-align: center;

padding: 60px 30px 30px;

margin-top: 50px;

transition: all ease-in-out .5s;

-webkit-transition: all ease-in-out .5s;
}
.ct-box img{

width: 66px;

height: 66px;

position: absolute;

top: -30px;

left: 40%;
}
.ct-box p{

font-size: 16px;

color: #fff;

font-weight: 200;

letter-spacing: 1px;
}
.ct-box h6{

font-size: 16px;

color: #fff;

font-weight: 200;

letter-spacing: 1px;
}
.ct-box h6 a{

font-size: 16px;

color: #fff;

font-weight: 200;

letter-spacing: 1px;

text-decoration: none;
}
.ct-box h6 a:hover{

}
.ct-box:hover{
    
background: #1414146e;
}


.container2 {
  display: flex;
  flex-wrap: wrap;
  width: 60px;
  transform: rotate(-45deg);
  margin: auto;
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  animation: scale-x 1s ease forwards;
  animation-delay: 2.3s;
}
.container2 span {
  flex-basis: 50%;
  aspect-ratio: 1/1;
  display: block;
  transition: opacity 0.7s ease;
}

.tile-1 {
  background-color: #74624f;
  transform-origin: 100% 100%;
  animation: flip-1 0.5s linear forwards;
  border: none;
  opacity: 0;
  transition: opacity 0.7s ease;
}
.tile-2 {
  background-color: #74624f;
  transform-origin: 50% 100%;
  animation: flip-2 0.5s linear forwards;
  animation-delay: 0.5s;
  opacity: 0;
}
.tile-3 {
  background-color: #74624f;
  transform-origin: 50% 0%;
  animation: flip-4 0.5s linear forwards;
  animation-delay: 1.5s;
  opacity: 0;
}
.tile-4 {
  background-color: #74624f;
  transform-origin: 0% 50%;
  animation: flip-3 0.5s linear forwards;
  animation-delay: 1s;
  opacity: 0;
}

@keyframes flip-1 {
  to {
    transform: rotateY(180deg);
    opacity: 1;
  }
}
@keyframes flip-2 {
  to {
    transform: rotateX(180deg);
    opacity: 1;
  }
}
@keyframes flip-3 {
  to {
    transform: rotateY(-180deg);
    opacity: 1;
  }
}
@keyframes flip-4 {
  to {
    transform: rotateX(-180deg);
    opacity: 1;
  }
}
@keyframes scale-x {
  to {
    transform: scale(50);
    opacity: 0;
  }
}
@media (min-width: 1400px) {
    .serv-ban .container, .serv-ban .container-lg, .serv-ban .container-md, .serv-ban .container-sm,
    .serv-ban .container-xl, .serv-ban .container-xxl {
        max-width: 1240px;
    }
}
@media (min-width: 1300px) and (max-width:1399px){
    .serv-ban .container, .serv-ban .container-lg, .serv-ban .container-md, .serv-ban .container-sm,
    .serv-ban .container-xl, .serv-ban .container-xxl {
        max-width: 1210px;
    }
}@media (min-width: 1400px) {
    .pro-header .container, .pro-header .container-lg, .pro-header .container-md, .pro-header .container-sm,
    .pro-header .container-xl, .pro-header .container-xxl {
        max-width: 1240px;
    }
     .service2 .container, .service2 .container-lg, .service2 .container-md, .service2 .container-sm,
    .service2 .container-xl, .service2 .container-xxl {
        max-width: 1240px;
    }
    .service3 .container, .service3 .container-lg, .service3 .container-md, .service3 .container-sm,
    .service3 .container-xl, .service3 .container-xxl {
        max-width: 1240px;
    }
     .service4 .container, .service4 .container-lg, .service4 .container-md, .service4 .container-sm,
    .service4 .container-xl, .service4 .container-xxl {
        max-width: 1240px;
    }
}
@media (min-width: 1300px) and (max-width:1399px){
    .pro-header .container, .pro-header .container-lg, .pro-header .container-md, .pro-header .container-sm,
    .pro-header .container-xl, .pro-header .container-xxl {
        max-width: 1210px;
    }
    .service2 .container, .service2 .container-lg, .service2 .container-md, .service2 .container-sm,
    .service2 .container-xl, .service2 .container-xxl {
        max-width: 1210px;
    }
    .service3 .container, .service3 .container-lg, .service3 .container-md, .service3 .container-sm,
    .service3 .container-xl, .service3 .container-xxl {
        max-width: 1210px;
    }
     .service4 .container, .service4 .container-lg, .service4 .container-md, .service4 .container-sm,
    .service4 .container-xl, .service4 .container-xxl {
        max-width: 1210px;
    }
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
        --bs-gutter-x: 0rem !important;
}
.ele{
    position: absolute;
    right: -24px;
    z-index: -1;
    width: 560px !important;
}
.se-imgs{
    position:relative;
}
.ele1 {
    position: absolute;
    right: -30px;
    z-index: 0;
    width: 498px !important;
}
.play-img2{
    width: 97px;
}
.play-img2 .img222{
    position: absolute;
    left: 40px;
    animation: none;
    top: 35px;
    WIDTH: 20PX;
}

.thecube {
  width: 75px;
  height: 75px;
  margin: 0 auto;
  position: relative;
  transform: rotateZ(45deg);
}
.thecube .cube {
  position: relative;
  transform: rotateZ(45deg);
}
.thecube .cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);    
}
.thecube .cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #74624f;
  -webkit-animation: foldthecube 2.4s infinite linear both;
  animation: foldthecube 2.4s infinite linear both;
  transform-origin: 100% 100%;
}
.thecube .c2 {
  transform: scale(1.1) rotateZ(90deg);
}
.thecube .c3 {
  transform: scale(1.1) rotateZ(180deg);
}
.thecube .c4 {
  transform: scale(1.1) rotateZ(270deg);
}
.thecube .c2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  background-color:#74624f;
}
.thecube .c3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  background-color: #74624f;
}
.thecube .c4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  background-color: #74624f;
}
@-webkit-keyframes foldthecube {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
@keyframes foldthecube {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
.main-menu.open .img-hd{
    transition-delay: 300ms;
}
@media(min-width:768px) {
    .ele1 {
    position: absolute;
    right: -36px !important;
    z-index: 0;
    width: 498px !important;
    top: 30px !important;
}
}

.label-pr{
    float: right;
    padding-left: 10px;
    padding-top: 2px;
}

@media only screen and (max-width:399px) {
.label-pr{padding-left: 45px;
    padding-top: 2px;
    width: 95%;
    position: relative;
    top: -29px; float:left;}
    
}

@media only screen and (max-width:767px) {
.insight-sort{
  width: 240px;
    margin-left: auto;
    margin-right: auto;  
}
.se-imgs{
    display:none;
}
}
.mob-serv{
            width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        display: block;
        margin: auto;
}
@media(min-width:768px){
    .mob-serv{
        display:none;
    }
}
.ban-a:hover{
        background: #a89782;
}
.ban-a{
    background: #74624f;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    padding: 16px 30px;
    border-radius: 30px;
    margin-top: 10px;
}.abt1 a:hover{
    background: #a89782;
}
.abt1 a{
    background: #74624f;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    padding: 16px 30px;
    border-radius: 30px;
    margin-top: 10px;
}
.serv-box h5 span{line-height: 151%;
    font-size: 14px;
}
.service4 h2{
        font-size: 20px;
    color: #000;
    font-weight: 400;
    width: 50%;
    float: left;
    clear: both;
}
.service-secnew1{
    background: #f7f7f8;
    float: left;
    width: 100%;
    padding: 70px 0;
    /* border-bottom: 1px solid #cecece; */
}.service-secnew1 table:last-child{
    margin: 0;
    width: 50%;
}
.service-secnew1 table{width: 48%;float: left;margin-right: 2%;}
.service-secnew1 tbody{
    width: 100%;
    /* float: left; */
    margin: auto;
    max-width: 700px;
    display: table;
    background: #ffffff;
    border-radius: 20px;
}.service-secnew1 tr:last-child{
    border:0;
}
.service-secnew1 tr{
    width: 100%;
    float: left;
    border-bottom: 1px solid #cecece4a;
    padding: 20px;
}.service-secnew1 th:nth-child(1){
    width: 30%;
    float: left;
}.service-secnew1 th:nth-child(2){
     width: 70%;
     float: left;
}.service-secnew1 td:nth-child(1){
    width: 30%;
    float: left;
}.service-secnew1 td:nth-child(2){
     width: 70%;
     float: left;
}
.service-secnew1 th{
}
.service-secnew1 td{
    
}
.da-serv h6{
    margin-bottom: 50px;
}
.da-serv span{
    top: 5px;
    position: relative;
}.ind-da2{
    width: 48%;
    float: left;
    background: #f7f7f8;
    padding: 30px;
    min-height: 145px;
    margin-right: 2%;
    margin-top: 20px;
    border-radius: 20px;
}
.ind-da2 h5{
    font-size: 22px;
    color: #000;
    font-weight: 600;
}
.ind-da2 p{
    font-size: 16px;
    margin: 0;
}
.ind-da{
    width: 31%;
    float: left;
    background: #fff;
    padding: 30px;
    min-height: 145px;
    margin-right: 2%;
    margin-top: 20px;
    border-radius: 20px;
}
.ind-da h5{
    font-size: 22px;
    color: #000;
    font-weight: 600;
}
.ind-da p{
    font-size: 16px;
    margin: 0;
}.service-secnew2{
    background: #fff;
    float: left;
    width: 100%;
    padding: 70px 0;
}.service-secnew2 h1{
    font-size: 52px;
    color: #000;
    font-weight: 400;
}
.service-secnew1 h1{
    font-size: 52px;
    color: #000;
    font-weight: 400;
}
.serv2-left h1 span{
    font-size: 46px;
}.service-secnew1 h1 {
    /* font-size: 32px; */
    color: #000;
    font-weight: 400;
    /* text-align: center; */
}
.new-cyber img{
    width: 300px;
    float: left;
    margin-right: 60px;
}
.new-cyber{
    width: 100%;
    float: left;
    padding: 70px 0;
    background: #f7f7f8;
    border-bottom: 1px solid #dfdfdf;
}
.new-cyber h1{
    font-size: 60px;
    color: #000;
    font-weight: 400;
    padding-top: 0px;
}
.new-cyber p{
    /* padding-right: 15%; */
    color: #000;
    line-height: 200%;
    font-weight: 300;
    padding-top: unset;
    font-size: 22px;
}
.new-cyber a{
    background: #070708;
    width: 174px;
    height: 60px;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    padding: 18px 0;
    display: inline-block;
    border-radius: 30px;
    margin-top: 0;
    clear: both;
}
.new-cyber a:hover{
    background: #74634f;
}
.advant-ser{
    width: 100%;
    float: left;
    padding: 70px 0;
    border-top: 1px solid #cecece;
}
.advant-ser h2{
        font-size: 40px;
    font-weight: 400;
    color: #000;
}
.service4 h5{
    /* float: left; */
    /* clear: both; */
    font-size: 14px;
    font-weight: 400;
    padding-top: 4px;
    /* display: none; */
    width: 50%;
}
.adv-box{
    width: 100%;
    float: left;
    background: #f7f7f8;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
    min-height: 190px;
    text-align: center;
}
.adv-box h5{
    font-size: 19px;
    color: #000;
    font-weight: 500;
}
.adv-box h6{
    color: #000;
    line-height: 140%;
    font-weight: 300;
    position: relative;
    float: left;
    width: 100%;
    padding-left: 20px;
}.adv-box h6:after{
    position:absolute;
    content:'';
    width: 10px;
    height: 10px;
    left: 0;
    background: #74634f;
    top: 6px;
}
.adv-box:hover{
    
}.service4 h4 {
    font-size: 22px;
    color: #000;
    font-weight: 400;
    padding-bottom: 10px;
    width: 50%;
    float: left;
    clear: both;
}
.adv-box img{
    width: 50px;
    margin-bottom: 15px;
}
@media(min-width:576px) and (max-width:767px){
    .service4{
            background-position: 63% 60% !important;
            background-size:cover;
            position:relative;
    }.service4 .container{
             background: #ffffffb5;
        padding-bottom: 110px;
        height: 100%;
        width: 100%;
        padding-left: 20px;
        float: left;
    }
   .service4 h4 {
    font-size: 22px;
    color: #000;
    font-weight: 400;
    padding-bottom: 10px;
    width: 100%;
    float: left;
    clear: both;
}
}
@media(min-width:768px) and (max-width:991px){
    .ind-da2 p {
    font-size: 15px !important;
    margin: 0;
}
    .service4{
            background-position: 63% 60% !important;
            background-size:cover;
            position:relative;
    }.service4 .container{
                background: #ffffffb5;
        padding-bottom: 110px;
        height: 100%;
        width: 100%;
        padding-left: 20px;
        float: left;
    }
   .service4 h4 {
    font-size: 22px;
    color: #000;
    font-weight: 400;
    padding-bottom: 10px;
    width: 100%;
    float: left;
    clear: both;
}
}


hidden-input-field {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        height: 0;
        width: 0;
        z-index: -1;
    }
    
.grecaptcha-badge { 
    visibility: hidden;
}