

.sliderherodemofive .slick-slide{
  padding: 0px !important;
}

.sliderherodemofive{
  position: relative;
}

.overlay333 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    background-color: rgb(0, 0, 0, 0.5);
}

.boximagesliderherodemofive{
  width: 100%;
  height: 800px;
  overflow: hidden;
}
.boximagesliderherodemofive img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  unset:0;
}

.herootextsliderdemofive{
  position: absolute;
  top: 25%;
  width: 100%;
  right: 0;
  left: 0;
  text-align: center;
  margin: 0 auto;
}

.herootextsliderdemofive h4{
  color: rgb(255, 255, 255);
text-align: center;
line-height: 25px;
letter-spacing: 0px;
font-weight: 400;
font-size: 18px;
padding: 12px 30px;
z-index: 8;
background-color: rgba(255, 255, 255, 0.14);
width: fit-content;
margin: 0 auto;
}

.herootextsliderdemofive h3{
  z-index: 9;
height: auto;
width: 61%;
color: rgb(255, 255, 255);
text-align: center;
line-height: 96px;
font-weight: 700;
font-size: 70px;
opacity: 1;
transform: translate(0px, 0px);
visibility: visible;
margin: 30px 0;
display: -webkit-inline-box;
}

.bottomlinkindex{
  margin-top: 40px;
}
.bottomlinkindex i{
  vertical-align: middle;
}
.bottomlinkindex a{
background-color: #FED813;
color: #000;
width: fit-content;
text-align: center;
line-height: 55px;
letter-spacing: 0px;
font-weight: 400;
font-size: 17px;
padding-left: 40px;
border-radius: 3px;
visibility: visible;
filter: brightness(100%);
display: block;
transition: all 0.5s ease;
margin: 0 auto;
}

.bottomlinkindex a:hover{
  color: #000;
  background: #fff;
}

.next333 {
  position: absolute;
  display: flex;
  z-index: 99999;
  background-color: #fff;
  text-align: center;
  transition: 0.3s;
  font-size: 20px;
  align-items: center;
  justify-content: center;
  height: 65px;
  color: #595b76;
  width: 70px;
  transform: translateY(50%);
  top: 55%;
}
.prev333{
  position: absolute;
  display: flex;
  z-index: 99999;
  background-color: #fff;
  text-align: center;
  transition: 0.3s;
  font-size: 20px;
  align-items: center;
  justify-content: center;
  height: 65px;
  color: #595b76;
  width: 70px;
  transform: translateY(50%);
  top: 55%;
}
.next333 {
    right: 5%;
}
.prev333 {
    left: 5%;
}
.next333:hover, .prev333:hover {
    color: #000;
    background-color: #FED813;
    cursor: pointer;
}

.sectionaboutdemofive{
  display: flex;
      margin-top: -118px;
}

.boxaboutdemofiveone{
  width: 50%;
  position: relative;
  padding: 35px;
  background: #FF3C00;
}
.boxaboutdemofiveone i{
  float: right;
font-size: 40px;
color: #fff;
margin: 6px 0 0 18px;
}
.boxaboutdemofiveone h3{
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  margin: 0 0 9px;
}
.boxaboutdemofiveone span{
  color: #fff;
  opacity: 0.7;

}
.textboxaboutdemofiveone{
  float: right;
}
.service-btndemofiveone{
  position: absolute;
display: inline-block;
left: 37px;
top: 60%;
transform: translate(-50%, -64%);
margin-top: 0;
}
.boxaboutdemofiveone .service-btndemofiveone a:after{
  position: absolute;
content: "";
top: 7px;
left: 78px;
height: 48px;
width: 48px;
border-radius: 100%;
border: 2px solid#3F3F47;
z-index: -1;
transition: all 400ms linear;
}

.boxaboutdemofiveone:hover .service-btndemofiveone a:after {
    left: 10px;
}

.boxaboutdemofivetwo{
  width: 50%;
  position: relative;
  padding: 35px;
  background: #0f111a;
}

.boxaboutdemofivetwo i{
  float: right;
font-size: 40px;
color: #fff;
margin: 6px 0 0 18px;
}

.textboxaboutdemofivetwo h3{
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  margin: 0 0 9px;
}
.textboxaboutdemofivetwo span{
  color: #fff;
  opacity: 0.7;

}
.textboxaboutdemofivetwo{
  float: right;
}

