/* ********* Common css ************ */
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}


:root {
  --dark: #000;
  --white: #fff;
  --green: #096d37;
  --pink: #d2988a;
  --yellow: #d7de23;
  /* --aileron-font: 'Aileron';
  --forfelast-royalten-font: 'Forfelast Royalten'; */
  --montserrat: 'Montserrat';
}

@font-face {
  font-family: 'Montserrat';
  src: url('Montserrat-ExtraBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('Montserrat-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/Montserrat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/Montserrat-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}


a,
a:hover {
  text-decoration: none;
  color: inherit;
}

p {
  padding: 0;
  margin: 0;
}


ul,
li {
  text-decoration: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* common_font_sizes */
h1 {
  font-size: 50px;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: 1px;
}

h1 span {
  font-size: 110px;
    line-height: 1.1;
}

/* h2 {
  font-size: 42px;
  line-height: 60px;
  letter-spacing: 1px;
  font-weight: 600;
  font-family: var(--Poppins);
  color: var(--dark);
}  */

body,
html {
  scroll-behavior: smooth;
}

body {
  /* font-family: "Lora", serif; */
  /* font-family: var(--aileron-font); */
  font-family: var(--montserrat);
  font-size: 20px;
  line-height: 25px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  font-family: var(--montserrat);
  
  /* font-family: "Playfair", serif; */
}



/* common colors classes start here */

.color-green {
  color: var(--green);
}

.color-dark {
  color: var(--dark);
}

.color-white {
  color: var(--white);
}

.color-pink {
  color: var(--pink);
}

.font-italic {
  font-style: italic;
}

/* common colors classes End here */

/* Border animaton 1 start here*/
@keyframes top_bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }
}

/* Border animaton 1 end here*/

/* Border animaton 2 start here*/
@keyframes border2_top_bottom {
  0% {
    -webkit-transform: translatex(0);
    transform: translatex(0)
  }

  100% {
    -webkit-transform: translatex(-30px);
    transform: translatex(-30px)
  }
}

/* Border animaton 2 end here*/

/* Leaf images animations */
@keyframes leaf-top_bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    -webkit-transform: translateY(40px);
    transform: translateY(40px)
  }
}