@charset "UTF-8";
/*================================================
Template name: Acnalys – Business Consulting - HTML Template
Version: 1.0.0
Author: Website_Stock 
Author url: https://themeforest.net/user/website_stock

[ Table of Contents ]

01: Banner
02: Business Partner
03: Trusted Client Area
04: About Area
05: Fact Section
06: Our Team Area
07: like-us-area
08: latest-project
09: what-our-client-say
10: latest-news
11: footer
12: preloader
13: bottom to top
14: selection text
==================================================*/
/*================================================
Template name: Acnalys – Business Consulting - HTML Template
Version: 1.0.0
Author: Website_Stock 
Author url: https://themeforest.net/user/website_stock

[ Table of Contents ]

01: Reset css Style
    1.1: mixins
    1.2: color
    1.3: variable
==================================================*/
/*================================================
01: Reset css Style
==================================================*/
/*================================================
Template name: Acnalys – Business Consulting - HTML Template
Version: 1.0.0
Author: Website_Stock 
Author url: https://themeforest.net/user/website_stock

[ Table of Contents ]

01: All mixin css Style
  1.1: transition
  1.2: background-image
  1.3: border-radius
  1.4: text
  1.5: transform
  1.6: transformX
  1.7: transformY
  1.8: scale
  1.9: rotate
02: Responsive Screen
  2.1: sm
  2.2: md
  2.3: lg
  2.4: xl
  2.5: xl2
  2.6: xl3
  2.7: xl4

==================================================*/
/*================================================
// 01: All mixin css Style
==================================================*/
/*================================================
//  02: Responsive Screen
==================================================*/
/*================================================
Template name: Acnalys – Business Consulting - HTML Template
Version: 1.0.0
Author: Website_Stock 
Author url: https://themeforest.net/user/website_stock

[ Table of Contents ]

01: All Color Variable css Style

==================================================*/
/*================================================
Template name: Acnalys – Business Consulting - HTML Template
Version: 1.0.0
Author: Website_Stock 
Author url: https://themeforest.net/user/website_stock

[ Table of Contents ]

01: Font-Family css variables
02: Others css variables

==================================================*/

