/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://tomusborne.com
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.5.1.1729840049
Updated: 2024-10-25 07:07:29

*/
body {
  margin: 0;
  font-family: "outfit", sans-serif;
}
.plan-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Adjust column count */
    gap: 10px;
    padding: 20px;
    background-color: #e6f2ff;
    border-radius: 10px;
}
.plan-card {
    position: relative;
    padding: 20px;
}

/*.plan-card {
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    width:100%;
}*/

/*.plan-card input[type="radio"] {
    display: none;
}*/

.asp-product {
    background-color: #fff;
    margin: 3px;
    border-radius: 10px;
}
.plan-card .custom-radio {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    border: 2px solid #b0b0b0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.plan-card input[type="radio"]:checked + .custom-radio {
    background-color: #004aad;
    border-color: #004aad;
}

.custom-radio {
    background-color: #004aad;
    border-color: #004aad;
}
.plan-card input[type="radio"]:checked + .custom-radio:before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
}

.plan-card:hover {
    border-color: #004aad;
}

.plan-card .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1px;
}

.review-count {
    font-size: 20px; /* Make the count larger */
    font-weight: bold;
    color: #004aad;
}

.price {
    font-size: 18px; /* Make the price larger */
    color: #666;
}
input[type="radio"] {
    float: right;
    margin: 6px;
}
/*#selected-product-info {
    font-size: 30px;
    font-weight: 700;
}*/

/* Button Styles */
.add-to-cart-btn {
  background-color: #3b5998; /* Blue background */
    color: white; /* Text color */
    border: none; /* Remove border */
    padding: 10px 20px; /* Padding for the button */
    font-size: 16px; /* Font size */
    font-family: Arial, sans-serif; /* Font style */
    border-radius: 5px; /* Rounded corners */
    cursor: pointer; /* Pointer on hover */
    display: inline-flex; /* Align icon and text */
    align-items: center; /* Center items vertically */
    justify-content: center;
}

/* Hover Effect */
.add-to-cart-btn:hover {
   background-color: #2d4373;  /* Slightly darker on hover */
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); /* Slightly deeper shadow */
}
.add-to-cart-btn svg {
    margin-left: 10px; /* Space between text and icon */
    fill: white; /* Icon color */
    width: 18px; /* Icon size */
    height: 18px;
}
/* Icon Styles */
.cart-icon {
  margin-left: 10px; /* Space between text and icon */
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url('cart-icon.png'); /* Replace with the URL of your cart icon */
  background-size: contain;
  background-repeat: no-repeat;
}
.price-add-cart-button{
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 40px 0px 20px;
    text-align:center;
    align-items: center;
}
.add-to-cart-btn.disabled {
    pointer-events: none; /* Prevent clicks */
    opacity: 0.5; /* Make it look disabled */
    cursor: not-allowed; /* Change cursor to indicate it's not clickable */
}


#selected-product-info {
    font-size: 30px;
    font-weight: 700;
    line-height: 25px;
    text-align: center;
    padding-top: 5px;
}
/*.asp-product:focus-within, .asp-product:focus, .asp-product:target, .asp-product:focus-visible{
    background-color: #4ca866;
    color: #fff;
}*/
.asp-product.selected{
    background-color: #4ca866 !important;
    color: #fff !important;
}
.asp-product.selected .plan-card .price, .asp-product.selected p.review-count{
    color: #fff;
}

/*.asp-product:focus-within .review-count, .asp-product:focus-within .price{
    color: #fff;
}*/
.stripe-button-el span {
    width: 200px;
     background-color: #4CA866 !important; 
    font-family: "Outfit", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
    padding: 1px 24px 1px 24px !important;
    background-image: -webkit-linear-gradient(#4CA866, #4CA866) !important;
}

.stripe-button .stripe-button-el {
    background-image: -webkit-linear-gradient(#4CA866, #4CA866);
}
p.review-count {
    font-size: 22px;
    font-weight: 700;
    font-family: "Outfit", sans-serif;
    color: #4ca866;
}
.plan-card .price{
   font-size: 16px;
   color: #000;
   margin-bottom: 0px;
}
input.review-plan {
    position: absolute;
    float: none;
    left: 100px;
    accent-color: #fff;
}
.box-ic span.elementor-icon {
    border-radius: 10px;
    padding: 10px;
    background-color: #4CA866;
    display: flex;
    gap: 20px;
    align-items: center;
}
.box-ic .elementor-icon svg {
    width: 31px;
    height: 31px;
}
.box-ic h3.elementor-icon-box-title {
    margin-bottom: 0px;
}
.box-ic .elementor-icon-box-wrapper{
  align-items: center !important;
}
.add-to-cart-btn{
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    background-color: #4ca866;
    color: #fff;
    padding: 12px 24px;
    border-radius: 10px;
    transition: 0.3s;
    justify-content: center;
    width: 228px;
}
.add-to-cart-btn:hover{
   background-color: #000;
}

.people-use {
    margin: 20px auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.Stars_ {
    max-width: 140px;
    --percent: calc(var(--rating) / 5* 100%);
    display: inline-block;
    font-size: 28px;
    font-family: Times;
    line-height: 1;
}
.Stars_ {
    &::before {
        content: "★★★★★";
        letter-spacing: 2px;
        background-image: ;
        background-position-x: ;
        background-position-y: ;
        background-size: ;
        background-repeat: ;
        background-attachment: ;
        background-origin: ;
        background-color: orange;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }
}
.people-use img {
    max-width: 105px;
}
.people-use .people-col {
    font-size: 14px;
}
.coming-btn a.elementor-button:hover svg path{
   fill: #fff;
}
.coming-btn svg path {
    fill: #4ca866;
}
.hover-over-box:hover svg path, .hover-over-box:hover h5{
   fill: #fff;
   color: #fff !important;
}
#footer-widgets .grid-container, .site-info .grid-container{
    margin-left: auto;
    margin-right: auto;
    max-width: 1140px;
}
#footer-widgets .footer-widgets-container .inner-padding{
    padding: 0 0 0 0px;
}
#menu-services a, #menu-quick-links a{
    text-decoration: none;
}
#footer-widgets div#wpforms-1099-field_2-container {
    padding: 0px 0px 0px ;
}
.footer-widgets-container{
    padding: 60px 40px;
}
/*footer bar*/
.footer-bar {
    width: 100%;
}
.site-info {
    background-color: #000000;
}
.copyright-bar {
    display: none;
}
.site-footer .footer-widgets-container .inside-footer-widgets {
    margin-left: 0px;
}

