
:root {
    --themeht-primary-color: #0091cd;
    --themeht-secondary-color: #1037B6;
    --themeht-text-color: #01203F;
    --themeht-body-color: #505D7B;
    --themeht-white-color: #FFFFFF;
    --themeht-bg-dark-color: #1B1B23;
    --themeht-bg-light-color: #F6F6F6;
    --themeht-border-light-color: #E1E1E1;
    --themeht-rgba-color: rgba(255,255,255,0.9);
    --themeht-typography-body-font-family: "Roboto", sans-serif;
    --themeht-typography-secondary-font-family: "Inter", sans-serif;
    --logo-desktop-height: 60px;
    --logo-tablet-height: 55px;
    --logo-mobile-height: 50px;
}
/* ------------------------
    General
------------------------*/

@media (min-width:1400px) {
  .elementor-section.elementor-section-boxed>.elementor-container, .container { max-width: 1350px !important; }
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1399px) { 
    .elementor-section.elementor-section-boxed>.elementor-container, .container { max-width: 1300px !important; }
}

.elementor-section.elementor-section-stretched {
 position: relative !important;
 left: 0 !important;
 right: 0 !important;
 width: 100vw !important;
 max-width: 100vw !important;
 margin-left: calc(-50vw + 50%) !important;
 margin-right: calc(-50vw + 50%) !important;
}


.custom-sec-padding{padding-top: 120px; padding-bottom: 120px;}
label { display: inline-block; font-weight: 500; color: var(--themeht-text-color); font-size: 14px; }
.elementor-default .blog-main-page{display: none;}

/* ------------------------
    Text color
------------------------*/
.text-theme{color: var(--themeht-primary-color);}
.text-black{color: var(--themeht-text-color) !important;}
.text-grey{color: var(--themeht-body-color);}


/* ------------------------
    Background color
------------------------*/
.white-bg{background-color: var(--themeht-white-color) !important;}
.dark-bg{background-color: var(--themeht-bg-dark-color);}
.light-bg{background-color: var(--themeht-bg-light-color);}
.primary-bg{background-color: var(--themeht-primary-color);}
.secondary-bg{background-color: var(--themeht-secondary-color);}
.transparent-bg{background-color: inherit !important;}

.border-light{border-color: var(--themeht-border-light-color) !important}


/* ------------------------
 Marquee Text
------------------------*/
.marquee-wrap { width: 100%; position: relative; padding: 20px; }
.marquee-wrap { overflow: hidden; display: flex; }
.marquee-inner{display: flex; will-change: transform;
    animation: marquee 50s linear infinite;}
    .marquee-inner1{display: flex; will-change: transform;
    animation: marquee 50s linear infinite reverse;}
.marquee-text { position: relative; white-space: nowrap; }
.marquee-text span { font-size: 76px; line-height: 86px; text-transform: uppercase; color: var(--themeht-secondary-color); font-family: var(--themeht-typography-secondary-font-family); font-weight: 800; vertical-align: middle; }
.marquee-text i { font-size: 40px; display: inline-block; line-height: 1; margin: 0 30px; color: var(--themeht-secondary-color); vertical-align: middle; }
.marquee-text:nth-child(2n+2) span{color: var(--themeht-white-color); text-shadow: -1px -1px 0 var(--themeht-text-color), 1px -1px 0 var(--themeht-text-color), -1px 1px 0 var(--themeht-text-color), 1px 1px 0 var(--themeht-text-color);}
.marquee-text.text-white span { color: var(--themeht-white-color); }
.marquee-text.text-white i { color: var(--themeht-white-color); }
.marquee-text.text-white:nth-child(2n+2) span{color: #0091cd; text-shadow: -1px -1px 0 var(--themeht-white-color), 1px -1px 0 var(--themeht-white-color), -1px 1px 0 var(--themeht-white-color), 1px 1px 0 var(--themeht-white-color);}
.marquee-wrap.style-2 { padding: 30px 0; transform: scale(1.1) rotate(5deg); background: linear-gradient(115deg, var(--themeht-primary-color), var(--themeht-secondary-color)); }
.marquee-wrap.style-2 .marquee-text span, .marquee-wrap.style-2 .marquee-text i { color: var(--themeht-white-color); }


.marquee-wrap.style-3 .marquee-text span{color: var(--themeht-bg-dark-color);
    text-shadow: -1px -1px 0 var(--themeht-white-color), 1px -1px 0 var(--themeht-white-color), -1px 1px 0 var(--themeht-white-color), 1px 1px 0 var(--themeht-white-color); opacity: 0.2;
    margin: 0 20px; font-size: 110px;
    line-height: 130px;}

@keyframes marquee {
  to {
    transform: translateX(-50%);
  }
}
@keyframes marquee1 {
  to {
    transform: translateX(-50%);
  }
}



/* ================================== Feature Section Start =================================== */

.feature-item a {
    font-size: 26px;
}
.feature-item {
  padding: clampCal(24, 50) 16px;
  border: 1px solid transparent;
  transition: .5s linear;
  animation: tada 2s ease infinite;
  display: inline-table;

  &:hover {
    animation: none;
  }




  &__text {
    @include sm-screen {
      font-size: rem(40px) !important;
    }
  }
}


@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.2) rotate(3deg);
    -ms-transform: scale(1.2) rotate(3deg);
    transform: scale(1.2) rotate(3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale(1.2) rotate(-3deg);
    -ms-transform: scale(1.2) rotate(-3deg);
    transform: scale(1.2) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

/* ================================== Feature Section End =================================== */