.elementor-17 .elementor-element.elementor-element-1225a9c{--display:flex;--margin-top:-156px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-f009ad6{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-f009ad6:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-f009ad6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-fe23792{--display:flex;--justify-content:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-5d31c6a{--display:flex;--justify-content:center;}.elementor-17 .elementor-element.elementor-element-05bbd98{--display:flex;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-05bbd98:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-05bbd98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-17 .elementor-element.elementor-element-7e4ac32{margin:-150px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-17 .elementor-element.elementor-element-5cc0a6e{--display:flex;--padding-top:20px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-5cc0a6e:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-5cc0a6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://noverahsolutions.com/wp-content/uploads/2026/06/bg.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-45cd043{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-45cd043:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-45cd043 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-9633851{--display:flex;}.elementor-17 .elementor-element.elementor-element-20b71bf{--display:flex;--justify-content:center;}.elementor-17 .elementor-element.elementor-element-42326c6{--display:flex;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-cb9f8a1 .gallery-item{padding:0 0px 0px 0;}.elementor-17 .elementor-element.elementor-element-cb9f8a1 .gallery{margin:0 -0px -0px 0;}.elementor-17 .elementor-element.elementor-element-cb9f8a1 .gallery-item .gallery-caption{text-align:center;}.elementor-17 .elementor-element.elementor-element-db4fd89{--display:flex;}.elementor-17 .elementor-element.elementor-element-9af83e3 .gallery-item{padding:0 15px 15px 0;}.elementor-17 .elementor-element.elementor-element-9af83e3 .gallery{margin:0 -15px -15px 0;}.elementor-17 .elementor-element.elementor-element-9af83e3 .gallery-item .gallery-caption{text-align:center;}.elementor-17 .elementor-element.elementor-element-a940a5a{--display:flex;}.elementor-17 .elementor-element.elementor-element-5b55921 .gallery-item{padding:0 15px 15px 0;}.elementor-17 .elementor-element.elementor-element-5b55921 .gallery{margin:0 -15px -15px 0;}.elementor-17 .elementor-element.elementor-element-5b55921 .gallery-item .gallery-caption{text-align:center;}.elementor-17 .elementor-element.elementor-element-91fa112{--display:flex;}.elementor-17 .elementor-element.elementor-element-4285c11 .gallery-item{padding:0 15px 15px 0;}.elementor-17 .elementor-element.elementor-element-4285c11 .gallery{margin:0 -15px -15px 0;}.elementor-17 .elementor-element.elementor-element-4285c11 .gallery-item .gallery-caption{text-align:center;}.elementor-17 .elementor-element.elementor-element-2d42f5e{--display:flex;}.elementor-17 .elementor-element.elementor-element-79c4bb8 .gallery-item{padding:0 15px 15px 0;}.elementor-17 .elementor-element.elementor-element-79c4bb8 .gallery{margin:0 -15px -15px 0;}.elementor-17 .elementor-element.elementor-element-79c4bb8 .gallery-item .gallery-caption{text-align:center;}.elementor-17 .elementor-element.elementor-element-2201232{--display:flex;}.elementor-17 .elementor-element.elementor-element-3e4a725 .gallery-item{padding:0 15px 15px 0;}.elementor-17 .elementor-element.elementor-element-3e4a725 .gallery{margin:0 -15px -15px 0;}.elementor-17 .elementor-element.elementor-element-3e4a725 .gallery-item .gallery-caption{text-align:center;}.elementor-17 .elementor-element.elementor-element-a9b43cd{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;}.elementor-17 .elementor-element.elementor-element-a9b43cd.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#3B82F6;}.elementor-17 .elementor-element.elementor-element-a9b43cd.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-17 .elementor-element.elementor-element-a9b43cd.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#3B82F6;}.elementor-17 .elementor-element.elementor-element-6d70753{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-6d70753.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-17 .elementor-element.elementor-element-63f0b3f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-7f2d9b3{--display:flex;--justify-content:center;}.elementor-17 .elementor-element.elementor-element-2e94f2c{--display:flex;--justify-content:center;}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-fe23792{--width:40%;}.elementor-17 .elementor-element.elementor-element-5d31c6a{--width:60%;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-1225a9c{--margin-top:-52px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for html, class: .elementor-element-0910548 */.hero-slider{
  position:relative;
  height:100vh;
  overflow:hidden;
  background:#000;
}

/* Slides */
.slide{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:0;
  transform:scale(1.06);
  transition:opacity 1s ease, transform 6s ease;
}

.slide.active{
  opacity:1;
  transform:scale(1);
  z-index:1;
}

.overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to right,rgba(0,0,0,.75),rgba(0,0,0,.35));
}

/* Content */
.content{
  position:absolute;
  top:50%;
  left:10%;
  transform:translateY(-50%) translateX(-40px);
  max-width:1120px;
  color:#fff;
  opacity:0;
  transition:all 1s ease;
}

.slide.active .content{
  opacity:1;
  transform:translateY(-50%) translateX(0);
}

.tag{
  display:inline-block;
  background:#2563eb;
  padding:6px 14px;
  font-size:12px;
  letter-spacing:1px;
  border-radius:20px;
  margin-bottom:20px;
}

h1{
  font-size:86px !important;
  font-weight:800 !important;
  line-height:1.05;
  margin-bottom:20px;
  color: white !important;
}

h1 span{
  color:#3b82f6 !important;
}

p{
  font-size:17px;
  margin-bottom:30px;
}

/* Buttons (Image-Matched Style) */
.buttons{
  display:flex;
  gap:16px;
}

.btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 26px;
  font-size:14px;
  font-weight:600;
  letter-spacing:0.5px;
  text-transform:uppercase;
  border-radius:10px;
  text-decoration:none !important;
  transition:all .3s ease;
}

/* Primary */
.btn-primary{
  background:#ffffff;
  color:#1f2937;
  box-shadow:0 8px 20px rgba(0,0,0,.25);
}

.btn-primary span{
  font-size:18px;
  transition:transform .3s ease;
}

.btn-primary:hover span{
  transform:translateX(4px);
}

/* Outline */
.btn-outline{
  background:transparent;
  color:#ffffff;
  border:1px solid rgba(255,255,255,.4);
}

.btn-outline:hover{
  background:rgba(255,255,255,.1);
}

/* Arrows */
.nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  font-size:34px;
  color:#fff;
  background:rgba(255,255,255,.15);
  padding:10px 16px;
  cursor:pointer;
  z-index:5;
}

.prev{left:20px;}
.next{right:20px;}

/* Controller */
.controller{
  position:absolute;
  bottom:30px;
  left:30px;
  display:flex;
  align-items:center;
  gap:16px;
  background:rgba(0,0,0,.45);
  padding:12px 16px;
  border-radius:30px;
  backdrop-filter:blur(6px);
  z-index:10;
}

#toggle{
  background:none;
  border:none;
  color:#fff;
  font-size:16px;
  cursor:pointer;
}

/* Line Indicators */
.lines{
  display:flex;
  gap:8px;
}