.service-btndemofivetwo{
  position: absolute;
display: inline-block;
left: 37px;
top: 60%;
transform: translate(-50%, -64%);
margin-top: 0;
}
.boxaboutdemofivetwo .service-btndemofivetwo a:after{
  position: absolute;
content: "";
top: 7px;
left: 78px;
height: 48px;
width: 48px;
border-radius: 100%;
border: 2px solid#fff;
z-index: -1;
transition: all 400ms linear;
}
.boxaboutdemofivetwo:hover .service-btndemofivetwo a:after {
    left: 10px;
}

.textsectionaboutindexdemofive h5{
  position: relative;
display: inline-block;
color: #FED813;
font-weight: 500;
text-transform: capitalize;
margin: 0 0 15px;
font-size: 18px;
right: 53px;
}
.textsectionaboutindexdemofive h5:before {
    position: absolute;
    content: "";
    top: 10px;
    right: -53px;
    height: 2px;
    width: 41px;
    background: #FED813;
}
.textsectionaboutindexdemofive h3{
      font-size: 36px;
          font-weight: 700;
          color: #232323;
          margin-bottom: 17px;
}
.textsectionaboutindexdemofive h2{
      font-size: 36px;
          font-weight: 700;
          color: #232323;
}
.textsectionaboutindexdemofive span{
  color: #FED813;
}
.textsectionaboutindexdemofive small{
      margin: 20px 0px 20px 0px;
      display: block;
      font-size: 15px;
      text-align: justify;
      line-height: 29px;
      color: #757575;
}

.itemaboutindexdemofive{
  display: flex;
}
.itemaboutindexdemofiveone {
    padding-left: 40px;
}
.itemaboutindexdemofiveone i{
  vertical-align: middle;
line-height: 20px;
border-radius: 4px;
background: #FED813;
text-align: center;
margin-left: 4px;
padding: 4px 4px 1px 5px;
font-size: 17px;
color: #222;
}
.itemaboutindexdemofiveone h2{
  font-size: 20px;
font-weight: 500;
display: inline-block;
margin-bottom: 12px;
margin-top: 8px;
color: #232323;
}
.itemaboutindexdemofiveone span{
  display: block;
  color: #757575;
  font-weight: 300;
  font-size: 16px;
  text-align: justify;
  line-height: 29px;
  height: 80px;
  overflow: hidden;
}

.companynameitemdemofive{
  margin-top: 40px;
}
.companynameitemdemofiveone img{
  float: right;
  width: 56px;
  height: 56px;
  object-fit: cover;
}
.textcompanynameitemdemofiveone{
  float: right;
margin-right: 11px;
margin-top: 8px;
}
.textcompanynameitemdemofiveone h2{
  color: #232323;
    margin: 0px 0px 0px 0px;
    font-size: 18px;
    font-weight: 600;
}
.textcompanynameitemdemofiveone small{
  margin: 0;
transition: .5s;
}
.companynameitemdemofivetwo{
  float: left;
    background: #FED813;
    padding: 12px 34px;
    margin-left: 39px;
}
.companynameitemdemofivetwo i{
  vertical-align: middle;
}
.companynameitemdemofivetwo a{
font-weight: 500;
color: #222;
border-radius: 4px;
border: 1px solid #FED813;
z-index: 1;
overflow: hidden;
}
.imagecompanynameitemdemofive{
  width: 100%;
  height: 530px;
  overflow: hidden;
}
.imagecompanynameitemdemofive img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  unset:0;
}






.textwhydemofour {
  text-align: right;
}

.textwhydemofour h5 {
  position: relative;
  display: inline-block;
  color: #FED813;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0 0 15px;
  font-size: 18px;
  right: 53px;
}

.textwhydemofour h5::before {
  position: absolute;
  content: "";
  top: 10px;
  right: -53px;
  height: 2px;
  width: 41px;
  background: #FED813;
}

.textwhydemofour h3 {
  font-size: 35px;
  margin-bottom: 0px;
  text-transform: capitalize;
  margin-top: 0;
  line-height: 1.2;
  font-weight: 700;
  color: #232323;
}

.textwhydemofour span {
  display: block;
  margin: 20px 0px 25px 0px;
  color: #757575;
  font-size: 15px;
  line-height: 28px;
}

