#header .container .nav {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding-top: 28px;
  padding-bottom: 50px
}

.dropShadow {
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
}

@media(max-width:991px) {
  .imgHide {
    display: none;
  }
}

@media(max-width:991px) {
  #header .container .nav {
    padding-bottom: 64px
  }
}

@media(max-width:575px) {
  #header .container .nav {
    padding-top: 16px
  }
}

#header .container .nav .logo {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

@media(max-width:575px) {
  #header .container .nav .logo {
    width: 100%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse
  }
}

#header .container .nav .logo a .uhuru {
  width: 152px;
  height: auto
}

#header .container .nav .logo .toggle {
  margin-right: 12px
}

@media(max-width:575px) {
  #header .container .nav .logo .toggle {
    margin-right: 0;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
  }
}

#header .container .nav .logo .toggle:hover {
  cursor: pointer
}

#header .container .nav .logo .toggle:hover .first {
  width: 25px !important;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #F98B2A !important
}

#header .container .nav .logo .toggle:hover .second {
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #F98B2A !important
}

#header .container .nav .logo .toggle:hover .third {
  width: 25px !important;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #F98B2A !important
}

#header .container .nav .logo .toggle .toggle-line {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row
}

#header .container .nav .logo .toggle .first {
  width: 21px;
  height: 3px;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #7f7f7f
}

#header .container .nav .logo .toggle .second {
  width: 25px;
  height: 3px;
  margin: 5px 0;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #7f7f7f
}

#header .container .nav .logo .toggle .third {
  width: 16px;
  height: 3px;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #7f7f7f
}

#header .container .nav .logo-digitized .digitized {
  width: 152px;
  height: 46px
}

#header .container .nav .navigation {
  margin-left: auto;
  display: -webkit-box;
  display: flex
}

@media(max-width:1199px) {
  #header .container .nav .navigation {
    display: none
  }
}

#header .container .nav .navigation .navigation-ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

#header .container .nav .navigation .navigation-ul .navigation-li {
  position: relative
}

#header .container .nav .navigation .navigation-ul .navigation-li:hover .drop-ul {
  opacity: 1;
  visibility: visible;
  -webkit-transform: perspective(300px) rotateX(0deg);
  transform: perspective(300px) rotateX(0deg);
  top: 100%
}

#header .container .nav .navigation .navigation-ul .navigation-li:not(:first-child) {
  margin-left: 32px
}

#header .container .nav .navigation .navigation-ul .navigation-li .links {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  line-height: 52px;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#header .container .nav .navigation .navigation-ul .navigation-li .links:hover p {
  color: #F98B2A
}

#header .container .nav .navigation .navigation-ul .navigation-li .links:hover .drop-arrow {
  color: #F98B2A
}

#header .container .nav .navigation .navigation-ul .navigation-li .links p {
  text-transform: capitalize;
  color: #17161a;
  font-family: poppins-medium;
  font-weight: 500;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#header .container .nav .navigation .navigation-ul .navigation-li .links .drop-arrow {
  margin-left: 3px;
  position: relative;
  top: 0;
  color: #7f7f7f;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#header .container .nav .navigation .navigation-ul .navigation-li .drop-ul {
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  position: absolute;
  top: 100px;
  width: 270px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  left: -20px;
  -webkit-transform-origin: 50% -50px;
  transform-origin: 50% -50px;
  -webkit-transform: perspective(300px) rotateX(-8deg);
  transform: perspective(300px) rotateX(-8deg);
  -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  padding: 16px 0
}

#header .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li {
  position: relative
}

#header .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover {
  background-color: #F98B2A
}

#header .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .other-ul {
  opacity: 1;
  visibility: visible;
  -webkit-transform: perspective(300px) rotateX(0deg);
  transform: perspective(300px) rotateX(0deg)
}

#header .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .drop-links {
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: #F98B2A;
  cursor: pointer
}

#header .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .drop-links:hover .drop-arrow {
  -webkit-transform: rotate(-270deg);
  transform: rotate(-270deg);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#header .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .drop-links .drop-arrow {
  color: #fff
}

#header .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .drop-links {
  padding: 12px 32px;
  color: #7f7f7f;
  font-family: poppins-medium;
  font-weight: 500;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: capitalize;
  -webkit-box-pack: justify;
  justify-content: space-between
}

#header .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .drop-links .drop-arrow {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #7f7f7f;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#header .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul {
  position: absolute;
  right: 254px;
  top: -16px;
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  width: 270px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  -webkit-transform-origin: 50% -50px;
  transform-origin: 50% -50px;
  -webkit-transform: perspective(300px) rotateX(-8deg);
  transform: perspective(300px) rotateX(-8deg);
  -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  padding: 16px 0
}

#header .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul .other-li {
  position: relative
}

#header .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul .other-li .other-links {
  padding: 12px 32px;
  color: #7f7f7f;
  font-family: poppins-medium;
  font-weight: 500;
  position: relative;
  text-transform: capitalize
}

#header .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul .other-li .other-links:hover {
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: #F98B2A
}

#header .container .nav .action {
  display: -webkit-box;
  display: flex;
  margin-left: 32px;
  overflow: hidden;
  position: relative;
  margin-left: auto
}

#header .container .nav .action .contact-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  padding: 13px 23px;
  border: 1px solid #F98B2A;
  background-color: transparent;
  color: #F98B2A
}

#header .container .nav .action .contact-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#header .container .nav .action .contact-btn:hover {
  background-color: #F98B2A;
  color: #fff
}

@media(max-width:575px) {
  #header .container .nav .action {
    display: none
  }
}

.sidenav1 {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  background-color: #17161a;
  overflow-x: scroll;
  -webkit-transition: .5s;
  transition: .5s;
  padding-top: 40px
}

@media(max-width:575px) {
  .sidenav1 {
    position: fixed;
    right: 0 !important;
    left: auto
  }
}

.sidenav1 .closebtn .close-icon {
  position: absolute;
  top: 15px;
  right: 25px;
  color: #7f7f7f;
  font-size: 24px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.sidenav1 .closebtn .close-icon:hover {
  color: #fff
}

.sidenav1 .main-menu {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  width: 1140px;
  margin: 100px auto 0
}

@media(max-width:1199px) {
  .sidenav1 .main-menu {
    width: 100%;
    padding: 0 40px
  }
}

@media(max-width:767px) {
  .sidenav1 .main-menu {
    margin: 100px auto
  }
}

.sidenav1 .main-menu .nav {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  margin-right: 100px
}

@media(max-width:991px) {
  .sidenav1 .main-menu .nav {
    margin-right: 50px
  }
}

@media(max-width:767px) {
  .sidenav1 .main-menu .nav {
    width: 100%;
    margin: 0;
    align-content: center
  }
}

.sidenav1 .main-menu .nav .dropdown .dropdown-toggle {
  margin-bottom: 16px;
  font-size: 20px;
  font-family: poppins-medium;
  font-weight: 500;
  color: #fff;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.sidenav1 .main-menu .nav .dropdown .dropdown-toggle:after {
  display: none
}

.sidenav1 .main-menu .nav .dropdown .dropdown-toggle:hover {
  color: #F98B2A;
  cursor: pointer
}

.sidenav1 .main-menu .nav .dropdown .dropdown-toggle:hover .drop-arrow {
  color: #F98B2A
}

@media(max-width:767px) {
  .sidenav1 .main-menu .nav .dropdown .dropdown-toggle {
    text-align: center
  }
}

.sidenav1 .main-menu .nav .dropdown .dropdown-toggle .drop-arrow {
  color: #7f7f7f;
  font-size: 16px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  position: relative;
  top: 1px
}

.sidenav1 .main-menu .nav .dropdown .dropdown-toggle-inner {
  margin-left: 20px !important;
  margin-bottom: 16px !important
}

@media(max-width:767px) {
  .sidenav1 .main-menu .nav .dropdown .dropdown-toggle-inner {
    margin-left: 0 !important;
    text-align: center
  }
}

.sidenav1 .main-menu .nav .dropdown .dropdown-menu {
  border: none;
  border-radius: 0;
  background-color: transparent;
  position: relative !important;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  height: 0 !important;
  padding: 0
}

.sidenav1 .main-menu .nav .dropdown .dropdown-menu .dropdown-item {
  font-size: 20px;
  font-family: poppins-medium;
  font-weight: 500;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 8px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  padding: 0 !important;
  margin-left: 20px
}

@media(max-width:767px) {
  .sidenav1 .main-menu .nav .dropdown .dropdown-menu .dropdown-item {
    margin-left: 0;
    text-align: center
  }
}

.sidenav1 .main-menu .nav .dropdown .dropdown-menu .dropdown-item:hover {
  background: 0 0;
  color: #F98B2A
}

.sidenav1 .main-menu .nav .dropdown .dropdown-menu .sub-drop {
  position: inherit !important
}

.sidenav1 .main-menu .nav .dropdown .dropdown-menu-inner {
  left: 20px !important
}

@media(max-width:767px) {
  .sidenav1 .main-menu .nav .dropdown .dropdown-menu-inner {
    margin-left: 0;
    text-align: center;
    left: 0 !important
  }
}

.sidenav1 .main-menu .nav .dropdown .show {
  display: block;
  position: relative !important;
  top: -5px !important;
  height: 100% !important;
  width: 100%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  transform: translate3d(0px, 0px, 0px) !important
}

.sidenav1 .main-menu .nav .action {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  overflow: hidden;
  position: relative
}

.sidenav1 .main-menu .nav .action .contact-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  text-align: center
}

.sidenav1 .main-menu .nav .action .contact-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

@media(min-width:767px) {
  .sidenav1 .main-menu .nav .action {
    display: none
  }
}

.sidenav1 .main-menu .grid-inner1 {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 100%
}

@media(max-width:767px) {
  .sidenav1 .main-menu .grid-inner1 {
    display: none
  }
}

.sidenav1 .main-menu .grid-inner1 .input1 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 13px 30px;
  background-color: #fff;
  margin-bottom: 32px
}

.sidenav1 .main-menu .grid-inner1 .input1 .input-serch1 {
  border: none;
  font-family: poppins-regular;
  font-weight: 400;
  background-color: transparent;
  text-transform: capitalize;
  color: #7f7f7f;
  width: 100%
}

.sidenav1 .main-menu .grid-inner1 .input1 .input-serch1:focus {
  outline: none
}

.sidenav1 .main-menu .grid-inner1 .input1 .search-icon {
  font-size: 16px;
  color: #7f7f7f;
  position: relative;
  top: 1px
}

.sidenav1 .main-menu .grid-inner1 .contact-main {
  display: -webkit-box;
  display: flex
}

@media(max-width:991px) {
  .sidenav1 .main-menu .grid-inner1 .contact-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

.sidenav1 .main-menu .grid-inner1 .contact-main .contact-Details {
  margin-right: auto
}

@media(max-width:991px) {
  .sidenav1 .main-menu .grid-inner1 .contact-main .contact-Details {
    margin-bottom: 32px
  }
}

.sidenav1 .main-menu .grid-inner1 .contact-main .contact-Details .contact-Details-heading .contact {
  font-family: poppins-regular;
  font-weight: 400;
  font-size: 20px;
  line-height: 36px;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 12px;
  text-align: left
}

.sidenav1 .main-menu .grid-inner1 .contact-main .contact-Details .contact-Details-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: start;
  align-items: flex-start
}

.sidenav1 .main-menu .grid-inner1 .contact-main .contact-Details .contact-Details-info .info {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 16px
}

.sidenav1 .main-menu .grid-inner1 .contact-main .contact-Details .contact-Details-info .info .main {
  height: 32px;
  width: 32px;
  background-color: #F98B2A;
  border-radius: 50%;
  margin-right: 10px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.sidenav1 .main-menu .grid-inner1 .contact-main .contact-Details .contact-Details-info .info .main .contact {
  height: auto;
  color: #fff;
  position: relative;
  top: 1px
}

@media(max-width:1370px) {
  .sidenav1 .main-menu .grid-inner1 .contact-main .contact-Details .contact-Details-info .info .main .contact {
    top: 0;
    right: -.5px
  }
}

.sidenav1 .main-menu .grid-inner1 .contact-main .contact-Details .contact-Details-info .info p {
  font-family: poppins-regular;
  font-weight: 400;
  color: #fff
}

.sidenav1 .main-menu .grid-inner1 .contact-main .get-latest .get-latest-heading .latest {
  font-size: 20px;
  line-height: 36px;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 12px
}

.sidenav1 .main-menu .grid-inner1 .contact-main .get-latest .input {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

.sidenav1 .main-menu .grid-inner1 .contact-main .get-latest .input .input-inner {
  width: 303px;
  padding: 14px 24px;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-weight: 400;
  background-color: #fff;
  border: none;
  text-transform: capitalize
}

.sidenav1 .main-menu .grid-inner1 .contact-main .get-latest .input .input-inner:focus {
  outline: none
}

.sidenav1 .main-menu .grid-inner1 .contact-main .get-latest .input .subscribe-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.sidenav1 .main-menu .grid-inner1 .contact-main .get-latest .input .subscribe-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

.sidenav1 .main-menu .grid-inner1 .contact-main .get-latest .icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 20px
}

.sidenav1 .main-menu .grid-inner1 .contact-main .get-latest .icon li:not(:first-child) {
  margin-left: 16px
}

.sidenav1 .main-menu .grid-inner1 .contact-main .get-latest .icon li a .social-icon {
  color: #7f7f7f;
  font-size: 24px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.sidenav1 .main-menu .grid-inner1 .contact-main .get-latest .icon li a .social-icon:hover {
  color: #fff
}

.sidenav-about3 {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 20;
  top: 0;
  right: 0;
  background-color: #111;
  overflow-x: scroll;
  -webkit-transition: .5s;
  transition: .5s;
  padding-top: 40px
}

@media(max-width:575px) {
  .sidenav-about3 {
    position: fixed;
    right: 0 !important;
    left: auto
  }
}

.sidenav-about3 .closebtn .close {
  position: absolute;
  top: 15px;
  right: 25px;
  color: #fff;
  opacity: 1;
  width: 16px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.sidenav-about3 .closebtn .close:hover {
  opacity: .5
}

.sidenav-about3 .nav {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column
}

.sidenav-about3 .nav .dropdown {
  padding: 0 40px
}

.sidenav-about3 .nav .dropdown .dropdown-toggle {
  margin-bottom: 16px;
  font-size: 20px;
  font-family: poppins-semibold;
  color: #fff;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.sidenav-about3 .nav .dropdown .dropdown-toggle:after {
  display: none
}

.sidenav-about3 .nav .dropdown .dropdown-toggle:hover {
  color: #F98B2A
}

.sidenav-about3 .nav .dropdown .dropdown-toggle:hover svg {
  fill: #F98B2A
}

.sidenav-about3 .nav .dropdown .dropdown-toggle svg {
  fill: #7f7f7f;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.sidenav-about3 .nav .dropdown .dropdown-toggle-inner {
  margin-left: 20px !important;
  margin-bottom: 0 !important
}

.sidenav-about3 .nav .dropdown .dropdown-menu {
  border: none;
  border-radius: 0;
  background-color: transparent;
  position: relative !important;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  height: auto
}

.sidenav-about3 .nav .dropdown .dropdown-menu .dropdown-item {
  font-size: 20px;
  font-family: poppins-semibold;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 8px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  padding: 0 !important;
  margin-left: 20px
}

.sidenav-about3 .nav .dropdown .dropdown-menu .dropdown-item:hover {
  background: 0 0;
  color: #F98B2A
}

.sidenav-about3 .nav .dropdown .dropdown-menu .sub-drop {
  position: inherit !important
}

.sidenav-about3 .nav .dropdown .dropdown-menu-inner {
  left: 20px !important
}

.sidenav-about3 .nav .dropdown .show {
  display: block;
  position: relative !important;
  top: -5px !important;
  -webkit-animation: fade .7s ease-in-out;
  animation: fade .7s ease-in-out;
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  transform: translate3d(0px, 0px, 0px) !important
}

.sidenav-about3 .nav .action {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
  padding: 0 40px
}

@media(max-width:1199px) {
  .sidenav-about3 .nav .action {
    display: none
  }
}

@media(max-width:991px) {
  .sidenav-about3 .nav .action {
    display: -webkit-box;
    display: flex
  }
}

.sidenav-about3 .nav .action .contact-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: transparent;
  border: 1px solid #F98B2A;
  color: #fff;
  padding: 12px 24px;
  border-radius: 0;
  text-align: center
}

.sidenav-about3 .nav .action .contact-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

header {
  position: fixed;
  top: 0;
  -webkit-transition: top .3s ease-in-out;
  transition: top .3s ease-in-out;
  width: 100%
}

.nav-up {
  top: -100px
}

#header-home2 {
  /* box-shadow: 0 17px 45px rgba(0, 0, 0, .08); */
  position: fixed;
  top: 0;
  left: 0;
  height: 92px;
  width: 100%;
  z-index: 10;
  background-color: #ffffff;
  -webkit-transition: top .3s;
  transition: top .3s
}

@media(max-width:767px) {
  #header-home2 {
    height: 75px
  }
}

#header-home2 .container .nav {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 20px 0
}

@media(max-width:991px) {
  #header-home2 .container .nav {
    -webkit-box-pack: justify;
    justify-content: space-between
  }
}

@media(max-width:767px) {
  #header-home2 .container .nav {
    padding: 15px 0
  }
}

#header-home2 .container .nav .logo {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

@media(max-width:1200px) {
  #header-home2 .container .nav .logo {
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    width: 100%
  }
}

@media(max-width:575px) {
  #header-home2 .container .nav .logo {
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
    width: 100%
  }
}

#header-home2 .container .nav .logo .toggle {
  -webkit-transform: scaleX(-1, 1);
  transform: scaleX(-1, 1);
  margin-right: 12px
}

@media(max-width:1199px) {
  #header-home2 .container .nav .logo .toggle {
    display: block
  }
}

@media(min-width:1200px) {
  #header-home2 .container .nav .logo .toggle {
    display: none
  }
}

@media(max-width:575px) {
  #header-home2 .container .nav .logo .toggle {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    margin-right: 0
  }
}

#header-home2 .container .nav .logo .toggle:hover .first {
  width: 25px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#header-home2 .container .nav .logo .toggle:hover .third {
  width: 25px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#header-home2 .container .nav .logo .toggle .toggle-line {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row
}

#header-home2 .container .nav .logo .toggle .first {
  width: 21px;
  height: 3px;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #7f7f7f;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#header-home2 .container .nav .logo .toggle .second {
  width: 25px;
  height: 3px;
  margin: 5px 0;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #7f7f7f
}

#header-home2 .container .nav .logo .toggle .third {
  width: 16px;
  height: 3px;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #7f7f7f;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#header-home2 .container .nav .logo .toggle:hover {
  cursor: pointer
}

#header-home2 .container .nav .logo .uhuru .uhuru-logo {
  width: 152px;
  height: auto
}

#header-home2 .container .nav .navigation {
  margin-left: auto;
  display: -webkit-box;
  display: flex
}

@media(max-width:1199px) {
  #header-home2 .container .nav .navigation {
    display: none
  }
}

#header-home2 .container .nav .navigation .navigation-ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

#header-home2 .container .nav .navigation .navigation-ul .navigation-li {
  position: relative
}

#header-home2 .container .nav .navigation .navigation-ul .navigation-li:hover .drop-ul {
  opacity: 1;
  visibility: visible;
  -webkit-transform: perspective(300px) rotateX(0deg);
  transform: perspective(300px) rotateX(0deg);
  top: 100%
}

#header-home2 .container .nav .navigation .navigation-ul .navigation-li:not(:first-child) {
  margin-left: 32px
}

#header-home2 .container .nav .navigation .navigation-ul .navigation-li .links {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  line-height: 52px;
  cursor: pointer;
  text-transform: capitalize;
  color: #7f7f7f;
  font-family: poppins-medium;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#header-home2 .container .nav .navigation .navigation-ul .navigation-li .links:hover {
  color: #F98B2A
}

#header-home2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul {
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  position: absolute;
  top: 100px;
  width: 270px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  left: -20px;
  -webkit-transform-origin: 50% -50px;
  transform-origin: 50% -50px;
  -webkit-transform: perspective(300px) rotateX(-8deg);
  transform: perspective(300px) rotateX(-8deg);
  -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  padding: 16px 0
}

#header-home2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li {
  position: relative
}

#header-home2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover {
  background-color: #F98B2A
}

#header-home2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .other-ul {
  opacity: 1;
  visibility: visible;
  -webkit-transform: perspective(300px) rotateX(0deg);
  transform: perspective(300px) rotateX(0deg)
}

#header-home2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .drop-links {
  color: #fff;
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  background-color: #F98B2A;
  cursor: pointer
}

#header-home2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .drop-links:hover .drop-arrow {
  -webkit-transform: rotate(-270deg);
  transform: rotate(-270deg);
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out
}

#header-home2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .drop-links .drop-arrow {
  color: #fff
}

#header-home2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .drop-links {
  padding: 12px 32px;
  color: #7f7f7f;
  font-family: poppins-medium;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: capitalize;
  -webkit-box-pack: justify;
  justify-content: space-between
}

#header-home2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .drop-links .drop-arrow {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #7f7f7f;
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out
}

#header-home2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul {
  position: absolute;
  right: 254px;
  top: -16px;
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  width: 270px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  -webkit-transform-origin: 50% -50px;
  transform-origin: 50% -50px;
  -webkit-transform: perspective(300px) rotateX(-8deg);
  transform: perspective(300px) rotateX(-8deg);
  -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  padding: 16px 0
}

#header-home2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul .other-li {
  position: relative
}

#header-home2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul .other-li .other-links {
  padding: 12px 32px;
  color: #7f7f7f;
  font-family: poppins-medium;
  position: relative;
  text-transform: capitalize
}

#header-home2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul .other-li .other-links:hover {
  color: #fff;
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  background-color: #F98B2A
}

#header-home2 .container .nav .action {
  display: -webkit-box;
  display: flex;
  margin-left: 32px
}

@media(max-width:1199px) {
  #header-home2 .container .nav .action {
    margin-left: auto
  }
}

#header-home2 .container .nav .action .contact-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: transparent;
  border: 1px solid #F98B2A;
  color: #F98B2A;
  padding: 12px 24px
}

#header-home2 .container .nav .action .contact-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

@media(max-width:575px) {
  #header-home2 .container .nav .action .contact-btn {
    display: none
  }
}

#header-home2 .container .nav .action .contact-btn:hover {
  background-color: #F98B2A;
  color: #fff
}

#footer {
  padding: 98px 0 0;
  background-image: url(../img/footer-bg.jpg);
}

#footer .container .row .quick-links-outer {
  padding-right: 0
}

@media(max-width:767px) {
  #footer .container .row .quick-links-outer {
    padding-right: 15px !important;
    padding-left: 15px !important
  }
}

@media(max-width:767px) {
  #footer .container .row .quick-links-outer .quick-links {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center
  }
}

#footer .container .row .quick-links-outer .quick-links .quick-links-heading {
  display: -webkit-box;
  display: flex
}

#footer .container .row .quick-links-outer .quick-links .quick-links-heading .quick {
  font-family: poppins-semibold;
  font-weight: 600;
  font-size: 20px;
  line-height: 36px;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 16px
}

#footer .container .row .quick-links-outer .quick-links .links {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

@media(max-width:575px) {
  #footer .container .row .quick-links-outer .quick-links .links {
    -webkit-box-pack: center;
    justify-content: center
  }
}

#footer .container .row .quick-links-outer .quick-links .links .left-links, #footer .container .row .quick-links-outer .quick-links .links .right-links {
  line-height: 38px
}

@media(max-width:767px) {
  #footer .container .row .quick-links-outer .quick-links .links .left-links, #footer .container .row .quick-links-outer .quick-links .links .right-links {
    padding-right: 0
  }

  #footer .container .row .quick-links-outer .quick-links .links .left-links:not(:last-child), #footer .container .row .quick-links-outer .quick-links .links .right-links:not(:last-child) {
    padding-right: 30px
  }
}

#footer .container .row .quick-links-outer .quick-links .links .left-links li a, #footer .container .row .quick-links-outer .quick-links .links .right-links li a {
  font-family: poppins-regular;
  font-weight: 400;
  color: #fff;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

#footer .container .row .quick-links-outer .quick-links .links .left-links li a:hover, #footer .container .row .quick-links-outer .quick-links .links .right-links li a:hover {
  color: #F98B2A;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

#footer .container .row .quick-links-outer .quick-links .links .left-links {
  padding-right: 32px
}

@media(max-width:575px) {
  #footer .container .row .quick-links-outer .quick-links .links .left-links {
    margin-right: 32px
  }
}

#footer .container .row .contact-Details-outer .contact-Details {
  padding: 0 45px
}

@media(max-width:767px) {
  #footer .container .row .contact-Details-outer .contact-Details {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center
  }
}

@media(max-width:1199px) {
  #footer .container .row .contact-Details-outer .contact-Details {
    padding: 0
  }
}

@media(max-width:767px) {
  #footer .container .row .contact-Details-outer .contact-Details {
    margin-top: 64px
  }
}

#footer .container .row .contact-Details-outer .contact-Details .contact-Details-heading {
  display: -webkit-box;
  display: flex
}

#footer .container .row .contact-Details-outer .contact-Details .contact-Details-heading .contact {
  font-family: poppins-semibold;
  font-weight: 600;
  font-size: 20px;
  line-height: 36px;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 16px
}

@media(max-width:767px) {
  #footer .container .row .contact-Details-outer .contact-Details .contact-Details-info {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#footer .container .row .contact-Details-outer .contact-Details .contact-Details-info .info {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  position: relative
}

#footer .container .row .contact-Details-outer .contact-Details .contact-Details-info .info .main {
  height: 32px;
  width: 32px;
  background-color: #F98B2A;
  border-radius: 50%;
  margin-right: 10px;
  text-align: center;
  line-height: 31px;
  position: relative;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#footer .container .row .contact-Details-outer .contact-Details .contact-Details-info .info .main .contact {
  color: #fff
}

#footer .container .row .contact-Details-outer .contact-Details .contact-Details-info .info p {
  font-family: poppins-regular;
  font-weight: 400;
  color: #fff
}

#footer .container .row .contact-Details-outer .contact-Details .contact-Details-info .center {
  margin: 20px 0
}

@media(max-width:767px) {
  #footer .container .row .get-latest-outer .get-latest {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center
  }
}

@media(max-width:991px) {
  #footer .container .row .get-latest-outer .get-latest {
    margin-top: 64px
  }
}

#footer .container .row .get-latest-outer .get-latest .get-latest-heading {
  display: -webkit-box;
  display: flex
}

#footer .container .row .get-latest-outer .get-latest .get-latest-heading .latest {
  font-family: poppins-semibold;
  font-weight: 600;
  font-size: 20px;
  line-height: 36px;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 16px
}

#footer .container .row .get-latest-outer .get-latest .input {
  display: -webkit-box;
  display: flex
}

@media(max-width:575px) {
  #footer .container .row .get-latest-outer .get-latest .input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center
  }
}

#footer .container .row .get-latest-outer .get-latest .input .input-inner {
  width: 303px;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 400;
  background-color: #fff;
  border: none;
  color: #7f7f7f;
  text-transform: capitalize
}

#footer .container .row .get-latest-outer .get-latest .input .input-inner:focus {
  outline: none
}

@media(max-width:575px) {
  #footer .container .row .get-latest-outer .get-latest .input .input-inner {
    width: 100%
  }
}

@media(max-width:575px) {
  #footer .container .row .get-latest-outer .get-latest .input .input-inner {
    margin: 4px 0 16px
  }
}

#footer .container .row .get-latest-outer .get-latest .input .faq-input {
  color: #7f7f7f
}

#footer .container .row .get-latest-outer .get-latest .input .subscribe-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#footer .container .row .get-latest-outer .get-latest .input .subscribe-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#footer .container .row .get-latest-outer .get-latest .icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 24px
}

#footer .container .row .get-latest-outer .get-latest .icon li:not(:first-child) {
  margin-left: 16px
}

#footer .container .row .get-latest-outer .get-latest .icon li a .social-icon {
  color: #fff;
  font-size: 24px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#footer .container .row .get-latest-outer .get-latest .icon li a .social-icon:hover {
  color: #F98B2A
}

#footer .copy {
  /* background-color: #17161a; */
  align-content: center;
  padding: 22px 0;
  border-top: 1px solid rgba(255, 255, 255, .1)
}

#footer .copy .container .wrapper {
  /* display: -webkit-box;
  display: flex; */
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between
}

@media(max-width:991px) {
  #footer .copy .container .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center
  }
}

#footer .copy .container .wrapper .logo .digitized {
  width: 170px;
  height: 46px;
  margin-bottom: 8px
}

#footer .copy .container .wrapper .copyright {
  text-align: center
}

#footer .copy .container .wrapper .copyright .copy {
  font-family: poppins-regular;
  font-weight: 400;
  color: #fff;
  margin-top: 8px;
  margin-bottom: 8px;
  text-transform: capitalize;
  text-align: center;
  margin: 8px 0 4px
}

#footer .copy .container .wrapper .copyright .copy a {
  color: #F98B2A;
  display: inline-block
}

#footer .copy .container .wrapper .condition {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  text-align: center
}

@media(max-width:575px) {
  #footer .copy .container .wrapper .condition {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    margin: 4px 0 8px
  }
}

#footer .copy .container .wrapper .condition a {
  font-family: poppins-regular;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

@media(max-width:575px) {
  #footer .copy .container .wrapper .condition a {
    margin-bottom: 4px
  }
}

#footer .copy .container .wrapper .condition a:hover {
  color: #F98B2A
}

#footer .copy .container .wrapper .condition span {
  font-family: poppins-regular;
  font-weight: 400;
  color: #fff;
  margin: 0 5px
}

@media(max-width:575px) {
  #footer .copy .container .wrapper .condition span {
    display: none
  }
}

#footer .copy .container .wrapper .condition a {
  font-family: poppins-regular;
  font-weight: 400;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#footer .copy .container .wrapper .condition a:hover {
  color: #F98B2A
}

.loader {
  width: 100%;
  height: 100vh;
  background-color: #F98B2A;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999
}

.loader .img-loader {
  width: 370px;
  height: 370px;
  /* background-color: #fff;
  -webkit-animation: burst_spin 4s infinite linear;
  animation: burst_spin 4s infinite linear */
}

.loader img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-48%, -50%);
  transform: translate(-48%, -50%);
  z-index: 10;
  height: 100px
}

@-webkit-keyframes burst_spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes burst_spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.popup-youtube .youtube-click {
  outline: none;
  width: 50px;
  heignt: 50px
}

#slider {
  position: relative;
  margin-bottom: 128px
}

@media(max-width:991px) {
  #slider {
    margin-bottom: 64px
  }
}

#slider .container {
  position: relative
}

#slider .container .row {
  -webkit-box-align: center;
  align-items: center
}

@media(max-width:991px) {
  #slider .container .row .content {
    text-align: center;
    margin-bottom: 64px;
    margin-top: 50px;
  }
}

#slider .container .row .content .main-desc {
  display: -webkit-inline-box;
  display: inline-flex
}

#slider .container .row .content .main-desc p {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#slider .container .row .content .heading h2 {
  font-family: poppins-semibold;
  font-size: 60px;
  line-height: 80px;
  margin-top: 16px;
  margin-bottom: 18px;
  color: #17161a
}

@media(max-width:1199px) {
  #slider .container .row .content .heading h2 {
    font-size: 40px;
    line-height: 50px
  }
}

@media(min-width:992px) {
  #slider .container .row .content .heading h2 {
    position: relative;
    left: -2.5px
  }
}

@media(max-width:767px) {
  #slider .container .row .content .heading h2 {
    font-size: 32px;
    line-height: 48px
  }
}

#slider .container .row .content .desc p {
  font-family: poppins-regular;
  font-size: 18px;
  line-height: 32px;
  color: #7f7f7f
}

#slider .container .row .content .buttons {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 32px
}

@media(max-width:991px) {
  #slider .container .row .content .buttons {
    -webkit-box-pack: center;
    justify-content: center
  }
}

@media(max-width:575px) {
  #slider .container .row .content .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#slider .container .row .content .buttons .action {
  display: -webkit-box;
  display: flex
}

#slider .container .row .content .buttons .action .slider-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#slider .container .row .content .buttons .action .slider-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#slider .container .row .content .buttons .play {
  margin-left: 16px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

@media(max-width:575px) {
  #slider .container .row .content .buttons .play {
    margin-top: 36px
  }
}

@media(max-width:575px) {
  #slider .container .row .content .buttons .play {
    margin-left: 0
  }
}

#slider .container .row .content .buttons .play span {
  width: 51px;
  height: 51px;
  border-radius: 50%;
  margin-right: 16px;
  color: #fff;
  background-color: #1d1919;
  text-align: center;
  line-height: 51px;
  position: relative;
  z-index: 1
}

#slider .container .row .content .buttons .play span:hover {
  cursor: pointer
}

#slider .container .row .content .buttons .play span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 50%;
  border: 1px solid #1d1919;
  -webkit-animation: home3pulse1 1.5s linear infinite;
  animation: home3pulse1 1.5s linear infinite
}

@-webkit-keyframes home3pulse1 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0
  }
}

@keyframes home3pulse1 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0
  }
}

#slider .container .row .content .buttons .play span:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 50%;
  border: 1px solid #1d1919;
  -webkit-animation: home3pulse1 1.5s linear .8s infinite;
  animation: home3pulse1 1.5s linear .8s infinite
}

@keyframes home3pulse1 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0
  }
}

#slider .container .row .content .buttons .play span .play-btn {
  font-size: 18px;
  position: relative;
  left: 1px
}

#slider .container .row .content .buttons .play p {
  font-family: poppins-regular;
  color: #17161a;
  letter-spacing: .3px;
  text-transform: capitalize
}

#slider .container .row .slider-image-outer .image {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  position: relative
}

@media(max-width:991px) {
  #slider .container .row .slider-image-outer .image {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
  }
}

#slider .container .row .slider-image-outer .image .slider-image {
  width: 675px;
  height: auto;
  /* box-shadow: 0 17px 45px rgba(0, 0, 0, .08) */
}

@media(max-width:767px) {
  #slider .container .row .slider-image-outer .image .slider-image {
    width: 100% !important;
    height: 100% !important
  }
}

#slider .container .row .slider-image-outer .image .circle .circle-svg {
  position: absolute;
  top: 150px;
  right: -25px;
  z-index: -1;
  -webkit-animation: circle1 8s linear infinite;
  animation: circle1 8s linear infinite
}

@-webkit-keyframes circle1 {
  0% {
    position: absolute;
    top: 115px
  }

  50% {
    position: absolute;
    top: 410px
  }

  100% {
    position: absolute;
    top: 115px
  }
}

@keyframes circle1 {
  0% {
    position: absolute;
    top: 115px
  }

  50% {
    position: absolute;
    top: 410px
  }

  100% {
    position: absolute;
    top: 115px
  }
}

@media(max-width:1199px) {
  #slider .container .row .slider-image-outer .image .circle .circle-svg {
    display: none
  }
}

#slider .container .row .slider-image-outer .image .dots .dots-svg {
  position: absolute;
  bottom: 32px;
  left: -20px;
  z-index: 1;
  -webkit-animation: dots 3s linear infinite;
  animation: dots 3s linear infinite
}

@-webkit-keyframes dots {
  0% {
    position: absolute;
    left: -20px
  }

  50% {
    position: absolute;
    left: 0
  }

  100% {
    position: absolute;
    left: -20px
  }
}

@keyframes dots {
  0% {
    position: absolute;
    left: -20px
  }

  50% {
    position: absolute;
    left: 0
  }

  100% {
    position: absolute;
    left: -20px
  }
}

@media(max-width:1199px) {
  #slider .container .row .slider-image-outer .image .dots .dots-svg {
    display: none
  }
}

#slider .container .triangle .triangle-svg {
  position: absolute;
  bottom: -70px;
  left: 140px
}

@media(max-width:1199px) {
  #slider .container .triangle .triangle-svg {
    display: none
  }
}

#slider .container .circle {
  position: absolute;
  top: -20px;
  left: 350px;
  z-index: -1
}

@media(max-width:991px) {
  #slider .container .circle {
    display: none
  }
}

#services {
  position: relative;
  margin-bottom: 128px
}

@media(max-width:991px) {
  #services {
    margin-bottom: 64px
  }
}

#services .container .wrapper {
  width: auto
}

#services .container .wrapper .heading {
  text-align: center
}

#services .container .wrapper .heading .services-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#services .container .wrapper .heading .services-tag-outer .services-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#services .container .wrapper .heading .services-heading-outer .services-heading {
  font-family: poppins-semibold;
  font-size: 40px;
  line-height: 58px;
  color: #17161a;
  margin: 18px 0;
  text-transform: capitalize
}