.lines span{
  width:28px;
  height:3px;
  background:rgba(255,255,255,.35);
  border-radius:2px;
  cursor:pointer;
  transition:all .3s ease;
}

.lines span.active{
  width:40px;
  background:#2563eb;
}
/* =========================
   RESPONSIVE STYLES
========================= */

/* Tablets */
@media (max-width: 1024px) {
  .hero-slider {
    height: 80vh;
  }

  .content {
    left: 6%;
    max-width: 520px;
  }

  h1 {
    font-size: 44px;
  }

  p {
    font-size: 16px;
  }
}

/* Mobiles */
@media (max-width: 768px) {
  .hero-slider {
    height: 100vh;
  }

  .content {
    left: 5%;
    right: 5%;
    max-width: 100%;
  }

  h1 {
    font-size: 34px;
  }

  p {
    font-size: 15px;
  }

  .buttons {
    flex-direction: column;
    align-items: flex-start;
  }

  .btn {
    width: auto;
  }

  /* Hide arrows on mobile */
  .nav {
    display: none;
  }

  /* Controller move center-bottom */
  .controller {
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
  }
}

/* Small Phones */
@media (max-width: 480px) {
  h1 {
    font-size: 28px;
  }

  .tag {
    font-size: 11px;
    padding: 5px 12px;
  }

  .btn {
    font-size: 13px;
    padding: 12px 22px;
  }

  .lines span {
    width: 22px;
  }

  .lines span.active {
    width: 32px;
  }
}

/* Large Tablets / Small Laptops */
@media (max-width: 1024px) {/* =========================
   RESPONSIVE STYLES
========================= */

/* Large Tablets */
@media (max-width: 1024px) {

  .hero-slider{
    height:80vh;
  }

  .content{
    left:6%;
    right:6%;
    max-width:600px;
  }

  h1{
    font-size:42px !important;
    line-height:1.15;
  }

  p{
    font-size:16px;
    line-height:1.7;
  }
}

/* Tablets */
@media (max-width: 768px) {

  .hero-slider{
    height:100vh;
  }

  .content{
    left:5%;
    right:5%;
    max-width:100%;
    text-align:left;
  }

  .tag{
    font-size:11px;
    padding:6px 14px;
    margin-bottom:15px;
  }

  h1{
    font-size:34px !important;
    line-height:1.2;
    margin-bottom:15px;
  }

  p{
    font-size:15px;
    line-height:1.7;
    margin-bottom:25px;
  }

  .buttons{
    flex-wrap:wrap;
    gap:12px;
  }

  .btn{
    padding:13px 20px;
    font-size:13px;
  }

  .nav{
    display:none;
  }

  .controller{
    left:50%;
    transform:translateX(-50%);
    bottom:20px;
  }
}

/* Mobile */
@media (max-width: 576px) {

  .content{
    left:20px;
    right:20px;
    top:50%;
  }

  h1{
    font-size:28px !important;
    line-height:1.25;
    margin-bottom:12px;
  }

  p{
    font-size:14px;
    line-height:1.6;
    margin-bottom:20px;
  }

  .buttons{
    width:100%;
    flex-direction:column;
    gap:12px;
  }

  .btn{
    width:100%;
    justify-content:center;
    text-align:center;
    padding:14px 18px;
  }

  .tag{
    font-size:10px;
    padding:5px 12px;
  }
}

/* Small Phones */
@media (max-width: 400px) {

  h1{
    font-size:24px !important;
    line-height:1.3;
  }

  p{
    font-size:13px;
  }

  .btn{
    font-size:12px;
    padding:12px 16px;
  }

  .controller{
    bottom:15px;
    padding:10px 14px;
  }

  .lines span{
    width:18px;
  }

  .lines span.active{
    width:28px;
  }
}

}

/* iPad / Tablets */
@media (max-width: 768px) {/* =========================
   RESPONSIVE STYLES
========================= */

/* Large Tablets */
@media (max-width: 1024px) {

  .hero-slider{
    height:80vh;
  }

  .content{
    left:6%;
    right:6%;
    max-width:600px;
  }

  h1{
    font-size:42px !important;
    line-height:1.15;
  }

  p{
    font-size:16px;
    line-height:1.7;
  }
}

/* Tablets */
@media (max-width: 768px) {

  .hero-slider{
    height:100vh;
  }

  .content{
    left:5%;
    right:5%;
    max-width:100%;
    text-align:left;
  }

  .tag{
    font-size:11px;
    padding:6px 14px;
    margin-bottom:15px;
  }

  h1{
    font-size:34px !important;
    line-height:1.2;
    margin-bottom:15px;
  }

  p{
    font-size:15px;
    line-height:1.7;
    margin-bottom:25px;
  }

  .buttons{
    flex-wrap:wrap;
    gap:12px;
  }

  .btn{
    padding:13px 20px;
    font-size:13px;
  }

  .nav{
    display:none;
  }

  .controller{
    left:50%;
    transform:translateX(-50%);
    bottom:20px;
  }
}

/* Mobile */
@media (max-width: 576px) {

  .content{
    left:20px;
    right:20px;
    top:50%;
  }

  h1{
    font-size:28px !important;
    line-height:1.25;
    margin-bottom:12px;
  }

  p{
    font-size:14px;
    line-height:1.6;
    margin-bottom:20px;
  }

  .buttons{
    width:100%;
    flex-direction:column;
    gap:12px;
  }

  .btn{
    width:100%;
    justify-content:center;
    text-align:center;
    padding:14px 18px;
  }

  .tag{
    font-size:10px;
    padding:5px 12px;
  }
}

/* Small Phones */
@media (max-width: 400px) {

  h1{
    font-size:24px !important;
    line-height:1.3;
  }

  p{
    font-size:13px;
  }

  .btn{
    font-size:12px;
    padding:12px 16px;
  }

  .controller{
    bottom:15px;
    padding:10px 14px;
  }

  .lines span{
    width:18px;
  }

  .lines span.active{
    width:28px;
  }
}

}

