@import "compass";
@import "vars/bootstrap";
@import "vars/opencart";
@import "mixins/bootstrap";
@import "mixins/app";

.box-module-pavreassurances{
    padding: 0 15px;
    .box-outer{
        > div{
            border-left: 1px solid rgba(255,255,255,0.2);
        }
    }
    .column{
        position: inherit;
    }
    overflow: hidden;
    .icon-name{
        font-size: 20px;
        color: white;
        margin-right: 10px;
        display: inline-block;
    }
    .reassurances-center{
            padding: 30px 0 20px;
            text-align: center;
        .reassurance-title{
            text-transform: uppercase;
            font-family: $font-family-tertiary;
            font-weight: 700;
            font-size: 24px;
            letter-spacing: 2px;
            color: $white;
            @include transition(all 0.35s);
        }
        .description{
            color: #c6c6c6;
        }
        .read-more{
            .icon-read-more{
                color: $theme-color;
                @include opacity(0);
                &:hover{
                    color: $white;
                }
            }
        }
        &:hover{
            .reassurance-title{
                letter-spacing: 4px;
            }
            .read-more .icon-read-more{
                cursor: pointer;
                @include opacity(1);
            }
        }
    }
}
.title_detail{
     h4 {
        font-size: 50px;
        font-weight: 900;
        line-height: 50px;
    }
    .icon-name {
        color: #2E3A47;
        font-size: 170px;
        margin: 0 20px;
    }
    p{
        color: #8C8C8C;
        font-size: 15px;
        margin: 25px 0 0;
    }
}