@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap);

:root {
  --priColor: #0c519c;
  --secColor: #07a43b;
  --terColor: #11913a;
  --fourColor: #0c519c;
  --fifColor: #833ab4;
  --priFont: "Urbanist", sans-serif;
  --secFont: "Urbanist", sans-serif;
  --terFont: "Poppins", sans-serif;
  --bodyFontSize: 18px;
  --bodyFontWeight: 400;
  --bodyColor: #333;
  --bodyLineHeight: 28px;
  --xsmallFont: 22px;
  --smallFont: 26px;
  --medFont: 26px;
  --largeFont: 50px;
  --xlargeFont: 65px;
}

*,
*:before,
*:after {
  /* box-sizing: border-box; */
  /* -moz-box-sizing: border-box; */
  image-rendering: -webkit-optimize-contrast;
}

body {
  font-family: var(--priFont) !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 1.625 !important;
  color: #666 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.btn-pill {
  background-color: var(--secColor);
  color: #fff;
}

/* ****************************************** */
/************* preloader style ***************/
/* * {
	box-sizing: border-box;
} */

.preloader-con h1 {
  color: #3c74b0;
  text-align: center;
  font-family: sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  position: relative;
}

.preloader-con h1:after {
  position: absolute;
  content: "";
  -webkit-animation: Dots 2s cubic-bezier(0, 0.39, 1, 0.68) infinite;
  animation: Dots 2s cubic-bezier(0, 0.39, 1, 0.68) infinite;
}

.preloader-loader {
  margin: 5% auto 30px;
  background: var(--priColor);
}

.preloader-book {
  border: 4px solid #bfbfbf;
  width: 60px;
  height: 45px;
  position: relative;
  perspective: 150px;
}

.preloader-page {
  display: block;
  width: 30px;
  height: 45px;
  border: 4px solid #ccc;
  border-left: 1px solid #0b498b;
  margin: 0;
  position: absolute;
  right: -4px;
  top: -4px;
  overflow: hidden;
  background: #2f7ed3;
  transform-style: preserve-3d;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}

.preloader-book .preloader-page:nth-child(1) {
  -webkit-animation: pageTurn 1.2s cubic-bezier(0, 0.39, 1, 0.68) 1.6s infinite;
  animation: pageTurn 1.2s cubic-bezier(0, 0.39, 1, 0.68) 1.6s infinite;
}

.preloader-book .preloader-page:nth-child(2) {
  -webkit-animation: pageTurn 1.2s cubic-bezier(0, 0.39, 1, 0.68) 1.45s infinite;
  animation: pageTurn 1.2s cubic-bezier(0, 0.39, 1, 0.68) 1.45s infinite;
}

.preloader-book .preloader-page:nth-child(3) {
  -webkit-animation: pageTurn 1.2s cubic-bezier(0, 0.39, 1, 0.68) 1.2s infinite;
  animation: pageTurn 1.2s cubic-bezier(0, 0.39, 1, 0.68) 1.2s infinite;
}

/* Page turn */

@-webkit-keyframes pageTurn {
  0% {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
  }
  20% {
    background: var(--fourColor);
  }
  40% {
    background: var(--fourColor);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
  100% {
    background: var(--fourColor);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
  }
}

@keyframes pageTurn {
  0% {
    transform: rotateY(0deg);
  }
  20% {
    background: var(--fourColor);
  }
  40% {
    background: var(--fourColor);
    transform: rotateY(-180deg);
  }
  100% {
    background: var(--fourColor);
    transform: rotateY(-180deg);
  }
}

/* Dots */

@-webkit-keyframes Dots {
  0% {
    content: "";
  }
  33% {
    content: ".";
  }
  66% {
    content: "..";
  }
  100% {
    content: "...";
  }
}

@keyframes Dots {
  0% {
    content: "";
  }
  33% {
    content: ".";
  }
  66% {
    content: "..";
  }
  100% {
    content: "...";
  }
}
/************** end of preloader style ******************/
/* *************************************************** */
h1,
a {
  margin: 0;
  padding: 0;
  text-decoration: none;
}

.section404 {
  padding: 4rem 2rem;
}

.section404 .error404 {
  font-size: 150px;
  color: #008b62;
  text-shadow: 1px 1px 1px #00593e, 2px 2px 1px #00593e, 3px 3px 1px #00593e, 4px 4px 1px #00593e, 5px 5px 1px #00593e, 6px 6px 1px #00593e, 7px 7px 1px #00593e, 8px 8px 1px #00593e, 25px 25px 8px rgba(0, 0, 0, 0.2);
}

.page404 {
  margin: 2rem 0;
  font-size: 20px;
  font-weight: 600;
  color: #444;
}

.dropdown-item:active {
  background-color: var(--secColor) !important;
  color: #fff !important;
  text-decoration: none;
}

.nav-link.active.tab-btn {
  background: linear-gradient(90deg,#3c74b0,rgb(17, 145, 58) 100%);
  color: #fff !important;
  /* border-radius: 15px 15px 0px 0px; */
  border-color: unset !important;
}

.nav-link.tab-btn:hover, .nav-link.active.tab-btn:hover {
  border: unset !important;
  border-color: unset !important;
}