:root{
    --themebl: #016799;
    --themeblback: #016799;

    --body-font: 14px;
}

h3{
    font-size: 25px !important;
}
    
@media screen and (max-width: 480px){
    :root{
        --body-font: 12px;
    }

    h3{
        font-size: 20px !important;
    }
}

.exrdpage-wrapper{
	font-size: var(--body-font);
}

.temp-fix-page-wrapper.exrdpage-wrapper.ed-wrapper{
   max-width: 1600px !important;
   padding: 0px 80px !important;
   margin: 0 auto;
}

#excard-banner {
	padding: 0px;
}

@media screen and (max-width: 1200px){
    .temp-fix-page-wrapper.exrdpage-wrapper.ed-wrapper, .ed-wrapper{
        max-width: 1200px !important;
        padding: 0px 15px !important;
    }
}


/* Excard Home Banner Slide */
    .excrdSlideshow-inner{
        position: relative; 
        /* margin: 0px 10px; */
    }

    .exrdSlides {
        display: none;
    }

    .excrdSlideshow-inner .exrdSlides-prev,
    .excrdSlideshow-inner .exrdSlides-next {
        cursor: pointer;
        position: absolute;
        top: 55%;
        width: auto;
        padding: 16px;
        margin-top: -50px;
        color: #000;
        font-weight: bold;
        font-size: 20px;
        border-radius: 0 3px 3px 0;
        user-select: none;
        -webkit-user-select: none;
        transition: .6s ease;
        opacity: 0.4;
    }

    .excrdSlideshow-inner .exrdSlides-next {
        right: 0;
        border-radius: 3px 0 0 3px;
    }

    .excrdSlideshow-inner .exrdSlides-prev:hover,
    .excrdSlideshow-inner .exrdSlides-next:hover {
        opacity: 1;
    }

    .exrdSlides-dots{
        position: absolute;
        bottom: 20px;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .exrdSlides-dots .exrdSlides-dot {
        cursor: pointer;
        height: 12px;
        width: 12px;
        margin: 0 3px;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        transition: background-color .6s ease
    }

    .exrdSlides-dots .exrdSlides-dot.active,
    .exrdSlides-dots .exrdSlides-dot:hover {
        background-color: #717171 !important;
    }

/* Image Dot */
.imgDots-column {
    float: left;
    width: 12.5%;
    padding:0px 2px;
}

.imgDots-column .imgDots-demo {
    opacity: 0.6;
    width: 100%;
    cursor: pointer;
}

.imgDots-column .imgDots-demo.active,
.imgDots-column .imgDots-demo:hover {
    opacity: 1;
}

/* After Banner Row */
    .afterBanner-row{
        display: grid;
        grid-gap: 10px;
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        padding: 10px 0px;
    }

    .afterBanner-sec img{
        width: 100%;
    }

    @media screen and (max-width: 480px){
        .afterBanner-row{
            grid-template-columns: 49% 49%;
        }
    }
	
	.afterBanner-sec:hover img{
		transform: scale(0.9);
		transition: all 0.5s ease-in-out;
	}

/* Home Product Section */
    .excrd-product{
        margin: 25px 0px;
    }

    .excrd-productTitle{
        text-align: center;
    }

    .excrd-productTitle h3{
        font-size: 25px;
        text-transform: uppercase;
    }

    .excrd-productTitle h3 span{
        color: var(--themebl);
    }

    .excrd-productContent{
        display: flex; 
        width: 100%; 
        padding: 20px 0px;
    }

/* Home Product Section - Side Bar */
    .prdContentSide{
        width: 20%;
        padding-right: 15px;
    }

    .mobile-prdContentSide{
        display: none;
    }

    .prdCtn-sidectn{
        box-shadow: 0px 0px 5px #c1c1c1; 
        padding: 5px 10px; 
        border-radius: 8px;
        background-color: #fff;
    }

    .prd-sidectn{
        margin: 5px 0px;
        padding: 8px 10px;
        display: flex;
        cursor: pointer;
    }

    .prd-sidectn i{
        color: #fff;
        margin: auto 0px auto auto;
    }

    .prd-sidectn.active, .prd-sidectn:hover{
        background-color: var(--themeblback);
        color: #fff;
        border-radius: 8px;
    }


/* Home Product Section - Side Bar (Sticky) */
    .prdContentSidectn{
        position: sticky; 
        top: 80px;
    }

    .prdCtn-sideQuote{
        margin-top: 15px; 
        padding: 20px;
    }

    .prdCtn-sideQuote button{
        margin-top: 5px;
    }

    .prdCtn-sideQuoteImg{
        text-align: right;
    }


/* Home Product Section - Products */
.prdCtn-prd {
    width: 80%;
}

.prdCtn-prdsec {
    width: 100%;
    grid-gap: 10px;
    grid-template-columns: 24% 24% 24% 24%;
    display: none;
}

    .prdCtn-prdsec.active {
        display: grid;
    }

.homePrd-box {
    border: 1px solid #e9e9e9;
    background-color: #fff;
}

    .homePrd-box:hover .homePrd-boxicn {
        opacity: 1;
    }

    .homePrd-box:hover .homeprd-name {
        color: var(--themebl);
    }

.homePrd-boxctn {
    position: relative;
    width: 100%;
    background-color: #e9e9e9;
}

.homePrd-boxicn {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    /* background-color: #00000054; */
    background: rgba(255,255, 255, 0.1);
    color: #fff;
    opacity: 0;
    backdrop-filter: blur(2px);
    transition: .5s all;
    z-index: 2;
}

.homePrd-box img {
    width: 100%;
    padding: 10px;
}

.homePrd-box .homeprd-name {
    text-align: center;
    padding: 10px;
    color: #000;
}

.homePrd-box:hover a {
    text-decoration: none;
}

.homePrd-box .view-link {
    color: #fff;
    padding: 5px 10px;
    background-color: #2d90fd;
    border-radius: 8px;
    /* border: 1px solid #000; */
}

    .homePrd-box .view-link:hover {
        background-color: #2dd9fc;
        background-image: linear-gradient(315deg, #2dd9fc 0, #2d90fd 74%);
    }

.prdStatus {
    position: absolute;
    top: 5px;
    left: 3px;
}

@media screen and (max-width: 1200px) {
    .prdCtn-prdsec {
        grid-template-columns: 32% 32% 32%;
    }

    .prdContentSide {
        width: 25%;
        font-size: 13px;
    }

    .prdCtn-prd {
        width: 75%;
    }
}

@media screen and (max-width: 767px) {
    .excrd-productContent {
        display: block;
    }

    .prdContentSide {
        display: none;
    }

    .mobile-prdContentSide {
        display: block;
        margin-bottom: 20px;
    }

    .prdCtn-prd {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .prdCtn-prdsec {
        grid-template-columns: 49% 49%;
    }
}


/* Home MPP section */
    a.mpp-link:hover{
        text-decoration: none;
    }

    .excrdhome-mpp{
        background: url('https://www.excard.com.my/images/v3/pplan/bg_mpp.jpg'), no-repeat; 
        background-size: 1400px 250px; 
        display: flex; 
        padding: 30px;
    }

    .excrdhome-mpptitlesec{
        display: flex; 
        flex-direction: column; 
        justify-content: center;
    }

    .excrdhome-mpptitle{
        text-transform: uppercase; 
        color: #FFE2A9;
    }

    .excrdhome-mppdescrip{
        color: #fff;
    }

    .excrdhome-mppImg{
        margin-left: auto;
    }

    .excrdhome-mppImg img{
        padding: 0px 10px;
        width: 130px;
    }

    @media screen and (min-width: 1400px){
        .excrdhome-mpp{
            background-size: auto; 
            object-fit: cover;
        }
    }

    @media screen and (max-width: 1025px){
        .excrdhome-mpptitle{
            font-size: 25px;
        }

        .excrdhome-mpp{
            padding: 20px;
        }

        .excrdhome-mppImg img{
            padding: 0px 5px;
            width: 100px;
        }
    }

    @media screen and (max-width: 767px){
        .excrdhome-mpptitle{
            font-size: 20px;
        }

        .home-platinum{
            display: block; 
            margin: 0px auto;
        }

        .excrdhome-mppImg{
            width: 45%;
            text-align: center;
        }

        .excrdhome-mppImg img{
            padding: 0px 0px;
            width: 75px;
        }
    }

    @media screen and (max-width: 480px){
        .excrdhome-mpp{
            display: block;
            text-align: center;
        }

        .home-platinum{
            margin: 0px 0px;
        }
        
        .excrdhome-mppImg{
            width: 100%;
            display: flex;
            justify-content: center;
            padding-top: 10px;
        }

        .excrdhome-mppImg img{
            padding: 0px 5px;
        }
    }


/* Home Consultant Rating section */

    .invalid-message{
        display:none;
        width:100%;
        font-size:80%;
        color:#dc3545;
    }
  
    /* .form-control.form-invalid{
        border-color: #F68484;
    } */


    .excard-feedback.excrd-rating{
        height: auto;
    }

    .excard-feedback .review-ft-bl{
        color: var(--themebl);
    }

    .excard-feedback .rate_avgBox, .excard-feedback .slide-rate_avgBox{
        background-color: #e5ecff; 
        width:100%; 
        padding: 20px;
        height: 350px;
    }

    .excard-feedback .avg-rate-ft{
        font-size: 50px; 
        font-weight:500;
    }

    .excard-feedback .rating-stars {
        --percent: calc(var(--rating) / 5 * 100%);
        display: inline-block;
        font-size: 35px;
        font-family: Times; 
        line-height: 1;
    }

    .excard-feedback .rating-stars ::before {
        content: '★★★★★';
        letter-spacing: 3px;
        background: linear-gradient(90deg, #fc0 var(--percent), rgb(216, 216, 216) var(--percent));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .excard-feedback .slide_rating-stars{
        --percent: calc(var(--rating) / 5 * 100%);
        display: inline-block;
        font-size: 25px;
        font-family: Times; 
        /* line-height: 1; */
    }
 
    .excard-feedback .slide_rating-stars ::before {
        content: '★★★★★';
        letter-spacing: 3px;
        background: linear-gradient(90deg, #fc0 var(--percent), rgb(216, 216, 216) var(--percent));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.excard-feedback .rating-heartTrue {
    fill: rgb(179, 179, 179);
    position: relative;
    top: 0px;
    width: 16px;
    cursor: pointer;
}

.excard-feedback .rating-heartFalse {
    fill: rgb(179, 179, 179);
    position: relative;
    top: 0px;
    width: 16px;
    cursor: default;
}

.excard-feedback .rating-heart path.selected, .excard-feedback .rating-heart path.selected:hover {
    fill: red;
    animation: none;
}

.excard-feedback .rating-heartTrue:hover {
    fill: red;
    animation: pulse 1s ease infinite;
}
    
    @keyframes pulse {
        0% { transform: scale(1); }
        50% { transform: scale(1.3); }
        100% { transform: scale(1); }
    }

    .excard-feedback .btn-excard {
        position: relative;
        padding: 0.55rem 0.75rem;
        font-size: 0.8rem;
        letter-spacing: 1px;
        font-family: "Roboto",sans-serif;
        font-weight: 700;
        line-height: 1.5;
        cursor: pointer;
        text-decoration: none!important;
        text-transform: uppercase;
        border-radius: 8px;
        transition: all 0.3s ease;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-align: center;
    }


    .excard-feedback .btn-review{
        background-color: #2D90FD;
        color: #fff!important;
        font-size: var(--body-font);
        font-weight: 500;
        padding: 0.5rem 1rem;
        display: inline-block;
        /* width: 250px; */
    }

    .excard-feedback .btn-review:hover{
        background-image: linear-gradient(315deg, #2dd9fc 0%, #2D90FD 74%);
        border-color: transparent;
    }

    .excard-feedback .consultant-rate{
        font-size: 1rem; 
        font-weight: 500;
        align-self: center;
    }

    #rating_review .owl-prev{
        width: 30px;
        position: absolute;
        top: 40%;
        display: block !important;
        border: none;
        border-radius: 15px;
        opacity: 0.6;
        background: #fff;
        padding: 5px!important;
        font-size: 14px;
        outline:none;
    }
  
    #rating_review .owl-next{
        width: 30px;
        position: absolute;
        top: 40%;
        right: -5px;
        display: block !important;
        border:none;
        border-radius: 15px;
        opacity: 0.6;
        background: #fff;
        padding: 5px!important;
        font-size: 14px;
        outline:none;
    }
  
    #rating_review .owl-prev:hover, #rating_review .owl-next:hover{
        opacity: 1.0;
        color:#000;
    }
    
    #rating_review .owl-prev:focus, #rating_review .owl-next:focus{
        box-shadow: none;
    }

    #rating_review.owl-carousel .owl-stage{
        display: flex;
        flex-wrap: wrap;
    }
    
    #rating_review.owl-carousel .owl-stage .owl-item .item{
        height:100%;
    }
    
    #rating_review .owl-dot:focus{
        outline: none;
        box-shadow:none;
    }

    @media screen and (max-width: 1024px) and (min-width: 768px){
        .excard-feedback .rate_avgBox{
            width:110%;
        }
    }

    @media screen and (max-width: 1024px){
        .excard-feedback .avg-rate-ft{
            font-size: 45px; 
        }

        .excard-feedback .rating-stars {
            font-size: 30px;
        }

    }

    @media screen and (max-width: 767px){
        .excard-feedback .rate_avgBox{
            height: 270px;
        }
    }

  
    /* Add Review pop up */
    #popup_rating_review, #popup_success_post{
        display:none;
    }

    .excard-feedback .popup_overlay{
        position: fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:rgba(0,0,0,0.65);
        z-index:8888;
        overflow-y: none;
    }

    .excard-feedback .profile_pop.popup_content{
        position: absolute;
        top: 50%;
        left:50%;
        transform: translateY(-50%)  translateX(-50%);
        width:80vw;
        height:95vh;
        margin-left:auto;
        margin-right:auto;
        padding:5px;
        background-color:#fff;
        border-radius:5px;
        z-index:98;
        overflow:auto;
    }

    #popup_rating_review .popup_content{
        position: absolute;
        top: 50%;
        left:50%;
        transform: translateY(-50%)  translateX(-50%);
        width:35vw;
        /* height:75vh; */
        margin-left:auto;
        margin-right:auto;
        padding:5px;
        background-color:#fff;
        border-radius:5px;
        z-index:98;
    }

    #popup_success_post .popup_content{
        position: absolute;
        top: 50%;
        left:50%;
        transform: translateY(-50%)  translateX(-50%);
        width:45vw;
        margin-left:auto;
        margin-right:auto;
        padding:5px;
        background-color:#fff;
        border-radius:5px;
        z-index:98;
    }

    #popup_rating_review .content{
        overflow:auto;
    }

    @media screen and (max-width:767px){
        #popup_rating_review .popup_content, #popup_success_post .popup_content{
            width:90%;
        }
    }

    .excard-feedback .popup_content .content_div{
        height:70vh;
        width:auto;
    }

    .excard-feedback .popup_close{ 
        border-radius: 50%;
        background-color: #fff;
        position:absolute;
        top:-14px;
        right:-14px;
        z-index:9999;
        cursor: pointer;
        text-shadow: 0px 0px 2px rgba(255,255,255,1.0);
        color:rgba(0,0,0,0.75); 
    }

    .excard-feedback .popup_close:hover{
        color:rgba(0,0,0,0.95);
    }

    .excard-feedback .popup_close .fa-times-circle{
        font-size:2rem; 
    }

    .excard-feedback .success_post-icon{
        font-size:110px;
        color:green;
    }

    .excard-feedback .success-post-ft{
        font-size:30px;
        font-weight:bold;
    }

    .excard-feedback .green-color{
        color:green;
    }

    /* rate in pop up */
    .excard-feedback .rating {
        display: flex;
        width: 100%;
        justify-content: center;
        overflow: hidden;
        flex-direction: row-reverse;
        height: 125px;
        position: relative;
    }

    .excard-feedback .rating-0 {
        filter: grayscale(100%);
    }

    .excard-feedback .rating > input {
        display: none;
    }

    .excard-feedback .rating > label {
        cursor: pointer;
        width: 40px;
        height: 40px;
        margin-top: auto;
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 76%;
        transition: .3s;
    }

    .excard-feedback .rating > input:checked ~ label,
    .excard-feedback .rating > input:checked ~ label ~ label {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
    }


    .excard-feedback .rating > input:not(:checked) ~ label:hover,
    .excard-feedback .rating > input:not(:checked) ~ label:hover ~ label {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
    }

    .excard-feedback .emoji-wrapper {
        width: 100%;
        text-align: center;
        height: 80px;
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
    }

    .excard-feedback .emoji-wrapper:before,
    .excard-feedback .emoji-wrapper:after{
        content: "";
        height: 15px;
        width: 100%;
        position: absolute;
        left: 0;
        z-index: 1;
    }

    .excard-feedback .emoji-wrapper:before {
        top: 0;
        background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
    }

    .excard-feedback .emoji-wrapper:after{
        bottom: 0;
        background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
    }

    .excard-feedback .emoji {
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: .3s;
    }

    .excard-feedback .emoji > svg {
        margin: 15px 0; 
        width: 50px;
        height: 50px;
        flex-shrink: 0;
    }

    #rating-1:checked ~ .emoji-wrapper > .emoji { transform: translateY(-80px); }
    #rating-2:checked ~ .emoji-wrapper > .emoji { transform: translateY(-160px); }
    #rating-3:checked ~ .emoji-wrapper > .emoji { transform: translateY(-240px); }
    #rating-4:checked ~ .emoji-wrapper > .emoji { transform: translateY(-320px); }
    #rating-5:checked ~ .emoji-wrapper > .emoji { transform: translateY(-400px); }

    .excard-feedback .rate-feedback {
        max-width: 360px;
        background-color: #fff;
        width: 100%;
        padding: 0px;
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        /* box-shadow: 0 4px 30px rgba(0,0,0,.05); */
    }



