*{
     box-sizing:border-box 
}
 body{
     background-color: #F4F5F7;
}
 .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
     width: 100%;
     padding-right:0px;
     padding-left: 0px;
     margin-right: auto;
     margin-left: auto;
}
 .trust_badges_{
     width:100%;
     background-color: #FFFFFF;
     box-shadow: 0px 3px 6px #00000014;
     opacity:1;
     padding:20px;
}
.logo_img{
    width:9%;
}
.logo_img img {
/*    max-width:100%;*/
}
.btn-secondary:not(:disabled):not(.disabled).active{
    border-color:unset !important ;
}
.active{
    background: #5590f5 !important;
    color: #fff !important;
}

/*header text css*/
.header_sub_label_block{
    padding-left: 0;
}
.text_setting_block{
    padding: 0;
}
.header_title{
    border: 1px solid #767676 !important;
    margin-bottom: 20px !important;
}
.header_text_weight_block{
    padding-right: 0;
}
.header_text_color{
    height: 48px;
    border-color: #767676;
}
.header_text_color_addon i{
    margin: 6px !important;
    padding: 16px !important;
}
.header_text_color_addon{
    border-color: #767676 !important;
}
.header_color_block{
    padding-left: 0 !important;
    width: 100% !important;
}
.d-margin{
    margin-top: 0 !important;
}
.d-margin #header_size{
    margin-top: 0 !important;
}
.d-margin .pixel_content_{
    top: 14px;
}
.tb-header-title{
    /*margin: 10px auto;*/
    margin: 10px 10px;
}
/*end css*/

.logo_content_near{
    padding:0;
}
.logo_content_near p{
    font-size:16px;
    font-family: 'Poppins', sans-serif;
    font-weight:500;
    margin-left:46px;
    margin-bottom:0;
    color:#000000;
}
.search-box-div, .upload-icon-div{
    float: left;
}
.icon-popup-header{
    padding-left: 0;
}
.store_button_hover:hover {
    background: #0A3D95 !important;
    border-color: #0A3D95 !important;
}
 .trust_content{
    float:right;
    padding-right:10px;
    padding-top:0;
}
 .tb_button{
     /*width:100%;*/
     border:2px solid #5590F5;
     border-radius:50px;
     padding:6px 13px 6px 6px;
     color:#5590F5;
     font-family: 'Poppins', sans-serif;
     font-weight:500;
     background-color: #fff;
     outline:none !important;
     text-align: center;
}
 .tb_button:hover{
     background-color: #5590F5;
     color:#ffff;
     text-decoration: none;
     border-color: unset !important;
}
 .tb_button:focus{
     box-shadow: unset !important;
     color: #5590F5;
     border: 2px solid #5590F5;
/*     background-color: unset !important;*/
}
.tb_button.tb_primary {
    background: #5590f5;
    color: #fff;
}

