/**/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
/**/

/**-/
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap');
/**/

/**-/
@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap');
/**/

/**-/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Gurmukhi:wght@100..900&display=swap');
/**/

/**-/
@import url(https://fonts.bunny.net/css?family=abeezee:400);
/**/

/* vars */
:root {
  --font-main: 'Playfair Display', sans-serif;
  --color-primary: #8c92b1;
  --color-main: #a4a8be;
  --color-dark: #aaa;
  --color-darker: #8086a7;
  --color-light: #ecf7f9;
  --colorLogo: #a0a5bd;
  --colorWhiteBlue: #f6f6ff;
  
  --lcolor-normal: #8086a7;
  --lcolor-hover: #60678b;
  
  --imgrad: 0px;
  --imgrad: 19px;
  
  --fsBody: 1rem;
  --xfsBody: 1.3rem;
  
  --fsParagraph: 1rem;
  --xfsParagraph: 1rem;
  
  --fsNavi: 14px;
  
  --fsFooter: 14px;
  --xfsFooter: 16px;
  
}

/* scrollbar */
#element::-webkit-scrollbar {
  display: none;
}
::-webkit-scrollbar {
  width: 15px;
}
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.25);
  background-color: var(--colorWhiteBlue);
}
::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  outline: 0px solid var(--color-light);
}

/* resets *-/
*:not(.fa):not(.icon) {
  font-family: var(--font-main) !important;
}
/**/



/* standards */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }


/* custom */
.slider--custom {
  height: 500px;
  min-height:unset;
}
.slider--custom-sm {
  height: 350px;
  min-height:unset;
}

/* radius */
.team-members .team-member,
.team-members .team-member .team-image > img {
  border-radius: unset;
}
.slider--custom,
.slider--custom-sm,
.portfolio-image,
.product .product-image,
.team-members .team-member .team-image > img,
img:not(.logo) {
  border-radius: var(--imgrad);
}
#logo img,
#footer img,
.product .product-image img,
.portfolio-image img
{
  border-radius: 0px;
}

.mega-menu-content img {
  max-width: 100%;
  border-radius: 10px;
  box-shadow: 1px 1px 3px 3px rgb(0 0 0 / 7%);
}

/**/
.background-special {
  background-color: var(--color-darker);
  background-image: url(https://www.transparenttextures.com/patterns/always-grey.png);
}
/**/

/**-/
body .body-inner {
  background-color: #eae9ff;
  background-image: url(https://www.transparenttextures.com/patterns/always-grey.png);
}
/**/


#topbar {
  border: none;
  margin-bottom: 10px;
}
#topbar .top-menu > li.pop > a {
  color: crimson;
  font-weight: 600;
}
/**-/
#topbar {
  background-color: #bebcdc;
}
#topbar.topbar--custom .top-menu > li > a {
  color: #fff;
}
/**/



#header.ribbonStyle .header-inner, #header #header-wrap {
  background-color: #eae9ff;
  background-image: url(https://www.transparenttextures.com/patterns/always-grey.png);
  background-image: url(https://www.transparenttextures.com/patterns/checkered-pattern.png);
}
#header.header-sticky.ribbonStyle .header-inner, #header #header-wrap {
  background-color: #f1f0ff;
}
#header.ribbonStyle .header-inner #logo a span.logo-default {
}


#header {
  z-index: 200 !important;
}

#header.ribbonStyle .header-inner #logo a span.logo-default img {
  transform: translate(0px, -25px);
  height: 120px;
  box-shadow: 1px 1px 6px 6px rgb(255 255 255 / 56%);
}
@media (max-width: 991.98px) {
  #header {
    position: fixed;
    top: 0;
  }
  body {
    padding-top: 80px;
  }
  #header.ribbonStyle .header-inner #logo a span.logo-default img {
    max-height: 80px;
    padding-bottom: 6px;
    transform: unset;
    height: unset;
    box-shadow: unset;
  }
}
#header.header-sticky .header-inner #logo a span.logo-default {
  display: none !important;
}
#header.header-sticky .header-inner #logo a span.logo-default--scroll {
  display: block !important;
}


#mainMenu nav > ul > li {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
#mainMenu nav > ul > li > a {
  -webkit-transition: none;
  transition: none;
}

#mainMenu.menu-lowercase nav > ul > li > a {
  font-size: var(--fsNavi);
  letter-spacing: .4px;
  color: #000;
}
#mainMenu.menu-sub-title nav > ul > li > a > .menu-sub-title {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: normal;
}
#mainMenu.menu-sub-title nav > ul > li:hover > a > .menu-sub-title,
#mainMenu.menu-sub-title nav > ul > li.current > a > .menu-sub-title {
  color: #FFF;
  opacity: 1;
}
#header.header-sticky #mainMenu.menu-sub-title nav > ul > li {
  border-radius: 0px;
}

#mainMenu.menu-sub-title nav > ul > li {
  line-height: 72px;
  border-radius: 0; /*var(--imgrad);*/
  margin: 0px 3px;
}
#mainMenu.menu-hover-background nav > ul > li.current,
#mainMenu.menu-hover-background nav > ul > li:hover,
#mainMenu.menu-hover-background nav > ul > li:focus {
  background-color: var(--lcolor-hover);
}
#mainMenu.menu-sub-title nav > ul > li.pop {
  background-color: #8c92b1;
  background-color: #dd1c43;
  color: var(--colorWhiteBlue);
}
#mainMenu.menu-sub-title nav > ul > li.pop a {
  color: var(--colorWhiteBlue);
  font-size: 24px;
  letter-spacing: 1px;
  font-weight: 400;
}
#mainMenu.menu-sub-title nav > ul > li.pop span {
  opacity: 1;
}
.XXXmenu-sub-title { display: none !important; }

/**-/
#footer .footer-content {
  background-color: #eeeefa;
  background-image: url(https://www.transparenttextures.com/patterns/always-grey.png);
}
#footer .copyright-content {
  background-color: #a0a5bd;
  color:#fff;
}
/**/