.textwhydemofour a {
  padding: 15px 19px 15px 23px;
  font-weight: 500;
  color: #000;
  background: #FED813;
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #FED813;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.textwhydemofour a i {
  font-size: 11px;
  width: 30px;
  height: 30px;
  line-height: 32px;
  border-radius: 25px;
  text-align: center;
  background: #000;
  color: #fff;
  display: inline-block;
  margin-right: 14px;
  position: relative;
  transition: .5s;
  font-weight: 700;
}

.whydemofour .service-item {
  background-color: #fff;
  box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
  height: 100%;
  margin-bottom: 20px;
  position: relative;
  background: #fff;
  padding: 62px 31px 23px;
  z-index: 1;
  border-radius: 5px;
  transition: .5s;
  transition: all 400ms linear;
}

.whydemofour .service-item:before {
  content: "";
  position: absolute;
  background: #0f111a !important;
  inset: 100% 0 0 0;
  transition: all 0.5s ease;
  z-index: -1;
}

.whydemofour .service-item:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 0px;
  width: 100%;
  z-index: -1;
  transition: .5s;
  background: #FED813;
  border-radius: 5px 5px 0 0;
  transition: all 400ms linear;
}

.whydemofour .service-item:hover:after {
  height: 4px;
}

.whydemofour .service-item .icon {
  position: absolute;
  right: 25px;
  top: -10px;
}

.whydemofour .service-item .icon i {
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 35px;
  background-color: #0f111a;
  line-height: 70px;
  text-align: center;
  position: absolute;
  top: -25px;
  transition: all 400ms linear;
  color: #fff;
  font-size: 30px;
  padding-top: 3px;
}

.whydemofour .service-item:hover .icon i {
  background: yellow;
  color: #000 !important;
}

.whydemofour .service-item h3 {
  font-weight: 600;
  color: #000;
  text-align: right;
  transition: all 0.5s ease;
  font-size: 22px;
  margin: 0 0 12px;
}

.whydemofour .service-item span {
  display: block;
  color: #222;
  text-align: right;
  transition: all 0.5s ease;
  font-size: 15px;
  line-height: 29px;
  height: 60px;
  overflow: hidden;
  margin-bottom: 20px;
}

.whydemofour .service-item a {
  display: block;
  color: #222;
  text-align: right;
  transition: all 0.5s ease;
  font-size: 15px;
}

.whydemofour .service-item a i {
  vertical-align: middle;
  margin: 0 0 -5px 0;
  display: inline-block;
}

.whydemofour .service-item:hover h3,
.whydemofour .service-item:hover a,
.whydemofour .service-item:hover .icon i,
.whydemofour .service-item:hover span {
  color: #fff;
}

.whydemofour .service-item:hover:before {
  background: var(--accent-color);
  inset: 0;
  border-radius: 0px;
}

section.whydemofive{
  height: 700px;
}

.boxwhydemofive{
  position: relative;
}

.overlay5000{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
    transition: all 0.6s ease;
}

.boximagewhydemofive{
  width: 100%;
  height: 425px;
  overflow: hidden;
}
.boximagewhydemofive img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  unset:0;
}
.overlaytextwhydemofive{
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
}
.overlaytextwhydemofive h5{
  color: #FED813;
font-size: 16px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 15px;
letter-spacing: 1px;
}

.overlaytextwhydemofive h3{
  font-size: 35px;
margin-bottom: 0px;
    color: #FFFFFF;
margin-top: 0;
line-height: 1.2;
font-weight: 700;
}

.linewhydemofive{
  margin: 20px auto;
position: absolute;
width: 52px;
height: 4px;
left: 0;
right: 0;
border: 4px solid transparent;
border-bottom: 0;
border-top-color: #FED813;
top: 40%;
}

.overlaytextwhydemofivetwo {
  position: absolute;
top: 254px;
left: 57px;
right: 3%;
}

.boxitemwhydemofiveone{
  box-shadow: 0px 0px 40px 0px rgb(0 0 0 / 10%);
padding: 50px 30px 50px 30px;
text-align: center;
background: #fff;
}
.boxitemwhydemofiveone i{
  font-size: 50px;
  color: #FED813;
      margin-bottom: 15px;
}
.boxitemwhydemofiveone h3{
      font-size: 23px;
          margin-bottom: 15px;
          color: #232323;
          font-weight: 700;
}
.boxitemwhydemofiveone span{
  display: block;
  font-size: 15px;
  line-height: 29px;
  color: #757575;
  height: 90px;
  overflow: hidden;
}

