/*------------------------- GENERAL -------------------------*/
body {
  background-color: #d4e5f9;
}
.base-color {
  color: #1abad1;
}
.secondary-button{
  color: #1abad1;
  border: 1px solid #1abad1;
  background-color: transparent;
}
.secondary-button:hover{
  color: #fff;
  background-color: #1abad1;
}
.subtitle {
  color: #1abad1;
}
.subtitle::before{
  background-color: #1abad1;
}
.subtitle::after{
  background: linear-gradient(90deg, #1abad1 40%, rgba(13, 202, 145, 0) 100%);
}
.heading-meta-container .description{
  color: #1abad1;
}
.heading-meta-container .description::before {
  background-color: #1abad1;
}
.heading-meta-container .description::after {
  background: linear-gradient(to right, rgba(185, 143, 95, 0.15), #1abad1, rgba(185, 143, 95, 0.15));
}
.vertical-line::after{
  background: linear-gradient(to top, rgba(185, 143, 95, 0.15), #1abad1, rgba(185, 143, 95, 0.15));
}
#main>section {
  background-color: #fff;
}
/*------------------------- Preloader -------------------------*/
#line-loader:before, #line-loader:after{
  background-color: #d4e5f9;
}
.middle-line:before{
  background-color: #000;
}
.middle-line:after{
  background-color: #d4e5f9;
}
/*------------------------- OVERLAY MENU -------------------------*/
a.menu-arrow {
  color: #1abad1;
}
.menu li a {
  color: #1abad1;
}
.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: #1abad1;
}
.follow-label {
  color: #595959;
}
.follow-label::before {
  background-color: #1abad1;
}
.social a {
  color: #595959;
}
/*------------------------- LEFT SIDE -------------------------*/
.left-side {
  background-color: #fff;
}
.primary-button {
  color: #fff;
  background-color: #1abad1;
  border: 1px solid #1abad1;
}
.primary-button:hover {
  color: #1abad1;
  background: #fff;
  border: 1px solid #1abad1 !important;
  transition: ease-in 0.5s;
}
/*------------------------- Next & Prev Page -------------------------*/
.next-prev-page button {
  background-color: transparent;
  border: 2px solid #1abad1;
  color: #1abad1;
}
/*------------------------- About -------------------------*/
.border-img{
  border: 1px solid #1abad1;
}
.personal-info li small{
  color: #595959;
}
.count-up::before, .count-up::after{
  background: linear-gradient(to right, rgba(185, 143, 95, 0.15), #1abad1, rgba(185, 143, 95, 0.15));
}
.count-icon {
  color: #1abad1;
}
/*------------------------- Skills -------------------------*/
.skills .skill-box:nth-child(1) .skillbar {
  background-color: #fff;
  border: 1px solid #1abad1;
}
.skills .skill-box:nth-child(1) .skillbar-bar  {
  background-color: #1abad1;
  border: 2px solid #fff;
}
.skills .skill-box:nth-child(2) .skillbar {
  background-color: #fff;
  border: 1px solid #09cd79;
}
.skills .skill-box:nth-child(2) .skillbar-bar  {
  background-color: #09cd79;
  border: 2px solid #fff;
}
.skills .skill-box:nth-child(3) .skillbar {
  background-color: #fff;
  border: 1px solid #fd10a1;
}
.skills .skill-box:nth-child(3) .skillbar-bar  {
  background-color: #fd10a1;
  border: 2px solid #fff;
}
.skills .skill-box:nth-child(4) .skillbar {
  background-color: #fff;
  border: 1px solid #f36200;
}
.skills .skill-box:nth-child(4) .skillbar-bar  {
  background-color: #f36200;
  border: 2px solid #fff;
}
.skills .skill-box:nth-child(5) .skillbar {
  background-color: #fff;
  border: 1px solid #6c757d;
}
.skills .skill-box:nth-child(5) .skillbar-bar  {
  background-color: #6c757d;
  border: 2px solid #fff;
}
.knowledge-item li:nth-child(1)::before {
  color: #1abad1;
}
.knowledge-item li:nth-child(2)::before {
  color: #09cd79;
}
.knowledge-item li:nth-child(3)::before {
  color: #ff5380;
}
.knowledge-item li:nth-child(4)::before {
  color: #f36200;
}
.knowledge-item li:nth-child(4)::before {
  color: #6c757d;
}
.knowledge-item li:nth-child(5)::before {
  color: #a323f7;
}
/*------------------------- 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: #1abad1;
}
.language-bar .language-skill:nth-child(3) ul li i{
  color: #20bd47;
}
/*------------------------- Services -------------------------*/
.boxes [class^="col-"]:nth-child(2n)::after{
  background: linear-gradient(to right, #1abad1, 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), #1abad1);
}
.services-description {
  color: #595959;
}
.services .services-icon {
  color: #1abad1;
}
/*------------------------- 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: #1abad1;
}
.resume .vertical-line > div:nth-child(2) .timeline-year {
  color: #fff;
  background-color: #20bd47;
}
.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: #1abad1;
}

.resume .vertical-line > div:nth-child(5) .timeline-year {
  color: #fff;
  background-color: #a323f7;
}
/*------------------------- Testimonial -------------------------*/
.testimonial .testimonial-jub{
  color: #595959;
}
.testimonial .owl-dot span {
  background-color: transparent;
  border: 1px solid #1abad1;
}
.testimonial .owl-dot.active span {
  background-color: #1abad1;
}
/*------------------------- 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: #1abad1;
  color: #fff;
}
.portfolio .portfolio-icon {
  color: #fff;
}
.portfolio .portfolio-icon i{
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  padding: 0px 6px;
  background: #00000075;
  line-height: 2;
}.portfolio .portfolio-image{
  
  transition: ease out 0.6s;
}
.portfolio .portfolio-image::before {
  background-color: rgba(0, 0, 0, 0.4);
  border: 4px solid #2aa190;
  transition: ease out 0.6s;
}
.portfolio .portfolio-content p{
  color: #1abad1;
}
/*------------------------- BLOG -------------------------*/
.blog-icon{
  background-color: rgba(0, 0, 0, 0.4);
} 
.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: #1abad1;
}
.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: #20bd47;
}
.boxes .vertical-line > div:nth-child(4) .blog-dates span {
  color: #fff;
  background-color: #1abad1;
}
.blog-single-page .right-side .blog-next-prev-page a{
  background-color: transparent;
  border: 2px solid #1abad1 !important;
  color: #1abad1;
}
/*--------------------------- Contact ---------------------------*/
.form-control {
  border-bottom: 1px solid #595959;
}
.form-control:focus {
  color: #1abad1;
  background-color: transparent;
  border-bottom: 1px solid #1abad1;
}
.item-icon {
  color: #1abad1;
}
/*--------------------------- 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: #1abad1;
  color: #fff;
}
/*------------------------- Portfolio pages -------------------------*/
.portfolio-page-carousel .owl-nav [class*="owl-"] {
  background-color: #1abad1 !important;
}
.portfolio-page-carousel .owl-nav [class*="owl-"] span{
  color: #fff;
}
.portfolio-page-carousel .owl-dot span {
  background-color: #fff;
}
.portfolio-page-carousel .owl-dot.active span {
  background-color: #1abad1;
}
.aside-item-portfolio ul li:not(:last-child) {
  border-bottom: 1px solid #e3e5d2;
}
.aside-item-portfolio ul li a{
  color: #1abad1;
  margin-right: 4px;
}
.aside-title h6 {
  color: #1abad1;
}
.aside-title h6::after{
  background: linear-gradient(90deg, #1abad1 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: #1abad1;
}
.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: #20bd47;
}
.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 #1abad1;
}
.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 #20bd47;
}
.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: #1abad1;
}
.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: #20bd47;
}
.blog-single .about-description-box li:nth-child(4) p::before {
  background-color: #1abad1;
}
.blog-single .comments h3::after,.blog-single .contact-form h3::after{
  background: linear-gradient( 90deg, #1abad1 40%, rgba(13, 202, 145, 0) 100%);
}
.primary-button {
  color: #fff;
  background-color: #1abad1;
  transition: ease 0.9s;
}
.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: #1abad1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #1abad1;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: #1abad1;
}
.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 -------------------------*/
.ucl-inner, .ucl-inner.ucl-hover{
  background-color: #1abad1;
}
.ucl-outer {
  border: 2px solid #1abad1;
}

/*------------------------- Media -------------------------*/
@media (max-width: 991px) {
  .services-boxes .row [class^="col-"]::before{
      background: linear-gradient(to right, rgba(185, 143, 95, 0.15), #1abad1, rgba(185, 143, 95, 0.15)) !important;
 }
  .left-side a.download-cv{
      background-color: #1abad1 !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: #1abad1;
 }
  .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: #1abad1;
 }
 .mobile-blog-nav.blog-next-prev-page a i {
    color: #1abad1;
 }
}