header {
  position: static;
}

.case-study {
  padding: 120px 0 40px;
}

@media screen and (max-width: 991px) {
  .case-study {
    padding-bottom: 0;
  }
}

.case-study__sidebar {
  flex-grow: 1;
  flex-basis: 300px;
  padding-top: 33.5px;
  align-self: start;
  position: sticky;
  overflow: auto;
  top: 50px;
}

@media screen and (max-width: 991px) {
  .case-study__sidebar {
    display: none;
  }
}

.case-study__sidebar-item {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 25px;
  text-decoration: none;
  margin-bottom: 20px;
  opacity: .6;
  transition: .5s;
}

.case-study__sidebar-item:hover, .case-study__sidebar-item.active {
  opacity: 1;
  text-decoration: none;
}

.case-study__sidebar-item svg {
  margin-top: auto;
  margin-bottom: auto;
}

.case-study__sidebar-item span {
  display: inline-block;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #5A5A5A;
}

.case-study__sidebar-item span strong {
  display: inline-block;
  width: 100%;
  font-weight: 700;
  font-size: 19px;
  line-height: .94;
  letter-spacing: -0.02em;
  color: #212529;
  margin-top: 4px;
}

.case-study__content h1 {
  font-weight: 800;
  font-size: 113.585px;
  line-height: 1.35;
  letter-spacing: -0.02em;
  background: radial-gradient(50% 209.21% at 50% 50.09%, #FAFAFA 29%, #F8F8F8 100%);
  -webkit-background-clip: text;
  text-shadow: none;
  -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 991px) {
  .case-study__content h1 {
    font-size: 80px;
    line-height: 1;
  }
}

.case-study__content h2 {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.25;
  margin-bottom: 28px;
  letter-spacing: -0.02em;
  background: linear-gradient(90deg, #F5A95B 0%, #EE6C67 100%);
  -webkit-background-clip: text;
  text-shadow: none;
  -webkit-text-fill-color: transparent;
}

.case-study__content p.p1 {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #5A5A5A;
  margin-bottom: 14px;
}

.case-study__content p.p2 {
  margin-bottom: 94px;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.35;
  letter-spacing: -0.02em;
  color: #212529;
}

.case-study__content .tiny-content {
  margin-bottom: 80px;
}

.case-study__content .tiny-content .title {
  font-weight: 500;
  font-size: 19px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  margin-bottom: 0;
  background: linear-gradient(90deg, #F5A95B 0%, #EE6C67 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.case-study__content .tiny-content h2 {
  font-weight: 600;
  font-size: 32px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #111111;
  margin-bottom: 14px;
  -webkit-background-clip: none;
  -webkit-text-fill-color: #111;
}

.case-study__content .tiny-content p {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #5A5A5A;
  margin-bottom: 20px;
}

.case-study__content .tiny-content p.bold {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #3C3C3C;
  margin-bottom: 31px;
}

.case-study__content .tiny-content p.check {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  padding-left: 55px;
  letter-spacing: -0.02em;
  margin: 60px 0;
  color: #444444;
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='17' viewBox='0 0 31 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5244 0.5949C17.883 0.253532 18.3601 0.0648107 18.8552 0.0685566C19.3503 0.0723024 19.8245 0.268223 20.1779 0.614978C20.5312 0.961732 20.7361 1.4322 20.7491 1.9271C20.7622 2.42201 20.5825 2.90264 20.248 3.26758L10.0918 15.9692C9.91717 16.1573 9.70639 16.3082 9.47208 16.413C9.23777 16.5178 8.98474 16.5742 8.72811 16.579C8.47148 16.5837 8.21653 16.5367 7.9785 16.4407C7.74047 16.3446 7.52425 16.2016 7.34277 16.0201L0.60761 9.28493C0.420047 9.11016 0.269608 8.8994 0.165266 8.66522C0.0609251 8.43104 0.00481975 8.17825 0.000297103 7.92192C-0.00422554 7.66559 0.0429273 7.41097 0.138943 7.17326C0.234958 6.93555 0.377869 6.71962 0.55915 6.53834C0.740431 6.35705 0.956368 6.21414 1.19408 6.11813C1.43179 6.02211 1.68641 5.97496 1.94274 5.97948C2.19907 5.984 2.45186 6.04011 2.68604 6.14445C2.92021 6.24879 3.13097 6.39923 3.30575 6.5868L8.63583 11.9143L17.4735 0.6509C17.4893 0.631248 17.5063 0.612548 17.5244 0.5949ZM15.1826 13.6783L17.5244 16.0201C17.7058 16.2012 17.9219 16.3439 18.1597 16.4397C18.3975 16.5355 18.6521 16.5824 18.9085 16.5777C19.1648 16.5729 19.4175 16.5166 19.6516 16.4121C19.8857 16.3075 20.0963 16.1569 20.2709 15.9692L30.4322 3.26758C30.6147 3.08737 30.7591 2.87222 30.8566 2.63498C30.9541 2.39775 31.0029 2.14329 30.9999 1.8868C30.9969 1.63031 30.9422 1.37706 30.8392 1.14216C30.7361 0.90726 30.5868 0.695537 30.4001 0.519631C30.2135 0.343724 29.9932 0.207243 29.7526 0.118338C29.512 0.0294333 29.256 -0.0100731 28.9998 0.00217922C28.7435 0.0144316 28.4924 0.0781919 28.2614 0.189651C28.0304 0.30111 27.8242 0.457982 27.6551 0.6509L18.8149 11.9143L17.5804 10.6773L15.1801 13.6783H15.1826Z' fill='%23ABEE67'/%3E%3C/svg%3E%0A");
  background-size: 31px 17px;
  background-position: left center;
  background-repeat: no-repeat;
}

.case-study__content .tiny-content p.list-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  margin-bottom: 14px;
  background: linear-gradient(90deg, #F5A95B 0%, #EE6C67 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.case-study__content .tiny-content p ul {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.045em;
  color: #414141;
}

.case-study__content .tiny-content .our-scope__title {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  background: linear-gradient(90deg, #F5A95B 0%, #EE6C67 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 55px;
}

.case-study__content .tiny-content .our-scope__tiny {
  display: grid;
  grid-template-columns: 31px 1fr;
  gap: 40px;
  margin-bottom: 40px;
}

.case-study__content .tiny-content .our-scope__tiny-text p {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #5A5A5A;
  margin-bottom: 0;
}

.case-study__content .tiny-content .our-scope__tiny-text p.title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #5A5A5A;
  margin-bottom: 5px;
  -webkit-background-clip: none;
  -webkit-text-fill-color: #5a5a5a;
}

.case-study__content .tiny-content .icons {
  border-radius: 22px;
  border: 2px solid #F28B61;
  width: 100%;
  margin: 50px 0;
  padding: 34px 15px 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}

.case-study__content .tiny-content .icons p {
  width: 100%;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.5;
  text-align: center;
  letter-spacing: -0.02em;
  margin-bottom: 30px;
  background: linear-gradient(90deg, #F5A95B 0%, #EE6C67 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.case-study__content .tiny-content .icons-item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  margin: 0 30px 30px;
}

.case-study__content .tiny-content .icons-item svg {
  margin-bottom: 17px;
}

.case-study__content .tiny-content .icons-item p {
  font-weight: 500;
  font-size: 19px;
  line-height: .975;
  text-align: center;
  letter-spacing: -0.05em;
  color: #3E3E3E;
  margin-bottom: 0;
  -webkit-background-clip: none;
  -webkit-text-fill-color: #3E3E3E;
  background: none;
}

.case-study__content .tiny-content.social-media .gradient {
  font-weight: 700;
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  background: linear-gradient(90deg, #F5A95B 0%, #EE6C67 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 14px;
}

.case-study__content .tiny-content.social-media .row {
  margin-top: 50px;
  margin-bottom: 50px;
}

@media screen and (max-width: 991px) {
  .case-study__content .tiny-content.social-media .row {
    width: 100%;
    overflow: auto;
    gap: 25px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-direction: row;
    margin: 40px 0;
  }
  .case-study__content .tiny-content.social-media .row::-webkit-scrollbar {
    width: 14px;
  }
  .case-study__content .tiny-content.social-media .row::-webkit-scrollbar-track {
    background: #FAFAFA;
    border: 1px solid #D6D6D6;
    border-radius: 22px;
  }
  .case-study__content .tiny-content.social-media .row::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #F5A95B 0%, #EE6C67 100%);
    border-radius: 11px;
  }
  .case-study__content .tiny-content.social-media .row .col-lg-4 {
    max-width: 240px;
    width: 240px;
    min-width: 240px;
    margin-bottom: 20px;
    padding: 0;
  }
}

.case-study__content .tiny-content.social-media .bold {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #414141;
}

.case-study__content .tiny-content.adv img {
  margin: 60px 0;
}

.case-study__content .tiny-content.influencer .inf-img {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 37px;
  margin-bottom: 75px;
}

@media screen and (max-width: 991px) {
  .case-study__content .tiny-content.influencer .inf-img {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 991px) {
  .case-study__content .tiny-content.influencer .inf-img {
    width: 100%;
    overflow: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-direction: row;
  }
  .case-study__content .tiny-content.influencer .inf-img::-webkit-scrollbar {
    width: 14px;
  }
  .case-study__content .tiny-content.influencer .inf-img::-webkit-scrollbar-track {
    background: #FAFAFA;
    border: 1px solid #D6D6D6;
    border-radius: 22px;
  }
  .case-study__content .tiny-content.influencer .inf-img::-webkit-scrollbar-thumb {
    background: linear-gradient(90deg, #F5A95B 0%, #EE6C67 100%);
    border-radius: 11px;
  }
}

.case-study__content .tiny-content.influencer .inf-img .left, .case-study__content .tiny-content.influencer .inf-img .right {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 43px;
}

@media screen and (max-width: 991px) {
  .case-study__content .tiny-content.influencer .inf-img .left, .case-study__content .tiny-content.influencer .inf-img .right {
    flex-direction: row;
    gap: 25px;
  }
  .case-study__content .tiny-content.influencer .inf-img .left img, .case-study__content .tiny-content.influencer .inf-img .right img {
    min-width: 280px;
    width: 280px;
    height: auto;
  }
}

.case-study__content .tiny-content.influencer .inf-img .left {
  margin-top: 28px;
}

@media screen and (max-width: 991px) {
  .case-study__content .tiny-content.influencer .inf-img .left {
    margin-top: 0;
    margin-bottom: 43px;
  }
}

@media screen and (max-width: 991px) {
  .case-study__content .tiny-content.summary {
    margin: 0;
  }
}

.case-study__content .tiny-content.summary .summary-block {
  border: 2px solid #AAEE67;
  border-radius: 22px;
  padding: 35px;
  margin-bottom: 75px;
}

.case-study__content .tiny-content.summary .summary-block p {
  font-weight: 600;
  font-size: 32px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #111111;
  margin-bottom: 28px;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='21' viewBox='0 0 40 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22.6121 0.753523C23.0748 0.321134 23.6905 0.0820917 24.3293 0.0868363C24.9681 0.091581 25.58 0.339742 26.0359 0.778954C26.4919 1.21817 26.7562 1.81408 26.7731 2.44094C26.79 3.0678 26.5581 3.67659 26.1264 4.13884L13.0217 20.2272C12.7963 20.4654 12.5244 20.6566 12.222 20.7893C11.9197 20.9221 11.5932 20.9936 11.2621 20.9996C10.9309 21.0056 10.602 20.946 10.2948 20.8244C9.9877 20.7027 9.70871 20.5215 9.47453 20.2916L0.784013 11.7606C0.541996 11.5393 0.347881 11.2723 0.213247 10.9757C0.078613 10.6791 0.00621903 10.3589 0.000383359 10.0342C-0.00545231 9.70953 0.05539 9.38702 0.179281 9.08593C0.303172 8.78483 0.487573 8.51132 0.721484 8.2817C0.955395 8.05209 1.23402 7.87107 1.54075 7.74945C1.84747 7.62784 2.17601 7.56811 2.50675 7.57384C2.8375 7.57957 3.16369 7.65063 3.46585 7.78279C3.76801 7.91496 4.03996 8.10551 4.26548 8.34308L11.143 15.0912L22.5464 0.824454C22.5669 0.799562 22.5888 0.775877 22.6121 0.753523ZM19.5905 17.3255L22.6121 20.2916C22.8463 20.521 23.125 20.7018 23.4319 20.8232C23.7387 20.9445 24.0673 21.0039 24.398 20.9979C24.7287 20.9919 25.0549 20.9205 25.3569 20.7881C25.6589 20.6557 25.9307 20.4649 26.156 20.2272L39.2673 4.13884C39.5029 3.91058 39.6891 3.63806 39.815 3.33757C39.9408 3.03708 40.0037 2.71477 39.9998 2.38989C39.996 2.06501 39.9255 1.74423 39.7925 1.4467C39.6595 1.14917 39.4669 0.880993 39.226 0.658184C38.9851 0.435374 38.7009 0.262502 38.3905 0.149892C38.08 0.0372813 37.7496 -0.012759 37.419 0.00276028C37.0884 0.0182796 36.7644 0.0990409 36.4663 0.240219C36.1682 0.381397 35.9022 0.580097 35.684 0.824454L24.2773 15.0912L22.6844 13.5242L19.5872 17.3255H19.5905Z' fill='%23ABEE67'/%3E%3C/svg%3E%0A");
  background-size: 40px 21px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 60px;
}

.case-study__content .tiny-content.summary .summary-block ul {
  padding: 0;
  margin: 0;
}

.case-study__content .tiny-content.summary .summary-block ul li {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.02em;
  color: #414141;
}

.case-study__content .tiny-content.summary .big-idea img {
  float: left;
  width: 250px;
  height: auto;
}

@media screen and (max-width: 991px) {
  .case-study__content .tiny-content.summary .big-idea img {
    float: none;
  }
}

.portfolio-heading {
  padding: 90px 0;
  background: #FAFAFA;
  box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.05);
  background-image: url("/app/img/portfolio-bg-1.svg"), url("/app/img/portfolio-bg-2.svg");
  background-repeat: no-repeat;
  margin-top: 20px;
  background-position: left bottom, right bottom;
}

.portfolio-heading h1 {
  font-weight: 700;
  font-size: 42px;
  line-height: 63px;
  text-align: left;
  letter-spacing: -0.01em;
  color: #000000;
  margin-bottom: 5px;
}

.portfolio-heading p {
  font-size: 18px;
  line-height: 24px;
  max-width: 810px;
  letter-spacing: -0.01em;
  color: #000000;
}

.portfolio-content {
  padding: 80px 0;
}

.portfolio-content__heading {
  margin-bottom: 35px;
}

.portfolio-content__heading p {
  font-weight: 800;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FF6B6B;
  margin-bottom: 0;
}

.portfolio-content_heading h2 {
  font-weight: 700;
  font-size: 42px;
  line-height: 63px;
  letter-spacing: -0.01em;
  color: #000000;
  margin-bottom: 0;
}

h1 {
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
  color: #FDCA57;
  text-shadow: 10px 10px 25px rgba(0, 0, 0, 0.1);
  font-size: 35px;
}

@media (max-width: 991px) {
  h1 {
    font-size: 30px;
  }
}

@media (max-width: 768px) {
  h1 {
    font-size: 25px;
  }
}

.sub_section {
  padding-bottom: 0px;
}

body.stiky {
  margin: 0;
}

#progress {
  padding-top: 0;
}

@media (max-width: 768px) {
  #progress {
    padding-bottom: 0;
  }
}

#header_id {
  padding-top: 220px;
  padding-bottom: 0;
}

#header_id .abs_img img {
  position: absolute;
  z-index: -1;
}

#header_id .abs_img img.elem1 {
  right: 0px;
  top: 120px;
}

