body video {
  width: 100% !important
}
body iframe {
  width: 100% !important
}
body:-webkit-full-page-media {
  background: 0 0 !important
}
body {
  color: #212112;
  background-position: center;
  background-repeat: repeat;
  background-color: #fff;
  overflow-x: hidden;
  transition: all .2s linear;
  font-family: Raleway, sans-serif
}
:root{
  --main-color: #cbe140;
  --text-color: #3d4601;
}
.lang-select {display: none !important;}
img.disnonecustom-page {
    width: 160px;
}
.contact-box-section-box {display:none;}

.social-icons {
	display:none;
}
a {
  outline: 0 !important
}
::selection {
  color: #fff;
  background-color: #8167a9;
}
::-moz-selection {
  color: #fff;
  background-color: #8167a9;
}
.banner-wrap {
  background: url(../images/banner-background.jpg);
  background-size: cover;
  height: 100vh;
  width: 100%
}
.banner-contents {
  text-align: center;
  margin: 0 auto;
  display: block
}
.banner-contents p {
  font-size: 15px;
  color: #6d7583;
  font-weight: 400;
  width: 80%;
  margin: 0 auto;
  padding: 10px 0 10px 0
}
.start-header {
  opacity: 1;
  transform: translateY(0);
  padding: 10px 0;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out
}
.start-header.scroll-on {
  padding: 6px 0;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  background: #f3f3f3 !important;
  border-bottom: 1px solid #cfd1d4;
  box-shadow: 0 4px 5px 0 rgb(138 155 165 / 15%)
}
.start-header.scroll-on .navbar-brand img {
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.navigation-wrap {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out
}
.navigation-wrap.scroll-on {
  padding-top: 16px !important
}
.navigation-wrap.bg-light {
  background: #000 !important;
  padding-bottom: 0
}
.navbar {
  padding: 0
}
.navbar-brand img {
  height: auto;
  width: 150px;
  display: block;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
  max-width: 100%;
  height: auto;
}
.navbar-toggler {
  float: right;
  border: none;
  padding-right: 0
}
.navbar-toggler:active, .navbar-toggler:focus {
  outline: 0
}
.navbar-light .navbar-toggler-icon {
  width: 24px;
  height: 17px;
  background-image: none;
  position: relative;
  border-bottom: 1px solid #fff;
  transition: all .3s linear
}
.navbar-light .navbar-toggler-icon:after, .navbar-light .navbar-toggler-icon:before {
  width: 24px;
  position: absolute;
  height: 1px;
  background-color: #fff;
  top: 0;
  left: 0;
  content: '';
  z-index: 2;
  transition: all .3s linear
}
.navbar-light .navbar-toggler-icon:after {
  top: 8px
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after {
  transform: rotate(45deg)
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before {
  transform: translateY(8px) rotate(-45deg)
}
.navbar-toggler[aria-expanded=true] .navbar-toggler-icon {
  border-color: transparent
}
.nav-link {
  color: #fff !important;
  font-weight: 500;
  transition: all .2s linear;
  font-size: 13px
}
.nav-item:hover .nav-link {
  color: var(--main-color) !important
}
.nav-item.active .nav-link {
  color: #dcfa1e !important;
}
.nav-link {
  position: relative;
  padding: 5px 0 !important;
  display: inline-block
}
.posrelll ul {
  padding-bottom: 0 !important
}
.nav-item:hover:after {
  bottom: 0;
  opacity: 1
}
.nav-item.active:hover:after {
  opacity: 0
}
.nav-item {
  transition: all .2s linear
}
.navigation-wrap.bg-light.bg-trans {
  background: 0 0 !important
}
.navigation-wrap.bg-trans.scroll-on {
  background: #f6f6f6 !important
}
.displaynonebefore {
  display: none
}
.navigation-wrap.scroll-on .displaynonebefore {
  display: block
}
.navigation-wrap.scroll-on .before-scroll {
  display: none
}
.social-icons-top a {
  padding: 0 5px 0 5px;
  text-decoration: none
}
a.contactbtn-top {
  font-size: 11px;
  color: #ffff;
  border: 1px solid var(--main-color);
  padding: 6px;
  border-radius: 50px;
  width: 132px !important;
  display: inline-block;
  text-align: center;
  margin-left: 18px;
}
.social-icons-top {
  text-align: right
}
.nav-two a.nav-link {
  text-transform: uppercase;
  font-size: 13px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-right: 20px !important
}
.nav-two .nav-item:after {
  display: none !important
}
.nav-two {
  position: relative;
  margin-top: 10px
}
.margin-right-0 a:nth-child(4) {
  padding-right: 0 !important
}
a.nav-link.margin-right-zero {
  padding-right: 0 !important
}
.nav-two::after {
  border-top: 1px solid #e4eaf3;
  position: absolute;
  display: block;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0
}
.nav-two::before {
  border-top: 1px solid #e4eaf3;
  position: absolute;
  display: block;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  left: 0;
  top: 0
}
.social-icons-top {
  display: flex;
  align-items: center;
  justify-content: flex-end
}
#a {
  padding-left: 0;
  margin-bottom: 0;
  text-align: left
}
#a li {
  list-style: none;
  padding-top: 5px;
  padding-bottom: 5px;
  cursor: pointer
}
#a li:hover {
  background-color: #f4f3f3
}
#a li img {
  margin: 5px
}
#a li span, .btn-select li span {
  margin-left: 10px;
  padding-right: 7px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500
}
.b {
  display: none;
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 5px;
  position: absolute;
  padding: 8px;
  background: #fff;
  z-index: 9
}
.open {
  display: show !important
}
.btn-select {
  margin-top: 0;
  border-radius: 5px;
  background-color: transparent;
  border: 0 solid #ccc
}
.btn-select li {
  list-style: none;
  float: left;
  padding-bottom: 0
}
.btn-select:hover li {
  margin-left: 0
}
.btn-select:hover {
  background-color: transparent;
  border: 0 !important
}
.btn-select:focus {
  outline: 0
}
.lang-select {
  margin-left: 0;
  width: auto;
  display: inline-block
}
.vodiapicker {
  display: none
}
button.btn-select::after {
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 5px solid #000;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}
button.btn-select {
  position: relative;
  top: 3px
}
.aurspacealign {
  display: flex;
  align-items: center
}
.sectionslider-free .container-fluid {
  position: relative
}
.sectionslider-free .container-fluid::after {
  left: 0;
  width: 15%;
  content: "";
  display: block;
  background: #000;
  height: 120%;
  top: 0;
  position: absolute
}
.bg-light {
  background-color: transparent !important;
  transition: all .2s linear
}
.section {
  position: relative;
  width: 100%;
  display: block
}
.full-height {
  height: 100vh
}
.over-hide {
  overflow: hidden
}
.absolute-center {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: 40px;
  transform: translateY(-50%);
  z-index: 20
}
.nav-item .dropdown-menu {
  transform: translate3d(0, 10px, 0);
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  display: block;
  padding: 0;
  margin: 0;
  transition: all .2s linear
}
.nav-item.show .dropdown-menu {
  opacity: 1;
  visibility: visible;
  max-height: 999px;
  transform: translate3d(0, 0, 0)
}
.dropdown-menu {
  padding: 10px !important;
  margin: 0;
  font-size: 13px;
  letter-spacing: 1px;
  color: #212121;
  background-color: #fcfaff;
  border: none;
  border-radius: 3px;
  box-shadow: 0 5px 10px 0 rgba(138, 155, 165, .15);
  transition: all .2s linear
}
.dropdown-toggle::after {
  display: none
}
.dropdown-item {
  padding: 3px 15px;
  color: #212121;
  border-radius: 2px;
  transition: all .2s linear
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #fff;
  background-color: rgba(129, 103, 169, .6)
}
@media (max-width:767px) {
  .nav-item:after {
    display: none
  }
  .nav-item::before {
    position: absolute;
    display: block;
    top: 15px;
    left: 0;
    width: 11px;
    height: 1px;
    content: "";
    border: none;
    background-color: #000;
    vertical-align: 0
  }
  .dropdown-toggle::after {
    position: absolute;
    display: block;
    top: 10px;
    left: -23px;
    width: 1px;
    height: 11px;
    content: "";
    border: none;
    background-color: #000;
    vertical-align: 0;
    transition: all .2s linear
  }
  .dropdown-toggle[aria-expanded=true]::after {
    transform: rotate(90deg);
    opacity: 0
  }
  .dropdown-menu {
    padding: 0 !important;
    background-color: transparent;
    box-shadow: none;
    transition: all .2s linear
  }
  .dropdown-toggle[aria-expanded=true] + .dropdown-menu {
    margin-top: 10px !important;
    margin-bottom: 20px !important
  }
}
.logo {
  position: absolute;
  bottom: 30px;
  right: 30px;
  display: block;
  z-index: 100;
  transition: all 250ms linear
}
.logo img {
  height: 26px;
  width: auto;
  display: block;
  filter: brightness(10%);
  transition: all 250ms linear
}
.button {
  float: left;
  min-width: 150px;
  max-width: 260px;
  display: block;
  margin: 1em;
  padding: 1em 2em;
  border: none;
  background: 0 0;
  color: inherit;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale
}
.button:focus {
  outline: 0
}
.button > span {
  vertical-align: middle
}
.button--isi {
  padding: 1.2em 3em;
  color: #3d4601;
  overflow: hidden;
  background: #cbe140;
  box-shadow: 1px 5px 20px rgb(111 113 120 / 30%);
}
.button--isi::before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -15px 0 0 1px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scale3d(1, 2, 1);
  transform: scale3d(1, 2, 1);
  -webkit-transition: -webkit-transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s;
  -webkit-transition-timing-function: cubic-bezier(.7, 0, .9, 1);
  transition-timing-function: cubic-bezier(.7, 0, .9, 1);
  background: #cbe140;
  background: linear-gradient(144deg, #cbe140 0, #b2ce00 100%);
}
.button--isi .button__icon {
  vertical-align: middle
}
.button--isi > span {
  vertical-align: middle;
  padding-left: 0
}
.button--isi:hover::before {
  -webkit-transform: scale3d(9, 9, 1);
  transform: scale3d(9, 9, 1)
}
.button--round-l {
  border-radius: 40px
}
.button--size-s {
  font-size: 13px;
  font-weight: 500 !important;
  text-transform: uppercase;
  letter-spacing: 1px
}
.buttonbox {
  text-align: center;
  justify-content: center;
  display: flex
}
.contentleft-about h3:after {
  width: 117px;
  height: 2px;
  background: #ff511a;
  content: "";
  display: block;
  position: absolute;
  right: -35px;
  bottom: -12px
}
.contentleft-about h3 {
  position: relative;
  display: inline;
  margin-bottom: 18px !important
}
.contentleft-about p {
  font-size: 15px;
  color: #989797;
  line-height: 1.8;
  margin-top: 30px
}
.contentleft-about h3 {
  font-size: 40px;
  font-weight: 900;
  text-transform: uppercase
}
.contentleft-about h3 span {
  color: #ff511a
}
.contentleft-about .buttonbox.centerbtnabot {
  text-align: left !important;
  display: block;
  margin: 0 !important
}
.about-pagebanners {
  background: url(../images/about/about-banner-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom
}
.contentleft-about button.button.button--isi {
  margin: 0 !important;
  margin-top: 8px !important
}
.justify-ownspace {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.centerbtnabot {
  text-align: center;
  margin: 0 auto
}
.section-about-home {
  padding: 100px 0;
  background: #000;
  position: relative
}
.content-box h2 {
  color: #fff;
  font-weight: 600;
  font-size: 45px
}
.content-box p {
  font-size: 16px;
  color: #fff;
  line-height: 2
}
.content-center {
  text-align: center
}
.product-carousel__aside {
  padding: 0 0;
  width: 33.3%;
  min-width: 33.3%;
  max-width: 33.3%;
  position: relative;
  z-index: 1;
  display: flex;
  float: left
}
.product-carousel__title {
  text-align: left;
  margin-bottom: 0;
  display: block;
  text-size-adjust: 100%
}
.homepage-featured-products-aside-title {
  text-size-adjust: 100%;
  text-transform: initial;
  margin: 0;
  color: inherit;
  font-weight: 600;
  font-size: 33px;
  line-height: 40px;
  display: block;
  text-align: left;
  margin-bottom: 30px
}
.product-carousel__controls {
  line-height: 1.5;
  font-size: 100%;
  text-size-adjust: 100%;
  color: #000 !important;
  box-sizing: border-box;
  letter-spacing: 1.5px;
  font-family: Raleway, sans-serif;
  margin-top: 40px;
  cursor: pointer;
  display: block
}
.product-carousel-container {
  background: #fff;
  justify-content: center;
  flex-wrap: nowrap;
  overflow: auto;
  max-width: 1680px;
  height: 444px;
  line-height: 1.5;
  font-size: 100%;
  text-size-adjust: 100%;
  letter-spacing: 1.5px;
  font-family: Raleway, sans-serif;
  width: 67.7%;
  padding-left: 20px;
  position: relative;
  margin-bottom: 0 !important;
  box-sizing: border-box
}
.flickity-next-button {
  margin-left: 10px;
  padding: 23px 25px;
  width: 30px;
  height: 30px;
  background: #fff;
  border: 1px solid #cbcbcb;
  box-shadow: 0 2rem 5rem -2.5rem rgba(0, 0, 0, .25), 0 .3rem 1rem 0 rgba(0, 0, 0, .3);
  cursor: pointer;
  display: inline;
  background-attachment: scroll;
  box-sizing: border-box
}
.flickity-prev-button {
  margin: 10px;
  width: 30px;
  height: 30px;
  background: #fff;
  padding: 23px 25px;
  border: 1px solid #cbcbcb;
  box-shadow: 0 2rem 5rem -2.5rem rgba(0, 0, 0, .25), 0 .3rem 1rem 0 rgba(0, 0, 0, .3);
  cursor: pointer;
  display: inline;
  background-attachment: scroll;
  box-sizing: border-box
}
.product-carousel-cell {
  flex: 0 0 auto;
  border-radius: 5px;
  margin-right: 10px;
  height: 100%;
  min-height: 1px;
  counter-increment: gallery-cell;
  line-height: 1.5;
  font-size: 100%;
  letter-spacing: 1.5px;
  font-family: Raleway, sans-serif;
  width: 27%
}
.product-carousel-container.flickity-enabled.is-draggable {
  position: absolute;
  width: 100%;
  left: 40%;
  overflow: visible
}
.roduct-carousel-container .flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  left: -133px !important;
  padding-top: 15px
}
.product-carousel__title p {
  font-size: 15px;
  color: #737373;
  font-weight: 400
}
.section-services {
  padding: 150px 0;
  position: relative;
  overflow: hidden
}
.box-sl-services {
  margin: 0 auto;
  text-align: center;
  width: 89%;
  -webkit-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .08);
  -moz-box-shadow: 0 0 13px 0 rgba(0, 0, 0, .08);
  box-shadow: 0 0 13px 0 rgba(0, 0, 0, .08);
  padding: 24px 0;
  border-radius: 9px
}
.box-sl-services img {
  width: 100%;
  position: relative;
  left: -24px;
  -webkit-box-shadow: 15px 15px 18px -5px rgb(0 0 0 / 14%);
  -moz-box-shadow: 15px 15px 18px -5px rgba(0, 0, 0, .14);
  box-shadow: 15px 15px 18px -5px rgb(0 0 0 / 14%);
  border-radius: 10px
}
.box-sl-services h2 {
  text-align: left;
  font-size: 25px;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 20px;
  letter-spacing: 0
}
.box-sl-services p {
  text-align: left;
  color: #a3a3a3;
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: 15px
}
.box-sl-services .boxspaceing {
  padding: 0 24px
}
.readmore a.arrow-right {
  color: #8d8e90;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0;
  text-decoration: none
}
.readmore a.arrow-right svg {
  position: relative;
  top: -2px;
  margin-right: 5px
}
.readmore a.arrow-right {
  display: block;
  width: auto;
  text-align: right;
  margin-top: 10px
}
.bedgelogobox {
  text-align: center;
  margin: 0 auto;
  padding: 10px 0 80px 0
}
.center-header h2::after {
  position: absolute;
  display: block;
  content: "";
  width: 100px;
  height: 1px;
  background: var(--main-color);
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px
}
.center-header h2 {
  font-size: 33px;
  font-weight: 600;
  position: relative
}
.center-header {
  text-align: center;
  margin: 0 auto
}
.ownflexbox {
  display: flex;
  align-items: center;
  margin-top: 90px;
  margin-bottom: 110px
}
.box-service-sceens {
  width: 20%
}
.screenbox1 {
  margin: 0 18px;
  text-align: center;
  position: relative
}
.screenbox1 h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 12px 0
}
.screenbox1 p {
  color: #73798c;
  font-size: 14px;
  line-height: 1.8
}
.screenbox1::after {
  position: absolute;
  width: 25px;
  height: 400px;
  content: "";
  background: url(../images/shaddow-box-screen-size.png);
  content: "";
  display: block;
  top: -70px;
  background-size: contain;
  left: -37px
}
.screenbox1.afteroff::after {
  display: none
}
.flickity-page-dots {
  bottom: 0 !important
}
.main-slider {
  background: url(../images/background-portfolio.png);
  background-size: cover;
  width: 100%
}
.mainportfolio {
  padding: 0 0 50px 0
}
.alhersh {
  position: relative
}
.alhersh .imagebox-portfolio::before {
  background: #006837;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 55%;
  right: 0;
  top: -90px;
  z-index: 99
}
.alhersh::before {
  background: #006837;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 20%;
  right: 0;
  top: -90px;
  z-index: 99
}
.imagebox-portfolio img {
  position: relative;
  z-index: 999
}
.hokey {
  position: relative
}
.hokey .imagebox-portfolio::before {
  background: #ec472b;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 55%;
  right: 0;
  top: -90px;
  z-index: 99
}
.hokey::before {
  background: #ec472b;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 20%;
  right: 0;
  top: -90px;
  z-index: 99
}
.songmatch {
  position: relative
}
.songmatch .imagebox-portfolio::before {
  background: #7427ac;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 55%;
  right: 0;
  top: -90px;
  z-index: 99
}
.songmatch::before {
  background: #7427ac;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 20%;
  right: 0;
  top: -90px;
  z-index: 99
}
.odanta {
  position: relative
}
.odanta .imagebox-portfolio::before {
  background: #0073d0;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 55%;
  right: 0;
  top: -90px;
  z-index: 99
}
.odanta::before {
  background: #0073d0;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 20%;
  right: 0;
  top: -90px;
  z-index: 99
}
.communitter {
  position: relative
}
.communitter .imagebox-portfolio::before {
  background: #2ea8fe;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 55%;
  right: 0;
  top: -90px;
  z-index: 99
}
.communitter::before {
  background: #2ea8fe;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 20%;
  right: 0;
  top: -90px;
  z-index: 99
}
.switch-poker {
  position: relative
}
.switch-poker .imagebox-portfolio::before {
  background: #ed1c24;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 55%;
  right: 0;
  top: -90px;
  z-index: 99
}
.switch-poker::before {
  background: #ed1c24;
  content: "";
  display: block;
  position: absolute;
  height: 150%;
  width: 20%;
  right: 0;
  top: -90px;
  z-index: 99
}
.spaceing-mm {
  padding-bottom: 80px;
  margin-top: 60px
}
.headingbottomline h3 {
  font-size: 33px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  font-family: Raleway, sans-serif;
  color: #ffff;
}
.headingbottomline h3::after {
  height: 1px;
  width: 100px;
  position: absolute;
  content: "";
  display: block;
  background: var(--main-color);
  bottom: -15px;
  right: -25px
}
.conportfolio p {
  font-size: 15px;
  color: #6d7583;
  line-height: 1.8
}
.conportfolio h2 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 18px
}
.conportfolio {
  width: 95%
}
.justifyend {
  justify-content: flex-end
}
.positionsliders {
  position: absolute;
  width: 100%;
  display: block;
  top: -106px;
  left: 0
}
.marginstb {
  margin: 24px 0 24px 0 !important;
  display: block
}
a.ourbtnline {
  font-size: 12px;
  font-weight: 700;
  color: var(--main-color);
  text-transform: initial;
  text-decoration: none;
  cursor: pointer !important
}
a.ourbtnline::after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 38px;
  background: var(--main-color);
  top: 8px;
  height: 1px;
  margin: 0 0 0 14px
}
a.ourbtnline {
  position: relative
}
.positionsliders .slick-center img {
  transition: transform .2s;
  transform: scale(1) !important;
  opacity: 1 !important;
  -webkit-box-shadow: 0 10px 32px 3px rgb(0 0 0 / 20%);
  -moz-box-shadow: 0 10px 32px 3px rgba(0, 0, 0, .2);
  box-shadow: 0 10px 32px 3px rgb(0 0 0 / 20%);
  border-radius: 30px !important;
  width: 95% !important
}
.positionsliders .slick-list {
  padding: 40px 0 40px 0 !important
}
.positionsliders .slick-slide img {
  opacity: 1;
  transition: transform .2s;
  margin: 0 auto;
  width: 85%
}
.positionsliders button.slick-arrow:hover {
  background: var(--main-color);
  color: #fff !important
}
.positionsliders button.slick-arrow {
  background: #bec8d8;
  border: 0;
  font-size: 0;
  padding: 14px;
  background-position: center;
  position: absolute;
  z-index: 99;
  outline: 0 !important;
  transform: translateY(-43%);
  top: 47%
}
.positionsliders button.slick-prev {
  background-image: url(../images/leftarrow-btn.png);
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  left: -30px;
  background-size: 45%;
  outline: 0 !important
}
.positionsliders button.slick-prev:hover {
  background-image: url(../images/leftarrow-btn.png);
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  left: -30px;
  background-size: 45%;
  outline: 0 !important;
  background-position: center
}
.positionsliders button.slick-next:hover {
  background-image: url(../images/rightarrow-btn.png);
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  right: -30px;
  background-size: 45%;
  outline: 0 !important;
  background-position: center
}
.positionsliders button.slick-next {
  background-image: url(../images/rightarrow-btn.png);
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  right: -30px;
  background-size: 45%;
  outline: 0 !important
}
.positionsliders .slick-next {
  right: 0
}
.carousel-own {
  background: 0 0
}
.carousel-own .carousel-cell {
  width: 18%;
  height: 385px;
  margin-right: 18px;
  counter-increment: gallery-cell;
  transition: transform .2s;
  border-radius: 9px !important;
  transform: scale(.9) !important
}
.carousel-own .flickity-viewport {
  overflow: visible !important
}
.carousel-own .flickity-slider {
  left: 15% !important
}
.sectionslider-free {
  padding: 190px 0 250px 0;
  overflow-x: hidden;
  background-color: #000;
}
.imageboxcontainer {
  position: relative;
  width: 100%;
  box-shadow: 8px 3px 17px 0px #ffffff47;
  border-radius: 12px;
}
.image_boxed {
  display: block;
  width: 100%;
  height: auto
}
.overlay_boxed {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  border-radius: 9px !important;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .8) 1%, #000 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .8) 1%, #000 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .8) 1%, #000 100%)
}
.imageboxcontainer:hover .overlay_boxed {
  opacity: 1
}
.text_boxed {
  color: #fff;
  font-size: 20px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
  text-align: left;
  padding: 15px;
  bottom: 0
}
.text_boxed p {
  font-size: 11px !important;
  line-height: 1.8;
  margin-bottom: 0
}
.text_boxed span {
  font-size: 13px;
  color: #ccc;
  padding-bottom: 5px;
  display: block
}
.boxcontent-hover {
  position: absolute;
  bottom: 0;
  padding: 16px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgb(0 0 0 / 80%) 70%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgb(0 0 0 / 80%) 70%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0 0 0 / 80%) 70%);
  width: 100%;
  height: 50%;
  border-radius: 12px
}
.boxcontent-hover h2 {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 5px;
  position: absolute;
  bottom: 10px
}
.text_boxed h2 {
  font-size: 14px !important;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: uppercase
}
.boxcontent-hover p {
  font-size: 14px;
  color: #b9b9b9;
  margin-bottom: 0
}
.readmore span {
  display: inline-block;
  font-size: 12px
}
.text_boxed .readmore {
  border-top: .5px solid #ffffff85;
  margin-top: 10px;
  border-bottom: 0
}
.carousel-own .carousel-cell:hover .imageboxcontainer {
  transform: scale(1) !important;
  transition: transform .5s ease !important
}
.carousel-own .carousel-cell:hover {
  transform: scale(1) !important;
  transition: transform .5s ease !important
}
.imageicon-p img {
  width: 100%
}
.imageicon-p {
  margin: 5px
}
.imagebox-portfolio img {
  width: 68%;
  margin: 0 auto;
  display: block;
  margin-bottom: 14px
}
.positionsliders .slick-center img {
  border-radius: 18px;
  position: relative;
  top: -10px
}
.mainportfolio .headingbottomline h3 {
  font-size: 22px;
  margin-bottom: 30px
}
.contact-tabs {
  transition: transform .2s;
  background-color: #f0f1f3 !important
}
.mainportfolio .headingbottomline h3::after {
  bottom: -10px
}
.contact-tabs .dubai {
  background-image: url(../images/tab-contact-dubai-bg.jpg);
  background-size: cover;
  transition: transform .2s;
  background-color: #f0f1f3
}
.slick-slide {
  outline: 0 !important
}
.contact-tabs .london {
  background-image: url(../images/tab-contact-london-bg.jpg);
  background-size: cover;
  transition: transform .2s;
  background-color: #f0f1f3
}
.contact-tabs .newyork {
  background-image: url(../images/tab-contact-newyork-bg.jpg);
  background-size: cover;
  transition: transform .2s;
  background-color: #f0f1f3
}
.dubaibox {
  width: 259px;
  height: 260px;
  background-size: contain;
  background-image: url(../images/dubai-non-active-icon.png);
  -webkit-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, .22);
  -moz-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, .22);
  box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, .22);
  border-radius: 12px;
  transition: transform .2s;
  background-color: #f0f1f3
}
.posab-nav a.active .dubaibox {
  background-image: url(../images/dubai-active-icon.png);
  -webkit-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, .22);
  -moz-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, .22);
  box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, .22);
  border-radius: 12px;
  background-color: #f0f1f3
}
.londonbox {
  width: 259px;
  height: 260px;
  background-size: contain;
  background-image: url(../images/london-non-active-icon.png);
  -webkit-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, .22);
  -moz-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, .22);
  box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, .22);
  border-radius: 12px;
  transition: transform .2s;
  background-color: #f0f1f3
}
.posab-nav a.active .londonbox {
  background-image: url(../images/london-active-icon.png);
  -webkit-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, .22);
  -moz-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, .22);
  box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, .22);
  border-radius: 12px;
  background-color: #f0f1f3
}
.newyorkbox {
  width: 259px;
  height: 260px;
  background-size: contain;
  background-image: url(../images/newyork-non-active-icon.png);
  -webkit-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, .22);
  -moz-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, .22);
  box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, .22);
  border-radius: 12px;
  transition: transform .2s;
  background-color: #f0f1f3
}
.posab-nav a.active .newyorkbox {
  background-image: url(../images/newyork-active-icon.png);
  -webkit-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, .22);
  -moz-box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, .22);
  box-shadow: -3px 5px 16px 0 rgba(50, 50, 50, .22);
  border-radius: 12px;
  background-color: #f0f1f3
}
.active .ownzooms {
  transform: scale(1.1);
  transition: transform .2s
}
.boxcalls a {
  margin-bottom: 10px !important;
  display: block
}
.contact-tabs .tab-content a {
  text-decoration: none
}
.posab-nav a {
  text-decoration: none !important
}
.boxcalls a {
  font-size: 18px;
  font-weight: 500;
  color: #000
}
.boxcalls img {
  margin-right: 10px
}
.box-for-select-country span::before {
  background-color: #4d4d4e;
  content: "";
  height: 2px;
  width: 12px;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -5px
}
.box-for-select-country span {
  position: relative;
  left: 20px;
  padding-left: 15px;
  color: #4d4d4e;
  font-size: 17px;
  font-weight: 500;
  margin-top: 10px !important;
  display: block
}
.contact-tabs .tab-pane {
  height: 650px;
  padding: 70px 0 70px 0;
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 1s
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.posab-nav a.active .box-for-select-country span {
  color: #ff511a
}
.posab-nav a.active .box-for-select-country span::before {
  background-color: #ff511a
}
.pos1tab {
  position: relative
}
.contact-tabs {
  position: relative
}
.pos2tab {
  position: absolute;
  BOTTOM: 50px;
  display: initial;
  align-items: center;
  justify-content: center;
  height: auto;
  width: 100% !important
}
.hrd {
  display: none
}
.contact-tabs .nav-tabs {
  border: 0 !important;
  display: flex;
  justify-content: space-around
}
.boxcontenttabs h3 {
  font-size: 22px;
  color: #000;
  font-weight: 700
}
.boxcontenttabs p {
  font-size: 18px;
  font-weight: 500
}
.boxcalls i{
  color: var(--main-color);
  font-size: 16px;
}
.testimonailsection {
  padding: 120px 0 60px 0;
  background-size: cover;
  background-image: url(../images/testimonials-backgroundbg.png);
  background-position: bottom center;
  background-size: 100% 80%;
  background-repeat: no-repeat
}
.testimonailscontent h3 {
  font-size: 33px;
  font-weight: 600;
  margin-bottom: 30px;
  position: relative;
  display: inline-block
}
.testimonailscontent h3::after {
  height: 1px;
  width: 117px;
  position: absolute;
  content: "";
  background: var(--main-color);
  display: block;
  right: -30px;
  bottom: -10px
}
.testimonailscontent h4 {
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  color: #000;
}
.testimonailscontent h4 span {
  font-size: 48px
}
.testimonailsbox-home p {
  font-size: 15px;
  width: 90%;
  line-height: 1.8;
  font-weight: 500
}
.client-details p {
  font-size: 17px;
  color: #000;
  line-height: 1.2;
  width: auto;
  text-align: right;
  padding-right: 15px;
  margin-bottom: 0
}
.client-details p span {
  font-size: 14px !important;
  color: #9fa0a2;
  display: block !important;
  font-weight: 500
}
.client-details {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 30px
}
.testimonailsbox-home {
  background-color: #f9fbfe;
  border: 1px solid #e3e9f2;
  padding: 25px;
  margin: 0 10px;
  border-radius: 13px !important
}
.testimonailsbox-home img.icon-tops {
  margin-bottom: 20px;
  filter: grayscale(100%);
}
.testimonails-home-slider .slick-arrow {
  position: absolute;
  bottom: 0;
  outline: 0 !important
}
.testimonails-home-slider .slick-arrow {
  left: -70px
}
.testimonails-home-slider button.slick-prev {
  left: -120px
}
.testimonails-home-slider .slick-next {
  width: 42px;
  height: 42px;
  font-size: 0;
  border: 0;
  background: url(../images/next-slide-hover.png);
  filter: grayscale(100%);

}
.testimonails-home-slider .slick-prev {
  width: 42px;
  height: 42px;
  font-size: 0;
  border: 0;
  background: url(../images/prevarrow-btn-hover.png);
  filter: grayscale(100%);
}
.boxcontent-bedge p {
  font-size: 16px !important;
  color: #797d7f
}
.boxbedgefooter {
  display: flex;
  align-items: center
}
.boxcontent-bedge h5 {
  font-weight: 600
}
.boxcontent-bedge {
  margin-left: 20px;
  border-left: 1px solid #c0c8cc;
  padding-left: 20px
}
.mt-120 {
  margin-top: 120px
}
.boxcontent-bedge p {
  margin-bottom: 0
}
.footersection {
  padding: 70px 0 30px 0;
  background-image: url(../images/banner-stars.gif);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center
}
.footerbox-details h3 {
  position: relative;
  display: inline-block;
  color: #fff;
}

.footerbox-details h3::after {
  height: 1px;
  width: 117px;
  display: block;
  position: absolute;
  content: "";
  background: var(--main-color);
  right: -20px;
  bottom: -10px
}

.contact-footer a img {
  margin-right: 20px
}
.contact-footer a span {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}
.contact-footer i{
  color: var(--main-color);
  font-size: 14px;
}
.contact-footer {
  margin: 30px 0 0 0;
  display: block
}
.contact-footer a {
  margin: 0 0 30px 0;
  display: block;
  text-decoration: none;
}
.contact-footer p span {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}
.contact-footer p img {
  margin-right: 20px
}
.footerbox-details p {
  display: flex;
  align-items: baseline;
}
span.blockdiv {
  display: block
}
.footerbox-details h3 {
  font-size: 15px;
  font-weight: 700
}
.footerbox-details.linksheading h3::after {
  width: 98px;
  left: 0
}
.footerlinks {
  margin-top: 22px
}
.footerlinks ul {
  margin: 0;
  padding-left: 0
}
.footerlinks ul li {
  margin: 0;
  list-style: none
}
.footerlinks ul li a {
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  transition: 0.5s all;
}
.footerlinks ul li a:hover {
  color: var(--main-color);
}
.request-a-quote h3 {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}
.request-a-quote p {
  font-size: 13px;
  color: #ffff;
  margin: 15px 0 10px 0;
}
.request-a-quote a {
  font-size: 15px;
  font-weight: 600;
  position: relative;
  display: inline-block
}
.request-a-quote a::after {
  width: 25px;
  height: 1px;
  background: var(--main-color);
  display: block;
  position: absolute;
  content: "";
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  right: -35px
}
.request-a-quote {
  width: 100%
}
.footerright-text {
  display: flex;
  justify-content: flex-end
}
.ourspcbt-footer {
  justify-content: space-between
}
.powerdby p {
  font-size: 13px;
  color: #fff;
  margin-bottom: 0
}
hr.customhr-footer {
  border: 0;
  border-bottom: 1px solid #d5dce7;
  width: 100%;
  margin: 30px 0 30px 0
}
.social-icons {
  text-align: right
}
.android-bn img {
  z-index: 2;
  width: 70% !important;
  text-align: center;
  margin: 0 auto;
  display: block
}
.android-bn {
  position: relative;
  top: -20px
}
.android-bn::after {
  background-size: 100% 100%;
  background-image: url(../images/services/android/shaddow-android.png);
  height: 32px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  content: "";
  bottom: 0;
  width: 100%;
  left: 0;
  bottom: -20px;
  left: -20px;
  z-index: 1;
  transform: translateX(0)
}
.section-services .flickity-page-dots .dot {
  margin: 0 2px
}
.bedgelogobox img {
  width: 100% !important
}
.contact-form-page {
  background-color: #000;
  padding: 50px 0
}
.heading-contact-homepage {
  text-align: center;
  margin: 0 auto
}
.flickity-page-dots .dot {
  background: var(--main-color) !important
}
.contact-form-page input {
  height: 50px;
  margin-bottom: 27px;
  border-radius: 10px;
  border: 1px solid #fff;
  background: #ffffff;
  padding-left: 20px;
  -webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 29px 0 rgba(0, 0, 0, .1);
  -webkit-appearance: none;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}
.contact-form-page textarea {
  height: 118px;
  margin-bottom: 27px;
  border-radius: 10px;
  border: 1px solid #fff;
  background: #ffffff;
  padding-left: 20px;
  padding-top: 20px;
  -webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, .10);
  box-shadow: 0 0 29px 0 rgba(0, 0, 0, .10)
}
.contact-form-page textarea::placeholder{
  color: #000;
}
.contact-form-page select {
  padding-left: 20px;
  background: #ffffff8f;
  height: 50px;
  margin-bottom: 27px;
  border-radius: 10px;
  border: 1px solid #ff511a;
  color: #000;
  color: #c3c4cb !important;
  font-size: 14px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../images/down-arrow-select.png);
  background-repeat: no-repeat;
  background-position: 96% 20px;
  -webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, .10);
  box-shadow: 0 0 29px 0 rgba(0, 0, 0, .10)
}
.contact-form-page input.form-control.submitbtn {
  width: 180px;
  margin: 0 auto;
  background: var(--main-color);
  color: var(--text-color);
  font-size: 13px;
  font-weight: 600 !important;
  text-transform: uppercase;
  border-radius: 50px;
  height: 50px;
  border: none;
}
.ourdownicon {
  position: relative
}
.heading-contact-homepage h3 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #fff;
}
.heading-contact-homepage h4 {
  font-size: 28px;
  color: #fff;
  margin-bottom: 45px
}
select::-ms-expand {
  display: none !important
}
.form-control::-webkit-input-placeholder {
  color: #c3c4cb !important;
  font-size: 14px
}
.form-control:-ms-input-placeholder {
  color: #c3c4cb !important;
  font-size: 14px
}
.form-control::placeholder {
  color: #c3c4cb !important;
  font-size: 14px
}
.nav-two a.nav-link.active::before {
  display: none !important
}
.nav-two a.nav-link.active {
  color: #ff511a !important
}
.banner-about {
  background-image: url(../images/about/about-banner.jpg)
}
.banner-contents h1 {
  font-size: 85px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 1px
}
.banner-contents h1 span {
  color: #ff511a
}
.banner-contents p {
  color: #989797;
  line-height: 1.8
}
.ournav-about {
  text-align: center
}
.ournav-about h3 {
  font-size: 20px;
  color: #b2b2b2;
  position: relative
}
.slider-nav-one {
  width: 60%;
  margin: 0 auto;
  text-align: center
}
.about-slider-main {
  padding: 90px 0 0 0
}
.heading-center-page {
  margin: 0 auto;
  text-align: center;
  display: block
}
.heading-center-page h2 {
  font-size: 33px;
  font-weight: 600;
  position: relative;
  margin-bottom: 80px
}
.heading-center-page h2::after {
  height: 1px;
  width: 117px;
  position: absolute;
  content: "";
  display: block;
  background: #ff511a;
  right: -20px;
  bottom: -10px
}
.about-slider .slick-current .ournav-about h3 {
  color: #ff511a !important
}
.about-slider .slick-current .ournav-about h3::after {
  background: #ff511a
}
.ournav-about h3::after {
  content: "";
  width: 14px;
  height: 14px;
  background: #e6e8ee;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 50px;
  bottom: -30px
}
.slider-nav-one::after {
  width: 100%;
  content: "";
  height: 2px;
  background: #e6e8ee;
  position: absolute;
  left: 0;
  bottom: 8px;
  z-index: -1
}
.slider-nav-one .slick-list {
  padding: 0 0 24px 0 !important;
  outline: 0
}
.slider-for-one {
  margin-top: 60px
}
.box-about-slide img {
  width: 100%
}
.box-about-slide h3 {
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 20px
}
.box-about-slide p {
  font-size: 15px;
  color: #7f7f7f;
  line-height: 1.8;
  margin-bottom: 20px
}
.off-mb-dek {
  margin-bottom: 0 !important
}
.aboutleft-content h3 {
  font-size: 33px;
  font-weight: 600;
  margin-bottom: 45px
}
h3.bottomborder {
  display: inline-block;
  position: relative
}
h3.bottomborder::after {
  width: 117px;
  height: 1px;
  content: "";
  display: block;
  position: absolute;
  background: #2c83f7;
  right: -20px;
  bottom: -20px
}
.aboutleft-content p {
  font-size: 15px;
  color: #7f7f7f;
  line-height: 1.8
}
.custompadding {
  padding-top: 70px;
  padding-bottom: 70px
}
.about-foldtwo {
  position: relative
}
.about-foldtwo::after {
  background: #ff511a;
  width: 31%;
  content: "";
  display: block;
  position: absolute;
  height: 90%;
  right: 0;
  top: 49%;
  transform: translateY(-50%);
  z-index: -1
}
.dis-space-bt {
  justify-content: space-between;
  align-items: center
}
.imagesidemobile img {
  width: auto
}
.custompadding::after {
  background: #ff511a;
  content: "";
  display: block;
  position: absolute;
  height: 90%;
  width: 28%;
  right: 0;
  top: 49%;
  transform: translateY(-50%);
  z-index: -1
}
.custompadding {
  position: relative
}
.about-slider-main .slick-arrow {
  display: none !important
}
.services-page-space-between {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.heading-border-left {
  position: relative;
  display: inline-block
}
.heading-border-left::after {
  height: 1px;
  width: 117px;
  position: absolute;
  content: "";
  display: block;
  background: var(--main-color);
  bottom: -15px;
  right: -25px
}
.services-content-box h3 {
  font-size: 33px;
  font-weight: 600;
  padding-top: 70px;
  margin-bottom: 60px;
  color: #000;
}
.services-fold-one {
  padding: 30px 0 60px 0;
  background-color: #000;
}
.services-content-box p {
  font-size: 15px;
  color: #000;
  line-height: 1.8;
}
.services-fold-two {
  background: url(../images/services/second-fold-background.png);
  width: 100%;
  background-repeat: no-repeat;
  padding: 90px 0
}
.image-services-fold img {
  width: 100%
}
.pt-0-im {
  padding-top: 0 !important
}
.device-box img {
  text-align: center;
  margin: 0 auto;
  display: block
}
.device-box h4 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
}
.device-box p {
  font-size: 15px;
  color: #fff;
  line-height: 1.8;
  margin-bottom: 0
}
.device-box {
  margin-bottom: 50px
}
.services-devices .device-box:nth-child(3) {
  margin-bottom: 0
}
.services-fold-three::after {
  background: #000;
  content: "";
  display: block;
  position: absolute;
  content: "";
  width: 58%;
  height: 80%;
  top: 0;
  left: 0;
  z-index: 0;
  padding-top: 10px;
  transform: translateY(-50%);
  top: 50%;
  -webkit-box-shadow: -17px 29px 30px 0 rgba(109, 127, 162, .25);
  -moz-box-shadow: -17px 29px 30px 0 rgba(109, 127, 162, .25);
  box-shadow: -17px 29px 30px 0 rgba(109, 127, 162, .25);
  border: 1px solid #000000;
}
.services-fold-three {
  position: relative;
  padding: 90px 0
}
.services-fold-three::before {
  background: var(--main-color);
  display: block;
  position: absolute;
  content: "";
  height: 100%;
  width: 50%;
  right: 0;
  top: 0;
}
.content-larges p {
  font-size: 51px;
  font-weight: 600;
  color: var(--text-color);
  line-height: 1.3;
  margin-bottom: 0;
}
.services-devices {
  position: relative;
  z-index: 1
}
.box-flexup {
  width: 85%;
  display: flex;
  align-items: center;
  height: 100%
}
.content-larges {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%
}
.ourimage-side img {
  width: 100%
}
.services-fold-four {
  padding: 70px 0 70px 0
}
.services-bg-color {
  background-color: #fff
}
.banner-wrap {
  position: relative
}
.banner-image-rights img {
  width: 100%
}
.services-spacebt-four-five {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.services-lefts {
  text-align: left
}
.banner-contents.services-lefts p {
  width: 100% !important;
  font-size: 15px;
  margin-bottom: 20px
}
.services-lefts .buttonbox {
  justify-content: left
}
.banner-contents.services-lefts h3 {
  font-size: 40px;
  font-weight: 900;
  text-transform: uppercase;
  padding-bottom: 25px;
  position: relative
}
.banner-contents.services-lefts h3::after {
  position: absolute;
  display: block;
  content: "";
  width: 179px;
  height: 2px;
  bottom: 0;
  background: var(--main-color);
  transform: translateX(-60%);
  left: 60%
}
.banner-contents.services-lefts .button--isi {
  margin: 0
}
.bottom-shaddow-mobile {
  position: relative
}
.bottom-shaddow-mobile::after {
  background-image: url(../images/services/mobile-bottom-shaddow-bottom-section.png);
  height: 48px;
  content: "";
  display: block;
  position: absolute;
  background-size: contain;
  width: 100%;
  background-repeat: no-repeat;
  bottom: -50px;
  background-position: bottom center
}
.android-pages.services-right-left-banners::after {
  background-image: url(../images/services/android/services-right-bottom.jpg);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right bottom
}
.android-pages.services-right-left-banners::before {
  background-image: url(../images/services/ios/services-left-bottom.jpg);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: left bottom
}
.android-mobile-image-services {
  text-align: center;
  position: relative
}
.android-mobile-image-services img {
  width: auto;
  position: relative;
  z-index: 99
}
.android-mobile-image-services::after {
  background-image: url(../images/services/android/mobile-first-fold-back-bg.png);
  height: 621px;
  width: 460px;
  position: absolute;
  background-size: 100% 100%;
  content: "";
  display: block;
  top: -120px;
  z-index: 0;
  left: -18px;
  filter: grayscale(1);
}
.positiontopcenter {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: block;
  display: inline-block
}
.services-fold-five {
  position: relative;
  display: block;
  height: 100%;
  width: 100%
}
.tabscontent-services .nav-tabs .nav-link {
  font-size: 15px;
  color: #a4b3c5 !important
}
.positiontopcenter .nav-tabs {
  justify-content: space-between;
  border-bottom: 0
}
.services-content-tabs h3 {
  font-size: 33px;
  font-weight: 600;
  padding-top: 50px;
  margin-bottom: 20px
}
.tabscontent-services a.nav-link.active {
  color: #000 !important;
  background-color: transparent !important;
  position: relative
}
a.nav-link.active::before {
  border-bottom: 2px solid #ff511a;
  display: block;
  position: absolute;
  bottom: 0;
  content: "";
  width: 100%;
  height: 2px;
  bottom: -1px
}
a.nav-link.active {
  position: relative
}
.tabscontent-services a.nav-link.active::after {
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background-color: #ff511a;
  opacity: 0;
  transition: all .2s linear
}
.tabscontent-services .nav-tabs .nav-link.active {
  border-color: transparent !important
}
.tabscontent-services .nav-link:hover {
  border-color: transparent !important
}
.services-content-tabs p {
  font-size: 15px;
  color: #9b9da0;
  line-height: 1.8;
  margin-bottom: 0
}
.services-fold-five::after {
  background: #fbfcfe;
  display: block;
  position: absolute;
  height: 80%;
  width: 100%;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  z-index: -1
}
.ours-aligncn {
  height: 100%;
  display: flex;
  align-items: center
}
.tabs-images-services {
  -webkit-box-shadow: -5px 17px 40px 0 rgb(109 127 162 / 50%);
  -moz-box-shadow: -5px 17px 40px 0 rgb(109 127 162 / 50%);
  box-shadow: -5px 17px 40px 0 rgb(109 127 162 / 50%)
}
.flex-technologies {
  display: flex;
  width: 100%
}
.center-heading-border {
  text-align: center;
  margin: 0 auto;
  display: block;
  display: inline-block;
  position: relative
}
.services-fold-six {
  padding: 70px 0
}
.boxtechnologies {
  box-shadow: 10px 17px 30px 0 rgb(109 127 162 / 25%);
  text-shadow: 10px 17px 30px rgb(109 127 162 / 25%);
  background: #fff;
  width: 18%;
  margin: 0 11px 0 11px
}
.innertechnologies-logo {
  text-align: center;
  margin: 0 auto;
  border: 1px solid #dfe5ed
}
.mauto-flex {
  margin: 0 auto;
  justify-content: center;
  margin-top: 20px
}
.center-heading-border h3 {
  display: inline-block;
  font-size: 33px;
  font-weight: 600;
  position: relative
}
.center-heading-border h3::after {
  width: 117px;
  height: 1px;
  position: absolute;
  content: "";
  background: var(--main-color);
  right: 0;
  display: inline-block;
  bottom: -13px;
  right: -30px
}
.mt-sixty {
  margin-top: 60px
}
.section-fold-seven {
  padding: 40px 0 90px 0
}
.section-fold-seven .center-heading-border {
  padding: 0 0 55px 0
}
.flexboxprocess {
  display: flex;
  align-items: center
}
.process-texts p {
  font-size: 13.5px;
  color: #949494;
  margin-bottom: 0;
  line-height: 1.5
}
.text-align-right {
  text-align: right
}
.w40ty {
  width: 35%
}
.w20ty {
  width: 30%
}
.process-texts h3 span2 {
  font-size: 21px;
  font-weight: 600
}
.text-align-right .process-texts {
  padding-right: 15px
}
.process-texts h3 span {
  position: absolute;
  font-size: 114px;
  top: -2px;
  line-height: 0;
  z-index: -1;
  color: #f5f5f5;
  right: -10px
}
.process-texts h3 {
  position: relative
}
.centermobilebox {
  text-align: center
}
.mt-processbox {
  margin-top: 120px
}
.section-about-home.android-page::after {
  background: url(../images/services/android/android-text-bg.png) !important
}
.desktop-order-1 {
  display: flex;
  order: 1
}
.desktop-order-2 {
  display: flex;
  order: 2
}
.text-align-lefts .process-texts h3 span {
  left: 0
}
.text-align-lefts .process-texts {
  padding-left: 15px
}
.section-about-home.ios-page::after {
  background: url(../images/services/ios/ios-text-bg.png) !important
}
.ios-page.services-right-left-banners::after {
  background-image: url(../images/services/ios/services-right-bottom.jpg);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right bottom
}
.communittercase.services-right-left-banners::after {
  background-image: url(../images/casestudy/Communitter/communitter.bgs.png);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right bottom
}
.hockeynowcase.services-right-left-banners::after {
  background-image: url(../images/hockey-nowbg.png);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right bottom
}
.alhersh-case.services-right-left-banners::after {
  background-image: url(../images/casestudy/Al-Hersh/al-hershbgs.png);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right bottom;
  opacity: .7
}
.alhersh-case.industt.services-right-left-banners::after {
  background-image: url(../images/industries/casesty-bgg.png) !important;
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right bottom;
  opacity: .7
}
.odontacase.services-right-left-banners::after {
  background-image: url(../images/casestudy/Odonta/odontabg.png);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right bottom;
  opacity: .7
}
.songmatchcase.services-right-left-banners::after {
  background-image: url(../images/casestudy/SongMatch/songmatchbgs.png);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right bottom;
  opacity: .7
}
.swirchpockercase.services-right-left-banners::after {
  background-image: url(../images/casestudy/SwitchPoker/switchpokerbga.png);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right bottom;
  opacity: .7
}
.ourcased.services-right-left-banners::before {
  background-image: url(../images/services/ios/services-left-bottom.jpg);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: left bottom
}
.ios-page.services-right-left-banners::before {
  background-image: url(../images/services/android/services-left-bottom.jpg);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: left bottom
}
.ios-mobile-image-services {
  text-align: center;
  position: relative
}
.ios-mobile-image-services img {
  width: auto;
  position: relative;
  z-index: 99
}
.ios-mobile-image-services::after {
  background-image: url(../images/services/ios/mobile-first-fold-back-bg.png);
  height: 621px;
  width: 460px;
  position: absolute;
  background-size: 100% 100%;
  content: "";
  display: block;
  top: -80px;
  z-index: 0;
  left: -18px;
  filter: grayscale(1);
}
.iosshaddow img {
  box-shadow: 10px 17px 40px 0 rgba(0, 0, 0, .3);
  text-shadow: 10px 17px 40px rgba(0, 0, 0, .3);
  width: auto
}
.pos-rel img {
  position: relative;
  z-index: 2
}
.iosshaddow {
  text-align: right;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%)
}
.wautos img {
  width: auto
}
img.center-image {
  text-align: center;
  margin: 0 auto;
  display: block
}
.iosshaddow {
  text-align: right
}
.pos-rel {
  position: relative
}
.tabs-images-services img {
  width: 100% !important
}
.section-about-home.react-page::after {
  background: url(../images/services/react-native/react-text-bg.png) !important
}
.android-bn.w100image img {
  width: 100% !important
}
.react-page.services-right-left-banners::after {
  background-image: url(../images/services/react-native/services-right-bottom.jpg);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right bottom
}
.react-page.services-right-left-banners::before {
  background-image: url(../images/services/react-native/services-left-bottom.jpg);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: left bottom
}
.react-mobile-image-services {
  text-align: center;
  position: relative
}
.react-mobile-image-services img {
  width: auto;
  position: relative;
  z-index: 99
}
.react-mobile-image-services::after {
  background-image: url(../images/services/react-native/mobile-first-fold-back-bg.png);
  height: 621px;
  width: 460px;
  position: absolute;
  background-size: 100% 100%;
  content: "";
  display: block;
  top: -80px;
  z-index: 0;
  left: -18px;
  filter: grayscale(1);
}
.wearable-mobile-image-services {
  text-align: center;
  position: relative
}
.wearable-mobile-image-services img {
  width: auto;
  position: relative;
  z-index: 99
}
.wearable-mobile-image-services::after {
  background-image: url(../images/services/wearable/mobile-first-fold-back-bg.png);
  height: 621px;
  width: 460px;
  position: absolute;
  background-size: 100% 100%;
  content: "";
  display: block;
  top: -80px;
  z-index: 0;
  left: -18px;
  filter: grayscale(1);
}
.ourmb-app-plays img {
  width: 80%;
  text-align: right;
  margin-right: 0 !important
}
.ourmb-app-plays {
  text-align: right
}
.app-store-optimization-services {
  text-align: center;
  position: relative
}
.app-store-optimization-services img {
  width: 100%;
  position: relative;
  z-index: 99
}
.app-store-optimization-services::after {
  background-image: url(../images/services/app-store-optimization/mobile-first-fold-back-bg.png);
  height: 621px;
  width: 460px;
  position: absolute;
  background-size: 100% 100%;
  content: "";
  display: block;
  top: -80px;
  z-index: 0;
  left: -18px;
  filter: grayscale(1);
}
.optimize-page.services-right-left-banners::after {
  background-image: url(../images/services/app-store-optimization/services-right-bottom.jpg);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right bottom
}
.optimize-page.services-right-left-banners::before {
  background-image: url(../images/services/app-store-optimization/services-left-bottom.jpg);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: left bottom
}
.section-about-home.optimize-page::after {
  background: url(../images/services/wearable/wearable-text-bg.png) !important
}
.section-about-home.mobiles-page::after {
  background: url(../images/services/mobile-app/mobile-text-bg.png) !important
}
.wearable-page.services-right-left-banners::after {
  background-image: url(../images/services/wearable/services-right-bottom.jpg);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right bottom
}
.wearable-page.services-right-left-banners::before {
  background-image: url(../images/services/wearable/services-left-bottom.jpg);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: left bottom
}
.section-about-home.wearable-page::after {
  background: url(../images/services/wearable/wearable-text-bg.png) !important
}
.section-about-home.optimize-page::after {
  background: url(../images/services/app-store-optimization/appstoreoptimization-text.png) !important
}
.optimize-page .android-bn::after {
  display: none !important
}
.section-about-home.mobiles-page::after {
  background: url(../images/services/mobile-app/mobile-text-bg.png) !important
}
.section-about-home.flutter-pageb::after {
  background: url(../images/services/flutter/flutter-text-image.png) !important
}
.mobile-app-mobile-image-services {
  text-align: center;
  position: relative
}
.mobile-app-mobile-image-services img {
  width: auto;
  position: relative;
  z-index: 99
}
.mobile-app-mobile-image-services::after {
  background-image: url(../images/services/mobile-app/mobile-first-fold-back-bg.png);
  height: 621px;
  width: 460px;
  position: absolute;
  background-size: 100% 100%;
  content: "";
  display: block;
  top: 0;
  z-index: 0;
  left: -18px;
  filter: grayscale(1);
}
.flutter-page-image-services {
  text-align: center;
  position: relative
}
.flutter-page-image-services img {
  width: auto;
  position: relative;
  z-index: 99
}
.flutter-page-image-services::after {
  background-image: url(../images/services/flutter/flutter-first-fold-back-bg.png);
  height: 621px;
  width: 460px;
  position: absolute;
  background-size: 100% 100%;
  content: "";
  display: block;
  top: -80px;
  z-index: 0;
  left: -18px;
  filter: grayscale(1);
}
.desktpmobile-center img {
  margin: 0 auto;
  display: block
}
.flutt img {
  width: auto
}
.mobile-app.services-right-left-banners::after {
  background-image: url(../images/services/mobile-app/services-right-bottom.jpg);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right bottom
}
.mobile-app.services-right-left-banners::before {
  background-image: url(../images/services/mobile-app/services-left-bottom.jpg);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: left bottom
}
.flutter-app-n.services-right-left-banners::after {
  background-image: url(../images/services/flutter/flutter-right-bottom.jpg);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right bottom
}
.flutter-app-n.services-right-left-banners::before {
  background-image: url(../images/services/mobile-app/services-left-bottom.jpg);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: left bottom
}
.section-about-home.mobile-app::after {
  background: url(../../page-not-found.php/index.html) !important
}
.blueheader .start-header.scroll-on {
  background: #2c83f7 !important
}
.blueheader .start-header.scroll-on .nav-link {
  color: #fff !important
}
.white-nav a.nav-link {
  color: #fff !important
}
.blueheader .start-header.scroll-on .nav-item.active .nav-link {
  color: #000 !important
}
.casestudy-about {
  padding: 80px 0 0 0
}
.casestudy-main-heading h2 {
  font-size: 45px;
  font-weight: 700;
  color: #000;
  display: inline-block;
  position: relative
}
.casestudy-main-heading h2::after {
  background: url(../images/casestudy-heading-shaddow.png);
  height: 485px;
  width: 50px;
  position: absolute;
  display: block;
  content: ""
}
.casestudy-main-heading h2::after {
  background: url(../images/casestudy-heading-shaddow.png);
  height: 375px;
  width: 39px;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  top: -100px;
  transform: translateY(0);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: right center
}
.casestudy-main-content p {
  font-size: 15px;
  color: #595959;
  line-height: 1.8;
  padding-right: 20px;
  margin-bottom: 30px;
  font-weight: 600
}
.button-download {
  display: flex;
  align-items: center
}
.spacebtns {
  width: 20px
}
.casestudy-folds {
  padding: 0 0 60px 0
}
.fold-para {
  font-size: 15px;
  color: #595959;
  line-height: 1.8;
  width: 100%
}
.fold-side-headings h3 {
  font-size: 15px;
  color: #a3b0c2;
  text-align: center;
  margin-bottom: 0;
  background: #fff;
  padding: 8px;
  position: relative;
  z-index: 999
}
.fold-images img {
  width: 100%
}
.fold-side-headings::after {
  height: 100vh;
  width: 2px;
  content: "";
  background: #dce3eb !important;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateY(-50%)
}
.fold-side-headings {
  height: 100%;
  display: block
}
.banner-hokeynow {
  background-image: url(../../page-not-found.php/index.html)
}
.custom-popup .modal-dialog {
  max-width: 755px !important
}
.custom-popup .modal-content {
  border-radius: 10px;
  border: 0
}
.custom-popup .modal-header {
  border: 0
}
.heading-popup h2 {
  font-size: 18px;
  font-weight: 700;
  position: relative
}
.heading-popup {
  text-align: center
}
.heading-popup p {
  font-size: 15px;
  color: #000;
  font-weight: 500;
  padding-top: 20px;
  margin-bottom: 0;
  line-height: 1.8
}
.heading-popup h2::after {
  position: absolute;
  display: block;
  content: "";
  width: 28px;
  background: #ff511a;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -8px
}
.mb-bottom4 {
  margin-bottom: 40px
}
.custom-popup button.close {
  position: absolute;
  right: 0;
  z-index: 9;
  right: 20px;
  top: 10px;
  outline: 0
}
.custom-popup .close:hover {
  color: #ff511a
}
.custom-popup .close {
  font-size: 60px;
  font-weight: 100;
  color: #9ca2ac;
  line-height: .5
}
.popupform-custom div {
  width: 48.5%;
  display: inline-block;
  position: relative
}
.popupform-custom input {
  font-size: 12px;
  background: #f0f4f7;
  margin-bottom: 18px;
  height: 35px;
  border: 0;
  position: relative
}
.popupform-custom textarea {
  width: 100%;
  display: inline-block;
  background: #f0f4f7;
  margin-bottom: 18px;
  min-height: 95px !important;
  border: 0
}
.custom-popup .modal-body {
  padding: 48px
}
.popupform-custom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}
.placehodercss::-webkit-input-placeholder {
  color: #9ca2ac !important;
  font-size: 11px !important;
  position: relative !important
}
.placehodercss::-moz-placeholder {
  color: #9ca2ac !important;
  font-size: 11px !important;
  position: relative !important
}
.placehodercss:-ms-input-placeholder {
  color: #9ca2ac !important;
  font-size: 11px !important;
  position: relative !important
}
.placehodercss:-moz-placeholder {
  color: #9ca2ac !important;
  font-size: 11px !important;
  position: relative !important
}
.placehodercss.empty + span {
  position: absolute;
  top: 8%;
  font-size: 23px;
  color: red;
  left: 18%;
  display: block !important;
  transform: translate(18%, 8%)
}
.disnone-st + span {
  display: none !important
}
.disnone-st.empty + span {
  display: none !important
}
.popupform-custom .empty {
  position: relative
}
.ourclasss.fullwd {
  width: 100%
}
span.messages {
  left: 12% !important;
  top: -2px !important;
  transform: translate(12%, -2%)
}
input.submitbtn {
  background: #FF001E;
  background: -moz-linear-gradient(144deg, #FF001E 0, #ff511a 100%);
  background: -webkit-linear-gradient(144deg, #FF001E 0, #ff511a 100%);
  background: linear-gradient(144deg, #FF001E 0, #ff511a 100%);
  width: 100px;
  height: 34px;
  border-radius: 50px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  font-weight: 600;
  margin: 0 auto;
  text-transform: uppercase
}
.fl-end {
  justify-content: flex-end
}
.mega-menu {
  position: relative
}
.mega-menu::after {
  background: url(../images/menu/menushaddow.png);
  background-size: contain;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  content: "";
  top: 1px;
  left: 1px;
  z-index: -1;
  background-repeat: no-repeat
}
ul {
  list-style: none;
  margin: 0;
  padding: 0
}
.content {
  margin: 50px 100px 0 100px
}
.exo-menu {
  width: 100%
}
.exo-menu > li {
  display: inline-block;
  float: left;
  font-size: 13px;
  text-transform: uppercase;
  text-decoration: none
}
.exo-menu > li > a {
  -webkit-transition: color .2s linear, background .2s linear;
  -moz-transition: color .2s linear, background .2s linear;
  -o-transition: color .2s linear, background .2s linear;
  transition: color .2s linear, background .2s linear;
  text-decoration: none;
  padding-top: 10px;
  padding-bottom: 10px
}
.exo-menu i {
  float: left
}
.flyout-left, .flyout-right, li.drop-down {
  position: relative
}
li.drop-down:before {
  content: "\f103";
  color: #fff;
  font-family: FontAwesome;
  font-style: normal;
  display: inline;
  position: absolute;
  right: 6px;
  top: 20px;
  font-size: 14px
}
li.drop-down > ul {
  left: 0;
  min-width: 230px
}
.drop-down-ul {
  display: none
}
.flyout-left > ul, .flyout-right > ul {
  top: 0;
  min-width: 230px;
  display: none;
  border-left: 1px solid #365670
}
.flyout-left ul > li > a, .flyout-right ul > li > a, li.drop-down > ul > li > a {
  color: #fff;
  display: block;
  padding: 20px 22px;
  text-decoration: none;
  background-color: #365670;
  border-bottom: 1px dotted #547787;
  -webkit-transition: color .2s linear, background .2s linear;
  -moz-transition: color .2s linear, background .2s linear;
  -o-transition: color .2s linear, background .2s linear;
  transition: color .2s linear, background .2s linear
}
.flyout-left ul > li > a, .flyout-right ul > li > a {
  border-bottom: 1px dotted #b8c7bc
}
.flyout-mega-wrap {
  top: 0;
  right: 0;
  left: 100%;
  width: 100%;
  display: none;
  height: 100%;
  padding: 15px;
  min-width: 742px
}
h4.row.mega-title {
  color: #eee;
  margin-top: 0;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc
}
.flyout-mega ul > li > a {
  font-size: 90%;
  line-height: 25px;
  color: #fff;
  font-family: inherit
}
.flyout-mega ul > li > a:active, .flyout-mega ul > li > a:focus, .flyout-mega ul > li > a:hover {
  text-decoration: none;
  background-color: transparent !important;
  color: #ccc !important
}
.mega-menu {
  left: 0;
  right: 0;
  padding: 28px;
  display: none;
  min-height: 100%;
  top: 38px;
  border-radius: 10px;
  z-index: 1
}
.ourmenustyle {
  display: flex;
  align-items: center !important
}
.menu-content h3 {
  font-size: 13px;
  color: #fff;
  font-weight: 600;
  text-transform: initial
}
.menu-content p {
  font-size: 10px;
  line-height: 1.8;
  color: #b4b9c8;
  text-transform: initial;
  margin-bottom: 0
}
.icon-menu {
  margin-right: 15px
}
h4.row.mega-title {
  color: #eee;
  margin-top: 0;
  font-size: 14px;
  padding-left: 15px;
  padding-bottom: 13px;
  text-transform: uppercase;
  padding-top: 15px
}
.mega-menu ul li a {
  display: block;
  text-decoration: none
}
ul.stander li a {
  padding: 3px 0
}
ul.description li {
  padding-bottom: 12px;
  line-height: 8px
}
ul.description li span {
  color: #ccc;
  font-size: 85%
}
a.view-more {
  border-radius: 1px;
  margin-top: 15px;
  background-color: #009fe1;
  padding: 2px 10px !important;
  line-height: 21px !important;
  display: inline-block !important
}
a.view-more:hover {
  color: #fff;
  background: #0dadef
}
ul.icon-des li a i {
  color: #fff;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  background-color: #009fe1;
  line-height: 35px !important
}
ul.icon-des li {
  width: 100%;
  display: table;
  margin-bottom: 11px
}
.Blog {
  left: 0;
  display: none;
  color: #fefefe;
  padding-top: 15px;
  background: #547787;
  padding-bottom: 15px
}
.Blog .blog-title {
  color: #fff;
  font-size: 15px;
  text-transform: uppercase
}
.Blog .blog-des {
  color: #ccc;
  font-size: 90%;
  margin-top: 15px
}
.Blog a.view-more {
  margin-top: 0
}
.Images {
  left: 0;
  width: 100%;
  display: none;
  color: #fefefe;
  padding-top: 15px;
  background: #547787;
  padding-bottom: 15px
}
.Images h4 {
  font-size: 15px;
  margin-top: 0;
  text-transform: uppercase
}
.flyout-left ul > li > a, .flyout-mega-wrap, .flyout-right ul > li > a, .mega-menu {
  background-color: #0b0300
}
.Blog:hover, .Images:hover, .blog-drop-down > a:hover + .Blog, .drop-down-ul:hover, .flyout-mega-wrap:hover, .images-drop-down > a:hover + .Images, .mega-drop-down a:hover + .mega-menu, .mega-menu:hover, li.drop-down > a:hover + .drop-down-ul, li.flyout-left a:hover + ul, li.flyout-left > ul:hover, li.flyout-mega > a:hover + .flyout-mega-wrap, li.flyout-right a:hover + ul, li.flyout-right > ul:hover {
  display: inline-table !important
}
@media (min-width:767px) {
  .exo-menu > li > a {
    display: block
  }
  .Blog, .Images, .flyout-left > ul, .flyout-mega-wrap, .flyout-right > ul, .mega-menu, li.drop-down > ul {
    position: absolute
  }
  .flyout-right > ul {
    left: 100%
  }
  .flyout-left > ul {
    right: 100%
  }
}
@media (max-width:767px) {
  .exo-menu {
    min-height: 58px;
    background-color: #23364b;
    width: 100%
  }
  .exo-menu > li > a {
    width: 100%;
    display: none
  }
  .exo-menu > li {
    width: 100%
  }
  .display.exo-menu > li > a {
    display: block;
    padding: 20px 22px
  }
  .Blog, .Images, .flyout-left > ul, .flyout-right > ul, .mega-menu, li.drop-down > ul {
    position: relative
  }
}
a.toggle-menu {
  position: absolute;
  right: 0;
  padding: 20px;
  font-size: 27px;
  background-color: #ccc;
  color: #23364b;
  top: 0
}
.mega-drop-down a {
  margin-right: 30px
}
.mega-menu-wrap ul a {
  margin-bottom: 20px
}
.mega-menu-wrap a::before {
  display: none !important
}
.servicesbtn-icons {
  position: relative
}
.servicesbtn-icons::before {
  left: 50%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0b0300;
  top: 28px;
  content: "";
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  transform: translateX(-50%);
  display: none
}
.casestudybtn-icons {
  position: relative
}
.casestudybtn-icons::before {
  left: 50%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0b0300;
  top: 28px;
  content: "";
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  transform: translateX(-50%);
  display: none
}
.industriesbtn-icons {
  position: relative
}
.industriesbtn-icons::before {
  left: 50%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0b0300;
  top: 28px;
  content: "";
  background-repeat: no-repeat;
  position: absolute;
  display: block;
  transform: translateX(-50%);
  display: none
}
li.mega-drop-down:hover a::before {
  display: block !important
}
.mega-drop-down a {
  color: #fff;
}
a.ourbottm-down {
  position: relative;
}
a.ourbottm-down::after {
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 5px solid #fff;
  content: "";
  display: block;
  position: absolute;
  right: -12px;
  top: 38%;
  transform: translateY(-38%)
}
.displaynonebefore .mega-drop-down a {
  margin-right: 0
}
.menu2drop {
  width: fit-content !important;
  position: absolute;
  right: 0;
  left: 100%;
  transform: translateX(-100%);
  display: none;
  width: 100% !important
}
.posrelll {
  position: relative
}
.nvbar-btn .menu2drop {
  top: 38px
}
.mx-md-4, .nvbar-btn .ml-md-4 {
  margin-left: 2.3rem !important
}
.nvbar-btn .menu2drop.mb-s0 {
  padding-bottom: 0 !important
}
.scroll-on .nvbar-btn img {
  position: relative;
  top: -8px
}
.section-contacts {
  padding: 70px 0;
  background-color: #000;
}
.form-contact-page-side input {
  height: 50px;
  margin-bottom: 27px;
  border-radius: 10px;
  border: 1px solid #fff;
  background: #ffffff;
  padding-left: 20px;
  -webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, .1);
  box-shadow: 0 0 29px 0 rgba(0, 0, 0, .1);
  -webkit-appearance: none;
}
.form-contact-page-side textarea {
  height: 118px;
  margin-bottom: 27px;
  border-radius: 10px;
  border: 1px solid #fff;
  background: #ffffff;
  padding-left: 20px;
  padding-top: 20px;
  -webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, .10);
  box-shadow: 0 0 29px 0 rgba(0, 0, 0, .10);
}
.custom-btn input{
  width: 180px;
  margin: 0 auto;
  background: var(--main-color);
  color: var(--text-color);
  font-size: 13px;
  font-weight: 600 !important;
  text-transform: uppercase;
  border-radius: 50px;
  height: 50px;
  border: none;
}
.btn-round {
  display: inline-block;
  position: relative
}
input.submitbtn-contact-page {
  width: 69px;
  height: 69px;
  border-radius: 50px;
  border: 1px solid #ff511a;
  padding: 0;
  font-size: 15px;
  font-weight: 700;
  color: #ff511a;
  margin-bottom: 0;
  position: relative
}
.btn-round::before {
  height: 10px;
  width: 10px;
  background: #fff;
  content: "";
  display: block;
  position: absolute;
  right: -5px;
  transform: translateY(-50%);
  top: 50%;
  z-index: 9
}
.btn-round::after {
  width: 38px;
  height: 1px;
  background: #ff511a;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -35px;
  z-index: 11
}
.form-contact-page-side select {
  height: 45px;
  border-bottom: 1px solid #ced4da !important;
  border: 0;
  border-radius: 0
}
.form-contact-page-side select {
  height: 45px;
  border-radius: 0;
  border-bottom: 1px solid #ced4da;
  color: #666 !important;
  font-size: 13px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../images/down-arrow-select.png);
  background-repeat: no-repeat;
  background-position: 96% 20px;
  -webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, .10);
  box-shadow: 0 0 29px 0 rgba(0, 0, 0, .10)
}
.placehodercss-contact::-webkit-input-placeholder {
  color: #666 !important;
  font-size: 13px !important;
  position: relative !important;
  font-family: Raleway, sans-serif
}
.placehodercss-contact::-moz-placeholder {
  font-family: Raleway, sans-serif;
  color: #666 !important;
  font-size: 13px !important;
  position: relative !important
}
.placehodercss-contact:-ms-input-placeholder {
  color: #9ca2ac !important;
  font-size: 666666 !important;
  position: relative !important;
  font-size: 13px !important;
  font-family: Raleway, sans-serif
}
.placehodercss-contact:-moz-placeholder {
  font-family: Raleway, sans-serif;
  color: #666 !important;
  font-size: 13px !important;
  position: relative !important
}
.file-input input[type=file] {
  position: absolute;
  left: -10000px
}
.file-input input[type=text]:focus {
  -webkit-box-shadow: none;
  border-color: #ccc
}
.no-js .file-input input[type=file] {
  position: static;
  left: 0
}
.no-js .file-input input[type=text] {
  display: none
}
.no-js .file-input button {
  display: none
}
.custom-browse input {
  margin-top: 22px;
  background: #fff !important
}
.custom-browse span.input-group-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px !important
}
.custom-browse button.btn.btn-primary {
  font-size: 11px !important;
  padding: 4px 14px;
  border-radius: 2px
}
.flex-oowns {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.text-boxedright h3 {
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  position: relative
}
.text-boxedright h3::after {
  width: 209px;
  content: "";
  display: block;
  position: absolute;
  background: var(--main-color);
  height: 1px;
  right: 0;
  bottom: -40px
}
.contact-info h3 {
  font-size: 18px;
  font-weight: 700;
  position: relative;
  margin-bottom: 22px;
  display: inline-block
}
.contact-info p {
  font-size: 15px;
  color: #a3a3a3;
  line-height: 1.8;
  font-weight: 600
}
.contact-box-section-box {
  padding: 60px 0;
  margin-bottom: 80px
}
.contact-info h3::after {
  width: 50px;
  height: 1px;
  display: block;
  position: absolute;
  content: "";
  background: #ff511a;
  right: -10px;
  bottom: -10px
}
.image-contact-destination {
  margin-top: 0
}
.image-contact-destination img {
  filter: grayscale(100%);
  opacity: .7
}
.box-contact-d:hover .image-contact-destination img {
  box-shadow: 14px 23px 54px 0 rgba(109, 127, 162, .35);
  text-shadow: 14px 23px 54px rgba(109, 127, 162, .35);
  filter: initial;
  opacity: 1
}
.box-contact-d:hover {
  transform: scale(1)
}
.box-contact-d {
  transition: transform .2s
}
.box-contact-d:hover .contact-info h3 {
  color: #ff511a
}
.box-contact-d:hover .contact-info p {
  color: #000
}
.contact-info {
  margin-bottom: 30px
}
.image-contact-destination::after {
  content: "";
  height: 88%;
  width: 1px;
  display: block;
  position: absolute;
  background: #2566d7;
  top: 60px;
  right: 42px;
  display: none
}
.image-contact-destination::before {
  content: "";
  width: 75%;
  height: 1px;
  display: block;
  position: absolute;
  background: #2566d7;
  right: 42px;
  bottom: -18px;
  display: none
}
.image-contact-destination {
  position: relative
}
.box-contact-d:hover .image-contact-destination::after {
  display: block !important
}
.box-contact-d:hover .image-contact-destination::before {
  display: block !important
}
.box-contact-d.highlightmy {
  transform: scale(1.1)
}
.box-contact-d {
  transition: transform .2s
}
.box-contact-d.highlightmy .contact-info h3 {
  color: #ff511a
}
.box-contact-d.highlightmy .contact-info p {
  color: #000
}
.box-contact-d.highlightmy .image-contact-destination::after {
  display: block !important
}
.box-contact-d.highlightmy .image-contact-destination::before {
  display: block !important
}
.box-contact-d.highlightmy .image-contact-destination img {
  box-shadow: 14px 23px 54px 0 rgba(109, 127, 162, .75);
  text-shadow: 14px 23px 54px rgba(109, 127, 162, .75);
  filter: initial;
  opacity: 1
}
.owns-in {
  width: 100%;
  position: relative
}
.owns-in::after {
  content: "Select a price range";
  font-size: 11px;
  position: absolute;
  display: block;
  right: 0;
  top: 50%;
  right: 50px;
  color: #a3a3a3;
  font-weight: 600;
  transform: translateY(-50%)
}
.text-boxedright {
  display: flex;
  justify-content: flex-end
}
.contact-pagebanners {
  background: url(../images/contact/contact-page-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom
}
.contact-pagebanners .navigation-wrap.bg-light {
  background: 0 0 !important
}
.contact-pagebanners .contentleft-about {
  text-align: center
}
.contact-pagebanners .contentleft-about h3 {
  color: #fff
}
.contact-pagebanners .contentleft-about p {
  color: #8d8c8d;
  font-size: 18px
}
.contact-pagebanners .contentleft-about h3:after {
  background: #fff !important;
  width: 235px
}
.contact-pagebanners a {
  color: #fff !important
}
.contact-pagebanners a.ourbottm-down::after {
  border-top: #fff !important
}
.contact-pagebanners .btn-select li span {
  color: #fff !important
}
.contact-pagebanners .btn-select li span {
  color: #000 !important
}
.contact-pagebanners .navigation-wrap.bg-light.start-header.scroll-on {
  background: #fff !important
}
.contact-pagebanners .navigation-wrap.bg-light.start-header.scroll-on a {
  color: #000 !important
}
.contact-pagebanners .cpage.ourbottm-down::after {
  border-top: 5px solid #fff !important
}
.contact-pagebanners button.btn-select::after {
  border-top: 5px solid #fff
}
.contact-pagebanners .absolute-center {
  border: 0
}
.contact-pagebanners .lang-select a {
  color: #000 !important
}
.displaynone-desktop-and-mobile {
  display: none !important
}
.android-bn.border-nones-de::after {
  display: none
}
.modal-open .modal {
  padding-right: 0 !important
}
.banner-contents.services-lefts.lowercase h3 {
  text-transform: initial !important
}
body.modal-open {
  padding-right: 0 !important
}
.for-mobile {
  display: none !important
}
.modal-open {
  overflow-y: scroll !important
}
.same-section-add {
  padding: 50px 0;
  background: url(../images/services/services-same/background-image-same-bg.png);
  background-size: cover
}
.boximage-side-ser img {
  width: 100%
}
.services-content-sme h3 {
  font-size: 33px;
  font-weight: 600;
  position: relative;
  display: inline-block;
  margin-bottom: 25px
}
.services-content-sme p {
  font-size: 15px;
  color: #9b9da0
}
.services-content-sme h3::after {
  content: "";
  position: absolute;
  width: 117px;
  height: 1px;
  display: block;
  background: var(--main-color);
  right: 0;
  bottom: -10px
}
.box-servicesh {
  background: #fff;
  border-radius: 6px;
  padding: 30px 0;
  margin: 0 auto;
  display: block;
  text-align: center;
  border: 1px solid #ced5dd
}
.mtowns-same {
  margin-top: 28px;
  margin-bottom: 28px
}
.myspc-btw {
  display: flex;
  align-items: center
}
.container-same {
  position: relative;
  width: 100%
}
.image-same {
  display: block;
  height: auto;
  text-align: center;
  margin: 0 auto
}
.overlay-same {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: var(--main-color);
  border-radius: 6px;
}
.container-same:hover .overlay-same {
  opacity: 1
}
.text-same {
  width: 100%;
  color: #fff;
  font-size: 20px;
  position: absolute;
  text-align: center
}
.same-more {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}
.text-same h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-color);
}
.text-same {
  text-align: left;
  padding-left: 18px;
  width: 80%;
  top: 50%;
  transform: translateY(-50%)
}
.same-more img {
  filter: grayscale(1);
}
.text-same p {
  font-size: 11px;
  line-height: 1.8;
  margin-bottom: 0;
  color: var(--text-color);
}
.odontacase .whun img {
  width: 80% !important
}
.casestudy-main-heading h2 {
  padding-right: 21px;
  line-height: 1.2
}
section.all-folds-case {
  padding: 150px 0 80px 0;
  position: relative
}
.round-ics {
  position: absolute;
  height: 100% !important;
  left: 50%;
  transform: translate(-50%);
  bottom: 0
}
.round-ics::after {
  width: 2px;
  content: "";
  background: #dce3eb !important;
  display: block;
  position: absolute;
  height: 300px;
  left: 50%;
  transform: translate(0)
}
.round-ics::before {
  width: 6px;
  height: 6px;
  position: relative;
  content: "";
  border-radius: 5px;
  display: block;
  background: #dce3eb;
  bottom: -100%;
  left: 70%;
  transform: translate(-50%, 0)
}
.whun img {
  width: 100% !important
}
.whun::after {
  bottom: -40px
}
.fold-para p {
  color: #595959;
  font-weight: 600
}
.pl-20owns {
  padding-left: 30px
}
.pr-20owns {
  padding-right: 30px
}
.row.pl-20owns h3 {
  background: #ff511a;
  display: inline-block;
  font-size: 20px;
  color: #fff;
  padding: 4px;
  line-height: 1
}
.row.pl-20owns P {
  font-size: 15px;
  font-weight: 600;
  color: #595959
}
.row.pl-20owns h4 {
  font-size: 15px;
  font-weight: 700
}
.oursd-lst p {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 8px;
  position: relative
}
.oursd-lst p::after {
  width: 12px;
  content: "";
  position: absolute;
  content: "";
  height: 1px;
  display: block;
  background: #ff511a;
  left: -24px;
  top: 50%;
  transform: translateY(-50%)
}
.oursd-lst {
  padding-left: 25px
}
.ourslcs h3 {
  background: #ff511a;
  display: inline-block;
  font-size: 20px;
  color: #fff;
  padding: 4px;
  line-height: 1
}
.ourslcs P {
  font-size: 15px;
  font-weight: 600;
  color: #595959
}
.ourslcs h4 {
  font-size: 15px;
  font-weight: 700
}
.ourslcs {
  text-align: center;
  margin: 40px 0;
  border-top: 1px solid #0000002e;
  padding-top: 28px
}
.halfs {
  position: relative;
  margin: 50px 0
}
.owns-h {
  height: 500px !important
}
.content-left-section-half-image h3 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 20px
}
.content-left-section-half-image p {
  font-size: 15px;
  color: #000;
  line-height: 1.8
}
@media (max-width:767.98px) {
  .halfs {
    display: flex;
    flex-wrap: wrap
  }
}
@media (min-width:768px) {
  .halfs .halfs-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
  }
}
@media (min-width:768px) {
  .halfs .half-contents .row {
    min-height: 350px
  }
}
.content-box.content-center p {
  position: relative;
  z-index: 999
}
.upimage-case-rights {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%)
}
.upimage-case-rights img {
  width: 80%;
  text-align: center;
  margin: 0 auto;
  display: block;
  box-shadow: 10px 17px 60px 0 rgba(38, 43, 58, .2);
  text-shadow: 10px 17px 60px rgba(38, 43, 58, .2);
  border-radius: 14px
}
.upimage-case-lefts {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%)
}
.upimage-case-lefts img {
  width: 80%;
  text-align: center;
  margin: 0 auto;
  display: block;
  box-shadow: 10px 17px 60px 0 rgba(38, 43, 58, .2);
  text-shadow: 10px 17px 60px rgba(38, 43, 58, .2);
  border-radius: 14px
}
.mobileonof {
  display: none
}
.section-about-home.constructions-text::after {
  background: url(../images/industries/construction/construction-text.png) !important
}
.industries-sectionbxd {
  padding: 140px 0
}
.imageleft-industries img {
  width: 100%
}
.industries-text-right h3 {
  font-size: 33px;
  font-weight: 700;
  margin-bottom: 28px
}
.border-btms::after {
  width: 117px;
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  background: #ff511a;
  right: -20px;
  bottom: -12px
}
h3.border-btms {
  position: relative;
  display: inline-block
}
.industries-text-right p {
  color: #a3a3a3;
  line-height: 1.8;
  font-size: 15px
}
.custom-justify {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.imageleft-industries::after {
  width: 173px;
  height: 173px;
  content: "";
  display: block;
  position: absolute;
  background: #3172f2;
  top: 0;
  right: -28px;
  z-index: -1;
  top: -40px
}
.imageleft-industries::before {
  width: 173px;
  height: 173px;
  content: "";
  display: block;
  position: absolute;
  background: #3172f2;
  left: -28px;
  z-index: -1;
  bottom: -40px
}
.industries-fold-three {
  background: url(../images/industries/fold-three-industries.jpg) !important;
  background-size: cover !important;
  padding: 60px 0;
  background-repeat: no-repeat;
  width: 100%
}
.tickss img {
  margin-right: 10px
}
.tickss p {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 4
}
.industriescta {
  background: url(../images/industries/cta-bg.jpg) !important;
  background-size: cover !important;
  padding: 60px 0;
  background-repeat: no-repeat;
  width: 100%
}
.ctatext h3 {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.5
}
.ctabtns .buttonbox {
  justify-content: flex-end
}
.ourctajust {
  align-items: center
}
.ctabtns .buttonbox button {
  background: #fff;
  color: #000;
  font-size: 14px;
  color: #ff511a;
  font-weight: 800 !important
}
.ctabtns .buttonbox .button--isi.newsd::before {
  background-color: #eef5ff !important;
  background: #eef5ff !important
}
.posap-sliders .container .col-lg-4 {
  position: absolute;
  z-index: 999;
  top: -100% !important;
  transform: translateY(100%);
  display: inline-block
}
.posap-sliders .container {
  position: relative
}
.carousel-own-industries {
  background: 0 0
}
.carousel-own-industries .carousel-cell {
  width: 18%;
  height: 385px;
  margin-right: 18px;
  counter-increment: gallery-cell;
  transition: transform .2s;
  border-radius: 9px !important;
  transform: scale(.9) !important
}
.carousel-own-industries .flickity-viewport {
  overflow: visible !important
}
.roundsdtwo {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
  top: 50%;
  transform: translateY(-50%)
}
.roundsd {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
  top: 50%;
  transform: translateY(-50%)
}
.roundsdthree {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
  top: 50%;
  transform: translateY(-50%)
}
.mega-drop-down img {
  top: 0 !important
}
.hund img {
  width: 100%
}
.popupform-custom .ourclasss span {
  display: none
}
.errorDv {
  background: url(../images/error-404.jpg) no-repeat;
  background-size: cover
}
.errorDv .errorDvsection {
  margin: 12vh 0
}
.errorDv .errorDvsection h1 {
  font-size: 2rem;
  text-align: left;
  color: #fff;
  font-weight: 600
}
.errorDv .errorDvsection p {
  color: #fff;
  text-align: left;
  font-size: 20px
}
.errorDv .errorDvsection a {
  color: #fff;
  font-size: 20px
}
.errorDv .errorDvsection a:before {
  content: '';
  display: inline-block;
  width: 50px;
  height: 2px;
  background: #fff;
  margin: 0 15px 0 0;
  vertical-align: middle;
  -webkit-transition: .2s all ease-in-out;
  transition: .2s all ease-in-out
}
.errorDv .errorDvsection a a:hover {
  color: #fff
}
.errorDv .errorDvsection img {
  width: 50%
}
.errorDv .errorDvsection figure {
  text-align: center
}
.sectionslider-free.industriessldr::before {
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  height: 100%;
  width: 40%;
  z-index: 99
}
.sectionslider-free.industriessldr {
  position: relative;
  overflow: hidden;
  padding-top: 0 !important
}
.imgs-cn-own img {
  width: 70%;
  position: relative;
  left: -52px
}
.carousel-own-industries .flickity-button {
  position: absolute;
  z-index: 999;
  left: 8% !important;
  top: initial;
  bottom: 60px;
  background: #ff511a;
  border-radius: 0;
  width: 30px;
  height: 30px
}
.readmore {
  position: relative;
  z-index: 999999 !important
}
.carousel-own-industries .flickity-button:hover {
  background: #ff511a !important
}
.carousel-own-industries .flickity-prev-next-button.next {
  left: 11% !important
}
.carousel-own-industries .flickity-button svg {
  fill: #fff;
  width: 15px
}
.popupform-custom .ourclasss:nth-child(2) {
  margin-left: 12px
}
.popupform-custom .ourclasss:nth-child(4) {
  margin-left: 12px
}
.disnones-desktop {
  display: none
}
.communication-pages {
  position: relative
}
.communication-pages::after {
  background: url(../images/industries/communication/Img01.png) no-repeat;
  width: 100% !important;
  background-size: 50%;
  position: absolute;
  content: "";
  display: block;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  background-position: right center !important;
  z-index: 9;
  top: inherit;
  bottom: 0
}
.travel-pages {
  position: relative
}
.travel-pages::after {
  background: url(../images/industries/travel-and-transport/Img02.png) no-repeat;
  width: 100% !important;
  background-size: 40%;
  position: absolute;
  content: "";
  display: block;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  background-position: right center !important;
  z-index: 9;
  top: inherit;
  bottom: 0
}
.indust img {
  width: auto !important;
  text-align: right;
  margin-right: 0
}
.section-about-home.retail-text::after {
  background: url(../images/industries/retail/RETAIL.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important
}
.section-about-home.insurance-text::after {
  background: url(../images/industries/insurance/INSURANCE.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important
}
.section-about-home.healthcare-text::after {
  background: url(../images/industries/healthcare/HEALTHCARE.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important
}
.section-about-home.communication-text::after {
  background: url(../images/industries/communication/COMMUNICATIONS.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important
}
.section-about-home.travel-text::after {
  background: url(../images/industries/travel-and-transport/TRANSPORT.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important
}
.section-about-home.education-text::after {
  background: url(../images/industries/education/EDUCATION.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important
}
.section-about-home.media-text::after {
  background: url(../images/industries/media/MEDIA.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important
}
.media-pages {
  position: relative
}
.media-pages::after {
  background: url(../images/industries/media/Img01.png) no-repeat;
  width: 100% !important;
  background-size: 38%;
  position: absolute;
  content: "";
  display: block;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  background-position: right bottom !important;
  z-index: 9;
  top: inherit;
  bottom: 0
}
.education-pages {
  position: relative
}
.education-pages::after {
  background: url(../images/industries/education/Img01.png) no-repeat;
  width: 100% !important;
  background-size: contain;
  position: absolute;
  content: "";
  display: block;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  background-position: right bottom !important;
  z-index: 9;
  top: inherit;
  bottom: 0
}
.oofaft::after {
  display: none !important
}
.android-bn.oofaft {
  top: 0
}
.row.ournewcas {
  align-items: center
}
.healthcaresimg img {
  width: 70% !important
}
#navbarToggle li a::after {
  top: 50%;
  transform: translateY(-50%)
}
.mega-menu li a {
  padding-bottom: 0 !important
}
.scroll-on .mega-menu li a {
  padding-bottom: 0 !important
}
.scroll-on li a {
  padding-bottom: 16px !important
}
span.in-blocks {
  display: inline-block
}
.game-bgs-one {
  background: #0b012c;
  height: 100vh
}
.game-bgs-two {
  background: red;
  height: 100vh
}
.game-bgs-three {
  background: #ff0;
  height: 100vh
}
.gameboxhw {
  background: #cac5c5;
  height: 100px;
  width: 100px
}
.circle-rotate {
  position: absolute;
  left: -120px;
  top: 35%;
  transform: translateY(-50%) rotate(0);
  animation: 25s rotate linear infinite
}
@keyframes rotate {
  0% {
    transform: translateY(-50%) rotate(0)
  }
  100% {
    transform: translateY(-50%) rotate(360deg)
  }
}
.circle-rotate-two {
  position: absolute;
  right: -50px;
  top: 20%;
  transform: translateY(-50%) rotate(0);
  width: 240px;
  animation: 50s rotate linear infinite
}
@keyframes rotate {
  0% {
    transform: translateY(-50%) rotate(0)
  }
  100% {
    transform: translateY(-50%) rotate(360deg)
  }
}
.box-right-shaddow-round-world img {
  z-index: 2
}
.box-right-shaddow-round-world::after {
  background: url(../images/game-page/right-shaddowtop-banner-one.png);
  content: "";
  position: absolute;
  display: block;
  background-size: contain !important;
  width: 80%;
  background-position: top right;
  top: 0;
  background-repeat: no-repeat;
  height: 80%;
  right: 0;
  z-index: 1
}
img.planeupdown {
  position: absolute;
  right: -90px;
  z-index: 3;
  top: 13% !important
}
.testi-shape-3 {
  position: absolute;
  animation: 7s topmove4 linear infinite
}
@keyframes topmove4 {
  0% {
    top: 20px;
    transform: rotate(0)
  }
  50% {
    top: 20px;
    transform: rotate(4deg)
  }
  100% {
    top: 20px;
    transform: rotate(0)
  }
}
.box-right-shaddow-round-world img.ct-shape-1 {
  z-index: 1
}
.ct-shape-1 {
  position: absolute;
  width: 100%;
  top: 5%;
  left: 10%;
  animation: 30s leftmove1 cubic-bezier(.175, .885, .32, 1.275) infinite
}
@keyframes leftmove1 {
  0% {
    left: 10%;
    top: 5%
  }
  50% {
    left: 7%;
    top: 2%
  }
  100% {
    left: 10%;
    top: 5%
  }
}
@keyframes topmove {
  0% {
    bottom: 0
  }
  50% {
    bottom: 30px
  }
  100% {
    bottom: 0
  }
}
.game-bgs-one {
  position: relative
}
.game-bgs-one::after {
  background: url(../images/game-page/bg-bottom-slide-1-with-out-man.png);
  content: "";
  position: absolute;
  display: block;
  background-size: cover !important;
  width: 100%;
  height: 45%;
  bottom: 0;
  z-index: 4
}
.game-bgs-one::before {
  background: url(../images/game-page/blocks-moving.png);
  content: "";
  position: absolute;
  display: block;
  background-size: contain !important;
  width: 100%;
  height: 100%;
  top: 50%;
  transform: translateY(50%);
  z-index: 3;
  animation: 8s toptmovee linear infinite;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out
}
@keyframes toptmovee {
  0% {
    top: 0;
    left: 0
  }
  50% {
    top: -20px;
    left: 20px
  }
  100% {
    top: 0;
    left: 0
  }
}
.bottom-bggames {
  position: relative;
  height: 100%;
  width: 100%
}
.bottom-bggames::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 80%;
  bottom: 0;
  background: url(../images/game-page/bg-bottom-banner-one.png);
  background-size: cover
}
.man-iconics {
  position: absolute;
  bottom: 0;
  z-index: 100;
  left: 60%;
  transform: translateX(-60%);
  transform: translatey(0);
  animation: float-twos 6s ease-in-out infinite
}
@keyframes float-twos {
  0% {
    transform: translatey(0)
  }
  50% {
    transform: translatey(-20px)
  }
  100% {
    transform: translatey(0)
  }
}
.box-contentsdes {
  top: 50%;
  position: absolute;
  z-index: 999;
  width: 100%;
  transform: translateY(-50%)
}
.game-content h1 {
  font-size: 40px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase
}
.game-content p {
  font-size: 15px;
  color: #fff;
  width: 70%;
  line-height: 1.8;
  margin-top: 18px
}
.game-content a {
  color: var(--main-color);
  font-size: 21px;
  font-weight: 900;
  text-decoration: none;
  display: flex;
  align-items: center;
  transition: .5s
}
.game-content a:hover {
  color: #fff;
  transition: .5s
}
.game-content a img {
  margin-left: 10px
}
.game-section-two {
  padding: 120px 0 80px 0;
  background: #07001c;
  position: relative;
  z-index: 0
}
.game-section-two::after {
  background: url(../images/game-page/new.png);
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  background-position: left bottom;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0;
  z-index: 1
}
.content-game-same h3 {
  font-size: 13px;
  color: var(--main-color);
  font-weight: 900
}
.content-game-same h2 {
  font-size: 30px;
  color: #fff;
  font-weight: 900;
  line-height: 1.4
}
.game-section-two .container {
  z-index: 2;
  position: relative
}
.rightgamecontent p {
  font-size: 19px;
  color: #fff;
  line-height: 1.5
}
.custom-rowflex {
  display: flex;
  align-items: center;
  justify-content: space-between
}
.box-gamedetails {
  margin: 0 10px 0 10px
}
.flip-box {
  background-color: transparent;
  perspective: 1000px;
  height: 200px;
  border-radius: 3px
}
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform .8s;
  transform-style: preserve-3d
}
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg)
}
.flip-box-back, .flip-box-front {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 4px;
  overflow: hidden
}
.flip-box-front {
  color: #000;
  background: var(--main-color);
}
.flip-box-back {
  background: var(--main-color);
  color: #fff;
  transform: rotateY(180deg);
  position: relative;
  z-index: 1
}
.game-slider-five .slick-list {
  padding: 10px 0 10px 0
}
.flip-box-front::after {
  background: url(../images/game-page/bottom-bg-flip-box.png);
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0
}
.flip-box-back::after {
  background: url(../images/game-page/bottom-bg-flip-box.png);
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0
}
.boxes-fronts {
  position: relative;
  z-index: 1
}
.boxes-fronts h2 {
  font-size: 17px;
  color: var(--text-color);
  font-weight: 600;
  padding-top: 25px;
  padding-bottom: 15px
}
.boxes-fronts img {
  width: 100%;
  position: relative;
  top: -20px
}
.boxes-backs {
  margin: 0 auto;
  padding: 18px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  position: relative;
  z-index: 1
}
.boxes-backs p {
  font-size: 13px;
  margin-bottom: 0;
  color: var(--text-color);
}
.rightgamecontent p {
  margin-bottom: 0
}
.game-slider-five ul.slick-dots {
  display: block;
  margin: 0 auto;
  width: 100%;
  text-align: center
}
.game-slider-five ul.slick-dots li {
  display: inline-block;
  font-size: 0;
  border-radius: 50px !important;
  border: 0 !important;
  margin: 0 4px 0 4px
}
.game-slider-five ul.slick-dots li button {
  width: 6px;
  height: 6px !important;
  border: 0 !important;
  border-radius: 50px !important;
  padding: 0;
  background: var(--text-color);
  outline: 0 !important
}
.game-slider-five ul.slick-dots slick-active.li button {
  width: 8px !important;
  display: block
}
.game-slider-five li.slick-active button {
  padding: 0 0 0 15px !important;
  background: var(--main-color) !important
}
.mt-own-slider {
  margin-top: 40px
}
.game-slider-five ul.slick-dots {
  margin-top: 12px
}
.game-section-two::before {
  background: url(../images/game-page/second-fold-left-icon.png);
  content: "";
  position: absolute;
  display: block;
  width: 133px;
  height: 140px;
  background-size: contain;
  background-repeat: no-repeat;
  bottom: 0;
  animation: 3s topmove1 linear infinite
}
@keyframes topmove1 {
  0% {
    bottom: 20px
  }
  50% {
    bottom: 50px
  }
  100% {
    bottom: 20px
  }
}
.second-right-iconss {
  position: relative
}
.second-right-iconss::after {
  background: url(../images/game-page/second-fold-right-icon.png);
  content: "";
  position: absolute;
  display: block;
  width: 134px;
  height: 140px;
  background-size: contain;
  background-repeat: no-repeat;
  top: -120px;
  right: 0
}
.game-section-three {
  padding: 80px 0 0 0;
  background: #080b2c;
  position: relative;
  z-index: 1
}
.centergamesd {
  text-align: center
}
.content-game-same p {
  font-size: 15px;
  color: #fff;
  line-height: 1.8;
  margin-top: 10px;
  width: 90%;
  margin: 0 auto
}
img.logos-games {
  margin: 30px 0 30px 0
}
.shake-horizontal:hover {
  -webkit-animation: shake-horizontal .8s cubic-bezier(.455, .030, .515, .955) both;
  animation: shake-horizontal .8s cubic-bezier(.455, .030, .515, .955) both
}
@-webkit-keyframes shake-horizontal {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  10%, 30%, 50%, 70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
  }
  20%, 40%, 60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
  }
  80% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
  }
  90% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
  }
}
@keyframes shake-horizontal {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
  10%, 30%, 50%, 70% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
  }
  20%, 40%, 60% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
  }
  80% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
  }
  90% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
  }
}
.game-section-three::after {
  background: url(../images/game-page/bg-bottomsec-three.png);
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  bottom: 0;
  z-index: -1 !important
}
.content-game-same.centergamesd {
  z-index: 3 !important;
  position: relative
}
.computer-image {
  margin: 0 auto;
  text-align: center;
  margin-top: 50px
}
.com-before-after {
  position: relative
}
.com-before-after::before {
  background: url(../images/game-page/computer-icon-1.png);
  content: "";
  position: absolute;
  display: block;
  width: 131px;
  height: 127px;
  background-size: contain;
  background-repeat: no-repeat;
  left: -60px;
  top: 0;
  animation: 10s rotatenew linear infinite
}
@keyframes rotatenew {
  0% {
    transform: translateY(-50%) rotate(0)
  }
  100% {
    transform: translateY(-50%) rotate(360deg)
  }
}
.com-before-after::after {
  background: url(../images/game-page/computer-icon-4.png);
  content: "";
  position: absolute;
  display: block;
  width: 228px;
  height: 180px;
  background-size: contain;
  background-repeat: no-repeat;
  right: -60px;
  bottom: 0;
  animation: 3s leftmove2 linear infinite
}
@keyframes leftmove2 {
  0% {
    bottom: 2%
  }
  50% {
    bottom: 4%
  }
  100% {
    bottom: 2%
  }
}
.imagecomputer {
  position: relative
}
.imagecomputer::after {
  background: url(../images/game-page/computer-icon-2.png);
  content: "";
  position: absolute;
  display: block;
  width: 128px;
  height: 137px;
  background-size: contain;
  background-repeat: no-repeat;
  right: -70px;
  animation: 10s rotatenew2 linear infinite;
  top: 0
}
@keyframes rotatenew2 {
  0% {
    transform: translateY(-50%) rotate(0)
  }
  100% {
    transform: translateY(-50%) rotate(360deg)
  }
}
.imagecomputer::before {
  background: url(../images/game-page/computer-icon-3.png);
  content: "";
  position: absolute;
  display: block;
  width: 117px;
  height: 133px;
  background-size: contain;
  background-repeat: no-repeat;
  left: -50px;
  animation: 10s rotatenew3 linear infinite;
  bottom: -20px
}
@keyframes rotatenew3 {
  0% {
    transform: translateY(-50%) rotate(0)
  }
  100% {
    transform: translateY(-50%) rotate(360deg)
  }
}
.imagecomputer img {
  position: relative;
  z-index: 4
}
.bgtowsgames {
  position: relative
}
.bgtowsgames::before {
  background: url(../images/game-page/heading-right-icons-fold3.png);
  content: "";
  position: absolute;
  display: block;
  width: 8px;
  height: 192px;
  background-size: contain;
  background-repeat: no-repeat;
  right: 50px;
  animation: 3s leftmove10 linear infinite;
  background-position: top !important;
  height: 100%
}
@keyframes leftmove10 {
  0% {
    bottom: 20px
  }
  50% {
    bottom: 50px
  }
  100% {
    bottom: 20px
  }
}
.bgtowsgames::after {
  background: url(../images/game-page/heading-left-icons-fold3.png);
  content: "";
  position: absolute;
  display: block;
  width: 119px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  right: 50px;
  animation: 3s leftmove11 linear infinite;
  background-position: top !important;
  left: 50px;
  bottom: 80px
}
@keyframes leftmove11 {
  0% {
    bottom: 20px
  }
  50% {
    bottom: 50px
  }
  100% {
    bottom: 20px
  }
}
.game-sectionfour {
  background: #0d1957;
  padding: 80px 0;
  position: relative;
  overflow: hidden
}
.game-sectionfour::after {
  background-size: contain;
  height: 100%;
  width: 100%;
  background: url(../images/game-page/bgsection-four-after.png);
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  top: 0;
  z-index: 1
}
.centerfoursecgame {
  margin: 0 auto;
  text-align: center;
  margin-bottom: 35px !important
}
.centerfoursecgame h2 {
  width: 78%;
  margin: 0 auto
}
.fullimage-game img {
  width: 100%
}
.mt-on-gallery {
  margin-top: 26px
}
.galleryshows {
  margin-top: 26px;
  position: relative;
  z-index: 3
}
.content-load {
  display: none
}
#loadMore {
  width: 150px;
  display: block;
  text-align: center;
  margin: 20px auto;
  padding: 10px;
  border-radius: 50px;
  border: 2px solid var(--main-color);
  background-color: #0000ff00;
  transition: .3s;
  z-index: 9;
  color: var(--main-color);
  font-weight: 800;
  font-size: 13px;
}
#loadMore:hover {
  color: #fff;
  background-color: #0000ff00;
  border: 2px solid #fff;
  text-decoration: none
}
a.btnhiderow {
  width: 150px;
  display: block;
  text-align: center;
  margin: 20px auto;
  padding: 10px 25px;
  border-radius: 50px;
  border: 2px solid #0084f4;
  background-color: #0000ff00;
  transition: .3s;
  z-index: 9;
  color: #2a8cf9;
  font-weight: 800;
  font-size: 13px
}
a.btnhiderow:hover {
  color: #fff;
  background-color: #0000ff00;
  border: 2px solid #fff;
  text-decoration: none
}
.noContent {
  color: #000 !important;
  background-color: transparent !important;
  pointer-events: none
}
.loadmore-btns {
  position: relative;
  z-index: 99;
  margin: 0 auto;
  margin-top: 30px
}
a.btnhiderow {
  display: none
}
.gallery-mains {
  position: relative;
  width: 100%
}
.image-gallerys {
  display: block;
  width: 100%;
  height: auto;
  filter: grayscale(100%)
}
.overlay-gallerys {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0, rgba(0, 0, 0, .56) 51%, #000 91%);
  background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0, rgba(0, 0, 0, .56) 51%, #000 91%);
  background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0, rgba(0, 0, 0, .56) 51%, #000 91%)
}
.gallery-mains:hover .overlay-gallerys {
  opacity: 1
}
.text-gallerys {
  color: #fff;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  height: 100%
}
.bxover {
  width: 100%;
  text-align: left;
  position: absolute;
  bottom: 20px;
  left: 20px
}
.bxover h3 {
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 5px
}
.bxover h4 {
  font-size: 17px
}
.overlay-gallerys img.image-gallerys:hover {
  filter: inherit
}
.fullimage-game:hover img.image-gallerys {
  filter: inherit !important
}
.afterimage-pic {
  position: relative
}
.afterimage-pic::after {
  background: url(../images/game-page/image-1-gallery.png);
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  top: 0;
  z-index: 9;
  right: -30px;
  background-size: contain;
  animation: 10s rotate-gallery linear infinite
}
@keyframes rotate-gallery {
  0% {
    transform: translateY(-50%) rotate(0)
  }
  100% {
    transform: translateY(-50%) rotate(360deg)
  }
}
.afterimage-pic::before {
  background: url(../images/game-page/image-2-gallery.png);
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  z-index: 1;
  left: -50px;
  bottom: -100px !important;
  background-size: contain;
  animation: 10s rotate-gallery linear infinite
}
@keyframes rotate-gallery {
  0% {
    transform: translateY(-50%) rotate(0)
  }
  100% {
    transform: translateY(-50%) rotate(360deg)
  }
}
.centerfoursecgame {
  position: relative
}
.centerfoursecgame::after {
  animation: 10s rotate-gallery linear infinite;
  background: url(../images/game-page/heading-icon-rotate.png);
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  top: 0
}
@keyframes rotate-gallery {
  0% {
    transform: translateY(-50%) rotate(0)
  }
  100% {
    transform: translateY(-50%) rotate(360deg)
  }
}
section.game-sectionfour::before {
  background: url(../images/game-page/heading-icon-rotate-bottom.png);
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  width: 200px;
  height: 206px;
  background-size: contain;
  right: -30px;
  bottom: -170px;
  animation: 10s rotate-gallery1 linear infinite
}
@keyframes rotate-gallery1 {
  0% {
    transform: translateY(-50%) rotate(0)
  }
  100% {
    transform: translateY(-50%) rotate(360deg)
  }
}
.sectionfive-gamepage {
  background: #0e0a31;
  padding: 80px 0;
  position: relative
}
.sectionfive-gamepage .content-game-same p {
  width: 100%
}
.toplineupdown {
  position: relative;
  width: 100%
}
.toplineupdown::before {
  background: url(../images/game-page/heading-left-icons-fold3.png);
  content: "";
  position: absolute;
  display: block;
  width: 119px;
  height: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  animation: 3s leftmove22 linear infinite;
  background-position: top !important;
  left: 15px;
  bottom: 80px
}
@keyframes leftmove22 {
  0% {
    bottom: 20px
  }
  50% {
    bottom: 50px
  }
  100% {
    bottom: 20px
  }
}
.toplineupdown::after {
  animation: 10s rotate-gallery linear infinite;
  background: url(../images/game-page/box-roundddd.png);
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  width: 83px;
  height: 74px;
  top: 0;
  left: 40% !important;
  transform: translateX(-40%)
}
@keyframes rotate-gallery {
  0% {
    transform: translateY(-50%) rotate(0)
  }
  100% {
    transform: translateY(-50%) rotate(360deg)
  }
}
.sectionfive-gamepage::after {
  background: url(../images/game-page/shaddow-five.png);
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  bottom: 0;
  z-index: 0 !important
}
.sectionfive-gamepage .row {
  position: relative;
  z-index: 9
}
.sectionfimage {
  position: relative
}
.sectionfimage::after {
  background: url(../images/game-page/computer-icon-4.png);
  content: "";
  position: absolute;
  display: block;
  width: 228px;
  height: 295px;
  background-size: contain;
  background-repeat: no-repeat;
  right: 0;
  bottom: 0;
  z-index: -1;
  animation: 3s leftmove26 linear infinite
}
@keyframes leftmove26 {
  0% {
    bottom: 2%
  }
  50% {
    bottom: 4%
  }
  100% {
    bottom: 2%
  }
}
.left-roundsssf {
  position: relative
}
.left-roundsssf::after {
  animation: 10s rotate-gallery22 linear infinite;
  background: url(../images/game-page/5roundss.png);
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  width: 63px;
  height: 61px;
  bottom: 0;
  bottom: -100px;
  left: -70px
}
@keyframes rotate-gallery22 {
  0% {
    transform: translateY(-50%) rotate(0)
  }
  100% {
    transform: translateY(-50%) rotate(360deg)
  }
}
.ourabsd {
  top: -24px;
  left: 50px;
  animation: 100s ban55 linear infinite;
  opacity: .5
}
@keyframes ban55 {
  0% {
    top: 0;
    left: 50px
  }
  25% {
    top: 80%;
    left: 300px
  }
  50% {
    top: 50%;
    left: 80%
  }
  100% {
    top: 0;
    left: 50px
  }
}
.ourabsd {
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  display: block
}
.section-sixgame {
  background: url(../images/game-page/bg-sec-sixx.jpg);
  padding: 80px 0;
  position: relative;
  z-index: 99
}
.section-sixgame .container {
  z-index: 9999;
  position: relative
}
.box-pro-content-text h3 {
  font-size: 17px;
  font-weight: 800;
  color: var(--main-color);
}
.box-pro-content-text p {
  font-size: 11px;
  color: #fff;
  line-height: 1.8;
  margin-bottom: 0
}
.custom-toppro-game {
  margin-top: 70px
}
.custom-toppro-game-40 {
  margin-top: 40px
}
.gamedvb {
  display: block
}
.process-p1 {
  position: relative
}
.process-p1 img {
  position: relative;
  z-index: 1
}
.process-p1::after {
  display: block;
  position: absolute;
  top: 0;
  content: "";
  -webkit-box-shadow: 0 0 35px 13px #ff3939;
  -moz-box-shadow: 0 0 35px 13px #ff3939;
  box-shadow: 0 0 35px 13px #ff3939;
  width: 40px;
  height: 20px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: .3s
}
.hover-p1:hover .process-p1::after {
  opacity: 1 !important
}
.hover-p1:hover .rotate-center {
  -webkit-animation: rotate-center .6s ease-in-out both;
  animation: rotate-center .6s ease-in-out both
}
@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}
.hover-p1:hover .process-p2::after {
  opacity: 1 !important
}
.process-p2 {
  position: relative
}
.process-p2 img {
  position: relative;
  z-index: 1
}
.process-p2::after {
  display: block;
  position: absolute;
  top: 0;
  content: "";
  -webkit-box-shadow: 0 0 35px 13px rgba(231, 47, 234, .76);
  -moz-box-shadow: 0 0 35px 13px rgba(231, 47, 234, .76);
  box-shadow: 0 0 35px 13px rgba(231, 47, 234, .76);
  width: 40px;
  height: 20px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: .3s
}
.hover-p1:hover .process-p3::after {
  opacity: 1 !important
}
.process-p3 {
  position: relative
}
.process-p3 img {
  position: relative;
  z-index: 1
}
.process-p3::after {
  display: block;
  position: absolute;
  top: 0;
  content: "";
  -webkit-box-shadow: 0 0 35px 13px rgba(119, 229, 239, .76);
  -moz-box-shadow: 0 0 35px 13px rgba(119, 229, 239, .76);
  box-shadow: 0 0 35px 13px rgba(119, 229, 239, .76);
  width: 40px;
  height: 20px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: .3s
}
.hover-p1:hover .process-p4::after {
  opacity: 1 !important
}
.process-p4 {
  position: relative
}
.process-p4 img {
  position: relative;
  z-index: 1
}
.process-p4::after {
  display: block;
  position: absolute;
  top: 0;
  content: "";
  -webkit-box-shadow: 0 0 35px 13px rgba(92, 209, 255, .76);
  -moz-box-shadow: 0 0 35px 13px rgba(92, 209, 255, .76);
  box-shadow: 0 0 35px 13px rgba(92, 209, 255, .76);
  width: 40px;
  height: 20px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: .3s
}
.hover-p1:hover .process-p5::after {
  opacity: 1 !important
}
.process-p5 {
  position: relative
}
.process-p5 img {
  position: relative;
  z-index: 1
}
.process-p5::after {
  display: block;
  position: absolute;
  top: 0;
  content: "";
  -webkit-box-shadow: 0 0 35px 13px rgba(255, 213, 0, .76);
  -moz-box-shadow: 0 0 35px 13px rgba(255, 213, 0, .76);
  box-shadow: 0 0 35px 13px rgba(255, 213, 0, .76);
  width: 30px;
  height: 20px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: .3s
}
.hover-p1:hover .process-p6::after {
  opacity: 1 !important
}
.process-p6 {
  position: relative
}
.process-p6 img {
  position: relative;
  z-index: 1
}
.process-p6::after {
  display: block;
  position: absolute;
  top: 0;
  content: "";
  -webkit-box-shadow: 0 0 35px 13px rgba(75, 207, 198, .76);
  -moz-box-shadow: 0 0 35px 13px rgba(75, 207, 198, .76);
  box-shadow: 0 0 35px 13px rgba(75, 207, 198, .76);
  width: 35px;
  height: 20px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: .3s
}
.hover-p1:hover .process-p7::after {
  opacity: 1 !important
}
.process-p7 {
  position: relative
}
.process-p7 img {
  position: relative;
  z-index: 1
}
.process-p7::after {
  display: block;
  position: absolute;
  top: 0;
  content: "";
  -webkit-box-shadow: 0 0 35px 13px rgba(90, 229, 55, .76);
  -moz-box-shadow: 0 0 35px 13px rgba(90, 229, 55, .76);
  box-shadow: 0 0 35px 13px rgba(90, 229, 55, .76);
  width: 35px;
  height: 20px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: .3s
}
.hover-p1:hover .process-p8::after {
  opacity: 1 !important
}
.process-p8 {
  position: relative
}
.process-p8 img {
  position: relative;
  z-index: 1
}
.process-p8::after {
  display: block;
  position: absolute;
  top: 0;
  content: "";
  -webkit-box-shadow: 0 0 35px 13px rgba(185, 70, 242, .76);
  -moz-box-shadow: 0 0 35px 13px rgba(185, 70, 242, .76);
  box-shadow: 0 0 35px 13px rgba(185, 70, 242, .76);
  width: 35px;
  height: 20px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: .3s
}
.logo-area-hover h3 {
  font-size: 21px;
  color: #fff;
  font-weight: 800;
  margin-top: 50px;
  margin-bottom: 20px
}
.logo-softs {
  display: flex
}
.logo-softs img {
  position: relative;
  left: -11px;
  width: auto;
  filter: grayscale(100%)
}
img.anchormy.highlightmy {
  filter: inherit !important
}
img.anchormy1.highlightmy {
  filter: inherit !important
}
.logo-softs img:hover {
  filter: inherit !important
}
.custm-flx {
  display: flex;
  justify-content: space-between
}
.game-footersec {
  background: #0e1b5a;
  padding: 80px 0 80px 0;
  position: relative
}
.game-footersec::after {
  background-size: contain;
  height: 100%;
  width: 100%;
  background: url(../images/game-page/footer-ssc.png);
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  top: 0;
  z-index: 1
}
.game-footersec .content-game-same p {
  width: 90%;
  text-align: left;
  margin-left: 0;
  padding-bottom: 70px
}
.game-footersec .content-game-same h2 {
  width: 90%
}
.game-footersec .container {
  z-index: 99;
  position: relative
}
.forms-g .form-control {
  background: 0 0;
  border-radius: 50px;
  border: 1px solid var(--main-color);
}
.forms-g textarea.form-control {
  height: 140px;
  border-radius: 17px;
  margin-bottom: 25px;
  resize: none;
  color: #fff
}
.form-control:focus {
  box-shadow: none;
}
.forms-g input.form-control {
  margin-bottom: 20px;
  color: var(--main-color);
}
.forms-g .submitbtn {
  width: 149px;
  padding: 0 0 0;
  height: 44px;
  border-color: var(--main-color);
  color: #0282f1;
  transition: .3s;
}
.forms-g .submitbtn:hover {
  border-color: #fff;
  color: #fff
}
.ourf-rounds {
  position: relative;
  width: 100%;
  height: 100%
}
.ourf-rounds::after {
  background-size: contain;
  height: 81px;
  width: 81px;
  background: url(../images/game-page/secsf.png);
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  top: 0;
  animation: 10s rotate-galleryff linear infinite
}
@keyframes rotate-galleryff {
  0% {
    transform: translateY(-50%) rotate(0)
  }
  100% {
    transform: translateY(-50%) rotate(360deg)
  }
}
.ourf-rounds2 {
  position: relative;
  width: 100%;
  height: 100%
}
.ourf-rounds2::before {
  background-size: contain;
  height: 90px;
  width: 92px;
  background: url(../images/game-page/ff-22.png);
  content: "";
  position: absolute;
  display: block;
  background-repeat: no-repeat;
  top: 0;
  animation: 10s rotate-galleryfff linear infinite;
  right: -80px
}
@keyframes rotate-galleryfff {
  0% {
    transform: translateY(-50%) rotate(0)
  }
  100% {
    transform: translateY(-50%) rotate(360deg)
  }
}
.imgfff {
  position: relative;
  bottom: 0;
  z-index: 9;
  animation: 3s topmoveff-nn linear infinite
}
.sectionfimage {
  animation: 3s topmoveff-nnn linear infinite
}
@keyframes topmoveff-nnn {
  0% {
    bottom: 0
  }
  50% {
    bottom: 30px
  }
  100% {
    bottom: 0
  }
}
.imgfff img {
  position: absolute;
  top: -90px;
  width: 18%;
  left: 0
}
@keyframes topmoveff-nn {
  0% {
    bottom: 0
  }
  50% {
    bottom: 30px
  }
  100% {
    bottom: 0
  }
}
#sky {
  overflow: hidden
}
#clouds {
  width: 200%;
  height: 100%;
  background-image: url(../images/game-page/smoke.png);
  background-size: contain;
  -webkit-animation: movingclouds 25s linear infinite;
  -moz-animation: movingclouds 25s linear infinite;
  -o-animation: movingclouds 25s linear infinite;
  position: absolute;
  z-index: 2;
  bottom: 0
}
@keyframes movingclouds {
  0% {
    margin-left: 0
  }
  100% {
    margin-left: -100%
  }
}
.banner-wrap #sky {
  position: absolute;
  z-index: 99;
  display: block;
  height: 70% !important;
  width: 100%;
  display: block;
  bottom: 0
}
.banner-wrap #sky #clouds {
  top: 0
}
.btn-newss {
  text-align: center;
  margin: 0 auto
}
.btn-newss a {
  width: 150px;
  display: block;
  text-align: center;
  margin: 20px auto;
  padding: 10px;
  border-radius: 50px;
  border: 2px solid var(--main-color);
  background-color: #0000ff00;
  transition: .3s;
  z-index: 9;
  color: var(--main-color);
  font-weight: 800;
  font-size: 13px;
  text-decoration: none;
}
.btn-newss a:hover {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
  text-decoration: none;
  outline: 0
}
.left-roundsssf .btn-newss a {
  margin-left: 0 !important
}
.slider-for-game {
  overflow: hidden
}
.rightgamecontent {
  display: none
}
.mobile-sl-game {
  display: none !important
}
.flip-box.myhover .flip-box-back {
  webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: rotateY(-180deg)
}
span.blockdiv.mbls {
  display: inline
}
.blockmb-new {
  display: none !important
}
.portfolio-game-disnone {
  display: none !important
}
.staring {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 8%
}
.staring img {
  width: 100px;
  animation: float-twoss 6s ease-in-out infinite
}
@keyframes float-twoss {
  0% {
    transform: translatey(0)
  }
  50% {
    transform: translatey(-20px)
  }
  100% {
    transform: translatey(0)
  }
}
.disblocks-mlb {
  display: none !important
}
.bbbannersd img {
  text-align: center;
  display: block;
  justify-content: center;
  margin: 0 auto
}
span#typping1 {
  background: 0 0 !important;
  WIDTH: 0 !important
}
@keyframes Jumped-two {
  0% {
    top: 0
  }
  25% {
    top: -4vh
  }
  50% {
    top: 0
  }
  75% {
    top: -2vh
  }
  100% {
    top: 0
  }
}
@keyframes Typping-two {
  0% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
.oursnd-h2 span1 {
  font-size: 80px;
  font-weight: 900
}
.oursnd-h2 h2 {
  text-transform: uppercase;
  line-height: 1 !important;
  text-align: right;
  color: #000
}
.oursnd-h2 span2 {
  font-size: 80px;
  font-weight: 900;
  display: block
}
.oursnd-h2 span3 {
  font-size: 90px;
  font-weight: 900;
  display: block
}
@keyframes Jumped {
  0% {
    top: 0
  }
  25% {
    top: -4vh
  }
  50% {
    top: 0
  }
  75% {
    top: -2vh
  }
  100% {
    top: 0
  }
}
@keyframes Typping {
  0% {
    opacity: 0
  }
  50% {
    opacity: 1
  }
  100% {
    opacity: 0
  }
}
.typn :nth-child(1) {
  display: inline-block !important
}
.typn :nth-child(2) {
  display: inline-block !important
}
.typn :nth-child(3) {
  display: inline-block !important
}
.typn :nth-child(4) {
  display: inline-block !important
}
.typn :nth-child(5) {
  display: inline-block !important;
  width: 38% !important;
  text-align: left;
  z-index: 3
}
.typn :nth-child(6) {
  display: block !important;
  display: inline-block !important;
  width: 50% !important;
  text-align: left;
  left: -9px
}
.typn :nth-child(7) {
  display: inline-block !important
}
.typn :nth-child(8) {
  display: inline-block !important
}
.typn h1 span {
  color: #000 !important
}
.typn h1 {
  font-size: 100px;
  font-weight: 900;
  color: #fff;
  letter-spacing: 1px;
  line-height: .8;
  color: #000 !important;
  position: relative !important
}
span#typping {
  width: 0 !important;
  background: 0 0
}
.custom-flex-center {
  display: flex;
  justify-content: center;
  align-items: center
}
.typn {
  text-align: left
}
.mb-customs {
  margin-bottom: 20px
}
.blog-section-main {
  padding-bottom: 40px
}
.blog-title-dec {
  background: #f5f5f5;
  padding: 18px
}
.blog-title-dec p {
  font-size: 13px !important;
  font-weight: 600;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}
