.scroll-home{
    background: transparent !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}

.scroll-home a{
    color: #fff !important;
}
.scroll-home #cmbLang{
    color: #fff !important;
    border: none !important;
    background: transparent !important;
}
.scroll-home #cmbLang option { 
    background-color: #4a4a4a;
}
.scroll-home .top-menu-loggedin-user a{
    background-image:none !important;
}

#home-category img {
    height: 70px;
    width: 80px;
    object-fit: cover;
}

.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#home-category .bg-overlay {
    background: rgb(0 0 0 / 33%);
}

#home-category h6 {
    height: 133%;
}

.home-promo-banner-item img {
    height: 350px;
    width: 100%;
    object-fit: cover;
}

#home-slider{
    height:100vh;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    background: rgba(0, 0, 0, 0.1); 
    position: relative;  
    background-repeat: no-repeat;
    background-size: cover; 
}

#home-slider > p{
    font-size: 25px !important;
    margin-bottom: 0;
}

#home-slider > p > span{
    font-weight: bold;
}
#home-text-2 {
    font-size:50px !important;
}

.msg-word {
    height: 48px;
    margin: 0 auto 20px auto;
    font: 700 normal 2.2em 'tahoma';    
}

.animate-charcter
{
   text-transform: uppercase;
  background-image: linear-gradient(
    -225deg,
    #231557 0%,
    #44107a 29%,
    #ff1361 67%,
    #fff800 100%
  );
  background-size: auto auto;
  background-clip: border-box;
  background-size: 200% auto;
  color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textclip 3s linear infinite;
}

@keyframes textclip {
  to {
    background-position: 200% center;
  }
}


.card{
    border-radius: 0.5rem !important;
}

.card img{
    border-top-left-radius: 0.5rem !important;
    border-top-right-radius: 0.5rem !important;
}

.container .section-title{
    text-align: center;
}

.container .section-title span{
    font-weight: bold;
}

.ai-templete > .ai-templete-top > .ai-templete-icon{
    font-size: 20px;
    margin-top: 5px;
    width: 40px;
    height: 40px;
    border-radius: 5px; 
    margin-right: 15px; 
}

.ai-templete > .ai-templete-top > .ai-templete-icon::before{
    top: 8px;
    position: relative;
}

.ai-templete > .ai-templete-top > .ai-templete-title{
    font-size: 20px;
    color: #3e3e3e;
    font-weight: 600;
}

.ai-review .ai-review-person-img > img{
    padding: 3px;
    width: 80px;
    height: 80px;
    border: 1px solid rgba(94, 109, 129, 0.3);
    margin-right: 25px;
}

.ai-review .ai-review-text > .fa{
    font-size: 10px;
}

.ai-review{
    min-height:200px ;
}

.ai-review .ai-review-person-info > p{
    font-weight: bold;
}

.ai-review .ai-review-person-info > span{
    font-size: small;
}

#ai-review{
    position: relative;
}
#ai-review .owl-nav{
    position: absolute;
    width: 100%;
    top: 40%;
}

#ai-review .owl-dots{
    margin-top: 50px;
}

#ai-review .owl-nav > button{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    line-height: 40px;
    transition: all ease 0.3s;
    box-shadow: 0 4px 9px 0 rgb(0 0 0 / 8%), 0 5px 5px 0 rgb(0 0 0 / 10%), 0 5px 2px -5px rgb(0 0 0 / 16%);
}

#ai-review .owl-nav > .owl-prev{    
    left: -50px;
}

#ai-review .owl-nav > .owl-next{
    right: -40px;
}

@media screen and (max-width: 642px){
    #ai-review .owl-nav > .owl-prev{    
        left: 0px;
    }

    #ai-review .owl-nav > .owl-next{
        right: 0px;
    }
    #ai-review .owl-nav{
        top: 70%;
    }

    #home-text-2{
        font-size: 30px !important;
    }
    .msg-word{
        font-size: 30px !important;
    }
}

#ai-blog{
    position: relative;
}
#ai-blog .owl-nav{
    position: absolute;
    width: 100%;
    top: 40%;
}

#ai-blog .owl-dots{
    margin-top: 50px;
}

#ai-blog .owl-nav > button{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    line-height: 40px;
    transition: all ease 0.3s;
    box-shadow: 0 4px 9px 0 rgb(0 0 0 / 8%), 0 5px 5px 0 rgb(0 0 0 / 10%), 0 5px 2px -5px rgb(0 0 0 / 16%);
}

#ai-blog .owl-nav > .owl-prev{    
    left: -50px;
}

#ai-blog .owl-nav > .owl-next{
    right: -40px;
}

@media screen and (max-width: 642px){
    #ai-blog .owl-nav > .owl-prev{    
        left: 0px;
    }

    #ai-blog .owl-nav > .owl-next{
        right: 0px;
    }
    #ai-blog .owl-nav{
        top: 70%;
    }
}

#ai-blog .card{
    box-shadow: 0 2px 7px 0 rgb(0 0 0 / 5%) !important;
}

#ai-blog .ai-blog-img > img{
    border-radius: 5px;
    height: 220px;
    object-fit: cover;
}
.ai-blog-content{
    min-height: 135px !important;
}

.plan-type.active{
    background-image: var(--theam-color) !important;
    color:#FFF !important;
}

.ai-plan-wrap .ai-plan{
    overflow: hidden;
    z-index: 1;
}

.ai-plan-wrap .ai-plan.pro-feature::before{
    content: "PRO";
    position: absolute;
    width: 150px;
    text-align: center;
    padding: 0px 0;
    transform: rotate(320deg);
    z-index: 2;
    left: -35px;
    top: 20px;
    background: #c44;
    color: #FFF;
}

.ai-plan-wrap .ai-plan.featured::after{
    content: "FEATURED";
    position: absolute;
    width: 150px;
    text-align: center;
    padding: 0px 0;
    transform: rotate(45deg);
    z-index: 2;
    right: -35px;
    top: 30px;
    background: #44a6cc;
    color: #FFF;
}

.ai-plan-wrap .ai-plan-title{
    font-size: 30px;
    text-align: center;
    font-weight: bolder;
    color: #000;
}

.ai-plan-wrap .ai-plan-price{
    font-size: 40px;
    text-align: center;
    font-weight: bolder;
    margin-bottom: 0;
}

.ai-plan-wrap .ai-plan-price-type{    
    text-align: center;
}

.ai-plan-wrap .ai-plan-subscribe > a{
    border-radius: 5px;
    color: #FFF;
    width: 180px;
    display: inline-block
}

.crop-text-2 {
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.crop-text-3 {
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.item-template{
    min-height: 134px;
}

.icon-bg {
    padding: 5px 5px;
    border-radius: 4px;
    color: #4a4a4a;
}