/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

:root {
  --primary-color: #1589cb;
  --secondary-color: #ca7c42;
  --gradient-angle: 76deg;
  --swiper-navigation-size: 60px !important;
}

.offering-grid .elementor-icon-box-title{
  text-align: left;
}
.offering-grid .elementor-icon-box-icon{
  text-align: left;
}
.offering-grid .elementor-icon {
  position: relative;
  font-size: 35px;
  padding: 16px;
  border-width: 0px 0px 0px 0px;
  color: var(--secondary-color);
  text-align: left;
  background: white;
  border-radius: 50%;
}
.offering-grid .elementor-icon-box-content{
  padding: 60px 30px 50px 30px;
}
.offering-grid .elementor-icon-box-icon {
  padding: 0px 30px 0 30px;
}
.offering-grid .elementor-icon-box-icon {
  position: absolute;
  top: -30px;
}



.offering-grid .elementor-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 100px;
  padding: 3px;
  background: linear-gradient(
    var(--gradient-angle),
    var(--primary-color) 21.94%,
    var(--secondary-color) 84.94%
  ) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.offering-grid .e-con::after {
  content: "";
  height: 4px;
  width: 100%;
  display: block;
  content: "";
  height: 18px;
  width: 100%;
  background: linear-gradient(
  var(--gradient-angle),
  var(--primary-color) 21.94%,
  var(--secondary-color) 84.94%
);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  z-index: 2;
}
.offering-grid .e-con::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px;
  padding: 2px;
  background: #ffffff5e;
  /* -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); */
  /* -webkit-mask-composite: xor; */
  mask-composite: exclude;
  box-shadow: 0px 0px 17px 3px #4040401a;
  transition-duration: 0.3s;
}

.offering-grid .e-con:hover{
  cursor: pointer;
}
.offering-grid .e-con:hover::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px;
  padding: 2px;
  background: linear-gradient( var(--gradient-angle), var(--primary-color) 21.94%, var(--secondary-color) 84.94% ) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  box-shadow: 0px 0px 17px 1px #4040401a;
  transition-duration: 0.3s;
}
.offer-empty {
  visibility: hidden;
}