/* Large Mobile Phones */
@media (max-width: 576px) {/* =========================
   RESPONSIVE STYLES
========================= */

/* Large Tablets */
@media (max-width: 1024px) {

  .hero-slider{
    height:80vh;
  }

  .content{
    left:6%;
    right:6%;
    max-width:600px;
  }

  h1{
    font-size:42px !important;
    line-height:1.15;
  }

  p{
    font-size:16px;
    line-height:1.7;
  }
}

/* Tablets */
@media (max-width: 768px) {

  .hero-slider{
    height:100vh;
  }

  .content{
    left:5%;
    right:5%;
    max-width:100%;
    text-align:left;
  }

  .tag{
    font-size:11px;
    padding:6px 14px;
    margin-bottom:15px;
  }

  h1{
    font-size:34px !important;
    line-height:1.2;
    margin-bottom:15px;
  }

  p{
    font-size:15px;
    line-height:1.7;
    margin-bottom:25px;
  }

  .buttons{
    flex-wrap:wrap;
    gap:12px;
  }

  .btn{
    padding:13px 20px;
    font-size:13px;
  }

  .nav{
    display:none;
  }

  .controller{
    left:50%;
    transform:translateX(-50%);
    bottom:20px;
  }
}

/* Mobile */
@media (max-width: 576px) {

  .content{
    left:20px;
    right:20px;
    top:50%;
  }

  h1{
    font-size:28px !important;
    line-height:1.25;
    margin-bottom:12px;
  }

  p{
    font-size:14px;
    line-height:1.6;
    margin-bottom:20px;
  }

  .buttons{
    width:100%;
    flex-direction:column;
    gap:12px;
  }

  .btn{
    width:100%;
    justify-content:center;
    text-align:center;
    padding:14px 18px;
  }

  .tag{
    font-size:10px;
    padding:5px 12px;
  }
}

/* Small Phones */
@media (max-width: 400px) {

  h1{
    font-size:24px !important;
    line-height:1.3;
  }

  p{
    font-size:13px;
  }

  .btn{
    font-size:12px;
    padding:12px 16px;
  }

  .controller{
    bottom:15px;
    padding:10px 14px;
  }

  .lines span{
    width:18px;
  }

  .lines span.active{
    width:28px;
  }
}

}

/* Standard Mobile Phones */
@media (max-width: 480px) {/* =========================
   RESPONSIVE STYLES
========================= */

/* Large Tablets */
@media (max-width: 1024px) {

  .hero-slider{
    height:80vh;
  }

  .content{
    left:6%;
    right:6%;
    max-width:600px;
  }

  h1{
    font-size:42px !important;
    line-height:1.15;
  }

  p{
    font-size:16px;
    line-height:1.7;
  }
}

/* Tablets */
@media (max-width: 768px) {

  .hero-slider{
    height:100vh;
  }

  .content{
    left:5%;
    right:5%;
    max-width:100%;
    text-align:left;
  }

  .tag{
    font-size:11px;
    padding:6px 14px;
    margin-bottom:15px;
  }

  h1{
    font-size:34px !important;
    line-height:1.2;
    margin-bottom:15px;
  }

  p{
    font-size:15px;
    line-height:1.7;
    margin-bottom:25px;
  }

  .buttons{
    flex-wrap:wrap;
    gap:12px;
  }

  .btn{
    padding:13px 20px;
    font-size:13px;
  }

  .nav{
    display:none;
  }

  .controller{
    left:50%;
    transform:translateX(-50%);
    bottom:20px;
  }
}

/* Mobile */
@media (max-width: 576px) {

  .content{
    left:20px;
    right:20px;
    top:50%;
  }

  h1{
    font-size:28px !important;
    line-height:1.25;
    margin-bottom:12px;
  }

  p{
    font-size:14px;
    line-height:1.6;
    margin-bottom:20px;
  }

  .buttons{
    width:100%;
    flex-direction:column;
    gap:12px;
  }

  .btn{
    width:100%;
    justify-content:center;
    text-align:center;
    padding:14px 18px;
  }

  .tag{
    font-size:10px;
    padding:5px 12px;
  }
}

/* Small Phones */
@media (max-width: 400px) {

  h1{
    font-size:24px !important;
    line-height:1.3;
  }

  p{
    font-size:13px;
  }

  .btn{
    font-size:12px;
    padding:12px 16px;
  }

  .controller{
    bottom:15px;
    padding:10px 14px;
  }

  .lines span{
    width:18px;
  }

  .lines span.active{
    width:28px;
  }
}

}

/* Small Mobile Phones */
@media (max-width: 425px) {/* =========================
   RESPONSIVE STYLES
========================= */

/* Large Tablets */
@media (max-width: 1024px) {

  .hero-slider{
    height:80vh;
  }

  .content{
    left:6%;
    right:6%;
    max-width:600px;
  }

  h1{
    font-size:42px !important;
    line-height:1.15;
  }

  p{
    font-size:16px;
    line-height:1.7;
  }
}

/* Tablets */
@media (max-width: 768px) {

  .hero-slider{
    height:100vh;
  }

  .content{
    left:5%;
    right:5%;
    max-width:100%;
    text-align:left;
  }

  .tag{
    font-size:11px;
    padding:6px 14px;
    margin-bottom:15px;
  }

  h1{
    font-size:34px !important;
    line-height:1.2;
    margin-bottom:15px;
  }

  p{
    font-size:15px;
    line-height:1.7;
    margin-bottom:25px;
  }

  .buttons{
    flex-wrap:wrap;
    gap:12px;
  }

  .btn{
    padding:13px 20px;
    font-size:13px;
  }

  .nav{
    display:none;
  }

  .controller{
    left:50%;
    transform:translateX(-50%);
    bottom:20px;
  }
}

/* Mobile */
@media (max-width: 576px) {

  .content{
    left:20px;
    right:20px;
    top:50%;
  }

  h1{
    font-size:28px !important;
    line-height:1.25;
    margin-bottom:12px;
  }

  p{
    font-size:14px;
    line-height:1.6;
    margin-bottom:20px;
  }

  .buttons{
    width:100%;
    flex-direction:column;
    gap:12px;
  }

  .btn{
    width:100%;
    justify-content:center;
    text-align:center;
    padding:14px 18px;
  }

  .tag{
    font-size:10px;
    padding:5px 12px;
  }
}

/* Small Phones */
@media (max-width: 400px) {

  h1{
    font-size:24px !important;
    line-height:1.3;
  }

  p{
    font-size:13px;
  }

  .btn{
    font-size:12px;
    padding:12px 16px;
  }

  .controller{
    bottom:15px;
    padding:10px 14px;
  }

  .lines span{
    width:18px;
  }

  .lines span.active{
    width:28px;
  }
}

}

/* Very Small Phones */
@media (max-width: 375px) {/* =========================
   RESPONSIVE STYLES
========================= */

/* Large Tablets */
@media (max-width: 1024px) {

  .hero-slider{
    height:80vh;
  }

  .content{
    left:6%;
    right:6%;
    max-width:600px;
  }

  h1{
    font-size:42px !important;
    line-height:1.15;
  }

  p{
    font-size:16px;
    line-height:1.7;
  }
}

/* Tablets */
@media (max-width: 768px) {

  .hero-slider{
    height:100vh;
  }

  .content{
    left:5%;
    right:5%;
    max-width:100%;
    text-align:left;
  }

  .tag{
    font-size:11px;
    padding:6px 14px;
    margin-bottom:15px;
  }

  h1{
    font-size:34px !important;
    line-height:1.2;
    margin-bottom:15px;
  }

  p{
    font-size:15px;
    line-height:1.7;
    margin-bottom:25px;
  }

  .buttons{
    flex-wrap:wrap;
    gap:12px;
  }

  .btn{
    padding:13px 20px;
    font-size:13px;
  }

  .nav{
    display:none;
  }

  .controller{
    left:50%;
    transform:translateX(-50%);
    bottom:20px;
  }
}

/* Mobile */
@media (max-width: 576px) {

  .content{
    left:20px;
    right:20px;
    top:50%;
  }

  h1{
    font-size:28px !important;
    line-height:1.25;
    margin-bottom:12px;
  }

  p{
    font-size:14px;
    line-height:1.6;
    margin-bottom:20px;
  }

  .buttons{
    width:100%;
    flex-direction:column;
    gap:12px;
  }

  .btn{
    width:100%;
    justify-content:center;
    text-align:center;
    padding:14px 18px;
  }

  .tag{
    font-size:10px;
    padding:5px 12px;
  }
}

/* Small Phones */
@media (max-width: 400px) {

  h1{
    font-size:24px !important;
    line-height:1.3;
  }

  p{
    font-size:13px;
  }

  .btn{
    font-size:12px;
    padding:12px 16px;
  }

  .controller{
    bottom:15px;
    padding:10px 14px;
  }

  .lines span{
    width:18px;
  }

  .lines span.active{
    width:28px;
  }
}

}

