header {
    margin-top: 25px;
}

header .container {
    width: 1208px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
header .info {
    display: flex;
    flex-direction: row;
    gap: 34px;
    align-items: center;
}

header .button-group {
    display: flex;
    flex-direction: row;
    gap: 25px;
}

header .phone {
    color: #000000;
    text-align: center;
    font-family: "Golos Text", sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    text-decoration: none;
}

.button {
    padding: 15px 30px 15px 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    text-decoration: none;
    text-align: center;
    font-family: "Golos Text", sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    width: fit-content;
    border: unset;
}

.button_black {
    background: black;
    color: white;
    transition: background 0.3s ease;
}
.button_black:hover {
    background: #222;
    box-shadow: 0 8px 16px rgba(255, 255, 255, 0.1);
}

.button_red {
    background: red;
    color: white;
    display: inline-block; /* или flex */
    transition: padding 0.3s ease; /* это обязательно */
}
.button_red::after {
  content: '';
  position: absolute;
  right: 7px;
  width: 19px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg width='36' height='40' viewBox='0 0 36 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 19.7119L33.0605 19.7119' stroke='white' stroke-width='4.09128'/%3E%3Cpath d='M15.0129 2L32.8926 19.8797L15.0129 37.7594' stroke='white' stroke-width='4.09128'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s ease;
  pointer-events: none;
}

.button_red:hover::after {
  opacity: 1;
  transform: translateX(0);
}
.button_red:hover{
    padding-left: 20px;
    padding-right: 40px;
}


.button_bright-red {
  background: #ec1313;
  padding: 17.1px 34.2px;
  display: flex;
  flex-direction: row;
  gap: 22.8px;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #ffffff;
  text-align: center;
  font-family: "Golos Text", sans-serif;
  font-size: 18.2px;
  font-weight: 400;
  overflow: hidden;
  transition: background 0.3s ease;
  display: inline-block; /* или flex */
  transition: padding 0.3s ease; /* это обязательно */
}

.button_bright-red::after {
  content: '';
  position: absolute;
  right: 10px;
  width: 19px;
  height: 22px;
  background: url("data:image/svg+xml,%3Csvg width='36' height='40' viewBox='0 0 36 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 19.7119L33.0605 19.7119' stroke='white' stroke-width='4.09128'/%3E%3Cpath d='M15.0129 2L32.8926 19.8797L15.0129 37.7594' stroke='white' stroke-width='4.09128'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s ease;
  pointer-events: none;
}

.button_bright-red:hover::after {
  opacity: 1;
  transform: translateX(0);
}
.button_bright-red:hover{
    padding-left: 24.2px;
    padding-right: 44.2px;
}

.hero {
    margin-top: 62px;
}

.hero .container {
    width: 988px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: row;
    gap: 112px;
}

.hero .left {
    display: flex;
    flex-direction: column;
}

.hero .left .img-wrapper {
    width: 524.46px;
    height: auto;
}

.hero .left .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-with-scotch-wrapper {
    position: relative;
}

.hero .left .img-with-scotch-wrapper_hero-img-left::before {
    display: block;
    content: '';
    background: url(../images/scotch/hero-img-left.png);
    width: 190.4px;
    height: 66.13px;
    transform: rotate(-30deg) scale(1, 1);
    position: absolute;
    top: -4px;
    left: -61px;

    animation: wiggle 1.5s ease-in-out infinite;
}

@keyframes wiggle {
  0%   { transform: rotate(-30deg); }
  20%  { transform: rotate(-26deg); }
  40%  { transform: rotate(-33deg); }
  60%  { transform: rotate(-27deg); }
  80%  { transform: rotate(-34deg); }
  100% { transform: rotate(-30deg); }
}

.hero .right .img-wrapper {
    width: 352.3px;
    height: auto;
}

.hero .right .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero .right .img-with-scotch-wrapper_hero-img-right::before {
    display: block;
    content: '';
    background: url(../images/scotch/hero-img-right.png);
    width: 138.57px;
    height: 53.02px;
    transform: rotate(45deg) scale(1, 1);
    position: absolute;
    top: 12px;
    right: -36px;

    animation: wiggle45 1.5s ease-in-out infinite;
}

@keyframes wiggle45 {
  0%   { transform: rotate(45deg) translate(0, 0); }
  20%  { transform: rotate(49deg) translate(1px, -1px); }
  40%  { transform: rotate(42deg) translate(-1px, 1px); }
  60%  { transform: rotate(48deg) translate(1px, 0px); }
  80%  { transform: rotate(41deg) translate(-1px, -1px); }
  100% { transform: rotate(45deg) translate(0, 0); }
}

.hero .right {
    display: flex;
    flex-direction: column;
}

.hero .title {
    color: #2b2b2b;
    font-family: "Golos Text", sans-serif;
    font-size: 100.1456298828125px;
    letter-spacing: 0.03em;
    font-weight: 800;
    position: relative;
    z-index: 2;
}

.hero .title span {
    position: absolute;
    top: 0;
    left: 0;
}

.hero .title .img-wrapper {
    position: absolute;
    top: -86px;
    left: auto;
    right: -397px;
    width: 463px;
    height: auto;
}

.hero .title .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero .subtitle {
    margin-top: 117px;
    margin-bottom: 24px;
    color: #000000;
    text-align: left;
    font-family: "Golos Text", sans-serif;
    font-size: 41.04446792602539px;
    font-weight: 400;
    position: relative;
}

.hero .description {
    color: #000000;
    font-family: "Golos Text", sans-serif;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    margin-bottom: 23px;
}

.marquee {
    background: #000000;
    height: 18px;
    color: #ffffff;
    font-family: "Golos Text", sans-serif;
    font-size: 14px;
    letter-spacing: 0.1em;
    font-weight: 600;
    text-transform: uppercase;
    overflow: hidden;
}

.hero .marquee {
    margin-top: 37px;
}

.hero .marquee_angled {
    margin-top: 54px;
}
.marquee {
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}

.marquee_angled {
  transform: rotate(3.161deg);
}

.marquee_track {
  display: inline-block;
  animation: marquee 20s linear infinite;
}
.marquee_track-back {
  display: inline-block;
  animation: marquee-back 20s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-50%);
  }
}

