@font-face {
    font-family: "poppins_bold";
    src: url('../fonts/Poppins-Bold.ttf');
}

@font-face {
    font-family: "poppins_semi_bold";
    src: url('../fonts/Poppins-SemiBold.ttf');
}

@font-face {
    font-family: "poppins_reg";
    src: url('../fonts/Poppins-Regular.ttf');
}

h1{
    font-family: "poppins_bold";
    font-size: 76px;
    line-height: 109px;
    /*font-weight: 700;*/
    color: #fff;
}

h2{
    font-family: "poppins_bold";
    font-size: 50px;
    line-height: 76px;
    /*font-weight: 700;*/
    color: #4A4A4A;
}

h3{
    font-family: "poppins_bold";
    font-size: 40px;
    line-height: 60px;
    /*font-weight: 700;*/
    color: #4A4A4A;
}

h4{
    font-family: "poppins_bold";
    font-size: 35px;
    line-height: 53px;
    /*font-weight: 700;*/
    color: #4A4A4A;
}

h5{
    font-family: "poppins_semi_bold";
    font-size: 23px;
    line-height: 34px;
    /*font-weight: 700;*/
    color: #4A4A4A;
}

.secondary_btn{
    background-color: #AEDB80;
    border-radius: 10px;
    box-shadow: 0 8px 21px #000000 / 6%;
    border: 0;
    padding: 20px 40px;
    font-size: 18px;
    font-family: "poppins_semi_bold";
    line-height: 27px;
    /*font-weight: 600;*/
    color: #fff;
    border: 2px solid #AEDB80;
}

.inner_section_step_form .secondary_btn {padding: 15px 10px;}
.inner_section_step_form .title_button_wrapper .step_title {margin-bottom: 0;}

.add_status_modal .modal_content .txt_field:has(input[type="color"]) img {display: none;}
.add_status_modal .modal_content .txt_field:has(input[type="color"]) input{height: 40px}

.primary_btn{
    background-color: #0E89C5;
    border-radius: 10px;
    padding: 20px 40px;
    border: 0;
    font-size: 18px;
    font-family: "poppins_semi_bold";
    line-height: 27px;
    /*font-weight: 600;*/
    color: #fff;
    border: 2px solid #0E89C5;
}

