.wc26-decor-scope{
  position:relative;
  overflow:hidden;
}

.wc26-svg-decor{
  position:absolute;
  pointer-events:none;
  user-select:none;
  z-index:1;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  opacity:.10;
  filter:none;
}

.wc26-svg-decor.soft{
  opacity:.07;
}

.wc26-svg-decor.medium{
  opacity:.11;
}

.wc26-svg-decor.strong{
  opacity:.16;
}

.wc26-svg-decor.blur{
  filter:blur(.4px);
}

.wc26-svg-decor.float{
  animation:wc26FloatDecor 7s ease-in-out infinite;
}

.wc26-svg-decor.spin-slow{
  animation:wc26SpinSlow 18s linear infinite;
}

.wc26-svg-decor.pulse-soft{
  animation:wc26PulseSoft 3.2s ease-in-out infinite;
}

.wc26-pos-top-right{ top:20px; right:20px; }
.wc26-pos-top-left{ top:20px; left:20px; }
.wc26-pos-bottom-right{ bottom:20px; right:20px; }
.wc26-pos-bottom-left{ bottom:20px; left:20px; }
.wc26-pos-center-right{ top:50%; right:18px; transform:translateY(-50%); }
.wc26-pos-center-left{ top:50%; left:18px; transform:translateY(-50%); }

.wc26-size-xs{ width:28px; height:28px; }
.wc26-size-sm{ width:44px; height:44px; }
.wc26-size-md{ width:72px; height:72px; }
.wc26-size-lg{ width:120px; height:120px; }
.wc26-size-xl{ width:180px; height:180px; }
.wc26-size-xxl{ width:260px; height:260px; }

.wc26-watermark{
  opacity:.06;
}

.wc26-watermark-strong{
  opacity:.10;
}

@keyframes wc26FloatDecor{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-8px); }
}

@keyframes wc26SpinSlow{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}