.inside-site-info.grid-container{
 border-top: 1px solid #ffffff96;
 padding: 20px 40px !important;
}


/*Blogs page CSS */


.featured-blogs .elementor-post__meta-data {
    display: flex;
    justify-content: space-between;
}

.fetured-blogs-sec-1 a.elementor-post__read-more {
    order: 3;
}

.fetured-blogs-sec-1 h3.elementor-post__title {
    order: 2;
}

.fetured-blogs-sec-1 .elementor-post__text {
    display: flex !important;
}
.latest-blogs-section .elementor-post__read-more-wrapper {
    order: 3;
}

.latest-blogs-section .elementor-post__text {
    display: flex;
}
.latest-blogs-section h3.elementor-post__title {
    order: 2;
}

.faq-s .e-n-accordion-item-title[aria-expanded="true"] {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom: 0px;
}
.faq-s .e-con.e-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.e-n-tabs-heading .e-n-tab-title {
    border-radius: 10px !important;
    padding: 12px 28px !important;
}

/*Mobile css*/
@media (max-width: 767px){
    .footer-widget-2 {
    padding-left: 0px !important;
}
.inside-site-info.grid-container {
    padding: 20px 40px;
}
footer .copyright-txt {
    flex-direction: column;
}
footer .payment-logo-col.d-md-flex {
    flex-wrap: wrap;
}
input.review-plan {
        left: 118px;
    }
div#wpforms-384-field_1-container {
    width: 100% !important;
}
div#wpforms-384-field_2-container {
    width: 100%;
    margin-left: 0px !important;
}
.plan-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

/*Blog Search page*/
.page-header h1 {
    font-family: outfit;
}
.entry-title a {
    font-family: outfit;
    font-weight: 600;
}
.entry-meta {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
img.attachment-full.size-full.wp-post-image {
    border-radius: 10px;
}
.entry-summary p{
    font-family: outfit;
}
h2.wp-block-heading {
    font-family: outfit;
    font-weight: 600;
}
.search-custom-list li {
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
}
.is-right-sidebar {
    width: 50%;
}
a.wp-block-latest-posts__post-title {
    color: #000;
    text-decoration: none;
    font-size: 18px;
    font-family: outfit;
    line-height: 30px;
}
.widget_search label.wp-block-search__label {
    display: none;
}
.widget_search input#wp-block-search__input-1 {
    background-color: #E1F1FD;
    font-family: outfit;
    font-size: 16px;
    border-style: none;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.058823529411764705) inset;
    border-radius: 10px 0px 0px 10px;
    margin-right: -20px;
}
.widget_search button.wp-block-search__button.wp-element-button {
    background-color: #4CA866;
    border-radius: 0px 10px 10px 0px;
    padding: 20px;
}
.asp-product {
    position: relative;
}
button.menu-toggle {
    background-color: #4ca866 !important;
    color: #fff !important;
    border-radius: 12px;
    line-height: 52px;
}
/*1024 */
@media (max-width: 1024px){
    
input.review-plan {
        left: 130px;
    }
}

/*500*/

@media (max-width: 500px){
    
input.review-plan {
        left: 112px;
    }
}


.widget-area .widget {
    padding: 20px;
}

.search-custom-post-meta {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    font-family: outfit;
    border-bottom: 1px solid #000;
    padding-bottom: 15px;
}

span.author.vcard a {
    color: inherit;
    text-decoration: none;
    pointer-events: none;
    cursor: default;
}
@media (max-width: 360px) {
    input.review-plan {
        left: 90px;
    }
}