* {
  user-select: none;
  -webkit-user-drag: none;
}

/* width */
::-webkit-scrollbar {
  width: 4px;
	height: 4px;
	border-radius: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}


body {
  background-color: #eae8e7;
  font-family: "aeronaut_fbs_beta_trialRg", sans-serif;
}

section:not(.mobile) {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
  /* padding: 120px; */
  padding: 6.56%;
}
section.mobile,
.mobile {
  display: none;
}
.row {
  width: 100%;
  max-width: 1600px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.col {
  display: flex;
  flex-direction: column;
}
img {
  width: 100%;
  height: auto;
}

.divider-vertical {
  min-width: 2px;
  height: 100%;
  background-color: #d8d5d0;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-hidden::before {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, .1);
	backdrop-filter: blur(4px);
	z-index: 1010;
}



.f1 {
  flex: 1;
}
.aic {
  align-items: center;
}
.aifs {
  align-items: flex-start;
}
.aife {
  align-items: flex-end;
}
.jcc {
  justify-content: center;
}
.jcsb {
  justify-content: space-between;
}
.jcfs{
  justify-content: flex-start;
}
.jcfe{
  justify-content: flex-end;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.mta{
  margin-top: auto;
}
.mba{
  margin-bottom: auto;
}

.w100{
  width: 100%;
}

.h100{
  height: 100%;
}

.desktop .logo {
  width: 100%;
  max-width: min(calc(1vw * 257 * 100/1920), 257px);
}
.bg_color {
  background-color: #d8d5d0;
}

.mb66 {
  margin-bottom:  min(calc(1vw * 66 * 100/1920), 66px);
}
.mt40 {
  margin-top: min(calc(1vw * 40 * 100/1920), 40px);
}

/* Pop-UP */


.pop-up {
  display: flex;
  flex-direction: column;
  transform: scale(0);
  position: fixed;
  max-width: min(calc(1vw * 413 * 100/1920), 413px);
  min-width: 300px;
  width: 100%;
  max-height: min(calc(1vw * 655 * 100/1920), 655px);
  min-height: 360px;
  height: 100%;
  padding: min(calc(1vw * 28 * 100/1920), 28px);
  border-radius: min(calc(1vw * 32 * 100/1920), 32px);
  background-color: #16140c;
  left: min(calc(1vw * 125 * 100/1920), 125px);
  top: min(calc(1vw * 125 * 100/1920), 125px);
  transition: transform 0.1s ease-in-out;
  z-index: 9999;
}


.pop-up.open {
  transform: scale(1);
}
.pop-up.pop-up-start {
  transform-origin: bottom right!important;
  justify-content: flex-start;
}
.pop-up.pop-up-end {
  transform-origin: top left!important;
  justify-content: flex-end!important;
}
.pop-up.pop-up-start .btn-close {
  bottom: min(calc(1vw * 25 * 100/1920), 25px);
  right: min(calc(1vw * 25 * 100/1920), 25px);
}
.pop-up.pop-up-end .btn-close {
  top: min(calc(1vw * 25 * 100/1920), 25px);
  left: min(calc(1vw * 25 * 100/1920), 25px);
  right: initial;
}

.pop-up.pop-up-end-right .btn-close {
  top: 10px;
  right: 10px;
  left: initial;
}

.pop-up.pop-up-end-right {
  transform-origin: top right!important;
}

.desktop.pop-up .col {
  gap: min(calc(1vw * 20 * 100/1920), 20px);
}
.pop-up .mod {
  display: flex;
  gap: 15px;
}
.pop-up .mod .btn {
  flex: 1;
  height: 104px;
  border-radius: 10px;
}

.btn-close {
  position: absolute;
  width: 25px;
  height: 25px;
  cursor: pointer;
}



/* Pop-UP end */

/* Text */

h1,
h2,
h3,
h4,
h5,
h6,
p {
  color: #16140c;
  font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}

h1 {
  font-size: min(calc(1vw * 68 * 100/1920), 68px);
  line-height: min(calc(1vw * 83 * 100/1920), 83px);
  margin-bottom: min(calc(1vw * 38 * 100/1920), 38px);
}

.fs58 {
  font-size: min(calc(1vw * 58 * 100/1920), 58px);
  line-height: min(calc(1vw * 71 * 100/1920), 71px);
}
.fs50 {
  font-size: min(calc(1vw * 50 * 100/1920), 50px);
  line-height: min(calc(1vw * 61 * 100/1920), 61px);
}
.fs30 {
  font-size: min(calc(1vw * 30 * 100/1920), 30px);
  line-height: min(calc(1vw * 37 * 100/1920), 37px);;
}
.fs29 {
  font-size: min(calc(1vw * 29 * 100/1920), 29px);
  line-height: min(calc(1vw * 36 * 100/1920), 36px);
}
.fs27 {
  font-size: min(calc(1vw * 27 * 100/1920), 27px);
  line-height: min(calc(1vw * 36 * 100/1920), 36px);
}
.fs26 {
  font-size: min(calc(1vw * 26 * 100/1920), 26px);
  line-height: min(calc(1vw * 32 * 100/1920), 32px);
}
.fs25 {
  font-size: min(calc(1vw * 25 * 100/1920), 25px);
  line-height: min(calc(1vw * 31 * 100/1920), 31px);
}
.fs22 {
  font-size: min(calc(1vw * 22 * 100/1920), 22px);
  line-height: min(calc(1vw * 27 * 100/1920), 27px);
}
.fs20 {
  font-size: min(calc(1vw * 20 * 100/1920), 20px);
  line-height: min(calc(1vw * 25 * 100/1920), 25px);
}
.fs17 {
  font-size: min(calc(1vw * 17 * 100/1920), 17px);
  line-height: min(calc(1vw * 21* 100/1920), 21px);
}
.fs16 {
  font-size: min(calc(1vw * 16 * 100/1920), 16px);
  line-height: min(calc(1vw * 20 * 100/1920), 20px);
}



/* Text end*/

/* Drop-Down*/

.desktop .dropdown-menu {
	display: none;
  font-size: min(calc(1vw * 24 * 100/1920), 24px);
  line-height: min(calc(1vw * 28 * 100/1920), 28px);
}
.dropdown.open .dropdown-menu {
	display: flex; /* or block */
}

.desktop .dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0 min(calc(1vw * 24 * 100/1920), 24px);
  background-color: #363530;
  color: #d8d5d0;
  border-radius: min(calc(1vw * 35 * 100/1920), 35px);
}


.desktop .dropdown-button {
  width: 100%;
  height: min(calc(1vw * 104 * 100/1920), 104px);
  color: #d8d5d0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: min(calc(1vw * 24 * 100/1920), 24px);
  line-height: min(calc(1vw * 28 * 100/1920), 28px);
  border-radius: 0;
  outline: none !important;
}

.desktop .dropdown-menu {
  display: none;
  flex-direction: column;
  width: 100%;
  margin-bottom: 24px;
}

.desktop .dropdown-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #d8d5d0;
  padding: min(calc(1vw * 12 * 100/1920), 12px) min(calc(1vw * 16 * 100/1920), 16px);
  text-decoration: none;
  height: min(calc(1vw * 51 * 100/1920), 51px);
  background: #16140c;
  border: 2px solid #16140c;
  border-radius: 26px;
  opacity: 1;
}
.desktop.pop-up .dropdown-menu a:hover {
	background-color: #d6fe02;
  color: #16140c;
}
.desktop.pop-up .dropdown-menu a:hover img {
	filter: brightness(0) saturate(100%) invert(5%) sepia(11%) saturate(1813%)
    hue-rotate(11deg) brightness(100%) contrast(95%);
}