/* Extra Small Phones */
@media (max-width: 320px) {/* =========================
   RESPONSIVE STYLES
========================= */

/* Large Tablets */
@media (max-width: 1024px) {

  .hero-slider{
    height:80vh;
  }

  .content{
    left:6%;
    right:6%;
    max-width:600px;
  }

  h1{
    font-size:42px !important;
    line-height:1.15;
  }

  p{
    font-size:16px;
    line-height:1.7;
  }
}

/* Tablets */
@media (max-width: 768px) {

  .hero-slider{
    height:100vh;
  }

  .content{
    left:5%;
    right:5%;
    max-width:100%;
    text-align:left;
  }

  .tag{
    font-size:11px;
    padding:6px 14px;
    margin-bottom:15px;
  }

  h1{
    font-size:34px !important;
    line-height:1.2;
    margin-bottom:15px;
  }

  p{
    font-size:15px;
    line-height:1.7;
    margin-bottom:25px;
  }

  .buttons{
    flex-wrap:wrap;
    gap:12px;
  }

  .btn{
    padding:13px 20px;
    font-size:13px;
  }

  .nav{
    display:none;
  }

  .controller{
    left:50%;
    transform:translateX(-50%);
    bottom:20px;
  }
}

/* Mobile */
@media (max-width: 576px) {

  .content{
    left:20px;
    right:20px;
    top:50%;
  }

  h1{
    font-size:28px !important;
    line-height:1.25;
    margin-bottom:12px;
  }

  p{
    font-size:14px;
    line-height:1.6;
    margin-bottom:20px;
  }

  .buttons{
    width:100%;
    flex-direction:column;
    gap:12px;
  }

  .btn{
    width:100%;
    justify-content:center;
    text-align:center;
    padding:14px 18px;
  }

  .tag{
    font-size:10px;
    padding:5px 12px;
  }
}

/* Small Phones */
@media (max-width: 400px) {

  h1{
    font-size:24px !important;
    line-height:1.3;
  }

  p{
    font-size:13px;
  }

  .btn{
    font-size:12px;
    padding:12px 16px;
  }

  .controller{
    bottom:15px;
    padding:10px 14px;
  }

  .lines span{
    width:18px;
  }

  .lines span.active{
    width:28px;
  }
}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c927426 *//* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap');

/* =========================
   ABOUT SECTION
========================= */

.about-section{
    background:transparent;
    font-family:'Roboto',sans-serif;
}

.about-container{
    max-width:1200px;
    margin:auto;
}

.about-content{
    max-width:900px;
}

.about-heading{
    font-size:56px;
    font-weight:700;
    line-height:1.05;
    color:black;
    margin:0 0 20px;
}

.about-heading span{
    color:#3B82F6;
}

.about-line{
    width:60px;
    height:3px;
    background:#3B82F6;
    border-radius:50px;
    margin-bottom:35px;
}

.about-content p{
    font-size:17px;
    line-height:1.8;
    color:black;
    margin-bottom:25px;
}

.about-highlight{
    font-size:22px;
    font-weight:700;
    color:#ffffff;
}

/* =========================
   COUNTERS
========================= */

.counter-wrap{
    display:flex;
    gap:70px;
    flex-wrap:wrap;
    margin-bottom:25px;
}

.counter-box{
    text-align:left;
}

.counter-box h3{
    font-size:56px;
    font-weight:700;
    color:black;
    margin:0 0 10px;
    line-height:1;
}

.counter-box span{
    color:#3B82F6;
    font-size:17px;
    font-weight:500;
}

/* =========================
   BUTTON
========================= */

.about-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:14px 26px;
    background:#3B82F6 ;
    color:white !important;
    text-decoration:none !important;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    border-radius:10px;
    transition:.3s ease;
    box-shadow:0 8px 20px rgba(0,0,0,.25);
}

.about-btn span{
    font-size:18px;
    transition:.3s ease;
}

.about-btn:hover span{
    transform:translateX(4px);
}

/* =========================
   TABLET
========================= */

@media(max-width:1024px){

    .about-heading{
        font-size:42px;
    }

    .counter-box h3{
        font-size:42px;
    }

    .about-content p{
        font-size:16px;
    }
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

    .about-section{
        padding:80px 20px;
    }

    .about-heading{
        font-size:34px;
        line-height:1.2;
    }

    .about-content p{
        font-size:15px;
    }

    .about-highlight{
        font-size:18px;
    }

    .counter-wrap{
        gap:35px;
    }

    .counter-box h3{
        font-size:34px;
    }

    .counter-box span{
        font-size:15px;
    }
}

/* =========================
   SMALL MOBILE
========================= */

@media(max-width:576px){

    .about-heading{
        font-size:28px;
    }

    .about-content p{
        font-size:14px;
    }

    .counter-wrap{
        flex-direction:column;
        gap:25px;
    }

    .counter-box h3{
        font-size:28px;
    }

    .counter-box span{
        font-size:14px;
    }

    .about-btn{
        width:100%;
        justify-content:center;
    }
}

/* =========================
   EXTRA SMALL
========================= */