@media(max-width:991px) {
  #services .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #services .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#services .container .wrapper .heading .services-desc-outer .services-desc {
  font-family: poppins-regular;
  font-size: 18px;
  line-height: 28px;
  color: #7f7f7f;
  line-height: 32px
}

#services .container .wrapper .row {
  -webkit-box-pack: center;
  justify-content: center;
  margin-top: 64px
}

#services .container .wrapper .row .services-box .services-box-inner {
  padding: 36px;
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

@media(max-width:575px) {
  #services .container .wrapper .row .services-box .services-box-inner {
    padding: 40px 24px
  }
}

#services .container .wrapper .row .services-box .services-box-inner .services-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between
}

#services .container .wrapper .row .services-box .services-box-inner .services-info .services-name h3 {
  color: #17161a;
  padding: 0 25px 0 0
}

#services .container .wrapper .row .services-box .services-box-inner .services-info .services .services-icon {
  color: #F98B2A
}

#services .container .wrapper .row .services-box .services-box-inner .services-line {
  width: 64px;
  height: 2px;
  background-color: #F98B2A;
  margin: 20px 0
}

#services .container .wrapper .row .services-box .services-box-inner .desc p {
  font-family: poppins-regular;
  color: #7f7f7f;
  line-height: 30px
}

#services .container .wrapper .row .services-box .services-box-inner .action {
  display: -webkit-box;
  display: flex;
  margin-top: 24px
}

#services .container .wrapper .row .services-box .services-box-inner .action .services-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: transparent;
  border: 1px solid #F98B2A;
  color: #F98B2A;
  padding: 12px 24px
}

#services .container .wrapper .row .services-box .services-box-inner .action .services-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#services .container .wrapper .row .services-box .services-box-inner .action .services-btn:hover {
  background-color: #F98B2A;
  color: #fff
}

@media(max-width:991px) {
  #services .container .wrapper .row .box1, #services .container .wrapper .row .box2 {
    margin-bottom: 30px
  }
}

#services .container .wrapper .row .box-services1, #services .container .wrapper .row .box-services2, #services .container .wrapper .row .box-services3 {
  margin-bottom: 30px
}

@media(max-width:767px) {
  #services .container .wrapper .row .box-services4, #services .container .wrapper .row .box-services5 {
    margin-bottom: 30px
  }
}

#features {
  position: relative;
  margin-bottom: 128px
}

@media(max-width:991px) {
  #features {
    margin-bottom: 64px
  }
}

#features .container {
  position: relative
}

#features .container .row {
  -webkit-box-align: center;
  align-items: center
}

@media(max-width:991px) {
  #features .container .row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse
  }
}

#features .container .row .features-image-outer .image {
  overflow: hidden
}

@media(max-width:991px) {
  #features .container .row .features-image-outer .image {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
  }
}

#features .container .row .features-image-outer .image .features-image {
  width: 575px;
  height: auto;
  /* box-shadow: 0 17px 45px rgba(0, 0, 0, .08) */
}

@media(max-width:767px) {
  #features .container .row .features-image-outer .image .features-image {
    width: 100% !important;
    height: 100% !important
  }
}

#features .container .row .features-image-outer .image .features-circle {
  position: absolute;
  bottom: 115px;
  left: -48px;
  z-index: -1;
  -webkit-animation: features1 7s linear infinite;
  animation: features1 7s linear infinite
}

@-webkit-keyframes features1 {
  0% {
    position: absolute;
    bottom: 180px
  }

  50% {
    position: absolute;
    bottom: 32px
  }

  100% {
    position: absolute;
    bottom: 180px
  }
}

@keyframes features1 {
  0% {
    position: absolute;
    bottom: 180px
  }

  50% {
    position: absolute;
    bottom: 32px
  }

  100% {
    position: absolute;
    bottom: 180px
  }
}

@media(max-width:991px) {
  #features .container .row .features-image-outer .image .features-circle {
    display: none
  }
}

#features .container .row .features-image-outer .image .features-circle-4 {
  position: absolute;
  top: 180px;
  right: 46px;
  z-index: -1;
  -webkit-animation: circle1 12s linear infinite;
  animation: circle1 12s linear infinite
}

@keyframes circle1 {
  0% {
    position: absolute;
    top: 115px
  }

  50% {
    position: absolute;
    top: 410px
  }

  100% {
    position: absolute;
    top: 115px
  }
}

@media(max-width:991px) {
  #features .container .row .features-image-outer .image .features-circle-4 {
    display: none
  }
}

#features .container .row .content {
  position: relative
}

@media(max-width:991px) {
  #features .container .row .content {
    text-align: center;
    padding: 0 30px;
    margin-bottom: 80px
  }
}

#features .container .row .content .features-tag-outer {
  display: -webkit-box;
  display: flex
}

@media(max-width:991px) {
  #features .container .row .content .features-tag-outer {
    -webkit-box-pack: center;
    justify-content: center
  }
}

#features .container .row .content .features-tag-outer .features-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#features .container .row .content .features-heading h2 {
  font-family: poppins-semibold;
  font-size: 40px;
  line-height: 58px;
  color: #17161a;
  margin: 18px 0;
  text-transform: capitalize
}

@media(max-width:991px) {
  #features .container .row .content .features-heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #features .container .row .content .features-heading h2 {
    font-size: 28px;
    line-height: 36px
  }
}

#features .container .row .content .features-desc p {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px;
  line-height: 32px
}

#features .container .row .content .check-outer {
  margin-top: 36px
}

#features .container .row .content .check-outer .check {
  display: -webkit-box;
  display: flex;
  justify-content: left;
  margin-bottom: 16px
}

@media(max-width:991px) {
  #features .container .row .content .check-outer .check {
    /*-webkit-box-pack: left;*/
    justify-content: left
  }
}

#features .container .row .content .check-outer .check .bullet {
  width: 36px;
  height: 27px
}

@media(max-width:575px) {
  #features .container .row .content .check-outer .check .bullet {
    width: 60px
  }
}

#features .container .row .content .check-outer .check p {
  font-family: poppins-regular;
  color: #17161a;
  line-height: 32px;
  margin-left: 12px
}

@media(max-width:575px) {
  #features .container .row .content .check-outer .check p {
    text-align: left
  }
}

#features .container .features-triangle {
  position: absolute;
  top: 30px;
  right: 176px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  z-index: -1
}

@media(max-width:767px) {
  #features .container .features-triangle {
    display: none
  }
}

#clients-home1 {
  position: relative;
  margin-bottom: 128px
}

@media(max-width:991px) {
  #clients-home1 {
    margin-bottom: 64px
  }
}

#clients-home1 .container {
  position: relative
}

#clients-home1 .container .wrapper .heading {
  text-align: center
}

#clients-home1 .container .wrapper .heading .clients-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#clients-home1 .container .wrapper .heading .clients-tag-outer .clients-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#clients-home1 .container .wrapper .heading .clients-heading-outer .clients-heading {
  font-family: poppins-semibold;
  font-size: 40px;
  line-height: 58px;
  color: #17161a;
  margin: 18px 0;
  text-transform: capitalize
}

@media(max-width:991px) {
  #clients-home1 .container .wrapper .heading .clients-heading-outer .clients-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #clients-home1 .container .wrapper .heading .clients-heading-outer .clients-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#clients-home1 .container .wrapper .heading .clients-desc-outer .clients-desc {
  font-family: poppins-regular;
  font-size: 18px;
  line-height: 32px;
  color: #7f7f7f
}

#clients-home1 .container .wrapper .row {
  margin-top: 64px;
  padding: 0 48px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center
}

@media(max-width:991px) {
  #clients-home1 .container .wrapper .row {
    grid-gap: 64px 0
  }
}

#clients-home1 .container .wrapper .row .clients-box-outer .clients-box {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

#clients-home1 .container .wrapper .row .clients-box-outer .clients-box:hover .clients-image {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

#clients-home1 .container .wrapper .row .clients-box-outer .clients-box .clients-image {
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  opacity: .3
}

#clients-home1 .container .wrapper .row .box1, #clients-home1 .container .wrapper .row .box2, #clients-home1 .container .wrapper .row .box3, #clients-home1 .container .wrapper .row .box4 {
  margin-bottom: 64px
}

@media(max-width:991px) {
  #clients-home1 .container .wrapper .row .box5, #clients-home1 .container .wrapper .row .box6 {
    margin-bottom: 64px
  }
}

@media(max-width:767px) {
  #clients-home1 .container .wrapper .row .box7 {
    margin-bottom: 64px
  }
}

#clients-home1 .container .circle-shape {
  position: absolute;
  right: 110px;
  top: 100px;
  z-index: -1
}

@media(max-width:767px) {
  #clients-home1 .container .circle-shape {
    display: none
  }
}

#testimonials {
  position: relative
}

#testimonials .overlay {
  position: relative;
  padding: 128px 0;
  background-image: url(../img/testimonials-backgroung.jpg);
  width: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center
}

#testimonials .overlay:before {
  content: "";
  position: absolute;
  background-color: #17161a;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .8;
  z-index: 1
}

#testimonials .overlay .container .wrapper {
  position: relative;
  z-index: 1
}

#testimonials .overlay .container .wrapper .heading {
  text-align: center
}

#testimonials .overlay .container .wrapper .heading .testimonials-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#testimonials .overlay .container .wrapper .heading .testimonials-tag-outer .testimonials-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#testimonials .overlay .container .wrapper .heading .testimonials-heading-outer .testimonials-heading {
  font-family: poppins-semibold;
  font-size: 40px;
  line-height: 58px;
  color: #fff;
  margin: 18px 0;
  text-transform: capitalize
}

@media(max-width:991px) {
  #testimonials .overlay .container .wrapper .heading .testimonials-heading-outer .testimonials-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #testimonials .overlay .container .wrapper .heading .testimonials-heading-outer .testimonials-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#testimonials .overlay .container .wrapper .heading .testimonials-desc-outer .testimonials-desc {
  font-family: poppins-regular;
  font-size: 18px;
  line-height: 32px;
  color: #fff
}

#testimonials .overlay .container .wrapper .inner-wrapper1 .your-class:focus {
  outline: none
}

#testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide {
  position: relative;
  padding: 36px;
  background-color: #fff;
  margin-top: 64px
}

@media(max-width:575px) {
  #testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide {
    padding: 40px 15px
  }
}

#testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide:focus {
  outline: none
}

#testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide .desktop {
  position: relative
}

@media(max-width:575px) {
  #testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide .desktop {
    padding: 40px 15px;
    display: none
  }
}

#testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide .desktop .quote .testimonials-icon {
  color: #F98B2A
}

#testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide .desktop .profile {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between
}

#testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide .desktop .profile .desc p {
  color: #7f7f7f;
  font-family: poppins-regular;
  line-height: 30px;
  margin: 16px 0
}

#testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide .desktop .profile .image .image-testimonials {
  margin-left: 40px
}

#testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide .desktop .about-person h1 {
  color: #17161a;
  font-size: 24px;
  line-height: 36px;
  font-family: poppins-semibold
}

#testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide .desktop .about-person p {
  color: #7f7f7f;
  font-family: poppins-regular;
  margin-top: 6px
}

#testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide .desktop .squre .dots-svg {
  position: absolute;
  bottom: -70px;
  right: -70px
}

@media(max-width:575px) {
  #testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide .desktop .squre .dots-svg {
    display: none
  }
}

#testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide .mobile {
  display: none
}

@media(max-width:575px) {
  #testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide .mobile {
    display: block !important
  }
}

#testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide .mobile .profile-mob {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column
}

#testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide .mobile .profile-mob .desc-mob p {
  color: #7f7f7f;
  font-family: poppins-regular;
  margin: 18px 0;
  text-align: center
}

#testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide .mobile .content-mob {
  text-align: center
}

#testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide .mobile .content-mob h1 {
  color: #17161a;
  font-size: 24px;
  line-height: 36px;
  font-family: poppins-semibold
}

#testimonials .overlay .container .wrapper .inner-wrapper1 .your-class .sllide .mobile .content-mob p {
  color: #7f7f7f;
  font-family: poppins-regular;
  text-transform: capitalize
}

#counter {
  position: relative;
  margin-bottom: 128px;
  background-color: #F98B2A
}

@media(max-width:991px) {
  #counter {
    margin-bottom: 64px
  }
}

#counter .container .wrapper {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 64px 48px
}

@media(max-width:991px) {
  #counter .container .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 64px 0
  }
}

@media(max-width:575px) {
  #counter .container .wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

@media(max-width:575px) {
  #counter .container .wrapper .counter1 {
    margin-bottom: 32px
  }
}

@media(max-width:991px) {
  #counter .container .wrapper .counter1 {
    margin: 0 auto
  }
}

#counter .container .wrapper .counter1 .counter-inner1 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

#counter .container .wrapper .counter1 .counter-inner1 .counter-heading {
  font-family: poppins-semibold;
  color: #fff;
  line-height: 58px;
  font-size: 60px
}

#counter .container .wrapper .counter1 .counter-inner1 .counter-icon {
  color: #fff;
  position: relative;
  left: 12px;
  bottom: 2px
}

@media(max-width:1370px) {
  #counter .container .wrapper .counter1 .counter-inner1 .counter-icon {
    bottom: 0 !important
  }
}

#counter .container .wrapper .counter1 .desc p {
  color: #fff;
  font-family: poppins-regular;
  margin-top: 8px
}

@media(max-width:767px) {
  #counter .container .wrapper .counter1 .desc p {
    text-align: center
  }
}

@media(max-width:575px) {
  #counter .container .wrapper .count1, #counter .container .wrapper .count2, #counter .container .wrapper .count3 {
    margin-bottom: 30px
  }
}

#portfolio {
  position: relative;
  margin-bottom: 128px
}

@media(max-width:991px) {
  #portfolio {
    margin-bottom: 64px
  }
}

#portfolio .container {
  position: relative
}

#portfolio .container .wrapper .heading {
  text-align: center
}

#portfolio .container .wrapper .heading .portfolio-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#portfolio .container .wrapper .heading .portfolio-tag-outer .portfolio-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#portfolio .container .wrapper .heading .portfolio-heading-outer .portfolio-heading {
  font-family: poppins-semibold;
  font-size: 40px;
  line-height: 58px;
  color: #17161a;
  margin: 18px 0;
  text-transform: capitalize
}

@media(max-width:991px) {
  #portfolio .container .wrapper .heading .portfolio-heading-outer .portfolio-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #portfolio .container .wrapper .heading .portfolio-heading-outer .portfolio-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#portfolio .container .wrapper .heading .portfolio-desc-outer .portfolio-desc {
  font-family: poppins-regular;
  font-size: 18px;
  line-height: 32px;
  color: #7f7f7f
}

#portfolio .container .wrapper .row {
  margin-top: 64px
}

#portfolio .container .wrapper .row .portfolio-box-outer .portfolio-box {
  overflow: hidden;
  position: relative
}

/* #portfolio .container .wrapper .row .portfolio-box-outer .portfolio-box:hover .content .content-inner {
  -webkit-transform: translateY(-80px);
  transform: translateY(-80px);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

#portfolio .container .wrapper .row .portfolio-box-outer .portfolio-box:hover .action {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -65px) !important;
  transform: translate(-50%, -65px) !important;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out
} */
#portfolio .container .wrapper .row .portfolio-box-outer .portfolio-box .image .portfolio-image {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#portfolio .container .wrapper .row .portfolio-box-outer .portfolio-box .image .portfolio-image:hover {
  cursor: pointer
}

#portfolio .container .wrapper .row .portfolio-box-outer .portfolio-box .content {
  padding: 18px;
  text-align: center
}

#portfolio .container .wrapper .row .portfolio-box-outer .portfolio-box .content .content-inner {
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out
}

#portfolio .container .wrapper .row .portfolio-box-outer .portfolio-box .content .content-inner .heading-nunito h1 {
  font-family: poppins-semibold;
  color: #17161a;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 6px
}

#portfolio .container .wrapper .row .portfolio-box-outer .portfolio-box .content .content-inner .desc p {
  font-family: poppins-regular;
  color: #7f7f7f;
  margin-top: 4px
}

#portfolio .container .wrapper .row .portfolio-box-outer .portfolio-box .content .action {
  display: -webkit-box;
  display: flex;
  margin-top: 12px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 80px);
  transform: translate(-50%, 80px)
}

#portfolio .container .wrapper .row .portfolio-box-outer .portfolio-box .content .action .portfolio-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: transparent;
  border: 1px solid #F98B2A;
  color: #F98B2A;
  padding: 12px 24px
}

#portfolio .container .wrapper .row .portfolio-box-outer .portfolio-box .content .action .portfolio-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#portfolio .container .wrapper .row .portfolio-box-outer .portfolio-box .content .action .portfolio-btn:hover {
  background-color: #F98B2A;
  color: #fff
}

@media(max-width:991px) {
  #portfolio .container .wrapper .row .box1, #portfolio .container .wrapper .row .box2 {
    margin-bottom: 30px
  }
}

#portfolio .container .circle-shape {
  position: absolute;
  top: 100px;
  left: 70px;
  z-index: -1
}

@media(max-width:767px) {
  #portfolio .container .circle-shape {
    display: none
  }
}

#portfolio .container .features-triangle {
  position: absolute;
  top: 40px;
  right: 30px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  z-index: -1
}

@media(max-width:767px) {
  #portfolio .container .features-triangle {
    display: none
  }
}

#pricing {
  position: relative;
  margin-bottom: 128px
}

@media(max-width:991px) {
  #pricing {
    margin-bottom: 64px
  }
}

#pricing .container {
  position: relative
}

#pricing .container .wrapper .heading {
  text-align: center
}

#pricing .container .wrapper .heading .pricing-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#pricing .container .wrapper .heading .pricing-tag-outer .pricing-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#pricing .container .wrapper .heading .pricing-heading-outer .pricing-heading {
  font-family: poppins-semibold;
  font-size: 40px;
  line-height: 58px;
  color: #17161a;
  margin: 18px 0;
  text-transform: capitalize
}

@media(max-width:991px) {
  #pricing .container .wrapper .heading .pricing-heading-outer .pricing-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #pricing .container .wrapper .heading .pricing-heading-outer .pricing-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#pricing .container .wrapper .heading .pricing-desc-outer .pricing-desc {
  font-family: poppins-regular;
  font-size: 18px;
  line-height: 32px;
  color: #7f7f7f
}

#pricing .container .wrapper .row {
  margin-top: 64px
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box {
  padding: 36px;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box::after {
  content: "";
  position: absolute;
  width: 217px;
  height: 217px;
  background-color: #f0edf6;
  border-radius: 50%;
  top: -107px;
  right: -107px;
  z-index: 1
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box .pricing-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box .pricing-info .pricing-name h1 {
  font-family: poppins-semibold;
  color: #17161a;
  line-height: 36px;
  font-size: 24px
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box .pricing-info .pricing-name p {
  font-family: poppins-regular;
  color: #7f7f7f;
  margin-top: 8px
}

@media(max-width:1199px) {
  #pricing .container .wrapper .row .pricing-box-outer .pricing-box .pricing-info .pricing-name p {
    font-size: 14px
  }
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box .pricing-info .pricing-icon-outer .pricing-icon {
  position: relative;
  z-index: 10;
  font-size: 56px;
  color: #F98B2A
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box .price {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin: 12px 0
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box .price h2 {
  font-family: poppins-semibold;
  color: #17161a;
  font-size: 60px;
  line-height: 80px
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box .price .span1 {
  font-family: poppins-regular;
  font-size: 16px;
  color: #7f7f7f;
  margin-left: 5px
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box .price .span2 {
  font-family: poppins-regular;
  font-size: 16px;
  color: #7f7f7f;
  margin-left: 5px
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box .pricing-get .get {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 18px
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box .pricing-get .get .dot-circle {
  margin-right: 8px;
  font-size: 18px;
  color: #F98B2A
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box .pricing-get .get p {
  font-family: poppins-regular;
  font-size: 16px;
  color: #7f7f7f
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box .pricing-get .no-get {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 16px
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box .pricing-get .no-get .dot-circle {
  margin-right: 8px;
  color: #d3d3d6;
  font-size: 18px
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box .pricing-get .no-get p {
  font-family: poppins-regular;
  font-size: 16px;
  color: #d3d3d6
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box .action {
  display: -webkit-box;
  display: flex;
  margin-top: 32px
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box .action .pricing-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: transparent;
  border: 1px solid #F98B2A;
  color: #F98B2A;
  padding: 12px 24px;
  width: 100%;
  text-align: center
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box .action .pricing-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#pricing .container .wrapper .row .pricing-box-outer .pricing-box .action .pricing-btn:hover {
  background-color: #F98B2A;
  color: #fff
}

#pricing .container .wrapper .row .box1, #pricing .container .wrapper .row .box2 {
  margin-bottom: 30px
}

#pricing .container .circle {
  position: absolute;
  right: 15px;
  top: 30px
}

@media(max-width:767px) {
  #pricing .container .circle {
    display: none
  }
}

#pricing .dots {
  position: absolute;
  left: -105px;
  top: 70px
}

@media(max-width:767px) {
  #pricing .dots {
    display: none
  }
}

#news-blog {
  position: relative;
  margin-bottom: 128px
}

@media(max-width:991px) {
  #news-blog {
    margin-bottom: 64px
  }
}

#news-blog .container {
  position: relative
}

#news-blog .container .wrapper .heading {
  text-align: center
}

#news-blog .container .wrapper .heading .news-blog-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#news-blog .container .wrapper .heading .news-blog-tag-outer .news-blog-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#news-blog .container .wrapper .heading .news-blog-heading-outer .news-blog-heading {
  font-family: poppins-semibold;
  font-size: 40px;
  line-height: 58px;
  color: #17161a;
  margin: 18px 0;
  text-transform: capitalize
}

@media(max-width:991px) {
  #news-blog .container .wrapper .heading .news-blog-heading-outer .news-blog-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #news-blog .container .wrapper .heading .news-blog-heading-outer .news-blog-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#news-blog .container .wrapper .heading .news-blog-desc-outer .news-blog-desc {
  font-family: poppins-regular;
  font-size: 18px;
  line-height: 32px;
  color: #7f7f7f
}

#news-blog .container .wrapper .row {
  margin-top: 64px
}

#news-blog .container .wrapper .row .news-blog-box-outer .news-blog-box {
  position: relative;
  overflow: hidden;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  background-color: #fff
}

#news-blog .container .wrapper .row .news-blog-box-outer .news-blog-box .image .news-blog-image {
  width: 100%
}

#news-blog .container .wrapper .row .news-blog-box-outer .news-blog-box .content {
  padding: 36px
}

#news-blog .container .wrapper .row .news-blog-box-outer .news-blog-box .content .info-admin {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 12px
}

#news-blog .container .wrapper .row .news-blog-box-outer .news-blog-box .content .info-admin a {
  font-family: poppins-regular;
  color: #7f7f7f;
  margin-right: 4px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#news-blog .container .wrapper .row .news-blog-box-outer .news-blog-box .content .info-admin a:hover {
  color: #F98B2A
}

#news-blog .container .wrapper .row .news-blog-box-outer .news-blog-box .content .info-admin p {
  font-family: poppins-regular;
  color: #7f7f7f
}

#news-blog .container .wrapper .row .news-blog-box-outer .news-blog-box .content .news-blog-heading .blog-link {
  font-family: poppins-semibold;
  color: #17161a;
  line-height: 36px;
  font-size: 24px;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

#news-blog .container .wrapper .row .news-blog-box-outer .news-blog-box .content .news-blog-heading .blog-link:hover {
  color: #F98B2A;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

@media(max-width:991px) {
  #news-blog .container .wrapper .row .news-blog-box-outer .news-blog-box .content .news-blog-heading .blog-link {
    font-size: 22px
  }
}

#news-blog .container .wrapper .row .news-blog-box-outer .news-blog-box .content .news-blog-btn {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 16px;
  position: relative;
  overflow: hidden;
  width: 125px
}

#news-blog .container .wrapper .row .news-blog-box-outer .news-blog-box .content .news-blog-btn:hover .arrow {
  -webkit-animation: news .4s;
  animation: news .4s;
  font-size: 21px;
  color: #F98B2A
}

@-webkit-keyframes news {
  0% {
    position: absolute;
    right: 8px
  }

  40% {
    position: absolute;
    opacity: 0;
    right: -25px
  }

  70% {
    position: absolute;
    opacity: 0;
    right: 25px
  }

  100% {
    position: absolute;
    opacity: 1;
    right: 12px
  }
}

@keyframes news {
  0% {
    position: absolute;
    right: 8px
  }

  40% {
    position: absolute;
    opacity: 0;
    right: -25px
  }

  70% {
    position: absolute;
    opacity: 0;
    right: 25px
  }

  100% {
    position: absolute;
    opacity: 1;
    right: 12px
  }
}

#news-blog .container .wrapper .row .news-blog-box-outer .news-blog-box .content .news-blog-btn p {
  text-transform: capitalize;
  color: #F98B2A;
  font-family: poppins-medium;
  margin-right: 8px
}

#news-blog .container .wrapper .row .news-blog-box-outer .news-blog-box .content .news-blog-btn .arrow {
  font-size: 21px;
  color: #F98B2A
}

@media(max-width:991px) {
  #news-blog .container .wrapper .row .box1 {
    margin-bottom: 30px
  }
}

@media(max-width:767px) {
  #news-blog .container .wrapper .row .box2 {
    margin-bottom: 30px
  }
}

#news-blog .container .triangle {
  position: absolute;
  left: 12px;
  top: 70px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

@media(max-width:767px) {
  #news-blog .container .triangle {
    display: none
  }
}

#started-home1 {
  position: relative;
  margin-bottom: 128px
}

@media(max-width:991px) {
  #started-home1 {
    margin-bottom: 64px
  }
}

#started-home1 .overlay {
  position: relative;
  background-image: url(../img/testimonials-backgroung.jpg);
  width: 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center
}

#started-home1 .overlay:before {
  content: "";
  position: absolute;
  background-color: #17161a;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .8;
  z-index: 1
}

#started-home1 .overlay .container .wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 64px 0;
  position: relative;
  z-index: 1
}

@media(max-width:991px) {
  #started-home1 .overlay .container .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

@media(max-width:767px) {
  #started-home1 .overlay .container .wrapper .started-heading {
    text-align: center
  }
}

#started-home1 .overlay .container .wrapper .started-heading h2 {
  color: #fff;
  margin-bottom: 18px
}

@media(max-width:991px) {
  #started-home1 .overlay .container .wrapper .started-heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #started-home1 .overlay .container .wrapper .started-heading h2 {
    font-size: 28px;
    line-height: 36px;
    text-align: center
  }
}

#started-home1 .overlay .container .wrapper .started-heading p {
  color: #fff;
  font-family: poppins-regular;
  font-size: 18px
}

#started-home1 .overlay .container .wrapper .action {
  display: -webkit-box;
  display: flex
}

@media(max-width:991px) {
  #started-home1 .overlay .container .wrapper .action {
    margin-top: 32px
  }
}

#started-home1 .overlay .container .wrapper .action .started-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#started-home1 .overlay .container .wrapper .action .started-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#topBtn {
  position: fixed;
  bottom: 45px;
  right: 40px;
  width: 50px;
  height: 50px;
  color: #17161a;
  border: none;
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .15);
  cursor: pointer;
  display: none;
  z-index: 5;
  border-radius: 50%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#topBtn:focus {
  outline: none
}

#topBtn:hover {
  background-color: #F98B2A
}

#topBtn:hover .fa-arrow-up {
  color: #fff
}

@media(max-width:767px) {
  #topBtn {
    right: 15px;
    bottom: 15px
  }
}

#topBtn .fa-arrow-up {
  color: #F98B2A;
  font-size: 20px;
  position: relative;
  top: 1px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.background-slider {
  background-color: #F98B2A;
  position: relative;
  overflow: hidden
}

@media(max-width:991px) {
  .background-slider {
    margin-bottom: 64px
  }
}

.background-slider #header-home3 {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.background-slider #header-home3:after {
  content: "";
  position: absolute;
  width: 720px;
  height: 720px;
  top: -110px;
  right: -110px;
  background-image: url(../img/home3/slider-circle-1.svg);
  border-radius: 100%;
  background-color: #6c39ff;
  -webkit-animation: circle .9s ease-in-out;
  animation: circle .9s ease-in-out
}

@-webkit-keyframes circle {
  0% {
    opacity: 0;
    width: 0;
    height: 0
  }

  100% {
    opacity: 1;
    width: 720px;
    height: 720px
  }
}

@keyframes circle {
  0% {
    opacity: 0;
    width: 0;
    height: 0
  }

  100% {
    opacity: 1;
    width: 720px;
    height: 720px
  }
}

@media(max-width:991px) {
  .background-slider #header-home3:after {
    top: -310px;
    right: -310px
  }
}

.background-slider #header-home3 .container .nav {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 28px 0 0;
  position: relative;
  z-index: 1
}

@media(max-width:991px) {
  .background-slider #header-home3 .container .nav {
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 20px 0 0
  }
}

.background-slider #header-home3 .container .nav .logo {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse
}

@media(max-width:575px) {
  .background-slider #header-home3 .container .nav .logo {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 100%
  }
}

.background-slider #header-home3 .container .nav .logo .toggle {
  -webkit-transform: scaleX(-1, 1);
  transform: scaleX(-1, 1);
  margin-right: 12px
}

@media(max-width:575px) {
  .background-slider #header-home3 .container .nav .logo .toggle {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
  }
}

.background-slider #header-home3 .container .nav .logo .toggle:hover .first {
  width: 25px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.background-slider #header-home3 .container .nav .logo .toggle:hover .third {
  width: 25px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

@media(min-width:1200px) {
  .background-slider #header-home3 .container .nav .logo .toggle {
    display: none
  }
}

.background-slider #header-home3 .container .nav .logo .toggle .toggle-line {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row
}

.background-slider #header-home3 .container .nav .logo .toggle .first {
  width: 21px;
  height: 3px;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.background-slider #header-home3 .container .nav .logo .toggle .second {
  width: 25px;
  height: 3px;
  margin: 5px 0;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.background-slider #header-home3 .container .nav .logo .toggle .third {
  width: 16px;
  height: 3px;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.background-slider #header-home3 .container .nav .navigation {
  margin-left: auto;
  display: -webkit-box;
  display: flex
}

@media(max-width:1199px) {
  .background-slider #header-home3 .container .nav .navigation {
    display: none
  }
}

.background-slider #header-home3 .container .nav .navigation .navigation-ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

.background-slider #header-home3 .container .nav .navigation .navigation-ul .navigation-li {
  position: relative
}

.background-slider #header-home3 .container .nav .navigation .navigation-ul .navigation-li:hover .drop-ul {
  opacity: 1;
  visibility: visible;
  top: 100%
}

.background-slider #header-home3 .container .nav .navigation .navigation-ul .navigation-li:hover #slider-home3 .illustertaion .slider-illustertaion .image {
  position: relative;
  z-index: -1
}

.background-slider #header-home3 .container .nav .navigation .navigation-ul .navigation-li:not(:first-child) {
  margin-left: 32px
}

.background-slider #header-home3 .container .nav .navigation .navigation-ul .navigation-li .links {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  line-height: 52px;
  cursor: pointer;
  text-transform: capitalize;
  color: #fff;
  font-family: poppins-medium
}

.background-slider #header-home3 .container .nav .navigation .navigation-ul .navigation-li .drop-ul {
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  position: absolute;
  top: 100px;
  width: 270px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  left: -20px;
  -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  padding: 16px 0
}

.background-slider #header-home3 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li {
  position: relative
}

.background-slider #header-home3 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover {
  background-color: #F98B2A
}

.background-slider #header-home3 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .other-ul {
  opacity: 1;
  visibility: visible
}

.background-slider #header-home3 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .drop-links {
  color: #fff;
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  background-color: #F98B2A;
  cursor: pointer
}

.background-slider #header-home3 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .drop-links:hover .drop-arrow {
  -webkit-transform: rotate(-270deg);
  transform: rotate(-270deg);
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out
}

.background-slider #header-home3 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .drop-links .drop-arrow {
  color: #fff
}

.background-slider #header-home3 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .drop-links {
  padding: 12px 32px;
  color: #7f7f7f;
  font-family: poppins-medium;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: capitalize;
  -webkit-box-pack: justify;
  justify-content: space-between
}

.background-slider #header-home3 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .drop-links .drop-arrow {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #7f7f7f;
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out
}

.background-slider #header-home3 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul {
  position: absolute;
  right: 254px;
  top: -16px;
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  width: 270px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  padding: 16px 0
}

.background-slider #header-home3 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul .other-li {
  position: relative
}

.background-slider #header-home3 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul .other-li .other-links {
  padding: 12px 32px;
  color: #7f7f7f;
  font-family: poppins-medium;
  position: relative;
  text-transform: capitalize
}

.background-slider #header-home3 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul .other-li .other-links:hover {
  color: #fff;
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  background-color: #F98B2A
}

.background-slider #header-home3 .container .nav .action {
  display: -webkit-box;
  display: flex;
  margin-left: 40px
}

@media(max-width:1199px) {
  .background-slider #header-home3 .container .nav .action {
    margin-left: auto
  }
}

@media(max-width:575px) {
  .background-slider #header-home3 .container .nav .action {
    display: none
  }
}

.background-slider #header-home3 .container .nav .action .btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: transparent;
  border: 1px solid #F98B2A;
  color: #fff;
  padding: 12px 24px;
  border-radius: 0
}

.background-slider #header-home3 .container .nav .action .btn:hover {
  background-color: #17161a;
  cursor: pointer
}

.background-slider #header-home3 .container .nav .action .sign-up {
  margin-right: 16px;
  border: 1px solid #fff
}

.background-slider #header-home3 .container .nav .action .sign-up:hover {
  background-color: #fff;
  color: #F98B2A
}

.background-slider #header-home3 .container .nav .action .login {
  background-color: #fff;
  color: #F98B2A;
  border: 1px solid #fff
}

.background-slider #header-home3 .container .nav .action .login:hover {
  background-color: transparent;
  color: #fff
}

.background-slider #slider-home3 {
  padding-top: 100px;
  position: relative;
  padding-bottom: 128px
}

@media(max-width:991px) {
  .background-slider #slider-home3 {
    padding: 64px 0
  }
}

.background-slider #slider-home3 .container .row {
  -webkit-box-align: center;
  align-items: center
}

.background-slider #slider-home3 .container .row .content-outer .content {
  padding-right: 20px
}

@media(max-width:991px) {
  .background-slider #slider-home3 .container .row .content-outer .content {
    padding-right: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: 64px
  }
}

.background-slider #slider-home3 .container .row .content-outer .content .slider-heading h2 {
  color: #fff;
  font-size: 60px;
  line-height: 80px
}

@media(min-width:992px) and (max-width:1199px) {
  .background-slider #slider-home3 .container .row .content-outer .content .slider-heading h2 {
    font-size: 56px
  }
}

@media(min-width:992px) {
  .background-slider #slider-home3 .container .row .content-outer .content .slider-heading h2 {
    position: relative;
    left: -1.2px
  }
}

@media(max-width:1199px) {
  .background-slider #slider-home3 .container .row .content-outer .content .slider-heading h2 {
    font-size: 40px;
    line-height: 50px
  }
}

@media(max-width:767px) {
  .background-slider #slider-home3 .container .row .content-outer .content .slider-heading h2 {
    font-size: 32px;
    line-height: 48px
  }
}

.background-slider #slider-home3 .container .row .content-outer .content .slider-desc p {
  font-family: poppins-regular;
  line-height: 32px;
  color: #fff;
  font-size: 18px;
  margin-top: 18px
}

.background-slider #slider-home3 .container .row .content-outer .content .buttons {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 32px
}

@media(max-width:575px) {
  .background-slider #slider-home3 .container .row .content-outer .content .buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

.background-slider #slider-home3 .container .row .content-outer .content .buttons .action {
  display: -webkit-box;
  display: flex
}

.background-slider #slider-home3 .container .row .content-outer .content .buttons .action .slider-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: #fff;
  border: 1px solid #fff;
  color: #F98B2A;
  padding: 12px 24px
}

.background-slider #slider-home3 .container .row .content-outer .content .buttons .action .slider-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

.background-slider #slider-home3 .container .row .content-outer .content .buttons .action .slider-btn:hover {
  background-color: transparent;
  color: #fff
}

.background-slider #slider-home3 .container .row .content-outer .content .buttons .play {
  margin-left: 16px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

@media(max-width:575px) {
  .background-slider #slider-home3 .container .row .content-outer .content .buttons .play {
    margin-top: 32px
  }
}

@media(max-width:575px) {
  .background-slider #slider-home3 .container .row .content-outer .content .buttons .play {
    margin-left: 0
  }
}