.tb_button.tb_primary:hover{
    background: #0A3D95;
    border: 2px solid #0A3D95;
}

 .one_content span{
     color:#7A7A7A 
}
 .section_2nd{
     background-color: #F4F5F7;
     padding:0px;
}
 .choose_plan{
     /*padding-top:100px;
     margin-bottom:30px;*/
}
 .choose_plan h2{
     font-size:30px;
     font-family: 'Poppins', sans-serif;
     color:#000000;
     opacity:1;
     font-weight:600;
}
 .free_div{
     width:100%;
     background-color: #ffff;
     border-radius:12px;
     padding:10px;
     margin-top:30px;
     transition: 1s;
}
 .free_div:hover{
     background-color: #5590F5;
     border:none;
     padding:10px;
}
 .free_div:hover .btn_current{
     background-color: #DBDBDB;
     color:#767676;
}
 .free_div:hover .plan_btn.noraml_btn{
     background-color: #FFA924;
}
 .free_div:hover .free_div_ ul li{
     color:#ffff;
}
 .free_div :hover .one_content{
     color:#fff;
}
 .free_div:hover .one_content span{
     color:#fff;
}
 .free_div:hover .doller_sign{
     color:#ffff;
}
 .free_div:hover .last_free{
     color:#ffff;
}
 .free_div:hover .limited{
     color:#ffff;
}
 .free_div_ ul{
     list-style: none;
     padding-left:10px;
}
 .free_div_ ul li{
     line-height:40px;
     color:#5590F5;
     font-weight:600;
     font-size:20px;
     font-family: 'Poppins', sans-serif;
     text-align: center;
}
 .limited{
     font-weight: 400;
     color:#5C5C5C;
     font-size:14px;
}
 .doller_sign{
     font-size:40px;
     color:#000000 ;
}
 .last_free{
     font-size:18px;
     color:#999999 ;
     font-weight:400 ;
}
 .free_div_content ul {
     color:#5C36E6;
}
 .free_div:hover .free_div_content ul{
     color:#ffff;
}
 .free_div_content ul li{
     font-family: 'Poppins', sans-serif;
     font-size:14px;
     line-height:30px;
}
 .cureent_plan_button{
     width:100;
     text-align:center;
     margin-top:-5px;
}
 .plan_btn{
     width:90%;
     margin:auto;
     background-color: #5590F5;
     border-radius:8px;
     opacity:1;
     border:none;
     outline:none;
     padding:10px;
     color:#fff;
     font-size:16px;
     font-weight:600;
     outline:none !important;
}
 .plan_btn.btn_current{
     color: #ffffff;
    background-color: #5590F5;
}
 .border_all_content{
     margin-top:50px;
}
 .sup{
     font-size:16px;
}
/* end-----of---csss----first--page */
 .icon_content_name{
     padding-top:10px;
}
 .add_icon{
     width:100%;
     background-color: #fff;
     border-radius:8px;
     opacity:1;
     /*margin-top:120px;*/
     padding:22px;
     width:100%;
     float:left;
     margin: 0px auto; /*120px;*/
}
 .add_icon_img{
     width:100%;
     float:left;
     text-align: center;
}
 .add_icon_img h2{
     font-size:28px;
     font-weight:600;
     font-family: 'Poppins', sans-serif;
     color:#000000;
     opacity:1;
     margin-top: -21px;
     line-height: 46px;
     width: 65%;
     margin: auto;
}
 .add_icon_img p{
     color:#A3A3A3;
     font-size:16px;
     font-family: 'Poppins', sans-serif;
     width:45%;
     margin:auto;
     margin-top:14px 
}
 .add_icon_button{
     width:20%;
     border:2px solid #5590F5;
     border-radius:50px;
     padding:10px 25px 10px 25px;
     color:#ffff;
     font-family: 'Poppins', sans-serif;
     font-weight:500;
     margin-top:25px;
     background-color: #5590F5;
     outline:none !important;
     border:none;
     text-align: center;
}
/*-------------------------cssss-----------------------end---------------------------- */
 .add_block_bottom{
     margin-bottom:60px;
}
 .icon_blocks{
     width:95%;
     margin:auto;
     margin-top:32px;
     margin-bottom:15px;
}
.order_fliter_option{
        background: #5590f5;
    color: #fff;
    border: 2px solid #5590F5;
    border-radius: 50px;
    padding: 6px 13px 6px 6px;
    color: #5590F5;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    background-color: #fff;
    outline: none !important;
    text-align: center;
    cursor: pointer;
    margin-right: 11px;
}
 .icon_content_name p{
     font-size:18px;
     font-weight:500;
     font-family: 'Poppins', sans-serif;
     color:#000000;

}
 .icon_content_name_button{
    float:right;
    margin-top: 15px;
}
 .block_content{
     background-color: #ffff;
     width:95%;
     margin: 0 auto 1rem;
     padding:0px;
}
 .border_all_{
     border-bottom:2px solid #dbdbdb;
     width:100%;
     height:100%;
    /* border-top:2px solid #dbdbdb;
     */
}
 .E-commerce{
     padding:10px 20px 10px 20px;
}
 .E-commerce p{
     font-size:18px;
     font-weight:500;
     color:#000000;
     margin-bottom:5px;
    ;
}
 .E-commerce ul{
     display: inline-block;
     margin-bottom: 0;
     padding-left: 0;
}
.E-commerce ul li:first-child {
    list-style: none;
}
.E-commerce ul li {
    font-size: 16px;
    font-weight: 400;
    color: #767676;
    float: left;
    margin-right: 10px;
    list-style: none;
}
 .bag_icon{
     margin-left:40px;
}
.check_button{
/*    padding:30px 30px 0 0;*/
    float:right;
    margin-bottom: 8px;
    display: flex;
}
.duplicate_button, .button_delete {
     margin-left:20px;
     margin-top: -2px;
}
.duplicate {
     border:2px solid #5590F5 !important;
     color:#5590F5;
}
.tb_delete {
     border:2px solid #F55555 !important;
     color:#F55555;
}
.duplicate, .tb_delete {
     width:100%;
     border-radius:50px;
     padding: 3px 10px 3px 10px;
     font-family: 'Poppins', sans-serif;
     font-weight:500;
     outline:none;
     border:none;
     text-align: center;
     background-color: #ffff;
     outline:none;
     font-size:14px;
}
.duplicate:hover{
     background-color:#5590F5;
     color:#fff;
}
.tb_delete:hover{
     background-color:#F55555;
     color:#fff;
}
.switch {
     display: inline-block;
     height: 30px;
     position: relative;
     width:54px;
}
 .switch input {
     display:none;
}
 .slider {
     background-color:#cbcccd;
     bottom: 0;
     cursor: pointer;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     transition: .4s;
}
 .slider:before {
     background-color: #fff;
     bottom: 4px;
     content: "";
     height: 21px;
     left: 4px;
     position: absolute;
     transition: .4s;
     width: 21px;
}
 input:checked + .slider {
     background-color: #6295f3;
}
 input:checked + .slider:before {
     transform: translateX(25px);
}
 .slider.round {
     border-radius: 34px;
}
 .slider.round:before {
     border-radius: 50%;
}
/* ------------------------cssss---------------------------end----------------- */
 .st_icon_block{
     width:95%;
     margin:auto;
     margin-top:20px;
}
 .btn_block{
     background-color: #fff;
     padding:7px;
     width:43px;
     height:43px;
     border-radius:5px;
     border: 1px solid #707070;
     outline:none !important;
     line-height: 0;
}
 .block_content_icon{
     padding-top:9px;
     margin-left:10px;
     font-size:17px;
     font-weight:600;
     color:#000;
     font-family: 'Poppins', sans-serif;
}
 .block{
     width:100%;
     background-color: #fff;
     padding:20px;
     border:none;
     font-size:20px;
     font-weight:600;
     color:#000;
     margin-top:10px;
     border-radius: 8px;
     outline:none !important;
     font-family: 'Poppins', sans-serif;
}
 .block:hover{
     background-color:#6295f3;
     color:#ffff;
     border-radius: 8px;
}
 .form{
     margin-top:20px;
     background-color: #fff;
     padding:20px;
}
 .input_form{
     width:100%;
     padding:10px;
     border-radius:8px;
     border: 1px solid #D5D5D5;
     margin-top:5px;
     outline:none !important;
}
 .form span{
     font-size:16px;
     font-weight:400;
     font-family: 'Poppins', sans-serif;
     margin-bottom:5px;
}
 .all_layout{
     background-color: #fff;
     border-radius:8px;
     margin-top:20px;
     padding:20px 20px 10px 20px;
}
 .layout span{
     font-size:16px;
     font-weight:400;
     font-family: 'Poppins', sans-serif;
     margin-bottom:5px;
     color:#000;
}
.layout_border{
    width:100%;
    border:2px solid #D5D5D5;
    padding:20px;
    border-radius:15px;
    margin-top:10px;
    cursor: pointer;
}
 .round_circle{
     background-color:#6295f3;
     width:60px;
     height:60px;
     border-radius:50%;
     margin:auto;
     margin-bottom:14px;
}
 .line_{
     width:100px;
     height:4px;
     background-color: #6295f3;
     margin:auto;
     margin-bottom:5px;
}
 .line_1{
     width:80px;
     height:4px;
     background-color: #BFCDE6;
     margin:auto;
     margin-bottom:5px;
}
 .line_2{
     width:60px;
     height:4px;
     background-color: #BFCDE6;
     margin:auto;
}
.round_box_right_center {
     width: 100%;
     padding-top: 20px;
     left: 50%;
     transform: translateX(-50%);
     position: relative;
     justify-content: center;
}
 .line_of_{
     margin-left:20px;
     padding-top:20px;
}
 .position_content{
     margin-top:20px;
}
 .position_content span{
     font-size:16px;
     font-weight:400;
     font-family: 'Poppins', sans-serif;
     margin-bottom:5px;
}
 .position_content p{
     font-size:14px;
     color:#767676;
     font-family: 'Poppins', sans-serif;
     margin-top:10px;
}
 .position_content ul{
     list-style-type:none;
     padding-left:5px;
}
.form-check .form-check-label {
     font-size:15px;
     color:#767676;
     font-family: 'Poppins', sans-serif;
     line-height: 27px;
     margin-left:10px;
     margin-top: -5px;
     font-weight: normal;
}
 .button_save_data{
     margin-top:20px;
     margin-bottom:100px;
}
 .save_button{
     width:18%;
     float:left;
     background-color: #6295f3;
     border:none;
     outline:none !important;
     padding:10px;
     border-radius:8px;
     color:#fff;
     font-size:17px;
     font-weight:500;
     font-family: 'Poppins', sans-serif;
}
.desktop_wise {
     width: 100%;
     float: left;
     background-color: #fff;
     margin-top: 10px;
     padding: 13px 10px;
     position: sticky;
     top: 80px;
}
 .both_view_1{
     width:50%;
     margin:auto;
}
 .both_view{
     width:50%;
     float:left;
     text-align: center;
     background: #f4f5f7;
     margin: 10px 0;
}
 .tb_tabs.both_view:first-child {
     border-radius: 8px 0 0 8px;
}
 .tb_tabs.both_view:last-child {
     border-radius: 0 8px 8px 0;
}
 .btn_preview{
     background-color:#F4F5F7;
     border-radius:8px;
     outline:none;
     border:none;
     padding:10px;
     width:100%;
     font-size:19px;
     font-weight:500;
     border:none !important;
     outline: none !important;
     font-family: 'Poppins', sans-serif;
}
 .btn_preview:hover{
     background-color: #6295f3;
     color:#fff;
}
 .icon_preview{
     background-color: #F4F5F7;
     padding:14px;
     margin-top:80px;
     border-radius:8px;
}
.all_icon_mode{
     background-color: #ffff;
     padding:30px;
     max-width: 700px;
     margin: auto;
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
}

