.agencyx-about-wrap .agencyx-section .dashicons{margin-top:-4px;vertical-align:middle}.agencyx-about-wrap .nav-tab{font-size:16px}.agencyx-about-wrap h1{font-size:2em}.agencyx-about-wrap h3{font-size:1.2em}.agencyx-about-wrap .wp-badge{background-size:180px auto;background-position:center;height:160px;padding:0;width:190px;border-radius:10%}.agencyx-about-wrap .quick-links a{margin-right:5px}.agencyx-about-notice .btn-dismiss{margin-left:20px}.agencyx-about-wrap .plugin-list{list-style-position:inside;list-style-type:disc}.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}.agencyx-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,.mge-info-desc div{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{font-size:16px;line-height:1.3;margin:10px 0 20px}.mge-info-actions,.mge-info-actions.mgerev-action{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-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} .agencyx-pro-notice { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background-attachment: fixed; border: none; border-radius: 15px; box-shadow: 0 15px 35px rgba(0,0,0,0.1); margin: 20px 0; overflow: hidden; position: relative; } .agencyx-pro-notice::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.7) 100%); z-index: 1; } .agencyx-pro-content { position: relative; z-index: 2; padding: 40px; } .agencyx-pro-badge { background: linear-gradient(45deg, #ff6b6b, #ee5a24); color: white; padding: 8px 20px; border-radius: 25px; font-size: 12px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; display: inline-block; margin-bottom: 20px; box-shadow: 0 4px 15px rgba(238,90,36,0.4); animation: pulse 2s infinite; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } .agencyx-pro-title { font-size: 32px; font-weight: 700; color: #2c3e50; margin: 0 0 15px 0; line-height: 1.2; } .agencyx-pro-subtitle { font-size: 18px; color: #34495e; margin: 0 0 25px 0; font-weight: 400; margin-left: auto; margin-right: auto; line-height: 1.6; } .agencyx-pro-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 20px; margin: 30px 0; margin-left: auto; margin-right: auto; } .agencyx-pro-feature { background: rgba(255,255,255,0.8); padding: 20px; border-radius: 10px; border: 2px solid rgba(255,255,255,0.3); backdrop-filter: blur(10px); } .agencyx-pro-feature-icon { font-size: 24px; margin-bottom: 10px; } .agencyx-pro-feature-text { font-size: 14px; color: #2c3e50; font-weight: 600; } .agencyx-pro-buttons { margin-top: 35px; display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; } .agencyx-pro-btn { text-decoration: none; padding: 15px 30px; border-radius: 50px; font-weight: 600; font-size: 16px; transition: all 0.3s ease; border: none; cursor: pointer; text-transform: uppercase; letter-spacing: 0.5px; position: relative; overflow: hidden; } .agencyx-pro-btn::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.5s; } .agencyx-pro-btn:hover::before { left: 100%; } .agencyx-upgrade-btn { background: linear-gradient(45deg, #ff6b6b, #ee5a24); color: white; box-shadow: 0 8px 25px rgba(238,90,36,0.4); } .agencyx-upgrade-btn:hover { transform: translateY(-3px); box-shadow: 0 12px 35px rgba(238,90,36,0.6); color: white; } .agencyx-demo-btn { background: linear-gradient(45deg, #74b9ff, #0984e3); color: white; box-shadow: 0 8px 25px rgba(9,132,227,0.4); } .agencyx-demo-btn:hover { transform: translateY(-3px); box-shadow: 0 12px 35px rgba(9,132,227,0.6); color: white; } .agencyx-dismiss-btn { background: rgba(255,255,255,0.9); color: #636e72; border: 2px solid rgba(99,110,114,0.3); } .agencyx-dismiss-btn:hover { background: rgba(255,255,255,1); transform: translateY(-2px); color: #636e72; } .agencyx-greeting { font-size: 20px; color: #2c3e50; margin-bottom: 20px; font-weight: 500; } .agencyx-greeting .wave { animation: wave 1s ease-in-out infinite; transform-origin: 70% 70%; display: inline-block; } @keyframes wave { 0% { transform: rotate(0deg); } 10% { transform: rotate(14deg); } 20% { transform: rotate(-8deg); } 30% { transform: rotate(14deg); } 40% { transform: rotate(-4deg); } 50% { transform: rotate(10deg); } 60% { transform: rotate(0deg); } 100% { transform: rotate(0deg); } } @media (max-width: 768px) { .agencyx-pro-content { padding: 25px; } .agencyx-pro-title { font-size: 24px; } .agencyx-pro-subtitle { font-size: 16px; } .agencyx-pro-buttons { flex-direction: column; align-items: center; } .agencyx-pro-btn { width: 80%; max-width: 300px; } }