/* Text colors */
.text-primary{
color:#fff;

}
.text-secondary{
    color:#BFBFBF;
}

.text-tertiary{
    color:#3B220F;

    /* #4C0F02 */
}

/* Button */
.btn{
cursor: pointer;
display: inline-block;
padding: 10px 30px;
color:#fff;
border: none;
border-radius: 5px;
}

.btn:hover{
    /* opacity: 0.8; */
    background:#4D840E;
    color: 	#fff;
}

.btn-secondary:hover{
    background:#28A7DA;
    color:#fff;
    border: 1px solid #fff;
}
.btn-tel:hover{
   
    background: #fff;
    color:#119ED6;
   

}
.btn-single{
    font-size: 18px;
    letter-spacing: 2px;
}
.btn-primary, .bg-primary{
    background:  #119ED6;
    border: 1px solid #fff;
    color:#fff;
   
}
.btn-secondary, .bg-secondary{
    background: rgb(0,0,0,0.5);
    color:#28A7DA;
    border: 1px solid #fff;
}
.btn-tertiary, .bg-tertiary{
    background: #444634;
    color: #fff;
}

.btn-blog, .bg-blog{
    /* background: #344446; */
    background:  #203B45;
   
    color: #fff;
}
.btn-tel{
    background: #119ED6;
    color:#fff;
  
}
.btn-outline{
    background: transparent;
    border: 1px solid #fff;
    color:#28A7DA;
}
/* .bg-transparent{
    background: transparent;
    /* opacity: 0.5; */

/* Flex Items */
.flex-items{
    display: flex;
    text-align: center;
    justify-content: center;
    height: 100%;
  
}

.flex-items > div{
    padding: 20px;
}

/* Flex Columns */
.flex-columns.flex-reverse .row{
    flex-direction: row-reverse;
}

.flex-reverse .row{
    flex-direction: row-reverse;
}
.flex-columns .row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.flex-columns .column{
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
    flex:1;
}

.flex-columns .column .column-1,
.flex-columns .column .column-2{
    height: 100%;
}

.flex-columns img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.flex-columns .column-1{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.flex-columns .column-2{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding:30px;
}

.flex-columns h2{
    font-size: 40px;
    font-weight: 100;
    /* margin-left: auto; */
    margin-right: auto;
}
/* .flex-columns p{
    margin: 35px 0;
} */

.section-padding{
    padding: 20px 20px 40px;
}