#header_id .abs_img img.elem2 {
  left: -150px;
  top: 50px;
}

#header_id .abs_img img.elem3 {
  right: 60px;
  top: 150px;
}

#header_id .abs_img img.elem4 {
  left: 60px;
  top: 400px;
}

.header_block {
  padding-top: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

.header_block img {
  width: 300px;
}

.header_block .right {
  width: 300px;
}

.header_block .right h1 {
  text-align: left;
}

header {
  position: absolute;
  width: 100%;
  z-index: 1200;
}

.pf_slider {
  padding: 40px 0;
}

.pf_slider .video_gallery_tiny {
  padding: 20px;
}

.pf_slider .video_gallery_tiny a {
  width: 100%;
  height: 200px;
  display: inline-block;
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}

.pf_slider .tiny_pf {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  padding: 20px;
  height: 100%;
}

.pf_slider .tiny_pf img {
  width: auto;
  max-height: 300px;
  height: auto;
  max-width: 100%;
}

#reviews {
  position: relative;
  margin-top: 80px;
}

#reviews .heading_review {
  background: url(../img/reviews_heading.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px;
  text-align: center;
  max-width: 950px;
  margin: auto;
  margin-bottom: 20px;
  padding: 20px;
}

@media (max-width: 440px) {
  #reviews .heading_review h2 {
    font-size: 22px;
  }
}

