/* Stepbox default CSS */
.wellra-stepboxes-wrapper.ttm-staticbox-default {
    text-align: center;
}
.ttm-staticbox-default .ttm-ptable-icon-wrapper i {
    font-size: 30px;
    color: var(--ttm-skincolor);
}
.ttm-staticbox-default .process-num {
    font-weight: var(--special-element-fontweight);
    color: var(--ttm-secondarycolor);
    margin-bottom: 10px;
    font-size: 14px;
}

.ttm-staticbox-default .process-num .number{
    font-size: inherit;
    font-weight: inherit;
}

.ttm-staticbox-default .ttm-left-contentbox {
    margin-bottom: 12px;
}

.ttm-stepbox .ttm-box-title h1,
.ttm-stepbox .ttm-box-title h2,
.ttm-stepbox .ttm-box-title h3,
.ttm-stepbox .ttm-box-title h4,
.ttm-stepbox .ttm-box-title h5,
.ttm-stepbox .ttm-box-title h6,
.ttm-stepbox .ttm-box-title span,
.ttm-stepbox .ttm-box-title div{
    margin-bottom: inherit;
}
 

/*** horizontal default ***/

.ttm-staticbox-default .ttm-stepbox .ttm-stepbox-content {
    margin-bottom: 30px;
}
.ttm-staticbox-default.ttm-stepbox-horizontal .ttm-stepbox-content {
    border: 1px solid var(--ttm-bordercolor);
    margin-bottom: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
	padding: 20px 20px;
}
.ttm-staticbox-default.ttm-stepbox-horizontal .ttm-stepbox-content .ttm-left-contentbox {
    margin-bottom: 0;
    display: flex;
    gap: 15px;
    align-items: center;
}
.ttm-staticbox-default.ttm-stepbox-horizontal .ttm-stepbox-content .ttm-right-contentbox {
    display: flex;
    align-items: center;
    gap: 20px;
}
.ttm-staticbox-default.ttm-stepbox-horizontal .ttm-stepbox-content .ttm-right-contentbox h4 {
    margin: 0;
}
.ttm-staticbox-default.ttm-stepbox-horizontal .process-num {
    margin-bottom: 0;
}


.wellra-stepboxes-wrapper .ttm-stepbox .ttm-stepbox-content{
    background-color: var(--ttm-greycolor);
    padding: 15px;
    text-align: start;
}


.ttm-bgcolor-grey .wellra-stepboxes-wrapper .ttm-stepbox .ttm-stepbox-content{
    background-color: var(--ttm-whitecolor);
    border-radius: var(--border-radius-box);
    border-radius: 15px;
}

.wellra-stepboxes-wrapper .ttm-stepbox img{
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius-image);
    border-radius: 15px;
    margin-bottom: 30px;
    object-fit: cover;
}

.ttm-staticbox-default .process-num {
    text-align: end;
}

.ttm-stepbox .ttm-box-title{
    margin-bottom: 5px;
}

/* defult style */

.wellra-stepboxes-wrapper.ttm-staticbox-default .ttm-stepbox .ttm-stepbox-content {
    padding-bottom:25px;
    box-shadow: var(--ttm-boxshadow);
}



/*  style one*/

.wellra-stepboxes-wrapper.ttm-staticbox-styleone .ttm-stepbox .ttm-stepbox-content {
    padding: 30px;
}

.wellra-stepboxes-wrapper.ttm-staticbox-styleone  .wellra-static-box-subtitle{
    padding: 4px 15px;
    border: 1px solid var(--ttm-bordercolor);
    border-radius: 30px;
    font-size: var(--body-font-size);
    font-weight: 500;
}

.wellra-stepboxes-wrapper.ttm-staticbox-styleone .ttm-box-title{
    margin-bottom: 0;
    margin-top: 20px;
}

.wellra-stepboxes-wrapper.ttm-staticbox-styleone .ttm-stepbox-image-wrapper{
    margin-top: 50px;

}

.wellra-stepboxes-wrapper.ttm-staticbox-styleone .ttm-stepbox-image{
    z-index: 1;
    position: relative;
}

.wellra-stepboxes-wrapper.ttm-staticbox-styleone .number{
    font-size: 138px;
    line-height: 148px;
    color: var(--ttm-bordercolor);     
    font-weight: 100;
    transition: all .3s ease-in-out;
    z-index: 0;
    position: relative;
}



.wellra-stepboxes-wrapper.ttm-staticbox-styleone .process-num{
    margin-bottom: -50px;
}

.wellra-stepboxes-wrapper.ttm-staticbox-styleone img{
    margin-bottom: 0;
}

@media (max-width:768px){
    .wellra-stepboxes-wrapper.ttm-staticbox-styleone .ttm-stepbox .ttm-stepbox-content {
        padding: 20px;
    }
}



.ttm-stepbox-two-column .col-lg-3.col-md-4 {
    width: 50%;
}

@media(max-width:767px){
    .ttm-stepbox-two-column .wellra-stepboxes-wrapper {
        display: flex;
        flex-wrap: wrap;
    }
}

@media(max-width:480px){
    .ttm-stepbox-two-column .col-lg-3.col-md-4 {
        width: 100%;
    }
}