.spacer{
  height: 1200px;
}
.rightRail{
  flex: auto;
  width: 25%;
  margin-left:2em;
  border: 3px solid rgba(255,0,0,0.2);
}
.rightRailAdContainer {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  height: -webkit-fill-available; }

.rightRailAdContainer img{  

  width: 100%; }
 

.ad2 {
  position: sticky;
  top: 88px;
  flex-shrink: 1;
  width: 100%;
}

#adv{     margin-top: 12px;
    color: #6a6a6a; }


#owl-main .item{ /*direction: rtl !important;*/ }

#main-cat{    
     background: #ffffff;
    color: #000;
    height: 50px;
    margin-top: 52px;
    border-bottom-style: solid;
    border-color: #f7f7f7;
    border-width: 1px;
    padding: 7px 0px;
} 


#main-cat .item h5 a{
    font-weight: 600;
    color: #000;
    text-decoration: none;
    font-size: 1.4rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    letter-spacing: -0.6px; }

#ads750{ 
         height: auto;
    margin-top: 10px;
    border: none;
    margin-bottom: 16px; }

.related-cat-single{ display: flex;}

.related-cat-single p{ width: max-content;}

.related-cat-single ul{ 
    list-style: none;
    right: 0px;
    position: relative;
    max-width: 100%;
    width: max-content;
    -webkit-line-clamp: 1;
    right: 42px;
    display: flex;
    text-align: center; }

.related-cat-single ul li a{ 
    text-decoration: none;
    color: #000;
    padding: 0px 0px 0px 42px; }

.related-cat-single ul li a:hover{ color: #717171;transition: 1s; }

.home-cat{ font-size: 2.6rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 700;
    margin-bottom: 20px; }

.home-cat i{     top: 2px;
    position: relative;
    color: #fbc500; }

#star-viral{     top: 0px;
    position: relative;
    color: #fbc500; }

#home-title{      
    position: absolute;
    bottom: 0px;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    padding: 8px;
    color: #fff;
    background: linear-gradient(0deg, rgb(0 0 0 / 87%) 20%, rgba(255,255,255,0) 100%);
    width: 100%;
    border-radius: 0px; }

#home-title h3{   font-weight: 600;
                  font-size: 2.2rem;
                  text-shadow: 0px 1px #000000de;
                  position: relative;
                  margin-top: 90px;
                  top: 30px; }

#home-title p{  
    font-size: 1.5rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    -webkit-line-clamp: 2;
    top: 18px;
    position: relative;  }

#home-title a{ text-decoration: none;color: #fff; }

#popular-bar{
              padding: 0px; }

#popular-bar .col-lg-4{ padding: 4px; }

#popular-bar .thumbnail{ height: 110px; }


#owl-mobile  .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ width: 200px; }

#owl-mobile .item{ 
    width: 100%;
    text-align: center;
    padding-top: 9px; }

#owl-mobile .item h5{        
    -webkit-line-clamp: 1;
    right: 32px;
    margin-top: 0px; }

#main-cat .customNavigation{top: -38px;
    position: relative;}

#main-cat .customNavigation .prev{ position: absolute;
    left: 10px;}

#main-cat .customNavigation .next{ position: absolute;
    right: 10px;}

#main-cat .customNavigation .btn{ 
    
    border: 1px solid #14828a00;
    color: #ffffff;
    font-weight: 700;
    background: #000000;
    border-radius: 0px; }

#social-media{     display: flex;
    list-style: none;
    padding: 14px; }

#social-media li{    padding: 0px 6px;}

#social-media li img{ height: 22px; }

#main-posts .item{    padding: 2px;}

#main-posts .thumbnail{ 
    background: #e8e8e8;
    height: 330px;
    width: 100%;
    border: none;
    padding: 0px;
    position: relative;
    border-radius: 0px; }

#main-posts img{     
    z-index: 0;
    position: unset;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    object-fit: cover;
    width: -webkit-fill-available;
    height: 100%;
    border-radius: 5px;
    -webkit-box-shadow: 0px -135px 183px -84px rgb(0 0 0 / 75%) inset; }

/* category index */


#tassnifat{ text-align: center;
    margin: 35px 0px;
    font-size: 3rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 900; }

#main-category{ padding: 0px; }

#main-category .thumbnail{     
    background: #fff;
    border-radius: 2px;
    border: 1px solid #e9e9e9;
    box-shadow: 0px 4px 14px -12px;
    padding: 0px; }

#main-category h2{     
    background: #000000;
    color: #fff;
    padding: 18px 8px;
    margin-top: 0px;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-size: 2.4rem;
    font-weight: 800; }