@keyframes wc26PulseSoft{
  0%,100%{ opacity:.08; }
  50%{ opacity:.16; }
}


  /* ========Sticky_Header========== */

  .elementor-104 .elementor-element.elementor-element-97f3257 {
    position: relative !important;
    transition: all 0.3s ease !important;
  }

  .elementor-104 .elementor-element.elementor-element-97f3257.is-sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
  }

  /* =================================================================
 1. GLOBAL STYLES
 ================================================================= */

  html {
    scroll-behavior: smooth;
  }

  /* =================================================================
 2. SERVICE GRID
 ================================================================= */

  .mas.service.price {
    display: grid;
    gap: 15px;
  }

  @media (min-width: 1025px) {
    .mas.service.price {
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    }
  }

  @media (max-width: 1024px) {
    .mas.service.price {
      grid-template-columns: repeat(2, 1fr) !important;
    }
  }

  @media (max-width: 640px) {
    .mas.service.price {
      grid-template-columns: 1fr !important;
      gap: 10px !important;
    }
  }

  /* =================================================================
 3. BLOG GRID LAYOUT
 ================================================================= */

  .home .jkit-posts.jkit-ajax-flag {
    display: grid !important;
    gap: 18px;
  }

  /* Desktop: 4 columns */
  @media (min-width: 1025px) {
    .home .jkit-posts.jkit-ajax-flag {
      grid-template-columns: repeat(4, 1fr) !important;
    }
  }

  /* Tablet: 3 columns */
  @media (max-width: 1024px) {
    .home .jkit-posts.jkit-ajax-flag {
      grid-template-columns: repeat(3, 1fr) !important;
      gap: 16px !important;
    }
  }

  /* Mobile: 2 columns */
  @media (max-width: 768px) {
    .home .jkit-posts.jkit-ajax-flag {
      grid-template-columns: repeat(1, 1fr) !important;
      gap: 12px !important;
    }
  }

  /* Small mobile: 1 column */
  @media (max-width: 480px) {
    .home .jkit-posts.jkit-ajax-flag {
      grid-template-columns: 1fr !important;
    }
  }

  /* =================================================================
 4. BLOG CARD STYLES
 ================================================================= */

  .home .jkit-post {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
  }

  .home .jkit-post:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
  }

  /* Card Image */
  .home .jkit-thumb .thumbnail-container {
    position: relative;
    aspect-ratio: 16/10;
    overflow: hidden;
  }

  .home .jkit-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
  }

  .home .jkit-post:hover img {
    transform: scale(1.05);
  }

  /* Card Content */
  .home .jkit-postblock-content {
    padding: 16px;
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  /* Card Title */
  .home .jkit-post-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 8px;
  }

  .home .jkit-post-title a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    line-height: 1.5;
    max-height: 3em;
  }

  /* Card Meta */
  .home .jkit-post-meta {
    font-size: 12px;
    color: #888;
    margin-bottom: 6px;
  }

  /* Card Excerpt */
  .home .jkit-post-excerpt {
    font-size: 14px;
    color: #666;
    line-height: 1.7;
  }

  /* Mobile Card Adjustments */
  @media (max-width: 768px) {
    .home .jkit-post {
      border-radius: 12px;
    }

    .home .jkit-thumb .thumbnail-container a {
      aspect-ratio: 1/1 !important;
    }

    .home .jkit-postblock-content {
      padding: 10px;
    }

    .home .jkit-post-title {
      font-size: 15px;
    }

    .home .jkit-post-meta {
      font-size: 11px !important;
    }

    .home .jkit-post-excerpt {
      display: none;
    }
  }

  @media (max-width: 480px) {
    .home .jkit-thumb .thumbnail-container {
      aspect-ratio: 16/9;
    }
  }

  /* =================================================================
 5. HEADER & NAVIGATION
 ================================================================= */

  /* Tablet Navigation */
  @media (max-width: 1024px) {
    .elementor-104
      .elementor-element.elementor-element-e1cdf17
      .jeg-elementor-kit.jkit-nav-menu.break-point-tablet
      .jkit-menu-wrapper {
      margin: 0 auto !important;
      max-width: 100% !important;
      padding: 0 20px !important;
      box-sizing: border-box !important;
    }

    .inactive-img img {
      filter: brightness(100%) contrast(100%) saturate(100%) blur(0)
        hue-rotate(0) !important;
    }
  }

  /* Mobile Navigation */
  @media (max-width: 767px) {
    .jkit-menu-wrapper {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 15px !important;
      box-sizing: border-box !important;
    }

    .elementor-104
      .elementor-element.elementor-element-e1cdf17
      .jeg-elementor-kit.jkit-nav-menu
      .jkit-menu-wrapper
      .jkit-menu
      li.menu-item-has-children
      .sub-menu
      .menu-item {
      padding: 10px !important;
    }

    .jkit-search-panel input:not([type="submit"]) {
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
    }

    .jkit-sticky-element--enabled.sticky-pinned {
      top: 0 !important;
      width: 100% !important;
      max-width: 100vw !important;
    }

    .elementor-container {
      padding: 0 10px !important;
    }

    .elementor-section {
      padding: 15px 10px !important;
    }
  }

  @media (max-width: 640px) {
    .elementor-section {
      padding: 10px !important;
    }

    .elementor-container {
      padding: 0 10px !important;
    }
  }

  /* =================================================================
 6. MOBILE HEADER SPECIFIC FIXES
 ================================================================= */

  @media (max-width: 767px) {
    .elementor-104
      .elementor-element.elementor-element-8a88423
      > .elementor-element-populated,
    .elementor-104
      .elementor-element.elementor-element-f7c048a
      > .elementor-element-populated {
      margin: 0 !important;
    }

    .elementor-104
      .elementor-element.elementor-element-f7c048a
      > .elementor-element-populated {
      padding: 10px 0 !important;
    }

    .elementor-104 .elementor-element.elementor-element-b761263 {
      padding: 0 !important;
      margin-bottom: 0 !important;
    }

    .elementor-104 .elementor-element.elementor-element-97f3257 {
      margin-top: 0 !important;
      padding-top: 0 !important;
    }

    .wrapper-sticky-fixed {
      margin: 0 !important;
    }

    .support-box,
    .support-box .elementor-widget-container img {
      box-shadow: 5px 5px 20px 1px rgba(0, 0, 0, 0.13) !important;
    }

    .about-datak {
      box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.13) !important;
    }
  }

  /* Tablet Header */
  @media (min-width: 768px) and (max-width: 1024px) {
    .elementor-104 .elementor-element.elementor-element-b761263 {
      margin-bottom: 0 !important;
    }

    .elementor-104 .elementor-element.elementor-element-97f3257 {
      margin-top: 0 !important;
    }

    .elementor-104
      .elementor-element.elementor-element-8a88423
      > .elementor-element-populated {
      margin: 20px 0 0 !important;
    }
  }

  /* =================================================================
 7. BLOG POST CONTENT STYLES
 ================================================================= */

  .my-post-content h2,
  .my-post-content h3,
  .my-post-content h4,
  .my-post-content h5,
  .my-post-content h6 {
    font-family: "yekanbakh";
    line-height: 25px;
    font-weight: 600;
    color: #424242;
    margin: 1.2em 0 0.6em;
  }

  .my-post-content h2 {
    font-size: 19px;
  }
  .my-post-content h3 {
    font-size: 17px;
  }
  .my-post-content h4 {
    font-size: 16px;
  }
  .my-post-content h5 {
    font-size: 15px;
  }
  .my-post-content h6 {
    font-size: 14px;
  }

  .my-post-content a {
    color: #000ca0 !important;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.3s ease;
  }

  .my-post-content a:hover {
    color: #000880 !important;
  }

  .my-post-content hr {
    background: #ccc;
    height: 1px;
    border: none;
    margin: 20px 0;
  }
  .my-post-img-txt {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 15px;
    margin: 20px;
  }
  .my-post-img img {
    max-width: 100%;
    height: auto;
  }
  .my-post-content img {
    border-radius: 15px;
  }
