@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* browser prefix adding  */
.books__inner .text span, .award__section p, .bio__bottom .text p, .bio__bottom .text h5, .bio__topcontent p, .bio__topcontent h2, .client__section p, .client__item .content > p, .client__item .thumb .name > p, .client__item .thumb .name h6, .mediasingle__author .author-content .text ul li a, .mediasingle__content .tagbutton-icon .tagicon ul li:first-child, .mediasingle__content .tagbutton-icon .tagbutton ul li:first-child, .mediasingle__content .tagbutton-icon .tagbutton ul li a:hover, .mediasingle__content .heading ul li i, .mediasingle__content .heading ul li, .media__content span, .media__right .item p, .media__left p, body.dark-mode .shopdetails__content .countadd .cart-plus-minus .qtybutton:hover, .cartdesk__content ul li i, .cartdesk__header nav .nav .nav-link, .cartdesk__text .nametext .allstar .star i, .shopdetails__content ul li i, .shopdetails__content .rating a, .shopdetails__content .rating span i, .shopdetails__content h6 span, .shopdetails__content h5, .shop__bookinfo p, .shop__bookinfo h5, .shop__leftimg .card .details p, .shop__content .allformat .item p, .shop__content p, .shop__content .rating a, .about__content p, .bradcamp__text p, .footer__content p, body.dark-mode .header__menu nav > ul > li > a, .offcanvas__social ul li a i, .offcanvas__close-btn button i, .header__mobilebar .kimmel-menu-bar i, #toggleButton2 span.light i, #toggleButton span.light i, .pagi ul li a, h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
  color: #1A498A;
}

.callus__btn a:hover {
  color: #F5EEE1;
}

.books__inner:hover .text span, .books__inner:hover .text h6 a, .banner__text h2, .header__contact a {
  color: #323232;
}

.contact__right form button, .client .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .mediasingle__leavecoments .formarea form button, .mediasingle__comments .content ul li .commentsarea .name-replaybtn .replaybtn a:hover, body.dark-mode .shopdetails__content .countadd .cart-plus-minus .qtybutton, .cartdesk__header nav .nav .nav-link.active, .shopdetails__content .countadd a, .shopdetails__content .countadd .cart-plus-minus .qtybutton:hover, .footer__content form button, .banner__btn a, body.dark-mode .menu-item-has-children.open > a::after, body.dark-mode .menu-item-has-children.open > a::before, body.dark-mode .header__mobile, .menu-item-has-children.open > a::after, .menu-item-has-children.open > a::before, .menu-item-has-children > a::before, .menu-item-has-children > a::after, .header__menu nav > ul li ul li.menu-item-has-children > a::before, .header__menu nav > ul li ul li.menu-item-has-children > a::after, .header__menu nav > ul li ul li.active, .custom__btn, .accordion-item .accordion-button {
  background: #1A498A;
}

.books__inner .thumb, .cartdesk__header nav .nav .nav-link, .header__menu nav > ul li ul li ul li.active, .header__menu nav > ul li.active, .pagi ul li a:hover, .pagi ul li a.active, .tooltip::before, .tooltip, .callus__btn a, .accordion-item .accordion-button:not(.collapsed) .plus-icon:after, .accordion-item .accordion-button:not(.collapsed), .accordion-item .accordion-button .plus-icon {
  background: #F5EEE1;
}

.contact__right form textarea, .contact__right form input, .client__item {
  background: #F7F6F0;
}

body.dark-mode .books, body.dark-mode .header__top {
  background: #0A1A36;
}

body.dark-mode .books__inner .text span, body.dark-mode .books__inner .text h6 a, body.dark-mode .books__section h2, body.dark-mode .contact__right form textarea, body.dark-mode .contact__right form input, body.dark-mode .contact__right h4, body.dark-mode .contact__left .item .text h5, .contact__right form button, body.dark-mode .award__inner p, body.dark-mode .award__inner h6, body.dark-mode .award__section p, body.dark-mode .award__section h2, body.dark-mode .bio__bottom .text p, body.dark-mode .bio__bottom .text h5, body.dark-mode .bio__topcontent p, body.dark-mode .bio__topcontent h2, body.dark-mode .client__item .content ul, body.dark-mode .client__item .content > p, body.dark-mode .client__item .thumb .name > p, body.dark-mode .client__item .thumb .name h6, body.dark-mode .client__section p, body.dark-mode .client__section h2, body.dark-mode .mediasingle__leavecoments h6, body.dark-mode .mediasingle__comments .content ul li .commentsarea p, body.dark-mode .mediasingle__comments .content ul li .commentsarea .name-replaybtn .name span, body.dark-mode .mediasingle__comments .content ul li .commentsarea .name-replaybtn .name h6, body.dark-mode .mediasingle__comments > h6, body.dark-mode .mediasingle__author .author-content .text ul li a i, body.dark-mode .mediasingle__author .author-content .text p, body.dark-mode .mediasingle__author .author-content .text span, body.dark-mode .mediasingle__author .author-content .text h6, body.dark-mode .mediasingle__author > h6, body.dark-mode .mediasingle__content .tagbutton-icon .tagicon ul li, body.dark-mode .mediasingle__content .tagbutton-icon .tagbutton ul li a, body.dark-mode .mediasingle__content .tagbutton-icon .tagbutton ul li, body.dark-mode .mediasingle__content p, body.dark-mode .mediasingle__content .heading ul li i, body.dark-mode .mediasingle__content .heading ul li, body.dark-mode .mediasingle__content .heading h3, body.dark-mode .media__content p, body.dark-mode .media__content h2 > a, body.dark-mode .media__content h2, body.dark-mode .media__content span, body.dark-mode .media__right .item h5 a, body.dark-mode .media__right .item p, body.dark-mode .media__left p, body.dark-mode .media__left h2, .mediasingle__leavecoments .formarea form button, .mediasingle__comments .content ul li .commentsarea .name-replaybtn .replaybtn a:hover, .mediasingle__comments .content ul li .commentsarea .name-replaybtn .replaybtn a, .mediasingle__content .tagbutton-icon .tagicon ul li a i, body.dark-mode .cartdesk__content ul li i, body.dark-mode .cartdesk__content ul li, body.dark-mode .cartdesk__item .description p, body.dark-mode .cartdesk__text .destext p, body.dark-mode .cartdesk__text .nametext .profile span, body.dark-mode .cartdesk__text .nametext .profile h6, body.dark-mode .shopdetails__content ul li i, body.dark-mode .shopdetails__content ul li, body.dark-mode .shopdetails__content p, body.dark-mode .shopdetails__content .rating a, body.dark-mode .shopdetails__content .rating span i, body.dark-mode .shopdetails__content .rating p, body.dark-mode .shopdetails__content h6 span, body.dark-mode .shopdetails__content h6, body.dark-mode .shopdetails__content h5, body.dark-mode .shop__publisher .item h6, body.dark-mode .shop__publisher .item p, body.dark-mode .shop__bookinfo p, body.dark-mode .shop__bookinfo h5, body.dark-mode .shop__content .allformat .item p, body.dark-mode .shop__content .allformat .item h5, body.dark-mode .shop__content p, body.dark-mode .shop__content h2, body.dark-mode .shop__content .rating a, .cartdesk__header nav .nav .nav-link.active, .shopdetails__content .countadd a, .shopdetails__content .countadd .cart-plus-minus .qtybutton:hover, body.dark-mode .about__content .allaward .text p, body.dark-mode .about__content .allaward .text h6, body.dark-mode .about__content p, body.dark-mode .about__content h2, body.dark-mode .bradcamp__text p, body.dark-mode .bradcamp__text h2, body.dark-mode .footer__content p, body.dark-mode .footer__content h2, .footer__contact a i, .footer__copyright h6, .footer__content form button, body.dark-mode .banner__text p, body.dark-mode .banner__text h2, .banner__btn a, body.dark-mode .header__mobilebar .kimmel-menu-bar i, body.dark-mode .header__contact a i, .offcanvas__logo a h5, #toggleButton2 span.dark i, #toggleButton span.dark i, .pagi ul li a:hover, .pagi ul li a.active, .tooltip, .custom__btn, .accordion-item .accordion-button:not(.collapsed), .pricing__tab nav .nav button.active {
  color: #fff;
}

.shopdetails__content .rating p, .shopdetails__content h6 {
  color: #000000;
}

.contact__right, .contact__left .item, .mediasingle__bodycontent, .media__content, body.dark-mode .shopdetails__content .countadd .cart-plus-minus .qtybutton:hover, .cartdesk__innerborder, .shopdetails__wrapper, .shop__publisher, .shop__leftimg--pagethree, .shop, .footer__content form input, body.dark-mode .menu-item-has-children.menu-item-has-children2 > a::before, body.dark-mode .menu-item-has-children.menu-item-has-children2 > a::after, .menu-item-has-children.menu-item-has-children2 > a::before, .menu-item-has-children.menu-item-has-children2 > a::after, .offcanvas__header, .offcanvas, .header__top, .callus__btn a:hover, .accordion-item .accordion-button:not(.collapsed) .plus-icon, .accordion-item .accordion-button .plus-icon:before, .accordion-item .accordion-button .plus-icon:after {
  background: #fff;
}

.footer__copyright {
  background: #000000;
}

.client__item .thumb .name > p, .shop__content p, .about__content p, .footer__copyright h6, .banner__btn a, .banner__text p, .offcanvas__contact ul li, .header__menu nav > ul li a, .accordion-item .accordion-button, body,
button,
input,
select,
optgroup,
textarea {
  font-family: "Poppins", sans-serif;
}

.books__inner .text span, .contact__right form button, .media__right .item p, .bradcamp__text p {
  font-family: "IBM Plex Serif", serif;
}

.books__inner .text h6 a, .mediasingle__comments .content ul li .commentsarea .name-replaybtn .replaybtn a, .mediasingle__author .author-content .text ul li a, .mediasingle__content .tagbutton-icon .tagbutton ul li a, .media__content h2 > a, .media__right h5 a, .shopdetails__content .countadd a, .shopdetails__content .rating a, .shop__content .rating a, .banner__btn a, .offcanvas__contact ul li, .header__menu nav > ul li a, .pagi ul li a, .footerbtn, .custom__btn {
  text-decoration: none;
}

.mediasingle__leavecoments .formarea form button, .mediasingle__leavecoments .formarea form ::placeholder, .mediasingle__comments .content ul li .commentsarea .name-replaybtn .replaybtn a, .mediasingle__author .author-content .text span, .mediasingle__content .tagbutton-icon .tagbutton ul li, .mediasingle__content .heading ul li, .cartdesk__header nav .nav .nav-link, .shopdetails__content .countadd a, .shopdetails__content .rating p, .pagi ul li a, .accordion-item .accordion-button, input::placeholder,
textarea::placeholder,
select::placeholder, h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
  text-transform: capitalize;
}

