.pricing{
    padding: 1rem;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.mini_card_holder{
    display: grid;
    gap: 1rem;
    justify-content: space-evenly;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    justify-items: center;
}
.mini_card{
    width: 200px;
    height: 200px;
    padding: 1rem;
    /* border: 1px solid var(--light-gray); */
    position: relative;
    display: flex;
    gap: 2rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    overflow: hidden;
    transition: .25s ease-in-out;
}
.mini_card:hover{
    box-shadow: 0 0 20px 0px var(--gray);
    transform: scale(105%);
    color: #fff;
    font-size: 125%;
}
.mini_card:after{
    content: 'Click to view details';
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: block;
    position: absolute;
    bottom: -100%;
    font-size: 12px;
    font-weight: normal;
    background-color: #000000aa;
    visibility: hidden;
    transition: all .25s ease-in-out;
}
.mini_card:hover:after{
    visibility: visible;
    bottom: 0;
}
.mini_card h1{
    font-size: 16px;
    transition: .25s ease-in-out;
}
.mini_card:hover h1{
    font-size: 20px;
}
.mini_card i{
    font-size: 35px;
    transition: .25s ease-in-out;
}
.mini_card:hover i{
    font-size: 25px;
}
/* .plan_details_btn{
    font-size: 14px;
    font-weight: normal;
    display: block;
    margin-top: 5px;
} */

.mini_card.facebook{
    background-color: #4267B2;
}
.mini_card.instagram{
    background: #f09433; 
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.mini_card.youtube{
    background-color: #FF0000;
}
.mini_card.linkedin{
    background-color: #0077B5;
}
.mini_card.twitter{
    background-color: #1DA1F2;
}
.mini_card.google{
    background: linear-gradient(#00000017,#000000b8), linear-gradient(135deg, #4285F4 0%, #4285F4 25%, #DB4437 25%, #DB4437 50%, #F4B400 50%, #F4B400 75%, #0F9D58 75%, #0F9D58 100%);
}

.mini_card_combo_wrapper{
    max-width: 650px;
    margin: auto;
}

.combo_icon_wrapper{
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.mini_card_combine_facebook_insta{
    background: linear-gradient(#00000017,#000000b8), linear-gradient(135deg, #4267B2 0%, #4267B2 50%, #f09433 50%, #e6683c 60%, #dc2743 70%, #cc2366 80%, #bc1888 100%);
}
.mini_card_combine_facebook_insta_youtube{
    background: linear-gradient(#00000017,#000000b8), linear-gradient(135deg, #4267B2 0%, #4267B2 33%, #f09433 33%, #e6683c 40%, #dc2743 49%, #cc2366 60%, #bc1888 66%, #FF0000 66%, #FF0000 100%);
}
.mini_card_all_together{
    background: linear-gradient(#00000017,#000000b8), linear-gradient(135deg, #4267B2 0%, #4267B2 20%, #f09433 20%, #e6683c 25%, #dc2743 30%, #cc2366 35%, #bc1888 40%, #FF0000 40%, #FF0000 60%, #0077B5 60%, #0077B5 80%, #1DA1F2 80%, #1DA1F2 100%);
}
.google_my_business{
    margin: auto;
}


.two_section_wrapper{
    display: grid;
    gap: 1rem;
    justify-content: space-evenly;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    justify-items: center;
    margin-top: 5rem;
}
.two_section_wrapper> *{
    width: min(100%, 400px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: center; */
    border: 2px solid var(--primary);
    border-radius: 10px;
    padding: 1rem;
    gap: 1rem;
    transition: all .25s ease-in-out;
}
.two_section_wrapper> *:hover{
    color: #fff;
    background-color: var(--primary);
    /* transform: translateY(-10px); */
    transform: scale(105%);
    box-shadow: 0 0px 10px 10px var(--light-gray);
}
.two_section_wrapper span{
    font-size: 30px;
    font-weight: bold;
}
.google_my_business_logo{
    width: 100px;
    height: 100px;
    transition: all .25s ease-in-out;
}
.search_logo{
    font-size: 60px;
    background: linear-gradient(120deg, #4285f4 0%, #4285f4 25%, #34a853 25%, #34a853 50%, #fbbc05 50%, #FBBC05 70%, #ea4335 70%, #ea4335 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: fit-content;
    transition: all .25s ease-in-out;
}
.two_section_wrapper> *:hover .search_logo, .two_section_wrapper> *:hover .web_devlopment{
    background: rgba(255, 255, 255, 0);
    font-size: 40px;
    color: #fff;
    -webkit-text-fill-color:#fff;
}
.web_devlopment{
    font-size: 60px;
    color: var(--primary);
    transition: all .25s ease-in-out;
}