.textstrategydemofive{
  text-align: center;
}
.textstrategydemofive h5{
  font-size: 15px;
line-height: 28px;
color: #FED813;
font-weight: 500;
margin: 0 0 15px 55px;
}
.textstrategydemofive h3{
  font-size: 35px;
margin-bottom: 40px;
color: #232323;
text-transform: capitalize;
margin-top: 0;
line-height: 1.2;
font-weight: 700;
}





.sterategyboxindexdemofive {
  border-radius: 10px;
filter: drop-shadow(0 5px 10px 0 #ffffff);
width: 100%;
height: fit-content;
background-color: #ffffff;
padding: 31px 31px 38px 60px;
position: relative;
z-index: 0;
overflow: hidden;
transition: all 0.6s ease;
margin-bottom: 25px;
box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
}
.sterategyboxindexdemofive::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -15px;
  right: -15px;
  background: #FED813;
  height:214px;
  width: 25px;
  border-radius: 32px;
  transform: scale(1);
  transform-origin: 100% 50%;
  transition: all 0.9s ease;
}
.sterategyboxindexdemofive:hover::before{
    transition-delay:0.1s ;
  transform: scale(40);
}
.sterategyboxindexdemofive:hover{
    color: #ffffff;
}
.sterategyboxindexdemofive h2{
  color: #232323;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    transition: all 0.9s ease;
}
.sterategyboxindexdemofive:hover h2{
  color: #ffffff;
}
.sterategyboxindexdemofive span{
  padding: 10px 0 0 28px;
    font-size: 14px;
    transition: all 0.9s ease;
    display: block;
    color: #757575;
    font-weight: 400;
    line-height: 30px;
    text-align: justify;
}
.sterategyboxindexdemofive:hover span{
  color: #ffffff;
}
.iconboxsterategydemofive{
  position: absolute;
left: -57px;
top: 15%;
}
.iconboxsterategydemofive i{
  color: #FED813;
position: absolute;
left: 68px;
top: 22px;
font-size: 30px;
background: #fff;
padding: 20px;
border-radius: 20px;
}

.boximageboxstrategydemofivetwo{
  width: 387px;
    height: 410px;
    overflow: hidden;
    margin-top: 11%;
}
.boximageboxstrategydemofivetwo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.textteamdemofive{
  width: 50%;
  float: right;
  margin-bottom: 20px;
}
.textteamdemofive h5{
  position: relative;
display: inline-block;
color: #FED813;
font-weight: 500;
text-transform: capitalize;
margin: 0 0 15px;
font-size: 18px;
right: 53px;
}
.textteamdemofive h5:before {
    position: absolute;
    content: "";
    top: 10px;
    right: -53px;
    height: 2px;
    width: 41px;
    background: #FED813;
}

.textteamdemofive h3{
  font-size: 36px;
  margin-bottom: 15px;
text-transform: capitalize;
margin-top: 0;
line-height: 1.2;
font-weight: 700;
color: #232323;
}
.textteamdemofive h2{
      font-size: 36px;
      margin-bottom: 0px;
text-transform: capitalize;
margin-top: 0;
line-height: 1.2;
font-weight: 700;
color: #232323;
}
.textteamdemofive span{
  color: #FED813;
}
.linkbuttomdemofive{
  width: 50%;
}
.linkbuttomdemofive a{
  text-align: left;
  float: left;
  padding: 18px 19px 18px 23px;
font-weight: 500;
color: #222;
background: #FED813;
display: inline-block;
border-radius: 4px;
border: 1px solid #FED813;
position: relative;
z-index: 1;
overflow: hidden;
margin-top: 30px;
}
.linkbuttomdemofive i{
  vertical-align: middle;
}



.boxteamdemofiveone{
  position: relative;
      z-index: 1;
}
.boxteamdemofiveone .service-item {
  background-color: #fff;
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
height: 100%;
margin-bottom: 0px;
position: relative;
background: #fff;
padding: 34px 21px 30px;
z-index: 1;
border-radius: 5px;
transition: .5s;
transition: all 400ms linear;
}

.boxteamdemofiveone .service-item:before {
  content: "";
  position: absolute;
  background: #0f111a !important;
  inset: 100% 0 0 0;
  transition: all 0.5s ease;
  z-index: -1;
}

