.container-fluid .row { margin: 5rem auto; } #navbarCollapse li a.nav-link:focus-visible { outline: none; } a.navbar-brand-image img { height: clamp(36px,8vw,50px); } .navbar.navbar-main { margin-top: 5px; } .navbar.navbar-main .custom-navbar-toggler span.navbar-toggler-icon i { color: #2b5068; } .custom_header_padding { padding: 18px 0; } .custom-navbar-toggler:focus-visible { outline: none; } .custom_peading_cat_btn { padding: 14px 15px 14px 16px; font-size: 16px; border-radius: .1rem; } ..custom_peading_cat_btn:focus { box-shadow: none; } .custom_peading_cat_btn:focus-visible { outline: none; } .custom_peading_cat_btn img { margin-left: 0.8rem !important; } .custom_search_icon { color: #2B5068; } .custom_search_icon img { width: 21.3px; height: 21.9px; } .header_menu_btn { margin-left: 11px !important; } a.navbar-brand-image { float: left; padding-top: 0; } header a.navbar-brand img:focus-visible { outline: none; } .container-fluid .row.home-banner { background-image: url("/images/home/bg-header.png"); background-size: cover; background-position: 75%; background-repeat: no-repeat; margin-top: 1rem; padding: 1rem; color: #fff; border-radius: 10px; width: clamp(89rem, 80vw, 92rem); } .container-fluid .row#accountingSoftware { width: clamp(89rem, 80vw, 92rem); margin-top: 0%; padding-top: 0.4%; } .container-fluid .row#accountingSoftware .six-cell-grid { } .container-fluid .row#accountingSoftware h2 { margin-bottom: 2.9%; word-spacing: -2px; } .container-fluid .row#accountingSoftware .six-cell-grid .cell img { width: 120px; height: 120px; object-fit: cover; } .container-fluid .row#accountingSoftware .six-cell-grid .cell .text .post-category { margin-bottom: 1.6%; } .container-fluid .row#accountingSoftware .six-cell-grid .cell .text h3 { line-height: 1.32; } .container-fluid .row#accountingSinglePost { padding: 0; } .container-fluid .row .two-column.text-and-image .text-column { padding: 7.6rem 1.4rem 8.03rem; } .container-fluid .row.home-banner .card-container .category-card h3 { color: #2b5068; font-size: 20px; font-weight: 500; margin-bottom: .89rem; padding: 0 1.25rem; line-height: clamp(1.25rem, 1.5vw, 1.6rem); } .container-fluid .row .two-column.interrupter .left-column { margin-bottom: 5%; } .container-fluid .row.six-cell-row#softwareWeLove .card-container a.company-card .star-rating { width: 100%; border-top: 1px solid rgba(153, 153, 153, .2); margin-top: 2px; } .container-fluid .row.six-cell-row#softwareWeLove .card-container a.company-card .star-rating .star-rating-section { width: 70%; margin: 8px auto; line-height: 0; } .container-fluid .row.six-cell-row#softwareWeLove .card-container a.company-card .star-rating .star-rating-section i { font-size: 18px; } .container-fluid .row .two-column .image-bg-column.fixed-height { display: block; height: 25rem; padding: 2.5rem; } .container-fluid .row .two-column .image-bg-column.fixed-height ~ .list-column { padding: 2rem; } .container-fluid .row.jumbotron { padding: 2rem 1rem; } .container-fluid .row.jumbotron#hrSoftware .six-cell-grid .cell img { border-radius: 5px; } .divider-img { height: clamp(75px, 7.5vw, 124.9px); } .container-fluid .row#hubs { padding: 0; } .container-fluid .row#hubs h2 { font-size: clamp(25px, 2.5vw, 40px); padding: 0; padding: 0 0.94rem; text-align: left !important; } .container-fluid .row#hubs .soft-cat a { font-weight: 500; padding-bottom: clamp(8px, 0.6vw, 14.5px); padding-top: clamp(8px, 0.6vw, 14.5px); } .container-fluid .row#hubs div.soft-cat .count_number { display: inline-block; border-radius: 10px; background-color: #DFECF5; text-align: center; width: clamp(20px, 2vw, 35px); font-size: clamp(9px, .9vw, 11px); font-weight: 500; color: #069CE6; margin-right: clamp(8px, 0.8vw, 20px); margin-left: clamp(0.5px, 0.05vw, 5px); } footer#ctl00_Footer div { } footer#ctl00_Footer > div h3 { font-size: clamp(16px, 1.6vw, 22px); } footer#ctl00_Footer div.company-description p { font-size: clamp(11px, 1.1vw, 15px); line-height: clamp(22px, 2.2vw, 30px); opacity: .7; } .footer#ctl00_Footer ul li a.footer-link { font-size: clamp(9.3px, .9vw, 15px); opacity: .7; font-weight: 500; } .footer#ctl00_Footer ul li { margin: 0.32rem 0; } footer#ctl00_Footer { padding-left: 15px !important; padding-right: 15px !important; } .footer#ctl00_Footer .container-end img.footer-logo-image { width: clamp(100px, 10vw, 140px); } .footer#ctl00_Footer .container-end img.footer-logo-image:focus-visible { outlie: none; } .footer#ctl00_Footer .container-end div.copyright p, .footer#ctl00_Footer .container-end div.copyright a { font-size: clamp(10px, 1vw, 13px); } .footer#ctl00_Footer .container-end div.copyright p:focus-visible, .footer#ctl00_Footer .container-end div.copyright a:focus-visible { outline: none; } .footer#ctl00_Footer .container-end div.social span { font-weight: 500; font-size: clamp(10px, 1vw, 14px); } .footer#ctl00_Footer .container-end div.social span:focus-visible { outline: none; } #ctl00_Footer.footer a:focus-visible { outline: none; } .footer#ctl00_Footer .container-end div.copyright { margin-left: 2%; } .footer#ctl00_Footer .container-end div.social a img { width: clamp(20px, 2vw, 27px); } footer#ctl00_Footer div.container-end > div.row { margin: auto 0; } #softwareGuideOverview span.publish-date, #accountingSoftware span.publish-date, #marketingSoftware span.publish-date, .sales-management span.publish-date, #hrSoftware .cell span.publish-date { font-size: clamp(10px, 0.7vw, 11px); color: grey !important; opacity: .7; } #hrSoftware .six-cell-grid div.cell div.text { padding-right: 5%; } /*Sign up page*/ .signup-business-form { position: relative; } /*get listed*/ .get_list_banner h2 { color: #9ec5e6; } .input-group-search-box.signup-business-form span { top: initial !important; margin-left: 2%; } @media(min-width:1024px) { .container-fluid .row.home-banner { padding: 2.5rem 4.8rem 0rem !important; } } .container-fluid .row.home-banner .heading { display: flex; flex-direction: column; color: #fff; width: 65%; } .container-fluid .row.home-banner .heading h1 { font-weight: 600; line-height: 0.97; } .container-fluid .row.home-banner .heading h2 { font-size: 19px; font-weight: 400; color: #fff; margin: 1.3rem 0; padding-left: 3px; width: 52vw; opacity: .85; } .container-fluid .row.home-banner .card-container { display: flex; gap: 0; flex-direction: column; } @media(min-width:540px) { .container-fluid .row.home-banner .card-container { flex-direction: row; flex-wrap: wrap; } .container-fluid .row.home-banner .card-container .category-card { margin: 0 0.8rem 0.8rem 0; } .container-fluid .row.home-banner .card-container .category-card:nth-child(2), .container-fluid .row.home-banner .card-container .category-card:nth-child(4), .container-fluid .row.home-banner .card-container .category-card:nth-child(6) { margin-right: 0; } .container-fluid .row.six-cell-row#softwareWeLove .company-card { margin: 0 .8rem .8rem 0; } .container-fluid .row.six-cell-row#softwareWeLove a.company-card:nth-child(2), .container-fluid .row.six-cell-row#softwareWeLove a.company-card:nth-child(4), .container-fluid .row.six-cell-row#softwareWeLove a.company-card:nth-child(6) { margin-right: 0; } } @media(min-width:768px) { .container-fluid .row.home-banner .heading h1 { font-size: 6.8vw; } .container-fluid .row.home-banner { padding: 4.1rem 3.4rem 0.5rem; } .container-fluid .row.two-column-image-and-list { padding: 0 3.4rem 0.5rem; } .container-fluid .row.home-banner { background-size: cover; background-position: 78% 100%; } .container-fluid .row.parent-divof-discoverbusiness { padding: 0 3.4rem 0.5rem; } .container-fluid .row#accountingSoftware { padding: 0 3.4rem 0.5rem; } .container-fluid .row#accountingSinglePost { width: clamp(89.1rem, 80vw, 92rem); } .container-fluid .row.home-banner .card-container .category-card { margin: 0 0.8rem 0.8rem 0; } .container-fluid .row.home-banner .card-container .category-card:nth-child(3), .container-fluid .row.home-banner .card-container .category-card:nth-child(6) { margin-right: 0; } .container-fluid .row.home-banner .card-container .category-card:nth-child(2), .container-fluid .row.home-banner .card-container .category-card:nth-child(4) { margin-right: 0.8rem; } .container-fluid .row .six-cell-grid a.cell { margin-bottom: 20px; } .container-fluid .row#accountingSoftware .six-cell-grid .cell img { width: 120px; height: 120px; } .container-fluid .row#accountingSinglePost .two-column.text-and-image { padding-left: 3.4rem; padding-right: 3.4rem; } #softwareWeLove { padding: clamp(3rem, 4.5vw, 5rem) 3.4rem; } .container-fluid .row.six-cell-row#softwareWeLove .company-card { margin: 0 .8rem .8rem 0; } .container-fluid .row.six-cell-row#softwareWeLove a.company-card:nth-child(3), .container-fluid .row.six-cell-row#softwareWeLove a.company-card:nth-child(6) { margin-right: 0; } .container-fluid .row.six-cell-row#softwareWeLove a.company-card:nth-child(2), .container-fluid .row.six-cell-row#softwareWeLove a.company-card:nth-child(4) { margin-right: .8rem; } .container-fluid .row.sales-management { padding: 0 3.4rem 0.5rem; } .container-fluid .row.jumbotron#hrSoftware { padding: 0.5rem 3.4rem; } .container-fluid .row#hubs { padding: 0 3.4rem; margin-bottom: clamp(50px, 5vw, 90px); } .container-fluid .row#hubs div.soft-cat { padding-right: 3px; padding-left: 0; } .container-fluid .row#hubs div.soft-cat:nth-child(3n+1) { padding-right: .78%; } .container-fluid .row#hubs .soft-cat a { font-size: clamp(10px, 1vw, 15px); padding-bottom: clamp(8px, 0.6vw, 14.5px); padding-top: clamp(8px, 0.6vw, 14.5px); } .container-fluid .row#hubs h2 { padding: 0; } footer#ctl00_Footer { padding-left: 3.4rem !important; padding-right: 3.4rem !important; } } .container-fluid .row.home-banner .card-container .category-card { border-radius: 8px; flex: 0 0 48.5%; } @media(min-width:768px) { .container-fluid .row.home-banner .card-container .category-card { flex-basis: 31.9%; } } @media(min-width:840px) { .container-fluid .row .two-column.interrupter h3 { font-size: clamp(17px, 2vw, 25px) !important; } .container-fluid .row .two-column.interrupter h3 ~ p { font-size: clamp(9px, 1.12vw, 13px); margin-bottom: 0; } .container-fluid .row#accountingSinglePost .two-column.text-and-image { padding-right: 0; } .container-fluid .row .two-column.text-and-image .image-column { padding: .65% 0; padding-right: .65%; } .container-fluid .row .two-column > * { width: 50%; } .container-fluid .row.sales-management .two-column > * { width: 49%; } .container-fluid .row .two-column #salesSoftware { margin-right: auto; } .container-fluid .row .two-column #projectManagementSoftware { margin-left: auto; } .container-fluid .row .two-column #salesSoftware h2, .container-fluid .row .two-column #projectManagementSoftware h2 { margin-bottom: clamp(1.8rem, 1vw, 2.8rem); line-height: .69; font-size: clamp(24.5px, 2.5vw, 40px); } .container-fluid .row .two-column #salesSoftware h3, .container-fluid .row .two-column #projectManagementSoftware h3 { font-size: clamp(18px, 2.5vw, 40px); } .container-fluid .row .two-column #salesSoftware .articles .list-column h4.post-title, .container-fluid .row .two-column #projectManagementSoftware .articles .list-column h4.post-title { -webkit-line-clamp: 1; overflow: hidden; } .container-fluid .row .two-column .image-bg-column.fixed-height { height: clamp(16rem, 25.5vw, 25.7rem); } .container-fluid .row.jumbotron#hrSoftware { padding: clamp(3rem, 4.5vw, 5rem) 3.4rem; } .container-fluid .row.jumbotron#hrSoftware .six-cell-grid .cell { margin-right: clamp(3px, 0.2vw, 6px); margin-left: clamp(3px, 0.2vw, 6px); } .container-fluid .row.jumbotron#hrSoftware .six-cell-grid .cell:nth-child(1), .container-fluid .row.jumbotron#hrSoftware .six-cell-grid .cell:nth-child(4) { margin-left: 0; } .container-fluid .row.jumbotron#hrSoftware .six-cell-grid .cell:nth-child(3), .container-fluid .row.jumbotron#hrSoftware .six-cell-grid .cell:nth-child(6) { margin-right: 0; } } @media(min-width:992px) { .custom_header_padding { padding-left: 1rem; padding-right: 1rem; padding: 1rem clamp(5.5rem, 4.4vw, 8rem) 1rem; } .container-fluid .row.home-banner .card-container .category-card { flex-basis: clamp(12%, 12.245vw, 15.33%); } a.navbar-brand-image img { height: clamp(33px, 3vw, 60px); } #navbarCollapse li a.nav-link { font-size: clamp(10px, 1vw, 16px); } a.custom_peading_cat_btn { font-size: clamp(10px, 1vw, 16px); padding-top: clamp(10px, 1vw, 15px); padding-bottom: clamp(10px, 1vw, 15px); padding-left: clamp(10px, 1vw, 15px); padding-right: clamp(10px, 1vw, 15px); } a.custom_peading_cat_btn img { width: clamp(14px, 1vw, 40px); } .navbar .input-group-search-box .search-box { width: 97%; padding-top: clamp(1rem, 1.5vw, 1.3rem); padding-bottom: clamp(1rem, 1.5vw, 1.3rem); padding-left: clamp(2.5rem, 2.5vw, 4.3rem); font-size: clamp(12px, 1.3vw, 16px); margin: auto; } .custom_header_padding #navbarCollapse ul li:first-child, .custom_header_padding #navbarCollapse ul li:last-child { margin-right: 0 !important; } .custom_search_icon img { width: clamp(16px, 1.34vw, 21.3px); height: clamp(16.5px, 1.34vw, 21.9px); } .navbar .input-group-search-box { margin: 0 !important; } .container-fluid .row.home-banner .card-container .category-card:not(:last-child) { margin-right: clamp(10px, 1vw, 14px); } .container-fluid .row.home-banner .card-container { margin-top: clamp(1rem, 2vw, 2.8rem); margin-bottom: 0; } .card-section .btn-container { margin: 0; } .container-fluid .row.two-column-image-and-list { width: clamp(58rem, 94vw, 92rem); } .container-fluid .row.parent-divof-discoverbusiness { padding: 0rem 4.8rem 0.5rem; width: clamp(58rem, 94vw, 92rem); margin-top: 0; margin-bottom: clamp(5%, 5.5vw, 10%); } .parent-divof-discoverbusiness .interrupter div.left-column { margin-right: 4px; width: clamp(48%, 32vw, 48.5%) !important; } .parent-divof-discoverbusiness .interrupter div.right-column { margin-left: 10px; width: clamp(49%, 32vw, 50.39%) !important; } .container-fluid .row.home-banner { margin-bottom: clamp(60px, 4vw, 90px); width: clamp(58rem, 94vw, 92rem); background-size: 100%; background-position: top; padding: 2.5rem 4.8rem 0.5rem; margin-top: 0; } .container-fluid .row.two-column-image-and-list { margin-bottom: clamp(65px, 5vw, 90px); margin-top: 0; padding: 0rem 4.8rem 0.5rem; } .container-fluid .row.two-column-image-and-list .latest-guides-heading { line-height: .69; font-size: clamp(24.5px, 2.5vw, 40px); } .container-fluid .row.home-banner .heading h2 { font-size: clamp(13px, 1vw, 20px) !important; } .container-fluid .row.home-banner .heading h1 { font-size: 5.33vw; } .container-fluid .row.home-banner .heading h2 { font-size: clamp(15px, 1.3vw, 20px); } .container-fluid .row.home-banner .card-container .category-card h3 { font-size: clamp(12px, 1.15vw, 19px); margin-bottom: clamp(2px, 0.3vw, 12px); line-height: clamp(.8rem, 1.5vw, 1.6rem); padding-left: 1rem; padding-right: 1rem; } .container-fluid .row#accountingSoftware { padding: 0rem 4.8rem 0.5rem; width: clamp(58rem, 94vw, 92rem); margin-bottom: 0; } .container-fluid .row#accountingSoftware .six-cell-grid .cell .text { padding-left: 1.99%; padding-top: 2%; padding-bottom: 2%; } .container-fluid .row#accountingSinglePost { width: clamp(58rem, 94vw, 92rem); margin-top: clamp(60px, 6.1vw, 120px); margin-bottom: clamp(65px, 5vw, 90px); } .container-fluid .row .two-column.text-and-image { padding: 0 0 0 4.8rem; } .container-fluid .row.home-banner .card-container .category-card > img { max-height: 5.5rem !important; padding: 0.8rem 1rem 0.25rem !important; } .container-fluid .row.home-banner .card-container .category-card .small { font-size: clamp(9px, 1vw, 12px) !important; padding-left: 1rem !important; padding-right: 1rem !important; padding-top: 0 !important; } .container-fluid .row.home-banner .card-container .category-card .category-card-footer { font-size: clamp(8.59px, .5vw, 13px) !important; padding: 0.4rem 0.7rem !important; } .btn-container .btn-more { font-size: clamp(6px, .4vw, 13px) !important; padding: clamp(6px, 0.4vw, 18px) clamp(10px, 0.4vw, 25px) !important; margin-bottom: clamp(10px, 1vw, 25px); } .two-column ul li .post-category { margin-bottom: 0 !important; font-size: clamp(8px, .7vw, 11px) !important; } .two-column ul li .post-title { line-height: clamp(23px, 1.5vw, 30px) !important; font-size: clamp(14px, 1.5vw, 21px) !important; } div.two-column.height-width-two-column > * { min-height: clamp(430px, 39vw, 630px) !important; } .container-fluid .row.two-column-image-and-list .latest-guides-heading { margin-bottom: clamp(1.8rem, 1vw, 2.8rem) !important; } .two-column .image-bg-column .hub-title { font-size: clamp(9px, .8vw, 12px) !important; margin-bottom: clamp(10px, 1vw, 16px) !important; } .two-column .image-bg-column { padding: 1.7rem 1.7rem !important; } .two-column .image-bg-column .hub-title ~ .post-title { font-size: clamp(17px, 1.8vw, 30px) !important; line-height: 1.5rem !important; } .two-column .image-bg-column .hub-title ~ .post-title ~ p { font-size: clamp(11px, 1.2vw, 18px) !important; line-height: 1.4rem !important; } .container-fluid .row .two-column.height-width-two-column .list-column { width: clamp(49%, 32vw, 50.39%) !important; } .container-fluid .row .two-column.interrupter > div { padding-left: 2.12rem !important; padding-right: 2.12rem !important; } .container-fluid .row .two-column.interrupter h3 { font-size: clamp(19.55px, 1.35vw, 30px) !important; } .container-fluid .row .two-column.interrupter .right-column h3 { width: 88.5%; margin: auto; } .container-fluid .row .two-column.interrupter h3 ~ p { font-size: clamp(10px, 1vw, 16px); width: 97.5%; margin: 5px auto 0; } .container-fluid .row#accountingSoftware h2 { font-size: clamp(24px, 2.5vw, 40px); } .container-fluid .row .two-column > * { width: clamp(48%, 32vw, 48.5%) !important; } #accountingSoftware .six-cell-grid { grid-template-columns: 1fr 1fr; } .container-fluid .row#accountingSoftware .six-cell-grid .cell img { width: clamp(90px, 8vw, 125px); height: clamp(90px, 8vw, 125px); padding: 0.3rem; object-fit: cover; } .container-fluid .row#accountingSoftware .six-cell-grid .cell .text h3 { font-size: clamp(12px, 1.41vw, 21px); line-height: clamp(20px, 2vw, 32px); margin: 0; } .container-fluid .row .six-cell-grid .cell .text .post-category { font-size: clamp(7px, .7vw, 11px) !important; letter-spacing: .5px; } .container-fluid .row .six-cell-grid a.cell { width: initial !important; } .container-fluid .row .six-cell-grid a.cell:nth-child(2n+1) { width: 96% !important; margin-bottom: 10px; } .container-fluid .row .six-cell-grid a.cell:nth-child(2n+2) { width: 98.3% !important; margin-left: -5px; margin-bottom: 10px; } .container-fluid .row#accountingSinglePost .two-column.text-and-image .text-column { padding: clamp(5rem, 8vw, 8.2rem) 3rem clamp(5rem, 8vw, 8.2rem) 0 !important; width: 45.5% !important; } .container-fluid .row#accountingSinglePost .two-column.text-and-image .image-column { width: 55.3% !important; padding-left: 0; } .container-fluid .row#accountingSinglePost .text-column .post-category { font-size: clamp(10px, .85vw, 12px); letter-spacing: clamp(1.1px, .09vw, 1.9px); } .container-fluid .row .two-column.text-and-image .text-column .post-title { font-size: clamp(30px, 2.5vw, 40px) !important; line-height: clamp(37px, 3.5vw, 53px) !important; } .container-fluid .row .two-column.text-and-image .text-column .post-title ~ p.lead { font-size: clamp(11px, 1.2vw, 16px); opacity: .78; line-height: clamp(20px, 2vw, 31px); } #accountingSinglePost a { font-size: clamp(11px, 1vw, 16px); } #accountingSinglePost a img { width: clamp(16px, 1.5vw, 21px); } .container-fluid .row.two-column-image-and-list#marketingSoftware h2 { margin-bottom: clamp(1.8rem, 1vw, 2.8rem) !important; line-height: .69; font-size: clamp(24.5px, 2.5vw, 40px); } .container-fluid .row.six-cell-row#softwareWeLove { margin-bottom: clamp(60px, 4vw, 90px); width: clamp(58rem, 94vw, 92rem); padding: clamp(3rem, 4.5vw, 5rem) 4.8rem; margin-top: 0; } .container-fluid .row.six-cell-row#softwareWeLove .card-container { margin-top: clamp(25px, 2.5vw, 35px); } .container-fluid .row.six-cell-row#softwareWeLove h2 { font-size: clamp(24px, 2.2vw, 40px); margin: 0; } .container-fluid .row.six-cell-row#softwareWeLove .card-container a.company-card { flex-basis: clamp(12%, 12.5vw, 15.299%); justify-content: flex-start; height: fit-content; } .container-fluid .row.six-cell-row#softwareWeLove .card-container a.company-card:not(:last-child) { margin-right: clamp(10px, 1vw, 14px); } .container-fluid .row.six-cell-row#softwareWeLove .company-card > img { height: clamp(5rem, 8vw, 7.65rem); padding-bottom: 0.5rem !important; } .container-fluid .row.six-cell-row#softwareWeLove .company-card .small { font-size: clamp(12.5px, 1.2vw, 18px); } .container-fluid .row.six-cell-row#softwareWeLove .company-card .small ~ h3 { font-size: clamp(7px, .78vw, 11px); line-height: clamp(15px, 1.35vw, 21px); letter-spacing: clamp(0.8px, 0.1vw, 1.2px); padding: 0 0.25rem; margin: 0 0 0.2rem 0; } .container-fluid .row.six-cell-row#softwareWeLove .card-container a.company-card .star-rating .star-rating-section { width: fit-content; } .container-fluid .row.six-cell-row#softwareWeLove .card-container a.company-card .star-rating .star-rating-section i { font-size: clamp(9px, .9vw, 18px); } .container-fluid .row.six-cell-row#softwareWeLove .card-container a.company-card .star-rating { margin-top: clamp(2px, 1vw, 16px); } .container-fluid .row.six-cell-row#softwareWeLove .card-container a.company-card .star-rating .star-rating-section { margin: clamp(8px, 0.89vw, 12px) auto; } .container-fluid .row.six-cell-row#softwareWeLove .company-card:nth-child(3) > img, .container-fluid .row.six-cell-row#softwareWeLove .company-card:nth-child(6) > img { padding: 1.3rem; } .container-fluid .row.sales-management { width: clamp(58rem, 94vw, 92rem); padding: clamp(3rem, 4.5vw, 5rem) 4.8rem; margin-top: 0; padding-top: 0; margin-bottom: clamp(60px, 4vw, 90px); } .container-fluid .row .two-column #projectManagementSoftware { width: clamp(48.8%, 38.5vw, 50.39%) !important; } .container-fluid .row .two-column #salesSoftware h2, .container-fluid .row .two-column #projectManagementSoftware h2 { margin-bottom: clamp(1.8rem, 1vw, 2.8rem); line-height: .69; font-size: clamp(24.5px, 2.5vw, 40px); } .container-fluid .row .two-column #salesSoftware { margin-right: 4px; } .container-fluid .row .two-column #projectManagementSoftware { margin-left: 8px; } .container-fluid .row.sales-management .two-column .two-column-image-and-list .hub-title ~ .post-title { line-height: 1.9rem !important; } .container-fluid .row .two-column .image-bg-column.fixed-height { height: clamp(16rem, 25.5vw, 25.7rem); border-radius: 8px 8px 0 0 !important; } .container-fluid .row .two-column .image-bg-column.fixed-height ~ .list-column { padding: 1rem 1.5rem; } .container-fluid .row .two-column #salesSoftware .articles, .container-fluid .row .two-column #projectManagementSoftware .articles { min-height: 95.5%; border-radius: 9px 8px 6px 6px; } .container-fluid .row .two-column #salesSoftware .articles .list-column, .container-fluid .row .two-column #projectManagementSoftware .articles .list-column { padding: .8rem 1.5rem; } .container-fluid .row .two-column #salesSoftware .articles .list-column h4.post-title, .container-fluid .row .two-column #projectManagementSoftware .articles .list-column h4.post-title { -webkit-line-clamp: 1; overflow: hidden; } .container-fluid .row .two-column #salesSoftware .articles .list-column li:not(:first-child), .container-fluid .row .two-column #projectManagementSoftware .articles .list-column li:not(:first-child) { padding-top: clamp(5px, 0.5vw, 20px); } .container-fluid .row .two-column #salesSoftware .articles .list-column li:not(:last-child), .container-fluid .row .two-column #projectManagementSoftware .articles .list-column li:not(:last-child) { padding-bottom: clamp(20px, 1.1vw, 40px); } .container-fluid .row.jumbotron#hrSoftware { margin-bottom: clamp(7px, 0.5vw, 14.8px) !important; width: clamp(58rem, 94vw, 92rem); padding: clamp(3.8rem, 6vw, 6.4rem) 5.5rem clamp(3.8rem, 6vw, 6.4rem) 4.9rem; margin-top: 0; } .container-fluid .row.jumbotron h2 { font-size: clamp(26px, 2.5vw, 40px); margin-bottom: clamp(1.5rem, 2.3vw, 3.38rem); } .container-fluid .row.jumbotron#hrSoftware .cell h3 { font-size: clamp(11px, 1.3vw, 18px); line-height: clamp(21px, 2.1vw, 30px); } .container-fluid .row.jumbotron#hrSoftware .six-cell-grid a.cell { margin-right: clamp(3px, 0.5vw, 8px); margin-left: clamp(3px, 0.5vw, 8px); width: initial !important; } .container-fluid .row.jumbotron#hrSoftware .six-cell-grid .cell:nth-child(3), .container-fluid .row.jumbotron#hrSoftware .six-cell-grid .cell:nth-child(6) { margin-right: 0; } .container-fluid .row.jumbotron#hrSoftware .six-cell-grid .cell:nth-child(1), .container-fluid .row.jumbotron#hrSoftware .six-cell-grid .cell:nth-child(4) { margin-left: 0; } .container-fluid .row.jumbotron#hrSoftware .six-cell-grid .cell img { height: clamp(145px, 14.5vw, 220px); } .divider-img { height: clamp(75px, 7.5vw, 124.9px); margin-bottom: clamp(13px, 1.1vw, 26.29px); } .container-fluid .row#hubs h2 { font-size: clamp(25px, 2.5vw, 40px); margin-bottom: clamp(16px, 1.6vw, 40px); } .container-fluid .row#hubs .soft-cat a { font-size: clamp(10px, 1vw, 15px); padding-bottom: clamp(8px, 0.6vw, 14.5px); padding-top: clamp(8px, 0.6vw, 14.5px); } .container-fluid .row#hubs { padding: 0px 4.8rem; width: clamp(58rem, 94vw, 92rem); } .container-fluid .row#hubs div.soft-cat { padding-right: 10px; padding-left: 0; } .container-fluid .row#hubs div.soft-cat:nth-child(3n+1) { padding-right: 1.45%; } footer#ctl00_Footer > div { padding: 0px 4.8rem; width: clamp(58rem, 94vw, 92rem); } .footer#ctl00_Footer ul li a.footer-link { font-size: clamp(9.3px, .9vw, 15px); opacity: .7; font-weight: 500; } .footer#ctl00_Footer ul li { margin: 0; } footer#ctl00_Footer { padding-left: initial !important; padding-right: initial !important; } .container-fluid .row#accountingSinglePost .two-column.text-and-image { padding-left: 4.8rem; } #softwareGuideOverview span.publish-date, #accountingSoftware span.publish-date, #marketingSoftware span.publish-date, .sales-management span.publish-date, #hrSoftware .cell span.publish-date { font-size: clamp(8px, 0.9vw, 11px); } .container-fluid .row#accountingSinglePost .two-column.text-and-image .image-column img { height: clamp(390px, 35vw, 560px); } .input-group-search-box.signup-business-form span { margin-left: 3% !important; } } @media(min-width:1280px) { .container-fluid .row.home-banner .heading h1, .container-fluid .row.home-banner .heading h2 { width: 100%; } .container-fluid .row.home-banner .heading h1 { font-size: 5.3vw; } .custom_header_padding { padding: 1rem clamp(8rem, 4.2vw, 8rem) 1rem; } .container-fluid .row.sales-management { padding: 0rem 6rem 0rem; margin-bottom: clamp(100px, 9vw, 130px); } .container-fluid .row.six-cell-row#softwareWeLove { margin-bottom: clamp(60px, 7vw, 90px); } .container-fluid .row .two-column #salesSoftware, .container-fluid .row .two-column #projectManagementSoftware { width: clamp(49%, 32vw, 50.39%) !important; } .container-fluid .row .two-column .image-bg-column.fixed-height ~ .list-column { padding: 1rem 1.8rem; } .container-fluid .row .two-column #salesSoftware .articles .list-column h4.post-title, .container-fluid .row .two-column #projectManagementSoftware .articles .list-column h4.post-title { -webkit-line-clamp: initial; overflow: visible; } .container-fluid .row .two-column #salesSoftware h2, .container-fluid .row .two-column #projectManagementSoftware h2 { margin-bottom: clamp(2rem, 3vw, 3.36rem); } .container-fluid .row .two-column .image-bg-column.fixed-height { border-radius: 8px 8px 0 0 !important; } .container-fluid .row .two-column .two-column-image-and-list > .articles { border-radius: 8px; } .container-fluid .row.jumbotron#hrSoftware { padding-left: 6rem; padding-right: 6.3rem; } .container-fluid .row#hubs { padding-left: 6rem; padding-right: 6rem; } .container-fluid .row#hubs div.soft-cat:nth-child(3n+1) { padding-right: 0.54%; } footer#ctl00_Footer > div { padding-left: 6rem; padding-right: 6rem; } .footer#ctl00_Footer ul li { margin: 0.18rem 0; } .container-fluid .row#accountingSinglePost .two-column.text-and-image { padding-left: 6rem; } } .container-fluid .row.home-banner .card-container .category-card:hover { text-decoration: none; opacity: .85; } .container-fluid .row.home-banner .card-container .category-card > img { display: flex; max-width: 95%; height: 100%; max-height: 8.19rem; padding: 1rem 1.5rem .25rem; } .container-fluid .row.home-banner .card-container .category-card .small { display: block; font-size: 11px; padding: .1rem 1.3rem; padding-top: .4rem; opacity: 50%; } .container-fluid .row.home-banner .card-container .category-card .category-card-footer { border-radius: 0 0 8px 8px; font-size: 13px; padding: .7rem; text-align: center; } .container-fluid .row.home-banner .card-container .category-card .category-card-footer img { max-width: 10%; } .container-fluid .row.two-column-image-and-list { flex-direction: column; } .container-fluid .row.two-column-image-and-list .latest-guides-heading { margin-bottom: 2.8rem; } .container-fluid .row .two-column { flex-direction: column; gap: 1rem; } .container-fluid .row .two-column:not(.interrupter, .column-gap) { border-radius: 8px; } @media(min-width:840px) { .container-fluid .row .two-column { flex-direction: row; border: 0; gap: 0; } div.two-column.height-width-two-column > a { margin-right: 4px; background-size: cover !important; background-position: center !important; } div.two-column.height-width-two-column > a ~ ul { margin-left: 8px !important; } div.two-column.height-width-two-column > ul { width: 50%; } .container-fluid .row .two-column.text-and-image { } .container-fluid .row .two-column.text-and-image .text-column { padding: 7.6rem 1.1rem 8.03rem; } .container-fluid .row .two-column.text-and-image .image-column { padding: .65% 0; } .container-fluid .row .two-column.text-and-image .image-column img { display: inline-block; } .parent-divof-discoverbusiness .interrupter div.left-column { margin-right: 4px; } .parent-divof-discoverbusiness .interrupter div.right-column { margin-left: 8px; } .container-fluid .row .two-column.interrupter .left-column { margin-bottom: 0; } } .container-fluid .row .two-column .two-column-image-and-list > .articles { border: 1px solid #dbe6ea; border-radius: 8px; } .container-fluid .row .two-column .image-bg-column.fixed-height h2 { color: #fff; } .container-fluid .row .two-column .image-bg-column.fixed-height ~ .list-column li:first-child { padding-top: 0; } .container-fluid .row .two-column .image-bg-column.fixed-height ~ .list-column li:last-child { padding-bottom: 0; } .container-fluid .row .two-column .list-column { margin: 0; list-style-type: none; padding: 0 0 0 .85%; } .container-fluid .row .two-column.interrupter { text-align: center; gap: 0; color: #2b5068; } .container-fluid .row .two-column.interrupter > div { padding: 3.12rem; border-radius: 8px; padding-top: clamp(24px, 1.5vw, 26.5px); padding-bottom: clamp(48.9px, 3vw, 49.5px); } .container-fluid .row .two-column.interrupter .left-column { background-color: #e6f6f6; } .container-fluid .row .two-column.interrupter .right-column { background-color: #e2edf7; } .container-fluid .row .two-column.interrupter img { max-width: 100%; margin-bottom: 1rem; } .container-fluid .row .two-column.interrupter img.testimonial { width: 91%; margin-top: 1.5%; margin-bottom: 5.35%; } .container-fluid .row .two-column.interrupter img.social_icon_img { width: 99%; float: left; } .container-fluid .row .two-column.interrupter .right-column h3 { width: 89.9%; margin-left: 2.7%; } .container-fluid .row .two-column.interrupter h3 { width: 75%; margin: auto; font-weight: 500; font-size: 30px; line-height: 1.33; margin-bottom: 2.5%; } .container-fluid .row .two-column.interrupter h3 ~ p { line-height: 2; opacity: .8; } .container-fluid .row .two-column.text-and-image { display: flex; background-color: #ebeaf7; border-radius: 8px; } @media(min-width:768px) { .container-fluid .row.home-banner .heading h2 { font-size: 1.7vw; margin-top: 0.3rem; width: clamp(100%, 9vw, 100%); } } .container-fluid .row .two-column.text-and-image .text-column { position: relative; color: #2b5068; overflow: hidden; } @media(min-width:1024px) { .container-fluid .row .two-column.text-and-image .text-column { padding: 7.6rem 7.4rem 8.03rem; } .container-fluid .row.home-banner .heading h2 { font-size: clamp(13px, 1.3vw, 20px) !important; margin-top: 1rem; } .container-fluid .row.home-banner .card-container .category-card { flex-basis: 15.6%; } .container-fluid .row.home-banner .card-container .category-card .category-card-footer { font-size: .759vw !important; padding: 0.5rem 0.7rem !important; } .container-fluid .row.home-banner .card-container .category-card > img { max-height: clamp(6rem, 1vw, 7rem) !important; } .container-fluid .row.two-column-image-and-list { padding: 0rem 4.8rem 0.5rem !important; } .btn-container .btn-more { padding-left: clamp(14px, 0.4vw, 25px) !important; padding-right: clamp(14px, 0.4vw, 25px) !important; margin-bottom: clamp(15px, 1vw, 25px); font-size: clamp(6px, .6vw, 13px) !important; } .navbar .input-group-search-box .search-box { width: 93%; padding-top: clamp(1rem, 1.8vw, 1.3rem); padding-bottom: clamp(1rem, 1.8vw, 1.3rem); } .input-group-search-box span { margin-left: clamp(2rem, 1vw, 2.8rem); top: 0; } a.navbar-brand-image img { height: clamp(36px, 3vw, 60px); } .custom_header_padding { margin-bottom: 3px; } div.two-column.height-width-two-column > a ~ ul { margin-left: 8px !important; } .two-column .image-bg-column { padding: 2rem 1.8rem !important; } .container-fluid .row.two-column-image-and-list .latest-guides-heading { margin-bottom: clamp(1.9rem, 2.5vw, 3.8rem) !important; } .two-column .image-bg-column .hub-title ~ .post-title { line-height: 1.89rem !important; } .two-column .image-bg-column .hub-title ~ .post-title ~ p { line-height: 1.6rem !important; } .container-fluid .row .two-column.interrupter h3 { font-size: clamp(20.55px, 1.35vw, 30px) !important; width: 60%; } .container-fluid .row .two-column.interrupter > div { padding-top: clamp(20px, 1.5vw, 26.5px); padding-bottom: clamp(45px, 4.5vw, 60.5px); } .container-fluid .row .two-column.interrupter .right-column h3 { width: calc(71.9% + 3rem); } .container-fluid .row .two-column.interrupter > div.right-column { padding-left: 2.2rem !important; padding-right: 2.2rem !important; margin-left: 10px; } .container-fluid .row.six-cell-row#softwareWeLove { padding-right: 4rem; } .container-fluid .row.six-cell-row#softwareWeLove .card-container a.company-card { flex-basis: clamp(12%, 12.5vw, 15%); } .container-fluid .row .two-column #projectManagementSoftware { margin-left: 12px; } } .container-fluid .row .two-column.text-and-image .text-column .post-category { text-transform: uppercase; font-size: 12px; display: inline-block; margin-bottom: 1.3%; } .container-fluid .row .two-column.text-and-image .text-column .post-title { font-size: 40px; font-weight: 500; line-height: 54px; margin-bottom: 1.4%; } @media(min-width:1024px) { .container-fluid .row .two-column.text-and-image .text-column: :after { content: ""; background-image: url("../images/home/motif-notepad.png"); background-size: 10rem; width: 10rem; height: 11rem; background-repeat: no-repeat; position: absolute; top: 1.7rem; right: 0; } } .container-fluid .row .two-column.text-and-image .text-column::after { background-size: clamp(9rem, 12vw, 12rem); right: -30px; } .container-fluid .row .two-column.text-and-image .text-column h3 { font-size: 2rem; font-weight: 500; } .container-fluid .row .two-column.text-and-image .image-column { padding: .65%; } .container-fluid .row .two-column.text-and-image .image-column img { height: 100%; object-fit: cover; object-position: 100%; width: 100%; border-radius: 5px; display: block; margin: auto; } .container-fluid .row .six-cell-grid { color: #4280a6; display: grid; grid-template-columns: 1fr; width: 100%; } @media(min-width:1280px) { .container-fluid .row .six-cell-grid { grid-template-columns: 1fr 1fr; } } .container-fluid .row .six-cell-grid a.cell { text-decoration: none; margin-bottom: 10px; } .container-fluid .row .six-cell-grid .cell { display: flex; flex-direction: row; align-items: center; border: 1px solid #DCDCDC; border-radius: 6px; } @media(min-width:1024px) { .container-fluid .row .six-cell-grid .cell { flex-direction: row; } } .container-fluid .row .six-cell-grid .cell img { width: 100%; padding: .5rem; border-radius: .75rem; } @media(min-width:1024px) { .container-fluid .row .six-cell-grid .cell img { width: 125px; height: 125px; object-fit: cover; } } .container-fluid .row .six-cell-grid .cell .text { padding: 1.5rem; color: #2b5068; } .container-fluid .row .six-cell-grid .cell .text:focus-visible { outline: none; } .container-fluid .row#hubs .soft-cat a:focus-visible { outline: none; } .container-fluid .row .six-cell-grid .cell .text .post-category { display: block; margin-bottom: .5rem; text-transform: uppercase; color: #2b5068; font-size: 11px; } .container-fluid .row .six-cell-grid .cell .text h3 { color: #2b5068; font-weight: 500; font-size: 21px; } .container-fluid .row.six-cell-row { background-color: #edf3fa; position: relative; padding: 1rem; justify-content: center; } @media(min-width:1280px) { main .hidden-class { overflow: hidden; } .container-fluid .row.six-cell-row { justify-content: start; padding: 6rem 8rem; } .container-fluid .row.six-cell-row::before, .container-fluid .row.six-cell-row::after { content: ""; position: absolute; background-size: contain; width: 14%; height: 60%; background-repeat: no-repeat; } .container-fluid .row.six-cell-row::before { background-image: url("../images/home/motif-bubble.png"); top: 5rem; left: -6rem; left: -37px; } .container-fluid .row.six-cell-row::after { background-image: url("../images/home/motif-folder.png"); top: 3rem; right: -1.7rem; } .container-fluid .row.home-banner .card-container .category-card { flex-basis: 15.5423%; } .container-fluid .row.home-banner .card-container .category-card h3 { font-size: clamp(17px, .5vw, 21px); line-height: clamp(23px, 1.8vw, 25px); margin-bottom: clamp(8px, 0.3vw, 12px); } .container-fluid .row.home-banner .card-container .category-card > img { max-height: 6.8rem !important; } .container-fluid .row.home-banner .card-container .category-card .category-card-footer { font-size: .9vw !important; padding: 0.6rem 0.7rem !important; } .navbar .input-group-search-box { } .container-fluid .row.home-banner { padding: 3.8rem 6rem 0rem !important; } a.navbar-brand-image img { height: clamp(36px, 3.5vw, 60px); } a.custom_peading_cat_btn { font-size: clamp(10px, 1.1vw, 16px); padding-top: clamp(10px, 0.9vw, 15px); padding-bottom: clamp(10px, 0.9vw, 15px); ; } a.custom_peading_cat_btn img { width: clamp(14px, 1.3vw, 40px); } .navbar .input-group-search-box .search-box { width: 100%; font-size: clamp(12px, 1vw, 16px); } .input-group-search-box span { margin-left: clamp(1rem, 0.5vw, 2.8rem); } .container-fluid .row.two-column-image-and-list { padding: 0rem 6rem 0rem !important; } .two-column .image-bg-column .hub-title ~ .post-title { line-height: 2rem !important; } .two-column .image-bg-column .hub-title ~ .post-title ~ p { line-height: 1.8rem !important; } .two-column ul li .post-title { line-height: clamp(23px, 2vw, 30px) !important; } .container-fluid .row.parent-divof-discoverbusiness { padding: 0rem 6rem 0rem !important; margin-bottom: clamp(90px, 6.5vw, 111px); } .parent-divof-discoverbusiness .interrupter div.left-column { margin-right: 10px; } .container-fluid .row .two-column.interrupter h3 { font-size: clamp(24.55px, 1.35vw, 30px) !important; line-height: clamp(34px, 2.5vw, 40px); } .container-fluid .row .two-column.interrupter h3 ~ p { font-size: clamp(13px, 1vw, 16px); line-height: 1.95; } .container-fluid .row .two-column.interrupter .right-column h3 { width: calc(71.9% + 3rem); margin: auto; } .container-fluid .row .two-column.interrupter h3 ~ p { width: 94.5%; } .container-fluid .row.two-column-image-and-list { margin-bottom: clamp(90px, 7vw, 111px); } .container-fluid .row#accountingSoftware { padding: 0rem 6rem 0rem; } .container-fluid .row .six-cell-grid a.cell:nth-child(2n+1) { margin-bottom: 20px; } .container-fluid .row .six-cell-grid a.cell:nth-child(2n+2) { margin-bottom: 20px; margin-left: -1px; width: 99% !important; } .container-fluid .row#accountingSoftware .six-cell-grid .cell img { width: clamp(90px, 8.8vw, 125px); height: clamp(90px, 8.8vw, 125px); padding: 0.42rem; } .container-fluid .row .six-cell-grid .cell { border-radius: 10px; } .container-fluid .row#accountingSoftware h2 { margin-bottom: 3.5%; } .container-fluid .row#accountingSinglePost .two-column.text-and-image .text-column { width: 45.2% !important; } .container-fluid .row .two-column.text-and-image { padding-left: 6rem; } .container-fluid .row .two-column.text-and-image .text-column .post-title { width: 75%; } .container-fluid .row .two-column.text-and-image .text-column .post-title ~ p.lead { width: 92%; font-size: clamp(12px, 1vw, 16px); } .container-fluid .row .two-column.text-and-image .text-column::after { right: -10px; } .container-fluid .row .two-column.interrupter > div.right-column { width: 49.58% !important; } .container-fluid .row.six-cell-row#softwareWeLove { padding: clamp(3rem, 4vw, 6rem) 6rem; } .container-fluid .row.six-cell-row#softwareWeLove .card-container a.company-card { flex-basis: 15.8%; } .container-fluid .row.six-cell-row#softwareWeLove .card-container { margin-top: clamp(25px, 2.8vw, 35px); flex-wrap: initial; } .container-fluid .row.six-cell-row#softwareWeLove .company-card .small { margin: clamp(2px, 0.2vw, 8px) auto; } .container-fluid .row.six-cell-row#softwareWeLove .company-card:nth-child(3) > img, .container-fluid .row.six-cell-row#softwareWeLove .company-card:nth-child(6) > img { padding: 1.7rem; } } @media(min-width:1440px) { .container-fluid .row.six-cell-row: :after { right: -3rem; top: 4rem; } .container-fluid .row.six-cell-row::before { left: -42px; top: 6rem; } .container-fluid .row.home-banner { padding: 3.8rem 7rem 0rem !important; width: clamp(58rem, 95vw, 92rem); } .container-fluid .row.two-column-image-and-list { padding: 0rem 7rem 0rem !important; } .container-fluid .row.two-column-image-and-list .latest-guides-heading { margin-bottom: clamp(2.56rem, 2.5vw, 3.8rem) !important; } .two-column .image-bg-column { padding: 2rem 2.5rem !important; } .two-column .image-bg-column .hub-title ~ .post-title { line-height: 2.2rem !important; } .two-column .image-bg-column .hub-title { margin-bottom: clamp(10px, 0.68vw, 16px) !important; } div.two-column.height-width-two-column > a { margin-right: 8px; } .two-column ul li .post-category { margin-bottom: clamp(3px, 0.8vw, 5px) !important; font-size: clamp(8px, .9vw, 11px) !important; } .two-column ul li .post-title { line-height: clamp(23px, 3vw, 30px) !important; } .container-fluid .row.parent-divof-discoverbusiness { padding: 0rem 7rem 0rem !important; } .container-fluid .row .two-column.interrupter h3 { font-size: clamp(24.55px, 1.9vw, 30px) !important; line-height: clamp(38px, 2.5vw, 40px); } .container-fluid .row .two-column.interrupter > div { padding-bottom: clamp(50.9px, 3.5vw, 60.5px); } .container-fluid .row .two-column.interrupter > div { padding-left: 3.2rem !important; padding-right: 3.2rem !important; } .container-fluid .row .two-column.interrupter h3 { margin-bottom: initial; } .container-fluid .row#accountingSoftware { padding: 0rem 7rem 0rem; } .container-fluid .row#accountingSoftware .six-cell-grid .cell img { padding: 0.6rem; border-radius: 1rem; } .container-fluid .row .two-column.text-and-image .text-column::after { height: clamp(12.5rem, 12.8vw, 13.5rem); } .container-fluid .row.six-cell-row#softwareWeLove { padding: clamp(3rem, 5.5vw, 6rem) 7rem; } .container-fluid .row.six-cell-row#softwareWeLove h2 { font-size: clamp(24px, 2.5vw, 40px); } .container-fluid .row .two-column.interrupter .left-column { width: 50% !important; } .container-fluid .row .two-column.interrupter > div.right-column { width: 50% !important; } .container-fluid .row .six-cell-grid a.cell:nth-child(2n+2) { width: 99% !important; margin-left: 8px; } .container-fluid .row.six-cell-row#softwareWeLove .card-container a.company-card { flex-basis: 15.59%; } .container-fluid .row.sales-management .two-column .two-column-image-and-list .hub-title ~ .post-title { line-height: 2.5rem !important; } .container-fluid .row .two-column #salesSoftware .articles .list-column, .container-fluid .row .two-column #projectManagementSoftware .articles .list-column { padding: 1.8rem 2.5rem 0.8rem; } .container-fluid .row .two-column .image-bg-column.fixed-height { border-radius: 10px 10px 0 0 !important; } .container-fluid .row .two-column .two-column-image-and-list > .articles { border-radius: 10px !important; } .container-fluid .row.jumbotron#hrSoftware { padding-left: 7rem; padding-right: 7rem; } .container-fluid .row#hubs { padding-left: 7rem; padding-right: 7rem; } .container-fluid .row#hubs div.soft-cat { padding-top: 5px !important; padding-bottom: 5px !important; } } @media(min-width:1600px) { .container-fluid .row.six-cell-row: :after { right: -3.3rem; } } .container-fluid .row.six-cell-row a.company-card { text-decoration: none; } .container-fluid .row.six-cell-row .company-card { display: flex; border-radius: 8px; background-color: #fff; justify-content: center; flex-direction: column; align-items: center; color: #2b5068; } @media(min-width:540px) { .container-fluid .row.six-cell-row .company-card { flex: 0 0 48.5%; } } @media(max-width:991px) { .navbar .logo-container { width: 100%; display: flex; justify-content: space-between; } .navbar .logo-container .custom-navbar-toggler { height: fit-content; } .container-fluid .row.six-cell-row#softwareWeLove .card-container a.company-card .star-rating .star-rating-section { line-height: initial; width: fit-content; } } @media(max-width:539.5px) { .container-fluid .row.home-banner .card-container { flex-direction: row; flex-wrap: wrap; } .container-fluid .row .six-cell-grid .cell .text { padding: 1.2rem 0; } .container-fluid .row .two-column.text-and-image .image-column img { object-fit: cover; min-height: clamp(400px, 39vw, 500px); } .container-fluid .row.home-banner .card-container .category-card { margin: 0 0.8rem 0.8rem 0; } .container-fluid .row.home-banner .card-container .category-card:nth-child(2), .container-fluid .row.home-banner .card-container .category-card:nth-child(4), .container-fluid .row.home-banner .card-container .category-card:nth-child(6) { } .container-fluid .row.home-banner .card-container .category-card { flex: 0 0 46%; } .navbar .input-group-search-box .search-box { padding-left: 2.5rem; font-size: clamp(12.5px, 3vw, 15px); } .navbar .input-group-search-box { margin-top: 1rem; } .custom_header_padding { padding-bottom: 0; } .container-fluid .row .two-column.interrupter h3 { font-size: 22px; } .container-fluid .row .two-column.interrupter h3 ~ p { font-size: 14px; } .container-fluid .row .two-column.text-and-image .text-column { padding: 3rem 1rem; } .container-fluid .row .two-column.text-and-image .text-column .post-title { font-size: 30px; line-height: 40px; } .container-fluid .row.six-cell-row a.company-card { margin-bottom: 1rem; } .container-fluid .row.two-column-image-and-list#marketingSoftware { margin-bottom: 0; } #softwareWeLove { margin-top: 0; margin-bottom: 20px; } .container-fluid .row.sales-management { margin-top: 0; margin-bottom: 20px; } .container-fluid .row.jumbotron#hrSoftware { margin-top: 0; } .divider-img { height: clamp(20px, 4.5vw, 90px); } footer#ctl00_Footer div.container-end > div.row { flex-direction: column; } .container-fluid .row.home-banner .heading { width: 100%; } .container-fluid .row.home-banner { background-position: left; } .input-group-search-box.signup-business-form span { margin-left: 3%; } } @media(max-width:425px) { .container-fluid .row.home-banner .card-container { flex-direction: column; } .container-fluid .row.home-banner .heading h2 { width: 100%; } .container-fluid .row.home-banner .card-container .category-card { width: 75%; margin: auto; margin-bottom: .5rem; flex-basis: auto; } .container-fluid .row .two-column.text-and-image .text-column { padding: 2.6rem 1.4rem 3.03rem; } .container-fluid .row.two-column-image-and-list { padding: 0; margin-bottom: 0 !important; margin-top: 20px; } .parent-divof-discoverbusiness { margin-top: 20px !important; padding: 0; } .container-fluid .row .two-column.interrupter h3 ~ p { font-size: 13px; } .container-fluid .row.two-column-image-and-list .latest-guides-heading { margin-bottom: 20px; font-size: 29px; } .two-column .image-bg-column .hub-title { font-size: 9px !important; } .container-fluid .row.six-cell-row#softwareWeLove { margin-top: 20px; margin-bottom: 20px; } .container-fluid .row.two-column-image-and-list#marketingSoftware h2 { margin-bottom: 20px; font-size: 29px; } .container-fluid .row .two-column.interrupter > div { padding: 1.12rem; } div.two-column.height-width-two-column > * { min-height: clamp(500px, 39vw, 630px) !important; } .container-fluid .row.home-banner { margin-bottom: 2rem !important; } .parent-divof-discoverbusiness { margin-bottom: 2rem !important; } .container-fluid .row#accountingSoftware { padding: 0; } .container-fluid .row .six-cell-grid .cell .text h3 { font-size: 18px; } .container-fluid .row#accountingSoftware h2 { font-size: 29px; } .container-fluid .row#accountingSoftware { margin-bottom: 2rem !important; } .container-fluid .row#accountingSinglePost { margin-top: 0; margin-bottom: 0; } #softwareWeLove h2 { font-size: 29px; margin-bottom: 0; } .container-fluid .row .two-column #salesSoftware h2, .container-fluid .row .two-column #projectManagementSoftware h2 { margin-bottom: 20px; font-size: 29px; } .container-fluid .row.sales-management { padding: 0 !important; margin-top: 0; } .container-fluid .row .two-column .image-bg-column.fixed-height ~ .list-column { padding: 0.8rem; } .container-fluid .row.jumbotron#hrSoftware h2 { font-size: 29px; } .container-fluid .row#hubs h2 { font-size: 29px; padding-left: 0; } .container-fluid .row#hubs .soft-cat { padding-left: 0; padding-right: 0; } /*get list*/ .get_list_banner h1 { font-size: 3rem; } .get_list_banner h2 { font-size: 1.8rem; } .get_list_banner ul { font-size: 14px; } .get_list_banner a { font-size: 1rem; } } @media(max-width:375px) { .container-fluid .row .six-cell-grid .cell { flex-direction: column; } .container-fluid .row .six-cell-grid .cell .text { padding: 1.2rem; } .two-column .image-bg-column .hub-title ~ .post-title { font-size: 20px !important; } .two-column .image-bg-column .hub-title ~ .post-title ~ p { font-size: 13px !important; } .parent-divof-discoverbusiness { margin-top: 13px !important; } .two-column .image-bg-column { padding: 2.2rem 1.5rem !important; } } @media(min-width:768px) { .container-fluid .row.six-cell-row .company-card { flex: 0 0 31.9%; } } @media(min-width:1440px) { .container-fluid .row.six-cell-row .company-card { flex-basis: 15%; } .container-fluid .row.home-banner .card-container .category-card .category-card-footer { font-size: 13px !important; padding-left: 0; } .container-fluid .row.home-banner .card-container .category-card > img { max-height: 8rem !important; } .container-fluid .row.home-banner .card-container .category-card > img { padding: 1rem 1.5rem 0.25rem !important; } .container-fluid .row.home-banner .card-container .category-card .small { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .container-fluid .row.home-banner .card-container .category-card h3 { padding-left: 1.25rem; padding-right: 1.25rem; font-size: 21px; line-height: 25px; } .btn-container .btn-more { font-size: clamp(10px, .5vw, 13px) !important; padding-left: clamp(18px, 0.6vw, 25px) !important; padding-right: clamp(18px, 0.6vw, 25px) !important; margin-bottom: clamp(20px, 1vw, 25px); margin-top: clamp(5px, 0.3vw, 10px); } .navbar .input-group-search-box .search-box { padding-top: clamp(1.3rem, 1.5vw, 1.9rem); padding-bottom: clamp(1.3rem, 1.5vw, 1.9rem); } .input-group-search-box span { top: clamp(10%, 0.4vw, 20%) !important; } .custom_header_padding { padding: 1rem clamp(3rem, 3vw, 8rem) 1rem; } #navbarCollapse li:first-child a.nav-link { font-size: clamp(10px, 1.05vw, 16px); } .container-fluid .row .two-column.text-and-image { padding-left: 7rem; } .container-fluid .row#accountingSinglePost .two-column.text-and-image .text-column { width: 47% !important; } .container-fluid .row.sales-management { padding: 0rem 7rem 0rem; } footer#ctl00_Footer > div { padding-left: 3rem; padding-right: 3rem; } .footer#ctl00_Footer ul li { margin: 0.4rem 0; } .container-fluid .row .two-column > * { width: clamp(49%, 32vw, 48.5%) !important; } .container-fluid .row .six-cell-grid a.cell:nth-child(2n+1) { width: 98% !important; } .container-fluid .row#accountingSinglePost .two-column.text-and-image { padding-left: 7rem; } } .container-fluid .row.six-cell-row .company-card > img { max-width: 100%; max-height: 8rem; padding: 1rem; } .container-fluid .row.six-cell-row .company-card .small { font-size: 18px; padding: 0 1rem; } .container-fluid .row.six-cell-row .company-card h3 { color: #2b5068; font-size: 11px; margin: 1rem 0; padding: 0 1rem; text-align: center; text-transform: uppercase; } .container-fluid .row.six-cell-row .company-card .category-card-footer { border-radius: 8px; background-color: #eaf7f1; font-size: .85rem; color: #2b5068; padding: 1rem; } .container-fluid .row.six-cell-row .company-card .category-card-footer img { max-width: 1rem; } @media(min-width:840px) { .container-fluid .row#accountingSoftware { display: flex !important; } } @media(min-width:840px) { .container-fluid .row.jumbotron .six-cell-grid { grid-template-columns: 1fr 1fr 1fr; } } .container-fluid .row.jumbotron .six-cell-grid .cell { flex-direction: column; border: 0; } .container-fluid .row.jumbotron .six-cell-grid .cell img { max-width: 100%; max-height: 100%; padding: 0; } .container-fluid .row.jumbotron .six-cell-grid .cell .text { padding: 1rem 0 2rem; width: 100%; } .card-section { width: 100%; } @media(max-width:1700px) { .card-section .card-container { row-gap: 1rem; } } .card-container { display: flex; flex-direction: column; margin: 2.8rem 0 1rem; position: relative; z-index: 10; } @media(min-width:540px) { .card-container { flex-direction: row; flex-wrap: wrap; } } .btn-container { text-align: center; margin-top: 1.25rem; margin-bottom: 1rem; } .btn-container .btn-more { border: 1px solid rgba(255, 255, 255, .3); color: #fff; font-size: 10px; padding: .4rem 1.2rem; border-radius: 1.5rem; text-transform: uppercase; letter-spacing: 2px; } .btn-container .btn-more:focus { box-shadow: none; } h2 { color: #2b5068; font-size: 2.5rem; font-weight: 500; margin-bottom: 2rem; } .two-column { display: flex; } .two-column .image-bg-column { color: #fff; padding: 2.2rem 2.5rem; } .two-column a.image-bg-column { text-decoration: none; } div.two-column.height-width-two-column { min-height: auto; } div.two-column.height-width-two-column > * { min-height: clamp(590px, 39vw, 630px); } .two-column .image-bg-column .hub-title { display: block; margin-bottom: 1rem; font-size: 12px; text-transform: uppercase; letter-spacing: 1.1px; opacity: .8; } .two-column .image-bg-column .hub-title ~ .post-title { font-size: 30px; font-weight: 500; padding-left: 2px; line-height: 2.3rem; } .two-column .image-bg-column .hub-title ~ .post-title ~ p { margin: 0; padding-left: 2px; line-height: 2rem; font-size: 18px; opacity: .85; } .two-column ul { margin: 0; padding: 1.5rem; list-style-type: none; color: #4280a6; } .two-column ul li { padding: 2.38% 0 3.56% 0; } .two-column ul li:focus-visible { outline: none; } .two-column ul li a { text-decoration: none; } .two-column ul li:not(:last-child) { border-bottom: 1px solid #dbe6ea; } .two-column ul li .post-category { text-transform: uppercase; font-size: clamp(10px, .7vw, 11px); font-weight: 400; display: inline-block; margin-bottom: 8px; } .two-column ul li .post-title { font-size: 21px; font-weight: 500; } @media(min-width:840px) { .two-column ul li .post-title { display: -webkit-box; -webkit-box-orient: vertical; margin-bottom: .25%; line-height: 34px; } } a:focus-visible { outline: none; } #accountingSinglePost a { background-color: #fff; border-radius: 8px; padding: 1.5% 3.9% 2% 2.3%; } #accountingSinglePost a:focus-visible { outline: none; } #softwareGuideOverview .post-card span, #softwareGuideOverview .post-card h4 { color: #2b5068; } @media(min-width:540px) { } .list-column li, .list-column a, #hubs a { color: #2b5068; } #softwareWeLove { flex-direction: column; } #softwareWeLove .card-container { } @media(min-width:1280px) { #softwareWeLove .card-container { justify-content: flex-start; } } #softwareWeLove .card-container .small { font-weight: 500; } #softwareWeLove h3 { margin: .5rem 0 2rem; } #hrSoftware img { height: unset; width: unset; } #hrSoftware h3 { font-size: 18px; } .column-gap { gap: 2rem; margin: auto; } .rounded-top { border-radius: 8px 8px 0 0; } .rounded-all { border-radius: 7px; } @media(min-width:1520px) { .custom_header_padding { padding-left: 0; padding-right: 0; } } @media(min-width:1600px) { .container-fluid .row.home-banner .card-container .category-card { flex-basis: 15.543%; } .custom_header_padding { padding-left: 0; padding-right: 0; } .container-fluid .row.home-banner .heading h1 { font-size: 80.7px; } .container-fluid .row.home-banner .heading h2 { font-size: 20px; } .container-fluid .row.home-banner .card-container .category-card > img { max-height: 8.4rem; } .btn-container .btn-more { padding: 0.4rem 1.29rem !important; margin-top: clamp(5px, 0.6vw, 12px); margin-bottom: clamp(20px, 1.5vw, 25px); } .navbar .input-group-search-box .search-box { width: clamp(90%, 33vw, 100%); } .input-group-search-box span { } .input-group-search-box span { top: clamp(14%, 0.45vw, 20%) !important; } .container-fluid .row.home-banner .card-container { margin-top: clamp(4rem, 3vw, 5.8rem); margin-bottom: 0; } .container-fluid .row.home-banner { margin-bottom: clamp(85px, 4vw, 90px); } .container-fluid .row.two-column-image-and-list .latest-guides-heading { margin-bottom: clamp(2.9rem, 2.5vw, 3.8rem) !important; } .two-column .image-bg-column { padding: 2.3rem 2.5rem !important; border-radius: 10px; } .two-column .image-bg-column .hub-title { margin-bottom: clamp(10px, 1.68vw, 16px) !important; } .two-column .image-bg-column .hub-title ~ .post-title { line-height: 2.5rem !important; } .two-column .image-bg-column .hub-title ~ .post-title ~ p { line-height: 2rem !important; } .two-column ul li .post-category { letter-spacing: .5px; } .two-column ul li .post-title { line-height: clamp(23px, 3vw, 33px) !important; } .two-column ul li .post-title { font-size: clamp(14px, 1.5vw, 23px) !important; line-height: clamp(23px, 3vw, 35px) !important; } .parent-divof-discoverbusiness .interrupter div.left-column { margin-right: 12px; } .parent-divof-discoverbusiness .interrupter div.right-column { margin-left: 11px; } .container-fluid .row .two-column.interrupter img.testimonial { padding: 0 27px; } .container-fluid .row .two-column.interrupter h3 { line-height: clamp(42px, 2.5vw, 44px); } .container-fluid .row#accountingSoftware .six-cell-grid .cell img { width: clamp(140px, 7vw, 160px); height: clamp(140px, 7vw, 160px); } .container-fluid .row#accountingSoftware h2 { margin-bottom: 2.5rem; } .container-fluid .row .six-cell-grid a.cell:nth-child(2n+2) { margin-left: 8px; } .container-fluid .row#accountingSoftware .six-cell-grid .cell .text { padding-top: 3%; padding-bottom: 3%; } .container-fluid .row .six-cell-grid a.cell:nth-child(2n+1) { margin-bottom: 22px; } .container-fluid .row .six-cell-grid a.cell:nth-child(2n+2) { margin-bottom: 22px; } .container-fluid .row .two-column.text-and-image .text-column::after { right: 0; } .container-fluid .row .two-column #projectManagementSoftware { margin-left: 16px; } .container-fluid .row.sales-management { margin-bottom: clamp(100px, 9vw, 145px); } .container-fluid .row#hubs { } footer#ctl00_Footer > div { padding-left: 0rem; padding-right: 0rem; } .footer#ctl00_Footer ul li { margin: 0.8rem 0; } .footer#ctl00_Footer div.first-conatainer div.footer-li-div > div { justify-content: flex-end !important; } } @media(min-width:1700px) { .input-group-search-box span { margin-left: clamp(0.8rem, 1vw, 5rem) !important; top: clamp(20%, 0.45vw, 20%) !important; } .navbar .input-group-search-box .search-box { width: 100% !important; } } @media(min-width:1920px) { .input-group-search-box span { margin-left: clamp(1.5rem, 1vw, 5rem) !important; top: clamp(18%, 0.45vw, 20%) !important; } .navbar .input-group-search-box .search-box { padding-left: clamp(3.5rem, 2.5vw, 5.3rem); } } #softwareGuideOverview span.publish-date.color-white, #marketingSoftware span.publish-date.color-white, .sales-management span.publish-date.color-white { color: white !important; }