.books__inner .text, .books__wrapper .mobilebtn, .contact__right form button, .award__inner, .client__item .thumb .img, .mediasingle__content .tagbutton-icon .tagicon ul li a, body.dark-mode .shopdetails__content .countadd .cart-plus-minus input.cart-plus-minus-box, .shopdetails__content .countadd a, .shopdetails__content .countadd .cart-plus-minus .qtybutton, .shopdetails__content .countadd .cart-plus-minus input.cart-plus-minus-box, .shopdetails__innerthumb, .footer__content, .offcanvas__social ul li a, #toggleButton2 span.light i, #toggleButton2 span.dark i, #toggleButton span.light i, #toggleButton span.dark i, .pagi ul li a, .scrollToTop, .custom__btn, .pricing__tab nav, .pricing__tab {
  text-align: center;
}

.offcanvas__close-btn {
  text-align: right;
}

.client__item .content ul li, .mediasingle__author .author-content .text ul li, .mediasingle__content .tagbutton-icon .tagicon ul li, .mediasingle__content .tagbutton-icon .tagbutton ul li, .mediasingle__content .heading ul li, .cartdesk__content ul li, .shopdetails__content ul li, .offcanvas__social ul li, .offcanvas__contact ul li, .header__menu nav > ul li, .pagi ul li {
  list-style: none;
}

* {
  margin: 0;
  padding: 0;
}

.shop__leftimg .card .bark, .tooltip, .custom__btn:after {
  opacity: 0;
}

.offcanvas {
  visibility: hidden;
  opacity: 0;
}

.offcanvas.opened {
  visibility: visible;
  opacity: 1;
}

.books .rightshape, .banner__menimg, .header__top.header-fixed .ellepsis, .accordion-item .accordion-button:after {
  display: none;
}

.shopdetails__content .countadd a, .header__menu nav > ul li a {
  display: block;
}

.mediasingle__comments .content ul li .commentsarea .name-replaybtn .name span, .mediasingle__author .author-content .text span, .mediasingle__content .tagbutton-icon .tagicon ul li a, .cartdesk__text .nametext .allstar .star i, .banner__btn a, .offcanvas__social ul li a, .header__menu nav > ul li ul li a, .pagi ul li a, .custom__btn {
  display: inline-block;
}

.books__inner .thumb, .books__section, .contact__left .item, .client__item .content ul, .client__item .thumb, .mediasingle__comments .content ul li, .mediasingle__comments .content ul, .mediasingle__author .author-content .text ul, .mediasingle__author .author-content, .mediasingle__content .tagbutton-icon .tagicon ul, .mediasingle__content .tagbutton-icon .tagbutton ul, .mediasingle__content .tagbutton-icon, .mediasingle__content .heading ul, .media__right .item, .shopdetails__content .countadd .cart-plus-minus, .shopdetails__content .countadd, .shopdetails__content .rating, .shop__content .allformat, .shop__content .rating, .about__content .allaward .item, .about__content .allaward, .footer__contact, .footer__content form, .offcanvas__social ul, .offcanvas__allimg, .header__mobileright, .header__contact, .header__mobilebar .kimmel-menu-bar, #toggleButton2, #toggleButton, .pagi ul, .pagi, .tooltip, .footerbtn, .pricing__tab nav .nav {
  display: flex;
  flex-wrap: wrap;
}

.books__inner .thumb, .footer__contact, .pagi ul, .pagi, .tooltip, .footerbtn {
  justify-content: center;
}

.pricing__tab nav .nav {
  justify-content: space-between;
}

.accordion-item .accordion-button {
  justify-content: space-between !important;
}

.contact__left .item, .client__item .thumb, .mediasingle__content .tagbutton-icon .tagicon ul, .mediasingle__content .tagbutton-icon .tagbutton ul, .shopdetails__content .countadd .cart-plus-minus, .shopdetails__content .countadd, .shopdetails__content .rating, .shop__content .allformat, .shop__content .rating, .about__content .allaward .item, .footer__content form, .header__mobileright, .header__contact, .header__menu nav > ul, .tooltip, .footerbtn {
  align-items: center;
}

.header__mobileright, .header__contact, .header__mobilebar .kimmel-menu-bar {
  justify-content: flex-end;
}

.contact__right form button, .contact__right form textarea, .contact__right form input, .mediasingle__leavecoments .formarea form button, .cartdesk__header nav .nav .nav-link, .cartdesk__header nav .nav, .footer__content form input, #toggleButton2, #toggleButton, .custom__btn {
  border: none;
}

.accordion-item {
  border: none !important;
}

.mediasingle__content .tagbutton-icon .tagicon ul li a, .header__top.header-fixed .ellepsis, .accordion-item .accordion-button:not(.collapsed) .plus-icon, .accordion-item .accordion-button:not(.collapsed), .accordion-item .accordion-button .plus-icon {
  transition: all 0.3s ease;
}

.header__top.header-fixed {
  transition: all 0.5s ease;
}

.books__inner .thumb, .mediasingle__content, .shop__leftimg .card, .shop, .footer__content form, .footer__content, .callus__title, .callus__btn a {
  margin: auto;
}

.books__section, .bio__bottom, .client, .shop__leftimg .card .imgBox, .shop__leftimg .card, .about__leftimg, .footer__copyright, .footer__content, body.dark-mode .menu-item-has-children > a, .menu-item-has-children > a, .footerbtn, .scrollToTop i, .custom__btn,
.header__menu nav > ul li,
.accordion-item .accordion-button .plus-icon {
  position: relative;
}

.books::after, .shop__leftimg .card .details, .shop__leftimg .card .bark, .shop__leftimg .card:after, .shop__leftimg .card:before, .banner__menimg, .menu-item-has-children > a::before, .menu-item-has-children > a::after, .tooltip::before, .tooltip, .pluse_1::after, .pluse_1::before,
.pluse_2::after,
.pluse_2::before, .pluse_1,
.pluse_2, .custom__btn:after, .accordion-item .accordion-button .plus-icon:before, .accordion-item .accordion-button .plus-icon:after {
  position: absolute;
  content: "";
}

.books__inner .thumb, .client__item .thumb .img, .media__gallery, .media__wrapper .item, .shopdetails__innerthumb, .preloader, .custom__btn {
  overflow: hidden;
}

.shopdetails__content .countadd .cart-plus-minus .qtybutton, .header__mobilebar .kimmel-menu-bar i, .footerbtn, .accordion-item .accordion-button {
  cursor: pointer;
}

.client__item .content ul, .mediasingle__comments .content ul li:last-child, .mediasingle__comments .content ul li .commentsarea p, .mediasingle__comments .content ul li .commentsarea .name-replaybtn .name h6, .mediasingle__comments .content ul, .mediasingle__author .author-content .text ul, .mediasingle__author .author-content .text h6, .mediasingle__content .tagbutton-icon .tagicon ul, .mediasingle__content .tagbutton-icon .tagbutton ul, .media__wrapper .item:last-child, .cartdesk__content ul, .shopdetails__content ul li:last-child, .shopdetails__content ul, .shop__publisher .item:last-child, .shop__content .allformat .item h5, .about__content .allaward .item .text h6, .offcanvas__contact ul li:last-child, .header__menu nav > ul, .accordion-item .accordion-button {
  margin-bottom: 0;
}

.client, .banner {
  background-repeat: no-repeat;
}

.client {
  background-position: center;
}

.client {
  background-size: cover;
}

.callus {
  background-repeat: no-repeat !important;
}

