/*
 Theme Name:   NorthLadder
 Description:  bootScore Child Theme
 Template:     bootscore-main
 Version:      1.3.07
 Text Domain:  northladder
*/

/*
All style editing is done via scss/_bscore_custom.scss
*/

.wpml-ls-statics-shortcode_actions a,
.wpml-ls-statics-shortcode_actions a:hover,
.wpml-ls-item-legacy-dropdown-click:hover,
.wpml-ls-legacy-dropdown-click .wpml-ls-item:hover {
  background-color: transparent !important;
  /* color: white !important; */
}

.wpml-ls-legacy-dropdown-click a,
.wpml-ls-legacy-dropdown-click a:hover {
  border: none;
  /* padding-top: 16px;
   padding-bottom: 16px; */
  /* color: white; */
}

.wpml-ls-item a img {
  border-radius: 50% !important;
}

.wpml-ls-legacy-dropdown-click,
.wpml-ls-legacy-dropdown {
  width: auto;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-item {
  /* text-align: left; */
  font-weight: 500;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
  /* visibility: visible; */
  width: max-content;
  /* left: auto; */
  background: #ffffff;
  box-shadow: 2px 8px 20px rgb(210 206 221 / 20%);
  border-radius: 4px;
  margin-top: 16px;
  padding: 8px 12px 16px;
}

@media only screen and (max-width: 1239px) {
  .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    margin-top: 8px;
  }
}

.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a,
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a {
  border: none;
}

html:lang(en) .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu,
html:lang(ae-en) .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
  left: auto;
}

html:lang(ar) .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu,
html:lang(ae-ar) .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
  right: auto;
}

@media only screen and (max-width: 599px) {
  html:lang(en) .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    width: 100vw;
    left: calc(116.7px - 100vw);
  }

  html:lang(ar) .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    width: 100vw;
    right: calc(116.7px - 100vw);
  }

  .footer-menu.nav {
    display: grid;
    grid-template-columns: auto auto;
  }

  .footer-menu.nav li a {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.height-24 {
  height: 24px;
}

a {
  text-decoration: none !important;
}

/* .wpml-ls-native{
   color: white;
} */

.mobile-menu .wpml-ls-statics-shortcode_actions .wpml-ls-current-language > a {
  color: var(--bs-primary);
  padding: 0px;
}

#languageModal .modal-dialog,
#navMenusModal .modal-dialog {
  max-width: none;
}

.wpml-ls-legacy-dropdown-click .wpml-ls-flag + span {
  margin-left: 0.75rem;
}

.offcanvas-body .nav-link {
  padding: 1rem 0 0.75rem;
}

.was-validated .form-select:valid,
.was-validated .form-select:invalid {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}

.was-validated .form-control:valid,
.was-validated .form-control:invalid {
  background-image: none !important;
}

.nav-box-shadow {
  box-shadow: 0 2px 12px rgb(0 0 0 / 5%);
}

/* search widget css start */
.search-sell-device-div {
  position: relative;
}

.search-term-header {
  width: 100%;
  padding: 1rem 1.25rem 1rem 3.25rem;
  border: 0.8px solid rgba(31, 10, 84, 0.7);
  border-radius: 8px;
}

.subscribe-header {
  width: 100%;
  padding: 1rem 1.25rem 1rem 1.25rem;
  border: 0.8px solid rgba(31, 10, 84, 0.7);
  border-radius: 8px;
}

@media only screen and (min-width: 1024px) {
  .search-term-header {
    min-width: 460px;
  }
}

.search-term-header.mobile_search {
  /* min-width: auto; */
  width: 100%;
}

.search_widget_btn {
  position: absolute;
  height: 100%;
  background: transparent;
  /* padding: 1rem 1.25rem 1rem 1.25rem; */
  padding: 1rem;
  border: none;
  cursor: pointer;
}

.device_sell_searchbtn {
  left: 0;
  top: 0;
}

.btn-primary.subscribe_searchbtn {
  right: 0;
  top: 0;
  padding: inherit;
  min-width: 150px;
}

.rtl .btn-primary.subscribe_searchbtn {
  left: 0;
  right: auto;
}

.device_sell_closebtn {
  right: 0;
  top: 0;
}

#page {
  height: auto !important;
}

/* html{
   overflow-x:hidden;
}

body{
   overflow-x:unset !important;
} */

#absolute_positioning_div {
  position: absolute;
  /* width:96%; */
  width: 92%;
}