#main-category h2 a{     color: #fff;
    text-decoration: none; }

#main-category h4{ font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-size: 1.6rem;
    padding: 0px 10px;
    font-weight: 600;
    -webkit-line-clamp: 2; }

#main-category h4 a{ color: #282828;text-decoration: none; }

#main-category hr{     margin-top: 15px;
    margin-bottom: 12px;
    border: 0;
    border-top: 1px solid #00aab529; }

.next-posts{ margin: 46px 0px -12px 0px; }

.next-posts h3{ margin: 32px 0px 50px 0px !important; }

#viewers-posts h2{      font-size: 2.6rem;
    margin: -27px 10px 10px 0px;
    color: #1c1c1c;
    -webkit-line-clamp: 2; }

.next-posts a{ margin-right: 12px; }

/* Modal search */

#open-search{

color: #fff;
    font-size: 1.8rem;
    position: relative;
    top: 0px;
    padding: 0px 0px 0px 20px;
}

#modal-search .modal{  overflow: hidden;}

#modal-search .container{ padding: 0px; }

#modal-search .close{background: #bcbcbc;
    width: 30px;
    height: 30px;
    padding: 0px;
    border-radius: 4px;
    font-size: 2rem;
    opacity: 1;
    color: #fff;
    margin-top: 6px;
}

#modal-search .modal-footer .btn{
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 600;
    color: #242424;
    background-color: #cdcdcd;
    border-color: #fff; }

#modal-search .modal-title{padding: 10px 15px; }

#modal-search .modal-content{ overflow-x: hidden;
    overflow-y: auto;
    max-height: 500px; }

#searching{ 
    margin-top: 22px;
    direction: ltr;  }

#searching input[type="search"]{ box-shadow: none;
    border: 2px solid #000 !important;
    padding: 22px 10px;
    color: #0a0a0a;
    font-size: 1.6rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    border-radius: 0px;
      
     transition: border-color 0.3s ease !important; /* Smooth transition */ }

#searching input[type="search"]focus{ border-color: #000 !important; }

#searching button{     
    background: #000;
    padding: 12px 14px 9px 14px;
    font-weight: 600;
    border: 2px solid #000;
    color: #fff;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    box-shadow: none;
    font-size: 1.6rem;
    border-radius: 0px;
     }


#search-posts{margin-top: 26px;padding: 0px; }

#search-posts .thumbnail{ 
    padding: 0px;
    border: none; }

#search-posts .thumbnail img{     
    height: 160px;
    background: #e8e8e8;
    border: none;
    border-radius: 5px;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    width: -webkit-fill-available; }

#search-posts .title{
    margin-top: -90px;
    background: #fff;
    width: fit-content;
    padding: 8px; }

#search-posts h2{ 
    font-size: 1.5rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    margin-top: -10px;
    margin-bottom: 18px; }

#search-posts h2 a{ color: #000; }

#search-posts .related-col{ 
    padding: 4px;
    margin-bottom: 28px; }

#btn-more{ width: 100%;
    padding: 14px;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-size: 1.8rem;
    background: #000;
    border-radius: 3px;
    color: #fff;
        font-weight: 600;
    border: 2px solid #fff; }

#social-head{ display: none; }




.category-item {
    display: none;
  }

  .category-item.show {
    display: block;
  }

  .show-more {
    cursor: pointer;
    color: #007bff;
    text-decoration: underline;
    margin-top: 20px;
    display: inline-block;
  }


/*.rtl{ direction: rtl!important; }*/

.post-categories{ list-style: none;
    padding: 0px;
    float: inline-start;
    margin-inline-end: 5px; }


.ltr{ direction: ltr; }

.type-cat{ position: absolute; }

.type-cat a{  
    background: #000000;
    padding: 6px 10px;
    width: max-content;
    margin: 8px;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    z-index: 2;
    position: absolute;
    left: 0px; }

.type-cat a{ 
     color: #fff;
     text-decoration: none; }

.type-cat a:hover{ 
     color: #fff;
     text-decoration: none; }

.last-all{ margin-bottom: 32px!important; }

#last-posts{ margin-top: 70px;
             padding: 0px; }

#last-posts .thumbnail{ padding: 0px;
border: none; }

#last-posts a{ color: #fff; }


#last-posts img{     
    height: 220px;
    background: #e8e8e8;
    border: none;
    border-radius: 5px;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    width: 100%; }

#last-posts h2{ 
    font-size: 1.8rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    -webkit-line-clamp: 1;
    color: #000;
    font-weight: 600;
    margin-bottom: 0px; }