.boxteamdemofiveone .service-item:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 0px;
  width: 100%;
  z-index: -1;
  transition: .5s;
  background: #FED813;
  border-radius: 5px 5px 0 0;
  transition: all 400ms linear;
}

.boxteamdemofiveone:hover .service-item:after {
  height: 4px;
}

.boxteamdemofiveone .service-item h2 {
  font-weight: 600;
  color: #000;
  text-align: right;
  transition: all 0.5s ease;
  font-size: 20px;
  margin: 0 0 12px;
}

.boxteamdemofiveone .service-item h5 {
  font-size: 16px;
font-weight: 300;
color: #686868;
margin: 0 0 0;
}

.boxteamdemofiveone:hover .service-item h2,
.boxteamdemofiveone:hover .service-item h5 {
  color: #fff;
}

.boxteamdemofiveone:hover .service-item:before {
  background: var(--accent-color);
  inset: 0;
  border-radius: 0px;
}
.service-item h2::before{
  display: none !important;
}

.boximagedemofiveteamone{
  width: 100%;
  height: 270px;
  overflow: hidden;
}
.iconboximagedemofiveteamone .btn-primary{
    background: #FED813 !important;
    color: #222 !important;
    border: none !important;
    border-radius: 0px !important;
}
.iconboximagedemofiveteamone{
  z-index: 99999;
position: absolute;
top: 103px;
right: 17px;
}
.boximagedemofiveteamone img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.socialboxteamdemofive{
  margin-top: 18px;
}
.iconboximagedemofiveteamone .card.card-body {
    width: 40px;
    border-radius: 0px;
    padding: 10px 6px 7px 10px;
    background: none;
    border: none;
}
.iconboximagedemofiveteamone .socialboxteamdemofive i:hover{
    color: #FED813;
    background: #222 !important;
}
.iconboximagedemofiveteamone .socialboxteamdemofive i{
  margin-bottom: 12px;
    display: block;
    color: #222;
    background: #FED813 !important;
    width: 31px;
    height: 29px;
    padding: 5px 7px 0 0px;
    border-radius: 50%;
    margin-top: 3px;
    transition: all 0.4s ease;
}

.textcompanydemofive h5{
  position: relative;
display: inline-block;
color: #FED813;
font-weight: 500;
text-transform: capitalize;
margin: 0 0 15px;
font-size: 18px;
right: 53px;
}
.textcompanydemofive h5:before {
    position: absolute;
    content: "";
    top: 10px;
    right: -53px;
    height: 2px;
    width: 41px;
    background: #FED813;
  }
.textcompanydemofive h3{
  font-size: 33px;
margin-bottom: 15px;
text-transform: capitalize;
margin-top: 0;
line-height: 1.2;
font-weight: 700;
    color: #232323;
}
.textcompanydemofive h2{
  font-size: 36px;
    margin-bottom: 0px;
    text-transform: capitalize;
    margin-top: 0;
    line-height: 1.2;
    font-weight: 700;
        color: #232323;
}
.textcompanydemofive span{
  color: #FED813;
}
.textcompanydemofive small{
  margin-top: 15px;
  font-size: 15px;
  color: #757575;
  line-height: 29px;
  display: block;
  margin-bottom: 35px;
}

.progress {
    margin-bottom: 1px !important;
}
.progressboxdemofive span{
  color: #222 !important;
  display: block;
  text-align: right;
font-size: 14px;
font-weight: 300;
line-height: 2em;
margin-bottom: 8px;
margin-top: 12px;
}
.progressboxdemofive .progress-bar{
  background-color: #FED813;
  color: #000;
}

.boximagedemofive{
  width: 100%;
  height: 500px;
  overflow: hidden;
  position: relative;
}
.boximagedemofive img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.boxclientdemofive{
  position: relative;
}

.boximageclientdemofive{
  width: 100%;
  height: 703px;
  overflow: hidden;
}
.boximageclientdemofive img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  unset:0;
}

.overlaytextdemofiveclient{
  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
}
.overlaytextdemofiveclient h5{
  font-size: 15px;
line-height: 28px;
color: #FED813;
font-weight: 500;
margin-bottom: 20px;
}
.overlaytextdemofiveclient h2{
  color: #FFFFFF;
font-size: 36px;
margin-top: 25px;
margin-bottom: 40px;
}
.overlaytextdemofiveclient span{
  color: #FED813;
}