.all_icon_mode .icon-section {
     align-items: center;
     padding: 10px;
     cursor: pointer;
     border-radius: 5px;
     margin: 7px;
     /*border: 2px solid rgb(188, 35, 35);
     transition: background-color 0.1s ease 0s, border 0.1s ease 0s;
     background-color: rgb(252, 234, 234);*/
     font-weight: bold;
     flex: 1 1 0%;
}

.marketing_icon{
     width:100%;
     text-align: center;
    /* padding-top:20px;
     */
     margin:auto;
}
 .marketing_icon p{
     font-size:20px;
     font-weight:700;
     color:#000000;
     font-family: 'Poppins', sans-serif;
     margin-top:20px;
}
 .marketing_icon span{
     font-size:16px;
     color:#5F5F5F;
     font-family: 'Poppins', sans-serif;
     font-weight:400;
}
 .marketing_icon_adv{
     width:80px;
     margin:auto;
}
 .marketing_icon img{
     max-width:100%;
     min-width:100%;
}
 .add_more{
     width:100%;
     float:left;
     background-color: #5590F5;
     border:none;
     outline:none;
     border-radius:8px;
     padding:13px;
     color:#ffff;
     font-weight:600;
     font-size:18px;
     outline:none !important 
}
/* -------------------------css-----------------------end------------------- */
 .tb-card{
     background-color: #fff;
     padding:20px 0;
     margin-top:20px;
     border-radius:8px;
}
.icon_section label {
    font-weight: 555;
}
.icon_content{
     padding-top:10px;
}
 .icon_content_button{
     float:right;
     padding-top:10px;
}
.tb_action_button{
     border:none;
     outline:none;
     background-color: #fff;
    /* padding:5px;
     */
     border:1px solid #5590F5;
     border-radius:8px;
     width:42px;
     height:42px;
     outline:none !important;
}
.tb_action{
     margin-left:17px;
}
.icon_image{
     width:100%;
     float:left;
     border-radius:8px;
     border:1px solid #D5D5D5;
     text-align:center;
     padding:20px;
     margin-top:15px;
     height: 160px; /*87%;*/
     position: relative;
     display: flex;
     justify-content: center;
}
.icon_image:hover {
     background: #eee9;
}
.icon_image img { object-fit: contain; }
.icon_image input[type="file"] {
     position: absolute;
     opacity: 0;
     width: 100%;
     top: 0;
     left: 0;
     height: 100%;
     cursor: pointer;
}
.title_input{
     margin-top:15px;
}
 .title_of_input span{
     font-size:13px;
     font-weight:600;
     color:#000000;
     font-family: 'Poppins', sans-serif;
}
 .input_type{
     width:100%;
     float:left;
     border-radius:8px;
     border: 1px solid #D5D5D5;
     outline:none !important;
     margin-top:5px;
     padding:10px 0px 10px 10px;
     margin-bottom:10px;
     font-weight:500;
     color:#000 
}
.div_add_tags .input_type {
     margin-bottom:0;
}