#last-posts h2 a{ 
    text-decoration: none;
    color: #000; } 

#last-posts .btn{ 
    color: #000000;
    border: 2px solid #000000;
    background-color: #ffffff;
    font-weight: 500;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    border-radius: 0px; }

#exx{ margin-bottom: -12px; }

#exx a{ text-decoration: none; }

#exx p{
    -webkit-line-clamp: 2;
    font-size: 1.3rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 600;
    color: #5d5d5d;
    line-height: 2rem;    }







.pagi{     margin-top: 300px;
    text-align: center; }

.screen-reader-text{ display: none; }


.page-numbers{  background: #000;
    color: #fff;
    font-size: 1.8rem;
    width: 48px;
    height: 48px;
    padding: 12px;
    display: inline-block;text-decoration: none; }

.page-numbers a{ color: red; }

.page-numbers:hover{ color: #fff;text-decoration: none; }

.current{ border: 2px solid #000;
    background: #fff;
    color: #000;
    display: initial;
    font-weight: 700; }

.current:hover{ color: #14828a; }

/*.pagination-posts{ margin-top: 272px;
    }

.pagination-posts div{ margin-top: 300px;
    text-align: center;
    width: 100%; }

.pagination-posts a{ background: #14828a;
    padding: 18px;
    width: 100%;
    display: block;
    color: #fff;
    text-decoration: none;
        font-size: 1.6rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
        border-radius: 2px; }

.pagination-posts a:hover{ color: #fff;text-decoration: none; }

.pagination-posts a:visited{  color: #fff;text-decoration: none !important; }*/

/* categories */

.categories p{ position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 1.8rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    background: #14828ae3;
    padding: 5px 12px; }

/* random */

#similar-cat ul{ display: flex;
    list-style: none;
    padding: 0px;
    -webkit-line-clamp: 1; }

#similar-cat li{     margin-right: 2px;
    margin-left: 10px; }

#similar-cat li a{ font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-size: 1.4rem;
    font-weight: 600;
    color: #787878;
    text-decoration: none; }

/* footer */
#main-footer{ 
    height: auto !important;
    background: #f8f8f8;
    padding: 40px 0px 30px 0px;
    margin-top: 20px; }

.logo-footer{ 
    color: #000;
    font-family: serif;
    font-weight: 800;
    font-size: 3rem;
    text-align: center;
    padding-bottom: 4px; }

.logo-footer a{ 
     text-decoration: none !important;
     color: #000; }

.logo-footer a:hover{  color: #000;text-decoration: none !important; }

.logo-footer a:visited{  color: #000;text-decoration: none !important; }


.intr{ padding: 5px 260px;
    font-size: 1.6rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    line-height: 2.8rem;
    margin-bottom: 52px; }

#main-footer{ box-shadow: 0px 1px 2px; }

#main-footer ul{ 
    /*direction: rtl!important;*/
    list-style: none;
 }

#main-footer ul li{
    line-height: 36px!important;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-size: 1.3rem;
        font-weight: 500;}

#main-footer ul li a{ 
    text-decoration: none !important;
            font-weight: 600; 
     }

.list-footer{ padding: 0px;color: #000; }

.list-footer li a{ color: #000; }

#main-footer ul li p{font-weight: 700;
    font-size: 1.7rem; }

#copyright{     margin-top: 62px;
    font-size: 1.5rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    color: #686868; }

#related-posts{ padding: 0px; }

#related-posts{ margin-top: 70px; }

#related-posts  .related-cat .thumbnail{  margin-bottom: 8px; }

#related-posts .thumbnail{     
          padding: 0px;
      height: 170px;
        background: #3330;
    border-radius: 0px;
    border: 0px; }


#related-posts .thumbnail img{     
    height: 100%;
    background: #e8e8e8;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    width: 100%; }

#related-posts h2{ font-size: 1.6rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    margin-top: 10px;
    margin-bottom: 18px;
    -webkit-line-clamp: 2;color: #000;
    text-decoration: none; }

#related-posts h2 a{ 
  color: #000;
  text-decoration: none; }

#related-posts a{ text-decoration: none; }

#related-posts .related-col{ 
               padding: 4px;
               margin-top: 5px; }


.bmbx .thumbnail{ padding: 0px;
                  height: 260px;
                  border: none; }

.bmbx .thumbnail img{ z-index: 0;
    position: unset;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    object-fit: cover;
    width: -webkit-fill-available;
    height: 100%;
    border: none;
    border-radius: 2px; }

#bmbx-col{ margin-bottom: 25px; }

