@import "./reset.css";

body {
  font-family: "Manrope", sans-serif;
  color: #333333;
}

.wrapper {
  min-height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.title {
  font-weight: 600;
  font-size: clamp(1.563rem, 1.222rem + 1.7vw, 2.5rem);
  line-height: 55px;

  color: #000000;
}

.simple-rating {
	position: relative;
	font-size: 24px;
	display: inline-block;
}

.simple-rating::before {
	content: "★★★★★";
	display: block;
}

.simple-rating__items {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: row-reverse;
	overflow: hidden;
}

.simple-rating__item {
	position: absolute;
	width: 0%;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	top: 0;
	left: 0;
}

.simple-rating__label {
	flex: 0 0 20%;
	height: 100%;
	cursor: pointer;
	color: #f0dbbb;
}

.simple-rating__label::before {
	content: "★";
	display: block;
	transition: color 0.3s ease 0s;
}

.simple-rating__item:checked,
.simple-rating__item:checked~.simple-rating__label {
	color: #FBB040;
}

.simple-rating__label:hover,
.simple-rating__label:hover~.simple-rating__label,
.simple-rating__label:checked~.simple-rating__label:hover {
	color: #ffef9f;
}

.page {
  flex: 1 1 auto;
}

[class*="__container"] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 15px;
}

@media (max-width: 1200px) {
  [class*="__container"] {
    max-width: 970px;
  }
}

@media (max-width: 990px) {
  [class*="__container"] {
    max-width: 750px;
  }
}

@media (max-width: 767px) {
  [class*="__container"] {
    max-width: none;
  }
}

/*HEADER*/

.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
}
.header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 103px;
  padding-top: 10px;
  padding-bottom: 10px;
  column-gap: 10px;
  row-gap: 15px;
}

@media (max-width: 768px) {
  .header__container {
    min-height: 0;
    flex-direction: column;
  }
}

.header__logo {
  font-weight: 800;
  font-size: 23px;
  line-height: 31px;

  color: #31353b;
}

.menu__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 46px;
  row-gap: 10px;
}

.menu__link {
  font-weight: 700;
  font-size: 13px;
  line-height: 17px;

  color: #000000;
}

.menu__link:hover {
  text-decoration: underline;
}

@media (max-width: 768px) {
  .menu__list {
    justify-content: center;
  }

  .menu__link {
    font-size: 18px;
  }
}

/*MAIN-BLOCK*/

.main-block__container {
  padding-top: clamp(2.5rem, -0.75rem + 16.25vw, 11.438rem);
  position: relative;
}

.main-block__container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 68%;
  height: 100%;
  width: 200%;
  background-color: #bdccff;
}

.main-block__body {
  margin-bottom: 14px;
}
.body-main-block {
  display: flex;
  align-items: flex-start;
}
.body-main-block__content {
  flex: 0 1 50%;
}

.content-main-block {
  padding-top: 40px;
  position: relative;
  z-index: 2;
}
.content-main-block__sub-title {
  font-weight: 700;
  font-size: clamp(1.625rem, 0.989rem + 1.18vw, 3.375rem);
  line-height: 29px;
  text-transform: uppercase;

  margin-bottom: 24px;

  color: #ff9900;
}
.content-main-block__title {
  font-weight: 800;
  font-size: clamp(1.625rem, 0.989rem + 5.18vw, 3.375rem);
  line-height: 73px;
  max-width: 484px;

  margin-bottom: 23px;

  color: #000000;
}
.content-main-block__text {
  font-weight: 400;
  font-size: 17px;
  line-height: 23px;
  letter-spacing: 0.01em;
  max-width: 499px;

  margin-bottom: 48px;

  color: #31353b;
}

.form-main-block {
  position: relative;
  z-index: 2;
  display: flex;
  margin-right: -188px;
  background: #fff url("./../img/main/home.svg") 33px 32px no-repeat;
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.03),
    0px 64.8148px 46.8519px rgba(0, 0, 0, 0.0227778),
    0px 38.5185px 25.4815px rgba(0, 0, 0, 0.0182222),
    0px 20px 13px rgba(0, 0, 0, 0.015),
    0px 8.14815px 6.51852px rgba(0, 0, 0, 0.0117778),
    0px 1.85185px 3.14815px rgba(0, 0, 0, 0.00722222);
}

.form-main-block__input {
  height: 86px;
  border: 1px solid #dadada;
  padding-left: 74px;
  background-color: transparent;
  font-size: 20px;
  flex: 1 1 auto;
}

.form-main-block__input::placeholder {
  color: rgba(49, 53, 59, 0.3);
}