.background-slider #slider-home3 .container .row .content-outer .content .buttons .play span {
  width: 51px;
  height: 51px;
  border-radius: 50%;
  margin-right: 16px;
  color: #fff;
  background-color: #1d1919;
  text-align: center;
  line-height: 51px;
  position: relative;
  z-index: 1
}

.background-slider #slider-home3 .container .row .content-outer .content .buttons .play span:hover {
  cursor: pointer
}

.background-slider #slider-home3 .container .row .content-outer .content .buttons .play span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 50%;
  border: 1px solid #1d1919;
  -webkit-animation: home3pulse1 1.5s linear infinite;
  animation: home3pulse1 1.5s linear infinite
}

@keyframes home3pulse1 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0
  }
}

.background-slider #slider-home3 .container .row .content-outer .content .buttons .play span:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  border-radius: 50%;
  border: 1px solid #1d1919;
  -webkit-animation: home3pulse1 1.5s linear .8s infinite;
  animation: home3pulse1 1.5s linear .8s infinite
}

@keyframes home3pulse1 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 1
  }

  100% {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0
  }
}

.background-slider #slider-home3 .container .row .content-outer .content .buttons .play span .play-btn {
  font-size: 18px;
  position: relative;
  left: 1px
}

.background-slider #slider-home3 .container .row .content-outer .content .buttons .play p {
  font-family: poppins-regular;
  color: #fff;
  text-transform: capitalize
}

@media(max-width:991px) {
  .background-slider #slider-home3 .container .row .illustertaion-outer {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
  }
}

.background-slider #slider-home3 .container .row .illustertaion-outer .illustertaion {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end
}

@media(max-width:991px) {
  .background-slider #slider-home3 .container .row .illustertaion-outer .illustertaion {
    -webkit-box-pack: center;
    justify-content: center
  }
}

.background-slider #slider-home3 .container .row .illustertaion-outer .illustertaion .slider-illustertaion .image {
  width: 100%
}

@media(min-width:992px) and (max-width:1199px) {
  .background-slider #slider-home3 .container .row .illustertaion-outer .illustertaion .slider-illustertaion .image {
    width: 450px
  }
}

@media(max-width:575px) {
  .background-slider #slider-home3 .container .row .illustertaion-outer .illustertaion .slider-illustertaion .image {
    width: 300px
  }
}

#services-home3 {
  position: relative
}

#services-home3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #F98B2A;
  z-index: -1
}

@media(max-width:991px) {
  #services-home3::before {
    display: none
  }
}

#services-home3 .container {
  position: relative;
  z-index: 10
}

#services-home3 .container:after {
  content: "";
  position: absolute;
  width: 720px;
  height: 720px;
  top: -70px;
  left: 10px;
  background-image: url(../img/home3/slider-circle-1.svg);
  border-radius: 100%;
  background-color: #6c39ff;
  z-index: -1
}

@media(max-width:1199px) {
  #services-home3 .container:after {
    display: none
  }
}

#services-home3 .container .wrapper {
  padding: 96px 142px;
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

@media(max-width:1199px) {
  #services-home3 .container .wrapper {
    padding: 96px 40px
  }
}

@media(max-width:991px) {
  #services-home3 .container .wrapper {
    padding: 64px 40px
  }
}

@media(max-width:575px) {
  #services-home3 .container .wrapper {
    padding: 64px 24px
  }
}

#services-home3 .container .wrapper .heading {
  text-align: center
}

#services-home3 .container .wrapper .heading .services-heading-outer .services-heading {
  color: #17161a;
  margin: 0 0 18px
}

@media(max-width:991px) {
  #services-home3 .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #services-home3 .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#services-home3 .container .wrapper .heading .services-desc-outer .services-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px
}

#services-home3 .container .wrapper .row {
  margin-top: 64px;
  -webkit-box-pack: center;
  justify-content: center
}

#services-home3 .container .wrapper .row .services-box-outer .services-box {
  padding: 36px;
  position: relative;
  background-color: #fff6fb;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#services-home3 .container .wrapper .row .services-box-outer .services-box:hover .circle {
  background-color: #F98B2A
}

#services-home3 .container .wrapper .row .services-box-outer .services-box:hover .circle .services-icon {
  color: #fff
}

#services-home3 .container .wrapper .row .services-box-outer .services-box:hover .services-dots .without-hover {
  display: none;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#services-home3 .container .wrapper .row .services-box-outer .services-box:hover .services-dots .hover {
  display: block;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#services-home3 .container .wrapper .row .services-box-outer .services-box .circle {
  width: 80px;
  height: 80px;
  background-color: #fee2f1;
  border-radius: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -webkit-transition: .2s linear;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#services-home3 .container .wrapper .row .services-box-outer .services-box .circle .services-icon {
  font-size: 36px;
  position: relative;
  top: 1px
}

#services-home3 .container .wrapper .row .services-box-outer .services-box .services-heading h3 {
  color: #17161a;
  margin: 16px 0
}

#services-home3 .container .wrapper .row .services-box-outer .services-box .action a {
  display: inline-block;
  position: relative
}

#services-home3 .container .wrapper .row .services-box-outer .services-box .action a p {
  font-family: poppins-medium;
  color: #F98B2A;
  text-transform: capitalize;
  margin-bottom: 8px
}

#services-home3 .container .wrapper .row .services-box-outer .services-box .action a .arrow {
  font-size: 21px;
  color: #F98B2A
}

#services-home3 .container .wrapper .row .services-box-outer .services-box .services-dots .without-hover {
  position: absolute;
  top: 36px;
  right: 36px;
  width: 30px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#services-home3 .container .wrapper .row .services-box-outer .services-box .services-dots .hover {
  position: absolute;
  top: 36px;
  right: 36px;
  width: 30px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  display: none
}

@media(max-width:991px) {
  #services-home3 .container .wrapper .row .box1 {
    margin-bottom: 30px
  }
}

@media(max-width:767px) {
  #services-home3 .container .wrapper .row .box2 {
    margin-bottom: 30px
  }
}

#clients-home3 {
  margin-top: 64px;
  margin-bottom: 128px
}

@media(max-width:991px) {
  #clients-home3 {
    margin-bottom: 64px
  }
}

#clients-home3 .container .wrapper .owl-carousel .owl-stage-outer {
  height: auto !important
}

#clients-home3 .container .wrapper .owl-carousel .owl-stage-outer .image-logo {
  width: 140px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  opacity: .3
}

@media(max-width:1199px) {
  #clients-home3 .container .wrapper .owl-carousel .owl-stage-outer .image-logo {
    margin: 0 auto !important
  }
}

#clients-home3 .container .wrapper .owl-carousel .owl-stage-outer .image-logo:hover {
  opacity: 1
}

#features-home3 {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #features-home3 {
    margin-bottom: 64px
  }
}

#features-home3 .container .wrapper .heading {
  text-align: center
}

#features-home3 .container .wrapper .heading .features-heading-outer .features-heading {
  color: #17161a;
  margin: 0 0 18px
}

@media(max-width:991px) {
  #features-home3 .container .wrapper .heading .features-heading-outer .features-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #features-home3 .container .wrapper .heading .features-heading-outer .features-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#features-home3 .container .wrapper .heading .features-desc-outer .features-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px
}

#features-home3 .container .wrapper .row {
  margin-top: 64px
}

#features-home3 .container .wrapper .row .features-box-outer .features-box {
  padding: 36px;
  position: relative;
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#features-home3 .container .wrapper .row .features-box-outer .features-box:hover {
  background-color: #F98B2A
}

#features-home3 .container .wrapper .row .features-box-outer .features-box:hover .features-shape .without-hover-shape {
  display: none
}

#features-home3 .container .wrapper .row .features-box-outer .features-box:hover .features-shape .hover-shape {
  display: block
}

#features-home3 .container .wrapper .row .features-box-outer .features-box:hover .features-dots .without-hover {
  display: none
}

#features-home3 .container .wrapper .row .features-box-outer .features-box:hover .features-dots .hover {
  display: block
}

#features-home3 .container .wrapper .row .features-box-outer .features-box:hover .features-heading h3 {
  color: #fff
}

#features-home3 .container .wrapper .row .features-box-outer .features-box:hover .features-desc p {
  color: #fff
}

#features-home3 .container .wrapper .row .features-box-outer .features-box .features-shape .without-hover-shape {
  width: auto;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#features-home3 .container .wrapper .row .features-box-outer .features-box .features-shape .hover-shape {
  display: none;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#features-home3 .container .wrapper .row .features-box-outer .features-box .features-heading h3 {
  color: #17161a;
  margin: 16px 0
}

#features-home3 .container .wrapper .row .features-box-outer .features-box .features-desc p {
  font-family: poppins-regular;
  line-height: 24px;
  color: #7f7f7f;
  line-height: 30px
}

#features-home3 .container .wrapper .row .features-box-outer .features-box .features-dots .without-hover {
  width: auto;
  width: 56px;
  position: absolute;
  top: 36px;
  right: 36px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#features-home3 .container .wrapper .row .features-box-outer .features-box .features-dots .hover {
  display: none;
  width: 56px;
  position: absolute;
  top: 36px;
  right: 36px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#features-home3 .container .wrapper .row .box1, #features-home3 .container .wrapper .row .box2, #features-home3 .container .wrapper .row .box3 {
  margin-bottom: 30px
}

@media(max-width:767px) {
  #features-home3 .container .wrapper .row .box4, #features-home3 .container .wrapper .row .box5 {
    margin-bottom: 30px
  }
}

#portfolio-home3 {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #portfolio-home3 {
    margin-bottom: 64px
  }
}

#portfolio-home3 .container .wrapper .heading {
  text-align: center
}

#portfolio-home3 .container .wrapper .heading .portfolio-heading-outer .portfolio-heading {
  color: #17161a;
  margin: 0 0 18px
}

@media(max-width:991px) {
  #portfolio-home3 .container .wrapper .heading .portfolio-heading-outer .portfolio-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #portfolio-home3 .container .wrapper .heading .portfolio-heading-outer .portfolio-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#portfolio-home3 .container .wrapper .heading .portfolio-desc-outer .portfolio-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px
}

#portfolio-home3 .container .wrapper .row {
  margin-top: 64px
}

#portfolio-home3 .container .wrapper .row .portfolio-box-outer .portfolio-box {
  position: relative;
  overflow: hidden;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#portfolio-home3 .container .wrapper .row .portfolio-box-outer .portfolio-box:hover .content {
  bottom: 36px;
  opacity: 1;
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out
}

@media(max-width:575px) {
  #portfolio-home3 .container .wrapper .row .portfolio-box-outer .portfolio-box:hover .content {
    bottom: 24px
  }
}

#portfolio-home3 .container .wrapper .row .portfolio-box-outer .portfolio-box .img .image-portfolio {
  width: 540px;
  height: auto
}

@media(max-width:1199px) {
  #portfolio-home3 .container .wrapper .row .portfolio-box-outer .portfolio-box .img .image-portfolio {
    width: 100%;
    height: auto
  }
}

#portfolio-home3 .container .wrapper .row .portfolio-box-outer .portfolio-box .content {
  background-color: #fff;
  padding: 24px 32px;
  position: absolute;
  bottom: -100px;
  width: 468px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  opacity: 0;
  margin: 0 auto;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

@media(max-width:575px) {
  #portfolio-home3 .container .wrapper .row .portfolio-box-outer .portfolio-box .content {
    display: -webkit-box;
    display: flex;
    padding: 24px
  }
}

#portfolio-home3 .container .wrapper .row .portfolio-box-outer .portfolio-box .content .portfolio-heading a {
  font-family: poppins-semibold;
  color: #17161a;
  font-size: 24px;
  line-height: 36px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#portfolio-home3 .container .wrapper .row .portfolio-box-outer .portfolio-box .content .portfolio-heading a:hover {
  color: #F98B2A
}

@media(max-width:575px) {
  #portfolio-home3 .container .wrapper .row .portfolio-box-outer .portfolio-box .content .portfolio-heading a {
    font-size: 20px;
    line-height: 24px
  }
}

#portfolio-home3 .container .wrapper .row .portfolio-box-outer .portfolio-box .content .portfolio-heading p {
  font-family: poppins-regular;
  color: #7f7f7f;
  line-height: 24px;
  margin-top: 4px
}

@media(max-width:575px) {
  #portfolio-home3 .container .wrapper .row .portfolio-box-outer .portfolio-box .content .portfolio-heading p {
    display: none
  }
}

#portfolio-home3 .container .wrapper .row .box1, #portfolio-home3 .container .wrapper .row .box2 {
  margin-bottom: 30px
}

@media(max-width:991px) {
  #portfolio-home3 .container .wrapper .row .box3 {
    margin-bottom: 30px
  }
}

#testimonials-home3 {
  margin-bottom: 128px;
  position: relative;
  overflow: hidden
}

@media(max-width:991px) {
  #testimonials-home3 {
    margin-bottom: 64px
  }
}

#testimonials-home3::after {
  content: "";
  position: absolute;
  left: 40px;
  background-color: #f0edf6;
  top: 15px;
  z-index: -1;
  border-radius: 50%;
  background-repeat: no-repeat;
  width: 397px;
  height: 397px
}

@media(max-width:767px) {
  #testimonials-home3::after {
    display: none
  }
}

#testimonials-home3 .container .row {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between
}

#testimonials-home3 .container .row .content {
  padding-right: 85px
}

@media(max-width:991px) {
  #testimonials-home3 .container .row .content {
    margin-bottom: 80px;
    padding-right: 0;
    text-align: center
  }
}

@media(max-width:767px) {
  #testimonials-home3 .container .row .content {
    padding-right: 15px !important
  }
}

#testimonials-home3 .container .row .content .stars {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

@media(max-width:991px) {
  #testimonials-home3 .container .row .content .stars {
    -webkit-box-pack: center;
    justify-content: center
  }
}

#testimonials-home3 .container .row .content .stars .star-li:not(:last-child) {
  margin-right: 16px
}

#testimonials-home3 .container .row .content .stars .star-li .star {
  color: #F98B2A
}

#testimonials-home3 .container .row .content .heading-inner h2 {
  color: #17161a;
  margin: 0 0 18px
}

@media(max-width:991px) {
  #testimonials-home3 .container .row .content .heading-inner h2 {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #testimonials-home3 .container .row .content .heading-inner h2 {
    font-size: 28px;
    line-height: 36px
  }
}

#testimonials-home3 .container .row .content .heading-inner p {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px;
  line-height: 32px
}

#testimonials-home3 .container .row .caraousel .owl-carousel {
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end
}

#testimonials-home3 .container .row .caraousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .action {
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#testimonials-home3 .container .row .caraousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .slide {
  background-color: #fff;
  padding: 36px
}

#testimonials-home3 .container .row .caraousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .slide .img .testimonial-image {
  width: 80px;
  height: auto;
  margin: 0 auto
}

#testimonials-home3 .container .row .caraousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .slide .desc-team .desc {
  font-family: poppins-regular;
  line-height: 30px;
  color: #7f7f7f;
  margin-top: 20px;
  text-align: center
}

@media(max-width:575px) {
  #testimonials-home3 .container .row .caraousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .slide .desc-team .desc {
    margin-bottom: 24px
  }
}

#testimonials-home3 .container .row .caraousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .slide .quote {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin: 24px 0
}

@media(max-width:991px) {
  #testimonials-home3 .container .row .caraousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .slide .quote {
    -webkit-box-pack: center;
    justify-content: center
  }
}

@media(max-width:575px) {
  #testimonials-home3 .container .row .caraousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .slide .quote {
    display: none
  }
}

#testimonials-home3 .container .row .caraousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .slide .quote .quote-li:not(:last-child) {
  margin-right: 16px
}

#testimonials-home3 .container .row .caraousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .slide .quote .quote-left {
  color: #fee2f1
}

#testimonials-home3 .container .row .caraousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .slide .about-person {
  text-align: center
}

#testimonials-home3 .container .row .caraousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .slide .about-person h3 {
  color: #17161a
}

#testimonials-home3 .container .row .caraousel .owl-carousel .owl-stage-outer .owl-stage .owl-item .slide .about-person p {
  font-family: poppins-regular;
  color: #7f7f7f;
  margin-top: 4px
}

#counter-home3 {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #counter-home3 {
    margin-bottom: 64px
  }
}

#counter-home3 .container .row {
  margin-top: 64px
}

#counter-home3 .container .row .counter-box-outer .counter-box {
  padding: 40px 20px;
  overflow: hidden;
  position: relative;
  text-align: center;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out;
  background-color: #fff
}

#counter-home3 .container .row .counter-box-outer .counter-box:hover {
  background-color: #F98B2A
}

#counter-home3 .container .row .counter-box-outer .counter-box:hover .heading h1 {
  color: #fff
}

#counter-home3 .container .row .counter-box-outer .counter-box:hover .heading p {
  color: #fff
}

#counter-home3 .container .row .counter-box-outer .counter-box:hover .icon .counter-icon {
  color: #fff
}

#counter-home3 .container .row .counter-box-outer .counter-box .heading h1 {
  color: #17161a;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

#counter-home3 .container .row .counter-box-outer .counter-box .heading p {
  font-family: poppins-regular;
  color: #7f7f7f;
  margin-bottom: 16px;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

#counter-home3 .container .row .counter-box-outer .counter-box .icon .counter-icon {
  color: #F98B2A;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

@media(max-width:991px) {
  #counter-home3 .container .row .box1 {
    margin-bottom: 30px
  }
}

@media(max-width:767px) {
  #counter-home3 .container .row .box2, #counter-home3 .container .row .box3 {
    margin-bottom: 30px
  }
}

#pricing-home3 {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #pricing-home3 {
    margin-bottom: 64px
  }
}

#pricing-home3 .container .wrapper .heading {
  text-align: center
}

#pricing-home3 .container .wrapper .heading .pricing-heading-outer .pricing-heading {
  color: #17161a;
  margin: 0 0 18px
}

@media(max-width:991px) {
  #pricing-home3 .container .wrapper .heading .pricing-heading-outer .pricing-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #pricing-home3 .container .wrapper .heading .pricing-heading-outer .pricing-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#pricing-home3 .container .wrapper .heading .pricing-desc-outer .pricing-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px
}

#pricing-home3 .container .wrapper .inner-wrapper {
  margin-top: 64px
}

#pricing-home3 .container .wrapper .inner-wrapper .price-tabs {
  display: -webkit-box !important;
  display: flex !important
}

#pricing-home3 .container .wrapper .inner-wrapper .price-tabs .nav {
  display: -webkit-inline-box;
  display: inline-flex;
  margin: 0 auto;
  -webkit-box-pack: center;
  justify-content: center;
  border: 1px solid #F98B2A
}

#pricing-home3 .container .wrapper .inner-wrapper .price-tabs .nav .item .link {
  padding: 14px 24px;
  color: #7f7f7f;
  font-family: poppins-regular;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

@media(min-width:1300px) {
  #pricing-home3 .container .wrapper .inner-wrapper .price-tabs .nav .item .link {
    padding: 16px 26px
  }
}

#pricing-home3 .container .wrapper .inner-wrapper .price-tabs .nav .item .link:hover {
  background-color: #F98B2A;
  color: #fff
}

#pricing-home3 .container .wrapper .inner-wrapper .price-tabs .nav .item .active {
  background-color: #F98B2A;
  color: #fff
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content {
  margin-top: 64px
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row {
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box {
  padding: 36px;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .pricing-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .pricing-info .pricing-icon-outer {
  margin-right: 16px
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .pricing-info .pricing-icon-outer .house, #pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .pricing-info .pricing-icon-outer .building, #pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .pricing-info .pricing-icon-outer .city {
  font-size: 56px;
  position: relative;
  z-index: 2;
  color: #F98B2A
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .pricing-info .pricing-name {
  position: relative
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .pricing-info .pricing-name h3 {
  color: #17161a
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .pricing-info .pricing-name p {
  font-family: poppins-regular;
  color: #7f7f7f;
  margin-top: 8px
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .price {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 16px
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .price h2 {
  color: #17161a;
  font-size: 60px;
  line-height: 80px
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .price .span1 {
  font-family: poppins-regular;
  font-size: 16px;
  color: #7f7f7f;
  margin-left: 5px
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .price .span2 {
  font-family: poppins-regular;
  font-size: 16px;
  color: #7f7f7f;
  margin-left: 5px
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .action {
  display: -webkit-box;
  display: flex;
  margin: 16px 0 28px
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .action .pricing-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: transparent;
  border: 1px solid #F98B2A;
  color: #F98B2A;
  padding: 12px 24px;
  width: 100%;
  text-align: center
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .action .pricing-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .action .pricing-btn:hover {
  background-color: #F98B2A;
  color: #fff
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .pricing-get li:not(:last-child) {
  margin-bottom: 18px
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .pricing-get .get {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .pricing-get .get .dot-circle {
  margin-right: 8px;
  color: #F98B2A;
  font-size: 18px
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .pricing-get .get p {
  font-family: poppins-regular;
  font-size: 16px;
  color: #7f7f7f
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .pricing-get .no-get {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .pricing-get .no-get .dot-circle {
  margin-right: 8px;
  color: #fbb6ce;
  font-size: 18px
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .pricing-box .pricing-get .no-get p {
  font-family: poppins-regular;
  font-size: 16px;
  color: #fbb6ce
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .center-box {
  background-color: #F98B2A
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .center-box .pricing-info .pricing-icon-outer .house, #pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .center-box .pricing-info .pricing-icon-outer .building, #pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .center-box .pricing-info .pricing-icon-outer .city {
  color: #fff
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .center-box .pricing-info .pricing-name h3 {
  color: #fff
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .center-box .pricing-info .pricing-name p {
  color: #fff
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .center-box .price {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 16px
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .center-box .price h2 {
  color: #fff
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .center-box .price .span1 {
  color: #fff
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .center-box .price .span2 {
  color: #fff
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .center-box .action {
  display: -webkit-box;
  display: flex;
  margin: 16px 0 28px
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .center-box .action .pricing-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: #fff;
  color: #F98B2A;
  width: 100%;
  padding: 13px 24px;
  text-align: center
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .center-box .action .pricing-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .center-box .action .pricing-btn:hover {
  background-color: #F98B2A;
  color: #fff;
  border: 1px solid #fff
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .center-box .pricing-get .get .dot-circle {
  margin-right: 8px;
  color: #fff
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .center-box .pricing-get .get p {
  color: #fff
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .center-box .pricing-get .no-get .dot-circle {
  margin-right: 8px;
  color: #7f7f7f
}

#pricing-home3 .container .wrapper .inner-wrapper .tab-content .container1 .row .center-box .pricing-get .no-get p {
  color: #7f7f7f
}

#news-blog-home3 {
  position: relative;
  margin-bottom: 128px
}

@media(max-width:991px) {
  #news-blog-home3 {
    margin-bottom: 64px
  }
}

#news-blog-home3 .container .wrapper .heading {
  text-align: center
}

#news-blog-home3 .container .wrapper .heading .news-blog-heading-outer .news-blog-heading {
  color: #17161a;
  margin: 0 0 18px
}

@media(max-width:991px) {
  #news-blog-home3 .container .wrapper .heading .news-blog-heading-outer .news-blog-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #news-blog-home3 .container .wrapper .heading .news-blog-heading-outer .news-blog-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#news-blog-home3 .container .wrapper .heading .news-blog-desc-outer .news-blog-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px
}

#news-blog-home3 .container .wrapper .row {
  margin-top: 64px
}

#news-blog-home3 .container .wrapper .row .news-blog-box-outer .news-blog-box {
  position: relative;
  overflow: hidden;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  background-color: #fff;
  padding: 36px;
  overflow: hidden
}

#news-blog-home3 .container .wrapper .row .news-blog-box-outer .news-blog-box .image {
  overflow: hidden
}

#news-blog-home3 .container .wrapper .row .news-blog-box-outer .news-blog-box .image:hover .news-blog-image {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

#news-blog-home3 .container .wrapper .row .news-blog-box-outer .news-blog-box .image .news-blog-image {
  width: 100%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#news-blog-home3 .container .wrapper .row .news-blog-box-outer .news-blog-box .content {
  padding: 32px 0 0
}

#news-blog-home3 .container .wrapper .row .news-blog-box-outer .news-blog-box .content .info-admin {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 12px
}

#news-blog-home3 .container .wrapper .row .news-blog-box-outer .news-blog-box .content .info-admin a {
  font-family: poppins-regular;
  color: #7f7f7f;
  margin-right: 4px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#news-blog-home3 .container .wrapper .row .news-blog-box-outer .news-blog-box .content .info-admin a:hover {
  color: #F98B2A
}

#news-blog-home3 .container .wrapper .row .news-blog-box-outer .news-blog-box .content .info-admin p {
  font-family: poppins-regular;
  color: #7f7f7f
}

#news-blog-home3 .container .wrapper .row .news-blog-box-outer .news-blog-box .content .news-blog-heading .blog-link {
  font-family: poppins-semibold;
  color: #17161a;
  line-height: 36px;
  font-size: 24px;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

@media(max-width:991px) {
  #news-blog-home3 .container .wrapper .row .news-blog-box-outer .news-blog-box .content .news-blog-heading .blog-link {
    font-size: 22px
  }
}

#news-blog-home3 .container .wrapper .row .news-blog-box-outer .news-blog-box .content .news-blog-heading .blog-link:hover {
  color: #F98B2A;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

#news-blog-home3 .container .wrapper .row .news-blog-box-outer .news-blog-box .content .news-blog-btn {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 16px;
  position: relative;
  overflow: hidden;
  width: 125px
}

#news-blog-home3 .container .wrapper .row .news-blog-box-outer .news-blog-box .content .news-blog-btn:hover .arrow {
  -webkit-animation: news .4s;
  animation: news .4s
}

@keyframes news {
  0% {
    position: absolute;
    right: 8px
  }

  40% {
    position: absolute;
    opacity: 0;
    right: -25px
  }

  70% {
    position: absolute;
    opacity: 0;
    right: 25px
  }

  100% {
    position: absolute;
    opacity: 1;
    right: 12px
  }
}

#news-blog-home3 .container .wrapper .row .news-blog-box-outer .news-blog-box .content .news-blog-btn p {
  text-transform: capitalize;
  color: #F98B2A;
  font-family: poppins-medium;
  margin-right: 8px
}

#news-blog-home3 .container .wrapper .row .news-blog-box-outer .news-blog-box .content .news-blog-btn .arrow {
  font-size: 22px;
  color: #F98B2A
}

@media(max-width:991px) {
  #news-blog-home3 .container .wrapper .row .box1 {
    margin-bottom: 30px
  }
}

@media(max-width:767px) {
  #news-blog-home3 .container .wrapper .row .box2 {
    margin-bottom: 30px
  }
}

#started-home3 {
  background-color: #F98B2A;
  position: relative;
  overflow: hidden
}

#started-home3:after {
  content: "";
  position: absolute;
  bottom: -150%;
  left: 18%;
  width: 750px;
  height: 750px;
  overflow: hidden;
  border-radius: 100%;
  background-color: #6c39ff
}

@media(max-width:1199px) {
  #started-home3:after {
    display: none
  }
}

#started-home3 .container .wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 64px 0
}

@media(max-width:991px) {
  #started-home3 .container .wrapper {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

@media(max-width:991px) {
  #started-home3 .container .wrapper .content {
    margin-bottom: 80px;
    text-align: center
  }
}

#started-home3 .container .wrapper .content .heading h2 {
  color: #fff
}

@media(max-width:991px) {
  #started-home3 .container .wrapper .content .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #started-home3 .container .wrapper .content .heading h2 {
    font-size: 28px;
    line-height: 36px
  }
}

#started-home3 .container .wrapper .content .desc p {
  font-family: poppins-regular;
  color: #fff;
  margin: 16px 0 32px;
  font-size: 18px
}

#started-home3 .container .wrapper .content .action {
  display: -webkit-box;
  display: flex
}

#started-home3 .container .wrapper .content .action .started-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: #fff;
  border: 1px solid #fff;
  color: #F98B2A;
  padding: 12px 24px
}

#started-home3 .container .wrapper .content .action .started-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#started-home3 .container .wrapper .content .action .started-btn:hover {
  background-color: transparent;
  color: #fff
}

@media(max-width:991px) {
  #started-home3 .container .wrapper .content .action {
    -webkit-box-pack: center;
    justify-content: center
  }
}

#started-home3 .container .wrapper .image .cta-illustration {
  width: 100%
}

#footer-home3 {
  padding: 128px 0;
  background-image: url(../img/footer-bg.jpg);
}

@media(max-width:991px) {
  #footer-home3 {
    padding: 64px 0
  }
}

#footer-home3 .container .get-latest {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between
}

@media(max-width:991px) {
  #footer-home3 .container .get-latest {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

@media(max-width:991px) {
  #footer-home3 .container .get-latest .heading-get-latest {
    margin-bottom: 12px
  }
}

#footer-home3 .container .get-latest .heading-get-latest h3 {
  color: #fff
}

@media(max-width:575px) {
  #footer-home3 .container .get-latest .heading-get-latest h3 {
    font-size: 20px;
    text-align: center
  }
}

#footer-home3 .container .get-latest .input {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

@media(max-width:575px) {
  #footer-home3 .container .get-latest .input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#footer-home3 .container .get-latest .input .input-inner {
  width: 382px;
  padding: 14px 24px;
  font-family: poppins-regular;
  background-color: #fff;
  border: none;
  color: #7f7f7f;
  text-transform: capitalize;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#footer-home3 .container .get-latest .input .input-inner:focus {
  outline: none
}

@media(max-width:575px) {
  #footer-home3 .container .get-latest .input .input-inner {
    width: 100%;
    margin: 4px 0 16px
  }
}

#footer-home3 .container .get-latest .input .subscribe-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#footer-home3 .container .get-latest .input .subscribe-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#footer-home3 .container .wrapper .row {
  margin-top: 64px
}

@media(max-width:767px) {
  #footer-home3 .container .wrapper .row .uhuru-outer .uhuru {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#footer-home3 .container .wrapper .row .uhuru-outer .uhuru .logo .uhuru-logo {
  width: 170px;
  height: 46px
}

#footer-home3 .container .wrapper .row .uhuru-outer .uhuru .desc p {
  font-family: poppins-regular;
  color: #fff;
  margin: 18px 0 20px;
  line-height: 30px
}

@media(max-width:575px) {
  #footer-home3 .container .wrapper .row .uhuru-outer .uhuru .desc p {
    text-align: center
  }
}

#footer-home3 .container .wrapper .row .uhuru-outer .uhuru .action {
  display: -webkit-box;
  display: flex
}

#footer-home3 .container .wrapper .row .uhuru-outer .uhuru .action .footer-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: transparent;
  border: 1px solid #F98B2A;
  color: #fff;
  padding: 12px 24px
}

#footer-home3 .container .wrapper .row .uhuru-outer .uhuru .action .footer-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#footer-home3 .container .wrapper .row .uhuru-outer .uhuru .action .footer-btn:hover {
  background-color: #F98B2A;
  color: #fff
}

#footer-home3 .container .wrapper .row .uhuru-outer .uhuru .icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 28px
}

#footer-home3 .container .wrapper .row .uhuru-outer .uhuru .icon li:not(:first-child) {
  margin-left: 16px
}

#footer-home3 .container .wrapper .row .uhuru-outer .uhuru .icon li a .social-icon {
  color: #fff;
  font-size: 24px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#footer-home3 .container .wrapper .row .uhuru-outer .uhuru .icon li a .social-icon:hover {
  color: #F98B2A
}

#footer-home3 .container .wrapper .row .quick-links-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

@media(max-width:767px) {
  #footer-home3 .container .wrapper .row .quick-links-outer {
    margin-top: 64px
  }
}

#footer-home3 .container .wrapper .row .quick-links-outer .quick-links {
  margin: 0 auto
}

#footer-home3 .container .wrapper .row .quick-links-outer .quick-links .quick-heading h3 {
  font-size: 20px;
  color: #fff;
  margin-bottom: 16px
}

#footer-home3 .container .wrapper .row .quick-links-outer .quick-links .quick-links-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

#footer-home3 .container .wrapper .row .quick-links-outer .quick-links .quick-links-inner ul {
  line-height: 38px
}

#footer-home3 .container .wrapper .row .quick-links-outer .quick-links .quick-links-inner ul li a {
  font-family: poppins-regular;
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#footer-home3 .container .wrapper .row .quick-links-outer .quick-links .quick-links-inner ul li a:hover {
  color: #F98B2A
}

#footer-home3 .container .wrapper .row .quick-links-outer .quick-links .quick-links-inner .first-col {
  margin-right: 32px
}

#footer-home3 .container .wrapper .row .contact-Details-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end
}

@media(max-width:991px) {
  #footer-home3 .container .wrapper .row .contact-Details-outer {
    -webkit-box-pack: start;
    justify-content: flex-start;
    margin-top: 64px
  }
}

@media(max-width:767px) {
  #footer-home3 .container .wrapper .row .contact-Details-outer {
    -webkit-box-pack: center;
    justify-content: center
  }
}

#footer-home3 .container .wrapper .row .contact-Details-outer .contact-Details {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column
}

#footer-home3 .container .wrapper .row .contact-Details-outer .contact-Details .contact-Details-heading .contact {
  font-size: 20px;
  color: #fff;
  margin-bottom: 20px
}

#footer-home3 .container .wrapper .row .contact-Details-outer .contact-Details .contact-Details-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: end;
  justify-content: flex-end
}

#footer-home3 .container .wrapper .row .contact-Details-outer .contact-Details .contact-Details-info .info {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center
}

#footer-home3 .container .wrapper .row .contact-Details-outer .contact-Details .contact-Details-info .info .main {
  height: 32px;
  width: 32px;
  background-color: #F98B2A;
  border-radius: 50%;
  margin-right: 10px;
  text-align: center;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#footer-home3 .container .wrapper .row .contact-Details-outer .contact-Details .contact-Details-info .info .main .contact {
  height: auto;
  color: #fff;
  line-height: 32px
}

#footer-home3 .container .wrapper .row .contact-Details-outer .contact-Details .contact-Details-info .info p {
  font-family: poppins-regular;
  color: #fff
}

#footer-home3 .container .wrapper .row .contact-Details-outer .contact-Details .contact-Details-info .center {
  margin: 20px 0
}

#footer-home3 .container .wrapper #copy-home3 .wrapper-copy {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 64px
}

@media(max-width:991px) {
  #footer-home3 .container .wrapper #copy-home3 .wrapper-copy {
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#footer-home3 .container .wrapper #copy-home3 .wrapper-copy .left .copyright-home2 .copy {
  font-family: poppins-regular;
  color: #fff
}

@media(max-width:991px) {
  #footer-home3 .container .wrapper #copy-home3 .wrapper-copy .left .copyright-home2 .copy {
    margin-bottom: 8px
  }
}

@media(max-width:575px) {
  #footer-home3 .container .wrapper #copy-home3 .wrapper-copy .left .copyright-home2 .copy {
    text-align: center
  }
}

#footer-home3 .container .wrapper #copy-home3 .wrapper-copy .left .copyright-home2 .copy .link {
  display: -webkit-inline-box;
  display: inline-flex;
  color: #F98B2A;
  text-transform: capitalize
}

#footer-home3 .container .wrapper #copy-home3 .wrapper-copy .right .condition-home2 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

#footer-home3 .container .wrapper #copy-home3 .wrapper-copy .right .condition-home2 a {
  font-family: poppins-regular;
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#footer-home3 .container .wrapper #copy-home3 .wrapper-copy .right .condition-home2 a:hover {
  color: #F98B2A
}

#footer-home3 .container .wrapper #copy-home3 .wrapper-copy .right .condition-home2 span {
  font-family: poppins-regular;
  color: #fff;
  margin: 0 5px
}

#footer-home3 .container .wrapper #copy-home3 .wrapper-copy .right .condition-home2 a {
  font-family: poppins-regular;
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#footer-home3 .container .wrapper #copy-home3 .wrapper-copy .right .condition-home2 a:hover {
  color: #F98B2A
}

#slider2 {
  position: relative;
  top: 92px;
  margin-bottom: 128px
}

@media(max-width:991px) {
  #slider2 {
    margin-bottom: 64px
  }
}

@media(max-width:767px) {
  #slider2 {
    top: 77px
  }
}

#slider2 .container .wrapper {
  margin-top: 128px
}

@media(max-width:991px) {
  #slider2 .container .wrapper {
    margin-top: 64px
  }
}

#slider2 .container .wrapper .heading {
  text-align: center
}

#slider2 .container .wrapper .heading .slider-tag-outer {
  display: -webkit-inline-box;
  display: inline-flex
}

#slider2 .container .wrapper .heading .slider-tag-outer .slider-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#slider2 .container .wrapper .heading .slider-heading-outer .slider-heading {
  margin-top: 18px;
  margin-bottom: 18px;
  color: #17161a;
  font-size: 60px;
  line-height: 80px
}