#bmbx-col h2{     margin-top: -10px;
    margin-bottom: 0px;
     font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 600;
    font-size: 2.2rem;
    -webkit-line-clamp: 1; }

#bmbx-col h2 a{ color: #000;
 text-decoration: none; }

.main-spacer{ height: 510px; }



/**/
.social{ margin-top: 32px;
    margin-bottom: 8px; }

.social ul li a{ color: #fff; }

ul.social-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  height: auto;
  width: auto;
}
ul.social-set li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/* Font Awesome icons */
a.sociali {
  font-size: 2em;
  line-height: 1.2em;
  padding: 10px;
  background: #000;
  margin-right: 10px;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;

}

/**/



#read{  position: relative;
    bottom: -16px;
    right: 8px;
    color: #00aab5;
    border: none;
    border-radius: 2px;
    box-shadow: none;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 800;
    font-size: 1.3rem;
    padding: 0px 2px;
    top: 6px;
    background: none; }

#Subscribe-news{ 
    background: #def2f4;
    height: auto;
    text-align: center;
    border: 6px solid #14828a;
    border-radius: 0px;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    padding: 34px 14px;
    margin-top: 20px;

     }

#Subscribe-news h3{ margin-top: 0px; }

#Subscribe-news p{ font-weight: 600; }

#Subscribe-news input{ 
   box-shadow: none;
    border-radius: 2px 0px 0px 2px;
    border: 2px solid #e4e4e4;
    height: 56px;
    border-inline-start-color: #fff; }

#Subscribe-news .input-group-addon img{ height: 20px; }

#Subscribe-news .input-group-addon{ 
    background: #fff;
    border: 2px solid #e4e4e4;
    border-inline-end-color: #fff;
    border-radius: 0px; }

#Subscribe-news button{     
    margin-top: 10px;
    width: 100%;
    background: #14828a;
    color: #fff;
    border: 1px solid #14828a;
    border-radius: 0px;
    padding: 8px 0px;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 600;
    font-size: 1.5rem; }

/* Single */

.author-info{ padding: 0px; }

.author-info div:first-child{ padding: 10px 0px; }

.author-info img{ height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-top: 16px; }


.con-all{margin-top: 12px;}

#all-content{ padding: 0px; }

#all-side{ padding: 0px 0px 0px 12px; }

#single-bar{  
    background: #000;
    height: 44px; }

#single-bar img{ height: 14px; }

#single-bar div{ display: flex; }

#single-bar ul{ display: flex;list-style: none; }

#single-bar p{     
    padding: 14px;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 700;
    font-size: 1.3rem;
    color: #fff;
    -webkit-line-clamp: 1;
    width: fit-content;
    height: 32px; }


#single-bar span{ padding: 0px;
             margin-top: 12px;
             color: #fff; }

#single-bar ul{ right: -20px;
                position: relative;
                    width: fit-content; }

#single-bar ul li{ margin-top: 12px; }

#single-bar li a{ 
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 700;
    font-size: 1.3rem;
    color: #fff; }

#single-bar a{ text-decoration: none;color: #fff; }

#content-side{ padding: 0px; }

#content-side .thumbnail{ 
                          border: none;padding: 0px; }

#content-side h1{     font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 800; }

.writer{ list-style: none;
    display: flex;
    padding: 0px;
    margin-top: 22px;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 500; }

.writer img{ border-radius: 50%;
    width: 44px;
    margin-top: -2px;
    border: 2px solid #000;
    padding: 1px;
    margin-right: 5px; }

#author-img{ margin-right: 5px; }

.writer li:nth-child(2){ margin-left: 5px; }

.writer li a{ float: left;
    color: #000;
        margin-right: 2px; }

.single-cat{ margin-left: 5px; }

.single-cat ul{  float: inline-end;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px 0px; }

/* social share */

#copyButton i{ margin: 5px -2px -16px 57px; }

#copyButton i:nth-child(1){ margin: 0px !important; }

#sharek{     font-size: 1.8rem;
    margin: 12px 0px;
    font-weight: 800;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif); }

#share-facebook{ 
    background: #385398; }

#share-whatsapp{ 
    background: #1dc85a; }

#share-pinterest{ 
    background: #d1343c; }

#share-instagram{ background: #dd2a7b; }

#share-youtube{ background: #ff0000; }

#share-twitter{ 
    background: #28a8e1;}

#share-tiktok{ background: #0e0e0e; }