.about-area .about-timing {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-direction: column;
  gap: 60px;
}
.about-area .about-timing .about-timing-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 70px;
  border-top: 1px solid #39acff;
  padding-top: 52px;
}
@media (max-width: 1200px) {
  .about-area .about-timing .about-timing-item {
    padding-top: 32px;
  }
}
@media (max-width: 768px) {
  .about-area .about-timing .about-timing-item {
    gap: 10px;
  }
}
.about-area .about-timing .about-timing-item .timing {
  color: #39acff;
  font-family: "Noto Serif", sans-serif;
  font-weight: 600;
  font-size: 45px;
  line-height: 61px;
  text-align: left;
  flex: 0 0 20%;
}
@media (max-width: 1200px) {
  .about-area .about-timing .about-timing-item .timing {
    font-size: 30px;
    line-height: 40px;
  }
}
@media (max-width: 768px) {
  .about-area .about-timing .about-timing-item .timing {
    font-size: 22px;
    line-height: 30px;
  }
}
.about-area .about-timing .about-timing-item p {
  margin-bottom: 0;
  max-width: 330px;
  flex: 0 0 auto;
}
@media (max-width: 1200px) {
  .about-area .about-timing .about-timing-item p {
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 768px) {
  .about-area .about-timing .about-timing-item p {
    font-size: 12px;
    line-height: 20px;
    text-wrap: wrap;
    flex: 0 0 70%;
  }
}

.fact .fact-wrapper .section-title p {
  color: #39acff;
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}
.fact .fact-wrapper .section-title h1 {
  color: #fff;
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 55px;
}

.our-team-area::before {
  content: "";
  position: absolute;
  top: 11rem;
  left: -34rem;
  background-image: url("./../images/home-3/shape");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 992px) {
  .our-team-area::before {
    display: none;
  }
}
.our-team-area::after {
  content: "";
  position: absolute;
  top: 22rem;
  right: -48rem;
  background-image: url("./../images/home-3/shap");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 992px) {
  .our-team-area::after {
    display: none;
  }
}
.our-team-area .section-title .subtitle {
  color: #39acff;
}
.our-team-area .section-title .subtitle::after {
  background-color: #39acff;
}
.our-team-area .card-member .card-img .social-link {
  background-color: #39acff;
}
.our-team-area .card-member .card-content p {
  color: #fff;
  font-family: 'Jost Medium';
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
}
.our-team-area .card-member:hover .card-content {
  background-color: #fb7268;
}

.like-us-area {
  position: relative;
  background-image: url("./../images");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left;
  background-size: contain;
  z-index: 10;
  padding-left: 312px;
  overflow: hidden;
}
@media (max-width: 1600px) {
  .like-us-area {
    padding-left: 100px;
  }
}
@media (max-width: 1200px) {
  .like-us-area {
    padding-left: 30px;
  }
}
@media (max-width: 768px) {
  .like-us-area {
    padding: 0 16px;
  }
}
.like-us-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;

  opacity: 0.6;
}
.like-us-area .section-title {
  text-align: left;
}
@media (max-width: 1400px) {
  .like-us-area .section-title {
    margin-bottom: 30px;
  }
}
@media (max-width: 768px) {
  .like-us-area .section-title {
    text-align: center;
  }
}
.like-us-area .section-title .subtitle {
  color: #39acff;
  padding-left: 0;
}
@media (max-width: 768px) {
  .like-us-area .section-title .subtitle {
    margin-bottom: 10px;
  }
}
.like-us-area .section-title .subtitle::after {
  width: 0;
}
.like-us-area .section-title .title {
  margin-bottom: 30px;
}
@media (max-width: 1400px) {
  .like-us-area .section-title .title {
    font-size: 38px;
  }
}
@media (max-width: 768px) {
  .like-us-area .section-title .title {
    font-size: 18px;
    line-height: 25px;
  }
}
.like-us-area .section-title p {
  color: #fff;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 40px;
  max-width: 484px;
}
@media (max-width: 768px) {
  .like-us-area .section-title p {
    margin: 0 auto 20px;
  }
}
.like-us-area .choose-grid {
  max-width: 416px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 768px) {
  .like-us-area .choose-grid {
    margin: 0 auto;
    align-items: flex-start;
  }
}
.like-us-area .choose-grid .choose-grid-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.like-us-area .choose-grid .choose-grid-item .img {
  width: 90px;
  height: 90px;
  min-width: 90px;
  min-height: 90px;
  flex-basis: 90px;
}
@media (max-width: 768px) {
  .like-us-area .choose-grid .choose-grid-item .img {
    width: 60px;
    height: 60px;
  }
}
.like-us-area .choose-grid .choose-grid-item .img img {
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  .like-us-area .choose-grid .choose-grid-item .content {
    margin-bottom: 30px;
  }
}
.like-us-area .choose-grid .choose-grid-item .content h2 {
  color: #fff;
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 7px;
}
@media (max-width: 768px) {
  .like-us-area .choose-grid .choose-grid-item .content h2 {
    font-size: 18px;
  }
}
.like-us-area .choose-grid .choose-grid-item .content p {
  color: #fff;
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 29px;
}
@media (max-width: 768px) {
  .like-us-area .choose-grid .choose-grid-item .content p {
    font-size: 14px;
  }
}
.like-us-area img {
  width: 100%;
  height: 100%;
}
.like-us-area .video-img {
  position: relative;
}
.like-us-area .video-img img {
  width: 100%;
  height: 100%;
  
}
.like-us-area .video-img .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fae8d0;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.like-us-area .video-img .btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 130px;
  height: 130px;
  background: #fae8d0;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}
.like-us-area .video-img .btn:after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 130px;
  height: 130px;
  background: #fae8d0;
  border-radius: 50%;
  transition: all 200ms;
}
@media (max-width: 576px) {
  .like-us-area .video-img .btn {
    max-width: 150px;
  }
}
.like-us-area .subscription {
  background-color: #fae8d0;
  padding: 80px 47px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 52px;
}
@media (max-width: 768px) {
  .like-us-area .subscription {
    padding: 30px 20px;
  }
}
@media (max-width: 1200px) {
  .like-us-area .subscription {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
}
@media (max-width: 576px) {
  .like-us-area .subscription {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
}
.like-us-area .subscription p {
  color: #fff;
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 26px;
}
@media (max-width: 576px) {
  .like-us-area .subscription p {
    font-size: 18px;
  }
}
.like-us-area .subscription form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 19px;
}
@media (max-width: 992px) {
  .like-us-area .subscription form {
    flex-wrap: wrap;
  }
}
.like-us-area .subscription form input {
  padding: 15px 19px;
}
@media (max-width: 992px) {
  .like-us-area .subscription form input {
    width: 100%;
  }
}
.like-us-area .subscription form button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #fff;
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 26px;
  background-color: #0e1916;
  padding: 15px 29px;
}
@media (max-width: 992px) {
  .like-us-area .subscription form button {
    width: 100%;
  }
}
@media (max-width: 576px) {
  .like-us-area .subscription form button {
    font-size: 18px;
  }
}