.form-main-block__button {
  height: 86px;
  cursor: pointer;
  width: 188px;
  flex: 0 0 188px;
  font-weight: 600;
  font-size: 17px;
  line-height: 23px;
  letter-spacing: 0.01em;
  color: #ffffff;

  padding: 5px 15px;
  background-color: #f85a47;
  transition: background-color 0.3s ease-in-out;
}

.form-main-block__button:hover {
  background-color: #b62313;
}

.body-main-block__slider {
  flex: 0 1 50%;
  min-width: 0;
}

.partners-main-block {
  max-width: 65%;
}
.partners-main-block__label {
  font-size: 17px;
  margin-bottom: 25px;
}
.partners-main-block__items {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: space-between;
  align-items: center;
}
.partners-main-block__item img {
  max-width: 100%;
}

.slider-main-block__slide {
  position: relative;
  padding-bottom: 95%;
}

.slider-main-block__slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1200px) {
  .main-block__container {
    padding-top: 100px;
  }

  .content-main-block__body {
    padding-right: 0;
  }

  .body-main-block {
    display: block;
  }

  .form-main-block {
    margin-right: 0;
  }

  .body-main-block__content {
    margin-bottom: 40px;
  }

  .partners-main-block {
    position: relative;
    z-index: 2;
    max-width: none;
  }
}

@media (max-width: 768px) {
  .partners-main-block__label {
    text-align: center;
  }

  .partners-main-block__items {
    justify-content: center;
  }

  .form-main-block {
    display: block;
  }

  .form-main-block__button {
    width: 100%;
  }

  .form-main-block__input {
    font-size: 18px;
    width: 100%;
  }
}

@media (max-width: 480px) {
  .form-main-block {
    background: #fff;
  }

  .form-main-block__input {
    padding: 0px 15px;
  }
}

/*HOW*/

.page__how {
  padding-top: clamp(3.75rem, 0.045rem + 18.52vw, 13.938rem);
}

.how__title {
  text-align: center;
  margin-bottom: clamp(1.875rem, 0.966rem + 4.55vw, 4.375rem);
}

.how__items {
  display: grid;
  padding: 0px 35px;
  grid-template-columns: repeat(3, minmax(auto, 260px));
  gap: 30px;
  justify-content: space-between;
}