.desktop .dropdown-menu a:not(:last-child) {
  margin-bottom: min(calc(1vw * 12 * 100/1920), 12px);
}
.desktop .dropdown-menu a img {
  max-width: min(calc(1vw * 36 * 100/1920), 36px);
  filter: brightness(0) saturate(100%) invert(20%) sepia(45%) saturate(23%)
    hue-rotate(97deg) brightness(93%) contrast(98%);
}

/* Drop-Down end*/

/* Footer */
footer.desktop {
  display: flex;
  align-items: flex-end;
  min-height: min(calc(1vw * 566 * 100/1920), 566px);
  padding: 0 calc(1vw * 82 * 100/1920) calc(1vw * 77 * 100/1920) calc(1vw * 114 * 100/1920);
  background-color: #cfcbc6;
  scroll-snap-align: start;
}
footer.desktop .row {
  justify-content: space-between;
  gap: min(calc(1vw * 20 * 100/1920), 20px);
}
footer.desktop .col {
  flex-direction: row;
  align-items: center;
}
.desktop .btn-col {
  gap: min(calc(1vw * 20 * 100/1920), 20px);
}

footer.desktop .mod {
  text-align: right;
}

footer.desktop .mod a,
footer.desktop .mod p {
  color: #231f1a;
}

footer.desktop .logo {
  max-width: min(calc(1vw * 424 * 100/1920), 424px);
}
/* Footer end */