#reviews .slick-center {
  padding: 0 5%;
}

@media (max-width: 991px) {
  #reviews .slick-center {
    padding: 0;
  }
}

#reviews .slick-center .tiny_review {
  outline: none;
  background-color: #fff;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
  border-radius: 28px;
  padding: 15px;
  margin: 10px;
}

#reviews .slick-center .tiny_review .logo {
  margin-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  text-align: center;
}

#reviews .slick-center .tiny_review .logo .user_img {
  height: 200px;
  width: 200px;
  border-radius: 50%;
  margin: auto;
  margin-bottom: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

@media (max-width: 768px) {
  #reviews .slick-center .tiny_review .logo .user_img {
    width: 120px;
    height: 120px;
  }
}

@media (max-width: 359px) {
  #reviews .slick-center .tiny_review .logo .user_img {
    width: 85px;
    height: 85px;
  }
}

#reviews .slick-center .tiny_review .logo .user_img:before {
  content: '';
  width: 114px;
  left: calc(50% - 57px);
  top: calc(50% - 57px);
  position: absolute;
  z-index: 2;
  height: 114px;
  background: url("/app/img/play_icon.svg");
  background-size: 114px;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 768px) {
  #reviews .slick-center .tiny_review .logo .user_img:before {
    width: 80px;
    height: 80px;
    left: calc(50% - 40px);
    top: calc(50% - 40px);
    background-size: 80px;
  }
}

