.page-id-15{ background: #FFFFFF; } .toggle-div::before{ content:''; inset:0; width:50%; height:100%; position:absolute; background: #0C0C1C; border-radius: 20px; transform: translateX(0%); transition: transform 0.3s ease; } .toggle-div.right::before { transform: translateX(100%); } .toggle-div:has(.btntoggle:nth-child(2).active)::before { transform: translateX(100%); } .toggle-div:has(.btntoggle:nth-child(1).active)::before { transform: translateX(0%); } .btntoggle.active{ color: #FFFFFF; } .togglediv{ transition: all 0.3s ease; } .togglediv.on > .btn-div{ transform: translateX(0); color: #FFFFFF !important; transition: all 0.3s ease; box-shadow: -4px 0px 0px #0c0c1c; } .btn-text{ transition: all 0.3s ease; } .btn-text.active{ color: #FFFFFF !important; } .togglediv.off > .btn-div{ transform: translateX(79%); transition: all 0.3s ease; box-shadow: 4px 0px 0px #0c0c1c; } .btn-div { transition: transform 0.3s ease; width: 111px; position: relative; } .pricing-main .pricing-table-header{ justify-content: flex-start !important; padding-top: 15px !important; padding-bottom: 16px !important; padding-left: 16px !important; padding-right: 16px !important; } .btn-text { display: inline-block; transition: transform 0.3s ease; white-space: nowrap; } .pricing-main .pricing-table-feature-title{ margin: 0px 0px; } .pricing-main .pricing-table-price{ margin: 0px 0px 0px -3px; } .pricing-table-feature:first-child{ border-top: 1px solid #F2F5F9; border-bottom:none; padding-top: 16px !important; } .pricing-table-features li{ border-bottom:none; } .pricing-table-features li:last-child { padding-bottom: 16px !important; border-bottom: 1px solid #F2F5F9; } .pricing-main .pricing-table{ overflow:visible; background: #FFFFFF; } #price-monthly .pricing-table-ribbon .pricing-table-ribbon-title{ margin-top: 0; transform: unset; } #price-annual .pricing-table{ overflow:visible; } #price-annual .pricing-table-ribbon .pricing-table-ribbon-title{ margin-top: 0; transform: unset; } #price-annual .pricing-table-ribbon { width: 126px; height: max-content; border-radius: 12px 12px 0 0; padding: 8px 12px; } #price-annual .pricing-table-ribbon .pricing-table-ribbon-title { background: #0C0C1C; } #price-monthly .pricing-table{ overflow:visible; } #brxe-34a823 .pricing-table-ribbon .pricing-table-ribbon-title{ margin-top: 0; transform: unset; } #price-monthly .pricing-table-ribbon { width: 126px; height: max-content; border-radius: 12px 12px 0 0; padding: 8px 12px; } #price-monthly .pricing-table-ribbon .pricing-table-ribbon-title { background: #0C0C1C; } .pricing-main .pricing-table-ribbon { left: 0px !important; top: -32px !important; background: #0C0C1C !important; } .pricing-main .pricing-table-price-suffix{ font-family: "Poppins",sans-serif !important; font-weight: 400 !important; font-size: 16px !important; line-height: 150%; letter-spacing: 0px; text-align: center !important; color: #62626B !important; align-self: auto; } .pricing-table:hover .pricing-table-price-meta{ color: #766D55 !important; } .pricing-table:hover .pricing-table-price-suffix { color: #766D55 !important; } .pricing-table:hover .bricks-button{ background: #0C0C1C; transition: blur(4px); } .pricing-main .bricks-button{ padding: 12px 24px !important; } .pricing-main .bricks-button:hover{ outline: 1px solid #0C0C1C; background: #0C0C1C !important; color: #FFFFFF !important; } .text-block{ font-family:"Poppins", sans-serif; font-weight: 700; font-size: 12px; line-height: 150%; letter-spacing: 0px; text-align: center; color: #0C0C1C; text-transform: capitalize; } .offer{ font-family: "Poppins", sans-serif; font-weight: 400; font-size: 12px; line-height: 150%; letter-spacing: 0px; text-align: center; color: #0C0C1C; text-transform: capitalize; } :where(.brxe-pricing-tables) .pricing-table-price-prefix{ font-size: 20px !important; } .pricing-main .pricing-tables { display: flex !important; gap: 16px !important; justify-content: center; } .pricing-table:hover .pricing-table-features li{ color: #766D55 !important; } .pricing-table:not(:first-child):hover > .pricing-table-bg { border: 1px solid #0c0c1c; border-radius: 12px; } .pricing-table:hover > .pricing-table-features li:first-child { border-top: 1px solid #DECC9C; } .pricing-table:hover > .pricing-table-features li:last-child { border-bottom: 1px solid #DECC9C; } .pricing-table .pricing-table-price-wrapper{ align-items: baseline; gap: 7px; } .contact-form .bricks-button{ padding:12px 24px; min-height: 48px; max-height: 48px; backdrop-filter: blur(4px); border: none !important; } .contact-form .bricks-button:hover { background-color: #f5f5f5; } .contact-form input{ height: 56px; } .contact-form select{ height: 56px; } .contact-form textarea{ padding: 12px !important; height: 96px; } .contact-form input::placeholder{ font-family: "Poppins", sans-serif; font-weight: 400; font-style: Regular; font-size: 16px; color: #62626B; line-height: 150%; letter-spacing: 0px; } .contact-form textarea::placeholder{ font-family:"Poppins", sans-serif; font-weight: 400; font-style: Regular; font-size: 16px; color: #62626B; line-height: 150%; letter-spacing: 0px; } .single-post h2{ font-family: "Syne", sans-serif; font-weight: 600; color: #172039; font-size: 32px; line-height:1.2; margin-top: 32px; margin-bottom: 32px; } .single-post h3{ font-family: "Syne", sans-serif; font-weight: 600; color: #172039; font-size: 26px; line-height:1.2; margin-bottom: 32px; margin-top: 32px; } .single-post h4{ font-family: "Syne", sans-serif; font-weight: 400; color: #172039; font-size: 16px; line-height:1.2; margin-top: 24px; margin-bottom: 24px; } .single-post h5{ font-family: "Syne", sans-serif; font-weight: 400; color: #172039; font-size: 14px; line-height:1.2; margin-top: 28px; margin-bottom: 24px;} .single-post h6{ font-family: "Poppins", sans-serif; font-weight: 400; color: #172039; font-size: 12px;; letter-spacing: 1px; margin-top: 28px; margin-bottom: 24px; text-transform: uppercase; } .blog-relatedpost .related-posts{ grid-auto-columns: unset; grid-auto-flow: unset; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; } .categoryblock-link:last-child{ margin-bottom:0 !important; } .resource-relatedposts>.related-posts>.repeater-item{ flex-direction: row; gap:16px; } .categorygrid-reverse{ direction:rtl; } .categorygrid-reverse > div { direction: ltr; } .resource-relatedposts>.related-posts>.repeater-item>figure{ display:block; max-width: 248px; height: 100%; min-width: 248px; border-radius: 16px; overflow:hidden; } .resource-relatedposts>.related-posts>.repeater-item>.post-content>h3{ font-size: 18px; line-height: 1.3; } .resource-relatedposts>.related-posts>.repeater-item>.post-content>h3>a{ font-family: "Syne", sans-serif; font-weight: 400; font-size: 22px; line-height: 1.3; letter-spacing: 0; } @media (max-width: 1200px){ .pricing-main .pricing-tables { flex-wrap: wrap !important; } #brxe-viboun { min-height: 450px; } .feature-header{ padding: 0 0 0 0 !important; } .feature-bannerheading{ min-width: 300px !important; max-width:100%; } } @media (max-width: 1024px){ #brxe-viboun img { object-position: 100% !important; } } @media (max-width: 991.98px){ .resource-relatedposts>.related-posts>.repeater-item>figure { max-width: 140px; min-width: unset; } .categorylist{ display: flex; flex-wrap: wrap; gap: 10px; } .categorylist .categoryblock{ line-height: 1.3; flex: 0 0 32%; } } @media (max-width: 767.98px){ .resource-relatedposts .post-content { height: auto !important; } .resource-relatedposts>.related-posts>.repeater-item>figure { max-width: 140px; min-width: unset; max-height: 140px; } .resource-relatedposts>.related-posts>.repeater-item { align-items:center } .single-post h2{ font-size: 20px; } .single-post h3{ font-size: 18px; } .categorylist{ gap: 20px; } .categorylist .categoryblock{ flex: 0 0 42%; } } @media (max-width: 576px){ .category-div{ flex-direction: column !important; } .categorylist { gap: 16px; } .categorylist .categoryblock { flex: 0 0 28%; } } @media (max-width: 555px){ .pricing-main .pricing-tables .pricing-table{ width: 100%; } } @media (max-width: 480px){ .footer-navbar .bricks-nav-menu{ display: flex; flex-wrap: wrap; gap: 15px; } .footer-navbar .bricks-nav-menu>li { margin: 0 0 0 0px; } h1{ font-size: 29px !important; } .resource-relatedposts>.related-posts>.repeater-item { flex-direction: column; } .resource-relatedposts>.related-posts>.repeater-item>figure{ max-width: 100%; min-width: 100%; max-height: 300px; } #brxe-viboun { min-height: 370px; max-height: 380px; object-position: bottom !important; } .blog-relatedpost .related-posts { grid-template-columns: repeat(1, 1fr); } .categorylist .categoryblock { flex: 0 0 32%; } }