#share-quora{ background: #b22f29; }



 .font-style {
    padding: 10px;
    margin-bottom: 10px;
    background: white;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }

  .styled-text {
    flex: 1;
    font-size: 16px;
    word-break: break-word;
  }

  .copy-btn {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 6px 12px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
  }

  .copy-btn:hover {
    background-color: #45a049;
  }

  #results {
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid #ddd;
  padding: 10px;
  background: #fff;
  position: relative;
  z-index: 10;
}



#ads{ 
    background: #f1f1f1;max-width: 100%;
    height: 250px; }

.viewers{ margin: 28px 0px 54px 0px; }

#title-viewers{font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 700;
    font-size: 1.7rem;
    color: #000; }

#viewers-posts{margin-top: 15px;}

#viewers-posts a{   color: #000000;
    text-decoration: none;
    font-size: 16px;
    padding: 0px; }

#viewers-posts ul{
    max-width: 100%;display: flex;
    list-style: none;padding: 0px; }

#viewers-posts .thumbnail{  
    padding: 0px;
    margin-top: -20px; }

#viewers-posts img{ 
    background: #e8e8e8;
    border: 1px solid #eeeeee;
    border-radius: 4px;
    object-fit: cover;
    max-width: inherit;
    height: 94px;
    width: 94px; }

#viewers-posts h3{ 
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0px 10px 6px 10px;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    -webkit-line-clamp: 1; }

#viewers-posts h3 a {
    color: #000000;
    text-decoration: none;
}

#viewers-posts content p{ -webkit-line-clamp: 2; }

#viewers-posts p{  
    margin: -2px 10px;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-size: 1.5rem;
    -webkit-line-clamp: 3;
        font-weight: 500;
    color: #1f1f1f;
 }


#viewers-posts p a {
    color: #000000;
    text-decoration: none;
}



/*
.search {
  max-width: 500px;
  margin: 20px auto;
  font-family: Arial, sans-serif;
}

.search-area {
  position: relative;
}

.search-input {
  width: 100%;
  padding: 10px;
  font-size: 16px;
}

.search-auto-complete {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #ccc;
  z-index: 999;
}

.auto-complete-btn {
  display: block;
  width: 100%;
  text-align: left;
  padding: 8px 10px;
  background: #f9f9f9;
  border: none;
  cursor: pointer;
}

.auto-complete-btn:hover {
  background-color: #eee;
}
*/



.autocomplete-search {
    position: relative;
    max-width: 600px;
    margin: 0 auto;
}

#autocomplete-input {
    width: 100%;
    padding: 10px;
    font-size: 16px;
}

#autocomplete-results {
    display: none;
    position: absolute;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    border-top: none;
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
}

#autocomplete-results ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#autocomplete-results li {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

#autocomplete-results li a {
    color: #333;
    text-decoration: none;
    display: block;
}

#autocomplete-results li:hover {
    background-color: #f5f5f5;
}

.loading, .no-results {
    padding: 10px;
    color: #666;
    font-style: italic;
}



/* Social Stories */


.post_tags{     padding: 0px;
    margin-top: 20px;
    list-style: none;
    display: list-item;
    width: 100%; }

.post_tags li{ background: #14828a;
    padding: 8px 18px;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    text-decoration: none;
    margin: 10px;
    display: -webkit-inline-box;
    margin-top: 2px;
    margin-right: 0px; }

.post_tags li:hover{ 
  background-color: #619a9f;
  text-decoration: none;
  color: #fff; }

.post_tags li a{ text-decoration: none;color: #fff; }

.popular-side{ 
    list-style-type: disclosure-closed;
    padding: 0px 16px;
    margin-top: 32px; }

.popular-side li{ margin-bottom: 20px; }

.popular-side h2{ font-size: 1.5rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 600; }

.popular-side h2 a{ text-decoration: none;
                    color: #000; }

.content :is(h1, h2, h3, h4, h5, h6){ font-weight: 600;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    margin: 32px 0px 24px 0px; }

.content article{ margin-top: 0px; }

.content p{ font-size: 1.9rem; 
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif); 
    line-height: 3.6rem; 
    margin-bottom: 24px;
    font-weight: 500;  }

.has-vivid-green-cyan-color{ color: green; }

.content ul li{ font-size: 1.9rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 500;
    margin-bottom: 12px; }

.content img{ 
       width: 100%;
       border-radius: 3px;
       height: auto; }

.hrline{ margin-top: -52px;
    background: #fff;
    width: fit-content;
    padding: 8px 0px 0px 0px; }


#single-container{ padding: 0px; }


#large-ads{max-width: 970px;
    height: 250px;
    margin-top: 32px;
        border: 1px solid #e9e9e9;
    background: #eeeeee6e;
    line-height: 250px;
    font-size: 20px;
    color: #a7a7a76e;
    text-align: center;
    margin-bottom: 30px;}


#category-bar{   
    background: #000;
    height: 44px; 
    margin-bottom: -34px; }

