
/* -----------------------------------------brca-section: create-child-for-chart-image */
.child-postion-chart {
    position: relative;
    left: 35px;
    top: 40px;
}
/* -----------------------------------------brca-section: chart-image-change-scale */
.chart-size {
    width: 500px;

}
/* -----------------------------------------brca-section: hover-animation-for-chart-image */
.grow {
    transition: all .4s ease-in-out;
}
.grow:hover {
    transform: scale(1.2);
}

/* -----------------------------------------brca-section: changing-position-image-size-animation-in-lg */
@media only screen and (max-width: 1200px) {
    .child-postion-chart {
        position: relative;
        left: 20px;
        top: 92px
    }
    .chart-size {
        width: 430px;
    }
    .grow {
        transition: all .4s ease-in-out !important;
    }

    .grow:hover {
        transform: scale(1.1) !important;
    }
}
/* -----------------------------------------brca-section: chart-image-display-none-in-md*/
@media only screen and (max-width: 992px) {
    .child-postion-chart {
        display: none;
    }
}

/* -----------------------------------------brca-section: paddings-for-md-sm-size */
@media only screen and (max-width: 991px) {
    section > .container, section > .container-fluid {
        padding-top: 40px;
        padding-bottom: 40px;
        padding-left: 20px;
        padding-right: 20px;
    }
}


/* -----------------------------------------brca-Property-section: changing-font-size-in-xs-and-icon-margin-left */
.font-size-property{
    font-size: 14px;
}
@media only screen and (max-width: 580px) {
    .font-xs {
        font-size: 12px!important;
    }
    .icon-margin-left {
        margin-left: 0!important;
    }
}

/* -----------------------------------------brca-Property-section: chaning-icon-size */
.icon-size {
    font-size: 35px!important;
}

/* -----------------------------------------brca-Property-section: description-line-height */
.line-height-descrip {
    line-height: 1.7;
}


/* -----------------------------------------benefit-of-brca-section: border-color-texts-need-to-be-darker */
.feature-icon-box {
    border: 1px solid #f03f737a!important;
}
.feature-icon-box .feature-icon {
    border: 4px solid #e1e1e1!important;
    padding: 10px 15px;
    position: absolute;
    top: -30px;
}
.width-height {
    width: 68px;
    height: 60px;
    text-align: center
}
@media only screen and (max-width: 570px) {
    .width-in-xs{
        width: 260px!important;
    }
}


/*  ----------------------------------------- benefit-of-brca-section: margin-top-in-md-changed */
@media only screen and (max-width: 992px) {
    .margin-top-bottom {
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }
    .min-height-text {
        min-height: 170px !important;
    }

}

/*  ----------------------------------------- benefit-of-brca-section: changing-min-height-of-main-text-in-lg-and-word-spacing-for-first-card */
@media only screen and (max-width: 1200px) {
    .min-height-text {
        min-height: 235px;
    }
    .word-spacing {
        word-spacing: -1px;
    }
}

/* -----------------------------------------andik-section: margin-top  */
.description-mt {
    margin-top: 8px !important;
}
/*  ----------------------------------------- andik-section: create-child-for-andika-image */
.child-postion-andika {
    position: relative;
    left: 25px;
    top: 26px;
}
/*  ----------------------------------------- andik-section: changing-image-scale */
.image-andika {
    width: 500px;
}
/*  ----------------------------------------- andik-section: changing-position-in-lg */
@media only screen and (max-width: 1200px) {
    .child-postion-andika {
        position: relative;
        left: -31px;
        top: 50px
    }
    .image-andika {
        width: 430px;
    }
}
/*  ----------------------------------------- andik-section: andika-image-display-none-in-md*/
@media only screen and (max-width: 992px) {
    .child-postion-andika {
        display: none;
    }
}
/*  ----------------------------------------- result-section: container-height*/
.container-height{
    height: 650px;
}

/*  ----------------------------------------- result-section: create-child-for-result-image */
.child-postion-result {
    position: relative;
    left: -2px;
    top: 70px;
}
/*  ----------------------------------------- result-section: changing-image-scale */
.image-result{
    width: 500px;

}
/*  ----------------------------------------- result-section: changing-position-in-lg */
@media only screen and (max-width: 1200px) {
    .child-postion-result {
        position: relative;
        left: -2px;
        top: 95px
    }
    .image-result {
        width: 500px;
    }
}
/*  ----------------------------------------- result-section: result-image-display-none-in-md*/
@media only screen and (max-width: 992px) {
    .child-postion-result {
        display: none;
    }
}


/*  ----------------------------------------- video-section: margin-bottom-for-texts-in-lg*/
@media only screen and (max-width: 1200px) {
    .margin-bottom-lg {
        margin-bottom: 40px!important;
    }
}
@media only screen and (max-width: 767px){
.nav-tabs > li > a {
    border-radius: 0;
    border-bottom: none;
    border-left: 1px solid #d3d3d3!important;
}}
/*  ----------------------------------------- theme-color */
.line-bottom:after, .icon-box.icon-rounded-bordered i, .widget .line-bottom:after, .widget .line-bottom:after, .pager.theme-colored a, .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev, .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next {
    border: 1px solid #f03f73 !important;
}
.theme-color {
    color: #f03f73;
}
.bg-color{
    background-color:#f03f73!important; ;
}

.service-icon-box a i, .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev i, .owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next i, .owl-carousel.owl-nav-top .owl-controls .owl-nav > div:hover i, .services-tab .nav-tabs > li > a i {
    color: #d94b7d!important;
}
.service-icon-box:hover a i {
    color: #fff!important;
}
.service-icon-box a:hover {
    background: #d94b7d!important;

}
