.cost-effective-solution .hero .hero-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px;padding:40px 0}@media screen and (max-width: 991px){.cost-effective-solution .hero .hero-container{grid-template-columns:repeat(1,minmax(0,1fr))}}.cost-effective-solution .hero .hero-container .left-part{display:flex;flex-direction:column;justify-content:center;h1 {span {background: linear-gradient(90deg,#CD0808 -2.41%,#E38B00 39.82%); background-clip: text; -webkit-text-fill-color: transparent;}}}.cost-effective-solution .economic-choice{background:#F4F8F8;padding:40px 0;h3 {font-size: 32px; text-align: center; margin-bottom: 0;} .economic-choice-container {display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; padding: 30px 0; @media screen and (max-width: 768px) {grid-template-columns: repeat(1,minmax(0,1fr));} .single-economic-choice {background: #FFFFFF; border-radius: 28px; padding: 20px; box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1),0 2px 4px -2px rgb(0 0 0 / .1); .single-economic-choice-header {display: flex; align-items: center; gap: 10px; margin-bottom: 20px; h4 {margin-bottom: 0;}}}}}.cost-effective-solution .editor-features{padding-top:30px;background:#3B707D}.cost-effective-solution .all-in-one{background:#FCFCFC;padding:30px 0}.cost-effective-solution .all-in-one .all-in-one-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;img {max-width: 100%;}}@media screen and (max-width: 991px){.cost-effective-solution .all-in-one .all-in-one-container{grid-template-columns:repeat(1,minmax(0,1fr))}}.cost-effective-solution .all-in-one .all-in-one-container .left-part{display:flex;flex-direction:column;justify-content:center;gap:20px;h4 {font-size: 32px;} a {display: inline-block; border-radius: 12px; background: radial-gradient(44.98% 139.77% at 52.37% -39.77%,#6AA8FF 0%,#1778FF 100%),#101828; color: #FFFFFF; font-weight: 500; padding: 15px 30px; transition: all .1s ease-in-out; &:hover {background-color: #276063;}}}.cost-effective-solution .tasks{background:#3B707D;color:#fff;padding:30px 0 50px;h4 {font-size: 30px;} .tasks-grid {display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: 30px; @media screen and (max-width: 768px) {grid-template-columns: repeat(1,minmax(0,1fr));} p {display: flex; align-items: center; margin-bottom: 0; gap: 10px; font-size: 20px; font-weight: 600;}}}.cost-effective-solution .pricing,.cost-effective-solution .testimonials,.cost-effective-solution .blog-preview{background:#F4F8F8;padding:30px 0}