﻿/*................................circular slider.................*/


.circle5Wrap img {
    max-width: 100%;
    border-radius: 100%;
    max-height: 100%;
    display: block;
}

.circle5Wrap {
    max-width: 600px;
    /* margin-left: auto; */
}

.circleBG {
    position: relative;
    /*padding: 50px 0;*/
    max-width: 600px;
    margin-left: auto;
}
    /* .circleBG:after{      content: "";
          position: absolute;
          height: 100%;
          width: 100%;
          background: url(../images/advance/bg1.png) no-repeat right center;
          background-position: -100px -71px;
          bottom: 0;
          background-size: cover;
          transform: scale(1.05);
        } */

    .circleBG:after {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        /*background: url(../images/circularlinesbg.png) no-repeat right center;*/
        background-position: -100px -71px;
        bottom: 0;
        background-size: cover;
        transform: scale(1.05);
    }

p.title {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    color: #777;
}

.wStyle1 {
    border: 3px dashed rgb(250, 132, 64);
}

.fStyle1 {
    background-color: rgb(250, 132, 64);
    color: #fff;
    font-weight: 600;
}

.circle2 {
    box-sizing: border-box;
}

.fStyle2 {
    background: #fff;
    border: 2px dotted #aaa;
}

.wStyle2 {
    border: 2px dotted #aaa;
}

.innerStyle2 {
    background-color: #f9f9f9;
    width: 70% !important;
    height: 70% !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 15% 22px;
}

.innerStyle3 {
    font-size: 25px;
    font-weight: 900;
}

.circleSelect3 {
    background-color: #fafafa;
}

.fStyle4 {
    background-color: #00b786;
    color: #fff;
}

    .fStyle4 span {
        font-size: 23px;
    }


/* .circleSelect4:after {
          content: "";
          width: 80%;
          height: 80%;
          border: 2px solid #fff;
          position: absolute;
          z-index: 999;
          border-radius: 50%;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          margin: auto;
        } */
@media screen and (max-width: 768px) {
    .innerStyle2 {
        background: none;
    }
}

.circleWrapper {
    width: 75%;
    height: 75%;
    border-radius: 100%;
    position: relative;
    margin: 0px 0 0 0;
}

ul.circleWrapper {
    list-style-type: none;
    padding: 0;
    display: block;
}

    ul.circleWrapper li {
        display: block;
    }

.circleFeature {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    border-radius: 100%;
    text-align: center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 1;
    width: 12%;
    height: 12%;
}

.circleSelect4 {
    width: 20% !important;
    height: 20% !important;
}

.circleBox {
    width: 50%;
    position: absolute;
    margin: auto;
    right: 0;
    left: 0;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}

ul.circleWrapper li:first-child .circleBox {
    display: block;
}

.circleSelect {
    padding: 6px;
    box-sizing: content-box;
}

.circleFeature span {
    vertical-align: middle;
    display: inline-block;
}

.circle5Wrap h6 {
    font-size: 1.25rem;
    /*font-family: 'Poppins Bold';*/
    color: #122268;
    margin: 10px 0 0;
}
/* .circleWrapper:before {
          position: absolute;
          width: 100%;
          height: 100%;
          content: "";
          border-left: 1px solid #3A93F7;
          border-right: none;
          border-radius: 100%;
        } */

/*................................circular slider.................*/



.tab_inner {
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
}
.tab_inner ul {
    padding: 0;
    margin: 40px 0 0;
    display: flex;
}
    .tab_inner ul li {
        list-style: none;
        width: 33.33%;
    }
        .tab_inner ul li img {
            margin-right: 15px;
        }
        .tab_inner ul li div div {
            text-transform: capitalize;
        }
        .tab_inner ul li strong {
            display: block;
            font-size: 1.56rem;
        }