/**

*

* ---------------------------------------------------------------------------

*

* Template : Minimal Bootstrap5 pricing cards

* Author : Balcom_soft

* Author URI : https://themeforest.net/user/balcom_soft

* Version: 1.0

*

* ---------------------------------------------------------------------------

*

===== Prefixed css for last 5 versions of browsers =====

*

*/

/* Fonts connection */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700&display=swap');



/* ---------------------------------------------------------------------------

Styles



Minimal pricing cards:

Style 1

Style 2

Style 3

Style 4. Gradient price tables with animated hover effects



---------------------------------------------------------------------------*/





/* Default styles */



/*







* {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    font-family: 'Open Sans', sans-serif;

}





body {

    margin: 0;

    padding: 0 0 60px 0;

    background-color: #efefef;

    font-size: 16px;



}

:root {

    --gradient-1: linear-gradient(315deg,#feac5e 0,#c779d0 74%);

}

h1, h2 {

    font-weight: 700;

}

h1 {

    font-size: 60px;

}

h2 {

    font-size: 40px;

}

ul {

    list-style: none;

    padding: 0;

    margin: 0;

}

.btn:hover {

    color: #ffffff;

}

.card-header {

    background-color: transparent;

    border: none;

}





*/





/* To set custom border to cards*/

.bordered {

    border-radius: 20px;

}







/* ======= Style 3 ======= */

.style-3 .card {

    padding: 25px;

    -webkit-transition: .3s all;

    -o-transition: .3s all;

    transition: .3s all;

}

.style-3 .card:hover {

    -webkit-box-shadow: inset 2px 2px 2px 0 rgb(255 255 255 / 50%), 7px 7px 20px 0 rgb(0 0 0 / 10%), 4px 4px 5px 0 rgb(0 0 0 / 10%);

    box-shadow: inset 2px 2px 2px 0 rgb(255 255 255 / 50%), 7px 7px 20px 0 rgb(0 0 0 / 10%), 4px 4px 5px 0 rgb(0 0 0 / 10%);

}



/*

.style-3 .card-price-cdrx {

    color: #000958;

    font-size: 64px;

    font-weight: 700;

}

*/

.style-3 .btn {

    padding: 15px 0;

    /*

    color: #0675d6;

    border: 1px solid #0675d6;

    */

    border-radius: 40px;

    font-size: 20px;

    font-weight: 500;

    color: #ffffff;

}

.style-3 .btn:hover {

    background-color: #0360b6;

    color: #FFFFFF;

}

.style-3 .btn span {

    -webkit-transition: 0s;

    -o-transition: 0s;

    transition: 0s;

}

.style-3 .icon {

    color: #0675d6;

}

.style-3 .rate {

    margin-bottom: 0;

    color: #0675d6;

}





@media only screen and (max-width: 1400px) {

    .style-1 .card {

        padding: 40px 20px;

    }

    .style-2 .card {

        padding: 15px 15px 30px 15px;

    }

    .style-2 .card-price-cdrx .count {

        font-size: 32px;

    }

    .style-3 .card {

        padding: 25px 20px;

    }

    /*

    .style-3 li {

        font-size: 14px;

    }

    */

}



@media only screen and (max-width: 1196px) {

    .style-1 h3 {

        font-size: 24px;

    }

    .style-1 li {

        font-size: 14px;

    }

    .style-1 .card-price {

        font-size: 36px;

    }

    .style-2 .card {

        padding: 15px 15px 30px 15px;

    }

    .style-2 .price .count {

        font-size: 28px;

    }

    .style-2 .desc {

        font-size: 14px;

    }

    .style-2 .card-title {

        font-size: 24px;

    }

    .style-2 li {

        font-size: 14px;

    }

    .style-4 .card-body {

        padding: 0 30px;

    }

    .style-4 .card-foot {

        padding: 0 25px;

    }

}





.card-title-cdrx {

    font-size: 28px;

    text-align: left;

    /* color: #3c4043; */

    color: #3d77ab;

    font-weight: 400;

}





@media (min-width: 768px) {

    .card-title-cdrx {

        font-size: 30px;

    }

}



@media (min-width: 1200px) {

    .card-title-cdrx {

        font-size: 36px;

    }

}











.card-price-cdrx {

    color: #000958;

    font-size: 36px;

    font-weight: 500;

}



@media (min-width: 768px) {

    .card-price-cdrx {

        font-size: 40px;

    }

}



@media (min-width: 1200px) {

    .card-price-cdrx {

        font-size: 48px;

    }

}





.space-left {

   padding-left: 10px; 

}