@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap");
body {
  color: #291843;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}

p {
  font-size: 16px;
  line-height: 26px;
}

.text-primary {
  color: #F45820 !important;
}

.background-primary {
  background-color: #F45820;
}

h1 {
  font-size: 3.2rem;
  font-weight: 800;
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.2rem;
  }
}

h2 {
  font-size: 2.5rem;
  font-weight: 800;
}

h2 small {
  font-size: 1rem;
  display: block;
}

h3 {
  font-size: 1.2rem;
  font-weight: 800;
}

h4 {
  font-size: 1rem;
  font-weight: 800;
}

.section {
  padding: 100px 0;
}

.box {
  padding: 40px;
  -webkit-box-shadow: 0 4px 13px rgba(0, 0, 0, 0.05);
          box-shadow: 0 4px 13px rgba(0, 0, 0, 0.05);
  height: 100%;
  background-color: #fff;
  -webkit-transition: all ease-in .24s;
  transition: all ease-in .24s;
}

.icon {
  width: 38px;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.link {
  color: #291843;
  font-weight: 500;
  text-decoration: none;
}

.link:hover {
  color: #F45820;
}

.service-section .box svg {
  -webkit-transition: all ease-in .24s;
  transition: all ease-in .24s;
}

.service-section .box:hover {
  background-color: #F45820;
  color: #fff;
}

.service-section .box:hover svg {
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
}

.service-section .box:hover svg path {
  fill: #fff;
}

.service-section .box:hover a {
  color: #fff;
}

.socail-links a svg {
  opacity: .8;
}

.socail-links a:hover svg {
  opacity: 1;
}

.socail-links a:hover.fb svg path {
  fill: #1876f2;
  stroke: #1876f2;
}

.socail-links a:hover.tw svg path {
  fill: #1d9bf0;
  stroke: #1d9bf0;
}

.socail-links a:hover.insta svg path {
  stroke: #C13584;
}

.socail-links a:hover.youtube svg path {
  fill: #FF0000;
  stroke: #FF0000;
}

.socail-links a:hover.whatsapp svg path {
  fill: #4dc247;
  stroke: #4dc247;
}

.btn {
  padding: 15px 45px;
  font-size: .9rem;
  border-radius: 26px 0 26px 0;
}

.btn.btn-outline-primary {
  border-color: #F45820 !important;
  color: #F45820 !important;
}

.btn.btn-outline-primary:hover {
  background-color: #F45820 !important;
  color: #fff !important;
}

header {
  background-color: #fff;
  padding: 15px 0;
}

header .navbar {
  padding-top: 0;
  padding-bottom: 0;
}

header .navbar .nav-link {
  color: #291843 !important;
  font-weight: 500;
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

header .navbar .nav-link:hover {
  color: #F45820 !important;
}

.hero-section {
  background-color: #F45820;
  background-image: url(../images/hero-section.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}

.hero-section p {
  font-size: 1.4rem;
  font-weight: 300;
}

@media screen and (max-width: 767px) {
  .hero-section p {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .hero-section {
    background-position: top left;
  }
}

footer {
  background-color: #291843;
  padding: 50px 0;
  color: #fff;
}

footer img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

footer .list-unstyled li + li {
  margin-top: 25px;
}

footer .list-unstyled li a {
  color: #fff;
  text-decoration: none;
}

footer .list-unstyled li a:hover {
  color: #F45820;
}

footer span {
  font-weight: 500;
  display: block;
}

footer .link {
  color: #fff;
}

@media screen and (max-width: 767px) {
  footer {
    padding: 50px 25px;
  }
}
/*# sourceMappingURL=styles.css.map */