.single_testimonial{
  text-align: center;
padding: 72px 23px 14px;
background: #F6F6F6;
border-radius: 5px;
position: relative;
z-index: 1;
margin-top: 38px;
transition: all 0.4s ease;
}

.single_testimonial i.bi.bi-quote{
  position: absolute;
  content: "";
  left: 61px;
  background: #FED813;;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 400ms linear;
  top: 47px;
  opacity: 0;
  padding: 13px 16px 10px 16px;
  color: #222;
  font-size: 19px;
  border-radius: 50%;
  z-index: 9999999;
}

.single_testimonial:hover i.bi.bi-quote{
  opacity: 1;
}


.single_testimonial:hover i.bi.bi-quote{
  opacity: 1;
  top: -8%;
}

.single_testimonial:hover:after {
    height: 4px;
}

.single_testimonial:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    transition: all 400ms linear;
    background: #FED813;
}

.author_thumb{
  display: inline-block;
position: absolute;
top: -36px;
left: 0;
right: 0;
margin: auto;
height: 84px;
width: 84px;
z-index: 2;
}

.author{
  background: #fff;
    padding: 4px;
    border-radius: 50%;
    position: absolute;
    top: -8px;
}

.author img{
  width: 85px;
  height: 85px;
  border-radius: 50%;
}

.single_testimonial .testi_title h2 {
  font-size: 22px;
font-weight: 600;
margin: 0 0 0;
color: #000;
}

.single_testimonial .testi_content{
  margin-bottom: 23px;
}

.testi-star {
  margin-top: 16px;
}

.testi-star i{
    color: #FED813;
}

.testi_text span{
  display: block;
  font-size: 15px;
font-weight: 400;
font-style: italic;
color: #757575;
height: 90px;
overflow: hidden;
margin-top: 20px;
    line-height: 29px;
}


.slider14 .slick-dots {
	display: flex;
	justify-content: center;
	margin: 0;
	list-style: none;
}
.slider14 .slick-dots li {
	margin: 0 .9px;
	bottom: -45px;
  margin-left: 20px;
}
.slider14 .slick-dots li button {
	display: block;
	width: 35px;
	height: 4px;
	padding: 0;
	background-color: #bfcadc !important;
	text-indent: -9999px;
}
.slider14 li.slick-active button {
	transition: all ease 0.3s;
	background-color: #FED813 !important;
}

.slider14 .slick-slide{
  padding: 10px !important;
}

.slider14st{
  padding: 0 40px;
}

.boxsectioncounterdemofive{
  display: flex;
margin-left: auto;
margin-right: auto;
position: relative;
}
.imageboxsectioncounterdemofive{
  width: 100%;
  height: 209px;
  overflow: hidden;
}
.imageboxsectioncounterdemofive img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  unset:0;
}
.counterblue1{
  position: absolute;
width: 25%;
text-align: center;
top: 32%;
}
h1.counter-value{
  font-size: 44px;
  font-weight: 500;
  color: #fff;
}
.counterblue1 h4{
  text-transform: uppercase;
      font-size: 16px;
      font-weight: 400;
      color: #fff;
      margin: 8px 0 0;
}

.counterblue2{
  position: absolute;
width: 25%;
text-align: center;
top: 32%;
right: 23%;
}
h1.counter-value{
  font-size: 44px;
  font-weight: 500;
  color: #fff;
}
.counterblue2 h4{
  text-transform: uppercase;
      font-size: 16px;
      font-weight: 400;
      color: #fff;
      margin: 8px 0 0;
}

.counterblue3{
  position: absolute;
width: 25%;
text-align: center;
top: 32%;
right: 45%;
}
h1.counter-value{
  font-size: 44px;
  font-weight: 500;
  color: #fff;
}
.counterblue3 h4{
  text-transform: uppercase;
      font-size: 16px;
      font-weight: 400;
      color: #fff;
      margin: 8px 0 0;
}

.counterblue4{
  position: absolute;
width: 25%;
text-align: center;
top: 32%;
right: 75%;
}
h1.counter-value{
  font-size: 44px;
  font-weight: 500;
  color: #fff;
}
.counterblue4 h4{
  text-transform: uppercase;
      font-size: 16px;
      font-weight: 400;
      color: #fff;
      margin: 8px 0 0;
}
.textblogdemofive h5{
  position: relative;
display: inline-block;
color: #FED813;
font-weight: 500;
text-transform: capitalize;
margin: 0 0 15px;
font-size: 18px;
right: 53px;
}
.textblogdemofive h5:before {
    position: absolute;
    content: "";
    top: 10px;
    right: -53px;
    height: 2px;
    width: 41px;
    background: #FED813;
  }
