@font-face {
    font-family: livvic;
    src: url('../fonts/Livvic/Livvic-Regular.ttf');
}

@font-face {
    font-family: livvic-bold;
    src: url('../fonts/Livvic/Livvic-Medium.ttf');
}
  

body{
    background-color: #FFF;
    font-family: 'livvic', Verdana, Geneva, Tahoma, sans-serif;
    margin: 0px!important;
    padding:0px!important;
}

.row{
    --bs-gutter-x: 0rem!important;
}

.ServicesCardRow{
    --bs-gutter-x: 1.5rem!important;
}

.faIconColor{
    color:transparent;
    -webkit-text-stroke-color: #006666;
    -webkit-text-stroke-width: 1px;
    font-size: 18px!important;
}


.navbar-brand {
    
}

.navbar-nav{
}

.navbar-nav .nav-item{
    padding-right: 9px!important;
}

.dropdown-menu{

}

.card-img-top{
    width: 80px;
    height: 80px;
}

.cardRightContent{
    border:none;
}

h1, h2, h3, h4, h5, h6{
    font-family: 'livvic-bold', Verdana, Geneva, Tahoma, sans-serif;
    color: #006666;
}

.btn-primary{
    background-color: #006666!important;
    border-color: #006666!important;
}

.contentStart{
    padding-top: 90px!important;
}

.divFooter{
    background-color: #F5F6F9;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.divFooter .copyright a, .contactCard a{
    font-family: 'livvic-bold', Verdana, Geneva, Tahoma, sans-serif;
    color: #006666!important;
    text-decoration:none!important;
}

.list-group-item{
    border: none !important;
    color: #006666!important;
    cursor: pointer!important;
}

.list-group-bullet{
    
}

.divHeaderIcon{
    float: left;
    padding-top: 2px;
    font-size: 20px!important;
    color: #006666!important;
    /* display: inline-flex; */
}

.divHeaderIconText{
    float: left;
    color: #006666!important;
}

.ServicesIcon{
    font-size: 90px!important;
    color: #006666!important;
}

.dropdown-menu .dropdown-item{
    color:#006666!important;
}

.dropdown-item:active {
    background-color: #e9ecef!important;
}

.contentStartService{
    padding-top: 30px!important;
}

.accordion-button:not(.collapsed) {
    color: #006666!important;
    background-color: #e9ecef!important;
    /*box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);*/
    box-shadow: none!important;
}


@media (max-width: 991.98px) { 
    .navbar-brand {
        width: 290px !important;  
        margin-right:0px!important   
    }
    .navbar-nav{
        background-color: #FFF!important;
    }
    .navbar-nav .nav-item{        
        border-top: none;
        border-bottom: solid 1px #EEE;
    }
    .navbar-nav .nav-item a{
        padding-left: 15px;
    }
    .dropdown-menu{
        border:none;        
    }
    .dropdown-menu li:first-child{
        border-top: solid 1px #EEE;
    }
    .dropdown-menu .dropdown-item{
        padding-left: 40px!important;
    }

    .dropdown-menu .dropdown-divider{
        background-color: #EEE;
    }
 }

@media (max-width: 767.98px) { 
    .navbar-brand {
        width: 290px !important;  
        margin-right:0px!important   
    }
    .navbar-nav{
        background-color: #FFF!important;
    }
    .navbar-nav .nav-item a{
        padding-left: 15px;
    }
    .dropdown-menu{
        border-left:none;
        border-right: none;
    }
}

@media (max-width: 575.98px) { 
    .navbar-brand {
        width: 260px !important; 
        margin-right:0px!important       
    } 
    .navbar-nav{
        background-color: #FFF;
    }
    .navbar-nav .nav-item a{
        padding-left: 15px;
    }
    .dropdown-menu{
        border-left:none;
        border-right: none;
    }
}

@media (max-width: 320px) { 
    .navbar-brand {
        width: 250px !important; 
        margin-right:0px!important       
    } 
    .navbar-toggler{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .container-fluid{
        padding-left: 5px!important;
        padding-right: 5px!important;
        
    }
    .navbar-nav{
        background-color: #FFF;
    }
}

.navbar-light .navbar-nav .nav-link{
    color: #006666!important;
}

.ToggleIconColor{
    color:#006666;
    font-size: 30px!important;
}

.navbar-light .navbar-toggler, .navbar-light .navbar-toggler:hover{
    border: none !important;
}
.navbar-toggler:focus{
    box-shadow: none;
}