/*
Plugin CSS
Author: wpdream
*/

:root{
    --brcolor:#14b1bb; /* Brand color */
    --brhovercolor:#0a257a; /* Brand Hover color */
	--brrgb: 20,177,187; /* Brand rgb color */
	--bropacity:rgba(0,0,0,0.64); /* Brand opacity color */
    --black:#000000; /* black color */
	--white:#ffffff; /* white color */
    --bdcolor:#dddddd; /* border color */
    --bdhcolor:#14b1bb; /* border hover color */
    --linkcolor:#000000; /* link  color */	
    --titlecolor:#0e0e0e; /* title color */
    --pracolor:#74787c; /* pragrap/body color */	
    --bshadow:rgba(0,0,0,0.09); /* opacity color box shadow */   
	scroll-behavior: unset;
}
/*
var(--titlecolor)
var(--bdhcolor)
var(--brcolor)
var(--brhovercolor)
var(--brrgb)
var(--bropacity)
var(--black)
var(--white)
var(--bdcolor)
var(--bshadow)
var(--linkcolor)
var(--pracolor)
*/
img, svg {
    vertical-align: middle;
}
.text-center {
    text-align: center;
}
.txcwhite {
    color: var(--white);
}
.text-start {
    text-align: left!important;
}
.txbd_verctimeline_wrapper{}
.txbd_single_vtimeline{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    position: relative;		
}
 .vertical-reverse.txbd_single_vtimeline  {
	flex-direction: row-reverse;
} 
.txbd_single_vtimeline::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 3px;
    background: #f4f4f4;
    height: 100%;
}
.txbd_vtimeline_icon {
    position: relative;
    right: -56px;
}
.vertical-reverse .txbd_vtimeline_icon {
    right: 53px;
}
.txbd_vtimeline_icon span {
    color: #18012c;
    font-size: 20px;
    width: 110px;
    height: 110px;
    background: #f4f4f4;
    text-align: center;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.txbd_vtimeline_content_box {
    text-align: left;
    width: 50%;
    display: flex;
    justify-content: space-between;
    position: relative;
	align-items: center;
	flex-direction: row-reverse;	
}
.vertical-reverse .txbd_vtimeline_content_box {
    flex-direction: initial;
} 
.txbd_vtimeline_content{
    background: var(--white);
    box-shadow: 0 0 97px rgb(0 0 0 / 10%);
    padding: 40px 30px;
	position: relative;
}
.txbd_vtimeline_content::before {
    left: 100%;
    border-top: 40px solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 40px solid var(--white);
    position: absolute;
    content: "";
    top: 50%;
    width: 40px;
    height: 40px;
    transform: translateY(-50%);
}
.vertical-reverse .txbd_vtimeline_content::before {
    right: 100%;
    left: auto;
    border-top: 40px solid transparent;
    border-right: 40px solid var(--white);
    border-bottom: 40px solid transparent;
    border-left: 40px solid transparent !important;
}
.txbd_vtimeline_text{}
.txbd_vtimeline_text h2 {
    display: inline-block;
    font-size: 23px;
    margin-top: 0;
}
.txbd_vtimeline_content p{
	margin-bottom:15px;	
}
.txbd_vtimeline_text p{}
.txbd_vtimeline_text_one h3,
.txbd_vtimeline_text_two h3{
    font-size: 18px;	
}
.txbd_vtimeline_text_two p{
    margin:0;	
}
.txbd_lri_image{
    width: 45%;
    margin-top: 10px;
}

/* Responsive */

@media (max-width: 767px) {
    .txbd_single_vtimeline.txbd_verticle_style_2 {
        display: inherit;
    }   
    .txbd_lri_image {
        width:100%;
        margin-top: 30px; 
        z-index: 1;
        position: relative;
    }  
.txbd_single_vtimeline {
    margin-bottom: 30px;
}	
.txbd_vtimeline_content_box {
    width: 100%;
}
.txbd_vtimeline_content {
    padding: 18px 15px;
}
.txbd_vtimeline_icon {
    right: -10px;
}
.txbd_vtimeline_icon span, .txbd_vtimeline_icon img, .txbd_vtimeline_icon i {
    width: 60px;
    height: 60px;
	line-height: 60px;
}
.txbd_vtimeline_icon span {
    font-size: 15px;
    line-height: 18px;
    padding-top: 12px;
}
.txbd_single_vtimeline::before {
    left: auto;
    right: 18px;
}
.txbd_vtimeline_content::before {
    border-top: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fff;
}
.vertical-reverse .txbd_vtimeline_content::before {
    border-top: 20px solid transparent;
    border-right: 20px solid var(--white);
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent !important;
}
.vertical-reverse .txbd_vtimeline_icon {
    right: 10px;
}
.vertical-reverse.txbd_single_vtimeline::before {
    left: 18px;
}

}

 @media (min-width: 768px) and (max-width: 991px) {
.txbd_vtimeline_content {
    padding: 15px 15px;
}

}
