.newsx-about-wrap .newsx-section .dashicons{margin-top:-4px;vertical-align:middle}.newsx-about-wrap .nav-tab{font-size:16px}.newsx-about-wrap h1{font-size:2em}.newsx-about-wrap h3{font-size:1.2em}.newsx-about-wrap .wp-badge{background-size:180px auto;background-position:center;height:160px;padding:0;width:190px;border-radius: 10%}.newsx-about-wrap .quick-links a{margin-right:5px}.newsx-about-notice .btn-dismiss{margin-left:20px}.newsx-about-wrap .plugin-list{list-style-position:inside;list-style-type:disc}.about-wrap .feature-section{padding:40px 0 0;overflow:hidden}.about-page-action-required-box{background:#fff;border-left:4px solid #f8800c;display:block;margin-bottom:0;padding:10px 30px;position:relative;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 1px 0 rgba(0,0,0,.1)}.about-wrap .about-page-required-action-button{position:absolute;top:10px;right:10px;text-decoration:none;color:#b4b9be;border-radius:50%;cursor:pointer}.about-wrap .about-page-required-action-button:hover:before{color:#F44336}.about-wrap .about-page-action-required-box p{display:block;margin-top:0;width:100%;max-width:100%}.about-wrap .feature-section.recommended-plugins .col{background:#fff;padding:20px;margin-top:0}#free_pro .free-pro-table{border-spacing:0;width:100%}#free_pro .free-pro-table th{padding-bottom:20px}#free_pro .free-pro-table td{border-top:1px solid #ccc;padding:20px 0 25px}#free_pro .free-pro-table h3,#free_pro .free-pro-table td p{margin:0}#free_pro .free-pro-table .only-lite,#free_pro .free-pro-table .only-pro{text-align:center;width:15%}#free_pro .free-pro-table .only-lite .dashicons-before:before{color:#00A878}#free_pro .free-pro-table .only-pro .dashicons-before:before{color:#ff3439}#free_pro .free-pro-table .only-lite .dashicons-before:before,#free_pro .free-pro-table .only-pro .dashicons-before:before{font-size:35px;height:35px;width:35px}#free_pro .ti-about-page-text-center{text-align:center}.badge-action-count{padding:0 6px;display:inline-block;background-color:#d54e21;color:#fff;font-size:9px;line-height:17px;font-weight:600;margin:1px 0 0 5px;vertical-align:top;-webkit-border-radius:10px;border-radius:10px;z-index:26}.newsx-about-wrap .badge-action-count{margin-top:5px} .about-wrap .three-col .col.plugin_box { min-width: 150px; max-width: 150px; float: left; text-align: center; margin-right: 20px; } .about-wrap .three-col .col.plugin_box img { margin-bottom: 10px; } .col.plugin_box .action_bar { margin: 10px 0; } a.button.button-danger { background: #C82333; border-color: #C82333; color: #fff; } a.button.button-danger:hover { background: green; border-color: green; color: #fff; } .about-wrap .feature-section { padding: 40px 0 0; overflow: hidden; display: flex; flex-flow: row wrap; } .cupon-code{ text-transform: lowercase; } .col { width: 30%; float: left; margin-right: 3%; margin-bottom: 20px; min-height: 230px; } @media only screen and (max-width: 780px) { .col { width: 100%; float: left; margin-right: 0; margin-bottom: 20px; min-height: 230px; } } .mgadin-hero { padding: 20px 10px; display: flex; align-items: center; } .mge-info-hello { font-weight: 700; font-size: 16px; } .mge-info-title { font-size: 22px; display: block; line-height: 1.5; font-weight: 500; } .mge-info-desc div { margin-bottom: 10px; } .mge-info-desc { font-size: 16px; line-height: 1.3; margin: 10px 0 20px; } .mge-info-actions { display: flex; align-items: center; } .mge-info-actions a.button { display: inline-flex; align-items: center; padding: 5px 20px; font-size: 16px; margin-right: 15px; } .mge-info-actions .button i { margin-left: 15px; } .mge-info-image { flex: 0 0 400px; overflow: hidden; } .mge-info-image img { max-width: 100%; min-width: 200px; } .mge-info-rev strong { margin: 10px 0 1px; display: block; font-size: 15px; } .mge-info-actions.mgerev-action { display: flex; align-items: center; } .mge-info-desc div.mge-offer { color: #a30000; font-weight: 700; } .mge-info-rev .button { padding: 5px 20px !important; display: inline-flex; justify-content: center; align-items: center; height: 100%; margin-right: 10px; font-size: 15px !important; } .mgadin-hero { background: linear-gradient(135deg, #f6f9fe 0%, #e3f2fd 100%); color: #2c3e50; padding: 25px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); position: relative; overflow: hidden; border: 1px solid rgba(66, 153, 225, 0.1); } .mge-info-content { max-width: 1000px; position: relative; z-index: 1; } .mge-info-hello { font-size: 1.3em; margin-bottom: 20px; display: flex; align-items: center; gap: 12px; color: #1a365d; font-weight: 600; } .mge-info-desc { margin-bottom: 25px; font-size: 1.1em; line-height: 1.7; color: #2d3748; } .mge-info-desc ul { background: rgba(66, 153, 225, 0.05); padding: 15px 25px; border-radius: 8px; border-left: 4px solid #4299e1; } .mge-info-desc ul li { margin: 8px 0; color: #2d3748; } .mge-offer { background: linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%); padding: 15px 20px; border-radius: 8px; margin-top: 20px; font-weight: 600; display: inline-block; color: #e65100; border: 1px solid rgba(230, 81, 0, 0.1); box-shadow: 0 2px 8px rgba(230, 81, 0, 0.05); } .mge-info-actions { display: flex; gap: 15px; align-items: center; margin-top: 25px; } .upgrade-btn { background: linear-gradient(135deg, #ff6f00 0%, #ff5722 100%) !important; border: none !important; padding: 8px 24px !important; font-size: 1.1em !important; text-transform: uppercase; font-weight: 600 !important; box-shadow: 0 4px 15px rgba(255, 87, 34, 0.2) !important; color: #fff !important; border-radius: 6px !important; transition: all 0.3s ease !important; } .upgrade-btn:hover { background: linear-gradient(135deg, #ff5722 0%, #f4511e 100%) !important; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 87, 34, 0.3) !important; } .demo-btn { background: #fff !important; border: 1px solid #4299e1 !important; color: #4299e1 !important; font-weight: 500 !important; padding: 8px 24px !important; border-radius: 6px !important; transition: all 0.3s ease !important; } .demo-btn:hover { background: #4299e1 !important; color: #fff !important; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(66, 153, 225, 0.2) !important; } .btnend { background: transparent !important; border: 1px solid #cbd5e0 !important; color: #718096 !important; padding: 8px 24px !important; border-radius: 6px !important; transition: all 0.3s ease !important; } .btnend:hover { background: #f7fafc !important; color: #4a5568 !important; border-color: #a0aec0 !important; }