@media only screen and (max-width: 359px) {
  .search_main_btn {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

#bootscore-navbar-absolute {
  flex-direction: row;
  gap: 32px;
}

#nav-main i,
#languageModal i,
#navMenusModal i {
  font-size: 20px;
}

.fa-solid.fa-bars {
  width: 20px;
}

#nav-main i.search_widget_icon,
#languageModal i.search_widget_icon,
#navMenusModal i.search_widget_icon {
  font-size: 18px !important;
}

#nav-main i.arrow_class,
#languageModal i.arrow_class,
#navMenusModal i.arrow_class {
  font-size: 16px !important;
}

.hidden_menu {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 600ms, visibility 600ms ease-in 1s;
  transition: opacity 600ms, visibility 600ms ease-in 1s;
}

.visible_menu {
  visibility: visible !important;
  opacity: 1 !important;
}

/* #initial_menu{
   -webkit-transition: height 2s ease-in;
   -moz-transition: height 2s ease-in;
   -o-transition: height 2s ease-in;
   transition: height 2s ease-in;
 }

 #horizontal_menus{
   -webkit-transition: height 2s ease-out;
   -moz-transition: height 2s ease-out;
   -o-transition: height 2s ease-out;
   transition: height 2s ease-out;
 } */

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle {
  padding-right: 1.4em !important;
}

.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
  right: 0px !important;
}

.rtl .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after {
  right: auto !important;
}

/*
.inherit-height-width{
   height: inherit !important;
   width: inherit !important;
   object-fit: contain;
   object-position: left;
} */

.rtl .inherit-height-width {
  object-position: right;
}

@media only screen and (max-width: 904px) {
  .main_header_section_spacing_margin #main_header_section {
    margin-top: 3.4rem !important;
  }

  .main_header_section_spacing_padding #main_header_section {
    padding-top: 3.4rem !important;
  }
}

.wpml-ls-legacy-dropdown-click a {
  padding-bottom: 16px !important;
  padding-top: 16px !important;
}

.rtl .btn-primary svg {
  transform: scale(-1, 1);
}

.wpml_flag_max_height {
  height: 20px;
  width: 20px;
}

/* forms css start */
.form-box {
  margin-bottom: 1.5rem;
}

.was-validated .form-box {
  margin-bottom: 0.75rem;
}

@media only screen and (min-width: 768px) {
  .search-term-header {
    min-width: 360px;
  }
}

#country_code {
  border: 1.2px solid #1f0a54;
}

.dropdown-item {
  min-width: max-content;
}

.dropdown-item a:hover,
.dropdown-item a:focus {
  color: inherit;
  outline: none;
}

.width-max-content {
  width: max-content;
}

html[dir='rtl'] .text-right-ar[dir='ltr'] {
  text-align: right;
}

.rtl #country_code {
  direction: ltr;
  text-align: end;
}

.loader-subscribe {
  display: none;
}

/* forms css end */

/* nav menu animation start */
.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-12px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-12px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(12px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(12px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/* nav menu animation end */

/*  modal animation/transform start*/

#languageModal,
#navMenusModal {
  /* position: fixed; */
  left: 0;
  top: 0;
  /* width: 800px; */
  /* padding: 20px; */
  /* background: #666; */
  /* box-sizing: border-box; */

  /* -webkit-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%); */
  /* -webkit-transform-origin: top;
   -o-transform-origin: top;
   -ms-transform-origin: top;
   transform-origin: top; */
}

.rtl #languageModal,
.rtl #navMenusModal {
  right: 0;
}

#languageModal.show,
#navMenusModal.show {
  /* -webkit-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   -ms-transform: translateX(-50%) ;
   transform: translateX(-50%); */
}

/* #languageModal.show.transition_effect, #navMenusModal.show.transition_effect {
   -webkit-transform: translateX(-50%) scaleY(1);
   -o-transform: translateX(-50%) scaleY(1);
   -ms-transform: translateX(-50%) scaleY(1);
   transform: translateX(-50%) scaleY(1);
 } */

.modal-backdrop:not(.normal_backdrop) {
  background-color: transparent !important;
}

/* .modal-toggle:checked {
   & ~ .c-modal-manual {
     -webkit-transform: translateX(-50%) scaleY(1);
     -o-transform: translateX(-50%) scaleY(1);
     -ms-transform: translateX(-50%) scaleY(1);
     transform: translateX(-50%) scaleY(1);
   }
 } */

/*  modal animation/transform end*/

/* radio button styling for country language modal start */
.radio_country_language {
  /* display: block; */
  position: relative;
  padding-left: 20px;
  /* margin-bottom: 20px; */
  cursor: pointer;
  /* font-size: 25px; */
}

