body{color: #2a3547; }
p{margin-bottom: 10px;}    

.post-content {box-shadow: #919eab4d 0 0 2px, #919eab1f 0 12px 24px -4px;border-radius: 4px; margin-top: 0px;}   
.tab-pane {box-shadow: #919eab4d 0 0 2px, #919eab1f 0 2px 15px -2px;margin-bottom: 15px;border-top: 2px solid #9ab4ff!important;background: #fff!important;border-radius: 4px;}
.post-item{margin: 0;}
.tab-pane .row > .title{margin-bottom: 0px;  font-weight: 600;font-size: 18px;}
.post-item-small {margin-bottom: 12px;} 
.post-item-small .title{font-weight: 400;line-height: 20px;font-size: 14px;} 
.post-content .post-text{font-size: 15px; line-height: 26px;padding: 20px;font-family: 'Plus Jakarta Sans', sans-serif !important;}   
.post-content .has-medium-font-size {font-size: 17px;}    
.post-content .post-title{font-size: 19px; line-height: 27px; padding: 20px;margin-bottom: 0;background: #ecf2ff!important;border-top: 2px solid #9ab4ff!important; border-radius: 4px 4px 0 0; color: #000;}
.post-text h2 {font-size: 20px;margin-bottom: 15px;font-weight: 600;}   
.section-page .page-title{font-weight: 700;margin-bottom: 22px;} 
a.img-link.active {color: #5d87ff!important;}
.breadcrumb {font-size: 14px; display: inline-flex;}   
.post-tags {padding: 0 20px;} 
.post-content .post-tags ul li a {background-color: #919191; border: #5d87ff!important;padding: 2px 10px;color: #fff;border-radius: 24px;font-size: 12px;}      
.post-content .post-tags ul li a:hover{background-color: #5d87ff!important;}
.tab-items .col-lg-12:first-child{margin-top: 15px;}  
.post-next-prev .left{border-right: unset;  }
.post-next-prev .row .head-title a {display: inline-flex;align-items: center;color: #222 !important;}
.post-next-prev .left .head-title svg  , .post-next-prev .right .head-title svg{background:#5d87ff!important; padding: 6px;width: 26px;height: 26px;border-radius: 50%; fill: #fff;margin: 0;} 
.post-next-prev .head-title .disable svg {background: #b3b3b3 !important;cursor: no-drop;}  
.post-next-prev{margin-bottom: 15px;} 
.tab-pane-title{align-items: center;justify-content: space-between; padding: 15px; cursor: pointer;}    
.tab-pane-title svg{width: 14px; cursor: pointer;transition: all 0.5s ease-out;}      
.post-sidebar {width: 29%;}
.post-details{width: 71%;  }
a:hover, a:active, a:focus{color: #5d87ff!important;}  
.nav-main .navbar-nav .nav-link {color: #2a3547;font-weight: 600; padding: 15px 12px;font-size: 16px;text-transform: capitalize;} 
/* .nav-main{padding: 15px 0;} */
.search-form{display: block;position: relative;top: 0; z-index: 1;width: 700px;background-color: #ecf2ff;padding: 8px;} 
.search-form button{background: #4a5abf !important;width: 36px; height: 36px;    right: 8px; top: 8px;}  
.nav-main{background: #f3f5f7; padding: 8px 0;}  
.home-header .nav-main{background: #fff;}  
.home-header .nav-main {background: #f5f8fe;}
.nav-main .navbar-nav .nav-item{ position: relative;z-index: 9;}
.navbar-right {padding: 20px 0;} 
.breadcrumb a {color: #5d87ff!important; } 
.search-form .form-input{background-color: #fff;height: 36px;line-height: 14px;padding: 10px 65px 10px 15px;} 
.nav-main .navbar-brand .logo { height: 60px;}  
.tab-pane-title .title {margin: 0; font-size: 18px;}  
.post-next-prev .col-sm-6 { padding: 0 10px; min-height: 30px !important;} 
.post-next-prev svg:hover{background-color:#5d87ff!important;}  
.post-next-prev svg:hover {background: #5d87ff!important;} 
.header-mobile-container{height: auto; border: unset;}
.tab-items {max-height: 263px;overflow-y: auto;padding: 0 15px; display: none;padding-left: 35px;}
.tab-items::-webkit-scrollbar {width: 3px;   }
.tab-items::-webkit-scrollbar-track {background: #f1f1f1;}
.tab-items::-webkit-scrollbar-thumb { background: #b3b3b3; }  
.tab-pane .row{margin: 0;}
.post-item-small .title a { color: #2a3547;} 
.tab-pane.active .tab-items{display: block;}
.tab-pane.active svg{transform: rotate(180deg);}
.nav-mobile{top: 65px;}   
.post-sidebar .sidebar-category{position: sticky; top: 20px;} 
 
.tab-items li{list-style: circle;padding: 0;padding-left: 3px;} 
.sidebar-category .page-title {font-size: 26px;font-weight: 700;margin-bottom: 22px;} 
.sidebar-category .tab-pane.active .tab-items{display: block;}
.sidebar-category .tab-pane.active .tab-pane-title{background: #ecf2ff;}  
.sidebar-category .tab-pane.active .tab-pane-title svg{transform: rotate(180deg);}  

.section-cat-block .tab-pane , .section-category .tab-pane{border-top: unset !important;box-shadow: unset;}
.section-cat-block .tab-pane .row{margin-left: -12px; margin-right: -12px;}  
.home-post-list .post-item-small {height: 100%;padding: 15px;border-radius: 4px;background: #f3f5f7; border-left: 2px solid #9ab4ff!important;}    
.post-item-small .right{padding: 0;}
.post-item-small .left{padding-right: 15px;}  
.post-item-small .right .title {font-weight: 600;margin-bottom: 6px; } 
.small-post-meta a{color: #5d87ff!important;}  
.sidebar-widget .post-item-small{padding: 15px;border-radius: 4px;background: #f3f5f7;border-left: 2px solid #9ab4ff!important;} 
.section-category .tab-pane .post-item {box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05);padding: 15px;border: 1px solid #eee;border-radius: 4px;} 
.section-category .tab-pane .row{margin-left: -12px;margin-right: -12px; } 
.section-category .post-item .title{font-size: 16px;line-height: 22px;font-weight: 500;}  

/* home-banner */
.home-banner .search-form{width: 100%;max-width: 550px;background-color: #dae4ff;margin: 0 auto;}    
.banner-txt{padding-right: 60px; z-index: 99;} 
.home-banner-wrapper{padding: 80px 0;}  
.banner-txt h1{font-size: 50px;font-weight: 600;} 
.banner-txt h1 span{color: #4a5abf;text-decoration: underline 2px;text-underline-offset: 5px;}    
.banner-txt p {font-size: 16px;margin: 25px 0 35px; line-height: 26px;} 
.banner-bg-img {width: 60%;height: 100%;justify-content: center;align-items: center;display: flex;position: absolute;top: auto;bottom: 0%;left: auto;right: 0%; }
.home-banner{position: relative; background: #eef3fe94;}  
.banner-img {position: relative;z-index: 1;} 
.banner-bg-img img{width: 73%;left: 10%; object-fit: cover;position: relative;bottom: -13%; opacity: 0.35;}    
.banner-img img{max-width: 100%;}  
.app-icon{width: 70px;height: 70px;position: relative;margin: 0;display: flex;margin-bottom: 30px;background-color: #ecf2ff!important;border-radius: 10px; cursor: pointer; z-index: 9;}  
.app-icon img {height: auto;margin: auto;transition: all 0.5s linear;max-height: 70px;border-radius: 10px; position: relative;}  
.app-icon::before { content: '';position: absolute;width: 100%;height: 100%;left: 6px;top: 6px;border-radius: 10px;border: 1px dashed #5d87ff;transition: all 0.5s linear; }
   
.category-item{box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05); padding: 30px; border: 1px solid #eee; background: #fff;border-radius: 10px; position: relative;height: 100%;display: flex;flex-direction: column;} 
.app-title h4 {font-size: 22px;line-height: 30px;font-weight: 600;position: relative; z-index: 9; cursor: pointer;}
.category-item:after {background-image: url('https://support.ilsportal.io/assets/img/bg-vector.png');background-repeat: no-repeat;background-size: 50%;position: absolute;right: 0;content: '';width: 100%;height: 100%;top: 0;background-position: 139% -55%; bottom: 0;opacity: 1;transform: rotate(0deg); }
.category-listing {padding: 60px 5px 0; }   
.category-box{padding: 10px;}   
.category-link {font-size: 16px;font-weight: 600;color: #4a5abf;text-underline-offset: 3px;margin-top: auto;display: block;position: relative;z-index: 1;} 
.category-item p {margin-bottom: 20px; position: relative;z-index: 9;}    
.post-sidebar .post-item-small .title a{ color: #9b9b9b; font-weight: 400;} 
.category-box-wrap { position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;display: block;cursor: pointer;z-index: 90;} 
.post-text img , .post-text video{margin: 20px 0 30px;border-radius: 10px;position: relative;border: 1px solid #DBDBDA;padding: 8px; height: auto;object-fit: contain;}    
.post-text video{display: block;max-width: 100%!important; width: 100%;} 
.post-text ul li::marker {color: #5d87ff!important;}  
.btn-custom, .nav-payout-accounts .active a, .pagination .page-item.active .page-link, .label-reaction-voted, .page-gallery .filters .active::after {background-color: #4a5abf !important;}
.nav-main .navbar-nav .active .nav-link , .nav-item a:hover, .footer-copyright .nav-footer ul li a:hover {color: #4a5abf !important;}  
#footer .footer-inner {padding: 60px 0 30px;}
.footer-widget .footer-logo{margin-bottom: 15px;}
.footer-widget .footer-logo img {max-height: 68px;}   
.footer-social-links ul li a:hover {background-color: #4a5abf;} 
.post-text a {color: #5d87ff!important;}   
.post-content ul {list-style: disc;}   

.search-page .post-item .title {font-size: 15px;font-weight: 400;} 
.tab-pane-posts .tab-items{max-height: 100%;} 

span.search-text {color: #4a5abf!important} 
.search-page .tab-pane{box-shadow: unset !important;border-top: unset !important;  }
.search-page .category-list p {color: #4a5abf!important;font-size: 18px;font-weight: 500;margin: 0;} 
.search-page .tab-items{padding-left: 25px; display: block;}   

 
 
@media screen and (max-width: 1100px) {
    .banner-txt {padding-right: 20px;}   
    .banner-txt h1 {font-size: 38px;}
    .banner-txt p {font-size: 14px;margin: 18px 0 20px;line-height: 22px;}   
    .home-banner-wrapper {padding: 50px 0;}
}

@media screen and (max-width: 991px) {
    .post-sidebar {width: 100%;}
    .post-details {width: 100%; padding-top: 15px; margin-top: 20px;}    
    /* .nav-searchbar {padding-top: 70px;} */
    .search-form{width: 100%;}
    .nav-searchbar .nav-item{max-width: 500px;width: 100%;padding: 0 12px;} 
    .mobile-logo, .mobile-logo img{height: 44px;} 
    .tab-pane-title .title{font-size: 16px; line-height: 22px;} 
    .post-item-small .title{line-height: 18px; font-size: 13.5px;}      
    .nav-searchbar h5{font-size: 16px;}
    .post-sidebar .section-page{padding-top: 0;} 
    .tab-items .col-lg-12:first-child {margin-top: 8px;} 
    .post-content .post-title {font-size: 18px;padding: 15px; line-height: 24px;} 
    .post-content .post-text {font-size: 13px;line-height: 21px;padding: 15px;}
    .post-text h2{font-size: 17px;margin-bottom: 10px;line-height: 24px;}
    .post-next-prev .head-title {text-align: unset;}
    .post-next-prev .text-end {text-align: right!important;}
    .post-next-prev .text-start {text-align: left!important;} 
    .post-text .Polaris-Card__Header.pt-4{padding-top: 10px !important;}  
    .post-tags {margin-top: 0!important;}  
    .post-next-prev{margin-top: 30px !important;} 
    #footer{margin-top: 30px;}
    .mobile-logo {padding: 0 12px;}
    .nav-mobile{right: 0; left: unset;}  
    .header-mobile{background-color: #f3f5f7;border-bottom: 1px solid #ebebeb; padding: 13px 0;box-shadow: 0 1px 8px rgb(0 0 0 / 10%);}   
    .home-header .header-mobile{background-color: #fff;} 
    #footer .footer-widget-about{margin-bottom: 20px;} 
    .post-sidebar .sidebar-category .tab-pane.active .tab-pane-title {
        background: #f3f5f7; 
    } 

}
@media screen and (max-width: 767px){ 
    .banner-txt {padding-right: 0px; padding-bottom: 40px;}
    .banner-txt h1 {font-size: 30px;} 
    .banner-txt h1 span {text-decoration: underline 2px;text-underline-offset: 4px; }
    .banner-bg-img{display: none;}
    .category-item{padding: 15px;overflow: hidden;}
    .category-item:after{top: -25%; background-position: 139% 0%;}     
    .app-icon {width: 50px;height: 50px;border-radius: 8px;margin-bottom: 18px;}
    .app-icon img{max-height: 50px; border-radius: 8px;}  
    .app-title h4 {font-size: 18px;line-height: 24px;}
    .category-item p {margin-bottom: 10px;font-size: 13px;}
    .category-link {font-size: 14px;  }   
    .category-box {padding: 6px 12px;}
    .category-listing { padding: 10px 0px 0; } 
    .search-form .form-input{height: 32px;}
    .search-form button { width: 32px; height: 32px;}  
    #footer .footer-inner {padding: 10px 0 0;}
    .footer-widget .footer-logo img {max-height: 44px;}
    .footer-about {font-size: 12px;line-height: 18px;}
    .footer-social-links {margin-top: 15px;}
    .footer-social-links ul li a {width: 30px;height: 30px;} 
    .footer-social-links ul li a i{font-size: 16px;}  
    .footer-posts .nav-link {padding: 4px 0;}
    #footer .footer-widget-about {margin-bottom: 0px;}
    .footer-widget {margin-top: 25px;}   
    .footer-widget .widget-title {font-size: 14px;margin-bottom: 8px;} 
    .footer-copyright{padding: 24px 0;}
    .sidebar-category .page-title{font-size: 20px;margin-bottom: 15px;} 
    .tab-pane-title{padding: 10px;}
    .tab-pane-title .title {font-weight: 600;}
    .tab-pane-title svg {width: 12px;}
    .tab-pane{margin-bottom: 10px;}
    .post-item-small .title {font-size: 12.5px;}    
    .sidebar-category .tab-items{padding: 0 5px 0 0;padding-left: 28px;max-height: 180px; margin-bottom: 5px;} 
    .sidebar-category .tab-items li{padding: 0;} 
    .post-item-small {margin-bottom: 10px;}    
    .post-content .post-title {font-size: 15px;padding: 10px;line-height: 22px;} 
    .post-content .post-text{padding: 10px;}
    .post-tags {padding: 0 10px; }
    .post-content ul, .post-content ol{padding-left: 20px;}
    .post-text img, .post-text video{margin: 15px 0;border-radius: 4px;padding: 4px;}    
    .post-next-prev{margin: 15px 0 0 !important; padding: 20px 0 0px 0;}  
    .ytp-cued-thumbnail-overlay-image{background-size: contain !important;}
    .post-content .post-text iframe{height: auto;}
    .tab-pane{border-top: 1px solid #9ab4ff!important;} 
    .nav-mobile .nav-item .nav-link{font-size: 14px;padding: 8px 0;}  
    #footer {font-size: 13px;line-height: 20px;}  
    .breadcrumb {font-size: 12.5px; }   
    .search-page .category-list p{font-size: 15px;line-height: 20px;}   
    .search-page .post-item .title {font-size: 13px;} 
    .search-page .col-md-12{padding: 0;}
    .search-page .tab-items {padding-left: 20px;}
    .search-page .post-item-small {margin-bottom: 6px;}   
    .post-content .has-medium-font-size {font-size: 15px;}
    .breadcrumb-item+.breadcrumb-item::before{padding-right: 4px;}
    .breadcrumb-item+.breadcrumb-item {padding-left: 4px;}
    .navbar-right {padding: 30px 0 10px;} 

}