/** {*/
/*  font-family: "Plus Jakarta Sans", sans-serif;*/
/*}*/
#bread{
    background-color: #efefef;
}
#bread ol li a{
    font-weight: 600;
    text-decoration: none;
    color: var(--blue);
    transition: .3s ease-in-out;
}
#bread ol li a:hover{
    color: var(--blue2);
}
#blog .blog-bord{
    border-top: 1px solid #e1e1e8;
    padding-top: 40px;
    margin-top: 40px;
}
#blog .blog-bord:first-of-type{
   margin-top: 0;
   padding-top: 0;
   border: none;
}
#blog .blog-img{
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #d2d2d2;
}
#blog .blog-img img{
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: .4s ease-in-out;
}
#blog .blog-text p{
    color: var(--blue);
    font-weight: 600;
    font-size: 14px;
     transition: .4s ease-in-out;
}
#blog .blog-text p:hover{
    color: var(--blue);
}
#blog  a{
    text-decoration: none;
}
#blog  a:hover h2{
    color: var(--blue);
}
#blog  a:hover img{
    transform: scale(1.05);
}
#blog .blog-text h2{
    font-size: 25px;
    line-height: 1.3;
    margin-bottom: 13px;
    font-weight: 600;
    color: var(--black);
    transition: .4s ease-in-out;
}
#blog .blog-text h6{
    display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
    overflow: hidden;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: 400;
    /*padding-bottom: 18px;*/
    color: #4d4d4d;
}
#blog .blog-text i{
    font-size: 7px;
    color: var(--black);
    opacity: 0.2;
}
#blog .blog-text span{
    color: #585858;
    font-weight: 500;
    font-size: 14px;
}
#blog .blog-cat .blog-cat-item{
    color: var(--black);
    font-size: 12px;
    padding: 4px 10px;
    background-color: var(--white);
    border: 1px solid #c2c2c2;
    border-radius: 50px;
    transition: .4s ease-in-out;
}
#blog .blog-cat a:hover .blog-cat-item{
    color: var(--blue);
    border-color: var(--blue);
}
.side-bg{
    background-color: var(--white);
    box-shadow: 0px 5px 20px 0px rgba(114, 114, 255, 0.15);
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 35px;
}