/* Button */
button {
  border-width: 0;
}
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: min(calc(1vw * 279 * 100/1920), 279px);
  height: min(calc(1vw * 69 * 100/1920), 69px);
  padding: 0 24px;
  border-radius: 35px;
  text-align: center;
  font-size: min(calc(1vw * 24 * 100/1920), 24px);
  line-height: min(calc(1vw * 28 * 100/1920), 28px);
  text-decoration: none !important;
  transition: background-color 0.2s ease-in-out;
  cursor: pointer;
  white-space: nowrap;
}
.btn-black {
  background-color: #16140c;
  color: #d8d5d0;
}
.btn-black:hover,
.btn-grey:hover,
.btn-whatsapp:hover {
  background-color: #d6fe02;
  color: #16140c;
}
.btn-black.btn-icon:hover img,
.btn-whatsapp:hover img {
  filter: brightness(0) saturate(100%) invert(5%) sepia(11%) saturate(1813%)
    hue-rotate(11deg) brightness(100%) contrast(95%);
}
.btn-yellow {
  background-color: #d6fe02;
  color: #16140c;
}
.btn-yellow:hover,
.btn-white:hover {
  background-color: #16140c;
  color: #d8d5d0;
}
.btn-yellow.btn-icon img {
  filter: brightness(0) saturate(100%) invert(5%) sepia(11%) saturate(1813%)
    hue-rotate(11deg) brightness(100%) contrast(95%);
}
.btn.btn-white {
  background-color: #eae8e6;
  color: #16140c;
  padding: 0 18px;
  height: 40px;
}

.btn-grey {
  height: min(calc(1vw * 104 * 100/1920), 104px);
  background-color: #363530;
  color: #d8d5d0;
}
.btn-icon:not(.pop-up .btn-icon) {
  gap: 12px;
}
.btn-icon img {
  max-width: min(calc(1vw * 36 * 100/1920), 36px);
}
.btn-whatsapp,
.btn-burger {
  min-width: min(calc(1vw * 69 * 100/1920), 69px);
  max-width: min(calc(1vw * 69 * 100/1920), 69px);
  background-color: #16140c;
  border-radius: 50px;
  padding: min(calc(1vw * 24 * 100/1920), 24px);
}
.btn-whatsapp {
  padding: min(calc(1vw * 16 * 100/1920), 16px);
  max-width: initial ;
  min-width: initial ;
}
.btn-app {
  min-width: min(calc(1vw * 150 * 100/1920), 150px);
  max-width: min(calc(1vw * 150 * 100/1920), 150px);
  gap: min(calc(1vw * 16 * 100/1920), 16px);
  padding: min(calc(1vw * 16 * 100/1920), 16px);
  border-radius: 50px;
  background-color: #16140c;
	cursor: initial;
}
.btn-app img,
.btn-whatsapp img {
  width: auto;
  height: 100%;
	transition: transform .1s ease-in-out;
}
.btn-app a {
  height: 100%;
	cursor: pointer;
}

.btn-app a:hover .ios-icon,
.btn-app a:hover .apk-icon {
	transform: translateY(-15%);
}

section.desktop .btn:not(.hero .btn) {
  margin-top: min(calc(1vw * 64 * 100/1920), 64px);
}
/* Button end*/

/* Hero Section*/

.desktop.hero {
  background-color: #EAE8E6;
  position: relative;
  z-index: 10;
}
.desktop.hero .row {
  justify-content: center;
  gap: min(calc(1vw * 135 * 100/1920), 135px);
}
/* .hero .col:first-child {
  max-width: 710px;
  min-width: 710px;
} */

