@property --p {
  syntax: "<percentage>";
  initial-value: 0%;
  inherits: false;
}
.mobile-nav {
  max-height: 700px;
}
.requestbtn-mobile-new .nav-link,
.tabsection .nav-pills .requestbtn-mobile .nav-link.active,
.tabsection .nav-pills .requestbtn-mobile .nav-link:hover {
  background-color: unset !important;
}
.requestbtn-mobile-new .nav-link .button_image {
  filter: drop-shadow(-5px 4px 1px #081b30);
}
@media (max-width: 320px) {
  .buybtn1 {
    float: left;
    margin-left: 10px;
  }
  .buybtn_request_sample1 {
    float: left;
    margin-right: 0;
    margin-left: 0;
  }
  .new-col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .new-col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .requestbtn-mobile {
    width: 50%;
  }
  .whitebox h1 {
    text-align: left !important;
  }
  .requestbtn-mobile-new {
    width: 60%;
    text-align: right;
  }
  .requestbtn-mobile-new1 {
    width: 44%;
    text-align: left;
  }
  .requestbtn-mobile-new .nav-link,
  .tabsection .nav-pills .requestbtn-mobile .nav-link.active,
  .tabsection .nav-pills .requestbtn-mobile .nav-link:hover {
    background-color: unset !important;
  }
  .requestbtn-mobile-new .nav-link .button_image {
    filter: drop-shadow(-5px 4px 1px #081b30);
  }
}
@media (min-width: 321px) and (max-width: 375px) {
  .buybtn1 {
    float: left;
    margin-left: 10px;
  }
  .buybtn_request_sample1 {
    float: left;
    margin-right: 0;
    margin-left: 0;
  }
  .new-col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .new-col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .whitebox h1 {
    text-align: left !important;
  }
  .requestbtn-mobile-new {
    width: 55%;
    text-align: right;
  }
  .requestbtn-mobile-new1 {
    width: 44%;
    text-align: left;
  }
  .requestbtn-mobile-new .nav-link,
  .tabsection .nav-pills .requestbtn-mobile .nav-link.active,
  .tabsection .nav-pills .requestbtn-mobile .nav-link:hover {
    background-color: unset !important;
  }
  .requestbtn-mobile-new .nav-link .button_image {
    filter: drop-shadow(-5px 4px 1px #081b30);
  }
}
@media (min-width: 376px) and (max-width: 425px) {
  .buybtn1 {
    float: left;
    margin-left: 10px;
  }
  .buybtn_request_sample1 {
    float: left;
    margin-right: 0;
    margin-left: 0;
  }
  .new-col-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .new-col-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .whitebox h1 {
    text-align: left !important;
  }
  .requestbtn-mobile-new {
    width: 50%;
    text-align: right;
  }
  .requestbtn-mobile-new1 {
    width: 41%;
    text-align: left;
  }
  .requestbtn-mobile-new .nav-link,
  .tabsection .nav-pills .requestbtn-mobile .nav-link.active,
  .tabsection .nav-pills .requestbtn-mobile .nav-link:hover {
    background-color: unset !important;
  }
  .requestbtn-mobile-new .nav-link .button_image {
    filter: drop-shadow(-5px 4px 1px #081b30);
  }
}
@media (min-width: 320px) and (max-width: 425px) {
  .button_image {
    height: 39px !important;
  }
}
.searchbar,
.searchbar:hover {
  background: #fff;
}
@media only screen and (width: 430px) {
  #hero {
    width: 100%;
    background: url(../img/header-bg-mobile.webp) center 0 / cover no-repeat;
  }
}
@media (min-width: 426px) and (max-width: 768px) {
  .buybtn1 {
    float: left;
    margin-left: 12px;
  }
  .buybtn_request_sample1 {
    float: right;
    margin-right: 0;
    margin-left: 0;
  }
  .button_image {
    height: 41px !important;
  }
  .tabsection .nav-pills .nav-link {
    padding: 7px;
  }
  .cookiebtn,
  .reportbotom .reportprice .no-gutters {
    margin-top: 0;
  }
  #cookieConsent {
    font-size: 11px;
  }
  .no-gutters .col-md-7-new {
    flex: 0 0 54.333333%;
  }
  .reportlistbox .col-md-2 {
    padding-right: 0;
  }
  .reportlistbox .col-md-2 .bookcover,
  .rightpanel .reportlistbox .bookcover img {
    height: 100px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .button_image,
  .buy_now_btn,
  .request_sample_btn {
    height: 45px;
  }
  .tabsection .nav-pills .nav-link {
    padding: 7px;
  }
  .align-content-lg-stretch .no-gutters {
    margin-top: 15px;
  }
  .reportlistbox .col-md-2 {
    padding-right: 0;
  }
  .reportlistbox .col-md-2 .bookcover,
  .rightpanel .reportlistbox .bookcover img {
    height: 95px;
  }
  .reportbotom .reportprice .no-gutters {
    margin-top: 0;
  }
  .reportlist .reportlistbox .col-md-10 {
    padding-left: 0;
  }
  .hero-home .bannerhd {
    width: 75%;
  }
  .hero-home .bannerhd h1 {
    padding-top: 45px;
    font-size: 32px;
  }
  #header .nav-menu > ul > li {
    position: relative;
    white-space: nowrap;
    padding: 0;
  }
}
@media (min-width: 1025px) and (max-width: 1439px) {
  .tabsection .nav-pills .nav-link {
    padding: 7px 16px;
  }
}
@media (min-width: 1025px) and (max-width: 1440px) {
  .rightpanel .reportlistbox .bookcover img {
    height: 135px;
  }
  #home-page-book-cover-img {
    height: 445px;
    width: 416px;
  }
  .home-page-list-1 {
    margin-top: 10px;
  }
}
@media (min-width: 2560px) {
  .button_image {
    height: 41px !important;
  }
  .no-gutters .col-xl-7-new {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .no-gutters .col-xl-5-new {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .rightpanel .reportlistbox .bookcover img {
    height: 135px;
  }
}
.services .icon-box h4 {
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 20px;
  color: #000;
}
.btnLess,
.btnS {
  color: #0056b2;
  font-weight: 600;
  cursor: pointer;
}
#footer .footer-newsletter form input[type="submit"] {
  background: #007cb5;
}
#footer {
  background: #2d4054;
}
.copyright {
  color: #95adc6;
  opacity: unset !important;
}
.nav-menu a i {
  font-size: 16px;
}
.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  padding: 0;
}
.mobile-nav-active .mobile-nav .drop-down .bx-chevron-down {
  padding-left: 10px;
  position: absolute;
  right: 15px;
}
.mobile-nav .drop-down > a:after {
  display: none;
}
.modal {
  z-index: 10500;
}
.bri-logo {
  aspect-ratio: 300/43;
  max-width: 260px;
  width: 100%;
  height: auto;
  object-fit: cover;
}
@media (min-width: 768px) {
  .searchbar1 {
    display: none;
  }
}
@media (max-width: 768px) {
  .searchbar {
    display: none;
  }
  .searchbar1 {
    margin-bottom: auto;
    margin-top: auto;
    color: #fff;
    padding: 0;
    position: absolute;
    right: 52px;
    height: 32px;
  }
  .modal-header .close {
    padding: 1rem 1.5rem;
  }
  .modal-header {
    padding: 0;
    border: none;
  }
  .modal-body {
    padding-top: 0;
    width: 95%;
    padding-bottom: 22px;
  }
  #search_btn {
    background: #455f7c;
  }
  #search_btn i {
    color: #fff;
  }
}
.searchbar {
  border-radius: 20px;
  height: 32px;
  border: 1px solid #112a46 !important;
}
.searchbar > .search_input {
  width: 150px;
  height: 30px;
  color: #0f2741;
  padding: 0 5px 4px 10px;
}
.searchbar > .search_input::placeholder {
  font-size: 12px;
  font-style: normal !important;
}
#btnSearchHeader {
  border-radius: 0 13px 13px 0;
  padding: 4px 15px 5px;
  background-color: #112a46;
}
.header-scrolled .searchbar {
  border: 1px solid #0f2741;
}
.header-scrolled .searchbar > .search_input {
  color: #555;
}
.header-scrolled .searchbar > .search_input::placeholder {
  color: #555;
  font-style: normal !important;
}
.request_submit_cookies {
  cursor: pointer;
  width: 66%;
  border: 1px solid #112a46 !important;
  color: #fff;
  font-size: 11px;
  filter: drop-shadow(-3px 3px 2px rgba(0, 0, 0, 0.3));
  font-weight: 500;
  padding: 1px;
  margin-top: 5px;
  background-image: linear-gradient(#112a46, #112a46, #112a46) !important;
  border-radius: 6px !important;
}
.request_submit_cookies:focus,
.request_submit_cookies:hover {
  text-decoration: none;
  box-shadow: 1px 1px 5px #928d8d;
}
.cookie-close {
  position: absolute;
  top: -1px;
  right: 5px;
  font-size: 16px;
  cursor: pointer;
  font-weight: 700;
}
.report-icon {
  border: 5px solid #008fbe;
  aspect-ratio: 1;
  mask: linear-gradient(red 0 0) padding-box,
    conic-gradient(red var(--p), transparent 0%) border-box;
}
.report-list:hover .report-icon {
  animation: 0.3s linear forwards p;
  border-width: 5px;
}
@keyframes p {
  to {
    --p: 100%;
  }
}