@media(max-width:1199px) {
  #slider2 .container .wrapper .heading .slider-heading-outer .slider-heading {
    font-size: 40px;
    line-height: 50px
  }
}

@media(max-width:767px) {
  #slider2 .container .wrapper .heading .slider-heading-outer .slider-heading {
    font-size: 32px;
    line-height: 48px
  }
}

#slider2 .container .wrapper .heading .slider-desc-outer .slider-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  line-height: 32px;
  font-size: 18px
}

#slider2 .container .wrapper .heading .input {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin-top: 32px
}

@media(max-width:575px) {
  #slider2 .container .wrapper .heading .input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#slider2 .container .wrapper .heading .input .input-inner {
  width: 382px;
  padding: 17px 32px;
  font-family: poppins-regular;
  color: #7f7f7f;
  background-color: #fff;
  border: none;
  text-transform: capitalize;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#slider2 .container .wrapper .heading .input .input-inner:focus {
  outline: none
}

@media(max-width:575px) {
  #slider2 .container .wrapper .heading .input .input-inner {
    width: 100%
  }
}

#slider2 .container .wrapper .heading .input .subscribe-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  padding: 17px 32px
}

@media(max-width:575px) {
  #slider2 .container .wrapper .heading .input .subscribe-btn {
    margin-top: 16px
  }
}

#slider2 .container .wrapper .heading .input .subscribe-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#slider2 .container .wrapper .shape {
  margin-top: 64px
}

@media(max-width:991px) {
  #slider2 .container .wrapper .shape {
    display: none
  }
}

#slider2 .container .wrapper .shape .svg {
  position: absolute;
  width: 0;
  height: 0
}

#slider2 .container .wrapper .shape .clipped {
  width: 100%;
  height: 590px;
  background: #40e0d0 url(../img/home2/slider-image.jpg);
  background-size: cover;
  -webkit-clip-path: url(#my-clip-path);
  clip-path: url(#my-clip-path)
}

#services-home2 {
  margin: 200px 0 128px
}

@media(max-width:991px) {
  #services-home2 {
    margin: 156px 0 64px
  }
}

@media(max-width:767px) {
  #services-home2 {
    margin: 140px 0 64px
  }
}

#services-home2 .container .wrapper .heading {
  text-align: center
}

#services-home2 .container .wrapper .heading .services-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#services-home2 .container .wrapper .heading .services-tag-outer .services-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#services-home2 .container .wrapper .heading .services-heading-outer .services-heading {
  color: #17161a;
  margin: 18px 0
}

@media(max-width:991px) {
  #services-home2 .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #services-home2 .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#services-home2 .container .wrapper .heading .services-desc-outer .services-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px
}

#services-home2 .container .wrapper .row {
  margin-top: 64px
}

#services-home2 .container .wrapper .row .services-box-outer .services-box {
  padding: 36px;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  background-color: #fff
}

@media(min-width:992px) and (max-width:1199px) {
  #services-home2 .container .wrapper .row .services-box-outer .services-box {
    padding: 40px 25px 40px 40px
  }
}

@media(max-width:767px) {
  #services-home2 .container .wrapper .row .services-box-outer .services-box {
    -webkit-box-align: baseline;
    align-items: baseline
  }
}

#services-home2 .container .wrapper .row .services-box-outer .services-box .icon {
  width: 100px;
  height: 80px;
  border-radius: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

@media(min-width:992px) and (max-width:1199px) {
  #services-home2 .container .wrapper .row .services-box-outer .services-box .icon {
    width: 130px
  }
}

@media(max-width:991px) {
  #services-home2 .container .wrapper .row .services-box-outer .services-box .icon {
    width: 80px
  }
}

@media(max-width:767px) {
  #services-home2 .container .wrapper .row .services-box-outer .services-box .icon {
    width: auto;
    height: auto;
    display: block
  }
}

#services-home2 .container .wrapper .row .services-box-outer .services-box .icon .services-icon {
  font-size: 36px;
  position: relative
}

#services-home2 .container .wrapper .row .services-box-outer .services-box .draw-square {
  background-color: #fed7d7
}

@media(max-width:767px) {
  #services-home2 .container .wrapper .row .services-box-outer .services-box .draw-square {
    background-color: transparent;
    position: relative;
    top: 13px
  }
}

#services-home2 .container .wrapper .row .services-box-outer .services-box .bullhorn {
  background-color: #feebc8
}

@media(max-width:767px) {
  #services-home2 .container .wrapper .row .services-box-outer .services-box .bullhorn {
    background-color: transparent;
    position: relative;
    top: 13px
  }
}

#services-home2 .container .wrapper .row .services-box-outer .services-box .code {
  background-color: #b2f5ea
}

@media(max-width:767px) {
  #services-home2 .container .wrapper .row .services-box-outer .services-box .code {
    background-color: transparent;
    position: relative;
    top: 13px
  }
}

#services-home2 .container .wrapper .row .services-box-outer .services-box .bullseye {
  background-color: #e9d8fd
}

@media(max-width:767px) {
  #services-home2 .container .wrapper .row .services-box-outer .services-box .bullseye {
    background-color: transparent;
    position: relative;
    top: 13px
  }
}

#services-home2 .container .wrapper .row .services-box-outer .services-box .mobile {
  background-color: #fbb6ce
}

@media(max-width:767px) {
  #services-home2 .container .wrapper .row .services-box-outer .services-box .mobile {
    background-color: transparent;
    position: relative;
    top: 13px
  }
}

#services-home2 .container .wrapper .row .services-box-outer .services-box .pen-alt {
  background-color: #c6f6d5
}

@media(max-width:767px) {
  #services-home2 .container .wrapper .row .services-box-outer .services-box .pen-alt {
    background-color: transparent;
    position: relative;
    top: 13px
  }
}

#services-home2 .container .wrapper .row .services-box-outer .services-box .content {
  margin-left: 20px
}

#services-home2 .container .wrapper .row .services-box-outer .services-box .content .heading-inner h3 {
  color: #17161a
}

#services-home2 .container .wrapper .row .services-box-outer .services-box .content .heading-inner .desc-inner {
  font-family: poppins-regular;
  color: #7f7f7f;
  line-height: 30px;
  margin: 12px 0 16px
}

#services-home2 .container .wrapper .row .services-box-outer .services-box .content .heading-inner .news-blog-btn {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  width: 125px
}

#services-home2 .container .wrapper .row .services-box-outer .services-box .content .heading-inner .news-blog-btn:hover .arrow {
  -webkit-animation: news .4s;
  animation: news .4s
}

@keyframes news {
  0% {
    position: absolute;
    right: 8px
  }

  40% {
    position: absolute;
    opacity: 0;
    right: -25px
  }

  70% {
    position: absolute;
    opacity: 0;
    right: 25px
  }

  100% {
    position: absolute;
    opacity: 1;
    right: 12px
  }
}

#services-home2 .container .wrapper .row .services-box-outer .services-box .content .heading-inner .news-blog-btn .read {
  text-transform: capitalize;
  color: #F98B2A;
  font-family: poppins-medium;
  margin-right: 8px;
  line-height: 18px
}

#services-home2 .container .wrapper .row .services-box-outer .services-box .content .heading-inner .news-blog-btn .arrow {
  font-size: 21px;
  color: #F98B2A;
  position: relative
}

#services-home2 .container .wrapper .row .services-box-outer .box1, #services-home2 .container .wrapper .row .services-box-outer .box2 {
  margin-bottom: 30px
}

@media(max-width:991px) {
  #services-home2 .container .wrapper .row .services-box-outer .box3 {
    margin-bottom: 30px
  }
}

@media(max-width:991px) {
  #services-home2 .container .wrapper .row .services-box-outer .box5 {
    margin-bottom: 30px
  }
}

#services-home2 .container .wrapper .row .services-box-outer .box3-services, #services-home2 .container .wrapper .row .services-box-outer .box4-services {
  margin-bottom: 30px
}

#clients-home2 {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #clients-home2 {
    margin-bottom: 64px
  }
}

#clients-home2 .container .wrapper .heading {
  text-align: center
}

#clients-home2 .container .wrapper .heading .clients-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#clients-home2 .container .wrapper .heading .clients-tag-outer .clients-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#clients-home2 .container .wrapper .heading .clients-heading-outer .clients-heading {
  color: #17161a;
  margin: 18px 0
}

@media(max-width:991px) {
  #clients-home2 .container .wrapper .heading .clients-heading-outer .clients-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #clients-home2 .container .wrapper .heading .clients-heading-outer .clients-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#clients-home2 .container .wrapper .heading .clients-desc-outer .clients-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px
}

#clients-home2 .container .wrapper .row {
  -webkit-box-align: center;
  align-items: center;
  margin-top: 64px
}

#clients-home2 .container .wrapper .row .clients-box:hover .clients-box-inner .img {
  opacity: 1
}

#clients-home2 .container .wrapper .row .clients-box .clients-box-inner {
  position: relative;
  background-color: #fee2f1;
  padding: 45px 48px
}

#clients-home2 .container .wrapper .row .clients-box .clients-box-inner .img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  opacity: .5
}

#clients-home2 .container .wrapper .row .box1, #clients-home2 .container .wrapper .row .box2, #clients-home2 .container .wrapper .row .box3, #clients-home2 .container .wrapper .row .box4 {
  margin-bottom: 30px
}

@media(max-width:991px) {
  #clients-home2 .container .wrapper .row .box1, #clients-home2 .container .wrapper .row .box2, #clients-home2 .container .wrapper .row .box3, #clients-home2 .container .wrapper .row .box4, #clients-home2 .container .wrapper .row .box5, #clients-home2 .container .wrapper .row .box6 {
    margin-bottom: 30px
  }
}

@media(max-width:767px) {
  #clients-home2 .container .wrapper .row .box7 {
    margin-bottom: 30px
  }
}

@media(max-width:767px) {
  #clients-home2 .container .wrapper .row .box8 {
    margin-bottom: 0
  }
}

#portfolio-home2 {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #portfolio-home2 {
    margin-bottom: 64px
  }
}

#portfolio-home2 .container .wrapper .heading {
  text-align: center
}

#portfolio-home2 .container .wrapper .heading .portfolio-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#portfolio-home2 .container .wrapper .heading .portfolio-tag-outer .portfolio-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#portfolio-home2 .container .wrapper .heading .portfolio-heading-outer .portfolio-heading {
  color: #17161a;
  margin: 18px 0
}

@media(max-width:991px) {
  #portfolio-home2 .container .wrapper .heading .portfolio-heading-outer .portfolio-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #portfolio-home2 .container .wrapper .heading .portfolio-heading-outer .portfolio-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#portfolio-home2 .container .wrapper .heading .portfolio-desc-outer .portfolio-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px
}

#portfolio-home2 .container .wrapper .row {
  margin-top: 64px
}

#portfolio-home2 .container .wrapper .row .portfolio-box-outer .portfolio-box {
  padding: 36px;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  background-color: #fff;
  overflow: hidden
}

@media(max-width:575px) {
  #portfolio-home2 .container .wrapper .row .portfolio-box-outer .portfolio-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#portfolio-home2 .container .wrapper .row .portfolio-box-outer .portfolio-box:hover .portfolio-image {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

#portfolio-home2 .container .wrapper .row .portfolio-box-outer .portfolio-box .image {
  overflow: hidden
}

@media(max-width:575px) {
  #portfolio-home2 .container .wrapper .row .portfolio-box-outer .portfolio-box .image {
    width: 100%
  }
}

#portfolio-home2 .container .wrapper .row .portfolio-box-outer .portfolio-box .image .portfolio-image {
  width: 100%;
  height: auto;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#portfolio-home2 .container .wrapper .row .portfolio-box-outer .portfolio-box .content {
  margin-left: 32px
}

@media(max-width:575px) {
  #portfolio-home2 .container .wrapper .row .portfolio-box-outer .portfolio-box .content {
    margin-top: 28px;
    margin-left: 0;
    width: 100%
  }
}

#portfolio-home2 .container .wrapper .row .portfolio-box-outer .portfolio-box .content .heading-inner .portfolio-links {
  font-family: poppins-semibold;
  color: #17161a;
  text-transform: capitalize;
  font-size: 24px;
  line-height: 36px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#portfolio-home2 .container .wrapper .row .portfolio-box-outer .portfolio-box .content .heading-inner .portfolio-links:hover {
  color: #F98B2A
}

#portfolio-home2 .container .wrapper .row .portfolio-box-outer .portfolio-box .content .heading-inner p {
  font-family: poppins-regular;
  color: #7f7f7f;
  line-height: 24px;
  margin: 12px 0 20px
}

#portfolio-home2 .container .wrapper .row .portfolio-box-outer .portfolio-box .content .heading-inner .action {
  display: -webkit-box;
  display: flex
}

#portfolio-home2 .container .wrapper .row .portfolio-box-outer .portfolio-box .content .heading-inner .action .portfolio-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: transparent;
  border: 1px solid #F98B2A;
  color: #F98B2A;
  padding: 13px 24px
}

#portfolio-home2 .container .wrapper .row .portfolio-box-outer .portfolio-box .content .heading-inner .action .portfolio-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#portfolio-home2 .container .wrapper .row .portfolio-box-outer .portfolio-box .content .heading-inner .action .portfolio-btn:hover {
  background-color: #F98B2A;
  color: #fff
}

#portfolio-home2 .container .wrapper .row .portfolio-box-outer .box1, #portfolio-home2 .container .wrapper .row .portfolio-box-outer .box2 {
  margin-bottom: 30px
}

@media(max-width:991px) {
  #portfolio-home2 .container .wrapper .row .portfolio-box-outer .box3 {
    margin-bottom: 30px
  }
}

#features-home2 {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #features-home2 {
    margin-bottom: 64px
  }
}

#features-home2 .container .wrapper .heading {
  text-align: center
}

#features-home2 .container .wrapper .heading .features-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#features-home2 .container .wrapper .heading .features-tag-outer .features-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#features-home2 .container .wrapper .heading .features-heading-outer .features-heading {
  color: #17161a;
  margin: 18px 0
}

@media(max-width:991px) {
  #features-home2 .container .wrapper .heading .features-heading-outer .features-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #features-home2 .container .wrapper .heading .features-heading-outer .features-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#features-home2 .container .wrapper .heading .features-desc-outer .features-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px
}

#features-home2 .container .wrapper .row {
  margin-top: 64px
}

@media(min-width:992px) {
  #features-home2 .container .wrapper .row .left {
    padding: 0
  }
}

@media(max-width:767px) {
  #features-home2 .container .wrapper .row .left {
    margin-bottom: 30px
  }
}

#features-home2 .container .wrapper .row .left .features-box {
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  padding: 36px 36px 32px;
  position: relative;
  background-color: #fff
}

#features-home2 .container .wrapper .row .left .features-box:not(:last-child) {
  margin-bottom: 30px
}

#features-home2 .container .wrapper .row .left .features-box .icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  margin-bottom: 13px;
  position: relative;
  z-index: 1
}

#features-home2 .container .wrapper .row .left .features-box .inner-heading h3 {
  font-family: poppins-semibold;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
  margin-top: 24px
}

#features-home2 .container .wrapper .row .left .features-bg1:after {
  content: "";
  position: absolute;
  top: 33%;
  left: 42%;
  z-index: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(../img/home2/features-icon-shape-1.svg);
  width: 48px;
  height: 51px
}

@media(max-width:767px) {
  #features-home2 .container .wrapper .row .left .features-bg1:after {
    left: 46%
  }
}

#features-home2 .container .wrapper .row .left .features-bg2:after {
  content: "";
  position: absolute;
  top: 37%;
  left: 42%;
  z-index: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(../img/home2/features-icon-shape-2.svg);
  width: 48px;
  height: 51px
}

@media(max-width:767px) {
  #features-home2 .container .wrapper .row .left .features-bg2:after {
    left: 46%
  }
}

#features-home2 .container .wrapper .row .left .features-bg3:after {
  content: "";
  position: absolute;
  top: 37%;
  left: 42%;
  z-index: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(../img/home2/features-icon-shape-3.svg);
  width: 48px;
  height: 51px
}

@media(max-width:767px) {
  #features-home2 .container .wrapper .row .left .features-bg3:after {
    left: 46%
  }
}

#features-home2 .container .wrapper .row .shape1 {
  padding: 50px
}

@media(max-width:991px) {
  #features-home2 .container .wrapper .row .shape1 {
    display: none
  }
}

#features-home2 .container .wrapper .row .shape1 .svg {
  position: absolute;
  width: 0;
  height: 0
}

#features-home2 .container .wrapper .row .shape1 .clipped {
  width: 100%;
  height: 470px;
  background: url(../img/home2/features.jpg);
  background-size: cover;
  -webkit-clip-path: url(#my-clip-path1);
  clip-path: url(#my-clip-path1)
}

@media(min-width:992px) {
  #features-home2 .container .wrapper .row .right {
    padding: 0
  }
}

#features-home2 .container .wrapper .row .right .features-box {
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  padding: 36px 36px 32px;
  position: relative;
  background-color: #fff
}

#features-home2 .container .wrapper .row .right .features-box:not(:last-child) {
  margin-bottom: 30px
}

#features-home2 .container .wrapper .row .right .features-box .icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  margin-bottom: 13px;
  position: relative;
  z-index: 1
}

#features-home2 .container .wrapper .row .right .features-box .inner-heading h3 {
  font-family: poppins-semibold;
  margin-top: 24px;
  font-size: 24px;
  line-height: 36px;
  text-align: center
}

#features-home2 .container .wrapper .row .right .features-bg4:after {
  content: "";
  position: absolute;
  top: 33%;
  left: 42%;
  z-index: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(../img/home2/features-icon-shape-4.svg);
  width: 48px;
  height: 51px
}

@media(max-width:767px) {
  #features-home2 .container .wrapper .row .right .features-bg4:after {
    left: 46%
  }
}

#features-home2 .container .wrapper .row .right .features-bg5:after {
  content: "";
  position: absolute;
  top: 37%;
  left: 42%;
  z-index: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(../img/home2/features-icon-shape-5.svg);
  width: 48px;
  height: 51px
}

@media(max-width:767px) {
  #features-home2 .container .wrapper .row .right .features-bg5:after {
    left: 46%
  }
}

#features-home2 .container .wrapper .row .right .features-bg6:after {
  content: "";
  position: absolute;
  top: 37%;
  left: 42%;
  z-index: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url(../img/home2/features-icon-shape-6.svg);
  width: 48px;
  height: 51px
}

@media(max-width:767px) {
  #features-home2 .container .wrapper .row .right .features-bg6:after {
    left: 46%
  }
}

#testimonials-home2 {
  position: relative
}

#testimonials-home2 .overlay {
  position: relative;
  padding: 128px 0;
  background-color: #17161a;
  width: 100%
}

@media(max-width:991px) {
  #testimonials-home2 .overlay {
    padding: 64px 0
  }
}

#testimonials-home2 .overlay:before {
  content: "";
  position: absolute;
  background-color: #17161a;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .8;
  z-index: 1
}

#testimonials-home2 .overlay .container .wrapper {
  position: relative;
  z-index: 1
}

#testimonials-home2 .overlay .container .wrapper .heading {
  text-align: center
}

#testimonials-home2 .overlay .container .wrapper .heading .testimonials-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#testimonials-home2 .overlay .container .wrapper .heading .testimonials-tag-outer .testimonials-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#testimonials-home2 .overlay .container .wrapper .heading .testimonials-heading-outer .testimonials-heading {
  color: #fff;
  margin: 18px 0
}

@media(max-width:991px) {
  #testimonials-home2 .overlay .container .wrapper .heading .testimonials-heading-outer .testimonials-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #testimonials-home2 .overlay .container .wrapper .heading .testimonials-heading-outer .testimonials-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#testimonials-home2 .overlay .container .wrapper .heading .testimonials-desc-outer .testimonials-desc {
  font-family: poppins-regular;
  color: #fff;
  font-size: 18px
}

#testimonials-home2 .overlay .container .wrapper .inner-wrapper1 {
  margin-top: 64px
}

#testimonials-home2 .overlay .container .wrapper .inner-wrapper1 .your-class .slick-prev, #testimonials-home2 .overlay .container .wrapper .inner-wrapper1 .your-class .slick-next {
  top: 38% !important
}

#testimonials-home2 .overlay .container .wrapper .inner-wrapper1 .your-class .sllide-home2 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  background-color: #fff
}

@media(max-width:575px) {
  #testimonials-home2 .overlay .container .wrapper .inner-wrapper1 .your-class .sllide-home2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#testimonials-home2 .overlay .container .wrapper .inner-wrapper1 .your-class .sllide-home2:focus {
  outline: none
}

@media(max-width:575px) {
  #testimonials-home2 .overlay .container .wrapper .inner-wrapper1 .your-class .sllide-home2 .img {
    display: none
  }
}

@media(max-width:575px) {
  #testimonials-home2 .overlay .container .wrapper .inner-wrapper1 .your-class .sllide-home2 .img .image {
    display: none
  }
}

#testimonials-home2 .overlay .container .wrapper .inner-wrapper1 .your-class .sllide-home2 .content {
  padding: 36px
}

@media(max-width:767px) {
  #testimonials-home2 .overlay .container .wrapper .inner-wrapper1 .your-class .sllide-home2 .content {
    padding: 15px 24px
  }
}

#testimonials-home2 .overlay .container .wrapper .inner-wrapper1 .your-class .sllide-home2 .content .quote {
  color: #F98B2A
}

#testimonials-home2 .overlay .container .wrapper .inner-wrapper1 .your-class .sllide-home2 .content .about-person {
  font-family: poppins-regular;
  color: #7f7f7f;
  padding: 16px 0;
  line-height: 30px
}

#testimonials-home2 .overlay .container .wrapper .inner-wrapper1 .your-class .sllide-home2 .content .person-name {
  font-size: 24px;
  font-family: poppins-semibold;
  color: #17161a;
  text-transform: capitalize
}

#testimonials-home2 .overlay .container .wrapper .inner-wrapper1 .your-class .sllide-home2 .content .person-work {
  font-family: poppins-regular;
  color: #7f7f7f;
  margin-top: 6px
}

#counter-hom2 {
  margin-bottom: 128px;
  background-color: #f0edf6
}

@media(max-width:991px) {
  #counter-hom2 {
    margin-bottom: 64px
  }
}

#counter-hom2 .container .wrapper {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  padding: 64px 48px
}

@media(max-width:991px) {
  #counter-hom2 .container .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 64px 0
  }
}

@media(max-width:575px) {
  #counter-hom2 .container .wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#counter-hom2 .container .wrapper .counter1 {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column
}

@media(max-width:991px) {
  #counter-hom2 .container .wrapper .counter1 {
    margin: 0 auto
  }
}

@media(max-width:575px) {
  #counter-hom2 .container .wrapper .counter1 {
    margin-bottom: 32px;
    -webkit-box-align: center;
    align-items: center
  }
}

#counter-hom2 .container .wrapper .counter1 .counter-inner1 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

#counter-hom2 .container .wrapper .counter1 .counter-inner1 .counter-heading {
  font-family: poppins-semibold;
  color: #17161a;
  font-size: 60px
}

#counter-hom2 .container .wrapper .counter1 .counter-inner1 strong {
  font-family: poppins-semibold;
  font-size: 60px;
  color: #17161a
}

#counter-hom2 .container .wrapper .counter1 .desc p {
  color: #7f7f7f;
  font-family: poppins-regular;
  position: relative;
  top: -4px
}

#counter-hom2 .container .wrapper .counter1-about3 {
  margin-bottom: 0 !important
}

#pricing-home2 {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #pricing-home2 {
    margin-bottom: 64px
  }
}

#pricing-home2 .container .wrapper .heading {
  text-align: center
}

#pricing-home2 .container .wrapper .heading .pricing-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#pricing-home2 .container .wrapper .heading .pricing-tag-outer .pricing-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#pricing-home2 .container .wrapper .heading .pricing-heading-outer .pricing-heading {
  color: #17161a;
  margin: 18px 0
}

@media(max-width:991px) {
  #pricing-home2 .container .wrapper .heading .pricing-heading-outer .pricing-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #pricing-home2 .container .wrapper .heading .pricing-heading-outer .pricing-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#pricing-home2 .container .wrapper .heading .pricing-desc-outer .pricing-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px
}

#pricing-home2 .container .wrapper .inner-wrapper {
  margin-top: 62px
}

#pricing-home2 .container .wrapper .inner-wrapper .price-tabs {
  display: -webkit-box !important;
  display: flex !important
}

#pricing-home2 .container .wrapper .inner-wrapper .price-tabs .nav {
  display: -webkit-inline-box;
  display: inline-flex;
  margin: 0 auto;
  -webkit-box-pack: center;
  justify-content: center;
  border: 1px solid #F98B2A
}

#pricing-home2 .container .wrapper .inner-wrapper .price-tabs .nav .item .link {
  padding: 14px 24px;
  color: #7f7f7f;
  font-family: poppins-regular;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#pricing-home2 .container .wrapper .inner-wrapper .price-tabs .nav .item .link:hover {
  background-color: #F98B2A;
  color: #fff
}

#pricing-home2 .container .wrapper .inner-wrapper .price-tabs .nav .item .active {
  background-color: #F98B2A;
  color: #fff
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content {
  margin-top: 64px
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan {
  display: -webkit-box;
  display: flex;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

@media(max-width:767px) {
  #pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan .content-begginner {
  width: 100%;
  height: 100%;
  padding: 36px 0 36px 36px;
  background-color: #fff
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan .content-begginner .beginner .beginner-plan {
  font-family: poppins-semibold;
  font-size: 24px;
  color: #17161a;
  margin-bottom: 8px;
  text-transform: capitalize
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan .content-begginner .beginner .startup-business {
  font-family: poppins-regular;
  color: #7f7f7f
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan .content-begginner .price .total-price {
  font-family: poppins-semibold;
  line-height: 80px;
  color: #17161a;
  font-size: 60px;
  margin: 8px 0 0
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan .content-begginner .price .Monthly {
  font-family: poppins-regular;
  color: #7f7f7f
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan .content-begginner .action {
  display: -webkit-box;
  display: flex;
  margin-top: 24px
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan .content-begginner .action .pricing-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: transparent;
  border: 1px solid #F98B2A;
  color: #F98B2A;
  padding: 14px 24px
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan .content-begginner .action .pricing-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan .content-begginner .action .pricing-btn:hover {
  background-color: #F98B2A;
  color: #fff
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan .get-offer {
  background-color: #F98B2A;
  width: 100%;
  padding: 36px 0 36px 36px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan .get-offer ul li:not(:last-child) {
  margin-bottom: 13px
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan .get-offer ul .get {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan .get-offer ul .get .dot-color {
  color: #fff;
  font-size: 18px
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan .get-offer ul .get .offers {
  font-family: poppins-regular;
  color: #fff;
  margin-left: 8px
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan .get-offer ul .no-get {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  position: relative
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan .get-offer ul .no-get:after {
  content: "";
  position: absolute;
  width: 132%;
  height: 1px;
  background-color: #fff;
  right: -59px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

@media(max-width:575px) {
  #pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan .get-offer ul .no-get:after {
    width: 100%;
    right: 0
  }
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan .get-offer ul .no-get .dot-color {
  color: #fff;
  font-size: 18px
}

#pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .price-plan-outer .price-plan .get-offer ul .no-get .offers {
  font-family: poppins-regular;
  color: #fff;
  margin-left: 8px
}

@media(max-width:991px) {
  #pricing-home2 .container .wrapper .inner-wrapper .tab-content .container1 .row .box1 {
    margin-bottom: 30px
  }
}

#started {
  margin-bottom: 128px;
  background-color: #F98B2A
}

@media(max-width:991px) {
  #started {
    margin-bottom: 64px
  }
}

#started .container .wrapper {
  padding: 64px 0
}

#started .container .wrapper .heading {
  text-align: center
}

#started .container .wrapper .heading h2 {
  color: #fff
}

@media(max-width:991px) {
  #started .container .wrapper .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

#started .container .wrapper .heading p {
  font-family: poppins-regular;
  color: #fff;
  margin-top: 18px;
  font-size: 18px
}

#started .container .wrapper .heading .input {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin-top: 32px
}

@media(max-width:575px) {
  #started .container .wrapper .heading .input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#started .container .wrapper .heading .input .input-inner {
  width: 382px;
  padding: 14px 24px;
  font-family: poppins-regular;
  color: #7f7f7f;
  background-color: #fff;
  border: none;
  text-transform: capitalize;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#started .container .wrapper .heading .input .input-inner:focus {
  outline: none
}

@media(max-width:575px) {
  #started .container .wrapper .heading .input .input-inner {
    width: 100%
  }
}

#started .container .wrapper .heading .input .subscribe-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: #17161a
}

@media(max-width:575px) {
  #started .container .wrapper .heading .input .subscribe-btn {
    margin-top: 16px
  }
}

#started .container .wrapper .heading .input .subscribe-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#blog-home2 {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #blog-home2 {
    margin-bottom: 64px
  }
}

#blog-home2 .container .wrapper .heading {
  text-align: center
}

#blog-home2 .container .wrapper .heading .news-blog-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#blog-home2 .container .wrapper .heading .news-blog-tag-outer .news-blog-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#blog-home2 .container .wrapper .heading .news-blog-heading-outer .news-blog-heading {
  color: #17161a;
  margin: 18px 0
}

@media(max-width:991px) {
  #blog-home2 .container .wrapper .heading .news-blog-heading-outer .news-blog-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #blog-home2 .container .wrapper .heading .news-blog-heading-outer .news-blog-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#blog-home2 .container .wrapper .heading .news-blog-desc-outer .news-blog-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px
}

#blog-home2 .container .wrapper .row {
  margin-top: 64px
}

#blog-home2 .container .wrapper .row .blog-box-outer .blog-box {
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  background-color: #fff;
  overflow: hidden
}

#blog-home2 .container .wrapper .row .blog-box-outer .blog-box:hover .img-blog {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

#blog-home2 .container .wrapper .row .blog-box-outer .blog-box .content {
  padding: 36px
}

#blog-home2 .container .wrapper .row .blog-box-outer .blog-box .content .heading-inner .blog-hed {
  font-family: poppins-semibold;
  color: #17161a;
  font-size: 24px;
  line-height: 36px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

@media(max-width:991px) {
  #blog-home2 .container .wrapper .row .blog-box-outer .blog-box .content .heading-inner .blog-hed {
    font-size: 22px
  }
}

#blog-home2 .container .wrapper .row .blog-box-outer .blog-box .content .heading-inner .blog-hed:hover {
  color: #F98B2A
}

#blog-home2 .container .wrapper .row .blog-box-outer .blog-box .content .admin {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin: 16px 0
}

#blog-home2 .container .wrapper .row .blog-box-outer .blog-box .content .admin a {
  font-family: poppins-regular;
  color: #7f7f7f;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#blog-home2 .container .wrapper .row .blog-box-outer .blog-box .content .admin a:hover {
  color: #F98B2A
}

#blog-home2 .container .wrapper .row .blog-box-outer .blog-box .content .admin span {
  margin: 0 5px;
  color: #7f7f7f
}

#blog-home2 .container .wrapper .row .blog-box-outer .blog-box .content .admin p {
  font-family: poppins-regular;
  color: #7f7f7f
}

#blog-home2 .container .wrapper .row .blog-box-outer .blog-box .content .action .news-blog-btn {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  width: 125px
}

#blog-home2 .container .wrapper .row .blog-box-outer .blog-box .content .action .news-blog-btn:hover .arrow {
  -webkit-animation: news .4s;
  animation: news .4s
}

@keyframes news {
  0% {
    position: absolute;
    right: 8px
  }

  40% {
    position: absolute;
    opacity: 0;
    right: -25px
  }

  70% {
    position: absolute;
    opacity: 0;
    right: 25px
  }

  100% {
    position: absolute;
    opacity: 1;
    right: 12px
  }
}

#blog-home2 .container .wrapper .row .blog-box-outer .blog-box .content .action .news-blog-btn p {
  text-transform: capitalize;
  color: #F98B2A;
  font-family: poppins-medium;
  margin-right: 8px
}

#blog-home2 .container .wrapper .row .blog-box-outer .blog-box .content .action .news-blog-btn .arrow {
  font-size: 21px;
  color: #F98B2A
}

#blog-home2 .container .wrapper .row .blog-box-outer .blog-box .image {
  overflow: hidden;
  margin-left: 36px
}

#blog-home2 .container .wrapper .row .blog-box-outer .blog-box .image .img-blog {
  width: 100%;
  height: auto;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

@media(max-width:991px) {
  #blog-home2 .container .wrapper .row .box1 {
    margin-bottom: 30px
  }
}

@media(max-width:767px) {
  #blog-home2 .container .wrapper .row .box2 {
    margin-bottom: 30px
  }
}

#footer-home2 {
  padding: 128px 0 32px;
  background-image: url(../img/footer-bg.jpg);
}

@media(max-width:991px) {
  #footer-home2 {
    padding: 64px 0
  }
}

@media(max-width:767px) {
  #footer-home2 .container .wrapper .row .uhuru-outer .uhuru {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center
  }
}

#footer-home2 .container .wrapper .row .uhuru-outer .uhuru .logo .uhuru-logo {
  width: 170px;
  height: 46px
}

#footer-home2 .container .wrapper .row .uhuru-outer .uhuru .desc p {
  font-family: poppins-regular;
  line-height: 32px;
  color: #fff;
  margin: 18px 0
}

@media(max-width:767px) {
  #footer-home2 .container .wrapper .row .uhuru-outer .uhuru .desc p {
    text-align: center
  }
}

#footer-home2 .container .wrapper .row .uhuru-outer .uhuru .action {
  display: -webkit-box;
  display: flex
}

#footer-home2 .container .wrapper .row .uhuru-outer .uhuru .action .footer-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: transparent;
  border: 1px solid #F98B2A;
  color: #fff;
  padding: 13px 24px
}

#footer-home2 .container .wrapper .row .uhuru-outer .uhuru .action .footer-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#footer-home2 .container .wrapper .row .uhuru-outer .uhuru .action .footer-btn:hover {
  background-color: #F98B2A;
  color: #fff
}

@media(max-width:767px) {
  #footer-home2 .container .wrapper .row .quick-links-outer {
    margin-top: 64px
  }
}

@media(max-width:767px) {
  #footer-home2 .container .wrapper .row .quick-links-outer .quick-links {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center
  }
}

#footer-home2 .container .wrapper .row .quick-links-outer .quick-links .quick-heading h4 {
  color: #fff;
  margin-bottom: 16px
}

#footer-home2 .container .wrapper .row .quick-links-outer .quick-links .quick-links-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

#footer-home2 .container .wrapper .row .quick-links-outer .quick-links .quick-links-inner ul {
  line-height: 38px
}

#footer-home2 .container .wrapper .row .quick-links-outer .quick-links .quick-links-inner ul li a {
  font-family: poppins-regular;
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#footer-home2 .container .wrapper .row .quick-links-outer .quick-links .quick-links-inner ul li a:hover {
  color: #F98B2A
}

#footer-home2 .container .wrapper .row .quick-links-outer .quick-links .quick-links-inner .first-col {
  margin-right: 32px
}

@media(max-width:991px) {
  #footer-home2 .container .wrapper .row .follow-links-outer {
    margin-top: 64px
  }
}

@media(max-width:767px) {
  #footer-home2 .container .wrapper .row .follow-links-outer {
    text-align: center
  }
}

#footer-home2 .container .wrapper .row .follow-links-outer .follow-links {
  margin: 0 auto
}

@media(max-width:767px) {
  #footer-home2 .container .wrapper .row .follow-links-outer .follow-links {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center
  }
}

#footer-home2 .container .wrapper .row .follow-links-outer .follow-links .follow-heading h4 {
  color: #fff;
  margin-bottom: 16px
}

#footer-home2 .container .wrapper .row .follow-links-outer .follow-links .media-links ul {
  line-height: 38px
}

#footer-home2 .container .wrapper .row .follow-links-outer .follow-links .media-links ul li a {
  font-family: poppins-regular;
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#footer-home2 .container .wrapper .row .follow-links-outer .follow-links .media-links ul li a:hover {
  color: #F98B2A
}

@media(max-width:991px) {
  #footer-home2 .container .wrapper .row .contact-Details-outer {
    margin-top: 64px
  }
}

#footer-home2 .container .wrapper .row .contact-Details-outer .contact-Details {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  justify-self: flex-end
}

@media(max-width:767px) {
  #footer-home2 .container .wrapper .row .contact-Details-outer .contact-Details {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center
  }
}

#footer-home2 .container .wrapper .row .contact-Details-outer .contact-Details .contact-Details-heading .contact {
  color: #fff;
  margin-bottom: 19px
}

#footer-home2 .container .wrapper .row .contact-Details-outer .contact-Details .contact-Details-info {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: end;
  justify-content: flex-end
}

#footer-home2 .container .wrapper .row .contact-Details-outer .contact-Details .contact-Details-info .info {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center
}

