/* variables css */
/* for common fonts */
/* mixins */
html {
  font-size: 10px;
}
@media (min-width: 1921px) {
  html {
    font-size: 11px;
  }
}
@media (max-width: 1920.98px) {
  html {
    font-size: 10px;
  }
}
@media (max-width: 1399.98px) {
  html {
    font-size: 9.4px;
  }
}
@media (max-width: 1199.98px) {
  html {
    font-size: 8.4px;
  }
}
@media (max-width: 991.98px) {
  html {
    font-size: 8px;
  }
}
@media (max-width: 767.98px) {
  html {
    font-size: 7.4px;
  }
}

input:focus,
select:focus,
.form-control:focus,
button:focus,
.btn:focus {
  box-shadow: none;
  outline: none;
  border-color: inherit;
}

img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin-bottom: 0;
  text-transform: inherit;
}

body {
  font: 400 1.6rem/1 Arial, Helvetica, sans-serif;
  color: #000000;
  background-color: #ffffff;
}

a,
a:hover {
  color: inherit;
  text-decoration: none;
  outline: none;
  transition: all 0.3s linear;
}

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

@media (max-width: 575.98px) {
  .container,
  .container-fluid {
    padding-left: 1.82857rem;
    padding-right: 1.82857rem;
  }
}
.section-padding {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

/* common css */
p {
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1;
  color: #f7b02b;
}

span {
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
  font-size: inheritrem;
  line-height: inherit;
  color: inherit;
}

a {
  font-family: inherit;
  font-style: normal;
  font-weight: inherit;
  font-size: inheritrem;
  line-height: inherit;
  color: inherit;
}

/* typography css */
/* header css */
/* footer css */
/* layout css */
.img-wrapper img {
  width: 100%;
}

.btn-section {
  background: #dccab2;
}
.btn-section .btns-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3.4rem;
}
.btn-section .btns-grid .btn-wrapper {
  width: calc((100% - 10.2rem) / 4);
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-section .btns-grid .btn-wrapper .circle-btn {
  width: 100%;
  max-width: 12rem;
  aspect-ratio: 1/1;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);
  background: #2c1508;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #f7b02b;
  font-size: 2rem;
  font-weight: 700;
  transition: all 0.3s ease;
}
.btn-section .btns-grid .btn-wrapper .circle-btn:hover {
  scale: 1.1;
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.6);
}
@media (max-width: 575.98px) {
  .btn-section .btns-grid .btn-wrapper {
    width: calc((100% - 3.4rem) / 2);
  }
  .btn-section .btns-grid .btn-wrapper:nth-child(odd) {
    justify-content: end;
  }
  .btn-section .btns-grid .btn-wrapper:nth-child(even) {
    justify-content: start;
  }
}

/* pages css *//*# sourceMappingURL=application.css.map */