.h_light_card{ text-align:center; border-right:solid 1px #DADFE7; border-bottom: solid 1px #DADFE7; padding: 30px;}
.h_light_wrapper{position: relative;margin-bottom: 30px;}
.h_light_wrapper:nth-child(2) .h_light_card{padding-right: 40px; padding-left: 10px;}
.h_light_wrapper:nth-child(3) .h_light_card{border-right: 0px;}
.h_light_wrapper:nth-child(4) .h_light_card{border-bottom: 0px;}
.h_light_wrapper:nth-child(5) .h_light_card{border-bottom: 0px; min-height: 272px; padding-right: 40px; padding-left: 10px;}
.h_light_wrapper:nth-child(6) .h_light_card{border-bottom: 0px; border-right: 0px;}
.h_light_wrapper::after{content: ""; position: absolute; width: 30px; background: #f3f4f7; height: 3px; right: 16px; bottom: 0; z-index: 9;} 
.h_light_wrapper::before{content: ""; position: absolute; width: 2px; background: #f3f4f7; height: 30px; right: 15px; bottom: 0; z-index: 9;} 
.h_light_call2action h3{ font-size: 18px; margin-top: 45px; margin-bottom: 30px; font-weight: normal;}
.h_light-icon img{width: 80px;}
.h_light_title{font-weight: 700;}
.h_light_text{margin-bottom: 0;}

.hp_qr_shapes_wrapper{background: #FFDEE5; position: relative;}
.hp_qr_shapes_wrapper::before{content: ''; position: absolute; top: 0; width: 100%; height:550px; background-image: url('/images/homepage/bg_qrshapes_1.jpg'); background-repeat: no-repeat; background-position:center 80px; background-size: 96%;  animation-name: floating;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction:alternate;}
.hp_qr_shapes_icon_wrapper{display: flex; border-radius: 100px; padding: 30px;flex-wrap: wrap; justify-content: center; }
.hp_qr_shapes_icon_wrapper img{width: 90px;}
.hp_qr_shapes_icon{ background: #fff; margin: 0 15px 15px 0; top: 0; position: relative; border-radius: 108px; padding: 20px;  transition: 0.3s; box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 0px 0px;
     border: dotted 2px #d3bfc3;}
.hp_qr_shapes_icon:hover{top: 10px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-color: var(--primary-black);  }

.hp_qr_shapes_wrapper_1{background:var(--primary-color); color: #fff;}
.hp_qr_shapes_icon_wrapper_1{display: flex;flex-wrap: wrap; justify-content: center; margin-top: -60px; }
.hp_qr_shapes_icon_wrapper_1 img{width: 140px;}

.hp_qr_shapes_icon_wrapper_1 .hp_qr_shapes_icon{background: none; padding: 0; border:0px;}
.hp_qr_shapes_icon_wrapper_1 .hp_qr_shapes_icon:hover{box-shadow:unset;}
.hpqr_shape_2, .hpqr_shape_6{margin-top: 50px;}
.hpqr_shape_3, .hpqr_shape_5{margin-top: 100px;}
.hpqr_shape_4{margin-top: 150px; margin-bottom: 0;}

.photo_logo_qr_card {
    margin-bottom: 30px;
    padding: 30px;
    background: #fff;
    border-radius: 12px;
}

.py-6{padding: 90px 0;}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 19px); }
    to   { transform: translate(0, -0px); }    
}



.user_f_card{margin-bottom: 30px; padding: 30px; background: #fff; border-radius: 12px; min-height: 338px;}
.user_f_img{ margin-bottom: 30px;}
.user_f_card h3{ font-weight: 700;}
.hp_footer_call2action{color: #fff;}
.hp_footer_call2action a{color: #fff;}


.usecase_card{width: 100%; min-height: 225px; background:#fff; border-radius: 12px; background-repeat: no-repeat; background-size: cover; margin-bottom: 30px; position: relative; box-shadow: 1px -56px 96px -53px rgba(0,0,0,0.73) inset;
    -webkit-box-shadow: 1px -56px 96px -53px rgba(0,0,0,0.73) inset;
    -moz-box-shadow: 1px -56px 96px -53px rgba(0,0,0,0.73) inset; } 
.usecase_card:hover .usecase_card_heading{bottom: 20px;}
.usecase_card_full{height:480px; }
.usecase_card_heading{ position: absolute; bottom: 10px; width: 100%; text-align: center; color: #fff;text-shadow: 0px 0px 5px rgb(0 0 0 / 60%);transition: 0.3s;}
.usecase_card_full .usecase_card_heading{font-size: 2.5em;}
.usecase_card_full_wrapper .carousel-indicators{bottom: 20px;}
.usecase_card_full_wrapper .usecase_card_heading{bottom: 10px;}

.features_card_list{margin: 0; padding: 0;}
.features_card_list li{background: #fff; list-style: none; margin: 0 0 30px 0; border-radius: 12px; padding: 24px; display: flex;align-items: center;}
.features_card_list li h5{font-size: 18px;}
.features_card_icon{border-radius: 100px; background:var(--primary-color); width: 60px; height: 60px; font-size: 30px; text-align: center; color: #fff}
.features_card_icon span{position: relative; top: 10px;}

.accordion_header{display: block; width: 100%; text-align: left; color: var(--primary-black);position: relative;}
.accordion_header::after{
    font-family: 'icomoon' !important;
    content: '\e972';
    /* transform: rotate(90deg); */
    position: absolute;
    top: 6px;
    right: 6px;
    transition: all 0.3s;
}
.accordion_header.collapsed::after{
    content: '\e912';
}
.accordion_white .card-header{background-color: #fff; border-bottom: 0px solid rgba(0,0,0,.125);}
.accordion_white .card-header button{white-space: normal;}
.accordion_white .card-body{ padding: 30px; padding-top: 0;}
.accordion_white .card{ border:0px; color:var(--secondary-color);}

.hp_mobile_preview{display: none;}
.hp_desktop_preview{display: block;}
.hp_qr_features{background-image: url('/images/homepage/bg_patter_1-01.svg'); background-repeat: no-repeat; background-position:0px 180px; background-color:#F3F4F7;}
.hp_mo_preview a{color: var(--primary-black);}

/* link button styling */
.qrhomevideo_btn{
    padding: 16px 40px !important;
    vertical-align: middle !important;
    align-items: center !important;
    display: flex !important;
    margin: auto !important;
    width: max-content;
    }
a{color: var(--primary-color);}
.btn-link{color: var(--primary-color);}
.btn-link:hover{color: var(--primary-color);}
.btn-outline-primary{border: solid 1px var(--primary-color); color: var(--primary-color);}
.btn-primary{border: solid 1px var(--primary-color); background: var(--primary-color); }
.btn-outline-primary:hover{ background: var(--primary-color);}
.btn-outline-primary.focus, .btn-outline-primary:focus{box-shadow:unset}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle{background: var(--primary-color);}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-primary.dropdown-toggle:focus{box-shadow: unset;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{background: var(--primary-color);}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{box-shadow: unset;}
.btn-px-2{padding-left: 20px; padding-right: 20px;}
.btn-px-3{padding-left: 30px; padding-right: 30px;}


@media (max-width: 767px) {
    .h_light_card{border-right: 0px;}
    .hp_mobile_pages{margin-bottom: 30px;}
    .hp_qr_shapes_wrapper{padding-top: 190px;}
    .hp_dashboard_img{margin-bottom: 40px;}
    .hp_mobile_preview{display: block;}
    .hp_desktop_preview{display: none;}
    .hp_qr_shapes_icon_wrapper img{width: 65px;}
    .hp_qr_shapes_icon_wrapper_1{margin: 0;}
    .hpqr_shape_2, .hpqr_shape_6{margin-top: 0;}
    .hpqr_shape_3, .hpqr_shape_5{margin-top: 0;}
    .hpqr_shape_4{margin-top: 0;}
    .usecase_card_full{background-position: -200px 0px;}
    .hp_qr_shapes_icon_wrapper_1{margin-top: 30px;}
    .qrhomevideo_btn{
        font-size:18px !important;
        padding: 11px 14px !important;
    }
}


.lazybgimg {background-image: none !important;}

.btn{white-space:break-spaces;max-width: 100%;}


/**** Solutions slider BEGIN ********/

    .solutionsSlider .swiper {
        overflow: hidden;
        overflow: clip !important;
    }
    .solutionsSlider .qrcc_swipper_solution .swiper-slide {
        background-color: #fff;
    }
    .hm_slider_img{margin-left: 60px;}
    .slider_description{color: var(--secondary-color); margin-bottom: 36px; padding-right: 60px;}
    .slider_calltoaction_text{font-size: 14px; margin-top: 16px; display: flex; margin-left: 40px;}
    .qrcc_swipper_thumb{width: 100%;}
    .qrcc_swipper_thumb {
        width: 100%;
        overflow: hidden;
    }

    .qrcc_swipper_solution .swiper-slide {
        text-align: center;
        font-size: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .qrcc_swipper_solution .swiper-slide img {
        display: block;
        max-width: 100%;
        object-fit: cover;
    }



    .qrcc_swipper_solution {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        
    }

    .qrcc_swipper_thumb  .swiper-slide {
        padding: 0px 0;
    }
    .qrcc_swipper_solution .swiper-slide {
        background-size: cover;
        background-position: center;
        border-radius: 12px;
        overflow: hidden;
        padding: 40px 0;
    }


    .qrcc_swipper_solution {
    
    }

    .qrcc_swipper_thumb .swiper-slide {
        width: auto;
        height: 100%;
    }

    .qrcc_swipper_thumb .swiper-slide-thumb-active {
        opacity: 1;
    }

    .qrcc_swipper_thumb img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .qrcc_swipper_solution .swiper-button-next,
    .qrcc_swipper_solution .swiper-button-prev {
        color: var(--primary-color);
    }

    .swiper-slide-thumb-active .prev_qrtype {
        background: var(--primary-color);
        
    }

    .swiper-slide-thumb-active .prev_qrtype h4 {
        color: #fff;
    }

    .swiper-slide-thumb-active .prev_qrtype_icon {
        color: #fff;
    }


    .prev_qrtype {
        font-size: 16px;
        font-weight: 500;
        cursor: pointer;
        display: flex;
        gap: 8px;
        background: #fff;
        padding: 8px 24px;
        border-radius: 30px;
    }

    .prev_qrtype h4 {
        font-size: 15px;
        font-weight: 500;
        margin-top: 8px;
        color: var(--primary-color);
    }

    .prev_qrtype_icon {
        border-radius: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        font-size: 26px;
        color: var(--secondary-color);
    }
    .qrcc_swipper_solution .swiper-button-next, .qrcc_swipper_solution .swiper-button-prev{transform: scale(0.45); background: #e7e7e7; padding: 40px; border-radius: 60px;}
    @media (max-width: 767px) {
        .hm_slider_img{margin-left: auto; width: 232px;
margin: auto;}
        .qrcc_swipper_solution .swiper-slide{text-align: center;}
        .slider_text_right{text-align: center;}
        .qrcc_swipper_solution .swiper-button-next{right: -17px;}
        .qrcc_swipper_solution .swiper-button-prev{left: -17px;}
        .slider_calltoaction_text{margin-left: auto;     justify-content: center;}
        .slider_description{padding-right: 20px; padding-left: 20px;}
        .slider_text_right{padding-bottom: 0px !important;}
    }

        /***** Solutions Slide END ****/