/* Home FAQ section */
    .homefaq-title{
        position: sticky; 
        top: 80px; 
        height: max-content;
    }

    .homefaq-title span{
        color: var(--themebl);
    }

	.homeFAQ-accordion__list {
		border-radius: 8px;
		overflow: hidden;
	}

	.homeFAQ-accordion__title {
		padding: 10px;
		margin: 5px 1px;
		color: #202124;
		font-weight: 500;
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		align-items: center;
		transition: 0.3s all;
		box-shadow: 0px 0px 3px #c1c1c1;
        background-color: #fff;
	}

	.homeFAQ-accordion:hover .homeFAQ-accordion__title,
	.homeFAQ-accordion__active .homeFAQ-accordion__title {
		background: #e5ecff;
	}

	.homeFAQ-accordion__content-wrap {
		background: #F4F7FF;
		overflow: hidden;
		transition: 0.2s all ease-in-out;
	}

	.homeFAQ-accordion__content {
		padding: 24px;
	}

	.homeFAQ-accordion__active .homeFAQ-accordion__content-wrap {
		display: block;
		height: auto;
		max-height: 1000px;
	}

	.homeFAQ-accordion__active .arrow {
		transform: rotate(-135deg);
	}

	.arrow {
		width: 8px;
		height: 8px;
		border-right: 2px solid #000;
		border-bottom: 2px solid #000;
		transform: translateY(-50%) rotate(45deg);
		transition: 0.2s;
		margin-right: 5px;
		margin-left: 5px;
	}

	@media screen and (max-width: 480px){
		.arrow{
			margin-right: 3px;
			margin-left: 3px;
		}
	}