@keyframes marquee-back {
  0% {
      transform: translateX(-50%);
}

100% {
      transform: translateX(0%);
  }
}

main.main {
    background: url(../images/main-bg.png) center center no-repeat;
    /* background-size: auto 112%; */
    background-size: 112% 112%;
    overflow: hidden;
}

main .container {
    width: 1208px;
    margin-right: auto;
    margin-left: auto;
}

main.main .top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 54px;
}

main .top .left .title {
    color: #ffffff;
    font-family: "Golos Text", sans-serif;
    font-size: 65px;
    letter-spacing: 0.03em;
    font-weight: 800;
}

main .top .left .subtitle {
    color: #ffffff;
    font-family: "Golos Text", sans-serif;
    font-size: 28px;
    line-height: 111.4%;
    font-weight: 500;
    width: 396px;
}

main .top .left {
    position: relative;
}

.main-section-img-absolute {
    position: absolute;
    top: 12px;
    left: 361px;
    width: 491px;
    height: auto;
}

.main-section-img-absolute img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

main .top .link {
    color: #ffffff;
    font-family: "Golos Text", sans-serif;
    font-size: 28px;
    line-height: 111.4%;
    font-weight: 500;
    text-decoration: unset;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 22px;
    transition: gap 0.3s ease, margin-right 0.3s ease;
    margin-right:5px;
}

main .top .link:hover{
  gap: 27px;
  margin-right:0px;
}

main .top .link:hover::after {
  
}

main .top .link::after {
    display: block;
    content: '';
    background: url('data:image/svg+xml,<svg width="36" height="40" viewBox="0 0 36 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 19.7119L33.0605 19.7119" stroke="white" stroke-width="4.09128"/><path d="M15.0129 2L32.8926 19.8797L15.0129 37.7594" stroke="white" stroke-width="4.09128"/></svg>');
    width: 36px;
    height: 40px;
}

main .middle {
    margin-top: 110px;
    display: grid;
    grid-template-columns: repeat(3, 285px);
    row-gap: 140px;
    justify-content: space-between;
    align-items: start;
    margin-left: 25px;
    margin-right: 31px;
}

main .industries-item {
    padding-top: 19px;
    padding-bottom: 7px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    text-decoration: unset;
    transition: transform 0.3s ease;
}
main .middle .img-with-scotch-wrapper .industries-item:hover{
    transform: rotate(2deg);   
}

main .industries-item:nth-child(18n + 1) {
    transform: rotate(3.87deg) scale(1, 1);
}

main .industries-item:nth-child(18n + 2) {
    transform: rotate(-3.647deg) scale(1, 1);
}

main .industries-item:nth-child(18n + 3) {
    transform: rotate(1.635deg) scale(1, 1);
}

main .industries-item:nth-child(18n + 4) {
    transform: rotate(-2.478deg) scale(1, 1);
}

main .industries-item:nth-child(18n + 5) {
    transform: rotate(-3.647deg) scale(1, 1);
}

main .industries-item:nth-child(18n + 6) {
    transform: rotate(1.635deg) scale(1, 1);
}

main .industries-item:nth-child(18n + 7) {
    transform: rotate(-1.189deg) scale(1, 1);
}

main .industries-item:nth-child(18n + 8) {
    transform: rotate(10.493deg) scale(1, 1);
}

main .industries-item:nth-child(18n + 9) {
    transform: rotate(8.456deg) scale(1, 1);
}

main .industries-item:nth-child(18n + 10) {
    transform: rotate(3.87deg) scale(1, 1);
}

main .industries-item:nth-child(18n + 11) {
    transform: rotate(-1.424deg) scale(1, 1);
}

main .industries-item:nth-child(18n + 12) {
    transform: rotate(1.635deg) scale(1, 1);
}

main .industries-item:nth-child(18n + 13) {
    transform: rotate(3.87deg) scale(1, 1);
}

main .industries-item:nth-child(18n + 14) {
    transform: rotate(4.596deg) scale(1, 1);
}

main .industries-item:nth-child(18n + 15) {
    transform: rotate(-4.082deg) scale(1, 1);
}

main .industries-item:nth-child(18n + 16) {
    transform: rotate(3.87deg) scale(1, 1);
}

main .industries-item:nth-child(18n + 17) {
    transform: rotate(4.016deg) scale(1, 1);
}

main .industries-item:nth-child(18n) {
    transform: rotate(1.635deg) scale(1, 1);
}

main .industries-item .img-wrapper {
    width: 235.95px;
    height: 235.95px;
}

