/*

******************************************************************
********************** Common Components *************************
******************************************************************

*/
a.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  width: auto;
  padding: 16px 2rem;
  border: 2px solid;
  border-radius: 8px;
  font-family: var(--text);
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
  text-transform: capitalize;
  transition: var(--ease);
}
a.btn svg {
  width: 20px;
  height: 20px;
  transition: var(--ease);
}
a.btn:hover {
  filter: brightness(105%);
  transition: var(--ease);
}
a.btn:hover svg {
  transform: translateX(0.2rem);
  transition: var(--ease);
}
.btn span.elementor-button-content-wrapper {
  flex-direction: row-reverse;
}
.all-headings {
  display: flex;
  gap: 15px;
}
@media (max-width: 1199px) {
  .all-headings {
    text-align: center;
    align-items: center;
  }
  .all-headings .subHeadContainer {
    justify-content: center;
  }
  .all-headings .main-heads * {
    text-align: center;
    justify-content: center;
  }
  .all-headings .nts * {
    text-align: center;
  }
}
.all-headings .elementor-widget-container {
  text-align: left;
}
@media (max-width: 1199px) {
  .all-headings .elementor-widget-container {
    text-align: center;
  }
}
.subHeadContainer.primary svg rect {
  fill: var(--primary);
}
.main-heads * {
  font-size: 54px;
  line-height: 64px;
  font-family: var(--headings);
  font-weight: bold;
  text-transform: capitalize;
}
@media (max-width: 1450px) {
  .main-heads * {
    font-size: 54px;
    line-height: 64px;
  }
}
@media (max-width: 1200px) {
  .main-heads * {
    font-size: 40px;
    line-height: 50px;
    max-width: 100% !important;
  }
  .main-heads * br {
    display: none;
  }
}
@media (max-width: 767px) {
  .main-heads * {
    font-size: 40px;
    line-height: 50px;
  }
}
@media (max-width: 567px) {
  .main-heads * {
    font-size: 30px;
    line-height: 40px;
  }
}
.sub-heads * {
  font-family: var(--subHeads);
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (max-width: 1450px) {
  .sub-heads * {
    font-size: 11px;
  }
}
.subHeadContainer {
  gap: 5px;
  align-items: center;
}
.sub-heads.primary * {
  color: var(--primary) !important;
}
.fill-primary strong {
  background-image: var(--gradient);
  padding: 5px 15px;
  border-radius: 4px;
  margin-right: 5px;
  display: inline-block;
  color: var(--light);
}
.fill-secondary strong {
  background-color: var(--secondary);
  padding: 2px 15px;
  border-radius: 25px;
  margin-right: 5px;
  display: inline-block;
  color: var(--light);
}
.fill-ternary strong {
  background-color: var(--ternary);
  padding: 2px 15px;
  border-radius: 25px;
  margin-right: 5px;
  display: inline-block;
  color: var(--light);
}
.fill-quernary strong {
  background-color: var(--quernary);
  padding: 2px 15px;
  border-radius: 25px;
  margin-right: 5px;
  display: inline-block;
  color: var(--light);
}
.nts p {
  font-size: 18px;
  line-height: 32px;
  font-family: inherit;
  font-weight: 500;
}
@media screen and (min-width: 1500px) {
  .nts p {
    font-size: 18px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .nts p {
    font-size: 16px;
    line-height: 32px;
  }
}
@media (max-width: 567px) {
  .nts p {
    font-size: 16px;
    line-height: 32px;
  }
}
@media (max-width: 1200px) {
  .nts {
    max-width: 100% !important;
    --container-widget-width: 100% !important;
  }
  .nts .elementor-widget-container {
    max-width: 100%;
  }
}
.main-heads * strong {
  color: var(--primary) !important;
}
.light-text .sub-heads * {
  color: var(--light);
}
.light-text .sub-heads strong {
  color: var(--light);
}
.light-text .main-heads * {
  color: var(--light);
}
.light-text .main-heads b {
  color: var(--primary);
}
.light-text .nts * {
  color: var(--light);
}
.light-text h1 {
  color: var(--light);
}
.light-text b {
  color: var(--primary);
}
.dark-text .sub-heads * {
  color: var(--dark);
}
.dark-text .sub-heads * strong {
  color: var(--light);
}
.dark-text .main-heads * {
  color: var(--dark);
}
.primarySep svg {
  fill: var(--primary);
  width: 181px;
}
.primarySep svg path {
  fill: var(--primary);
}
.secondarySep svg {
  fill: var(--secondary);
}
.ternarySep svg {
  fill: var(--ternary);
}
.quernarySep svg {
  fill: var(--quernary);
}
.splitCols, .splitcols {
  gap: 7rem;
}
@media screen and (max-width: 1199px) {
  .splitCols, .splitcols {
    flex-direction: column !important;
    gap: 3rem;
  }
}
@media screen and (max-width: 1199px) {
  .splitCols .cols, .splitcols .cols {
    width: 100%;
  }
}
@media screen and (max-width: 1199px) {
  .splitCols .text-col, .splitcols .text-col {
    justify-content: center;
    align-items: center;
    text-align: center;
  }
}
@media (max-width: 1199px) {
  .reverseMob {
    flex-direction: column-reverse !important;
  }
}
@media (max-width: 1199px) {
  .tabletColReversed {
    flex-direction: column !important;
  }
}
.reverseIt {
  flex-direction: row-reverse !important;
}
@media (max-width: 1199px) {
  .reverseIt {
    flex-direction: column !important;
  }
}
@media screen and (max-width: 1199px) {
  .revMob {
    flex-direction: column-reverse !important;
  }
}
.numbersHere {
  gap: 30px;
}
@media screen and (max-width: 1199px) {
  .numbersHere {
    flex-direction: column !important;
  }
}
.numberCols {
  display: flex;
  gap: 20px;
}
.numberCols .numberBig * {
  font-size: 35px;
  font-weight: bold;
  color: var(--primary);
  width: 85px;
}
@media screen and (max-width: 1300px) {
  .numberCols {
    display: flex;
    flex-direction: column !important;
    align-items: flex-start;
    gap: 0px;
  }
}
@media screen and (max-width: 1199px) {
  .numberCols {
    align-items: center;
  }
}
@media screen and (max-width: 1199px) {
  .btnGroup {
    justify-content: center;
  }
}
.primaryBtn .elementor-button {
  background-color: var(--primary);
  border-color: var(--primary);
}
.primaryBtn .elementor-button .elementor-button-content-wrapper {
  color: var(--dark);
}
.primaryBtn .elementor-button .elementor-button-content-wrapper svg {
  fill: var(--dark);
}
.secondaryBtn .elementor-button {
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.secondaryBtn .elementor-button .elementor-button-content-wrapper {
  color: var(--light);
}
.secondaryBtn .elementor-button .elementor-button-content-wrapper svg {
  fill: var(--light);
}
.ternaryBtn .elementor-button {
  background-color: var(--ternary);
  border-color: var(--ternary);
}
.ternaryBtn .elementor-button .elementor-button-content-wrapper {
  color: var(--light);
}
.ternaryBtn .elementor-button .elementor-button-content-wrapper svg {
  fill: var(--light);
}
.quernaryBtn .elementor-button {
  background-color: var(--quernary);
  border-color: var(--quernary);
}
.quernaryBtn .elementor-button .elementor-button-content-wrapper {
  color: var(--light);
}
.quernaryBtn .elementor-button .elementor-button-content-wrapper svg {
  fill: var(--light);
}
/*.btn.dark {
    .elementor-button {
        .elementor-button-text {
            color: var(--dark);
        }
    }
}*/
.gradientBtn .elementor-button {
  background-image: var(--gradient);
  border-color: var(--primary);
}
.gradientBtn .elementor-button .elementor-button-content-wrapper {
  color: var(--dark);
}
.gradientBtn .elementor-button .elementor-button-content-wrapper svg {
  fill: var(--dark);
}
.gradientBtn .elementor-button .elementor-button-content-wrapper svg path {
  fill: var(--dark);
}
.border .elementor-button {
  background: transparent;
  border: 2px solid;
  background: linear-gradient(to right, var(--primary) 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s ease-out;
}
.border .elementor-button:hover {
  transition: all 0.2s ease-out;
  background-position: left top;
  border-color: var(--secondary);
}
.dark.border .elementor-button {
  border-color: var(--dark);
}
.dark.border .elementor-button .elementor-button-content-wrapper {
  color: var(--dark);
}
.dark.border .elementor-button .elementor-button-content-wrapper svg {
  fill: var(--primary);
}
.dark.border .elementor-button .elementor-button-content-wrapper svg path {
  fill: var(--dark);
}
.dark.border:hover .elementor-button {
  border-color: var(--primary);
  transition: all 0.2s ease-out;
}
.dark.border:hover .elementor-button .elementor-button-content-wrapper {
  color: var(--light) !important;
  transition: all 0.2s ease-out;
}
.dark.border:hover .elementor-button .elementor-button-content-wrapper svg {
  fill: var(--light);
}
.dark.border:hover .elementor-button .elementor-button-content-wrapper svg path {
  fill: var(--light);
}
.borderBtn.primary .elementor-button {
  border-color: var(--primary);
  background-color: transparent;
}
.borderBtn.primary .elementor-button .elementor-button-content-wrapper {
  color: var(--light);
}
.borderBtn.primary .elementor-button .elementor-button-content-wrapper svg {
  fill: var(--primary);
}
.borderBtn.primary .elementor-button .elementor-button-content-wrapper svg path {
  fill: var(--primary);
}
.borderBtn.primary:hover .elementor-button {
  border-color: var(--primary);
  transition: all 0.2s ease-out;
  background-color: var(--primary);
}
.borderBtn.primary:hover .elementor-button .elementor-button-content-wrapper {
  color: var(--dark) !important;
  transition: all 0.2s ease-out;
}
.borderBtn.primary:hover .elementor-button .elementor-button-content-wrapper svg {
  fill: var(--light);
}
.borderBtn.primary:hover .elementor-button .elementor-button-content-wrapper svg path {
  fill: var(--dark);
}
.quernary.border .elementor-button {
  border-color: var(--dark);
}
.quernary.border .elementor-button .elementor-button-content-wrapper {
  color: var(--dark);
}
.quernary.border .elementor-button .elementor-button-content-wrapper svg {
  fill: var(--primary);
}
.quernary.border .elementor-button .elementor-button-content-wrapper svg path {
  fill: var(--dark);
}
.quernary.border:hover .elementor-button {
  border-color: var(--quernary);
  transition: all 0.2s ease-out;
}
.quernary.border:hover .elementor-button .elementor-button-content-wrapper {
  color: var(--light) !important;
  transition: all 0.2s ease-out;
}
.quernary.border:hover .elementor-button .elementor-button-content-wrapper svg {
  fill: var(--light);
}
.quernary.border:hover .elementor-button .elementor-button-content-wrapper svg path {
  fill: var(--light);
}
.light.border .elementor-button {
  border-color: var(--light);
  transition: all 0.2s ease-out;
}
.light.border .elementor-button .elementor-button-content-wrapper {
  color: var(--light);
  transition: all 0.2s ease-out;
}
.light.border .elementor-button .elementor-button-content-wrapper svg {
  fill: var(--light);
}
.light.border .elementor-button .elementor-button-content-wrapper svg path {
  fill: var(--light);
}
.light.border:hover .elementor-button {
  border-color: var(--primary);
  transition: all 0.2s ease-out;
}
.light.border:hover .elementor-button .elementor-button-content-wrapper {
  color: var(--dark);
  transition: all 0.2s ease-out;
}
.light.border:hover .elementor-button .elementor-button-content-wrapper svg {
  fill: var(--dark);
}
.light.border:hover .elementor-button .elementor-button-content-wrapper svg path {
  fill: var(--dark);
}
.borderBtn.light .elementor-button {
  background-color: transparent;
  border-color: var(--light);
  transition: var(--ease);
}
.borderBtn.light .elementor-button .elementor-button-content-wrapper {
  color: var(--light);
  transition: var(--ease);
}
.borderBtn.light .elementor-button .elementor-button-content-wrapper svg {
  fill: var(--primary);
}
.borderBtn.light .elementor-button .elementor-button-content-wrapper svg path {
  stroke: var(--primary);
  transition: var(--ease);
}
.borderBtn.light .elementor-button:hover {
  transition: var(--ease);
  background-image: var(--gradient);
  border-color: var(--primary);
}
.borderBtn.light .elementor-button:hover .elementor-button-content-wrapper {
  color: var(--dark);
  transition: var(--ease);
}
.borderBtn.light .elementor-button:hover .elementor-button-content-wrapper svg path {
  stroke: var(--dark);
  transition: var(--ease);
}
.borderBtn.dark .elementor-button {
  border-color: #616390;
  transition: all 0.2s ease-out;
  background-color: transparent;
}
.borderBtn.dark .elementor-button .elementor-button-content-wrapper {
  color: var(--light);
  transition: all 0.2s ease-out;
}
.borderBtn.dark .elementor-button .elementor-button-content-wrapper svg {
  fill: var(--light);
}
.borderBtn.dark .elementor-button .elementor-button-content-wrapper svg path {
  fill: var(--light);
}
.borderBtn.dark:hover .elementor-button {
  border-color: var(--primary);
  transition: all 0.2s ease-out;
  background-color: var(--primary);
}
.borderBtn.dark:hover .elementor-button .elementor-button-content-wrapper {
  color: var(--dark);
  transition: all 0.2s ease-out;
}
.borderBtn.dark:hover .elementor-button .elementor-button-content-wrapper svg {
  fill: var(--dark);
}
.borderBtn.dark:hover .elementor-button .elementor-button-content-wrapper svg path {
  fill: var(--dark);
}
.border.dark .elementor-button {
  border-color: var(--primary);
  transition: all 0.2s ease-out;
  background-color: transparent;
}
.border.dark .elementor-button .elementor-button-content-wrapper {
  color: var(--dark);
  transition: all 0.2s ease-out;
}
.border.dark .elementor-button .elementor-button-content-wrapper svg {
  fill: var(--primary);
}
.border.dark .elementor-button .elementor-button-content-wrapper svg path {
  fill: var(--primary);
}
.border.dark:hover .elementor-button {
  border-color: var(--secondary);
  transition: all 0.2s ease-out;
}
.border.dark:hover .elementor-button .elementor-button-content-wrapper {
  color: var(--light);
  transition: all 0.2s ease-out;
}
.border.dark:hover .elementor-button .elementor-button-content-wrapper svg {
  fill: var(--light);
}
.border.dark:hover .elementor-button .elementor-button-content-wrapper svg path {
  fill: var(--light);
}
span.primary {
  color: var(--primary);
}
.centerIt {
  justify-content: center;
  align-items: center;
  align-self: center;
  text-align: center;
}
.centerIt .subHeadContainer {
  justify-content: center;
}
.centerIt .elementor-widget-container {
  text-align: center;
}
.marginTop {
  margin-top: 40px;
}
.marginBottom {
  margin-bottom: 40px;
}
.boxShadow img {
  box-shadow: 15px 15px var(--primary);
  border-radius: 12px;
}
.boxShadowleft {
  box-shadow: -25px 25px var(--primary);
}
.boxShadowRight {
  box-shadow: 15px 15px var(--primary);
}
.mobileMenu .menuWrap li.current-menu-item a {
  color: var(--primary) !important;
}
.extraPadBottom {
  padding-bottom: 4rem;
}
@media (max-width: 1200px) {
  .extraPadBottom {
    padding-bottom: 0rem;
  }
}
.extraPadTop {
  padding-top: 4rem;
}
@media (max-width: 1200px) {
  .extraPadTop {
    padding-top: 0rem;
  }
}
span.darkText {
  color: var(--dark);
  font-weight: 500;
}
@media (max-width: 1024px) {
  .fullMobile {
    width: 100% !important;
  }
}
.darkBg {
  background-color: var(--dark);
}
.darkAltBg {
  background-color: var(--darkAlt);
}
.secondaryBg {
  background-color: var(--secondary);
}
.dualCols {
  gap: 140px;
}
@media (max-width: 1350px) {
  .dualCols {
    gap: 60px;
  }
}
@media (max-width: 767px) {
  .dualCols {
    gap: 30px;
    flex-direction: column;
  }
}
.simpleLink .elementor-button {
  padding: 0;
  background: transparent;
  font-size: 13px;
  letter-spacing: 2px;
}
.siteNav ul .menu-item-has-children {
  position: relative;
}
.siteNav ul .menu-item-has-children ul.sub-menu {
  display: none;
}
.siteNav ul .menu-item-has-children:hover ul.sub-menu {
  display: flex;
}
.siteNav ul ul.sub-menu {
  position: absolute;
  flex-direction: column;
  left: 0;
  background-color: var(--primary);
  width: 240px !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 0 !important;
  padding: 0px 0px;
}
.siteNav ul ul.sub-menu li {
  width: 100%;
  padding: 10px 25px;
  background: linear-gradient(to right, var(--dark) 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.2s ease-out;
}
.siteNav ul ul.sub-menu li:hover {
  transition: all 0.2s ease-out;
  background-position: left top;
}
.siteNav ul ul.sub-menu li a {
  color: var(--light);
}
.siteNav ul ul.sub-menu li a:after {
  display: none;
}
@media (max-width: 1199px) {
  .colMob {
    width: 100%;
  }
  .colMob .all-headings .main-heads * {
    text-align: center;
  }
}
.hideDesktop {
  display: none;
}
@media (max-width: 1199px) {
  .hideDesktop {
    display: flex;
  }
}
.midMargin {
  margin: 50px 0;
}
@media (max-width: 1199px) {
  .hideMob {
    display: none;
  }
}
.secondary.btn {
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: var(--light);
}
.headerBtn span {
  font-size: 14px;
}
.overflowVisible .draggable {
  overflow: visible;
}
.slideLeft {
  display: flex;
  gap: 15px;
  margin-left: calc(-7rem - 100px);
}
@media (max-width: 1200px) {
  .slideLeft {
    margin-left: 0;
  }
}
.slideLeft .main-heads * {
  font-size: 70px;
  line-height: 80px !important;
}
@media (max-width: 1400px) {
  .slideLeft .main-heads * {
    font-size: 50px;
    line-height: 60px !important;
  }
}
.globalLists li {
  color: var(--light);
  align-items: flex-start;
}
.globalLists li .elementor-icon-list-icon {
  margin-top: 6px;
}
@media (max-width: 767px) {
  .main-heads {
    width: 100% !important;
  }
}