@import url("https://fonts.googleapis.com/css?family=Exo:500,700");
@import url("https://fonts.googleapis.com/css2?family=Varela+Round&display=swap");

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: #fff;
}
.cont1 {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='370' height='250' preserveAspectRatio='none' viewBox='0 0 370 250'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1041%26quot%3b)' fill='none'%3e%3crect width='370' height='250' x='0' y='0' fill='rgba(153%2c 20%2c 20%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c144.9C26.835%2c145.295%2c38.497%2c109.541%2c60.906%2c94.772C82.936%2c80.253%2c115.815%2c81.638%2c129.87%2c59.31C144.083%2c36.732%2c139.074%2c6.813%2c132.561%2c-19.059C126.463%2c-43.283%2c111.033%2c-63.162%2c94.357%2c-81.761C77.927%2c-100.085%2c59.72%2c-116.468%2c36.918%2c-125.73C12.431%2c-135.677%2c-15.31%2c-145.687%2c-40.037%2c-136.353C-64.492%2c-127.121%2c-73.686%2c-98.399%2c-89.866%2c-77.869C-105.163%2c-58.459%2c-124.583%2c-42.463%2c-132.485%2c-19.048C-141.395%2c7.352%2c-152.477%2c39.335%2c-137.308%2c62.707C-121.888%2c86.465%2c-84.067%2c78.449%2c-59.765%2c92.996C-36.658%2c106.828%2c-26.928%2c144.504%2c0%2c144.9' fill='%237a1010'%3e%3c/path%3e%3cpath d='M370 403.022C401.195 404.75 433.66700000000003 406.696 461.144 391.824 489.565 376.44100000000003 513.764 350.894 523.3389999999999 320.028 532.527 290.411 523.525 258.224 511.45 229.663 501.214 205.452 479.203 190.06 460.55899999999997 171.53 443.429 154.50400000000002 429.588 132.764 406.577 125.429 383.364 118.03 359.535 129.897 335.229 131.582 302.719 133.836 264.231 115.67099999999999 239.599 137.007 215.593 157.8 219.488 197.28199999999998 222.929 228.85399999999998 225.891 256.027 247.232 276.044 257.51300000000003 301.371 268.427 328.259 263.593 362.615 285.123 382.071 307.19100000000003 402.01300000000003 340.302 401.377 370 403.022' fill='%23b81818'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1041'%3e%3crect width='370' height='250' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");

  padding: 10px;
}
.cont1 h1 {
  font-size: 30px;
  font-family: "Varela Round", sans-serif;
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: 1px;
}
.cont1 p {
  font-size: 14px;
  font-family: "Exo", sans-serif;
  color: white;
  text-align: center;
}
.cont2 {
  padding: 10px;
}
.cont2 .p1 {
  font-size: 25px;
  font-family: "Varela Round", sans-serif;
  color: #cb000e;
  margin: 0;
  padding: 5px 3px;
}
.cont2 .p2 {
  margin: 0;
  padding: 3px;
  font-size: 14px;
  font-family: "Epilogue", sans-serif;
  color: #353535;
  line-height: 1.5;
}

.wrapper {
  padding: 0 0.5rem;
}

.promo {
  font-size: 1rem;
  font-family: "Varela Round", sans-serif;
  color: #cb000e;
  text-align: center;
}
.cont3 {
  padding: 10px;
}
.cont3 .p1 {
  font-size: 20px;
  font-family: "Varela Round", sans-serif;
  color: #cb000e;
  margin: 0;
  padding: 3px;
}
.image {
  display: flex;
  justify-content: center;
}
.image img {
  width: 300px;
}
.cont3 .p2,
.cont3 li,
.line-through {
  margin: 0;
  padding: 3px;
  font-size: 13px;
  font-family: "Epilogue", sans-serif;
  font-family: "Sora", sans-serif;
  color: #4a4a4a;
  line-height: 1.5;
}

.slider {
  margin-top: 2rem;
}

.slider-text-header {
  text-align: center;
  font-size: 0.9rem;
  text-transform: uppercase;
  color: #cb000e;
  font-family: "Varela Round", sans-serif;
  margin-bottom: 45px;
}