@media (max-width: 359px) {
  #reviews .slick-center .tiny_review .logo .user_img:before {
    width: 50px;
    height: 50px;
    left: 17.5px;
    background-size: 50px;
    top: 17.5px;
  }
}

#reviews .slick-center .tiny_review .logo .info {
  width: 100%;
}

#reviews .slick-center .tiny_review .logo .info p {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 0;
}

@media (max-width: 768px) {
  #reviews .slick-center .tiny_review .logo .info p {
    font-size: 14px;
  }
}

#reviews .slick-center .tiny_review .logo .info .star {
  width: 100%;
  margin-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media (max-width: 768px) {
  #reviews .slick-center .tiny_review .content p {
    font-size: 12px;
  }
}

.portfolio_slider {
  padding: 80px 0;
  position: relative;
}

.portfolio_slider .row {
  align-items: center;
}

.portfolio_slider .abs_img img {
  position: absolute;
  z-index: -1;
}

.portfolio_slider .abs_img img.elem1 {
  right: 0px;
  top: 420px;
}

.portfolio_slider .abs_img img.elem2 {
  left: -150px;
  top: 400px;
}

.portfolio_slider .abs_img img.elem3 {
  right: 60px;
  top: 150px;
}

.portfolio_slider .abs_img img.elem4 {
  right: 60px;
  top: 450px;
}

