h1, h2, h3, h4, h5, h6, button, .btn {
    font-family: 'Montserrat', sans-serif;
}

body, p, ul, span, a, label {
    font-family: 'Open Sans', sans-serif;
}
html {
    scroll-behavior: smooth;
  }

p{
    font-size: 18px;
}
.hibabox-green {
    color: #11A25F;
}
.hibabox-purple{
    color: #7509AB;
}
.hibabox-dark-green {
    color: #11A25F;
}

.hibabox-dark-green-background {
    background-color: #11A25F;
}

.hibabox-dark,
.text-dark{
    color: #352e41 !important;
}

.hibabox-dark-background,
.btn-dark{
    background-color: #352e41;
}

.hibabox-yellow {
    color: #ebb928;
}
.hibabox-blue{
    color: #4ec3ff;
}
.hibabox-blue-background {
    background-color: #4A59F5;
}

.hibabox-navbar .nav-item.active .nav-link,
.hibabox-navbar .nav-item .nav-link:hover
{
    color: #4A59F5 !important;
}

.font-weight-semi-bold {
    font-weight: 600;
}

.btn {
    border-radius: 5px;
    padding: 1rem 3rem;
    font-size: 12px;
}

.btn-sm {
    padding: 0.5rem 1rem !important;
    border-radius: 5px;
}

.hibabox-navbar .nav-item .nav-link,
.hibabox-navbar .dropdown-item {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    color: #352e41;
    font-size: 14px;
}


.hibabox-navbar .dropdown-menu {
    border-radius: 10px;
}

.hibabox-navbar .dropdown-menu .dropdown-item {
    padding: 10px 30px;
}

.hibabox-navbar .nav-item .nav-link:hover,
.hibabox-navbar .nav-item.active .nav-link,
.hibabox-navbar .nav-item .nav-link:focus {
    color: #4A59F5 !important;
}

.carousel-control-next-icon:after {
    content: '>';
    font-size: 35px;
    color: #352e41;
}

.carousel-control-prev-icon:after {
    content: '<';
    font-size: 35px;
    color: #352e41;
}

.form-group label {
    font-size: 14px;
}

.form-control {
    height: calc(1.5em + 0.75rem + 10px);
    border: 1px solid #b2ceb9 !important;
}

.hibabox-footer li {
    line-height: 2rem;
}

.hibabox-footer .list-unstyled {
    padding-left: 0;
    list-style: none;
    line-height: 2.5rem;
    font-weight: 600;
}

.hibabox-navbar-container{
    background-color: rgba(255,255,255, 90%);
}
.hibabox-clickable-card h6,
.hibabox-clickable-card i
{
    color: #352e41;
}
.hibabox-clickable-card:hover{
    text-decoration: none;
}
.hibabox-clickable-card:hover h6,
.hibabox-clickable-card:focus h6,
.hibabox-clickable-card:hover i,
.hibabox-clickable-card:focus i,
.hibabox-clickable-card.active h6,
.hibabox-clickable-card.active i
{
    color: #4ec3ff;
}
.hibabox-clickable-card.active{
    background: transparent !important;
}

.form-group input,
.form-group textarea{
    font-size: 12px;
}

.hibabox-dropdown-menu i{
    font-size: 40px;
    margin-right: 19px !important;
    color: #f3f3f3;
}

.hibabox-dropdown-menu .dropdown-item:hover,
.hibabox-dropdown-menu .dropdown-item:focus,
.hibabox-dropdown-menu .dropdown-item:hover i,
.hibabox-dropdown-menu .dropdown-item:focus i{
    color: #352e41;
    background: #F2FFF5;
}

.hibabox-badge{
    color: #333;
    text-transform: uppercase;
    background-color: #FFEA94;
    border: 1px solid #FFEA94;
    padding: 0.5rem 2rem;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
}

.hibabox-main-heading{
    font-size: 3rem;
}


.to-contents p {
    font-size: 15px;
}
.hibabox-hero-image{
    width: 66rem;
    position: absolute;
    z-index: 2;
    top: 99%;
    transform: translateY(-94%);
}

