*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Rubik", sans-serif;
}

:root{
  --main-color:#ed3162;
  --blue-color:#067802;
  --text-color:#343434;
}

h1{
  font-size: 50px;
  font-weight: 700;
}

h2{
  font-size: 35px;
  font-weight: 700;
}

h3{
  font-size: 25px;
  font-weight: 700;
}

h4{
  font-size: 20px;
  font-weight: 700;
}

p{
  color: var(--text-color);
  font: normal normal 500 15px / 25px Rubik;
}


.main_btn {
  font: normal normal 500 15px Rubik;
  border: 0;
  background: var(--main-color);
  padding: 13px 30px;
  border-radius: 3px 20px;
  transition: 0.5s;
  position: relative;
}

.main_btn:hover {
  box-shadow: 3px 3px 0px 2px #8080805c;
}


.main_btn:before, .main_btn:after {
  height: 10px;
  width: 10px;
  position: absolute;
  content: '';
}

.main_btn:before {
  left: 7px;
  bottom: 5px;
  border-bottom: 2px solid #ddd;
  border-radius: 0px 10px;
  border-left: 2px solid #fff;
}

.main_btn:after {
  right: 7px;
  top: 5px;
  border-right: 2px solid #fff;
  border-radius: 0px 10px;
  border-top: 2px solid #fff;
}

.main_btn a {
  text-decoration: none;
  color: #fff;
}

a{
  text-decoration: none;
}


/* loader css start */

.loader{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #212529;
  z-index: 99999;
}

.loader .preloader_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.loader .preloader_inner .preloader_icon {
  width: 72px;
  height: 72px;
  display: inline-block;
  padding: 0px;
}

.loader .preloader_inner .preloader_icon span {
  position: absolute;
  display: inline-block;
  width: 72px;
  height: 72px;
  border-radius: 100%;
  background: var(--main-color);
  -webkit-animation: preloader-fx 1.6s linear infinite;
  -moz-animation: preloader-fx 1.6s linear infinite;
  animation: preloader-fx 1.6s linear infinite;
}

.loader .preloader_inner .preloader_icon span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
}

@keyframes preloader-fx {
  0% {
      transform: scale(0, 0);
      -webkit-transform: scale(0, 0);
      -moz-transform: scale(0, 0);
      opacity: 0.5; 
  }
  100% {
      transform: scale(1, 1);
      -webkit-transform: scale(1, 1);
      -moz-transform: scale(1, 1);
      opacity: 0; 
  } 
}
@-webkit-keyframes preloader-fx {
  0% {
      transform: scale(0, 0);
      -webkit-transform: scale(0, 0);
      -moz-transform: scale(0, 0);
      opacity: 0.5; 
  }
  100% {
      transform: scale(1, 1);
      -webkit-transform: scale(1, 1);
      -moz-transform: scale(1, 1);
      opacity: 0; 
  } 
}
/* loader css end */