main .industries-item .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.industries-item .img-wrapper img {
    transition: transform 0.3s ease;
    display: block;
    width: 100%;
    height: auto;
}
.industries-item:hover .img-wrapper img {
    transform: scale(1.15);
}
.img-inner{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

main .img-with-scotch-wrapper_industries-top-right::before {
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(42.66deg) scale(1, 1);
    position: absolute;
    top: -58px;
    left: auto;
    right: -36px;
    z-index: 2;
}

main .img-with-scotch-wrapper_industries-top-center::before {
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(2.07deg) scale(1, 1);
    position: absolute;
    top: -73px;
    left: 89px;
    right: auto;
    z-index: 2;
}

main .img-with-scotch-wrapper_industries-top-left::before {
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(-21.92deg) scale(1, 1);
    position: absolute;
    top: -73px;
    left: -32px;
    z-index: 2;
}

main .img-with-scotch-wrapper_industries-top-center-some-another-rotate::before {
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(-17.578deg) scale(1, 1);
    position: absolute;
    top: -73px;
    left: 89px;
    right: auto;
    z-index: 2;
}

main .img-with-scotch-wrapper_industries-top-left-some-another-rotate::before {
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(18.08deg) scale(1, 1);
    position: absolute;
    top: -52px;
    left: 18px;
    z-index: 2;
}

main .img-with-scotch-wrapper_industries-top-right-another-rotate::before {
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(-41.168deg) scale(1, 1);
    position: absolute;
    top: -59px;
    left: auto;
    right: -40px;
    z-index: 2;
}

main .img-with-scotch-wrapper_industries-top-right-another-rotate-opposite::before {
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(130.02deg) scale(1, 1);
    position: absolute;
    top: -59px;
    left: auto;
    right: -40px;
    z-index: 2;
}

main .img-with-scotch-wrapper_industries-top-center-bias::before {
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(2.07deg) scale(1, 1);
    position: absolute;
    top: -73px;
    left: 136px;
    right: auto;
    z-index: 2;
}

main .img-with-scotch-wrapper_industries-top-center-another-bias::before {
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(15.07deg) scale(1, 1);
    position: absolute;
    top: -78px;
    left: 175px;
    right: auto;
    z-index: 2;
}

main .img-with-scotch-wrapper_industries-bottom-left::after {
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(-75.921deg) scale(1, 1);
    position: absolute;
    top: auto;
    left: -3px;
    right: auto;
    bottom: -50px;
    z-index: 2;
}

main .img-with-scotch-wrapper_industries-bottom-left-bias-left::after {
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(-75.921deg) scale(1, 1);
    position: absolute;
    top: auto;
    left: -30px;
    right: auto;
    bottom: -45px;
    z-index: 2;
}

main .img-with-scotch-wrapper_industries-left-down::after {
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(-75.921deg) scale(1, 1);
    position: absolute;
    top: auto;
    left: -75px;
    right: auto;
    bottom: 9px;
    z-index: 2;
}

main .img-with-scotch-wrapper_industries-bottom-left-bias-some-left::after {
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(-78.921deg) scale(1, 1);
    position: absolute;
    top: auto;
    left: -14px;
    right: auto;
    bottom: -45px;
    z-index: 2;
}

main .img-with-scotch-wrapper_industries-bottom-left-rotate::after {
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(-5.006deg) scale(1, 1);
    position: absolute;
    top: auto;
    left: 3px;
    right: auto;
    bottom: -45px;
    z-index: 2;
}

main .img-with-scotch-wrapper_industries-bottom-left-another-rotate::after {
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(-146.665deg) scale(1, 1);
    position: absolute;
    top: auto;
    left: -26px;
    right: auto;
    bottom: -45px;
    z-index: 2;
}

main .img-with-scotch-wrapper_industries-bottom-left-rotate-bias::after {
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(0.994deg) scale(1, 1);
    position: absolute;
    top: auto;
    left: -41px;
    right: auto;
    bottom: -45px;
    z-index: 2;
}

main .img-with-scotch-wrapper_industries-bottom-left-rotate-another-bias::after {
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(10.994deg) scale(1, 1);
    position: absolute;
    top: auto;
    left: 49px;
    right: auto;
    bottom: -45px;
    z-index: 2;
}

main .industries-item .description {
    color: #000000;
    font-family: "Golos Text", sans-serif;
    font-size: 24px;
    line-height: 111.4%;
    font-weight: 500;
    width: 235.95px;
    text-align: end;
}

main .marquee {
    margin-top: 33px;
}

main .marquee_angled {
    margin-top: 80px;
}

.feedback {
    margin-top: 45px;
    padding-top: 79px;
}

.feedback .container {
    width: 1216px;
    margin-right: auto;
    margin-left: auto;
}

.feedback form {
    background: url(../images/form-bg.png) no-repeat bottom;
    background-size: cover;
    padding-top: 18px;
    padding-left: 34px;
    padding-bottom: 150px;
    padding-right: 37px;
    display: flex;
    flex-direction: column;
}

.feedback .title {
    color: #2b2b2b;
    font-family: "Golos Text", sans-serif;
    font-size: 84.2156753540039px;
    font-weight: 800;
    position: relative;
    margin-bottom: 40px;
}

.feedback form .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}

.feedback form .row .left {
    width: 60%;
    gap: 29px;
    display: flex;
    flex-direction: column;
}

.feedback form .row .left .row {
    justify-content: flex-start;
    gap: 30px;
}

.feedback form .row .left input {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 20px;
    padding-right: 20px;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    background: transparent;
    color: #000000;
    text-align: left;
    font-family: "Golos Text", sans-serif;
    font-size: 21.47px;
    font-weight: 400;
    position: relative;
}

.feedback form .row .left textarea {
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 20px;
    padding-right: 20px;
    border-style: solid;
    border-color: #000000;
    border-width: 1px;
    background: transparent;
    color: #000000;
    text-align: left;
    font-family: "Golos Text", sans-serif;
    font-size: 21.47px;
    font-weight: 400;
    position: relative;
    height: 146px;
    box-sizing: border-box;
}

.feedback form .row .right {
    width: 36%;
    gap: 53px;
    display: flex;
    flex-direction: column;
}