.Subtitle{
     margin-top:20px !important;
}
 .add_link{
     margin-top:15px;
     padding-top: 6px;
}
 .add_link p{
     font-size:14px;
     font-weight:400;
     color:#5590F5;
     font-family: 'Poppins', sans-serif;
     margin-bottom:0px;
}
 .icon_block_icon-size p{
     font-size:17px;
     font-weight:500;
     color:#000000;
     font-family: 'Poppins', sans-serif;
}
 .button_increment{
     width:100%;
     float:left;
     border:none;
     outline:none;
     text-align: inherit;
     padding:12px;
     background-color: none;
     border:1px solid #5590F5;
     border-radius:8px;
}
 .button_icon{
     position: relative;
     margin-top: 15px;
}
 .progress{
     height:5px;
}
 .color_bg{
     width:50%;
     float:left;
     margin-bottom:22px;
     font-family: 'Poppins', sans-serif;
}
 .color_bg.bott_om{
     margin-bottom:0px;
}
 .color_bg.title_of_color{
     width:50%;
     float:left;
}
.color_bg p {
     font-size: 14px;
     color: #767676;
     font-weight: 500;
     margin-top: 5px;
}
 .color_bg.only_color{
     float:right;
     padding-left:15px;
}
 ._bg_color{
     background-color: #fff;
     width:38px;
     height:38px;
     border-radius:50%;
     border:1px solid #C1C1C1;
     margin-top: -8px;
}
 ._bg_color.other_color{
     background-color: #000;
     width:38px;
     height:38px;
     border-radius:50%;
     border:1px solid #C1C1C1;
     margin-top: -8px;
}
.color_bg_code {
     margin: 5px auto;
}
 .color_bg_code span{
     font-size:15px;
     font-weight:500;
     color:#000;
     font-family: 'Poppins', sans-serif;
}
 .tb_text_field{
     border:1px solid #767676;
     background-color: #ffff;
     width:100%;
     padding:10px;
     border-radius:8px;
     margin-top: -15px;
     outline:none !important;
}
 .Form_list{
     height: 47px;
     margin-top: 12px;
     color:#000;
     border:1px solid #767676;
     border-radius: 8px;
}
 .text_field{
     position: relative;
     margin-bottom:18px;
}
 .text_field p{
     font-size:14px;
     color:#000;
     font-weight:500;
     margin-bottom:0px;
     font-family: 'Poppins', sans-serif;
}
 .pixel_content_progress span{
     font-size:12px;
     color:#707070;
     font-weight:500;
}
 .pixel_content_progress{
     position: absolute;
     content: "";
     top: 12px;
     right: 32px;
}
 .pixel_content{
     position: absolute;
     content: "";
     top: 45px;
     left: 65%;
}
.pixel_content_{
     content: "";
     font-size:12px;
     color:#707070;
     font-weight:500;
     position: absolute;
     top: 3px;
     right: 0;
}
.pixel_content span{
     font-size:12px;
     color:#707070;
     font-weight:500;
}
.number_field_section {
     position: relative;
}
.span_size {
     position: absolute;
     right: 40px;
}
.span_up_arrow, .span_down_arrow {
     border: 1px solid;
     padding: 2px 8px;
     position: absolute;
     right: 0px;
     cursor: pointer;
}
.span_up_arrow {
     top: -14px;
     border-radius: 0 7px 0 0;
}
.span_down_arrow {
     bottom: -32px;
     border-radius: 0 0 8px 0;
}

.for_bottom{
     margin-bottom:20px;
}
 .progress_baar{
     position: relative;
}
 .progress_baar_img{
     position: absolute;
     content: "";
     top: 0px;
     bottom: 0px;
     width: 8px;
     height: 10px;
     left: 63%;
     top: -12px;
}
 .progress-bar{
     background-color:#5590F5;
     ;
}
 .tb_tabs .active {
     background-color: #6295f3;
     color: #ffff;
}

