/* Font Face*/

@font-face {
    font-family: 'Brandon Regular';
    src: url('fonts/Brandon/Brandon_reg.otf');
}
@font-face {
    font-family: 'Brandon Bold';
    src: url('fonts/Brandon/Brandon_bld.otf');
}
@font-face {
    font-family: 'Brandon Black';
    src: url('fonts/Brandon/Brandon_blk.otf');
}
@font-face {
    font-family: 'Brandon Light';
    src: url('fonts/Brandon/Brandon_light.otf');
}
@font-face {
    font-family: 'Brandon Medium';
    src: url('fonts/Brandon/Brandon_med.otf');
}

.btn {
    margin-left: 10px;
    margin-right: 10px;
}
/* Boostrap Buttons Styling */

.the-title {
    font-family: "Brandon Light",sans-serif;
    font-weight: 200;
}
.brand-light {
    font-family: "Brandon Light",sans-serif;
}
.brand-medium {
    font-family: "Brandon Medium",sans-serif;
}
.brand-bold {
    font-family: "Brandon Bold",sans-serif;
}
.font-18 {
    font-size: 18px;
}
.font-20 {
    font-size: 20px;
}
.tm-text-primary {
    color: #f37022;
}



.btn-outline-tm-primary{
    border-color: #f37022!important;
}
.btn-outline-tm-primary:hover{
    background:#f37022!important;
    color:#ffffff;
}

.btn-rounded {
    border-radius: 30px;
    padding: 5px 30px;
}


.font-letter {
    font-size: 18px;
    text-align: justify;
}
.garuda-institute-logo{
    width: 35%;
}
.quotes{
    font-size: 20px;
}
.shadow-4 {
  box-shadow: 0 1px 1px rgba(0,0,0,0.15), 
              0 2px 2px rgba(0,0,0,0.15), 
              0 4px 4px rgba(0,0,0,0.15), 
              0 8px 8px rgba(0,0,0,0.15);
}
@media (max-width: 768px) {
    .font-letter {
        font-size: 17px;
        text-align: left;
    }
    .garuda-institute-logo{
        width: 70%;
    }
    .quotes{
    font-size: 10px;
    }
}