@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

:root {
  --primary: #0f2d61;
  --secondary: #d52a23;
  --white: #fff;
  --black: #3a3a3a;
  --light: #b6b8bb5c;
}

body {
  font-family: "Montserrat", sans-serif;
}
h1,h2,h3,h4,h5{
  font-family: "Montserrat", sans-serif;
}
p{
  color: black;
  font-family: "DM Sans", sans-serif;
}
.p-15{
  padding: 15px !important;
}
.p-25{
  padding: 25px;
}
.f-13{
  font-size: 13px !important;
}
.f-15{
  font-size: 15px;
}
.f-22{
  font-size: 22px;
}
.p-res{
    padding: 9px !important;
    font-size: 12px !important;
}
.p-btn{
  padding: 12px 24px !important;
}
.fw-700{
  font-weight:700;
}
.bg-light {
  background-color: var(--light);
}

.bg-primary {
  background-color: var(--primary);
}

.bg-secondary {
  background-color: var(--secondary);
}
.bg-light{
  background-color: var(--light);
}
.uk-white{
  color: white !important;
}
/* btn */

.uk-btn {
  padding: 7px 23px;
    border-radius: 6px;
    font-family: "Montserrat", sans-serif;
    font-size: 15px;
}

.uk-btn-primary {
  background-color: var(--primary);
  border: none;
  color: white;
}

.uk-btn-primary:hover {
  background-color: var(--secondary);
  text-decoration: none;
  color: white;
}

.uk-btn-secondary {
  background-color: var(--secondary);
  color: white;
}

.uk-btn-secondary:hover {
  background-color: var(--primary);
  text-decoration: none;
  color: white;
}

.text-primary{
  color: var(--primary)
}

.text-secondary{
  color: var(--secondary);
}

.text-white{
  color:white !important;
}

.uk-360{
  height: 360px;
  width: 100%;
}

.uk-360 img{
  height: 100%;
  width: 100%;
}