:root 
{
    --nos-blue: #1881c8;
    --nos-green: #62b536;
    --nos-gray: #F6F7F9 ;
    --nos-mid-gray : #929292 ;
    --nos-mid-blue : #EEF1F7 ;
    --nos-dark-blue : #032958 ;
    --nos-mid-text-gray : #A5A5A5 ;
}

@font-face {
  font-family: 'square-font' ;
  src: url('../fonts/Square-721.ttf');
}

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

.nos-blue
{
    color: var(--nos-blue);
}

.nos-bg-green
{
    background-color: var(--nos-green) !important;
}

.nos-green 
{
    color: var(--nos-green);
}

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

.nos-mid-blue {
    background-color: var(--nos-mid-blue);
}

.nos-gray 
{
    color: var(--nos-mid-gray) !important;
}


.nos-dark-blue {
    background-color: var(--nos-dark-blue);
} 


.nos-mid-text-gray {
    color : var(--nos-mid-text-gray);
}
/* end color */


/* button  */
.nos-btn-primary {
    background-color: var(--nos-blue) !important ;
    border-color: var(--nos-blue) !important ;
}

.nos-btn-success {
    background-color: var(--nos-green) !important ;
    border-color: var(--nos-green) !important ;
}

.nodesol-navbar > a:hover {
    color: var(--nos-green) !important;
}

/* end btton custom */

.nodesol-navbar .active {
    color: var(--nos-green) !important;
}

.square-font 
{
    font-family: 'square-font' ;
}

.soft-pt-7
{
    padding-top: 7rem ;
}

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

.blue-bg
{
    background-image: url('../images/blue-bg.png');
    width: 100%;
    display: inline-block;
}

.collection .col{
    width: 17% !important;
    margin-left: 4% ;
    margin-right: 4% ;
    text-align: center;
}

.collection  .bg-light:hover
{
    background-color: var(--nos-green) !important;
    border-color:var(--nos-green) !important ;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transition: transform .5s;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
}

.carousel-indicators > button {
  width: 15px !important;
  height: 15px !important;
  border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -ms-border-radius: 50% !important;
  -o-border-radius: 50% !important;
}

.stories {
    bottom: -70px !important;
}

.set-left
{
    left : 12% !important;
}

footer ul  li 
{
    background-color: transparent !important;
    border: none !important;
}

footer ul  li a
{
    color: var(--nos-gray) !important;
}    

.list-group-item .text-decoration-none:hover{
    color: var(--nos-green) !important;
}


.set-padding-left {
    padding-left:15px !important;
}

.container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.roboto {
    font-family: 'Noto Sans JP', sans-serif;
}


@media (max-width: 438px) { 
    .soft-pt-7{
        font-size: 1rem !important;
    }
 }