.padding-div-title {
  padding: 0
}
.blog-thumb img {
  width: 100%
}
.padding-div-title a {
  position: relative;
  color: #007bff;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600
}
.padding-div-title a:hover {
  color: #fff
}
.padding-div-title a::after {
  width: 24px;
  height: 13px;
  background: url(../images/blogs/right-icon-blog.png) -10px -10px;
  content: "";
  position: absolute;
  display: inline-block;
  top: 50%;
  transform: translateY(-50%);
  right: -32px
}
.padding-div-title a:hover::after {
  width: 24px;
  height: 13px;
  background: url(../images/blogs/right-icon-blog.png) -54px -10px;
  content: "";
  position: absolute;
  display: inline-block
}
.blog-block:hover .blog-title-dec {
  background: #007bff
}
.blog-block:hover .blog-title-dec p {
  color: #fff
}
.blog-block:hover .blog-title-dec a {
  color: #fff
}
.blog-block .blog-title-dec:hover a::after {
  width: 24px;
  height: 13px;
  background: url(../images/blogs/right-icon-blog.png) -54px -10px;
  content: "";
  position: absolute;
  display: inline-block
}
.blog-block:hover ..blog-block:hover .padding-div-title::after {
  width: 43px;
  height: 150px;
  content: "";
  position: absolute;
  display: inline-block;
  left: 0;
  top: 2px;
  background-size: 100% 100%;
  background-image: url(../images/blogs/left-line-color-blog-title.png)
}
.padding-div-title {
  position: relative
}
.s-icon a::after {
  display: none !important
}
.social-blogs-links {
  text-align: right;
  margin-top: 15px
}
.blog-block:hover .s-icon img {
  filter: brightness(0) invert(1)
}
.blogtabs-link ul {
  padding: 15px;
  border: 0 !important;
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-bottom: 15px;
  background: #f7f7f7
}
.blogtabs-link ul a {
  color: #000;
  font-weight: 600;
  text-decoration: none;
  position: relative
}
.blogtabs-link {
  margin-top: 100px;
  margin-bottom: 40px
}
.blogtabs-link a.active {
  color: #ff511a;
  position: relative
}
.blogtabs-link a.active::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #ff511a;
  bottom: -19px
}
.blogtabs-link a:hover::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #ff511a;
  bottom: -19px
}
.blog-section-main .tab-content .row {
  margin-bottom: 30px
}
.blog-block:hover {
  box-shadow: 10px 17px 38px 2px rgb(95 95 95 / 25%);
  text-shadow: 10px 17px 38px rgb(95 95 95 / 25%);
  top: -8px
}
.blog-block {
  position: relative;
  top: 0;
  transition: top ease .5s
}
.blog-cta {
  background-image: url(../images/blogs/blog-cta-image.png);
  padding: 50px 0;
  background-repeat: no-repeat;
  background-size: cover
}
.cta-content-blog h2 {
  font-size: 28px;
  color: #fff;
  font-weight: 700
}
.cta-content-blog p {
  font-size: 16px;
  color: #ff511a;
  margin-bottom: 0;
  font-weight: 700
}
.blogcta-btns a {
  transition: .3s;
  padding: 10px 18px 10px 18px;
  display: inline-block;
  text-align: center;
  border-radius: 50px;
  text-decoration: none;
  vertical-align: middle;
  font-size: 15px;
  font-weight: 600;
  width: 130px
}
.blogcta-btns .bluecolorbtns {
  background: #0056b3;
  color: #fff;
  border: 2px solid #0056b3
}
.bordercolorbtns {
  color: #fff;
  border: 2px solid #fff
}
.blogcta-btns .bluecolorbtns:hover {
  background: #fff;
  color: #0056b3
}
.blogcta-btns .bordercolorbtns:hover {
  background: #fff
}
.mr-blogbtn {
  margin-right: 15px
}
.blog-cta .row {
  display: flex;
  align-items: center
}
.blog-page-main::after {
  content: "";
  display: block !important;
  position: relative;
  background-color: #fff;
  height: 100%;
  width: 50%;
  position: absolute;
  top: 0;
  left: 0
}
.blog-page-main {
  position: relative;
  height: 100%;
  width: 100%;
  right: 0
}
.ourside-div {
  background-size: cover;
  background-repeat: repeat;
  width: 50%;
  height: 100%;
  z-index: 9;
  position: absolute;
  right: 0;
  border-radius: 6px 6px 0 6px
}
.css-text-mask {
  font-size: 100px;
  background-size: cover;
  background-position: center center !important;
  background-position: 0 0;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #0000
}
.blog-page-main .container {
  position: absolute;
  top: 56%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99
}
.content-blogbanner h3 {
  font-size: 100px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 0;
  left: 5.4%;
  position: relative;
  letter-spacing: 3px;
  line-height: 1;
  display: inline-block
}
.content-banner-blogs {
  margin-top: 40px;
  width: 45%;
  border-top: 1px solid #e5e5e5;
  border-bottom: 0;
  padding-top: 20px
}
.content-banner-blogs p {
  font-size: 15px;
  color: #989797;
  line-height: 1.8;
  margin-bottom: 20px
}
.content-banner-blogs .buttonbox {
  justify-content: flex-start
}
.content-banner-blogs .buttonbox button {
  margin: 0
}
.blog-inner-pages .content-banner-blogs {
  width: 90%
}
.content-banner-blogs h2 {
  font-size: 40px;
  font-weight: 900;
  text-transform: uppercase;
  padding-bottom: 25px;
  position: relative
}
.blog-inner-pages .content-banner-blogs {
  padding-top: 0;
  margin-top: 0;
  border-top: 0
}
section.blog-inner-section {
  padding: 100px 0 0 0
}
.blog-left-content p {
  font-size: 1.2em;
  font-weight: 400;
  color: #000;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  line-height: 1.7
}
.blog-left-content h3 {
  font-size: 33px;
  font-weight: 800;
  margin-top: 70px;
  padding-right: 20px;
  margin-bottom: 20px
}
.blog-left-content h4 {
  font-size: 28px;
  font-weight: 800;
  color: #585858;
  padding-top: 20px;
  padding-bottom: 20px
}
#sidebar-blog {
  position: absolute
}
#sidebar-blog.fixed-blog {
  position: fixed;
  top: 0
}
.fixed-blog {
  width: 26% !important
}
.fixed-blog {
  top: 100px !important
}
.footerinner-off {
  height: 100px
}
.sidepos-bar {
  position: relative
}
.blogflex-customs {
  display: flex;
  justify-content: space-between
}
.blog-trending h4 {
  font-weight: 700;
  font-size: 24px;
  color: #585858;
  margin-bottom: 30px
}
.blog-trending {
  position: relative;
  display: block;
  width: 100% !important
}
.blog-trending::after {
  width: 65%;
  display: block;
  position: absolute;
  content: "";
  height: 1px;
  background: #585858;
  top: 50%;
  right: 0;
  transform: translateY(-50%)
}
.trendimage img {
  width: 100%
}
.trendtext p {
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
  color: #585858;
  margin-bottom: 0
}
.time-blog-trend p {
  font-size: 12px;
  font-weight: 500
}
.trendingbox {
  margin: 0 0 20px 0
}
.flex-cc .side-one-trend {
  width: 15% !important
}
.blogflex-customs.flex-cc {
  justify-content: flex-start;
  align-items: center
}
.side-two-trend p {
  font-size: 12px;
  font-weight: 500;
  color: #585858;
  margin-bottom: 0
}
.new-section-home {
  padding: 80px 0 120px 0
}
.video-content h4 {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  position: relative;
  display: inline-block
}
.video-content h4::after {
  width: 107px;
  height: 1px;
  background: #2994fc;
  display: block;
  position: absolute;
  content: "";
  right: -30px;
  bottom: -4px
}
.video-content h3 {
  font-size: 28px;
  color: #ff511a;
  font-weight: 900;
  padding: 10px 0 10px 0
}
.video-content p {
  font-size: 15px;
  color: #737373;
  font-weight: 400;
  margin-bottom: 0
}
.videosectionhome {
  width: 100%
}
.videosectionhome video {
  width: 100%
}
video#vid {
  border-radius: 6px
}
.custom-flex-newvd {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.videosectionhome {
  position: relative;
  z-index: 2
}
.videosectionhome::after {
  background: #d5e8f2;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 25px;
  right: -30px;
  border-radius: 4px;
  z-index: -1
}
.videosectionhome::before {
  width: 124px;
  height: 137px;
  position: absolute;
  display: block;
  top: -50px;
  left: -50px;
  content: "";
  background: url(../video/icon-blue.png);
  z-index: -1
}
@media screen and (max-width:767px) {
  .video-content h4 {
    margin-top: 50px
  }
  .videosectionhome::after {
    display: none
  }
  .videosectionhome::before {
    display: none
  }
}
.play-btn {
  width: 100px;
  height: 100px;
  background: radial-gradient(rgba(0, 123, 225, .8) 60%, rgba(5 99 183 / 59%)62%);
  border-radius: 50%;
  position: relative;
  display: block;
  margin: 40px 0;
  box-shadow: 0 0 25px 3px #102a55;
  user-select: none;
  -webkit-user-drag: none;
  outline: 0 !important
}
.play-btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-40%) translateY(-50%);
  transform: translateX(-40%) translateY(-50%);
  transform-origin: center center;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 25px solid #fff;
  z-index: 1;
  -webkit-transition: all .4s cubic-bezier(.55, .055, .675, .19);
  transition: all .4s cubic-bezier(.55, .055, .675, .19)
}
.play-btn:before {
  content: "";
  position: absolute;
  width: 150%;
  height: 150%;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation: pulsate1 2s;
  animation: pulsate1 2s;
  -webkit-animation-direction: forwards;
  animation-direction: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: steps;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid #007bff;
  top: -25%;
  left: -25%;
  background: rgba(198, 16, 0, 0)
}
@-webkit-keyframes pulsate1 {
  0% {
    -webkit-transform: scale(.6);
    transform: scale(.6);
    opacity: 1;
    box-shadow: inset 0 0 25px 3px rgba(0, 123, 225, .75), 0 0 25px 10px rgba(0, 123, 225, .75)
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none
  }
}
@keyframes pulsate1 {
  0% {
    -webkit-transform: scale(.6);
    transform: scale(.6);
    opacity: 1;
    box-shadow: inset 0 0 25px 3px rgba(0, 123, 225, .75), 0 0 25px 10px rgba(0, 123, 225, .75)
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none
  }
}
.videothumb {
  position: relative
}
.btns-thumb-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
.ourvideo-popup .modal-body {
  padding: 0;
  background: 0 0 !important
}
.ourvideo-popup .modal-content {
  background: 0 0;
  outline: 0 !important;
  border: 0 !important
}
.videosectionhome img {
  width: 100%;
  border-radius: 6px
}
.btns-thumb-video button:focus {
  outline: 0 !important;
  border: 0;
  box-shadow: none
}
.btns-thumb-video button {
  outline: 0 !important;
  stroke: 0 !important;
  border: 0 !important
}
.content-box h1 {
  font-size: 45px;
  color: #fff;
  font-weight: 600
}
.ourvideo-popup .modal-dialog {
  max-width: 70%;
  margin: 1.75rem auto
}
a.calltop {
  font-size: 13px;
  color: #fff;
  text-decoration: none;
  margin-left: 18px;
  position: relative;
  font-weight: 500
}
a.calltop::after {
  width: 1px;
  height: 100%;
  position: absolute;
  content: "";
  display: block;
  background: #e4eaf3;
  top: 0;
  left: -6px
}
.calltop i{
  color: var(--main-color);
}
a.calltop::before {
  width: 1px;
  height: 100%;
  position: absolute;
  content: "";
  display: block;
  background: #e4eaf3;
  top: 0;
  right: -6px
}
a.calltop img {
  margin-right: 8px
}
section.banner-wrap.hautos {
  height: 90px
}
.pad-sec h1.cusHead {
  font-size: 40px;
  font-weight: 900;
  text-transform: uppercase;
  padding-bottom: 25px
}
.pad-sec {
  padding: 80px 0
}
.pad-sec h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 30px !important;
  display: block
}
.pad-sec h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
  margin-top: 30px !important;
  display: block
}
.pad-sec p {
  font-size: 16px;
  margin-bottom: 20px !important;
  line-height: 1.8
}
.pad-sec ul {
  margin-bottom: 20px
}
section.footerdec p {
  font-size: 12px;
  margin-bottom: 0;
  color: #fff;
  text-align: center
}
section.footerdec {
  padding: 0 0 10px 0;
  background-image: url(../images/banner-stars.gif);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.countery-back-selects .row {
  width: 100% !important;
  display: block
}
.counter-selects {
  width: 100%
}
.contact-tabs {
  transition: transform .2s;
  background-color: #f0f1f3 !important
}
.mainportfolio .headingbottomline h3::after {
  bottom: -10px
}
.contact-tabs .dubai {
  background-image: url(../images/tab-contact-dubai-bg.jpg) !important;
  background-size: cover;
  transition: transform .2s;
  background-color: #f0f1f3
}
.slick-slide {
  outline: 0 !important
}
.contact-tabs .london {
  background-image: url(../images/tab-contact-london-bg.jpg) !important;
  background-size: cover;
  transition: transform .2s;
  background-color: #f0f1f3
}
.contact-tabs .karachi {
  background-image: url(../images/tab-contact-hou-bg.html) !important;
  background-size: cover;
  transition: transform .2s;
  background-color: #f0f1f3
}
.contact-tabs .newyork {
  background-image: url(../images/tab-contact-newyork-bg.jpg) !important;
  background-size: cover;
  transition: transform .2s;
  background-color: #f0f1f3
}
h3.name-showof {
  font-size: 50px;
  color: #fff;
  font-weight: 900;
  text-shadow: 0 4px 6px rgb(0 0 0 / 30%)
}
.active .ownzooms {
  transform: scale(1.1);
  transition: transform .2s
}
.boxcalls a {
  margin-bottom: 10px !important;
  display: block
}
.contact-tabs .tab-content a {
  text-decoration: none
}
.posab-nav a {
  text-decoration: none !important
}
.boxcalls a {
  font-size: 18px;
  font-weight: 500;
  color: #000
}
.boxcalls img {
  margin-right: 10px
}
.box-for-select-country span::before {
  background-color: #4d4d4e;
  content: "";
  height: 2px;
  width: 12px;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -5px
}
.box-for-select-country span {
  position: relative;
  left: 5px;
  padding-left: 15px;
  color: #4d4d4e;
  font-size: 17px;
  font-weight: 500;
  margin-top: 10px !important;
  display: block
}
.contact-tabs .tab-pane {
  /*height: 650px;*/
  padding: 340px 0 70px 0;
  opacity: 1;
  animation-name: fadeInOpacity;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 1s
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.pos1tab {
  position: relative
}
.contact-tabs {
  position: relative
}
.pos2tab {
  position: absolute;
  BOTTOM: 50px;
  display: initial;
  align-items: center;
  justify-content: center;
  height: auto;
  width: 100% !important;
  left: 50%;
  transform: translateX(-50%)
}
.hrd {
  display: none
}
.contact-tabs .nav-tabs {
  border: 0 !important;
  display: flex;
  justify-content: space-around
}
.boxcontenttabs p {
  font-size: 18px;
  font-weight: 500
}
.ourtbs li {
  margin: 0 15px 0 15px;
  width: 20%;
  display: inline-block
}
img.activewala {
  display: none
}
.ourtbs .active img.activewalaone {
  display: none
}
.ourtbs .active img.activewala {
  display: block
}
.ourtbs li img {
  width: 100%;
  border-radius: 6px
}
.ourtbs li img {
  filter: grayscale(100%);
  border: 0 solid #b5b6b7
}
.ourtbs a.active img {
  filter: inherit !important;
  border: 2px solid #ff511a;
  -webkit-box-shadow: 0 0 16px 0 rgba(45, 45, 45, .22);
  -moz-box-shadow: 0 0 16px 0 rgba(45, 45, 45, .22);
  box-shadow: 0 0 16px 0 rgba(45, 45, 45, .22)
}
.ownzooms h3.name-showof {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999
}
.posrel-itve {
  position: relative
}
h3.name-showof {
  display: none
}
.ourtbs a.active h3.name-showof {
  display: block
}
.ownzooms h3.name-showof {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 999;
  transform: translate(-50%, -50%)
}
.dubaibox {
  height: auto !important;
  width: auto !important
}
.dubaibox {
  height: auto !important;
  width: auto !important;
  background: 0 0 !important
}
.newyorkbox {
  height: auto !important;
  width: auto !important;
  background: 0 0 !important
}
.londonbox {
  height: auto !important;
  width: auto !important;
  background: 0 0 !important
}
@media screen and (max-width:767px) {
  .contentbox h4 {
    font-size: 28px
  }
  .blog-leftbox .contentbox h3 {
    font-size: 18px
  }
  .ourtbs li {
    width: 30%
  }
  .contact-tabs .tab-pane {
    height: 690PX !important
  }
  .pos2tab .justify-content-end {
    justify-content: center !important
  }
  .box-for-select-country span {
    margin-bottom: 20px
  }
  .pos2tab {
    BOTTOM: 20px
  }
}
.align-mblsoff {
  padding: 30px 0 60px 0 !important
}
.fa {
  display: none
}
.padding-div-title a:first-child::after {
  display: none !important
}
.blog-title-dec p {
  margin-bottom: 0 !important;
  padding: 10px 0 !important
}
.blog-block:hover .blog-title-dec h4 {
  color: #fff !important
}
a.ourtopspds {
  top: 4px
}
.blog-block {
  margin-bottom: 30px
}
.padding-div-title h4 {
  height: 36px
}
section.blog-inner-section {
  padding: 70px 0 0 0 !important
}
.blog-left-content img {
  margin: 0 auto;
  display: block;
  text-align: center;
  padding: 50px 0 50px 0;
  width: auto !important
}
.innerblog-imagedetails {
  padding-top: 130px;
  text-align: center;
  margin: 0 auto
}
.innerblog-imagedetails h3 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.285em;
  width: 60%;
  margin: 0 auto;
  text-transform: capitalize;
  margin-bottom: 50px
}
.blog-left-content h3:first-child {
  text-align: center;
  font-size: 35px;
  text-transform: capitalize
}
.b_style img {
  width: 100%
}
.b_style {
  position: relative
}
.b-description-ss {
  position: absolute;
  bottom: 40px;
  left: 40px;
  width: 80%;
  text-align: left
}
.b-description-ss a {
  font-size: 35px;
  color: #fff;
  width: 80% !important;
  font-weight: 700;
  text-decoration: none;
  text-shadow: 1px 1px 4px #000
}
section.banner-main-blog {
  margin-top: 120px
}
.slider-banner-blog ul.slick-dots {
  position: absolute;
  bottom: 20px;
  text-align: center;
  margin: 0;
  width: 200px;
  display: block;
  left: 50%;
  transform: translateX(-50%)
}
.slider-banner-blog ul.slick-dots li {
  display: inline-block;
  font-size: 0;
  border: 0
}
.slider-banner-blog ul.slick-dots li button {
  border: 0;
  height: 14px;
  width: 4px;
  border-radius: 50px;
  margin: 0 5px 0 5px;
  background: 0 0;
  border: 1px solid #fff
}
.slider-banner-blog ul.slick-dots li.slick-active button {
  border: 1px solid #ff511a
}
.slider-banner-blog ul.slick-dots li button:focus {
  outline: 0 !important
}
.slider-banner-blog ul.slick-dots li button:focus-visible {
  outline: 0 !important
}
.auth-dec p {
  margin-bottom: 0 !important;
  color: #a3a3a3
}
.image-autherdec {
  display: flex;
  align-items: center;
  margin-bottom: 20px
}
.auth-dec {
  margin-left: 20px
}
.autherbox {
  padding: 30px;
  border: 1px solid #dee5ef
}
.auth-dec h5 strong {
  font-weight: 900
}
p.aut-ps {
  font-size: 14px;
  line-height: 1.8;
  color: #000;
  margin-bottom: 0
}
.box-slider-feature h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 18px
}
.box-slider-feature {
  margin-right: 40px
}
.slider-blog-features {
  padding: 50px 0
}
.slider-blog-leftright {
  margin-top: 30px
}
.slider-blog-features button {
  position: absolute;
  top: 0;
  font-size: 0;
  border: 0;
  height: 0;
  background: 0 0 !important
}
.slider-blog-features button:focus {
  outline: 0 !important
}
.slider-blog-features .slick-next {
  right: 0
}
span.ourlined {
  padding: 0 10px
}
.box-slider-feature p {
  font-size: 15px !important;
  color: #a3a3a3;
  line-height: 1.8
}
.social-blogs-links {
  margin-top: 0 !important
}
.slider-blog-features button.slick-next.slick-arrow::after {
  background: url(../images/blog-image-banner/left-arrow.html);
  position: absolute;
  content: "";
  display: block;
  width: 148px;
  height: 15px;
  right: 0;
  background-color: transparent !important;
  background-size: contain;
  background-repeat: no-repeat
}
.slider-blog-features button.slick-prev.slick-arrow::after {
  background: url(../images/blog-image-banner/prev-arrow.html);
  position: absolute;
  content: "";
  display: block;
  width: 148px;
  height: 15px;
  left: 0;
  background-color: transparent !important;
  background-size: contain;
  background-repeat: no-repeat
}
.lft-arrow-bl {
  margin-right: 10px
}
section.blog-next-lefts {
  padding: 40px 0
}
.blog-anchor-d h3 {
  font-size: 20px;
  color: #000;
  margin: 0 !important
}
.blog-anchor-d h5 {
  display: block;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.5em;
  text-transform: uppercase;
  letter-spacing: .1em
}
.cusflxe {
  display: flex;
  justify-content: space-between
}
a.left-bxdarrows {
  text-decoration: none
}
.customflx-centerspace {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.nnc {
  display: flex;
  flex-wrap: wrap;
  margin-right: 12px;
  text-align: right;
  justify-content: flex-end
}
.left-bxdarrows {
  display: flex;
  align-items: center
}
.custom-fl-blog-np {
  display: flex;
  align-items: center
}
.jst-end {
  justify-content: flex-end
}
.slider-banner-blog ul.slick-dots {
  display: none !important
}
.blog-left-content h2 {
  font-size: 28px !important;
  font-weight: 700 !important;
  margin: 40px 0 20px 0 !important
}
.blog-left-content h3 {
  font-size: 24px !important;
  font-weight: 700 !important;
  margin-top: 0 !important;
  padding-right: 20px;
  margin-bottom: 20px
}
.blog-left-content h4 {
  font-size: 22px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  color: #000
}
.padding-div-title span {
  position: absolute;
  right: 0;
  font-size: 13px;
  font-weight: 700;
  color: #000
}
.contact-slider-location .slick-list {
  padding: 30px 0 30px 0
}
.blog-block:hover .padding-div-title span {
  color: #fff
}
.funds-pagebanner {
  background: url(../images/services/funds/funds-banner.html) !important
}
.ourcenterheadingbanner-new h2 {
  font-size: 40px;
  font-weight: 900;
  text-transform: uppercase;
  padding-bottom: 0;
  position: relative;
  text-align: center;
  color: #fff
}
.ourcenterheadingbanner-new h4 {
  font-size: 19px;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  font-weight: 400
}
.ourcenterheadingbanner-new .buttonbox {
  margin: 0PX AUTO;
  text-align: center;
  justify-content: center !important;
  width: 100% !important;
  display: flex;
  margin-top: 30px
}
.ourcenterheadingbanner-new h2::after {
  position: absolute;
  display: block;
  content: "";
  width: 179px;
  height: 2px;
  top: -20px;
  background: #ff511a;
  transform: translateX(-50%);
  left: 50%
}
.ourblds span {
  font-weight: 700;
  color: #ff511a
}
.centerplane .services-fold-one {
  padding-top: 70px
}
.centerplane .services-content-box h3 {
  padding-top: 0 !important;
  margin-bottom: 0
}
section.centerplane .services-page-space-between {
  align-items: flex-start
}
section.doublesection {
  background: #f4f7fb;
  padding: 70px 0
}
.headingnewpagestyles h4 {
  display: block !important;
  width: 100%
}
.headingnewpagestyles {
  text-align: center;
  margin: 0 auto
}
.headingnewpagestyles h3 {
  font-weight: 700;
  color: #ff511a
}
.centerplane {
  position: relative
}
.centerplane::before {
  background: url(../images/services/funds/plane.html) !important;
  position: absolute;
  display: block;
  content: "";
  width: 37% !important;
  height: 100%;
  left: 0;
  top: 40%;
  transform: translateY(-50%);
  background-repeat: no-repeat !important;
  background-position: center left !important;
  background-size: contain !important
}
.newstyletabs-page {
  padding: 60px 0;
  background: url(../images/services/funds/center-banner-tabs.html) !important;
  background-size: cover
}
.tabs-funds {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  display: block
}
.tabs-funds ul.nav.nav-tabs {
  text-align: center;
  margin: 0 auto;
  display: block
}
.tabs-funds ul.nav.nav-tabs li {
  display: inline-block;
  margin: 0 4px
}
.tabs-funds ul li a {
  padding: 14px 15px;
  background: #fff;
  border-radius: 5px;
  width: 230px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  min-height: 0;
  line-height: 28px;
  color: #ff511a
}
.tabs-funds ul.nav.nav-tabs {
  border: 0 !important
}
.tabs-funds a img {
  width: 22px;
  margin-right: 8px
}
.tabs-funds a.active {
  background: #ff511a;
  color: #fff;
  position: relative
}
.tabs-funds a.active img {
  filter: brightness(0) invert(1)
}
.tabs-funds a.active::after {
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
  border-top: 13px solid #ff511a;
  position: absolute;
  display: block;
  content: "";
  left: 50%;
  transform: translateX(-50%);
  bottom: -13px
}
.tabs-funds h3 {
  font-size: 35px;
  font-weight: 700;
  color: #fff;
  margin-top: 50px;
  margin-bottom: 30px
}
.tabs-funds p {
  font-size: 15px;
  color: #fff;
  line-height: 1.8
}
.ournewtabbox h3 {
  margin: 14px 0;
  font-size: 21px !important
}
.sectionthree-newpage {
  padding: 70px 0;
  background: #f4f7fb
}
.headingnewpagestyles p {
  color: #9b9da0;
  font-size: 15px;
  width: 80%;
  margin: 0 auto;
  margin-top: 20px
}
.fund-process h3 {
  font-size: 17px;
  font-weight: 700;
  margin: 15px 0
}
.fund-process p {
  font-size: 15px;
  color: #9b9da0;
  line-height: 1.8
}
.fund-process {
  text-align: center
}
.linefund-proccessstep {
  position: relative
}
.linefund-proccessstep::after {
  width: 100%;
  height: 100px;
  position: absolute;
  content: "";
  display: block;
  background: url(../images/services/funds/line-fund-proccess.html) !important;
  background-repeat: no-repeat !important;
  left: 50%;
  transform: translateX(-50%);
  background-position: center center !important;
  z-index: 0
}
.linefund-proccessstep .fund-process {
  position: relative;
  z-index: 9
}
.content-sstylenewpages h4 {
  font-size: 38px;
  font-weight: 700;
  color: #2c83f7;
  margin-bottom: 30px
}
.content-sstylenewpages h3 {
  font-size: 30px
}
.content-sstylenewpages h3 span {
  font-weight: 700
}
.whitesection-newpagestyle {
  padding: 100px 0;
  position: relative
}
.content-sstylenewpages p {
  font-size: 15px;
  color: #9b9da0;
  line-height: 1.8
}
.content-sstylenewpages h3 {
  margin-bottom: 15px !important
}
.newbtnsstyle a {
  background: #1c68e1;
  padding: 10px 15px;
  border-radius: 4px;
  margin-top: 8px !important;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-size: 15px
}
.image-sidecontents img {
  width: 100%
}
section.whitesection-newpagestyle::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/services/funds/1stsecright-after.html) !important;
  background-repeat: no-repeat !important;
  right: 0 !important;
  background-position: right top !important;
  top: 20px;
  background-size: 20% !important;
  z-index: -1
}
.bluelightnewcolors {
  background: #f4f7fb;
  position: relative
}
.whitesection-newpagestyle.mobile-appdevelopment-left::after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/services/funds/mobile-appdevelopment-left.html) !important;
  background-repeat: no-repeat !important;
  right: 0 !important;
  background-position: left center !important;
  top: 20px;
  background-size: 35% !important;
  z-index: 0
}
.bluelightnewcolors .content-sstylenewpages {
  padding-right: 0 !important
}
.content-sstylenewpages h3 span {
  display: block
}
.ourspaceev {
  display: flex;
  justify-content: space-between
}
section .ourspaceev {
  position: relative;
  z-index: 99
}
section.whitesection-newpagestyle.cube-imagesd::after {
  background: url(../images/services/funds/cube-image.html) !important;
  background-repeat: no-repeat !important;
  right: 0 !important;
  background-position: right center !important;
  background-size: 26% !important;
  top: 0
}
.whitesection-newpagestyle.mobile-appdevelopment-left.circlebox-secs::after {
  background: url(../images/services/funds/MANAGED-CLOUD-DEVELOPMENT-back.html) !important;
  background-repeat: no-repeat !important;
  background-size: 25% !important;
  background-position: left center !important;
  top: 0 !important
}
section.whitesection-newpagestyle.cube-imagesd.MAINTENANCE-rounds::after {
  background: url(../images/services/funds/round-round-line.html) !important;
  background-repeat: no-repeat !important;
  right: 0 !important;
  background-position: right center !important;
  background-size: 26% !important;
  top: 0
}
.whitesection-newpagestyle.mobile-appdevelopment-left.circlebox-secs.digitals-imag::after {
  background: url(../images/services/funds/digital-image-back.html) !important;
  background-repeat: no-repeat !important;
  background-size: 25% !important;
  background-position: left center !important;
  top: 0 !important
}
section.doublesection.lastsection-newpage {
  background: url(../images/services/funds/bottom-last-bg.html);
  background-size: cover;
  background-repeat: no-repeat
}
.lastsection-newpage .headingnewpagestyles p {
  margin-top: 0 !important;
  padding-top: 0;
  color: #fff;
  margin-bottom: 20px
}
.lastsection-newpage .headingnewpagestyles h3 {
  color: #fff
}
.animation-pagepricing .tab-content {
  background: #000000;
  padding: 70px 0;
  border-radius: 50px
}
.newslider-animation .videothumb::after {
  display: none !important
}
.box-counters {
  background: #edf9fe;
  padding: 30px 3px;
  border-radius: 13px;
  text-align: center
}
.img-newadd img {
  width: 100%
}
.newslider-animation .videothumb::before {
  display: none !important
}
.newslider-animation .items {
  margin-left: 30px !important
}
.newslider-animation .videothumb img {
  width: 100% !important
}
.process-btn:hover h4 {
  color: #fff !important
}
.process-btn:hover p {
  color: #fff !important
}
.process-btn {
  margin: 0 20px
}
.video-animation-banner {
  background: url(../images/services/video-animation/Video-Animation-Background.html) !important
}
.banner-contents.services-lefts.blacktheme-style h3::after {
  display: none
}
.blacktheme-style h3 {
  color: #06a5ef
}
.blacktheme-style h5 {
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700
}
.animation-pagepricing .priceheading-boxs p {
  margin-top: 28px;
  font-size: 12px
}
.banner-contents.blacktheme-style p {
  color: #fff
}
.blacktheme-style h3 {
  padding-bottom: 0 !important;
  margin-bottom: 0
}
.padding-section-c {
  padding: 90px 0
}
.headingline-top {
  position: relative
}
.headingline-top::after {
  width: 49px;
  height: 2px;
  background: var(--main-color);
  position: absolute;
  display: block;
  content: "";
  left: 0;
  top: -15px
}
.themeblack-sectionone h3 {
  margin-bottom: 20px
}
.themeblack-sectionone .buttonbox {
  justify-content: start
}
.themeblack-sectionone .buttonbox button {
  margin: 10px 0 0 0
}
.section-black-leftimageone {
  position: relative
}
.section-black-leftimageone::after {
  background: url(../images/services/video-animation/sideimage-section1.html) !important;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}