/* Home Blog section */ 
    .blog_postBox{
        cursor: pointer;
        /* margin: 10px 0px; */
        /* padding: 0px 5px; */
    }

    .blog_imgBox {
        position: relative;
        padding-bottom: 0px;
        margin-bottom: 0px;
        /* border-top-left-radius: 5px; */
        /* border-top-right-radius: 5px; */
        /* margin: 2%; */
        overflow: hidden;
        width: 100%;
        display: inline-block;
		border-bottom: 1px solid #e9e9e9;
    }

    .blog_txtBox {
        /* box-shadow: 0 0px 1px 1px rgb(0 0 0 / 6%); */
        border-bottom: 1px solid #f2f2f2;
        border-right: 1px solid #f2f2f2;
        border-left: 1px solid #f2f2f2;
        background-color: #fff;
    }

    .blog_imgBox:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        background: #000;
        background: rgba(0,0,0,0.3);
        z-index: 2;
        opacity: 0;
        -moz-transition: 0.5s ease;
        -webkit-transition: 0.5s ease;
        transition: 0.5s ease;
    }

    .blog_postBox:hover .blog_imgBox:before {
        opacity: 1;
    }

    .blog_postBox:hover .blog_imgBox img {
        -webkit-transform: scale(1.05,1.05);
        -moz-transform: scale(1.05,1.05);
        transform: scale(1.05,1.05);
    }

    .blog_postBox:hover .blog_txtBox {
        transition: .3s all ease-in-out;
        box-shadow: 0 10px 15px -9px rgb(0 0 0 / 20%);
    }

    .blog_postBox:hover .blgp_title {
        color: var(--themebl);
    }

    .blog_imgBox img {
        max-width: 100%;
        -webkit-transition: .5s ease;
        -moz-transition: .5s ease;
        transition: .5s ease;
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .blog_txtBox p.blgp_cat {
        font-size: 14px;
        margin-bottom: 5px !important;
    }

    span.cate_del {
        display: inline-block;
        position: relative;
        padding: 0 8px;
        line-height: 23px;
        background-color: #f4f4f4;
        color: #405ee0;
        margin-right: 10px;
        font-size: 12px;
        border-radius: 2px;
    }


/* Home page bottom description section */
    .home-bttaccor{
        font-size: calc(100% - 2.5px);
    }

    .pagedescript-title{
        font-size: 14px;
    }

    .pagedescript-subtitle{
        padding-top: 10px;
        font-weight: 700;
    }

    .home__accordionMoreContent {
        display: none;
    }

    .homeaccor__button.is-active::before {
        transform: rotate(-45deg);
    }

    .homeaccor__buttonText {
        display: none;
    }

    .homeaccor__buttonText.is-active {
        display: block;
        padding-top: 10px;
        color: #2d90fd !important;
        cursor: pointer;
    }
	
#blog-carousel.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1200px;
  margin-block: 2rem;
  gap: 2rem;
}