.desktop.hero .mod {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(calc(1vw * 13 * 100/1920), 13px);
  margin-top: min(calc(1vw * 57 * 100/1920), 57px);
}

.hero-img {
  max-width: 554px;
  margin: 0 auto;
  border-radius: 25px;
}


.hero_bg {
  justify-content: flex-end;
  padding: 0 38px 34px;
  border-radius: 25px;
  background-image: url(img/hero-mob.png);
  background-size: cover;
  background-position: center;
}
.hero_bg .col {
  justify-content: flex-end;
}

/* Hero Section end*/

/* Header-desktop*/

.fixedheader {
  position: fixed;
  z-index: 9;
  top: min(calc(1vw * 125 * 100/1920), 125px);
  left: min(calc(1vw * 125 * 100/1920), 125px);
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: min(calc(1vw * 16 * 100/1920), 16px);
  transition: opacity .1s ease-in-out;
}

.logoanchor {
  max-width: min(calc(1vw * 86 * 100/1920), 86px);
  cursor: pointer;
}

/* Header-desktop-end*/



/* Section1*/
.section1 p {
  margin-top: 38px;
}
.desktop.section1 p {
  /* max-width: 1040px; */
  max-width: 65%;
}

.brush-img {
  max-width: min(calc(1vw * 232 * 100/1920), 232px);
}


.section1-img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}

/* Section1 end*/

/* Section2*/


.section2:not(.mobile){
  padding: calc(1vw * 114 * 100/1920) calc(1vw * 125 * 100/1920) calc(1vw * 148 * 100/1920) calc(1vw * 170 * 100/1920);
}

.section3:not(.mobile){
  padding: calc(1vw * 132 * 100/1920) calc(1vw * 338 * 100/1920) calc(1vw * 126 * 100/1920) calc(1vw * 205 * 100/1920);
}

.section2:not(.mobile) .row {
  gap: min(calc(1vw * 135 * 100/1920), 135px);
}
.desktop.section2  .col:first-child {
  min-width: min(calc(1vw * 640 * 100/1920), 640px);
}

.section2 p {
  margin-top: 38px;
}
.desktop.section2 p {
  max-width: 600px;
}


.section2-img {
  border-radius: 25px;
  object-fit: cover;
  aspect-ratio: 1 / 1;
}

/* Section2 end*/

/* Section3*/
.section3 {
  gap: min(calc(1vw * 80 * 100/1920), 80px);
}
.section3 .row {
  gap: min(calc(1vw * 135 * 100/1920), 135px);
}
.section3 .col:not(.row:first-child .col) {
  gap: min(calc(1vw * 37 * 100/1920), 37px);
}
.section3 .col:first-child:not(.row:first-child .col) {
  max-width: 600px;
}
.section3 .row:first-child {
  justify-content: flex-start;
}
.section3 .row:not(:first-child) p {
  max-width: 600px;
}


.section3 .row:first-child p {
  margin-top: 10px;
}

.one-row p {
  margin-top: 7px !important;
}
.desktop.section3 img {
  border-radius: 25px;
}

.one-row {
  padding: 0 38px;
}


/* Section3 end*/

/* Section4*/

.section4-img10 {
  display: inline-flex;
  max-width: min(calc(1vw * 60 * 100/1920), 60px);
}
.wallet-gold-img {
  max-width: min(calc(1vw * 278 * 100/1920), 278px);
}

/* Section4 end*/

/* Section5*/

.price-img {
  max-width: min(calc(1vw * 934 * 100/1920), 934px);
}
/* Section5 end*/


@media screen and (max-width: 1300px) {
  
  footer.desktop .row {
    flex-wrap: wrap;
  }
}

.fz15{
  font-size: 15px!important;
  line-height: normal;
}

.fz16{
  font-size: 16px!important;
  line-height: normal;
}

.fz17{
  font-size: 17px;
  line-height: 23px;
}

.fz19{
  font-size: 19px;
  line-height: 21px;
}

.fz21{
  font-size: 21px!important;
  line-height: 23px!important;
}

.fz22{
  font-size: 22px;
  line-height: 27px;
}