/** Range Slider **/
.rSlider, .spacing_rSlider, .block_size_rSlider{
     position: relative;
     width: 98%;
}
/*.rSlider .slide {
    background: #6295f3;
    position: absolute;
    bottom: 24px;
    height: 5px;
    border-radius: 20px;
}*/

.rSlider .slide, .block_size_rSlider .block_size_slide, .spacing_rSlider .spacing_slide  {
    background: #6295f3;
    position: absolute;
    height: 5px;
    border-radius: 20px;
}
.rSlider .slide, .spacing_rSlider .spacing_slide{
    bottom: 22px;
}
.block_size_rSlider .block_size_slide {
bottom: 8px;
}

.theme_extension_close, .close_embed_theme_notification{padding: .75rem 1.25rem !important;}
/*.close_rating_tab{
    padding: .75rem 1.25rem !important;
    position: absolute;
    content: '';
    top:8px;
    right: 10px;
    width: 50px;
    height: 10px;
}*/
.spinner {
  display: inline-block;
  opacity: 0;
  max-width: 0;
  -webkit-transition: opacity 0.25s, max-width 0.45s;
  -moz-transition: opacity 0.25s, max-width 0.45s;
  -o-transition: opacity 0.25s, max-width 0.45s;
  transition: opacity 0.25s, max-width 0.45s;
  /* Duration fixed since we animate additional hidden width */
}

.has-spinner.active {
  cursor: progress;
}

.has-spinner.active .spinner {
  opacity: 1;
  max-width: 50px;
  /* More than it will ever come, notice that this affects on animation duration */
}
input[type="range"] {
     -webkit-appearance: none;
     margin: 7px 0; /*10px 0;*/
     width: 100%; /*calc(100% + 20px)*/;
}
.E-commerce ul li::after {
    content: "";
    margin: 2px 0 2px 10px;
    display: inline-block;
    background: #828282;
    width: 6px;
    border-radius: 100%;
    line-height: 0;
    height: 6px;
}
.E-commerce ul li:last-child::after {
    width: 0;
    height: 0;
}
.theme-extension-popup{
    color: #fff;
    background-color: #5590f5;
    border-color: #5590f5;
    padding: 27px;
}
.active-theme-button{
    border: 2px solid #5590F5;
    border-radius: 50px;
    padding: 6px 25px 6px 25px;
    color: #5590F5;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    background-color: #fff;
    outline: none !important;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    margin-right:10px;
    text-decoration: none;
}
.theme_extension_close:hover{color: #fff !important;}
#copyClipboard{
    width: 25px;
    height: 25px;
    float: right;
    cursor: pointer;
}
.copied_message{
    float: right;
    color: green;
    display: none;
    margin: auto 5px;
}
@supports (-ms-ime-align:auto) {
    .rSlider .slide, .block_size_rSlider .block_size_slide, .spacing_rSlider .spacing_slide {
          top: 13px;
    }
}
/*_:-ms-lang(x), _:-webkit-full-screen, .rSlider .slide {
     top: 13px;
}*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
     .rSlider .slide , .block_size_rSlider .block_size_slide, .spacing_rSlider .spacing_slide { top: 13px; }
     /*.rSlider .slide {-chrome-:only(; 
          top: 13px;
     );}*/
}

input[type=range]:focus {
  outline: none;
}
#space_in_between_range:before {
    background: #6295f3;
    content: '';
    height: 5px;
    position: absolute;
    cursor: pointer;
    border-radius: 25px;
    top: 13px;
}
#block_size_range:before {
    background: #6295f3;
    content: '';
    height: 5px;
    position: absolute;
    cursor: pointer;
    border-radius: 25px;
    top: 13px;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #E2ECFF;
  border-radius: 25px;
  border: 0px solid #000101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 25px;
  width: 25px;
  border-radius: 100%;
  background: #6295f3;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -10px;
}
/*input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ac51b5;
}*/
input[type=range]::-moz-range-track { /* Range tracker */
  width: 100%;
  height: 5px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #E2ECFF;
  border-radius: 25px;
  border: 0px solid #000101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 25px;
  width: 25px;
  border-radius: 100%;
  background: #6295f3;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 12.8px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 39px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #ac51b5;
  border: 0px solid #000101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #ac51b5;
  border: 0px solid #000101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 20px;
  width: 39px;
  border-radius: 7px;
  background: #65001c;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #ac51b5;
}
input[type=range]:focus::-ms-fill-upper {
  background: #ac51b5;
}
/** Range Slider **/

#icon_settings a:first-child {
    margin-right: 25px;
}
.layout_border.tb_checked {
    border-color: #6295f3;
    box-shadow: 0 0 3px #6295f3;
}
.layout_border input[name=icon_layout] {
    display: none;
}
.product-title, .collection-title {
     margin-left: 10px;
}
.products_list, .collections_list {
     overflow: auto;
     max-height: 445px;
}
.color_bg_code .color-text-field {
     background: #fff;
     border-color: #fff;
     box-shadow: 0 0 #fff;
     text-decoration: unset;
     padding: 0;
     margin-top: -8px;
     cursor: auto;
}
/*.input-group-addon i {
     border: 1px solid;
     padding: 15px;
     border-radius: 20px;
}*/
.input-group-addon i {
     border: 1px solid;
     border-radius: 20px;
     margin: 5px;
     padding: 12px;
}