#footer-home2 .container .wrapper .row .contact-Details-outer .contact-Details .contact-Details-info .info .main {
  height: 32px;
  width: 32px;
  background-color: #F98B2A;
  border-radius: 50%;
  margin-right: 10px;
  text-align: center;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#footer-home2 .container .wrapper .row .contact-Details-outer .contact-Details .contact-Details-info .info .main .contact {
  height: auto;
  line-height: 32px;
  color: #fff
}

#footer-home2 .container .wrapper .row .contact-Details-outer .contact-Details .contact-Details-info .info p {
  font-family: poppins-regular;
  color: #fff
}

#footer-home2 .container .wrapper .row .contact-Details-outer .contact-Details .contact-Details-info .center {
  margin: 20px 0
}

#footer-home2 .container .wrapper #copyright {
  margin-top: 128px
}

@media(max-width:575px) {
  #footer-home2 .container .wrapper #copyright {
    margin-top: 64px
  }
}

#footer-home2 .container .wrapper #copyright .wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  align-items: flex-end
}

@media(max-width:991px) {
  #footer-home2 .container .wrapper #copyright .wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center
  }
}

@media(max-width:991px) {
  #footer-home2 .container .wrapper #copyright .wrapper .left {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    -webkit-box-align: center;
    align-items: center
  }
}

#footer-home2 .container .wrapper #copyright .wrapper .left .icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 18px
}

#footer-home2 .container .wrapper #copyright .wrapper .left .icon li:not(:first-child) {
  margin-left: 16px
}

#footer-home2 .container .wrapper #copyright .wrapper .left .icon li a .social-icon {
  color: #fff;
  font-size: 24px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#footer-home2 .container .wrapper #copyright .wrapper .left .icon li a .social-icon:hover {
  color: #F98B2A
}

#footer-home2 .container .wrapper #copyright .wrapper .left .copyright-home2 .copyright {
  font-family: poppins-regular;
  color: #fff;
  margin-top: 8px;
  text-align: center
}

#footer-home2 .container .wrapper #copyright .wrapper .left .copyright-home2 .copyright .link {
  color: #F98B2A;
  display: -webkit-inline-box;
  display: inline-flex
}

#footer-home2 .container .wrapper #copyright .wrapper .right {
  margin-top: 4px
}

#footer-home2 .container .wrapper #copyright .wrapper .right .condition-home2 {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

#footer-home2 .container .wrapper #copyright .wrapper .right .condition-home2 a {
  font-family: poppins-regular;
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#footer-home2 .container .wrapper #copyright .wrapper .right .condition-home2 a:hover {
  color: #F98B2A
}

#footer-home2 .container .wrapper #copyright .wrapper .right .condition-home2 span {
  font-family: poppins-regular;
  color: #fff;
  margin: 0 5px
}

#footer-home2 .container .wrapper #copyright .wrapper .right .condition-home2 a {
  font-family: poppins-regular;
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#footer-home2 .container .wrapper #copyright .wrapper .right .condition-home2 a:hover {
  color: #F98B2A
}

#header-about1 {
  background-color: #F98B2A
}

#header-about1 .container .nav {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 28px 0 0
}

#header-about1 .container .nav .logo {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

@media(max-width:575px) {
  #header-about1 .container .nav .logo {
    width: 100%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse
  }
}

#header-about1 .container .nav .logo a .uhuru {
  width: 152px;
  height: auto
}

#header-about1 .container .nav .logo .toggle {
  margin-right: 12px
}

@media(max-width:575px) {
  #header-about1 .container .nav .logo .toggle {
    margin-right: 0;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
  }
}

#header-about1 .container .nav .logo .toggle:hover {
  cursor: pointer
}

#header-about1 .container .nav .logo .toggle:hover .first {
  width: 25px !important;
  -webkit-transition: .3s;
  transition: .3s
}

#header-about1 .container .nav .logo .toggle:hover .second {
  -webkit-transition: .3s;
  transition: .3s
}

#header-about1 .container .nav .logo .toggle:hover .third {
  width: 25px !important;
  -webkit-transition: .3s;
  transition: .3s
}

#header-about1 .container .nav .logo .toggle .toggle-line {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row
}

#header-about1 .container .nav .logo .toggle .first {
  width: 21px;
  height: 3px;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #fff
}

#header-about1 .container .nav .logo .toggle .second {
  width: 25px;
  height: 3px;
  margin: 5px 0;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #fff
}

#header-about1 .container .nav .logo .toggle .third {
  width: 16px;
  height: 3px;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #fff
}

#header-about1 .container .nav .logo-digitized .digitized {
  width: 152px;
  height: 46px
}

#header-about1 .container .nav .navigation {
  margin-left: auto;
  display: -webkit-box;
  display: flex
}

@media(max-width:1199px) {
  #header-about1 .container .nav .navigation {
    display: none
  }
}

#header-about1 .container .nav .navigation .navigation-ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

#header-about1 .container .nav .navigation .navigation-ul .navigation-li {
  position: relative
}

#header-about1 .container .nav .navigation .navigation-ul .navigation-li:hover .drop-ul {
  opacity: 1;
  visibility: visible;
  -webkit-transform: perspective(300px) rotateX(0deg);
  transform: perspective(300px) rotateX(0deg);
  top: 100%
}

#header-about1 .container .nav .navigation .navigation-ul .navigation-li:not(:first-child) {
  margin-left: 32px
}

#header-about1 .container .nav .navigation .navigation-ul .navigation-li .links {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  line-height: 52px;
  cursor: pointer
}

#header-about1 .container .nav .navigation .navigation-ul .navigation-li .links p {
  text-transform: capitalize;
  color: #fff;
  font-family: poppins-medium
}

#header-about1 .container .nav .navigation .navigation-ul .navigation-li .links .drop-arrow {
  margin-left: 3px;
  position: relative;
  top: 0;
  color: #fff
}

#header-about1 .container .nav .navigation .navigation-ul .navigation-li .drop-ul {
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  position: absolute;
  top: 100px;
  width: 270px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  left: -20px;
  -webkit-transform-origin: 50% -50px;
  transform-origin: 50% -50px;
  -webkit-transform: perspective(300px) rotateX(-8deg);
  transform: perspective(300px) rotateX(-8deg);
  -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  padding: 16px 0
}

#header-about1 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li {
  position: relative
}

#header-about1 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover {
  background-color: #F98B2A
}

#header-about1 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .other-ul {
  opacity: 1;
  visibility: visible;
  -webkit-transform: perspective(300px) rotateX(0deg);
  transform: perspective(300px) rotateX(0deg)
}

#header-about1 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .drop-links {
  color: #fff;
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  background-color: #F98B2A;
  cursor: pointer
}

#header-about1 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .drop-links:hover .drop-arrow {
  -webkit-transform: rotate(-270deg);
  transform: rotate(-270deg);
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out
}

#header-about1 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .drop-links .drop-arrow {
  color: #fff
}

#header-about1 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .drop-links {
  padding: 12px 32px;
  color: #7f7f7f;
  font-family: poppins-medium;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: capitalize;
  -webkit-box-pack: justify;
  justify-content: space-between
}

#header-about1 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .drop-links .drop-arrow {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  fill: #7f7f7f;
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out
}

#header-about1 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul {
  position: absolute;
  right: 254px;
  top: -16px;
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  width: 270px;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  -webkit-transform-origin: 50% -50px;
  transform-origin: 50% -50px;
  -webkit-transform: perspective(300px) rotateX(-8deg);
  transform: perspective(300px) rotateX(-8deg);
  -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  padding: 16px 0
}

#header-about1 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul .other-li {
  position: relative
}

#header-about1 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul .other-li .other-links {
  padding: 12px 32px;
  color: #7f7f7f;
  font-family: poppins-medium;
  position: relative;
  text-transform: capitalize
}

#header-about1 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul .other-li .other-links:hover {
  color: #fff;
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  background-color: #F98B2A
}

#header-about1 .container .nav .action {
  display: -webkit-box;
  display: flex;
  margin-left: 32px;
  overflow: hidden;
  position: relative;
  margin-left: auto
}

#header-about1 .container .nav .action .contact-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: transparent;
  color: #fff;
  padding: 13px 24px;
  border: 1px solid #fff
}

#header-about1 .container .nav .action .contact-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#header-about1 .container .nav .action .contact-btn:hover {
  background-color: #fff;
  color: #F98B2A
}

@media(max-width:575px) {
  #header-about1 .container .nav .action {
    display: none
  }
}

#heading {
  background-color: #F98B2A
}

#heading .container .heading {
  padding: 56px 0 80px
}

#heading .container .heading h2 {
  color: #fff;
  text-align: center;
  font-size: 60px
}

@media(max-width:1199px) {
  #heading .container .heading h2 {
    font-size: 40px;
    line-height: 50px
  }
}

@media(max-width:767px) {
  #heading .container .heading h2 {
    font-size: 32px;
    line-height: 48px
  }
}

#about {
  position: relative;
  margin: 128px 0
}

@media(max-width:991px) {
  #about {
    margin: 64px 0
  }
}

#about .container {
  position: relative
}

#about .container .row {
  -webkit-box-align: center;
  align-items: center
}

#about .container .row .content {
  position: relative
}

@media(max-width:991px) {
  #about .container .row .content {
    text-align: center;
    padding: 0 30px;
    margin-bottom: 64px
  }
}

#about .container .row .content .about-tag-outer {
  display: -webkit-inline-box;
  display: inline-flex
}

#about .container .row .content .about-tag-outer .about-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#about .container .row .content .heading h2 {
  margin: 18px 0;
  color: #17161a
}

@media(max-width:991px) {
  #about .container .row .content .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #about .container .row .content .heading h2 {
    font-size: 28px;
    line-height: 36px
  }
}

#about .container .row .content .heading p {
  font-family: poppins-regular;
  line-height: 32px;
  color: #7f7f7f;
  font-size: 18px
}

#about .container .row .content .headin-admin h3 {
  margin: 20px 0 12px
}

#about .container .row .content .headin-admin p {
  font-family: poppins-regular;
  line-height: 32px;
  color: #7f7f7f;
  font-size: 18px
}

#about .container .row .content .heading-mission h3 {
  margin: 20px 0 12px
}

#about .container .row .content .heading-mission p {
  font-family: poppins-regular;
  line-height: 32px;
  color: #7f7f7f;
  font-size: 18px
}

#about .container .row .content .circle1 .circle1-svg {
  position: absolute;
  bottom: -70px;
  left: 70px
}

#about .container .row .content .circle2 .circle2-svg {
  position: absolute;
  top: -70px;
  right: 250px
}

#about .container .row .slider-image-outer .image {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  position: relative
}

@media(max-width:991px) {
  #about .container .row .slider-image-outer .image {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center
  }
}

#about .container .row .slider-image-outer .image .slider-image {
  width: 475px;
  height: 637px;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

@media(max-width:575px) {
  #about .container .row .slider-image-outer .image .slider-image {
    width: 100% !important;
    height: 100% !important
  }
}

#about .container .row .slider-image-outer .image .circle .circle-svg {
  position: absolute;
  top: 150px;
  right: -25px;
  z-index: -1;
  -webkit-animation: circle1 8s ease infinite;
  animation: circle1 8s ease infinite
}

@keyframes circle1 {
  0% {
    position: absolute;
    top: 115px
  }

  50% {
    position: absolute;
    top: 410px
  }

  100% {
    position: absolute;
    top: 115px
  }
}

@media(max-width:1199px) {
  #about .container .row .slider-image-outer .image .circle .circle-svg {
    display: none
  }
}

#team {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #team {
    margin-bottom: 64px
  }
}

#team .container .wrapper .heading {
  text-align: center
}

#team .container .wrapper .heading .services-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#team .container .wrapper .heading .services-tag-outer .services-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#team .container .wrapper .heading .services-heading-outer .services-heading {
  color: #17161a;
  margin: 16px 0
}

@media(max-width:991px) {
  #team .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #team .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#team .container .wrapper .heading .services-desc-outer .services-desc {
  font-family: poppins-regular;
  color: #7f7f7f
}

#team .container .wrapper .row {
  margin-top: 64px;
  -webkit-box-pack: center;
  justify-content: center
}

#team .container .wrapper .row .team-box .team-image {
  position: relative;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#team .container .wrapper .row .team-box .team-image:hover .overlay-icons {
  opacity: .9
}

@media(max-width:767px) {
  #team .container .wrapper .row .team-box .team-image .img-fluid {
    width: 100%
  }
}

#team .container .wrapper .row .team-box .team-image .overlay-icons {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  background-color: #F98B2A;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#team .container .wrapper .row .team-box .team-image .overlay-icons h3 {
  color: #fff
}

#team .container .wrapper .row .team-box .team-image .overlay-icons p {
  font-family: poppins-regular;
  color: #fff;
  margin: 8px 0 24px
}

#team .container .wrapper .row .team-box .team-image .overlay-icons .icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

@media(max-width:575px) {
  #team .container .wrapper .row .team-box .team-image .overlay-icons .icon {
    -webkit-box-pack: center;
    justify-content: center
  }
}

#team .container .wrapper .row .team-box .team-image .overlay-icons .icon li:not(:first-child) {
  margin-left: 16px
}

#team .container .wrapper .row .team-box .team-image .overlay-icons .icon li a .social-icon {
  color: #fff;
  font-size: 24px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#team .container .wrapper .row .team-box .team-image .overlay-icons .icon li a .social-icon:hover {
  color: #7f7f7f
}

@media(max-width:991px) {
  #team .container .wrapper .row .box1 {
    margin-bottom: 30px
  }
}

@media(max-width:767px) {
  #team .container .wrapper .row .box2 {
    margin-bottom: 30px
  }
}

.header-about2 {
  background-color: #F98B2A
}

.header-about2 #header-about2 {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.header-about2 #header-about2:after {
  content: "";
  position: absolute;
  width: 600px;
  height: 600px;
  top: -61%;
  right: 50px;
  background-image: url(../img/home3/slider-circle-1.svg);
  border-radius: 100%;
  background-color: #6c39ff
}

@media(max-width:1500px) {
  .header-about2 #header-about2:after {
    top: -91%
  }
}

@media(max-width:1199px) {
  .header-about2 #header-about2:after {
    display: none
  }
}

.header-about2 #header-about2 .container .nav {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 20px 0 0;
  position: relative;
  z-index: 1
}

@media(max-width:991px) {
  .header-about2 #header-about2 .container .nav {
    -webkit-box-pack: justify;
    justify-content: space-between
  }
}

.header-about2 #header-about2 .container .nav .logo {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

@media(max-width:575px) {
  .header-about2 #header-about2 .container .nav .logo {
    width: 100%;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse
  }
}

.header-about2 #header-about2 .container .nav .logo .toggle {
  margin-right: 12px;
  -webkit-transform: scale(1);
  transform: scale(1)
}

@media(max-width:575px) {
  .header-about2 #header-about2 .container .nav .logo .toggle {
    margin-right: 0;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
  }
}

.header-about2 #header-about2 .container .nav .navigation {
  margin-left: auto;
  display: -webkit-box;
  display: flex
}

@media(max-width:1199px) {
  .header-about2 #header-about2 .container .nav .navigation {
    display: none
  }
}

.header-about2 #header-about2 .container .nav .navigation .navigation-ul {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

.header-about2 #header-about2 .container .nav .navigation .navigation-ul .navigation-li {
  position: relative
}

.header-about2 #header-about2 .container .nav .navigation .navigation-ul .navigation-li:hover .drop-ul {
  opacity: 1;
  visibility: visible;
  top: 100%
}

.header-about2 #header-about2 .container .nav .navigation .navigation-ul .navigation-li:hover #slider-home3 .illustertaion .slider-illustertaion .image {
  position: relative;
  z-index: -1
}

.header-about2 #header-about2 .container .nav .navigation .navigation-ul .navigation-li:not(:first-child) {
  margin-left: 32px
}

.header-about2 #header-about2 .container .nav .navigation .navigation-ul .navigation-li .links {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  line-height: 52px;
  cursor: pointer;
  text-transform: capitalize;
  color: #fff;
  font-family: poppins-medium
}

.header-about2 #header-about2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul {
  background-color: #fff6fb;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  position: absolute;
  top: 100px;
  width: 270px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  left: -20px;
  -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  padding: 16px 0
}

.header-about2 #header-about2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li {
  position: relative
}

.header-about2 #header-about2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover {
  background-color: #F98B2A
}

.header-about2 #header-about2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .other-ul {
  opacity: 1;
  visibility: visible
}

.header-about2 #header-about2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .drop-links {
  color: #fff;
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  background-color: #F98B2A;
  cursor: pointer
}

.header-about2 #header-about2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .drop-links:hover .drop-arrow {
  -webkit-transform: rotate(-270deg);
  transform: rotate(-270deg);
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out
}

.header-about2 #header-about2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li:hover .drop-links .drop-arrow {
  color: #fff
}

.header-about2 #header-about2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .drop-links {
  padding: 12px 32px;
  color: #7f7f7f;
  font-family: poppins-medium;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  text-transform: capitalize;
  -webkit-box-pack: justify;
  justify-content: space-between
}

.header-about2 #header-about2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .drop-links .drop-arrow {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #7f7f7f;
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out
}

.header-about2 #header-about2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul {
  position: absolute;
  right: 254px;
  top: -16px;
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  width: 270px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  border-radius: 0;
  -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  transition: all cubic-bezier(.4, 0, .2, 1) .4s;
  padding: 16px 0
}

.header-about2 #header-about2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul .other-li {
  position: relative
}

.header-about2 #header-about2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul .other-li .other-links {
  padding: 12px 32px;
  color: #7f7f7f;
  font-family: poppins-medium;
  position: relative;
  text-transform: capitalize
}

.header-about2 #header-about2 .container .nav .navigation .navigation-ul .navigation-li .drop-ul .drop-li .other-ul .other-li .other-links:hover {
  color: #fff;
  -webkit-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out;
  background-color: #F98B2A
}

.header-about2 #header-about2 .container .nav .action {
  display: -webkit-box;
  display: flex;
  margin-left: 32px
}

@media(max-width:1199px) {
  .header-about2 #header-about2 .container .nav .action {
    margin-left: auto
  }
}

@media(max-width:575px) {
  .header-about2 #header-about2 .container .nav .action {
    display: none
  }
}

.header-about2 #header-about2 .container .nav .action .btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  padding: 12px 24px;
  border-radius: 0
}

.header-about2 #header-about2 .container .nav .action .btn:hover {
  background-color: #17161a;
  cursor: pointer
}

.header-about2 #header-about2 .container .nav .action .btn:hover {
  background-color: #fff;
  color: #F98B2A
}

.header-about2 #header-about2 .container .nav .action .sign-up {
  margin-right: 16px
}

.header-about2 #header-about2 .container .nav .action .login {
  background-color: #fff;
  color: #F98B2A
}

.header-about2 #header-about2 .container .nav .toggle {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1)
}

.header-about2 #header-about2 .container .nav .toggle:hover .first {
  width: 25px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.header-about2 #header-about2 .container .nav .toggle:hover .third {
  width: 25px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

@media(max-width:1199px) {
  .header-about2 #header-about2 .container .nav .toggle {
    display: block;
    margin-left: 20px
  }
}

@media(min-width:1200px) {
  .header-about2 #header-about2 .container .nav .toggle {
    display: none
  }
}

.header-about2 #header-about2 .container .nav .toggle .toggle-line {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row
}

.header-about2 #header-about2 .container .nav .toggle .first {
  width: 21px;
  height: 3px;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.header-about2 #header-about2 .container .nav .toggle .second {
  width: 25px;
  height: 3px;
  margin: 5px 0;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.header-about2 #header-about2 .container .nav .toggle .third {
  width: 16px;
  height: 3px;
  -webkit-transition: .3s;
  transition: .3s;
  background-color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#heading-about2 {
  background-color: #F98B2A
}

#heading-about2 .container .heading {
  padding: 56px 0 80px
}

#heading-about2 .container .heading h2 {
  color: #fff;
  text-align: center;
  font-size: 60px
}

@media(max-width:1199px) {
  #heading-about2 .container .heading h2 {
    font-size: 40px;
    line-height: 50px
  }
}

@media(max-width:767px) {
  #heading-about2 .container .heading h2 {
    font-size: 32px;
    line-height: 48px
  }
}

#about2 {
  position: relative;
  margin: 128px 0
}

@media(max-width:991px) {
  #about2 {
    margin: 64px 0
  }
}

#about2 .container {
  position: relative
}

#about2 .container .row {
  -webkit-box-align: center;
  align-items: center
}

#about2 .container .row .content {
  position: relative
}

@media(max-width:991px) {
  #about2 .container .row .content {
    text-align: center;
    margin-bottom: 64px
  }
}

#about2 .container .row .content .about-tag-outer {
  display: -webkit-inline-box;
  display: inline-flex
}

#about2 .container .row .content .about-tag-outer .about-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#about2 .container .row .content .heading h2 {
  margin: 0 0 18px;
  color: #17161a
}

@media(max-width:991px) {
  #about2 .container .row .content .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #about2 .container .row .content .heading h2 {
    font-size: 28px;
    line-height: 36px
  }
}

#about2 .container .row .content .heading p {
  font-family: poppins-regular;
  line-height: 32px;
  color: #7f7f7f;
  font-size: 18px
}

#about2 .container .row .content .headin-admin h3 {
  margin: 20px 0 12px
}

#about2 .container .row .content .headin-admin p {
  font-family: poppins-regular;
  line-height: 32px;
  color: #7f7f7f;
  font-size: 18px
}

#about2 .container .row .content .heading-mission h3 {
  margin: 20px 0 12px
}

#about2 .container .row .content .heading-mission p {
  font-family: poppins-regular;
  line-height: 32px;
  color: #7f7f7f;
  font-size: 18px
}

#about2 .container .row .slider-illustertaion-outer .illustertaion-about2 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end
}

@media(max-width:991px) {
  #about2 .container .row .slider-illustertaion-outer .illustertaion-about2 {
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%
  }
}

#about2 .container .row .slider-illustertaion-outer .illustertaion-about2 .about-illustration {
  width: 462px
}

@media(max-width:991px) {
  #about2 .container .row .slider-illustertaion-outer .illustertaion-about2 .about-illustration {
    width: 100%;
    height: 100%
  }
}

#team-about2 {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #team-about2 {
    margin-bottom: 64px
  }
}

#team-about2 .container .wrapper .heading {
  text-align: center
}

#team-about2 .container .wrapper .heading .services-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#team-about2 .container .wrapper .heading .services-tag-outer .services-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#team-about2 .container .wrapper .heading .services-heading-outer .services-heading {
  color: #17161a;
  margin: 16px 0
}

@media(max-width:991px) {
  #team-about2 .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #team-about2 .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#team-about2 .container .wrapper .heading .services-desc-outer .services-desc {
  font-family: poppins-regular;
  color: #7f7f7f
}

#team-about2 .container .wrapper .row {
  margin-top: 64px;
  -webkit-box-pack: center;
  justify-content: center
}

#team-about2 .container .wrapper .row .team-box {
  padding: 0
}

@media(max-width:991px) {
  #team-about2 .container .wrapper .row .team-box {
    padding-right: 15px;
    padding-left: 15px
  }
}

#team-about2 .container .wrapper .row .team-box .team-image {
  position: relative;
  overflow: hidden;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#team-about2 .container .wrapper .row .team-box .team-image:hover .overlay-icons {
  opacity: 1;
  bottom: 32px;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out
}

#team-about2 .container .wrapper .row .team-box .team-image .img-fluid {
  width: 100%
}

#team-about2 .container .wrapper .row .team-box .team-image .overlay-icons {
  opacity: 0;
  position: absolute;
  padding: 20px 24px;
  bottom: -100px;
  left: 50%;
  background-color: #fff6fb;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin: 0 auto;
  -webkit-transition: .4s all ease-in-out;
  transition: .4s all ease-in-out
}

#team-about2 .container .wrapper .row .team-box .team-image .overlay-icons .icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

@media(max-width:575px) {
  #team-about2 .container .wrapper .row .team-box .team-image .overlay-icons .icon {
    -webkit-box-pack: center;
    justify-content: center
  }
}

#team-about2 .container .wrapper .row .team-box .team-image .overlay-icons .icon li:not(:first-child) {
  margin-left: 16px
}

#team-about2 .container .wrapper .row .team-box .team-image .overlay-icons .icon li a .social-icon {
  color: #7f7f7f;
  font-size: 24px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#team-about2 .container .wrapper .row .team-box .team-image .overlay-icons .icon li a .social-icon:hover {
  color: #F98B2A
}

#team-about2 .container .wrapper .row .team-box .about-person {
  text-align: center;
  padding: 24px 24px 0
}

#team-about2 .container .wrapper .row .team-box .about-person h3 {
  color: #17161a
}

#team-about2 .container .wrapper .row .team-box .about-person p {
  font-family: poppins-regular;
  color: #7f7f7f;
  margin-top: 6px
}

@media(max-width:991px) {
  #team-about2 .container .wrapper .row .box1 {
    margin-bottom: 30px
  }
}

@media(max-width:767px) {
  #team-about2 .container .wrapper .row .box2 {
    margin-bottom: 30px
  }
}

#heading-about3 {
  background-color: #f0edf6;
  /* margin-top: 92px */
}

@media(max-width:767px) {
  #heading-about3 {
    margin-top: 76px
  }
}

#heading-about3 .container .heading {
  padding: 100px
}

#heading-about3 .container .heading h2 {
  color: #17161a;
  text-align: center;
  font-size: 60px
}

@media(max-width:1199px) {
  #heading-about3 .container .heading h2 {
    font-size: 40px;
    line-height: 50px
  }
}

@media(max-width:767px) {
  #heading-about3 .container .heading h2 {
    font-size: 32px;
    line-height: 48px
  }
}

#about-us {
  margin: 128px 0
}

@media(max-width:991px) {
  #about-us {
    margin: 64px 0
  }
}

#about-us .container {
  position: relative
}

#about-us .container .row {
  -webkit-box-align: center;
  align-items: center
}

#about-us .container .row .content {
  position: relative
}

@media(max-width:991px) {
  #about-us .container .row .content {
    text-align: center
  }
}

#about-us .container .row .content .about-tag-outer {
  display: -webkit-inline-box;
  display: inline-flex
}

#about-us .container .row .content .about-tag-outer .about-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#about-us .container .row .content .heading h2 {
  margin: 18px 0;
  color: #17161a
}

@media(max-width:991px) {
  #about-us .container .row .content .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #about-us .container .row .content .heading h2 {
    font-size: 28px;
    line-height: 36px
  }
}

#about-us .container .row .content .heading p {
  font-family: poppins-regular;
  line-height: 32px;
  color: #7f7f7f;
  font-size: 18px
}

#about-us .container .row .content .headin-admin h3 {
  margin: 20px 0 12px
}

#about-us .container .row .content .headin-admin p {
  font-family: poppins-regular;
  font-size: 18px;
  line-height: 32px;
  color: #7f7f7f
}

#about-us .container .row .content .heading-mission h3 {
  margin: 20px 0 12px
}

#about-us .container .row .content .heading-mission p {
  font-family: poppins-regular;
  font-size: 18px;
  line-height: 32px;
  color: #7f7f7f
}

#about-us .container .row .shape-outer .shape {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end
}

#about-us .container .row .shape-outer .shape .svg {
  position: absolute;
  width: 0;
  height: 0
}

#about-us .container .row .shape-outer .shape .clipped {
  width: 100%;
  height: 542px;
  background: #40e0d0 url(../img/about-image.jpg);
  background-size: cover;
  -webkit-clip-path: url(#my-clip-path);
  clip-path: url(#my-clip-path)
}

@media(max-width:991px) {
  #about-us .container .row .shape-outer .shape .clipped {
    display: none
  }
}

.counter1-about3 {
  margin-bottom: 0 !important
}

#services-home2-about3 {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #services-home2-about3 {
    margin-bottom: 64px
  }
}

#services-home2-about3 .container .wrapper .heading {
  text-align: center
}

#services-home2-about3 .container .wrapper .heading .services-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#services-home2-about3 .container .wrapper .heading .services-tag-outer .services-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#services-home2-about3 .container .wrapper .heading .services-heading-outer .services-heading {
  color: #17161a;
  margin: 18px 0
}

@media(max-width:991px) {
  #services-home2-about3 .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #services-home2-about3 .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#services-home2-about3 .container .wrapper .heading .services-desc-outer .services-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px;
  line-height: 32px
}

#services-home2-about3 .container .wrapper .row {
  margin-top: 64px
}

#services-home2-about3 .container .wrapper .row .services-box-outer .services-box {
  padding: 36px;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  background-color: #fff
}

@media(min-width:992px) and (max-width:1199px) {
  #services-home2-about3 .container .wrapper .row .services-box-outer .services-box {
    padding: 40px 25px 40px 40px
  }
}

@media(max-width:767px) {
  #services-home2-about3 .container .wrapper .row .services-box-outer .services-box {
    -webkit-box-align: baseline;
    align-items: baseline
  }
}

#services-home2-about3 .container .wrapper .row .services-box-outer .services-box .icon {
  width: 100px;
  height: 80px;
  border-radius: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

@media(min-width:992px) and (max-width:1199px) {
  #services-home2-about3 .container .wrapper .row .services-box-outer .services-box .icon {
    width: 130px
  }
}

@media(max-width:991px) {
  #services-home2-about3 .container .wrapper .row .services-box-outer .services-box .icon {
    width: 80px
  }
}

@media(max-width:767px) {
  #services-home2-about3 .container .wrapper .row .services-box-outer .services-box .icon {
    width: auto;
    height: auto;
    display: block
  }
}

#services-home2-about3 .container .wrapper .row .services-box-outer .services-box .icon .services-icon {
  font-size: 36px;
  position: relative
}

#services-home2-about3 .container .wrapper .row .services-box-outer .services-box .draw-square {
  background-color: #fed7d7
}

@media(max-width:767px) {
  #services-home2-about3 .container .wrapper .row .services-box-outer .services-box .draw-square {
    background-color: transparent;
    position: relative;
    top: 13px
  }
}

#services-home2-about3 .container .wrapper .row .services-box-outer .services-box .bullhorn {
  background-color: #feebc8
}

@media(max-width:767px) {
  #services-home2-about3 .container .wrapper .row .services-box-outer .services-box .bullhorn {
    background-color: transparent;
    position: relative;
    top: 13px
  }
}

#services-home2-about3 .container .wrapper .row .services-box-outer .services-box .code {
  background-color: #b2f5ea
}

@media(max-width:767px) {
  #services-home2-about3 .container .wrapper .row .services-box-outer .services-box .code {
    background-color: transparent;
    position: relative;
    top: 13px
  }
}

#services-home2-about3 .container .wrapper .row .services-box-outer .services-box .bullseye {
  background-color: #e9d8fd
}

@media(max-width:767px) {
  #services-home2-about3 .container .wrapper .row .services-box-outer .services-box .bullseye {
    background-color: transparent;
    position: relative;
    top: 13px
  }
}

#services-home2-about3 .container .wrapper .row .services-box-outer .services-box .content {
  margin-left: 20px
}

#services-home2-about3 .container .wrapper .row .services-box-outer .services-box .content .heading-inner h3 {
  color: #17161a
}

#services-home2-about3 .container .wrapper .row .services-box-outer .services-box .content .heading-inner .desc-inner {
  font-family: poppins-regular;
  color: #7f7f7f;
  line-height: 30px;
  margin: 12px 0 16px
}

#services-home2-about3 .container .wrapper .row .services-box-outer .services-box .content .heading-inner .news-blog-btn {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  width: 125px
}

#services-home2-about3 .container .wrapper .row .services-box-outer .services-box .content .heading-inner .news-blog-btn:hover .arrow {
  -webkit-animation: news .4s;
  animation: news .4s
}

@keyframes news {
  0% {
    position: absolute;
    right: 8px
  }

  40% {
    position: absolute;
    opacity: 0;
    right: -25px
  }

  70% {
    position: absolute;
    opacity: 0;
    right: 25px
  }

  100% {
    position: absolute;
    opacity: 1;
    right: 12px
  }
}

#services-home2-about3 .container .wrapper .row .services-box-outer .services-box .content .heading-inner .news-blog-btn .read {
  text-transform: capitalize;
  color: #F98B2A;
  font-family: poppins-medium;
  margin-right: 8px;
  line-height: 18px
}

#services-home2-about3 .container .wrapper .row .services-box-outer .services-box .content .heading-inner .news-blog-btn .arrow {
  font-size: 21px;
  color: #F98B2A
}

#services-home2-about3 .container .wrapper .row .services-box-outer .box1, #services-home2-about3 .container .wrapper .row .services-box-outer .box2 {
  margin-bottom: 30px
}

@media(max-width:991px) {
  #services-home2-about3 .container .wrapper .row .services-box-outer .box3 {
    margin-bottom: 30px
  }
}

#started-about3 {
  background-color: #F98B2A
}

#started-about3 .container .wrapper {
  padding: 64px 0
}

#started-about3 .container .wrapper .heading {
  text-align: center
}

#started-about3 .container .wrapper .heading h2 {
  color: #fff
}

@media(max-width:991px) {
  #started-about3 .container .wrapper .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

#started-about3 .container .wrapper .heading p {
  font-family: poppins-regular;
  color: #fff;
  margin-top: 8px
}

#started-about3 .container .wrapper .heading .input {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin-top: 32px
}

@media(max-width:575px) {
  #started-about3 .container .wrapper .heading .input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#started-about3 .container .wrapper .heading .input .input-inner {
  width: 382px;
  padding: 14px 24px;
  font-family: poppins-regular;
  color: #7f7f7f;
  background-color: #fff;
  border-radius: 0 !important;
  border: none;
  text-transform: capitalize;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#started-about3 .container .wrapper .heading .input .input-inner:focus {
  outline: none
}

@media(max-width:575px) {
  #started-about3 .container .wrapper .heading .input .input-inner {
    width: 100%
  }
}

#started-about3 .container .wrapper .heading .input .subscribe-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  background-color: #17161a
}

@media(max-width:575px) {
  #started-about3 .container .wrapper .heading .input .subscribe-btn {
    margin-top: 24px
  }
}

#started-about3 .container .wrapper .heading .input .subscribe-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#heading-services {
  background-color: #F98B2A;
  margin-bottom: 128px
}

@media(max-width:991px) {
  #heading-services {
    margin-bottom: 64px
  }
}

#heading-services .container .heading {
  padding: 56px 0 80px
}

#heading-services .container .heading h2 {
  color: #fff;
  text-align: center;
  font-size: 60px
}

@media(max-width:991px) {
  #heading-services .container .heading h2 {
    font-size: 40px;
    line-height: 48px
  }
}

@media(max-width:575px) {
  #heading-services .container .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

#home3-services .container .wrapper {
  padding: 96px 142px;
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

@media(max-width:1199px) {
  #home3-services .container .wrapper {
    padding: 96px 40px
  }
}

@media(max-width:991px) {
  #home3-services .container .wrapper {
    padding: 64px 40px
  }
}

@media(max-width:575px) {
  #home3-services .container .wrapper {
    padding: 64px 24px
  }
}

#home3-services .container .wrapper .heading {
  text-align: center
}

#home3-services .container .wrapper .heading .services-heading-outer .services-heading {
  color: #17161a;
  margin: 0 0 18px
}

@media(max-width:991px) {
  #home3-services .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #home3-services .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#home3-services .container .wrapper .heading .services-desc-outer .services-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px
}

#home3-services .container .wrapper .row {
  margin-top: 64px
}

#home3-services .container .wrapper .row .services-box-outer .services-box {
  padding: 36px;
  position: relative;
  background-color: #fff6fb;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#home3-services .container .wrapper .row .services-box-outer .services-box:hover .circle {
  background-color: #F98B2A
}

#home3-services .container .wrapper .row .services-box-outer .services-box:hover .circle .services-icon {
  color: #fff
}

#home3-services .container .wrapper .row .services-box-outer .services-box:hover .services-dots .without-hover {
  display: none;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#home3-services .container .wrapper .row .services-box-outer .services-box:hover .services-dots .hover {
  display: block;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#home3-services .container .wrapper .row .services-box-outer .services-box .circle {
  width: 80px;
  height: 80px;
  background-color: #fee2f1;
  border-radius: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -webkit-transition: .2s linear;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#home3-services .container .wrapper .row .services-box-outer .services-box .circle .services-icon {
  font-size: 36px;
  position: relative;
  top: 1px
}

#home3-services .container .wrapper .row .services-box-outer .services-box .services-heading h3 {
  color: #17161a;
  margin: 16px 0
}

#home3-services .container .wrapper .row .services-box-outer .services-box .action a {
  display: inline-block;
  position: relative
}

#home3-services .container .wrapper .row .services-box-outer .services-box .action a p {
  font-family: poppins-medium;
  color: #F98B2A;
  text-transform: capitalize;
  margin-bottom: 8px
}