.primary_btn.outlined{background-color: #fff; color: #0E89C5; border: 2px solid #0E89C5;}

.block_btn{display: block; width: 100%;}

/* Login page style starts from here */

.login_form_main_sec .inner_section_col_left {overflow: hidden; position: relative; padding-left: 30px; padding-top: 20px; border-radius: 0 50px 50px 0;height: 100vh;background: linear-gradient(222deg, #AEDB80, #0E89C5);}
.login_form_main_sec .inner_section_col_left .copyright_text p {color: white;}

.login_form_main_sec .login_main_row {margin: 0;}
.login_form_main_sec .login_main_row .col_left {padding-left: 0;}
.login_form_main_sec .login_heading {margin-bottom: 50px;}
.txt_field {margin-bottom: 25px;}
.txt_field input{height: 60px;border-radius: 10px;background-color: white;box-shadow: 0 8px 21px rgba(0,0,0,0.06); border: 0;}
.txt_field select{height: 60px !important;border-radius: 10px;background-color: white;box-shadow: 0 8px 21px rgba(0,0,0,0.06); border: 0;}
.txt_field input:focus, .txt_field select:focus {border: 0; box-shadow: 0 8px 21px rgba(0,0,0,0.06);}

.txt_field .input_reset_wrapper {position: relative;}
.txt_field .input_reset_wrapper .reset_pass_btn {position: absolute; right: 20px; top: 0; bottom: 0; margin: auto 0; height: fit-content; width: fit-content; text-decoration: underline;}
.txt_field .input_reset_wrapper input{padding-right: 150px;}
.login_form_main_sec .login_btn {margin-top: 15px;}

.login_form_main_sec .col_right {align-items: center; display: flex;}
.login_form_main_sec .col_right .inner_section_col_right {width: 100%; padding-right: 120px}

.login_form_main_sec .inner_section_col_left:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: url('../images/login_bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    opacity: 0.15;
}

.login_form_main_sec .inner_section_col_left .inner_content {z-index: 2; display: flex;flex-direction: column;justify-content: space-between; height: 100%; position: relative;}

.login_form_main_sec{position: relative; overflow-x: clip; overflow-y: clip;}
.login_form_main_sec:before {
    content: "";
    position: absolute;
    display: block;
    bottom: -160px;
    right: -160px;
    background-image: url('../images/circle_gradient.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 609.1px;
    height: 609.1px;
}

/* Login page style ends here */


/* Step form style starts from here */

.stepform_main_sec #msform { text-align: center; position: relative; margin-top: 20px }
.stepform_main_sec #msform fieldset { background: white; border: 0 none; border-radius: 0.5rem; box-sizing: border-box; width: 100%; margin: 0; padding-bottom: 0px; position: relative }
.stepform_main_sec .form-card {text-align: left}
.stepform_main_sec #msform fieldset:not(:first-of-type) {display: none;}
.stepform_main_sec #msform input[type="button"], .stepform_main_sec #msform input[type="submit"], .stepform_main_sec #msform .action-button { padding: 0; border-radius: 0px; margin-bottom: 25px; margin-top: 2px; width: 100%; box-sizing: border-box; /*font-family: montserrat;*/ color: #fff; background-color: #0E89C5; font-size: 16px; letter-spacing: 1px ;    line-height: 60px;cursor: pointer;}
.stepform_main_sec #msform .action-button:hover{text-decoration: none;}
.stepform_main_sec #msform input:focus, #msform textarea:focus { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; border: 1px solid #673AB7; outline-width: 0 }
/*.stepform_main_sec #msform .action-button { width: 100px; background: #673AB7; font-weight: bold; color: white; border: 0 none; border-radius: 0px; cursor: pointer; padding: 10px 5px; margin: 10px 0px 10px 5px; float: right }*/
/*.stepform_main_sec #msform .action-button:hover, #msform .action-button:focus { background-color: #311B92 }*/
.stepform_main_sec #msform .action-button-previous { width: 100px; background: #616161; font-weight: bold; color: white; border: 0 none; border-radius: 0px; cursor: pointer; padding: 10px 5px; margin: 10px 0 10px 0px; float: right }
/*.stepform_main_sec #msform .action-button-previous:hover, #msform .action-button-previous:focus { background-color: #000000 }*/
.stepform_main_sec .card { z-index: 0; border: none; position: relative }
.stepform_main_sec .fs-title { font-size: 25px; color: #673AB7; margin-bottom: 15px; font-weight: normal; text-align: left }
.stepform_main_sec .purple-text { color: #673AB7; font-weight: normal }
.stepform_main_sec .steps { font-size: 25px; color: gray; margin-bottom: 10px; font-weight: normal; text-align: right }
.stepform_main_sec .fieldlabels { color: gray; text-align: left }
.stepform_main_sec #progressbar { margin-bottom: 80px; overflow: hidden; color: lightgrey; display: flex; justify-content: center; padding-left: 0;}
.stepform_main_sec #progressbar .active { color: #0E89C5; }
.stepform_main_sec #progressbar li { list-style-type: none; font-size: 15px; /* width: 25%; */ float: left; position: relative; font-weight: 400; padding: 0px 0 20px 0; flex: 1; margin: 0 10px; text-align: left;}
/*.stepform_main_sec #progressbar #account:before { font-family: FontAwesome; content: "\f13e" }*/
/*.stepform_main_sec #progressbar #personal:before { font-family: FontAwesome; content: "\f007" }*/
/*.stepform_main_sec #progressbar #payment:before { font-family: FontAwesome; content: "\f030" }*/
/*.stepform_main_sec #progressbar #confirm:before { font-family: FontAwesome; content: "\f00c" }*/
/*.stepform_main_sec #progressbar li:before { width: 50px; height: 50px; line-height: 45px; display: block; font-size: 20px; color: #ffffff; background: lightgray; border-radius: 50%; margin: 0 auto 10px auto; padding: 2px }*/
.stepform_main_sec #progressbar li:after { content: ''; width: 100%; height: 10px; right: 0; margin: 0 auto; border-radius: 10px; background: lightgray; position: absolute; left: 0; top: 25px; z-index: -1 }
.stepform_main_sec #progressbar li.active:before, #progressbar li.active:after { background: #0E89C5; }
.stepform_main_sec .progress {height: 20px}
.stepform_main_sec .progress-bar {background-color: #673AB7}
.stepform_main_sec .fit-image {width: 100%; object-fit: cover}

.inner_section_step_form .step_form_next_btn {height: 60px; border-radius: 10px !important; font-family: "poppins_semi_bold"; color: white; margin-left: 0; margin-right: 0;}
.stepform_main_sec .inner_section_step_form .txt_field input, .stepform_main_sec .inner_section_step_form .txt_field select {height: 60px !important;}

#msform input.error, #msform select.error, #msform textarea.error , .inner_section_step_form .business_logo_upload_wrapper .logo_img.error {outline: 2px solid red;}

/* Step form style ends here */

/* Step form step # 1 style starts from here */

.inner_section_step_form .step_title {margin-bottom: 30px;}

.inner_section_step_form .business_logo_upload_wrapper {margin-bottom: 40px;}
.inner_section_step_form .business_logo_upload_wrapper .wrapper {display: flex; gap: 25px; align-items: flex-end;}
.inner_section_step_form .business_logo_upload_wrapper .logo_img {width: 442px; height: 191px; border-radius: 10px; overflow: hidden; background-color: #F7F7F7; position: relative;}
.inner_section_step_form .business_logo_upload_wrapper .logo_img input {position: absolute; width: 100%; height: 100%; opacity: 0; top: 0; left: 0;}
.inner_section_step_form .business_logo_upload_wrapper .logo_img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.inner_section_step_form .business_logo_upload_wrapper .wrapper .upload_btn label {margin-bottom: 0;}

.inner_section_step_form .inner_section_table table tbody tr td {font-size: 16px;}

/* Step form step # 1 style ends here */

/* Step form step # 2 style starts from here */

.inner_section_step_form .title_button_wrapper {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px}
.inner_section_step_form .inner_section_table thead {background-color: #0E89C5; color: white;}
.inner_section_step_form .inner_section_table thead th {font-size: 16px; font-family: "poppins_semi_bold";}
.inner_section_step_form .inner_section_table thead th, .inner_section_step_form .inner_section_table tbody td{padding-top: 24px;padding-bottom: 24px; border: 0}

.inner_section_step_form #hubs_fieldset tbody tr .hub_name_col ul {margin-bottom: 0;}


.inner_section_table table thead tr th:first-child {overflow: hidden; border-top-left-radius: 10px; border-bottom-left-radius: 10px; text-align: center; width: 15%}
.inner_section_table table thead tr th:last-child {overflow: hidden; border-top-right-radius: 10px; border-bottom-right-radius: 10px; text-align: center; width: 20%}
.inner_section_table table tbody tr td:last-child {overflow: hidden; border-top-right-radius: 10px; border-bottom-right-radius: 10px; text-align: center;}
.inner_section_table table tbody tr td:first-child {overflow: hidden; border-top-left-radius: 10px; border-bottom-left-radius: 10px; text-align: center;}
.inner_section_table table tbody tr:nth-child(even){background: rgba(14, 137, 197, 0.09);}
.inner_section_table table tbody tr:nth-child(odd){background: transparent;}
.inner_section_table table tbody tr td{border: 0; vertical-align: middle; font-size: 20px; font-family: "poppins_reg";}

.inner_section_table table tbody tr td .action_buttons_wrapper {display: flex; gap: 10px; justify-content: center;}
.inner_section_table table tbody tr td .action_buttons_wrapper a {padding: 3px 8px;}
.inner_section_table table tbody tr td .action_buttons_wrapper a i {font-size: 15px;}

/* Step form step # 2 style ends here */


/* Add pipeline modal starts from here */

.add_pipeline_modal button.close {background-color: #AEDB80;opacity: 1;color: white;width: 40px;height: 40px;border-radius: 50%; position: absolute; right: 20px; top: 20px;}
.add_pipeline_modal button.close span {font-size: 30px;line-height: 20px;}

.add_pipeline_modal .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.add_pipeline_modal .switch input {display:none;}

.add_pipeline_modal .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.add_pipeline_modal .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
}

.add_pipeline_modal input:checked + .slider {
    background-color: #0E89C5;
}

.add_pipeline_modal input:focus + .slider {
    box-shadow: 0 0 1px #0E89C5;
}

.add_pipeline_modal input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.add_pipeline_modal .slider.round {
    border-radius: 34px;
}

.add_pipeline_modal .slider.round:before {
    border-radius: 50%;
}

.add_pipeline_modal .switch input:checked + .slider:before{
    content: "\f00c";
    color: #0E89C5;
}

.add_pipeline_modal .add_pipeline_modal .radio_buttons_wrapper .funnel_chart {
    display: flex;
    align-items: center;
    gap: 10px;
}

.add_pipeline_modal .radio_buttons_wrapper {display: flex; align-items: center; gap: 20px; margin-top: 40px;}
.add_pipeline_modal .modal-dialog {max-width: 46%;}
.add_pipeline_modal .inner_section_modal_body .modal_title {margin-bottom: 30px;}
.add_pipeline_modal .inner_section_modal_body .modal_title h3 {text-align: center;}
.add_pipeline_modal .inner_section_modal_body .modal_content .field_action_btn_wrapper {display: flex; align-items: center; gap: 20px;}
.add_pipeline_modal .inner_section_modal_body .modal_content .field_action_btn_wrapper .stage_name_field {flex: 1;}
.add_pipeline_modal .inner_section_modal_body .modal_content .field_action_btn_wrapper .action_btn_wrapper {display: flex; align-items: center; justify-content: center; gap: 15px;}
.add_pipeline_modal .inner_section_modal_body .modal_content .field_action_btn_wrapper .action_btn_wrapper a{height: 60px; width: 60px; border-radius: 5px; display: flex; align-items: center; justify-content: center; padding: 0;}
.add_pipeline_modal .inner_section_modal_body .modal_content .modal_bottom_btn_wrapper {display: flex; gap: 15px; margin-top: 35px;}
.add_pipeline_modal .modal-body {padding: 40px 35px;}
.add_pipeline_modal .modal-content {border-radius: 10px;}
.add_pipeline_modal .radio_buttons_wrapper .funnel_chart {display: flex; align-items: center; gap: 13px;}

/* Add pipeline modal ends here */

/* Add Hub modal style starts from here */

.add_hub_step_modal .radio_buttons_wrapper {display: flex; align-items: center; gap: 20px; margin-top: 40px;}
.add_hub_step_modal .modal-dialog {max-width: 46%;}
.add_hub_step_modal .inner_section_modal_body .modal_title {margin-bottom: 30px;}
.add_hub_step_modal .inner_section_modal_body .modal_title h3 {text-align: center;}
.add_hub_step_modal .inner_section_modal_body .modal_content .field_action_btn_wrapper {display: flex; align-items: center; gap: 20px;}
.add_hub_step_modal .inner_section_modal_body .modal_content .field_action_btn_wrapper .stage_name_field {flex: 1;}
.add_hub_step_modal .inner_section_modal_body .modal_content .field_action_btn_wrapper .action_btn_wrapper {display: flex; align-items: center; justify-content: center; gap: 15px;}
.add_hub_step_modal .inner_section_modal_body .modal_content .field_action_btn_wrapper .action_btn_wrapper a{height: 60px; width: 60px; border-radius: 5px; display: flex; align-items: center; justify-content: center; padding: 0;}
.add_hub_step_modal .inner_section_modal_body .modal_content .modal_bottom_btn_wrapper {display: flex; gap: 15px; margin-top: 35px;}
.add_hub_step_modal .modal-body {padding: 40px 35px;}
.add_hub_step_modal .modal-content {border-radius: 10px;}
.add_hub_step_modal .radio_buttons_wrapper .funnel_chart {display: flex; align-items: center; gap: 13px;}

.add_hub_step_modal button.close {background-color: #AEDB80;opacity: 1;color: white;width: 40px;height: 40px;border-radius: 50%; position: absolute; right: 20px; top: 20px;}
.add_hub_step_modal button.close span {font-size: 30px;line-height: 20px;}

/* Add hub style ends here */

/* Add Status modal starts from here */

.add_status_modal .modal_content .select_icon_wrapper {
    position: relative;
}

.add_status_modal .modal_content .select_icon_wrapper:before {
    content: "\f078";
    display: block;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 16px;
    height: 20px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #0E89C5;
}

.add_status_modal .modal_content select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.add_status_modal .modal_content .select_icon_wrapper.opened:before {transform: rotate(180deg); transition: .5s ease;}
.add_status_modal .modal_content .select_icon_wrapper:before {transform: rotate(0deg); transition: .5s ease;}

/* Add Status modal ends here */

/* Hubs step form style starts from here */

.inner_section_table table tbody tr td .action_buttons_wrapper .add_folder a {height: 36px; font-size: 12px; padding-left: 20px; padding-right: 20px; font-weight: 400;}
#hubs_fieldset table tbody tr .hub_name_col ul {list-style: none; padding-left: 0;}
#hubs_fieldset table tbody tr .hub_name_col ul .delete_btn { background: #0E89C5; width: 20px; height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
#hubs_fieldset table tbody tr .hub_name_col ul .delete_btn i {color: white; font-size: 14px}
#hubs_fieldset table tbody tr .hub_name_col ul li {display: flex; align-items: center; gap: 6px;}

/* Hubs step form style ends here */


/* Step form last step starts from here */

.inner_section_step_form .inner_section_review_card {border-radius: 10px; box-shadow: 0 8px 21px rgba(0,0,0,0.06); padding: 25px 24px 10px 24px; margin-bottom: 30px; height: 100%;}
.inner_section_step_form .inner_section_review_card .card_title {margin-bottom: 20px}
.inner_section_step_form .inner_section_review_card table th {font-weight: 400;}
.inner_section_step_form .inner_section_review_card table th, .inner_section_step_form .inner_section_review_card table td {border: 0; padding-left:0; padding-right: 0;}
.inner_section_step_form .inner_section_review_card table td {text-align: right;}
.inner_section_step_form .inner_section_review_card .logo_preview {width:286px; height: 123px; overflow: hidden; border-radius: 10px;}
.inner_section_step_form .inner_section_review_card .logo_preview img{width: 100%; height: 100%; object-fit:cover; object-position: center;}
.inner_section_step_form .card_col {margin-bottom: 40px;}

/* Step form last step ends here */


 .form-control.select2>a { border: none; box-shadow: none; background-image: unset; height: 100%; display: flex; align-items: center; }
.form-control.select2>a .select2-arrow { border: none; background-image: unset; background-color: transparent; display: flex; align-items: center; justify-content: center; height: 25px; top: 20px; }
.form-control.select2  { height: 77px; border-radius: 10px; background-color: white; box-shadow: 0 8px 21px rgba(0,0,0,0.06); border: 0; }
.form-control.select2 .select2-choice { background-image: unset; box-shadow: unset; background:transparent }



/* Pricing page style starts from here */

.packages_main_sec {padding-bottom: 60px;}
.inner_section_packages_header {display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 40px 0;}
.packages_main_sec .pricing-plan .pricing-box {box-shadow: 0 6px 26px rgba(14,137,197,0.15);border-radius: 10px 50px 10px 10px;overflow: hidden;/* height: 100%; */}
.packages_main_sec .pricing-plan .pricing-box .pricing-body {/* height: 100%; */position: relative;}
.packages_main_sec .pricing-plan .pricing-header h2 {line-height: 50px; margin-bottom: 0;}
.packages_main_sec .pricing-plan .pricing-header {text-align: center;padding: 25px 0;background-color: #0E89C5;}
.packages_main_sec .pricing-plan .pricing-header * {color: white;}
.packages_main_sec .pricing-plan .pricing-header p {font-size: 15px;}
.packages_main_sec .pricing-plan .price-table-content {padding: 20px;}
.packages_main_sec .pricing-plan .price-table-content .price-row {padding-left: 25px; height: 400px; overflow-y: auto;}
.packages_main_sec .pricing-plan .price-table-content .price-row p {position: relative;}
.packages_main_sec .pricing-plan .price-table-content .price-row p:before {content: "\f00c";display: block;position: absolute;top: 0;bottom: 0;margin: auto 0;left: -24px;font-size: 17px;color: #0E89C5;font-family: "Font Awesome 5 Free";font-weight: 900;}
.packages_main_sec .pricing-plan .price-table-content .price-row.monthy_package_div, .packages_main_sec .pricing-plan .price-table-content .price-row.yearly_package_div {text-align: center;padding-left: 0; padding-top: 30px; height: unset;}
.packages_main_sec .pricing-plan .price-table-content .price-row.monthy_package_div a, .packages_main_sec .pricing-plan .price-table-content .price-row.yearly_package_div a {width: 100%; background-color: #0E89C5;}
.packages_main_sec .pricing-plan .price-table-content a, .packages_main_sec .pricing-plan .price-table-content a {width: 100%; background-color: #0E89C5;}

/* width */
.packages_main_sec .pricing-plan .price-table-content .price-row::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.packages_main_sec .pricing-plan .price-table-content .price-row::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.packages_main_sec .pricing-plan .price-table-content .price-row::-webkit-scrollbar-thumb {
    background: #0E89C5;
}

/* Handle on hover */
.packages_main_sec .pricing-plan .price-table-content .price-row::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.packages_main_sec .pricing-plan .price-table-content .price-btn a {display: block;}

/* Pricing page style ends here */


/* Signup page style starts from here */

.signup_form_main_sec .inner_section_col_left .inner_content {gap: 40px;}

.signup_form_main_sec .inner_section_col_left .center_heading {text-align: center;}
.signup_form_main_sec .inner_section_col_left .center_heading h1 span {font-size: 28px;}
.signup_form_main_sec .inner_section_col_left {padding-right: 30px;}
.signup_form_main_sec .inner_section_col_left .center_heading .package_features p {color: white;}

.signup_form_main_sec .inner_section_col_left .center_heading .package_features {padding-left: 25px; }
.signup_form_main_sec .inner_section_col_left .center_heading .package_features p {position: relative; text-align: left; margin: 16px auto}
.signup_form_main_sec .inner_section_col_left .center_heading .package_features p:before {content: "\f00c";display: block;position: absolute;top: 0;bottom: 0;margin: auto 0;left: -24px;font-size: 17px;color: #fff;font-family: "Font Awesome 5 Free";font-weight: 900;}

.signup_form_main_sec .inner_section_col_left .center_heading .inner_card {
    width: fit-content;
    margin: 0 auto;
    border: 1px solid #fff;
    padding: 20px 20px;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.1);
    backdrop-filter: blur(10px);
    box-shadow: 0 6px 40px rgba(166,215,132,0.7);
}

/* Signup page style ends here */


.btn_pie  , .btn_filter { height: 60px; width: 60px; border-radius: 5px; display: flex; align-items: center; justify-content: center; padding: 0; position: relative; border: 0px; border-radius: 10px; }
.btn_pie{ background-color: #AEDB80; }
.btn_filter{ background-color: #0E89C5; }
.btn_pie input[type="checkbox"] , .btn_filter input[type="checkbox"] { position: absolute; width: 100%; height: 100%; background: transparent; opacity: 0; cursor: pointer; }
.btn_pie input[type="checkbox"]:checked + img, .btn_filter input[type="checkbox"]:checked + img {border:2px solid black;width: 100%;height: 100%;object-fit: contain;padding: 20px;border-radius: 10px;}


/* Phone dropdown text field fixing */

.txt_field .iti {width: 100%;}

/* Phone dropdown text field ends here */