/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[0].use[3]!./template-parts/block-banner/block-banner.scss ***!
  \***********************************************************************************************************************************************************************************************************************/
.block-banner {
  padding-top: 138px;
  width: 100%;
  overflow: hidden;
  position: relative; }
  .block-banner .wrapper {
    padding-top: 0; }
    @media screen and (max-width: 1750px) {
      .block-banner .wrapper {
        padding: 0 50px; } }
    @media screen and (max-width: 640px) {
      .block-banner .wrapper {
        padding: 40.375vw 25px 200px; } }
    @media screen and (max-width: 530px) {
      .block-banner .wrapper {
        padding: 35.375vw 25px 200px; } }

.block-banner__bg-wrapper {
  position: relative;
  left: 0;
  pointer-events: none;
  z-index: 1; }
  @media screen and (max-width: 1150px) {
    .block-banner__bg-wrapper {
      left: 160px; } }
  @media screen and (max-width: 640px) {
    .block-banner__bg-wrapper {
      left: 0; } }

.banner-bg-img {
  max-width: 100%;
  width: 100%;
  height: auto;
  position: absolute;
  pointer-events: none; }

.bg-ellipse-wrapper {
  width: 36.61458vw;
  height: 36.61458vw;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: -1; }

@media screen and (max-width: 1150px) {
  width: 46.61458vw;
  height: 46.61458vw; }

@keyframes rotate-bg-ellipse {
  from {
    transform: rotate(0); }
  to {
    transform: rotate(360deg); } }

.bg-dashed {
  width: 100%;
  height: 100%;
  padding: 46px;
  border: 5px dashed #1b5633;
  border-radius: 50%;
  animation: rotate-bg-ellipse 50s linear infinite; }
  @media screen and (max-width: 1150px) {
    .bg-dashed {
      padding: 25px; } }
  @media screen and (max-width: 880px) {
    .bg-dashed {
      padding: 15px; } }
  @media screen and (max-width: 880px) {
    .bg-dashed {
      padding: 10px; } }

.bg-ellipse {
  max-width: 100%;
  width: 100%;
  height: 100%;
  background-color: #e6b938;
  border-radius: 50%; }

.gradient {
  position: absolute;
  top: 47.2972972972973vw;
  right: 17%;
  width: 50%;
  height: 40px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #e5e5e5 90%);
  z-index: 999; }

.block-banner__wrapper {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1150px) {
    .block-banner__wrapper {
      flex-direction: column; } }
  @media screen and (max-width: 640px) {
    .block-banner__wrapper {
      text-align: center; } }

.banner-left {
  padding-top: 60px;
  max-width: 320px;
  width: 100%; }
  @media screen and (max-width: 1150px) {
    .banner-left {
      max-width: 100%;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      padding-top: 0; } }
  @media screen and (max-width: 640px) {
    .banner-left {
      max-width: 100%; } }

.block-banner__text {
  max-width: 311px;
  width: 100%;
  margin-bottom: 160px;
  color: #232323; }
  @media screen and (max-width: 1500px) {
    .block-banner__text {
      font-size: 18px !important; } }
  @media screen and (max-width: 1150px) {
    .block-banner__text {
      margin-bottom: 50px; } }
  @media screen and (max-width: 640px) {
    .block-banner__text {
      max-width: 100%; } }

.banner-list-wrapper {
  margin-bottom: 160px; }
  .banner-list-wrapper p {
    width: 100%;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #232323; }
    @media screen and (max-width: 1500px) {
      .banner-list-wrapper p {
        font-size: 18px; } }
  @media screen and (max-width: 1150px) {
    .banner-list-wrapper {
      margin-bottom: 50px; } }

.block-banner__social {
  padding-bottom: 81px; }
  .block-banner__social a:not(:last-child) {
    margin-right: 24px; }
  .block-banner__social a img {
    max-width: 40px;
    height: 40px;
    transition: transform 0.3s; }
  @media screen and (max-width: 1150px) {
    .block-banner__social {
      padding-bottom: 0; } }

/*************right side*************/
.banner-right {
  max-width: 353px;
  width: 100%;
  padding-top: 136px;
  display: flex;
  flex-direction: column;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  transform: translateY(-50px); }
  .banner-right h1 {
    font-size: 72px; }
  .banner-right h2,
  .banner-right h3 {
    font-size: 24px; }
  @media screen and (max-width: 1210px) {
    .banner-right {
      padding-top: 100px; } }
  @media screen and (max-width: 1150px) {
    .banner-right {
      order: -1; } }
  @media screen and (max-width: 1500px) {
    .banner-right {
      max-width: 280px; }
      .banner-right h1 {
        font-size: 56px; }
      .banner-right h2,
      .banner-right h3 {
        font-size: 18px;
        text-align: center; } }
  @media screen and (max-width: 640px) {
    .banner-right {
      max-width: 100%; } }

.block-banner__address {
  margin-top: 50px; }
  .block-banner__address p {
    line-height: 135%;
    font-size: 20px; }
    @media screen and (max-width: 1650px) {
      .block-banner__address p {
        text-align: center;
        font-size: 18px; } }
  @media screen and (max-width: 1150px) {
    .block-banner__address {
      margin-top: 50px; } }

.ellipse-logo {
  position: relative;
  width: 255px;
  height: 255px;
  margin-top: 40px;
  left: 40px;
  align-self: flex-end;
  border-radius: 50%;
  transition-delay: 2s !important; }
  .ellipse-logo img {
    width: 100%;
    height: auto;
    position: absolute; }
  @media screen and (max-width: 1500px) {
    .ellipse-logo {
      width: 200px;
      height: 200px; } }
  @media screen and (max-width: 1150px) {
    .ellipse-logo {
      display: none; } }

.ellipse-logo-sm {
  position: absolute;
  width: 200px;
  height: 200px;
  display: none;
  right: 0;
  bottom: -35px;
  z-index: 97;
  border-radius: 50%;
  transition-delay: 2s !important; }
  .ellipse-logo-sm img {
    width: 100%;
    height: auto; }
  @media screen and (max-width: 1150px) {
    .ellipse-logo-sm {
      display: block; } }
  @media screen and (max-width: 640px) {
    .ellipse-logo-sm {
      left: 50%;
      transform: translateX(-50%); } }

.animation-scale-start {
  transform: scale(1);
  opacity: 0;
  transition: transform 1s linear, opacity 1s ease-in-out; }

.animation-scale-end {
  transform: scale(1);
  opacity: 1; }

.animation-opacity-start {
  opacity: 0;
  transition: opacity 1s ease-in-out;
  transition-delay: 1s; }

.animation-opacity-end {
  opacity: 1; }