:root {
  --primary: #fe8400;
  --secondary: #876585;
  --tertiary: #fdeaf3;
  --pista:#cdd6c3;
  --pista2:#a5c284;
}

@media screen and (min-width: 1100px) {
  .bg-white-ct { 
    padding: 20px;
  }
}

::selection,
.divider-traingle:before,
.divider-traingle:after,
.menu > .nav-item a::after,
.button,
.button__primary::before,
.btn__secondary:hover,
.social-icon li a,
.achieve__icon,
.achieve__content__item:hover,
.achieve3__item::before,
.author__image:after,
.authorv2__image,
.booksv1__item--icon,
.faqs-accordion
  .accordion-item
  .accordion-header
  .accordion-button:not(.collapsed),
.hero__images--badge,
.hero__author--inner3:before,
.testi-row .swiper-pagination-bullet,
.contactv4__content li i,
.chapter-preview .swiper-button-next::after,
.chapter-preview .swiper-button-prev::after,
.blog__pagination .page-link:focus,
.all-blog2__sidebar form i, 
.gallery__menu ul .active {
  background-color: var(--primary);
}
@media screen and (max-width: 330px) {
  .hero .btn__secondary {
    background-color: var(--primary);
  }
}

.bg-secondary,
.button__primary,
.social-icon li a:hover,
.achieve__content__item:hover .achieve__icon,
.achieve__image:after,
.achieve3__item::after,
.hero__author--inner3:after,
.contactv4__content li i:hover,
.blog__pagination .page-link:hover,
.gallery__menu ul li:hover,
.gallery__btn:hover,
.gallery .modal .close-btn:hover {
  background: var(--secondary);
}

.button__pista {
  background: var(--pista2);
}

.button__pista::before{
  background: var(--pista);
  color: var(--pista2);
}


.bg-tertiary,
.hero__images4:after,
.hero__author--inner2--pic::before,
.hero__book--wrapper::before {
  background: var(--tertiary);
}

/* color primary */
.color-primary,
[class*="section-title-"] span,
.hero__content--badge,
.header .navbar .nav-item.current-menu-item .nav-link, .header .navbar .nav-item.current-menu-item i, .header .navbar .nav-item.active .nav-link, .header .navbar .nav-item.active i, .header .navbar .nav-item:hover .nav-link, .header .navbar .nav-item:hover i, .header .navbar .nav-item:hover .dropdown-menu .nav-item:hover .nav-link, .header .navbar .nav-item:hover .dropdown-menu .nav-item:hover i,
.btn__secondary,
.link,
.author__content__desc li i,
.authorv3__content--badge,
.books__book__title,
.booksv1__contnet--badge,
.booksv1__item:hover .booksv1__item--text h3,
.contact__address__content li a:hover,
.testimonialv2__card-subtitle,
.testi-row .testi-card__quotation i,
.menu > .nav-item.submenu .dropdown-menu .nav-item:hover > .nav-link,
.menu > .nav-item.submenu .dropdown-menu .nav-item:focus > .nav-link,
.blog__single-post__content h2 a,
.blog__single-post__meta i,
.events__single-event__content h2 a,
.events__single-event__meta i,
.blog-title ul li a,
.ctav3__content h2 a,
.ctav3__content__icon i,
.dropdown-toggle.active.show span,
.menu > .nav-item:hover .nav-link,
.counters__stats-box h3,
.blog__pagination .page-link,
.single-blog__metainfo li i,
.single-blog__para__quote__icon i,
.single-blog__para .content-feature-list li i,
.single-event__sidebar__details ul li i,
.footer__topv2 .title,
.not-found h1,
.footer__topv2 .title,
.video-btn,
.badge-text, .all-blog2__area__menu h2 a:hover, .blog__single-post__content .blog-metainfo li i, .blog__single-post__meta i, .blog__single-post__content .blog-metainfo li a:hover, .blog__single-post .blog-metainfo li a:hover, .blog__single-post .blog-metainfo li i, .header .navbar .navbar-nav li a:hover, .header .navbar .navbar-nav li.active a, .counters__stats-icon i, .video-btn:hover, a:hover, .footer__menu li a:hover {
  color: var(--primary);
}
.color-secondary,
.link:hover,
.contact__address__content li a,
.blog__single-post__content h2 a:hover,
.events__single-event__content h2 a:hover,
.blog-title ul li a:hover,
.ctav3__content h2 a:hover, .counters__stats-box__number {
  color: var(--secondary);
}