.gred-txt {
  background: #1589cb !important;
  background: linear-gradient(to right, #1589cb 16%, #ca7c42 74%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.gred-icon .elementor-icon {
  /* background: #1589CB !important; */
  background: linear-gradient(to right, #1589cb 16%, #ca7c42 74%) !important;
  /* -webkit-background-clip: text !important; */
  /* -webkit-text-fill-color: transparent !important; */
  padding: 20px;
  box-shadow: 8px 8px #c9c1c154;
  border-radius: 50px;
}
.swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  margin-right: 10px;
}

.swiper {
  /* width: 600px; */
  height: 100%;
}

.swiper-slide {
  height: auto !important;
  text-align: center;
}
.swiper-content {
  height: 100% !important;
}
.glassmorph {
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background-color: rgba(232, 233, 235, 0.08);
}
div.asl_r.vertical {
   
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  z-index: 35 !important;
  margin: auto;
}

.product-searchbar .proinput input{
  font-size: 18px;
}
.awsm-filter-item-search .awsm-job-form-control {
  padding-top: 0;
  padding-bottom: 0;
}
.awsm-filter-wrap input:focus, .awsm-filter-wrap .awsm-selectric:focus{
  border-color: var(--secondary-color) !important;
}
.awsm-job-listings .awsm-job-post-title a{
  color:var(--secondary-color) !important;
}
.awsm-application-submit-btn{
    font-family: "Roboto", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    background-color: var(--e-global-color-secondary)!important;
    border-style: none;
    border-radius: 50px !important;
    padding: 16px 30px 16px 30px !important;
    color: #fff !important;
}
.awsm-application-submit-btn:hover {
  transition-duration: 0.2s !important;
  box-shadow: 0 0 0 0.3rem rgb(77 77 77 / 12%) !important;
}
.awsm-job-listings .awsm-job-more, .awsm-job-listings .awsm-job-more span {
  color: var(--secondary-color) !important;
}
.awsm-job-search, .awsm-selectric{
  border-radius: 0 !important;
  background-color: transparent !important;
}
.awsm-job-item {
  background: #fff0;
  padding: 20px;
  font-size: 14px;
  /* margin-bottom: 10px; */
  background-color: transparent;
}
.awsm-lists .awsm-job-listing-item:last-child .awsm-job-item {
  border-bottom: unset !important;
}
.awsm-selectric {
  /* border-color: var(--secondary-color); */
}
.cp-slider .swiper-slide {
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  background-color: rgba(232, 233, 235, 0.08) !important;
}
.gred-btn {
  background-image: linear-gradient(205deg, rgb(73 189 255), transparent)
    rgb(195 120 63 / 74%) !important;
  font-size: 18px !important;
  transition-duration: 0.2s !important;
}

.gred-btn:hover {
  transition-duration: 0.2s !important;
  box-shadow: 0 0 0 0.3rem rgb(77 77 77 / 12%) !important;
}

.gred-btn:focus {
  transform: scale(0.94) !important;
  transition-duration: 0.3s !important;
}

.main-header-bar .ast-search-menu-icon .search-form {
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background-color: rgb(202 124 66 / 13%);
  border-radius: 56px;
  border: 1px solid rgba(255, 255, 255, 0.125);
  overflow: HIDDEN;
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
  scrollbar-width: auto;
  scrollbar-color: #ca7c42 #383838;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 5px;
}

*::-webkit-scrollbar-track {
  background: #383838;
}

*::-webkit-scrollbar-thumb {
  background-color: #ca7c42;
  border-radius: 50px;
  border: 3px none #ffffff;
}

.add-marquee .swiper-wrapper {
  transition-timing-function: linear !important;
}
/* .add-marquee::before,
.add-marquee::after {
  background:linear-gradient(95deg, #05020D 9.52%, rgba(5, 2, 13, 0.88) 41.46%, rgba(5, 2, 13, 0.18) 88.2%);  
  content: "";
  height: 100%;
  position: absolute;
  width: 200px;
  z-index: 2;
}
.add-marquee::after {
  right: 0;
  top: 0;
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}
.add-marquee::before {
  left: 0;
  top: 0;
} */


/* .add-marquee .swiper-slide:hover img{
  filter: brightness(1) invert(0);
} */



/* .industries-nav{
  display: none;
}
.industries-slider > div > div {
  flex: 0 0 32% !important;
}
.industries-slider > div {
  gap: 20px !important;
  justify-content: space-around !important;
} */

.stepline:hover::before,
.steparrow:hover::after {
  transform: scale(0.98);
  transition-duration: 0.3s;
}
.stepline {
  position: relative;
}
.stepline::after {
  content: "";
  height: 16px;
  position: absolute;
  bottom: -18px;
  left: 0;
  right: 0;
  margin: auto;
  border-left: 2px dotted #fff;
  width: 2px;
}

.stepline.steparrowtop::after {
  content: "";
  height: 16px;
  position: absolute;
  bottom: -18px;
  left: 0;
  right: 0;
  margin: auto;
  border-left: 2px dotted #fff;
  width: 2px;
}
.stepline.steparrowtop::before {
  content: "";
  height: 16px;
  position: absolute;
  top: -18px;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url(./assets/images/arrow-up.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 10px;
}
.steparrow::after {
  content: "";
  height: 16px;
  position: absolute;
  bottom: -18px;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url(./assets/images/arrow-up.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 10px;
}
.stepline.top::after {
  content: "";
  height: 16px;
  position: absolute;
  top: -18px;
  left: 0;
  right: 0;
  margin: auto;
  border-left: 2px dotted #fff;
  width: 2px;
}
.aditabs .e-n-tab-title[aria-selected="false"]:not(:hover) button {
	background: transparent !important;
}


.glassbox.elementor-element .elementor-widget-container {
  background-color: rgb(215 204 195 / 45%);
  backdrop-filter: brightness(100%) contrast(100%) saturate(100%) blur(20px)
    hue-rotate(0deg);
}
.swiper-container .e-con-inner.swiper-wrapper .e-con.e-flex {
  display: block !important;
  flex: none !important;
}
.swiper-container .e-con-inner.swiper-wrapper {
  flex-wrap: nowrap !important;
}
.cp-mega.menu-item {
  position: relative;
}
.cp-mega {
  margin-right: 10px;
  padding-right: 7px;
}
.cp-mega a {
  padding-right: 13px !important;
}
.cp-mega.menu-item::after {

  content: "";
  display: block;
  position: absolute;
  height: 10px;
  width: 10px;
  background: url(./assets/img/arrow-down.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  right: 0;
  opacity: 0.75;
  transition-duration: 0.3s;
}
.cp-mega.menu-item:hover:after {
  opacity: 1;
  background: url(./assets/img/arrow-down-accent.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: rotate(180deg);
  transition-duration: 0.3s;
}

#ast-scroll-top {
  background: rgba(25, 137, 199, 0.75);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.ast-desktop
  .astra-menu-animation-slide-down
  > .menu-item
  .menu-item.focus
  > .sub-menu,
.ast-desktop
  .astra-menu-animation-slide-down
  > .menu-item
  .menu-item:hover
  > .sub-menu,
.ast-desktop
  .astra-menu-animation-slide-down
  > .menu-item.focus
  > .astra-full-megamenu-wrapper,
.ast-desktop .astra-menu-animation-slide-down > .menu-item.focus > .sub-menu,
.ast-desktop
  .astra-menu-animation-slide-down
  > .menu-item:hover
  > .astra-full-megamenu-wrapper,
.ast-desktop .astra-menu-animation-slide-down > .menu-item:hover > .sub-menu {
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  background-color: rgb(215 204 195 / 45%) !important;
  /* overflow: hidden; */
}
.elementor-widget-container.swiper-container.swiper-container-initialized.swiper-container-horizontal {
  overflow: hidden;
}


.swipeit .elementor-post__text {
  justify-content: space-between;
}
.swipeit-nav div::after {
  background: #1589cb !important;
  background: linear-gradient(to right, #1589cb 16%, #ca7c42 74%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  font-weight: 600;
}

.swipeit a.elementor-post__read-more {
  background: #fff;
  padding: 5px 15px;
  border-radius: 50px;
  bottom: 0;
  font-size: 14px;
}
.swipeit .elementor-post__card .elementor-post__text,
.swipeit .elementor-post__card .elementor-post__thumbnail__link {
  z-index: 12;
}

.swipeit .elementor-post {
  transition-duration: 0.4s !important;
  position: relative;
  z-index: 3;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.swipeit .elementor-post:hover {
  transform: translateY(-6px) !important;

  transition-duration: 0.4s !important;
}

.swipeit .elementor-post.elementor-grid-item.hentry {
  margin-bottom: 0;
  transition: all;
}
.swipeit
  .elementor-posts-container.elementor-has-item-ratio
  .elementor-post__thumbnail {
  overflow: hidden;
  border-radius: 14px;
}
.swipeit .elementor-post__thumbnail__link {
  overflow: hidden;
  border-radius: 14px;
}
.glassbox.e-con::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 13px;
  background: #c0c0c0;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 1px;
}
.glassbox.e-con:hover::before {
  background: linear-gradient(to right, #1589cb 16%, #ca7c42 74%) !important;
  padding: 1px;
}

.gred-balls .elementor-element .elementor-widget-container svg {
  -webkit-filter: blur(180px);
  -webkit-opacity: 0.35;
  filter: blur(180px);
  opacity: 0.35;
}

.gredborder .elementor-element {
  position: relative;
}
.gredborder .elementor-element::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 3px;
  background: linear-gradient(
    var(--gradient-angle),
    var(--primary-color) 21.94%,
    var(--secondary-color) 84.94%
  ) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.swipeit-nav div::after {
  font-size: 24px;
}
.splide__slide {
  display: flex !important;
}
.swipeit-nav div {
  background: #ffffff;
  height: 60px;
  width: 60px;
  border-radius: 50px;
  font-size: 14px !important;
  transition-duration: 0.1s;
  box-shadow: 1px 2px 5px 2px #98979712;
  border: 1px solid #dbdada7a;
}

.swipeit-nav div:hover {
  transform: translateX(3px);
  transition-duration: 0.2s;
  border-color: #ca7c4245;
}
.swipeit-nav .swiper-button-prev:hover {
  transform: translateX(-3px);
  transition-duration: 0.2s;
}
.swipeit-nav div:active {
  /* transform: scale(0.98); */
  background: #f8c29b;
}
.swipeit-nav div:focus {
  /* background: #ededed; */
  /* transform: scale(0.95); */
  transition-duration: 0.2s;
}
.gredborderhover {
  position: relative;
}
.gredborderhover:hover {
  border-color: transparent;
}
.gredborderhover::before {
  content: "";
  position: absolute;
  inset: 1;
  border-radius: 14px;
  padding: 3px;
  background: #e4e9ee !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  box-sizing: border-box;
}
.gredborderhover:hover {
  box-shadow: 10px 0px 20px 4px rgb(189 189 189 / 26%);
  transition-duration: 0.3s;
}
.gredborderhover:hover::before {
  background: linear-gradient(
    var(--gradient-angle),
    var(--primary-color) 21.94%,
    var(--secondary-color) 84.94%
  ) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
/* .gredborderhover.swiper-slide-active::before {
  content: "";
  position: absolute;
  inset: 1;
  border-radius: 25px;
  padding: 1px;
  background: linear-gradient(
  var(--gradient-angle),
  var(--primary-color) 21.94%,
  var(--secondary-color) 84.94%
) !important;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  box-sizing: border-box;
} */

/* .e-n-tab-title {
  cursor: pointer;
}

.e-n-tabs-content {
  display: none;
} */
/* .gred-balls .elementor-widget-html svg{
  width: 150%;
  height: 100%;
} */

.site-header.sticky-header {
  position: fixed;
  top: 0;
  width: 100%;
}
.site-header.sticky-header:before {
  content: "";
  position: absolute;
  z-index: -1;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.site-header.sticky-header {
  position: fixed !important;
  top: 0;
  width: 100%;
  background-color: rgb(215 204 195 / 45%);

  /* border-bottom: 1px solid rgb(192 118 63); */
}
.menu-item-has-children .menu-item {
}
.ast-dropdown-active .search-form {
  display: none !important;
}
.nomega .sub-menu {
  backdrop-filter: blur(16px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  background-color: rgb(215 204 195 / 45%) !important;
  overflow: hidden !important;

}
.awsm-selectric-focus .awsm-selectric {
  border-color: var(--secondary-color) !important;
}
.main-header-menu .menu-item:hover .cp-mega.menu-item::after {
  opacity: 1;
  background-image: url(./assets/img/arrow-down-accent.svg) !important;
}
.site-header ul.sub-menu {
  
  background-color: #fff;
}
.site-header ul.sub-menu li:hover {
  /* background: rgb(202 124 66 / 50%); */
  /* color: #fff;
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%); */
  /* background-color: rgba(232, 233, 235, 0.08); */
}
/* .site-header ul.sub-menu li:hover a {
  color: #fff !important;
} */
.swipeit-nav {
  height: 60px;
  width: 100%;
  display: flex;
  align-items: center;
}
.swipeit-nav .swiper-button-next,
.swipeit-nav .swiper-button-prev {
  margin-top: 0;
  top: 0;
}
.gredborderhover:hover {
  transform: translateY(-4px);
  cursor: grab;
}
div.asl_r.vertical {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  margin-right: 0;
  width: 620px !important;
  z-index: 99999 !important;
  padding-top: 1rem !important;
  margin-top: 0;
  box-shadow: 0px 3px 3px 1px rgb(0 0 0 / 14%) !important;
  background-color: transparent !important;
  /* box-shadow: unset; */
}
div.asl_r .results .item {
  background: transparent !important;
  border-left: 0;
}
.site-header {
  transition-duration: 0.3s;
}
.site-header.sticky-header {
  transition-duration: 0.3s;
  box-shadow: 1px 1px 20px 8px #00000029;
}
.site-header.sticky-header .ast-primary-header-bar,
.site-header.sticky-header .site-primary-header-wrap {
  transition-duration: 0.3s;
  /* min-height: 80px; */
}

.product-searchbar{

}
.swipeit .elementor-post__thumbnail__link:after {
  z-index: -1;
  background: linear-gradient(to right, #1589cb 16%, #ca7c42 74%) !important;
  opacity: 0.2 !important;
}
.swipeit article:hover .elementor-post__thumbnail__link:after {
  
  opacity: 1 !important;
}

.swipeit .elementor-post__read-more{
  margin-bottom: 0 !important;
}
.elementor-widget-text-editor ul {
  margin: 0 20px 10px;
}
/* Mobile devices */
@media only screen and (max-width: 767px) {
  .offering-grid .elementor-element {
    margin-bottom: 4rem;
  }
  .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tabs-heading {
    display: flex !important;
    flex-direction: row;
    padding: 1rem 0 2rem 0;
  }
  .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title {
    margin: 0 !important;
  }
  #ajaxsearchliteres1{
    left: 0;
    right: 0;
    margin: auto;
  }
  .elementor-widget-container ul:not(.elementor-nav-menu) {
    column-count: 1 !important;
    margin: 0 0 0 20px;
  }
  .elementor-field-subgroup {
      display: flex;
      overflow: scroll;
      flex-direction: row;
      flex-wrap: nowrap;
  }
  .ast-theme-transparent-header .main-header-menu .menu-link,
  .ast-theme-transparent-header li .sub-menu {
    background: transparent !important;
  }
  .gred-balls {
    overflow: hidden !important;
    left: 0;
  }
  .gred-balls .elementor-widget:nth-child(1) {
    left: 0% !important;
    top: 0% !important;
  }
  .gred-balls .elementor-widget:nth-child(2) {
    right: 0% !important;
    bottom: 0% !important;
  }
  .gred-balls svg {
    filter: blur(40px);

    opacity: 0.4;
  }
  .ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
    /* background-color: #ffffff; */
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  }
  .ast-menu-toggle:active,
  .ast-menu-toggle:focus,
  .ast-menu-toggle:hover,
  .ast-menu-toggle {
    border: unset !important;
    outline: 0 !important;
  }
  .ast-builder-menu-mobile
    .main-navigation
    .menu-item.menu-item-has-children
    > .ast-menu-toggle {
    top: 5px;
    height: 30px;
    width: 30px;
    background: #6f6d6d4d !important;
    display: flex;
    align-items: center;
    overflow: hidden;
  }
  .ast-mobile-popup-content
    .ast-builder-menu-mobile
    .menu-item.ast-submenu-expanded
    > .ast-menu-toggle {
    background: var(--secondary-color) !important;
  }

  .ast-theme-transparent-header.ast-header-break-point
    .ast-builder-menu
    .main-header-menu,
  .ast-header-break-point
    .ast-builder-menu-1
    .main-header-menu
    .menu-item
    > .menu-link {
    background-color: transparent;
  }
  .menu-toggle-close span.ahfb-svg-iconset.ast-inline-flex.svg-baseline {
    padding: 10px;
    background: #f4f4f4;
    border-radius: 23px;
    color: #222222;
  }
  .cp-mega.menu-item::after {
    -webkit-filter: invert(1);
    filter: invert(1);
  }
  .ast-header-break-point .main-navigation ul .menu-item .menu-link,
  .ast-header-break-point .main-header-menu {
    border-color: #d8d8d8;
  }
  .ast-mobile-popup-drawer .ast-mobile-popup-header {
    min-height: 90px;
    align-items: center;
  }
  .ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close {
    font-size: 35px;
  }
  .gredborderhover.swiper-slide {
    /* opacity: 0.7; */
    transition-duration: 0.2s;
  }
  /* .gredborderhover.swiper-slide-active {
    opacity: 1;
  } */
  div.asl_r.vertical {
    width: 95vw !important;
    /* margin-top: 5px; */
  }

  .gredborderhover.swiper-slide-active::before {
    animation-timing-function: cubic-bezier(0.6, -0.28, 0.74, 0.05);
    animation-duration: 1.6s;
    background: linear-gradient(
      var(--gradient-angle),
      var(--primary-color) 21.94%,
      var(--secondary-color) 84.94%
    ) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
  .site-header.sticky-header {
    animation-timing-function: cubic-bezier(0.6, -0.28, 0.74, 0.05);
    animation-duration: 1.6s;
    position: fixed !important;
    top: 0;
    width: 100%;
    background-color: rgb(215 204 195 / 45%);
    /* border-bottom: 1px solid rgb(192 118 63); */
    margin: 10px auto !important;
    width: 94%;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #ca7c4285;
  }
  .gred-balls {
    /* position: relative !important; */
    /* left: auto; */
    /* right: auto; */
    /* display:none; */
  }
  .swiper-container {
    overflow: hidden;
    /* padding: 2rem 10px; */
  }
  .nomega .sub-menu {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background-color: transparent !important;
    overflow: visible !important;
    margin-bottom: 1rem !important;
  }
  .ast-header-break-point
    .main-header-bar-navigation
    .menu-item-has-children
    > .ast-menu-toggle {
    font-size: 10px;
    padding: 0;
  }

  .ast-header-break-point
    .ast-builder-menu-1
    .menu-item.menu-item-has-children
    > .ast-menu-toggle {
    top: 0 !important;
    right: 0 !important;
  }
  .swipeit-nav div {
    height: 45px;
    width: 45px;
    left: 0;
  }
  .swipeit-nav div::after {
    font-size: 16px;
  }
  .swipeit-nav {
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 15px;
  }
  .swipeit-nav .swiper-button-next,
  .swipeit-nav .swiper-button-prev {
    position: relative;
  }
  .cp-slider .swiper-slide {
    box-shadow: 1px 12px 9px -10px #c7c7c7bd !important;
  }
}

/* Tablets */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ast-theme-transparent-header .main-header-menu .menu-link,
  .ast-theme-transparent-header li .sub-menu {
    background: transparent !important;
  }
  .gred-balls {
    overflow: hidden !important;
    left: 0;
    display: none;
  }
  .gred-balls .elementor-widget:nth-child(1) {
    left: 0% !important;
    top: 0% !important;
  }
  .gred-balls .elementor-widget:nth-child(2) {
    right: 0% !important;
    bottom: 0% !important;
  }
  .gred-balls svg {
    filter: blur(80px);
    opacity: 0.35;
  }
  .ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
    /* background-color: #ffffff; */
    backdrop-filter: blur(16px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;
  }
  .ast-theme-transparent-header.ast-header-break-point
    .ast-builder-menu
    .main-header-menu,
  .ast-header-break-point
    .ast-builder-menu-1
    .main-header-menu
    .menu-item
    > .menu-link {
    background-color: transparent;
  }
  .menu-toggle-close span.ahfb-svg-iconset.ast-inline-flex.svg-baseline {
    padding: 10px;
    background: #f4f4f4;
    border-radius: 23px;
    color: #222222;
  }
  .cp-mega.menu-item::after {
    -webkit-filter: invert(1);
    filter: invert(1);
  }
  .ast-header-break-point .main-navigation ul .menu-item .menu-link,
  .ast-header-break-point .main-header-menu {
    border-color: #d8d8d8;
  }
  .ast-mobile-popup-drawer .ast-mobile-popup-header {
    min-height: 90px;
    align-items: center;
  }
  .ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close {
    font-size: 35px;
  }
  .gredborderhover.swiper-slide {
    opacity: 0.7;
    transition-duration: 0.2s;
  }
  .gredborderhover.swiper-slide-active {
    opacity: 1;
  }
  div.asl_r.vertical {
    width: 95vw !important;
    /* margin-top: 5px; */
  }

  .gredborderhover.swiper-slide-active::before {
    animation-timing-function: cubic-bezier(0.6, -0.28, 0.74, 0.05);
    animation-duration: 1.6s;
    background: linear-gradient(
      var(--gradient-angle),
      var(--primary-color) 21.94%,
      var(--secondary-color) 84.94%
    ) !important;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }
  .site-header.sticky-header {
    animation-timing-function: cubic-bezier(0.6, -0.28, 0.74, 0.05);
    animation-duration: 1.6s;
    position: fixed !important;
    top: 0;
    width: 100%;
    background-color: rgb(215 204 195 / 45%);
    /* border-bottom: 1px solid rgb(192 118 63); */
    margin: 10px auto !important;
    width: 94%;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #ca7c4285;
  }

  .swiper-container {
    overflow: hidden;
    /* padding: 2rem 10px; */
  }
  .nomega .sub-menu {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background-color: transparent !important;
    overflow: visible !important;
    margin-bottom: 1rem !important;
  }
  .ast-header-break-point
    .main-header-bar-navigation
    .menu-item-has-children
    > .ast-menu-toggle {
    font-size: 10px;
    padding: 0;
  }
  .ast-header-break-point
    .ast-builder-menu-1
    .menu-item.menu-item-has-children
    > .ast-menu-toggle {
    top: 0 !important;
    right: 0 !important;
  }
  .swipeit-nav div {
    height: 45px;
    width: 45px;
    left: 0;
  }
  .swipeit-nav div::after {
    font-size: 16px;
  }
  .swipeit-nav {
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 15px;
  }
  .swipeit-nav .swiper-button-next,
  .swipeit-nav .swiper-button-prev {
    position: relative;
  }
  .cp-slider .swiper-slide {
    box-shadow: 1px 12px 9px -10px #c7c7c7bd !important;
  }
}

/* Laptops */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

/* 2k Devices and larger screens */
@media only screen and (min-width: 1200px) {
}