.sidebar .side-bg h5 {
    color: #696981;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
.sidebar .about .a-img img {
    width: 47px;
    height: 47px;
    object-fit: cover;
    border-radius: 50%;
}
.sidebar .about h4 {
    font-size: 18px;
    font-weight: 700;
    color: #29294b;
}
.sidebar .about h6 {
    color: #696981;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    margin-bottom: 0;
}
.sidebar .about p {
    color: #696981;
    line-height: 28px;
}
.sidebar .a-social a{
    color: #29294b;
    font-size: 21px;
    display: inline-block;
    margin-right: 13px;
    transition: .3s ease-in-out;
}
.sidebar .a-social a:hover{
    color: var(--blue);
}
.sidebar .c-link h4{
    font-weight: 600;
    font-size: 16px;
    color: #29294b;
    margin-bottom: 6px;
    transition: .3s ease-in-out;
}
.sidebar .c-link h6{
    font-size: 14px;
    color: #63636f;
    margin-bottom: 0;
}
.sidebar .c-link{
    border-bottom: 1px solid #e1e1e8;
    padding: 10px 0;
    transition: .3s ease-in-out;
}
.cat .c-link-wrap:last-child .c-link {
    border-bottom: none;
}
.sidebar .c-link-wrap a:hover h4{
    color: var(--blue);
}
/*.sidebar .c-link-wrap a:hover .c-link{*/
/*    border-color: var(--blue);*/
/*}*/
.ready-img{
    width: 70px !important;
    height: 70px !important;
    border: 3px solid #69727d;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ready-img i{
    color: #69727d;
    font-size: 32px;
}
.ready-text h3{
    color: #22242f;
    font-size: 25px;
    font-weight: 700;
}
.ready-text h6{
    color: #585858;
    margin-bottom: 0;
}
.f-link a{
    padding: 10px 20px;
    border: 1px solid #22242f;
    color: #22242f;
    font-size: 15px;
    border-radius: 8px;
    transition: .3s ease-in-out;
}
.f-link a:hover{
    color: var(--white);
    background-color: var(--blue);
    border-color: var(--blue);
    font-size: 15px;
    border-radius: 8px;
    transition: .3s ease-in-out;
}
.fp-item-inner img{
    width: 100%;
    height: 150px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #d2d2d2;
    object-fit: cover;
}
.fp-item-inner span{
    font-size: 28px;
    color: var(--blue);
    font-weight: 700;
}
.fp-item-inner h4{
    font-size: 15px;
    color: var(--black);
    line-height: 1.4;
    font-weight: 600;
    transition: .3s ease-in-out;
}
.fp-item-inner:hover h4{
    color: var(--blue);
}
.fp-item-inner:hover img{
    transform: scale(1) !important;
}
.custom-buttons button {
  width: 35px;
  height: 35px;
  background: var(--blue);
  color: var(--white);
  border: none;
  margin-right: 5px;
  font-size: 18px;
  cursor: pointer;
  transition: .3s ease-in-out;
}
.custom-buttons button:hover {
  background: var(--black);
}
.slick-dots{
    bottom: -30px !important;
}
.slick-dots li{
    margin: 0;
}
.slick-dots li button:before{
    font-size: 8px;
}

.f-search{
    position: relative;
}
/*.search {*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  right: 0;*/
/*  -webkit-transform:translateY(-50%);*/
/*          transform:translateY(-50%);*/
/*}*/
.search * {
  outline: none;
  box-sizing: border-box;
}
.search__wrapper {
  position: relative;
}
.search__field {
  width: 40px;
  height: 40px;
  color: transparent;
  font-family: Lato, sans-serif;
  font-size: 1em;
  padding: 0.35em 50px 0.35em 0;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.search__field:focus {
  border-bottom-color: var(--blue);
  width: 50vw;
  color: #2b2b2b;
  cursor: default;
}
.search__field:focus ~ .search__icon {
  background-color: transparent;
  cursor: pointer;
  pointer-events: auto;
}
.search__icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  background-color: var(--white);
  width: 40px;
  height: 40px;
  font-size: 1.15em;
  text-align: center;
  border-color: transparent;
  border-radius: 50%;
  color: var(--blue);
  pointer-events: none;
  display: inline-block;
  transition: background-color 0.2s ease-in-out;
}
.search__field::-webkit-input-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field:-moz-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field::-moz-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field:-ms-input-placeholder {
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, color;
  transition-duration: .1s;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}
.search__field::-webkit-input-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field:-moz-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field::-moz-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.search__field:-ms-input-placeholder[style*=hidden] {
  color: #83b0c1;
  font-size: .65em;
  font-weight: normal;
  top: -20px;
  opacity: 1;
  visibility: visible !important;
}
.load-more__btn-wrap{
    margin-top: 60px;
    text-align: center;
}
.load-more__btn-wrap a{
    padding: 12px 40px;
    background-color: var(--blue);
    font-size: 14px;
    color: var(--white);
    border: 1px solid var(--blue);
    border-radius: 10px;
    transition: .3s ease-in-out;
}
.load-more__btn-wrap a:hover{
    background-color: var(--black);
    color: var(--white);
    border-color: var(--black);
}
.categories{
    position: sticky;
    top: 20px;
}
@media screen and (max-width: 991px) {
  .ready-img{
    display: none;
}
}
@media screen and (max-width: 576px) {
  #blog .blog-img{
      width: 100%;
    height: auto;
    }
    #blog .blog-img img{
      width: 100%;
    height: 100%;
    object-fit: cover;
    }
    #banner{
    padding: 20px;
    }
    #blog .blog-text h2{
        margin-top: 15px;
    }
    .container{
        width: 100%;
    }
}