#category-bar p{ padding: 12px 15px;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 700;
    font-size: 1.3rem;
    color: #fff;
    float: left; }

#category-bar ul{ list-style: none; }

#category-bar img{ height: 14px;
    top: 15px;
    position: relative;
    float: left;
    padding: 0px 6px; }

#category-bar ul li a{ 
   text-decoration: none;
    padding: 12px 6px;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 700;
    font-size: 1.5rem;
    color: #fff;
    top: 10px;
    position: relative;
    right: 2px;

 }

#single-home{ text-decoration: none;
    color: #fff; }

#research{  margin-top: 20px; }

#research p{ font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-size: 1.8rem;
    margin-top: 22px;
    font-weight: 500; }

#top{
    bottom: 14px;
    display: block;
    right: 20px;
    position: fixed;
    width: 40px;
    height: 40px;
    
    border-radius: 0px;
    font-size: 1.3rem;
    padding: 0px;
    background: #000;
    color: #fff;
    border: 1px solid #fff;
    z-index: 2;  }

#top img{ height: 18px;
    padding: 0px; }

.search-mobile{ display: none; }

#container-noads{  
           margin-top: 30px; 
           padding: 0px; }

.bg-social{ background: #f5f5f5;
    padding: 1px 0px 14px 0px; }

.my-social{ 
    width: 100%;
    margin-top: 30px }

.my-social .btn{ 
    width: 100%;
    height: 55px;
    margin-bottom: 8px;
    color: #fff;
    border: none;
    border-radius: 0px;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 600; }

.my-social .btn:hover{ color: #fff; }


.my-social p{     margin-top: 10px;
    text-decoration: none;
    color: #fff;
    font-size: 18px; }

.my-social p i{ position: relative;
    top: 1px;
    font-size: 16px; }

#hr-viewers{margin-top: 12px;
    margin-bottom: 20px;
    border-top: 2px solid #000;}

#trg{ width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 6px solid #000;
    position: absolute;
    left: 12px;
    margin-top: -20px;
}

/* Quotes */

.merch{ margin: 32px 0px;
    padding: 0px !important; }
  
.merch #owl-products .item{ 

 }

.merch #owl-products .owl-item{ 
    width: 100%;
    padding: 5px;
    margin: 0px; }

.merch #owl-products .owl-item img{ width: 100%;
    height: 210px; }

.merch #owl-products .owl-item h3{     
        margin: 5px 0px;
        font-size: 1.5rem;
        -webkit-line-clamp: 1; }

.merch #owl-products .owl-item{ color: #000; }

.merch #owl-products .owl-item p {
    margin-top: -5px;
    font-size: 15px;
}

#font-generator input{ width: 100%;
    padding: 10px 5px;
    border: 2px solid #141414;
    border-radius: 0px; }

#font-generator input:focus{ 
    border-radius: 0px; }

#font-generator input:active{ 
    border-radius: 0px; }


.quotes{  background: #fbfbfb;
          border: 1px solid #f5f5f5;
          padding: 10px 20px 20px 20px;
          margin-top: 15px; }

.single-related-quotes{ margin-top: 60px; }

.related-quotes-list{ 
    list-style: none;
    padding: 0px; }

.related-quotes-list li h2{     
    font-size: 16px;
    margin-left: 0px; }