.callus {
  background-size: cover !important;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

:root {
  scroll-behavior: auto !important;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
a h1,
a h2,
a h3,
a h4,
a h5,
a h6 {
  clear: both;
  line-height: 1.3;
  font-family: "IBM Plex Serif", serif;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

h1 {
  font-size: calc(1.5rem + 3vw);
}
@media (min-width: 1200px) {
  h1 {
    font-size: 3.75rem;
  }
}

h2 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h2 {
    font-size: 2.5rem;
  }
}

h3 {
  font-size: calc(1.35rem + 1.2vw);
}
@media (min-width: 1200px) {
  h3 {
    font-size: 2.25rem;
  }
}

h4 {
  font-size: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  h4 {
    font-size: 1.875rem;
  }
}

h5 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h5 {
    font-size: 1.5rem;
  }
}

h6 {
  font-size: 1.25rem;
}

p {
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 1rem;
  line-height: 24px;
  color: #555;
  font-family: "Poppins", sans-serif;
}

a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a:visited {
  outline: none;
}

a:hover,
a:focus,
a:active {
  outline: none;
}

a:focus {
  outline: thin dotted;
  outline: none;
}

a:hover,
a:active {
  outline: 0;
}

img {
  height: auto;
  max-width: 100%;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

input,
textarea,
select {
  outline: none;
}
/*--
    - all Margin 
-----------------------------------------*/
.shopdetails__content .countadd a {
  margin-top: 0px;
}

.cartdesk__text .destext {
  margin-top: 5px;
}

.client__item .content ul, .mediasingle__comments .content ul li .commentsarea p {
  margin-top: 10px;
}

.contact__right form button {
  margin-top: 15px;
}

.media__content p {
  margin-top: 16px;
}

.books__section a {
  margin-top: 18px;
}

.books__inner .text, .media__left p {
  margin-top: 20px;
}

.mediasingle__content .tagbutton-icon, .media__content > a {
  margin-top: 30px;
}

.banner__btn, .callus__btn {
  margin-top: calc(1.34375rem + 1.125vw);
}
@media (min-width: 1200px) {
  .banner__btn, .callus__btn {
    margin-top: 2.1875rem;
  }
}

.about__content .allaward, .offcanvas__social, .offcanvas__contact {
  margin-top: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .about__content .allaward, .offcanvas__social, .offcanvas__contact {
    margin-top: 2.5rem;
  }
}

.about__btn {
  margin-top: calc(1.4375rem + 2.25vw);
}
@media (min-width: 1200px) {
  .about__btn {
    margin-top: 3.125rem;
  }
}

.books__wrapper .mobilebtn, .footer__content form {
  margin-top: calc(1.46875rem + 2.625vw);
}
@media (min-width: 1200px) {
  .books__wrapper .mobilebtn, .footer__content form {
    margin-top: 3.4375rem;
  }
}

.books__wrapper, .award__wrapper, .client__wrapper {
  margin-top: calc(1.5rem + 3vw);
}
@media (min-width: 1200px) {
  .books__wrapper, .award__wrapper, .client__wrapper {
    margin-top: 3.75rem;
  }
}

.pagi {
  margin-top: calc(1.53125rem + 3.375vw);
}
@media (min-width: 1200px) {
  .pagi {
    margin-top: 4.0625rem;
  }
}

.client__item .content ul, .mediasingle__comments .content ul li:last-child, .mediasingle__comments .content ul li .commentsarea p, .mediasingle__comments .content ul li .commentsarea .name-replaybtn .name h6, .mediasingle__comments .content ul, .mediasingle__author .author-content .text ul, .mediasingle__author .author-content .text h6, .mediasingle__content .tagbutton-icon .tagicon ul, .mediasingle__content .tagbutton-icon .tagbutton ul, .media__wrapper .item:last-child, .cartdesk__content ul, .shopdetails__content ul li:last-child, .shopdetails__content ul, .shop__publisher .item:last-child, .shop__content .allformat .item h5, .about__content .allaward .item .text h6, .offcanvas__contact ul li:last-child, .header__menu nav > ul, .accordion-item .accordion-button {
  margin-bottom: 0px;
}

.books__inner .text h6, .client__item .thumb .name h6 {
  margin-bottom: 2px;
}

.award__inner h6 {
  margin-bottom: 4px;
}

.cartdesk__text .nametext .profile h6 {
  margin-bottom: 5px;
}

.offcanvas__contact ul li {
  margin-bottom: 6px;
}

.bio__bottom .text h5 {
  margin-bottom: 8px;
}

.award__section h2, .shopdetails__content ul li, .offcanvas__contact h5 {
  margin-bottom: 10px;
}

.about__content h2, .offcanvas__social h5 {
  margin-bottom: 15px;
}

.award__inner .icon, .bio__topcontent h2, .mediasingle__content .heading h3, .shop__publisher .item, .shop__bookinfo h5, .bradcamp__text h2 {
  margin-bottom: 20px;
}

.contact__left .item, .shop__content h2, .banner__text h2 {
  margin-bottom: 25px;
}

.mediasingle__leavecoments h6, .mediasingle__comments .content ul li, .mediasingle__comments h6, .mediasingle__author h6, .media__right .item, .cartdesk__item, .accordion-item {
  margin-bottom: 30px;
}

.contact__right h4 {
  margin-bottom: calc(1.34375rem + 1.125vw);
}
@media (min-width: 1200px) {
  .contact__right h4 {
    margin-bottom: 2.1875rem;
  }
}

.media__wrapper .item {
  margin-bottom: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .media__wrapper .item {
    margin-bottom: 2.5rem;
  }
}

.bradcamp__text {
  margin-bottom: calc(1.5rem + 3vw);
}
@media (min-width: 1200px) {
  .bradcamp__text {
    margin-bottom: 3.75rem;
  }
}

.shopdetails__content .rating a {
  margin-left: 5px;
}

.shop__content .allformat .item:last-child {
  margin-right: 0px;
}

.shopdetails__content ul li i, .shopdetails__content .rating p, .shop__content .rating .icon {
  margin-right: 5px;
}

.mediasingle__content .heading ul li i, .cartdesk__content ul li i {
  margin-right: 10px;
}

.shop__content .allformat .item {
  margin-right: 20px;
}

.shopdetails__content .rating p {
  margin-block: 0px;
}

.mediasingle__author .author-content .text p {
  margin-block: 10px;
}

.offcanvas__allimg {
  margin-block: 30px;
}

/*--
    -all Padding 
-----------------------------------------*/
.mediasingle__content .tagbutton-icon {
  padding-top: 20px;
}

.mediasingle__comments .content ul li:last-child, .shop__publisher .item:last-child {
  padding-bottom: 0px;
}

.shop__publisher .item {
  padding-bottom: 20px;
}

.bio__bottom .text {
  padding-bottom: 25px;
}

.mediasingle__comments .content ul li, .media__right .item, .cartdesk__item {
  padding-bottom: 30px;
}

.client__item .content ul, .mediasingle__comments .content ul, .mediasingle__author .author-content .text ul, .mediasingle__content .tagbutton-icon .tagicon ul, .mediasingle__content .tagbutton-icon .tagbutton ul, .mediasingle__content .heading ul, .cartdesk__content ul, .shopdetails__content ul, .offcanvas__social ul, .offcanvas__contact ul, .header__menu nav > ul, .pagi ul {
  padding-left: 0px;
}

.shop__content .allformat .item:last-child {
  padding-right: 0px;
}

.shop__content .allformat .item {
  padding-right: 20px;
}

.tooltip {
  padding-block: 5px;
}

.bio__bottom .text, .header__menu nav > ul li ul li a, .accordion-item .accordion-button:not(.collapsed) {
  padding-block: 10px;
}

.accordion-item .accordion-button {
  padding-block: 11px;
}

.shopdetails__content .countadd a {
  padding-block: 15px;
}

.banner__btn a {
  padding-block: 16px;
}

.contact__right form button, .footer__content form button {
  padding-block: 18px;
}

.footer__copyright, .offcanvas__logo, .header__mobile {
  padding-block: 20px;
}

.client__item, .shop__publisher, .accordion-item .accordion-body {
  padding-block: 30px;
}

.award__inner {
  padding-block: 40px;
}

.contact__right, .media__content, .shop__leftimg--pagethree {
  padding-block: 50px;
}

.shop {
  padding-block: 80px;
}

#toggleButton2 span, #toggleButton span {
  padding-inline: 8px;
}

.tooltip {
  padding-inline: 10px;
}

.footer__content form button, .offcanvas {
  padding-inline: 15px;
}

.mediasingle__content, .header__menu nav > ul li ul li a, .accordion-item .accordion-body, .accordion-item .accordion-button {
  padding-inline: 20px;
}

.media__content {
  padding-inline: 25px;
}

.client__item {
  padding-inline: 26px;
}

.contact__right {
  padding-inline: 30px;
}

.media__content > a, .shop__publisher {
  padding-inline: 40px;
}

.banner__btn a {
  padding-inline: 45px;
}

.shop__btn a, .about__btn a {
  padding-inline: 50px;
}

.pricing__tab {
  padding: 8px;
}

input,
textarea,
select {
  padding: 15px;
}

.contact__left .item {
  padding: 30px;
}

/*--
    - wdith, height and line height
-----------------------------------------*/
/*-- width with pixel and %--*/
.menu-item-has-children > a::after, .tooltip::before {
  width: 10px;
}

#toggleButton2 span.light i, #toggleButton2 span.dark i, #toggleButton span.light i, #toggleButton span.dark i {
  width: 25px;
}

.mediasingle__content .tagbutton-icon .tagicon ul li a, .shopdetails__content .countadd .cart-plus-minus .qtybutton, .shopdetails__content .countadd .cart-plus-minus input, .scrollToTop, .accordion-item .accordion-button .plus-icon {
  width: 40px;
}

.pagi ul li a {
  width: 50px;
}

.client__item .thumb .img {
  width: 60px;
}

.offcanvas__allimg img {
  width: 75px;
}

.mediasingle__comments .content ul li .img {
  width: 80px;
}

.pluse_1,
.pluse_2 {
  width: 100px;
}

.pluse_1::after,
.pluse_2::after {
  width: 30%;
}

.books::after, .contact__right form button, .mediasingle__leavecoments .formarea form textarea, .mediasingle__leavecoments .formarea form input, .mediasingle__comments .content ul li .img img, .mediasingle__author .author-content .thum img, .mediasingle__bodycontent .thumb img, .shopdetails__smallthumb img, .shopdetails__innerthumb img, .shop__leftimg .card .bark, .shop__leftimg .card .imgBox, .shop__leftimg .card:before, .about__leftimg img, .offcanvas, .header__menu nav > ul li ul li a, input,
textarea,
select {
  width: 100%;
}

/*--height  with pixel and %--*/
.menu-item-has-children > a::before, .tooltip::before {
  height: 10px;
}

#toggleButton2 span.light i, #toggleButton2 span.dark i, #toggleButton span.light i, #toggleButton span.dark i {
  height: 30px;
}

.mediasingle__content .tagbutton-icon .tagicon ul li a, .shopdetails__content .countadd .cart-plus-minus .qtybutton, .shopdetails__content .countadd .cart-plus-minus input, .scrollToTop, .accordion-item .accordion-button .plus-icon {
  height: 40px;
}

.pagi ul li a {
  height: 50px;
}

.mediasingle__leavecoments .formarea form button {
  height: 56px;
}

.client__item .thumb .img {
  height: 60px;
}

.offcanvas__allimg img {
  height: 78px;
}

.mediasingle__comments .content ul li .img {
  height: 80px;
}

.pluse_1,
.pluse_2 {
  height: 100px;
}

.pluse_1::after,
.pluse_2::after {
  height: 30%;
}

.shop__leftimg .card .bark, .shop__leftimg .card .imgBox, .shop__leftimg .card:after {
  height: 100%;
}

/*--line height with pixel--*/
.bio__bottom .text p, .bio__topcontent p, .media__content p, .shop__bookinfo p {
  line-height: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  .bio__bottom .text p, .bio__topcontent p, .media__content p, .shop__bookinfo p {
    line-height: 1.875rem;
  }
}

.contact__left .item .text h5 {
  line-height: calc(1.33125rem + 0.975vw);
}
@media (min-width: 1200px) {
  .contact__left .item .text h5 {
    line-height: 2.0625rem;
  }
}

.contact__left .item {
  line-height: calc(1.35rem + 1.2vw);
}
@media (min-width: 1200px) {
  .contact__left .item {
    line-height: 2.25rem;
  }
}

.bradcamp__text p {
  line-height: calc(1.3625rem + 1.35vw);
}
@media (min-width: 1200px) {
  .bradcamp__text p {
    line-height: 2.375rem;
  }
}

.media__content h2 {
  line-height: calc(1.4625rem + 2.55vw);
}
@media (min-width: 1200px) {
  .media__content h2 {
    line-height: 3.375rem;
  }
}

/*--
    - font-size 
-----------------------------------------*/
.scrollToTop i {
  font-size: 0.9375rem;
}

.media__right .item p, .footer__copyright h6, .banner__btn a, .header__menu nav > ul li a, .callus__btn a, .custom__btn {
  font-size: 1rem;
}

.mediasingle__comments .content ul li .commentsarea .name-replaybtn .name h6, .mediasingle__author .author-content .text h6, .cartdesk__text .nametext .profile h6 {
  font-size: 1.125rem;
}