.textblogdemofive h3{
  font-size: 35px;
margin-bottom: 18px;
text-transform: capitalize;
line-height: 1.2;
font-weight: 700;
    color: #232323;
}
.textblogdemofive h2{
  font-size: 37px;
margin-bottom: 40px;
text-transform: capitalize;
margin-top: 0;
line-height: 1.2;
font-weight: 700;
  color: #232323;
}
.textblogdemofive span{
  color: #FED813;
}

.boxblogdemofive{
  position: relative;
  transition: all 0.5s ease;
  border-bottom: 4px solid #fff;
}

.boxblogdemofive:hover .sectiontextboxblogdemofive span{
  color: #FED813;
}

.boxblogdemofive:hover .sectiontextboxblogdemofive a{
  color: #FED813;
}

.boxblogdemofive .sectiontextboxblogdemofive h2:hover{
  color: #FED813;
}

.boxblogdemofive:hover{
    border-bottom: 4px solid #FED813;
}

.catboxblogdemofive{
  position: absolute;
top: 17px;
right: 8px;
}

.boxblogdemofive .catboxblogdemofive ul{
  list-style: none;
  padding: 0;
}

.boxblogdemofive .catboxblogdemofive ul li{
  display: inline-block;
  padding-left: 10px;
}

.boxblogdemofive .catboxblogdemofive ul li a{
background: #FED813;
padding: 5px 16px;
line-height: 19px;
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
color: #222;
border-radius: 2px;
}

.boximageblogdemofive{
  width: 100%;
  height: 237px;
  overflow: hidden;
}
.boximageblogdemofive img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  unset:0;
}

.sectiontextboxblogdemofive{
  border: none;
padding: 22px 30px 24px;
position: relative;
z-index: 1;
transition: .5s;
border-radius: 5px;
filter: drop-shadow(0px 10px 15px rgba(210,210,210,0.2));
background-color: #ffffff;
border-bottom: 4px solid#fff;
text-align: right;
}

.sectiontextboxblogdemofive span{
  color: #686868;
    display: block;
    margin: 0 0 12px;
    transition: all 0.5s ease;
}

.sectiontextboxblogdemofive h2{
  margin: 16px 0 16px;
line-height: 29px;
font-size: 25px;
font-weight: 600;
  color: #232323;
    transition: all 0.5s ease;
}

.linkreadmoreboxblogdemofive i{
  vertical-align: middle;
  animation: 1s ease-in-out 0s normal none infinite running kmacb-circle-img-anim;
}

.linkreadmoreboxblogdemofive a{
  color: #616161;
display: block;
font-weight: 400;
border-radius: 3px;
transition: .3s;
color: #616161;
}




section.contactphonefooterdemofive{
  padding-top: 150px;
  padding-bottom: 25px;
}
.textboxcontactphonefooterdemofive{
  width: 67%;
  margin: 0 auto;
  text-align: center;
}
.textboxcontactphonefooterdemofive h1{
  font-size: 40px;
      color: #222;
      font-weight: 400;
      margin-bottom: 45px;
}
.textboxcontactphonefooterdemofive span{
  color: #FED813;
}
.dectextboxcontactphonefooterdemofive{
  width: 27%;
  margin: 0 auto;
  text-align: center;
      margin-bottom: 35px;
}
.dectextboxcontactphonefooterdemofive span{
  color: #4f6178;
font-size: 19px;
font-weight: 400;
letter-spacing: normal;
line-height: 40px;
}
.numberphonedemofive{
  width: 30%;
  margin: 0 auto;
  text-align: center;
  direction: ltr;
}
.numberphonedemofive a{
  background: #fff;
    padding: 17px 40px;
    border-radius: 6px;
    margin: 23px 0 8px;
    display: block;
}
.numberphonedemofive i{
  font-size: 25px;
  margin-right: 10px;
  vertical-align: middle;
  color: #757575;
}
.numberphonedemofive span{
      color: #4f6178;
          font-weight: 500;
      font-size: 24px!important;
}
.numberphonedemofive small{
      font-size: 24px !important;
          color: #FED813;
              font-weight: 700;
}
.numberphonedemofive strong{
  font-size: 24px !important;
      color: #FED813;
          font-weight: 700;
}
.boximagenumberdemofive {
    margin: 0 auto;
    display: table;
    width: 453px;
    height: 453px;
    overflow: hidden;
}
.boximagenumberdemofive img{
  width: 100%;
  height: 100%;
  object-fit: cover;
      margin-top: 20%;
}