#home3-services .container .wrapper .row .services-box-outer .services-box .action a .arrow {
  font-size: 21px;
  color: #F98B2A
}

#home3-services .container .wrapper .row .services-box-outer .services-box .services-dots .without-hover {
  position: absolute;
  top: 36px;
  right: 36px;
  width: 30px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#home3-services .container .wrapper .row .services-box-outer .services-box .services-dots .hover {
  position: absolute;
  top: 36px;
  right: 36px;
  width: 30px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  display: none
}

#home3-services .container .wrapper .row .box-services1, #home3-services .container .wrapper .row .box-services2, #home3-services .container .wrapper .row .box-services3 {
  margin-bottom: 30px
}

@media(max-width:767px) {
  #home3-services .container .wrapper .row .box-services4, #home3-services .container .wrapper .row .box-services5 {
    margin-bottom: 30px
  }
}

.services-home2 {
  margin: 128px 0 !important
}

@media(max-width:991px) {
  .services-home2 {
    margin: 64px 0 !important
  }
}

#heading-pricing {
  background-color: #F98B2A;
  margin-bottom: 128px
}

@media(max-width:991px) {
  #heading-pricing {
    margin-bottom: 64px
  }
}

#heading-pricing .container .heading {
  padding: 56px 0 80px
}

#heading-pricing .container .heading h2 {
  color: #fff;
  text-align: center;
  font-size: 60px
}

@media(max-width:1199px) {
  #heading-pricing .container .heading h2 {
    font-size: 40px;
    line-height: 50px
  }
}

@media(max-width:767px) {
  #heading-pricing .container .heading h2 {
    font-size: 32px;
    line-height: 48px
  }
}

#heading-testimonials {
  background-color: #F98B2A
}

#heading-testimonials .container .heading {
  padding: 60px
}

#heading-testimonials .container .heading h2 {
  color: #fff;
  text-align: center;
  font-size: 60px
}

@media(max-width:991px) {
  #heading-testimonials .container .heading h2 {
    font-size: 40px;
    line-height: 48px
  }
}

@media(max-width:575px) {
  #heading-testimonials .container .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

.home3 {
  margin: 128px 0
}

.testimonials-home2 {
  margin-bottom: 128px
}

#heading-portfolio {
  background-color: #F98B2A;
  margin-bottom: 128px
}

@media(max-width:991px) {
  #heading-portfolio {
    margin-bottom: 64px
  }
}

#heading-portfolio .container .heading {
  padding: 56px 0 80px
}

#heading-portfolio .container .heading h2 {
  color: #fff;
  text-align: center;
  font-size: 60px
}

@media(max-width:991px) {
  #heading-portfolio .container .heading h2 {
    font-size: 40px;
    line-height: 48px
  }
}

@media(max-width:575px) {
  #heading-portfolio .container .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

#heading-portfolio-details {
  background-color: #F98B2A
}

#heading-portfolio-details .container .heading {
  padding: 56px 0 80px
}

#heading-portfolio-details .container .heading h2 {
  color: #fff;
  text-align: center;
  font-size: 60px
}

@media(max-width:991px) {
  #heading-portfolio-details .container .heading h2 {
    font-size: 40px;
    line-height: 48px
  }
}

@media(max-width:575px) {
  #heading-portfolio-details .container .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

#profolio-details {
  margin: 128px 0
}

@media(max-width:991px) {
  #profolio-details {
    margin: 64px 0
  }
}

#profolio-details .container .wrapper {
  text-align: center
}

#profolio-details .container .wrapper h2 {
  color: #17161a
}

@media(max-width:991px) {
  #profolio-details .container .wrapper h2 {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #profolio-details .container .wrapper h2 {
    font-size: 28px;
    line-height: 36px
  }
}

#profolio-details .container .wrapper p {
  font-family: poppins-regular;
  color: #7f7f7f;
  margin-top: 18px;
  font-size: 18px
}

#profolio-details .container .row {
  margin-top: 64px
}

@media(max-width:991px) {
  #profolio-details .container .row .images {
    margin-bottom: 64px
  }
}

#profolio-details .container .row .images .img .img-fluid {
  width: 100%
}

#profolio-details .container .row .images .img1, #profolio-details .container .row .images .img2 {
  margin-bottom: 30px
}

#profolio-details .container .row .content .content-box {
  margin-bottom: 30px;
  padding: 36px;
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#profolio-details .container .row .content .content-box h3 {
  color: #17161a
}

#profolio-details .container .row .content .content-box p {
  font-family: poppins-regular;
  line-height: 30px;
  color: #7f7f7f;
  margin-top: 12px
}

#profolio-details .container .row .content .action {
  display: -webkit-box;
  display: flex
}

#profolio-details .container .row .content .action .live-preview {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  width: 100%;
  text-align: center
}

#profolio-details .container .row .content .action .live-preview:hover {
  background-color: #17161a;
  cursor: pointer
}

#heading-team {
  background-color: #F98B2A;
  margin-bottom: 128px
}

@media(max-width:991px) {
  #heading-team {
    margin-bottom: 64px
  }
}

#heading-team .container .heading {
  padding: 56px 0 80px
}

#heading-team .container .heading h2 {
  color: #fff;
  text-align: center;
  font-size: 60px
}

@media(max-width:991px) {
  #heading-team .container .heading h2 {
    font-size: 40px;
    line-height: 48px
  }
}

@media(max-width:575px) {
  #heading-team .container .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

#team-3 {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #team-3 {
    margin-bottom: 64px
  }
}

#team-3 .container .wrapper .heading {
  text-align: center
}

#team-3 .container .wrapper .heading .services-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#team-3 .container .wrapper .heading .services-tag-outer .services-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#team-3 .container .wrapper .heading .services-heading-outer .services-heading {
  color: #17161a;
  margin: 16px 0
}

@media(max-width:991px) {
  #team-3 .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #team-3 .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#team-3 .container .wrapper .heading .services-desc-outer .services-desc {
  font-family: poppins-regular;
  color: #7f7f7f
}

#team-3 .container .wrapper .row {
  margin-top: 64px;
  -webkit-box-pack: center;
  justify-content: center
}

#team-3 .container .wrapper .row .team-box .team-image {
  position: relative;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  overflow: hidden;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#team-3 .container .wrapper .row .team-box .team-image:hover .overlay-icons .about-person {
  -webkit-transform: perspective(300px) rotateX(0deg) translateY(-10px);
  transform: perspective(300px) rotateX(0deg) translateY(-10px);
  opacity: 0
}

#team-3 .container .wrapper .row .team-box .team-image:hover .overlay-icons .icon {
  -webkit-transform: perspective(300px) rotateX(0deg) translateY(-27px);
  transform: perspective(300px) rotateX(0deg) translateY(-27px);
  opacity: 1
}

#team-3 .container .wrapper .row .team-box .team-image .img-fluid {
  width: 100%
}

#team-3 .container .wrapper .row .team-box .team-image .overlay-icons {
  background-color: #fff;
  padding: 8px 12px 16px 16px;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  width: 100%
}

#team-3 .container .wrapper .row .team-box .team-image .overlay-icons .about-person {
  text-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  opacity: 1;
  -webkit-transform: perspective(300px) rotateX(-8deg) translateY(16px);
  transform: perspective(300px) rotateX(-8deg) translateY(16px);
  -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .5s;
  transition: all cubic-bezier(.4, 0, .2, 1) .5s
}

#team-3 .container .wrapper .row .team-box .team-image .overlay-icons .about-person h3 {
  color: #17161a
}

#team-3 .container .wrapper .row .team-box .team-image .overlay-icons .about-person p {
  color: #7f7f7f;
  font-family: poppins-regular;
  margin-top: 4px
}

#team-3 .container .wrapper .row .team-box .team-image .overlay-icons .icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  opacity: 0;
  -webkit-transform: perspective(300px) rotateX(0deg) translateY(-2px);
  transform: perspective(300px) rotateX(0deg) translateY(-2px);
  -webkit-transition: all cubic-bezier(.4, 0, .2, 1) .5s;
  transition: all cubic-bezier(.4, 0, .2, 1) .5s
}

@media(max-width:575px) {
  #team-3 .container .wrapper .row .team-box .team-image .overlay-icons .icon {
    -webkit-box-pack: center;
    justify-content: center
  }
}

#team-3 .container .wrapper .row .team-box .team-image .overlay-icons .icon li:not(:first-child) {
  margin-left: 16px
}

#team-3 .container .wrapper .row .team-box .team-image .overlay-icons .icon li a .social-icon {
  color: #7f7f7f;
  font-size: 24px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#team-3 .container .wrapper .row .team-box .team-image .overlay-icons .icon li a .social-icon:hover {
  color: #F98B2A
}

@media(max-width:991px) {
  #team-3 .container .wrapper .row .box1 {
    margin-bottom: 30px
  }
}

@media(max-width:767px) {
  #team-3 .container .wrapper .row .box2 {
    margin-bottom: 30px
  }
}

#heading-faq {
  background-color: #F98B2A;
  margin-bottom: 128px
}

@media(max-width:991px) {
  #heading-faq {
    margin-bottom: 64px
  }
}

#heading-faq .container .heading {
  padding: 56px 0 80px
}

#heading-faq .container .heading h2 {
  color: #fff;
  text-align: center;
  font-size: 60px
}

@media(max-width:991px) {
  #heading-faq .container .heading h2 {
    font-size: 40px;
    line-height: 48px
  }
}

@media(max-width:575px) {
  #heading-faq .container .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

#faq {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #faq {
    margin-bottom: 64px
  }
}

#faq .container .wrapper .heading .services-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#faq .container .wrapper .heading .services-tag-outer .services-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#faq .container .wrapper .heading .services-heading-outer .services-heading {
  color: #17161a;
  margin: 18px 0;
  text-align: center
}

@media(max-width:991px) {
  #faq .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 36px;
    line-height: 48px
  }
}

@media(max-width:575px) {
  #faq .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 32px;
    line-height: 45px
  }
}

#faq .container .wrapper .heading .services-desc-outer .services-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  text-align: center;
  font-size: 18px
}

#faq .container .wrapper .row {
  margin-top: 64px
}

#faq .container .wrapper .row .collap .heading h3 {
  color: #17161a;
  margin-bottom: 24px
}

#faq .container .wrapper .row .collap .bs-example .accordion .main {
  margin-bottom: 30px;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#faq .container .wrapper .row .collap .bs-example .accordion .main .card {
  border: none;
  background-color: #fff;
  padding: 0 32px;
  font-family: poppins-regular;
  line-height: 24px;
  color: #7f7f7f;
  border-radius: 0
}

#faq .container .wrapper .row .collap .bs-example .accordion .main .card .card-header {
  background-color: transparent;
  padding: 20px 0;
  border: none
}

#faq .container .wrapper .row .collap .bs-example .accordion .main .card .card-header:hover {
  cursor: pointer
}

#faq .container .wrapper .row .collap .bs-example .accordion .main .card .card-header:hover .collap-inner .icon .fa-chevron-circle-down {
  color: #F98B2A
}

#faq .container .wrapper .row .collap .bs-example .accordion .main .card .card-header:hover .collap-inner .icon .fa-chevron-circle-up {
  color: #F98B2A
}

#faq .container .wrapper .row .collap .bs-example .accordion .main .card .card-header:hover .collap-inner .text p {
  color: #F98B2A;
  cursor: pointer
}

#faq .container .wrapper .row .collap .bs-example .accordion .main .card .card-header:hover .collap-inner .icon .fa-chevron-circle-up {
  color: #F98B2A;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#faq .container .wrapper .row .collap .bs-example .accordion .main .card .card-header .collap-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between
}

#faq .container .wrapper .row .collap .bs-example .accordion .main .card .card-header .collap-inner .icon .fa-chevron-circle-down {
  color: #7f7f7f;
  font-size: 18px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#faq .container .wrapper .row .collap .bs-example .accordion .main .card .card-header .collap-inner .icon .fa-chevron-circle-up {
  color: #7f7f7f;
  font-size: 18px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#faq .container .wrapper .row .collap .bs-example .accordion .main .card .card-header .collap-inner .text p {
  font-size: 16px;
  font-family: poppins-medium;
  color: #7f7f7f;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#faq .container .wrapper .row .collap .bs-example .accordion .main-end {
  margin-bottom: 0
}

@media(max-width:991px) {
  #faq .container .wrapper .row .collap1 {
    margin-bottom: 64px
  }
}

#faq1 {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #faq1 {
    margin-bottom: 64px
  }
}

#faq1 .container .wrapper .heading .services-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#faq1 .container .wrapper .heading .services-tag-outer .services-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#faq1 .container .wrapper .heading .services-heading-outer .services-heading {
  color: #17161a;
  margin: 18px 0;
  text-align: center
}

@media(max-width:991px) {
  #faq1 .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 36px;
    line-height: 48px
  }
}

@media(max-width:575px) {
  #faq1 .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 32px;
    line-height: 45px
  }
}

#faq1 .container .wrapper .heading .services-desc-outer .services-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  text-align: center;
  font-size: 18px
}

#faq1 .container .wrapper .row {
  margin-top: 64px
}

#faq1 .container .wrapper .row .collap .heading h3 {
  color: #17161a;
  margin-bottom: 24px
}

#faq1 .container .wrapper .row .collap .bs-example .accordion .main {
  margin-bottom: 30px;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#faq1 .container .wrapper .row .collap .bs-example .accordion .main .card {
  border: none;
  background-color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  font-family: poppins-regular;
  line-height: 24px;
  color: #7f7f7f;
  border-radius: 0
}

#faq1 .container .wrapper .row .collap .bs-example .accordion .main .card .header:hover {
  background-color: #F98B2A;
  cursor: pointer
}

#faq1 .container .wrapper .row .collap .bs-example .accordion .main .card .header .card-header {
  background-color: transparent;
  padding: 20px 32px;
  border: none;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#faq1 .container .wrapper .row .collap .bs-example .accordion .main .card .header .card-header:hover .collap-inner .icon .fa-chevron-circle-down {
  color: #fff
}

#faq1 .container .wrapper .row .collap .bs-example .accordion .main .card .header .card-header:hover .collap-inner .text p {
  color: #fff;
  cursor: pointer
}

#faq1 .container .wrapper .row .collap .bs-example .accordion .main .card .header .card-header:hover .collap-inner .icon .fa-minus {
  color: #7f7f7f;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#faq1 .container .wrapper .row .collap .bs-example .accordion .main .card .header .card-header .collap-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between
}

#faq1 .container .wrapper .row .collap .bs-example .accordion .main .card .header .card-header .collap-inner .icon .fa-chevron-circle-down {
  color: #7f7f7f;
  font-size: 18px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#faq1 .container .wrapper .row .collap .bs-example .accordion .main .card .header .card-header .collap-inner .icon .fa-chevron-circle-up {
  color: #7f7f7f;
  font-size: 18px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#faq1 .container .wrapper .row .collap .bs-example .accordion .main .card .header .card-header .collap-inner .text p {
  font-size: 16px;
  font-family: poppins-medium;
  color: #7f7f7f;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#faq1 .container .wrapper .row .collap .bs-example .accordion .main .card .header .card-header .collapse {
  border-top: 1px solid #7f7f7f;
  padding: 0 2rem
}

#faq1 .container .wrapper .row .collap .bs-example .accordion .main-end {
  margin-bottom: 0
}

@media(max-width:991px) {
  #faq1 .container .wrapper .row .collap2 {
    margin-top: 64px
  }
}

#faq3 {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #faq3 {
    margin-bottom: 64px
  }
}

#faq3 .container .wrapper .heading .services-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#faq3 .container .wrapper .heading .services-tag-outer .services-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#faq3 .container .wrapper .heading .services-heading-outer .services-heading {
  color: #17161a;
  margin: 18px 0;
  text-align: center
}

@media(max-width:991px) {
  #faq3 .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 36px;
    line-height: 48px
  }
}

@media(max-width:575px) {
  #faq3 .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 32px;
    line-height: 45px
  }
}

#faq3 .container .wrapper .heading .services-desc-outer .services-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  text-align: center;
  font-size: 18px
}

#faq3 .container .wrapper .row {
  margin-top: 64px
}

#faq3 .container .wrapper .row .collap .heading h3 {
  color: #17161a;
  margin-bottom: 24px
}

#faq3 .container .wrapper .row .collap .bs-example .accordion .main {
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#faq3 .container .wrapper .row .collap .bs-example .accordion .main .card {
  border: none;
  background-color: #fff;
  padding: 0 32px;
  font-family: poppins-regular;
  line-height: 24px;
  color: #7f7f7f;
  border-radius: 0
}

#faq3 .container .wrapper .row .collap .bs-example .accordion .main .card .card-header {
  background-color: transparent;
  padding: 20px 0;
  border: none;
  border-bottom: 1px solid #fee2f1
}

#faq3 .container .wrapper .row .collap .bs-example .accordion .main .card .card-header:hover {
  cursor: pointer
}

#faq3 .container .wrapper .row .collap .bs-example .accordion .main .card .card-header:hover .collap-inner .icon .fa-chevron-circle-down {
  color: #F98B2A;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#faq3 .container .wrapper .row .collap .bs-example .accordion .main .card .card-header:hover .collap-inner .text p {
  color: #F98B2A;
  cursor: pointer
}

#faq3 .container .wrapper .row .collap .bs-example .accordion .main .card .card-header:hover .collap-inner .icon .fa-chevron-circle-up {
  color: #F98B2A;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#faq3 .container .wrapper .row .collap .bs-example .accordion .main .card .card-header .collap-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between
}

#faq3 .container .wrapper .row .collap .bs-example .accordion .main .card .card-header .collap-inner .icon .fa-chevron-circle-down {
  color: #7f7f7f;
  font-size: 18px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#faq3 .container .wrapper .row .collap .bs-example .accordion .main .card .card-header .collap-inner .icon .fa-chevron-circle-up {
  font-size: 18px;
  color: #7f7f7f;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#faq3 .container .wrapper .row .collap .bs-example .accordion .main .card .card-header .collap-inner .text p {
  font-size: 16px;
  font-family: poppins-medium;
  color: #7f7f7f;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#faq3 .container .wrapper .row .collap .bs-example .accordion .main .card .card-header .collapse {
  border-top: 1px solid #7f7f7f
}

#faq3 .container .wrapper .row .collap .bs-example .accordion .main-end {
  margin-bottom: 0
}

#heading-blog {
  background-color: #F98B2A;
  margin-bottom: 104px
}

@media(max-width:991px) {
  #heading-blog {
    margin-bottom: 64px
  }
}

#heading-blog .container .heading {
  padding: 56px 0 80px
}

#heading-blog .container .heading h2 {
  color: #fff;
  text-align: center;
  font-size: 60px
}

@media(max-width:991px) {
  #heading-blog .container .heading h2 {
    font-size: 40px;
    line-height: 48px
  }
}

@media(max-width:575px) {
  #heading-blog .container .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

.action-blog {
  display: -webkit-box;
  display: flex;
  margin-top: 64px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center
}

.action-blog .load-btn {
  padding: 12px 22px;
  border: 1px solid #F98B2A;
  background-color: transparent;
  color: #F98B2A;
  text-transform: capitalize;
  font-family: poppins-medium;
  font-weight: 600;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.action-blog .load-btn:hover {
  background-color: #F98B2A;
  color: #fff
}

#heading-login {
  background-color: #F98B2A
}

#heading-login .container .heading {
  padding: 56px 0 80px
}

#heading-login .container .heading h2 {
  color: #fff;
  text-align: center;
  font-size: 60px
}

@media(max-width:991px) {
  #heading-login .container .heading h2 {
    font-size: 40px;
    line-height: 48px
  }
}

@media(max-width:575px) {
  #heading-login .container .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

#login-page {
  margin: 128px 0
}

@media(max-width:991px) {
  #login-page {
    margin: 64px 0
  }
}

#login-page .container .wrapper .heading {
  text-align: center
}

#login-page .container .wrapper .heading h2 {
  color: #17161a;
  margin-bottom: 18px
}

@media(max-width:991px) {
  #login-page .container .wrapper .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #login-page .container .wrapper .heading h2 {
    font-size: 28px;
    line-height: 36px
  }
}

#login-page .container .wrapper .heading p {
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 18px
}

#login-page .container .wrapper .row .login-form {
  background-color: #fff;
  padding: 40px;
  margin: 64px auto 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

@media(max-width:991px) {
  #login-page .container .wrapper .row .login-form {
    padding: 40px 15px
  }
}

#login-page .container .wrapper .row .login-form .heading-inner p {
  color: #7f7f7f;
  font-family: poppins-regular;
  text-align: center;
  text-transform: capitalize
}

#login-page .container .wrapper .row .login-form .socila-media {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  margin: 28px 0
}

@media(max-width:575px) {
  #login-page .container .wrapper .row .login-form .socila-media {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#login-page .container .wrapper .row .login-form .socila-media .google {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-size: 16px;
  padding: 14px 0;
  width: 100%;
  margin-right: 40px;
  background-color: #ea4335
}

@media(max-width:575px) {
  #login-page .container .wrapper .row .login-form .socila-media .google {
    margin-right: 0;
    margin-bottom: 16px
  }
}

#login-page .container .wrapper .row .login-form .socila-media .google .social-icon {
  color: #fff
}

#login-page .container .wrapper .row .login-form .socila-media .google p {
  text-transform: capitalize;
  color: #fff;
  font-size: 16px;
  margin-left: 8px;
  font-family: poppins-regular
}

#login-page .container .wrapper .row .login-form .socila-media .facebbok {
  padding: 14px 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 100%;
  background-color: #3b5998
}

#login-page .container .wrapper .row .login-form .socila-media .facebbok .social-icon {
  color: #fff
}

#login-page .container .wrapper .row .login-form .socila-media .facebbok p {
  text-transform: capitalize;
  color: #fff;
  margin-left: 8px;
  font-family: poppins-regular
}

#login-page .container .wrapper .row .login-form .line-or {
  text-align: center;
  position: relative
}

#login-page .container .wrapper .row .login-form .line-or:after {
  content: "";
  position: absolute;
  left: 0;
  width: 46%;
  height: 1px;
  background-color: #f0edf6;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%)
}

#login-page .container .wrapper .row .login-form .line-or:before {
  content: "";
  position: absolute;
  right: 0;
  width: 46%;
  height: 1px;
  background-color: #f0edf6;
  top: 50%;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%)
}

#login-page .container .wrapper .row .login-form .line-or p {
  color: #7f7f7f;
  font-family: poppins-regular;
  text-transform: capitalize
}

#login-page .container .wrapper .row .login-form .form {
  margin-top: 28px
}

#login-page .container .wrapper .row .login-form .form .input-email .input {
  width: 100%;
  border: none;
  padding: 16px 24px;
  background-color: #fff6fb;
  color: #7f7f7f;
  font-family: poppins-regular;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#login-page .container .wrapper .row .login-form .form .input-email .input:focus {
  outline: none;
  background-color: #f0edf6
}

#login-page .container .wrapper .row .login-form .form .input-email .input-user {
  margin-bottom: 24px
}

#login-page .container .wrapper .row .login-form .form .input-password {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  background-color: #fff6fb;
  margin: 24px 0 28px;
  position: relative
}

#login-page .container .wrapper .row .login-form .form .input-password .input {
  width: 100%;
  background-color: none;
  border: none;
  color: #7f7f7f;
  background-color: transparent;
  font-family: poppins-regular;
  padding: 16px 24px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#login-page .container .wrapper .row .login-form .form .input-password .input:focus {
  outline: none;
  background-color: #f0edf6
}

#login-page .container .wrapper .row .login-form .form .input-password .icon-eye {
  position: absolute;
  right: 24px;
  color: #7f7f7f
}

#login-page .container .wrapper .row .login-form .form .input-password .icon-eye:hover {
  cursor: pointer
}

#login-page .container .wrapper .row .login-form .form .check {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between
}

@media(max-width:575px) {
  #login-page .container .wrapper .row .login-form .form .check {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#login-page .container .wrapper .row .login-form .form .check label {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  align-items: flex-start;
  margin: 0
}

@media(max-width:575px) {
  #login-page .container .wrapper .row .login-form .form .check label {
    margin-bottom: 20px
  }
}

#login-page .container .wrapper .row .login-form .form .check label .check-inner {
  background-color: #f0edf6;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: flex;
  flex-shrink: 0;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin-right: 7px;
  position: relative
}

#login-page .container .wrapper .row .login-form .form .check label .check-inner:hover {
  cursor: pointer
}

#login-page .container .wrapper .row .login-form .form .check label .check-inner:focus {
  border: 2px solid red
}

#login-page .container .wrapper .row .login-form .form .check label .check-inner .input-check {
  opacity: 0;
  position: absolute
}

#login-page .container .wrapper .row .login-form .form .check label .check-inner .input-check:hover {
  cursor: pointer
}

#login-page .container .wrapper .row .login-form .form .check label .check-inner .input-check:checked+svg {
  display: block;
  fill: #00acee;
  background-color: #4200ff;
  padding-left: 6px;
  padding-top: 7px
}

#login-page .container .wrapper .row .login-form .form .check label .check-inner .fill-current {
  display: none;
  width: 24px;
  height: 24px;
  pointer-events: none
}

#login-page .container .wrapper .row .login-form .form .check label .select-none {
  color: #7f7f7f;
  font-family: poppins-regular
}

#login-page .container .wrapper .row .login-form .form .check label .select-none a {
  display: -webkit-inline-box;
  display: inline-flex;
  color: #F98B2A
}

#login-page .container .wrapper .row .login-form .form .check .forget a {
  color: #7f7f7f;
  font-family: poppins-regular;
  text-transform: capitalize
}

#login-page .container .wrapper .row .login-form .form .action {
  display: -webkit-box;
  display: flex;
  margin: 28px 0
}

#login-page .container .wrapper .row .login-form .form .action a {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  width: 100%;
  text-align: center
}

#login-page .container .wrapper .row .login-form .form .action a:hover {
  background-color: #17161a;
  cursor: pointer
}

#login-page .container .wrapper .row .login-form .form .signup {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#login-page .container .wrapper .row .login-form .form .signup p {
  font-family: poppins-regular;
  color: #7f7f7f;
  text-transform: capitalize
}

#login-page .container .wrapper .row .login-form .form .signup p a {
  display: contents;
  text-transform: capitalize;
  color: #F98B2A;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#login-page .container .wrapper .row .login-form .form .signup p a:hover {
  color: #7f7f7f
}

#page-404 {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 24px 0
}

#page-404 .container .img {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

@media(max-width:767px) {
  #page-404 .container .img img {
    width: 100%;
    height: 100%
  }
}

#page-404 .container .heading {
  margin: 32px 0;
  text-align: center
}

#page-404 .container .heading h1 {
  color: #17161a
}

@media(max-width:991px) {
  #page-404 .container .heading h1 {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #page-404 .container .heading h1 {
    font-size: 28px;
    line-height: 36px
  }
}

#page-404 .container .heading p {
  color: #7f7f7f;
  margin-top: 18px;
  font-size: 18px;
  font-family: poppins-regular
}

#page-404 .container .action {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#page-404 .container .action .homepage-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#page-404 .container .action .homepage-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

html {
  scroll-behavior: smooth
}

#hero-section {
  background-color: #F98B2A
}

#hero-section .overlay {
  background-image: url(../img/hero-landing.png);
  width: 100%;
  height: 100vh;
  background-color: #F98B2A;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

#hero-section .overlay:before {
  content: "";
  position: absolute;
  background-color: #F98B2A;
  top: 0;
  width: 100%;
  height: 100vh;
  opacity: 90%;
  z-index: 1
}

#hero-section .overlay .container .wrapper {
  text-align: center;
  position: relative;
  z-index: 10
}

#hero-section .overlay .container .wrapper .logo .digitized {
  width: auto
}

#hero-section .overlay .container .wrapper .heading {
  padding: 20px 0 24px
}

#hero-section .overlay .container .wrapper .heading h1 {
  color: #fff
}

@media(max-width:1199px) {
  #hero-section .overlay .container .wrapper .heading h1 {
    font-size: 40px;
    line-height: 50px
  }
}

@media(max-width:767px) {
  #hero-section .overlay .container .wrapper .heading h1 {
    font-size: 32px;
    line-height: 48px
  }
}

#hero-section .overlay .container .wrapper .desc-outer {
  padding: 0 0 40px
}

#hero-section .overlay .container .wrapper .desc-outer .desc-inner {
  color: #fff;
  font-family: poppins-regular;
  font-size: 18px
}

#hero-section .overlay .container .wrapper .action {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#hero-section .overlay .container .wrapper .action .btn-demos {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -webkit-transition: .2s linear;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  color: #F98B2A;
  padding: 13px 23px;
  border: 1px solid #fff;
  background-color: #fff
}

#hero-section .overlay .container .wrapper .action .btn-demos:hover {
  background-color: #17161a;
  cursor: pointer
}

#hero-section .overlay .container .wrapper .action .btn-demos:hover {
  background-color: transparent;
  color: #fff
}

#explore-demos1 {
  margin: 128px 0
}

@media(max-width:991px) {
  #explore-demos1 {
    margin: 64px 0
  }
}

#explore-demos1 .container .heading {
  text-align: center
}

#explore-demos1 .container .heading .services-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#explore-demos1 .container .heading .services-tag-outer .services-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#explore-demos1 .container .heading .services-heading-outer .services-heading {
  font-family: poppins-semibold;
  font-size: 40px;
  line-height: 58px;
  color: #17161a;
  margin: 18px 0;
  text-transform: capitalize
}

@media(max-width:991px) {
  #explore-demos1 .container .heading .services-heading-outer .services-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #explore-demos1 .container .heading .services-heading-outer .services-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#explore-demos1 .container .heading .services-desc-outer .services-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px
}

#explore-demos1 .container .custom-row {
  margin-top: 64px
}

#explore-demos1 .container .custom-row .homepage .homepage-inner {
  position: relative
}

#explore-demos1 .container .custom-row .homepage .homepage-inner .image {
  height: 350px;
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

@media(max-width:767px) {
  #explore-demos1 .container .custom-row .homepage .homepage-inner .image {
    height: auto !important
  }
}

#explore-demos1 .container .custom-row .homepage .homepage-inner .image:hover .icon {
  opacity: 90%
}

#explore-demos1 .container .custom-row .homepage .homepage-inner .image:hover .icon .plus-icon {
  opacity: 1;
  cursor: pointer
}

@media(max-width:575px) {
  #explore-demos1 .container .custom-row .homepage .homepage-inner .image {
    height: auto
  }
}

#explore-demos1 .container .custom-row .homepage .homepage-inner .image .icon {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F98B2A;
  opacity: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  cursor: auto
}

#explore-demos1 .container .custom-row .homepage .homepage-inner .image .icon .plus-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
  opacity: 0;
  font-size: 32px;
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#explore-demos1 .container .custom-row .homepage .homepage-inner .page-name .page-links {
  padding: 24px 0;
  text-align: center;
  font-family: poppins-semibold;
  color: #17161a;
  text-transform: capitalize;
  font-size: 24px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#explore-demos1 .container .custom-row .homepage .homepage-inner .page-name .page-links:hover {
  color: #F98B2A
}

#explore-demos2 {
  margin: 128px 0
}

@media(max-width:991px) {
  #explore-demos2 {
    margin: 64px 0
  }
}

#explore-demos2 .container .heading {
  text-align: center
}

#explore-demos2 .container .heading .services-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#explore-demos2 .container .heading .services-tag-outer .services-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#explore-demos2 .container .heading .services-heading-outer .services-heading {
  font-family: poppins-semibold;
  font-size: 40px;
  line-height: 58px;
  color: #17161a;
  margin: 18px 0;
  text-transform: capitalize
}

@media(max-width:991px) {
  #explore-demos2 .container .heading .services-heading-outer .services-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #explore-demos2 .container .heading .services-heading-outer .services-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#explore-demos2 .container .heading .services-desc-outer .services-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px
}

#explore-demos2 .container .custom-row {
  margin-top: 64px;
  -webkit-box-pack: center;
  justify-content: center
}

#explore-demos2 .container .custom-row .homepage .homepage-inner {
  position: relative
}

#explore-demos2 .container .custom-row .homepage .homepage-inner .image {
  height: 350px;
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

@media(max-width:767px) {
  #explore-demos2 .container .custom-row .homepage .homepage-inner .image {
    height: auto !important
  }
}

#explore-demos2 .container .custom-row .homepage .homepage-inner .image:hover .icon {
  opacity: 90%
}

#explore-demos2 .container .custom-row .homepage .homepage-inner .image:hover .icon .plus-icon {
  opacity: 1;
  cursor: pointer
}

#explore-demos2 .container .custom-row .homepage .homepage-inner .image .icon {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F98B2A;
  opacity: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  cursor: auto
}

#explore-demos2 .container .custom-row .homepage .homepage-inner .image .icon .plus-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
  opacity: 0;
  font-size: 32px;
  color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#explore-demos2 .container .custom-row .homepage .homepage-inner .page-name .page-links {
  padding: 24px 0;
  text-align: center;
  font-family: poppins-semibold;
  color: #17161a;
  text-transform: capitalize;
  font-size: 24px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#explore-demos2 .container .custom-row .homepage .homepage-inner .page-name .page-links:hover {
  color: #F98B2A
}

#explore-demos2 .container .custom-row .homepage .homepage-inner .page-name .page-links span {
  text-decoration: line-through
}

#explore-demos2 .container .custom-row .homepage1, #explore-demos2 .container .custom-row .homepage2, #explore-demos2 .container .custom-row .homepage3, #explore-demos2 .container .custom-row .homepage4, #explore-demos2 .container .custom-row .homepage5, #explore-demos2 .container .custom-row .homepage6, #explore-demos2 .container .custom-row .homepage7, #explore-demos2 .container .custom-row .homepage8, #explore-demos2 .container .custom-row .homepage9, #explore-demos2 .container .custom-row .homepage10, #explore-demos2 .container .custom-row .homepage11, #explore-demos2 .container .custom-row .homepage12, #explore-demos2 .container .custom-row .homepage13, #explore-demos2 .container .custom-row .homepage14, #explore-demos2 .container .custom-row .homepage15, #explore-demos2 .container .custom-row .homepage16, #explore-demos2 .container .custom-row .homepage17, #explore-demos2 .container .custom-row .homepage18, #explore-demos2 .container .custom-row .homepage19, #explore-demos2 .container .custom-row .homepage20, #explore-demos2 .container .custom-row .homepage21 {
  margin-bottom: 40px
}

#landing-features {
  margin-bottom: 128px
}

#landing-features .container .heading {
  text-align: center
}

#landing-features .container .heading .services-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#landing-features .container .heading .services-tag-outer .services-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#landing-features .container .heading .services-heading-outer .services-heading {
  font-family: poppins-semibold;
  font-size: 40px;
  line-height: 58px;
  color: #17161a;
  margin: 18px 0;
  text-transform: capitalize
}

@media(max-width:991px) {
  #landing-features .container .heading .services-heading-outer .services-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #landing-features .container .heading .services-heading-outer .services-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#landing-features .container .heading .services-desc-outer .services-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px
}

#landing-features .container .custom-row {
  margin-top: 64px
}

#landing-features .container .custom-row .homepage .homepage-inner {
  padding: 32px;
  height: 210px;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  display: -webkit-box;
  display: flex;
  background-color: #fff;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: justify;
  justify-content: space-between
}

#landing-features .container .custom-row .homepage .homepage-inner .box-heading {
  margin-bottom: 40px
}

#landing-features .container .custom-row .homepage .homepage-inner .box-heading h4 {
  color: #17161a;
  padding-bottom: 12px;
  font-size: 24px
}

#landing-features .container .custom-row .homepage .homepage-inner .box-heading p {
  color: #7f7f7f;
  font-family: poppins-regular
}

#landing-features .container .custom-row .homepage .homepage-inner .box-heading .browsers-p {
  margin-bottom: 32px
}

#landing-features .container .custom-row .homepage .homepage-inner .second {
  margin-bottom: 0
}

#landing-features .container .custom-row .homepage .homepage-inner .images {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  height: 50px
}

#landing-features .container .custom-row .homepage .homepage-inner-2nd {
  text-align: center;
  display: -webkit-box;
  display: flex;
  height: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center
}

#landing-features .container .custom-row .homepage1, #landing-features .container .custom-row .homepage2, #landing-features .container .custom-row .homepage3, #landing-features .container .custom-row .homepage4, #landing-features .container .custom-row .homepage5, #landing-features .container .custom-row .homepage6, #landing-features .container .custom-row .homepage7, #landing-features .container .custom-row .homepage8, #landing-features .container .custom-row .homepage9 {
  margin-bottom: 30px
}

#footer-landing {
  width: 100%;
  height: 100vh;
  background-color: #17161a;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

#footer-landing .container .wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