.positionback-image-blacktheme {
  position: absolute;
  width: 100%
}
.box-counters h3 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--text-color)
}
.box-counters p {
  font-size: 11px;
  margin-bottom: 0 !important;
  font-weight: 700
}
.align-v-customs {
  display: flex;
  align-items: center
}
.themeblack-sectionone {
  position: relative
}
.img-newadd {
  padding-right: 30px
}
.color-black {
  color: #000
}
.bgnorepeat {
  background-repeat: no-repeat !important;
  background-size: cover !important
}
section.Process-section {
  background: #011062;
  padding: 60px 0
}
.ournonetabs {
  display: none
}
.ournonetabs.active {
  display: block
}
.aligntabs-bet {
  display: flex;
  justify-content: space-between;
  align-items: center
}
.content-animationsection.services-content-box h3 {
  color: #fff
}
.content-animationsection.services-content-box p {
  color: #fff
}
.content-animationsection.services-content-box h3 {
  color: #fff;
  padding: 0;
  margin: 0 0 20px 0
}
.ourwidth-selectauto {
  width: 16.5%
}
.customflexbets {
  display: flex;
  justify-content: space-between
}
.processbtnssection {
  background: #00093a;
  padding: 60px 0 40px 0
}
.process-btn h4 {
  color: #80849d;
  font-size: 15px;
  font-weight: 700;
  position: relative;
  margin-bottom: 15px;
  padding-top: 30px
}
.process-btn p {
  font-size: 13px;
  color: #80849d
}
.process-btn.active p {
  color: #fff
}
.process-btn.active h4 {
  color: #00aeef
}
.process-btn h4::after {
  top: 0;
  position: absolute;
  width: 50px;
  height: 2px;
  content: "";
  display: block;
  background: #80849d
}
.process-btn:hover h4::after {
  background: var(--main-color)
}
.slider-videos-thumbs-sl .slick-current.slick-active h4 {
  color: var(--main-color)
}
.slider-videos-thumbs-sl .slick-current.slick-active h4::after {
  background: var(--main-color)
}
.slider-videos-thumbs-sl .slick-current.slick-active p {
  color: #fff
}
.process-btn.active h4::after {
  background: #00aeef
}
.content-animationsection .buttonbox {
  justify-content: start
}
.content-animationsection .buttonbox button {
  margin: 10px 0 0 0
}
.leftbtn-and-margins h3 {
  margin-bottom: 20px
}
.leftbtn-and-margins .buttonbox {
  justify-content: start
}
.leftbtn-and-margins .buttonbox button {
  margin: 10px 0 0 0
}
section.sidebyside-image-content {
  position: relative
}
section.sidebyside-image-content::after {
  width: 129px;
  height: 100%;
  display: block;
  background: #000;
  content: "";
  right: 0;
  top: 0;
  position: absolute;
  z-index: -1
}
section.slider-rightsides {
  background: #000a41;
  position: relative
}
.headingwithcenterleftstyle h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 20px
}
.headingwithcenterleftstyle p {
  color: #fff;
  font-size: 15px
}
section.slider-rightsides::after {
  background: #000;
  width: 23%;
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  top: 0
}
.boxslide-animation {
  position: relative
}
.backimage-anibox {
  position: relative
}
.front-imagetextbox {
  position: absolute;
  bottom: 0
}
.backimage-anibox img {
  width: 100%
}
.front-imagetextbox h3 {
  color: #fff;
  font-size: 18px;
  margin-bottom: 16px;
  display: block;
  font-weight: 600
}
.front-imagetextbox p {
  color: #fff;
  font-size: 14px
}
.front-imagetextbox {
  padding: 28px
}
a.btn-aniborder {
  padding: 8px;
  border: 1px solid #00aeef;
  border-radius: 3px;
  margin-top: 3px !important;
  display: inline-block;
  font-size: 13px;
  color: #00aeef;
  text-decoration: none
}
.newslider-animation {
  Z-INDEX: 1
}
.newslider-animation .slick-list {
  padding: 30px 0
}
.boxslide-animation {
  margin: 0 30px
}
.boxslide-animation:last-child {
  margin-right: 0
}
.newslider-animation {
  position: relative
}
.newslider-animation .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -100px;
  opacity: .5
}
.newslider-animation button.slick-prev {
  margin: -30px 0 0 0;
  background: 0 0;
  box-shadow: none !important;
  border: 0;
  font-size: 0;
  width: 40px;
  height: 40px;
  display: block;
  background-size: cover;
  background: url(../images/services/video-animation/left-arrow-slideani.html) !important
}
.newslider-animation button.slick-prev:hover {
  opacity: 1 !important
}
.newslider-animation button.slick-next:hover {
  opacity: 1 !important
}
.newslider-animation button.slick-next {
  margin: 30px 0 10px 0;
  background: 0 0;
  box-shadow: none !important;
  border: 0;
  font-size: 0;
  width: 40px;
  height: 40px;
  display: block;
  background-size: cover;
  background: url(../images/services/video-animation/right-arrow-slideani.html) !important
}
.newslider-animation button:focus {
  outline: 0 !important
}
.animation-pagepricing .services-content-box.leftbtn-and-margins {
  text-align: center;
  margin: 0 auto;
  display: block;
  width: 100%
}
.animation-pagepricing .services-content-box h3::after {
  left: 50%;
  transform: translateX(-50%)
}
.animation-pricing-list-section ul {
  margin: 0 auto;
  justify-content: center;
  border-bottom: 0;
  width: 100%
}
.animation-pricing-list-section ul li {
  padding: 0 10px
}
.animation-pricing-list-section {
  width: 100%
}
.animation-pricing-list-section ul li a {
  color: #000;
  font-weight: 600;
  text-decoration: none
}
.animation-pricing-list-section ul li a.active {
  color: var(--text-color);
  position: relative;
  font-weight: 700
}
.animation-pricing-list-section ul li a.active::after {
  width: 100%;
  display: block;
  position: absolute;
  content: "";
  height: 3px;
  background: var(--main-color)
}
.animation-pricing-list-section ul {
  margin-top: 10px
}
.priceheading-boxs {
  border-radius: 5px
}
.priceheading-boxs {
  padding: 24px 12px
}
.priceheading-boxs h5 {
  font-size: 13px;
  color: var(--text-color);
  font-weight: 600;
  margin-bottom: 0
}
.priceheading-boxs {
  text-align: center
}
.priceheading-boxs h3 {
  font-size: 35px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 5px
}
.animation-pricing-list-section .tab-content .priceheading-boxs h3 {
  color: #000
}
.animation-pricing-list-section .tab-content .pricingboxani-p {
  padding: 25px;
  -webkit-box-shadow: 10px 10px 19px -5px rgba(32, 109, 195, .11);
  -moz-box-shadow: 10px 10px 19px -5px rgba(32, 109, 195, .11);
  box-shadow: 10px 10px 19px -5px rgba(32, 109, 195, .11)
}
.ofafters::after {
  display: none !important
}
.animation-pricing-list-section .tab-content .priceheading-boxs h5 {
  font-size: 16px;
  position: relative
}
.ofafters {
  padding-top: 0;
  padding-bottom: 0
}
.ofafters .services-content-box h3, .ofafters .services-content-box p {
  color: #fff
}
.posanisd {
  position: absolute;
  bottom: 0
}
.ofafters .headingline-top::after {
  background: #fff
}
.ofafters .services-content-box {
  padding: 0 20px 50px 0
}
.ofafters button {
  border: none
}
.backbg-lastafter {
  position: relative;
  padding-top: 100px
}
.backbg-lastafter::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 0;
  right: 0;
  height: 100%;
  width: 60%;
  background: linear-gradient(135deg, #606060 0, #1c1c1c 100%);
  z-index: -1;
}
.animation-pricing-list-section .tab-content .pricelistinganimation {
  margin: 0
}
.animation-pricing-list-section .tab-content .pricelistinganimation ul {
  text-align: left;
  padding: 0;
  color: #011062 !important
}
.animation-pricing-list-section .tab-content .priceheading-boxs h5::after {
  width: 30px;
  bottom: -10px;
  height: 2px;
  background: var(--main-color);
  content: "";
  display: block;
  position: absolute
}
.animation-pricing-list-section .tab-content .priceheading-boxs {
  padding: 0;
  text-align: left
}
.animation-pricing-list-section .tab-content .priceheading-boxs p {
  color: #000;
  font-weight: 600
}
.priceheading-boxs p {
  font-size: 9px;
  color: #fff;
  margin-bottom: 0
}
.scrollbar.style-14 {
  height: 135px;
  overflow: auto;
  margin-top: 30px
}
.scrollbar.style-14 li {
  font-size: 18px;
  padding: 5px
}
.pricing-slider .item .price-wrapper .an-themeBtn {
  margin: auto;
  display: block;
  width: 195px
}
.scrollbar.style-14::-webkit-scrollbar {
  width: 3px
}
.scrollbar.style-14::-webkit-scrollbar-track {
  background: #cccfe0;
  border-radius: 10px;
  border: 1px solid #cccfe0
}
.scrollbar.style-14::-webkit-scrollbar-thumb {
  background: var(--main-color);
  border-radius: 0
}
.scrollbar.style-14::-webkit-scrollbar-thumb:hover {
  background: #292929
}
.pricingboxani-p {
  background: #fff;
  border-radius: 13px
}
.pricelistinganimation {
  margin: 0 10px 0 10px
}
.pricelistinganimation ul {
  margin: 0 !important;
  padding: 0
}
.game-sectionfour::after {
  background-size: cover !important
}
.game-footersec::after {
  background-size: cover !important
}
.animation-pricing-list-section .tab-content .pricingboxani-p .button-pricingwhiteani {
  padding-bottom: 0 !important
}
.animation-pricing-list-section .tab-content button {
  margin: 0;
  padding: 12px 12px;
  font-size: 12px
}
.pricelistinganimation ul {
  margin: 12px 0 0 0 !important;
  padding: 0 10px 0 10px;
  text-align: center
}
.pricelistinganimation ul li {
  font-size: 13px !important;
  margin: 0 !important;
  padding: 4px !important;
  color: #011062;
  font-weight: 600
}
.button-pricingwhiteani {
  text-align: center;
  margin-top: 22px;
  padding-bottom: 30px
}
.button-pricingwhiteani a {
  background: #fff;
  padding: 8px 18px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 600;
  color: #00aeef;
  width: 60% !important;
  display: block;
  margin: 0 auto;
  text-decoration: none
}
.animation-pricing-list-section .tab-content {
  margin-top: 50px;
  position: relative
}
.animation-pricing-list-section .tab-content::after {
  content: "";
  display: block;
  width: 100%;
  height: 34%;
  position: absolute;
  top: 0;
  z-index: -1;
  border-radius: 5px
}
.image-side-anis img {
  width: 100%
}
section.sidebyside-image-content.padding-section-c.positionleftlinebluess::after {
  left: 0
}
.for-mobile-991 {
  display: none !important
}
.bigimage-logos::before {
  position: absolute;
  content: "";
  display: block;
  width: 154px;
  height: 100%;
  background-size: contain !important;
  right: 0;
  background: url(../images/services/logos/logos-bgbg.html) !important;
  background-repeat: no-repeat !important;
  background-position: right center
}
.logo-section-2 .logo-image-first-secs::after {
  right: 0 !important
}
.logo-page-banner {
  /* background: url(../images/services/logos/logo-page-bg1.html) !important; */
  background-size: cover !important
}
.logo-page-bannerstyle {
  position: relative
}
.logo-page-bannerstyle h6 {
  font-size: 29px;
  color: var(--main-color)
}
.logo-page-bannerstyle h3 {
  font-size: 40px !important;
  color: #fff;
  text-transform: initial !important;
  font-weight: 800 !important;
  position: relative
}
.logo-page-bannerstyle h3::after {
  background: url(../images/services/logos/line-headingred.png) !important;
  width: 68px !important;
  height: 14px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  position: absolute;
  display: block !important;
  bottom: 0 important;
  left: 0 !important;
  content: "";
  transform: initial !important;
  bottom: -35px !important;
  filter: hue-rotate(126deg);
}
.logo-page-bannerstyle p {
  margin-top: 45px;
  color: #fff;
  padding-right: 30px;
  line-height: 2;
  font-size: 15px
}
.btn-stylebordernews a {
  padding: 10px 30px;
  border: 1px solid #fff;
  color: #fff;
  font-size: 14px;
  margin-right: 10px;
  border-radius: 50px;
  text-decoration: none
}
.btn-stylebordernews a.blueborderbtn {
  border-color: var(--main-color);
  box-shadow: 0 10px 35px -13px var(--main-color);
}
.btn-stylebordernews a:hover {
  background: var(--main-color);
  border-color: var(--main-color);
  color: var(--text-color);
}
.logo-section-2 {
  /* background: url(../images/services/logos/logo-page-bg2.html) !important; */
  background-size: cover !important
}
.mttops {
  margin-top: 40px
}
.cus-align-items-center {
  display: flex;
  align-items: center
}
section.logo-section-3 {
  /* background: url(../images/services/logos/logo-page-bg3.html) !important; */
  background-size: cover !important
}
.logo-decep-details h3 {
  font-size: 18px;
  color: #fff
}
.logo-decep-details p {
  font-size: 14px;
  color: #fff
}
.our-slider-logo-des {
  display: flex;
  align-items: center;
  padding: 18px 0
}
.our-slider-logo-des .logo-descp-img {
  width: 22%
}
.logo-decep-details {
  margin: 0 0 0 40px;
  position: relative
}
.logo-decep-details {
  padding-left: 15px
}
.items.slick-slide.slick-current.slick-active .logo-decep-details {
  position: relative;
  z-index: 1 !important
}
.items.slick-slide.slick-current.slick-active .logo-decep-details h3 {
  position: relative;
  z-index: 1 !important
}
.items.slick-slide.slick-current.slick-active .logo-decep-details p {
  position: relative;
  z-index: 1 !important
}
.items.slick-slide.slick-current.slick-active .logo-decep-details::after {
  width: 40px;
  background: var(--text-color);
  height: 95%;
  content: "";
  display: block;
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  left: 0 !important;
  z-index: -1px
}
.slider-thumb-logo-page .items.slick-slide.slick-current.slick-active + .items + .items {
  opacity: .6
}
.slider-thumb-logo-page .items.slick-slide.slick-current.slick-active + .items + .items + .items {
  opacity: .3
}
.items.slick-slide.slick-current.slick-active .logo-decep-details::before {
  background: url(../images/services/logos/lineselect-active.html);
  position: absolute;
  top: -14px !important;
  left: -10px !important;
  width: 17px;
  height: 100%;
  content: "";
  z-index: 1
}
h3.logoservices-headings {
  font-size: 30px;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  font-weight: 700;
  margin-bottom: 50px;
  position: relative
}
h3.logoservices-headings::after {
  width: 68px;
  height: 14px;
  background: url(../images/services/logos/heading-bottom.html);
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%)
}
.slider-logoside .items.slick-slide img {
  text-align: right;
  margin: 0 auto
}
.slider-logoside ul.slick-dots {
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
  font-size: 0
}
.slider-logoside li button {
  background: #60607a;
  width: 2px !important;
  margin: 0;
  padding: 0;
  border: 0;
  height: 30px
}
.slider-logoside li.slick-active button {
  background: var(--main-color);
  width: 4px !important;
  position: relative;
  left: -1px;
  box-shadow: 0 0 5px 2px var(--main-color);
}
.news__counter {
  position: absolute;
  right: 20px;
  color: #fff;
  top: 47%;
  transform: translateY(-50%);
  line-height: 10;
  font-weight: 700
}
section.logo-section-4 {
  /* background: url(../images/services/logos/logo-page-bg4.html) !important; */
  background-size: cover !important
}
.content-contentboxd p {
  font-size: 13px;
  color: #fff;
  margin-bottom: 0
}
.logosection4-box {
  background: #0d143f;
  padding: 38px 24px;
  position: relative;
  border-radius: 8px
}
.divbe {
  position: relative
}
.myreds {
  background: #c81235 !important;
  position: relative
}
.myreds::after {
  width: 80%;
  background: #f99017;
  content: "";
  height: 2px;
  display: block;
  top: -14px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 5px 4px rgba(249, 144, 23, .51);
  -webkit-box-shadow: 0 0 5px 4px rgba(249, 144, 23, .51);
  -moz-box-shadow: 0 0 5px 4px rgba(249, 144, 23, .51)
}
.myorange {
  background: #f99017
}
.mygreen {
  background: #3bcc7e
}
.mypinks {
  background: #f53785;
  position: relative
}
.mypinks::after {
  width: 2px;
  background: var(--main-color);
  content: "";
  height: 80%;
  display: block;
  top: 50%;
  position: absolute;
  right: -14px;
  transform: translateY(-50%);
  box-shadow: 0 0 5px 2px var(--main-color);
}
.myblues {
  background: #11a8ff;
  position: relative
}
.myblues::after {
  width: 80%;
  background: #c81336;
  content: "";
  height: 2px;
  display: block;
  bottom: -14px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 0 5px 4px rgba(200, 18, 53, .51);
  -webkit-box-shadow: 0 0 5px 4px rgba(200, 18, 53, .51);
  -moz-box-shadow: 0 0 5px 4px rgba(200, 18, 53, .51)
}
.cus-ali-gns {
  display: flex;
  align-items: center;
  position: relative
}
.postings {
  position: relative;
  top: -40px
}
.mynewpadding-logosd {
  padding: 140px 0 90px 0
}
.my-box-whychoose {
  margin-bottom: 18px
}
.posupslogo {
  position: relative;
  top: -30px
}
.content-contentboxd h3 {
  font-size: 15px;
  font-weight: 700;
  color: #fff;
  margin-top: 20px
}
.content-contentboxd p {
  font-size: 13px;
  color: #fff;
  margin-bottom: 0 !important
}
section.logo-section-4.padding-section-c.pbottomless {
  padding-bottom: 30px
}
.logo-section-5 {
  /* background: url(../images/services/logos/bg-portfolios.html) !important; */
  background-size: cover !important;
  position: relative
}
.logo-section-5::after {
  background: url(../images/services/logos/portfolio-side-image.html) !important;
  width: 38%;
  left: 0;
  top: 0;
  position: absolute;
  display: block;
  content: "";
  height: 100%;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  z-index: 0
}
.side-portfoliosd {
  position: relative;
  z-index: 1
}
.side-portfoliosd h3 {
  font-size: 42px;
  color: #fff;
  font-weight: 700;
  position: relative;
  margin-bottom: 40px
}
.side-portfoliosd h3::after {
  width: 68px;
  height: 14px;
  background: url(../images/services/logos/heading-bottom.html);
  content: "";
  position: absolute;
  bottom: -15px;
  left: -2%
}
.side-portfoliosd h4 span {
  color: #b9b5c5 !important;
  font-size: 23px;
  font-weight: 700;
  display: block
}
.side-portfoliosd h4 {
  font-size: 38px;
  color: var(--main-color);
  font-weight: 700
}
.side-portfoliosd p {
  font-size: 15px;
  color: #fff;
  margin-top: 30px;
  position: relative
}
.side-portfoliosd p::after {
  content: "";
  display: block;
  position: absolute;
  width: 52px;
  height: 1px;
  background: var(--main-color);
  top: -13px
}
section.logo-section-6 {
  /* background: url(../images/services/logos/bluebglast.html) !important; */
  background-size: cover !important;
  position: relative
}
h3.logoservices-headings span2 {
  color: var(--main-color)
}
.ourcontactsection-lastone p {
  color: #fff;
  text-align: center;
  font-size: 15px
}
.ourcontactsection-lastone {
  background: #000000;
  padding: 58px 30px
}
.ourcontactsection-lastone .btn-stylebordernews {
  justify-content: center;
  margin: 0 auto;
  display: block;
  text-align: center;
  margin-top: 40px
}
.logo-section-6 .btn-stylebordernews a img {
  padding-right: 8px
}
/* .logo-section-6 .btn-stylebordernews img{
  transition: 0.5s all;
} */
.logo-section-6 .btn-stylebordernews a:hover img{
  filter: brightness(0.5);
}
.logo-section-6 .btn-stylebordernews a {
  padding: 15px 28px
}
.logocallbox {
  margin: 0 auto;
  text-align: center;
  margin-top: 50px
}
.logocallbox a {
  font-size: 26px;
  color: #fff;
  text-decoration: none;
  font-weight: 600
}
.logocallbox a img {
  margin-right: 10px
}
.logo-section-6 .container {
  position: relative
}
.logo-section-6 .container::after {
  background: url(../images/services/logos/dots-logo.html) !important;
  position: absolute;
  content: "";
  display: block;
  width: 188px;
  height: 33px;
  background-repeat: no-repeat;
  right: 40px;
  top: 20px
}
.logo-section-6 .container::before {
  background: url(../images/services/logos/dots-logo.html) !important;
  position: absolute;
  content: "";
  display: block;
  width: 188px;
  height: 33px;
  background-repeat: no-repeat;
  left: 40px;
  bottom: 20px
}
section.logo-section-7 {
  /* background: url(../images/services/logos/logo-page-bg3.html) !important; */
  background-size: cover !important
}
.ournew-pricing-logo .pricingboxani-p {
  background: 0 0;
  position: relative
}
.ournew-pricing-logo .pricingboxani-p::after {
  background: url(../images/services/logos/linepricings.html) !important;
  width: 15px;
  display: block;
  position: absolute;
  content: "";
  right: -8px;
  top: 0;
  height: 100%;
  background-repeat: no-repeat
}
.lastdisnoneaf::after {
  display: none !important
}
.ournew-pricing-logo .priceheading-boxs {
  background: 0 0
}
.ournew-pricing-logo .pricelistinganimation ul {
  margin-top: 0 !important
}
.ournew-pricing-logo .priceheading-boxs h3 {
  font-size: 50px
}
.ournew-pricing-logo .priceheading-boxs h5 {
  color: #f4ae00
}
.ournew-pricing-logo .pricelistinganimation ul li {
  text-align: left;
  color: #cfced8;
  font-size: 14px !important;
  line-height: 2.2
}
.ournew-pricing-logo .scrollbar.style-14 {
  height: 228px
}
.ournew-pricing-logo .priceheading-boxs {
  border-radius: 5px 5px 0 0;
  padding: 8px 0
}
.ournew-pricing-logo .scrollbar.style-14::-webkit-scrollbar-track {
  background: #413d63;
  border-radius: 10px;
  border: 1px solid #413d63
}
.ournew-pricing-logo .scrollbar.style-14::-webkit-scrollbar-thumb {
  background: var(--main-color);
  border-radius: 0
}
.ournew-pricing-logo .priceheading-boxs {
  text-align: left
}
.ournew-pricing-logo .pricelistinganimation {
  margin: 0 30px 0 0
}
.ournew-pricing-logo .pricelistinganimation ul {
  padding: 0 !important
}
.ournew-pricing-logo .button-pricingwhiteani a {
  text-align: left;
  background: #100d27;
  margin-left: 0;
  border: 1px solid var(--main-color);
  color: #fff;
  padding: 13px 20px;
  position: relative;
  box-shadow: 0 10px 35px -13px var(--main-color)
}
.ournew-pricing-logo .button-pricingwhiteani a img {
  width: 30px;
  text-align: right;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%)
}
.button-style-price-color a {
  padding: 12px 20px;
  width: 100%;
  color: #fff;
  width: 80%;
  text-align: center;
  display: block;
  text-decoration: none;
  border-radius: 5px;
  font-size: 15px
}
.colororangepricing a {
  background: #ed8700
}
.colorredpricing a {
  background: #e51f5c
}
.colorbluepricing a {
  background: #0a5ee5
}
.colorpinkpricing a {
  background: #b50481
}
.onelineslogo .button-style-price-color {
  width: 100%
}
.onelineslogo {
  margin-bottom: 50px;
  position: relative
}
.onelineslogo::after {
  height: 1px;
  width: 100%;
  background: #505c6a;
  content: "";
  position: absolute;
  top: -20px
}
.onelineslogo::before {
  height: 1px;
  width: 100%;
  background: #505c6a;
  content: "";
  position: absolute;
  bottom: -20px
}
.logo-section-7 h3.logoservices-headings {
  margin-bottom: 80px
}
.right-lineslogo {
  position: relative
}
.right-lineslogo::after {
  height: 100%;
  width: 1px;
  background: #535678;
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 16px;
  height: 49px
}
.logo-image-first-secs img {
  width: 100%
}
.slider-logoside .items img {
  width: 100%
}
.ournew-pricing-logo .pricelistinganimation ul li img {
  margin-right: 10px
}
.our-headingwhychoosed h3 {
  text-align: left !important;
  position: relative;
  margin-bottom: 40px
}
.adjustdiv-aligns {
  width: 30.2%;
  display: inline-block;
  margin: 0 10px
}
.our-headingwhychoosed h3::after {
  left: 0;
  transform: inherit;
  top: 45px
}
.our-headingwhychoosed p {
  font-size: 15px;
  color: #fff;
  line-height: 1.8
}
.illustrator-vector-dec .logo-page-bannerstyle span {
  color: #03b6ff
}
.ill-last-sec .bpxlastwithimgill p {
  padding: 0 10px
}
.illustrator-page-banner {
  background: url(../images/services/illustrator/illustrator-bg.html) !important;
  background-size: cover !important
}
section.logo-section-2.illustrationbg1 {
  background: url(../images/services/illustrator/illustrator-bg1.html) !important;
  background-size: cover !important
}
.logo-image-first-secs {
  position: relative
}
.logo-image-first-secs::after {
  background: url(../images/services/illustrator/afterline.html) !important;
  width: 15px;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -75px;
  background-size: contain !important;
  background-repeat: no-repeat
}
section.illustrator-section-3 {
  /* background: url(../images/services/illustrator/illustrator-bg1.html) !important; */
  background-size: cover !important
}
body.compensate-for-scrollbar {
  overflow-y: scroll !important
}
.compensate-for-scrollbar {
  margin-right: 0 !important
}
.our-newtab-illustrator ul.nav.nav-tabs {
  text-align: center;
  margin: 0 auto;
  display: block;
  width: 100%;
  border-bottom: 0;
  margin-bottom: 45px
}
.our-newtab-illustrator {
  width: 100%
}
.ourabottomspacegallerys a {
  margin-bottom: 40px !important;
  display: block
}
.our-newtab-illustrator ul.nav.nav-tabs li {
  display: inline-block
}
.our-newtab-illustrator ul.nav.nav-tabs li a.active {
  background: #03b6ff;
  padding: 8px 28px;
  border-radius: 50px;
  -webkit-box-shadow: 0 6px 14px -5px rgb(3 182 255);
  -moz-box-shadow: 0 6px 14px -5px rgb(3 182 255);
  box-shadow: 0 6px 14px -5px rgb(3 182 255)
}
.our-newtab-illustrator ul.nav.nav-tabs li a {
  font-size: 14px;
  color: #fff;
  text-decoration: none
}
.our-newtab-illustrator ul.nav.nav-tabs li {
  display: inline-block;
  padding: 0 15px
}
.illustrationbg1 {
  position: relative
}
.illustrationbg1::after {
  background: url(../images/services/illustrator/center-image-illustrators.html) !important;
  position: absolute;
  display: block;
  content: "";
  bottom: -15%;
  width: 261px;
  background-size: contain;
  background-repeat: no-repeat !important;
  height: 281px;
  right: 15%;
  transform: translateX(-60%);
  transform: translatey(0);
  animation: float-twos-ill 6s ease-in-out infinite
}
@keyframes float-twos-ill {
  0% {
    transform: translatey(0)
  }
  50% {
    transform: translatey(-20px)
  }
  100% {
    transform: translatey(0)
  }
}
section.logo-section-4.illustratorsec4 {
  /* background: url(../images/services/illustrator/illustrator-bg3.html) !important; */
  background-size: cover !important
}
.illustratorsec4 .logo-image-first-secs {
  position: relative
}
.illustratorsec4 .logo-image-first-secs::after {
  position: absolute;
  content: "";
  display: block;
  bottom: -10px !important;
  left: -40px;
  /* background: url(../images/services/illustrator/bottomimage-round-vector.html) !important; */
  width: 88px;
  height: 88px;
  top: initial !important;
  animation: 10s rotatenewill linear infinite
}
@keyframes rotatenewill {
  0% {
    transform: translateY(-50%) rotate(0)
  }
  100% {
    transform: translateY(-50%) rotate(360deg)
  }
}
.illustratorsec4 .logo-image-first-secs::before {
  background: url(../images/services/illustrator/topimage-round-vector.html) !important;
  width: 142px;
  height: 138px;
  position: absolute;
  content: "";
  display: block;
  right: -50px;
  top: 60px;
  animation: 10s rotatenewill linear infinite
}
@keyframes rotatenewill {
  0% {
    transform: translateY(-50%) rotate(0)
  }
  100% {
    transform: translateY(-50%) rotate(360deg)
  }
}
.illustrator-vector-dec {
  /* background: url(../images/services/illustrator/bg-all-vectors.html) !important; */
  background-size: cover !important
}
.bgs-allvctor {
  position: relative;
  margin: 0 auto
}
.bgs-allvctor::after {
  background: url(../images/services/illustrator/top-all-vector-round.html) !important;
  position: absolute;
  content: "";
  display: block;
  width: 158px;
  height: 183px;
  top: 20%;
  left: 0;
  animation: 10s rotatenewill linear infinite
}
@keyframes rotatenewill {
  0% {
    transform: translateY(-50%) rotate(0)
  }
  100% {
    transform: translateY(-50%) rotate(360deg)
  }
}
.bgs-allvctor::before {
  background: url(../images/services/illustrator/bottom-all-vector-round.html) !important;
  position: absolute;
  content: "";
  display: block;
  width: 182px;
  height: 165px;
  bottom: 0;
  right: 0;
  animation: 10s rotatenewill linear infinite
}
@keyframes rotatenewill {
  0% {
    transform: translateY(-50%) rotate(0)
  }
  100% {
    transform: translateY(-50%) rotate(360deg)
  }
}
.bgs-allvctor img {
  position: relative;
  z-index: 2;
  width: 90%;
  margin: 0 auto;
  display: block;
  transform: translateX(-60%);
  transform: translatey(0);
  animation: float-twos-ill 6s ease-in-out infinite
}
@keyframes float-twos-ill {
  0% {
    transform: translatey(0)
  }
  50% {
    transform: translatey(-20px)
  }
  100% {
    transform: translatey(0)
  }
}
.illustrator-vector-dec .logo-page-bannerstyle p {
  margin-top: 0 !important;
  font-size: 14px !important;
  margin-right: 0;
  padding-right: 0
}
.illustrator-vector-dec .col-lg-3 {
  position: relative
}
.illustrator-vector-dec .col-lg-3::after {
  background: url(../images/services/illustrator/afterline.html) !important;
  width: 8px;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 20px;
  background-size: contain !important;
  background-repeat: no-repeat
}
.illustrator-litings {
  /* background: url(../images/services/illustrator/lisiting-bg.html) !important; */
  background-size: cover !important
}
.ourilllisting li {
  font-size: 14px;
  color: #ffff;
  padding-bottom: 12px
}
.ourilllisting li img {
  width: 15px;
  margin-right: 10px
}
.our-ill-lst-ings .ourilllisting {
  width: 18%;
  display: inline-block
}
ul.my-ill-lisiting {
  position: relative
}
ul.my-ill-lisiting::after {
  background: url(../images/services/illustrator/afterline.html) !important;
  width: 8px;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-36%);
  right: 20px;
  background-size: contain !important;
  background-repeat: no-repeat !important
}
.lastoff-after::after {
  display: none !important
}
.ready-to-workss {
  /* background: url(../images/services/illustrator/ready-to-ww.html) !important; */
  background-size: cover !important
}
.our-ready-content {
  background-repeat: no-repeat;
  background: url(../images/services/illustrator/reading-ing.html) !important;
  background-size: 100% 100% !important;
  padding: 40px 50px 50px 50px;
  width: 100%;
  height: 100%;
  border-radius: 12px
}
.ready-to-workss .mttops {
  margin-top: 30px
}
.our-ready-content .logo-page-bannerstyle h3 {
  font-size: 30px !important
}
.our-ready-content .btn-stylebordernews a {
  border: 2px solid #fff;
  color: #126551;
  font-weight: 600;
  color: #fff
}
.our-ready-content .btn-stylebordernews a img {
  filter: brightness(0) invert(1)
}
section.ready-to-workss {
  position: relative
}
section.ready-to-workss::after {
  background: url(../images/services/logos/dots-logo.html) !important;
  position: absolute;
  content: "";
  display: block;
  width: 188px;
  height: 33px;
  background-repeat: no-repeat;
  left: 20%;
  bottom: 20px
}
section.ready-to-workss::before {
  background: url(../images/services/logos/dots-logo.html) !important;
  position: absolute;
  content: "";
  display: block;
  width: 188px;
  height: 33px;
  background-repeat: no-repeat;
  right: 20%;
  top: 20px
}
.our-ready-content .btn-stylebordernews a:hover {
  background: #fff;
  color: #126551
}
.our-ready-content .btn-stylebordernews a:hover img {
  filter: initial !important
}
.ill-last-sec {
  /* background: url(../images/services/illustrator/bglast-ill.html) !important; */
  background-size: cover !important
}
.bpxlastwithimgill {
  text-align: center;
  margin: 0 auto;
  position: relative;
  transition: transform .2s
}
.bpxlastwithimgill:hover {
  transform: scale(1.1)
}
.bpxlastwithimgill img {
  margin-bottom: 20px
}
.bpxlastwithimgill h3 {
  font-size: 17px;
  color: #fff;
  margin-bottom: 17px;
  font-weight: 600
}
.bpxlastwithimgill p {
  font-size: 15px;
  color: #ddd
}
.bpxlastwithimgill img.withhoverill {
  opacity: 0
}
.bpxlastwithimgill img.withhoverill {
  opacity: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%)
}
.bpxlastwithimgill:hover img.withhoverill {
  opacity: 1
}
.bpxlastwithimgill:hover ::after {
  background: #080351;
  width: 100%;
  height: 80%;
  display: block;
  position: absolute;
  content: "";
  bottom: 0;
  z-index: -1;
  border-radius: 9px;
  border: 1px solid #070446;
  bottom: -25px;
  right: 0
}
.ill-last-sec .col-lg-3 {
  position: relative
}
.ill-last-sec .col-lg-3::after {
  height: 60%;
  width: 1px;
  position: absolute;
  display: block;
  content: "";
  background: #fff;
  top: 70%;
  transform: translateY(-50%);
  right: 0
}
.logo-section-5 .bigimage-logos::before {
  background-size: contain !important
}
.lastoff-before::after {
  display: none !important
}
@font-face {
  font-family: millennial_solsticeregular;
  src: url(../fonts/millennial_solstice-webfont.html) format('woff2'), url(../fonts/millennial_solstice-webfont-2.html) format('woff');
  font-weight: 400;
  font-style: normal
}
.webpage-temp {
  background: url(../images/services/web-development-page-template/webpage-temp-bg.html) !important;
  background-size: cover !important
}
.webdev-temp h3 {
  text-align: left;
  margin: 0 auto;
  display: block;
  color: #fff;
  text-transform: inherit !important;
  font-weight: 700 !important
}
.spc-off-ps .bpxlastwithimgill p {
  padding: 0
}
.webdev-temp span5 {
  color: var(--main-color);
  font-weight: 500
}
.webdev-temp p {
  margin: 0 auto;
  text-align: left
}
.webdev-temp .btn-stylebordernews {
  display: flex;
  justify-content: left
}
a.redbgcolors {
  background: var(--main-color) !important;
  border-color: var(--main-color) !important;
  color: var(--text-color);
  box-shadow: none !important
}
.webdev-temp h3::after {
  background: url(../images/services/logos/line-headingred.png) !important;
  width: 68px !important;
  height: 14px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  position: absolute;
  display: block !important;
  bottom: 0 important;
  left: 0 !important;
  content: "";
  transform: initial !important;
  bottom: -35px !important;
  left: 0 !important
}
.webdev-temp p {
  margin-top: 45px;
  margin-bottom: 0 !important;
  padding-bottom: 0
}
.afdcnone::after {
  display: none !important
}
section.logo-section-2.illustrationbg1.webpage-temp-sec1 {
  /* background: url(../images/services/web-development-page-template/sec-two-temp.html) !important; */
  background-size: cover !important;
  padding: 100px 0 120px 0
}
.color-ys {
  color: #feaf0e
}
.illustrationbg1.webpage-temp-sec1::after {
  display: none !important
}
.webpage-temp-sec1::before {
  position: absolute;
  display: block;
  content: "";
  background: url(../images/services/web-development-page-template/circle-rights-temp.html) !important;
  width: 401px;
  height: 359px;
  right: 0;
  top: 0
}
.headnew-red {
  color: var(--main-color);
  text-transform: initial
}
.heading-webtems p {
  width: 70%;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  margin-bottom: 40px
}
.leftalignbox-temps {
  text-align: left !important;
  padding: 30px;
  margin: 0 10px
}
.leftalignbox-temps:hover {
  background: #7226ac;
  border-radius: 13px;
  box-shadow: 0 0 9px 1px rgba(54, 13, 40, .44);
  -webkit-box-shadow: 0 0 9px 1px rgba(54, 13, 40, .44);
  -moz-box-shadow: 0 0 9px 1px rgba(54, 13, 40, .44)
}
.leftalignbox-temps p {
  color: #fff !important;
  margin-bottom: 0 !important
}
.bpxlastwithimgill.leftalignbox-temps:hover ::after {
  display: none !important
}
.newsection-temps {
  /* background: url(../images/services/web-development-page-template/section-three-temp.html) !important; */
  background-size: cover !important
}
.bpxlastwithimgill.leftalignbox-temps {
  transform: initial !important
}
.blues-bx-temps:hover {
  background: #008e76
}
.yellows-bx-temps:hover {
  background: #865912
}
.web-temp-proccess {
  /* background: url(../images/services/web-development-page-template/web-temp-process.html) !important; */
  background-size: cover !important
}
ul.tempprocess li {
  color: #fff;
  font-size: 15px;
  padding-bottom: 0;
  margin-bottom: 8px !important
}
.greenpro {
  border: 3px solid #3bcc7e;
  border-radius: 13px !important;
  box-shadow: 0 0 9px 1px rgba(59, 204, 126, .61);
  -webkit-box-shadow: 0 0 9px 1px rgba(59, 204, 126, .61);
  -moz-box-shadow: 0 0 9px 1px rgba(59, 204, 126, .61)
}
.greenpro:hover {
  box-shadow: 0 0 9px 1px rgba(59, 204, 126, .61);
  -webkit-box-shadow: 0 0 9px 1px rgba(59, 204, 126, .61);
  -moz-box-shadow: 0 0 9px 1px rgba(59, 204, 126, .61)
}
.bluepro {
  border: 3px solid #0fd1fa;
  border-radius: 13px !important;
  box-shadow: 0 0 9px 1px rgba(15, 209, 250, .61);
  -webkit-box-shadow: 0 0 9px 1px rgba(15, 209, 250, .61);
  -moz-box-shadow: 0 0 9px 1px rgba(15, 209, 250, .61)
}
.bluepro:hover {
  box-shadow: 0 0 9px 1px rgba(15, 209, 250, .61);
  -webkit-box-shadow: 0 0 9px 1px rgba(15, 209, 250, .61);
  -moz-box-shadow: 0 0 9px 1px rgba(15, 209, 250, .61)
}
.pinkpro {
  border: 3px solid #eb79f5;
  border-radius: 13px !important;
  box-shadow: 0 0 9px 1px rgba(235, 121, 245, .61);
  -webkit-box-shadow: 0 0 9px 1px rgba(235, 121, 245, .61);
  -moz-box-shadow: 0 0 9px 1px rgba(235, 121, 245, .61)
}
.pinkpro:hover {
  box-shadow: 0 0 9px 1px rgba(235, 121, 245, .61);
  -webkit-box-shadow: 0 0 9px 1px rgba(235, 121, 245, .61);
  -moz-box-shadow: 0 0 9px 1px rgba(235, 121, 245, .61)
}
.yellowpro {
  border: 3px solid #fda641;
  border-radius: 13px !important;
  box-shadow: 0 0 9px 1px rgba(253, 166, 65, .61);
  -webkit-box-shadow: 0 0 9px 1px rgba(253, 166, 65, .61);
  -moz-box-shadow: 0 0 9px 1px rgba(253, 166, 65, .61)
}
.yellowpro:hover {
  box-shadow: 0 0 9px 1px rgba(253, 166, 65, .61);
  -webkit-box-shadow: 0 0 9px 1px rgba(253, 166, 65, .61);
  -moz-box-shadow: 0 0 9px 1px rgba(253, 166, 65, .61)
}
.tempprocess li:last-child {
  margin-bottom: 0 !important
}
.tempprocess li {
  display: flex;
  align-items: center
}
.web-temp-proccess .bpxlastwithimgill:hover {
  background: 0 0 !important
}
.our-new-gallery-temp {
  margin-bottom: 40px
}
.tempprocess img {
  margin-bottom: 0 !important;
  margin-right: 8px
}
section.illustrator-section-3.portfoliobgs-temps {
  /* background: url(../images/services/web-development-page-template/bg-webdeisgn-portfolio.html) !important; */
  background-size: cover !important
}
section.logo-section-7.tempbg-pricings {
  /* background: url(../images/services/web-development-page-template/pricingtempsd.html) !important; */
  background-size: cover !important
}
.tempbg-pricings .pricingboxani-p .button-pricingwhiteani a {
  border-color: var(--main-color) !important;
  box-shadow: 0 10px 35px -13px var(--main-color)
}
section.logo-section-6.templastbgsd {
  background: url(../images/services/web-development-page-template/last-bg-temps.html) !important;
  background-size: cover !important
}
.templastbgsd .btn-stylebordernews a.blueborderbtn {
  border-color: var(--main-color);
  box-shadow: 0 10px 35px -13px var(--main-color)
}
.templastbgsd .btn-stylebordernews a:hover {
  background: var(--main-color) !important
}
.slider-videos-sls ul.slick-dots {
  display: none !important;
}
.roundsfour {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
  top: 50%;
  transform: translateY(-50%)
}
.img-newadd {
  position: relative
}
.themeblack-sectionone .img-newadd::after {
  background-size: 60% !important;
  background-repeat: no-repeat !important;
  right: 0;
  background-position: center right !important;
  top: 0;
  animation: float-twos-anis 6s ease-in-out infinite
}
@keyframes float-twos-anis {
  0% {
    transform: translatey(0)
  }
  50% {
    transform: translatey(-20px)
  }
  100% {
    transform: translatey(0)
  }
}
.img-newadd::after {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-size: contain;
  background: url(../images/services/video-animation/briks.html) !important
}
@media (max-width:1800px) {
  .illustrationbg1::after {
    width: 161px;
    background-size: 100% 100% !important;
    height: 170px
  }
}
@media (max-width:1600px) {
  section.logo-section-5.wsmls::after {
    width: 37%
  }
}
@media (max-width:1500px) {
  section.logo-section-5.wsmls::after {
    width: 36%
  }
}
@media (max-width:1336px) {
  section.logo-section-5.wsmls::after {
    width: 34%
  }
  .bigimage-logos img {
    width: 80%;
    margin: 0 auto;
    display: block
  }
}
@media (max-width:1270px) {
  .illustratorsec4 .logo-image-first-secs::before {
    right: 0 !important
  }
  .illustratorsec4 .logo-image-first-secs::before {
    width: 80px;
    background-size: contain !important;
    height: 78px
  }
}
@media (max-width:1200px) {
  .box-counters p {
    font-size: 8px
  }
  .illustrationbg1::after {
    width: 141px;
    background-size: 100% 100% !important;
    height: 140px;
    bottom: -10% !important
  }
  .align-mblsoff .col-xs-3 {
    width: 25%
  }
  .videoanimtaion-images-box img {
    width: 100%
  }
  .positionback-image-blacktheme img {
    width: 100%
  }
  .align-mblsoff .col-xs-3 img {
    width: 100%
  }
}
@media (max-width:1024px) {
  .our-newtab-illustrator img {
    width: 100%
  }
  .our-new-gallery-temp img {
    width: 100%
  }
}
@media (max-width:991px) {
  .ournew-pricing-logo .pricelistinganimation {
    margin-right: 0 !important
  }
  .button-style-price-color a {
    margin: 0 auto !important
  }
  .mynewpadding-logosd {
    text-align: center;
    margin: 0 auto
  }
  .mynewpadding-logosd h3 {
    text-align: center !important
  }
  .mynewpadding-logosd h3::after {
    left: 50%;
    transform: translateX(-50%)
  }
  .my-box-whychoose {
    margin-bottom: 0 !important
  }
  .divbe br {
    display: none !important
  }
  .postings {
    position: initial !important
  }
  .mypinks::after {
    display: none !important
  }
  .myblues::after {
    display: none !important
  }
  .myreds::after {
    display: none !important
  }
  .posanisd {
    position: initial
  }
  .backbg-lastafter {
    position: relative;
    padding-top: 0
  }
  .box-counters p {
    font-size: 10px
  }
  .backbg-lastafter::after {
    width: 100%
  }
  .img-newadd {
    padding-right: 0
  }
  .webpage-temp .absolute-center {
    margin-top: 0
  }
  .video-animation-banner .absolute-center {
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%)
  }
  .illustrator-page-banner .services-spacebt-four-five {
    flex: initial !important;
    align-items: initial !important
  }
  .logo-page-banner .absolute-center {
    margin-top: 0 !important
  }
  .logo-page-banner .banner-image-rights {
    margin-top: 0 !important
  }
  .illustrator-page-banner .logo-page-bannerstyle {
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
  }
  .webdev-temp h3::after {
    left: 50% !important;
    transform: translateX(-50%) !important
  }
  .webdev-temp h3 {
    text-align: center !important
  }
  .webdev-temp p {
    text-align: center !important
  }
  .webdev-temp .btn-stylebordernews {
    display: flex;
    justify-content: center
  }
  .ournew-pricing-logo .pricelistinganimation ul li img {
    display: none !important
  }
  .disnones {
    display: none !important
  }
  .bigimage-logos::before {
    display: none !important
  }
  .our-ready-content .logo-page-bannerstyle h3 {
    font-size: 24px !important
  }
  .bpxlastwithimgill:hover {
    transform: initial !important
  }
  .ourilllisting li {
    display: flex;
    align-items: center
  }
  .ourilllisting {
    margin: 0 auto;
    display: block !important;
    width: 140px !important
  }
  .webpage-temp-sec1 .logo-image-first-secs.afdcnone img {
    width: 90%
  }
  .slick-slide .our-new-gallery-temp img {
    width: 80% !important;
    margin: 0 auto !important
  }
  .logo-section-2 .logo-image-first-secs::after {
    display: none
  }
  .ill-last-sec .bpxlastwithimgill img {
    margin-bottom: 30px !important
  }
  .webpage-temp-sec1 .logo-image-first-secs {
    margin-top: 50px
  }
  .leftalignbox-temps {
    text-align: center !important
  }
  ul.tempprocess.color-blue-icosd {
    text-align: center;
    margin: 0 auto;
    display: block
  }
  ul.tempprocess.color-blue-icosd li {
    text-align: center;
    margin: 0 auto;
    display: block
  }
  ul.tempprocess.color-blue-icosd li img {
    display: none
  }
  ul.my-ill-lisiting::after {
    display: none !important
  }
  .for-dektop-991 {
    display: none !important
  }
  .for-mobile-991 {
    display: block !important
  }
  .order-1-cc {
    -ms-flex-order: 1;
    order: 1
  }
  .order-2-cc {
    -ms-flex-order: 2;
    order: 2
  }
  .process-item {
    margin: 0 auto;
    text-align: center
  }
  .bpxlastwithimgill img {
    margin-bottom: 20px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px
  }
  .bpxlastwithimgill img.withhoverill {
    top: 0 !important
  }
  .illustrationbg1 .logo-page-bannerstyle {
    margin-top: 40px
  }
  .illustratorsec4 .logo-image-first-secs {
    margin-top: 60px
  }
  .our-ready-content {
    background: #18765e !important
  }
  .logo-page-bannerstyle p {
    padding-right: 0 !important
  }
  .illustrationbg1::after {
    bottom: -6%;
    width: 111px;
    background-size: contain !important;
    height: 111px
  }
  .ournew-pricing-logo .priceheading-boxs {
    text-align: center
  }
  .ournew-pricing-logo .pricingboxani-p::after {
    display: none !important
  }
  .ournew-pricing-logo .pricelistinganimation ul li {
    text-align: center
  }
  .button-pricingwhiteani a {
    width: 160px !important
  }
  .ournew-pricing-logo .button-pricingwhiteani a {
    margin: 0 auto !important
  }
  .side-portfoliosd h4 {
    font-size: 24px !important
  }
  .side-portfoliosd h3 {
    font-size: 24px !important
  }
  .video-animation-banner {
    background-position: center center;
    background-size: cover !important
  }
  .bigimage-logos {
    margin-top: 50px
  }
  .side-portfoliosd h3::after {
    left: 50%;
    transform: translateX(-50%)
  }
  .side-portfoliosd p::after {
    left: 50%;
    transform: translateX(-50%)
  }
  .side-portfoliosd {
    text-align: center
  }
  section.logo-section-5.wsmls::after {
    display: none !important
  }
  .logosection4-box {
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 80% !important
  }
  .divbe::after {
    display: none
  }
  .logosection4-box .icon-logoboxd img {
    margin: 0 auto;
    display: block
  }
  .logo-image-first-secs img {
    width: 40%;
    margin: 0 auto;
    display: block
  }
  .slider-logoside .items img {
    width: 40%
  }
  .slider-thumb-logo-page {
    margin-top: 30px
  }
  .our-slider-logo-des {
    display: inherit;
    align-items: center;
    padding: 18px 0;
    margin: 0 auto
  }
  .logo-descp-img {
    margin: 0 auto;
    width: auto !important
  }
  .slick-slide .logo-descp-img img {
    display: block;
    margin: 0 auto
  }
  .logo-decep-details {
    text-align: center;
    margin: 0 auto
  }
  .logo-decep-details::after {
    display: none !important
  }
  .logo-decep-details::before {
    display: none !important
  }
  .items.slick-slide.slick-current.slick-active .logo-decep-details::before {
    height: 76px
  }
  h3.logoservices-headings {
    font-size: 24px
  }
  .logo-page-bannerstyle {
    text-align: center
  }
  .logo-page-bannerstyle h6 {
    font-size: 18px !important
  }
  .logo-page-bannerstyle h3 {
    font-size: 24px !important
  }
  .logo-page-bannerstyle {
    text-align: center
  }
  .logo-page-bannerstyle h3::after {
    display: none !important
  }
  .logo-page-banner .banner-image-rights img {
    width: 37%;
    margin: 0 auto;
    display: block
  }
  .logo-page-bannerstyle p {
    margin-top: 18px !important;
    margin-bottom: 18px !important
  }
  .sidebyside-image-content h3.headingline-top.pt-0 {
    margin-top: 50px
  }
  .headingwithcenterleftstyle {
    text-align: center
  }
  section.sidebyside-image-content::after {
    width: 8px
  }
  .leftbtn-and-margins .buttonbox {
    justify-content: center
  }
  .services-content-box.leftbtn-and-margins {
    text-align: center
  }
  .content-animationsection .buttonbox {
    justify-content: center
  }
  .process-btn h4::after {
    background: #00aeef;
    left: 50%;
    transform: translateX(-50%)
  }
  .process-btn p {
    color: #fff
  }
  .process-btn h4 {
    color: #00aeef
  }
  .process-item.process-btn {
    text-align: center;
    margin: 0 auto;
    padding: 0 20px;
    margin-top: 60px;
    margin-bottom: 30px
  }
  .videoanimtaion-images-box img {
    width: 50%;
    margin: 0 auto
  }
  .content-animationsection.services-content-box {
    text-align: center;
    margin: 0 auto;
    padding: 0 20px
  }
  .themeblack-sectionone .box-counters {
    text-align: center;
    margin: 50px 20px 0 20px
  }
  section.themeblack-sectionone.padding-section-c.align-v-customs {
    display: block !important
  }
  .themeblack-sectionone .buttonbox {
    justify-content: center
  }
  .headingline-top::after {
    left: 50%;
    transform: translateX(-50%)
  }
  .themeblack-sectionone .services-content-box {
    text-align: center;
    margin: 60px 0 0 0
  }
  .positionback-image-blacktheme {
    position: initial !important;
    width: 100%;
    display: block;
    margin: 0 auto
  }
  .positionback-image-blacktheme img {
    width: 60%;
    text-align: center;
    margin: 0 auto;
    display: block
  }
  .themeblack-sectionone::after {
    width: 8px
  }
  .services-lefts {
    text-align: center
  }
  .services-lefts .buttonbox {
    justify-content: center
  }
  .tabs-funds h3 {
    font-size: 24px
  }
  .ournewtabbox h3 {
    font-size: 15px !important
  }
  .fund-process h3 {
    font-size: 15px
  }
  .fund-process p {
    line-height: 1.3;
    font-weight: 400
  }
  .ourcenterheadingbanner-new h2 {
    font-size: 24px
  }
  .ourcenterheadingbanner-new h4 {
    font-size: 15px
  }
  .headingnewpagestyles h4 {
    font-size: 20px
  }
  .headingnewpagestyles h3 {
    font-size: 24px
  }
  .centerplane .ourblds {
    margin-bottom: 20px
  }
  .centerplane::before {
    width: 18% !important;
    height: 100%
  }
  .pricingboxani-p {
    width: 80%;
    margin: 0 auto
  }
  .animation-pricing-list-section .tab-content::after {
    display: none !important
  }
  .illustrationbg1 .logo-image-first-secs::after {
    display: none !important
  }
  .our-newtab-illustrator ul.nav.nav-tabs li {
    margin-bottom: 20px
  }
}
@media (max-width:767px) {
  .roundsfour {
    display: block !important
  }
  .bgs-allvctor::before {
    background-size: contain !important;
    width: 62px !important;
    height: 62px !important
  }
  .bgs-allvctor::after {
    background-size: contain !important;
    width: 62px !important;
    height: 62px !important
  }
  .ourilllisting li {
    display: -webkit-inline-box !important;
    align-items: center;
    justify-content: flex-start !important
  }
  section.slider-rightsides::after {
    background: #198def;
    width: 8px
  }
  .animation-pricing-list-section ul li a {
    font-size: 13px;
    padding: 4px 0 !important;
    display: inline-block
  }
  .slick-slide .videoanimtaion-images-box img {
    width: 60% !important
  }
  .tabs-funds ul.nav.nav-tabs li {
    margin-bottom: 30px
  }
  .bluelightnewcolors .content-sstylenewpages {
    padding-left: 0 !important;
    padding-right: 0 !important
  }
  .order-1-c {
    -ms-flex-order: 1;
    order: 1
  }
  .order-2-c {
    -ms-flex-order: 2;
    order: 2
  }
  .sectionthree-newpage .our-slider-mobile {
    margin: 40px 0 0 0
  }
  .fund-process br {
    display: none !important
  }
  .funds-pagebanner {
    background-position: center center !important
  }
  .content-sstylenewpages {
    padding-right: 0;
    text-align: center
  }
  .image-sidecontents {
    margin-bottom: 25px
  }
  .content-sstylenewpages h4 {
    font-size: 24px;
    margin-bottom: 10px
  }
  .content-sstylenewpages h3 {
    font-size: 22px
  }
}
@media (max-width:576px) {
  .newslider-animation .items {
    margin-left: 0 !important
  }
  .webpage-temp-sec1::before {
    display: none !important
  }
  .our-ready-content .btn-stylebordernews a {
    display: block
  }
  .our-ready-content .btn-stylebordernews a.blueborderbtn {
    margin-bottom: 20px
  }
  .bgs-allvctor::after {
    display: none !important
  }
  .bgs-allvctor::before {
    display: none !important
  }
  .logo-section-6 .btn-stylebordernews a {
    width: 100%;
    margin: 0 auto;
    display: block
  }
  .logo-section-6 .btn-stylebordernews a.whitebtnbrders {
    margin-top: 20px
  }
  .slider-logoside .items img {
    width: 80% !important
  }
  .tabs-funds {
    padding: 0 18px
  }
  .whitesection-newpagestyle::after {
    display: none !important
  }
  .funds-pagebanner {
    background-repeat: no-repeat;
    background-size: cover !important
  }
  .headingnewpagestyles {
    padding: 0 18px
  }
  .headingnewpagestyles p {
    width: 100%
  }
}
@media (max-width:800px) {
  .blog-left-content img {
    width: 100% !important;
    height: auto !important
  }
}
.banner-contents.services-lefts.lowercase h1 {
  text-transform: initial !important;
}
.roundsdfour {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #000;
  top: 50%;
  transform: translateY(-50%)
}
.rightzeros .roundsdfour + a {
  padding-right: 0;
  margin-right: 15px !important
}
.dropdownopenfour {
  width: max-content !important
}
.rightzeros a.ourbottm-down::after {
  right: 5px !important
}
.banner-contents.services-lefts h1 {
  font-size: 40px;
  font-weight: 900;
  text-transform: uppercase;
  padding-bottom: 25px;
  position: relative;
  color: #212112 !important
}
.banner-contents.services-lefts h1::after {
  position: absolute;
  display: block;
  content: "";
  width: 179px;
  height: 2px;
  bottom: 0;
  background: var(--main-color);
  transform: translateX(-60%);
  left: 60%
}
.banner-contents h1 span {
  color: #212112
}
.banner-contents.logo-page-bannerstyle h1 {
  font-size: 29px !important;
  color: #06a5ef !important;
  font-weight: 400;
  text-transform: initial;
  margin-bottom: 0;
  padding-bottom: 0
}
.banner-contents.logo-page-bannerstyle h1::after {
  display: none
}
.banner-contents.logo-page-bannerstyle.mynewff h1 {
  font-size: 40px !important;
  color: #fff !important;
  text-transform: initial !important;
  font-weight: 800 !important;
  position: relative
}
.banner-contents.logo-page-bannerstyle.mynewff h1::after {
  background: url(../images/services/logos/line-headingred.png) !important;
  width: 68px !important;
  height: 14px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  position: absolute;
  display: block !important;
  bottom: 0 important;
  left: 0 !important;
  content: "";
  transform: initial !important;
  bottom: -35px !important
}
.banner-contents.services-lefts.webdev-temp h1 {
  text-align: left;
  margin: 0 auto;
  display: block;
  color: #fff !important;
  text-transform: inherit !important;
  font-weight: 700 !important;
  padding-bottom: 0
}
.banner-contents.services-lefts.webdev-temp h1::after {
  background: url(../images/services/logos/line-headingred.png) !important;
  width: 68px !important;
  height: 14px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  position: absolute;
  display: block !important;
  bottom: 0 important;
  left: 0 !important;
  content: "";
  transform: initial !important;
  bottom: -35px !important;
  left: 0 !important
}
.banner-contents.services-lefts.webdev-temp h1 span {
  color: #fff !important
}
.banner-contents.services-lefts.blacktheme-style h1 {
  padding-bottom: 0 !important;
  margin-bottom: 0;
  color: var(--main-color) !important
}
.banner-contents.services-lefts.blacktheme-style h1::after {
  display: none !important
}
.innerblog-imagedetails h1 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.285em;
  width: 60%;
  margin: 0 auto;
  text-transform: capitalize;
  margin-bottom: 50px
}
.sourceimage img {
  padding-bottom: 0;
  width: 100% !important;
  text-align: center;
  margin: 0 auto !important;
  display: block
}
.sourceimage p {
  font-size: 17px;
  text-align: center;
  padding: 3px 0;
  background: #efefef;
  width: 100% !important;
  display: block
}
.sourceimage p a {
  font-weight: 700
}
.contentupdate-section .buttonbox {
  justify-content: inherit !important
}
.contentupdate-section .buttonbox button {
  margin: 10px 0 0
}
.logo-news-up img {
  width: 100%
}
.contentupdate-section h1 {
  font-size: 40px;
  font-weight: 900;
  color: #00386c;
  padding-right: 20px;
  width: 80%;
  position: relative
}
.contentupdate-section h1::before {
  position: absolute;
  content: "";
  width: 77px;
  height: 3px;
  top: -20px;
  left: 0;
  background: #00386c
}
.contentupdate-section p {
  font-size: 15px;
  color: #8d8d8d;
  line-height: 1.8;
  width: 80%;
  margin-top: 20px
}
.box-bg-updated-content {
  position: relative;
  background-size: cover;
  width: 100%;
  height: 100%
}
.box-bg-updated-content::after {
  background: url(../images/press-release/sidesha.png);
  width: 36px;
  height: 80%;
  left: -27px;
  display: block;
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain
}
.box-bg-updated-content::before {
  background: url(../assets/images/press-release/side-logo-one-v.html);
  width: 135px;
  height: 80%;
  left: -50px;
  display: block;
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain
}
.khaleejs {
  background: url(../assets/images/press-release/updatebgone.html);
  background-position: center bottom;
  padding: 20px 30px;
  height: 660px
}
.logo-news-up p {
  color: #fff;
  text-align: center;
  margin-top: 20px;
  line-height: 1.8
}
.section-add-update {
  margin-top: 120px
}
.boxestile-press-rel {
  margin-top: 80px
}
@media (max-width: 991px) {
  .contentupdate-section h1 {
    font-size: 24px !important
  }
}
@media (max-width:767px) {
  .roundsdfour {
    display: block !important
  }
  .section-add-update {
    margin-top: 110px
  }
  .box-bg-updated-content {
    margin-top: 50px;
    height: auto;
    padding: 60px 30px
  }
  .contentupdate-section {
    text-align: center;
    margin: 0 auto;
    width: 100%
  }
  .contentupdate-section h1 {
    width: 100%
  }
  .contentupdate-section p {
    width: 100%
  }
  .contentupdate-section .buttonbox button {
    margin: 0 auto
  }
  .contentupdate-section h1::before {
    display: none !important
  }
}
.newdropdowns.top-drop .dropbtn {
  text-transform: uppercase;
  font-size: 13px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  padding-right: 25px !important;
  position: relative
}
.newdropdowns .dropbtn::after {
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 5px solid #000;
  content: "";
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%)
}
.newdropdowns.dscrolls .dropbtn::after {
  right: -7px;
  top: 60% !important;
  transform: translateY(-60%)
}
.newdropdowns button:focus {
  outline: 0 !important
}
.newdropdowns .dropbtn {
  font-size: 13px;
  color: #000;
  font-weight: 500;
  background: transparent;
  border: none;
  cursor: pointer;
  padding-top: 5px;
  text-align: left !important
}
.newdropdowns .dropdown {
  position: relative;
  display: inline-block
}
.newdropdowns .dropdown-content {
  display: none;
  position: absolute;
  background-color: #0b0300;
  min-width: 160px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 6px !important;
  padding: 8px !important
}
.newdropdowns .dropdown-content a {
  color: #fff
}
.dropdown-content a {
  color: #000;
  padding: 8px;
  text-decoration: none;
  display: block;
  font-size: 13px;
  text-transform: initial !important;
  font-weight: 600 !important
}
.newdropdowns .dropdown-content a:hover {
  background-color: transparent
}
.newdropdowns .dropdown:hover .dropdown-content {
  display: block
}
.newdropdowns .dropdown:hover .dropbtn {
  background-color: transparent;
  color: #ff511a
}
.newdropdowns .dropdown-content a:hover {
  color: #fff
}
@media (max-width:767px) {
  .newdropdowns .dropdown {
    width: 100% !important
  }
  .newdropdowns .dropbtn::after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000
  }
  .newdropdowns.dscrolls .dropbtn::after {
    right: 0 !important
  }
  .newdropdowns .dropbtn {
    padding-left: 0 !important
  }
  .newdropdowns .dropdown-content {
    background: #021852;
    width: 100%;
    padding: 28px;
    border-radius: 10px
  }
  .newdropdowns .dropdown-content a {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    border-bottom: 1px solid #ffffff26;
    color: #fff;
    text-align: center;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    text-transform: initial;
    padding-bottom: 10px !important
  }
  .newdropdowns .dropdown-content a:hover {
    background: transparent !important;
    color: #fff !important
  }
  .newdropdowns .dropdown-content a:nth-child(2) {
    padding-bottom: 0 !important;
    border-bottom: 0
  }
}
.productstategy-banner {
  background: url(../images/product-stategy/product-stategy-bg.html) !important
}
.backgroundfull-norep {
  background-repeat: no-repeat !important;
  background-size: cover !important
}
.banner-contents.services-lefts.product-stategy-banner-text h1 {
  font-size: 40px !important;
  color: #f58220 !important;
  position: relative;
  margin-bottom: 0 !important;
  padding: 0 0 20px
}
.banner-contents.services-lefts.product-stategy-banner-text h1::after {
  position: absolute;
  display: block;
  content: "";
  width: 179px;
  height: 2px;
  top: -40px;
  background: #14225b;
  transform: inherit !important;
  left: 0 !important
}
.product-stategy-banner-text h4 {
  color: #cdccda;
  font-size: 20px
}
.banner-contents.services-lefts.product-stategy-banner-text p {
  color: #cdccda !important;
  margin-bottom: 0 !important
}
.productbanner-centerimage img {
  width: 100%
}
.text-heading-products p {
  color: #fff;
  position: relative
}
.text-heading-products p::after {
  width: 15px;
  height: 15px;
  border-radius: 50px;
  background: #fff;
  position: absolute;
  content: "";
  left: -58px
}
p.centerproduct-heads {
  padding-left: 30px
}
.text-heading-products p.centerproduct-heads::after {
  left: -38px
}
p.centerproduct-heads {
  padding: 30px 0 30px 15px
}
.backgroundfull-norep {
  height: 710px !important;
  display: flex
}
.buttonbox.myproductcenter-btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px
}
.myproductcenter-btn .button--isi {
  padding: 1.2em 3em;
  color: #fff;
  overflow: hidden;
  background: #f58220;
  background: -moz-linear-gradient(144deg, #f58220 0, #FFB800 100%);
  background: -webkit-linear-gradient(144deg, #f58220 0, #FFB800 100%);
  background: linear-gradient(144deg, #f58220 0, #FFB800 100%);
  box-shadow: 0 10px 18px rgba(53, 93, 237, .3);
  -webkit-box-shadow: 0 10px 18px rgba(53, 93, 237, .3);
  -moz-box-shadow: 0 10px 18px rgba(53, 93, 237, .3)
}
.myproductcenter-btn .button--isi::before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -15px 0 0 1px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scale3d(1, 2, 1);
  transform: scale3d(1, 2, 1);
  -webkit-transition: -webkit-transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s;
  -webkit-transition-timing-function: cubic-bezier(.7, 0, .9, 1);
  transition-timing-function: cubic-bezier(.7, 0, .9, 1);
  background: #d26b13;
  background: -moz-linear-gradient(144deg, #d26b13 0, #FFB800 100%);
  background: -webkit-linear-gradient(144deg, #d26b13 0, #FFB800 100%);
  background: linear-gradient(144deg, #d26b13 0, #FFB800 100%)
}
.myproductcenter-btn .button--isi .button__icon {
  vertical-align: middle
}
.myproductcenter-btn .button--isi > span {
  vertical-align: middle;
  padding-left: 0
}
.myproductcenter-btn .button--isi:hover::before {
  -webkit-transform: scale3d(9, 9, 1);
  transform: scale3d(9, 9, 1)
}
.productst-imageone img {
  width: 100%
}
.productst-sectiontwos {
  padding: 120px 0
}
.productst-contents h2 {
  font-size: 38px;
  color: #00318b;
  font-weight: 800;
  position: relative
}
.productst-contents h2::after {
  position: absolute;
  display: block;
  content: "";
  width: 179px;
  height: 2px;
  top: -30px;
  background: #00318b;
  transform: inherit !important;
  left: 0 !important
}
.productst-contents p {
  font-size: 15px;
  color: #4c4c4c;
  line-height: 1.8;
  margin-top: 20px
}
.centerline-productst {
  position: relative
}
.centerline-productst::after {
  position: absolute;
  content: "";
  width: 4px;
  height: 500px;
  display: block;
  background: url(../images/product-stategy/line-product-centers.html) !important;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat
}
.blog-left-content img.blogimageauto {
  width: 100% !important
}
@media screen and (min-height:920px) {
  .fold-side-headings::after {
    height: 70vh
  }
}
@media screen and (max-height:920px) {
  .fold-side-headings::after {
    height: 70vh
  }
}
.spaceoff img {
  padding-top: 0 !important
}
.spaceoff p {
  margin-bottom: 30px
}
.bluecollar.services-right-left-banners::after {
  background-image: url(../images/casestudy/blue-collar/blue-collarbgs.html);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right bottom;
  opacity: .7
}
.qattar.services-right-left-banners::after {
  background-image: url(../images/casestudy/qatar-trip-generation/blue-collarbgs.html);
  background-size: contain;
  width: 100%;
  height: 90%;
  position: absolute;
  display: block;
  content: "";
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right bottom;
  opacity: .7
}
@media screen and (max-width:767px) {
  .bluecollar.services-right-left-banners::after {
    height: 100% !important
  }
  .qattar.services-right-left-banners::after {
    height: 100% !important
  }
}
@media screen and (max-width:360px) {
  .bluecollar.services-right-left-banners::after {
    background-position: right top
  }
  .qattar.services-right-left-banners::after {
    background-position: right top
  }
}
@media screen and (max-height:321px) {
  .btn-stylebordernews a {
    display: inline-block !important;
    margin-bottom: 10px !important;
  }
}
/*animationpage*/
.mycustom-nav .navigation-wrap.bg-light {
  background: transparent !important;
}
.mycustom-nav .navigation-wrap.bg-light.scroll-on {
  background: #fff !important
}
body.mycustom-nav .mega-drop-down a {
  color: #fff !important;
}
.mycustom-nav a.ourbottm-down::after {
  border-top: 5px solid #fff !important;
}
.mycustom-nav .btn-select li span {
  color: #Fff !important;
}
.btn-select li span {
  color: #000important;
}
.mycustom-nav button.btn-select::after {
  border-top: 5px solid #fff !important;
}
.mycustom-nav .nav-two a.nav-link {
  color: #fff !important;
}
body.mycustom-nav .scroll-on .mega-drop-down a {
  color: #fff !important;
}
body.mycustom-nav a.calltop {
  color: #fff !important;
}
body.mycustom-nav .scroll-on a.calltop {
  color: #000 !important;
}
.mycustom-nav a.contactbtn-top {
  color: #fff;
  border-color: #fff;
}
.mycustom-nav .nav-two::before {
  border-color: #ffffff1f;
}
.disnone-allsite {
  display: none !important;
}
.mycustom-nav .disnonecustom-page {
  display: none !important;
}
.mycustom-nav .disnone-allsite {
  display: block !important;
}
.mycustom-nav .nav-two::after {
  border-color: #ffffff1f;
}
body.mycustom-nav a.calltop img {
  filter: brightness(0) invert(1) !important;
}
.animation-page-banner {
  background: url(../images/services/animation-page-new/bg.jpg) !important;
  position: Relative;
  /*HEIGHT:85vh !important;*/
  HEIGHT: 540px !important;
}
.animation-page-banner .absolute-center {
  margin-top: 0 !important;
}
.animation-page-banner::before {
  background: url(../images/services/animation-page-new/boy.png) !important;
  content: "";
  display: block !important;
  height: 100% !important;
  width: 100%;
  position: absolute;
  background-repeat: no-repeat !important;
  background-position: right bottom !important;
  bottom: -65px;
  background-size: contain !important;
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.animation-page-banner::after {
  position: absolute;
  width: 30.5%;
  height: 100%;
  background: #0000007a !important;
  content: "";
  display: block;
  left: 0 !important;
  TOP: 0;
  -webkit-animation-name: slidein;
  animation-name: slidein;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@keyframes slidein {
  from {
    transform: translateX(-30%);
  }
  to {
    transform: translateX(0%);
  }
}
.banner-contents.services-lefts.blacktheme-style.testwhite-new-pages h1 {
  color: #fff !important;
  font-size: 50px;
}
.banner-contents.services-lefts.blacktheme-style.testwhite-new-pages h5 {
  font-size: 15px;
  font-weight: 400;
  text-transform: initial;
}
.testwhite-new-pages button.button.button--isi.button--border-thick.button--round-l.button--size-s.popupbtn.mt-3 {
  background: transparent;
  border: 1px solid#8d8c91;
}
.mynewpage-animationtext {
  position: relative;
}
.mynewpage-animationtext::after {
  background: url(../images/services/animation-page-new/typetext.png);
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
}
.bg-black{
  background-color: #000;
}
/*.video-animation-banner{background:url(../images/services/video-animation/Video-Animation-Background.jpg)!important}*/

/*animationpageend*/