.slider-main {
  position: relative;
  width: 250px;
  transform: translate(-50%, 0);
  top: 0;
  left: 50%;
}

.pic-slide {
  /* margin-left: 30px; */
  background-color: red;
  height: 300px;
  width: 230px;
  overflow: hidden;
  margin-bottom: 2rem;
}

.pic-slide img {
  width: 250px;
}

.sub-slider {
  /* display: flex;
  overflow-x: auto; */
  position: relative;
  transform: translate(-50%, 0);
  top: 0;
  left: 50%;
  width: 300px;
}

.pic-sub-slide {
  height: 170px;
  min-width: 400px;
}
.pic-sub-slide img {
  width: 300px;
}

.box {
  position: relative;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  border-radius: 7px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='370' height='250' preserveAspectRatio='none' viewBox='0 0 370 250'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1041%26quot%3b)' fill='none'%3e%3crect width='370' height='250' x='0' y='0' fill='rgba(153%2c 20%2c 20%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c144.9C26.835%2c145.295%2c38.497%2c109.541%2c60.906%2c94.772C82.936%2c80.253%2c115.815%2c81.638%2c129.87%2c59.31C144.083%2c36.732%2c139.074%2c6.813%2c132.561%2c-19.059C126.463%2c-43.283%2c111.033%2c-63.162%2c94.357%2c-81.761C77.927%2c-100.085%2c59.72%2c-116.468%2c36.918%2c-125.73C12.431%2c-135.677%2c-15.31%2c-145.687%2c-40.037%2c-136.353C-64.492%2c-127.121%2c-73.686%2c-98.399%2c-89.866%2c-77.869C-105.163%2c-58.459%2c-124.583%2c-42.463%2c-132.485%2c-19.048C-141.395%2c7.352%2c-152.477%2c39.335%2c-137.308%2c62.707C-121.888%2c86.465%2c-84.067%2c78.449%2c-59.765%2c92.996C-36.658%2c106.828%2c-26.928%2c144.504%2c0%2c144.9' fill='%237a1010'%3e%3c/path%3e%3cpath d='M370 403.022C401.195 404.75 433.66700000000003 406.696 461.144 391.824 489.565 376.44100000000003 513.764 350.894 523.3389999999999 320.028 532.527 290.411 523.525 258.224 511.45 229.663 501.214 205.452 479.203 190.06 460.55899999999997 171.53 443.429 154.50400000000002 429.588 132.764 406.577 125.429 383.364 118.03 359.535 129.897 335.229 131.582 302.719 133.836 264.231 115.67099999999999 239.599 137.007 215.593 157.8 219.488 197.28199999999998 222.929 228.85399999999998 225.891 256.027 247.232 276.044 257.51300000000003 301.371 268.427 328.259 263.593 362.615 285.123 382.071 307.19100000000003 402.01300000000003 340.302 401.377 370 403.022' fill='%23b81818'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1041'%3e%3crect width='370' height='250' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");

  padding: 15px 12px;
  width: 300px;
  margin: 15px 0;
}
.box p {
  margin: 0;
  padding: 3px;
  font-family: "Exo", sans-serif;
  color: #fff;
  font-size: 14px;
}
.box input {
  width: 100%;
  padding: 10px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  outline: none;
  border: none;
  background: #eee;
  color: #3e3e3e;
  font-family: "Sora", sans-serif;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.box button {
  width: 100%;
  padding: 10px;
  border-radius: 3px;
  background: #454851;
  color: white;
  font-size: 14px;
  font-weight: 500;
  outline: none;
  border: none;
}
.box a {
  text-decoration: none;
}
.button {
  position: relative;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  display: flex;
  justify-content: center;
  background: #eee;
  padding: 8px;
  border-radius: 3px;
  margin-top: 10px;
}
.button button {
  padding: 10px;
  border-radius: 5px;
  width: 150px;
  background: #00bf9c;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  border: none;
  outline: none;
}
.button a {
  text-decoration: none;
}
.line-through {
  text-decoration: line-through;
  padding: 0;
}
.cont4 {
  padding: 10px;
  margin: 7px 15px;
  border-radius: 7px;
  margin-bottom: 10px;
}
.cont4 .p1 {
  color: #fff;
  font-size: 18px;
  font-family: "Varela Round", sans-serif;
  /* text-align :; */
}
.telegram {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='370' height='150' preserveAspectRatio='none' viewBox='0 0 370 150'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1010%26quot%3b)' fill='none'%3e%3crect width='370' height='150' x='0' y='0' fill='rgba(46%2c 131%2c 188%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c150.422C27.232%2c155.525%2c47.402%2c125.007%2c70.72%2c110.043C94.056%2c95.068%2c123.796%2c86.953%2c136.945%2c62.541C150.32%2c37.711%2c146.189%2c7.445%2c140.907%2c-20.259C135.803%2c-47.031%2c127.124%2c-74.273%2c107.298%2c-92.974C88.251%2c-110.941%2c61.132%2c-116.187%2c35.22%2c-119.949C12.046%2c-123.313%2c-11.192%2c-121.123%2c-33.293%2c-113.385C-54.575%2c-105.933%2c-72.327%2c-92.405%2c-88.455%2c-76.647C-105.829%2c-59.672%2c-127.074%2c-42.808%2c-130.183%2c-18.718C-133.285%2c5.318%2c-118.543%2c27.97%2c-104.508%2c47.727C-92.212%2c65.036%2c-70.662%2c71.506%2c-55.518%2c86.387C-34.952%2c106.596%2c-28.341%2c145.111%2c0%2c150.422' fill='%23256996'%3e%3c/path%3e%3cpath d='M370 281.909C397.385 280.504 426.647 288.821 450.295 274.94100000000003 474.211 260.904 486.974 233.805 496.395 207.723 505.291 183.09300000000002 507.25 156.693 502.294 130.97899999999998 497.495 106.08 485.69100000000003 83.301 468.774 64.412 452.047 45.735 428.939 36.33 406.87 24.432000000000002 378.73199999999997 9.262 353.001-20.760999999999996 321.565-14.955999999999989 290.425-9.205999999999989 271.548 23.965999999999994 257.022 52.104 244.409 76.537 251.62900000000002 105.283 245.639 132.12 238.953 162.073 212.281 188.827 219.864 218.565 227.548 248.69799999999998 255.57999999999998 271.371 284.231 283.459 311.121 294.804 340.853 283.404 370 281.909' fill='%23479ad2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1010'%3e%3crect width='370' height='150' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}
.whatsapp {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='370' height='150' preserveAspectRatio='none' viewBox='0 0 370 150'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1001%26quot%3b)' fill='none'%3e%3crect width='370' height='150' x='0' y='0' fill='rgba(0%2c 128%2c 105%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c150.422C27.232%2c155.525%2c47.402%2c125.007%2c70.72%2c110.043C94.056%2c95.068%2c123.796%2c86.953%2c136.945%2c62.541C150.32%2c37.711%2c146.189%2c7.445%2c140.907%2c-20.259C135.803%2c-47.031%2c127.124%2c-74.273%2c107.298%2c-92.974C88.251%2c-110.941%2c61.132%2c-116.187%2c35.22%2c-119.949C12.046%2c-123.313%2c-11.192%2c-121.123%2c-33.293%2c-113.385C-54.575%2c-105.933%2c-72.327%2c-92.405%2c-88.455%2c-76.647C-105.829%2c-59.672%2c-127.074%2c-42.808%2c-130.183%2c-18.718C-133.285%2c5.318%2c-118.543%2c27.97%2c-104.508%2c47.727C-92.212%2c65.036%2c-70.662%2c71.506%2c-55.518%2c86.387C-34.952%2c106.596%2c-28.341%2c145.111%2c0%2c150.422' fill='%23006654'%3e%3c/path%3e%3cpath d='M370 281.909C397.385 280.504 426.647 288.821 450.295 274.94100000000003 474.211 260.904 486.974 233.805 496.395 207.723 505.291 183.09300000000002 507.25 156.693 502.294 130.97899999999998 497.495 106.08 485.69100000000003 83.301 468.774 64.412 452.047 45.735 428.939 36.33 406.87 24.432000000000002 378.73199999999997 9.262 353.001-20.760999999999996 321.565-14.955999999999989 290.425-9.205999999999989 271.548 23.965999999999994 257.022 52.104 244.409 76.537 251.62900000000002 105.283 245.639 132.12 238.953 162.073 212.281 188.827 219.864 218.565 227.548 248.69799999999998 255.57999999999998 271.371 284.231 283.459 311.121 294.804 340.853 283.404 370 281.909' fill='%23009a7e'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1001'%3e%3crect width='370' height='150' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}
footer {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='370' height='250' preserveAspectRatio='none' viewBox='0 0 370 250'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1041%26quot%3b)' fill='none'%3e%3crect width='370' height='250' x='0' y='0' fill='rgba(153%2c 20%2c 20%2c 1)'%3e%3c/rect%3e%3cpath d='M0%2c144.9C26.835%2c145.295%2c38.497%2c109.541%2c60.906%2c94.772C82.936%2c80.253%2c115.815%2c81.638%2c129.87%2c59.31C144.083%2c36.732%2c139.074%2c6.813%2c132.561%2c-19.059C126.463%2c-43.283%2c111.033%2c-63.162%2c94.357%2c-81.761C77.927%2c-100.085%2c59.72%2c-116.468%2c36.918%2c-125.73C12.431%2c-135.677%2c-15.31%2c-145.687%2c-40.037%2c-136.353C-64.492%2c-127.121%2c-73.686%2c-98.399%2c-89.866%2c-77.869C-105.163%2c-58.459%2c-124.583%2c-42.463%2c-132.485%2c-19.048C-141.395%2c7.352%2c-152.477%2c39.335%2c-137.308%2c62.707C-121.888%2c86.465%2c-84.067%2c78.449%2c-59.765%2c92.996C-36.658%2c106.828%2c-26.928%2c144.504%2c0%2c144.9' fill='%237a1010'%3e%3c/path%3e%3cpath d='M370 403.022C401.195 404.75 433.66700000000003 406.696 461.144 391.824 489.565 376.44100000000003 513.764 350.894 523.3389999999999 320.028 532.527 290.411 523.525 258.224 511.45 229.663 501.214 205.452 479.203 190.06 460.55899999999997 171.53 443.429 154.50400000000002 429.588 132.764 406.577 125.429 383.364 118.03 359.535 129.897 335.229 131.582 302.719 133.836 264.231 115.67099999999999 239.599 137.007 215.593 157.8 219.488 197.28199999999998 222.929 228.85399999999998 225.891 256.027 247.232 276.044 257.51300000000003 301.371 268.427 328.259 263.593 362.615 285.123 382.071 307.19100000000003 402.01300000000003 340.302 401.377 370 403.022' fill='%23b81818'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1041'%3e%3crect width='370' height='250' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");

  padding: 13px;
  color: white;
  font-size: 13px;
  position: relative;
  top: 30px;
  font-family: "Varela Round", sans-serif;
  font-weight: 500;
  padding-bottom: 85px;
}

@media screen and (min-width: 700px) {
	.wrapper {
		padding :0 3em;
	} 
  .slider-main {
    display: flex;
    overflow-x: auto;
    width: auto;
    justify-content: center;
  }

  .pic-slide {
    margin-left: 30px;
    height: 300px;
    min-width: 230px;
    overflow: hidden;
  }

  .pic-slide img {
    width: 250px;
  }

  .sub-slider {
    justify-content: center;
    display: flex;
    overflow-x: auto;
    width: auto;
    margin-top: 30px;
    margin-bottom: 4rem;
  }

  .pic-sub-slide {
    height: 170px;
    min-width: 400px;
  }
  .pic-sub-slide img {
    width: 300px;
  }

  .slider {
    margin-top: 5rem;
  }
  .slider-text-header {
    margin-bottom: 4rem;
    font-size: 1.4rem;
  }
}