/*

TemplateMo 561 Purple Buzz

https://templatemo.com/tm-561-purple-buzz

---------------------------------------------
Table of contents
------------------------------------------------
1. Typography
2. Main Nav
3. Home
4. About
5. Work
6. Single Work
7. Pricing
8. Contact
--------------------------------------------- */

html {
  font-family: 'Open Sans', sans-serif;
  scroll-behavior: smooth;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  display: block;
}

/* Typography */
p,
a {
  font-weight: 400;
}

.h2 {
  font-size: 40px;
}

.h3 {
  font-size: 28px;
}

.font-white {
  color: #fff;
}

.light-300 {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 300;
}

.regular-400 {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400;
}

.semi-bold-600 {
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 600;
}

.typo-space-line::after,
.typo-space-line-center::after {
  content: "";
  width: 150px;
  display: block;
  position: absolute;
  border-bottom: 5px solid #6266ea;
  padding-top: .5em;
}

.typo-space-line-center::after {
  left: 50%;
  margin-left: -75px;
}

.padingrl {
  padding: 0px 150px 0px 150px;
}

/* Main Nav */
#main_nav .nav-item .nav-link:hover {
  color: #fff;
}

/* Home */
#index_banner {
  background-image: url('./../img/banner-bg-01.jpg');
  background-position: center center;
  background-size: cover;
  height: 100%;
  min-height: 60vh;
  width: 100%;
}

#index_banner .carousel-item {
  min-height: 60vh;
}

#index_banner .carousel-control-prev i,
#index_banner .carousel-control-next i {
  color: #6266ea !important;
  text-decoration: none;
  font-size: 4em;
}

#index_banner .carousel-inner {
  height: 80vh;
}

#index_banner .carousel-indicators li,
#index_banner .carousel-indicators.active {
  background-color: #6266ea !important;
}

.service-wrapper .service-footer {
  max-width: 720px;
}

.service-work.card {
  border-radius: 10px !important;
  cursor: pointer;
}

.service-work .service-work-vertical {
  background: rgb(0, 0, 0);
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 33.33%, rgba(255, 255, 255, 1) 66.66%, rgba(255, 255, 255, 0) 99.99%);
  background-size: 300% 300%;
  background-position: 0% 100%;
  transition: .5s;
}

.service-work .service-work-vertical:hover {
  background-position: 0% 0%;
  transition: .5s;
}

.service-work .service-work-vertical:hover * {
  color: #000;
  border-color: #000;
  transition: .5s;
}

.recent-work.card {
  border-radius: 10px !important;
}

.recent-work .recent-work-vertical {
  background: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 33.333%, rgba(97, 84, 199, 1) 66.666%, rgba(255, 255, 255, 0) 99.999%);
  background-size: 300% 300%;
  background-position: 0% 100%;
  transition: .5s;
  cursor: pointer;
}

.recent-work .recent-work-vertical:hover {
  background-position: 0% 0%;
  transition: .5s;
}

.recent-work .recent-work-vertical:hover div.recent-work-content {
  top: 50%;
  margin-top: -2.5em;
  position: absolute;
}

.recent-work .recent-work-vertical:hover * {
  color: white;
  transition: .5s;
}

/* About */
#work_banner {
  background-image: url('./../img/banner-bg-02.jpg');
  background-position: center center;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.progress {
  height: 8px;
}

.objective-icon {
  border-radius: 13px;
  width: 8rem;
}

.partner-wap {
  background-color: #7276ec;
  transition: 1s;
  cursor: pointer;
}

.partner-wap:hover {
  background-color: #b1b3f5;
}

.why-us {
  background: rgb(239, 239, 253);
  background: -moz-linear-gradient(0deg, rgba(239, 239, 253, 1) 50%, rgba(255, 255, 255, 1) 50%);
  background: -webkit-linear-gradient(0deg, rgba(239, 239, 253, 1) 50%, rgba(255, 255, 255, 1) 50%);
  background: linear-gradient(0deg, rgba(239, 239, 253, 1) 50%, rgba(255, 255, 255, 1) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efeffd", endColorstr="#ffffff", GradientType=1);
}

.team-member-img {
  transition-duration: 0.15s;
}

.team-member:hover .team-member-img {
  padding: 10px !important;
}

table,
th,
td {
  border: 1px solid black;
  border-collapse: collapse;
  color: #000000;
  border: 2px solid #a8a8a8;
  margin-bottom: 20px;
  padding: 5px 64px 5px 8px;
  text-align: left;
}

tr:nth-child(even) {
  background-color: #6266ea;
}

.carousel {
  position: relative;
  overflow: hidden;
  padding: 2em 0 2em 0;
  margin-bottom: 0;
}

.carousel .reel {
  white-space: nowrap;
  position: relative;
  -webkit-overflow-scrolling: touch;
  padding: 0 2em 0 2em;
  text-align: center;
}

.column2 {
  column-count: 2;
}

.page-blog-imgn {
  height: 340px;
  object-fit: cover;
  border-radius: 5%;
  display: block;
}

.imgt {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.imgt:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.9;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

/* Work */
/* Singel Work */
#work_single_banner {
  background-image: url('./../img/banner-bg-02.jpg');
  background-position: center center;
  background-size: cover;
  height: 100%;
  width: 100%;
}

.related-content {
  border-radius: 20px;
  cursor: pointer;
}

/* Pricing */
.pricing-list {
  margin-bottom: 1px;
}

.pricing-table {
  max-width: 350px;
  margin: auto;
}

.pricing-table,
.pricing-horizontal {
  border-radius: 15px !important;
}

/* Contact */
#floatingtextarea {
  height: 150px
}

/* Footer */
footer a.text-light:hover {
  color: #bfbfbf !important;
  transition-duration: 0.15s;
}

.footer-navigation {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 900;
  padding-top: 10px;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 50px
}

.footer-navigation li a {
  margin: 12px 0;
  display: inline-block;
  color: #fff;
}

.footer-navigation li a:hover {
  color: #bfbfbf;
}

.footer-navigation li a {
  margin-right: 50px;
}

@media (max-width:507px) {

  .footer-navigation li a {
    margin-right: 20px;
  }
}

@media (max-width:417px) {

  .footer-navigation li a {
    margin-right: 7px;
  }
}

.footer-navigation li:last-child a:last-child {
  margin-right: 110px;
}

@media (min-width:378px) {

  .footer-navigation li:last-child a:last-child {
    margin-right: 0
  }
}

.footer-items-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}

.footer-items_center {
  font-size: 16px;
  color: #fff;
  text-decoration: underline;
  display: block;
  text-align: center;
}

.footer-items_email {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}