/* ********* Common css ************ */
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}


:root {
  --dark: #000;
  --white: #fff;
  --dark-grey: #232e3c;
  --blue: #0e4880;
  --teko-font: 'Teko', sans-serif;
  /* font-family: 'Teko', sans-serif; */
  --roboto-font: 'Roboto', sans-serif;
  /* font-family: 'Roboto', sans-serif; */
}

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: 55px;
  line-height: 55px;
  font-weight: 500;
}

h2 {
  font-size: 45px;
  line-height: 45px;
  font-weight: 500;
}

body,
html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--roboto-font);
  font-size: 16px;
  line-height: 25px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  font-family: var(--teko-font);
  text-transform: capitalize;
}

.btn-wrapper {
  margin-top: 40px;
}

.theme-btn {
  background: var(--white);
  color: var(--dark);
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  padding: 12px 35px;
  display: inline-block;
  transition: all ease-in-out 300ms;
  border: 1px solid var(--white);
}

.theme-btn:hover {
  background: transparent;
  color: var(--dark);
  border: 1px solid var(--white);
}

.outline-theme-btn {
  color: var(--white);
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  padding: 12px 35px;
  display: inline-block;
  transition: all ease-in-out 300ms;
  /* border: 1px solid var(--dark); */
  background: linear-gradient(180deg, rgba(4, 121, 165, 1) 0%, rgba(4, 121, 165, 0.95) 60%, rgb(14 72 128) 100%);
}

.outline-theme-btn:hover {
  color: var(--white);
  background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.95) 60%, rgb(0 0 0) 100%);
}

/* Border animaton 1 start here*/
@keyframes top_bottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px)
  }
}