#footer-landing .container .wrapper .logo img {
  width: auto
}

#footer-landing .container .wrapper .heading {
  text-align: center;
  padding: 0 90px
}

@media(max-width:767px) {
  #footer-landing .container .wrapper .heading {
    padding: 0
  }
}

#footer-landing .container .wrapper .heading h1 {
  color: #fff;
  padding-top: 20px
}

@media(max-width:1199px) {
  #footer-landing .container .wrapper .heading h1 {
    font-size: 40px;
    line-height: 50px
  }
}

@media(max-width:767px) {
  #footer-landing .container .wrapper .heading h1 {
    font-size: 32px;
    line-height: 48px
  }
}

#footer-landing .container .wrapper .heading p {
  padding: 20px 0 40px;
  color: #fff;
  font-size: 18px;
  font-family: poppins-regular
}

#footer-landing .container .wrapper .action {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#footer-landing .container .wrapper .action .buy-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -webkit-transition: .2s linear;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#footer-landing .container .wrapper .action .buy-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#count-page {
  background-color: #17161a;
  padding: 24px 0
}

.count {
  height: 90vh;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

@media(max-width:991px) {
  .count {
    height: auto
  }
}

.count .container {
  margin: 0 auto
}

.count .container .wrapper .heading {
  text-align: center
}

.count .container .wrapper .heading h1 {
  color: #fff;
  text-transform: capitalize;
  font-size: 40px;
  margin-bottom: 18px;
  line-height: 58px
}

.count .container .wrapper .heading p {
  color: #fff;
  font-family: poppins-regular;
  font-size: 18px
}

.count .container .wrapper .row {
  margin: 50px auto 0
}

.count .container .wrapper .row .col-lg-12 .timer {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 10px;
  flex-wrap: wrap;
  text-align: center;
  padding-top: 15px
}

.count .container .wrapper .row .col-lg-12 .timer .timer-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  width: 200px
}

.count .container .wrapper .row .col-lg-12 .timer .timer-wrapper .time {
  font-size: 128px;
  color: #F98B2A;
  font-family: poppins-semibold;
  line-height: 120px
}

.count .container .wrapper .row .col-lg-12 .timer .timer-wrapper .text {
  font-size: 16px;
  font-family: poppins-regular;
  color: #fff;
  text-transform: capitalize
}

.count .container .wrapper .row .col-lg-12 .timer .coln {
  font-size: 64px;
  position: relative;
  top: -32px;
  color: #F98B2A
}

@media(max-width:991px) {
  .count .container .wrapper .row .col-lg-12 .timer .coln {
    display: none
  }
}

.count .container .wrapper .row .col-lg-12 .get-latest {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  margin: 30px 0 50px
}

.count .container .wrapper .row .col-lg-12 .get-latest .get-latest-heading .latest {
  font-family: poppins-semibold;
  font-size: 20px;
  line-height: 36px;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 16px
}

.count .container .wrapper .row .col-lg-12 .get-latest .input {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

@media(max-width:575px) {
  .count .container .wrapper .row .col-lg-12 .get-latest .input {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

.count .container .wrapper .row .col-lg-12 .get-latest .input .input-inner {
  width: 303px;
  padding: 14px 24px;
  font-family: poppins-regular;
  background-color: #fff;
  border: none;
  color: #7f7f7f;
  text-transform: capitalize
}

.count .container .wrapper .row .col-lg-12 .get-latest .input .input-inner:focus {
  outline: none
}

@media(max-width:575px) {
  .count .container .wrapper .row .col-lg-12 .get-latest .input .input-inner {
    width: 100%
  }
}

@media(max-width:575px) {
  .count .container .wrapper .row .col-lg-12 .get-latest .input .input-inner {
    margin: 4px 0 16px
  }
}

.count .container .wrapper .row .col-lg-12 .get-latest .input .subscribe-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.count .container .wrapper .row .col-lg-12 .get-latest .input .subscribe-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

.count .container .wrapper .row .col-lg-12 .get-latest .icon {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 24px
}

@media(max-width:575px) {
  .count .container .wrapper .row .col-lg-12 .get-latest .icon {
    -webkit-box-pack: center;
    justify-content: center
  }
}

.count .container .wrapper .row .col-lg-12 .get-latest .icon li:not(:first-child) {
  margin-left: 16px
}

.count .container .wrapper .row .col-lg-12 .get-latest .icon li a .social-icon {
  color: #fff;
  font-size: 24px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

.count .container .wrapper .row .col-lg-12 .get-latest .icon li a .social-icon:hover {
  color: #F98B2A
}

.count .container .wrapper .row .col-lg-12 .copyright .copy {
  font-family: poppins-regular;
  color: #fff;
  margin-top: 8px;
  margin-bottom: 8px;
  text-transform: capitalize;
  text-align: center;
  margin: 8px 0 4px
}

.count .container .wrapper .row .col-lg-12 .copyright .copy span {
  color: #F98B2A
}

#heading-privacy {
  background-color: #F98B2A;
  margin-bottom: 128px
}

#heading-privacy .container .heading {
  padding: 60px 0
}

#heading-privacy .container .heading h2 {
  color: #fff;
  text-align: center;
  font-size: 60px
}

@media(max-width:991px) {
  #heading-privacy .container .heading h2 {
    font-size: 40px;
    line-height: 48px
  }
}

@media(max-width:575px) {
  #heading-privacy .container .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

#pricavy .container {
  margin: 104px auto
}

#pricavy .container .content1 {
  margin-bottom: 30px
}

#pricavy .container .content1 h2 {
  color: #17161a;
  margin-bottom: 16px
}

@media(max-width:991px) {
  #pricavy .container .content1 h2 {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #pricavy .container .content1 h2 {
    font-size: 28px;
    line-height: 36px
  }
}

#pricavy .container .content1 .first {
  color: #7f7f7f;
  line-height: 32px;
  font-family: poppins-regular
}

#pricavy .container .content1 .second {
  color: #7f7f7f;
  line-height: 32px;
  font-family: poppins-regular;
  margin: 16px 0
}

#pricavy .container .content1 .third {
  color: #7f7f7f;
  line-height: 32px;
  font-family: poppins-regular
}

#pricavy .container .content2 {
  margin-bottom: 30px
}

#pricavy .container .content2 h2 {
  color: #17161a;
  margin-bottom: 16px
}

#pricavy .container .content2 .first {
  color: #7f7f7f;
  line-height: 32px;
  font-family: poppins-regular
}

#pricavy .container .content3 {
  margin-bottom: 30px
}

#pricavy .container .content3 h2 {
  color: #17161a;
  margin-bottom: 16px
}

#pricavy .container .content3 .first {
  color: #7f7f7f;
  line-height: 32px;
  font-family: poppins-regular
}

#pricavy .container .content3 .second {
  color: #7f7f7f;
  line-height: 32px;
  font-family: poppins-regular;
  margin: 16px 0
}

#pricavy .container .content3 .third {
  color: #7f7f7f;
  line-height: 32px;
  font-family: poppins-regular
}

#pricavy .container .content2 {
  margin-bottom: 30px
}

#pricavy .container .content2 h2 {
  color: #17161a;
  margin-bottom: 16px
}

#pricavy .container .content2 .first {
  color: #7f7f7f;
  line-height: 32px;
  font-family: poppins-regular
}

#pricavy .container .content4 {
  margin-bottom: 30px
}

#pricavy .container .content4 h2 {
  color: #17161a;
  margin-bottom: 16px
}

#pricavy .container .content4 .first {
  color: #7f7f7f;
  line-height: 32px;
  font-family: poppins-regular
}

#pricavy .container .content5 {
  margin-bottom: 30px
}

#pricavy .container .content5 h2 {
  color: #17161a;
  margin-bottom: 16px
}

#pricavy .container .content5 .first {
  color: #7f7f7f;
  line-height: 32px;
  font-family: poppins-regular
}

#pricavy .container .content6 {
  margin-bottom: 30px
}

#pricavy .container .content6 h2 {
  color: #17161a;
  margin-bottom: 16px
}

#pricavy .container .content6 .first {
  color: #7f7f7f;
  line-height: 32px;
  font-family: poppins-regular
}

#pricavy .container .content6 .second {
  color: #7f7f7f;
  line-height: 32px;
  font-family: poppins-regular;
  margin-top: 16px
}

#heading-contact {
  background-color: #F98B2A;
  margin-bottom: 128px
}

@media(max-width:991px) {
  #heading-contact {
    margin-bottom: 64px
  }
}

#heading-contact .container .heading {
  padding: 56px 0 80px
}

#heading-contact .container .heading h2 {
  color: #fff;
  text-align: center;
  font-size: 60px
}

@media(max-width:991px) {
  #heading-contact .container .heading h2 {
    font-size: 40px;
    line-height: 48px
  }
}

@media(max-width:575px) {
  #heading-contact .container .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

#contact {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #contact {
    margin-bottom: 64px
  }
}

#contact .container .wrapper h2 {
  color: #17161a;
  text-align: center
}

@media(max-width:991px) {
  #contact .container .wrapper h2 {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #contact .container .wrapper h2 {
    font-size: 28px;
    line-height: 40px
  }
}

#contact .container .wrapper p {
  font-family: poppins-regular;
  color: #7f7f7f;
  text-transform: capitalize;
  text-align: center;
  margin-top: 18px;
  font-size: 18px
}

#contact .container .row {
  margin-top: 64px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

@media(max-width:991px) {
  #contact .container .row .image {
    margin-bottom: 64px
  }
}

#contact .container .row .image .img img {
  width: 100%
}

#contact .container .row .form .form-inner {
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  padding: 40px
}

@media(max-width:575px) {
  #contact .container .row .form .form-inner {
    padding: 40px 15px
  }
}

#contact .container .row .form .form-inner .heading-form h3 {
  color: #17161a
}

#contact .container .row .form .form-inner .heading-form p {
  font-family: poppins-regular;
  color: #7f7f7f;
  text-transform: capitalize;
  margin: 12px 0 36px
}

#contact .container .row .form .form-inner .input-outer input {
  width: 100%;
  padding: 16px 24px;
  font-family: poppins-regular;
  border: none;
  text-transform: capitalize;
  background-color: #fff6fb;
  color: #7f7f7f;
  margin-bottom: 20px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#contact .container .row .form .form-inner .input-outer input:focus {
  outline: none;
  background-color: #f0edf6
}

#contact .container .row .form .form-inner textarea {
  resize: none;
  width: 100%;
  background-color: #fff6fb;
  border: none;
  font-family: poppins-regular;
  padding: 12px 24px;
  color: #7f7f7f;
  text-transform: capitalize;
  margin-bottom: 20px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#contact .container .row .form .form-inner textarea:focus {
  outline: none;
  background-color: #f0edf6
}

#contact .container .row .form .form-inner .action {
  display: -webkit-box;
  display: flex
}

#contact .container .row .form .form-inner .action .contact-btn {
  width: 100%;
  text-align: center;
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#contact .container .row .form .form-inner .action .contact-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#contact-us {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #contact-us {
    margin-bottom: 64px
  }
}

#contact-us .container .wrapper {
  text-align: center
}

#contact-us .container .wrapper h2 {
  color: #17161a
}

@media(max-width:991px) {
  #contact-us .container .wrapper h2 {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #contact-us .container .wrapper h2 {
    font-size: 28px;
    line-height: 40px
  }
}

#contact-us .container .wrapper p {
  font-family: poppins-regular;
  font-size: 18px;
  color: #7f7f7f;
  /* text-transform: capitalize; */
  margin-top: 18px
}

#contact-us .container .row {
  margin-top: 64px
}

#contact-us .container .row .contact-us-outer .contact-us-inner {
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  padding: 32px 36px 36px
}

#contact-us .container .row .contact-us-outer .contact-us-inner .heading-inner h3 {
  color: #17161a
}

#contact-us .container .row .contact-us-outer .contact-us-inner .heading-inner p {
  font-family: poppins-regular;
  color: #7f7f7f;
  text-transform: capitalize;
  margin: 8px 0 48px
}

#contact-us .container .row .contact-us-outer .contact-us-inner .icons {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

#contact-us .container .row .contact-us-outer .contact-us-inner .icons .icons-inner .envelope1, #contact-us .container .row .contact-us-outer .contact-us-inner .icons .icons-inner .phone1, #contact-us .container .row .contact-us-outer .contact-us-inner .icons .icons-inner .location1 {
  color: #F98B2A
}

#contact-us .container .row .contact-us-outer .contact-us-inner .icons .icons-inner .envelope2, #contact-us .container .row .contact-us-outer .contact-us-inner .icons .icons-inner .phone2, #contact-us .container .row .contact-us-outer .contact-us-inner .icons .icons-inner .location2 {
  color: #F98B2A;
  opacity: 10%
}

#contact-us .container .row .contact-us-outer .contact-us-inner .icons .icons-inner .envelope3, #contact-us .container .row .contact-us-outer .contact-us-inner .icons .icons-inner .phone3, #contact-us .container .row .contact-us-outer .contact-us-inner .icons .icons-inner .location3 {
  color: #F98B2A;
  opacity: 5%
}

#contact-us .container .row .contact-us-outer .contact-us-inner .icons .center {
  margin: 0 12px
}

@media(max-width:991px) {
  #contact-us .container .row .box1 {
    margin-bottom: 30px
  }
}

@media(max-width:767px) {
  #contact-us .container .row .box2 {
    margin-bottom: 30px
  }
}

#social-media {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #social-media {
    margin-bottom: 64px
  }
}

#social-media .container .wrapper {
  text-align: center
}

#social-media .container .wrapper h2 {
  color: #17161a
}

@media(max-width:991px) {
  #social-media .container .wrapper h2 {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #social-media .container .wrapper h2 {
    font-size: 28px;
    line-height: 40px
  }
}

#social-media .container .wrapper p {
  font-family: poppins-regular;
  font-size: 18px;
  color: #7f7f7f;
  text-transform: capitalize;
  margin-top: 18px
}

#social-media .container ul {
  margin-top: 64px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 0 50px
}

#social-media .container ul li:not(:last-child) {
  margin-right: 30px
}

@media(max-width:1199px) {
  #social-media .container ul li {
    margin-bottom: 30px
  }
}

@media(max-width:575px) {
  #social-media .container ul li:not(:last-child) {
    margin-right: 0
  }
}

#social-media .container ul li .social-btn {
  padding: 18px 0;
  display: -webkit-box;
  display: flex;
  width: 160px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center
}

#social-media .container ul li .social-btn .social-icon {
  color: #fff;
  margin-right: 8px;
  font-size: 24px
}

#social-media .container ul li .social-btn .snap {
  color: #17161a
}

#social-media .container ul li .social-btn p {
  font-family: poppins-medium;
  color: #fff;
  text-transform: capitalize
}

#social-media .container ul li .social-btn .snap-text {
  color: #17161a
}

#social-media .container ul li .fb {
  background-color: #3b5998
}

#social-media .container ul li .twi {
  background-color: #00acee
}

#social-media .container ul li .insta {
  background-color: #3f729b
}

#social-media .container ul li .dribl {
  background-color: #ea4c89
}

#social-media .container ul li .snap {
  background-color: #fffc00
}

#social-media .container ul .last-child {
  margin-bottom: 0
}

iframe {
  border-width: 0;
  width: 100%
}

#heading-clients {
  background-color: #F98B2A;
  margin-bottom: 128px
}

@media(max-width:991px) {
  #heading-clients {
    margin-bottom: 64px
  }
}

#heading-clients .container .heading {
  padding: 56px 0 80px
}

#heading-clients .container .heading h2 {
  color: #fff;
  text-align: center;
  font-size: 60px
}

@media(max-width:1199px) {
  #heading-clients .container .heading h2 {
    font-size: 40px;
    line-height: 50px
  }
}

@media(max-width:767px) {
  #heading-clients .container .heading h2 {
    font-size: 32px;
    line-height: 48px
  }
}

#clients-home3 {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #clients-home3 {
    margin-bottom: 64px
  }
}

#clients-home3 .container .wrapper .heading {
  text-align: center;
  margin-bottom: 64px
}

#clients-home3 .container .wrapper .heading .clients-heading-outer .clients-heading {
  font-family: poppins-semibold;
  font-size: 40px;
  line-height: 58px;
  color: #17161a;
  margin: 16px 0;
  text-transform: capitalize
}

@media(max-width:991px) {
  #clients-home3 .container .wrapper .heading .clients-heading-outer .clients-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #clients-home3 .container .wrapper .heading .clients-heading-outer .clients-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#clients-home3 .container .wrapper .heading .clients-desc-outer .clients-desc {
  font-family: poppins-regular;
  color: #7f7f7f
}

#clients-home3 .container .wrapper .clients .img {
  width: 100%
}

#clients-home3 .container .wrapper .clients .img .image-logo {
  width: 140px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  opacity: .5
}

@media(max-width:1199px) {
  #clients-home3 .container .wrapper .clients .img .image-logo {
    margin: 0 auto !important
  }
}

#clients-home3 .container .wrapper .clients .img .image-logo:hover {
  opacity: 1
}

#heading-post-details {
  background-color: #F98B2A
}

#heading-post-details .container .heading {
  padding: 56px 0 80px
}

#heading-post-details .container .heading h2 {
  color: #fff;
  text-align: center;
  font-size: 60px
}

@media(max-width:1199px) {
  #heading-post-details .container .heading h2 {
    font-size: 40px;
    line-height: 50px
  }
}

@media(max-width:767px) {
  #heading-post-details .container .heading h2 {
    font-size: 32px;
    line-height: 48px
  }
}

#post-details .container .row {
  margin: 128px auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

@media(max-width:991px) {
  #post-details .container .row {
    margin: 64px 0
  }
}

#post-details .container .row .details-page {
  padding: 0
}

#post-details .container .row .details-page .img {
  width: 100%;
  margin-bottom: 40px
}

#post-details .container .row .details-page .img .img-fluid {
  width: 100%
}

#post-details .container .row .details-page .ui-ux p {
  color: #7f7f7f;
  font-family: poppins-regular
}

#post-details .container .row .details-page .heading .link-h2 {
  color: #17161a;
  margin: 4px 0 8px;
  text-transform: capitalize;
  font-size: 40px;
  font-family: poppins-semibold;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details .container .row .details-page .heading .link-h2:hover {
  color: #F98B2A
}

@media(max-width:991px) {
  #post-details .container .row .details-page .heading .link-h2 {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #post-details .container .row .details-page .heading .link-h2 {
    font-size: 28px;
    line-height: 36px
  }
}

#post-details .container .row .details-page .heading p {
  color: #7f7f7f;
  font-family: poppins-regular
}

#post-details .container .row .details-page .heading p .admin {
  display: -webkit-inline-box;
  display: inline-flex;
  text-transform: capitalize;
  color: #7f7f7f;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details .container .row .details-page .heading p .admin:hover {
  color: #F98B2A
}

#post-details .container .row .details-page .description {
  margin: 40px 0
}

#post-details .container .row .details-page .description p {
  color: #7f7f7f;
  font-family: poppins-regular;
  line-height: 32px
}

#post-details .container .row .details-page .description p .link-para {
  display: -webkit-inline-box;
  display: inline-flex;
  color: #F98B2A
}

#post-details .container .row .details-page .description .background {
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  padding: 24px;
  margin: 40px 0
}

#post-details .container .row .details-page .tags {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  padding: 28px 0;
  border-top: 1px solid #f0edf6;
  border-bottom: 1px solid #f0edf6
}

@media(max-width:767px) {
  #post-details .container .row .details-page .tags {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#post-details .container .row .details-page .tags .tags-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: wrap
}

@media(max-width:767px) {
  #post-details .container .row .details-page .tags .tags-inner {
    margin-bottom: 32px;
    -webkit-box-pack: center;
    justify-content: center
  }
}

#post-details .container .row .details-page .tags .tags-inner li {
  text-transform: capitalize;
  color: #7f7f7f;
  font-family: poppins-medium
}

#post-details .container .row .details-page .tags .tags-inner li:not(:last-child) {
  margin-right: 12px
}

@media(max-width:767px) {
  #post-details .container .row .details-page .tags .tags-inner li {
    margin-bottom: 16px
  }
}

#post-details .container .row .details-page .tags .tags-inner li a {
  background-color: #f0edf6;
  color: #7f7f7f;
  padding: 12px 16px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details .container .row .details-page .tags .tags-inner li a:hover {
  color: #F98B2A
}

#post-details .container .row .details-page .tags .icons {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row
}

#post-details .container .row .details-page .tags .icons li {
  text-transform: capitalize;
  color: #7f7f7f;
  font-family: poppins-medium
}

#post-details .container .row .details-page .tags .icons li:not(:last-child) {
  margin-right: 12px
}

#post-details .container .row .details-page .tags .icons li a .social-icon {
  color: #7f7f7f;
  font-size: 24px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details .container .row .details-page .tags .icons li a .social-icon:hover {
  color: #F98B2A
}

#post-details .container .row .details-page .inner-heading {
  margin-top: 40px
}

#post-details .container .row .details-page .inner-heading h3 {
  color: #17161a
}

#post-details .container .row .details-page .inner-heading p {
  margin-top: 12px;
  text-transform: capitalize;
  color: #7f7f7f;
  font-family: poppins-regular
}

#post-details .container .row .details-page .row-inner {
  margin: 40px 0
}

@media(max-width:991px) {
  #post-details .container .row .details-page .row-inner .news-blog-box-outer {
    margin-bottom: 30px
  }
}

#post-details .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box {
  position: relative;
  overflow: hidden;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  background-color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .image {
  overflow: hidden
}

#post-details .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .image .news-blog-image {
  width: 100%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  overflow: hidden
}

#post-details .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content {
  padding: 36px
}

#post-details .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .info-admin {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 12px
}

#post-details .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .info-admin a {
  font-family: poppins-regular;
  color: #7f7f7f;
  margin-right: 4px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .info-admin a:hover {
  color: #F98B2A
}

#post-details .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .info-admin p {
  font-family: poppins-regular;
  color: #7f7f7f
}

#post-details .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .news-blog-heading .blog-link {
  font-family: poppins-semibold;
  color: #17161a;
  line-height: 36px;
  font-size: 24px;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

#post-details .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .news-blog-heading .blog-link:hover {
  color: #F98B2A;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

@media(max-width:991px) {
  #post-details .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .news-blog-heading .blog-link {
    font-size: 22px
  }
}

#post-details .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .news-blog-btn {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 16px;
  position: relative;
  overflow: hidden;
  width: 125px
}

#post-details .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .news-blog-btn:hover .arrow {
  -webkit-animation: news .4s;
  animation: news .4s
}

@keyframes news {
  0% {
    position: absolute;
    right: 8px
  }

  40% {
    position: absolute;
    opacity: 0;
    right: -25px
  }

  70% {
    position: absolute;
    opacity: 0;
    right: 25px
  }

  100% {
    position: absolute;
    opacity: 1;
    right: 12px
  }
}

#post-details .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .news-blog-btn p {
  text-transform: capitalize;
  color: #F98B2A;
  font-family: poppins-regular;
  margin-right: 8px
}

#post-details .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .news-blog-btn .arrow {
  font-size: 21px;
  color: #F98B2A
}

#post-details .container .row .details-page .row-inner .box1 {
  padding-left: 0
}

@media(max-width:991px) {
  #post-details .container .row .details-page .row-inner .box1 {
    padding: 0
  }
}

#post-details .container .row .details-page .row-inner .box2 {
  padding-right: 0
}

@media(max-width:991px) {
  #post-details .container .row .details-page .row-inner .box2 {
    padding: 0
  }
}

#post-details .container .row .details-page .comments h3 {
  color: #17161a;
  margin-bottom: 32px
}

#post-details .container .row .details-page .comments .person-comments li:not(:first-child) {
  margin-top: 32px
}

#post-details .container .row .details-page .comments .person-comments li .person-name {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

#post-details .container .row .details-page .comments .person-comments li .person-name .img-comment {
  width: 50px;
  margin-right: 12px
}

#post-details .container .row .details-page .comments .person-comments li .person-name .name span {
  text-transform: capitalize;
  color: #17161a;
  font-family: poppins-semibold
}

#post-details .container .row .details-page .comments .person-comments li .person-name .name p {
  text-transform: capitalize;
  color: #7f7f7f;
  font-family: poppins-regular;
  margin-right: 4px;
  margin-top: 0
}

#post-details .container .row .details-page .comments .person-comments li p {
  text-transform: capitalize;
  color: #7f7f7f;
  font-family: poppins-regular;
  line-height: 30px;
  margin-top: 16px
}

#post-details .container .row .details-page .comments .person-comments li .action {
  display: -webkit-box;
  display: flex;
  margin-top: 20px
}

#post-details .container .row .details-page .comments .person-comments li .action .reply-btn {
  padding: 12px 16px;
  color: #7f7f7f;
  font-family: poppins-medium;
  background-color: #f0edf6;
  text-transform: capitalize
}

#post-details .container .row .details-page .comments .person-comments .third {
  margin-left: 110px
}

@media(max-width:991px) {
  #post-details .container .row .details-page .comments .person-comments .third {
    margin-left: 0
  }
}

#post-details .container .row .details-page .post-comment {
  margin-top: 40px
}

#post-details .container .row .details-page .post-comment .heading-post-comment .post-heading {
  color: #17161a;
  margin-bottom: 32px
}

#post-details .container .row .details-page .post-comment .form .input-row1 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between
}

@media(max-width:575px) {
  #post-details .container .row .details-page .post-comment .form .input-row1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#post-details .container .row .details-page .post-comment .form .input-row1 input {
  background-color: #fff;
  padding: 14px 24px;
  border: none;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  width: 100%;
  color: #7f7f7f;
  text-transform: capitalize;
  font-family: poppins-regular;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details .container .row .details-page .post-comment .form .input-row1 input:focus {
  outline: none;
  background-color: #f0edf6
}

#post-details .container .row .details-page .post-comment .form .input-row1 .input-name {
  margin-right: 40px;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

@media(max-width:575px) {
  #post-details .container .row .details-page .post-comment .form .input-row1 .input-name {
    margin-bottom: 20px
  }
}

#post-details .container .row .details-page .post-comment .form .input-row1 .input-email {
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#post-details .container .row .details-page .post-comment .form .input {
  margin: 20px 0
}

#post-details .container .row .details-page .post-comment .form .input .input-web {
  background-color: #fff;
  padding: 12px 24px;
  border: none;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  width: 100%;
  color: #7f7f7f;
  text-transform: capitalize;
  font-family: poppins-regular;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details .container .row .details-page .post-comment .form .input .input-web:focus {
  outline: none;
  background-color: #f0edf6
}

#post-details .container .row .details-page .post-comment .form textarea {
  padding: 18px 24px;
  color: #7f7f7f;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  background-color: #fff;
  text-transform: capitalize;
  font-family: poppins-regular;
  resize: none;
  width: 100%;
  border: none;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details .container .row .details-page .post-comment .form textarea:focus {
  outline: none;
  background-color: #f0edf6
}

#post-details .container .row .details-page .post-comment .form .check {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between
}

@media(max-width:575px) {
  #post-details .container .row .details-page .post-comment .form .check {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#post-details .container .row .details-page .post-comment .form .check label {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  align-items: flex-start;
  margin: 28px 0
}

#post-details .container .row .details-page .post-comment .form .check label .check-inner {
  background-color: #f0edf6;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: flex;
  flex-shrink: 0;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin-right: 7px;
  position: relative
}

#post-details .container .row .details-page .post-comment .form .check label .check-inner:hover {
  cursor: pointer
}

#post-details .container .row .details-page .post-comment .form .check label .check-inner:focus {
  border: 2px solid red
}

#post-details .container .row .details-page .post-comment .form .check label .check-inner .input-check {
  opacity: 0;
  position: absolute
}

#post-details .container .row .details-page .post-comment .form .check label .check-inner .input-check:hover {
  cursor: pointer
}

#post-details .container .row .details-page .post-comment .form .check label .check-inner .input-check:checked+svg {
  display: block;
  fill: #00acee;
  background-color: #4200ff;
  padding-left: 6px;
  padding-top: 7px
}

#post-details .container .row .details-page .post-comment .form .check label .check-inner .fill-current {
  display: none;
  width: 24px;
  height: 24px;
  pointer-events: none
}

#post-details .container .row .details-page .post-comment .form .check label .select-none {
  color: #7f7f7f;
  font-family: poppins-regular
}

#post-details .container .row .details-page .post-comment .form .check label .select-none a {
  display: -webkit-inline-box;
  display: inline-flex;
  color: #F98B2A
}

#post-details .container .row .details-page .post-comment .form .check .forget a {
  color: #7f7f7f;
  font-family: poppins-regular;
  text-transform: capitalize
}

#post-details .container .row .details-page .post-comment .form .action {
  display: -webkit-box;
  display: flex
}

#post-details .container .row .details-page .post-comment .form .action .comment-btn {
  width: 50%;
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  text-align: center
}

#post-details .container .row .details-page .post-comment .form .action .comment-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

@media(max-width:991px) {
  #post-details .container .row .details-page .post-comment .form .action .comment-btn {
    width: auto
  }
}

#heading-blog-posts {
  background-color: #F98B2A
}

#heading-blog-posts .container .heading {
  padding: 56px 0 80px
}

#heading-blog-posts .container .heading h2 {
  color: #fff;
  text-align: center;
  font-size: 60px
}

@media(max-width:991px) {
  #heading-blog-posts .container .heading h2 {
    font-size: 40px;
    line-height: 52px
  }
}

@media(max-width:575px) {
  #heading-blog-posts .container .heading h2 {
    font-size: 32px;
    line-height: 48px
  }
}

#blog-with-sidebar .container .row {
  margin: 104px 0
}

@media(max-width:991px) {
  #blog-with-sidebar .container .row {
    margin: 64px 0
  }
}

@media(max-width:575px) {
  #blog-with-sidebar .container .row .blog-posts {
    padding: 0
  }
}

@media(max-width:991px) {
  #blog-with-sidebar .container .row .blog-posts {
    margin-bottom: 64px
  }
}

#blog-with-sidebar .container .row .blog-posts .row-1 {
  margin: 0;
  padding: 0
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer1 .news-blog-box1 {
  position: relative;
  overflow: hidden;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  background-color: #fff
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer1 .news-blog-box1 .image .news-blog-image {
  width: 100%
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer1 .news-blog-box1 .content {
  padding: 36px
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer1 .news-blog-box1 .content .info-admin {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 12px
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer1 .news-blog-box1 .content .info-admin a {
  font-family: poppins-regular;
  color: #7f7f7f;
  margin-right: 4px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer1 .news-blog-box1 .content .info-admin a:hover {
  color: #F98B2A
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer1 .news-blog-box1 .content .info-admin p {
  font-family: poppins-regular;
  color: #7f7f7f
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer1 .news-blog-box1 .content .news-blog-heading .blog-link {
  font-family: poppins-semibold;
  color: #17161a;
  line-height: 36px;
  font-size: 22px;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer1 .news-blog-box1 .content .news-blog-heading .blog-link:hover {
  color: #F98B2A;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

@media(max-width:991px) {
  #blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer1 .news-blog-box1 .content .news-blog-heading .blog-link {
    font-size: 22px
  }
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer1 .news-blog-box1 .content .news-blog-btn {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 16px;
  position: relative;
  overflow: hidden;
  width: 125px
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer1 .news-blog-box1 .content .news-blog-btn:hover .arrow {
  -webkit-animation: news .4s;
  animation: news .4s
}

@keyframes news {
  0% {
    position: absolute;
    right: 8px
  }

  40% {
    position: absolute;
    opacity: 0;
    right: -25px
  }

  70% {
    position: absolute;
    opacity: 0;
    right: 25px
  }

  100% {
    position: absolute;
    opacity: 1;
    right: 12px
  }
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer1 .news-blog-box1 .content .news-blog-btn p {
  text-transform: capitalize;
  color: #F98B2A;
  font-family: poppins-medium;
  margin-right: 8px
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer1 .news-blog-box1 .content .news-blog-btn .arrow {
  font-size: 21px;
  color: #F98B2A
}

@media(max-width:575px) {
  #blog-with-sidebar .container .row .blog-posts .row-1 .box {
    padding: 0
  }
}

#blog-with-sidebar .container .row .blog-posts .row-1 .box1, #blog-with-sidebar .container .row .blog-posts .row-1 .box2 {
  margin-bottom: 30px
}

#blog-with-sidebar .container .row .blog-posts .row-1 .blog-box-outer .blog-box {
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  background-color: #fff;
  overflow: hidden
}

#blog-with-sidebar .container .row .blog-posts .row-1 .blog-box-outer .blog-box:hover .img-blog {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

#blog-with-sidebar .container .row .blog-posts .row-1 .blog-box-outer .blog-box .content {
  padding: 36px
}

#blog-with-sidebar .container .row .blog-posts .row-1 .blog-box-outer .blog-box .content .heading-inner .blog-hed {
  font-family: poppins-semibold;
  color: #17161a;
  font-size: 22px;
  line-height: 36px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

@media(max-width:991px) {
  #blog-with-sidebar .container .row .blog-posts .row-1 .blog-box-outer .blog-box .content .heading-inner .blog-hed {
    font-size: 22px
  }
}

#blog-with-sidebar .container .row .blog-posts .row-1 .blog-box-outer .blog-box .content .heading-inner .blog-hed:hover {
  color: #F98B2A
}

#blog-with-sidebar .container .row .blog-posts .row-1 .blog-box-outer .blog-box .content .admin {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin: 16px 0
}

#blog-with-sidebar .container .row .blog-posts .row-1 .blog-box-outer .blog-box .content .admin a {
  font-family: poppins-regular;
  color: #7f7f7f;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#blog-with-sidebar .container .row .blog-posts .row-1 .blog-box-outer .blog-box .content .admin a:hover {
  color: #F98B2A
}

#blog-with-sidebar .container .row .blog-posts .row-1 .blog-box-outer .blog-box .content .admin span {
  margin: 0 5px;
  color: #7f7f7f
}

#blog-with-sidebar .container .row .blog-posts .row-1 .blog-box-outer .blog-box .content .admin p {
  font-family: poppins-regular;
  color: #7f7f7f
}

#blog-with-sidebar .container .row .blog-posts .row-1 .blog-box-outer .blog-box .content .action .news-blog-btn {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  width: 125px
}

#blog-with-sidebar .container .row .blog-posts .row-1 .blog-box-outer .blog-box .content .action .news-blog-btn:hover .arrow {
  -webkit-animation: news .4s;
  animation: news .4s
}

@keyframes news {
  0% {
    position: absolute;
    right: 8px
  }

  40% {
    position: absolute;
    opacity: 0;
    right: -25px
  }

  70% {
    position: absolute;
    opacity: 0;
    right: 25px
  }

  100% {
    position: absolute;
    opacity: 1;
    right: 12px
  }
}

#blog-with-sidebar .container .row .blog-posts .row-1 .blog-box-outer .blog-box .content .action .news-blog-btn p {
  text-transform: capitalize;
  color: #F98B2A;
  font-family: poppins-medium;
  margin-right: 8px
}

#blog-with-sidebar .container .row .blog-posts .row-1 .blog-box-outer .blog-box .content .action .news-blog-btn .arrow {
  font-size: 21px;
  color: #F98B2A
}

#blog-with-sidebar .container .row .blog-posts .row-1 .blog-box-outer .blog-box .image {
  overflow: hidden;
  margin-left: 36px
}

#blog-with-sidebar .container .row .blog-posts .row-1 .blog-box-outer .blog-box .image .img-blog {
  width: 100%;
  height: auto;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

@media(max-width:575px) {
  #blog-with-sidebar .container .row .blog-posts .row-1 .box {
    padding: 0
  }
}