@media(max-width:400px){

    .about-heading{
        font-size:24px;
    }

    .about-content p{
        font-size:13px;
    }

    .counter-box h3{
        font-size:24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-09a3bf6 *//* =========================
   SERVICES INTRO
========================= */

.services-intro{
    text-align:center;
    background:transparent;
    font-family:'Roboto',sans-serif;
}

.services-intro-container{
    max-width:1100px;
    margin:auto;
}

.services-tag{
    display:inline-block;
    background:black;
    color:#fff;
    padding:18px 18px;
    font-size:12px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    border-radius:30px;
}

.services-heading{
    font-size:56px;
    font-weight:700;
    line-height:1.1;
    color:#ffffff;
    text-transform:uppercase;
}

.services-heading span{
    color:#3B82F6;
}

.services-description{
    max-width:900px;
    margin:auto;
    font-size:17px;
    line-height:1.8;
    color:black !important;
}

/* Tablet */
@media(max-width:1024px){

    .services-heading{
        font-size:42px;
    }

    .services-description{
        font-size:16px;
    }
}

/* Mobile */
@media(max-width:768px){

    .services-intro{
        padding:80px 20px;
    }

    .services-heading{
        font-size:34px;
        line-height:1.2;
    }

    .services-description{
        font-size:15px;
    }
}

/* Small Mobile */
@media(max-width:576px){

    .services-heading{
        font-size:28px;
    }

    .services-description{
        font-size:14px;
    }

    .services-tag{
        font-size:11px;
        padding:6px 14px;
    }
}

/* Extra Small */
@media(max-width:400px){

    .services-heading{
        font-size:24px;
    }

    .services-description{
        font-size:13px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7e4ac32 */*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Poppins',sans-serif;
    background:#f5f8ff;
}

.services-section{
    padding:80px 20px;
}

.container{
    max-width:1400px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.service-card{
    position:relative;
    background:#fff;
    border-radius:24px;
    padding:35px;
    overflow:hidden;
    border:1px solid rgba(11,46,138,.08);
    transition:.4s ease;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.service-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:#0b2e8a;
    transform:scaleX(0);
    transition:.4s;
}

.service-card::after{
    content:'';
    position:absolute;
    width:180px;
    height:180px;
    background:rgba(11,46,138,.05);
    border-radius:50%;
    bottom:-90px;
    right:-90px;
    transition:.5s;
}

.service-card:hover{
    transform:translateY(-12px);
    box-shadow:0 25px 60px rgba(11,46,138,.18);
}

.service-card:hover::before{
    transform:scaleX(1);
}

.service-card:hover::after{
    transform:scale(1.2);
}

.card-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:25px;
}

.card-header h3{
    font-size:28px;
    color:#111;
    font-weight:700;
}

.icon1{
    width:70px;
    height:70px;
    border-radius:20px;
    background:rgba(11,46,138,.08);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#3B82F6;
    font-size:28px;
    transition:.4s;
}

.service-card:hover .icon{
    background:#3B82F6;
    color:#fff;
    transform:rotate(10deg);
}

.service-card p{
    color:#666;
    line-height:1.8;
    margin-bottom:30px;
    font-size:14px;
}

.card-content{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
    margin-bottom:30px;
}

.card-content h4{
    color:#3B82F6;
    margin-bottom:12px;
    font-size:20px;
}

.card-content ul{
    list-style:none;
}

.card-content ul li{
    color:#555;
    margin-bottom:10px;
    position:relative;
    padding-left:20px;
    font-size:10px;
}

.card-content ul li::before{
    content:'';
    position:absolute;
    left:0;
    top:8px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#3B82F6;
}

.card-btn{
    width:60px;
    height:60px;
    background:#3B82F6;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#fff;
    font-size:24px;
    transition:.4s;
}

.service-card:hover .card-btn{
    transform:translateX(8px);
}

@media(max-width:991px){

    .container{
        grid-template-columns:1fr;
    }

    .service-card{
        padding:30px;
    }

    .card-header h3{
        font-size:24px;
    }
}

@media(max-width:576px){

    .card-content{
        grid-template-columns:1fr;
    }

    .card-header{
        flex-direction:column;
        align-items:flex-start;
        gap:15px;
    }

    .icon{
        width:60px;
        height:60px;
        font-size:24px;
    }

    .service-card{
        padding:25px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-17f292e *//* =========================
   CTA SECTION
========================= */

.noverah-cta{
    padding:30px 20px;
    text-align:center;
    background:transparent;
    font-family:'Roboto',sans-serif;
}

.noverah-cta .cta-container{
    max-width:900px;
    margin:auto;
}

.noverah-cta h2{
    font-size:56px;
    font-weight:700;
    line-height:1.1;
    color: white !important;
    margin-bottom:25px;
}

.noverah-cta p{
    font-size:17px;
    line-height:1.8;
    color: white !important;
    margin-bottom:40px;
}

/* Button - Hero Theme Style */
.noverah-cta .cta-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 26px;
    background:#ffffff;
    color:#1f2937;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    text-decoration:none !important;
    border-radius:10px;
    border:1px solid #e5e7eb;
    transition:.3s ease;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.noverah-cta .cta-btn:hover{
    transform:translateY(-3px);
}

.noverah-cta .cta-btn span{
    font-size:18px;
    transition:.3s ease;
}

.noverah-cta .cta-btn:hover span{
    transform:translateX(4px);
}

/* =========================
   TABLET
========================= */

@media (max-width:1024px){

    .noverah-cta h2{
        font-size:42px;
    }

    .noverah-cta p{
        font-size:16px;
    }
}

/* =========================
   MOBILE
========================= */

@media (max-width:768px){

    .noverah-cta{
        padding:80px 20px;
    }

    .noverah-cta h2{
        font-size:34px;
        line-height:1.2;
    }

    .noverah-cta p{
        font-size:15px;
    }
}

/* =========================
   SMALL MOBILE
========================= */

@media (max-width:576px){

    .noverah-cta h2{
        font-size:28px;
    }

    .noverah-cta p{
        font-size:14px;
    }

    .noverah-cta .cta-btn{
        width:100%;
        justify-content:center;
    }
}

/* =========================
   EXTRA SMALL
========================= */

@media (max-width:400px){

    .noverah-cta h2{
        font-size:24px;
    }

    .noverah-cta p{
        font-size:13px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7d5cd96 */.portfolio-heading{
    font-size:56px;
    font-weight:700;
    line-height:1.05;
    color:#ffffff;
    text-align:center;
    margin-bottom:20px;
}

.portfolio-heading span{
    color:#3B82F6;
}

/* Tablet */
@media (max-width:1024px){
    .portfolio-heading{
        font-size:42px;
    }
}

/* Mobile */
@media (max-width:768px){
    .portfolio-heading{
        font-size:34px;
        line-height:1.2;
    }
}

/* Small Mobile */
@media (max-width:576px){
    .portfolio-heading{
        font-size:28px;
    }
}

/* Extra Small */
@media (max-width:400px){
    .portfolio-heading{
        font-size:24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46d9c7e */.portfolio-showcase{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.website-card{
    width:calc(25% - 15px);
    height:400px;
    overflow:hidden;
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:.4s;
    position:relative;
}

.website-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(11,46,138,.25);
}

.website-image{
    width:100%;
    height:100%;
    overflow:hidden;
}

.website-image img{
    width:100%;
    display:block;
    transition:transform 8s linear;
}

.website-card:hover img{
    transform:translateY(calc(-100% + 500px));
}

/* Tablet */
@media(max-width:1024px){
    .website-card{
        width:calc(50% - 10px);
    }
}

/* Mobile */
@media(max-width:767px){
    .website-card{
        width:100%;
        height:400px;
    }

    .website-card:hover img{
        transform:translateY(calc(-100% + 400px));
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d629c15 */.portfolio-showcase{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.website-card{
    width:calc(25% - 15px);
    height:400px;
    overflow:hidden;
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:.4s;
    position:relative;
}

.website-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(11,46,138,.25);
}

.website-image{
    width:100%;
    height:100%;
    overflow:hidden;
}

.website-image img{
    width:100%;
    display:block;
    transition:transform 8s linear;
}

.website-card:hover img{
    transform:translateY(calc(-100% + 500px));
}

/* Tablet */
@media(max-width:1024px){
    .website-card{
        width:calc(50% - 10px);
    }
}

/* Mobile */
@media(max-width:767px){
    .website-card{
        width:100%;
        height:400px;
    }

    .website-card:hover img{
        transform:translateY(calc(-100% + 400px));
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46d9c7e */.portfolio-showcase{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.website-card{
    width:calc(25% - 15px);
    height:400px;
    overflow:hidden;
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:.4s;
    position:relative;
}

.website-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(11,46,138,.25);
}

.website-image{
    width:100%;
    height:100%;
    overflow:hidden;
}

.website-image img{
    width:100%;
    display:block;
    transition:transform 8s linear;
}

.website-card:hover img{
    transform:translateY(calc(-100% + 500px));
}

/* Tablet */
@media(max-width:1024px){
    .website-card{
        width:calc(50% - 10px);
    }
}

/* Mobile */
@media(max-width:767px){
    .website-card{
        width:100%;
        height:400px;
    }

    .website-card:hover img{
        transform:translateY(calc(-100% + 400px));
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d629c15 */.portfolio-showcase{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.website-card{
    width:calc(25% - 15px);
    height:400px;
    overflow:hidden;
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:.4s;
    position:relative;
}

.website-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(11,46,138,.25);
}

.website-image{
    width:100%;
    height:100%;
    overflow:hidden;
}

.website-image img{
    width:100%;
    display:block;
    transition:transform 8s linear;
}

.website-card:hover img{
    transform:translateY(calc(-100% + 500px));
}

/* Tablet */
@media(max-width:1024px){
    .website-card{
        width:calc(50% - 10px);
    }
}

/* Mobile */
@media(max-width:767px){
    .website-card{
        width:100%;
        height:400px;
    }

    .website-card:hover img{
        transform:translateY(calc(-100% + 400px));
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46d9c7e */.portfolio-showcase{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.website-card{
    width:calc(25% - 15px);
    height:400px;
    overflow:hidden;
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:.4s;
    position:relative;
}

.website-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(11,46,138,.25);
}

.website-image{
    width:100%;
    height:100%;
    overflow:hidden;
}

.website-image img{
    width:100%;
    display:block;
    transition:transform 8s linear;
}

.website-card:hover img{
    transform:translateY(calc(-100% + 500px));
}

/* Tablet */
@media(max-width:1024px){
    .website-card{
        width:calc(50% - 10px);
    }
}

/* Mobile */
@media(max-width:767px){
    .website-card{
        width:100%;
        height:400px;
    }

    .website-card:hover img{
        transform:translateY(calc(-100% + 400px));
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d629c15 */.portfolio-showcase{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.website-card{
    width:calc(25% - 15px);
    height:400px;
    overflow:hidden;
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:.4s;
    position:relative;
}

.website-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(11,46,138,.25);
}

.website-image{
    width:100%;
    height:100%;
    overflow:hidden;
}

.website-image img{
    width:100%;
    display:block;
    transition:transform 8s linear;
}

.website-card:hover img{
    transform:translateY(calc(-100% + 500px));
}

/* Tablet */
@media(max-width:1024px){
    .website-card{
        width:calc(50% - 10px);
    }
}

/* Mobile */
@media(max-width:767px){
    .website-card{
        width:100%;
        height:400px;
    }

    .website-card:hover img{
        transform:translateY(calc(-100% + 400px));
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46d9c7e */.portfolio-showcase{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.website-card{
    width:calc(25% - 15px);
    height:400px;
    overflow:hidden;
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:.4s;
    position:relative;
}

.website-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(11,46,138,.25);
}

.website-image{
    width:100%;
    height:100%;
    overflow:hidden;
}

.website-image img{
    width:100%;
    display:block;
    transition:transform 8s linear;
}

.website-card:hover img{
    transform:translateY(calc(-100% + 500px));
}

/* Tablet */
@media(max-width:1024px){
    .website-card{
        width:calc(50% - 10px);
    }
}

/* Mobile */
@media(max-width:767px){
    .website-card{
        width:100%;
        height:400px;
    }

    .website-card:hover img{
        transform:translateY(calc(-100% + 400px));
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d629c15 */.portfolio-showcase{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.website-card{
    width:calc(25% - 15px);
    height:400px;
    overflow:hidden;
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:.4s;
    position:relative;
}

.website-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(11,46,138,.25);
}

.website-image{
    width:100%;
    height:100%;
    overflow:hidden;
}

.website-image img{
    width:100%;
    display:block;
    transition:transform 8s linear;
}

.website-card:hover img{
    transform:translateY(calc(-100% + 500px));
}

/* Tablet */
@media(max-width:1024px){
    .website-card{
        width:calc(50% - 10px);
    }
}

/* Mobile */
@media(max-width:767px){
    .website-card{
        width:100%;
        height:400px;
    }

    .website-card:hover img{
        transform:translateY(calc(-100% + 400px));
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46d9c7e */.portfolio-showcase{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.website-card{
    width:calc(25% - 15px);
    height:400px;
    overflow:hidden;
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:.4s;
    position:relative;
}

.website-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(11,46,138,.25);
}

.website-image{
    width:100%;
    height:100%;
    overflow:hidden;
}

.website-image img{
    width:100%;
    display:block;
    transition:transform 8s linear;
}

.website-card:hover img{
    transform:translateY(calc(-100% + 500px));
}

/* Tablet */
@media(max-width:1024px){
    .website-card{
        width:calc(50% - 10px);
    }
}

/* Mobile */
@media(max-width:767px){
    .website-card{
        width:100%;
        height:400px;
    }

    .website-card:hover img{
        transform:translateY(calc(-100% + 400px));
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d629c15 */.portfolio-showcase{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.website-card{
    width:calc(25% - 15px);
    height:400px;
    overflow:hidden;
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:.4s;
    position:relative;
}

.website-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(11,46,138,.25);
}

.website-image{
    width:100%;
    height:100%;
    overflow:hidden;
}

.website-image img{
    width:100%;
    display:block;
    transition:transform 8s linear;
}

.website-card:hover img{
    transform:translateY(calc(-100% + 500px));
}

/* Tablet */
@media(max-width:1024px){
    .website-card{
        width:calc(50% - 10px);
    }
}

/* Mobile */
@media(max-width:767px){
    .website-card{
        width:100%;
        height:400px;
    }

    .website-card:hover img{
        transform:translateY(calc(-100% + 400px));
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46d9c7e */.portfolio-showcase{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.website-card{
    width:calc(25% - 15px);
    height:400px;
    overflow:hidden;
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:.4s;
    position:relative;
}

.website-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(11,46,138,.25);
}

.website-image{
    width:100%;
    height:100%;
    overflow:hidden;
}

.website-image img{
    width:100%;
    display:block;
    transition:transform 8s linear;
}

.website-card:hover img{
    transform:translateY(calc(-100% + 500px));
}

/* Tablet */
@media(max-width:1024px){
    .website-card{
        width:calc(50% - 10px);
    }
}

/* Mobile */
@media(max-width:767px){
    .website-card{
        width:100%;
        height:400px;
    }

    .website-card:hover img{
        transform:translateY(calc(-100% + 400px));
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d629c15 */.portfolio-showcase{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.website-card{
    width:calc(25% - 15px);
    height:400px;
    overflow:hidden;
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:.4s;
    position:relative;
}

.website-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(11,46,138,.25);
}

.website-image{
    width:100%;
    height:100%;
    overflow:hidden;
}

.website-image img{
    width:100%;
    display:block;
    transition:transform 8s linear;
}

.website-card:hover img{
    transform:translateY(calc(-100% + 500px));
}

/* Tablet */
@media(max-width:1024px){
    .website-card{
        width:calc(50% - 10px);
    }
}

/* Mobile */
@media(max-width:767px){
    .website-card{
        width:100%;
        height:400px;
    }

    .website-card:hover img{
        transform:translateY(calc(-100% + 400px));
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46d9c7e */.portfolio-showcase{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.website-card{
    width:calc(25% - 15px);
    height:400px;
    overflow:hidden;
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:.4s;
    position:relative;
}

.website-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(11,46,138,.25);
}

.website-image{
    width:100%;
    height:100%;
    overflow:hidden;
}

.website-image img{
    width:100%;
    display:block;
    transition:transform 8s linear;
}

.website-card:hover img{
    transform:translateY(calc(-100% + 500px));
}

/* Tablet */
@media(max-width:1024px){
    .website-card{
        width:calc(50% - 10px);
    }
}

/* Mobile */
@media(max-width:767px){
    .website-card{
        width:100%;
        height:400px;
    }

    .website-card:hover img{
        transform:translateY(calc(-100% + 400px));
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d629c15 */.portfolio-showcase{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.website-card{
    width:calc(25% - 15px);
    height:400px;
    overflow:hidden;
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:.4s;
    position:relative;
}

.website-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(11,46,138,.25);
}

.website-image{
    width:100%;
    height:100%;
    overflow:hidden;
}

.website-image img{
    width:100%;
    display:block;
    transition:transform 8s linear;
}

.website-card:hover img{
    transform:translateY(calc(-100% + 500px));
}

/* Tablet */
@media(max-width:1024px){
    .website-card{
        width:calc(50% - 10px);
    }
}

/* Mobile */
@media(max-width:767px){
    .website-card{
        width:100%;
        height:400px;
    }

    .website-card:hover img{
        transform:translateY(calc(-100% + 400px));
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46d9c7e */.portfolio-showcase{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.website-card{
    width:calc(25% - 15px);
    height:400px;
    overflow:hidden;
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:.4s;
    position:relative;
}

.website-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(11,46,138,.25);
}

.website-image{
    width:100%;
    height:100%;
    overflow:hidden;
}

.website-image img{
    width:100%;
    display:block;
    transition:transform 8s linear;
}

.website-card:hover img{
    transform:translateY(calc(-100% + 500px));
}

/* Tablet */
@media(max-width:1024px){
    .website-card{
        width:calc(50% - 10px);
    }
}

/* Mobile */
@media(max-width:767px){
    .website-card{
        width:100%;
        height:400px;
    }

    .website-card:hover img{
        transform:translateY(calc(-100% + 400px));
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d629c15 */.portfolio-showcase{
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.website-card{
    width:calc(25% - 15px);
    height:400px;
    overflow:hidden;
    border-radius:15px;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.12);
    transition:.4s;
    position:relative;
}

.website-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(11,46,138,.25);
}

.website-image{
    width:100%;
    height:100%;
    overflow:hidden;
}

.website-image img{
    width:100%;
    display:block;
    transition:transform 8s linear;
}

.website-card:hover img{
    transform:translateY(calc(-100% + 500px));
}

/* Tablet */
@media(max-width:1024px){
    .website-card{
        width:calc(50% - 10px);
    }
}

/* Mobile */
@media(max-width:767px){
    .website-card{
        width:100%;
        height:400px;
    }

    .website-card:hover img{
        transform:translateY(calc(-100% + 400px));
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2af3781 *//* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;600;700&display=swap');

/* =========================
   FAQ SECTION
========================= */

.noverah-faq{
    padding:100px 0px;
    background:#000;
    font-family:'Roboto',sans-serif;
}

.faq-container{
    max-width:1100px;
    margin:auto;
}

/* Header */
.faq-header{
    text-align:center;
    margin-bottom:60px;
}

.faq-header h2{
    font-size:56px;
    font-weight:700;
    line-height:1.05;
    color:#fff;
    margin:0;
}

.faq-header h2 span{
    color:#3B82F6;
}

.faq-line{
    width:60px;
    height:3px;
    background:#3B82F6;
    margin:20px auto 0;
    border-radius:50px;
}

/* FAQ Item */
.faq-item{
    margin-bottom:15px;
}

/* Question */
.faq-question{
    width:100%;
    background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
    padding:24px 30px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:22px;
    font-weight:600;
    text-align:left;
    cursor:pointer;
    border-radius:10px;
    transition:.35s ease;
    backdrop-filter:blur(10px);
}

.faq-question:hover{
    background:#3B82F6;
    transform:translateX(8px);
}

/* Icon */
.icon{
    font-size:30px;
    color:#3B82F6;
    transition:.35s ease;
}

.faq-item.active .icon{
    transform:rotate(45deg);
    color:#fff;
}

/* Answer */
.faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .5s ease;
    background:rgba(255,255,255,.03);
    border-left:3px solid #3B82F6;
    margin-top:10px;
    border-radius:0 10px 10px 0;
}

.faq-answer p{
    margin:0;
    padding:25px 30px;
    color:#D1D5DB;
    font-size:17px;
    line-height:1.8;
}

.faq-item.active .faq-answer{
    max-height:400px;
}

/* =========================
   TABLET
========================= */

@media (max-width:1024px){

    .noverah-faq{
        padding:80px 20px;
    }

    .faq-header h2{
        font-size:42px;
    }

    .faq-question{
        font-size:20px;
        padding:22px 25px;
    }

    .faq-answer p{
        font-size:16px;
    }
}

/* =========================
   MOBILE
========================= */

@media (max-width:768px){

    .noverah-faq{
        padding:70px 15px;
    }

    .faq-header{
        margin-bottom:40px;
    }

    .faq-header h2{
        font-size:34px;
        line-height:1.2;
    }

    .faq-question{
        font-size:18px;
        padding:18px 20px;
    }

    .icon{
        font-size:24px;
    }

    .faq-answer p{
        font-size:15px;
        line-height:1.7;
        padding:20px;
    }
}

/* =========================
   SMALL MOBILE
========================= */

@media (max-width:576px){

    .faq-header h2{
        font-size:28px;
    }

    .faq-question{
        font-size:16px;
        padding:16px 18px;
    }

    .faq-answer p{
        font-size:14px;
    }
}

/* =========================
   EXTRA SMALL MOBILE
========================= */

@media (max-width:400px){

    .faq-header h2{
        font-size:24px;
    }

    .faq-question{
        font-size:15px;
        padding:15px 16px;
    }

    .faq-answer p{
        font-size:13px;
    }

    .icon{
        font-size:22px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6269233 *//* =========================
   NOVERAH CONTACT SECTION
========================= */

.nv87984-contact-section{
    position:relative;
    overflow:hidden;
    padding:10px 20px;
    background:transparent;
    font-family:'Roboto',sans-serif;
}

.nv87984-container{
    max-width:1100px;
    margin:auto;
}

/* Tag */
.nv87984-subtitle{
    display:inline-block;
    background:#2563EB;
    color:#fff;
    padding:6px 14px;
    font-size:12px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:uppercase;
    border-radius:20px;
    margin-bottom:25px;
}

/* Heading */
.nv87984-title{
    font-size:56px;
    font-weight:700;
    line-height:1.05;
    color:black;
    margin:0 0 25px;
}

.nv87984-title span{
    color:#3B82F6;
}

.nv87984-wave{
    display:inline-block;
    animation:nv87984-wave 2s infinite;
}

/* Text */
.nv87984-text{
    max-width:850px;
    font-size:17px;
    line-height:1.8;
    color:black;
    margin:0;
}

/* Image */
.nv87984-image{
    text-align:center;
    margin-top:70px;
}

.nv87984-image img{
    width:50%;
    max-width:500px;
    height:auto;
    animation:nv87984-float 5s ease-in-out infinite;
    transition:.4s ease;
}

.nv87984-image img:hover{
    transform:translateY(-10px);
}

/* Floating Animation */
@keyframes nv87984-float{
    0%{transform:translateY(0);}
    50%{transform:translateY(-18px);}
    100%{transform:translateY(0);}
}

/* Wave Animation */
@keyframes nv87984-wave{
    0%{transform:rotate(0deg);}
    20%{transform:rotate(15deg);}
    40%{transform:rotate(-10deg);}
    60%{transform:rotate(15deg);}
    80%{transform:rotate(-5deg);}
    100%{transform:rotate(0deg);}
}

/* =========================
   TABLET
========================= */

@media(max-width:1024px){

    .nv87984-title{
        font-size:42px;
    }

    .nv87984-text{
        font-size:16px;
    }

    .nv87984-image img{
        max-width:420px;
    }
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

    .nv87984-contact-section{
        padding:80px 20px;
    }

    .nv87984-title{
        font-size:34px;
        line-height:1.2;
    }

    .nv87984-text{
        font-size:15px;
    }

    .nv87984-image{
        margin-top:50px;
    }

    .nv87984-image img{
        width:75%;
        max-width:300px;
    }
}

/* =========================
   SMALL MOBILE
========================= */

@media(max-width:576px){

    .nv87984-title{
        font-size:28px;
    }

    .nv87984-text{
        font-size:14px;
    }

    .nv87984-subtitle{
        font-size:10px;
        padding:5px 12px;
    }
}

/* =========================
   EXTRA SMALL
========================= */

@media(max-width:400px){

    .nv87984-title{
        font-size:24px;
    }

    .nv87984-text{
        font-size:13px;
    }

    .nv87984-image img{
        width:85%;
        max-width:220px;
    }
}/* End custom CSS */
/* Start custom CSS for wpforms, class: .elementor-element-262f65a *//* =========================
   NOVERAH CONTACT FORM
========================= */

/* Labels */
label.wpforms-field-label{
    color:black !important;
    font-size:17px !important;
    font-weight:600 !important;
    margin-bottom:10px !important;
}

/* Inputs */
input#wpforms-427-field_1,
input#wpforms-427-field_2,
input#wpforms-427-field_3,
textarea#wpforms-427-field_4{

    width:100% !important;
    background:rgba(255,255,255,.05) !important;
    border:1px solid  #3B82F6!important;
    border-radius:10px !important;

    color:#3B82F6d !important;
    font-size:17px !important;
    font-weight:400 !important;

    padding:26px 20px !important;

    transition:.3s ease !important;
    box-shadow:none !important;
}

/* Placeholder */
input#wpforms-427-field_1::placeholder,
input#wpforms-427-field_2::placeholder,
input#wpforms-427-field_3::placeholder,
textarea#wpforms-427-field_4::placeholder{

    color:#9ca3af !important;
}

/* Focus */
input#wpforms-427-field_1:focus,
input#wpforms-427-field_2:focus,
input#wpforms-427-field_3:focus,
textarea#wpforms-427-field_4:focus{

    border-color:#3B82F6 !important;
    box-shadow:0 0 0 4px rgba(59,130,246,.15) !important;
    outline:none !important;
}

/* Textarea */
textarea#wpforms-427-field_4{
    min-height:180px !important;
    resize:none !important;
}

/* Submit Button */
button#wpforms-submit-427{

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    max-width:100% !important;
    background:#3B82F6 !important;
    color:white !important;

    padding:14px 250px !important;

    border:none !important;
    border-radius:10px !important;

    font-size:14px !important;
    font-weight:600 !important;
    text-transform:uppercase !important;
    letter-spacing:.5px !important;

    box-shadow:0 8px 20px rgba(0,0,0,.25) !important;

    transition:.3s ease !important;
}

/* Button Hover */
button#wpforms-submit-427:hover{

    transform:translateY(-3px) !important;

    background:white !important;
    color:#3B82F6 !important;
}

/* Field Spacing */
.wpforms-field{
    margin-bottom:22px !important;
}

/* =========================
   TABLET
========================= */

@media(max-width:1024px){

    label.wpforms-field-label{
        font-size:16px !important;
    }

    input#wpforms-427-field_1,
    input#wpforms-427-field_2,
    input#wpforms-427-field_3,
    textarea#wpforms-427-field_4{
        font-size:16px !important;
    }
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

    label.wpforms-field-label{
        font-size:15px !important;
    }

    input#wpforms-427-field_1,
    input#wpforms-427-field_2,
    input#wpforms-427-field_3,
    textarea#wpforms-427-field_4{

        font-size:15px !important;
        padding:14px 16px !important;
    }

    button#wpforms-submit-427{

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    max-width:100% !important;
    background:#3B82F6 !important;
    color:white !important;

    padding:14px 150px !important;
}

/* =========================
   SMALL MOBILE
========================= */

@media(max-width:576px){

    label.wpforms-field-label{
        font-size:14px !important;
    }

    input#wpforms-427-field_1,
    input#wpforms-427-field_2,
    input#wpforms-427-field_3,
    textarea#wpforms-427-field_4{
        font-size:14px !important;
    }
}/* End custom CSS */