/*------------------------- GENERAL -------------------------*/
body {
  background-color: #e5e7ed;
}
.base-color {
  color: #0bceaf;
}
.secondary-button {
  color: #0bceaf;
  border: 1px solid #0bceaf;
  background-color: transparent;
  position: relative;
  right: 83%;
}
.secondary-button:hover {
  color: #fff;
  background-color: #0bceaf;
}
.subtitle {
  color: #0bceaf;
}
.subtitle::before {
  background-color: #0bceaf;
}
.subtitle::after {
  background: linear-gradient(90deg, #0bceaf 40%, rgba(13, 202, 145, 0) 100%);
}
.heading-meta-container .description {
  color: #0bceaf;
}
.heading-meta-container .description::before {
  background-color: #0bceaf;
}
.heading-meta-container .description::after {
  background: linear-gradient(
    to right,
    rgba(185, 143, 95, 0.15),
    #0bceaf,
    rgba(185, 143, 95, 0.15)
  );
}
.vertical-line::after {
  background: linear-gradient(
    to top,
    rgba(185, 143, 95, 0.15),
    #0bceaf,
    rgba(185, 143, 95, 0.15)
  );
}
#main > section {
  background-color: #fff;
}
/*------------------------- Preloader -------------------------*/
#line-loader:before,
#line-loader:after {
  background-color: #e5e7ed;
}
.middle-line:before {
  background-color: #000;
}
.middle-line:after {
  background-color: #bbb;
}
/*------------------------- OVERLAY MENU -------------------------*/
a.menu-arrow {
  color: #0bceaf;
}
.menu li a {
  color: #0bceaf;
}
.menu li:nth-child(1) a {
  color: #028ac9;
}
.menu li:nth-child(2) a {
  color: #f13a3a;
}
.menu li:nth-child(3) a {
  color: #dba423;
}
.menu li:nth-child(4) a {
  color: #0cc0de;
}
.menu li:nth-child(5) a {
  color: #d78fd6;
}
.menu li:nth-child(6) a {
  color: #ff4274;
}
.dark-arshia .menu a.active span {
  color: inherit !important;
}
.menu .list-group-item {
  background-color: transparent;
}
header,
.right-side {
  background: #fff;
}
/*------------------------- RIGHT SIDE -------------------------*/
#date b {
  color: #0bceaf;
}
.follow-label {
  color: #595959;
}
.follow-label::before {
  background-color: #0bceaf;
}
.social a {
  color: #595959;
}
/*------------------------- LEFT SIDE -------------------------*/
.left-side {
  background-color: #fff;
}
.primary-button {
  color: #fff;
  background-color: #0bceaf;
  border: 1px solid #0bceaf;
}
.primary-button:hover {
  color: #fff;
}
/*------------------------- Next & Prev Page -------------------------*/
.next-prev-page button {
  background-color: transparent;
  border: 2px solid #0bceaf;
  color: #0bceaf;
}
/*------------------------- About -------------------------*/
.border-img {
  border: 1px solid #0bceaf;
}
.personal-info li small {
  color: #595959;
}
.count-up::before,
.count-up::after {
  background: linear-gradient(
    to right,
    rgba(185, 143, 95, 0.15),
    #0bceaf,
    rgba(185, 143, 95, 0.15)
  );
}
.count-icon {
  color: #0bceaf;
}
/*------------------------- Skills -------------------------*/
.skills .skill-box:nth-child(1) .skillbar {
  background-color: #fff;
  border: 1px solid #0bceaf;
}
.skills .skill-box:nth-child(1) .skillbar-bar {
  background-color: #0bceaf;
  border: 2px solid #fff;
}
.skills .skill-box:nth-child(2) .skillbar {
  background-color: #fff;
  border: 1px solid #fbdd62;
}
.skills .skill-box:nth-child(2) .skillbar-bar {
  background-color: #fbdd62;
  border: 2px solid #fff;
}
.skills .skill-box:nth-child(3) .skillbar {
  background-color: #fff;
  border: 1px solid #ff5380;
}
.skills .skill-box:nth-child(3) .skillbar-bar {
  background-color: #ff5380;
  border: 2px solid #fff;
}
.skills .skill-box:nth-child(4) .skillbar {
  background-color: #fff;
  border: 1px solid #d78fd6;
}
.skills .skill-box:nth-child(4) .skillbar-bar {
  background-color: #d78fd6;
  border: 2px solid #fff;
}
.skills .skill-box:nth-child(5) .skillbar {
  background-color: #fff;
  border: 1px solid #ff4274;
}
.skills .skill-box:nth-child(5) .skillbar-bar {
  background-color: #ff4274;
  border: 2px solid #fff;
}

