CORE_V5 // scss

PATH: home / cardxfeb / public_html / resources / assets / scss /

Editing: blog.scss

//dynamic colors
$primary22: var(--primary-color, #b8ff69) !default;
$green-100: var(--green-100, #224754) !default;
$green: var(--green, #0f2f3a) !default;
$black: var(--black, #2d2624) !default;
$gray-100: var(--gray-100, #9facb0) !default;
$white: var(--white, #ffffff) !default;

.vcard-one-main-section {
    .blog-title {
        font-size: 28px;
        font-weight: 600;
        color: #313BAC;
        @media (max-width: 575px) {
            margin-top: 40px !important;
        }
    }

.img-bx {
        padding: 20px;
        box-shadow: -6px -2px 16px rgb(255 255 255 / 80%), 6px 5px 12px rgb(158 158 158 / 40%);
        border-radius: 10px;

img {
            width: 100%;
            height: 300px;
            object-fit: contain;
        }
    }

.details {
        p {
            font-size: 18px;
            color: #B8B8B8;
        }
    }
}

.vcard-one-bg {
    background-color: #fff !important;
}

.vcard-two-bg {
    background-color: #fff !important;
}

.vcard-three-bg {
    background-color: #141E30 !important;
}

.vcard-four-bg {
    background-color: #fff !important;
}

.vcard-five-bg {
    background: linear-gradient(270deg, #C9F1FF 0%, #DBD9E9 100%) !important;
}

.vcard-six-bg {
    background: linear-gradient(270deg, #8C9EFF 100%, #3D5AFE 100%) !important;
}

.vcard-seven-bg {
    background: #ECF0F3 !important;
}

.vcard-eight-bg {
    background: #00081c !important;
}

.vcard-nine-bg {
    background-color: #fff !important;
}

.vcard-ten-bg {
    background-color: #2d2833 !important;
}

.vcard-thirteen-bg {
    background-color: #f6f6f7 !important;
}

.vcard-fourteen-bg {
    background-image: url(../../../public/assets/img/vcard14/bg-img.png);
}

.vcard-twelve-bg {
    background-color: #191d23 !important;
}

.vcard-fifteen-bg {
    background-color: #f1f1f1 !important;
}
.vcard-seventeen-bg {
    background-color: #f3fbff !important;
}
.vcard-twenty-bg {
    background-color: #181b20 !important;
}
.vcard-twentyone-bg{
    background-color: #f3fbff !important;
}
.vcard-twentyfour-bg{
    background-color: #ffffff !important;
}
.vcard-thirtyone-bg{
    background-color: #ffffff !important;
}
.vcard-thirtytwo-bg{
    background-color: #878979 !important;
}
.vcard-thirtythree-bg{
    background-color: #000000 !important;
}
.vcard-twentyseven-bg{
    background-color: #f6f6f6 !important;
}
.vcard-twentyfive-bg{
    background-color: #f3fbff !important;
}
.vcard-twentytwo-bg{
    background-color: $green !important;
}
.vcard-twentysix-bg{
    background-color:#1f1f21 !important;
}
.vcard-twentyeight-bg{
    background-color:#ffffff !important;
}
.vcard-thirty-bg{
    background-color:#161616 !important;
}
.vcard-twentynine-bg{
    background-color:#25054e !important;
}
.vcard-twentythree-bg{
    background-color: #ffffff !important;
}
.vcard-sixteen-bg{
    background-color: #f1f1f1 !important;
}
.vcard-eighteen-bg{
    background-color: #ffffff !important;
}

.vcard-one-img-bx {
    background-color: #fff;
}

.vcard-two-img-bx {
    background-color: #fff;
}

.vcard-three-img-bx {
    background-color: #dcdcdc;
}

.vcard-four-img-bx {
    background-color: #DEEFE3;
}

.vcard-five-img-bx {
    background-color: #fff;
}

.vcard-six-img-bx {
    background-color: #FE80AB;
}

.vcard-seven-img-bx {
    background: #ECF0F3;
    box-shadow: inset -10px -10px 20px #ffffff, inset 10px 10px 20px #d1d9e6 !important;
    padding: 20px !important;
    border-radius: 10px !important;
}

.vcard-eight-img-bx {
    background-color: rgba(65, 98, 144, 0.4) !important;
    box-shadow: 0 0 8px 2px #737373 !important;
}

.vcard-nine-img-bx {
    background-color: #fff;
}

.vcard-ten-img-bx {
    background-color: #3d3943 !important;
    box-shadow: 0 0 8px 2px #737373 !important;
}

.vcard-twelve-img-bx {
    background-color: #191d23 !important;
    box-shadow: 0 0 4px 2px #737373 !important;
}

.vcard-fourteen-img-bx {
    background-color: #022222;
    box-shadow: 0 0 8px 2px #022222 !important;
}
.vcard-seventeen-img-bx {
    background-color: #f3fbff;
}
.vcard-sixteen-img-bx {
    background-color: #fff;
}
.vcard-twentyone-img-bx {
    background-color: #ffffff;
}
.vcard-twentyfour-img-bx {
    background-color: #ffffff;
}
.vcard-twentyfive-img-bx {
    background-color: #ffffff;
}
.vcard-twentytwo-img-bx {
    background-color: $green;
}
.vcard-twentysix-img-bx {
    background-color: #181b20;
}
.vcard-twentyeight-img-bx {
    background-color: #ffffff;
}
.vcard-thirty-img-bx {
    background-color: #161616;
}
.vcard-twentynine-img-bx {
    background-color: #3b1f60;
}
.vcard-twentythree-img-bx {
    background-color: #ffffff;
}
.vcard-thirtyone-img-bx {
    background-color: #ffffff;
}
.vcard-thirtytwo-img-bx {
    background-color: #51553a !important;
}
.vcard-thirtythree-img-bx {
    background-color: #ffffff;
}
.vcard-twentyseven-img-bx {
    background-color: #f6f6f6 !important;
}
.vcard-twenty-img-bx {
    background-color: #181b20;
    box-shadow: 0 0 6px 2px #9b9fa6 !important;
}
.vcard-nineteen-img-bx {
    background-color: #fff;
}
.vcard-twentyone-img-bx {
    background-color: #ffffff;
}
.vcard-twenty-img-bx {
    background-color: #181b20;
    box-shadow: 0 0 6px 2px #9b9fa6 !important;
}

.vcard-thirteen-img-bx {
    background-color: #fff;
}
    .vcard-fifteen-img-bx {
        background-color: #fff;
    }

.vcard-one-title {
        color: #313BAC !important;
    }

.vcard-two-title {
        color: #3A4151 !important;
    }

.vcard-three-title {
        color: #fff !important;
    }

.vcard-four-title {
        color: #134E5E !important;
    }

.vcard-five-title {
        color: #2D1863 !important;
    }

.vcard-six-title {
        color: #ffff !important;
    }

.vcard-seven-title {
        color: #2E4D5C !important;
    }

.vcard-eight-title {
        color: #fff !important;
    }

.vcard-nine-title {
        font-weight: 600;
        font-size: 24px !important;
        color: #fff !important;
        background: linear-gradient(90deg, #B24592 0%, #F15F79 100%);
        border-radius: 0 0 50px 0;
        width: fit-content;
        padding: 16px 30px;
        margin-left: -16px;
    }

.vcard-ten-title {
        color: #cfd0d1 !important;
    }

.vcard-fourteen-title {
    color: #ffffff !important;
}
.vcard-sixteen-title{
    color: #1f1f1f !important;
}
.vcard-twentyone-title{
    color: #6554ce !important;
}
.vcard-twentyfour-title{
    color: #072541 !important;
}
.vcard-twentyfive-title{
    color: #ffa31a !important;
}
.vcard-twentytwo-title{
    color: $primary22 !important;
}
.vcard-twentysix-title{
    color: #ffd700 !important;
}
.vcard-twentyeight-title{
    color: #0da7fd !important;
}
.vcard-thirty-title{
    color: #ffc000 !important;
}
.vcard-twentynine-title{
    color: #fa3769 !important;
}
.vcard-twentythree-title{
    color: #f96921 !important;
}
.vcard-thirtyone-title{
    color: #d94b2b !important;
}
.vcard-thirtytwo-title{
    color: #ffffff !important;
}
.vcard-thirtythree-title{
    background: linear-gradient(275deg, #158fff, #01fcff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.vcard-twentyseven-title{
    color: #ff782c !important;
}
.vcard-twenty-title{
    color: #c9a664 !important;
}
.vcard-eighteen-title{
    color: #49adfe !important;
}
.vcard-nineteen-title{
    color: #753422 !important;
}
.vcard-twentyone-title{
    color: #6554ce !important;
}
.vcard-twenty-title{
    color: #c9a664 !important;
}
.vcard-twelve-title {
    color: #ffffff !important;
}
    .vcard-fifteen-title {
        color: #043636 !important;
    }

.vcard-thirteen-title {
        color: #1c344f !important;
    }
    .vcard-seventeen-title {
        color: #1c344f !important;
    }

.vcard-one-back {
        padding: 10px 20px;
        background: #313BAC;
        border: none;
        outline: none;
        border-radius: 5px;
        transition: all 0.3s ease;
        width: fit-content;
        color: white;