/* Services Style 1 */

.sv-collapse-v2 .panel,
.sv-collapse-v2 .panel-heading{
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    margin: 0 !important;
}
.sv-collapse-v2 .panel{
    border-bottom: 1px solid #E1E1F0;
}
.sv-collapse-v2 div[role="tab"] >h4{
    margin: 0;
}
.sv-collapse-v2 div[role="tab"]  a{
    display: block;
    width: 100%;
    color: inherit !important;
    padding: 10px 0;
    display: table;
}
.sv-collapse-v2 .panel-body{
    padding: 15px 0 25px;
    font-size: 16px;
}
.sv-collapse-v2 div[role="tab"] a span,
.sv-collapse-v2 div[role="tab"] a i{
    display: table-cell;
    vertical-align: middle;
}

.sv-collapse-v2 div[role="tab"] a i{   
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    font-size: 25px !important;
    font-style:normal;
    line-height: 45px;
    color: #3879b7;    
    border: 1px solid #3879b7;
    transform: none !important;
    transition: all 0.5s ease-out;
}

.sv-collapse-v2 div[role="tab"] a.collapsed i{
    /*transform: rotate(0deg);*/
    color: #ffffff;
    background-color: #3879b7;
}


/* Services Style 2 */
.sv-tabs ul.nav-tabs{
    display: table;
    table-layout: fixed;
    width: 100%;
    border: 0;
    padding-left: 0;
    padding-right: 0;
}
.sv-tabs ul.nav-tabs li{
    display: table-cell;
    width: 100%;
    float: none;
    margin-bottom: 0;
}
.sv-tabs ul.nav-tabs li a{
    display: block;
    border: 1px solid #E1E1F0 !important;
    margin-right: -1px;
    padding: 15px;
    transition: all 0.35s ease-out;
    border-radius: 0;
} 
.sv-tabs ul.nav-tabs li.active a,
.sv-tabs ul.nav-tabs li:hover a{
    color: #fff;
}

.sv-tabs ul.nav-tabs li.active a{
    background-color: #000;
}

@media (max-width: 767px){
    .sv-tabs ul.nav-tabs,
    .sv-tabs ul.nav-tabs li{
        display: block;
        width: 100%;
    }
}

.sv-tabs ul.nav-tabs li:hover:not(.active) a{
    background-color: #3879b7;
}


/* Services Style 3 */

.sv-lists .row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.sv-lists .row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.sv-lists .sl-anchor.hover-overlay:after{
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left:0;
    content: "";
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease-out;
}
.sv-lists .sl-anchor{
    height: 100%;
}
.sv-lists .sl-anchor .each-list{
    height: 100%;
    position: relative;
    z-index: 2;
    padding: 50px 30px;
    background-color: #fff;
    box-shadow: 0px 20px 70px 0px rgb(38 42 76 / 15%);
    transition: background-color 0.5s ease-out;
}
.sv-lists .sl-anchor .each-list .icon-wrap i{
    height: 75px;
    width: 75px;
    line-height: 75px;
    text-align: center;
    font-size: 40px;
    border-radius: 505px;
}
.sv-lists .sl-anchor:hover .each-list{
    background-color: transparent;
}
.sv-lists .sl-anchor h3
.sv-lists .sl-anchor h4,
.sv-lists .sl-anchor p,
.sv-lists .sl-anchor .sl-link{
    transition: color 0.5s ease-out;
}
.sv-lists .sl-anchor:hover h3,
.sv-lists .sl-anchor:hover h4,
.sv-lists .sl-anchor:hover p,
.sv-lists .sl-anchor:hover .sl-link{
    color: #fff;
}
.sv-lists .sl-anchor.hover-overlay:hover:after{
    opacity: 1;
    visibility: visible;
}
.sv-lists .sl-anchor .sl-link i{
    margin-left: 5px;
}


/* Services Style 4 */

.sv-collage .sc-anchor .each-collage{
    overflow: hidden;
}
.sv-collage .sc-anchor .each-collage  .ec-content{
    position: relative;
    z-index: 2;
    transform: translateY(calc(100% - 60px));
    transition: all 0.5s ease-out;
}
.sv-collage .sc-anchor .each-collage  .ec-img img{
    width: 100%;
}
.sv-collage .sc-anchor .each-collage  .ec-content .hover-reveal{
    transform: translateY(100%);
    transition: all 0.5s ease-out;
}
.sv-collage .sc-anchor:hover .each-collage  .ec-content,
.sv-collage .sc-anchor:hover .each-collage  .ec-content .hover-reveal{
    transform: translateY(0);
}


/* Services Style 5 */

.sv-normal-lists .row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.sv-normal-lists .row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.sv-normal-lists .snl-anchor{
    border: 1px solid #E1E1F0;
    padding: 40px;
    height: 100%;
}

.sv-normal-lists .snl-anchor .icon-wrap{
    font-size: 40px;
}

.sv-normal-lists .snl-anchor .icon-wrap,
.sv-normal-lists .snl-anchor .snl-link{
    transition: color 0.5s ease-out;
}

.sv-normal-lists .snl-anchor .snl-link i{
    margin-left: 5px;
}

.sv-normal-lists .snl-anchor:hover{
    border-color: #3879b7;
}
.sv-normal-lists .snl-anchor:hover .icon-wrap,
.sv-normal-lists .snl-anchor:hover .snl-link{
    color: #3879b7;
}