:root {
  --logo-fontfamily: Abril Fatface, Regular;
  --content-fonts: 'Josefin Sans', sans-serif;
  --content-fonts-bold: 'Josefin Sans';
  --heading-fonts: 'Noto Serif', serif;
  --color: #0A0A0A;
  --search-icon-color: #1D1D1D;
  --element-bgcolor: #071333;
  --btn-bg-color: #FF1696;
  --category-small-font-size: 0.9375em;
  --small-font-color: #4B4B4B;
  --small-divider: 2px solid #4B4B4B;
  --search-bg: #E4E4E4;
  --blog-content-font-family: 'Roboto', sans-serif;

}


/* Style the tab */
.tab {
    overflow: hidden;
    /* border: 1px solid #ccc;
    background-color: #f1f1f1; */
  }

  /* Style the buttons inside the tab */
  .tab button {
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 22px;
    font-weight: 600;
}

  /* Change background color of buttons on hover */
  .tab button:hover {
    border-bottom: 2px solid black;
  }

  /* Create an active/current tablink class */
  .tab button.active {
    border-bottom: 2px solid black;
}

  /* Style the tab content */
  .tabcontent {
    display: none;
    padding: 6px 12px;
    /* border: 1px solid #ccc; */
    border-top: none;
  }

  /* pagination  */
.pagination {
    display: inline-block;
  }

  .pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
  }

  .pagination a.active {
    background-color: var(--element-bgcolor) ;
    color: #fff;
  }

  .pagination a:hover:not(.active) {background-color: #ddd;}
/* pagination  */

.bg_ad_col{
  /*background-image: url(../images/4180108.jpg);*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  left: 20%;
  /*height: 650px;*/
  width: 70%;
}

/*Responsive mobile */
@media only screen and (max-width: 767px){
  .tab button{
    font-size: 15px;
  }
  .pagination a{
    padding: 8px 10px;
  }
  .sidebar__advertisement{
    display: none;
  }
}