section.addToCompare.loading{
    opacity: 1;
        position: relative;
    }
    section.addToCompare.loading:before {
        content: "Loading...!";
        text-align: center;
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: absolute;
        z-index: 9;
        display: flex;
        align-items: baseline;
        justify-content: center;
        font-size: 25px;
    }
    
    :root{
      --ivory: #F5F5F5;
        }
        
        /*===== COMPARE TABLE ====*/
        a.column-property-title{
            pointer-events: none;
        }
        #addToCompareTable{display: flex;}
        #addToCompareTable > div{ border-radius: 6px;flex: 1;}
        
        #addToCompareTable > div.columnOne{
          max-width: 16.6666666667%;
        }
        
        .addToCompareContent{margin-top: 40px;}
        #addToCompareTable{table-layout: fixed;}
        .table-columns p{text-align: center;border-bottom: 1px solid #DCDDDD;color: var(--deep-navy);display: flex;align-items: center; justify-content: center;}
        .columnOne p,.table-columns p{padding: 8px 13px;margin: 0; min-height: 50px;}
        .columnOne p{text-align: left;padding:8px 13px 9px 13px;display: flex;align-items: center; justify-content: flex-start;font-weight: 500;font-size: 1.66rem;}
        .columnOne p:first-child{padding: 8px 13px;}
		.table-columns { border-bottom: 1px solid #DCDDDD; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important; }
		.table-columns p:last-child { border: none; }
          .tableWrapper > div:nth-child(even) { background-color: var(--ivory);}
          .bookmark-text-icon {align-items: center; justify-content: center;}
          .module-compare-table-wrapper table span.download-text{margin-right: 10px;}
          .saved span.icon{margin-left: 10px;margin-bottom: 3px;}
          section.bottomLinkSection{margin-top: 40px;}
          /*====   TYPOGRAPHY   ====*/
          .addToSave{display: flex; align-items: center;color: var(--gray-text-second); justify-content: center;}
          .tableWrapper .icon.icon-no:before{color: #F05F5F}
          .tableWrapper .icon.icon-yes:before{color: var(--earth-green);}
          
          /*==== SHARE BUTTON ====*/
          .shareButton.cta.cta-primary{padding: 8px 12px;margin: 0px;display: inline-flex;align-items: center;width: 100%;}
          .shareText{font-weight: 500;margin-left: 14px;margin-bottom: 0px;}
          .shareWrapper .shareButton .icon-share:before{font-size: 21px;}
          
          /*====   CLOSE BUTTON  ====*/
          .removeItem {display: inline-block;}
          .table-columns p,.table-columns a{margin-bottom: 0;} 
          .removeItem::before{ font-size: 8px;position: absolute;top: -4px;right: -3px;border: 1px solid var(--earth-green);padding: 8px;border-radius: 50%;color: var(--deep-navy);}
          
          /*===== HOVER STATE ====*/
          a.column-property-title{transition: all 0.3s ease-in-out;text-decoration: none;font-weight: 600;}
          a.column-property-title:hover {color: var(--deep-navy); text-decoration: underline var(--earth-green);text-decoration-offset: 10px !important;}
          a.addToSave:hover{color: var(--deep-navy);}
          span.saved > a:hover{color: var(--deep-navy);}
          .removeFromCompare:before{transition: all 0.3s ease-in-out;}
          .removeFromCompare:hover:before{background-color: var(--earth-green);}
          
          #addToCompareTable div span.saved a.saved{pointer-events: none;}
          .bottomLinkSection a.inquiry-button{padding: 9px 25px 9px 14px;}
          a.inquiry-button .text span.icon:before{   content: "\e902";position: relative;top: 1px;left: 8px;display: inline-block;transform: rotate(-90deg);font-size: 16px;font-weight: 600;}
          .shareWrapper ul{display:none;}
          
          .tableWrapper .columnOneDiv{height: 145px !important;display: flex;align-items: center;justify-content: end;flex-direction: column;padding: 11px 15px 20px 15px;text-align: center;border-bottom: 1px solid var(--earth-green);position: relative;}
          span.saved{margin-top: 10px;}
          span.saved > a{display: flex;align-items: center;}
          
          .share-button-wrapper{max-width: 110px; margin-left: auto;}
          ul.shareOptions{list-style: none;padding: 0;margin: 0;text-align: left;}
          ul.shareOptions li a{padding: 8px 12px 8px 17px;display: block;border-radius:0;color: var(--deep-navy);}
          ul.shareOptions li a:hover{background-color: var(--earth-green-light);}
          
          ul.share-active{border: 1px solid var(--earth-green);border-top: none; border-radius: 0 0 12px 12px;position: relative;}
          ul.shareOptions.share-active:before {content: '';position: absolute;height: 25px;width: 1px;background: var(--earth-green);bottom: 100%;left: -1px;}
          ul.shareOptions.share-active:after {content: '';position: absolute;height: 25px;width: 1px;background: var(--earth-green);bottom: 100%;right: -1px;}
          ul.shareOptions.share-active li:last-child a{border-radius: 0 0 12px 12px;}
          ul.shareOptions > li > a > span.icon:before{font-size: 12px;color: var(--invaio-green);}
          ul.shareOptions > li > a > span.icon{margin-right: 12px;}
          ul.shareOptions > li > a {font-weight: 500;}
          ul.shareOptions > li > a{display: inline-flex;align-items: center;width: 100%;}
          .share-button-wrapper.share-list-active > a{background-color: var(--earth-green);}
          .share-button-wrapper.share-list-active *{color: var(--gray-ish);}
          
          .saved-item-title .icon-bookmark-fill{
          color: var(--earth-green);margin-right: 14px;
        -webkit-text-fill-color: var(--earth-green);
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: var(--deep-navy);}
          
          .modal-backdrop{
            background: rgba(12, 31, 41, 0.6);
          }
          .modal-content{
            background: #FFFFFF;
            box-shadow: 0px 7.27999px 12px rgba(0, 0, 0, 0.05);
            backdrop-filter: blur(18.2px);
            border-radius: 12px;
            padding: 60px 100px;
            min-height: 358px;
            
          }
          .modal-body p.popup-content{
            font-size: 1.66rem;
            line-height: 28px;
          }
          .modal-dialog-centered{
            max-width: 597px;
          }
          .modal-body .confirm-remove{
            position: relative;
            top: 21px;
          }
          button.close{
            position: absolute;
            top: 32px;
            right: 23px;
          }
          button.close:hover .icon.icon-close:before{
            background-color: var(--earth-green);
          }
          button.close .icon.icon-close:before{
            font-size: 12px;
            border: 1px solid var(--earth-green);
            padding: 8px;
            border-radius: 50%;
            color: var(--deep-navy);
          }
          
          #ip3-add-to-compare #comparisonBar.showBar{
              display:none;
          }
          
          
          @media screen and (max-width:992px){
            #addToCompareTable{
              overflow-x: scroll;
            }
            #addToCompareTable > div.columnOne {
              max-width: max-content;
              min-width: 200px;
            }
            #addToCompareTable > div{
              flex: 1;
              min-width: 200px;
            }
            .removeItem::before{top: 0;right: 0;}
          }
          
          @media screen and (max-width:767.98px){
          .share-button-wrapper{margin-left: inherit;margin-top:16px;}
          .removeItem::before{top: 0;right: 0;}
          }