.vcard-one-main-section .blog-title{
    color:#313bac;
    font-size:28px;
    font-weight:600
}
@media (max-width:575px){
    .vcard-one-main-section .blog-title{
        margin-top:40px!important
    }
    
}
.vcard-one-main-section .img-bx{
    border-radius:10px;
    box-shadow:-6px -2px 16px hsla(0,0%,100%,.8),6px 5px 12px hsla(0,0%,62%,.4);
    padding:20px
}
.vcard-one-main-section .img-bx img{
    height:300px;
    -o-object-fit:contain;
    object-fit:contain;
    width:100%
}
.vcard-one-main-section .details{
    color:#b8b8b8;
    font-size:18px
}
.vcard-one-bg,.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,#dbd9e9)!important
}
.vcard-six-bg{
    background:linear-gradient(270deg,#8c9eff 100%,#3d5afe 0)!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(/images/old-bg-img.png?d38043d528023fd3f941e746187c1226)
}
.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-thirtyone-bg,.vcard-twentyfour-bg{
    background-color:#fff!important
}
.vcard-thirtytwo-bg{
    background-color:#878979!important
}
.vcard-thirtyfour-bg{
    background-color:#f3f1ed!important
}
.vcard-thirtysix-bg{
    background-color:#fff!important
}
.vcard-thirtythree-bg{
    background-color:#000!important
}
.vcard-thirtyfive-bg{
    background-color:#17151a!important
}
.vcard-thirtyseven-bg{
    background-color:#f5f5f5!important
}
.vcard-twentyseven-bg{
    background-color:#f6f6f6!important
}
.vcard-twentyfive-bg{
    background-color:#f3fbff!important
}
.vcard-twentytwo-bg{
    background-color:var(--green,#0f2f3a)!important
}
.vcard-twentysix-bg{
    background-color:#1f1f21!important
}
.vcard-twentyeight-bg{
    background-color:#fff!important
}
.vcard-thirty-bg{
    background-color:#161616!important
}
.vcard-twentynine-bg{
    background-color:#25054e!important
}
.vcard-twentythree-bg{
    background-color:#fff!important
}
.vcard-sixteen-bg{
    background-color:#f1f1f1!important
}
.vcard-eighteen-bg{
    background-color:#fff!important
}
.vcard-one-img-bx,.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;
    border-radius:10px!important;
    box-shadow:inset -10px -10px 20px #fff,inset 10px 10px 20px #d1d9e6!important;
    padding:20px!important
}
.vcard-eight-img-bx{
    background-color:rgba(65,98,144,.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,.vcard-twentyfive-img-bx,.vcard-twentyfour-img-bx{
    background-color:#fff
}
.vcard-twentytwo-img-bx{
    background-color:var(--green,#0f2f3a)
}
.vcard-twentysix-img-bx{
    background-color:#181b20
}
.vcard-twentyeight-img-bx{
    background-color:#fff
}
.vcard-thirty-img-bx{
    background-color:#161616
}
.vcard-twentynine-img-bx{
    background-color:#3b1f60
}
.vcard-thirtyone-img-bx,.vcard-twentythree-img-bx{
    background-color:#fff
}
.vcard-thirtytwo-img-bx{
    background-color:#51553a!important
}
.vcard-thirtyfour-img-bx,.vcard-thirtysix-img-bx{
    background-color:#ded9ce!important
}
.vcard-thirtyfive-img-bx,.vcard-thirtyseven-img-bx,.vcard-thirtythree-img-bx{
    background-color:#fff
}
.vcard-twentyseven-img-bx{
    background-color:#f6f6f6!important
}
.vcard-nineteen-img-bx,.vcard-twentyone-img-bx{
    background-color:#fff
}
.vcard-twenty-img-bx{
    background-color:#181b20;
    box-shadow:0 0 6px 2px #9b9fa6!important
}
.vcard-fifteen-img-bx,.vcard-thirteen-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:#fff!important
}
.vcard-seven-title{
    color:#2e4d5c!important
}
.vcard-eight-title,.vcard-nine-title{
    color:#fff!important
}
.vcard-nine-title{
    background:linear-gradient(90deg,#b24592,#f15f79);
    border-radius:0 0 50px 0;
    font-size:24px!important;
    font-weight:600;
    margin-left:-16px;
    padding:16px 30px;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-ten-title{
    color:#cfd0d1!important
}
.vcard-fourteen-title{
    color:#fff!important
}
.vcard-sixteen-title{
    color:#1f1f1f!important
}
.vcard-twentyfour-title{
    color:#072541!important
}
.vcard-twentyfive-title{
    color:#ffa31a!important
}
.vcard-twentytwo-title{
    color:var(--primary-color,#b8ff69)!important
}
.vcard-twentysix-title{
    color:gold!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:#fff!important
}
.vcard-thirtyfour-title,.vcard-thirtysix-title{
    color:#060606!important
}
.vcard-thirtythree-title{
    -webkit-text-fill-color:transparent;
    background:linear-gradient(275deg,#158fff,#01fcff);
    -webkit-background-clip:text
}
.vcard-thirtyfive-title{
    color:#c8b0db!important
}
.vcard-thirtyseven-title{
    color:#006769!important
}
.vcard-twentyseven-title{
    color:#ff782c!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:#fff!important
}
.vcard-fifteen-title{
    color:#043636!important
}
.vcard-seventeen-title,.vcard-thirteen-title{
    color:#1c344f!important
}
.vcard-one-back{
    background:#313bac;
    border:none;
    border-radius:5px;
    color:#fff;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-one-back:hover{
    color:#fff!important
}
.vcard-two-back{
    background:#fb5253;
    border:none;
    border-radius:5px;
    color:#fff;
    outline:none;
    padding:10px 18px;
    transform:translateY(0);
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-two-back:hover{
    color:#fff!important
}
.vcard-three-back{
    background:#4ca1f2;
    border:none;
    border-radius:5px;
    box-shadow:inset 6px 6px 12px #3172b1,inset -6px -6px 12px #51acff;
    color:#fff;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-three-back:hover{
    color:#fff!important
}
.vcard-four-back{
    background:linear-gradient(126.11deg,#134e5e,#71b280);
    border:none;
    border-radius:5px;
    color:#fff;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-four-back:hover{
    color:#fff!important
}
.vcard-five-back{
    background:#6f34fe;
    border:none;
    border-radius:5px;
    color:#fff;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-five-back:hover{
    color:#fff!important
}
.vcard-six-back{
    background:#fff;
    border:none;
    border-radius:5px;
    box-shadow:0 0 8px 2px #e3e3e3;
    color:#fe80ab;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-six-back:hover{
    color:#fe80ab!important
}
.vcard-seven-back{
    background:#ecf0f3;
    border:none;
    border-radius:5px;
    box-shadow:10px 10px 30px #d1d9e6,-10px -10px 30px #fff!important;
    color:#000;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-seven-back:hover{
    color:#000!important
}
.vcard-eight-back{
    background:#203556;
    border:none;
    border-radius:5px;
    color:#fff;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-eight-back:hover{
    color:#fff!important
}
.vcard-nine-back{
    background:linear-gradient(90deg,#b24592,#f15f79);
    border:none;
    border-radius:5px;
    box-shadow:-6px -2px 16px hsla(0,0%,100%,.8),6px 5px 20px hsla(0,0%,62%,.4);
    color:#fff;
    margin-left:5px;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-nine-back:hover{
    color:#fff!important
}
.vcard-ten-back{
    background:#3d3943;
    border:none;
    border-radius:5px;
    box-shadow:5px 5px 0 #18151b,-5px -5px 0 #3a3541;
    color:#02daa7;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-ten-back:hover{
    color:#02daa7!important
}
.vcard-thirteen-back{
    background:#1b344f;
    border:none;
    border-radius:5px;
    color:#fff;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-thirteen-back:hover{
    color:#fff!important
}
.vcard-fourteen-back{
    background:linear-gradient(90deg,#f6a932,#ff5a0e)!important;
    border:none;
    border-radius:5px;
    color:#043636;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-fourteen-back:hover{
    color:#043636!important
}
.vcard-twelve-back{
    background:#80b480;
    border:none;
    border-radius:5px;
    color:#191d23;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-twelve-back:hover{
    color:#191d23!important
}
.vcard-fifteen-back{
    background:linear-gradient(90deg,#d68328,#ffc994,#d68328);
    border:none;
    border-radius:5px;
    color:#043636;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-fifteen-back:hover{
    color:#043636!important
}
.vcard-seventeen-back{
    background-color:#1c344f;
    color:#fff;
    padding:10px 20px
}
.vcard-seventeen-back:hover{
    color:#fff!important
}
.vcard-sixteen-back{
    background-color:#1f1f1f;
    border:none;
    border-radius:5px;
    color:#f3fbff;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-sixteen-back:hover{
    color:#f3fbff!important;
    color:#fff;
    color:#fff!important
}
.vcard-twentyfour-back{
    background-color:#072541;
    color:#fff!important
}
.vcard-twentyfive-back,.vcard-twentyfour-back{
    border:none;
    border-radius:5px;
    outline:none;
    padding:10px 20px;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-twentyfive-back{
    background-color:#ffa31a;
    color:#f3fbff;
    transition:all .3s ease
}
.vcard-twentyfive-back:hover{
    color:#f3fbff!important
}
.vcard-twentytwo-back{
    background-color:var(--primary-color,#b8ff69);
    border:none;
    border-radius:5px;
    color:var(--black,#2d2624);
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-twentytwo-back:hover{
    color:var(--black,#2d2624)!important
}
.vcard-twentysix-back{
    background-color:gold;
    border:none;
    border-radius:5px;
    color:#000;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-twentysix-back:hover{
    color:#000!important
}
.vcard-twentyeight-back{
    background-color:#0da7fd!important;
    color:#fff!important
}
.vcard-thirty-back,.vcard-twentyeight-back{
    border:none;
    border-radius:5px;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-thirty-back{
    background-color:#ffc000!important;
    color:gray!important
}
.vcard-twentynine-back{
    background-color:#fa3769!important;
    color:#fff!important
}
.vcard-twentynine-back,.vcard-twentyseven-back{
    border:none;
    border-radius:5px;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-twentyseven-back{
    background-color:#ff782c;
    color:#ffefe7
}
.vcard-twentyseven-back:hover{
    color:#ffefe7!important
}
.vcard-twentythree-back{
    background-color:#f96921;
    border:none;
    border-radius:5px;
    color:#ffefe7;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-twentythree-back:hover{
    color:#ffefe7!important
}
.vcard-thirtyone-back{
    background-color:#d94b2b;
    border:none;
    border-radius:5px;
    color:#fff;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-thirtyone-back:hover{
    color:#fff!important
}
.vcard-thirtytwo-back{
    background-color:#fbd77a!important;
    border:none;
    border-radius:5px;
    color:#000;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-thirtytwo-back:hover{
    color:#fff!important
}
.vcard-thirtyfour-back{
    background-color:#060606!important;
    border:none;
    border-radius:5px;
    color:#fff;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-thirtyfour-back:hover{
    color:#fff!important
}
.vcard-thirtysix-back{
    background-color:#ffc107!important;
    border:none;
    border-radius:5px;
    color:#000;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-thirtysix-back:hover{
    color:#000!important
}
.vcard-thirtythree-back{
    background:linear-gradient(270deg,#158fff,#01fcff);
    border:none;
    border-radius:5px;
    color:#fff;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-thirtythree-back:hover{
    color:#fff!important
}
.vcard-thirtyfive-back{
    background:#c8b0db;
    border:none;
    border-radius:5px;
    color:#17151a;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-thirtyfive-back:hover{
    color:#17151a!important
}
.vcard-thirtyseven-back{
    background:#006769;
    border:none;
    border-radius:5px;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-thirtyseven-back:hover{
    color:#fff!important
}
.vcard-eighteen-back{
    background-color:#49adfe;
    border:none;
    border-radius:5px;
    color:#fff;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-eighteen-back:hover{
    color:#fff!important
}
.vcard-nineteen-back{
    background-color:#753422;
    border:none;
    border-radius:5px;
    color:#fff;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-nineteen-back:hover{
    color:#fff!important
}
.vcard-twentyone-back{
    background-color:#6554ce;
    border:none;
    border-radius:5px;
    color:#f3fbff;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-twentyone-back:hover{
    color:#f3fbff!important
}
.vcard-twenty-back{
    background:#c9a664;
    border:none;
    border-radius:5px;
    color:#fff;
    outline:none;
    padding:10px 20px;
    transition:all .3s ease;
    width:-moz-fit-content;
    width:fit-content
}
.vcard-twenty-back:hover{
    color:#fff!important
}
@media (max-width:575px){
    .blog-hover-btn{
        display:none
    }
    
}
.blog-hover-btn-mobile{
    display:none
}
@media (max-width:575px){
    .blog-hover-btn-mobile{
        display:inline-block;
        position:absolute;
        right:15px;
        top:20px
    }
    .container{
        padding-left:var(--bs-gutter-x,-.25rem);
        padding-right:var(--bs-gutter-x,-.25rem)
    }
    
}
.dynamic-btn-1{
    background-color:var(--primary-color,#b8ff69);
    border:1px solid var(--primary-color,#b8ff69);
    border-radius:4px!important;
    color:var(--green,#0f2f3a)
}
.dynamic-btn-1.active,.dynamic-btn-1:focus,.dynamic-btn-1:hover{
    background-color:var(--green,#0f2f3a);
    border:1px solid var(--primary-color,#b8ff69);
    color:var(--primary-color,#b8ff69)!important
}
.dynamic-btn-1 i{
    font-size:1rem
}
.dynamic-btn-1:hover{
    color:var(--primary-color,#b8ff69)!important
}
.dynamic-btn-2{
    background-color:var(--primary-color,#b8ff69);
    border:1px solid var(--primary-color,#b8ff69);
    border-radius:0!important;
    color:var(--green,#0f2f3a);
    height:40px;
    padding:9px 35px!important
}
.dynamic-btn-2.active,.dynamic-btn-2:focus,.dynamic-btn-2:hover{
    background-color:var(--green,#0f2f3a);
    border:1px solid var(--primary-color,#b8ff69);
    color:var(--primary-color,#b8ff69)!important
}
.dynamic-btn-2 i{
    font-size:1rem
}
.dynamic-btn-2:hover{
    color:var(--primary-color,#b8ff69)!important
}
.dynamic-btn-3{
    border-radius:20px;
    box-shadow:0 0 0 3px transparent,0 6px 20px hsla(0,0%,7%,.1);
    color:var(--black,#2d2624)!important
}
.dynamic-btn-3,.dynamic-btn-4{
    background-color:var(--primary-color,#b8ff69)!important;
    display:inline-block;
    height:40px;
    padding:.5rem 3.2rem
}
.dynamic-btn-4{
    border-radius:0!important;
    color:var(--green,#0f2f3a)!important
}
.dynamic-btn-4:hover{
    border:none!important;
    box-shadow:0 0 12px 4px var(--white,#fff)!important
}
.dynamic-btn-5{
    background-color:var(--green,#0f2f3a)!important;
    border:thick double var(--primary-color,#b8ff69)!important;
    border-radius:20px!important;
    box-shadow:0 0 0 3px transparent,0 6px 20px hsla(0,0%,7%,.1);
    color:var(--primary-color,#b8ff69)!important;
    display:inline-block;
    height:45px;
    padding:.5rem 3.2rem
}
.dynamic-btn-6{
    border-style:solid!important;
    border:4px dotted var(--primary-color,#b8ff69)!important
}
.dynamic-btn-6,.dynamic-btn-7{
    background-color:var(--green,#0f2f3a)!important;
    box-shadow:0 0 0 3px transparent,0 6px 20px hsla(0,0%,7%,.1);
    color:var(--primary-color,#b8ff69)!important;
    display:inline-block;
    height:40px;
    padding:.5rem 3.2rem
}
.dynamic-btn-7{
    border:thick double var(--primary-color,#b8ff69)!important
}
.dynamic-btn-8{
    background-color:var(--primary-color,#b8ff69)!important;
    border:4px solid var(--primary-color,#b8ff69)!important;
    box-shadow:0 0 0 3px transparent,0 6px 20px hsla(0,0%,7%,.1);
    color:var(--green,#0f2f3a)!important;
    display:inline-block;
    height:40px;
    padding:.5rem 3.2rem;
    transition:transform .5s ease!important
}
.dynamic-btn-8:hover{
    transform:translateY(-5px)!important
}
.dynamic-btn-9{
    background-color:var(--primary-color,#b8ff69)!important;
    border-radius:30px 0 30px 0!important;
    box-shadow:0 0 0 3px transparent,0 6px 20px hsla(0,0%,7%,.1);
    color:var(--green,#0f2f3a)!important;
    height:40px;
    transition:transform .5s ease!important
}
.dynamic-btn-10,.dynamic-btn-9{
    display:inline-block;
    padding:.5rem 3.2rem
}
.dynamic-btn-10{
    background-color:var(--green,#0f2f3a)!important;
    border:2px solid var(--primary-color,#b8ff69);
    border-radius:0!important;
    color:var(--primary-color,#b8ff69)!important;
    height:40px!important;
    transition:.5s ease-out
}
.dynamic-btn-10:hover{
    box-shadow:inset 400px 0 0 0 var(--primary-color,#b8ff69);
    color:var(--green,#0f2f3a)!important
}






body {
    background-color: #000000 !important;
    font-family: Poppins, sans-serif;
}



a.btn.float-end{
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255,255,255,.35);
  padding: 6px 10px;
  border-radius: 10px;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
}


             .blog-title {
    color: #ffffff !important;

}