.knowledge-item li:nth-child(1)::before {
  color: #0bceaf;
}
.knowledge-item li:nth-child(2)::before {
  color: #fbdd62;
}
.knowledge-item li:nth-child(3)::before {
  color: #ff5380;
}
.knowledge-item li:nth-child(4)::before {
  color: #0bceaf;
}
/*------------------------- Language Skill -------------------------*/
.language-skill h6 span {
  color: #5f5f5f;
}
.language-bar .language-skill:nth-child(1) ul li i {
  color: #ff5380;
}
.language-bar .language-skill:nth-child(2) ul li i {
  color: #0bceaf;
}
.language-bar .language-skill:nth-child(3) ul li i {
  color: #fbdd62;
}
/*------------------------- Services -------------------------*/
.boxes [class^="col-"]:nth-child(2n)::after {
  background: linear-gradient(to right, #0bceaf, rgba(185, 143, 95, 0.15));
}
.boxes [class^="col-"]:nth-child(2n + 1):after {
  background: linear-gradient(to right, rgba(185, 143, 95, 0.15), #0bceaf);
}
.services-description {
  color: #595959;
}
.services .services-icon {
  color: #0bceaf;
}
/*------------------------- RESUME -------------------------*/
.resume .timeline-year {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 6px;
}
.resume .vertical-line > div:nth-child(1) .timeline-year {
  color: #fff;
  background-color: #0bceaf;
}
.resume .vertical-line > div:nth-child(2) .timeline-year {
  color: #fff;
  background-color: #fbdd62;
}
.resume .vertical-line > div:nth-child(3) .timeline-year {
  color: #fff;
  background-color: #ff5380;
}
.resume .vertical-line > div:nth-child(4) .timeline-year {
  color: #fff;
  background-color: #0bceaf;
}
.timeline-content p {
  margin-right: 1rem;
  text-align: justify;
}
.services-description {
  text-align: justify;
  word-spacing: normal;
  letter-spacing: normal;
}
/*------------------------- Testimonial -------------------------*/
.testimonial .testimonial-jub {
  color: #595959;
}
.testimonial .owl-dot span {
  background-color: transparent;
  border: 1px solid #0bceaf;
}
.testimonial .owl-dot.active span {
  background-color: #0bceaf;
}
/*------------------------- PORTFOLIO -------------------------*/
.portfolio .portfolio-filter li a {
  padding: 2px 6px;
  border-radius: 4px;
  color: #000;
}
.portfolio .portfolio-filter li a.active,
.portfolio .portfolio-filter li a:hover {
  background-color: #0bceaf;
  color: #fff;
}
.portfolio .portfolio-icon {
  color: #fff;
}
.portfolio .portfolio-icon i {
  color: #fff;
}
.portfolio .portfolio-image::before {
  background-color: rgba(0, 0, 0, 0.4);
}
.portfolio .portfolio-content p {
  color: #0bceaf;
}
.portfolio-image {
  border: 0.5px solid #000;
}
.upsell {
  height: 22rem;
  display: flex;
  align-items: center;
}
.thai {
  height: 11.25rem;
  display: flex;
  align-items: center;
}
.meirim {
  height: 37.5rem;
  display: flex;
  align-items: center;
}
.filtered {
  height: 17rem;
  display: flex;
  align-items: center;
}
.last {
  top: 340px !important;
  /* right: 0 !important; */
}
/*------------------------- BLOG -------------------------*/
.blog-icon {
  background-color: rgba(0, 0, 0, 0.4);
}
.blog-header {
  text-align: center;
}
.blog-header,
.blog-header ~ p {
  color: var(--bs-body-color);
}
.blog-icon i {
  color: #fff;
}
.blog-dates span {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 6px;
}
.boxes .vertical-line > div:nth-child(1) .blog-dates span {
  color: #fff;
  background-color: #0bceaf;
}
.boxes .vertical-line > div:nth-child(2) .blog-dates span {
  color: #fff;
  background-color: #ff5380;
}
.boxes .vertical-line > div:nth-child(3) .blog-dates span {
  color: #fff;
  background-color: #fbdd62;
}
.boxes .vertical-line > div:nth-child(4) .blog-dates span {
  color: #fff;
  background-color: #0bceaf;
}
.blog-single-page .right-side .blog-next-prev-page a {
  background-color: transparent;
  border: 2px solid #0bceaf !important;
  color: #0bceaf;
}
.blog-text-trail {
  color: #0bceaf !important;
}
.header-title-1 {
  margin-bottom: 0;
  margin-top: 1rem;
}
/*--------------------------- Contact ---------------------------*/
.form-control {
  border-bottom: 1px solid #595959;
}
.form-control:focus {
  color: #0bceaf;
  background-color: transparent;
  border-bottom: 1px solid #0bceaf;
}
.item-icon {
  color: #0bceaf;
}
/*--------------------------- Page Load Inner ---------------------------*/
.page-ajax-loaded {
  background-color: #fff;
}
.ajax-page-content {
  background-color: #fff;
}
.ajax-page-nav div.nav-item a {
  color: #595959;
  background-color: #ccc;
}
.ajax-page-nav div.nav-item a:hover {
  background-color: #0bceaf;
  color: #fff;
}
/*------------------------- Portfolio pages -------------------------*/
.portfolio-page-carousel .owl-nav [class*="owl-"] {
  background-color: #0bceaf !important;
}
.portfolio-page-carousel .owl-nav [class*="owl-"] span {
  color: #fff;
}
.portfolio-page-carousel .owl-dot span {
  background-color: #fff;
  border: 0.25px solid #1ab394;
}
.portfolio-page-carousel .owl-dot.active span {
  background-color: #0bceaf;
}
.aside-item-portfolio ul li:not(:last-child) {
  border-bottom: 1px solid #e3e5d2;
}
.aside-item-portfolio ul li a {
  color: #0bceaf;
  margin-right: 4px;
}
.aside-title h6 {
  color: #0bceaf;
}
.aside-title h6::after {
  background: linear-gradient(90deg, #0bceaf 40%, rgba(13, 202, 145, 0) 100%);
}
/*------------------------- Blog Single -------------------------*/
.blog-page-header {
  box-shadow: inset 0 0 0 2000px rgba(255, 255, 255, 0.7);
  color: #010101;
}
.blog-single .entry-meta ul li a {
  color: #010101;
}
.blog-single .entry-meta ul li:nth-child(1) i {
  margin-right: 6px;
  color: #0bceaf;
}
.blog-single .entry-meta ul li:nth-child(2) i {
  margin-right: 6px;
  color: #ff5380;
}
.blog-single .entry-meta ul li:nth-child(3) i {
  margin-right: 6px;
  color: #fbdd62;
}
.blog-single {
  background-color: #fff;
}
.blog-single .quotation {
  border-left: 3px solid #353535;
}
.blog-single .comments-list li:nth-child(1) .image-comment {
  border: 1px solid #0bceaf;
}
.blog-single .comments-list li:nth-child(1) .children .image-comment {
  border: 1px solid #ff5380;
}
.blog-single .comments-list li:nth-child(2) .image-comment {
  border: 1px solid #fbdd62;
}
.blog-single .comment-reply-link {
  color: #010101;
}
.blog-single .search-boxes .form-group {
  background-color: #f8f8f8;
}
.blog-single .search-boxes input {
  background-color: transparent;
}
.blog-single .search-boxes button.btn {
  color: #010101;
}
.blog-single .aside-box {
  background-color: #f8f8f8;
}
.blog-single .aside-item ul li:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}
.blog-single .aside-item ul li span {
  color: #fff;
}
.blog-single .aside-item ul li a {
  color: #010101;
}
.blog-single .post-list:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}
.blog-single .post-title a {
  color: #010101;
}
.blog-single .blog-date {
  color: #010101;
}
.blog-single .tagcloud a {
  color: #010101;
  border: 1px solid #ebebeb;
}
.contact-01 .form-control {
  border-color: transparent;
  background-color: #f8f8f8;
}
.blog-single .about-description-box p::before {
  color: #fff;
}
.blog-single .about-description-box li:nth-child(1) p::before {
  background-color: #0bceaf;
}
.blog-single .about-description-box li:nth-child(2) p::before {
  background-color: #ff5380;
}
.blog-single .about-description-box li:nth-child(3) p::before {
  background-color: #fbdd62;
}
.blog-single .about-description-box li:nth-child(4) p::before {
  background-color: #f13a3a;
}
.blog-single .about-description-box li:nth-child(5) p::before {
  background-color: #ff645e;
}
.blog-single .about-description-box li:nth-child(6) p::before {
  background-color: #d78fd6;
}
.blog-single .comments h3::after,
.blog-single .contact-form h3::after {
  background: linear-gradient(90deg, #0bceaf 40%, rgba(13, 202, 145, 0) 100%);
}
.primary-button {
  color: #fff;
  background-color: #0bceaf;
}
.color-scheme {
  border-radius: 0 0 0.75rem 0.75rem;
}
/*------------------------- Custom Scrollbar -------------------------*/
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: #0bceaf;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #0bceaf;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: #0bceaf;
}
.slider-thumb::before {
  background: #c49f69;
  background: #c29a60;
}
/*------------------------- Background Animation -------------------------*/
.circles li {
  /* background: rgba(0, 0, 0, 0.08); */
  background: rgba(255, 255, 255, 0.4);
}

/*------------------------- Mouse Magic Cursor -------------------------*/
.mmc-inner,
.mmc-inner.mmc-hover {
  background-color: #0bceaf;
}
.mmc-outer {
  border: 2px solid #0bceaf;
}

/*------------------------- Media -------------------------*/
@media (max-width: 991px) {
  .services-boxes .row [class^="col-"]::before {
    background: linear-gradient(
      to right,
      rgba(185, 143, 95, 0.15),
      #0bceaf,
      rgba(185, 143, 95, 0.15)
    ) !important;
  }
  .left-side a.download-cv {
    background-color: #0bceaf !important;
    color: #fff;
  }
  .next-prev-page button {
    background-color: #e5e7ed !important;
  }
  .nav-btn {
    background-color: transparent;
  }
  .nav-btn i {
    color: #fff;
  }
  .menu-toggle {
    background-color: #e5e7ed !important;
  }
  .menu-toggle span {
    background: #0bceaf;
  }
  .menu-overlay {
    background-color: rgba(0, 0, 0, 0.25);
  }
  .mobile-menu .list-group-item a {
    color: #000;
  }
  .mobile-menu .list-group-item a.active {
    color: #0bceaf;
  }
  .mobile-blog-nav.blog-next-prev-page a i {
    color: #0bceaf;
  }
  .secondary-button {
    position: relative;
    right: 75%;
  }
  .menu-hide {
    display: none !important;
  }
}