@import url("https://fonts.googleapis.com/css2?family=Suwannaphum:wght@300;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Dangrek:wght@300;400&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap");
@font-face {
font-family: 'Baloo Thambi';
src: url(//bippikh.com/wp-content/themes/bippi-child/assets/fonts/BalooThambi-Regular.eot);
src: url(//bippikh.com/wp-content/themes/bippi-child/assets/fonts/BalooThambi-Regular.eot?#iefix) format('embedded-opentype'), 
url(//bippikh.com/wp-content/themes/bippi-child/assets/fonts/BalooThambi-Regular.woff2) format('woff2'), 
url(//bippikh.com/wp-content/themes/bippi-child/assets/fonts/BalooThambi-Regular.woff) format('woff'), 
url(//bippikh.com/wp-content/themes/bippi-child/assets/fonts/BalooThambi-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
:root{
--bippi-color-primary: #9bb51e!important;
--bippi-color-secondary: #15aae3!important;
--bippi-color-orange: #dd9332!important;
--bippi-color-l-orange: #f3ead2!important;
--bippi-color-l-blue: #d7f1ff!important;
--bippi-color-n-blue: #221a50!important;
} :root {
--body-font: "Poppins", 'Google Sans', sans-serif;
--secondary_body_font: "Google Sans", sans-serif;
--heading-font: "Baloo Thambi", 'Google Sans', sans-serif;
--glb--transition: 0.6s all;
--glb_padd: 100px 0px;
}
body {
float: left;
width: 100%;
font-size: 18px;
line-height: 28px;
letter-spacing: 0.36px;
font-family: var(--body-font);
color: #00283c;
}
@media (max-width: 991px) {
body {
font-size: 15px;
line-height: 20px;
}
}
@media (max-width: 1199px) {
body {
font-size: 16px;
line-height: 25px;
}
}
button, input, select, optgroup, textarea {
font-family: var(--body-font)!important;
}
p{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@media (max-width:991px){
div br {
display: none;
}
}
button:disabled,
button[disabled]{
opacity: .7!important
}
body.mm-wrapper{
overflow-x: hidden!important
}
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.preload *{-webkit-transition:none!important;-moz-transition:none!important;-ms-transition:none!important;-o-transition:none!important;transition:none!important}
h1,h2,h3,h4,h5,h6{
font-family: var(--heading-font);
font-weight: 400;
margin-bottom: 15px;
}
h1:lang(km),h2:lang(km),h3:lang(km),h4:lang(km),h5:lang(km),h6:lang(km){font-weight:300!important; line-height: 1.4!important;}
a,
a:hover,
a:active,
a:focus,
select option{outline:0 none !important;text-decoration:none !important;border:0 !important;}
a[href=""]{pointer-events:none;}
ul,
ul li{list-style-type:none;margin:0 auto;padding:0;}
form input[type=text], form input[type=email], form input[type=url], form input[type=password], form input[type=tel], form input[type=range], form input[type=date], form input[type=month], form input[type=week], form input[type=time], form input[type=datetime], form input[type=datetime-local], form input[type=color], form input[type=number], form input[type=search] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.page-id-1559:not(.product-features)::-webkit-scrollbar-thumb {
background: #1c92cd;
border-radius: 10px;
}
.page-id-1559:not(.product-features)::-webkit-scrollbar {
background: #fff;
width: 10px;
}
::-moz-selection {
background-color: #1c92cd;
color: #fff;
}
::selection {
background-color: #1c92cd;
color: #fff;
}
@media ( min-width: 1200px){
.woocommerce-notices-wrapper{
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
}
.container-fluid{
width:1920px;
padding:0;
background-color:#fff;
border:0
}
@media (max-width:1920px){
.container-fluid{
width:100%;
padding:0;
margin:0 auto
}
}
@media (max-width:1199px){
.container{
max-width:calc(100% - 30px);
margin:0 15px
}
}
@media (max-width:567px){
.container{
max-width:100%;
margin:0 auto
}
.woocommerce-error,.woocommerce-info,.woocommerce-message,.woocommerce-noreviews,p.no-comments{
padding:12px 18px;
font-size:14px
}
}
.pointer-events-none > a[aria-current="page"]{
pointer-events: none!important;
cursor: pointer;
} h1 {
font-size: 88px;
line-height: 90px;
color: #004466;
letter-spacing: -0.88px;
display: inline-block;
padding-left: 15px;
}
h1 span {
color: rgb(149, 170, 50);
}
h2 {
font-size: 88px;
line-height: 90px;
color: #004466;
letter-spacing: -0.88px;
}
h2:lang(km){
font-size: 64px;
line-height: 1.2;
}
h2 span {
color: rgb(149, 170, 50);
}
h3 {
font-size: 25px;
line-height: 35px;
}
h4 {
font-size: 20px;
line-height: 30px;
}
h5 {
font-size: 18px;
line-height: 28px;
}
@media (max-width: 1440px) {
h1 {
font-size: 80px;
line-height: 90px;
}
h2 {
font-size: 80px;
line-height: 90px;
}
}
@media (max-width: 1199px) {
body {
font-size: 16px;
line-height: 26px;
}
h1,h2 {
font-size: 60px;
line-height: 70px;
}
h2:lang(km){
font-size: 48px;
}
}
@media (max-width: 991px) {
h1,h2 {
font-size: 50px;
line-height: 60px;
}
h2:lang(km){
font-size: 38px;
}
}
@media (max-width: 767px) {
h1 {
font-size: 40px;
line-height: 50px;
padding-left: 0;
}
h2 {
font-size: 40px;
line-height: 50px;
}
h2:lang(km){
font-size: 30px;
}
h3 {
font-size: 20px;
}
}
@media (max-width: 575px) {
h1, h2 {
font-size: 33px;
line-height: 43px;
}
}
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus{
outline: none!important;
} .site-header{
position:fixed;
top:0;
z-index:99999;
height:120px;
width:auto;
background-color: transparent!important;
width:100%;
padding: 0;
margin:0 auto!important;
display: flex;
align-items: center;
border-bottom-color: transparent !important;
}
.site-header .main-menu-wrap{
margin-top: 30px;
box-shadow: 0px 15px 34px 0px rgba(190, 211, 239, 0.1), 0px 62px 62px 0px rgba(190, 211, 239, 0.09), 0px 139px 83px 0px rgba(190, 211, 239, 0.05), 0px 247px 99px 0px rgba(190, 211, 239, 0.01), 0px 385px 108px 0px rgba(190, 211, 239, 0);
background: rgb(255 255 255 / 50%);
border-radius: 16px;
padding: 0 15px;
height: 80px;
line-height: 80px;
}
body.smaller .site-header{
top: 0;
}
body.smaller .site-header .main-menu-wrap{
background-color:#fff!important;
margin-top: 0;
}
body.smaller .site-header{
background-color:#2f94cb!important
}
body.smaller .site-header .logo img{
max-width:90px;
}
body.smallest .site-header{
top: -120px;
}
.site-header,
body.smaller .site-header,
body.smallest .site-header,
.site-header .logo img,
body.smaller .site-header .logo img,
.site-header .main-menu-wrap,
body.smaller .site-header .main-menu-wrap
{
-webkit-transition: 0.6s all;
-o-transition: 0.6s all;
transition: 0.6s all
}
.site-header .logo img{
max-width:100px;
padding:0;
margin:0 auto;
float:left
}
.site-header .primary-navigation-wrap{
display: flex;
flex-grow: 0;
padding: 0;
overflow-y: visible;
align-items: center;
}
.site-header .primary-navigation{
float:left;
padding:0;
position:relative;
z-index:999;
flex-grow: 1;
margin: 0 50px;
}
.site-header .primary-navigation a{
color:#001a2f!important;
}
.site-header .primary-navigation ul.menu{
padding:0;
margin:0;
list-style-type:none;
display:flex
}
.site-header .primary-navigation ul.menu>li{
padding: 0 4px
}
.site-header .primary-navigation ul.menu>li a[href="#"]{
pointer-events:none
}
.site-header .primary-navigation ul.menu>li#menu-item-30>a,
.site-header .primary-navigation ul.menu>li#menu-item-180>a{
pointer-events:none
}
.site-header a.menu-item-33{
float: right;
}
.site-header .primary-navigation ul.menu>li>a{
color: #001a2f!important;
font-weight: 400;
padding:0 26px;
position:relative;
z-index:1;
float:left;
text-transform: capitalize;
transition: 0.6s all;
cursor: pointer;
}
.site-header .primary-navigation ul.menu>li>a::after {
position: absolute;
content: "";
background: var(--bippi-color-secondary);
bottom: 0;
left: unset;
right: 0;
width: 0;
height: 4px;
transition: 0.6s all;
}
.site-header .primary-navigation ul.menu>li.current-menu-ancestor>a,
.site-header .primary-navigation ul.menu>li.current-menu-item>a {
color: var(--bippi-color-secondary)!important;
}
.site-header .primary-navigation ul.menu>li.current-menu-ancestor>a::after,
.site-header .primary-navigation ul.menu>li.current-menu-item>a::after {
position: absolute;
content: "";
background: #8bc53e;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 4px;
border-radius: 20px 20px 0 0;
}
.site-header .primary-navigation ul.menu>li.current-menu-item>a:hover {
color: var(--bippi-color-secondary);
}
.site-header .primary-navigation ul.menu>li>a:hover::after {
width: 100%;
right: unset;
left: 0;
}
.site-header .primary-navigation ul.menu>li>a:lang(km){
letter-spacing:0;
}
.site-header .primary-navigation ul.menu>li>a>span{
text-transform:none
}
.site-header .primary-navigation ul.menu li.menu-item-has-children>a:before{
content: '';
width: 10px;
height: 10px;
border-top: 3px solid #001a2f;
border-right: 3px solid #001a2f;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
position: absolute;
top: calc(50% - 7px);
right: 8px;
transform: rotate(135deg);
}
.site-header .primary-navigation ul.sub-menu li.menu-item-has-children>a:before{
width: 8px;
height: 8px;
border-top: 2px solid #001a2f;
border-right: 2px solid #001a2f;
}
.site-header .primary-navigation ul.menu li.menu-item-has-children:hover>a:before{
transform: rotate(315deg);
top: calc(50% - 3px);
border-top-color: var(--bippi-color-secondary);
border-right-color: var(--bippi-color-secondary);
}
.site-header .primary-navigation ul.sub-menu li.menu-item-has-children>a:before{
transform: rotate(405deg);
}
.site-header .primary-navigation ul.menu li.menu-item-has-children>a:before,
.site-header .primary-navigation ul.menu li.menu-item-has-children:hover>a:before{
-webkit-transition:.35s;
-o-transition:.35s;
transition:.35s
}
.site-header .primary-navigation ul.menu>li.current-menu-ancestor>a:before,
.site-header .primary-navigation ul.menu>li.current-menu-item.menu-item-has-children>a:before,
.site-header .primary-navigation ul.sub-menu li.current-menu-parent.menu-item-has-children>a:before{
border-top-color: var(--bippi-color-secondary);
border-right-color: var(--bippi-color-secondary);
}
.site-header .primary-navigation ul.menu>li ul.sub-menu{
visibility:hidden;
position:absolute;
margin:0 auto;
min-width:200px;
padding:8px 0;
top: 80px;
}
.site-header .primary-navigation ul.menu>li ul.sub-menu li.menu-item-has-children>a:before{
top: calc(50% - 3px);
}
.site-header .primary-navigation ul.menu>li > ul.sub-menu{
transition: 0.6s all;
}
.site-header .primary-navigation ul.menu>li:hover > ul.sub-menu{
opacity:1;
visibility:visible;
top:70px;
background-color:#fff;
box-shadow:0 2px 6px rgb(0 0 0 / 10%);
border-radius: 0 0 4px 4px;
transition: 0.6s all;
z-index: 2;
}
.site-header .primary-navigation ul.menu>li>ul.sub-menu li{
position: relative;
padding: 0 10px;
}
.site-header .primary-navigation ul.menu>li>ul.sub-menu li a{
display:block;
position:relative;
float:none;
font-size:15px;
font-weight:400;
line-height:24px;
letter-spacing:.6px;
padding:12px 15px;
text-transform:capitalize;
padding:8px 5px!important;
}
.site-header .primary-navigation ul.menu>li>ul.sub-menu >li>ul.sub-menu{
width: max-content;
top: -8px;
left: calc(100% - 0px);
background-color:#fff;
box-shadow:0 2px 0 rgb(0 0 0 / 10%);
border-radius: 0 0 4px 4px;
z-index: 2;
}
.site-header .primary-navigation ul.menu>li>ul.sub-menu >li:hover >ul.sub-menu{
opacity: 1;
visibility: visible;
}
.site-header .primary-navigation  ul.menu li.current-menu-item:not(.menu-item-53)>a,
.site-header .primary-navigation  ul.menu li.current-menu-parent:not(.menu-item-53)>a,
.site-header .primary-navigation  ul.menu li.current-post-ancestor.menu-item-has-children>a,
.site-header .primary-navigation  ul.menu li:hover:not(.menu-item-53)>a,
.site-footer .secondary-navigation ul.menu li:hover a,
.site-footer .secondary-navigation ul.menu li.current-menu-item a{
color:var(--bippi-color-secondary)!important
}
.site-footer .secondary-navigation ul.menu li.current-menu-item a,
.site-footer .secondary-navigation ul.menu li a:hover{
color: rgba(255,255,255,0.7)!important
}
.site-header .primary-navigation ul.menu>li.menu-item-has-children:hover>a:after,
.site-header .primary-navigation ul.menu>li.menu-item-has-children>a:after{
-webkit-transition:.25s;
-o-transition:.25s;
transition:.25s
}
@media (max-width:1199px){
.site-header{
height: auto;
padding: 10px 0;
}
.site-header .primary-navigation{
margin: 0 auto;
}
.site-header .main-menu-wrap{
margin-top: 0;
border-radius: 8px;
padding: 5px;
height: auto;
line-height: inherit;
}
.site-header .logo img{
max-width: 70px;
}
.site-header .primary-navigation ul.menu>li{
line-height: 55px;
}
}
@media (max-width:767px){
.site-header .main-menu-wrap{
margin-top: 0;
padding-bottom: 5px;
}
}
.lang-wrap {
margin-right: 20px;
position: relative;
}
.primary-navigation-wrap .lang-wrap:before {
content: '';
width: 8px;
height: 8px;
border-top: 2px solid #001a2f;
border-right: 2px solid #001a2f;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
position: absolute;
top: calc(50% - 7px);   
right: 14px;
transform: rotate(135deg);
background: rgba(179, 225, 235, 0.4);
}
.slide-menu .lang-wrap .language-chooser li.active{
display: none;
visibility: hidden;
}
.slide-menu .lang-wrap .language-chooser li,
.lang-wrap select {
border: none;
border-radius: 40px;
background: rgba(179, 225, 235, 0.4);
appearance: none;
padding: 0px 15px 0px 15px;
cursor: pointer;
width: 68px;
height: 36px;
line-height: 36px;
outline: none!important;
}
.slide-menu .lang-wrap{
width: 100%;
float: left;
margin: 0 auto;
}
.slide-menu .lang-wrap .language-chooser li{
float: left;
margin: 10px auto;
width: 80px;
text-align: center;
}
.slide-menu .lang-wrap .language-chooser li a{
color: #333333;
font-weight: 400;
font-size: 18px;
}
@media (max-width:1199px){
.mm-menu_offcanvas{
width:90%!important;
border-radius:8px;
overflow:hidden;
height:calc(80vh - 140px)!important
}
.mm-menu_position-bottom.mm-menu_opened,.mm-menu_position-front.mm-menu_opened,.mm-menu_position-top.mm-menu_opened{
margin-top:-30px!important;
padding-top:30px;
background-color:#fafafa;
box-shadow:0 4px 15px 0 rgba(150,150,150,.25)
}
.mm-menu_position-bottom.mm-menu_opened~.mm-slideout,.mm-menu_position-front.mm-menu_opened~.mm-slideout,.mm-menu_position-top.mm-menu_opened~.mm-slideout{
z-index:inherit!important
}
.hamburger{
width:40px;
height:40px;
float:right;
padding:0;
}
.hamburger a{
width: 40px;
height: 40px;
float: left;
color: #fff;
background: #60b3d7;
border-radius: 5px;
}
.mm-wrapper_opening .hamburger a{
color:var(--bippi-color-secondary)
}
.hamburger a,.mm-wrapper_opening .hamburger a{
-webkit-transition:.4s;
-o-transition:.4s;
transition:.4s
}
.mburger b{
font-size: 0;
}
.hamburger span{
width:30px;
height:3px;
left:0;
position:absolute;
background:#fff;
border-radius:5px;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;
transition:all .3s;
right:0;
display:inline-block;
bottom:0;
margin:0 auto
}
.hamburger span:first-child{
top:11px
}
.hamburger span:first-child+span{
top:20px
}
.hamburger span:first-child+span+span{
top:29px
}
.menu-button {
display: inline-block;
margin: 4px;
padding: 7px 20px;
color: #FFF;
background: #67B5D1;    
}
.menu-button:hover {
background: #3184A1;
cursor: pointer;
}
.slide-menu_opened{
overflow-x: hidden;
position: relative;
overflow-y: hidden;
}
.menu-wrap {
background-color: #fff;
padding: 30px 0;
position: fixed;
width: 400px;
max-width: 100%;
top: 0;
right: -100%;
bottom: 0;
z-index: 999;
display: flex;
flex-direction: column;
height: 100vh;
}
.menu-wrap .head-menu-wrap{
align-items: flex-start;
}
.menu-wrap,
.menu-toggle:checked + .menu-wrap {
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
-ms-transition: all .5s ease-out;
-o-transition: all .5s ease-out;
transition: all .5s ease-out
}
.menu-overlay {
background: rgba(0, 0, 0, 0.4);
display: none;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 900;
}
.menu-close {
position: absolute;
width: 45px;
height: 45px;
right: 0;
top: 0;
text-indent: -9999px;
transition: all 0.3s;
}
.menu-close::after {
content: "";
position: absolute;
background: linear-gradient(118.07deg, rgb(82, 180, 230) 3.257%, rgb(149, 170, 50) 119.132%);
width: 70px;
height: 70px;
border-bottom-left-radius: 100%;
right: 0px;
z-index: -1;
top: 0;
}
.menu-close:hover {
background-color: rgba(236, 69, 69, 1);
cursor: pointer;
}
.whte-cross {
background: #fff;
width: 26px;
height: 3px;
display: block;
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 10px;
}
.ssecnd {
transform: rotate(-45deg);
}
.menu-wrap{
position: fixed;
overflow-x: hidden;
overflow-y: auto;
padding-bottom: 100px!important;
}
.menu-wrap:hover .menu-close {
opacity: 1;
}
.menu-toggle {
display: none;
}
.menu-toggle:checked + .menu-wrap {
right: 0;
padding: 15px;
}
.menu-toggle:checked ~ .menu-overlay {
display: block;
}
.menu-wrap .logo img {
max-width: 80px!important;
}
.menu-wrap .menu-list{  
width: 100%;
margin: 15px auto;
float: left;
align-items: flex-start;
flex-direction: column;
display: flex;
flex-grow: 0;
overflow-y: auto;
}
.menu-wrap .qtranxs_widget .language-chooser {
display: flex;
align-content: center;
padding: 11px 15px;
}
.menu-wrap .qtranxs_widget li {
text-align: center;
background-color: rgba(255,255,255,.55);
border-width: 1px;
border-color: #e2e0dd #f1eeeb #f9f6f3;
box-shadow: inset -1px 1px 1px 0 rgb(0 0 0 / 10%);
-ms-flex: 0 1 40px;
flex: 0 1 40px;
border-radius: 4px;
margin-right: 5px;
opacity: 1;
}
.menu-wrap .qtranxs_widget ul li a{
padding: 6px 10px;
color: #333;
background-image: none;
float: left;
}
.menu-wrap .qtranxs_widget ul li.active {
opacity: 1;
background-color: var(--bim-color-primary);
}
.menu-wrap .qtranxs_widget ul li.active a{
color: #fff;
}
.menu-wrap #accordion{
width: 100%;
float: left;
}
.menu-wrap .card,
.menu-wrap .card .card-header{
background-color: transparent;
border: none;
}
.menu-wrap .card{
position: relative;
background-color: rgba(255,255,255,.55);
margin-bottom: 10px;
border-radius: 8px;
border-width: 1px;
border-color: #e2e0dd #f1eeeb #f9f6f3;
box-shadow: inset -1px 1px 1px 0 rgb(0 0 0 / 10%);
}
.menu-wrap .card .card-header{
padding: 0;
}
.menu-wrap .card .card-header a {
float: left;
width: 100%;
position: relative;
padding: 10px;
color: #333;
line-height: 30px;
}
.menu-wrap .card .card-header .show-child {
width: 36px;
height: 33px;
background: url(//bippikh.com/wp-content/themes/bippi-child/assets/images/body_bg.png);
position: absolute;
right: 9px;
top: 9px;
border-radius: 4px;
cursor: pointer;
}
.menu-wrap .card .card-header .show-child .line-1 {
height: 1px;
width: 17px;
position: absolute;
top: 16px;
left: 10px;
}
.menu-wrap .card .card-header .show-child .line {
background: #404040;
display: block;
transition: all .2s ease-in-out;
}
.menu-wrap .card .card-header .show-child:hover .line {
background: #0098d5;
}
.menu-wrap .card .card-header a.collapsed .show-child .line-2 {
display: block;
}
.menu-wrap .card .card-header .show-child .line-2 {
position: absolute;
top: 8px;
left: 18px;
height: 17px;
width: 1px;
display: none;
}
.menu-wrap .card .card-body{
padding: 8px;
}
.menu-wrap .card .card-body ul li:first-child a{
border-top: 1px dotted #000 !important;
}
.menu-wrap .card .card-body ul li:last-child a{
margin-bottom: 10px;
}
.menu-wrap .card .card-body ul li a{
float: left;
line-height: 36px;
width: 100%;
border-bottom: 1px dotted #000 !important;
font-size: 14px;
color: #727272;
height: 34px;
}
.menu-wrap .menu-list .language-text{
display: none!important;
visibility: hidden!important;
}
.menu-wrap .menu-list .simple-menu > ul li a{
position: relative;
margin-bottom: 10px;
border-radius: 8px;
border-width: 1px;
border-color: #e2e0dd #f1eeeb #f9f6f3;
padding: 10px;
color: #333;
line-height: 30px;
}
.mobile-primary-menus ul.menu li{
width: 100%;
float: left;
margin: 6px 0;
}
.mobile-primary-menus ul.menu li.menu-item-has-children > a:before {
content: '';
width: 10px;
height: 10px;
border-top: 2px solid #001a2f;
border-right: 2px solid #001a2f;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
position: absolute;
top: calc(50% - 8px);
right: -8px;
transform: rotate(135deg);
}
.menu-wrap a.menu-item-33{
float: left;
margin: 10px auto;
}
.menu-wrap li.menu-item-has-children.current-menu-parent > a:before, 
.menu-wrap li.current_page_ancestor.menu-item-has-children > a:before {
border-top-color: var(--bippi-color-secondary) !important;
border-right-color: var(--bippi-color-secondary) !important;
}
.menu-wrap li.current-menu-item > a, .menu-wrap li.current-menu-parent > a, .menu-wrap li.current_page_ancestor > a {
color: var(--bippi-color-secondary) !important;
}
}
@media (max-width:567px){} .site-main {
padding: 0;
margin-bottom: 0;
min-height: 600px;
}
.entry-content section{
padding: 100px 0;
}
.sec-head-title p{
color: rgb(59, 79, 109);
letter-spacing: 0px;
text-align: center;
max-width: 612px;
margin: 10px auto 20px;
}
.site-btn {
text-transform: capitalize;
letter-spacing: 1px;
line-height: 1;
color: #fff;
padding: 5px 22px;
height: 60px;
min-width: 165px;
background: linear-gradient(118.07deg, rgb(82, 180, 230) 3.257%, rgb(149, 170, 50) 119.132%);
position: relative;
border-radius: 11px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: 0.6s all;
z-index: 2;
}
.site-btn:hover {
background: linear-gradient(118.07deg, rgb(149, 170, 50) 3.257%, rgb(82, 180, 230) 119.132%);
color: #fff;
}
@media (max-width: 1440px) {
.site-btn {
height: 55px;
}
}
@media (max-width: 1199px) {
.site-btn {
min-width: 150px;
height: 50px;
margin-bottom: 5px;
}
}
@media (max-width: 767px) {
.entry-content section{
padding: 40px 0;
}
}
h1 span,
h2 span {
color: rgb(149, 170, 50);
}
.banner-wrap{
position: relative;
}
.banner-wrap .banner,
.banner-wrap .banner img {
width: 100%;
}
.banner-wrap .content-wrap {
position: absolute;
top: 200px;
left: 0;
right: 0;
margin: auto;
text-align: center;
max-width: 900px;
}
.banner-wrap .banner-text p {
max-width: 670px;
margin: auto;
margin-top: 10px;
}
.banner-wrap .banner-btn a {
margin-top: 30px;
}
.banner-wrap .banner-text h1 {
position: relative;
width: max-content;
margin-bottom: 10px;
}
.banner-wrap .banner-text h1 span{
display: block;
}
.banner-wrap .banner-text h1:after {
float: left;
content: '';
width: 54px;
height: 38px;
background-image: url(//bippikh.com/wp-content/themes/bippi-child/assets/images/hed-shap.png);
background-repeat: no-repeat;
background-size: 100%;
position: absolute;
left: -25px;
top: -25px;
}
.banner-wrap .ban-shap {
width: 100%;
position: absolute;
bottom: -54px;
}
@media (max-width: 1440px) {
.banner-wrap .ban-shap {
bottom: -48px;
}
.banner-wrap .content-wrap{
position: absolute;
top: 170px;
left: 0;
right: 0;
margin: auto;
text-align: center;
max-width: 800px;
}
}
@media (max-width: 1399px) { }
@media (max-width: 1199px) {
.banner-wrap .ban-shap {
bottom: -38px;
}
.banner-wrap .content-wrap{
top: 150px;
}
.banner-wrap .banner-text h1:after{
width: 40px;
height: 28px;
left: -20px;
top: -20px;
}
}
@media (max-width:991px){
.banner-wrap .ban-shap {
bottom: -28px;
}
.banner-wrap .content-wrap{
top: 120px;
}
.logo{
float: left;
margin-left: 4px;
}
.site-header .logo img{
max-width: 54px;
margin: 0 auto !important;
float: none;
}
body.smaller .site-header .logo img{
max-width: 56px;
}
.wrap-language{
width: 50px;
float: right;
margin-top: 15px;
}
.site-header,
.smaller .site-header,
.site-header .logo img,
.smaller .site-header .logo img{
-webkit-transition: all .15s ease-in;
-moz-transition: all .15s ease-in;
-o-transition: all .15s ease-in;
transition: all .15s ease-in;
}
.banner-wrap .content-wrap {
max-width: 800px;
}
.banner-text h1{
margin-bottom: 0;
}
.banner-text h1 span.head-shap {
top: -40px;
left: -20px;
}
}
@media (max-width: 767px) {
.banner-wrap .banner{
height: 100%;
position: absolute;
z-index: 1;
}
.banner-wrap .banner img {
height: 100%;
object-fit: cover;
object-position: left;
opacity: .5;
}
.banner-wrap .content-wrap{
position: relative;
top: unset;
left: unset;
right: unset;
margin: auto;
text-align: center;
max-width: 100%;
padding: 130px 0px 80px;
z-index: 2;
}
}
@media (max-width: 575px) {
.banner-wrap .banner-text h1:after {
width: 20px;
height: 14px;
left: -15px;
top: -5px;
}
}
.product-header .page-title{
z-index: 1!important;
}
.text-center{
text-align: center!important;
}
.btn.readmore{
background-color: var(--bippi-color-secondary);
color: #fff;
padding: 8px 32px;
border-radius: 30px;
-webkit-box-shadow:0 8px 15px -6px rgb(28 146 205 / 30%);
-moz-box-shadow:0 8px 15px -6px rgb(28 146 205 / 30%);
box-shadow:0 8px 15px -6px rgb(28 146 205 / 30%);
float: left;
}
.product-link {
margin: 15px 15px 25px;
display: inline-block;
}
.product-link .learn-more-btn {
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
background: rgb(234, 251, 255);
color: #18729f;
border-radius: 8px;
padding: 12px 10px; font-size: 16px;
border: 1px solid rgb(234, 251, 255)!important;
}
.item-2 .product-link .learn-more-btn {
color: #8f6b2a;
background-color: #ffeec9;
border: 1px solid #ffeec9!important;
}
.product-link .learn-more-btn:hover {
border: 1px solid #8f6b2a!important;
}
.item-2 .product-link .learn-more-btn:hover {
background-color: transparent;
border: 1px solid #8f6b2a!important;
}
.product-link .learn-more-btn,
.product-link .learn-more-btn:hover{
-webkit-transition:.35s;
-o-transition:.35s;
transition:.35s
}
button:not(.gm-control-active,.slick-prev,.slick-next), input[type=button], input[type=reset], input[type=submit] {
padding: 8px 32px!important;
border-radius: 30px!important;
-webkit-box-shadow:0 8px 15px -6px rgb(28 146 205 / 30%);
-moz-box-shadow:0 8px 15px -6px rgb(28 146 205 / 30%);
box-shadow:0 8px 15px -6px rgb(28 146 205 / 30%);
}
@media (max-width:767px){
.product-features .pants-features .wrap-text-center{
text-align: left!important;
}
}
.discover-bippi-products-landing{
position: relative;
background-color: #fff;
text-align: center;
}
.discover-bippi-products-landing h2,
.discover-bippi-products-landing p{
color: var(--bippi-color-orange);
}
@media (max-width: 1199px){
.discover-bippi-products-landing h2{
font-size: 22px;
} 
}
.discover-bippi-products-landing.secondary-section{
background-color: var(--bippi-color-l-blue);
}
.page-id-158 .discover-bippi-products-landing h2,
.page-id-173 .discover-bippi-products-landing h2,
.discover-bippi-products-landing.secondary-section h2,
.discover-bippi-products-landing.secondary-section p{
color: var(--bippi-color-secondary);
}
.discover-bippi-products-landing .bippi-products-landing-slide .price,
.discover-bippi-products-landing .bippi-products-landing-slide a.button{
display: none!important;
visibility: hidden!important;
}
.discover-bippi-products-landing .bippi-products-landing-slide .product{
margin-bottom: 0;
}
.discover-bippi-products-landing .bippi-products-landing-slide .product .woocommerce-loop-product__link{
padding: 24px 12px;
border-radius: 8px;
border-style: dashed!important;
border-width: 2px!important;
border-color: var(--bippi-color-orange);
background-color: rgb(242 146 34 / 20%);
}
.discover-bippi-products-landing-2.secondary-section .product .woocommerce-loop-product__link{
height: 100%;
}
.discover-bippi-products-landing-2 .product .woocommerce-loop-product__link .bippi-product-detail{
margin: auto 0 0!important;
}
.discover-bippi-products-landing-2 .product .woocommerce-loop-product__link h2{
font-size: 14px!important;
min-height: 64px !important;
padding: 15px 15px 0 15px!important;
line-height: 22px!important;
word-break: break-word;
}
.discover-bippi-products-landing.secondary-section .product .woocommerce-loop-product__link{
padding: 40px;
}
.discover-bippi-products-landing .bippi-products-landing-slide .product .woocommerce-loop-product__link .product-detail{
display: flex;
}
.discover-bippi-products-landing .bippi-products-landing-slide .product .woocommerce-loop-product__link .product-detail li{
width: 100%;
}
.discover-bippi-products-landing .bippi-products-landing-slide .product .woocommerce-loop-product__link .product-detail li p{
color:  var(--bippi-color-orange);
border-right: 1px solid var(--bippi-color-orange);
}
.discover-bippi-products-landing .bippi-products-landing-slide .product .woocommerce-loop-product__link .product-detail span{
display: block;
}
.discover-bippi-products-landing.secondary-section .bippi-products-landing-slide .product .woocommerce-loop-product__link{
background-color: rgb(28 146 205 / 20%);
border-color: var(--bippi-color-secondary)!important;
}
.page-id-158 .discover-bippi-products-landing .bippi-products-landing-slide .product .woocommerce-loop-product__link,
.page-id-173 .discover-bippi-products-landing .bippi-products-landing-slide .product .woocommerce-loop-product__link{
background-color: rgb(28 146 205 / 20%);
border-color: var(--bippi-color-secondary);
}
.page-id-158 .discover-bippi-products-landing .bippi-products-landing-slide .product .woocommerce-loop-product__link .product-detail li p,
.page-id-173 .discover-bippi-products-landing .bippi-products-landing-slide .product .woocommerce-loop-product__link .product-detail li p{
color:  var(--bippi-color-secondary);
border-right: 1px solid var(--bippi-color-secondary);
}
.page-id-173 .discover-bippi-products-landing .bippi-products-landing-slide .product .woocommerce-loop-product__link .product-detail li p{
border-right: 0;
}
.discover-bippi-products-landing .bippi-products-landing-slide .product .woocommerce-loop-product__link .product-detail li:last-child p{
border-right: 0!important;
}
.discover-bippi-products-landing .bippi-products-landing-slide .product .woocommerce-loop-product__link h2{
min-height: 40px !important;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 0 !important;
}
.discover-bippi-products-landing ul.products.columns-5 .slick-track{
padding-bottom: 30px;
}
.discover-bippi-products-landing.primary-section ul.products.columns-5 .slick-list{
padding: 0 40px 0 0 !important;
}
.discover-bippi-products-landing .slick-prev.slick-arrow,
.discover-bippi-products-landing .slick-next.slick-arrow{
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 50px;
width: 50px;
background-color: #fff;
color: var(--bippi-color-orange);
border: 2px solid var(--bippi-color-orange)!important;
z-index: 1;
border-radius: 50% !important;
padding: 0 !important;
font-size: 20px;
cursor: pointer;
}   
.page-id-158 .discover-bippi-products-landing .slick-prev.slick-arrow,
.page-id-158 .discover-bippi-products-landing .slick-next.slick-arrow,
.page-id-173 .discover-bippi-products-landing .slick-prev.slick-arrow,
.page-id-173 .discover-bippi-products-landing .slick-next.slick-arrow,
.discover-bippi-products-landing.secondary-section .slick-prev.slick-arrow,
.discover-bippi-products-landing.secondary-section .slick-next.slick-arrow{
color: var(--bippi-color-secondary);
border: 2px solid var(--bippi-color-secondary)!important;
}
.discover-bippi-products-landing .slick-prev.slick-arrow{
left: -25px;
}
.discover-bippi-products-landing .slick-next.slick-arrow{
right: -25px;
}
.discover-bippi-products-landing.primary-section ul.products.columns-5 li.product {
margin: auto  30px auto 0!important
}
.woocommerce ul.products li.product img {
transform: scale(1); position: relative;
}
.woocommerce ul.products li.product, 
.woocommerce ul.products li.product:hover, 
.woocommerce ul.products li.product img, 
.woocommerce ul.products li.product:hover img {
-webkit-transition: all .25s ease-in;
-moz-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
transition: all .25s ease-in;
}
.discover-bippi-products-landing.primary-section ul.products li.product:hover { -webkit-box-shadow: 5px 5px 10px -5px rgba(242 146 34 / 50%);
-moz-box-shadow: 5px 5px 10px -5px rgba(242 146 34 / 50%);
box-shadow: 5px 5px 10px -5px rgba(242 146 34 / 50%);
border-radius: 8px;
}
.discover-bippi-products-landing.secondary-section ul.products li.product:hover { -webkit-box-shadow: 5px 5px 10px -5px rgba(28 146 205 / 50%);
-moz-box-shadow: 5px 5px 10px -5px rgba(28 146 205 / 50%);
box-shadow: 5px 5px 10px -5px rgba(28 146 205 / 50%);
border-radius: 8px;
}
.woocommerce ul.products li.product:hover img {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
@media (max-width:1199px){
.discover-bippi-products-landing ul.products.columns-5 .slick-list{
padding: 0 40px 0 0 !important;
}
.discover-bippi-products-landing ul.products.columns-5 li.product {
margin: auto  30px auto 0!important
}
}
@media (min-width:1280px){
.discover-bippi-products-landing.secondary-section ul.products.columns-5{
margin: auto -1.9%!important
}
.discover-bippi-products-landing.secondary-section ul.products.columns-5 li.product{
margin: auto 1.9%!important
}
}
@media (min-width: 767px){
.discover-bippi-products-landing.primary-section ul.products.columns-5.auto-two .slick-track{
width: auto !important;
display: flex;
}
.discover-bippi-products-landing.primary-section ul.products.columns-5.auto-two .slick-list{
padding: 0 !important;
}
.discover-bippi-products-landing.primary-section ul.products.columns-5.auto-two li.product{
margin: auto  15px!important;
}
} .site-footer {
background-color: #3594d1;
margin: 100px auto 0;
padding: 80px 0 0;
float:left;
width: 100%;
z-index: 2;
position: relative;
}
.footer-bg{
width: 100%;
position: absolute;
bottom: 92%;
}
.footer-bg img{
width: 100%;
}
.site-footer h3{
color: #fff;
}
.site-footer .footer-top{
padding-bottom: 80px;
}
.site-footer .footer-logo{
margin-top: -15px;
}
.site-footer .footer-logo > img{
width: 160px;
}
.site-footer .footer-logo > span > img{  }
.site-footer .footer-logo > span{
color: #fff;
margin-top: 10px;
float: left;
width: 100%;
}
.site-footer .social-media,
.site-footer .secondary-menus{
float: left;
padding-top: 15px;
}
.site-footer .secondary-navigation{
display: block!important;
float: left;
}
.site-footer .secondary-navigation ul li {
float: left;
width: 100%;
}
.site-footer .secondary-navigation ul li a{
color: #fff!important;
font-size: 16px;
font-weight: 300;
}
.site-footer .social-media ul{
margin-top: 30px;
}
.site-footer .social-media ul li{
float: left;
margin-right: 15px;
}
.site-footer .social-media ul li a{
float: left;
height: 50px;
width: 50px;
border-radius: 50%;
border: 1px solid #fff !important;
display: flex;
align-items: center;
justify-content: center;
}
.site-footer .social-media ul li svg{
width: 28px;
height: 28px;
fill: #fff;
}
.site-footer .social-media ul li.instagram:hover svg *{
fill: url(#rg);
}
.site-footer .social-media ul li.facebook:hover svg{
fill: #3b5998;
}
.site-footer .social-media ul li.tiktok:hover svg{
fill: #000;
filter: drop-shadow(1px 1px 0px #F70250) drop-shadow(-1px -1px 0px #24f6f0);
}
.site-footer .social-media ul li.youtube:hover svg{
fill: #f00;
}
.site-footer .social-media ul li:hover svg{
transform: scale(1.12) rotate(360deg);
}
.site-footer .social-media ul li:hover a {
-webkit-box-shadow:0 8px 15px -6px rgb(28 146 205 / 10%);
-moz-box-shadow:0 8px 15px -6px rgb(28 146 205 / 10%);
box-shadow:0 8px 15px -6px rgb(28 146 205 / 10%);
background-color: rgb(255 255 255 / 20%);
}
.site-footer .social-media ul li a,
.site-footer .social-media ul li:hover a,
.site-footer .social-media ul li a svg,
.site-footer .social-media ul li:hover a svg {
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
}
.site-footer .footer-copy-right{
text-align: center;
color: #fff;
font-size: 15px;
font-weight: 300;
height: 80px;
line-height: 80px;
}
.site-footer .footer-copy-right .text-center{
border-top: 2px solid rgb(255 255 255 / 30%);
float: left;
width: 100%;
}
@media (max-width:991px){
.footer-bg{
bottom: calc(100% - 2px);
}
.footer-logo img{
margin: 0 auto;
max-width: 50%;
}
.secondary-menus{
text-align: center;
margin-top: 20px;
}
.site-footer .secondary-navigation{
width: 100%;
}
.site-footer .secondary-navigation ul li{
text-align: center;
padding-bottom: 8px;
}
.site-footer .secondary-navigation .menu {
text-align: center!important;
margin: 0 auto!important;
width: 100%!important;
font-size: inherit;
}
.site-footer .social-media ul {
margin: 0 auto;
float: none;
display: inline-block;
}
.site-footer .social-media, .site-footer .secondary-menus {
margin: 20px auto 0;
width: 100%;
text-align: center;
}
}
@media (max-width:767px){
.site-footer {
margin: 60px auto 0 ;
}
.site-footer .footer-logo > span{
width: 80%;
text-align: center;
}
}
div#page{
float: left;
width: 100%;
margin: 0 auto;
}
div#page + div{
display:none!important;
visibility:hidden!important;
position:fixed!important;
bottom:-100px!important;
z-index:-1!important;
opacity:0!important;
}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails{text-align:center}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::before,.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{content:"";display:table}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{clear:both}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li{display:inline-block;width:auto !important;float:none !important;margin-bottom:0 !important}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li img{max-height:16px;width:auto;display:block}.widget_brand_nav ul li .count{float:right}.tax-product_brand .woocommerce-products-header{display:flex;flex-direction:column;margin:0 0 2.2906835em;text-align:center}.tax-product_brand .woocommerce-products-header .brand-thumbnail{margin:0 0 1em;width:auto;max-height:2.2906835em;align-self:center;order:1}.tax-product_brand .woocommerce-products-header .woocommerce-products-header__title,.tax-product_brand .woocommerce-products-header .term-description{order:2}div#brands_a_z::before,div#brands_a_z::after{content:"";display:table}div#brands_a_z::after{clear:both}div#brands_a_z ul.brands_index{margin-left:0;padding:0}div#brands_a_z ul.brands_index li{float:none;display:inline-block;margin:0 .3342343017em .2360828548em 0;padding:0;text-transform:uppercase}div#brands_a_z ul.brands_index li a,div#brands_a_z ul.brands_index li span{float:none;display:block;border:0;padding:.3819820591em;min-width:1.618em;text-align:center;background-color:#eee;color:#43454b;line-height:1}div#brands_a_z ul.brands_index li span{opacity:.3}div#brands_a_z h3{text-transform:uppercase}div#brands_a_z a.top{padding:.6180469716em;background-color:#eee;color:#43454b;border:0;line-height:1}div#brands_a_z ul.brands{margin-left:0;list-style-position:inside}div#brands_a_z ul.brands li{margin:0 0 .3819820591em;padding:0 0 .3819820591em;border-bottom:1px solid rgba(0,0,0,.05)}.storefront-wc-brands-single-product{margin:0 0 .5407911001em}.storefront-wc-brands-single-product img{max-height:2.2906835em}@media(min-width: 768px){div#brands_a_z ul.brands_index{width:21.7391304348%;float:left;margin-right:4.347826087%;transition:all .5s ease}div#brands_a_z h3{width:73.9130434783%;float:right;margin-right:0;clear:right;text-transform:uppercase}div#brands_a_z h3:first-of-type{margin-top:0}div#brands_a_z a.top{clear:right}div#brands_a_z ul.brands{width:73.9130434783%;float:right;margin-right:0;clear:right}}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}