.fz23{
  font-size: 23px;
  line-height: 28px;
}

.fz24{
  font-size: 24px;
  line-height: 28px;
}

.fz26{
  font-size: 26px;
  line-height: 32px;
}

.fz37{
  font-size: 37px;
  line-height: 40px;
}

.fz38{
  font-size: 38px;
  line-height: 42px;
}

.w217{
  max-width: 217px;
}

.w260{
  max-width: 260px;
}

.w346{
  max-width: 346px;
}

.mobile h1 {
  font-size: 29px;
  line-height: 36px;
}

/* Header-mobile*/
.mobile.hero {
  max-width: 100%;
  margin: 0 auto;
  height: calc(100vh - 113px);
  padding: 0 26px 25px;
}
.mobile.hero h1,
.mobile.hero p {
  color: #eae8e6;
}
.mobile.hero p {
  margin-top: 14px;
  margin-bottom: 24px;
}
.mobile .btn-icon img {
  max-width: 27px;
}

.mobile.header {
  width: 100%;
  padding: 0;
}
.mobile.header .row {
  width: 100%;
  padding: 36px 26px 30px 26px;
  background-color: #eae8e6;
}
.mobile.header .btn {
  margin-top: 0;
}
.mobile.header .logo {
  max-width: 187px;
}
.mobile.header .btn-icon.btn-burger {
  position: fixed;
  right: 26px;
  top: 36px;
  z-index: 10;
}


.mobile.section1 {
  padding: 60px 24px 47px 25px;
}
.mobile.section1 .mod {
  position: relative;
  aspect-ratio: 1 / 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 38px;
  border-radius: 20px;
  overflow: hidden;
}
.mobile.section1 .mod .btn {
  z-index: 1;
}
.mobile.section2 {
  padding: 70px 46px 68px;
  background-image: url(img/section2-img-mobile.jpg);
  background-size: cover;
  background-position: center;
  min-height: 100vh;
}
.mobile.section2 p {
  margin-top: 20px;
  color: #eae8e6;
}
.mobile.section3 {
  gap: 50px;
  padding: 56px 0 64px 0;
}
.mobile.section3 .row-container .row:first-child p {
  margin-top: 15px;
}
.mobile.section3 {
  min-height: 100vh;
  flex-direction: column;
}
.mobile.section3 .row-container {
  display: flex;
  gap: 32px;
  padding-bottom: 10px;
  overflow-x: auto;
}
.mobile.section3 .row-container::-webkit-scrollbar {
  width: 0;
	height: 0;
}

.mobile.section3 .row-container .row {
  min-width: 320px;
  flex-direction: column;
  gap: 22px;
  background-color: #eae8e6;
  box-shadow: 0px 3px 6px #00000029 ,inset 0 0 0 1px #cfcbc6;
  border-radius: 20px;
  overflow: hidden;
}

.mobile.section3 .row-container .row:first-child {
  margin-left: 38px;
}
.mobile.section3 .row-container .row:last-child {
  margin-right: 38px;
}
.mobile.section3 .row-container .col:last-child {
  padding: 0 23px 50px;
}

.mobile.section3 .row-container .col:first-child {
  max-width: 100%;
}
.mobile.section3 .row-container .col:first-child img {
  width: auto;
  height: 271px;
}
.mobile.section4 {
  padding: 63px 25px 82px 25px;
  min-height: 100vh;
}
.mobile.section4 .mod {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 1 / 1;
  padding: 100px 80px;
  margin-top: 27px;
  margin-bottom: 30px;
  border-radius: 20px;
  background-color: #16140c;
}
.mobile.section4 .btn {
  margin-top: 28px;
  padding: 0 22px;
  height: 40px;
}

.mobile.section5 {
  min-height: 100vh;
  padding: 35px 25px 163px 25px;
  overflow: hidden;
}
.mobile.section5 .btn {
  margin-top: 54px;
}
.mobile.section5 p:nth-of-type(1) {
  margin-top: -28px;
  color: #16140c;
}
.mobile.section5 p:nth-of-type(2) {
  margin-top: 13px;
  color: #231f1a;
}

.mobile.section5  .price-img {
  max-width: initial;
  width: 716px;
  transform: translate(-20px);
}

