/*global*/
.btn.focus,
.btn.active.focus{
    outline: none;
}

.col-md-4{
    display: inline-grid;
}
/*end global*/
/* body {
    margin     : 0px;
    padding    : 0px;
    font-family: 'Poppins', sans-serif;
    font-family: 'Lato', sans-serif;
}

.breadcrumb{
    margin-bottom   : 0;
    background-color: transparent;
}

.breadcrumb li a
.breadcrumb>.active,
.breadcrumb>li+li:before{
    color: #702E8F;
}

.breadcrumb li a:hover{
    text-decoration: none;
} */

.even{
    padding: 40px 0px;
}

.even:nth-child(even) {
    background: #eae8f2;
}

.even:nth-child(even) ul li::before{
    background-image: url("/sites/default/files/tardes-seg-product/black-arrow.png");
}

.even:nth-child(even) h2,
.even:nth-child(even) ul li{
    color: #010101;
}

.even h2{
    color         : #702E8F;
    margin-top    : 10px;
    font-weight   : 700;
    text-transform: uppercase;
    
}

.even ul{
    margin-top  : 30px;
    padding-left: 0;
}

.even ul li{
    color       : #702E8F;
    font-size   : 16px;
    margin-top  : 13px;
    list-style  : none;
    line-height : 23px;
    word-spacing: 1px;
}

.even ul li::before{
    width           : 10px; 
    height          : 15px;
    margin          : 0px 13px 0px -24px;
    content         : "";
    display         : inline-block;
    vertical-align  : sub;
    background-size : 10px 15px;
    background-image:  url(/sites/default/files/tardes-seg-product/color-arrow.png);
}

.even .btn{
    width        : 150px;
    margin-top   : 30px;
    box-shadow   : 0 0 3px 2px rgb(51 51 51 / 10%);
    font-weight  : 600;
    margin-right : 10px;
    border-radius: 30px; 
}

.even .btn.btn-filled{
    color           : #fff;
    background-color: #702E8F;
}

.even .btn.btn-outline{
    color           : #702E8F;
    background-color: #fff;
}

.even img{
    margin-top: 40px;
}

.even .online{
    padding-left: 40px;
}

.segment-banner{
    padding: 40px 0px;
}

.segment-banner h2{
    color       : #5B2067;
    margin-top  : 50px;
    font-weight : 600;
    border-left : 5px solid #E99B21;
    padding-left: 8px;
    font-size: 30px;
}

.segment-banner h5{
    color      : #5B2067;
    font-size  : 18px;
    margin-top : -18px;
    font-weight: 600;
    padding: 14px;
}

.segment-banner h4{
    padding: 50px 30px;
    background-color: rgb(234 232 242);
    position: absolute;
    width: 100%;
}

.segment-banner h4,
.segment-banner h4 a{
    color      : #5B2067;
    font-size  : 25px;
    /* margin-top : 20px; */
    font-weight: 500;
}

.segment-banner h2 b{
    font-weight: 800;
}

.segment-banner h1{
    display: inline-block;
    font-weight: 700;
    border-bottom: 2px solid #5B2067;
    padding: 0;
    font-size: 36px;
    border-left: 0;
}

.segment-banner .text-center img{
    height: 120px;
    margin: 30px auto auto;
}

.dosti:nth-child(even){
    background: #eae8f2;
}

.dosti{
    padding: 40px 0px;
}

.dosti:nth-child(odd) h3{
    display       : inline-block;
    /* margin-top    : 13%; */
    /* border-bottom : 2px solid #5B2067;
    padding-bottom: 10px; */
}



.dosti h3{
    color: #000;
}

.dosti ul{
    margin-top: 30px;
}

.dosti ul li{
    color       : #000;
    font-size   : 16px;
    margin-top  : 20px;
    list-style  : none;
    line-height : 23px;
    word-spacing: 1px;
}

.dosti:nth-child(odd) ul li{
    color: #5B2067;
}

.dosti ul li::before{
    width           : 15px; 
    height          : 15px;
    margin          : 0px 3px 0px -24px;
    content         : "";
    display         : inline-block;
    vertical-align  : sub;
    background-size : 15px 15px;
    background-image:  url(/sites/default/files/tardes-seg-product/arrow-up-circle.png);
}

