﻿

section .box-wrapper-selected {
    background: linear-gradient(133.53deg, #FF68AA 2.44%, #F94594 47.66%, #A41A7F 100%) !important;
    z-index: 2;
    position: relative;
}

.box-wrapper:hover {
    background: linear-gradient(133.53deg, #FF68AA 2.44%, #F94594 47.66%, #A41A7F 100%) !important;
    
}

.box-wrapper .box-title,
.box-wrapper .link-section {
    transition: transform .5s ease;
}

.box-wrapper:hover .box-title,
.box-wrapper:hover .link-section {
    color: #fff !important;
    transition: transform .5s ease;
}

.box-title-selected {
    color: white;
}


.box-selected {
    /* Polygon 1 */
    z-index: 1;
    position: absolute;
    width: 54px;
    height: 20.73px;
    /* left: 78px;
    top: 172.65px;*/

    left: 71px;
    top: 114.65px;
    /* Primary color */

    background: linear-gradient(133.53deg, #FF68AA 2.44%, #F94594 47.66%, #A41A7F 100%);
    transform: rotate(45deg);
}

.btn-outline-info {
    color: #58595f;
    border-width: 1px;
    border-color: #eb3e90;
}

    .btn-outline-info:hover {
        color: #58595f;
        background-color: white;
        border-width: 1px;
        border-color: #eb3e90;
    }

.show > .btn-outline-info.dropdown-toggle {
    background-color: #ffffff;
}


.label {
    padding-left: 11px !important;
}

.m-l-r {
    padding: 15px 50px;
}

section .box-wrapper {
   
     padding: 0px 0px; 
   
    height: 140px;
    margin: 0px 15px;
}

@media only screen and (max-width: 576px) {
    .m-l-r {
        padding-left: 10px;
        padding-right: 10px;
    }
}