.jeg-elementor-kit.jkit-post-content img{
	margin:0 auto !important;
}
  .my-featured-thumb img {
    width: 100%;
    object-position: center center;
  }
  .my-single-post-title .elementor-widget-wrap {
    flex-wrap: nowrap !important;
  }
  .my-post-list-style {
    background: #f0f7fe;
    margin: 30px 0;
    padding: 15px 30px 30px 30px;
    border-radius: 15px;
  }
.my-post-list-style ul{
	list-style:none;
}

  /* Blockquote Styling */
  .my-post-content blockquote {
    border-left: 0;
    border-right: 6px solid #ccc;
    font-style: normal;
    position: relative;
    background: #fffbf3;
    padding: 20px 25px;
    border-radius: 8px;
    font-size: 17px;
  }

  .my-post-content blockquote::before {
    content: "❞";
    position: absolute;
    right: -53px;
    top: -3px;
    font-size: 60px;
    color: #f39c12;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    line-height: 1;
  }

  /* Table Styling in post */
  .my-post-content table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    text-align: center;
    padding: 8px;
    border-radius: 15px;
    background: #f5f7fb;
    margin: 20px 0;
    overflow-x: auto;
  }

  .my-post-content table td {
    font-size: 15px;
    padding: 10px;
    border-radius: 6px;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    font-weight: 600;
  }

  .my-post-content table thead {
    background: linear-gradient(90deg, #173068, #1f4a9a);
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    font-family: "yekanbakh";
    text-align: center;
    vertical-align: middle;
  }

  .my-post-content table thead tr th {
    border-radius: 6px;
    font-family: "yekanbakh";
    font-weight: 600;
    padding: 12px 10px;
  }

  /* Comment Reply Title */
  #reply-title {
    font-family: "yekanbakh", sans-serif;
    font-size: 18px;
    font-weight: 600;
  }

  /* Responsive Typography */
  @media (max-width: 1024px) {
    .my-post-content h2 {
      font-size: 18px;
    }
    .my-post-content h3 {
      font-size: 16px;
    }
    .my-post-content h4 {
      font-size: 15px;
    }
    .my-post-content h5 {
      font-size: 14px;
    }
    .my-post-content h6 {
      font-size: 13px;
    }
    .my-featured-thumb img {
      max-height: 300px;
    }
    .promotion-box .elementor-element-populated {
      border-color: #002557 !important;
    }
    .my-post-content blockquote {
      font-size: 16px;
    }
  }

  @media (max-width: 767px) {
    .my-post-content h2 {
      font-size: 17px;
    }
    .my-post-content h3 {
      font-size: 15px;
    }
    .my-post-content h4 {
      font-size: 14px;
    }
    .my-post-content h5 {
      font-size: 13px;
    }
    .my-post-content h6 {
      font-size: 12px;
    }

    .my-post-content blockquote {
      padding: 15px;
      margin: 15px;
      text-align: right;
      font-size: 15px;
    }

    .my-post-content blockquote::before {
      right: -35px;
      font-size: 40px;
    }
    .my-featured-thumb img {
      max-height: 200px;
    }

    .my-post-content table {
      padding: 1px;
      border-radius: 8px;
    }

    .my-post-content table td {
      font-size: 10px;
      padding: 3px 1px;
      border-radius: 4px;
      min-width: 40px;
      line-height: 1.4;
      font-weight: 400;
    }

    .my-post-content table thead tr th {
      font-size: 10px;
      padding: 3px 1px;
      border-radius: 4px;
    }
  }

  /* =================================================================
 8. CUSTOM COMPONENTS
 ================================================================= */

  /* Gallery */
  .gallery .gallery-item {
    padding: 2px;
  }
