/*
  Top Bar Styles
*/
.topbar-btns {
  display: flex;
  gap: 20px;
}
.topbar-btns > div:nth-child(1) > a,
.topbar-btns > div:nth-child(2) > a,
.topbar-btns > div:nth-child(3) > a {
  background-color: #fff;
  color: #000;
  padding: 5px 15px;
  font-weight: 500;
  display: inline-block;
  transition: 0.3s;
}
.topbar-btns > div:nth-child(1):hover > a,
.topbar-btns > div:nth-child(2):hover > a,
.topbar-btns > div:nth-child(3):hover > a {
  background-color: #084f95;
  color: #fff;
}
.topbar-btns > div:nth-child(1),
.topbar-btns > div:nth-child(2),
.topbar-btns > div:nth-child(3) {
  position: relative;
  z-index: 0;
}
/*
.topbar-btns > div:nth-child(1):after,
.topbar-btns > div:nth-child(2):after,
.topbar-btns > div:nth-child(2):before,
.topbar-btns > div:nth-child(3):before {
  content: "";
  display: block;
  background-color: #fff;
  width: 50%;
  height: 101%;
  position: absolute;
  top: 0px;
  z-index: -1;
  transform: skewX(-25deg);
  transition: 0.3s;
}
.topbar-btns > div:nth-child(1):after,
.topbar-btns > div:nth-child(2):after {
  right: -10px;
}
.topbar-btns > div:nth-child(2):before,
.topbar-btns > div:nth-child(3):before {
  left: -10px;
}
*/
.topbar-btns > div:nth-child(1):hover:after,
.topbar-btns > div:nth-child(2):hover:after,
.topbar-btns > div:nth-child(2):hover:before,
.topbar-btns > div:nth-child(3):hover:before {
  background-color: #084f95;
}
/*
  Top Bar - Mobile Styles
*/
@media only screen and (max-width: 921.9px) {
  #ast-desktop-header,
  #ast-desktop-header .ast-above-header-wrap {
    display: block;
  }
  #ast-desktop-header .ast-main-header-wrap {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #ast-desktop-header .site-header-above-section-left {
    display: none;
  }
  #ast-desktop-header .site-above-header-wrap {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
  }
  #ast-desktop-header .site-header-above-section-right {
    justify-content: center;
  }
  .topbar-btns {
    gap: 10px;
  }
  .site-above-header-wrap > .ast-builder-grid-row {
    grid-template-columns: auto;
  }
  /* .topbar-btns > div:nth-child(1):after,
  .topbar-btns > div:nth-child(2):after,
  .topbar-btns > div:nth-child(2):before,
  .topbar-btns > div:nth-child(3):before {
    height: 100%;
  } */
  .topbar-btns > div:nth-child(1) > a {
    padding-left: 10px;
  }
  .topbar-btns > div:nth-child(3) > a {
    padding-right: 10px;
  }
  .topbar-btns > div:nth-child(1) > a,
  .topbar-btns > div:nth-child(2) > a {
    padding-right: 10px;
  }
  .topbar-btns > div:nth-child(2) > a,
  .topbar-btns > div:nth-child(3) > a {
    padding-left: 10px;
  }
  /* .topbar-btns > div:nth-child(1):after,
  .topbar-btns > div:nth-child(2):after {
    right: -10px;
  }
  .topbar-btns > div:nth-child(2):before,
  .topbar-btns > div:nth-child(3):before {
    left: -10px;
  } */
}
/*
  Navigation Bar Styles
*/
@media only screen and (min-width: 922px) {
  .nav-btn {
    padding-left: 10px;
  }
  .nav-btn .menu-link {
    display: block !important;
    position: relative;
    padding: 0px;
    padding-left: 15px;
  }
  .nav-btn .menu-text {
    background-color: #084f95;
    color: #fff !important;
    padding: 5px 15px 5px 5px;
    position: relative;
    z-index: 0;
  }
  .nav-btn .menu-text:hover {
    background-color: #010042;
    color: #084f95;
  }
  .nav-btn .menu-text:before {
    content: "";
    display: block;
    background-color: #084f95;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: -10px;
    z-index: -1;
    transform: skewX(-25deg);
  }
  .nav-btn .menu-text:hover:before {
    background-color: #010042;
  }
}
@media only screen and (max-width: 767px) {
  .site-logo-img .custom-logo {
    max-width: 225px;
  }
}

/*
  Footer Styles
*/
.footer-heading {
  margin-bottom: 25px;
}
.footer-heading span {
  position: relative;
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
}
.footer-heading span:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  bottom: -8px;
  left: 0px;
}
.footer-quick-links {
  display: flex;
  gap: 25px;
}
.footer-quick-links ul {
  margin-left: 0px;
  list-style-type: none;
}
.footer-quick-links li {
  margin-bottom: 10px;
}
.footer-quick-links a {
  color: #fff;
  font-weight: 500;
  font-size: 20px;
}
.footer-quick-links a:hover {
  color: #084f95;
}

@media only screen and (max-width: 1000px) {
  .footer-quick-links {
    justify-content: center;
  }
}

/*
  Buttons 
*/
.elementor-element .elementor-button {
  position: relative;
  z-index: 0;
}
.elementor-element .elementor-button:after {
  content: "";
  display: block;
  background-color: #084f95;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0px;
  right: -10px;
  z-index: -1;
  transform: skewX(25deg);
  transition: 0.3s;
}
.elementor-element .elementor-button:hover:after {
  background-color: #1e293b;
}
.elementor-element.white-btn .elementor-button:after {
  background-color: #fff;
}
.elementor-element.white-btn .elementor-button:hover:after {
  background-color: #084f95;
}

/*
  Images 
*/
.img-slash {
  position: relative;
  z-index: 0;
}
.img-slash:after,
.img-slash-flipped:after {
  content: "";
  display: block;
  width: 50%;
  height: 90%;
  position: absolute;
  top: 5%;
  border: 3px solid #084f95;
  z-index: -1;
}
.img-slash:after {
  right: 20px;
  transform: skewX(15deg);
}
.img-slash-flipped:after {
  left: 20px;
  transform: skewX(-15deg);
}
.img-slash img {
  clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
}
.img-slash-flipped img {
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
}
.img-slash.long:after {
  width: 25%;
  right: 25%;
  transform: skewX(8deg);
}
.img-slash.square:after {
  right: 10px;
  transform: skewX(8deg);
}
.img-slash-flipped.square:after {
  left: 10px;
  transform: skewX(-8deg);
}
@media only screen and (max-width: 767px) {
  .img-slash:after,
  .img-slash-flipped:after {
    border: 2px solid #084f95;
  }
  .img-slash:after {
    right: 10px;
  }
  .img-slash-flipped:after {
    left: 10px;
  }
}

.elementor-widget-container > ul > li {
  margin-bottom: 15px;
}