.portfolio_slider h2 {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 40px;
  text-align: center;
}

.portfolio_slider .control-c {
  position: absolute;
  top: calc(50% - 25px);
  z-index: 700;
  width: 50px;
}

.portfolio_slider .control-c.slick-prev {
  left: -30px;
}

.portfolio_slider .control-c.slick-next {
  right: -30px;
}

.portfolio_slider .portfolio_card {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: 40px;
}

.portfolio_slider .portfolio_card img {
  width: calc(100% / 3);
  padding: 10px 20px;
  max-height: 300px;
}

@media (max-width: 991px) {
  .portfolio_slider .portfolio_card img {
    width: calc(100% / 2);
  }
}

.send_cv {
  background: #FA6C6C;
  color: #fff;
  padding: 15px 30px;
  text-align: center;
  display: inline-block;
  margin-top: 20px;
  border-radius: 40px;
  font-weight: bold;
  font-size: 20px;
  transition: .5s;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.send_cv:hover {
  background: #f83b3b;
  color: #fff;
  text-decoration: none;
}

@-webkit-keyframes autofill_material {
  to {
    color: inherit;
    background: transparent;
    color: #fff;
  }
}

.auth {
  padding: 120px 0;
}

.auth.partner_card {
  padding-top: 0;
}

.auth.partner_card .auth_block .auth_card {
  padding: 40px;
  text-align: center;
}

.auth.partner_card .auth_block .auth_card p {
  font-size: 24px;
  color: #fff;
  margin-left: 0;
  font-weight: bold;
  margin-bottom: 0;
}

.auth .auth_block {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  flex-direction: row;
  width: auto;
  max-width: 1000px;
  margin: auto;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  background: url("../img/bg_auth.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 20px;
}

@media (max-width: 991px) {
  .auth .auth_block {
    flex-direction: column;
  }
}

.auth .auth_block.forgot {
  max-width: 500px;
}

.auth .auth_block.reg .auth_card .form-group {
  max-width: 350px;
  width: 100%;
}

.auth .auth_block.reg .auth_card .form-checkbox {
  max-width: 350px;
  width: 100%;
}

.auth .auth_block .auth_card {
  width: 100%;
  height: auto;
  padding: 20px 40px;
  background: none;
  padding-top: 20px;
  border: none;
  margin: 0 auto;
  border-radius: 6px;
}

.auth .auth_block .auth_card img {
  width: 100px;
  height: 100px;
}

.auth .auth_block .auth_card h2 {
  font-size: 30px;
  text-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  margin-bottom: 10px;
  font-weight: bold;
  color: #fff;
  margin-left: 40px;
}

.auth .auth_block .auth_card p {
  margin-left: 40px;
  font-size: 16px;
  color: #fff;
  margin-bottom: 20px;
  text-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.auth .auth_block .auth_card .form-checkbox {
  width: 250px;
  margin: 0 auto 20px;
}

.auth .auth_block .auth_card .form-checkbox label {
  color: #fff;
}

.auth .auth_block .auth_card .form-checkbox a {
  color: #fff;
}

.auth .auth_block .auth_card .form-text {
  width: 250px;
  margin: 0 auto 20px;
  text-align: right;
}

.auth .auth_block .auth_card .form-text a {
  display: inline-block;
  width: 100%;
  margin-bottom: 0px;
  text-align: center;
  color: #fff;
}

.auth .auth_block .auth_card .form-text a:hover {
  color: #fff;
  text-decoration: underline;
}

.auth .auth_block .auth_card .form-group {
  width: 250px;
  margin: 0 auto 20px;
  position: relative;
}

.auth .auth_block .auth_card .form-group:after {
  position: absolute;
  bottom: 0;
  height: 2px;
  z-index: 2;
  width: 100%;
  left: 0;
  content: '';
  background: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

.auth .auth_block .auth_card .form-group label {
  position: absolute;
  top: 10px;
  left: 10px;
  transition: .2s;
  color: #fff;
}

.auth .auth_block .auth_card .form-group label.active {
  top: -5px;
  font-size: 10px;
}

.auth .auth_block .auth_card .form-group .form-control {
  background: none;
  border: none;
  outline: none;
  color: #fff;
  border-radius: 0;
}

.auth .auth_block .auth_card .form-group .form-control:focus {
  box-shadow: none;
}

.auth .auth_block .auth_card .form-group.file label {
  position: static;
  margin-bottom: 0px;
}

.auth .auth_block .auth_card .form-group.file input {
  color: #fff;
  outline: none;
  padding: 0;
  width: 100%;
}

.auth .auth_block .auth_card .form-group.file span {
  color: #fff;
  font-size: 12px;
  text-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}

.auth .auth_block .auth_card .form-group.file input::-webkit-file-upload-button {
  visibility: hidden;
}

.auth .auth_block .auth_card .form-group.file input::before {
  content: 'Select some files';
  display: inline-block;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 0px;
  padding: 5px 8px;
  outline: none;
  color: #000;
  font-weight: 300;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 12px;
}

.auth .auth_block .auth_card .form-group.file input::placeholder {
  text-align: right;
}

.auth .auth_block .auth_card .form-group.file input:active::before {
  background: #fff;
}

.auth .auth_block .auth_card .form-group.file .field__wrapper {
  width: 100%;
  position: relative;
  margin: 15px 0;
  text-align: center;
}

.auth .auth_block .auth_card .form-group.file .field__file {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}

.auth .auth_block .auth_card .form-group.file .field__file-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.auth .auth_block .auth_card .form-group.file .field__file-fake {
  height: 30px;
  width: calc(100% - 130px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 15px;
  font-size: 14px;
  border-radius: 0;
  border-right: none;
}

@media (max-width: 991px) {
  .auth .auth_block .auth_card .form-group.file .field__file-fake {
    width: calc(100% - 70px);
  }
}

.auth .auth_block .auth_card .form-group.file .field__file-button {
  width: 130px;
  height: 30px;
  background: #fff;
  color: #000;
  padding: 5px;
  font-size: 14px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0;
  cursor: pointer;
}

@media (max-width: 991px) {
  .auth .auth_block .auth_card .form-group.file .field__file-button {
    width: 70px;
  }
}

.auth .auth_block .auth_card .form-group.select label {
  position: static;
}

.auth .auth_block .auth_card .form-group.select select {
  display: block;
  color: #fff;
  width: 100%;
  max-width: 100%;
  padding: .375rem .75rem;
  border: none;
  border-bottom: 1px solid #fff;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right .7em top 50%;
  background-size: .65em auto;
}

.auth .auth_block .auth_card .form-group.select select option {
  color: #000;
}

.auth .auth_block .auth_card .btn {
  background: #FA6C6C;
  padding: 5px 40px 5px 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #fff;
}

.auth .auth_block .auth_card .btn:hover img {
  position: relative;
  left: 20px;
}

.auth .auth_block .auth_card .btn img {
  width: 24px;
  height: auto;
  transition: .5s;
  position: relative;
  left: 0;
}

.auth .auth_block .auth_card .forgot_link {
  margin-top: 10px;
  display: inline-block;
  width: 100%;
  color: #222;
}

.auth .auth_block .auth_card .forgot_link:hover {
  color: #222;
}

.auth .auth_block .auth_card .errors {
  font-size: 14px;
  margin-bottom: 0;
  text-align: center;
}

.auth .auth_block .auth_card .auth_links {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.auth .auth_block .auth_card .auth_links a {
  width: auto;
  display: inline-block;
}

.auth .auth_block .auth_card .auth_links a:last-child:after {
  display: none;
}

.auth .auth_block .auth_card .auth_links a:after {
  content: "|";
  margin: 0 10px;
  color: #a7a7a7;
}

.auth .auth_block .auth_card.for_reg {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0 20px 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
}

.auth .auth_block .auth_card.for_reg p {
  margin-bottom: 20px;
}

.auth .auth_block .auth_card.for_reg p.title {
  font-weight: bold;
  margin-bottom: 0px;
  font-size: 34px;
  text-align: center;
}

.auth .auth_block .auth_card.for_reg .btn {
  padding: 15px 50px;
  font-size: 20px;
}

.single-portfolio__header {
  background-image: url("/app/img/portfolio-header.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.single-portfolio__overlay {
  padding: 80px 0;
  background: linear-gradient(305.89deg, rgba(188, 59, 36, 0.624) 9.29%, rgba(183, 110, 16, 0.648) 49.68%, rgba(72, 219, 252, 0.8) 94.32%);
}

.single-portfolio__overlay h1 {
  font-weight: 700;
  font-size: 42px;
  line-height: 1.25;
  letter-spacing: -0.01em;
  text-align: left;
  max-width: 720px;
  color: #FFFFFF;
  margin-bottom: 45px;
}

.single-portfolio__tags {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-bottom: 13px;
}

.single-portfolio__tags p {
  margin-bottom: 0;
  font-weight: 800;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FF6B6B;
  margin-right: 10px;
}

.single-portfolio__tags a {
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
  text-transform: uppercase;
  display: inline-block;
  color: #FFFFFF;
  padding: 5px 15px;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.65);
  box-shadow: 0px 4px 22px rgba(0, 0, 0, 0.25);
  border-radius: 28px;
  margin: 5px 7px;
}

.single-portfolio__tags a:hover {
  background-color: #000;
}

.single-portfolio__category {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

.single-portfolio__category p {
  margin-bottom: 0;
  font-weight: 800;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FF6B6B;
  margin-right: 13px;
}

.single-portfolio__category a {
  font-size: 15px;
  line-height: 22px;
  color: #FFFFFF;
  display: inline-block;
  text-decoration: none;
  margin-right: 10px;
}

.single-portfolio__cel {
  padding: 40px 0;
}

.single-portfolio__cel .row {
  align-items: center;
}

.single-portfolio__cel h2 {
  font-weight: 600;
  font-size: 34px;
  line-height: 51px;
  letter-spacing: -0.01em;
  color: #0F0F0F;
  margin-bottom: 11px;
}

.single-portfolio__cel h3,
.single-portfolio__cel h4,
.single-portfolio__cel h5,
.single-portfolio__cel h6 {
  font-weight: 800;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FF6B6B;
  margin-bottom: 4px;
}

.single-portfolio__cel p {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #0F0F0F;
  margin-bottom: 10px;
}

.single-portfolio__dzialania {
  padding: 80px 0;
  background-color: #FAFAFA;
  background-image: url("/app/img/portfolio-nasze-dzialania.svg");
  background-position: left center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 991px) {
  .single-portfolio__dzialania {
    background: #fafafa;
  }
}

.single-portfolio__dzialania .row {
  align-items: center;
}

.single-portfolio__dzialania h2 {
  font-weight: 600;
  font-size: 34px;
  line-height: 51px;
  letter-spacing: -0.01em;
  color: #000000;
  margin-bottom: 17px;
}

.single-portfolio__dzialania h3,
.single-portfolio__dzialania h4,
.single-portfolio__dzialania h5,
.single-portfolio__dzialania h6 {
  font-weight: 800;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #FF6B6B;
  margin-bottom: 4px;
}

.single-portfolio__dzialania p {
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #000000;
  margin-bottom: 20px;
}

.single-portfolio__wyniki {
  padding: 80px 0;
}

.single-portfolio__wyniki .row {
  align-items: center;
}

.single-portfolio__wyniki h2 {
  font-weight: 600;
  font-size: 34px;
  line-height: 51px;
  letter-spacing: -0.01em;
  color: #000000;
  margin-bottom: 36px;
}

.single-portfolio__wyniki .tiny {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  flex-direction: row;
  margin-bottom: 30px;
}

.single-portfolio__wyniki .tiny svg {
  width: 45px;
  height: 45px;
  margin-right: 33px;
}

.single-portfolio__wyniki .tiny .info {
  width: calc(100% - 78px);
}

.single-portfolio__wyniki .tiny .info p {
  font-size: 19px;
  line-height: 28px;
  letter-spacing: -0.01em;
  color: #000000;
  margin-bottom: 0;
}

.single-portfolio__wyniki .tiny .info p.title {
  font-weight: 600;
  font-size: 32px;
  line-height: 48px;
  letter-spacing: -0.01em;
  color: #FF6B6B;
}

.single-portfolio__big-idea {
  padding: 80px 0;
}

.single-portfolio__big-idea .row {
  align-items: center;
}

@media screen and (max-width: 991px) {
  .single-portfolio__big-idea .row {
    flex-direction: column-reverse;
  }
}

.single-portfolio__big-idea h2 {
  font-weight: 600;
  font-size: 34px;
  line-height: 51px;
  letter-spacing: -0.01em;
  margin-bottom: 19px;
  color: #000000;
}

.single-portfolio__big-idea p {
  font-weight: 300;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: -0.01em;
  color: #0F0F0F;
  margin-bottom: 0;
}

.single-portfolio__portfolio h2 {
  font-weight: 600;
  font-size: 34px;
  line-height: 51px;
  letter-spacing: -0.01em;
  color: #0F0F0F;
  text-align: center;
  margin-bottom: 33px;
}

.single-portfolio__portfolio .portfolio-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

@media screen and (max-width: 991px) {
  .single-portfolio__portfolio .portfolio-list {
    grid-template-columns: 1fr;
  }
}

.single-portfolio__portfolio .portfolio-list .img {
  width: 100%;
  display: inline-block;
  background-color: #000;
  height: 190px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 20px;
}

.single-portfolio__portfolio .portfolio-list .title {
  font-weight: 500;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #000000;
}