* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 16px;
}

body {
  font-family: 'Poppins', sans-serif;
}

/* common css */
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  font-family: 'Anton', sans-serif;
  line-height: 1;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  text-transform: capitalize;
}

.section-heading {
  max-width: 70%;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 30px;
}

.section-heading h2 {
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 15px;
}

.section-heading p {
  font-size: 25px;
}

/* common css */
#main_banner {
  background-image: url(../images/banner.webp);
  background-size: 100% 100%;
  background-position: 100% 100%;
  background-repeat: no-repeat;
  padding: 0 0;
  overflow: hidden;
  overflow-y: auto;
}

#main_banner .row {
  align-items: center;
}

.main_banner-block {
  display: flex;
  align-items: center;
  min-height: 100vh;
  padding: 20px 0;
}

.container-fluid {
  max-width: 95%;
  margin: 0 auto;
}

.main_banner-img img {
	width: 100%;
	max-width: 95%;
}

.logo-box img {
	width: 100%;
	max-width: 100px;
	margin-bottom: 30px;
}

.main_banner-content h1,
.text-box.mobile h1 {
  color: #fff;
  font-size: 100px;
  text-transform: uppercase;
  font-style: italic;
}

.main_banner-content h2,
.text-box.mobile h2 {
	color: #ffd535;
	font-size: 80px;
	text-transform: uppercase;
	font-style: italic;
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 20px;
}

.main_banner-content h1 span,
.text-box.mobile h1 span {
  color: #ffd535;
  font-size: inherit !important;
  font-family: inherit;
  display: inline-block;
  text-transform: uppercase;
}

.main_banner-content h3 {
  color: #fff;
  font-size: 60px;
  font-family: 'INFROMAN';
  font-weight: 500;
  display: block;
  margin-bottom: 0px;
  text-transform: capitalize;
}

#main_banner .text-box img {
  max-width: 80%;
  margin-bottom: 0px;
  width: 100%;
}

.main_banner-content ul li a.btn {
  color: #fff;
  font-size: 22px;
  padding: 10px 30px;
  font-weight: 600;
  background: transparent;
  animation: zoom 2s linear alternate infinite;
  text-transform: capitalize;
  font-family: 'Poppins', sans-serif;
  border: none;
  border-radius: 50px;
}

.main_banner-content ul li a.btn.telegram {
	border: 2px solid #5799e1;
}

.main_banner-content ul li a.btn.whatsapp {
  border: 2px solid #73ad57;
  animation: zoom 1s linear alternate infinite;
}

.main_banner-content ul li a.btn {
  animation: zoom 1s linear alternate infinite;
}

.main_banner-content ul li {
  margin-bottom: 15px;
  display: inline-block;
}

#main_banner .col-lg-6 {
  display: flex;
  justify-content: center;
  text-align: left;
}

#main_banner .col-md-6:last-child {
  display: flex;
  justify-content: center;
}

.btn.btn-green {
  background-color: #4CAF50;
}

.btn.btn-blue {
  background: #039BE5;
}

.main_banner-content ul li a.btn img {
	margin-right: 10px;
	max-width: 32px;
}

.main_banner-content p {
	color: #fff;
	font-size: 30px;
	margin-bottom: 40px;
	font-family: 'MYRIADPRO-REGULAR';
	line-height: 1;
	font-style: italic;
}

.desktop {
  display: block;
}

.mobile {
  display: none;
}

.logo-box.mobile {
  display: none;
}

.zoom {
  animation: zoom 1s linear alternate infinite;
}

@keyframes zoom {
  0% {
    transform: scale(.8);
  }
  100% {
    transform: scale(1);
  }
}

.whatsapp-icon {
  position: fixed;
  left: 15px;
  bottom: 4%;
}

.whatsapp-icon a {
  display: block;
}

.animates {
  animation: tada 1.4s linear infinite;
}

@-webkit-keyframes tada {
  0% {
    transform: scaleX(1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}