.rtl .radio_country_language {
  padding-right: 20px;
  padding-left: auto;
}

/* Hide the default radio button */
.radio_country_language input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* custom radio button */
.radio_country_language .check {
  position: absolute;
  /* top: 2px; */
  /* top: 0; */
  left: 0;
  height: 20px;
  width: 20px;
  /* background-color: lightgray; */
  border-radius: 50%;
  /* border: 1px solid white; */
}

.rtl .radio_country_language .check {
  right: 0;
  left: auto;
}

.radio_country_language .check:after {
  content: '';
  position: absolute;
  display: none;
}

.radio_country_language input:checked ~ .check:after {
  display: block;
}

.radio_country_language .check:after {
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  /* background: white; */
}

.v-align-sub {
  vertical-align: sub !important;
}

@media (max-width: 600px) {
  .btn-outline-secondary.navigation-menu-text i {
    vertical-align: middle;
  }

  #bootscore-navbar a.nav-link,
  #bootscore-navbar-offcanvas a.nav-link {
    padding-top: 1.25rem;
    padding-bottom: 0.5rem;
  }

  .btn-primary.subscribe_searchbtn {
    min-width: 125px;
  }
}

@media (max-width: 300px) {
  .btn-primary.subscribe_searchbtn {
    min-width: 115px !important;
  }

  .subscribe-header {
    padding: 1rem 0.5rem 1rem 0.5rem;
  }
}

.no-height-transition {
  height: 100% !important;
  transition: none !important;
}

.line-height-normal {
  line-height: normal !important;
}

.dropdown-menu.show {
  min-width: 150%;
}

.dropdown-toggle::after {
  display: none !important;
}

.min-width-88 {
  min-width: 88%;
}

.hide {
  display: none;
}

.btn.dropdown-toggle:hover {
  box-shadow: none !important;
}

.vertical-align-unset {
  vertical-align: unset !important;
}

.fixed_height_width_24 {
  width: 24px;
  height: 24px;
}

/*  radio button styling for country language modal end */
@media (min-width: 601px) {
  .max-width-410 {
    max-width: 410px;
  }

  .max-width-180 {
    max-width: 180px !important;
  }
}

@media (min-width: 1240px) {
  #bootscore-navbar .menu-item .nav-link,
  #bootscore-navbar-offcanvas .menu-item .nav-link {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}

@media (min-width: 360px) and (max-width: 425px) {
  .btn-outline-secondary.margin-control,
  .navbar-brand.logo-outer-container.home-main-logo {
    margin-right: 1rem !important;
    /* max-width: 8rem; */
  }
}

@media (min-width: 300px) and (max-width: 359px) {
  .btn-outline-secondary.margin-control,
  .navbar-brand.logo-outer-container.home-main-logo {
    margin-right: 0.75rem !important;
    max-width: 14rem;
  }
}

@media (max-width: 300px) {
  .btn-outline-secondary.margin-control,
  .navbar-brand.logo-outer-container.home-main-logo {
    margin-right: 0.75rem !important;
    max-width: 10rem;
  }

  /* html[dir="rtl"] .btn-outline-secondary.margin-control, .navbar-brand.me-7.logo-outer-container.home-main-logo{

        max-width: 9rem;
      } */

  .rtl .navbar-brand.logo-outer-container.home-main-logo {
    margin-left: 0.5rem !important;
    margin-right: 0px !important;
  }

  h1 {
    font-size: 1.763rem !important;
  }

  h2 {
    font-size: 1.363rem !important;
  }

  .privacy-policy-description-section .s3-sm {
    font-size: 0.889rem !important;
  }

  .contact_card_body .btn-primary {
    min-width: 15rem !important;
  }

  .btn-primary {
    min-width: 15rem !important;
  }

  .reasons img,
  .me-5 {
    margin-right: 0.6rem !important;
  }

  .reasons .h5-md {
    font-size: 1.363rem !important;
  }

  .reasons .pe-5 {
    padding-right: 1rem !important;
  }

  html[dir='rtl'] .reasons .pe-5 {
    padding-right: 0rem !important;
  }

  .b3 {
    font-size: 0.889rem !important;
  }

  .b4-sm {
    font-size: 0.889rem !important;
  }

  .b3-sm {
    font-size: 0.889rem !important;
  }

  .s3-md {
    font-size: 0.889rem !important;
  }

  .btn-lg,
  .btn-group-lg > .btn {
    font-size: 0.889rem !important;
  }

  html[dir='rtl'] .reasons img {
    margin-inline-end: 0.6rem !important;
  }

  .elements_alignment .howitWorksContent {
    padding-left: 1rem !important;
  }

  #footer-menu li a {
    padding-right: 3px;
  }

  #faq_section .btn-lg,
  .btn-group-lg > .btn {
    font-size: 0.889rem !important;
  }

  #sub-header-section .width-imp {
    width: 46% !important;
  }

  #sub-header-section .gap-8 {
    gap: 1rem !important;
  }

  .social_links .ms-6 {
    margin-left: 0.2rem !important;
  }

  .social_links .me-4 {
    margin-right: 0.2rem !important;
  }
}