.privacy-checkbox span {
    color: #000000;
    font-family: "Golos Text", sans-serif;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    display: flex;
}
.privacy-checkbox span a{
    color: #000000;
    font-family: "Golos Text", sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-decoration:unset;
}
.privacy-checkbox {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    user-select: none;
}

.privacy-checkbox span {
    color: #000000;
    font-family: "Golos Text", sans-serif;
    font-size: 16px;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
}

.privacy-checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    margin: 0;
    z-index: 2;
    cursor: pointer;
}

.privacy-checkbox span::before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    border: 2px solid #000;
    box-sizing: border-box;
    margin-right: 11px;
    flex-shrink: 0;
    background-color: transparent;
    position: relative;
    z-index: 1;
}

.privacy-checkbox span::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 2px;
    width: 28px;
    height: 22px;
    background-image: url('data:image/svg+xml,<svg width="28" height="22" viewBox="0 0 25 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 9.5L8.5 17L24.5 1" stroke="black"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    transition: 0.2s ease;
    pointer-events: none;
}

.privacy-checkbox input:checked+span::after {
    opacity: 1;
}

.feedback .marquee_angled {
    margin-top: 75px;
    position: relative;
    z-index: 2;
}

footer {
    margin-top: -29px;
    background: black;
    clip-path: polygon(0 10%, 100% 1%, 100% 100%, 0% 100%);
    color: white;
    position: relative;
    padding-top: 110px;
}

footer .container {
    width: 1197px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: column;
}

footer .top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

footer .bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 68px;
}

footer .top {
    margin-bottom: 182px;
}

