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


a {
    text-decoration: none;
    color: gray;
    font-size: 14px;
}

li {
    list-style: none;
}

h1 {
    color: black;
}

p,small {
    color: gray;
}


hr {
    border: 1px solid #8f9caf;
}

input {
    padding: 4%;
    width: 70%;
    outline: none;
    border: none;
}

nav {
    padding: 1.5%;
}

.bg-secondary {
    background-color: #1f373d;
}

.bg-red {
    background-color: red;
}
.bg-lightgray {
    background-color: rgba(211, 211, 211, 0.316);
}

.container {
    width: 80%;
    margin: auto;
}

.content-btn {
    width: 20%;
    border: none;
border-bottom-right-radius: 6px;
border-top-right-radius: 6px;
}


.bg-gold {
    background-color: gold;
}
.text-bold {
    font-weight: bold;
}

.text-info {
    color: #838c9a;
}

.bg-white {
    background-color: white;
}
.text-gold {
    color: gold;

}

.text-gray {
    color: gray;
}

.box-shadow-4 {
        box-shadow: 4px 4px 15px 6px rgba(128, 126, 126, 0.307);

}
.box-shadow-0 {
        box-shadow: 0 0 5px 1px rgba(128, 126, 126, 0.307);

}
.d-flex {

    display: flex;
}

.justify-content-between {

    justify-content: space-between;
}

.justify-content-around {
    justify-content: space-around;
}

.justify-content-center {

    justify-content: center;
}
.align-items-center {
    align-items: center;
    
}

.align-self-end{
    align-self: flex-end;
}

.wrap-flex {
    flex-wrap:wrap;
}


.p-8 {
    padding: 8%;
}

.p-5{

    padding: 5%;

}

.p-4{

    padding: 4%;

}

.p-3{

    padding: 3%;

}



.p-2 {
    padding: 2%;
}


.p-12{

    padding: 12%;

}


.p-bottom-2 {
    padding-bottom: 2%;
}

.p-bottom-3 {
    padding-bottom: 3%;
}

.p-bottom-5 {
    padding-bottom: 5%;
}


.p-right-left-5 {
    padding-left: 5%;
    padding-right: 5%;
}

.w-10 {
    width: 10%;
}



.w-20 {
    width: 20%;
}

.w-25 {

    width: 25%;
}

.w-27 {

    width: 27%;
}

.w-40 {

    width: 40%;
}

.w-45 {
    width: 45%;
}

.w-30 {

    width: 30%;
}

.w-35 {

    width: 35%;
}

.w-38 {
    width: 38%;
}

.w-50 {

    width: 50%;
}

.w-55 {
    width: 55%;
}

.w-60 {
    width: 60%;
}
.w-100 {

    width: 100%;
}

.h-80 {
    height: 80%;
}
.h-100 {
    height: 100%;
}

.p-left-3 {
    padding-left: 3%;
}
.m-bottom-5{
    margin-bottom: 5%;
}

.m-bottom-15{
    margin-bottom: 15%;
}

.m-bottom-2{
    margin-bottom: 2%;
}

.m-bottom-3{
    margin-bottom: 3%;
}

.m-bottom-10 {
    margin-bottom: 10%;
}


.m-bottom-20 {
    margin-bottom: 20%;
}

.m-bottom-50 {
    margin-bottom: 50%;
}

.m-bottom-40 {
    margin-bottom: 40%;
}

.m-bottom-45 {
    margin-bottom: 45%;
}

.m-bottom-30 {
    margin-bottom: 30%;
}



.m-top-5 {
    margin-top: 5%;
}

.m-top-bottom-10 {
margin: 10% 0;


}

.m-left {
    margin-left: 2%;
}

.m-auto {
    margin: auto;
}

.p-bottom-1px{
    padding-bottom: 1px;
}

.p-left-8 {
    padding-left: 8%;
}

.column-gap-15 {
    column-gap: 15%;
}

.column-gap-30 {
    column-gap: 30%;
}
.column-gap-2 {
    column-gap: 2%;
}


.column-gap-4 {
    column-gap: 4%;
}


.border-none {
    border: none;
}
.row-gap-20 {
    row-gap: 20px;
}

.text-white {
    color: white;
}

.fs-60{
    font-size: 60px;
}

.fs-42 {
    font-size: 42px;
}
.fs-35{
    font-size: 35px;
}

.fs-25 {
    font-size: 25px;
}

.fs-16 {
    font-size: 16px;
}

.fs-12 {
    font-size: 12px;
}


.position-relative {
    position: relative;
}


.position-absolute {
    position: absolute;
}


.opacity-8 {
    opacity: 0.8;
}
.btn-rounded {
    padding: 3% 9%;
    font-size: 16px;
    border-radius: 6px;
    border: 0;
    font-weight: bold;
}


.btn-container {
    width: 25%;
}




.home-section {

    background: url(../images/image50.png);
background-size: 70% 100%;
background-repeat: no-repeat;
background-position:66%;
position: relative;
}


.home-section .container {
padding-top: 4%;
padding-bottom: 22%;
}

.home-content {

margin-top: 3%;
}

.home-content h2 {

font-size: 50px;

}




.content-search {
    margin-top: 10%;
}

.content-btn {
    padding: 1.5%;
}


.home-contacts {
    padding: 1%;
    position: absolute;
    bottom: 16px;
    right: 12%;
}
.home-contacts i {
    font-size: 25px;
}

.statistics-content h2 {
font-size: 40px;
width: 80%;
margin-bottom: 10%;
}


.statistics-content p {
margin-bottom: 5%;
}


.statistics-item h3 {
    font-size: 35px;
    margin-top: 25%;
    margin-bottom: 4%;
}

.statistics-item  {
height: 150px;
text-align: center;

}
.statistics-items {
margin-top: 3%;
justify-content:flex-end;
}



.cards-footer {
    margin-top: 3%;
    margin-left: 7.5%;
}



.cards-footer h4 {

padding: 2% 4%;
font-weight: 600;
}











.how-cards {
  margin-top: 5%;

}

.how-card {
  border-radius: 2px;
  height: 280px;
  padding-top: 8%;
  position: relative;
  overflow: hidden;
}

.how-card h2 {
    position: absolute;
    opacity: 0.8;
    font-size: 150px;
bottom: 65%;
right: 62.5%;
}


.how-card h4 {
  margin-bottom: 10%;
margin-left: -10%;
  font-size: 16px;
}

.how-card p {
  font-size: 14px;
  margin-bottom: 10%;
}

.how-card a {
  color: black;
  text-decoration: underline;
  font-size: 14px;
}


.content-services {
    margin-left: 4%;
}

.awesome-item-img {
    height: 250px;
}



.position-center-bottom {
    top: 86%;
left: 20%;
}

.position-right-bottom  {
top: 86%;
left: 48%;
}



.m-left-42 {
    margin-left: 42%;
}



footer button {

background-color: red;
top: 0;
right: 30%;
border: none;
background-color: #fbfbfb;
}