footer.mobile {
  padding: 33px 27px 44px 27px;
  background-color: #16140C;
  min-height: 404px;
}
footer.mobile .row  {
  flex-direction: column;
}

footer.mobile .col {
  flex-direction: row;
  justify-content: space-between;
  margin-top: 23px;
  gap: 15px;
}
footer.mobile .logo2{
  max-width: 70px;
  margin-left: auto;
  margin-bottom: auto;
  margin-top: 0;
}

footer.mobile .btn-whatsapp {
  min-width: 50px;
  height: 50px;
  padding: 0;
  background-color: #363630;
}
footer.mobile .btn-whatsapp img {
  width: 23px;
  filter: brightness(0) saturate(100%) invert(6%) sepia(25%) saturate(777%) hue-rotate(11deg) brightness(94%) contrast(95%);
}

footer.mobile .btn-grey {
  min-width: 181px;
  height: 50px;
  color:#16140C;
}

footer.mobile .btn-app {
  min-width: 110px;
  height: 50px;
  gap: 15px;
  background-color: #363630;
}
footer.mobile .btn-app img {
  width: 23px;
  filter: brightness(0) saturate(100%) invert(6%) sepia(25%) saturate(777%) hue-rotate(11deg) brightness(94%) contrast(95%);
}

footer.mobile .divider-vertical {
  min-width: 2px;
  height: 27px;
  background-color: #16140C;
}


.mobile .dropdown-menu {
	display: none;
  font-size: 21px;
  line-height: 25px;
}

.mobile  .dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 20px 20px 0 ;
  background-color: #363530;
  color: #d8d5d0;
  border-radius:10px;
}
.mobile .dropdown.open .dropdown-button {
  height: 50px;
}

.mobile  .dropdown-button {
  display: flex;
  width: 100%;
  height: 104px;
  color: #d8d5d0;
  background-color: transparent;
  border: none;
  border-radius: 0;
  outline: none !important;
}

.mobile  .dropdown-menu {
  display: none;
  flex-direction: column;
  width: 100%;
  margin-bottom: 20px;
  gap: 8px;
}

 .mobile  .dropdown-menu a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #d8d5d0;
  padding: 0 13px;
  text-decoration: none;
  height: 47px;
  background: #484844;
  border-radius: 26px;
  opacity: 1;
}
.mobile .pop-up .dropdown-menu a:hover {
	background-color: #d6fe02;
  color: #16140c;
}
.mobile .pop-up .dropdown-menu a:hover img {
	filter: brightness(0) saturate(100%) invert(5%) sepia(11%) saturate(1813%)
    hue-rotate(11deg) brightness(100%) contrast(95%);
}

.mobile .dropdown-menu a:not(:last-child) {
  margin-bottom: 8px;
}
.mobile .dropdown-menu a img {
  max-width: min(calc(1vw * 36 * 100/1920), 36px);
  filter: brightness(0) saturate(100%) invert(20%) sepia(45%) saturate(23%)
    hue-rotate(97deg) brightness(93%) contrast(98%);
}
.mobile.pop-up {
  padding: 15px;
}
.mobile.pop-up .col {
  gap: 15px;
}
.mobile.pop-up .btn-icon {
  gap: 4px;
}
.mobile.pop-up .btn-icon img {
  max-width: 33px;
}


/* Header-mobile*/

@media screen and (max-width: 800px) {
  section.desktop,
  .desktop {
    display: none!important;
  }
  section.mobile,
  .mobile {
    display: flex;
  }
  h1{
    margin-bottom: 0;
  }
  .btn {
    min-width: 133px;
    height: 52px;
    padding: 0 34px;
    border-radius: 35px;
    font-size: 18px;
    line-height: 20px;
  }
  .pop-up {
    left: 0;
    top: 0;
    max-width: 100%;
    max-height: 100%;
  }

  .btn-burger {
    min-width: initial !important;
    max-width: initial !important;
    width: 47px;
    height: 47px;
    padding: 0;
  }
  .btn-burger img {
    width: 20px;
  }
}


@media screen and (max-width: 425px) {
  footer.mobile .col { 
    gap:8px
  }

  footer.mobile .btn-grey {
  min-width: 120px;
}
}

