/* start navbar */
.my_nav .navbar-light .navbar-nav .nav-link {
   color: var(--main--color) !important;
    font-weight: 600;
    font-size  : 20px;
}

.my_nav a.dropdown-item{
    font-weight: bold;
    font-size: 20px;
    
}
.my_nav .dropdown-item:focus, .my_nav .dropdown-item:hover{
    color: var(--second--color);
    background: transparent;
}

ul.navbar-nav.ms-auto {
    margin-top: 20px;
    margin-bottom: 20px;
}

.my_nav .navbar-light .navbar-nav .nav-link.active,
.my_nav .navbar-light .navbar-nav .show>.nav-link {
    color           : white !important;
    background-color: var(--second--color);
}

.dropdown-toggle::after {
    content: none;
}
 .link_footer {
    color: #216b7c!important;
}


.dropdown-toggle::before {
    display       : inline-block;
    margin-left   : 0.255em;
    vertical-align: 0.255em;
    content       : "";
    border-top    : 0.3em solid;
    border-right  : 0.3em solid transparent;
    border-bottom : 0;
    border-left   : 0.3em solid transparent;
}

footer .link_footer {
    color          : #FFF;
    text-decoration: none;
}

footer .link_footer:hover {
    color: #216b7c!important;
}

.icon_footer{
    background-color: var(--second--color);
    color: #FFF;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    text-decoration: none;
}
.icon_footer:hover{
    background-color: var(--main--color);
    color: #FFF;
}

/*start scroll top*/
#scroll-top {
    position      : fixed;
    z-index       : 1090;
    display       : none;
    cursor        : pointer;
    right         : 20px;
    bottom        : 20px;
    background    : var(--second--color);
    color         : #FFF;
    text-align    : center;
    width         : 65px;
    height        : 65px;
    padding-bottom: 7px;
    border-radius : 50%;
    font-size     : 40px;
}

#scroll-top:hover {
    background         : var(--main--color);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition    : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
}

#whats {
    position      : fixed;
    z-index       : 1090;
    display       : block;
    cursor        : pointer;
    right         : 20px;
    bottom        : 90px;
    background    : #45c556;
    color         : #FFF;
    text-align    : center;
    width         : 65px;
    height        : 65px;
    padding-bottom: 3px;
    border-radius : 50%;
    font-size     : 40px;
}

#whats:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition    : all 0.3s ease-in-out;
    -o-transition      : all 0.3s ease-in-out;
    transition         : all 0.3s ease-in-out;
}