.entry-content section.discover-bippi-products{
padding-bottom: 0;
}
.product-list{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 100%;
width: 100%;
border-radius: 20px;
position: relative;
box-shadow: 0px 15px 20px 0px rgba(127, 157, 191, 0.19);
border-radius: 20px;
} @media (min-width: 767px) {
.product-list .product-title {  position: relative;
z-index: 1; padding-bottom: 2px;
margin: 0 auto 10px;
}
.bippi-products-slide .slick-list{
padding-bottom: 50px;
}
}
@media (max-width: 767px) {
.slick-initialized .slick-slide {
padding: 0 25px;
}
}
.product-list .inner-content{
min-height: 46px !important;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
padding-bottom: 2px;
color: rgb(25, 25, 25);
font-size: 14px;
max-width: 290px;
}
.product-list p {
color: rgb(25, 25, 25);
font-size: 14px;
line-height: 21px;
max-width: 290px;
margin-bottom: 15px;
}
.product-list .product-content {
min-height: 250px;
padding: 20px 20px 0 20px;
position: relative;
z-index: 2;
}
.product-list .product-content .product-logo{
max-width: 80px;
margin-bottom: 15px;
}
.product-list .product-img {
max-width: 200px;
margin-left: auto;
width: 200px;
height: 200px;
}
.product-list .product-img img {
width: 100%;
height: 100%;
object-fit: contain;
} .slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: calc(50% - 50px);
display: block;
width: 50px;
height: 50px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background-color: #1c92cd;
border-radius: 50px;
font-size: 0;
}
.slick-prev:before {
content: "";
position: absolute;
background-image: url(//bippikh.com/wp-content/themes/bippi-child/assets/images/pre_arrow.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 18px;
width: 26px;
top: 15px;
left: 14px;
opacity: 1;
}
.slick-next:before {
content: "";
position: absolute;
background-image: url(//bippikh.com/wp-content/themes/bippi-child/assets/images/next_aro.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 18px;
width: 26px;
top: 16px;
left: 11px;
opacity: 1;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
opacity: 0.7;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
background: #1c92cd;
}
.bippi-products-slide .slick-next {
right: -60px;
}
.bippi-products-slide .slick-prev {
left: -60px;
}
@media (max-width: 1399px) {
.slick-prev,
.slick-next {
width: 40px;
height: 40px;
}
.bippi-products-slide .slick-next {
right: 0;
}
.bippi-products-slide .slick-prev {
left: 0;
z-index: 2;
}
.slick-next:before {
height: 15px;
width: 18px;
top: 13px;
left: 11px;
}
.slick-prev:before {
height: 15px;
width: 18px;
top: 13px;
left: 11px;
}
}
@media (max-width: 767px) {
.bippi-products-slide .slick-next {
right: 10px;
}
.bippi-products-slide .slick-prev {
left: 10px;
}
} .why-bippi {
padding-bottom: 200px!important;
}
.why-bippi-list ul {
margin-top: 40px;
}
.why-bippi-list ul li {
box-sizing: border-box;
border-radius: 18px;
box-shadow: 6px 5px 28px 0px rgba(73, 73, 73, 0.2);
background: linear-gradient(to bottom, #2bb2f3, #8bbd3b);
display: flex;
padding: 13px;
position: relative;
max-width: 480px;
float: left;
z-index: 1;
}
.why-bippi-list ul li+li {
margin-top: 30px;
}
.why-bippi-list ul li::before {
content: "";
position: absolute;
left: 3px;
top: 0;
width: 100%;
height: 100%;
background: rgb(255, 255, 255);
z-index: -1;
border-radius: 18px;
}
.why-logo {
width: 95px;
height: 95px;
margin: auto;
}
.why-logo img {
width: 100%;
height: 100%;
object-fit: contain;
}
.why-bippi-list ul li .why-text {
width: calc(100% - 95px);
margin-left: 20px;
}
.why-text_wrap {
padding-right: 30px;
}
.why-text h3 {
color: rgb(0, 26, 73);
font-size: 21px;
font-weight: 600;
line-height: 31px;
letter-spacing: 0.22px;
font-family: var(--body-font);
margin-bottom: 8px;
}
.why-text p {
color: rgb(59, 79, 109);
font-size: 14px;
font-weight: 400;
line-height: 22px;
letter-spacing: 1px;
max-width: 340px;
margin-bottom: 0;
}
.why-img-wrp {
margin-right: -197px;
margin-left: -31px;
}
@media (max-width: 1399px) {
.why-logo {
width: 75px;
height: 75px;
}
.why-text h3 {
font-size: 18px;
line-height: 20px;
}
.why-img-wrp {
margin-right: 0;
margin-left: 0;
margin-top: 40px;
}
}
@media (max-width: 991px) {
.why_logo {
width: 65px;
height: 65px;
}
}
@media (max-width: 767px) {
.why-bippi {
padding-bottom: 100px !important;
}
} .our-other-features {
padding: var(--glb_padd);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
padding-top: 35px;
}
.our-other-features .sec_center_heading {
position: relative;
z-index: 2;
}
.featur-list-wrp .featur-slider {
display: flex;
flex-wrap: wrap; margin-left: -30px;
margin-right: -30px;
}
.featur-list-wrp .featur-slider .featur-item {
width: 50%;
display: flex;
flex: 0 0 auto;
margin-bottom: 35px;
padding: 0px 30px;
max-width: 480px;
margin: auto;
margin-bottom: 35px;
}
.our-other-features .sec_center_heading p {
color: #004466;
}
.featur-list-wrp .featur-slider .featur-item .featur-content {
width: 100%;
display: flex;
position: relative;
height: 100%;
}
.featur-list-wrp .featur-slider .featur-item .featur-content .why-logo {
position: absolute;
top: 50%;
left: -60px;
width: 100px;
height: 100px;
transform: translateY(-50%);
}
@media (max-width: 1399px) {
.featur-list-wrp .featur-slider .featur-item .featur-content .why-logo {
width: 90px;
height: 90px;
}
}
.featur-list-wrp .featur-slider .featur-item .why-text {
border-radius: 18px;
background: rgb(242, 250, 255);
padding: 20px 30px 20px 70px;
min-height: 145px;
width: 100%;
}
.featur-list-wrp {
margin-top: 50px;
}
.fea_top {
width: 100%;
position: absolute;
bottom: 96%;
left: 0;
} .fea_top img {
width: 100%;
}
@media (max-width: 1399px) {
.featur-list-wrp .featur-slider .featur-item .why-text {
border-radius: 18px;
background: rgb(242, 250, 255);
padding: 15px 30px 15px 40px;
min-height: 130px;
width: 100%;
}
}
@media (max-width: 1199px) {
.featur-list-wrp .featur-slider {
margin-left: 0;
margin-right: 0;
}
.featur-list-wrp .featur-slider .featur-item {
margin-bottom: 25px;
margin-top: 0;
}
.featur-list-wrp .featur-slider .featur-item .featur-content .why-logo {
width: 65px;
height: 65px;
top: 50%;
left: -30px;
transform: translateY(-50%);
}
}
@media (max-width: 767px) {
.entry-content section.our-other-features{
padding-top: 80px;
padding-bottom: 120px;
}
.sec-head-title p{
margin-bottom: 0;
}
.featur-list-wrp .featur-slider li{
padding: 0px 10px!important;
margin-bottom: 0;   
}
.featur-list-wrp .featur-slider .featur-item{
padding: 0 10px;
}
.featur-list-wrp .featur-slider .featur-item .featur-content .why-logo {
width: 65px;
height: 65px;
top: 40px;
left: 0;
right: 0;
margin: auto;
}
.featur-list-wrp .featur-slider .featur-item .why-text {
padding: 80px 15px 10px 15px;
max-height: unset;
text-align: center;
min-height: unset;
}
.featur-list-wrp .featur-slider .featur-item .why-text h3 {
font-size: 16px;
}
.featur-list-wrp .featur-slider .featur-item .why-text p {
font-size: 12px;
}
.featur-slider .slick-track{
display: flex;
height: 100%;
}
.featur-slider .slick-arrow {
top: unset;
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #1c92cd;
transform: translate(-50%, -10px);
right: unset;
bottom: -80px;
left: calc(50% - 25px);
}
.featur-slider .slick-next {
margin-left: 50px;
}
}  .bippi-faqs {
padding: 100px 0px 200px!important;
padding-bottom: 180px;
padding-top: 70px;
max-width: 920px;
margin: auto;
} .bippi-faqs #accordion .card{
margin-bottom: 15px;
border: 0;
position: relative;
}
.bippi-faqs #accordion .card .card-header { border-radius: 50px;
padding: 0px;
border-bottom: none;
box-shadow: 0px 8px 15px -10px rgba(150, 150, 150, 0.5);
color: #fff;
border: 1px solid rgb(231, 237, 243)!important;
}
.bippi-faqs #accordion .card .card-header a.card-link{
width: 100%;
color: #fff;
margin-right: 5px;
padding: 20px 0 20px 45px;
display: block;
position: relative;
border-radius: 50px;
box-sizing: border-box;
border-radius: 50px;
background-color: #2396cf;
}
.bippi-faqs #accordion .card .card-header a.card-link.collapsed{
background-color: #fff;
}
.bippi-faqs #accordion .card:has(.card-link:not(.collapsed))::before{
background-color: #5098bbe0;
height: 100%;
}
.bippi-faqs #accordion .card:before{
content: "";
width: 1px;
height: calc(100% + 20px);
background-color: #9bb237;
position: absolute;
top: 30px;
left: 25px;
z-index: 3;
} .bippi-faqs #accordion .card:last-child:before{
height: 0;
} .bippi-faqs #accordion .card .card-header a.card-link.collapsed h5{
color: #000;
font-weight: 600;
}
.bippi-faqs #accordion .card .card-header a.card-link h5{
width: calc(100% - 50px);
margin-right: 50px;
margin-bottom: 0;
color: #fff;
font-family: var(--secondary_body_font);
} .bippi-faqs #accordion .card .card-header a.card-link.collapsed::before {
background: #9bb237;
outline: 1px solid #9bb237;
border: 4px solid #ffffff;
}
.bippi-faqs #accordion .card .card-header a.card-link::before {
background: #fff;
outline: 1px solid #fff;
border: 4px solid #3498cd;
width: 20px;
height: 20px;
display: block;
border-radius: 50%;
position: absolute;
top: 50%;
z-index: 5;
content: "";
left: 15px;
transform: translateY(-50%);
}
.bippi-faqs #accordion .card .card-header a.card-link::after {
background-color: #fff;
width: 1px;
height: 100%;
display: block;
position: absolute;
top: 50%;
z-index: 3;
content: "";
left: 24px;
transform: translateY(-50%);
}
.bippi-faqs #accordion .card .card-header a.card-link h5::after {
content: "\f068";
font-family: "font Awesome 5 free";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 5px;
transition: all 0.8s;
width: 50px;
height: 50px;
background-color: #fff;
text-align: center;
color: #2396cf;
font-size: 26px;
border-radius: 50px;
margin: auto 0;
line-height: 50px;
}
.bippi-faqs #accordion .card .card-header a.card-link.collapsed h5::after {
content: "\f067";
font-family: "font Awesome 5 free";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 5px;
transition: all 0.8s;
background-color: #2396cf;
color: #fff;
}
.bippi-faqs #accordion .card .card-body {
margin-left: 30px;
padding: 20px 25px;
}
.bippi-faqs #accordion .card .card-body p{
margin-bottom: 0;
}
.bippi-faqs #accordion .card .card-body ul{
margin-bottom: 15px;
margin-left: 30px;
}
.bippi-faqs #accordion .card .card-body ul li{ position: relative; }
.bippi-faqs #accordion .card .card-body ul li::before{
content: "\f192";
font-family: "font Awesome 5 free";
color: var(--color-green);
margin-right: 10px;
font-size: 14px;
position: absolute;
left: -30px;
}
.faq-btn {
text-align: center;
margin-top: 50px;
}
@media (max-width: 767px) {
.bippi-faqs{
padding: 60px 0px!important;
}
.bippi-faqs #accordion .card .card-header a.card-link h5{
font-size: 15px;
line-height: 25px;
}
.bippi-faqs #accordion .card .card-header a.card-link h5::after{
height: 40px;
width: 40px;
font-size: 20px;
line-height: 40px;
}
}