.books__inner .text span {
  font-size: 1.25rem;
}

.bradcamp__text p {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  .bradcamp__text p {
    font-size: 1.5rem;
  }
}

.banner__text p {
  font-size: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  .banner__text p {
    font-size: 1.875rem;
  }
}

.client__section h2 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .client__section h2 {
    font-size: 2.5rem;
  }
}

.books__section--section2 h2, .award__section h2, .media__left h2, .shop__content h2, .about__content h2, .footer__content h2 {
  font-size: calc(1.5rem + 3vw);
}
@media (min-width: 1200px) {
  .books__section--section2 h2, .award__section h2, .media__left h2, .shop__content h2, .about__content h2, .footer__content h2 {
    font-size: 3.75rem;
  }
}

/*--
    - text 
-----------------------------------------*/
.mediasingle__leavecoments .formarea form ::placeholder, .mediasingle__comments .content ul li .commentsarea .name-replaybtn .name span, .mediasingle__author .author-content .text span, .mediasingle__content .heading ul li, .cartdesk__text .destext p, .cartdesk__text .nametext .profile span, .about__content p, .bradcamp__text h2, .footer__copyright h6, .banner__text h2, .header__menu nav > ul li a {
  font-weight: 400;
}

.books__inner .text span, .contact__right form button, .contact__left .item .text h5, .mediasingle__leavecoments .formarea form button, .media__right .item p, .media__left h2, .shopdetails__content .countadd a, .shopdetails__content h6 span, .about__content .allaward .item .text p, .callus__btn a, .accordion-item .accordion-body p, .accordion-item .accordion-button, .pricing__tab nav .nav button {
  font-weight: 500;
}

.mediasingle__content .tagbutton-icon .tagicon ul li:first-child, .mediasingle__content .tagbutton-icon .tagbutton ul li:first-child, .cartdesk__header nav .nav .nav-link, .shopdetails__content .rating p, .shop__content .allformat .item h5, .pagi ul li a {
  font-weight: 600;
}

.banner__text h2 span {
  font-weight: 700;
}

/*--
    - from top, left, bottom, right with %  
-----------------------------------------*/
.books::after, .shop__leftimg .card .details, .offcanvas {
  top: 0%;
}

.menu-item-has-children > a::after, .pluse_1::after, .pluse_1::before,
.pluse_2::after,
.pluse_2::before, .pluse_1,
.pluse_2, .custom__btn:after, .accordion-item .accordion-button .plus-icon:before, .accordion-item .accordion-button .plus-icon:after {
  top: 50%;
}

.books::after, .shop__leftimg .card .details {
  left: 0%;
}

.pluse_1::after, .pluse_1::before,
.pluse_2::after,
.pluse_2::before, .pluse_1,
.pluse_2, .custom__btn:after {
  left: 50%;
}

.banner__menimg {
  left: 55%;
}

.footer .topright, .offcanvas.opened {
  right: 0%;
}

.accordion-item .accordion-button .plus-icon:after {
  right: 13%;
}

.accordion-item .accordion-button .plus-icon:before {
  right: 43%;
}

.footer .bottomleft, .banner__menimg, .offcanvas {
  bottom: 0%;
}

/*--
    -gap 1 to 100
-----------------------------------------*/
.client__item .content ul {
  gap: 3px;
}

.offcanvas__allimg {
  gap: 5px;
}

.offcanvas__social ul {
  gap: 10px;
}

.client__item .thumb, .footer__contact {
  gap: 15px;
}

.about__content .allaward .item, .header__contact {
  gap: 20px;
}

.contact__left .item {
  gap: 25px;
}

.header__mobileright {
  gap: 40px;
}

/*--
    -%b-radius 0 to 10
-----------------------------------------*/
.mediasingle__content .tagbutton-icon .tagicon ul li a {
  border-radius: 2px;
}

.contact__right form textarea, .contact__right form input, .client__item, .mediasingle__comments .content ul li .commentsarea .name-replaybtn .replaybtn a, .mediasingle__content .tagbutton-icon .tagbutton ul li a, .accordion-item .accordion-button .plus-icon {
  border-radius: 4px;
}

.contact__right form button, .award__inner, .bio__bottom .text, .mediasingle__leavecoments .formarea form button, .mediasingle__leavecoments .formarea form textarea, .mediasingle__leavecoments .formarea form input, .banner__btn a, .pagi ul li a, .tooltip, .custom__btn {
  border-radius: 5px;
}

.mediasingle__comments .content ul li .img img, .mediasingle__bodycontent, .shop__publisher {
  border-radius: 8px;
}

.client__item, .mediasingle__author .author-content .thum img, .cartdesk__img img, .about__leftimg img, .custom__btn:after {
  border-radius: 10px;
}

.offcanvas__social ul li a {
  border-radius: 20px;
}

.pricing__tab {
  background: #EFF3FA;
  width: 250px;
  border-radius: 10px;
}
@media (min-width: 992px) {
  .pricing__tab {
    margin-left: auto;
  }
}
.pricing__tab nav .nav {
  border-bottom: none;
}
.pricing__tab nav .nav button {
  background: none !important;
  border: none;
  padding: 10px 24px;
}
.pricing__tab nav .nav button.active {
  background: #2D50CE !important;
  padding: 10px 25px;
  border-radius: 10px;
}

.accordion-item {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.accordion-item .accordion-button {
  border-radius: 0 !important;
  font-size: 1rem;
}
@media (min-width: 576px) {
  .accordion-item .accordion-button {
    font-size: 1.25rem;
  }
}
.accordion-item .accordion-button .plus-icon {
  margin-left: auto;
}
.accordion-item .accordion-button .plus-icon:after {
  width: 14px;
  height: 2px;
  transform: translate(-50%, -50%);
}
.accordion-item .accordion-button .plus-icon:before {
  width: 2px;
  height: 14px;
  transform: translate(-50%, -50%);
}
.accordion-item .accordion-button:focus {
  border: none;
  box-shadow: none;
}
.accordion-item .accordion-body p {
  color: #555;
}
.accordion-item .accordion-button:not(.collapsed) {
  box-shadow: none;
  border-radius: 0 !important;
}
.accordion-item .accordion-button:not(.collapsed) .plus-icon:before {
  width: inherit;
  background: none;
  height: inherit;
}
.accordion-item .accordion-button:not(.collapsed) .plus-icon:after {
  width: 14px;
  height: 2px;
}
.accordion-item .accordion-body:not(.collapsed) {
  box-shadow: 0px 8px 10px 0px #F5F7F8;
}
.accordion-item--itme2Serpage .accordion-button {
  background: #fff;
  color: #1A498A;
}

/* From Uiverse.io by rohan-krishu */
.custom__btn {
  padding: 16px 45px;
}

.custom__btn:after {
  background-color: rgba(255, 255, 255, 0.2);
  width: 5px;
  height: 5px;
  transform: translate(-50%, -50%);
}

.custom__btn:hover:after {
  animation: ripple_401 1s ease-out;
}

@keyframes ripple_401 {
  0% {
    width: 5px;
    height: 5px;
    opacity: 1;
  }
  100% {
    width: 200px;
    height: 200px;
    opacity: 0;
  }
}
@media (min-width: 1200px) {
  .textanimaton {
    border-right: solid 3px rgb(26, 73, 138);
    overflow: hidden;
    display: inline-block;
  }
}

/* Animation */
@media (min-width: 1200px) {
  .textanimaton {
    animation: animated-text 4s linear 1s 1 normal both, animated-cursor 600ms linear infinite;
  }
}

/* text animation */
@keyframes animated-text {
  from {
    width: 0;
  }
  to {
    width: 400px;
  }
}
/* cursor animations */
@keyframes animated-cursor {
  from {
    border-right-color: rgb(26, 73, 138);
  }
  to {
    border-right-color: transparent;
  }
}
body.dark-mode .ants {
  display: none;
}

@media (min-width: 1200px) {
  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
  }
  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  @keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      transform: translateY(-20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
}
.padding-block {
  padding: 70px 0;
}
@media (min-width: 576px) {
  .padding-block {
    padding: calc(1.84375rem + 7.125vw) 0;
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .padding-block {
    padding: 7.1875rem 0;
  }
}

.margin-block {
  margin: 60px;
}
@media (min-width: 576px) {
  .margin-block {
    margin: calc(1.875rem + 7.5vw) 0;
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .margin-block {
    margin: 7.5rem 0;
  }
}

.scrollToTop {
  line-height: 40px;
  position: fixed;
  bottom: 12% !important;
  right: 5%;
  z-index: 9;
  background: linear-gradient(99deg, #1A498A 25.27%, #1A498A 96.39%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 24px;
  animation: lab_top_up 5s linear infinite;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 999999;
}
@media (min-width: 576px) {
  .scrollToTop {
    bottom: 5% !important;
  }
}
.scrollToTop i {
  color: #F5EEE1;
  z-index: 1;
}

@keyframes lab_top_up {
  0% {
    transform: translateY(-15px);
  }
  50% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-15px);
  }
}
.pluse_1,
.pluse_2 {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(26, 73, 138, 0.1);
}
.pluse_1::after, .pluse_1::before,
.pluse_2::after,
.pluse_2::before {
  background: #1A498A;
  border-radius: 50%;
  margin-left: -20px;
  margin-top: -20px;
  z-index: 0;
}
.pluse_1::after,
.pluse_2::after {
  margin-left: -15px;
  margin-top: -15px;
  background: transparent;
}
.pluse_1:before,
.pluse_2:before {
  width: 40px;
  height: 40px;
}

.pluse_1 {
  -webkit-animation: pluse_animate 3s infinite linear;
  animation: pluse_animate 3s infinite linear;
}

.pluse_2::before {
  -webkit-animation: pluse_animate 3s infinite linear;
  animation: pluse_animate 3s infinite linear;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  margin-left: 0;
  margin-top: 0;
}

@keyframes pluse_animate {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
    transform: translate(-50%, -50%) scale(0.3);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(2);
    transform: translate(-50%, -50%) scale(2);
  }
}
@media (min-width: 1200px) {
  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
  }
  .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  @keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
      transform: translateY(-20px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
}
.callus__btn a {
  padding: 16px 35px;
}
.callus__title {
  max-width: 620px;
}

/* From Uiverse.io by vinodjangid07 */
.footerbtn {
  transition-duration: 0.5s;
}

.tooltip {
  top: -20px;
  transition-duration: 0.2s;
  pointer-events: none;
  letter-spacing: 0.5px;
}

.tooltip::before {
  background-size: 1000%;
  background-position: center;
  transform: rotate(45deg);
  bottom: -20%;
  transition-duration: 0.3s;
}

.footerbtn:hover .tooltip {
  top: -45px;
  opacity: 1;
  transition-duration: 0.3s;
}

.footerbtn:hover {
  background-position: right;
  transition-duration: 0.5s;
}

.pagi ul {
  gap: 10px;
}
.pagi ul li a {
  line-height: 50px;
  background: #F0F4F7;
}
@media (max-width: 575px) {
  .wow {
    visibility: visible !important;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
  }
}

body.dark-mode .darkmode {
  background: #0A1A36 !important;
}

body.dark-mode .booksdark {
  background: #0A1A36 !important;
}

#toggleButton {
  background: transparent;
  position: relative;
  z-index: 100;
}
#toggleButton span.dark {
  background: #1A498A;
}
#toggleButton span.dark i {
  line-height: 30px;
}
#toggleButton span.light {
  background: #F5EEE1;
}
#toggleButton span.light i {
  line-height: 30px;
}

