html{
    scroll-behavior: smooth;
}
body{
    min-height: 100%;
    background: #fff;
    font-size: 14px; 
    color: var(--primary-black);
    font-family: 'Work Sans', verdana, helvetica, "Dejavu Sans", "Segoe UI", sans-serif;
    overflow-x: hidden;
    background-image: url(/images/bg_homepage.svg); 
    background-repeat: no-repeat; 
    background-position: right top;
    
}

body:lang(ar) {
    direction:ltr !important;
}

section p {font-size:15px;}
header {font-size:16px;}

/* typography styling */
h2{font-size: 36px; font-weight: 700;}
h4{font-size: 18px; font-weight: 500;}
h3{font-size: 24px; font-weight: 500;}
h5{font-size: 18px; font-weight: 500;}

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

:root {--primary-bg-color:#4d77fa;}
:root {--primary-color:#4d77fa;}

:root {--primary-bg-color-1:#120c6e;}
:root {--primary-color-1:#120c6e;}

:root {--secondary-bg-color:#76839c;}
:root {--secondary-color:#76839c;}

:root {--secondary-bg-color-1:#9fa4b3;}
:root {--secondary-color-1:#9fa4b3;}

:root {--folder-icon-color: #9FA4B3;}



:root {--primary-black:#061244;}

:root {--hightlight-color:#FF9190;}
:root {--light-color:#eceef7;}


:root {--color-1:#B1C0F9;}
:root {--color-2:#FDC9DB;}
:root {--color-3:#F0D972;}
:root {--color-4:#b1f9be;}
:root {--color-5:#debfff;}




.font-10{font-size: 10px;}
.font-12{font-size: 12px;}
.font-14{font-size: 14px;}
.font-16{font-size: 16px;}
.font-18{font-size: 18px;}
.font-20{font-size: 20px;}
.font-22{font-size: 22px;}
.font-24{font-size: 24px;}
.secondary_color{color:var(--secondary-color); font-weight:400;}
.primary_color{color:var(--primary-black);}

.header{border:solid 1px #ffffff50; padding: 10px 0; margin: 0 0 20px 0;}
.page_left_bg{background-image: url(/images/bg_shape.svg); width: 150px; height: 336px; background-position: -64px 0px; position: absolute; top: 500px; left: 0; z-index: -1; background-repeat: no-repeat;}

.generator_nav{margin: 0; padding: 0; min-width: 100%;}
.generator_nav li{margin: 0; padding: 0; list-style: none; display: inline-block; margin: 0 20px; text-align: center; max-width: 180px;}
.generator_nav.translated li{margin: 0 12px !important; max-width: 180px !important;}
.generator_nav li a{text-decoration: none; color: var(--primary-black);display: block; cursor: pointer; -webkit-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s;}
.generator_nav li a.active{color: var(--primary-color);}
.generator_nav li a.active .nav_icon_img{background: var(--primary-bg-color); color: #fff; -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);}
.generator_nav li a:hover{text-decoration: none; color: var(--primary-color);display: block; cursor: pointer;}
.generator_nav li a:hover .nav_icon_img{background: var(--primary-bg-color); color: #fff;-webkit-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s; -webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.2);}
.nav_icon_img{border-radius: 100px; width: 52px; height: 52px;margin: auto; padding: 14px 0;}
.nav_icon_img i{font-size:24px;  }

.gntr_nav_wrapper{/*max-width: 1000px;*/ overflow: auto;}
.generator{border-radius: 8px; background: #fff; max-width: 1000px;}
.generator_form{padding: 40px; border-right: solid 1px #eceef7; min-height: 500px;}
.gntr_form_title{margin: 0 0 20px 0}

.gntr_sticker_list{margin: 0; padding: 0;}
.gntr_sticker_list li{margin: 0 5px 0 0; padding: 2px; list-style: none; display: inline-block; position: relative;}
.gntr_sticker_list li img{width: 60px;}
.gntr_tab_content{min-height: 120px; padding: 0 20px;}
.gntr_qrcode_img{width: 200px; position: relative; margin: 0px auto; padding: 20px;}
.gntr_qrcode_img img{height: 100%;}
/* .gntr_qrcode_preview_wrapper{} */
.gntr_qrcode_setting_nav{border-top:solid 1px #eceef7;border-bottom:solid 1px #eceef7; }
.gntr_qrcode_setting_nav li a, .gntr_qrcode_setting_nav li{cursor: pointer;}
.gntr_qrcode_setting_nav li a{cursor: pointer; color: var(--secondary-color-1);padding: 12px 12px; font-size:14px;text-transform: uppercase;}
.gntr_qrcode_setting_nav li a.active{color: var(--primary-color);}
.close_sticker{display: none;background: var(--primary-black); color:#fff; padding: 6px; border-radius: 20px; position: absolute; right: -10px; top: -10px; line-height: 8px; font-size: 8px; text-align: center; cursor: pointer;}
.close_sticker{-webkit-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s; }
.close_sticker:hover{background: var(--hightlight-color);}
.close_sticker:hover{-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari prior 9.0 */
    transform: rotate(90deg); /* Standard syntax */}

.gntr_embed{position: absolute; top: 5px; right: 5px; background: #00000010; font-size: 12px; line-height: 12px; color: var(--secondary-color-1); border-radius: 4px; padding: 5px 8px; -webkit-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s; cursor: pointer;}
.gntr_embed:hover{background:var(--primary-color); color: #fff;}
.gntr_sticker_list_more{color: var(--primary-color); text-decoration: none !important; display: block; margin:15px 0 0 0px; font-size: 16px; font-weight:500;}
.gntr_sticker_list li.active, .popup_gntr_sticker_list li.active{-webkit-box-shadow: 0px 0px 0px 1px rgba(6,18,68,1);
    -moz-box-shadow: 0px 0px 0px 1px rgba(6,18,68,1);
    box-shadow: 0px 0px 0px 1px rgba(6,18,68,1); border-radius:4px; }
.gntr_sticker_list li.active .close_sticker, .popup_gntr_sticker_list li.active .close_sticker{display: block;}

.gntr_color_list{margin: 0; padding: 0}
.gntr_color_list li{margin: 0; padding: 0;list-style: none; margin: 0 8px 0 0; display: inline-block}
.qr_color{width: 46px; height: 46px; border-radius: 100px; border:solid 1px #eceef7; position: relative; cursor: pointer;}
.qr_color:hover{border:solid 1px var(--primary-color);}
.qr_color.active{border:solid 1px var(--primary-color);}
.qr_color_code{width: 26px; height: 26px; border-radius: 100px; position: absolute; top: 9px; left: 0; right: 0; margin: auto;}
.gntr_custom_link{margin:15px 0 0 0; font-size: 12px; display: block; color: var(--primary-black); text-decoration: none !important; } 

.gntr_custom_link.new{margin:15px 0 0 0; font-size: 16px; display: block; color: var(--primary-color); text-decoration: none !important; } 

.gntr_logo_list{margin: 0; padding: 0}
.gntr_logo_list li{padding: 3px; list-style: none; margin: 0 8px 0 0; display: inline-block; font-size: 25px; line-height: 42px; cursor: pointer; border-radius: 100px; width: 48px; height: 48px; text-align: center;border:solid 1px #eceef7;} 
.gntr_logo_list li:hover{border:solid 1px var(--primary-color);}
.gntr_logo_list li.active{border:solid 1px var(--primary-color);}
.gntr_logo_list li.active i{opacity: 0.2;}
.gntr_logo_list li .icon-scanme{font-size: 24px;} 

.gntr_shape_list{margin: 0; padding: 0}
.gntr_shape_list li{padding:3px; list-style: none; margin: 0 8px 0 0; border-radius: 4px; display: inline-block;  cursor: pointer; width: 48px; height: 48px; text-align: center;border:solid 1px #eceef7;} 
.gntr_shape_list li:hover{border:solid 1px var(--primary-color);} 
.gntr_shape_list li.active{border:solid 1px var(--primary-color);} 
.gntr_shape_list li.active img{opacity: 0.2;} 
.text-webpage{padding: 15px 15px;}
.gntr-qr-btn{padding: 8px 24px}
.icon-refresh{-webkit-transition: all 0.3s; -o-transition: all 0.3s;transition: all 0.3s; display: inline-block;}
.gntr-qr-btn:hover .icon-refresh{-ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Safari prior 9.0 */
    transform: rotate(180deg); /* Standard syntax */}

.gntr_download_btn, .gntr_vector_btn{position: relative;}
.gntr_download_btn i, .gntr_vector_btn i{font-size: 0.8em; font-weight: bold;}
.gntr_download_btn span{ display: block; font-size: 10px;color:var(--primary-color); position: absolute; margin: auto; left: 0; right: 0;top: 40px;}
.gntr_vector_btn span{display: block; font-size: 10px;color:var(--primary-color); position: absolute; margin: auto; left: 0; right: 0;top: 40px;}




/* bootstrap over */
/*.btn{white-space:break-spaces;max-width: 100%;}*/
.btn-primary{ background-color:var(--primary-bg-color); border-color: var(--primary-bg-color); }
.btn-primary:hover{ background-color:var(--hightlight-color); border-color: var(--hightlight-color);}
.btn-outline-primary{color: var(--primary-bg-color); background-color: transparent; background-image: none; border-color: var(--primary-bg-color);}
.btn-outline-primary:hover{background-color:var(--hightlight-color);
    border-color: var(--hightlight-color);}
.form-control:focus{color: #495057; background-color: #fff; border-color: #4d77fa; outline: 0; box-shadow: 0px 0px 3px 3px rgba(0,123,255,.08); }
.text-webpage::-webkit-input-placeholder {color: #d2d5db;}
a { color:var(--primary-color);}
a:hover{color: var(--hightlight-color);}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{ background-color:var(--hightlight-color); border-color: var(--hightlight-color);}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle{ background-color:var(--hightlight-color); border-color: var(--hightlight-color);}
.btn.focus, .btn:focus{outline: 0;box-shadow:unset !important;}
.form-control{font-size:inherit; padding: 0.620rem .75rem;}
.border-top{border-top: solid 1px var(--light-color) !important;}
.border-bottom{border-bottom: solid 1px var(--light-color) !important;}

.card{border: solid 1px #88888a1a !important; box-shadow: 0px 0px 3px #88888a3a;}
.card-header{background: #fff; border-bottom: solid 1px var(--light-color);}
.card-footer{background: #fff; border-top: solid 1px var(--light-color);}

/*.cardWithShadow{}*/

.pf_pic{position: relative;}
.pf_pic_edit{position: absolute; bottom: 0; right: 0; z-index: 33; background: var(--light-color); font-size: 14px; border: solid 1px var(--light-color); width: 25px; height: 25px; border-radius: 20px; padding: 2px; text-align: center; cursor: pointer;}

/** Inner pages fix **/

#content.fix_header header.header{border-bottom: solid 1px #eceef7 !important;
    padding: 11px 0;
    border: 0;
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;}
#sidebar{position: relative; z-index: 100;}

#content.fix_header{padding-top: 92px;}
table.dataTable thead th, table.dataTable thead td{border-bottom: 0px solid #f3f4f7 !important; font-size: 12px; padding: 16px 16px; background-color: #f4f5f9;}
.table td, .table th{border-top:1px solid #eceef7;}
table.dataTable.no-footer{ border-bottom: 2px solid #eceef7 !important;}
ul.components ul a{font-size: 1em;}

/** END Inner pages fix **/

@media (max-width: 767px) {
.generator_form{min-height: auto;}
.gntr-qr-btn{width: 100%;}
.gntr_download{background: #fff;  bottom: 0; width: 100%;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
    .borderbox li{width: 36px; height: 36px;}
    .qr_color_panel_wr{width: 26px; height: 26px;}
    .qr_color_panel{margin: 20px 0 0 0;}
    .qr_color_panel_1{height: 18px;}
    .qr_bg_wrapper{margin: 20px 0 0 0;}
    .qr_profile_image_wrapper{margin: 20px 0 0 0;}
    .qr_loader_wrapper{margin: 20px 0 0 0;}
    .qr_code_page_preview{margin: 20px 0 0 0;}
    .popup_qr_preview{margin-top: 40px;}
    .ns_border_right{border-right: 0 !important;}
     



}

@keyframes spinner-grow {
    0% {
      transform: scale(0);
    }
    50% {
      opacity: 1;
    }
  }
.spinner-grow {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: spinner-grow .75s linear infinite;
  }
  
.show_loader{   
    width: 100%;
    z-index: 9999;
     height: 100vh;
    position: fixed;
    background: #00000050;
    top: 0px;
    left: 0;;
}

.show_loader .spinner-grow{
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right :0;
    margin : auto;
}
@keyframes rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.spinner{
    display: inline-block;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
}

.navbar-brand{
    width:130px;
}

.qr_chimp_icon{
    width: 27px;
}

.fixnav ul ul a{
    /* background: #0537d299; */
    background: #fff;
    color: var(--primary-black);
    font-weight: unset !important;
    padding-left: 10px !important;
}

.sidebar-header img{
    width: 130px;
}

.chimp_loader{
    width:70px;
}

.chimp_loader_goggles{
    width: 120px;
}

.loading{
    cursor: wait ;
}

#crop_image{
    max-width: 60%;
    max-height: 60%;
}

.loggedIn .login_signup{
    display: none !important;
}

.user_profile_header.loggedIn .user_profile_icon{
    display: flex !important;
}

.user_profile_header .login_signup{
    display: block;
}

.user_profile_header .user_profile_icon{
    display: none ;
}


.explain-section {margin-bottom: 80px;padding-left: 70px;}

.explain-section__number { border-radius: 100px; height: 36px; text-align: center; width: 36px; border: 1px solid #a4a6a8; background: #FFF; color: #616568; font-weight: 600; line-height: 33px; font-size: 18px; position: absolute; left: 20px; top: -10px; }
.connect_with_us_mob{display: none;}

@media (max-width: 767px) {
.generator_form{min-height: auto;}
.gntr-qr-btn{width: 100%;}
.gntr_download{background: #fff; bottom: 0; width: calc(100% + 40px);-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); margin: 0px -20px -20px -20px;}
    .gntr_tab_content{margin: 0 0 80px 0;}
    .connect_with_us_mob{display: block;}
    .connect_with_us{display: none;}
    .gntr_download a{width: 100%;}
    .generator_nav.translated li{margin: 0 2px !important;}
}

.qr_cards{margin-top: 50px !important;}
.qr_cards a{
    color: var(--secondary);
}
/* .page_form{min-height: 328px;} */

.page_form .bulk_upload_card{
    height: 0 !important;
    overflow: hidden;
    border : 0;
    display: none;
}
.page_form.show_bulk_upload .bulk_upload_card{
    height: unset !important;
    border : dotted 1px var(--light-color);
    display: block;
}

.page_form.show_bulk_upload .form_template_card{
    height: 0 !important;
    overflow: hidden;
}

/* .footer{background: #c2d1ff; color:#636e84; font-size: 13px; padding: 60px 0}
.footer h5{     color: var(--primary-black); font-size: 18px;}
.footer .list-unstyled li{padding: 8px 0;}
.footer .list-unstyled li a{color:#636e84 !important;}
.ns_border_right{border-right: solid 1px #fff}
.ns_border_bottom{border-bottom: solid 1px #fff; width: 100%; margin: 60px 0;}
.footer address strong{color:#636e84; display: block;}
.ind_address{margin: 0 0 60px 0;}
.social_links{margin: 0; padding: 0;}
.social_links li{display:inline-block; list-style: none; margin: 0 20px 0 0; padding: 0;}
.social_links li a{display:inline-block; width: 50px; height: 50px; background-repeat: no-repeat; }
.fb{background-image: url(/assets/images/social_icon.png); }
.in{background-image: url(/assets/images/social_icon.png); background-position:-70px 0;  }
.pn{background-image: url(/assets/images/social_icon.png); background-position:-140px 0; } */

.footer{border-top:1px solid #999; background: #141a22; color:#74829d; font-size: 13px; padding: 60px 0 ; margin-bottom: 0px !important; margin-top: 0px !important;}
.inner_page_footer {
    border-top: 1px solid #eceef7;
    background: #FFF;
    color: #74829d;
    font-size: 13px;
}

.footer h5{ color:#fff; font-size: 18px;}
.footer .list-unstyled li{padding: 8px 0;}
.footer .list-unstyled li a{color: var(--secondary-color) !important;}
.ns_border_right{border-right: solid 1px #6f737b}
.ns_border_bottom{border-bottom: solid 1px #6f737b; width: 100%; margin: 60px 0;}
.footer address strong{color: #fff; display: block;}
.ind_address{margin:15px 0 60px 0;}
.social_links{margin: 0; padding: 0;}
.social_links li{display:inline-block; list-style: none; margin: 0 20px 0 0; padding: 0;}
.social_links li a{display:inline-block; width: 50px; height: 50px; background-repeat: no-repeat; }
.fb{background-image: url(/assets/images/social_icon.png); }
.in{background-image: url(/assets/images/social_icon.png); background-position:-70px 0;  }
.pn{background-image: url(/assets/images/social_icon.png); background-position:-140px 0; }


.howto_qa{margin-bottom: 36px;}
.howto_qa:last-child{margin-bottom: 0px;}
.howto_qa p{color: var(--secondary-color);}
/* how to step css */
.how_to_qa_wrapper{border: solid 1px #ECEEF7; padding: 40px; border-radius: 12px; margin-bottom: 40px; }
.how_to_step_wrapper{padding:40px 0; border-bottom: dotted 2px #dfe1eb;}
.how_to_qa_wrapper .how_to_step_wrapper:last-child{ border-bottom: 0px; padding-bottom: 0;}
.how_to_step_text{font-size: 18px; font-weight: 600;}
.how_to_step_description{color: var(--secondary-color);}
.how_to_step_image{text-align: center;}
.how_to_step{color: var(--primary-color); padding: 5px 0px; display: inline-block; line-height: 1.02em; border-radius: 20px;}
.how_to_qa{font-weight: 600;  position: sticky; top: 0; background: #fff;  padding: 20px 0;}
.how_to_qa_des{color: var(--secondary-color);}
.how_to_qa_des img{max-width: 100%;padding: 10px 0 !important;}
.how_to_qa_des p{padding: 10px 0 !important; margin:0;}
.how_to_qr_right{border: solid 1px #ECEEF7; border-radius: 12px; padding: 40px; margin: 0; position: sticky; top: 30px; max-height: calc(100vh - 60px); overflow: auto;}
.how_to_qr_right li{list-style: none; margin: 0 0 15px 0; padding: 0 0 15px 0; font-size: 16px; border-bottom: dotted 2px #ECEEF7; }
.how_to_qr_right li:last-child{margin:0; padding:0px; border-bottom:0px}

.faq_ans_img{margin: auto; text-align: center;}
/* testimonial */
.pin_container {
    column-count: 3;
    column-gap: 30px;
}

.testimonail_card {
    background: #fff;
    margin: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    margin-bottom: 30px;
    break-inside: avoid;
    border: solid 0px #ddd;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 3px 0 3px 1px #0000000d;
}


.tm_user_info {
    display: flex;
    justify-content: space-between;
    color: var(--secondary-color);
}

.tm_user_info_text {
    width: 60%;
}

.tm_text_info {
    padding: 40px;
}

.quote_img {
    margin-bottom: 10px;
}

.tm_main_text {
    font-weight: 600;
    margin-bottom: 24px;
}

.tm_text {
    margin-bottom: 24px;
}

.tm_username {
    font-size: 16px;
    font-weight: 500;
    color: #061244;
}

.tm_userdes {
    font-size: 12px;
}

.tm_userpic {
    margin: 10px 0;
    width: 64px;
    height: 64px;
    border-radius: 60px; overflow: hidden;
}

.bootstrap-tagsinput {
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    width: 100%;
  }
  .bootstrap-tagsinput .tag{
    background-color: var(--primary-color);
    padding: 5px;
    margin: 2px !important;
    border-radius: 5px;
  }
  
  .bootstrap-tagsinput input{
    padding: 0.375rem 0.75rem !important;
    width: 100%;
  }
  

.tm_qr_image {
    height: 208px;
    background-size: cover;
}

.tm_userbrand {
    text-align: right;
}

.tm_userbrand img {
    max-width: 100%;
    max-height: 80px;
}

.testimonial_card_full {
    display: flex;
    flex-direction: row-reverse;
}

.testimonial_card_full .tm_qr_image {
    width: 400px;
    height: 248px;
    background-size: cover;
    background-position: center;
}

.testimonial_card_full .tm_main_text {
    max-width: 650px;

}

@media (max-width: 767px) {
    .pin_container {
        column-count: 1;
    }

    .testimonial_card_full {
        display: unset;
    }

    .testimonial_card_full .tm_qr_image {
        height: 208px;
    }

    .testimonail_card_fullpage.testimonail_card {
        display: block !important;
    }
}

/* small testimonial */

.qr_sm_testimonial_box {
    background: #fff;
    margin: 0;
    border-radius: 18px;
    box-shadow: 3px 0 3px 3px #0000000d;
    padding: 30px;
    height: 100%;
}

.sm_testimonial .swiper-slide, .swiper-slide{height: unset !important;}
.sm_testimonial {

    padding: 8px;
}

.qr_sm_test_rating {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 12px;
}

.qr_sm_test_rating img {
    width: 20px !important;
    margin-right: 10px;
}

.qr_sm_test_text {
    text-align: left;
    margin-top: 12px;
    /* font-size: 18px; */
}

.swiper {
    width: 100%;
    height: 100%;
    overflow: unset !important;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.qr_cs_wrapper {
    display: flex;
    width: 100%;
    padding: 30px;
    background: #fff;
    border-radius: 18px;
}

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


.qr_sm_test_header {
    display: flex;
    margin-bottom: 12px;
}

.qr_sm_test_profile_details {
    text-align: left;
    margin-left: 16px;
}

.qr_sm_test_name {
    width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
}

.qr_sm_test_des {
    width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #76839B;
}

.qr_sm_test_profile {
    width: 43px;
    height: 43px;
    background-size: cover;
    border-radius: 60px;
    flex-shrink: 0;
}

.qr_sm_test_nav {
    width: 40px;
    height: 40px;
    background: #e6efff;
    border-radius: 60px;
    display: flex;
    justify-content: center;
    position: absolute;
    z-index: 9;
}

.qr_sm_test_nav img {
    width: 20px;
}

.qr_sm_test_prev {
    top: 45%;
    left: 0px
}

.qr_sm_test_next {
    top: 45%;
    right: 0;
}
.qr_sm_test_nav.swiper-button-disabled{display: none;}

.cookies_msg {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    font-size: 11px;
    padding: 8px;
    text-align: center;
    z-index: 999;
    color: #ddd;
}


.cookies_msg .cookies_accept{
    color: #fff !important;
    border-bottom: 0;
    cursor: pointer;
    font-weight: bold;
    border-radius: 4px;
    display: inline-block;
    margin: 0 5px 0 5px;
    background: var(--primary-color);
    padding: 2px 8px;
}

@media (max-width: 767px) {
    .cookies_msg {
        width: 50%;
        border-radius:16px;
    }
    .form_template_card .alert.alert-warning div{display: block !important;}
    .form_template_card .alert.alert-warning div a{margin-top: 10px;}
}


.tooltip-inner.in{
    background-image: none;
}

.chimp_header li.active a {
    color: var(--primary-color) !important;
}

.chimp_header li a{
    color: var(--primary-black);
    font-weight: 500;
    padding: 0 0.8em !important;
}

.chimp_header li a:hover{
    color: var(--hightlight-color) !important;
}

.btn-white{
    background-color: #fff;
}

#dateRangeForm .radio_wrapper{
    padding: 10px;
}

#chrome_extension_btn{
    width: 360px;
    height: 120px;
    border-radius: 10px;
    position: fixed;
    bottom: 10px;
    z-index: 9999;
    background-color: #517AFA;
    left: 10px;
    padding: 1.2em;
    color: #fff;
    cursor: pointer;
}

#chrome_extension_btn .chrome_icon{
    background-image: url(/assets/images/chrome_store.png);
    width: 70px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
}

#chrome_extension_btn .chimp_icon{
    background-image: url(/assets/images/qr_chrome_icon.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: cover;
}
#chrome_extension_btn .rating_star_icon{
    background-image: url(/assets/images/ic_star.svg);
    width: 16px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
#chrome_extension_btn .extension_rating{
    background-color: #fff;
    width: 115px;
    border-radius: 15px;
    color: var(--primary-color);
    padding: 0 10px;
    display: flex;
    align-items: center;
}
#chrome_extension_btn .close_extension_btn{
    position: absolute;
    background-image: url(/assets/images/close.png);
    right: 13px;
    top: 13px;
    width: 14px;
    height: 14px;
    background-size: contain;
    background-repeat: no-repeat;
    
}

.mobile_nav_logo, .mobile_nav_close, .mobile_nav {display:none;}
/*
@media (max-width: 767px) {
    .navbar-nav{display:none}
    .generator_nav{width:920px}
    .nav_icon_img{    height: 46px;}
    .gntr_nav_wrapper{margin-top: 5px !important;margin-bottom: 5px !important;}
    .header{margin-bottom: 5px !important;}
    .shaped_qr_code .d-flex{display:block !important;}
    .user_profile_header {width: 170px  !important; }
    .user_profile_header button {padding-left: 10px !important;
        padding-right: 10px !important;}
    .user_profile_header .form-inline {justify-content: flex-end;}
    #gntr_qrshapes_1 .popup_gntr_pic_list li img{height: 50px;}
    .tab-content>.active{height: 214px; overflow: scroll; margin-bottom: 40px;}
    .popup_qr_preview img{max-height: 170px}
    .mpr-15{padding-right:15px !important;}
}*/
@media (max-width: 767px) {
    .navbar-nav{display:none}
    .generator_nav{width:950px}
    .nav_icon_img{    height: 46px;}
    .gntr_nav_wrapper{margin-top: 5px !important;margin-bottom: 5px !important;}
    .header{margin-bottom: 5px !important;}
    .shaped_qr_code .d-flex{display:block !important;}
    /*.user_profile_header {width: 170px  !important; }*/
    .user_profile_header button {padding-left: 10px !important; padding-right: 10px !important;}
    .user_profile_header .form-inline {justify-content: flex-end;}
    #gntr_qrshapes_1 .popup_gntr_pic_list li img{height: 50px;}
    .popup_gntr_tab_content .tab-content>.active{height: 214px; overflow: scroll; margin-bottom: 40px;}
    .popup_qr_preview img{max-height: 170px !important}
    .popup_gntr_pic_list{padding: 10px;}
    h1.pageTitle{font-size: 1.75rem !important;}
    .gntr_nav_wrapper .col-md-2.mb-4{width: 50%  !important;}
    .mpr-15{padding-right:15px !important;}

    .navbar-nav {
        background: #fff;
        width: 70%;
        position: absolute;
        left: -80%;
        top: -11px;
        height: 100vh;
        z-index: 1000;
        box-shadow: 3px 4px 26px #88888a80;
        display: block;
        padding-top: 20px;
        transition: 0.3s; 
    }

    .navbar-nav .nav-link {
        padding: 10px 20px !important;
    }

    .qrlogo {
        width: 145px;
    }

    .mobile_nav {
        display:block;
        margin-left: 10px;
    }
    .view_left_nav{left: 0;}
        
}

@media (max-width: 1024px) {
    .navbar-nav {
        background: #fff;
        width: 280px;
        position: fixed;
        left: -80%;
        top: 0;
        height: 100vh;
        z-index: 1000;
        box-shadow: 3px 4px 26px #88888a80;
        display: block;
        padding-top: 20px;
        transition: 0.3s;
    }

    .navbar-nav .nav-link {
        padding: 10px 20px !important;
        background: #f0f0ff;
        margin: 5px 15px;
        border-radius: 4px;
    }

    .qrlogo {
        width: 145px;
    }

    .mobile_nav {
        margin-left: 10px;
        display: block;
    }

    .view_left_nav {
        left: 0%;
    }

    .mobile_nav_logo {
        padding-left: 20px;
        padding-bottom: 27px;
        border-bottom: solid 1px #eceef7;
        margin-bottom: 15px;
        display:block;
    }

    .mobile_nav_close, .mobile_nav_close_side {
        border-radius: 20px;
        height: 30px;
        width: 30px;
        text-align: center;
        position: absolute;
        right: 15px;
        top: 15px;
        background: #eceef7;
        font-size: 12px;
        padding-top: 7px;
        z-index: 99;
        display:block;
    }

    .generator_nav {
        width: 100%;
    }
}

.link{
    cursor: pointer;
    color: var(--primary-color) !important;
}



.add_more_btn{
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    position: relative;
}
.add_more_btn::after{
    content: "\e980";
    font-family: 'icomoon' !important;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.web_url_container{
    position: relative;
}

.web_url_container .action_items{
    position: absolute;
    display: none;
    right: 20px;
    top: -38px;
    background: #ddd;
    border-radius: 8px 8px 0 0;
    z-index: 9;
}
.web_url_container:hover .action_items{
    display: block;
}

.web_url_container:first-child .action_items .website_move_up{
    display: none !important;
}
.web_url_container:nth-last-child(2) .action_items .website_move_down{
    display: none !important;
}

.qr_code_logo_click{
    cursor: pointer;
}
#sidebar .dropdown-toggle::after{
    display: none;
}

/*
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.452);
    background-color: #FF9190cc;
    border-radius: 0px;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: #FF9190cc;
}

::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: var(--theme-color-primary);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.86, rgba(64, 78, 151, 0.5)), color-stop(0.72, rgba(64, 78, 151, 0.7)), color-stop(0.44, rgba(117, 183, 22, 0.7)));
}
*/

.thinScrollBar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F580;
    border-radius: 4px;
}

.thinScrollBar::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F580;
}

.thinScrollBar::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: var(--theme-color-primary);
    /*background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgba(96, 143, 255, 0.7)), color-stop(0.72, rgba(96, 143, 255, 0.8)), color-stop(0.86, rgba(96, 143, 255, 0.9)));*/
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgba(255, 255, 255, 0.55)), color-stop(0.72, rgba(255, 255, 255, 0.5)), color-stop(0.86, rgba(255, 255, 255, 0.4)));
}



.fixedHeightListContainer{
    max-height:480px;
    overflow-y: auto !important;
    overflow-x: hidden;
    padding-top:12px;
}


/* features css */
/* fallback */
@font-face {
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v84/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format('woff2');
  }
  
  .material-icons-outlined {
    font-family: 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
  }
  
.features_card .circle_icon_light{ padding: 10px; font-size: 20px;}
.features_card{ min-height: 170px;}
.features_section .carousel-indicators .active{    background-color:var(--primary-color); }
.features_section .carousel-indicators li{    background-color:var(--secondary-color-1); }
.features_section .carousel-indicators {bottom: -48px; }

.icon_list_2{ margin: 0; padding: 0;}
.icon_list_2 li{ margin: 0 0 10px 0; padding: 22px 20px; list-style: none; display: flex; align-items: start; background: #fff !important; min-height:106px;}

.icon_list_2 li .material-icons-outlined{ margin: 0px 15px 0 0; font-size: 24px; padding: 10px;}

@media (max-width: 767px) {
    .fixedHeightListContainer{max-height:300px;}
}

.cross-icon-dim { font-size: 12px !important; }


.features_popup{position: fixed; bottom: 10px; left: 10px; z-index: 999; border-radius: 8px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.23); background:#ffffff00;}
.features_popup img{max-width: 413px;}
.fp_close{position: absolute; top: 10px; right: 10px; cursor: pointer;}

@media (max-width: 767px) {
    .features_popup{width: 70%;}
    .features_popup img{width: 100%;}
}

.hiliteNew::after{
    content:'';
    position:absolute;
    width:8px;
    height:8px;
    background: #ff4500;
    z-index: 9;
    border-radius:10px;
  }
/* For common titles */
.section_title_wrapper{display: flex; justify-content: space-between; margin-bottom: 16px; align-items: center; height:38px;}
.section_title_wrapper h4{font-size: 20px; margin-bottom: 0; font-weight: 600; display: inline-block; margin-right: 16px;}

.nav-tabs .nav-link{
    border:0px !important
   }


/************* PAGE CONTENT START *************************/
.pageContentSection{padding: 90px 0;}
.pageContentSection:nth-child(even) {background: #F3F4F7;}
.pageContentSection:nth-child(odd) {background: #FFF;}

.content_page_heading{font-size: 36px; font-weight: 700; margin-bottom: 30px;}
.content_page_subheading{margin-bottom: 30px;color: var(--secondary-color);}
.content_page_col_desc{display: flex; align-items: center; margin-top: 45px; margin-bottom: 45px; text-align: left;}
.content_page_col_img{display: flex; align-items: center; margin-bottom: 45px; text-align: center;}
.content_page_col_img img{max-width: 100%; margin: auto;}
.content_page_desc:last-child{margin-bottom: 0;}
.content_page_video_img{max-width: 100%; margin: auto;border-radius: 18px;cursor: pointer;}
.content_page_video_text{margin-top: 30px;}
.content_page_img img{max-width: 100%; margin: auto;}
.content_page_img {text-align: right;}

.content_page_card{border-radius: 18px; background: #fff; padding: 20px;margin-top: 30px;  text-align: center; }
.content_page_card_heading{font-size: 24px; font-weight: 700; margin-top: 20px; margin-bottom: 10px; 
    display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.content_page_card_img img{ max-width: 100%; margin: auto;}
.content_page_card_desc {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
    text-align: justify;
    height:85px;
}

.col-md-6 .content_page_card_desc, .col-md-12 .content_page_card_desc {
	-webkit-line-clamp: 3;
    height:65px;
}

.col-md-3 .content_page_card_desc, .col-md-2 .content_page_card_desc {
	-webkit-line-clamp: 5;
    height:105px;
}
.col-md-3 .content_page_card_heading, .col-md-2 .content_page_card_heading{font-size: 17px;}

.pageContentSection.video_section{background-color: transparent; background-image: url(https://www.qrcodechimp.com/images/qrbusinesspage/bg_page_header.svg);
    background-size:  contain;   background-position: top center;  background-repeat: no-repeat; margin-top: 90px;}
.video_content{display: flex; align-items: end;}
/*.video_content .content_page_video_container{ padding: 20px;border: solid 1px #e4e6ec;border-radius: 28px;}*/

.bg-navy{background-color: var(--primary-black) !important; color: #F3F4F7;}
.bg-navy .content_page_card_heading{color: var(--primary-black);}
.bg-navy .content_page_card .content_page_card_desc{color: var(--primary-black);}
/* .bg-navy .content_page_heading{color: #F3F4F7;}
.bg-navy .content_page_desc{color: #F3F4F7;} */


.bg-blue{background-color:var(--primary-color) !important; color: #fff;}
.bg-blue .content_page_heading{color: #fff;}
.bg-blue .content_page_desc{color: #fff;}
.bg-blue .content_page_subheading{color: #e7efff;}
.bg-blue a{color: #FADF4D;}
.bg-blue a:hover{color: #FADF4D;}

.bg-dark{background-color: #F3F4F7 !important;}
.bg-light{background: #ffffff !important;}

.content_page_card_img{margin-bottom:20px;}
.list-tickmark {
		margin: 0;
		padding: 0;
	}

	.list-tickmark li {
		margin: 0;
		padding: 0;
		list-style: none;
		background-image: url(https://www.qrcodechimp.com/images/qrCodeMaker/icon_tickmark.png);
		background-repeat: no-repeat;
		background-position: 0 12px;
		padding: 6px 0 12px 35px;
		background-size: 26px;
	}

	.list-tickmark li {
		margin: 0;
		padding: 0;
		list-style: none;
		background-image: url(https://www.qrcodechimp.com/images/qrCodeMaker/icon_tickmark.png);
		background-repeat: no-repeat;
		background-position: 0 12px;
		padding: 6px 0 12px 35px;
		background-size: 26px;
	}

.content_page_col_desc b{ font-size:20px;}
/************* PAGE CONTENT END *************************/

.setDefaultContainerDiv
{
    flex-wrap: wrap; gap: 0.25rem;
}