body, html{
	font-family: 'Mark Pro Regular', sans-serif;  overflow-x: hidden; scroll-behavior: smooth;
}
@font-face {
  font-family: Mark Pro ExtraLight;
  src: url(../font/MARKPROEXTRALIGHT.OTF);
}
@font-face {
  font-family: Mark Pro Light;
  src: url(../font/MARKPROLIGHT.OTF);
}
@font-face {
  font-family: Mark Pro Regular;
  src: url(../font/MARKPRO.OTF);
}
@font-face {
  font-family: Mark Pro Book;
  src: url(../font/MARKPROBOOK.OTF);
}
@font-face {
  font-family: Mark Pro Medium;
  src: url(../font/MARKPROMEDIUM.OTF);
}
@font-face {
  font-family: Mark Pro Bold;
  src: url(../font/MARKPROBOLD.OTF);
}
@font-face {
  font-family: Mark Pro Black;
  src: url(../font/MARKPROBLACK.OTF);
}
@font-face {
  font-family: Mark Pro heavy;
  src: url(../font/MARKPROHEAVY.OTF);
}

h1, h2, h3, h4, h5, h6{font-family: 'Mark Pro Black';, sans-serif;  margin: 0}
p{font-family: 'Mark Pro Regular';}
a{ text-decoration: none;  }
a:hover{ text-decoration: none;  }
ul, li {list-style: none; padding: 0}
/*@font-face {
  font-family: Sintony;
  src: url("../font/Sintony-Regular.otf");
  src: url(../font/georgia italic.ttf);
  src: url(../font/GEORGIA4.ttf);
}
@font-face {
  font-family: "Sintony";
  src: url("../font/Sintony-Bold.otf");
  
}*/
header.sticky-remove { position:fixed; top: 0; left: 0; width: 100%; background-color: #000; z-index: 99; animation:slide-up 1s; opacity:1; transition:all 0.5s;}
@keyframes slide-up {
from {top:  -50px;}
  to {top: 0px;}
}
header { position: relative; z-index: 999; width: 100%; left: 0; top: 0; }
header.sticky { position:fixed;animation:slide-down 0.7s;transition:all 0.5s;  z-index: 9}
@keyframes slide-down {
    0% {
        top:-50px;
    } 
    100% {
      top:0;
    } 
}

.sticky nav{background-color: transparent; height: 100px; box-shadow: none;}
.sticky .navbar-brand img {
    width: 140px;
}
.sticky .navbar-brand {
    position: absolute;
    left: 30px;
    top: 0;
}
.navbar-brand img{width: 180px;}
.sticky .nav-item.active{display: none;}
.sticky .nav-item{display: none;}
header.sticky .nav-link.logo-bg{ display: none;}
.navbar{z-index: 2; background-color: transparent; position: relative; width: 100%; padding: 0; }
.nav-item{padding: 1rem}
.nav-item.active{font-weight: 700}
.nav-link.logo-bg {
    padding: 10px;
    background: #fff;
    border-bottom-left-radius: 85px;
    border-bottom-right-radius: 85px;
}
.nav-item.active .nav-link {
    position: relative;
    color: #000!important;
    font-weight: 700;
    font-size: 18px;
}

.nav-item.active .nav-link:before {
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-image: url('../images/header-active.svg');
    width: 85%;
    height: 20px;
    bottom: -10px;
    left: 6px;
    background-size: contain;
}
.nav-item.green-share {
    background-color: #136A27;
}
.nav-link-right{padding:0 0 0 40px }

.nav-link{font-weight: 500; color: #000 !important; font-size: 16px}
.navbar-light .navbar-nav .active>.nav-link{font-weight: 700}

.sticky span{background-color: #E2E20C; width: 50px; height: 50px; display: flex;align-items: center; justify-content: center; border-radius: 30px; position: absolute; right: 30px}
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}
.sidenav:before {
    content: "";
    position: absolute;
    background-image: url(../images/sidenav-img.svg);
    bottom: 0;
    left: 0;
    width: 800px;
    height: 800px;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .2;
}
.sidenav a {
    padding: 0 32px;
    text-decoration: none;
    font-size: 25px;
    transition: 0.3s;
    font-size: 45px;
    font-weight: 600;
    font-family: 'Rubik';
    color: #fff;
    display: flex;
    width: 400px;
    transition: 300ms all ease-in-out;
    padding: 0;
}

.closebtn-nav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    width: 30px;
    background: transparent!important;
}

.closebtn-nav .closebtn:hover{ color:  #EBEB0D;}

.sidenav a:hover {
    color: #000;
    font-style: italic;
    border-bottom: 1px solid #EBEB0D;
    color: #EBEB0D;
}
  
@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}

.animate-flicker {
   -webkit-animation: flickerAnimation 5s infinite;
   -moz-animation: flickerAnimation 5s infinite;
   -o-animation: flickerAnimation 5s infinite;
    animation: flickerAnimation 5s infinite;
    position: absolute;
    z-index: 0;
}


.socil-nav img{padding-left: 20px; display: inline-block;}
/*SLIDER SLIDER SLIDER SLIDER SLIDER */
.carousel-item{height: 700px;}
.product-carousal-link{position: absolute; bottom: 0}
.product-carousal-link li{padding: 10px 0 }
.product-carousal-link a{color: #fff }
.product-link{position: relative;}
.product-carousal-link li:hover.product-link:before{border-bottom: 1px solid; transition: 300ms ease-in-out; content: ''; position: absolute; width: 30px; background-color: #000; bottom: 0}
.carousel-why{position: relative; top: -40px; z-index: 1}
.carousel-indicators{bottom: 90px}
.carousel-before{position: relative; z-index: 1;}
.carousel-before:before{content: ''; position: absolute;height: 350px; width: 100%; background-image: url(../images/why-before.gif);background-repeat: no-repeat;z-index: 1; bottom: 0 }
.carousel-item {background-color: transparent; height: 700px;z-index: 9}
.carousel-caption{top: 0; bottom: inherit;}
.carousel-caption h2{font-size: 60px; text-align: left; font-weight: 700; color: #B8B8B8; white-space: nowrap; overflow: hidden; transition: 300ms all ease-in-out}
/* The typing effect */
.carousel-caption span{font-size: 60px; text-align: left; font-weight: 700; color: #000}
.carousel-caption p{font-size: 15px; text-align: left; width: 65%; color: #000; margin: 30px 0;}
.carousel-caption a{background: #000; border-radius: 5px; font-size: 15px; text-align: left; width: 180px;height: 50px; display: flex; align-items: center; justify-content: center; color: #EBEB0D}
.carousel-indicators .active{background-color: #000}
.carousel-indicators li{background-color: #bbb; height: 5px; width: 40px; border-radius: 50px; border: none; }
.carousel-control-next, .carousel-control-prev{z-index: 11}
.scroll-down{width: 100%; text-align: center; position: relative; margin-bottom: 50px}
.scroll-down a{color: #C8C8C8; font-family: 'Rubik', sans-serif; font-style: italic; font-weight: 100}
.scroll-down img{width: 15px;}
.about-section{position: relative;}
.our-contribution {
    position: absolute;
    background-color: #FBFBFB;
    border-top-right-radius: 20px;
    bottom: 30px;
    width: 450px;
    height: 210px;
    z-index: 0;
    padding: 20px;
    right: 550px;
}
.about-side-text {
    margin-left: 50px;
}
.our-cont-mar{margin: 0 18px}
.our-cont-mar p{font-size: 13px; font-weight: 300; font-family: 'Rubik', sans-serif;}
.our-contribution-p p{font-family: 'Rubik', sans-serif; font-weight: 500; margin-left: 95px}
.our-contribution h2{font-size: 50px; font-weight: 800}
.tablate-img{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.tablate-text{
  position: absolute;
    top: 60px;
    left: 55px;
    background: #fff;
    width: 79%;
}
.tablate-text span{font-size: 13px; color: #C8C8C8; text-transform: uppercase;}
.tablate-text h2{font-size: 30px; color: #000; text-transform: uppercase; font-weight: 700; position: relative;}
.tablate-text h2:before{position: absolute; content: ''; background-repeat: no-repeat; background-image: url('../images/h2-line.svg'); width: 60%; height: 3px; background-size: contain; bottom: -10px; left: 0;}
.tablate-text p{font-size: 13px; color: #000; margin-top: 30px; font-family: Mark Pro Light; line-height: 25px}
.tablate-text h6{font-size: 16px; line-height: 25px}
.tablate-text a{font-size: 13px; width: 180px; height: 50px; background-color: #E2E20C; color: #000; border-radius: 5px; font-weight: 700; margin-top: 45px; display: inline-block; display: flex; align-items: center; justify-content: center; text-decoration: none;}
.tablate-text img{margin-left: 20px}
.about-side-text h4{font-size: 20px; background-color: #E2E20C; color: #000; border-radius: 5px; font-weight: 500; width: 315px; height: 50px; display: flex; align-items: center; justify-content: center;}
.about-side-text ul li{font-family: Mark Pro Bold; font-size: 13px; line-height: 50px; margin-left: 30px; }
.about-side-text ul{margin-top: 30px}
.about-side-text ul li:before {
    content: '\2014';
    position: absolute;
    margin-left: -20px;
}

.why-choose-box:hover .why-choose-btn a{background-color: #000; transition: 300ms all ease-in-out;}
.why-choose-box:hover .why-choose-btn p{display: block; margin: 0; left: -80px; opacity: 1; transition: 300ms all ease-in-out;}
.why-choose-box:hover .why-choose-btn img{filter: grayscale(100%) brightness(10); filter: -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1); transition: 300ms all ease-in-out;}
.why-choose-box:hover{border:1px solid #000;}
.why-choose-box{border:1px solid transparent; box-shadow: 0 0 10px 3px rgba(0,0,0,.05); background-color: #fff; padding: 10px; border-radius: 10px; width: 270px; min-height: 130px; position: relative; transition: 300ms all ease-in-out;}
.why-choose-box img{width: 60px; position: relative;}
.why-choose-box:hover .why-choose-box img{width: 100px; top: 40px}
.why-choose-box h4{font-size: 15px; padding: 5px;}
.why-choose-box p{font-size: 13px; font-weight: 500; font-family: 'Rubik'; color: #919191; padding: 5px; margin: 0}
.why-choose-btn{position: absolute; top: 10px; right: 10px; display: flex;align-items: center;}
.why-choose-btn p{margin: 0; transition: 300ms all ease-in-out; position: absolute; left: 0; opacity: 0; width: 100px; font-weight: 200; color: #000}
.why-choose-btn a{width: 30px; height: 30px; background-color: #fff; border: 1px solid #000; border-radius: 30px; display: flex; align-items: center; justify-content: center; transition: 300ms all ease-in-out;}
.why-choose-btn img{width: 8px; transition: 300ms all ease-in-out;}

.why-choose-yellow:before{position: absolute; content: ''; width: 75px; height: 75px; background-color: #E4E40D; top: -35px;left: -35px; z-index: -1; border-radius: 40px}
.why-choose-black:before{position: absolute; content: ''; width: 75px; height: 75px; background-color: #000; top: -35px; right: -35px; z-index: -1; border-radius: 40px}
.about-side-text a{padding: 8px 38px; text-decoration: none; display: flex; align-items: center; justify-content: center; font-family: 'Mark Pro Light'; background-color: #fff; border: 1px solid #000; border-radius: 30px; color: #000; font-size: 13px; margin-right: 20px}
.about-side-text a:hover{background-color: #000; color: #fff; text-decoration: none;}
.about-side-text button{width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; background-color: #000; border-radius: 30px; border: none;}
.todayindustrialconcerns{padding-top: 70px; position: relative; padding-bottom: 70px; background-color: #fbfbfb;}
.todayindustrialconcerns:after {
    content: '';
    position: absolute;
    background-color: #fbfbfb;
    width: 100%;
    height: 100px;
    top: -100px;
    left: 0;
    z-index: 0;
}
.todayindustrialconcerns:before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0;
    background-repeat: no-repeat;
    background-image: url(../images/back-before.svg);
    width: 685.33px;
    height: 520px;
    z-index: 0;
}
.industrial-concerns-card{border-radius: 20px; background-color: #fff; box-shadow: 0 0 10px 3px rgba(0,0,0,.05); padding: 20px; height: 200px; display: flex; align-items: center; position: relative; overflow: hidden;}
.industrial-concerns-card:hover .cicle-hover{transition: 300ms all ease-in-out; right: 0px; top: 0px; opacity: .5}
.industrial-concerns-card img{width: 60px!important}
#IndustrialConcerns{position: relative;}
#IndustrialConcerns:before{position: absolute; content: 'Swipe to Explore'; top: -20px; left: 15px}
#IndustrialConcerns .item{margin: 10px}
#IndustrialConcerns .owl-nav{position: absolute; top: 37%; width: 100% }
#IndustrialConcerns  .owl-nav .owl-next img, #IndustrialConcerns  .owl-nav .owl-prev img {border-radius: 110px; width: 40px;}
#IndustrialConcerns  .owl-nav button.owl-next:focus, #IndustrialConcerns  .owl-nav button.owl-prev:focus {
    box-shadow: 0 0 1px 5px #E2E20C70;
    background: transparent;
    outline: none;
}
#IndustrialConcerns .owl-nav button.owl-prev{position: absolute; left: -65px; border-radius: 30px}
#IndustrialConcerns .owl-nav button.owl-next{position: absolute; right: -65px; border-radius: 30px}
.industrial-concerns-card-text h5{font-size: 20px; font-weight: 700; font-family: 'Nunito'; padding: 10px 0}
.industrial-concerns-card-text p{font-size: 15px; color: #636363}
.industrial-title{padding-bottom: 50px; position: relative;}
.industrial-title h2{font-size: 40px; font-weight: 700; color: #000; text-align: center;}
.industrial-title p{font-size: 13px; color: #000; text-align: center; width: 59%; margin: 0 auto}

.heading-title{padding-bottom: 50px}
.heading-title h2{font-size: 40px; font-weight: 700; color: #000; text-align: center; width: 35%; margin: 0 auto;}
.heading-title p{font-size: 15px; color: #000; text-align: center; width: 49%; margin: 0 auto}

.client-section{position: relative; padding: 100px 0 }
.client-section:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100px;
    bottom: 0;
    left: 0;
    background-color: #fbfbfb;
}
.client-title {padding-bottom: 50px}
.client-title h2{font-size: 40px; font-weight: 700; color: #000; text-align: center; }
.client-title p{font-size: 15px; color: #000; text-align: center; margin: 0 auto}
.client-nav {border: none;}
.client-nav .nav-item {
    padding: 2rem 0;
    margin: 0 10px;
}
.client-nav .nav-link.active {border: 1px solid #000; border-radius: 30px;font-weight: 700; box-shadow: 0 0 10px 3px rgba(0,0,0,.05); transition: 300ms all ease-in-out;}
.client-nav .nav-link{border: none; font-size: 20px; font-weight: 300; border: 1px solid transparent;  transition: 300ms all ease-in-out; padding: 0.5rem}
.client-nav .nav-link:hover {
    border-radius: 30px;
}
.client-nav .nav-link img {
    margin-right: 15px;
}
.tab-texts p{font-size: 35px; font-weight: 800; font-family: 'Nunito Sans'; width: 45%; position: absolute; bottom: 0;}
.counter-text {
    background-color: #fbfbfb;
    height: 100%;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.counter-text:before{
  position: absolute;
  content: '';
  background-repeat: no-repeat;
  background-image: url(../images/client-before.svg);
  width: 100%;
  height: 250px;
  background-size: contain;
  top: -80px;
  right: -180px;
  z-index: -1;
}
.counter-text h3{font-size: 55px; font-weight: 700; text-align: center;}
.counter-text p{font-size: 15px; font-weight: 700; text-align: center;}
.counter-side-p{position: absolute; width: 90%; top: 250px; right: 250px}
.counter-side-p p { transform: rotate(90deg); font-size: 20px; font-family: 'Mark Pro Bold'}
.powerof-internatioal{padding: 100px; background-color: #000; min-height: 582px}
.powerof-internatioal p{background-color: #EBEB0D; padding:10px; width: 35%; font-size: 15px; font-weight: 700 }
.powerof-internatioal h2{font-size: 50px; font-weight: 900; color: #fff; text-transform: uppercase;}
.powerof-internatioal ul li{list-style: }
.powerof-internatioal ul {
    list-style-type: none;
    color: #fff;
}
.powerof-internatioal li {
    margin-top: 25px;
    font-size: 15px;
    padding-left: 30px;
}
.powerof-internatioal ul li:before {
    content: '\2014';
    position: absolute;
    margin-left: -20px;
}
.value-system{padding: 100px; background-color: #EBEB0D; min-height: 582px}
.value-system p{background-color: #000; padding:10px; width: 35%; font-size: 15px; font-weight: 700; color: #EBEB0D}
.value-system h2{font-size: 50px; font-weight: 900; color: #000; text-transform: uppercase;}
.value-system ul li{list-style: }
.value-system ul {
    list-style-type: none;
    color: #000;
}
.value-system li {
    margin-top: 25px;
    font-size: 15px;
    font-weight: 600;
    padding-left: 30px;
}
.value-system ul li:before {
    content: '\2014';
    position: absolute;
    margin-left: -20px;
}
.our-services-section{padding: 70px 0; background-color: #fbfbfb; position: relative; z-index: 0;}
.our-services{padding-top: 100px; padding-bottom: 50px; position: relative; }
.our-services-section:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -40px;
    background-repeat: no-repeat;
    background-image: url(../images/book-anime.gif);
    width: 35%;
    height: 100%;
    z-index: -1;
    background-size: contain;
}

/*.our-services-section:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    background-repeat: no-repeat;
    background-image: url(../images/book-anime.gif);
    width: 35%;
    height: 100%;
    z-index: -1;
    background-size: contain;
}*/
.service-ttile {
    position: absolute;
    width: 50%;
    height: 100%;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    top: 100px;
}
.service-ttile h2 {
    font-size: 40px;
    font-weight: 700;
}
.service-ttile p {
    font-size: 13px;
}
.service-ttile-text{width: 75%; margin: 0 auto; text-align: center;}
.service-ttile-know {
    position: absolute;
    width: 50%;
    top: 0;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.service-ttile-know a{font-size: 20px; color: #000; background-color: #EBEB0D; padding: 10px 20px; border-radius: 10px; font-weight: 700}
.service-know-text{position: absolute; width: 100%; top: 0; right: 0;}
.services-box{box-shadow: 0 0 10px 3px rgba(0,0,0, .05); padding: 20px; background-color: #fff }
.services-box h3{font-size: 25px; font-weight: 700; margin: 10px 0; color: #000}
.services-box p{font-size: 15px; font-weight: 500; text-align: left;}
.services-box a{font-size: 15px; font-weight: 700; background-color: #EBEB0D; padding: 10px 30px; color: #000; margin: 10px 0; display: inline-block; transition: 300ms all ease-in-out;}
.services-box a:hover{background-color: #000; color: #EBEB0D; transition: 300ms all ease-in-out;}

.focused-sector{padding: 70px 0;}
.focus-heading-title{padding-bottom: 50px}
.focus-heading-title h2{font-size: 40px; font-weight: 700; color: #000;}
.focus-heading-title p{font-size: 15px; color: #000; margin: 0 auto}
#FocusedSector{position: relative;}
#FocusedSector .item{margin: 10px}
#FocusedSector .owl-nav{position: absolute; top: -27%; width: 100%; right: 5%;}
#FocusedSector .owl-nav button.owl-prev img, #FocusedSector .owl-nav button.owl-next img{border-radius: 30px; width: 35px;}

#FocusedSector .owl-nav button.owl-prev{position: absolute; right: 3.5%; border-radius: 30px;}
#FocusedSector .owl-nav button.owl-next{position: absolute; right: -4.5%; border-radius: 30px;}

#FocusedSector  .owl-nav button.owl-next:focus, #FocusedSector  .owl-nav button.owl-prev:focus {
    box-shadow: 0 0 1px 5px #e2e20c70;
    background: transparent;
    outline: none;
}
.focused-sector-card{background-color: #fff; box-shadow: 0 0 10px 3px rgba(0,0,0,.05);position: relative; border-radius: 20px}
.focused-sector-card img{width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; height: 275px; object-fit: cover;}
.focused-sector-card-text{display: flex; align-items: center; justify-content: space-between; padding: 20px}
.focused-sector-card-text h5{font-size: 18px; font-weight: 600;}
.border-left-focus{width: 1px; height: 20px}
.know-btn {position: relative; display: flex; align-items: center;justify-content:center;  border: 1px solid #000; padding: 20px; border-radius: 30px; width: 40px; height: 40px;}
.know-btn img{width: 12px!important; height: 20PX}
.focused-sector-card-text:hover .know-btn img{filter: grayscale(100%) brightness(10); filter: -webkit-filter: grayscale(1) invert(1); filter: grayscale(1) invert(1); transition: 300ms all ease-in-out;}
.focused-sector-card-text:hover .know-btn {background-color: #000; cursor: pointer;}
.know-btn:before{position: absolute; content: ''; background-color: #adadad; width: 1px; height: 40px; top: 0; left: -10px;}
.blog-faq-section{padding:  100px 0; background-color: #fbfbfb}
.blog-faq-heading-title{padding-bottom: 50px}
.blog-faq-heading-title h2{font-size: 40px; font-weight: 700; color: #000;}
.blog-faq-heading-title p{font-size: 15px; color: #000; margin: 0 auto}
#BlogSector .owl-item.cloned{opacity: 0}
#BlogSector .owl-item.cloned, #BlogSector .owl-item{opacity: 0; transition: 500ms all ease-in-out}
#BlogSector .owl-item.active{opacity: 0.2; transition: 500ms all ease-in-out}
#BlogSector .owl-item.active.center{opacity: 1; transition: 500ms all ease-in-out}
#BlogSector .item img{width: 500px; height: 350px; object-fit: cover; border-radius: 25px; padding: 15px}
#BlogSector button.owl-dot {
    background: #000!important;
    height: 10px;
    width: 10px;
    border-radius: 10px;
    right: 0;
    margin: 10px;
    top: 0;
    outline: none;
}
#BlogSector button.owl-dot.active{border: 1px solid #000; background-color: #E2E20C!important;}
#BlogSector .owl-dots{
    position: absolute;
    top: -31%;
    right: 23%;
}
#BlogSector .owl-nav .owl-prev{position: absolute; left: -90px; outline: none;}
#BlogSector .owl-nav .owl-next{position: absolute; right: -125px; outline: none;}
#BlogSector .owl-nav{
    position: absolute;
    top: -29.6%;
    right: 27%;
}
.blog-box{width: 260px; padding:15px }
.blog-box h3{font-size: 30px; font-weight: 600; margin: 10px 0; color: #000}
.blog-box p{font-size: 15px; font-weight: 400; text-align: left; color: #000}
.blog-box a {
    font-size: 13px;
    width: 180px;
    height: 35px;
    background-color: #E2E20C;
    color: #000;
    border-radius: 5px;
    font-weight: 700;
    margin-top: 45px;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.blog-box img {
    width: 40px!important;
    height: auto!important;
    object-fit: contain!important;
    margin-left: 20px;
    padding: 0px!important;
}
.blogging{position: relative; margin: 0 10px}
.blogging img{width: 100%; height: 400px; object-fit: cover;}
.blogging-text {background-color: rgba(0,0,0,.7); width: 100%; height: 100%; bottom: 0; left: 0; position: absolute;}
.blogging-text h3{font-size: 20px; font-weight: 700; margin: 10px 0; color: #fff}
.blogging-text p{font-size: 15px; font-weight: 400; text-align: left; color: #fff}
.blogging-text a{font-size: 15px; font-weight: 700; background-color: #EBEB0D; padding: 10px 30px; color: #000; margin: 10px 0; display: inline-block;}
.blogging-text-pedd{ position: absolute; bottom: 0; padding: 20px  }

.plus-icon {position: absolute; right: 14px; top: 0px; font-size: 30px; font-weight: 700; color: #fff;}
.plus-icon a{color: #fff; text-decoration: none;}
.faq-section{padding-top: 50px}
.faqs-box{padding: 10px; background: #fff; border: 1px solid #EBEB0D; box-shadow: 0 0 10px 3px rgba(0,0,0,.05);position: relative; overflow: hidden;  transition: 300ms all ease-in-out; border-radius: 10px}
.faqs-box:hover{border: 1px solid #000; transition: 300ms all ease-in-out; }
.faqs-box:before{position: absolute; content: ''; width: 70px; height: 70px; top: -20px; right: -20px; background-color: #EBEB0D; border-radius: 70px;  transition: 300ms all ease-in-out;}
.faqs-box:hover::before {background-color: #000;  transition: 300ms all ease-in-out;}
.faqs-box h3{font-size: 15px; font-weight: 700; margin: 10px 0; color: #000}
.faqs-box p{font-size: 13px; font-weight: 400; text-align: left; color: #a1a1a1; width: 70% }
.find-all-query{color: #000; display: inline-block; padding-bottom: 5px; border-bottom: 2px solid #000}
.find-all-query:hover{color: #000;}
.contact-sec{padding: 50px 0}
.contact-section{padding-bottom: 50px}
.contact-section h2{font-size: 40px; font-weight: 700; color: #000;}
.contact-section a{font-size: 50px; color: #000; padding-bottom: 10px; padding-right: 60px; border-bottom: 2px solid #000}
.contact-section a:hover{text-decoration: none;}
.contact-details h5{color: #000; margin-bottom: 5px; }
.contact-details a{color: #000; margin-bottom: 20px; display: inline-block; font-family: 'Mark Pro Regular'}
.footer-section {border-top: 1px solid}
.footer-links{padding: 50px 0 }
.footer-links h5{font-size: 20px; font-weight: 600}
.footer-links p{color: #000; width: 90%; margin: 10px 0}
.footer-links a{color: #000; margin-right: 20px; font-family: 'Mark Pro Book'}
.footer-links ul{margin: 15px 0; display: flex;}
.footer-links li {
    list-style: disc;
    margin-left: 20px;
}
.social-links li {
    list-style: none!important;
    margin-top: 10px;
    margin-left: 0!important;
}
.social-links img {
    width: 20px;
    margin: 0!important;
    margin-right: 10px!important; 
}
.social-links a{display: flex; font-size: 15px;  margin: 0!important}
.services-links{padding: 50px 0 }
.services-links li{list-style: disc;}
.services-links a{color: #000; margin-top: 10px; display: inline-block; font-family: 'Mark Pro Book'}
.footer-links img{margin: 0 15px}
.footer-last{ background-color: #000;}
.footer-last p{color: #E2E20C; margin-bottom: 0; padding: 15px 0;font-family: 'Mark Pro Light'; font-size: 13px;}
.designed-copyright { text-align: right; }
.designed-copyright a {
  font-size: 13px;
  color: #dcdcdc;
  pointer-events: none;
}
.copylogo > span {
  color: #fff;
  letter-spacing: 1px;
  margin-right: 5px;
  display: inline-block;
  opacity: 0;
  transition: all 200ms ease-in-out;
}
.designed-copyright > a > .img-copyright {
  filter: grayscale(100%) brightness(10);
  transition: 0.5s linear;
  -webkit-transition: 0.5s linear;
  -moz-transition: 0.5s linear;
  -ms-transition: 0.5s linear;
  -o-transition: 0.5s linear;
  pointer-events: auto;
}

.copylogo:hover span { opacity: 1; color: #fff}

.book-wrapper {
  position: relative;
  margin: 2% auto;
  width: 100%;
  height: 100%;
}

/*.book-wrapper img {
      filter: drop-shadow(15px 5px 5px #494338);
      width: 100%;
}*/
.pages-container {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.pages {
    width: 100%;
}
.pages [class^="page-num-"] {
  background: #fff;
   
}
.page-links{position: relative;}
.page-links-a{position: absolute;top: 0; width: 100%; left: 0px}
.page-links-a li{padding: 0px; list-style: none; margin: 0!important }
.page-links-a a{padding: 0px; list-style: none; margin: 0!important; line-height: 15px; text-align: center; width: 135.3px!important; height: 55px!important;}
.page-links-a ul li:before{content: ''!important;}
.consultation-a{background: #ffff8d!important; border-radius: 0!important;}
.consultation-a:before{background-image: url(../images/link-line.png); content: ''; position: absolute; left: 23%; background-repeat: no-repeat; width: 50px; height: 200px; top: 0}
.auditing-a{background: #ffff00!important; border-radius: 0!important;}
.auditing-a:before{background-image: url(../images/link-line.png); content: ''; position: absolute; left: 49%; background-repeat: no-repeat; width: 12px; height: 200px; top: 0}
.processimprovement-a{background: #ffea00!important; border-radius: 0!important;}
.processimprovement-a:before {
    background-image: url(../images/link-line.png);
    content: '';
    position: absolute;
    left: 74%;
    background-repeat: no-repeat;
    width: 12px;
    height: 200px;
    top: 0;
}
.training-a{background: #ffd600!important; border-radius: 0!important; border-top-right-radius: 20px!important;}

.pages-content {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    display: table;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5%;
    background-color: #464c4d;
}
.content-inner {
    text-align: left;
    display: table-cell;
    position: absolute;
    z-index: 10;
    background: #fff;
    padding: 25px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 95%;
    height: 439px;
    left: 0;
    top: 33px;
}

.content-inner-two {
    text-align: left;
    display: table-cell;
    position: absolute;
    z-index: 10;
    background: #fff;
    padding: 25px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    width: 95%;
    height: 439px;
    right: 0;
    top: 33px;
}

.content-inner-two h4{font-size: 20px; margin: 10px 0}
.content-inner-two p{font-size: 13px; text-align: justify; width: 95%;}

.content-inner h4{font-size: 20px; margin: 10px 0}
.content-inner p{font-size: 13px; text-align: justify; width: 95%;}
.content-inner-two p{font-size: 13px}
.content-inner ul li {
    font-family: Mark Pro Bold;
    font-size: 15px;
    line-height: 30px;
    margin-left: 30px;
}
.content-inner ul li:before {
    content: '\2014';
    position: absolute;
    margin-left: -20px;
}
.content-inner-two ul li {
    font-family: Mark Pro Bold;
    font-size: 15px;
    line-height: 30px;
    margin-left: 30px;
}
.content-inner-two ul li:before {
    content: '\2014';
    position: absolute;
    margin-left: -20px;
}
.corner-arrow {
    position: absolute;
    top: -30px;
    left: -20px;
    color: #fff;
    font-family: 'Mark Pro Bold'
}
.pto{position: absolute; right: 10px; bottom: 0; font-family: 'Mark Pro Bold'}
.corner-arrow img{width: 25px}
.know-more-b{position: absolute; bottom: 0}
.content-inner img{width: 100px; filter: none!important;}
.content-inner a{ background-color: #EBEB0D; width: 115px; height: 35px; display: flex; align-items: center; justify-content: center; color: #000; border-radius: 5px; margin: 10px; }
.content-inner-two a{ background-color: #EBEB0D; width: 115px; height: 35px; display: flex; align-items: center; justify-content: center; color: #000; border-radius: 5px; margin: 10px; }
.book-wrapper {
   user-select: none;
}
.page-num-1 .pages-background {
    background: linear-gradient( rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1));
    background-size: cover;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.book-cover{
  background-image: url(../images/book-cover.png);
  background-repeat: no-repeat; 
  box-shadow: 0 0 10px 2px rgba(0,0,0, .05); 
  height: 520px;
  width: 100%;
  position: relative;
}

.gradient-left {
    position: absolute;
    top: -34px;
    left: -1px;
    width: 9%;
    height: 505px;
    background-image: url(../images/left-border.png);
    background-position: left top;
    background-repeat: repeat-y;
    mix-blend-mode: ;
    z-index: 2;
}

.gradient-right {
    position: absolute;
    top: -34px;
    right: -1px;
    width: 9%;
    height: 505px;
    background-image: url(../images/right-border.png);
    background-position: right top;
    background-repeat: repeat-y;
    mix-blend-mode: multiply;
    z-index: 2;
}

.inquiry-form{padding:50px; position: absolute; right: 0; top: 0; height: 100%; width: 40%; align-items: center; justify-content: center; display: flex;}
.inquiry-form input[type=text], .inquiry-form input[type=number], .inquiry-form input[type=email]{border:none; border-bottom: 1px solid #adadad; width: 100%}
form {
  margin: 2em 0;
}

.field {
  display: flex;
  flex-flow: column-reverse;
  margin-bottom: 1em;
}

.inquiry-form label, .inquiry-form input {
  transition: all 0.2s;
  touch-action: manipulation;
}

.inquiry-form input {
  font-size: 1em;
  border: 0;
  border-bottom: 1px solid #ccc;
  font-family: inherit;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
  cursor: text;
}
.inquiry-form input:focus {
  outline: 0;
  border-bottom: 1px solid #666;
}

.inquiry-form label {
  font-size: 11px;
  letter-spacing: 0.05em;
}
.inquiry-form .text-label label {
  font-size: 11px;
  letter-spacing: 0.05em;
  padding: 0 10px;
}

.inquiry-form input:placeholder-shown + label {
  cursor: text;
  max-width: 66.66%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: left bottom;
  transform: translate(0, 2.125rem) scale(1.5);
  font-size: 11px;
  font-weight: 700;
}


::-webkit-input-placeholder {
  opacity: 0;
  transition: inherit;
}

.inquiry-form input:focus::-webkit-input-placeholder {
  opacity: 1;
}

.inquiry-form input:not(:placeholder-shown) + label,
.inquiry-form input:focus + label {
  transform: translate(0, 0) scale(1);
  cursor: pointer;
}

.inquiry-form textarea {
  font-size: 18px;
  border: 1px solid #666;
  font-family: inherit;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
  cursor: text;
  border-radius: 10px; 
  height: 110px;
    padding: 5px;
}

.inquiry-form textarea:focus {
  outline: 0;
  border: 1px solid #000;
}

.inquiry-form textarea:placeholder-shown + label {
  cursor: text;
  max-width: 66.66%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transform-origin: left bottom;
  transform: translate(0, 2.5rem) scale(1.5);
  font-size: 11px;
  font-weight: 700;
}
::-webkit-textarea-placeholder {
  opacity: 0;
  transition: inherit;
}

.inquiry-form textarea:focus::-webkit-textarea-placeholder {
  opacity: 1;
}

.inquiry-form textarea:not(:placeholder-shown) + label,
.inquiry-form textarea:focus + label {
  transform: translate(0, 0) scale(1);
  cursor: pointer;
  padding: 0; 
}

.inquiry-form select {
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px;
    padding-left: 0;
}
.inquiry-form select:focus{border:none; border-bottom: 1px solid; border-radius: 0; }

.inquiry-form input[type=submit]{width: 140px; height: 50px; display: flex; align-items: center; justify-content: center; background-color: #E2E20C; color: #000; font-size: 15px; font-weight: 700; border-radius: 30px; margin-right: 10px}
.inquiry-form input[type=submit]:hover{background-color: #000; color: #E2E20C;}
.inquiry-form button {
    background: #fff;
    border: 1px solid #000;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    outline: none;
}
.form-title{margin-bottom: 100px }
.form-title h3{font-size: 40px; font-weight: 200;}

.sidenav-contact {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 121;
  top: 0;
  right: 0;
  background-color: rgba(0,0,0,.8);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav-contact a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
  border: 0; 
}

.sidenav-contact a:hover {
  color: #f1f1f1;
}

.sidenav-contact .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;z-index: 121;
}
.sidenav-contact a {
    font-size: 58px;
    font-weight: 800;
}
.sidenav-contact a:hover {
   color: #EBEB0D;
}
.parallax{position: relative;}
#parallaxform {
  position: absolute;
  width: 100%;
  height: 500px;
  background-size: contain;
  background-image: url(../images/bnr-img-form.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position: 50% 50%;
}
#parallaxgirl {
  position: absolute;
  width: 100%;
  height: 290px;
  background-size: contain;
  background-image: url(../images/bnr-img-girl.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position: 50% 50%;
  bottom: -520px;
  right: -170px;
}
#parallaxmen {
  position: absolute;
  width: 100%;
  height: 300px;
  background-size: contain;
  background-image: url(../images/bnr-img-men.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position: 50% 50%;
  bottom: -520px;
  left: -170px;
}#parallaxforms {
  position: absolute;
  width: 100%;
  height: 500px;
  background-size: contain;
  background-image: url(../images/bnr-img-form.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position: 50% 50%;
}
#parallaxgirls {
  position: absolute;
  width: 100%;
  height: 290px;
  background-size: contain;
  background-image: url(../images/bnr-img-girl.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position: 50% 50%;
  bottom: -520px;
  right: -170px;
}
#parallaxmens {
  position: absolute;
  width: 100%;
  height: 300px;
  background-size: contain;
  background-image: url(../images/bnr-img-men.png);
  background-repeat: no-repeat;
  background-position: center;
  background-position: 50% 50%;
  bottom: -520px;
  left: -170px;
}
.testimonial-section{background-color: #F9F9C1; padding: 70px 0; position: relative; }
.testibox{border: 1px solid #000; padding: 15px; border-radius: 15px; position: relative; height: 290px; display: flex; align-items: flex-end;}
.testi-client-name{position: absolute; background-color: #000; padding: 20px; border-radius: 10px; top: -50px; display: flex; align-items: center;width: 240px; height: 90px}
.testi-client-name h3{font-size: 25px; color: #F9F9C1;}
.testi-client-name p{color: #F9F9C1; margin: 0; font-size: 13px}
.testimonial-section span{width: 100%; text-align: right; display: block; font-weight: 600; font-family: 'Rubik'; font-size: 15px;}
.testibox p{width: 100%}
.testimonial-section .carousel-item{background-color: transparent;}
.carousel-caption-testi {
    position: relative;
    top: 40px;
    right: 0;
    left: 0;
}
.carousel-inner-testi{height: 370px;}
.carousel-indicators-hotspot li{
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background: #000;
    border-radius: 30px;
    opacity: 1;
}
.carousel-indicators-hotspot {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    z-index: 1;
    display: block;
    margin: 0;
}

.carausel-hotspot-3 {
    position: absolute;
    left: 150px;
    top: 95px;
    opacity: 1!important;
}
.carausel-hotspot-2 {
    position: absolute;
    left: 90px;
    top: 190px;
    opacity: 1!important;
}
.carausel-hotspot-1 {
    position: absolute;
    left: 130px;
    top: 40px;
    opacity: 1!important;
}
.carausel-hotspot-4 {
    position: absolute;
    left: 121px;
    top: 115px;
    opacity: 1!important;
}
.carausel-hotspot-5 {
    position: absolute;
    left: 135px;
    top: 150px;
    opacity: 1!important;
}
.carausel-hotspot-6 {
    position: absolute;
    left: 205px;
    top: 190px;
    opacity: 1!important;
}
.carausel-hotspot-7 {
    position: absolute;
    left: 164px;
    bottom: 160px;
    opacity: 1!important;
}
.carausel-hotspot-8 {
    position: absolute;
    left: 70px;
    bottom: 160px;
    opacity: 1!important;
}
.carausel-hotspot-9 {
    position: absolute;
    left: 130px;
    bottom: 100px;
    opacity: 1!important;
}
.carausel-hotspot-10 {
    position: absolute;
    left: 130px;
    bottom: 10px;
    opacity: 1!important;
}
.carausel-hotspot-11 {
    position: absolute;
    left: 170px;
    bottom: -50px;
    opacity: 1!important;
}
.carausel-hotspot-12 {
    position: absolute;
    right: 370px;
    top: 300px;
    opacity: 1!important;
}

.client-logo-slider-one{position: absolute; width: 60%; height: 150px; right: 0; bottom: 0}
.client-logo-slider-two{position: absolute; width: 65%; height: 80px; right: 0; bottom: 0}
.black-client{position: absolute; width: 100%; right: 0; bottom: 0}

.black-client:before{ content: ""; height: 300px; width: 70%; bottom: 0; right: 0; position: absolute; 
  border-left: 180px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 180px solid #000;
    border-right: 0px solid transparent;

}


::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}

::-webkit-scrollbar-button {
  width: 1px;
  height: 1px;
}

.horizontal-scroll-wrapper {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: calc(250px + 1px);
  max-height: 750px;
  margin: 0;
  padding-top: 1px;
  background: #abc;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-transform: rotate(-90deg) translateY(-250px);
          transform: rotate(-90deg) translateY(-250px);
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
.horizontal-scroll-wrapper > div {
  display: block;
  padding: 5px;
  background: #cab;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.squares {
  padding: 40px 0 0 0;
}
.squares > div {
  width: 250px;
  height: 250px;
  margin: 10px 0;
}
.about-menu{position: relative; width: 30%; left: 20%; margin: 20px 0}
.about-menu-hover {opacity: 0; transition: 300ms all ease-in-out; position: absolute; left: 75%; pointer-events: none;}
.about-menu:hover .about-menu-hover {
    opacity: 1;
    pointer-events: auto;
    color: #fff;
    position: absolute;
    left: 69.5%;
    border-left: 1px solid #EBEB0D;
    padding: 20px;
    height: 400px;
    top: 0;
    width: 100%;
    transition: 300ms all ease-in-out;
    z-index: 5;
    display: block;
}
.about-menu-hover p{ color: #fff}
.about-menu-hover a {
    padding: 8px 38px;
    text-decoration: none;
    display: inline-block;
    font-family: 'Mark Pro Light';
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 30px;
    color: #000;
    font-size: 13px;
    margin-top: 20px;
    margin-right: 20px;
    width: 160px;
    text-align: center;
}
.about-menu-hover a:hover{background-color: #EBEB0D; color: #000}
.about-menu-hover .contact-menu {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Mark Pro Bold';
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0; 
    border-radius: 0;
    width: 400px;
    color: #fff;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: left;
}
.about-menu-hover .contact-menu:hover{border-radius: 0; color: #EDEC0D; padding: 0; border-bottom :1px solid #EDEC0D; background-color: transparent;}
.why-about-a{width: 330px!important;}
.about-menu-hover span:hover{color: #EDEC0D;}
.find-query-menu{width: 200px!important}

.yellow-dot {
  width: 10px;
  height: 10px;
  border-radius:30px;
  background: #EDEC0D;
  position: absolute;
  left: -5px;
  animation: mymove 15s infinite;
}
.black-line{
width:1px;
height:100%;
right: 90px;
top: 0;
position:absolute;
background-color:#000;
}
@keyframes mymove {
  from {top: 0px;}
  to {top: 100%;}
}

.black-dot {
  width: 10px;
  height: 10px;
  border-radius:30px;
  background: #000;
  position: absolute;
  right:-5px;
  animation: mymoveblck 15s infinite;
}
.yellow-line{
width:1px;
height:100%;
right: 30px;
top: 0;
position:absolute;
background-color:#EDEC0D;
}
@keyframes mymoveblck {
  from {bottom: 0px;}
  to {bottom: 100%;}
}

#Consultation img {
    width: 100px;
}
.process-improvement img {
    width: 100px;
}

.book-pen{position: absolute; top: 0; right: 0;width: 100px; height: auto;}
.book-trainee{position: absolute; top: 0; right: 0;width: 80px; height: auto;}
.book-process{position: absolute; top: 0; right: 0;width: 60px; height: auto;}
.book-trainee img{height: 440px;}
.book-process img{height: 440px;}