.color-tertiary,
.circle {
  color: var(--tertiary);
}

/* border primary */
.border-primary,
.divider-traingle,
.btn__secondary::before,
.btn__secondary::after,
.hero__author--inner3--wrapper::before,
blockquote,
.testi-row .testi-card__user-info, .hero__images3::after, .circle, .gallery__btn {
  border-color: var(--primary);
}

.contact-form-box input:focus,
.contact-form-box textarea:focus,
.cta-form-box input:focus {
  border-bottom: 2px solid var(--primary);
}

.border-secondary, .gallery__menu ul li {
  border-color: var(--secondary);
}

.shadow-style-01,
.social-icon li a,
.achieve__icon,
.booksv1__item--icon,
.contactv4__content li i,
.chapter-preview .swiper-button-next::after,
.chapter-preview .swiper-button-prev::after,
.chapter__preview2 .panel {
  box-shadow: 3px 3px var(--secondary);
}
.counters__stats-box,
.achievement__item {
  box-shadow: 5px 5px var(--secondary);
}

.achieve__content__item:hover .achieve__icon {
  box-shadow: 3px 3px var(--tertiary);
}

.pricing__item:hover,
.pricing__item.active {
  box-shadow: 5px 5px var(--secondary);
}
@media screen and (max-width: 990px) {
  .social-header {
    top: 400px;
  }
  .social-top-icon {
    gap: 30px;
  }
  .social-top-icon li a {
    width: 120px;
  }
}
@media screen and (max-width: 800px) {
  .social-header {
    top: 420px;
  }
  .social-top-icon {
    gap: 10px;
  }
  .social-top-icon li a {
    width: 100%;
  }
  .social-header {
    left: 30px;
  }
  .social-top-icon li {
    flex: 1 1 calc(16.66% - 10px);
    max-width: calc(16.66% - 10px);
  }
}
@media screen and (max-width: 580px) {
  .social-header {
    top: 430px;
    height: 25px;
  }
  .social-top-icon {
    justify-content: space-around;
    gap: 10px;
  }
  .social-top-icon li {
    flex: 1 1 calc(16.66% - 10px); 
    max-width: calc(16.66% - 10px);
  }
  .social-top-icon li a {
    width: 100%;
  }

  .social-top-icon li a i {
    font-size: 24px;
  }
  .icofont-linkedin {
    font-size: 22px !important;
  }
  .content-achievements {
    width: 120px;
    height: 120px;
  }
  .icofont-instagram {
    font-size: 19px !important;
  }
  .icofont-youtube-play {
    font-size: 26px !important;
  }
  .social-header {
    left: 0;
  }
  .content-achievements h2 {
    font-size: 12px;
  }
  .subject-card h2 {
    font-size: 12px;
  }
  .subject-card p {
    font-size: 10px;
  }
  .subject-card i {
    color: #fe8400;
  }
  .subject-card {
    height: 120px;
  }
  .content-wrapper {
    left: 40px;
  }
  .subject-btn {
    width: 80%;
    }
    .subject-btn.orange i {
      font-size: 14px;
      margin-right: 3px;
    }
    .all-subjects {
      padding: 20px 0;
    }
}


@media screen and (max-width: 380px) {
.header .navbar img {
  max-width: 220px;
  padding: 10px 0;
}
.navbar-brand-sub {
  position: absolute;
  left: 40px;
  top: 57px;
}
.header .navbar img.navbar-brand-sub {
  max-width: 200px;
}
.header .navbar .navbar-brand {
  padding: 0px;
}
.social-top-icon li a {
  height: 25px;
  border-radius: 30px;
}
.counters__stats-box {
  padding: 10px 20px;
}
.counters__stats-box__number {
  font-size: 12px;
}
.counters__stats li {
  margin-bottom: 20px;
}
.content-wrapper {
  left: 20px;
}
.video-banner-section {
  padding-top: 140px;
}
.content h2 {
  font-size: 18px;
}
.content p {
  font-size: 12px;
}
.content-achievements {
  width: 120px;
  height: 120px;
  display: grid;
  justify-content: center;
  align-items: center;
}
.navbar-brand-sub {
  font-size: 10px;
}
.navbar-brand-sub {
  width: 170px;
}
.divider-traingle {
  width: 200px;
}
.py-5 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}
}