.latest-project::before {
  content: "";
  position: absolute;
  top: 11rem;
  left: -34rem;
  background-image: url("./../images/home-3/shape");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.latest-project::after {
  content: "";
  position: absolute;
  top: 36rem;
  right: -48rem;
  background-image: url("./../images/home-3/shape.");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.latest-project .section-title {
  max-width: 499px;
  margin: 0 auto;
  text-align: center;
}
.latest-project .section-title .subtitle {
  margin-bottom: 24px;
  color: #39acff;
}
.latest-project .section-title .subtitle::after {
  background-color: #39acff;
}
.latest-project .section-title .title {
  margin-bottom: 70px;
}
.latest-project .grid-project {
  -moz-column-count: 3;
       column-count: 3;
  -moz-column-gap: 1em;
       column-gap: 1em;
  margin: 0;
  padding: 0;
}
@media (max-width: 992px) {
  .latest-project .grid-project {
    -moz-column-count: 2;
         column-count: 2;
  }
}
@media (max-width: 576px) {
  .latest-project .grid-project {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.latest-project .grid-project .grid-project-item {
  position: relative;
  overflow: hidden;
  display: block;
  margin-bottom: 16px;
  width: 100%;
}
.latest-project .grid-project .grid-project-item .img {
  width: 100%;
  height: 100%;
}
.latest-project .grid-project .grid-project-item .img img {
  width: 100%;
  height: 100%;
}
.latest-project .grid-project .grid-project-item .content {
  position: absolute;
  opacity: 0;
  bottom: 51px;
  left: 50%;
  width: 10px;
  height: 178px;
  background-color: rgba(57, 172, 255, 0.5019607843);
  border-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 38px 36px 47px 19px;
  transition: all ease 0.9s;
  -webkit-transition: all ease 0.9s;
  -moz-transition: all ease 0.9s;
  -ms-transition: all ease 0.9s;
  -o-transition: all ease 0.9s;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
@media (max-width: 1200px) {
  .latest-project .grid-project .grid-project-item .content {
    padding: 20px 16px;
  }
}
@media (max-width: 576px) {
  .latest-project .grid-project .grid-project-item .content {
    bottom: 15px;
  }
}
.latest-project .grid-project .grid-project-item .content h4 {
  transform: scale(0.1);
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -ms-transform: scale(0.1);
  -o-transform: scale(0.1);
  color: #fff;
  font-family: "Heebo", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 48px;
  transition: all ease 0.9s;
  -webkit-transition: all ease 0.9s;
  -moz-transition: all ease 0.9s;
  -ms-transition: all ease 0.9s;
  -o-transition: all ease 0.9s;
}
@media (max-width: 1200px) {
  .latest-project .grid-project .grid-project-item .content h4 {
    font-size: 12px;
    line-height: 30px;
  }
}
.latest-project .grid-project .grid-project-item .content h3 {
  transform: scale(0.1);
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -ms-transform: scale(0.1);
  -o-transform: scale(0.1);
  color: #fff;
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
  transition: all ease 0.9s;
  -webkit-transition: all ease 0.9s;
  -moz-transition: all ease 0.9s;
  -ms-transition: all ease 0.9s;
  -o-transition: all ease 0.9s;
}
@media (max-width: 1200px) {
  .latest-project .grid-project .grid-project-item .content h3 {
    font-size: 18px;
    line-height: 25px;
  }
}
@media (max-width: 992px) {
  .latest-project .grid-project .grid-project-item .content h3 {
    font-size: 16px;
    line-height: 20px;
  }
}
.latest-project .grid-project .grid-project-item:hover .content {
  opacity: 1;
  width: 87%;
  transition: all ease 0.9s;
  -webkit-transition: all ease 0.9s;
  -moz-transition: all ease 0.9s;
  -ms-transition: all ease 0.9s;
  -o-transition: all ease 0.9s;
}
.latest-project .grid-project .grid-project-item:hover h4 {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all ease 0.9s;
  -webkit-transition: all ease 0.9s;
  -moz-transition: all ease 0.9s;
  -ms-transition: all ease 0.9s;
  -o-transition: all ease 0.9s;
}
.latest-project .grid-project .grid-project-item:hover h3 {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all ease 0.9s;
  -webkit-transition: all ease 0.9s;
  -moz-transition: all ease 0.9s;
  -ms-transition: all ease 0.9s;
  -o-transition: all ease 0.9s;
}

.what-our-client-say {
  background-color: #0e1916;
  position: relative;
  padding: 100px 0 133px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .what-our-client-say {
    padding: 80px 0;
  }
}
.what-our-client-say .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("./../images/home-3/what-our-clients-say-area.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.what-our-client-say .title {
  color: #fff;
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 60px;
  margin-bottom: 61px;
}
@media (max-width: 992px) {
  .what-our-client-say .title {
    font-size: 38px;
    margin-bottom: 41px;
  }
}
@media (max-width: 576px) {
  .what-our-client-say .title {
    font-size: 28px;
    margin-bottom: 31px;
  }
}
.what-our-client-say .content {
  max-width: 969px;
  margin: 0 auto;
  z-index: 1;
  position: relative;
}
.what-our-client-say .content .description {
  color: #fff;
  font-family: '"Jost", sans-serif';
  font-weight: 500;
  font-size: 35px;
  line-height: 50px;
  margin-bottom: 41px;
}
@media (max-width: 992px) {
  .what-our-client-say .content .description {
    font-size: 25px;
    margin-bottom: 31px;
  }
}
@media (max-width: 576px) {
  .what-our-client-say .content .description {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 21px;
  }
}
.what-our-client-say .content .name {
  color: #fff;
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 35px;
  line-height: 50px;
}
@media (max-width: 992px) {
  .what-our-client-say .content .name {
    font-size: 25px;
    line-height: 30px;
  }
}
@media (max-width: 576px) {
  .what-our-client-say .content .name {
    font-size: 18px;
    line-height: 30px;
  }
}
.what-our-client-say .content .designation {
  color: #39acff;
  font-family: "Jost", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 992px) {
  .what-our-client-say .content .designation {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .what-our-client-say .content .designation {
    font-size: 14px;
  }
}

.latest-news {
  position: relative;
  padding: 140px 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  .latest-news {
    padding: 80px 0;
  }
}
.latest-news::before {
  content: "";
  position: absolute;
  top: 11rem;
  left: -34rem;
  background-image: url("./../images/home-3/shape.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 768px) {
  .latest-news::before {
    display: none;
  }
}
.latest-news::after {
  content: "";
  position: absolute;
  top: 42rem;
  right: -48rem;
  background-image: url("./../images/home-3/shape.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (max-width: 768px) {
  .latest-news::after {
    display: none;
  }
}
.latest-news .section-title {
  max-width: 499px;
  margin: 0 auto 70px;
  text-align: center;
}
.latest-news .section-title .subtitle {
  color: #39acff;
}
.latest-news .section-title .subtitle::after {
  background-color: #39acff;
}
.latest-news .img {
  margin-bottom: 23px;
}
.latest-news .img img {
  width: 100%;
}
@media (max-width: 768px) {
  .latest-news .content {
    margin-bottom: 20px;
  }
}
.latest-news .content .date {
  color: #fff;
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 17px;
}
@media (max-width: 768px) {
  .latest-news .content .date {
    font-size: 14px;
  }
}
@media (max-width: 576px) {
  .latest-news .content .date {
    font-size: 12px;
  }
}
.latest-news .content h1 {
  color: #fff;
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
}
@media (max-width: 768px) {
  .latest-news .content h1 {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .latest-news .content h1 {
    font-size: 16px;
  }
}

.footer .social-link a i {
  color: #39acff;
}
.footer .social-link a:hover {
  background-color: #39acff;
}
.footer .footer-link li a:hover svg path {
  fill: #39acff;
}

.loader:after {
  border-top-color: #39acff;
  border-right-color: #39acff;
  border-bottom-color: #39acff;
}

.progress-wrap::after {
  color: #39acff;
}
.progress-wrap svg.progress-circle path {
  stroke: #fb7268;
}

::-moz-selection {
  color: white;
  background: #39acff;
}

::selection {
  color: white;
  background: #39acff;
}

::-moz-selection {
  color: white;
  background: #39acff;
}/*# sourceMappingURL=home-3.css.map */