.gallery{
	  margin:20px 0;
}


  /* Home Boxes */
  .custom-home-boxes .elementor-image-box-img img {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transition: transform 0.3s ease;
  }

  .custom-home-boxes .elementor-image-box-img img:hover {
    transform: scale(1.05);
  }

  /* Blog Post Hover Effect */
  .my-blog-post-hover .jkit-post:hover img {
    opacity: 0.85 !important;
  }

  /* Customer Icons */
  .customer-icon
    .jeg-elementor-kit.jkit-client-logo
    .client-track
    .content-image
    .main-image {
    filter: brightness(100%) contrast(100%) saturate(0%) blur(0)
      hue-rotate(0deg) !important;
    transition: filter 0.3s ease;
  }

  .customer-icon
    .jeg-elementor-kit.jkit-client-logo
    .client-track
    .content-image:hover
    .main-image {
    filter: brightness(100%) contrast(100%) saturate(100%) blur(0)
      hue-rotate(0deg) !important;
  }

  /* Text Line Accent */
  .txt-line {
    font-size: 25px;
    color: #fe5700;
    margin-left: 5px;
  }

  /* Advantage & VPS Boxes */
  .adv-boxes,
  .vps-box{
    transition:
      transform 900ms cubic-bezier(0.16, 1, 0.3, 1),
      box-shadow 900ms cubic-bezier(0.16, 1, 0.3, 1) !important;
  }

  .adv-boxes:hover,
  .vps-box:hover{
    transform: translateY(-15px) scale(1.02);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;
  }

  /* Equal Height Boxes */
  .myequal-height-boxes .elementor-column,
  .noequal-height .elementor-container {
    display: flex;
  }

  .myequal-height-boxes .elementor-widget-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .myequal-height-boxes .elementor-widget-icon-box {
    flex: 1;
    display: flex;
  }

  .myequal-height-boxes .elementor-widget-icon-box .elementor-widget-container {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .noequal-height .elementor-container {
    align-items: flex-start;
  }

  /* Service Box Hover */
  .my-service-box .elementor-image-box-content {
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.5s ease;
  }

  .my-service-box:hover .elementor-image-box-content {
    opacity: 1;
  }

  /* FAQ Accordion */
  .general-faq .card-header-button:hover {
    background: #f5f7fb !important;
  }

  .elementor-alert-info {
    border-radius: 15px;
  }

  /* Custom Captcha */
  .custom-captcha input {
    border-color: #000ca0 !important;
    border-radius: 8px !important;
    background-color: #fff !important;
  }

  .custom-captcha img {
    border-radius: 8px !important;
  }

  .custom-captcha .mf-input-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .custom-captcha .mf-captcha-input-wrapper {
    text-align: center;
  }

  /* Post Meta Separator Fix */
  .jeg-elementor-kit.jkit-postblock
    .jkit-post-meta
    > div:not(:only-child):not(:last-child):after {
    content: "";
  }

  .hide-overflow {
    overflow: hidden;
  }

  .vision-box .elementor-widget-container:hover .vision-box-title,
  .vision-box .elementor-widget-container:hover .vision-box-body {
    color: white;
  }

  .vision-box .elementor-widget-container .vision-box-title {
    color: #002557;
  }
.mygradient-style {
  font-family: inherit; 
  background: linear-gradient(180deg, #7BE4FF 0%, #B882FF 60%, #FFFFFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 6px rgba(184, 130, 255, 0.4));
}
.mydivider-line {
  width: 100%;
  height: 2px;
  border: none;
  margin: 8px 0;
  
  background: linear-gradient(
    90deg, 
    rgba(168, 85, 247, 0) 0%, 
    rgba(192, 132, 252, 0.7) 50%, 
    rgba(168, 85, 247, 0) 100%
  );
    box-shadow: 0 0 6px rgba(192, 132, 252, 0.4);
}
.my-transparent input{
border:1px solid #FFFFFF26 !important;
	background:#FFFFFF0F !important;
	color:#fff !important;
}
.my-circle-img img{
	border-radius:50%;
}
.tower-box .feature-list-content-box{
	display:flex;
	justify-content:center;
	flex-direction:column;
}
.tower-box .feature-list-item{
	align-items:center;
	justify-content:center;
}

/*smart home start*/

.smart-signal .elementor-icon {
    position: relative;
    z-index: 1;
}

.smart-signal .elementor-icon::before {
    content: "";
    position: absolute;
    inset: -5px;
    border: 1px solid rgba(0, 63, 124, 0.20);
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
    
    box-shadow:
        0 0 0 8px rgba(0, 63, 124, 0.12),
        0 0 0 16px rgba(0, 63, 124, 0.08),
        0 0 0 24px rgba(0, 63, 124, 0.04);

    animation: smartSignal 2.8s ease-out infinite;
}

@keyframes smartSignal {
    0% {
        transform: scale(0.9);
        opacity: 0.35;
    }

    70% {
        transform: scale(1.25);
        opacity: 0;
    }

    100% {
        transform: scale(1.25);
        opacity: 0;
    }
}
/*smart home end*/