.related-quotes-list li h2 a{ text-decoration: none;
    color: #1a1a1a; }

.related-quotes-list li p{     font-size: 12px;
    margin-top: -5px; }

.related-quotes ul{ 
    padding: 10px 0px;
    margin-top: -15px;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    border: 1px solid #ffffff;
    border-bottom-color: #dfdfdf; }

.related-quotes ul li:first-child{ 
    width: 10%;
    display: flex; }

.related-quotes ul li img{ 
    height: 40px;
    width: 40px;
    border-radius: 50%;
    margin-top: 22px; }

.related-quotes ul li h2{ font-size: 16px;
    margin-left: -20px;}

.related-quotes ul li h2 a{ color: #000;text-decoration: none; }



.related-quotes ul li p{     margin-left: -20px;
    margin-top: -10px; }

.related-quotes ul li p span{ margin-left: 20px; }

#all-quotes-categories{ padding: 0px; }

#all-quotes-categories .col-lg-4{ padding: 0px; }

.section{     
    font-weight: 600;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    margin: 32px 0px 15px 0px; }

.show-more{     
    font-size: 16px;
    margin: 20px 0px; }


/*-- Page Checkout --*/

.merch-buttons a{ display: block;
    margin: 7px 0;
    padding: 12px 10px;
    color: #ffffff;
    text-decoration: none;
    border-radius: 2px;
    background: #020202;
    text-align: center;
    font-weight: 600;
    font-size: 14px;}

.merch-buttons a:hover{ color: #fff;
  text-decoration: none; }

.merch-buttons a:focus{ color: #fff;
  text-decoration: none; }

.merch-product-page{ margin-top: 50px; }

.merch-product-page h1{ margin-top: 0px;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 500; }

.from-quote{ 
    font-size: 18px;
    margin-top: -25px; }

.from-quote a{ color: #000;
  text-decoration: none; }

.from-quote a:hover{ color: #000;
  text-decoration: none; }

.from-quote a:focus{ color: #000;
  text-decoration: none; }

.in-stock{ border: 2px solid #000000;
    width: fit-content;
    padding: 4px 8px;  }

.related-merch .thumbnail{ padding: 0px;
    border: 1px solid #fff; }

.related-merch h3{ margin-top: 10px;
    font-size: 1.9rem; }

.related-merch-categories{ margin-top: -10px;
    color: #4e4e4e; }

.related-merch p{ margin-top: -6px; }

.related-merch .btn{ width: 100%;
    background: #ffd814;
    border: 2px solid #ffd814;
    color: #000; }

/*-- Page Checkout --*/


/*-- aff-books --*/

.aff-books{ padding: 0px;margin-bottom: 50px; }

.aff-books ul{ 
  list-style: none;
  padding: 0px;
  width: 100%;
  display: flex; }

.aff-books ul li:first-child{  width: 10%; }

.aff-books ul img{ width: 100%;
                   height: 85px; }

.aff-books ul li:nth-child(2){ 
    width: 75%;
    padding: 0px 10px; } 

.aff-books ul li:nth-child(2) h2{ margin-top: 2px;
    font-size: 1.8rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif); }

.aff-books ul li:nth-child(2) h2 a{ color: #1c1c1c;text-decoration: none; }

.aff-books ul li:nth-child(2) p{ 
    margin-top: -8px;
    font-size: 1.4rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 500; }

.aff-books ul li:nth-child(3){ width: 20%;padding: 0px; } 

.aff-books ul li:nth-child(3) .btn-primary{ right: 0px;
    position: absolute;
    margin-top: 15px;
    background: #409D69;
    border: 1px solid #409D69;
    border-radius: 0px;
    padding: 5px 20px; }

/*-- aff-books --*/




/* Share buttons */
 .share-buttons {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 20px;
    }
    
    .share-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 36px;
    color: #fff;
    border-radius: 0px;
    margin-right: 10px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-size: 1.4rem; }

#copyButton{     font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 500;
    font-size: 1.4rem;
    background-color: #14828a; }

.share-button a{ color: #fff;text-decoration: none; }
    
    .share-button:hover {
      background-color: #0056b3;
    }
    
    .share-button i {
      font-size: 1.4rem;
    }
    
    .share-button span {
       font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-size: 1.4rem;
    font-weight: 500;
      color: #fff;
    }

/* Contact Us */

.custom-form form{ /*direction: rtl;*/ }

.custom-form textarea{ height: 100px;margin-top: 6px; }

.custom-form input,textarea{ height: 46px;
    border: 2px solid #000;
    border-radius: 4px;width: 100%;position: absolute;margin-top: 6px;}

.custom-form p{margin-bottom: 52px;}

#msg textarea{     
    position: relative;
    display: block;
    width: 100%;
        border: 2px solid #ff4c72;
    box-shadow: none;
    font-size: 1.6rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 500;
    line-height: 3rem;
    max-width: 100%; }

#msg button{ margin-top: 10px;
    padding: 6px 32px;
    font-size: 1.6rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    color: #fff;
    background-color: #ff4c72;
    border-color: #ff4c72; }

#lbl{ font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-size: 1.8rem;
    font-weight: 500; }

#contact .thumbnail{ 
    border: 1px solid #e6e6e6;
    height: 147px;
    background: #ebebeb;
    border-radius: 4px;
    padding: 38px 0px 38px 0px;
    text-align: center; }

#contact .thumbnail p{ 
    font-size: 1.8rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 500; }

#contact .thumbnail email{    
    font-weight: 600;
    font-size: 1.6rem;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif); }

#contact .col{ padding: 0px; }



/* Subs */

#subs-footer{ margin-bottom: 22px; }

#subs-footer .btn{ 
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    border-radius: 0px;
    background: #000;
    color: #fff;
    font-weight: 600;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    border: none; }