footer .top .left {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

footer .top .left p {
    color: #ffffff;
    font-family: "Golos Text", sans-serif;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    padding: 0;
    margin: 0;
}
footer .top .left p a{
    color: #ffffff;
    font-family: "Golos Text", sans-serif;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    padding: 0;
    margin: 0;
    text-decoration: unset;
}

footer .top .left .socials {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
    margin-top: 25px;
}

footer .top .left .socials a {
    text-decoration: unset;
    width: 57px;
    height: 57px;
    border: 1px solid white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
footer .bottom span {
    color: #ffffff;
    font-family: "Golos Text", sans-serif;
    font-size: 20px;
    font-weight: 400;
    position: relative;
}

footer .bottom a {
    color: #ffffff;
    font-family: "Golos Text", sans-serif;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    text-decoration: unset;
}

.absolute-position {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: -1;
    width: 741px;
    height: auto;
}

.absolute-position img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
main.brands-page .title-block {
    position: relative;
    margin-top: 67px;
}
main.brands-page .title-block .img-wrapper{
    width: 342px;
    height: 177px;
    position: absolute;
    top: -49px;
    left: 467px;
}
main.brands-page .title-block .img-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

main.brands-page .title-block .text {
    color: #2a2a2a;
    font-family: "Golos Text", sans-serif;
    font-size: 65px;
    font-weight: 800;
}

.filter-block {
    display: flex;
    gap: 48px;
    margin-top: 66px;
}

.filter-dropdown {
    position: relative;
    width: 399px;
    font-family: "Golos Text", sans-serif;
}

.filter-input {
    width: 100%;
    padding: 12px 20px;
    color: #000000;
    font-family: "Golos Text", sans-serif;
    font-size: 25.874832153320312px;
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid #000000;
    box-sizing: border-box;
    padding-right: 50px;
    cursor:pointer;
}

.filter-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 4px;

    background: #ffffff;
    border-style: solid;
    border-color: transparent;
    border-width: 1px;

    max-height: 464px;
    overflow-y: auto;
    list-style: none;
    padding: 0;

    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    z-index: 10;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.filter-dropdown.open .filter-options {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.filter-options li {
    padding: 0px 20px;
    cursor: pointer;
    color: #000000;
    font-family: "Golos Text", sans-serif;
    font-size: 25.874832153320312px;
    line-height: 48px;
    font-weight: 400;
    text-transform: uppercase;
}

.filter-options li:hover {
    background-color: #f3f3f3;
}

.filter-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.filter-arrow {
    position: absolute;
    right: 10px;
    pointer-events: none;
    transition: transform 0.2s ease;
    transform-origin: center;
}

.filter-dropdown.open .filter-arrow {
    transform: rotate(180deg);
}

main.brands-page .brands {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(3, 370px);
    gap: 48px;
}

main.brands-page .brands .brand-items {
    text-decoration: unset;
    display: flex;
    flex-direction: column;
}

main.brands-page .brands .brand-items .img-wrapper {
    width: 372.26px;
    height: 481.98px;
    overflow: hidden;
}
main.brands-page .brands .brand-items .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
main.brands-page .brands .brand-items:hover .img-wrapper img{
    transform: scale(1.15);
}



main.brands-page .brands .brand-items .title {
    margin-top: 20px;
    color: #000000;
    font-family: "Golos Text", sans-serif;
    font-size: 35px;
    font-weight: 600;
    position: relative;
}

main.brands-page .brands .brand-items .description {
    margin-top: 6px;
    color: #000000;
    font-family: "Golos Text", sans-serif;
    font-size: 20px;
    font-weight: 400;
    position: relative;
    max-width: 289.97px;
}

main.brands-page .marquee {
    margin-top: 130px;
    z-index: 2;
    position: relative;
}

main.brands-page .img-with-scotch-wrapper_industries-top-right::before {
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(24.66deg) scale(1, 1);
    position: absolute;
    top: -28px;
    left: auto;
    right: 30px;
}

main.brands-page .img-with-scotch-wrapper_industries-top-left::before {
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(-21.92deg) scale(1, 1);
    position: absolute;
    top: -44px;
    left: 206px;
}

main.page-brand {
    margin-top: 68px;
}
main.page-brand .container .title-main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

main.page-brand .container .title-main .left {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

main.page-brand .container .title-main .left a {
    text-decoration: none;
}

main.page-brand .container .title-main .left .text {
    color: #2a2a2a;
    font-family: "Golos Text", sans-serif;
    font-size: 65px;
    font-weight: 800;
}

main.page-brand .container .title-main .right {
    display: flex;
    flex-direction: row;
    gap: 14px;
    flex-shrink: 0;
}

main.page-brand .container .title-main .right a {
    border: 1px solid #000000;
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    color: #000000;
    font-family: "Golos Text", sans-serif;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    text-decoration: unset;
}

main.page-brand .container .title-main .right a::before {
    display: block;
    content: "";
    min-width: 18px;
    height: 18px;
    background: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 14.4663L14.562 18L13.086 11.34L18 6.85895L11.529 6.28105L9 0L6.471 6.28105L0 6.85895L4.914 11.34L3.438 18L9 14.4663Z" fill="black"/></svg>');
}

main.page-brand .container .info {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 64px;
}

main.page-brand .container .info .left {
    width: 39.2%;
}

main.page-brand .container .info .right {
    width: 56.5%;
    display: flex;
    flex-direction: column;
    min-height:616px;
    justify-content: space-between;
    gap: 31px;
}

main.page-brand .container .info .left .img-wrapper {
    width: 100%;
    height: 616px;
}

main.page-brand .container .info .left .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

main.page-brand .container .info .right .top {
    display: grid;
    grid-template-columns: repeat(2, 47%);
    justify-content: space-between;
}

main.page-brand .container .info .right .top .img-wrapper {
    width: 100%;
    height: auto;
    max-height: 320px;
}

main.page-brand .container .info .right .top .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

main.page-brand .container .info .right .description {
    color: #000000;
    font-family: "Golos Text", sans-serif;
    font-size: 20px;
    font-weight: 400;
    margin-top: 30px;
}

main.page-brand .container .info .right .another-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap:3%;
}

main.page-brand .container .info .right .another-info .socials {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
}

main.page-brand .container .info .right .another-info .socials a {
    text-decoration: unset;
    border-radius: 30px;
    width: 45px;
    height: 45px;
}

main.page-brand .container .info .right .another-info .socials a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

main.page-brand .container .info .right .another-info .address {
    color: #000000;
    font-family: "Golos Text", sans-serif;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
}

main.page-brand .container .info .right .another-info .address::before {
    display: block;
    content: "";
    min-width: 20px;
    height: 28px;
    background: url('data:image/svg+xml,<svg width="20" height="28" viewBox="0 0 20 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 0C4.47143 0 0 4.382 0 9.8C0 17.15 10 28 10 28C10 28 20 17.15 20 9.8C20 4.382 15.5286 0 10 0ZM10 13.3C8.02857 13.3 6.42857 11.732 6.42857 9.8C6.42857 7.868 8.02857 6.3 10 6.3C11.9714 6.3 13.5714 7.868 13.5714 9.8C13.5714 11.732 11.9714 13.3 10 13.3Z" fill="black"/></svg>');
}

main.page-brand .container .info .right .another-info .brand_mail {
    color: #000000;
    font-family: "Golos Text", sans-serif;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    text-decoration:none;
}

main.page-brand .container .info .right .another-info .brand_mail::before {
    display: block;
    content: "";
    min-width: 27px;
    height: 22px;
    background: url('data:image/svg+xml,<svg class="vector" width="27" height="22" viewBox="0 0 27 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.7 22C1.9575 22 1.3221 21.731 0.7938 21.1929C0.2646 20.6539 0 20.0063 0 19.25V2.75C0 1.99375 0.2646 1.34658 0.7938 0.8085C1.3221 0.2695 1.9575 0 2.7 0H24.3C25.0425 0 25.6784 0.2695 26.2076 0.8085C26.7359 1.34658 27 1.99375 27 2.75V19.25C27 20.0063 26.7359 20.6539 26.2076 21.1929C25.6784 21.731 25.0425 22 24.3 22H2.7ZM13.5 12.1344C13.6125 12.1344 13.7304 12.117 13.8537 12.0821C13.9779 12.0482 14.0962 11.9969 14.2087 11.9281L23.76 5.84375C23.94 5.72917 24.075 5.58617 24.165 5.41475C24.255 5.24242 24.3 5.05312 24.3 4.84688C24.3 4.38854 24.1088 4.04479 23.7263 3.81563C23.3438 3.58646 22.95 3.59792 22.545 3.85L13.5 9.625L4.455 3.85C4.05 3.59792 3.65625 3.59196 3.27375 3.83213C2.89125 4.07321 2.7 4.41146 2.7 4.84688C2.7 5.07604 2.745 5.27633 2.835 5.44775C2.925 5.62008 3.06 5.75208 3.24 5.84375L12.7913 11.9281C12.9038 11.9969 13.0221 12.0482 13.1463 12.0821C13.2696 12.117 13.3875 12.1344 13.5 12.1344Z" fill="black" /></svg>');
}

main.page-brand .container .products {
    margin-top: 68px;
}

main.page-brand .container .products .title {
    color: #000000;
    font-family: "Golos Text", sans-serif;
    font-size: 50px;
    font-weight: 800;
    text-transform: uppercase;
    margin-left: 52px;
}

main.page-brand .container .swiper .img-wrapper {
    width: auto;
    height: auto;
}

main.page-brand .container .swiper .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

main.page-brand .container .swiper .title {
    font-size: 30px !important;
    font-weight: 600 !important;
    margin-left: 0 !important;
    text-transform: inherit !important;
    margin-top: 11px;
}

main.page-brand .container .swiper .description {
    color: #000000;
    font-family: "Golos Text", sans-serif;
    font-size: 20px;
    font-weight: 400;
    margin-top: 4px;
}

main.page-brand .container .similar-company {
    margin-top: 100px;
}

main.page-brand .container .similar-company .title {
    color: #000000;
    font-family: "Golos Text", sans-serif;
    font-size: 50px;
    font-weight: 800;
    text-transform: uppercase;
    margin-left: 52px;
}

main.page-brand .marquee {
    margin-top: 116px;
    position: relative;
    z-index: 2;
}

.slider {
    position: relative;
    margin-top: 39px;
}

.swiper {
    /* width: 1102.88px; */
    width: calc(100% - 106px);
}

.swiper-button-next::after {
    display: block;
    content: '';
    background: url('data:image/svg+xml,<svg class="vector-102" width="15" height="30" viewBox="0 0 15 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 30L15 15L3.57746e-07 -7.15256e-07" stroke="black" stroke-width="2" /></svg>');
    width: 15px !important;
    height: 30px !important;
    right: -7px !important;
}

.swiper-button-prev::after {
    display: block;
    content: '';
    background: url('data:image/svg+xml,<svg class="vector-101" width="15" height="30" viewBox="0 0 15 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 0L1.78873e-07 15L15 30" stroke="black" stroke-width="2" /></svg>');
    width: 15px !important;
    height: 30px !important;
    left: -7px !important;
}

.mobile-burger {
    display: none;
    background: #000000;
    width: 60px;
    height: 60px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    cursor: pointer;
}

.mobile-burger span {
    display: block;
    width: 12.42px;
    height: 1px;
    background: white;
}

.mobile-footer-logo {
    display: none;
}
.map{
    margin-top: 40px;
    position:relative;
}
.map-container{
    width: 100%;
    height: 300px;
}
.map-container #map{
    width: 100%;
    height: 100%;
    overflow:hidden;
}
.map .link{
    text-decoration:unset;
    display:block;
    background: #ff3434;
    padding: 15px 30px 15px 30px;
    color: #ffffff;
    text-align: center;
    font-family: "Golos Text", sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    position: absolute;
    top: auto;
    bottom: 30px;
    left: auto;
    right: 20px;
}
@media (max-width: 1279px) {
    main.main{
        background-size: auto 112%;
    }
    header .container {
        width: calc(100% - 72px);
    }

    .hero .container {
        width: calc(100% - 72px);
        gap: unset;
        justify-content: space-around;
    }

    .hero .left .img-wrapper {
        width: 419.568px;
    }

    .hero .right .img-wrapper {
        width: 281.84px;
    }

    .hero .description {
        width: 281.84px;
        font-size: 16px;
    }

    .hero .title {
        font-size: 80.1165039063px;
    }

    .hero .title .img-wrapper {
        width: 370.4px;
    }

    .hero .subtitle {
        margin-top: 93.6px;
        font-size: 32.8355743408px;
    }

    .hero .left .img-with-scotch-wrapper_hero-img-left::before {
        width: 152.32px;
        height: 52.904px;
    }

    .hero .right .img-with-scotch-wrapper_hero-img-right::before {
        width: 110.856px;
        height: 42.416px;
    }

    main .container {
        width: calc(100% - 72px);
    }

    main .top .left .title {
        font-size: 52px;
    }

    main .top .left .subtitle {
        font-size: 22.4px;
        width: 316.8px;
    }

    .main-section-img-absolute {
        width: 392.8px;
        left: 288.8px;
    }

    main .top .link {
        font-size: 22.4px;
        gap: 17.6px;
    }

    main .top .link::after {
        width: 28.8px;
        height: 32px;
        background-size: contain;
    }

    main .middle {
        grid-template-columns: repeat(2, 342px);
        margin-left: 30px;
        margin-right: 37.2px;
    }

    main .industries-item .img-wrapper {
        width: 283.14px;
        height: 283.14px;
    }

    .feedback .container {
        width: calc(100% - 64px);
    }

    footer .container {
        width: calc(100% - 83px);
    }

    .absolute-position {
        width: 592.8px;
    }

    footer .top {
        margin-bottom: 78px;
    }

    .feedback .title {
        font-size: 67.3725402832px;
    }
    main.brands-page .brands .brand-items .img-wrapper{
        width: 100%;
        height: auto;
    }
    main.brands-page .brands{
        grid-template-columns: repeat(2, 45%);
        gap: unset;
        row-gap: 48px;
        justify-content: space-between;
    }
}

@media (max-width: 1024px) {
    .hero .left .img-wrapper {
        width: 335.6544px;
    }

    .hero .description {
        width: 225.472px;
    }

    .hero .right .img-wrapper {
        width: 225.472px;
    }

    .hero .title {
        font-size: 64.093203125px;
    }

    .hero .left .img-wrapper {
        width: 268.52352px;
    }

    .hero .title .img-wrapper {
        right: -317.6px;
    }

    .hero .marquee_angled {
        margin-top: 0;
    }

    main .top .left .title {
        font-size: 41.6px;
    }

    main .top .left .subtitle {
        margin-top: 100px;
    }

    .main-section-img-absolute {
        width: 314.24px;
        top: 52px;
        left: 179px;
    }

    main .top .link {
        font-size: 17.92px;
    }

    main .top .link::after {
        width: 18px;
        height: 19.47px;
    }

    main .middle {
        grid-template-columns: repeat(1, 342px);
        justify-content: center;
    }

    .feedback .title {
        font-size: 53.8980322266px;
    }

    .feedback form .row {
        flex-direction: column;
        gap: 25px;
    }

    .feedback form .row .left {
        width: 100%;
    }

    .feedback form .row .right {
        flex-direction: row;
        width: 100%;
        align-items: center;
        gap: unset;
        justify-content: space-between;
    }

    .feedback form .row .left .row {
        flex-direction: row;
    }

    footer .top {
        margin-bottom: 33px;
    }

    footer .bottom span {
        width: 229px;
    }
    main.brands-page .title-block .img-wrapper{
        width: 236px;
        height: auto;
        top: 10px;
        left: 422px;
    }
    main.brands-page .brands .brand-items .img-wrapper{
        width: 100%;
        height: auto;
    }
    main.brands-page .brands{
        grid-template-columns: repeat(2, 45%);
    }
    .filter-block{
        flex-direction: column;
    }
    .filter-dropdown{
        width: 100%;
    }
    main.page-brand .container .title-main{
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
    }
    main.page-brand .container .info .left{
        display: none;
    }
    main.page-brand .container .info .right{
        width: 100%;
        min-height:auto;
    }
    main.page-brand .container .info .right .another-info{
        margin-top: 40px;
    }
    main.page-brand .container .similar-company .title, main.page-brand .container .products .title{
        margin-left: 0;
        text-align: center;
    }
    main.page-brand .container .swiper .description{
        font-size: 16px;
    }
    .filter-input{
        padding-top: 6px;
        padding-left: 10px;
        padding-right: 25px;
        padding-bottom: 6px;
        font-size: 18px;
    }
    .filter-arrow{
        width: 16px;
        height: 9px;
    }
    .filter-arrow path{
        stroke-width:3px;
    }
    .filter-block{
        gap:24px;
    }
    main.page-brand .container .info .right .another-info .address{
        font-size:16px;
    }
    main.page-brand .container .info .right .another-info .brand_mail{
        font-size:16px;
    }
}

@media (max-width: 768px) {
    header .button-group {
        display: none;
    }

    .mobile-burger {
        display: flex;
    }

    .hero .container {
        flex-direction: column;
        position: relative;
        max-width: 500px;
    }

    .hero .description {
        display: none;
    }

    .hero .left .img-wrapper {
        width: 100%;
        height: 171.66px;
    }

    .hero .left .img-with-scotch-wrapper_hero-img-left::before {
        width: 114.14px;
        height: 39.64px;
        left: -25px;
    }

    .hero .title span {
        font-size: 39.896202087402344px;
    }

    .hero .subtitle {
        font-size: 18px;
        margin-top: 37.6px;
    }

    .hero .title .img-wrapper {
        width: 146.26px;
        top: -5px;
        left: 62%;
        right: auto;
        height: auto;
    }

    .hero .right .img-wrapper {
        width: 206.53px;
        height: 269.36px;
    }

    .hero .left .img-wrapper img {
        object-position: center 13%;
    }

    .hero .right {
        position: absolute;
        top: auto;
        bottom: 0;
        left: auto;
        right: 0;
        z-index: -1;
    }

    .hero .subtitle {
        margin-bottom: 217px;
    }

    .hero .button_bright-red {
        margin-bottom: 27px;
    }

    .hero .marquee_angled {
        margin-top: 15px;
    }

    main .top .left .title {
        font-size: 30px;
    }

    main .top .left .subtitle {
        font-size: 16px;
        width: 201px;
        margin-top: 55px;
    }

    main.main .top {
        flex-direction: column;
        gap: 25px;
    }

    .main-section-img-absolute {
        width: 223.79px;
        height: 62px;
        top: 30px;
        left: 100px;
    }

    main .middle {
        grid-template-columns: repeat(1, 289.71px);
        margin-top: 55px;
        gap: 55px;
    }

    main .industries-item .img-wrapper {
        width: 278.04px;
        height: 141.28px;
    }

    main .industries-item .img-wrapper img {
        object-position: center 25%;
    }

    main .industries-item .description {
        font-size: 16px;
    }

    main .img-with-scotch-wrapper::before {
        width: 40.09px;
        height: 56.32px;
    }

    main .img-with-scotch-wrapper::after {
        width: 40.09px;
        height: 56.32px;
    }

    main .img-with-scotch-wrapper_industries-top-right::before {
        top: 0px;
        left: auto;
        right: -26px;
    }

    main .img-with-scotch-wrapper_industries-bottom-left::after {
        left: 28px;
        right: auto;
        bottom: -32px;
    }

    main .img-with-scotch-wrapper_industries-bottom-left-bias-left::after {
        left: -20px;
        right: auto;
        bottom: -20px;
    }

    main .img-with-scotch-wrapper_industries-top-center::before {
        top: -51px;
    }

    main .img-with-scotch-wrapper_industries-left-down::after {
        left: -24px;
    }

    main .img-with-scotch-wrapper_industries-top-left::before {
        top: -33px;
        left: -2px;
    }

    main .img-with-scotch-wrapper_industries-bottom-left-bias-some-left::after {
        left: -4px;
        right: auto;
        bottom: -22px;
    }

    main .img-with-scotch-wrapper_industries-top-center-some-another-rotate::before {
        top: -43px;
        left: 89px;
        right: auto;
    }

    main .img-with-scotch-wrapper_industries-bottom-left-rotate::after {
        left: 8px;
        right: auto;
        bottom: -28px;
    }

    main .img-with-scotch-wrapper_industries-bottom-left-another-rotate::after {
        left: -6px;
        right: auto;
        bottom: -20px;
    }

    main .img-with-scotch-wrapper_industries-top-right-another-rotate::before {
        top: -19px;
        left: auto;
        right: -20px;
    }

    main .img-with-scotch-wrapper_industries-top-center-another-bias::before {
        top: -50px;
        left: 175px;
        right: auto;
    }

    main .img-with-scotch-wrapper_industries-bottom-left-rotate-bias::after {
        left: -21px;
        right: auto;
        bottom: -26px;
    }

    main .img-with-scotch-wrapper_industries-top-right-another-rotate-opposite::before {
        top: -39px;
        left: auto;
        right: -20px;
    }
    main .img-with-scotch-wrapper_industries-top-center-bias::before{
        top: -23px;
    }

    main .img-with-scotch-wrapper_industries-bottom-left-rotate-another-bias::after {
        left: 19px;
        right: auto;
        bottom: -29px;
    }

    .feedback .title {
        font-size: 40px;
        text-align: center;
    }

    .feedback form .row .left .row {
        flex-direction: column;
    }

    .feedback form .row .left input {
        box-sizing: border-box;
    }

    .feedback form .row .right {
        flex-direction: column;
        gap: 30px;
    }

    .feedback form {
        padding-left: 20px;
        padding-right: 20px;
    }

    .privacy-checkbox span {
        font-size: 11px;
    }

    .privacy-checkbox span::before {
        margin-right: 5px;
    }

    .privacy-checkbox span::after {
        left: 1px;
        top: 50%;
        transform: translate(0,-100%);
    }

    footer .top .right {
        display: none;
    }

    footer .bottom {
        flex-direction: column;
        gap: 25px;
    }

    .absolute-position {
        width: 100%;
    }
    .mobile-footer-logo{
        display: block;
        width: 70.29px;
        height: 47.39px;
        text-decoration: unset;
        margin-right: 0;
        margin-left: auto;
    }
    .mobile-footer-logo img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    main.brands-page .title-block .text{
        font-size: 36px;
    }
    main.brands-page .title-block .img-wrapper{
        left: 150px;
        top: 15px;
        width: 196px;
        height: auto;
    }
    main.brands-page .brands{
        grid-template-columns: repeat(1, 100%);
    }
    .filter-options li{
        font-size: 18px;
    }
    .filter-input{
        font-size: 18px;
    }
    main.page-brand .container .info .right .description{
        font-size: 16px;
    }
    main.page-brand .container .title-main .left .text{
        font-size: 40px;
    }
    main.page-brand .container .title-main .left a svg{
        width: 15px;
        height: auto;
    }
    main.page-brand .container .title-main .right a{
        font-size: 11px;
    }
    main.page-brand .container .info{
        margin-top: 32px;
    }
    main.page-brand .container .info .right .another-info{
        flex-direction: column-reverse;
        gap: 25px;
    }
    main.page-brand .container .products .title, main.page-brand .container .similar-company .title{
        font-size: 40px;
    }
    main.page-brand .container .swiper .img-wrapper{
        max-width: 320px;
    }
    .slider .swiper-slide{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    main.page-brand .container .swiper .description{
        text-align: center;
    }
}
#successModal .modal-content{
    position: relative;
    background: #FFF;
    padding-top: 55px;
    padding-bottom: 45px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    max-width: 648px;
    min-width: 300px;
    width: 100%;
}
#successModal .modal-content .text{
    color: #000000;
    font-family: "Golos Text", sans-serif;
    font-size: 22px;
    font-weight: 400;
    position: relative;
    height: 40px;
}
#successModal .modal-content .modal-close-button{
    color: #ffffff;
    font-family: "Golos Text", sans-serif;
    font-size: 21.47210693359375px;
    font-weight: 400;
    width:200px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content: center;
    background:black;
    cursor:pointer;
}
.brand-logo{
    position: absolute;
    top: 105px;
    transform: rotate(15deg);
    padding: 20px;
    background: white;
    left: auto;
    right: -77px;
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
    z-index: 1;
}
.brand-logo::before{
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(-30.381deg) scale(1, 1);
    position: absolute;
    top: -84px;
    left: 33px;
    right: auto;
    z-index: 2;
}
.brand-logo-mobile{
    position: absolute;
    top: 105px;
    transform: rotate(15deg);
    padding: 20px;
    background: white;
    left: auto;
    right: -77px;
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.15);
}
.brand-logo-mobile::before{
    display: block;
    content: '';
    background: url(../images/scotch/industries-top-right.png);
    width: 67px;
    height: 94px;
    transform: rotate(-30.381deg) scale(1, 1);
    position: absolute;
    top: -84px;
    left: 33px;
    right: auto;
    z-index: 2;
}
.another-socials{
    display:flex;
    flex-direction:row;
    align-items: center;
    gap: 20px;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.another-socials span{
    color: #000000;
    font-family: "Golos Text", sans-serif;
    font-size: 20px;
    font-weight: 600;
    position: relative;
}
.another-socials ul{
    flex-wrap:wrap;
    list-style-type:none;
    display:flex;
    flex-direction:row;
    gap:10px;
    padding: 0;
    margin: 0;
}
@media (max-width: 1024px) {
    .another-socials{
        justify-content: flex-start;
    }
    .brand-logo-mobile{
        display:block !important;
        padding: 10px;
        top: 38px;
        left: 35%;
        right:auto;
    }
    .brand-logo-mobile::before{
        top: -44px;
        left: 15px;
        width: 37px;
        height: 52px;
    }
    .brand-logo-mobile img{
        height:60px;
        width:auto;
    }
}
@media (max-width: 690px) {
    main.main{
        background: url(../images/bg-mobile-v4-crop.png) center top;
        background-size: auto auto;
    }
}