#blog-carousel img {
  max-width: 100%;
  display: block;
  object-fit: cover;
}

.card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.card__body {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}


.tag {
  align-self: flex-start;
  padding: .25em .75em;
  border-radius: 1em;
  font-size: .75rem;
}

.tag + .tag {
  margin-left: .5em;
}

.tag-blue {
  background: #56CCF2;
background: linear-gradient(to bottom, #2F80ED, #56CCF2);
  color: #fafafa;
}

.tag-brown {
  background: #D1913C;
background: linear-gradient(to bottom, #FFD194, #D1913C);
  color: #fafafa;
}

.tag-red {
  background: #cb2d3e;
background: linear-gradient(to bottom, #ef473a, #cb2d3e);
  color: #fafafa;
}

.card__body h4 {
  font-size: 1.5rem;
  text-transform: capitalize;
}

.card__footer {
  display: flex;
  padding: 0 1rem;
  margin-top: auto;
}

.user {
  display: flex;
  gap: .5rem;
}

.user__image {
  border-radius: 50%;
}

.user__info > small {
  color: #666;
}	

#blog_content .owl-stage {
    display: flex;
    flex-wrap: wrap;
    margin-block: 2rem;
}

#blog_content .owl-item {
    display: flex;
    flex-direction: column;
	border: 1px solid #e9e9e9;
}