.item-how {
  text-align: center;
  display: grid;
  justify-items: center;
  position: relative;
}
.item-how__icon {
  margin-bottom: 50px;
  width: 90px;
  height: 90px;
  border-radius: 20px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.item-how_1::after {
  content: "";
  position: absolute;
  right: 0;
  top: 41px;
  width: 100%;
  transform: translate(86.5%, 0px);
  height: 11px;
  background: url("./../img/how/border_1.svg") 0 0 no-repeat;
  max-width: 210px;
}

.item-how_2::after {
  content: "";
  position: absolute;
  right: 0;
  top: 41px;
  width: 100%;
  transform: translate(86.5%, 0px);
  height: 11px;
  background: url("./../img/how/border_2.svg") 0 0 no-repeat;
  max-width: 210px;
}

.item-how_1 .item-how__icon {
  background: #9672ff;
  box-shadow: 0px 100px 80px rgba(150, 114, 255, 0.07),
    0px 64.8148px 46.8519px rgba(150, 114, 255, 0.0531481),
    0px 38.5185px 25.4815px rgba(150, 114, 255, 0.0425185),
    0px 20px 13px rgba(150, 114, 255, 0.035),
    0px 8.14815px 6.51852px rgba(150, 114, 255, 0.0274815),
    0px 1.85185px 3.14815px rgba(150, 114, 255, 0.0168519);
}
.item-how_2 .item-how__icon {
  background: #4ddffd;
  box-shadow: 0px 100px 80px rgba(77, 223, 253, 0.07),
    0px 64.8148px 46.8519px rgba(77, 223, 253, 0.0531481),
    0px 38.5185px 25.4815px rgba(77, 223, 253, 0.0425185),
    0px 20px 13px rgba(77, 223, 253, 0.035),
    0px 8.14815px 6.51852px rgba(77, 223, 253, 0.0274815),
    0px 1.85185px 3.14815px rgba(77, 223, 253, 0.0168519);
}
.item-how_3 .item-how__icon {
  background: #f2b8ec;
  box-shadow: 0px 100px 80px rgba(242, 184, 236, 0.07),
    0px 64.8148px 46.8519px rgba(242, 184, 236, 0.0531481),
    0px 38.5185px 25.4815px rgba(242, 184, 236, 0.0425185),
    0px 20px 13px rgba(242, 184, 236, 0.035),
    0px 8.14815px 6.51852px rgba(242, 184, 236, 0.0274815),
    0px 1.85185px 3.14815px rgba(242, 184, 236, 0.0168519);
}

.item-how__title {
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;

  text-align: center;

  color: #000000;
}

@media (max-width: 768px) {
  .item-how_1::after {
    display: none;
  }

  .item-how_2::after {
    display: none;
  }

  .how__items {
    grid-template-columns: 1fr;
  }
}

/*DEALS*/

.page__deals {
  padding-top: clamp(2.5rem, -1.705rem + 21.02vw, 14.063rem);
}

.deals__header {
  margin-bottom: clamp(1.875rem, 1.42rem + 2.27vw, 3.125rem);
}
.header-deals {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
}
.header-deals__content {
  flex: 1 1 auto;
}
.header-deals__title {
  margin-bottom: 15px;
}
.header-deals__text {
  max-width: 470px;
  line-height: 1.5;
}
.header-deals__link {
  background: #f85a47;
  display: inline-block;
  font-weight: 500;
  font-size: 17px;
  color: #ffffff;
  text-align: center;
  padding: 22px 33px;
  box-shadow: 0px 100px 80px rgba(248, 90, 71, 0.07),
    0px 64.8148px 46.8519px rgba(248, 90, 71, 0.0531481),
    0px 38.5185px 25.4815px rgba(248, 90, 71, 0.0425185),
    0px 20px 13px rgba(248, 90, 71, 0.035),
    0px 8.14815px 6.51852px rgba(248, 90, 71, 0.0274815),
    0px 1.85185px 3.14815px rgba(248, 90, 71, 0.0168519);
  border-radius: 5px;
  transition: background-color 0.3s ease-in-out;
}

.header-deals__link:hover {
  background-color: #b62313;
}

@media (max-width: 768px) {
  .header-deals__link {
    width: 100%;
  }
}

.tabs-deals__nav {
  display: flex;
  flex-wrap: wrap;
  column-gap: clamp(1.563rem, 0.994rem + 2.84vw, 3.125rem);
  row-gap: 10px;
  margin-bottom: clamp(1.25rem, 0.682rem + 2.84vw, 2.813rem);
}
.tabs-deals__button {
  background-color: transparent;
  font-size: 19px;
  line-height: 26px;

  position: relative;
  cursor: pointer;
  color: #000000;
  transition: all 0.3s ease-in-out;
}

.tabs-deals__button::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 0;
  height: 1px;
  transition: all 0.3s ease-in-out;
  background-color: #f85a47;
}

.tabs-deals__button:hover {
  color: #f85a47;
}

.tabs-deals__button:hover::after {
  width: 100%;
}

.tabs-deals__button.active {
  color: #f85a47;
}

.tabs-deals__button.active::after {
  width: 100%;
}

.tabs-deals__item {
  display: none;
}

.tabs-deals__item.active {
  display: block;
}