@media(max-width:991px) {
  #blog-with-sidebar .container .row .blog-posts .row-1 .box5 {
    margin-bottom: 30px
  }
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer .news-blog-box {
  position: relative;
  overflow: hidden;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  background-color: #fff;
  padding: 36px;
  overflow: hidden
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer .news-blog-box .image {
  overflow: hidden
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer .news-blog-box .image:hover .news-blog-image {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer .news-blog-box .image .news-blog-image {
  width: 100%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer .news-blog-box .content {
  padding: 32px 0 0
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer .news-blog-box .content .info-admin {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 12px
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer .news-blog-box .content .info-admin a {
  font-family: poppins-regular;
  color: #7f7f7f;
  margin-right: 4px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer .news-blog-box .content .info-admin a:hover {
  color: #F98B2A
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer .news-blog-box .content .info-admin p {
  font-family: poppins-regular;
  color: #7f7f7f
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer .news-blog-box .content .news-blog-heading .blog-link {
  font-family: poppins-semibold;
  color: #17161a;
  line-height: 36px;
  font-size: 22px;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

@media(max-width:991px) {
  #blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer .news-blog-box .content .news-blog-heading .blog-link {
    font-size: 22px
  }
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer .news-blog-box .content .news-blog-heading .blog-link:hover {
  color: #F98B2A;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer .news-blog-box .content .news-blog-btn {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 16px;
  position: relative;
  overflow: hidden;
  width: 125px
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer .news-blog-box .content .news-blog-btn:hover .arrow {
  -webkit-animation: news .4s;
  animation: news .4s
}

@keyframes news {
  0% {
    position: absolute;
    right: 8px
  }

  40% {
    position: absolute;
    opacity: 0;
    right: -25px
  }

  70% {
    position: absolute;
    opacity: 0;
    right: 25px
  }

  100% {
    position: absolute;
    opacity: 1;
    right: 12px
  }
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer .news-blog-box .content .news-blog-btn p {
  text-transform: capitalize;
  color: #F98B2A;
  font-family: poppins-medium;
  margin-right: 8px
}

#blog-with-sidebar .container .row .blog-posts .row-1 .news-blog-box-outer .news-blog-box .content .news-blog-btn .arrow {
  font-size: 21px;
  color: #F98B2A
}

@media(max-width:575px) {
  #blog-with-sidebar .container .row .blog-posts .row-1 .box {
    padding: 0
  }
}

#blog-with-sidebar .container .row .blog-posts .row-1 .box3, #blog-with-sidebar .container .row .blog-posts .row-1 .box4 {
  margin-bottom: 30px
}

#blog-with-sidebar .container .sidebar {
  padding-left: 20px
}

@media(max-width:767px) {
  #blog-with-sidebar .container .sidebar {
    padding: 0
  }
}

#blog-with-sidebar .container .sidebar .input-search {
  position: relative;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#blog-with-sidebar .container .sidebar .input-search .input {
  width: 100%;
  border: none;
  padding: 16px 24px;
  background-color: #fff6fb;
  color: #7f7f7f;
  font-family: poppins-regular;
  background-color: #fff;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#blog-with-sidebar .container .sidebar .input-search .input:focus {
  outline: none;
  background-color: #f0edf6
}

#blog-with-sidebar .container .sidebar .input-search .search {
  width: 16px;
  position: absolute;
  right: 24px;
  top: 50%;
  color: #7f7f7f;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%)
}

#blog-with-sidebar .container .sidebar .popularposts-heading h3 {
  color: #17161a;
  margin: 40px 0 20px
}

#blog-with-sidebar .container .sidebar .content-box {
  padding: 36px;
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#blog-with-sidebar .container .sidebar .content-box .info-admin {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 12px
}

#blog-with-sidebar .container .sidebar .content-box .info-admin a {
  font-family: poppins-regular;
  color: #7f7f7f;
  margin-right: 4px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#blog-with-sidebar .container .sidebar .content-box .info-admin a:hover {
  color: #F98B2A
}

#blog-with-sidebar .container .sidebar .content-box .info-admin p {
  font-family: poppins-regular;
  color: #7f7f7f
}

#blog-with-sidebar .container .sidebar .content-box .news-blog-heading .blog-link {
  font-family: poppins-semibold;
  color: #17161a;
  line-height: 36px;
  font-size: 22px;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

#blog-with-sidebar .container .sidebar .content-box .news-blog-heading .blog-link:hover {
  color: #F98B2A;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

@media(max-width:991px) {
  #blog-with-sidebar .container .sidebar .content-box .news-blog-heading .blog-link {
    font-size: 22px
  }
}

#blog-with-sidebar .container .sidebar .content-box .news-blog-btn {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 16px;
  position: relative;
  overflow: hidden;
  width: 125px
}

#blog-with-sidebar .container .sidebar .content-box .news-blog-btn:hover .arrow {
  -webkit-animation: news .4s;
  animation: news .4s
}

@keyframes news {
  0% {
    position: absolute;
    right: 8px
  }

  40% {
    position: absolute;
    opacity: 0;
    right: -25px
  }

  70% {
    position: absolute;
    opacity: 0;
    right: 25px
  }

  100% {
    position: absolute;
    opacity: 1;
    right: 12px
  }
}

#blog-with-sidebar .container .sidebar .content-box .news-blog-btn p {
  text-transform: capitalize;
  color: #F98B2A;
  font-family: poppins-medium;
  margin-right: 8px
}

#blog-with-sidebar .container .sidebar .content-box .news-blog-btn .arrow {
  font-size: 21px;
  color: #F98B2A
}

#blog-with-sidebar .container .sidebar .center-box {
  margin: 30px 0
}

#blog-with-sidebar .container .sidebar .categories {
  margin: 40px 0 24px
}

#blog-with-sidebar .container .sidebar .categories h3 {
  color: #17161a;
  margin-bottom: 16px
}

#blog-with-sidebar .container .sidebar .categories .categories-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  line-height: 36px
}

#blog-with-sidebar .container .sidebar .categories .categories-inner .circle-arrow {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-right: 12px;
  color: #F98B2A;
  font-size: 18px
}

#blog-with-sidebar .container .sidebar .categories .categories-inner p {
  font-family: poppins-regular;
  color: #7f7f7f;
  text-transform: capitalize
}

#blog-with-sidebar .container .sidebar .popular-tags h3 {
  color: #17161a;
  margin-bottom: 20px
}

#blog-with-sidebar .container .sidebar .popular-tags .tags-inner {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap
}

#blog-with-sidebar .container .sidebar .popular-tags .tags-inner li:not(:last-child) {
  margin-right: 12px;
  margin-bottom: 12px
}

#blog-with-sidebar .container .sidebar .popular-tags .tags-inner li .tag {
  padding: 12px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-medium;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#blog-with-sidebar .container .sidebar .popular-tags .tags-inner li .tag:hover {
  color: #F98B2A
}

.action-btn {
  display: -webkit-box;
  display: flex;
  margin-top: 64px
}

.action-btn .load-more-btn {
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  width: 100%;
  text-align: center
}

.action-btn .load-more-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

#heading-work {
  background-color: #F98B2A;
  margin-bottom: 128px
}

@media(max-width:991px) {
  #heading-work {
    margin-bottom: 64px
  }
}

#heading-work .container .heading {
  padding: 56px 0 80px
}

#heading-work .container .heading h2 {
  color: #fff;
  text-align: center;
  font-size: 60px
}

@media(max-width:991px) {
  #heading-work .container .heading h2 {
    font-size: 40px;
    line-height: 48px
  }
}

@media(max-width:575px) {
  #heading-work .container .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

#work-process {
  margin-bottom: 128px;
  position: relative
}

@media(max-width:991px) {
  #work-process {
    margin-bottom: 64px
  }
}

#work-process:after {
  content: "";
  position: absolute;
  bottom: 267px;
  width: 100%;
  background-image: url(../img/dashed-line.png);
  height: 3px;
  z-index: -1
}

#work-process .container .wrapper .heading {
  text-align: center
}

#work-process .container .wrapper .heading .services-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#work-process .container .wrapper .heading .services-tag-outer .services-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#work-process .container .wrapper .heading .services-heading-outer .services-heading {
  color: #17161a;
  margin: 18px 0
}

@media(max-width:991px) {
  #work-process .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #work-process .container .wrapper .heading .services-heading-outer .services-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#work-process .container .wrapper .heading .services-desc-outer .services-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px
}

#work-process .container .wrapper .row {
  margin-top: 64px;
  -webkit-box-pack: center;
  justify-content: center
}

#work-process .container .wrapper .row .work-outer .work-inner {
  background-color: #fff;
  padding: 40px 32px;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#work-process .container .wrapper .row .work-outer .work-inner .icon {
  display: -webkit-box;
  display: flex
}

#work-process .container .wrapper .row .work-outer .work-inner .icon .work-icon {
  font-size: 56px;
  margin: 0 auto 24px;
  color: #F98B2A
}

#work-process .container .wrapper .row .work-outer .work-inner .heading-inner {
  text-align: center
}

#work-process .container .wrapper .row .work-outer .work-inner .heading-inner h3 {
  color: #17161a
}

#work-process .container .wrapper .row .work-outer .work-inner .heading-inner p {
  color: #7f7f7f;
  font-family: poppins-regular;
  line-height: 30px;
  margin: 16px 0
}

#work-process .container .wrapper .row .work-outer .work-inner .heading-inner .step-one {
  color: #b2f5ea;
  line-height: 50px;
  text-transform: lowercase
}

#work-process .container .wrapper .row .work-outer .work-inner .heading-inner .step-three {
  color: #fee2f1;
  line-height: 50px;
  text-transform: lowercase
}

#work-process .container .wrapper .row .work-outer .work-inner .heading-inner .step-two {
  color: #feebc8;
  line-height: 50px;
  text-transform: lowercase
}

@media(max-width:991px) {
  #work-process .container .wrapper .row .box1 {
    margin-bottom: 30px
  }
}

@media(max-width:767px) {
  #work-process .container .wrapper .row .box2 {
    margin-bottom: 30px
  }
}

#create-account .container .heading {
  text-align: center
}

#create-account .container .heading h2 {
  color: #17161a
}

@media(max-width:991px) {
  #create-account .container .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #create-account .container .heading h2 {
    font-size: 28px;
    line-height: 36px
  }
}

#create-account .container .heading p {
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 18px;
  line-height: 32px;
  margin-top: 18px
}

#create-account .container .row {
  margin-top: 64px;
  -webkit-box-align: center;
  align-items: center
}

#create-account .container .row .create-account .content {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

@media(max-width:575px) {
  #create-account .container .row .create-account .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center
  }
}

#create-account .container .row .create-account .content .zero1 h2 {
  font-size: 60px;
  margin-right: 30px;
  color: #b2f5ea
}

#create-account .container .row .create-account .content .account h3 {
  color: #17161a
}

@media(max-width:575px) {
  #create-account .container .row .create-account .content .account h3 {
    text-align: center
  }
}

#create-account .container .row .create-account .content .account p {
  color: #7f7f7f;
  font-family: poppins-regular;
  line-height: 30px;
  margin-top: 8px
}

@media(max-width:575px) {
  #create-account .container .row .create-account .content .account p {
    text-align: center
  }
}

#create-account .container .row .image .img {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end
}

@media(max-width:991px) {
  #create-account .container .row .image .img {
    margin-top: 24px;
    -webkit-box-pack: center;
    justify-content: center
  }
}

#create-account .container .row .image .img .workimage1 {
  width: 100%
}

@media(max-width:767px) {
  #create-account .container .row .image .img .workimage1 {
    height: 100% !important
  }
}

#create-account2 .container .row {
  -webkit-box-align: center;
  align-items: center;
  margin: 32px 0
}

@media(max-width:991px) {
  #create-account2 .container .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse
  }
}

#create-account2 .container .row .image .img {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end
}

@media(max-width:991px) {
  #create-account2 .container .row .image .img {
    margin-top: 24px;
    -webkit-box-pack: center;
    justify-content: center
  }
}

#create-account2 .container .row .image .img .workimage1 {
  width: 100%
}

@media(max-width:767px) {
  #create-account2 .container .row .image .img .workimage1 {
    height: 100% !important
  }
}

#create-account2 .container .row .create-account .content {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

@media(max-width:575px) {
  #create-account2 .container .row .create-account .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center
  }
}

#create-account2 .container .row .create-account .content .zero1 h2 {
  font-size: 60px;
  margin-right: 30px;
  color: #feebc8
}

#create-account2 .container .row .create-account .content .account h3 {
  color: #17161a
}

@media(max-width:575px) {
  #create-account2 .container .row .create-account .content .account h3 {
    text-align: center
  }
}

#create-account2 .container .row .create-account .content .account p {
  color: #7f7f7f;
  font-family: poppins-regular;
  line-height: 30px;
  margin-top: 8px
}

@media(max-width:575px) {
  #create-account2 .container .row .create-account .content .account p {
    text-align: center
  }
}

#create-account3 {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #create-account3 {
    margin-bottom: 64px
  }
}

#create-account3 .container .heading {
  text-align: center
}

#create-account3 .container .heading h2 {
  color: #17161a
}

#create-account3 .container .heading p {
  color: #7f7f7f;
  font-family: poppins-regular;
  line-height: 30px;
  margin-top: 8px
}

@media(max-width:575px) {
  #create-account3 .container .heading p {
    text-align: center
  }
}

#create-account3 .container .row {
  margin-top: 64px;
  -webkit-box-align: center;
  align-items: center
}

#create-account3 .container .row .create-account .content {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

@media(max-width:575px) {
  #create-account3 .container .row .create-account .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center
  }
}

#create-account3 .container .row .create-account .content .zero1 h2 {
  font-size: 60px;
  margin-right: 30px;
  color: #fee2f1
}

#create-account3 .container .row .create-account .content .account h3 {
  color: #17161a
}

@media(max-width:575px) {
  #create-account3 .container .row .create-account .content .account h3 {
    text-align: center
  }
}

#create-account3 .container .row .create-account .content .account p {
  color: #7f7f7f;
  font-family: poppins-regular;
  line-height: 30px;
  margin-top: 8px
}

@media(max-width:575px) {
  #create-account3 .container .row .create-account .content .account p {
    text-align: center
  }
}

#create-account3 .container .row .image .img {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end
}

@media(max-width:991px) {
  #create-account3 .container .row .image .img {
    margin-top: 24px;
    -webkit-box-pack: center;
    justify-content: center
  }
}

#create-account3 .container .row .image .img .workimage1 {
  width: 100%
}

@media(max-width:767px) {
  #create-account3 .container .row .image .img .workimage1 {
    height: 100% !important
  }
}

#work-process-2 {
  margin-bottom: 128px
}

@media(max-width:991px) {
  #work-process-2 {
    margin-bottom: 64px
  }
}

#work-process-2 .container .heading {
  text-align: center
}

#work-process-2 .container .heading .services-tag-outer {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center
}

#work-process-2 .container .heading .services-tag-outer .services-tag {
  padding: 8px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-regular;
  font-size: 15px;
  letter-spacing: .3px;
  text-transform: capitalize
}

#work-process-2 .container .heading .services-heading-outer .services-heading {
  font-family: poppins-semibold;
  font-weight: 600;
  font-size: 40px;
  line-height: 58px;
  color: #17161a;
  margin: 18px 0;
  text-transform: capitalize
}

@media(max-width:991px) {
  #work-process-2 .container .heading .services-heading-outer .services-heading {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #work-process-2 .container .heading .services-heading-outer .services-heading {
    font-size: 28px;
    line-height: 36px
  }
}

#work-process-2 .container .heading .services-desc-outer .services-desc {
  font-family: poppins-regular;
  color: #7f7f7f;
  font-size: 18px
}

#work-process-2 .container .row {
  margin-top: 64px;
  -webkit-box-align: center;
  align-items: center
}

#work-process-2 .container .row .work .work-inner .heading-inner {
  position: relative
}

#work-process-2 .container .row .work .work-inner .heading-inner h2 {
  color: #F98B2A;
  text-transform: lowercase;
  margin-left: 20px
}

@media(max-width:767px) {
  #work-process-2 .container .row .work .work-inner .heading-inner h2 {
    text-align: center;
    margin-left: 0
  }
}

#work-process-2 .container .row .work .work-inner .heading-inner .shape {
  position: absolute;
  top: -5px;
  left: 0;
  z-index: -1
}

@media(max-width:767px) {
  #work-process-2 .container .row .work .work-inner .heading-inner .shape {
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%)
  }
}

@media(max-width:767px) {
  #work-process-2 .container .row .work .work-inner .desc {
    text-align: center
  }
}

#work-process-2 .container .row .work .work-inner .desc h3 {
  margin: 24px 0 12px;
  color: #17161a
}

#work-process-2 .container .row .work .work-inner .desc p {
  font-family: poppins-regular;
  color: #7f7f7f;
  line-height: 30px
}

@media(max-width:991px) {
  #work-process-2 .container .row .box1 {
    margin-bottom: 30px
  }
}

@media(max-width:767px) {
  #work-process-2 .container .row .box2 {
    margin-bottom: 30px
  }
}

#heading-post-details-sidebar {
  background-color: #F98B2A
}

#heading-post-details-sidebar .container .heading {
  padding: 56px 0 80px
}

#heading-post-details-sidebar .container .heading h2 {
  color: #fff;
  text-align: center;
  font-size: 60px
}

@media(max-width:991px) {
  #heading-post-details-sidebar .container .heading h2 {
    font-size: 40px;
    line-height: 48px
  }
}

@media(max-width:575px) {
  #heading-post-details-sidebar .container .heading h2 {
    font-size: 32px;
    line-height: 44px
  }
}

#post-details-sidebar {
  margin: 128px 0
}

@media(max-width:991px) {
  #post-details-sidebar {
    margin: 64px 0
  }
}

#post-details-sidebar .container .row .details-page {
  padding-left: 0
}

@media(max-width:991px) {
  #post-details-sidebar .container .row .details-page {
    margin-bottom: 64px
  }
}

@media(max-width:991px) {
  #post-details-sidebar .container .row .details-page {
    padding-left: 15px
  }
}

#post-details-sidebar .container .row .details-page .img {
  width: 100%;
  margin-bottom: 40px
}

#post-details-sidebar .container .row .details-page .img .img-fluid {
  width: 100%;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#post-details-sidebar .container .row .details-page .ui-ux p {
  color: #7f7f7f;
  font-family: poppins-regular
}

#post-details-sidebar .container .row .details-page .heading .link-h2 {
  color: #17161a;
  margin: 4px 0 8px;
  font-size: 40px;
  font-family: poppins-semibold;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details-sidebar .container .row .details-page .heading .link-h2:hover {
  color: #F98B2A
}

@media(max-width:991px) {
  #post-details-sidebar .container .row .details-page .heading .link-h2 {
    font-size: 32px;
    line-height: 44px
  }
}

@media(max-width:575px) {
  #post-details-sidebar .container .row .details-page .heading .link-h2 {
    font-size: 28px;
    line-height: 36px
  }
}

#post-details-sidebar .container .row .details-page .heading p {
  color: #7f7f7f;
  font-family: poppins-regular
}

#post-details-sidebar .container .row .details-page .heading p .admin {
  display: -webkit-inline-box;
  display: inline-flex;
  color: #7f7f7f;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details-sidebar .container .row .details-page .heading p .admin:hover {
  color: #F98B2A
}

#post-details-sidebar .container .row .details-page .description {
  margin: 40px 0
}

#post-details-sidebar .container .row .details-page .description p {
  color: #7f7f7f;
  font-family: poppins-regular;
  line-height: 32px
}

#post-details-sidebar .container .row .details-page .description p .para-link {
  color: #F98B2A;
  text-transform: capitalize;
  display: -webkit-inline-box;
  display: inline-flex
}

#post-details-sidebar .container .row .details-page .description .background {
  background-color: #fff;
  padding: 24px;
  margin: 40px 0;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#post-details-sidebar .container .row .details-page .tags {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  padding: 28px 0;
  border-top: 1px solid #f0edf6;
  border-bottom: 1px solid #f0edf6
}

@media(max-width:767px) {
  #post-details-sidebar .container .row .details-page .tags {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#post-details-sidebar .container .row .details-page .tags .tags-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  flex-wrap: wrap
}

@media(max-width:767px) {
  #post-details-sidebar .container .row .details-page .tags .tags-inner {
    margin-bottom: 32px;
    -webkit-box-pack: center;
    justify-content: center
  }
}

#post-details-sidebar .container .row .details-page .tags .tags-inner li {
  text-transform: capitalize;
  color: #7f7f7f;
  font-family: poppins-regular
}

#post-details-sidebar .container .row .details-page .tags .tags-inner li:not(:last-child) {
  margin-right: 12px
}

@media(max-width:767px) {
  #post-details-sidebar .container .row .details-page .tags .tags-inner li {
    margin-bottom: 16px
  }
}

#post-details-sidebar .container .row .details-page .tags .tags-inner li a {
  background-color: #f0edf6;
  color: #7f7f7f;
  padding: 12px 16px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details-sidebar .container .row .details-page .tags .tags-inner li a:hover {
  color: #F98B2A
}

#post-details-sidebar .container .row .details-page .tags .icons {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row
}

#post-details-sidebar .container .row .details-page .tags .icons li {
  text-transform: capitalize;
  color: #7f7f7f;
  font-family: poppins-medium
}

#post-details-sidebar .container .row .details-page .tags .icons li:not(:last-child) {
  margin-right: 12px
}

#post-details-sidebar .container .row .details-page .tags .icons li a .social-icon {
  color: #7f7f7f;
  font-size: 24px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details-sidebar .container .row .details-page .tags .icons li a .social-icon:hover {
  color: #F98B2A
}

#post-details-sidebar .container .row .details-page .inner-heading {
  margin-top: 40px
}

#post-details-sidebar .container .row .details-page .inner-heading h3 {
  color: #17161a
}

#post-details-sidebar .container .row .details-page .inner-heading p {
  margin-top: 8px;
  text-transform: capitalize;
  color: #7f7f7f;
  font-family: poppins-medium
}

#post-details-sidebar .container .row .details-page .row-inner {
  margin: 40px 0
}

@media(max-width:991px) {
  #post-details-sidebar .container .row .details-page .row-inner .news-blog-box-outer {
    margin-bottom: 30px
  }
}

#post-details-sidebar .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box {
  position: relative;
  overflow: hidden;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  background-color: #fff;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details-sidebar .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .image {
  overflow: hidden
}

#post-details-sidebar .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .image .news-blog-image {
  width: 100%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  overflow: hidden
}

#post-details-sidebar .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content {
  padding: 36px
}

#post-details-sidebar .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .info-admin {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 12px
}

#post-details-sidebar .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .info-admin a {
  font-family: poppins-regular;
  color: #7f7f7f;
  margin-right: 4px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details-sidebar .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .info-admin a:hover {
  color: #F98B2A
}

#post-details-sidebar .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .info-admin p {
  font-family: poppins-regular;
  color: #7f7f7f
}

#post-details-sidebar .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .news-blog-heading .blog-link {
  font-family: poppins-semibold;
  color: #17161a;
  line-height: 36px;
  font-size: 24px;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

#post-details-sidebar .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .news-blog-heading .blog-link:hover {
  color: #F98B2A;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

@media(max-width:991px) {
  #post-details-sidebar .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .news-blog-heading .blog-link {
    font-size: 22px
  }
}

#post-details-sidebar .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .news-blog-btn {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 16px;
  position: relative;
  overflow: hidden;
  width: 125px
}

#post-details-sidebar .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .news-blog-btn:hover .arrow {
  -webkit-animation: news .4s;
  animation: news .4s
}

@keyframes news {
  0% {
    position: absolute;
    right: 8px
  }

  40% {
    position: absolute;
    opacity: 0;
    right: -25px
  }

  70% {
    position: absolute;
    opacity: 0;
    right: 25px
  }

  100% {
    position: absolute;
    opacity: 1;
    right: 12px
  }
}

#post-details-sidebar .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .news-blog-btn p {
  text-transform: capitalize;
  color: #F98B2A;
  font-family: poppins-medium;
  margin-right: 8px
}

#post-details-sidebar .container .row .details-page .row-inner .news-blog-box-outer .news-blog-box .content .news-blog-btn .arrow {
  font-size: 21px;
  color: #F98B2A
}

#post-details-sidebar .container .row .details-page .row-inner .box1 {
  padding-left: 0
}

@media(max-width:991px) {
  #post-details-sidebar .container .row .details-page .row-inner .box1 {
    padding: 0
  }
}

#post-details-sidebar .container .row .details-page .row-inner .box2 {
  padding-right: 0
}

@media(max-width:991px) {
  #post-details-sidebar .container .row .details-page .row-inner .box2 {
    padding: 0
  }
}

#post-details-sidebar .container .row .details-page .comments h3 {
  color: #17161a;
  margin-bottom: 32px
}

#post-details-sidebar .container .row .details-page .comments .person-comments li:not(:first-child) {
  margin-top: 32px
}

#post-details-sidebar .container .row .details-page .comments .person-comments li .person-name {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center
}

#post-details-sidebar .container .row .details-page .comments .person-comments li .person-name .img-comment {
  width: 50px;
  margin-right: 12px
}

#post-details-sidebar .container .row .details-page .comments .person-comments li .person-name .name span {
  text-transform: capitalize;
  color: #17161a;
  font-family: poppins-regular
}

#post-details-sidebar .container .row .details-page .comments .person-comments li .person-name .name p {
  text-transform: capitalize;
  color: #7f7f7f;
  font-family: poppins-regular;
  margin-right: 4px;
  margin-top: 0
}

#post-details-sidebar .container .row .details-page .comments .person-comments li p {
  text-transform: capitalize;
  color: #7f7f7f;
  font-family: poppins-regular;
  line-height: 30px;
  margin-top: 16px
}

#post-details-sidebar .container .row .details-page .comments .person-comments li .action {
  display: -webkit-box;
  display: flex;
  margin-top: 20px
}

#post-details-sidebar .container .row .details-page .comments .person-comments li .action .reply-btn {
  padding: 12px 16px;
  color: #7f7f7f;
  font-family: poppins-medium;
  background-color: #f0edf6;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details-sidebar .container .row .details-page .comments .person-comments li .action .reply-btn:hover {
  color: #F98B2A
}

#post-details-sidebar .container .row .details-page .comments .person-comments .third {
  margin-left: 110px
}

@media(max-width:991px) {
  #post-details-sidebar .container .row .details-page .comments .person-comments .third {
    margin-left: 0
  }
}

#post-details-sidebar .container .row .details-page .post-comment {
  margin-top: 40px
}

#post-details-sidebar .container .row .details-page .post-comment .heading-post-comment .post-heading {
  color: #17161a;
  margin-bottom: 32px
}

#post-details-sidebar .container .row .details-page .post-comment .form .input-row1 {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between
}

@media(max-width:575px) {
  #post-details-sidebar .container .row .details-page .post-comment .form .input-row1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#post-details-sidebar .container .row .details-page .post-comment .form .input-row1 input {
  background-color: #fff;
  padding: 14px 24px;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  border: none;
  width: 100%;
  color: #7f7f7f;
  text-transform: capitalize;
  font-family: poppins-regular;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details-sidebar .container .row .details-page .post-comment .form .input-row1 input:focus {
  outline: none;
  background-color: #f0edf6
}

#post-details-sidebar .container .row .details-page .post-comment .form .input-row1 .input-name {
  margin-right: 40px;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

@media(max-width:575px) {
  #post-details-sidebar .container .row .details-page .post-comment .form .input-row1 .input-name {
    margin-bottom: 20px
  }
}

#post-details-sidebar .container .row .details-page .post-comment .form .input-row1 .input-email {
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#post-details-sidebar .container .row .details-page .post-comment .form .input {
  margin: 20px 0
}

#post-details-sidebar .container .row .details-page .post-comment .form .input .input-web {
  background-color: #fff;
  padding: 12px 24px;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  border: none;
  width: 100%;
  color: #7f7f7f;
  text-transform: capitalize;
  font-family: poppins-regular;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details-sidebar .container .row .details-page .post-comment .form .input .input-web:focus {
  outline: none;
  background-color: #f0edf6
}

#post-details-sidebar .container .row .details-page .post-comment .form textarea {
  padding: 12px 24px;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  color: #7f7f7f;
  background-color: #fff;
  text-transform: capitalize;
  font-family: poppins-regular;
  resize: none;
  width: 100%;
  border: none;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details-sidebar .container .row .details-page .post-comment .form textarea:focus {
  outline: none;
  background-color: #f0edf6
}

#post-details-sidebar .container .row .details-page .post-comment .form .check {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between
}

@media(max-width:575px) {
  #post-details-sidebar .container .row .details-page .post-comment .form .check {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
  }
}

#post-details-sidebar .container .row .details-page .post-comment .form .check label {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  align-items: flex-start;
  margin: 28px 0
}

#post-details-sidebar .container .row .details-page .post-comment .form .check label .check-inner {
  background-color: #f0edf6;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08);
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: flex;
  flex-shrink: 0;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  margin-right: 7px;
  position: relative
}

#post-details-sidebar .container .row .details-page .post-comment .form .check label .check-inner:hover {
  cursor: pointer
}

#post-details-sidebar .container .row .details-page .post-comment .form .check label .check-inner:focus {
  border: 2px solid red
}

#post-details-sidebar .container .row .details-page .post-comment .form .check label .check-inner .input-check {
  opacity: 0;
  position: absolute
}

#post-details-sidebar .container .row .details-page .post-comment .form .check label .check-inner .input-check:hover {
  cursor: pointer
}

#post-details-sidebar .container .row .details-page .post-comment .form .check label .check-inner .input-check:checked+svg {
  display: block;
  fill: #00acee;
  background-color: #4200ff;
  padding-left: 6px;
  padding-top: 7px
}

#post-details-sidebar .container .row .details-page .post-comment .form .check label .check-inner .fill-current {
  display: none;
  width: 24px;
  height: 24px;
  pointer-events: none
}

#post-details-sidebar .container .row .details-page .post-comment .form .check label .select-none {
  color: #7f7f7f;
  font-family: poppins-regular
}

#post-details-sidebar .container .row .details-page .post-comment .form .check label .select-none a {
  display: -webkit-inline-box;
  display: inline-flex;
  color: #F98B2A
}

#post-details-sidebar .container .row .details-page .post-comment .form .check .forget a {
  color: #7f7f7f;
  font-family: poppins-regular;
  text-transform: capitalize
}

#post-details-sidebar .container .row .details-page .post-comment .form .action {
  display: -webkit-box;
  display: flex
}

#post-details-sidebar .container .row .details-page .post-comment .form .action .comment-btn {
  width: 50%;
  background-color: #F98B2A;
  color: #fff;
  padding: 14px 24px;
  font-family: poppins-regular;
  font-weight: 500;
  position: relative;
  letter-spacing: .3px;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear;
  text-align: center
}

#post-details-sidebar .container .row .details-page .post-comment .form .action .comment-btn:hover {
  background-color: #17161a;
  cursor: pointer
}

@media(max-width:991px) {
  #post-details-sidebar .container .row .details-page .post-comment .form .action .comment-btn {
    width: auto
  }
}

#post-details-sidebar .container .row .sidebar {
  padding-left: 20px
}

#post-details-sidebar .container .row .sidebar .input-search {
  position: relative;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#post-details-sidebar .container .row .sidebar .input-search .input {
  width: 100%;
  border: none;
  padding: 16px 24px;
  background-color: #fff6fb;
  color: #7f7f7f;
  font-family: poppins-regular;
  background-color: #fff;
  text-transform: capitalize;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details-sidebar .container .row .sidebar .input-search .input:focus {
  outline: none;
  background-color: #f0edf6
}

#post-details-sidebar .container .row .sidebar .input-search .search {
  width: 16px;
  position: absolute;
  right: 24px;
  top: 50%;
  color: #7f7f7f;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%)
}

#post-details-sidebar .container .row .sidebar .popularposts-heading h3 {
  color: #17161a;
  margin: 40px 0 20px
}

#post-details-sidebar .container .row .sidebar .content-box {
  padding: 36px;
  background-color: #fff;
  box-shadow: 0 17px 45px rgba(0, 0, 0, .08)
}

#post-details-sidebar .container .row .sidebar .content-box .info-admin {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  margin-bottom: 12px
}

#post-details-sidebar .container .row .sidebar .content-box .info-admin a {
  font-family: poppins-regular;
  color: #7f7f7f;
  margin-right: 4px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details-sidebar .container .row .sidebar .content-box .info-admin a:hover {
  color: #F98B2A
}

#post-details-sidebar .container .row .sidebar .content-box .info-admin p {
  font-family: poppins-regular;
  color: #7f7f7f
}

#post-details-sidebar .container .row .sidebar .content-box .news-blog-heading .blog-link {
  font-family: poppins-semibold;
  color: #17161a;
  line-height: 36px;
  font-size: 22px;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

#post-details-sidebar .container .row .sidebar .content-box .news-blog-heading .blog-link:hover {
  color: #F98B2A;
  -webkit-transition: .5s all ease-in-out;
  transition: .5s all ease-in-out
}

@media(max-width:991px) {
  #post-details-sidebar .container .row .sidebar .content-box .news-blog-heading .blog-link {
    font-size: 22px
  }
}

#post-details-sidebar .container .row .sidebar .content-box .news-blog-btn {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  margin-top: 16px;
  position: relative;
  overflow: hidden;
  width: 125px
}

#post-details-sidebar .container .row .sidebar .content-box .news-blog-btn:hover .arrow {
  -webkit-animation: news .4s;
  animation: news .4s
}

@keyframes news {
  0% {
    position: absolute;
    right: 8px
  }

  40% {
    position: absolute;
    opacity: 0;
    right: -25px
  }

  70% {
    position: absolute;
    opacity: 0;
    right: 25px
  }

  100% {
    position: absolute;
    opacity: 1;
    right: 12px
  }
}

#post-details-sidebar .container .row .sidebar .content-box .news-blog-btn p {
  text-transform: capitalize;
  color: #F98B2A;
  font-family: poppins-medium;
  margin-right: 8px
}

#post-details-sidebar .container .row .sidebar .content-box .news-blog-btn .arrow {
  color: #F98B2A;
  font-size: 21px
}

#post-details-sidebar .container .row .sidebar .center-box {
  margin: 30px 0
}

#post-details-sidebar .container .row .sidebar .categories {
  margin: 40px 0 24px
}

#post-details-sidebar .container .row .sidebar .categories h3 {
  color: #17161a;
  margin-bottom: 16px
}

#post-details-sidebar .container .row .sidebar .categories .categories-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  line-height: 36px
}

#post-details-sidebar .container .row .sidebar .categories .categories-inner .circle-arrow {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin-right: 12px;
  color: #F98B2A
}

#post-details-sidebar .container .row .sidebar .categories .categories-inner p {
  font-family: poppins-regular;
  color: #7f7f7f;
  text-transform: capitalize
}

#post-details-sidebar .container .row .sidebar .popular-tags h3 {
  color: #17161a;
  margin-bottom: 20px
}

#post-details-sidebar .container .row .sidebar .popular-tags .tags-inner {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap
}

#post-details-sidebar .container .row .sidebar .popular-tags .tags-inner li:not(:last-child) {
  margin-right: 12px;
  margin-bottom: 12px
}

#post-details-sidebar .container .row .sidebar .popular-tags .tags-inner li .tag {
  padding: 12px 16px;
  background-color: #f0edf6;
  color: #7f7f7f;
  font-family: poppins-medium;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

#post-details-sidebar .container .row .sidebar .popular-tags .tags-inner li .tag:hover {
  color: #F98B2A
}

html {
  box-sizing: border-box
}

*, *:before, *:after {
  box-sizing: inherit
}

body {
  width: 100%;
  height: auto;
  margin: 0;
  box-sizing: border-box;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  transition: .2s linear;
  -o-transition: .2 linear;
  -ms-transition: .2s linear;
  -moz-transition: .2s linear;
  -webkit-transition: .2s linear
}

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

li {
  list-style: none
}

a {
  /* display: block; */
  text-decoration: none;
  letter-spacing: .3px
}

a:hover {
  text-decoration: none
}

h1 {
  font-size: 60px;
  line-height: 80px;
  font-family: poppins-semibold;
  font-weight: 400;
  text-transform: capitalize;
  margin: 0;
  padding: 0
}

h2 {
  font-size: 40px;
  line-height: 58px;
  font-family: poppins-semibold;
  text-transform: capitalize;
  font-weight: 400;
  margin: 0;
  padding: 0
}

h3 {
  font-size: 24px;
  line-height: 36px;
  font-family: poppins-semibold;
  text-transform: capitalize;
  font-weight: 400;
  margin: 0;
  padding: 0
}

h4 {
  font-size: 20px;
  line-height: 24px;
  font-family: poppins-semibold;
  text-transform: capitalize;
  font-weight: 400;
  margin: 0;
  padding: 0
}

h5, h6 {
  font-weight: 400;
  margin: 0;
  padding: 0
}

p {
  margin: 0;
  padding: 0;
  letter-spacing: .3px
}

i {
  cursor: pointer
}

input {
  border-radius: 0;
  letter-spacing: .3px
}

.dropdown-toggle {
  -webkit-appearance: none !important
}

button {
  -webkit-appearance: none !important
}

#footer .container .row .uhuru-outer .uhuru .desc p {
  font-family: poppins-regular;
  line-height: 32px;
  color: #fff;
  margin: 18px 0
}

@media(max-width:767px) {
  #footer .container .row .uhuru-outer .uhuru .desc p {
    text-align: center
  }
}

/*===========================
     28. SCROLLBAR css
============================*/
/* width */
::-webkit-scrollbar {
  width: 8px !important;
}

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

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

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #E97107;
}

/* Mobile number 02 */
@media(max-width:425px) {
  .mobile-number {
    padding-left: 40px;
    padding-bottom: 20px;
  }
}

@media(min-width:426px) {
  .mobile-number {
    padding-left: 10px;
  }
}

/* footer logo */
@media(max-width:425px) {
  #footer .container .uhuru {
    text-align: center;
  }
}
