.columns-modal .modal-body{
    padding-bottom: 20px
  }
    .light-bg {
      padding: 20px;
      border-radius: 6px;
      margin-bottom: 10px;
    }
  
    .light-bg:hover{
      background-color: #e7f4fa;
    }
  
    .light-bg .title {
      color: #314455;
      font-size: 20px;
      font-weight: 500;
    }
  
    .address {
      color: #8b8b8b;
      font-size: 14px;
      font-weight: normal;
    }
  
    .light-bg .title {
      color: #314455;
    }
  
    .right-map-section {
      margin-left: 350px;
      width: calc(100% - 350px);
    }
  
    .left-listing-section {
      overflow: auto;
      position: absolute;
      bottom: 0;
      top: 13px;
  }
  
    .left-listing-section {
      width: 350px;
    }
  
    .columns-modal .modal-header {
      background-color: #192f46;
      color: #fff;
    }
  
    .columns-modal .modal-header h4 {
      font-size: 20px !important;
    }
  
    .columns-modal .modal-header .close {
      opacity: 1;
    }
  
  
    table.dataTable.no-footer {
      border-bottom: 0 !important;
    }
  
    .dataTables_length label {
      color: #73879c !important;
      font-weight: 600 !important;
    }
  
    body .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
      color: #000 !important;
    }
  
    .column-section .dataTables_filter input {
      height: 36px;
      border: 1px solid #ccc;
      box-shadow: none;
      border-width: 1px;
      padding: 15px;
      border-radius: 3px;
    }
  
    .dataTables_filter label {
      color: #73879c !important;
      font-weight: 600 !important;
    }
  
    .column-section table.dataTable thead th,
    .column-section table.dataTable tfoot th {
      font-weight: 500;
      color: #73879c;
    }
  
    .column-section table.dataTable thead th,
    .column-section table.dataTable thead td {
      border-bottom: 0;
    }
  
    .column-section .dataTables_length select {
      padding: 6px;
      border: 1px solid #ccc;
      border-radius: 3px;
      color: #73879c !important;
    }
  
    .tom-landscaping-section .x_panel {
      padding: 10px 17px 60px !important;
    }
  
    
    /* .compare-data {
      padding-bottom: 52px;
    } */

    .compare-data > div {
      margin-top: 15px;
    }
    .compare-data>div:first-child{
      margin-top: 0;
    }
    .compare-data {
      max-height: 650px;
        overflow-y: auto;
    }
  
    .custom-timeline {
      padding-bottom: 37px;
    }
  
    .tom-landscaping-section .custom-btn {
      position: absolute;
      /* bottom: 0; */
  
    }
  
    .landscaping-strip-top {
      padding: 5px 15px;
    }
  
    .border {
      border: 1px solid #ddd;
      border-radius: 2px;
      /* margin-bottom: 25px; */
    }
  
    .red-bg {
      background: #a81214;
      border-radius: 3px;
      width: 27px;
      height: 27px;
      text-align: center;
      vertical-align: bottom;
      margin-top: 10px;
      border: none;
    }
  
    .delete-icon {
      width: 16px;
    }
  
  
    .small-title {
      font-size: 15px;
      color: #000;
      font-weight: 600;
    }
  
  
    .compare-table-data.table>tbody>tr>td,
    .compare-table-data.table>tbody>tr>th,
    .compare-table-data.table>tfoot>tr>td,
    .compare-table-data.table>tfoot>tr>th,
    .compare-table-data.table>thead>tr>td,
    .compare-table-data.table>thead>tr>th {
      padding: 10px !important;
    }
  
    .compare-table-data {
      margin-top: 0 !important;
      margin-bottom: 0 !important;
    }
  
    .compare-table-data strong {
      font-weight: 600;
      color: #000;
      font-size: 13px;
    }
  
    .compare-table-data td {
      font-size: 15px;
    }
  
    .select-keyword-modal .modal-body {
      padding: 30px !important
    }
  
    .select-keyword-modal .search-input {
      height: 42px;
      /* border-color: #f2f2f2; */
      border: 1px solid #d1d1d1;
      border-radius: 4px;
      padding-left: 20px;
      font-size: 16px;
      box-shadow: 0px 1px 2px #ccc;
    }
  
    .w-full {
      width: 100% !important;
    }
  
    .select-keyword-modal .close {
      opacity: 1 !important;
    }
  
    .select-keyword-modal .modal-title {
      font-size: 20px;
    }
  
    .modaltitle-p-text {
      font-weight: normal;
      font-size: 14px;
  
    }
  
  
    .cancel-modal-icon {
      width: 24px;
      display: block;
    }
  
    .select-keyword-modal .modal-header {
      border-bottom: 1px solid #e5e5e5;
      background: #00acae;
      text-align: left;
      border-top-left-radius: 10px;
      padding: 20px 30px !important;
      color: #fff;
    }
  
    .select-keyword-modal .modal-dialog {
      width: 535px !important;
      height: 100%;
      z-index: 100000;
      position: fixed !important;
      right: 0;
      top: 0;
      margin: 0 !important;
      font-weight: normal;
      /*color: #fff;*/
  
    }
  
    .modal-open .modal {
      overflow-x: hidden !important;
      overflow-y: auto !important;
    }
  
    .modal.show .modal-dialog {
      transform: none !important;
    }
  
    .modal-open {
      overflow-y: scroll;
    }
  
    .select-keyword-modal .modal-content {
      height: 100%;
      border-top-left-radius: 10px;
    }
  
  
  
  
    .legendColorBox div {
      border-radius: 50%;
    }
  
    .call_chart-wrap {
      margin-top: 70px;
    }
  
    .legend table tr {
      display: inline-flex;
      margin: 0 10px;
      align-items: center;
    }
  
    .legend table {
      left: 0;
      top: -70px !important;
    }
  
    .legendLabel {
      font-weight: 600;
      margin-left: 10px;
      font-size: 15px;
      color: #000;
    }
  
    .show-kyword-box .checkmark {
      right: 0;
      left: unset;
    }
  
    .show-kyword-box .custom-container {
      padding-left: 0;
      border-bottom: 1px solid #ede4e4;
      padding-bottom: 10px;
    }
  
    .show-kyword-box .custom-container:last-child {
      border-bottom: none;
    }
  
    .search-keyword {
      width: 100%;
      margin-bottom: 15px;
      padding: 10px;
      border-radius: 2px;
    }
  
    .search-keyword {
      border: 1px solid #ccc;
      height: 40px;
      font-size: 16px;
    }
  
    label {
      color: #000 !important;
    }
  
    .select-keyword {
      border: 1px solid #eae8e8;
      width: 350px;
      height: 40px;
      border-radius: 4px;
      padding: 7px;
      font-size: 14px;
      padding-top: 10px;
      padding-left: 14px;
      cursor: pointer;
    }
  
    .show-kyword-box {
      background-color: #fff;
      color: #fff;
      width: 350px;
      border: 1px solid #eae8e8;
      padding: 15px;
      position: absolute;
      z-index: 999;
      right: 32px !important;
      border-bottom: 4px solid #01abab;
    }
  
    .gap-4 {
      gap: 12px;
    }
  
    .input-group {
      margin-bottom: 0 !important;
    }
  
    .input-group-btn .btn {
      height: 44px !important;
      border-top-left-radius: 4px !important;
      border-bottom-left-radius: 4px !important;
    }
  
    .input-group select {
      height: 43px;
      width: 231px !important;
      border-radius: 4px;
      font-size: 15px;
      color: #333 !important;
      font-style: italic;
    }
  
    .ranking-text {
      position: absolute;
      left: 0;
      right: 0;
      text-align: center;
      top: 50%;
      color: #fff;
      z-index: 9;
      transform: translate(0px, -50%);
      font-size: 22px;
    }
  
    .canvas-bg {
      background: rgb(42, 63, 84);
      border-radius: 100%;
    }
  
    .blue-bg {
      background-color: #2a3f54;
      border-radius: 50%;
      height: 100px;
      width: 100px;
    }
  
    .custom-padding {
      padding: 25px 0px;
    }
  
    .pink-circle {
      width: 23px;
      height: 23px;
      background: #e64f7a;
      border-radius: 50px;
      position: absolute;
    }
  
    .pink-number-text {
      color: #e64f7a;
      font-weight: 600;
    }
  
    .orange-circle {
      width: 23px;
      height: 23px;
      background: #ea8a34;
      border-radius: 50px;
      position: absolute;
    }
  
    .small-text {
      font-size: 12px;
      color: #a29d9d;
    }
  
    .orange-number-text {
      color: #ea8a34;
      font-weight: 600;
    }
  
    .gray-number-text {
      color: #a29d9d;
      font-weight: 600;
    }
  
    .geen-number-text {
      color: #18baa2;
      font-weight: 600;
    }
  
    .content-left {
      padding-left: 30px;
      color: #000;
    }
  
    .relative {
      position: relative;
      margin-bottom: 20px;
    }
  
    .green-circle {
      width: 23px;
      height: 23px;
      background: rgb(144, 195, 32);
      background: linear-gradient(115deg, rgba(144, 195, 32, 1) 0%, rgba(45, 173, 218, 1) 100%);
      border-radius: 50px;
      position: absolute;
    }
  
    .gray-circle {
      width: 23px;
      height: 23px;
      background: #dedede;
      border-radius: 50px;
      position: absolute;
    }
  
    table a {
      color: #316ce4 !important;
      text-decoration: underline;
    }
  
    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th {
      padding: 12px !important;
    }
  
    .keyword-tracked-small {
      width: 30px;
    }
  
    .steady-text {
      color: #316de5 !important;
    }
  
    .heart-rate {
      width: 30px;
    }
  
    .up-svg {
      width: 30px;
    }
  
    .increased-text {
      color: #01abab !important;
    }
  
    .red-text {
      color: #ea4951 !important;
    }
  
    .down-svg {
      width: 30px;
    }
  
    .keyword-tracked {
      width: 45px;
    }
  
  
    /* background: rgb(144,195,32);
  background: linear-gradient(115deg, rgba(144,195,32,1) 0%, rgba(45,173,218,1) 100%); */
    .column-top {
      padding: 20px 0 0px 0;
    }
  
    .search-input {
      height: 40px;
      /* border-color: #f2f2f2; */
      border: 1px solid #d1d1d1;
      border-radius: 4px;
      width: 235px;
      padding-left: 20px;
    }
  
    .search-label {
      font-weight: 600;
      color: #000;
      margin-right: 5px;
      font-size: 14px;
    }
  
    .justify-between {
      justify-content: space-between;
    }
  
    .keyword-wrap {
      margin-top: 25px;
    }
  
    .flex {
      display: flex;
    }
  
    .items-center {
      align-items: center;
    }
  
    .small-icons {
      width: 18px;
    }
  
    .keyword-changes-table tbody tr td:nth-child(2) {
      background-color: #ebf9fc;
    }
  
    .keyword-changes-table tbody tr td:nth-child(3) {
      background-color: #fcf0f0;
    }
  
    body .table-striped>tbody>tr:nth-of-type(even) {
      background-color: #f9f9f9 !important;
    }
  
    body .table-striped>tbody>tr:nth-of-type(odd) {
      background-color: #fff !important;
    }
  
  
    body .compare-table-data.table-striped>tbody>tr:nth-of-type(odd) {
      background-color: #f9f9f9 !important;
    }
  
    body .compare-table-data.table-striped>tbody>tr:nth-of-type(even) {
      background-color: #fff !important;
    }
  
    table {
      margin-top: 25px;
      margin-bottom: 40px !important;
    }
  
    table th {
      background-color: #f8f8f8;
      font-weight: 500;
      color: #000;
    }
  
    .page-title .title_left h3 {
      color: #000;
      font-weight: bold;
    }
  
    .page-title span {
      color: #000;
    }
  
    .page-title .title_left h3 {
      margin-bottom: 5px !important;
    }
  
    .share-btn {
      background-color: #347ab8;
      color: #fff;
      padding: 10px 20px;
      font-size: 16px;
      border-radius: 4px;
      cursor: pointer;
    }
  
    .share-btn:hover {
      color: #fff;
    }
  
    /* svg {
          background: rgb(144,195,32);
  background: linear-gradient(115deg, rgba(144,195,32,1) 0%, rgba(45,173,218,1) 100%);
       } */
    .page-navbar__wrapper li.active a {
      color: var(--secondaryColor);
      border-bottom: 2px solid var(--tertiaryColor);
    }
  
    .page-navbar {
      margin-top: 15px;
    }
  
    .call-widget_wrap .x_title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 10px 15px;
      margin: 0;
    }
  
    .call-widget_wrap .x_panel {
      padding: 0;
      border-radius: 10px;
    }
  
    .call-widget_wrap .x_content {
      display: flex;
      position: relative;
      align-items: center;
      justify-content: space-between;
      padding: 10px 15px;
      margin: 0;
    }
  
    .x_title {
      border-bottom: 1px solid #E6E9ED !important;
    }
  
    .call-widget_wrap .x_title h3 {
      color: #38546f;
      font-size: 40px;
      font-weight: 700;
      line-height: normal;
    }
  
    .x_content h5 {
      color: #000 !important;
      font-weight: 600;
    }
  
    .x_title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 15px;
    }
  
    .x_title h2 {
      font-weight: 600 !important;
    }
  
  
  
  
    /* The container must be positioned relative: */
    .custom-select {
      position: relative;
      width: 270px;
  
    }
  
    .custom-select select {
      display: none;
      /*hide original SELECT element: */
    }
  
    .select-selected {
      background-color: #fff;
      /* font-style: italic; */
      color: #000 !important;
      font-size: 16px;
      font-weight: 600;
    }
  
    /* Style the arrow inside the select element: */
    .select-selected:after {
      position: absolute;
      content: "";
      top: 20px;
      right: 10px;
      width: 0;
      height: 0;
      border: 6px solid transparent;
      border-color: #000 transparent transparent transparent;
    }
  
    /* Point the arrow upwards when the select box is open (active): */
    .select-selected.select-arrow-active:after {
      border-color: #000 transparent transparent transparent;
      top: 20px;
    }
  
    /* style the items (options), including the selected item: */
    .select-selected {
      color: #000;
      padding: 10px 16px;
      border: 1px solid transparent;
      border-color: #e1e1e1;
      cursor: pointer;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      width: 100%;
      font-size: 15px;
    }
  
    .select-items div {
      color: #000;
      padding: 10px 16px;
      border-color: #cccc;
      cursor: pointer;
      width: 100%;
      font-size: 15px;
      border-bottom: 1px solid #e1e1e1;
      border-right: 1px solid #e1e1e1;
      border-left: 1px solid #e1e1e1;
    }
  
    .btn-default {
      border-color: #e1e1e1;
    }
  
  
    /* Style items (options): */
    .select-items {
      position: absolute;
      background-color: #fff;
      top: 100%;
      left: 0;
      right: 0;
      z-index: 99;
      border-bottom: 2px solid #01abab;
    }
  
    /* Hide the items when the select box is closed: */
    .select-hide {
      display: none;
    }
  
    /* .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
  } */
  
    .share-icon {
      width: 18px;
      margin-right: 4px;
    }
  
    .relative-box {
      position: relative;
    }
  
  
    .show-div {
      position: absolute;
      background-color: rgb(255, 255, 255);
      z-index: 999;
      width: 300px;
      padding: 20px;
      border: 1px solid #efefef;
      border-bottom: 3px solid #01abab;
      margin-top: 18px;
      border-radius: 2px;
    }
  
    .show-div .custom-container {
      padding-bottom: 15px;
      border-bottom: 1px solid #ececec;
    }
  
    .show-div h2 {
      color: #000;
      font-weight: 600;
      font-size: 17px;
      border-bottom: 1px solid #e9e9e9;
      padding-bottom: 10px;
    }
  
  
    /* The container */
    .custom-container {
      display: block;
      position: relative;
      padding-left: 35px;
      margin-bottom: 12px;
      cursor: pointer;
      font-size: 15px;
      font-weight: 500;
      color: #000;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
  
    /* Hide the browser's default checkbox */
    .custom-container input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }
  
    /* Create a custom checkbox */
    .checkmark {
      position: absolute;
      top: 2px;
      left: 0;
      border-radius: 2px;
      height: 20px;
      width: 20px;
      /* background-color: #eee; */
      border: 1px solid #ccc;
    }
  
    /* On mouse-over, add a grey background color */
    .custom-container:hover input~.checkmark {
      background-color: #fff;
    }
  
    /* When the checkbox is checked, add a blue background */
    .custom-container input:checked~.checkmark {
      background-color: #fff;
      border: 1px solid #ccc;
    }
  
    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
      content: "";
      position: absolute;
      display: none;
    }
  
    /* Show the checkmark when checked */
    .custom-container input:checked~.checkmark:after {
      display: block;
    }
  
    /* Style the checkmark/indicator */
    .custom-container .checkmark:after {
      left: 7px;
      top: 3px;
      width: 5px;
      height: 10px;
      border: solid #01abb3;
      border-width: 0 2px 2px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
    }
  
    .share-report .custom-btn {
      margin: 0 auto !important;
      border-radius: 4px !important;
      padding: 9px 16px;
      font-weight: 600;
      font-size: 14px;
      color: #000;
    }
  
    .carets {
      border-left: solid 10px transparent;
      border-right: solid 10px transparent;
      border-bottom: solid 10px #fff;
      height: 20px;
      width: 20px;
      position: absolute;
      top: -20px;
    }
  
    .keyword-graph-strip {
      margin-bottom: 20px !important;
      padding-bottom: 20px !important;
      padding-top: 10px !important;
    }
  
    .current-ranks-section {
      margin-top: 25px;
    }
  
    .column-section {
      margin-top: 25px;
    }
  
    .btn-default:hover {
      background-color: #fff !important;
    }
  
  
    /** keyword analysis **/
  
    .progress-label {
      font-size: 13px;
      font-weight: 600;
      color: #000;
    }
  
    .progress {
      border-radius: 25px !important;
      background-color: #f9f9f9 !important;
      border: 1px solid #eef0f2 !important;
      box-shadow: none !important;
      height: 17px !important;
    }
  
    .progress-bar {
      border-radius: 25px !important;
    }
  
    .progress-bar-green {
      background: rgb(138, 193, 39);
      background: linear-gradient(180deg, rgba(138, 193, 39, 1) 0%, rgba(29, 163, 200, 1) 100%);
    }
  
    .progress-bar-orange {
      background: rgb(234, 126, 31);
      background: linear-gradient(180deg, rgba(234, 126, 31, 1) 0%, rgba(235, 152, 75, 1) 100%);
    }
  
    .progress-bar-pink {
      background: rgb(208, 59, 101);
      background: linear-gradient(180deg, rgba(208, 59, 101, 1) 0%, rgba(241, 89, 133, 1) 100%);
    }
  
    .bg-white-custom {
      background-color: #fff;
      width: 100%;
      display: inline-flex;
      padding: 20px 8px;
    }
  
    .lanscaping-title {
      font-weight: 600;
      color: #000;
      font-size: 16px;
    }
  
    .landscaping-strip {
      padding: 5px 0 13px 0;
    }
  
    .pl-0 {
      padding-left: 0 !important;
    }
  
  
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
      background-color: #2a3f54 !important;
      color: #fff !important;
      font-size: 17px !important;
      border-bottom-color: #2a3f54 !important;
      border: 1px solid #2a3f54 !important;
    }
  
    .nav-tabs>li>a {
      font-size: 17px !important;
      border-radius: 0 !important;
      margin-right: 0 !important;
    }
  
    .nav-tabs {
      border: 1px solid #ddd;
      border-radius: 4px;
      border-radius: 0 !important;
    }
  
    .tom-landscaping-section .nav>li>a {
      padding: 8px 22px 8px !important;
      font-weight: 600 !important;
      color: #000;
    }
  
    .custom-timeline {
      position: relative;
      list-style: none;
      max-height: 427px;
      overflow-y: auto;
      --track-height: 100%; 
    }
  
    .custom-timeline::before {
      content: '';
      position: absolute;
      height: var(--track-height);
      width: 4px;
      color: red;
      left: 18px;
      border: 1px solid #ccc;
      border-radius: 4px;
    }
  
    .custom-timeline li {
      position: relative;
      padding: 29px 4px;
      font-size: 16px;
      font-weight: 600;
      color: #000;
    }
  
  
    .custom-timeline li::before {
      content: '';
      width: 22px;
      height: 2px;
      color: red;
      background-color: #ccc;
      position: absolute;
      left: -35px;
      top: 67%;
      transform: translate(0px, -50%);
  
    }
  
    .custom-timeline li.active-status::after {
      content: '';
      width: 20px;
      height: 20px;
      border-radius: 100%;
      background: rgb(138, 193, 39);
      background: linear-gradient(180deg, rgba(138, 193, 39, 1) 0%, rgba(29, 163, 200, 1) 100%);
      border: 3px solid #fff;
      box-shadow: 2px 4px 3px #dadada;
      position: absolute;
      left: -46px;
      transform: translate(4px, -50%);
      top: 62%;
  }
    
  
    .tom-landscaping-section .custom-container {
      margin-bottom: 0;
      font-weight: 600;
    }
  
    .tom-landscaping-section .tab-pane {
      padding-left: 4px;
    }
  
    .active-status label {
      color: #01abab !important;
    }
  
    .tom-landscaping-section .checkmark {
      right: 11px;
      left: auto;
    }
  
    .tom-landscaping-section .custom-container {
      padding-left: 0 !important;
    }
  
    .justify-end {
      justify-content: flex-end;
    }
  
    .date-range-text {
      font-weight: 600;
      color: #000;
      font-size: 17px;
      margin-bottom: 15px;
    }
  
  
  
    .container-radio {
      display: block;
      position: relative;
      padding-left: 35px;
      margin-bottom: 12px;
      cursor: pointer;
      font-size: 14px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      font-weight: 500;
    }
  
    /* Hide the browser's default radio button */
    .container-radio input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
    }
  
    /* Create a custom radio button */
    .container-radio .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 20px;
      width: 20px;
      background-color: #fff;
      border-radius: 50%;
    }
  
    /* On mouse-over, add a grey background color */
  
  
    /* When the radio button is checked, add a blue background */
    .container-radio input:checked~.checkmark {
      background-color: #fff;
    }
  
    /* Create the indicator (the dot/circle - hidden when not checked) */
    .container-radio .checkmark:after {
      content: "";
      position: absolute;
      display: none;
    }
  
    /* Show the indicator (dot/circle) when checked */
    .container-radio input:checked~.checkmark:after {
      display: block;
    }
  
    /* Style the indicator (dot/circle) */
    .container-radio .checkmark:after {
      top: 4px;
      left: 4px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: rgb(138, 193, 39);
      background: linear-gradient(180deg, rgba(138, 193, 39, 1) 0%, rgba(29, 163, 200, 1) 100%);
    }
    
    .modal.fade:not(.in).right .modal-dialog {
      -webkit-transform: translate3d(25%, 0, 0);
      transform: translate3d(25%, 0, 0);
  }

  .red-bg.hide-comapre-div{
      display: none;
  }

  @media  screen and (max-width: 1400px) and (min-width: 1200px)  {

    .call-widget_wrap .x_title h3{
      font-size: 30px !important;
    }

    .keyword-tracked {
      width: 31px !important;
      margin-left: 7px;
  }

.page-title h3 {
  font-size: 20px !important;
}
  }


  @media  screen and (max-width: 1365px) and (min-width: 1200px)  {
    .custom-container{
      font-size: 14px !important;
    }

    .custom-timeline li{
      padding: 29px 0 !important;
    }
  }