/*** Live preview of icon ***/
.tb-icon-block-container {
     /*display: flex; flex: 0 1 0%;*/ 
     width: 100%; 
     justify-content: center; 
     position: relative; 
     line-height: 1.5; 
     word-break: break-word;
}
.mobile_view .tb-icon-block-container {
     max-width: 375px;
     flex: 1 1 0%;
     margin: 0 auto;
}
.tb-icon-block-wrapper {
     display: flex; flex: 1 1 0%; justify-content: space-between; flex-wrap: wrap;min-width: fit-content;
}
.tb-icon-block {
     display: flex; flex-grow: 1; flex-shrink: 0; justify-content: center;
}
.tb_vertical .tb-icon-block-icon {
     display: flex; flex-direction: row; flex: 1 1 0%; align-items: center; text-align: center; padding: 10px;
}
.tb_vertical .tb-icon-img-container {
     display: flex; flex-shrink: 0; align-items: center; height: 50px; width: 50px; fill: rgb(0, 0, 0); margin-bottom: 0px;
}
.tb-icon-img-container img {
     height: 100%; width: 100%; object-fit: contain; display: inline-block; border-radius: 0px;
}
.tb_vertical .tb-icon-content {
     display: flex; flex-direction: column; text-align: left; margin-left: 10px;
}
.tb-icon-content .tb-icon-block-icon-title {
     font-size: 16px; color: rgb(0, 0, 0); font-style: normal; font-weight: 300;
}
.tb-icon-content .tb-icon-block-icon-subtitle {
     font-size: 12px; color: rgb(0, 0, 0); font-style: normal; font-weight: 300;
}
.tb_horizontal .tb-icon-block-icon {
     display: flex; flex-direction: column; flex: 1 1 0%; align-items: center; text-align: center; padding: 10px;
}
.tb_horizontal .tb-icon-img-container {
     display: flex; flex-shrink: 0; align-items: center; height: 50px;/*80px;*/ width: 50px;/*80px;*/ fill: rgb(0, 0, 0); margin-bottom: 8px;
}
.tb_horizontal .tb-icon-content {
     display: flex; flex-direction: column; text-align: center; margin-left: 0px;
}

/** review css **/