.item-tabs__items {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.item-tabs__item {
  position: relative;
}
.item-tabs__options {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.item-tabs__option {
  font-size: 12px;
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid #ffffff;
  border-radius: 5px;
  color: #ffffff;
  padding: 6px 12px;
  transition: background-color 0.3s ease-in-out;
}

.item-tabs__option:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

.item-tabs__image {
  display: block;
  position: relative;
  padding-bottom: 81%;
  border-radius: 5px;
  overflow: hidden;
  transition: transform 0.3s ease-in-out;
}

.item-tabs__image:hover {
  transform: scale(1.1);
}

.item-tabs__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

/*FEATURED*/

.page__featured {
  padding-top: clamp(3.438rem, -0.881rem + 21.59vw, 15.313rem);
}

.featured__title {
  text-align: center;
  margin-bottom: clamp(1.875rem, 0.398rem + 7.39vw, 5.938rem);
}

.featured__body {
  display: grid;
  background-color: #f1ffff;
  padding: 40px 40px 80px 40px;
  gap: clamp(1.875rem, 0.807rem + 5.34vw, 4.813rem);
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 992px) {
  .featured__body {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
}

 @media(max-width: 768px) {
    .featured__body{
        margin: 0 -15px;
        padding: 20px 15px 20px 15px;
    }
}

.images-featured {
  display: grid;
  justify-items: center;
}

.images-featured__item img {
  max-width: 100%;
}
.images-featured__item_mini {
  margin-left: 20px;
  margin-right: 20px;
  background: url(image.png);
  filter: drop-shadow(0px 163px 80px rgba(0, 0, 0, 0.04))
    drop-shadow(0px 105.648px 46.8519px rgba(0, 0, 0, 0.0303704))
    drop-shadow(0px 62.7852px 25.4815px rgba(0, 0, 0, 0.0242963))
    drop-shadow(0px 32.6px 13px rgba(0, 0, 0, 0.02))
    drop-shadow(0px 13.2815px 6.51852px rgba(0, 0, 0, 0.0157037))
    drop-shadow(0px 3.01852px 3.14815px rgba(0, 0, 0, 0.00962963))
    drop-shadow(48px 58px 44px rgba(0, 0, 0, 0.09));
  margin-top: -114px;
}



.content-featured__title {
  font-weight: 600;
  font-size: clamp(1.25rem, 1rem + 1.25vw, 1.938rem);
  line-height: 42px;
  margin-bottom: 28px;

  color: #000000;
}
.content-featured__text {
  line-height: 1.5;
  margin-bottom: 42px;
  max-width: 344px;

  color: #545a58;
}
.content-featured__options {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-bottom: clamp(1.563rem, 0.903rem + 3.3vw, 3.375rem);
}
.content-featured__link {
  background: #f85a47;
  box-shadow: 0px 100px 80px rgba(248, 90, 71, 0.07),
    0px 64.8148px 46.8519px rgba(248, 90, 71, 0.0531481),
    0px 38.5185px 25.4815px rgba(248, 90, 71, 0.0425185),
    0px 20px 13px rgba(248, 90, 71, 0.035),
    0px 8.14815px 6.51852px rgba(248, 90, 71, 0.0274815),
    0px 1.85185px 3.14815px rgba(248, 90, 71, 0.0168519);
  border-radius: 5px;
  font-weight: 500;
  font-size: 18px;
  line-height: 150%;

  padding: 16px 38px;
  display: block;
  text-align: center;
  color: #ffffff;
  transition: background-color 0.3s ease-in-out;
}

.content-featured__link:hover {
  background-color: #b62313;
}

.options-content-featured__label {
  font-weight: 700;
  font-size: 17px;
  line-height: 23px;
  margin-bottom: 12px;

  color: #000000;
}
.options-content-featured__value {
  font-weight: 400;
  font-size: 17px;
  line-height: 23px;

  color: #545a58;
}

@media(min-width: 992px) {
    .content-featured__body{
        flex: 1 1 auto;
        padding-top: clamp(1.25rem, 0.795rem + 2.27vw, 2.5rem);
        max-width: 412px;
    }

    .content-featured__link{
        max-width: 412px;
    }
}

 @media(max-width: 480px) {
    .content-featured__options{
        grid-template-columns: repeat(2,1fr);
    }
}

/*REVIEWS*/

.reviews {
	padding-top: 110px;
	padding-bottom: 110px;
}

@media (max-width: 991.98px) {
	.reviews {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}

@media (max-width: 767.98px) {
	.reviews {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}


.reviews__title {
	margin-bottom: 50px;
	max-width: 570px;
}

.reviews__items {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(auto-fill,minmax(290px,1fr));
}


.item-reviews {
	color: inherit;
	padding: 50px 40px;
	background: #FFFFFF;
	border: 1px solid #EBEBEB;
	border-radius: 10px;
	transition: all 0.3s ease 0s;
}
.item-reviews:hover{
	border: 1px solid transparent;
	box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.03), 0px 64.8148px 46.8519px rgba(0, 0, 0, 0.0227778), 0px 38.5185px 25.4815px rgba(0, 0, 0, 0.0182222), 0px 20px 13px rgba(0, 0, 0, 0.015), 0px 8.14815px 6.51852px rgba(0, 0, 0, 0.0117778), 0px 1.85185px 3.14815px rgba(0, 0, 0, 0.00722222), 3px 44px 54px rgba(0, 0, 0, 0.08);
}
.item-reviews__raiting {
	margin-bottom: 33px;
}

.item-reviews__text {
	line-height: 1.5;
	margin-bottom: 50px;
}


.author-item-reviews {
	display: flex;
	gap: 20px;
	align-items: center;
}
.author-item-reviews__avatar {
	flex: 0 0 48px;
	border-radius: 50%;
	overflow: hidden;
}

.author-item-reviews__name {
	font-weight: 700;
	line-height: 22px;
}
.author-item-reviews__location {
	color: #666666;
	font-size: 14px;
	line-height: 19px;
}

.reviews__footer {
	padding-top: 85px;
}

.footer-reviews {
	display: flex;
	column-gap: 100px;
	
}

@media (max-width: 991.98px){
	.footer-reviews {flex-wrap: wrap;row-gap: 30px;}
}

.footer-reviews__partners {
	flex: 1 1 auto;
}

.partners-footer-reviews {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: center;
	justify-content: space-between;
}


.footer-reviews__info {
	flex: 0 0 300px;
	line-height: 1.5;
}
.footer-reviews__info a{
	color: #2CBDE7;
	text-decoration: underline;
}
.footer-reviews__info a:hover {
	text-decoration: none;
}

/* ================================= */
.subscribe {
	padding-top: 110px;
	padding-bottom: 110px;
}
@media (max-width: 991.98px) {
	.subscribe {
		padding-top: 70px;
		padding-bottom: 70px;
	}
}
@media (max-width: 767.98px) {
	.subscribe {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}


.subscribe__header {
	text-align: center;
	margin-bottom: 34px;
}
.subscribe__title {
	font-weight: 700;
	font-size: 45px;
	line-height: 144.2%;
	letter-spacing: 0.02em;
}
.subscribe__sub-title {
	font-weight: 700;
	font-size: 23px;
	line-height: 144.2%;
}

@media (max-width: 991.98px){
	.subscribe__title {
		font-size: 35px;
	}
	.subscribe__sub-title {
		font-size: 20px;
	}
}
@media (max-width: 767.98px) {
	.subscribe__title {
		font-size: 24px;
	}

	.subscribe__sub-title {
		font-size: 18px;
	}
}

.subscribe__form {
	max-width: 686px;
	margin: 0 auto;
}

.form-subscribe {
	padding: 25px 45px;
	background: #FFFFFF;
	display: flex;
	gap: 15px;
	box-shadow: 0px 163px 80px rgba(0, 0, 0, 0.04), 0px 105.648px 46.8519px rgba(0, 0, 0, 0.0303704), 0px 62.7852px 25.4815px rgba(0, 0, 0, 0.0242963), 0px 32.6px 13px rgba(0, 0, 0, 0.02), 0px 13.2815px 6.51852px rgba(0, 0, 0, 0.0157037), 0px 3.01852px 3.14815px rgba(0, 0, 0, 0.00962963);
}


.form-subscribe__content {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}
.form-subscribe__label {
	display: block;
	margin-bottom: 10px;
	color: rgba(49, 53, 59, 0.2);
}
.form-subscribe__input {
	font-weight: 700;
	flex: 1 1 auto;
	width: 100%;
	min-height: 40px;
	font-size: 20px;
}
.form-subscribe__button {
	height: 72px;
	padding: 10px 40px;
	color: #fff;
	font-weight: 500;
	font-size: 18px;
	background: #F85A47;
	cursor: pointer;
	transition: all 0.3s ease 0s;
	box-shadow: 0px 100px 80px rgba(248, 90, 71, 0.07), 0px 64.8148px 46.8519px rgba(248, 90, 71, 0.0531481), 0px 38.5185px 25.4815px rgba(248, 90, 71, 0.0425185), 0px 20px 13px rgba(248, 90, 71, 0.035), 0px 8.14815px 6.51852px rgba(248, 90, 71, 0.0274815), 0px 1.85185px 3.14815px rgba(248, 90, 71, 0.0168519);
}
.form-subscribe__button:hover{
	background: #c54638;
}

@media (max-width: 767.98px) {
	.form-subscribe {
		margin: 0px -15px;
		padding: 15px;
		flex-direction: column;
	}
}

/* ================================ */

.footer__container {
	display: grid;
	padding-top: 60px;
	padding-bottom: 60px;
	border-top: 1px solid #DEDFE1;
	grid-template-columns: auto 1fr;
	row-gap: 70px;
	column-gap: 20px;
}


@media (max-width: 767.98px){
	.footer__container {
		padding-top: 30px;
		padding-bottom: 30px;
		grid-template-columns:  1fr;justify-items: center;row-gap: 30px;
	}
	  
}

.footer__logo {
	font-weight: 800;
	font-size: 23px;
	line-height: 31px;
	color: inherit;
}
.footer__menu {
	display: flex;
	justify-content: flex-end;
}
.footer__copy {
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
}
@media (min-width: 768px) {
	.footer__copy {grid-column: span 2;}
}


.menu-footer__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 45px;
	row-gap: 15px;
}

.menu-footer__link {
	font-weight: 700;
	color: inherit;
	font-size: 13px;
	line-height: 17px;
}
.menu-footer__link:hover{
	text-decoration: underline;
}

/* ================================ */
.social {
	position: fixed;
	top: 50%;
	display: flex;
	flex-direction: column;
	justify-content:center;
    align-items: center;
	gap: 25px;
	right: 20px;
	transform: translate(0px,-50%);
}


@media (max-width: 991.98px){
	.social {
		display: none;
	}
}
/* ================================ */