.comparedivelement {
display: flex;
overflow: hidden;
vertical-align: middle;
}
.tlist-holder-x17 {
}
.left-col-x17 {
width: 55%;
float: left;
position: relative;
}
.center-image {
align-self: center;
}
.feature-image img {
width: 100%;
}
.right-col-x17 {
padding-top: 52px;
width: 40%;
float: right;
}
.single-item-x17 {
padding: 16px 17px 16px 87px;
overflow: hidden;
position: relative;
text-align: left;
width: 100%;
}
.right-col-x17:first-child .top-border-x17 {
top: 30px;
}
.top-border-x17 {
border-color: #414247;
position: absolute;
left: 34px;
top: 0px;
width: 2px;
height: 100%;
display: block;
z-index: 1;
border-left: 1px dashed;
}
.left-border-x17 {
border-color: #414247;
position: absolute;
left: 41px;
top: 72px;
width: 23px;
height: 2px;
display: block;
z-index: 2;
border-bottom: 1px dashed;
}
.icon-holder-x17 {
background-color: #414247;
width: 90px;
height: 90px;
border-radius: 50%;
font-size: 15px;
float: left;
text-align: center;
position: relative;
z-index: 5;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.icon-holder-x17 i {
font-size: 50px;
color: #fff;
}
.content-box-x17 {
float: left;
width: 100%;
padding-top: 7px;
}
.content-box-x17 h2 {
font-size: 16px;
font-weight: 600;
margin-bottom: 7px;
margin-top: 0px;
text-transform: uppercase;
line-height: 32px;
}
.upvote-section span i {
color: #666;
}
.content-box-x17 span p {
font-size: 15px;
line-height: 26px;
color: #555;
}
.content-box-x17 span p a {
font-size: 15px;
line-height: 26px;
color: #000;
}
.tlist-holder-x17 * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.single-item-x17:hover .icon-holder-x17 {
background-color: #fff;
border: 1px solid #414247;
}
.single-item-x17:hover .icon-holder-x17 i {
color: #414247;
} @media only screen and (min-width: 960px) and (max-width: 1200px) {
.tlist-wrapper-x17 {
width: 960px;
}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
.tlist-wrapper-x17 {
width: 800px;
}
.right-col-x17 {
width: 70%;
}
.right-col-x17 {
width: 70%;
}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.tlist-wrapper-x17 {
width: 100%;
}
.comparedivelement {
display: block;
}
.left-col-x17 {
width: 100%;
}
.right-col-x17 {
width: 100%;
}
.single-item-x17 {
padding: 0;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.top-border-x17,  .left-border-x17 {
display: none;
}
}.ilist_info6_qcld_style{
}
ul.ilist_info6_listing-twelve {
margin: 0;
padding: 0;
}
ul.ilist_info6_listing-twelve li.ilist_info6_list-style-twelve {
max-width: 100%;
position: relative;
box-sizing: border-box;
padding: 10px;
max-width: 1056px;
}
.ilist_info6_list-twelve-avatar-inner{
align-self:center;
}
.ilist-image-position{
}
.ilist_info6_list-twelve-inner-part {
background: url(//web.com.bd/wp-content/plugins/iList-pro//views/Infographic-style-04/images/left-img.png) no-repeat left bottom, url(//web.com.bd/wp-content/plugins/iList-pro//views/Infographic-style-04/images/right-img.png) no-repeat right center,
url(//web.com.bd/wp-content/plugins/iList-pro//views/Infographic-style-04/images/top-img.png) no-repeat top left, url(//web.com.bd/wp-content/plugins/iList-pro//views/Infographic-style-04/images/bottom-img.png) no-repeat bottom left;
min-width: 467px;
min-height: 221px;
padding: 27px 87px 62px 52px;
margin: 0 auto;
position: relative;
}
.ilist_info6_list-twelve-title {
background: url(//web.com.bd/wp-content/plugins/iList-pro//views/Infographic-style-04/images/title.png) no-repeat left top;
margin: 0;
padding: 17px 20px 48px;
font-size: 24px;
line-height:34px;
text-decoration: none;
color: #fff;
margin-bottom: -2px !important;
font-family: 'Oswald', sans-serif;
font-weight: normal !important;
margin-top: 0px !important;
text-align: left !important;
}
.ilist_info6_list-twelve-content p {
color:#555;
font-size:15px;
line-height:26px;
}
.ilist_info6_list-twelve-content p a {
color:#000;
font-size:15px;
}
.ilist_info6_list-twelve-title a {
text-decoration: none;
color: #FFFFFF;
text-transform: uppercase;
}
.ilist_info6_list-twelve-content {
background-color: #fff;
padding: 10px 10px 24px 30px;
min-height: 105px;
}
.upvote-section i {
color:#fff;
}
.ilist_info6_list-twelve-content p {
margin: 0;
padding: 0;
}
.ilist_info6_list-twelve-sl {
width: 80px;
height: 80px;
position: absolute;
bottom: 5px;
background-color: #ffbd2e;
border-radius: 50%;
text-align: center;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#b1b1b1)"; -moz-box-shadow: 0px -3px 3px #b1b1b1; -webkit-box-shadow: 0px -3px 3px #b1b1b1; box-shadow: 0px -3px 3px #b1b1b1; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=0, Color=#b1b1b1); display: flex;
align-items: center;
justify-content: center;
}
.ilist_info6_list-twelve-avatar {
border: 2px solid #ffbd2e;
width: 120px;
height: 120px;
position: absolute;
right: 100px;
top: 6px;
overflow: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color=#b1b1b1)"; -moz-box-shadow: 0px 3px 3px #b1b1b1; -webkit-box-shadow: 0px 3px 3px #b1b1b1; box-shadow: 0px 3px 3px #b1b1b1; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color=#b1b1b1); -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; display: flex;
justify-content: center;
}
.ilist_info6_list-style-twelve:hover .ilist_info6_list-twelve-avatar {
border-radius: 50%;
border-color: #ffffff;
}
.ilist_info6_example-image{
max-width: 100%;
background: #ddd;
}
.ilist_info6_list-twelve-sl h2 {
margin: 0;
padding: 0;
font-size: 40px;
line-height: 80px;
color: #ffffff;
}
@media screen and (max-width: 991px) {
.ilist_info6_list-twelve-inner-part {
padding: 27px 22px 62px 25px;
}
.ilist_info6_list-twelve-avatar {
right: 0;
}
}
@media screen and (max-width: 767px) {
.ilist_info6_list-twelve-inner-part {
background: none;
padding: 0 0 35px;
min-width: auto;
}
.ilist_info6_list-twelve-content {
padding-bottom: 50px;
}
.ilist_info6_list-twelve-avatar {
top: auto;
bottom: 0;
right: 0;
width: 60px;
height: 60px;
}
.ilist_info6_list-twelve-sl {
bottom: 0;
}
.ilist_info6_list-twelve-title {
font-size: 22px;
background-size: cover;
}
}