/*.rating_heading{color: gray;}
  .rating {display: flex;flex-direction: row-reverse;justify-content: right;padding-right: 50px;}
 .rating > input {display: none;}
 .rating > label {position: relative;width: 1em;font-size: 2vw;color: #e3aa08;cursor: pointer;margin-bottom: 0;}
 .rating > label::before {content: "\2605";position: absolute;opacity: 0;}
 .rating > label:hover:before, .rating > label:hover ~ label:before {opacity: 1 !important;color: #e3aa08;border-color: #e3aa08;}
 .rating > input:checked ~ label:before {opacity: 1;color: #e3aa08;border-color: #e3aa08;}
 .rating:hover > input:checked ~ label:before {opacity: 0.4;color: #e3aa08;border-color: #e3aa08;}
 .card-body {padding-top: 0;}
 .rating_section{padding: 0;color: #fff;background-color: #ecf9fb;border: 2px solid #97c6cd;width: 100%;display: inline-block;}
 
.review_write {text-align: center;display: inline-block;font-size: 14px;cursor: pointer;color: #000;float: right;margin: -4px 56px 4px;}
.rating_count label{margin-bottom: 0;}
.rating_label{padding: 18px;padding-bottom: 0;}
.rating_sublabel{padding: 22px 12px;font-size: 18px;text-align: left;display: block;line-height: 22px;float: left;color: #000;}*/

      .rating_section_wise{
         background: #ecf9fb;
margin-top: 25px;
padding: 14px 0px 11px 0px;
border: 2px solid #a0c5cc;
border-radius: 8px;
      }
      .heart_img{
          margin-right:10px;
          padding:0px 20px;
          padding-top: 3px;
      }
  
      .content_rating_ h6{
          margin-bottom:0px;
          font-size:16px;
          font-family: 'Poppins', sans-serif;
        }
        .star_rate{
            padding-top:10px;
            width:100%;
            float:left;
            padding-left:25px;
        }
        .star_rate ul li{
            float:left;
            padding: 0px 11px 0px 0px;
        }



      .rating_heading{color: gray;}
  .rating {display: flex;flex-direction: row-reverse;justify-content: right;}
 .rating > input {display: none;}
 .rating > label {position: relative;width: 1em;font-size: 2vw;color: #e3aa08;cursor: pointer;margin-bottom: 0;line-height: 35px;}
 .rating > label::before {content: "\2605";position: absolute;opacity: 0;}
 .rating > label:hover:before, .rating > label:hover ~ label:before {opacity: 1 !important;color: #e3aa08;border-color: #e3aa08;}
 .rating > input:checked ~ label:before {opacity: 1;color: #e3aa08;border-color: #e3aa08;}
 .rating:hover > input:checked ~ label:before {opacity: 0.4;color: #e3aa08;border-color: #e3aa08;}
 .card-body {padding-top: 0;}
 .rating_section{padding: 0;color: #fff;background-color: #ecf9fb;border: 2px solid #97c6cd;width: 100%;display: inline-block;}
 
.review_write {text-align: center;display: inline-block;font-size: 14px;cursor: pointer;color: #000;float: right;padding-right:60px;margin: 10px auto 3px;line-height: 0;}
.rating_count label{margin-bottom: 0;}
.rating_label{padding: 18px;padding-bottom: 0;}
.rating_sublabel{padding: 22px 12px;font-size: 18px;text-align: left;display: block;line-height: 22px;float: left;color: #000;}

.serach_product_list, .serach_collection_list{margin-top: 10px;}
/** end review css **/
.popup-youtube{background: #5590f5;color: #fff;border: 2px solid #5590F5;border-radius: 50px;padding: 6px 13px 6px 6px;color: #5590F5;font-family: 'Poppins', sans-serif;font-weight: 500;background-color: #fff;outline: none !important;text-align: center;cursor: pointer;margin-right: 11px;}
.popup-youtube:hover {background-color: #5590F5;color: #ffff;text-decoration: none;}

/** internal css **/
.tb-icon-block-container .tb-icon-block {
     flex-basis: 0;
}
@media screen and (max-width: 500px) {
     .tb_horizontal .tb-icon-block-container .tb-icon-block {
          flex-basis: 100%;
     }
     .tb_vertical .tb-icon-block-container .tb-icon-block {
          flex-basis: 0;
     }
     .tb-icon-block-wrapper{
          max-width: 100% !important;
     }
}
.tb-icon-block-container .tb-icon-block-icon svg {
     height: 100%;
     width: 100%;
}
.tb-icon-block-container .tb-icon-block-icon g {
     clip-path: none;
}
/** Internal css **/

/*** //Live preview of icon ***/ 

.icon_blocks-container a {
     text-decoration: none;
}
.div_add_link label, .div_add_tags label {
     font-weight: normal;
     margin: 0;
     cursor: pointer;
}
.div_add_link span, .div_add_tags span {
     float: right;
     cursor: pointer;
     color: #007bff;
}
/** Hide updown arrow from input type number field **/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
/** //Hide updown arrow from input type number field **/
.btn_delete {
     width: 18%;
     float: left;
     background-color: #d70000;
     border: none;
     outline: none !important;
     padding: 10px;
     border-radius: 8px;
     color: #fff;
     font-size: 17px;
     font-weight: 500;
     font-family: 'Poppins', sans-serif;
     margin-left: 10px;
}


/** Toast Message css **/
.res_msg {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: #333; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
.res_msg.show {
  visibility: visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}
/** Toast Message css **/
.activeplanblock{background-color: #5590F5;border: none;padding: 10px;}
.activeplanbutton{background-color: #FFA924;}
.activeplanblock .one_content span, .activeplanblock .doller_sign, .activeplanblock .last_free, .activeplanblock .free_div_ ul li, .activeplanblock .limited, .activeplanblock .free_div_content ul{color: #fff;}

.tb_spacing:nth-child(2n) {
    padding-left: 0;
}
.manual_code {
     padding: 10px 5px;
     background: #eee;
     border-radius: 5px;
     display: flex;
}
.manual_code code {
     line-height: 1.5;
     flex: 1;
}
.icons_list h4 {
     margin-left: 17px;font-size: 19px;font-weight: bold;
}
.icons_list .tb_icon_image {
     border: 2px solid #ecf0f1;padding: 5px;border-radius: 4px 4px 0 0;height: auto;line-height: 70px;text-align: center;
}
.icons_list .icon_img {
     width: 100%;height: auto;max-height: 80px;cursor: pointer;
}
.form-check label { cursor: pointer; }
.icon_bg_color .color_bg:nth-child(2n+1) {
     width: 40%;
}
.icon_bg_color .color_bg:nth-child(2n) {
     width: 60%;
}
.color_bg .input-group-addon {
     border: 1px solid #bbb;
     border-radius: 8px 0 0 8px;
}
.color_bg .color-text-field {
     border-radius: 0 8px 8px 0;
}
.tb-desc {
     font-style: italic;
     font-size: 14px;
}
/** Join FB Group **/
.join_fbgroup {
    width: 95%;
    margin: 0 25px 20px;
    display: flex;
}
.join_fbgroup .fbgroup_block {
     background: #fff;
     padding: 20px;
     border-radius: 12px;
}
.join_fbgroup .fb_icon_block {
     max-width: 225px;
     float: right;
}
.join_fbgroup .fb_icon_block img {
     width: 100%;
     height: auto;
}
/** Join FB Group **/
.popup_view .both_view{
    width: 21%;
    margin-left: 15px;
}
.popup_view .both_view .btn_icone_{
    font-size: 15px;
}
.waiting{
    position: absolute;
    content: '';
    right: 15px;
    top: -4px;
    width: 41px;
    bottom: 0px;
    height: auto;
}
.btn_icone_{
    background-color:#F4F5F7;
    border-radius:8px;
    outline:none;
    border:none;
    padding:10px;
    width:100%;
    font-size:19px;
    font-weight:500;
    border:none !important;
    outline: none !important;
    font-family: 'Poppins', sans-serif;
}
.btn_icone_:hover{
    background-color: #6295f3;
    color:#fff;
}
.regular_icon, .d_icone{
    width: 100%;
    margin-left: 0px;
}


/*Popup css*/
.sm_btn{
    font-size: 15px;
    padding: 8px;
}
.border_modal{
    border-radius: 20px;
}
.modal_text{
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin: 20px 0px 10px;
}
.border_header{
}
.both_save_btn{
    font-size: 15px;
    padding: 8px;
}
/*Popup css*/
.banner_section{
    width: 95%;
    padding: 20px 0px 0px;
    margin: auto;
}
.banner_section img{
    max-width: 100%;
    min-width: 100%;
}
.prog_baar{
  justify-content: end;
    display: flex;
    align-items: baseline;
}
.progress{
    height: 15px;
}
.progree_color{
    background-color: #5590F5;
}
.prog_icon{
    position: relative;
    display: inline-block;
    width: 30px;
}
.tool_tip {
    background-color: rgba(0, 0, 0, 0.9);
    padding: 15px;
    width: 300px;
    position: absolute;
    z-index: 2;
    right: -15px;
    top: -185px;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    display: none;
}
.tool_tip::before {
    content: "";
    clip-path: polygon(100% 0, 0 0, 50% 50%);
    width: 25px;
    height: 25px;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 999;
    position: absolute;
    bottom: -25px;
    right: 8px;
    transform: translateX(-50%);
}
.qsn_icon{
    cursor: pointer;
}
/** Video Tutorials **/
/**{
    box-sizing:border-box
}*/
.video_card_section{
    width: 100%;
}
.video_content_parnets{
    display: flex;
    margin:20px 0px;
    box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
    border-radius: 8px;

}
.video_content_section{
    border-radius: 0px 8px 8px 0px;
   /* box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);*/
    padding: 0px 20px 0px;
    background-color: #fff;
}
.video_content_section h3{
    font-size: 22px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}
.video_content_section p{
    font-size:13px;
    font-family: 'Poppins', sans-serif;
}
.common_section{
    box-shadow: 0 1px 3px 0 rgb(32 33 36 / 28%);
    padding: 20px 10px;
    margin: 20px 0px 10px;
    border-radius: 8px;
    background-color: #fff;
}
.common_section h3{
    font-size:20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    
}
.question_text ul{
    padding-left: 20px;
}
.question_text ul li{
    font-size:13px;
    line-height: 30px;
    font-family: 'Poppins', sans-serif;
}
.vid {
    width:300px;
}
.vid img{
    max-width: 100%;
    min-width: 100%;
    border-radius: 8px 0px 0px 8px;
    cursor: pointer;
   /* box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);*/
}
/* Video Popup */
.video-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 998;
    cursor: pointer;
    display: none !important;
    background-color: rgb(0, 0, 0, .5);
}

.video-popup.show-video {
    display: flex !important;
}

.iframe-wrapper {
    position: relative;
}

.iframe-wrapper .close-video {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    top: -20px;
    right: 0%;
    background: url(https://image.flaticon.com/icons/svg/149/149690.svg) #fff;
    border-radius: 50%;
    background-size: cover;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}
.watch_btn{
    border:none;
    outline:none !important;
    background-color: #fff;
    padding: 5px 10px;
    border:1px solid #e1e1e4;
    border-radius: 8px;
    margin: 5px 0px 10px;
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    
}
.view_btn{
    border:none;
    outline:none !important;
    background-color: #fff;
    padding: 7px 10px;
    border:1px solid #e1e1e4;
    border-radius: 8px;
    margin: 10px 0px 20px;
    font-family: 'Poppins', sans-serif;
}
@media only screen and (max-width:1024px) and (min-width:768px){
    iframe{
        width: 500px !important;
        height: 300px !important;
    }
    .video_content_section{
        padding: 0px 20px 0px;
    }
}
@media only screen and (max-width:767px) and (min-width:320px){
    .vid {
        width: 100%;
    }
    .video_content_section{
        border-radius: 8px;
        padding:10px;
        margin: 10px 0px;
    }
    iframe{
        width: 300px !important;
        height: 200px !important;
    }
    .video_content_parnets{
        display: block;

    }
    .video-wrapper {
        display: inline-block;
        padding: 0;
        margin: 0;
        width: 100%;
        padding-top: 56.25%;
        height: 0px;
        position: relative;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.3), 0 6px 30px rgba(0, 0, 0, 0.25);
        background-color: white;
    }
    .video-wrapper iframe {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
    }
    iframe {
        width: 100%;
        height: 100%;
    }
    .vid img{

        border-radius: 8px;
        box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
    }
}
iframe{
    width: 900px;
    height: 470px;
}
.video_p{ position: absolute;top: 50%;left: 50%; -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }
/** Video Tutorials **/
.powered_by{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin: 10px auto;
    position: absolute;
    top: -65px;
    right: 0;
}
/*set star icon*/
.three_d{
    position: relative;
}
.star_icon{
    position: absolute;
    right: 14px;
    top: 12px;
}
/*set star icon*/

/** Integration style **/
.cart_section{
    width: 100%;
    border-radius: 10px;
    padding: 18px 20px 20px;
    box-shadow: 0 0 0.3125rem #1718180d, 0 0.0625rem 0.125rem #00000026;
    background: #ffff;
    outline: 0.0625rem solid #0000;
    display: flex;
}
.cart_img_section{
    width:10%;
}
.cart_img_section img{
    max-width:100%
}
.cart_heading{
    padding: 0px 0px 0px 17px;
    width:90%;
}
.cart_heading h2{
    font-size:16px;
    font-weight: 600;
}
.cart_heading p{
    font-size: 14px;
    color:#6e7175;
    margin-bottom: 8px
}
.try_btn{
    background: #367e62;
    color:#fff;
    font-size:  13px
}
.try_btn:hover{
    background: #006e52;
    color:#fff;
}
/** Integration style **/

.trust_logo{
    display: flex;
    align-items: center;
}
.active_btn_mpl{
    padding: 6px 10px !important;
}

.help_btn:hover div svg path{
    fill: #fff !important;
}