:root {
  --clrTheme: #176641;
}
.cmpModalBox{background: rgba(0, 0, 0, .2);  position: fixed; overflow: hidden; top: 0; width: 100%; height: 100%; z-index: -999; opacity:0;  transition: 0.3s ease all; }
.cmpModalBox.opencmpBox{z-index: 9999; opacity:1; }
.cmpModalBox .cmpModalBoxContent{position: absolute; top:50%; left:50%;  transform: translate(-50%, -50%);max-width: 750px; width: 100%}
.cmpModalBox .cmpModalBoxContent .cmpModalBoxInner{ box-shadow:0px 0px 5px rgba(0,0,0,.4) ; width: 100%; padding: 20px 45px; background-color: #fff;  transition: 0.7s ease all;  transform: scale(.6); opacity:0; border-radius:6px; overflow-y: auto; overflow-x: hidden; max-height: 700px;}
.cmpModalBox.opencmpBox .cmpModalBoxContent .cmpModalBoxInner{  transform: scale(1); opacity:1; }
.closeModalBox, .backBtnCmp{position: absolute; top:0px; width: 20px; height: 20px;}
.eventClick{position: relative;}
.closeModalBox{right:0px;}
.backBtnCmp{left:0; width: auto;}
.eventClick{position: relative;}
/*.closeModalBox:before{position: absolute; height: 22px; width: 1px; background: #000; content: ''; transform: rotate(33deg);}
.closeModalBox:after{position: absolute; height: 22px; width: 1px; background: #000; content: ''; transform: rotate(126deg); }*/
.closeModalBox img{ transform: rotate(0deg); transition: 0.8s ease all;}
.closeModalBox:hover img{ transform: rotate(360deg); }
.cmpModalBoxContent p{font-size: 13px; text-align: justify; color: #000; }
.cmpModalBoxContent .card-header{background: none; border:none; padding: 10px; }
.cmpModalBoxContent .card{border-radius:0; margin-bottom: 10px; font-size: 14px; padding:0;}
.cmpModalBoxContent #accordion{padding: 20px; text-align: left;}
.cmpModalBoxContent #accordion .card-header a{position: relative; display: block; width: 100%; font-weight: bold;}
.cmpModalBoxContent #accordion .card-header a[aria-expanded="true"]:before{font: normal normal normal 14px/1 FontAwesome; content: "\f107"; position: absolute; right:0px; top:2px;}
.cmpModalBoxContent #accordion .card-body{text-align: left; font-size: 14px; padding:0 10px 10px;}
.cmpModalBoxContent #accordion .card-header a[aria-expanded="false"]:after{font: normal normal normal 14px/1 FontAwesome; content: "\f106"; position: absolute; right:0px; top:2px;}
.cmpBtn{background: #000; border:1px solid #000; color: #fff; padding:6px 25px; text-transform: uppercase; display: inline-block; font-size: 14px;}
.cmpBtn.moreOption{background: #fff; border-color:var(--clrTheme); color: var(--clrTheme);}
.cmpBtn.acceptAll, .cmpBtn.saveOption{background: var(--clrTheme); border-color:var(--clrTheme);}
.cmpBtn.acceptAll:hover{background: #000; border-color: #000; color: #fff;}
.cmpBtn:hover, .cmpBtn.acceptAll:hover, .cmpBtn.saveOption:hover{background: #000; border-color: #000; color: #fff;}
.checkRadio{position: relative; margin-bottom: 0;}
.checkRadio input[type="checkbox"].switch{height: 21px;   outline: none;  display: inline-block;   vertical-align: top; position: relative; margin: 0;
     background: #c9c9c9;
 transition: background .3s; cursor: pointer; outline: none;  -webkit-appearance: none;   -moz-appearance: none; width: 35px; border-radius:10px; }
.checkRadio input[type="checkbox"].switch:after{left: 2px; top: 50%; border-radius: 50%; width: 14px; height: 14px; background: #fdfdfd; content: ''; position: absolute; transform: translateY(-50%); transition: 0.3s ease all;}
.checkRadio input:checked[type="checkbox"].switch{background: #2b8f31;}
.checkRadio input:checked[type="checkbox"].switch:after{background: #fdfdfd; right:2px; left:inherit; top: 50%; border-radius: 50%; width: 15px; height: 15px;  content: ''; position: absolute; transform: translateY(-50%); transition: 0.3s ease all;}
.cmpModalBoxContent .secondModalBox .card{border:none; padding: 20px 0px; margin: 10px 20px; border-top:1px solid #ddd; border-bottom: 1px solid #ddd;}
.cont_InfoBar {padding: 0 40px;}
.cmpModalBoxContent .secondModalBox p{line-height: 24px;}
.cmpModalBoxContent .secondModalBox {transition: 0.6s ease all; display: none;}
.textLeft{text-align: left !important;}
.settingBtn{color: #fff;  border: 1px solid #000;} 
.settingBtn:hover{color: #fff; background:#000 ; border: 1px solid #000;} 
.cmpModalBoxContent .secondModalBox p a{ color: var(--clrTheme);}
.secondModalBox .checkRadio input[type="checkbox"].switch:after{top:49%;}
.cmpBtn{cursor:pointer;}
.footerCookies{position: fixed; bottom: 0;  left: 0; padding: 6px 0;  width: 100%;  min-height: 60px;  max-height: 400px; color: #fff; z-index: 99; background-color: #202020;
    border-top: 1px solid #fff;  transition: bottom .3s cubic-bezier(.17,.04,.03,.94);}
    .footerCookies p{margin-bottom: 0; color: #fff;}
.footerCookies p span{color: #fff; text-decoration: underline; cursor: pointer;}   
.footerCookies p span:hover{color: var(--clrTheme);}   
.rightButton_holder .cmpBtn{margin: 0 4px}
.rightButton_holder .footerCloseModalBox{position: static; color: #fff; display: inline-block; border: 1px solid #fff; border-radius: 100%; text-align: center; width: 34px;
    height: 34px;
    line-height: 32px;}
.cmpBtn.rejectBtn{ border-color:var(--clrTheme) ; background: var(--clrTheme);   color: #fff; }
.footer{padding-bottom: 70px;}
.cmpModalBox a.card-link:focus, .cmpModalBox a.card-link:hover{color:#444;}
.cmpBtn.rejectBtn:hover{  color: #fff;}
.panel-body.card-body{border-top:none !important;}
@media(max-width:1200px){
   .cont_InfoBar{padding: 0; }
   .cont_InfoBar .contentLeft{  width: 44%;  }
}
@media(max-width:1100px){.cont_InfoBar .contentLeft{  width: 44%;  }}
@media(max-width:1000px){
    .cont_InfoBar{padding: 0; flex-wrap: wrap;}
    .cont_InfoBar .contentLeft{  width: 100%; margin-bottom: 10px;  }
    .footer{padding-bottom: 150px;}
    .rightButton_holder .footerCloseModalBox{position: absolute;top: 8px;right: 15px;}
    .footerCookies{padding-bottom: 20px;}
    .rightButton_holder{margin: 0 auto;}
    #wlbkwc_messageButton, .uwy, #chatra{z-index: 9 !important;}
}
@media (max-height: 440px) {
 .cmpModalBox .cmpModalBoxContent .cmpModalBoxInner{max-height: 90vh; overflow-y: inherit;}
}
@media(max-width:766px){
    .cmpModalBox .cmpModalBoxContent{max-width: 500px;}
    .cmpModalBox .cmpModalBoxContent .cmpModalBoxInner{max-height: 80vh; padding:15px 15px 40px;}
    .cmpModalBoxContent #accordion{ padding:0;}
    .cmpBtn{padding: 6px 20px; font-size: 12px;}
    .cmpModalBoxContent .secondModalBox .card{margin: 0;}
    .cont_InfoBar {justify-content: center !important;}
    .cont_InfoBar .contentLeft{  width: 100%; margin-bottom: 10px;  }
    .footerCookies{padding-bottom: 20px;}
    footer{padding-bottom: 150px !important;}
     .rightButton_holder .footerCloseModalBox{padding: 0; width: 36px; height: 36px; line-height: 33px; text-align: center;}
    .rightButton_holder .footerCloseModalBox img{width: 16px;}
    .footerCookies p{padding-right: 50px;}
}
@media(max-width:500px){
    .cmpModalBox .cmpModalBoxContent{max-width: 400px;}
    .cmpbtnBlock {flex-wrap:wrap;}
    .cmpbtnBlock .cmpBtn {margin-top: 10px; width: 100%; font-size: 14px; text-align: center;}
    .cmpModalBoxContent p.mb-0{text-align: left;}
    
}