.hibabox-rounded-image{
    width: 64rem;
    position: absolute;
    z-index: 1;
    position: absolute;
    top: -8%;
    left: -4%;
}

.hibabox-mt-5{
    margin-top:5rem;
}
.hibabox-mb-5{
    margin-bottom: 5rem;
}
.hibabox-py-5{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.hibabox-py-7{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.hibabox-pt-5{
    padding-top: 5rem;
}
.hibabox-pt-7{
    padding-top: 3rem;
}
.hibabox-pb-7{
    padding-bottom: 3rem;
}

.hibabox-grey-background{
    background-color: #FAFCFB;
}


.footer-logo ul {
    padding: 0;
    margin: 0;
    display: flex;
    gap: 35px;
    float: right;
}

.footer-logo ul li {list-style: none;}

.footer-logo ul li a {
    font-size: 30px;
    color: #11a25f;
    transition: 0.5s;
}

.footer-logo ul li a:hover {
    color: #000;
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .full-height-md{
        min-height: 100% !important;
        max-height: 100% !important;
    }

    .mb-sm-2{
        margin-bottom: 2rem !important;
    }

    .hibabox-bordered-nav-item{
        border: 0 !important;
    }

    .hibabox-responsive-nav-item{
        padding-left: 0 !important;
    }

 }

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {  }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }


.hibabox-image-left{
    width: 66rem;
    position: absolute;
    z-index: 2;
    left: 0%;
    transform: translateX(-50%);
}

.hibabox-image-right{
    width: 50rem;
    position: absolute;
    z-index: 2;
    right: 0%;
    transform: translateX(40%);
}

.hibabox-parrallax{
    /* The image used */
  background-image: url('./media/images/parrallax-bg.png');

  /* Full height */
  height: 100%;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.avatar-header{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 1rem;
}
.avatar-wrapper{
    width: 80px;
    height: 80px;
    border-radius: 80px;
    object-fit: cover;
}

.avatar-wrapper img{
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
.avatar-details p {
    margin-bottom: 0px;
}

.hibabox-card-with-shadow{
    border: none !important;
    box-shadow: 10px 10px 30px rgb(0 0 0 / 9%);
}
.hibabox-radial-box{
    border-radius: 10px;
}
.form-control,
.custom-select{
    border-color: #797979 !important;
    border-radius: 0 !important;
}

.form-group label{
    text-transform: uppercase;
}

.hibabox-bordered-nav-item{
    border-right: 1px solid #C2C2C2;
}

.hibabox-about-bg{
    background-image: url('./media/images/about-us-bg.png');
    background-size: cover;
    background-position: center center;
}
.hibabox-fixed-width-image{
    width: 400px;
}

/* Donation Sc1 Css Start */
.top-banner {position: relative;background-color: #352e41;}
.hibabox-donation .button-group a {display: block;margin-bottom: 10px;font-size: 20px;}
.hibabox-donation .button-group button {display: block;margin-bottom: 10px;font-size: 20px;}
.hibabox-donation h2 {font-size: 20px;color: #352e41;font-weight: 600;font-family: inherit;text-align: center;margin-bottom: 20px;}
.top-banner .hibabox-logo-img figure {margin-bottom: 0px;}
/* Donation Sc1 Css End */

/* Donation Sc2 Css Start */
.hibabox-donation .form-group input {font-size: 22px;text-align: center;border: 1px solid #707070 !important;border-radius: 3px !important;color: #000;font-weight: 500;}
.hibabox-donation .form-group label {position: relative;}
.hibabox-donation .form-group label::before {position: absolute;content: '£';font-size: 30px;top: 12px;left: 13px;}
/* Donation Sc2 Css End */

/* Donation Sc3 Css Start */
.hibabox-donation-sec h2 {font-size: 20px;color: #352e41;font-weight: 600;font-family: inherit;text-align: center;margin-bottom: 20px;}
.hibabox-donation-sec figure {width: 160px;height: 50px;margin: 0px auto 10px auto;}
.hibabox-donation-sec figure img {width: 100%;height: 100%;object-fit: contain;}
.hibabox-donation-sec .form-row label {font-size: 14px;text-transform: capitalize !important;font-family: 'Montserrat';font-weight: 500;}
.hibabox-donation-sec .form-row input {border: 1px solid #707070 !important;border-radius: 5px !important;font-size: 13px;height: 45px;margin-bottom: 15px;}
/* Donation Sc4 Css End */

/* Powered By Hibabox Start */
.powered-by-sec {background-color: #352e41;text-align: center;padding: 10px 0px;}
.powered-by-sec p {margin-bottom: 0;}
.powered-by-sec p a img {width: 100px;height: 30px;object-fit: contain;}
.powered-by-sec p {color: #fff;font-size: 14px;font-weight: 500;}
/* Powered By Hibabox End */

.clientSlider .clientSingle { width: 100%; height: 120px; margin: 0px 15px; overflow: visible;}
.clientSlider .clientSingle img { width: 100%; height: 100%; object-fit: contain; cursor: pointer; transition: all 0.5s ease;}
.clientSlider .clientSingle img:hover { filter: grayscale(100%); transform: scale(1.1);}




.hibabox-input-group .custom-select-sm {
    height: calc(1.5em + 0.5rem + 18px) !important;
    font-size: 1rem !important;
    border-radius: 3px !important;
    width: 100px !important;
}

.hibabox-nav-pills a {
    background: transparent;
    color: #352e41;
    font-size: 1.5rem;
    border-bottom: 3px solid transparent;
    border-radius: 0 !important;
}

.hibabox-nav-pills a.active {
    color: #352e41 !important;
    font-weight: bold;
    background: transparent !important;
    border-color: #352e41 !important;
    border-bottom: 2px solid #352e41;
}

.hibabox-nav-sm-pills a {
    background: transparent;
    color: #352e41;
    font-size: 1rem;
}

.hibabox-nav-sm-pills a.active {
    color: #352e41 !important;
    border-color: #352e41 !important;
    font-weight: bold;
    background: transparent !important;
}

.hibabox-feature-nav-tabs li.nav-item a.active {
    background: transparent !important;
    border-color: transparent !important;
    border: 0;
    border-bottom: 2px solid #FFF !important;
}

.hibabox-feature-nav-tabs li.nav-item a.active p {
    color: #fff !important;
}

.hibabox-feature-nav-tabs li.nav-item a:hover {
    background: transparent !important;
    border-color: transparent !important;
    border: 0;
    border-bottom: 2px solid #FFF !important;
}

.hibabox-feature-nav-tabs li.nav-item a {
    background: transparent !important;
    border-color: transparent !important;
    border-bottom: 2px solid transparent !important;
}

.hibabox-feature-nav-tabs li.nav-item a p {
    color: #ffffff9e !important;
}




@media only screen and (max-width:1450px){}
@media only screen and (max-width:1366px){}
@media only screen and (max-width:1199px){
    h1{font-size: 2rem;}
    h2{font-size: 1.5rem;}
    h5{font-size: 1rem;}
    p {font-size: 16px; line-height: 24px;}
    .hibabox-main-heading {font-size: 2.5rem;}
    .btn {border-radius: 5px; padding: 0.8rem 2.5rem;font-size: 11px;}
    .hibabox-py-5 {padding-top: 3rem;padding-bottom: 3rem;}
    .hibabox-py-7 {padding-top: 4rem;padding-bottom: 4rem;}
    .hibabox-image-right {position: relative;z-index: 2;transform: translateX(0%);width: 50%;inset: 0;display: flex;align-items: center;justify-content: center;margin: 30px auto 0 auto;}
    .hibabox-lite-img img {width: 50% !important;margin: 30px auto 0 auto;display: flex;}
    .hibabox-image-left {width: 50%;position: relative;z-index: 2;left: 0%;transform: translateX(0%);margin: 0 auto;display: flex;}
    .hibabox-dark-background.hibabox-py-7 .text-light.mb-5 {margin-bottom: 0px !important;}
    .testimonial-sec .avatar-header{flex-direction: column;}
    .testimonial-sec .avatar-header h6 {text-align: center;padding: 10px 0px 0px 0px;}
    .testimonial-sec .avatar-body p {padding: 0px 15px !important;}
    .hibabox-pt-7 {padding-top: 4rem;}
    .hibabox-footer ul li a {font-size: 14px;line-height: 22px;}
    .hibabox-footer .footer-logo {margin-top: 20px !important;margin-bottom: 20px !important;}
    .upsell-container {height: 400px !important;width: 300px !important;bottom: 0 !important;right: 0% !important;}
    .email.expand {width: 300px !important;}
    .top {width: 300px !important;}
    .bottom {width: 300px !important;}
    .hibabox-lite-sec-1 img {width: 60% !important; margin-top: 20px;}
    .faq-sec-new {padding-top: 4rem;}
    .kiosk-sec-1 {padding-top: 7rem !important;}
    .kisok-sec-2 {padding-top: 5rem !important;padding-bottom: 5rem !important;}
    .kisok-sec-2 img {margin-top: 0 !important;}
    .kisok-sec-2 .row {align-items: center !important;}
    .kisok-sec-2 p {padding: 15px 0px;margin: 0 !important;}
    .hibabox-pb-7 { padding-bottom: 2rem;}
    .kisok-sec-4 {padding-top: 3rem !important;padding-bottom: 0px !important;}
    .kiosk-sec-5 .container {margin-bottom: 0px !important; }
    .kisok-sec-4 img {width: 40% !important;}
    .upsell-row img { width: 220px !important;}








}
@media only screen and (max-width:1024px){}
@media only screen and (max-width:991px){
    h1{font-size: 1.75rem;text-align: center;}
    h2{font-size: 1.5rem;text-align: center;}
    h3{font-size: 1.25rem;text-align: center;}
    h5{font-size: 0.8rem;text-align: center;}
    p {font-size: 14px; line-height: 22px;text-align: center;}
    .hibabox-py-5 {padding-top: 2rem;padding-bottom: 2rem;}
    .hibabox-py-7 {padding-top: 2rem;padding-bottom: 2rem;}
    .hibabox-main-heading {font-size: 1.75rem;text-align: center;}
    .home-sec-1 img { width: 60% !important;margin: 0 auto;display: flex;}
    .home-sec-1 .home-sec-1-btn-show {display: flex !important;align-items: center;justify-content: center;width: 100%;}
    .home-sec-1-btn-hide{display:none !important;}
    .home-sec-1-inline-images img {width: 100px !important;}
    .home-sec-1-inline-images {margin-bottom: 30px;}
    .home-sec-2 img {width: 60% !important;margin: 0 auto;display: flex;}
    .home-sec-3 img {width: 60% !important;margin: 0 auto;display: flex;}
    .home-sec-3 h3 {margin-top: 20px;}
    .home-sec-4 img {width: 60% !important;margin: 0 auto;display: flex;}
    .testimonial-sec h1 {margin-bottom: 30px !important;}
    .hibabox-footer {padding-top: 3rem !important;}
    .hibabox-footer p {text-align: left;}
    .hibabox-footer h5 {text-align: left;}
    .about-us-sec-1 {padding-top: 8rem !important;}
    .about-us-sec-3 img {width: 50% !important;}
    .about-us-sec-4 img {width: 50% !important;}
    .hibabox-kiosk-sec-1 {padding-top: 5rem !important;}
    .hibabox-kiosk-sec-2 a {display: flex;align-items: center;justify-content: center;margin: 0 auto;width: 20%;gap: 5px;}
    .hibabox-kiosk-sec-3 span {text-align: center !important;display: flex;align-items: center;justify-content: center;}
    .hibabox-kiosk-sec-3 .row {flex-direction: column-reverse;}
    .hibabox-kiosk-sec-3 img {width: 60% !important;margin: 0 auto;display: flex;}
    .hibabox-kiosk-sec-2 img {margin: 0 auto;display: flex;width: 40% !important;}
    .hibabox-kiosk-sec-4 img {width: 60% !important;margin: 0 auto;display: flex;}
    .hibabox-kiosk-sec-4 span {display: flex;align-items: center;justify-content: center;}
    .hibabox-kiosk-sec-5 .row {flex-direction: column-reverse;}
    .hibabox-kiosk-sec-5 img {width: 60% !important;display: flex;margin: 0 auto;}
    .hibabox-kiosk-sec-5 span {display: flex;align-items: center;justify-content: center;}
    .hibabox-kiosk-sec-6 span {display: flex;align-items: center;justify-content: center;}
    .hibabox-kiosk-sec-6  img {width: 60% !important;margin: 0 auto;display: flex;}
    .hibabox-kiosk-sec-6 .row {flex-direction: column-reverse;}
    .hibabox-kiosk-sec-7 {padding-top: 3rem !important;}
    .hibabox-kiosk-sec-7 span {display: flex;align-items: center;justify-content: center;}
    .hibabox-kiosk-sec-7 ul li {font-size: 14px !important;line-height: 32px !important;}
    .hibabox-kiosk-sec-7 .row {flex-direction: column-reverse;}
    .hibabox-kiosk-sec-7 .full-img {width: 60% !important;margin: 0 auto;display: flex;padding-bottom: 50px;}
    .hibabox-kiosk-sec-8 .d-none.d-lg-block {display: block !important;}
    .hibabox-kiosk-sec-8 .row {margin-bottom: 15px !important;}
    .hibabox-kiosk-sec-8 table tbody tr td {font-size: 12px !important;}
    .kiosk-sec-1 {padding-top: 3rem !important;}
    .kiosk-sec-1 img {width: 60% !important;margin: 0 auto;display: flex;padding-bottom: 30px;}
    .lite-img-new {display: none !important;}
    .kisok-sec-2 {padding-top: 2rem !important;padding-bottom: 2rem !important;}
    .kisok-sec-2 a {display: flex;align-items: center;justify-content: center;width: 20%;margin: 0 auto;gap: 5px;}
    .kisok-sec-3 .hibabox-feature-nav-tabs {align-items: center;justify-content: center;display: flex;width: 100%;}
    .kisok-sec-3 .row {margin-bottom: 20px !important;}   
    .kisok-sec-4 {padding-top: 10px !important;}
    .kisok-sec-4 span {display: flex; align-items: center;justify-content: center;}
    .kisok-sec-4 .row {  padding-bottom: 0px !important;}
    .kiosk-sec-4 .hibabox-nav-pills li a {font-size: 16px;}
    .kiosk-sec-4 #pills-tabContent ul li p {font-size: 14px !important;line-height: 26px;}
    .kiosk-sec-4 p.lead.text-dark {font-size: 16px !important;}
    .kiosk-sec-5 .container {padding-top: 0px !important;}
    .kiosk-sec-5 ol li {font-size: 14px;line-height: 26px;}
    .kiosk-sec-6 img {width: 50% !important; display: flex;margin: 0 auto;padding-bottom: 50px;}
    .kiosk-sec-6 span{display:flex; align-items: center; justify-content: center;}
    .kiosk-sec-6 ul li {font-size: 14px;line-height: 32px !important;}
    .kiosk-sec-6 .row {flex-direction: column-reverse;}
    .faq-sec-new {padding-top: 3rem;}
    .kiosk-sec-7 .col-lg-12.d-none.d-lg-block {display: block !important;}
    .kiosk-sec-7 .row {margin-bottom: 15px !important;}
    .kiosk-sec-7 tbody tr td {font-size: 12px;}
    .faq-sec-new span {display: flex;align-items: center;justify-content: center;}
    .faq-sec-new #accordion {margin-top: 20px !important;}
    .faq-sec-new .card-header {padding: 0rem 1rem;}
    .faq-sec-new .card-header button:focus,.faq-sec-new .card-header button:hover  {border: none !important;outline: none !important;}
    .form-group label {font-size: 13px;}
    .book-demo-sec-1 {padding-top: 8rem !important;}
    .product-sec-1 {padding-top: 8rem !important;}
    .product-sec-2 h5.card-title {font-size: 1.5rem;}
    .product-sec-2 a {display: flex;align-items: center;justify-content: center;width: 20%;margin: 0 auto;}
    .product-sec-2 img {width: 60% !important; margin: 0 auto; display: flex;}
    .footer-logo ul {float: left;gap: 20px;margin-top: 10px;}
    .footer-logo ul li a{font-size: 30px;}


}
@media only screen and (max-width:767px){
    h1{font-size: 1.5rem;text-align: center;}
    h2{font-size: 1.25rem;text-align: center;}
    h3{font-size: 1.15rem;text-align: center;}
    h5{font-size: 0.8rem;text-align: center;}
    p {font-size: 13px !important; line-height: 22px;text-align: center;}
    .hibabox-py-5 {padding-top: 1.5rem;padding-bottom: 1.5rem;}
    .hibabox-py-7 {padding-top: 1.5rem;padding-bottom: 1.5rem;}
    .hibabox-kiosk-sec-2 p {margin: 0 !important;padding: 10px 0px;}
    .hibabox-kiosk-sec-2 a {width: 25%;}
    .about-us-sec-1 {padding-top: 7rem !important;}
    .about-us-sec-2 p {padding: 0 !important;}
    .kisok-sec-2 a {width: 25%;}
    .product-sec-2 a {width: 25%;}
    .login-reg-veri-sec h6.text-white.text-center.pl-5.pr-5.pt-0.pb-5 {padding: 0 !important; margin-bottom: 30px;}
}
@media only screen and (max-width:640px){}

@media (max-width: 575px) {
    .hibabox-main-heading{font-size: 1.5rem !important;}
    .btn-sm-block{width: 100% !important;}
    .responsive-block h3,
    .responsive-block h4{font-size: 15px !important;}
    .responsive-block i{font-size: 1.5rem !important;}
    .hibabox-bordered-nav-item{border: 0 !important;}
    .hibabox-responsive-nav-item{padding-left: 0 !important;}
    .hibabox-fixed-width-image{width: 100% !important;}
    h6.text-white.text-center.pl-5.pr-5.pt-0.pb-5 {padding: 0 !important;}
    #gdpr-cookie-message {padding: 20px 20px !important;}
    button#gdpr-cookie-advanced {margin-top: 10px !important;}
    .hibabox-main-heading {margin-top: 20px !important;}
    .home-sec-1 img {width: 100% !important;}
    h1{font-size: 1.5rem !important;text-align: center;}
    h2{font-size: 1.25rem !important;text-align: center;}
    h3{font-size: 1.15rem;text-align: center;}
    h5{font-size: 0.8rem;text-align: center;}
    .btn {border-radius: 5px;padding: 0.8rem 1rem;}
    .home-sec-1-inline-images {display: flex !important;align-items: center !important;justify-content: center !important;gap: 20px;}
    .home-sec-1-inline-images img {margin-right: 0 !important;width: 80px !important;    margin-left: 0 !important;}
    .about-us-sec-1 .offset-2.col-sm-8 {margin-left: 0 !important;}
    .upsell-container {height: 80px !important; width: 100% !important;bottom: 0 !important;right: 0% !important; position: relative !important;}
    .hibabox-navbar .dropdown-menu .dropdown-item {padding: 10px 10px;}
    .kiosk-sec-1 .col-md-12.d-lg-none {padding-top: 3rem !important;}
    .kisok-sec-4 img {width: 100% !important;}
    .kiosk-sec-4 .hibabox-nav-pills li a {font-size: 16px;padding: 10px 0px;}
    .kisok-sec-3 .hibabox-feature-nav-tabs {display: grid;grid-template-columns: 1fr 1fr 1fr;}
    .hibabox-feature-nav-tabs li.nav-item a {padding: 5px 10px;}
    .kisok-sec-4 .row {padding-top: 0px !important;}
    .kiosk-sec-7 tbody tr td {width: 50% !important;}
    .product-sec-2 img { width: 100% !important;padding-bottom: 0px !important;}
    .home-sec-1 .hibabox-main-heading {margin-top: 20px !important;}
    .product-sec-1 .offset-2 {margin-left: 0px !important;}
    
}



@media only screen and (max-width:480px){}
@media only screen and (max-width:320px){
    .btn {padding: 0.8rem 0.7rem;}
    .home-sec-1 .hibabox-main-heading {margin-top: 20px !important;font-size: 1.35rem !important;}
}