@media (max-width: 340px) {
  .social_links .me-6 {
    margin-right: 0.2rem !important;
    margin-left: 0.2rem !important;
  }

  .social_links .mx-6 {
    margin-right: 0.2rem !important;
    margin-left: 0.2rem !important;
  }

  .rtl .social_links .mx-6 {
    margin-left: 0.2rem !important;
    margin-right: 0.2rem !important;
  }

  .rtl .social_links .me-6 {
    margin-left: 0.2rem !important;
    margin-right: 0.2rem !important;
  }
}

#sub-header-section .width-imp {
  width: 42%;
}

.social_links .mx-6 {
  margin-right: 1rem;
  margin-left: 1rem;
}

.social_links .me-6 {
  margin-right: 1rem;
}

.rtl .btn-outline-secondary.margin-control,
.rtl .navbar-brand.logo-outer-container.home-main-logo {
  margin-left: 1rem !important;
  margin-right: 0px !important;
}

.rtl .social_links .mx-6 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.rtl .social_links .me-6 {
  margin-left: 1rem;
  margin-right: 0px;
}

/*  */
.modal-content-popup {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 32px 40px 40px;
  position: absolute;
  width: 521px;
  height: 262px;
  left: 459px;
  top: 280px;

  background: #ffffff;
  border-radius: 10px;
}

.popup-btn {
  background: #fec739 !important;
  border-radius: 8px !important;
  margin: 40px;
  border-color: white !important;
  color: #000 !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 24px;
}

.popup-content {
  width: 441px;
  height: 22px;
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500 !important;
  font-size: 18px !important;
  line-height: 21px;
  text-align: center;
  letter-spacing: -0.01em;

  color: #000000;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.8;
  display: none;
}

#exampleModal .modal-dialog-message {
  position: static;
  top: 0 !important;
  left: 0;
  bottom: 0;
  right: 0;
  transform: translate(0) !important;
  margin: auto;
}

#exampleModal .modal-header {
  border-bottom: none;
  align-self: center !important;
}

#exampleModal .modal-content {
  top: 280px;
  border-radius: 10px;
  font-size: 18px;
}

#exampleModal .modal-body {
  font-weight: 500;
}

@media only screen and (max-width: 600px) {
  #exampleModal .modal-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* padding: 24px 24px 32px;
   gap: 32px; */
    font-size: 16px;
    position: absolute;
    width: 320px;
    height: 242px;
    left: 20px;
    top: 262px;

    background: #ffffff;
    border-radius: 10px;
    width: 88%;
  }
}

@media only screen and (max-width: 600px) {
  #exampleModal .popup-btn {
    margin-bottom: 20px;
    font-size: 18px;
  }
}

@media only screen and (max-width: 600px) {
  #exampleModal .modal-content {
    height: auto !important;
  }
}

#exampleModal .modal-footer {
  border-top: white !important;
  align-self: center !important;
}

/*  */

/*  */
.wa-floating {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  left: auto;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 30px;
  box-shadow: 2px 2px 3px #999;
  z-index: 100;
}

html[dir='rtl'] .wa-floating {
  left: 40px;
  right: auto;
}

.wa-floating.wa-floating-hidden {
  display: none;
}

.wa-floating i {
  margin-top: 16px;
}

@media only screen and (max-width: 600px) {
  .wa-floating {
    bottom: 110px;
    right: 16px;
    left: auto;
  }

  html[dir='rtl'] .wa-floating {
    bottom: 110px;
    left: 16px;
    right: auto;
  }
}

.pe-3-mobile {
  padding-right: 12px;
}

.ps-3-mobile {
  padding-left: 12px;
}

@media only screen and (max-width: 359px) {
  .pe-3-mobile {
    padding-right: 2px;
  }

  .ps-3-mobile {
    padding-left: 3px;
  }
}

/*  */