.boxcontactdemofiveindex{
    background: #FED813;
    margin-top: 9px;
    margin-bottom: 0px;
    padding: 42px 40px 35px 46px;
    display: flex;
    box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
    border-radius: 20px;
}

.boxcontactdemofiveindexone{
  width: 50%;
}

.boxcontactdemofiveindexone h2{
  color: #222;
font-size: 35px;
font-weight: 600;
line-height: 55px;
}

.boxcontactdemofiveindextwo{
  width: 50%;
  display: flex;
}

.boxcontactdemofiveindextwo i{
  display: inline-block;
margin-left: 20px;
border: 2px dashed #fff;
border-radius: 50%;
    font-size: 48px;
height: 95px;
width: 95px;
padding: 17px;
background: #FF3C00;
color: #fff;
}

.textboxcontactdemofiveindextwo{
  margin-top: 8px;
}

.textboxcontactdemofiveindextwo h2{
      margin: 0px 0px 8px 0px;
      color: #222;
    font-size: 45px;
    font-weight: 500;
    -webkit-text-stroke-color: #000;
    stroke: #000;
}

.textboxcontactdemofiveindextwo span{
  color: #222;
  font-size: 18px;
  font-weight: 400;
}



/*responsive*/
@media (max-width: 2500px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
  .herootextsliderdemofive h3{
    width: auto;
  }
  .next333{
    top: 30%;
  }
  .prev333{
    top: 30%;
  }
}
@media (max-width: 1920px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
}
@media (max-width: 1360px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
  .herootextsliderdemofive h3{
    font-size: 55px;
  }
  .next333 {
    top: 50%;
}
.prev333 {
    top: 50%;
}
}
@media (max-width: 1199px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
  .sectiontextboxblogdemofive h2{
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
}

@media (max-width: 991px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
  .sectionaboutdemofive{
    display: block;
  }
  .boxaboutdemofiveone{
    width: 100%;
        height: 141px;
  }
  .boxaboutdemofivetwo{
    width: 100%;
        height: 141px;
  }
  .imagecompanynameitemdemofive{
    margin-top: 90px;
  }
  .textwhydemofour{
        margin-bottom: 60px;
  }
  section.whydemofive{
        height: 1354px;
  }
  .boxitemwhydemofiveone{
    margin-bottom: 35px;
  }
  .boximageboxstrategydemofivetwo{
    width: 100%;
    margin-bottom: 50px;
  }
  .iconboxsterategy{
    top: -2% !important;
  }
  .textteamdemofive h3{
    font-size: 26px;
  }
  .textteamdemofive h2{
    font-size: 26px;
  }
  .boximagedemofive{
    margin-top: 70px;
  }
  .boximageblogdemofive{
    height: auto;
  }
  .boxblogdemofive{
    margin-bottom: 35px;
  }
}
@media (max-width: 768px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
  .herootextsliderdemofive h3{
    font-size: 35px;
  }
  .next333{
    display: none !important;
  }
  .prev333{
    display: none !important;
  }
}
@media (max-width: 767px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
  .textteamdemofive{
    width: 100%;
  }
  .linkbuttomdemofive a {
    float: right;
    margin-top: 9px;
    margin-bottom: 35px;
}
.boxcontactdemofiveindexone{
  display: none;
}
.textboxcontactphonefooterdemofive{
  width: 90%;
}
.dectextboxcontactphonefooterdemofive{
  width: 85%;
}
.numberphonedemofive{
  width: 80%;
}
}
@media (max-width: 576px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
  .next333{
    display: none !important;
  }
  .prev333{
    display: none !important;
  }
  .boxsectioncounterdemofive{
    display: none;
  }
}

@media (max-width: 575px) {
  html{
    overflow: hidden;
    overflow-y: scroll;
  }
  .service-btndemofiveone{
    display: none;
  }
  .service-btndemofivetwo{
    display: none;
  }
}
