.o_footer {
  #footer {
    background-color: $black-color;

    .s_text_block {
      padding-bottom: 30px !important;
      padding-top: 34px !important;
      @media(max-width: 1199px) {
        padding-top: 20px !important;
      }

      .footer_container_div {
        display: flex;
        @media(max-width: 1199px) {
          flex-wrap: wrap;
        }

        .footer_logo_icon_container {
          width: 35%;
          @media(max-width: 1199px) {
            margin-bottom: 32px;
            width: 100%;
          }

          .footer_logo_div {
            display: flex;
            justify-content: flex-start;
            @media(max-width: 1199px) {
              justify-content: center;
              width: 100%;
            }

            .logo {
              width: 230px;
              height: 70px;
              @media(max-width: 1199px) {
                width: 120px;
                height: 36px;
              }
            }
          }

          .footer_pay_icon_container {
            display: flex;
            justify-content: flex-start;
            width: 100%;
            margin-top: 26px;
            @media(max-width: 1199px) {
              justify-content: center;
              margin-top: 21px;
            }

            .footer_pay_icon_container_div {
              width: 80%;
              display: flex;
              justify-content: space-between;
              @media(min-width: 768px) and (max-width: 1199px) {
                width: 60%;
                svg {
                  width: 52px;
                  height: 30px;
                }
              }
            }
          }
        }

        .footer_userful_link_list {
          width: 20%;
          @media(max-width: 1199px) {
            width: 100%;
          }

          .footer_userful_link_item {
            margin-bottom: 20px;
            @media(max-width: 1199px) {
              display: flex;
              justify-content: center;
            }

            .footer_userful_link {
              color: $white-color;
              font-family: $main-font;
              font-size: 16px;
              line-height: 70%;
              font-weight: 400;
              text-decoration: none;
              position: relative;

              &:after {
                background: none repeat scroll 0 0 transparent;
                bottom: -4px;
                content: "";
                display: block;
                height: 1px;
                left: 50%;
                position: absolute;
                transition: width 0.3s ease 0s, left 0.3s ease 0s;
                width: 0;
              }

              &:hover {
                &:after {
                  background: #fff;
                  width: 100%;
                  left: 0;
                  bottom: -4px;
                  content: "";
                  display: block;
                  height: 1px;
                  position: absolute;
                  transition: width 0.3s ease 0s, left 0.3s ease 0s;
                }
              }
            }
          }
        }

        .footer_connect_list {
          width: 25%;
          @media(max-width: 1199px) {
            width: 100%;
          }

          .footer_connect_item {
            margin-bottom: 20px;
            @media(max-width: 1199px) {
              display: flex;
              justify-content: center;
            }

            .footer_connect_item_link,
            .footer_connect_item_div {
              position: relative;
              text-decoration: none;

              span {
                color: $white-color;
                font-size: 16px;
                line-height: 15px;
                font-weight: 400;
                font-family: $main-font;
                margin-left: 10px;
              }

              &:after {
                background: none repeat scroll 0 0 transparent;
                bottom: -4px;
                content: "";
                display: block;
                height: 1px;
                left: 50%;
                position: absolute;
                transition: width 0.3s ease 0s, left 0.3s ease 0s;
                width: 0;
              }

              &:hover {
                &:after {
                  background: #fff;
                  width: 100%;
                  left: 0;
                  bottom: -4px;
                  content: "";
                  display: block;
                  height: 1px;
                  position: absolute;
                  transition: width 0.3s ease 0s, left 0.3s ease 0s;
                }
              }
            }

            .footer_connect_item_div {
              width: max-content;
            }

            span {
              color: $white-color;
              font-size: 16px;
              line-height: 15px;
              font-weight: 400;
              font-family: $main-font;
              margin-left: 10px;
            }
          }

          .footer_connect_item_network {
            display: flex;
            justify-content: space-between;
            width: 30%;
            @media(max-width: 767px) {
              width: 23%;
            }
            @media(min-width: 768px) and (max-width: 1199px) {
              width: 15%;
            }

            .footer_icon_insta {
              svg {
                width: 30px;
                height: 30px;
                @media(max-width: 1199px) {
                  width: 40px;
                  height: 40px;
                }
              }
            }

            svg {
              &:hover {
                transform: scale(1.2);
              }
            }
          }
        }
      }
    }
  }

  .o_footer_copyright {
    background-color: $yellow-color;

    .py-3 {
      .footer_copyright_section {
        .footer_copyright_text,
        .footer_copyright_link {
          font-size: 12px;
          line-height: 125%;
          color: $black-color;
          font-family: $main-font;
          font-weight: 400;
        }
      }
    }
  }
}