/*
@File: Dilx Template Style

* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

*******************************************
*******************************************

** - Default CSS
** - Sass CSS
** - IT Startup CSS
** - Digital CSS
** - About CSS
** - Service Details CSS
** - Project Details CSS
** - Blog Details CSS
** - Contact CSS
** - User CSS
** - Error CSS
** - Rules CSS
** - Preloader CSS
** - Go Top CSS
*/
@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap");
/*----- Default CSS -----*/
body {
  font-family: "Rubik", sans-serif;
  color: #565353;
  background-color: #fff;
  font-size: 16px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Quicksand", sans-serif;
  color: #252525;
  line-height: 1.4;
  font-weight: 700;
}

p {
  line-height: 1.8;
}

a {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  text-decoration: none;
}

img {
  max-width: 100%;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-100 {
  padding-bottom: 100px;
}

button:focus {
  outline: 0;
}

.btn.focus, .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*----- End Default CSS -----*/
/*----- Sass CSS -----*/
/*-- Navbar --*/
.navbar-light .navbar-brand .logo-two {
  display: none;
}

.main-nav {
  background-color: transparent;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.main-nav .container-fluid {
  max-width: 1615px;
}

.main-nav nav {
  padding-left: 0;
  padding-right: 0;
}

.main-nav nav .navbar-nav {
  margin-left: auto;
  margin-right: auto;
}

.main-nav nav .navbar-nav .nav-item:hover a {
  color: #2948ff;
}

.main-nav nav .navbar-nav .nav-item a {
  font-weight: 400;
  text-transform: capitalize;
  color: #565353;
  padding-bottom: 0;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.main-nav nav .navbar-nav .nav-item a:hover, .main-nav nav .navbar-nav .nav-item a:focus, .main-nav nav .navbar-nav .nav-item a.active {
  color: #2948ff;
}

.main-nav nav .navbar-nav .nav-item a i {
  font-size: 18px;
  position: relative;
  top: 3px;
  display: inline-block;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  background: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd91;
          box-shadow: 0px 0px 20px 0px #dddddd91;
  border: 0;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
  border-bottom: 1px dashed #2948ff2e;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child {
  border-bottom: 0;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
  top: 0 !important;
  left: unset;
  right: -100%;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a {
  color: #2948ff;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
  font-weight: 400;
  color: #565353;
  position: relative;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 2px;
  top: 18px;
  left: 0;
  background-color: #2948ff;
  opacity: 0;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
  color: #2948ff;
  padding-left: 25px;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover:after, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus:after, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active:after {
  opacity: 1;
  width: 15px;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
  left: unset;
  right: -100%;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
  color: #565353;
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
  color: #2948ff;
}

.main-nav nav .navbar-nav .nav-item .dropdown-toggle::after {
  display: none;
}

.main-nav.menu-shrink {
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd5e;
          box-shadow: 0px 0px 20px 0px #dddddd5e;
}

.side-nav .left-btn {
  display: inline-block;
  color: #2948ff;
  background-color: #d4daff;
  border-radius: 30px;
  padding-right: 30px;
  padding-left: 28px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin-right: 10px;
  height: 50px;
  line-height: 50px;
}

.side-nav .left-btn:before {
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #2948ff;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  border-radius: 30px;
  z-index: -1;
}

.side-nav .left-btn:after {
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  right: 0;
  top: 0;
  background-color: #2948ff;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  border-radius: 30px;
  z-index: -1;
  opacity: .40;
}

.side-nav .left-btn i {
  display: inline-block;
  font-size: 22px;
  position: relative;
  top: 5px;
  margin-right: 4px;
}

.side-nav .left-btn:hover {
  color: #fff;
}

.side-nav .left-btn:hover:before {
  width: 100%;
}

.side-nav .left-btn:hover:after {
  width: 100%;
}

/*-- End Navbar --*/
/*-- Banner --*/
.banner-area {
  height: 920px;
  position: relative;
  overflow: hidden;
}

.banner-area .container-fluid {
  max-width: 1615px;
}

.banner-area .banner-shape img {
  position: absolute;
}

.banner-area .banner-shape img:nth-child(1) {
  top: 145px;
  right: 0;
  z-index: -1;
  max-width: 885px;
}

.banner-area .banner-shape img:nth-child(2) {
  top: 200px;
  left: 40%;
  -webkit-animation: banner-ani-one 18s infinite linear;
          animation: banner-ani-one 18s infinite linear;
}

.banner-area .banner-shape img:nth-child(3) {
  top: 320px;
  left: 80px;
  -webkit-animation: banner-ani-two 18s infinite linear;
          animation: banner-ani-two 18s infinite linear;
}

.banner-area .banner-shape img:nth-child(4) {
  bottom: 90px;
  left: 110px;
  -webkit-animation: banner-ani-three 18s infinite linear;
          animation: banner-ani-three 18s infinite linear;
}

.banner-area .banner-shape img:nth-child(5) {
  bottom: 200px;
  left: 50%;
  -webkit-animation: banner-ani-four 18s infinite linear;
          animation: banner-ani-four 18s infinite linear;
}

.banner-area .banner-shape img:nth-child(6) {
  bottom: 50px;
  right: 150px;
  -webkit-animation: banner-ani-five 18s infinite linear;
          animation: banner-ani-five 18s infinite linear;
}

@-webkit-keyframes banner-ani-one {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(-80px, -80px);
            transform: translate(-80px, -80px);
  }
  70% {
    -webkit-transform: translate(-50px, 50px);
            transform: translate(-50px, 50px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes banner-ani-one {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(-80px, -80px);
            transform: translate(-80px, -80px);
  }
  70% {
    -webkit-transform: translate(-50px, 50px);
            transform: translate(-50px, 50px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes banner-ani-two {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(80px, 80px);
            transform: translate(80px, 80px);
  }
  70% {
    -webkit-transform: translate(50px, -80px);
            transform: translate(50px, -80px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes banner-ani-two {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(80px, 80px);
            transform: translate(80px, 80px);
  }
  70% {
    -webkit-transform: translate(50px, -80px);
            transform: translate(50px, -80px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes banner-ani-three {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(-100px, -100px);
            transform: translate(-100px, -100px);
  }
  70% {
    -webkit-transform: translate(-80px, 80px);
            transform: translate(-80px, 80px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes banner-ani-three {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(-100px, -100px);
            transform: translate(-100px, -100px);
  }
  70% {
    -webkit-transform: translate(-80px, 80px);
            transform: translate(-80px, 80px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes banner-ani-four {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(120px, 120px);
            transform: translate(120px, 120px);
  }
  70% {
    -webkit-transform: translate(80px, -110px);
            transform: translate(80px, -110px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes banner-ani-four {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(120px, 120px);
            transform: translate(120px, 120px);
  }
  70% {
    -webkit-transform: translate(80px, -110px);
            transform: translate(80px, -110px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes banner-ani-five {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(-150px, -120px);
            transform: translate(-150px, -120px);
  }
  70% {
    -webkit-transform: translate(-100px, 90px);
            transform: translate(-100px, 90px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes banner-ani-five {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  30% {
    -webkit-transform: translate(-150px, -120px);
            transform: translate(-150px, -120px);
  }
  70% {
    -webkit-transform: translate(-100px, 90px);
            transform: translate(-100px, 90px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.banner-content {
  max-width: 825px;
}

.banner-content span {
  display: block;
  color: #252525;
  font-size: 20px;
  margin-bottom: 10px;
}

.banner-content h1 {
  color: #252525;
  font-size: 80px;
  margin-bottom: 10px;
  line-height: 100px;
}

.banner-content p {
  font-size: 20px;
  margin-bottom: 25px;
}

.banner-content .banner-btn .banner-btn-right {
  display: inline-block;
  color: #2948ff;
  background-color: #d4daff;
  border-radius: 30px;
  padding-right: 30px;
  padding-left: 28px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin-left: 10px;
  height: 50px;
  line-height: 50px;
}

.banner-content .banner-btn .banner-btn-right:before {
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #2948ff;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  border-radius: 30px;
  z-index: -1;
}

.banner-content .banner-btn .banner-btn-right:after {
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  right: 0;
  top: 0;
  background-color: #2948ff;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  border-radius: 30px;
  z-index: -1;
  opacity: .40;
}

.banner-content .banner-btn .banner-btn-right i {
  display: inline-block;
  font-size: 25px;
  position: relative;
  top: 5px;
}

.banner-content .banner-btn .banner-btn-right:hover {
  color: #fff;
}

.banner-content .banner-btn .banner-btn-right:hover:before {
  width: 100%;
}

.banner-content .banner-btn .banner-btn-right:hover:after {
  width: 100%;
}

.cmn-btn {
  display: inline-block;
  color: #fff;
  background-color: #2948ff;
  border-radius: 30px;
  padding-right: 28px;
  padding-left: 32px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  height: 50px;
  line-height: 50px;
}

.cmn-btn:before {
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #252525;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  border-radius: 30px;
  z-index: -1;
}

.cmn-btn:after {
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  right: 0;
  top: 0;
  background-color: #252525;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  border-radius: 30px;
  z-index: -1;
  opacity: .40;
}

.cmn-btn i {
  display: inline-block;
  font-size: 20px;
  position: relative;
  top: 4px;
  -webkit-animation: unset;
          animation: unset;
}

.cmn-btn:hover {
  color: #fff;
}

.cmn-btn:hover:before {
  width: 100%;
}

.cmn-btn:hover:after {
  width: 100%;
}

.cmn-btn:hover i {
  -webkit-animation: cmn-rotate-ani 0.8s infinite linear;
          animation: cmn-rotate-ani 0.8s infinite linear;
}

@-webkit-keyframes cmn-rotate-ani {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  0% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes cmn-rotate-ani {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  0% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

/*-- End Banner --*/

/*----- IT Startup CSS -----*/
/*-- Navbar --*/
.main-nav.two nav .navbar-nav .nav-item a {
  color: #fff;
  position: relative;
}

.main-nav.two nav .navbar-nav .nav-item a:before {
  position: absolute;
  content: '';
  width: 0;
  height: 2px;
  margin-left: auto;
  left: 0;
  bottom: -7px;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.main-nav.two nav .navbar-nav .nav-item a:hover, .main-nav.two nav .navbar-nav .nav-item a:focus, .main-nav.two nav .navbar-nav .nav-item a.active {
  color: #fff;
}

.main-nav.two nav .navbar-nav .nav-item a:hover:before, .main-nav.two nav .navbar-nav .nav-item a:focus:before, .main-nav.two nav .navbar-nav .nav-item a.active:before {
  width: 20px;
  opacity: 1;
  visibility: visible;
}

.main-nav.two nav .navbar-nav .nav-item .dropdown-menu {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.main-nav.two nav .navbar-nav .nav-item .dropdown-menu li a:before {
  display: none;
}

.main-nav.two .side-nav .left-btn {
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
}

.main-nav.two .side-nav .left-btn:before {
  background-color: #fff;
}

.main-nav.two .side-nav .left-btn:after {
  background-color: #fff;
}

.main-nav.two .side-nav .left-btn:hover {
  color: #2948ff;
}

.main-nav.two .side-nav .cmn-btn {
  color: #2948ff;
  border: 1px solid #fff;
  background-color: #fff;
}

.main-nav.two .side-nav .cmn-btn:hover {
  border: 1px solid #252525;
  color: #fff;
}

.main-nav.two.menu-shrink {
  background-color: #2948ff;
}

/*-- End Navbar --*/
/*-- Banner --*/
.banner-area.two {
  background-color: #2948ff;
}

.banner-area.two .banner-content {
  margin-top: 50px;
  position: relative;
  z-index: 1;
  max-width: 745px;
}

.banner-area.two .banner-content span {
  color: #fff;
}

.banner-area.two .banner-content h1 {
  color: #fff;
  font-size: 80px;
  margin-bottom: 10px;
}

.banner-area.two .banner-content p {
  color: #fff;
  margin-bottom: 28px;
}

.banner-area.two .banner-content .cmn-btn {
  color: #2948ff;
  background-color: #fff;
}

.banner-area.two .banner-content .cmn-btn:hover {
  color: #fff;
}

.banner-area.two .banner-shape-two img {
  position: absolute;
  right: 55px;
  bottom: 0;
  max-width: 680px;
  z-index: 1;
}

.banner-area.two .banner-shape-two span {
  display: block;
  color: #2542f0;
  font-size: 285px;
  position: absolute;
  top: -365px;
  left: 75px;
  line-height: 340px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  font-weight: 700;
}

/*-- End Banner CSS --*/

/*-- End Subscribe --*/
/*----- End IT Startup CSS -----*/
/*----- Digital CSS -----*/
/*-- Banner --*/
.banner-area.three {
  height: 940px;
}

.banner-area.three .banner-shape img:nth-child(1) {
  display: none;
}

.banner-area.three .banner-img {
  position: relative;
}

.banner-area.three .banner-img img {
  position: absolute;
}

.banner-area.three .banner-img img:nth-child(1) {
  width: 100%;
  position: relative;
  z-index: 1;
}

.banner-area.three .banner-img img:nth-child(2) {
  top: 0;
  left: -70px;
  max-width: 75px;
}

.banner-area.three .banner-img img:nth-child(3) {
  top: 65px;
  left: -70px;
  max-width: 75px;
  -webkit-animation: about-ani-one 18s infinite linear;
          animation: about-ani-one 18s infinite linear;
}

.banner-area.three .banner-img img:nth-child(4) {
  top: 50%;
  left: -30px;
  -webkit-animation: counter-rotate-ani 10s infinite linear;
          animation: counter-rotate-ani 10s infinite linear;
}

.banner-area.three .banner-img img:nth-child(5) {
  bottom: -55px;
  left: 0;
  max-width: 125px;
}

.banner-area.three .banner-img img:nth-child(6) {
  bottom: -60px;
  left: 130px;
  max-width: 62px;
  -webkit-animation: counter-rotate-ani 10s infinite linear;
          animation: counter-rotate-ani 10s infinite linear;
}

.banner-area.three .banner-img img:nth-child(7) {
  bottom: -60px;
  left: 200px;
  max-width: 62px;
}

.banner-area.three .banner-img img:nth-child(8) {
  top: 0;
  right: -56px;
  max-width: 57px;
  -webkit-animation: feature-ani-one 4s infinite linear;
          animation: feature-ani-one 4s infinite linear;
}

.banner-area.three .banner-content {
  margin-top: 80px;
}

.banner-area.three .banner-content span {
  color: #976df3;
  background-color: #d9e3ff;
  padding: 8px 25px;
  border-radius: 30px;
  font-size: 16px;
  display: inline-block;
}

.banner-area.three .banner-content h1 {
  font-weight: 700;
}

.banner-area.three .banner-content h1 span {
  color: #976df3;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  font-size: unset;
  display: inline-block;
}

.banner-area.three .banner-content p {
  font-size: 18px;
}

.banner-area.three .banner-contact {
  border-top: 1px solid #e9e9e9;
  padding-top: 25px;
  margin-top: 80px;
  margin-right: 40px;
}

.banner-area.three .banner-contact ul {
  margin: 0;
  padding: 0;
}

.banner-area.three .banner-contact ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
  padding-left: 55px;
  margin-right: 60px;
}

.banner-area.three .banner-contact ul li:last-child {
  margin-right: 0;
}

.banner-area.three .banner-contact ul li i {
  position: absolute;
  top: 15px;
  left: 0;
  color: #ffffff;
  font-size: 25px;
  display: inline-block;
  z-index: 1;
  font-weight: 700;
}

.banner-area.three .banner-contact ul li i:after {
  position: absolute;
  content: '';
  width: 35px;
  height: 35px;
  border-radius: 50%;
  top: -12px;
  left: 0;
  background-color: #976df3;
  z-index: -1;
}

.banner-area.three .banner-contact ul li span {
  display: block;
  margin-bottom: 3px;
}

.banner-area.three .banner-contact ul li a {
  display: block;
  color: #221668;
  font-weight: 500;
  font-size: 18px;
}

.banner-area.three .banner-contact ul li a:hover {
  color: #252525;
}

/*-- End Banner --*/

/*-- About --*/
.about-area-two {
  position: relative;
}

.about-area-two .about-shape img {
  position: absolute;
  z-index: -1;
}

.about-area-two .about-shape img:nth-child(1) {
  top: 0;
  right: 250px;
  -webkit-animation: about-ani-two 18s infinite linear;
          animation: about-ani-two 18s infinite linear;
}

.about-area-two .about-shape img:nth-child(2) {
  top: 230px;
  right: 135px;
  -webkit-animation: about-ani-one 18s infinite linear;
          animation: about-ani-one 18s infinite linear;
}

.about-area-two .about-shape img:nth-child(3) {
  top: 15px;
  right: 25px;
  z-index: -2;
}

.about-area-two .about-img {
  margin-bottom: 30px;
}

.about-area-two .about-content {
  margin-bottom: 30px;
  padding-left: 30px;
  max-width: 540px;
}

.about-area-two .about-content .section-title.three {
  margin-bottom: 25px;
}

.about-area-two .about-content .section-title.three h2 {
  margin-bottom: 3px;
}

.about-area-two .about-content .section-title.three p {
  margin-bottom: 0;
}

.about-area-two .about-content ul {
  margin: 0;
  padding: 0;
}

.about-area-two .about-content ul li {
  list-style-type: none;
  display: block;
  font-weight: 400;
  color: #221668;
  font-size: 18px;
  margin-bottom: 10px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.about-area-two .about-content ul li:hover {
  padding-left: 10px;
}

.about-area-two .about-content ul li i {
  display: inline-block;
  font-size: 20px;
  position: relative;
  top: 1px;
  margin-right: 5px;
}

.about-area-two .about-content .cmn-btn {
  margin-top: 25px;
}

@-webkit-keyframes about-ani-two {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-80px, 0);
            transform: translate(-80px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes about-ani-two {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  50% {
    -webkit-transform: translate(-80px, 0);
            transform: translate(-80px, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

/*-- End About --*/