#toggleButton2 {
  background: transparent;
  position: relative;
  z-index: 100;
}
#toggleButton2 span.dark {
  background: #1A498A;
}
#toggleButton2 span.dark i {
  line-height: 30px;
}
#toggleButton2 span.light {
  background: #F5EEE1;
}
#toggleButton2 span.light i {
  line-height: 30px;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999999;
  width: 100%;
  height: 100%;
  background: #1A498A;
}
.preloader .preloader-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.preloader .preloader-inner .preloader-icon {
  width: 72px;
  height: 72px;
  display: inline-block;
  padding: 0px;
}
.preloader .preloader-inner .preloader-icon span {
  position: absolute;
  display: inline-block;
  width: 72px;
  height: 72px;
  border-radius: 100%;
  background: #fff;
  -webkit-animation: preloader-fx 1.6s linear infinite;
  animation: preloader-fx 1.6s linear infinite;
}
.preloader .preloader-inner .preloader-icon span:last-child {
  animation-delay: -0.8s;
  -webkit-animation-delay: -0.8s;
}

@keyframes preloader-fx {
  0% {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes preloader-fx {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
  }
}
@media (min-width: 1200px) {
  .header__top.header-fixed {
    top: 0;
    width: 100% !important;
    position: fixed;
    max-width: inherit;
    z-index: 9999;
    box-shadow: 1px 1px 11px 3px rgba(215, 215, 215, 0.4);
    transition: all 0.5s ease;
  }
}
@media (min-width: 1200px) {
  .header__menu nav > ul {
    display: flex;
    justify-content: flex-end;
  }
}
.header__menu nav > ul li a {
  padding: 10px;
  color: #1F2A59;
}
@media (min-width: 1200px) {
  .header__menu nav > ul li a {
    padding: 0.375rem 1.125rem;
    display: inline-block;
    padding: 23px 25px;
  }
}
.header__menu nav > ul li.active a {
  font-weight: 500;
}
.header__menu nav > ul li ul {
  padding-left: 0;
  left: 0;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
@media (min-width: 1200px) {
  .header__menu nav > ul li ul {
    width: 250px;
    position: absolute;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    top: 150px;
    box-shadow: 0px 4px 4px 0px rgba(229, 228, 228, 0.2);
  }
}
@media (max-width: 1199px) {
  .header__menu nav > ul li ul {
    display: none;
  }
}
@media (min-width: 1200px) {
  .header__menu nav > ul li ul li {
    border-bottom: 1px solid rgba(221, 51, 58, 0.15);
  }
}
@media (min-width: 1200px) {
  .header__menu nav > ul li ul li:hover {
    background: #1A498A;
  }
}
@media (min-width: 1200px) {
  .header__menu nav > ul li ul li:hover a {
    color: #fff;
  }
}
.header__menu nav > ul li ul li.active a {
  color: #fff;
}
.header__menu nav > ul li ul li:last-child {
  border: none;
}
@media (min-width: 1200px) {
  .header__menu nav > ul li ul li.menu-item-has-children:hover > a::after {
    background: #fff;
  }
}
@media (max-width: 1199px) {
  .header__menu nav > ul li ul li ul {
    padding-left: 20px;
  }
}
@media (min-width: 1200px) {
  .header__menu nav > ul li ul li ul {
    position: absolute;
    left: 100%;
    top: 220%;
  }
}
@media (min-width: 1200px) {
  .header__menu nav > ul li ul li ul li a {
    color: #15141C !important;
  }
}
@media (min-width: 1200px) {
  .header__menu nav > ul li ul li ul li a:hover {
    color: #fff !important;
  }
}
.header__menu nav > ul li ul li ul li.active a {
  font-weight: 500;
}
.header__menu nav > ul li ul li:hover ul {
  top: 0%;
}
.header__menu nav > ul li:hover > ul {
  top: 100%;
}
@media (min-width: 1200px) {
  .header__menu nav > ul li:hover > ul {
    visibility: visible;
    opacity: 1;
  }
}
.header__menu nav > ul li:hover > a {
  color: #323232;
}
.header__mobilebar .kimmel-menu-bar i {
  font-size: calc(1.28125rem + 0.375vw);
}
@media (min-width: 1200px) {
  .header__mobilebar .kimmel-menu-bar i {
    font-size: 1.5625rem;
  }
}
.header__logo a:last-child {
  display: none;
}
.header__mobilelogo a:last-child {
  display: none;
}

.offcanvas {
  box-shadow: 0px 4px 4px 0px rgba(229, 228, 228, 0.42);
  position: fixed;
  right: -100%;
  z-index: 999999;
  scrollbar-width: none;
  transition: 1s ease-in-out;
  overflow-y: scroll;
}
@media (min-width: 576px) {
  .offcanvas {
    max-width: 550px;
  }
}
.offcanvas.opened {
  -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 1s;
}
.offcanvas__close-btn button {
  background: none;
  border: none;
}
.offcanvas__close-btn button i {
  font-size: calc(1.28125rem + 0.375vw);
}
@media (min-width: 1200px) {
  .offcanvas__close-btn button i {
    font-size: 1.5625rem;
  }
}
.offcanvas__header {
  border-bottom: 1px solid #EDF1F8;
}
@media (max-width: 1199px) {
  .offcanvas .tp-main-menu-mobile nav {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .offcanvas .tp-main-menu-mobile nav ul li {
    width: 100%;
    border-bottom: 1px solid #EDF1F8;
  }
}
@media (max-width: 1199px) {
  .offcanvas .tp-main-menu-mobile nav ul li a {
    display: block;
    width: 100%;
  }
}
.offcanvas .tp-main-menu-mobile nav ul li ul li {
  border-left: none;
  border-right: none;
}
.offcanvas .tp-main-menu-mobile nav ul li ul li:last-child {
  border-bottom: none;
}
.offcanvas__contact ul li {
  color: #1F2A59;
}
.offcanvas__social ul li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #EDF1F8;
}
.offcanvas__text p {
  color: #1F2A59;
}

.menu-item-has-children > a::after {
  transform: translateY(-50%);
  right: 10px;
  height: 2px;
}
.menu-item-has-children > a::before {
  top: 50%;
  transform: translateY(-50%);
  right: 14px;
  width: 2px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (min-width: 1200px) {
  .menu-item-has-children > a::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    right: 8px;
    height: 2px;
    background: #1A498A;
  }
  .menu-item-has-children > a::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    right: 12px;
    height: 10px;
    background: #1A498A;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
}
@media (min-width: 1200px) {
  .menu-item-has-children:hover > a:before {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
  }
}
@media (min-width: 1200px) {
  .menu-item-has-children:hover > a::after {
    background: #323232;
  }
}
@media (max-width: 1199px) {
  .menu-item-has-children.open > a:before {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
  }
}
.menu-item-has-children.menu-item-has-children2:hover > a::after {
  background: #fff;
}

body.dark-mode .header__top {
  box-shadow: 1px 1px 11px 3px rgba(0, 0, 0, 0.24);
}
body.dark-mode .header__top.header-fixed {
  box-shadow: 1px 1px 11px 3px rgba(0, 0, 0, 0.24);
}
@media (min-width: 1200px) {
  body.dark-mode .header__menu nav > ul > li > a {
    color: #fff;
  }
}
body.dark-mode .header__logo a:first-child {
  display: none !important;
}
body.dark-mode .header__logo a:last-child {
  display: block !important;
}
body.dark-mode .header__mobilelogo a:first-child {
  display: none !important;
}
body.dark-mode .header__mobilelogo a:last-child {
  display: block !important;
}
body.dark-mode .header__mobile {
  box-shadow: 1px 1px 11px 3px rgba(0, 0, 0, 0.24);
}
@media (min-width: 1200px) {
  body.dark-mode .menu-item-has-children > a::after {
    background: #fff;
  }
  body.dark-mode .menu-item-has-children > a::before {
    background: #fff;
  }
}
@media (min-width: 1200px) {
  body.dark-mode .menu-item-has-children:hover > a:before {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
  }
}
@media (min-width: 1200px) {
  body.dark-mode .menu-item-has-children:hover > a::after {
    background: #fff;
  }
}
@media (max-width: 1199px) {
  body.dark-mode .menu-item-has-children.open > a:before {
    transform: translate(-50%, -50%) rotate(90deg);
    opacity: 0;
  }
}
body.dark-mode .menu-item-has-children.menu-item-has-children2:hover > a::after {
  background: #fff;
}

.banner {
  position: relative;
  padding: calc(1.875rem + 7.5vw) 0;
  background-size: cover;
}
@media (min-width: 1200px) {
  .banner {
    padding: 7.5rem 0;
  }
}
@media (min-width: 1200px) {
  .banner {
    padding: calc(2rem + 9vw) 0;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .banner {
    padding: 8.75rem 0;
  }
}
@media (min-width: 1366px) {
  .banner {
    padding: calc(2.0625rem + 9.75vw) 0;
  }
}
@media (min-width: 1366px) and (min-width: 1200px) {
  .banner {
    padding: 9.375rem 0;
  }
}
@media (min-width: 1400px) {
  .banner {
    padding: calc(2.375rem + 13.5vw) 0 calc(2.4375rem + 14.25vw) 0;
  }
}
@media (min-width: 1400px) and (min-width: 1200px) {
  .banner {
    padding: 12.5rem 0 13.125rem 0;
  }
}
@media (max-width: 991px) {
  .banner__text {
    text-align: center;
  }
}
.banner__text h2 {
  font-size: calc(1.75rem + 6vw);
  line-height: calc(1.875rem + 7.5vw);
}
@media (min-width: 1200px) {
  .banner__text h2 {
    font-size: 6.25rem;
  }
}
@media (min-width: 1200px) {
  .banner__text h2 {
    line-height: 7.5rem;
  }
}
.banner__text p {
  line-height: calc(1.3625rem + 1.35vw);
}
@media (min-width: 1200px) {
  .banner__text p {
    line-height: 2.375rem;
  }
}
@media (max-width: 991px) {
  .banner__text p {
    margin: auto;
    max-width: 600px;
  }
}
@media (min-width: 992px) {
  .banner__text p {
    max-width: 550px;
  }
}
@media (min-width: 1200px) {
  .banner__text p {
    max-width: 632px;
  }
}
@media (min-width: 992px) {
  .banner__menimg {
    display: block;
  }
}
@media (min-width: 1400px) {
  .banner__menimg {
    left: 52%;
  }
}
.banner__menimg img {
  width: 100%;
}

body.dark-mode .banner {
  background-image: none !important;
  background-color: #031532 !important;
}
.footer {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}
.footer__content {
  max-width: 600px;
  padding: 60px 0 100px 0;
  z-index: 999;
}
@media (min-width: 1200px) {
  .footer__content {
    padding: 180px 0;
  }
}
.footer__content h2 {
  text-transform: lowercase;
}
.footer__content h2::first-letter {
  text-transform: uppercase;
}
.footer__content form input {
  width: calc(100% - 150px);
  border-radius: 4px 0 0 4px;
  padding: 17.5px 15px;
}
.footer__content form button {
  width: 150px;
  border: none;
  border-radius: 0 4px 4px 0;
}
.footer__copyright {
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 767px) {
  .footer__copyright h6 {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .footer__copyright .row {
    flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .footer__contact {
    justify-content: flex-end;
  }
}
.footer .middleshape {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.footer .middleshape img:last-child {
  display: none;
}
.footer .bottomleft {
  left: -2%;
}
.footer .bottomleft img:last-child {
  display: none;
}
.footer .topright {
  top: -32%;
}
.footer .topright img:last-child {
  display: none;
}

body.dark-mode .footer .middleshape img:first-child {
  display: none;
}
body.dark-mode .footer .middleshape img:last-child {
  display: block;
}
body.dark-mode .footer .bottomleft img:first-child {
  display: none;
}
body.dark-mode .footer .bottomleft img:last-child {
  display: block;
}
body.dark-mode .footer .topright img:first-child {
  display: none;
}
body.dark-mode .footer .topright img:last-child {
  display: block;
}
body.dark-mode .footer__copyright {
  background: #0A1A36;
}
body.dark-mode .footer__copyright--bg2 {
  background: #031532;
}

body.dark-mode .darkmodefooter {
  background: #031532 !important;
}

.bradcamp {
  position: relative;
  padding: calc(1.875rem + 7.5vw) 0;
}
@media (min-width: 1200px) {
  .bradcamp {
    padding: 7.5rem 0;
  }
}
@media (min-width: 992px) {
  .bradcamp {
    background-image: url("..//..//..//img/breadcamp/shaperihgt.png");
    background-repeat: no-repeat;
    background-position: 100% -235px !important;
  }
}
@media (min-width: 1200px) {
  .bradcamp {
    background-image: url("..//..//..//img/breadcamp/shapeleft.png"), url("..//..//..//img/breadcamp/shaperihgt.png");
    background-position: -2% 0%, 100% -235px !important;
  }
}
@media (min-width: 1400px) {
  .bradcamp {
    padding: calc(2.3125rem + 12.75vw) 0;
  }
}
@media (min-width: 1400px) and (min-width: 1200px) {
  .bradcamp {
    padding: 11.875rem 0;
  }
}
.bradcamp__text h2 {
  font-size: calc(1.9375rem + 8.25vw);
  line-height: calc(1.9375rem + 8.25vw);
  color: #1A498A;
}
@media (min-width: 1200px) {
  .bradcamp__text h2 {
    font-size: 8.125rem;
  }
}
@media (min-width: 1200px) {
  .bradcamp__text h2 {
    line-height: 8.125rem;
  }
}
.bradcamp__text p {
  max-width: 700px;
}
.bradcamp__text--text2 {
  margin-bottom: 0;
}
.bradcamp--paddingsytle {
  padding: calc(2.0625rem + 9.75vw) 0;
  background-position: -5% -13%, 100% -135px;
}
@media (min-width: 1200px) {
  .bradcamp--paddingsytle {
    padding: 9.375rem 0;
  }
}

body.dark-mode .bradcamp {
  background-color: #031532 !important;
}
@media (min-width: 1200px) {
  body.dark-mode .bradcamp {
    background-image: url("..//..//..//img/breadcamp/shapeleft2.png"), url("..//..//..//img/breadcamp/shaperight2.png");
  }
}
body.dark-mode .bradcamp--paddingsytle {
  background: #0A1A36 !important;
}
body.dark-mode .bradcamp__darbg {
  background-image: url("..//..//..//img/breadcamp/shapeleft2.png"), url("..//..//..//img/breadcamp/shaperight2.png") !important;
  background-repeat: no-repeat !important;
  background-position: -2% 0%, 100% -235px !important;
}

.about {
  padding-bottom: calc(2.0625rem + 9.75vw);
}
@media (min-width: 1200px) {
  .about {
    padding-bottom: 9.375rem;
  }
}
@media (max-width: 1199px) {
  .about {
    padding-top: calc(1.875rem + 7.5vw);
  }
}
@media (max-width: 1199px) and (min-width: 1200px) {
  .about {
    padding-top: 7.5rem;
  }
}
.about__leftimg {
  z-index: 1;
}
@media (min-width: 1400px) {
  .about__leftimg:after {
    background: #F5EEE1;
    position: absolute;
    content: "";
    left: -45px;
    top: 65px;
    width: 536px;
    height: 495px;
    z-index: -1;
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
  }
}
@media (min-width: 1200px) {
  .about__leftimg:hover:after {
    background: #1A498A;
    border-radius: 10px;
  }
}
@media (min-width: 1200px) {
  .about__content {
    padding-left: calc(1.4375rem + 2.25vw);
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .about__content {
    padding-left: 3.125rem;
  }
}
@media (min-width: 1200px) {
  .about__content h2 {
    margin-bottom: 25px;
  }
}
.about__content p {
  line-height: 30px;
}
@media (max-width: 575px) {
  .about__content .allaward {
    gap: 25px;
    flex-direction: column;
  }
}
@media (min-width: 576px) {
  .about__content .allaward {
    gap: 42px;
  }
}
@media (min-width: 1400px) {
  .about__content .allaward {
    gap: 120px;
  }
}
.about__content .allaward .item .icon img {
  transition: all 0.5s ease;
}
.about__content .allaward .item:hover .icon img {
  transform: scale(1.1);
}
@media (max-width: 1199px) {
  .about .container .row {
    flex-direction: column-reverse;
  }
}

@media (min-width: 1200px) {
  body.dark-mode .about__leftimg:after {
    background: #031532;
  }
}

.shop {
  max-width: 1500px;
}
.shop__content .rating .icon i {
  color: #FFB421;
}
.shop__content p {
  line-height: calc(1.3125rem + 0.75vw);
}
@media (min-width: 1200px) {
  .shop__content p {
    line-height: 1.875rem;
  }
}
.shop__content .allformat {
  margin-top: 37px;
}
@media (min-width: 576px) {
  .shop__content .allformat .item {
    border-right: 1px solid #D1DAE8;
    padding-right: 40px;
    margin-right: 40px;
  }
}
.shop__content .allformat .item:last-child {
  border-right: none;
}
.shop__leftimg .card {
  width: 300px;
  height: 400px;
  background: #e0e1dc;
  transform-style: preserve-3d;
  transition: 1s;
}
.shop__leftimg .card:before {
  top: -5px;
  left: 0;
  height: 5px;
  background: #BAC1BA;
  transform-origin: bottom;
  transform: skewX(-25deg);
}
.shop__leftimg .card:after {
  top: 0;
  right: -5px;
  width: 5px;
  background: #92A29C;
  transform-origin: left;
  transform: skewY(-25deg);
}
.shop__leftimg .card .imgBox {
  transform-origin: left;
  transition: 0.7s;
}
.shop__leftimg .card .bark {
  background: #e0e1dc;
  transition: 0.7s;
}
.shop__leftimg .card .imgBox img {
  min-width: 250px;
  max-height: 400px;
}
.shop__leftimg .card .details {
  box-sizing: border-box;
  padding: 0 0 0 10px;
  z-index: -1;
  margin-top: 70px;
}
.shop__leftimg .card .details p {
  font-size: 15px;
  transform: rotate(0deg);
  padding: 20px;
}
.shop__leftimg .card .details h6 {
  text-align: center;
}
.shop__leftimg .card:hover {
  transform: perspective(3000px) rotate(0deg);
  box-shadow: inset 20px 0 50px rgba(0, 0, 0, 0.1), 0 10px 100px rgba(0, 0, 0, 0.1);
}
.shop__leftimg .card:hover .imgBox {
  transform: rotateY(-90deg);
}
@media (min-width: 768px) {
  .shop__leftimg .card:hover .imgBox {
    transform: rotateY(-100deg);
  }
}
.shop__leftimg .card:hover .bark {
  opacity: 1;
  transition: 0.6s;
  box-shadow: 300px 200px 100px rgba(208, 208, 208, 0.4) inset;
}
.shop__btn {
  margin-top: 45px;
}
@media (max-width: 1199px) {
  .shop--container .container .row {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1400px) {
  .shop--pagetwo {
    max-width: 1350px;
    margin: auto;
    position: relative;
    margin-top: -150px;
    z-index: 999;
  }
}
.shop--pagthree {
  padding: calc(1.875rem + 7.5vw) 0;
}
@media (min-width: 1200px) {
  .shop--pagthree {
    padding: 7.5rem 0;
  }
}
@media (min-width: 1200px) {
  .shop--pagthree {
    background-image: url("..//..//..//img/breadcamp/shapeleft.png"), url("..//..//..//img/breadcamp/shaperihgt.png");
    background-repeat: no-repeat;
    background-position: -2% -10%, 107% -315px;
    max-width: inherit !important;
    width: 100% !important;
  }
}
.shop__bottom {
  margin-top: calc(1.75rem + 6vw);
}
@media (min-width: 1200px) {
  .shop__bottom {
    margin-top: 6.25rem;
  }
}
@media (min-width: 1200px) {
  .shop__bookinfo p {
    max-width: 855px;
  }
}
.shop__publisher .item {
  border-bottom: 1px solid #95B1D8;
}
.shop__publisher .item:last-child {
  border-bottom: none;
}

.shopdetails {
  padding: calc(1.875rem + 7.5vw) 0 calc(1.4375rem + 2.25vw) 0;
}
@media (min-width: 1200px) {
  .shopdetails {
    padding: 7.5rem 0 3.125rem 0;
  }
}
.shopdetails__leftinner .productsdetails1 {
  margin-top: 1.25rem;
}
.shopdetails__leftinner .swiper-slide-thumb-active {
  opacity: 0.9 !important;
  border: 1px solid #1A498A;
}
.shopdetails__smallthumb img {
  cursor: pointer;
}
.shopdetails__content {
  max-width: 600px;
}
@media (min-width: 992px) {
  .shopdetails__content {
    margin-left: auto;
  }
}
.shopdetails__content h6 {
  font-size: 1rem;
  margin-top: 0.1875rem;
}
.shopdetails__content .rating span i {
  font-size: 0.75rem;
  margin-right: 2px;
}
.shopdetails__content p {
  margin: 1.25rem 0;
}
.shopdetails__content .countadd {
  margin-top: calc(1.375rem + 1.5vw);
  gap: 20px;
}
@media (min-width: 1200px) {
  .shopdetails__content .countadd {
    margin-top: 2.5rem;
  }
}
.shopdetails__content .countadd .cart-plus-minus {
  gap: 10px;
  padding: 7px;
  border: 1px solid #F2F6F9;
}
.shopdetails__content .countadd .cart-plus-minus input {
  border: 1px solid #F2F6F9;
  padding: 0;
  line-height: 40px;
}
.shopdetails__content .countadd .cart-plus-minus .qtybutton {
  border: 1px solid #F2F6F9;
  line-height: 40px;
}
.shopdetails__content .countadd form {
  width: 200px;
}
.shopdetails__content .countadd form input {
  background: #fafafa;
  border: 1px solid rgba(162, 162, 162, 0.3098039216);
  padding: 0.8125rem;
}
.shopdetails__content .countadd a {
  width: 200px;
}
@media (min-width: 450px) {
  .shopdetails__content .countadd a {
    width: 375px;
  }
}
.shopdetails__wrapper {
  padding: 1.25rem;
}

.cartdesk {
  padding-bottom: calc(1.75rem + 6vw);
}
@media (min-width: 1200px) {
  .cartdesk {
    padding-bottom: 6.25rem;
  }
}
.cartdesk__item {
  border-bottom: 1px solid #F1F1F1;
}
@media (min-width: 400px) {
  .cartdesk__text .nametext {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (max-width: 399px) {
  .cartdesk__text .nametext .allstar {
    margin: 0 0 0.9375rem 0;
  }
}
@media (min-width: 400px) {
  .cartdesk__text .nametext .allstar {
    background: #1A498A;
    padding: 2px 5px;
  }
}
.cartdesk__text .nametext .allstar .star i {
  font-size: 11px;
}
@media (min-width: 400px) {
  .cartdesk__text .nametext .allstar .star i {
    color: #fff;
  }
}
.cartdesk__text .destext p {
  max-width: 649px;
}
.cartdesk__header nav .nav .nav-link {
  padding: 0.9375rem calc(1.4375rem + 2.25vw);
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
@media (min-width: 1200px) {
  .cartdesk__header nav .nav .nav-link {
    padding: 0.9375rem 3.125rem;
  }
}
.cartdesk__content ul li {
  margin-bottom: 0.3125rem;
}
body.dark-mode .shop {
  background: #031532 !important;
  box-shadow: 1px 1px 11px 3px rgba(0, 0, 0, 0.14);
}
body.dark-mode .shop__publisher {
  background: #0A1A36;
}
@media (min-width: 1200px) {
  body.dark-mode .shop--pagthree {
    background-image: url("..//..//..//img/breadcamp/shapeleft2.png"), url("..//..//..//img/breadcamp/shaperight2.png") !important;
    background-repeat: no-repeat !important;
    background-position: -2% -10%, 107% -315px !important;
  }
}
body.dark-mode .shop__darkbg {
  background: #0A1A36;
}

body.dark-mode .shopdetails {
  background: #0A1A36;
}
body.dark-mode .shopdetails__content .countadd .cart-plus-minus {
  border: 1px solid #717171;
}
body.dark-mode .shopdetails__content .countadd .cart-plus-minus input {
  border: none !important;
}
body.dark-mode .shopdetails__content .countadd .cart-plus-minus .qtybutton {
  border: none !important;
  color: #fff;
}
body.dark-mode .shopdetails__wrapper {
  background: #031532;
}

body.dark-mode .cartdesk {
  background: #0A1A36;
}
body.dark-mode .cartdesk__innerborder {
  background: #031532 !important;
}
.media {
  padding: calc(1.8125rem + 6.75vw) 0 calc(1.875rem + 7.5vw) 0;
}
@media (min-width: 1200px) {
  .media {
    padding: 6.875rem 0 7.5rem 0;
  }
}
@media (min-width: 992px) {
  .media__left h2 {
    max-width: 300px;
    line-height: 70px;
  }
}
@media (min-width: 992px) {
  .media__left p {
    max-width: 455px;
    line-height: 30px;
  }
}
.media__right .item {
  justify-content: space-between;
  border-bottom: 1px solid #95B1D8;
}
@media (max-width: 767px) {
  .media__right .item p {
    margin-bottom: 5px;
  }
}
@media (min-width: 1200px) {
  .media__right .item p {
    max-width: 143px;
  }
}
.media__right h5 {
  max-width: 450px;
  text-transform: lowercase;
}
.media__right h5::first-letter {
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .media__content {
    padding: 50px 40px;
  }
}
.media__content h2 {
  max-width: 548px;
}
@media (max-width: 449px) {
  .media__content h2 {
    font-size: calc(1.3125rem + 0.75vw);
  }
}
@media (max-width: 449px) and (min-width: 1200px) {
  .media__content h2 {
    font-size: 1.875rem;
  }
}
.media__content p {
  max-width: 588px;
  color: #6783AB;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .media__content p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (max-width: 991px) {
  .media__wrapper .item:nth-child(1) .row {
    flex-direction: column-reverse !important;
  }
}
@media (max-width: 991px) {
  .media__wrapper .item:nth-child(3) .row {
    flex-direction: column-reverse !important;
  }
}
.media__gallery {
  --g: 8px;
  display: grid;
  clip-path: inset(1px);
  max-height: 430px;
}
.media__gallery > img {
  --_p: calc(-1*var(--g));
  grid-area: 1/1;
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: 0.4s 0.1s;
}
.media__gallery > img:first-child {
  clip-path: polygon(0 0, calc(100% + var(--_p)) 0, 0 calc(100% + var(--_p)));
}
.media__gallery > img:last-child {
  clip-path: polygon(100% 100%, 100% calc(0% - var(--_p)), calc(0% - var(--_p)) 100%);
}
.media__gallery:hover > img:last-child, .media__gallery:hover > img:first-child:hover {
  --_p: calc(50% - var(--g));
}
.media__gallery:hover > img:first-child, .media__gallery:hover > img:first-child:hover + img {
  --_p: calc(-50% - var(--g));
}

.mediasingle {
  padding-bottom: calc(1.625rem + 4.5vw);
  background-image: url("..//..//..//img/breadcamp/shapeleft.png"), url("..//..//..//img/breadcamp/shaperihgt.png");
  background-position: -2% 0%, 100% -235px !important;
  background-repeat: no-repeat;
}
@media (min-width: 1200px) {
  .mediasingle {
    padding-bottom: 5rem;
  }
}
.mediasingle__bodycontent {
  padding: 0 0 35px 0;
}
@media (min-width: 576px) {
  .mediasingle__bodycontent {
    padding: 20px 20px 35px 20px;
  }
}
@media (min-width: 576px) {
  .mediasingle__bodycontent .thumb img {
    max-height: 500px;
  }
}
.mediasingle__content {
  max-width: 950px;
}
.mediasingle__content .heading {
  padding: calc(1.3125rem + 0.75vw) 0 0.3125rem 0;
}
@media (min-width: 1200px) {
  .mediasingle__content .heading {
    padding: 1.875rem 0 0.3125rem 0;
  }
}
.mediasingle__content .heading ul {
  margin-top: 0rem;
  gap: 10px 20px;
}
@media (min-width: 768px) {
  .mediasingle__content .heading ul {
    gap: 60px;
  }
}
.mediasingle__content p {
  margin: 5px 0 15px 0;
}
@media (max-width: 575px) {
  .mediasingle__content .tagbutton-icon {
    flex-direction: column;
  }
}
@media (min-width: 576px) {
  .mediasingle__content .tagbutton-icon {
    justify-content: space-between;
    align-items: center;
    margin-top: calc(1.3125rem + 0.75vw);
    border-top: 1px solid #F1F1F1;
    padding-top: calc(1.3125rem + 0.75vw);
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .mediasingle__content .tagbutton-icon {
    margin-top: 1.875rem;
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .mediasingle__content .tagbutton-icon {
    padding-top: 1.875rem;
  }
}
.mediasingle__content .tagbutton-icon .tagbutton ul {
  gap: 20px;
}
@media (min-width: 400px) {
  .mediasingle__content .tagbutton-icon .tagbutton ul {
    gap: 5px;
  }
}
.mediasingle__content .tagbutton-icon .tagbutton ul li a {
  border: 1px solid #F1F1F1;
  padding: 0.3125rem 0.625rem;
  color: #555;
  transition: all 0.3s ease;
}
.mediasingle__content .tagbutton-icon .tagicon ul {
  gap: 10px;
}
.mediasingle__content .tagbutton-icon .tagicon ul li a {
  line-height: 40px;
}
.mediasingle__content .tagbutton-icon .tagicon ul li a i {
  font-size: 0.9375rem;
}
.mediasingle__content .tagbutton-icon .tagicon ul li:nth-child(2) a {
  background: #3b5998;
}
.mediasingle__content .tagbutton-icon .tagicon ul li:nth-child(3) a {
  background: #ea4c89;
}
.mediasingle__content .tagbutton-icon .tagicon ul li:nth-child(4) a {
  background: #e4405f;
}
.mediasingle__content .tagbutton-icon .tagicon ul li:nth-child(5) a {
  background: #007bb5;
}
.mediasingle__author {
  padding: calc(1.375rem + 1.5vw) calc(1.3125rem + 0.75vw);
  background: #fff;
}
@media (min-width: 1200px) {
  .mediasingle__author {
    padding: 2.5rem 1.875rem;
  }
}
@media (min-width: 576px) {
  .mediasingle__author {
    padding: calc(1.3125rem + 0.75vw) calc(1.3125rem + 0.75vw) calc(1.375rem + 1.5vw) calc(1.3125rem + 0.75vw);
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .mediasingle__author {
    padding: 1.875rem 1.875rem 2.5rem 1.875rem;
  }
}
.mediasingle__author .author-content {
  gap: 15px 20px;
}
@media (min-width: 768px) {
  .mediasingle__author .author-content {
    gap: 30px;
  }
}
.mediasingle__author .author-content .thum {
  width: 120px;
  height: 120px;
}
@media (min-width: 768px) {
  .mediasingle__author .author-content .text {
    width: calc(100% - 150px);
  }
}
.mediasingle__author .author-content .text span {
  margin-top: 0.125rem;
}
.mediasingle__author .author-content .text p {
  max-width: 600px;
}
.mediasingle__author .author-content .text ul {
  margin-top: 0.625rem;
  gap: 20px;
}
.mediasingle__author .author-content .text ul li a i {
  font-size: 1.125rem;
}
.mediasingle__comments {
  padding: calc(1.3125rem + 0.75vw);
  background: #fff;
}
@media (min-width: 1200px) {
  .mediasingle__comments {
    padding: 1.875rem;
  }
}
.mediasingle__comments .content ul {
  flex-direction: column;
}
.mediasingle__comments .content ul li {
  gap: 20px;
  border-bottom: 1px solid #F1F1F1;
}
.mediasingle__comments .content ul li .img {
  line-height: 80px;
}
@media (min-width: 768px) {
  .mediasingle__comments .content ul li .commentsarea {
    width: calc(100% - 100px);
  }
}
@media (min-width: 450px) {
  .mediasingle__comments .content ul li .commentsarea .name-replaybtn {
    display: flex;
    justify-content: space-between;
  }
}
.mediasingle__comments .content ul li .commentsarea .name-replaybtn .name span {
  font-size: 1rem;
  margin-top: 0.125rem;
}
.mediasingle__comments .content ul li .commentsarea .name-replaybtn .replaybtn a {
  background: #1A498A;
  padding: 0.3125rem 1.25rem;
  margin-block: 10px 0;
  display: inline-block;
}
.mediasingle__comments .content ul li .commentsarea p {
  max-width: 750px;
}
.mediasingle__comments .content ul li:nth-child(even) {
  margin-left: 0.75rem;
}
@media (min-width: 576px) {
  .mediasingle__comments .content ul li:nth-child(even) {
    margin-left: calc(1.5rem + 3vw);
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .mediasingle__comments .content ul li:nth-child(even) {
    margin-left: 3.75rem;
  }
}
.mediasingle__comments .content ul li:last-child {
  border-bottom: none !important;
}
.mediasingle__leavecoments {
  padding: calc(1.3125rem + 0.75vw);
  background: #fff;
}
@media (min-width: 1200px) {
  .mediasingle__leavecoments {
    padding: 1.875rem;
  }
}
.mediasingle__leavecoments .formarea form input {
  border: 1px solid #F2F6F9;
}
.mediasingle__leavecoments .formarea form textarea {
  border: 1px solid #F2F6F9;
}
.mediasingle__leavecoments .formarea form button {
  margin-top: calc(1.3125rem + 0.75vw);
  width: 190px;
}
@media (min-width: 1200px) {
  .mediasingle__leavecoments .formarea form button {
    margin-top: 1.875rem;
  }
}

body.dark-mode .media__content {
  background: #031532 !important;
}
body.dark-mode .mediabg {
  background: #0A1A36 !important;
}

body.dark-mode .mediasingle {
  background: #0A1A36 !important;
  background-image: url("..//..//..//img/breadcamp/shapeleft2.png"), url("..//..//..//img/breadcamp/shaperight2.png");
}
body.dark-mode .mediasingle__bodycontent {
  background: #031532 !important;
}
body.dark-mode .mediasingle__content .tagbutton-icon {
  border-top: 1px solid rgba(241, 241, 241, 0.3607843137);
}
body.dark-mode .mediasingle__content .tagbutton-icon .tagbutton ul li a {
  border: 1px solid rgba(241, 241, 241, 0.3294117647);
}
body.dark-mode .mediasingle__author {
  background: #031532 !important;
}
body.dark-mode .mediasingle__comments {
  background: #031532 !important;
}
body.dark-mode .mediasingle__comments .content ul li {
  border-bottom: 1px solid rgba(241, 241, 241, 0.5607843137);
}
body.dark-mode .mediasingle__leavecoments {
  background: #031532 !important;
}
body.dark-mode .mediasingle__leavecoments .formarea form input {
  background: #0A1A36 !important;
  border: none !important;
  color: #fff;
}
body.dark-mode .mediasingle__leavecoments .formarea form ::placeholder {
  color: #fff;
}
body.dark-mode .mediasingle__leavecoments .formarea form textarea {
  background: #0A1A36 !important;
  border: none !important;
  color: #fff;
}

.client {
  padding: calc(1.75rem + 6vw) 0 0 0;
}
@media (min-width: 1200px) {
  .client {
    padding: 6.25rem 0 0 0;
  }
}
@media (min-width: 1200px) {
  .client {
    padding: calc(1.875rem + 7.5vw) 0;
  }
}
@media (min-width: 1200px) and (min-width: 1200px) {
  .client {
    padding: 7.5rem 0;
  }
}
.client__item {
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2);
}
.client__item .thumb .img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 60px;
}
.client__item .content {
  margin-top: 0.9375rem;
}
.client__item .content ul li i {
  font-size: 0.9375rem;
  color: #FFB421;
}
.client__section h2 {
  text-transform: lowercase;
}
@media (min-width: 576px) {
  .client__section h2 {
    font-size: calc(1.5rem + 3vw);
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .client__section h2 {
    font-size: 3.75rem;
  }
}
.client__section h2::first-letter {
  text-transform: uppercase;
}
.client__section p {
  max-width: 600px;
}
@media (max-width: 1199px) {
  .client__wrapper {
    padding-bottom: 30px;
  }
}
.client .swiper-pagination {
  bottom: 50px;
}
.client .swiper-pagination .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border-radius: 7.5px;
  background: #F5EEE1;
  opacity: 1;
}
.client__pagination {
  display: none;
}
@media (min-width: 1200px) {
  .client__pagination {
    display: block;
  }
}

body.dark-mode .darkmode2 {
  background: #031532 !important;
}

body.dark-mode .client__item {
  background: #0A1A36;
}
@media (min-width: 992px) {
  .bio__topcontent p {
    max-width: 535px;
  }
}
.bio__bottom {
  z-index: 1;
  margin-top: calc(1.59375rem + 4.125vw);
}
@media (min-width: 1200px) {
  .bio__bottom {
    margin-top: 4.6875rem;
  }
}
@media (min-width: 576px) {
  .bio__bottom .text {
    padding: calc(1.375rem + 1.5vw) calc(1.3125rem + 0.75vw);
    background: #fff;
  }
}
@media (min-width: 576px) and (min-width: 1200px) {
  .bio__bottom .text {
    padding: 2.5rem 1.875rem;
  }
}
@media (min-width: 992px) {
  .bio__bottom .text {
    max-width: 550px;
  }
}
.bio__bottom .text p {
  max-width: 428px;
}
.bio__bottom .allimg img {
  filter: grayscale(0%);
}
.bio__bottom .allimg img:hover {
  filter: grayscale(100%);
}

.award__section p {
  max-width: 590px;
}
.award__inner {
  background: #F7F6F0;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}
.award__inner .icon img {
  transition: all 1s;
}
.award__inner p {
  color: #6783AB;
}
.award__inner:hover .icon img {
  transform: scale(1.2);
}

body.dark-mode .bio {
  background: #031532 !important;
}
body.dark-mode .bio__bottom .text {
  background: #0A1A36;
}
body.dark-mode .award {
  background: #0A1A36 !important;
}
body.dark-mode .award__inner {
  background: #031532;
}
.contact {
  padding-bottom: calc(1.875rem + 7.5vw);
}
@media (min-width: 1200px) {
  .contact {
    padding-bottom: 7.5rem;
  }
}
@media (min-width: 992px) {
  .contact__left .item {
    max-width: 536px;
  }
}
.contact__left .item .text h5 {
  max-width: 270px;
}
body.dark-mode .contact__left .item {
  background: #031532;
}
body.dark-mode .contact__right {
  background: #031532;
}
body.dark-mode .contact__right form input {
  background: #0A1A36;
}
body.dark-mode .contact__right form ::placeholder {
  color: white;
}
body.dark-mode .contact__right form textarea {
  background: #0A1A36;
}

body.dark-mode .darkcontact {
  background: #0A1A36 !important;
}

.books {
  position: relative;
}
.books::after {
  background: rgba(247, 246, 240, 0.75);
  z-index: -1;
  height: 100%;
}
@media (min-width: 1200px) {
  .books::after {
    height: 450px;
  }
}
.books__section {
  z-index: 99;
}
@media (min-width: 992px) {
  .books__section {
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .books__section {
    justify-content: space-between;
  }
}
.books__section h2 {
  text-transform: lowercase;
}
@media (max-width: 991px) {
  .books__section h2 {
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .books__section h2 {
    max-width: 770px;
  }
}
.books__section h2::first-letter {
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .books__section a {
    margin-top: 0;
  }
}
.books__inner .thumb {
  width: 234px;
  height: 234px;
  border-radius: 177px;
  align-content: center;
}
.books__inner .thumb img {
  filter: grayscale(100%);
}
.books__inner:hover .thumb img {
  transform: rotate3d(0, 1, 0, 35deg);
  filter: grayscale(0%);
}
@media (min-width: 992px) {
  .books .rightshape {
    position: absolute;
    top: -487px;
    z-index: 1;
    right: 0;
    display: block;
  }
}
.books .rightshape img:last-child {
  display: none;
}
.books--books2 {
  padding: calc(1.75rem + 6vw) 0;
}
@media (min-width: 1200px) {
  .books--books2 {
    padding: 6.25rem 0;
  }
}
.books--books2::after {
  background: none;
}

body.dark-mode .books::after {
  background: none;
}
body.dark-mode .books__inner .thumb {
  background: #031532;
}
body.dark-mode .books .rightshape img:first-child {
  display: none;
}
body.dark-mode .books .rightshape img:last-child {
  display: block;
}

/*# sourceMappingURL=style.css.map */