.dosti img{
   width     : 80%; 
   margin-top: 10%;
}

/* .dosti:nth-child(even) img{
    width     : 100%;
    margin-top: 0;
} */

.services{
    padding: 40px 0px;
}

.services:nth-child(even){
    background: #eae8f2;
}

.services h3{
    color       : #5B2067;
    margin-top  : 100px;
    font-weight : 900;
    border-left : 5px solid #E99B21;
    padding-left: 8px;
}

.services h2{
    color        : #000;
    display      : inline-block;
    padding      : 0px 20px 10px;
    font-weight  : 500;
    border-bottom: 2px solid #5B2067;
    border-left: 0;
    font-size: 35px;
}

.services ul li{
    color      : #002147;
    font-size  : 16px;
    list-style : none;
    margin-top : 20px;
    font-weight: 500;
    padding-left: 35px;
}

.services ul li::before{
    width           : 15px; 
    height          : 15px;
    margin          : 0px 3px 0px -24px;
    content         : "";
    display         : inline-block;
    vertical-align  : sub;
    background-size : 15px 15px;
    background-image:  url(/sites/default/files/tardes-seg-product/arrow-right-circle-fill.png);
}

.services .store{
    width: 100%;
}

.store-icons{
    margin-top: 15px;
}

.store-icons a{
    width: 25%;
    float: left;
    
}

.lastt{
    padding: 40px 0;
}

.lastt h2{
    color         : #000;
    display       : inline-block;
    border-bottom : 2px solid #5B206A;
    padding-bottom: 10px;
    border-left: 0;
}

.lastt .card{
    height       : 90px;
    border       : 2px solid #5B2067;
    box-shadow   : 0 3px 6px 0 rgb(50 50 50 / 30%);
    margin-top   : 25px;
    border-radius: 5px;
}

.lastt .card .image{
    width       : 20%;
    float       : left;
    height      : 100%;
    padding     : 26px 8px 0;
    border-right: 2px solid #5B2067;
}

.lastt .card .image img{
    margin: auto
}

.lastt .card .content{
    width  : 80%;
    float  : left;
    padding: 14px 10px;
}

.lastt .card .content h5{
    color        : #5B206A;
    margin-top   : 0px;
    font-weight  : 800;
    margin-bottom: 5px;
}

.lastt .card .content h5 i{
    border        : 1px solid #5B206A;
    padding       : 3px;
    font-size     : 6px;
    margin-left   : 1px;
    border-radius : 50%;
    vertical-align: text-bottom;
}

.lastt .card .content p{
    color      : #002147;
    line-height: 15px; 
}

@media only screen and (min-width: 300px) and (max-width: 768px) {
    .breadcrumb{
        padding: 8px 0px;
    }

    .even ul{
        margin-top  : 10px;
        padding-left: 20px;
    }

    .even .online{
        padding-left: 15px;
    }

    .services h3,
    .segment-banner h2,
    .segment-banner h2,
    .even:nth-child(even) img,
    .dosti:nth-child(even) h3,
    .dosti:nth-child(even) ul{
        margin-top: 0px;
    }

    .dosti:nth-child(even) h3{
        text-align: center;
    }

    .segment-banner h5{
        font-size: 14px;
    }

    .segment-banner h2{
        font-size: 17px;
    }

    .segment-banner h1{
        font-size: 24px;
    }

    .dosti img,
    .services .store{
        width: 100%;
    }

    .dosti ul li{
        padding-left: 20px;
    }

    .dosti ul li::before{
        margin: 0px 8px 0px -24px;
    }

    .dosti:nth-child(even) img{
        margin-top: 25px;
    }

    .dosti:nth-child(even) ul li::before{
        margin: 0px 4px 0px -24px
    }

    .services h3{
        margin-top: 20px;
    }

    /* .last h2{
        font-size: 25px;
    } */

    .col-md-4{
        display: block;
    }

    .store-icons a {
        width: 50%;
    }
}