#subs-footer .input-group-addon{ 
    background: #fff;
    border-radius: 2px;
    border: 1px solid #c5c5c5;
    border-right-color: #ffffff;
    height: 40px;
    right: 0px;
    position: relative;
     }

#subs-footer img{     height: 20px; }

#subs-footer input{ 
    height: 40px;
    border-radius: 0px 2px 2px 0px;
    box-shadow: none;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-size: 1.6rem;
    border-left-color: #ffffff; }

#subs-footer #email:active{ 
    box-shadow: none;
    border-color: red; }


#social-footer{ 
    display: -webkit-box;
    position: relative; }

#social-footer ul{     }

#social-footer li img{ height: 34px; }

#social-footer li{ padding: 0px 8px; }

/* Sitemaps */

.sitemaps h3{ font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: -0.1rem; }

.sitemaps ul{ list-style-type: disclosure-closed;
  padding: 5px 25px; }

.sitemaps li{ padding: 6px 0px; }

.sitemaps li a{ color: #000;
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
    font-weight: 600;
    font-size: 1.6rem; }

/* Large desktops and laptops */
@media (min-width: 1200px) {

     .navbar-brand:nth-child(2){ display: none; }


}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

    .navbar-brand:nth-child(2){ display: none; }
      
      #last-posts .thumbnail {
                  height: 270px; }

      #last-posts #smads{
                 width: 250px;
                 height: 250px; }

      #last-posts img{ height: 262px; }

      #last-bar img{ height: 16px; }

     #Subscribe-news{ margin-top: 46px; }

      #last-posts h2 {
        font-size: 1.8rem;
        font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
        margin-bottom: 0px;
        margin-top: -8px;  }


     .spacer {
       height: fit-content; }

     .last-all{ margin-bottom: 40px; }

     #subs-footer{ margin-top: 42px; }

     #clmns{ column-count: 3; }




}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

     .navbar-brand:nth-child(2){ display: none; }

     .intr{ padding: 10px;
        margin-bottom: 52px; }

      .last-all{ margin-bottom: 42px; }

      #last-posts #smads{
                 width: 250px;
                 height: 250px; }


      #last-posts .thumbnail {
        height: 220px; }

      #last-posts img{ height: 230px; }

      #last-bar img{ height: 16px; }

      #last-posts h2 {
        font-size: 1.8rem;
        font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
        margin-bottom: 0px;
        margin-top: -8px;  }

       #all-side { padding: 0px;}



       .spacer {
         height: fit-content;  }

        #Subscribe-news{ 
            padding: 54px 38px;
            height: 294px;
            margin-top: 42px; }

        #subs-footer{ margin-top: 42px; }

           #social-media{display: none;}


}



/* Inherit document direction; logical spacing also supports future RTL locales. */
body {
    font-family: var(--cb-font-body, Arial, Helvetica, sans-serif);
}

#searching {
    direction: inherit;
}

.related-cat-single {
    flex-wrap: wrap;
}

.related-cat-single ul {
    right: auto;
    inset-inline-start: 0;
    padding-inline-start: 0;
    flex-wrap: wrap;
}

.related-cat-single ul li a {
    padding: 0;
    padding-inline-start: 42px;
}

#single-bar {
    height: auto;
    min-height: 44px;
}

#single-bar div {
    flex-wrap: wrap;
}

#single-bar p {
    min-width: 0;
    max-width: 100%;
    height: auto;
    margin-bottom: 0;
    overflow-wrap: anywhere;
}

#single-bar ul {
    right: auto;
    padding-inline-start: 20px;
}

#category-bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
    min-height: 44px;
}

#category-bar p {
    float: none;
    margin-bottom: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

#category-bar span {
    color: #fff;
}

#category-bar ul {
    padding-inline-start: 0;
}

#category-bar ul li a {
    right: auto;
}

#single-bar .post-categories,
.writer .post-categories,
.single-cat ul {
    float: none;
}

.writer .post-categories {
    display: inline;
}

.writer .post-categories li {
    display: inline;
}

.writer img,
#author-img {
    margin-right: 0;
    margin-inline-end: 5px;
}

.writer li:nth-child(2),
.single-cat {
    margin-left: 0;
    margin-inline-start: 5px;
}

.writer li a {
    float: none;
    margin-right: 0;
    margin-inline-end: 2px;
}

.post_tags li {
    margin-inline-start: 0;
    margin-inline-end: 10px;
}

html[dir="rtl"] #single-bar span,
html[dir="rtl"] #category-bar span {
    direction: rtl;
}