/* ===================================================================================

* Theme Name: Infinia Child
* Theme URI: https://infinia.alithemes.net/
* Author: Alithemes
* Author URI: https://themeforest.net/user/alithemes
* Description: Infinia - Multipurpose Business Startup WordPress Theme
* Version: 2.1.0
* Template: infinia
* Text Domain: infinia
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */
.home_page_hero_section .d-flex.align-items-center { display: none !important; }
.home_page_hero_section .d-flex.align-items-center .text-secondary { display: none !important; }
.remove_border {border:none !important}
.our_features_cl .feature-item {--tw-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 12px 40px -12px rgba(15, 23, 42, .12);
    --tw-shadow-colored: 0 1px 2px var(--tw-shadow-color), 0 12px 40px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); padding:25px; border-radius:20px; min-height:100%}
.our_features_cl .feature-item p{font-size:14px; line-height:25px}
.our_features_cl .feature-item h6 a{font-size:20px}

/* Desktop: 2 Columns */
.our_features_cl .row.mt-10 > div {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
}

/* Mobile: 1 Column */
@media (max-width: 767px) {
    .our_features_cl .row.mt-10 > div {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
}

/* Hide "(Trusted by great companies)" text */
#home_page_hero_section .text-secondary.fw-medium {
    display: none !important;
}

/* Remove left margin from Contact Us button */
#home_page_hero_section a.btn.btn-outline-secondary {
    margin-left: 0 !important;
}

/* Agar sirf md and above breakpoint ke liye ms-md-3 override karna hai */
@media (min-width: 768px) {
    #home_page_hero_section a.btn.btn-outline-secondary {
        margin-left: 0 !important;
    }
}



/* Newsletter Form */
#wpforms-form-3690 {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    max-width: 650px;
    width: 100%;
    align-content: flex-start;
}
#wpforms-form-3690 .wpforms-field-container {
    flex: 1;
    margin: 0;
}

#wpforms-form-3690 .home_page_newslatter_form_email_input {
    width: 100%;
    margin: 0;
	padding: 0;
}

#wpforms-form-3690 .wpforms-field-large {
    width: 100% !important;
    height: 56px;
    border: 1px solid #e5e7eb;
    border-radius: 50px;
    padding: 0 24px;
    font-size: 16px;
    background: #fff;
    box-shadow: 0 4px 20px rgba(79, 70, 229, 0.08);
}

#wpforms-form-3690 .wpforms-submit-container {
    margin: 0 !important;
    padding: 0 !important;
}

#wpforms-form-3690 .wpforms-submit {
    height: 56px;
    min-width: 150px;
    padding: 0 32px;
    border: 0;
    border-radius: 50px;
    background: linear-gradient(90deg, #6D5DF6 0%, #8B5CF6 100%);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

#wpforms-form-3690 .wpforms-submit:hover {
    transform: translateY(-2px);
}

/* Mobile */
@media (max-width: 767px) {
    #wpforms-form-3690 {
        flex-direction: column;
    }

    #wpforms-form-3690 .wpforms-submit {
        width: 100%;
    }
}
.home_page_newslatter_container .input-group.mb-3.mt-4.position-relative.d-flex.justify-content-sm-center.justify-content-md-center.justify-content-lg-start {
    margin: -10px 0 !important;
}
.home_page_newslatter_container .wpforms-container{width:100%;}
.price_table_divmain .list-unstyled {padding:15px 0;}

/*new page Technology Expertise css*/
.page{margin:0 auto;}
  .masthead{text-align:center;margin-bottom:44px;}
  .masthead h1{font-size:2.1rem;margin:0 0 8px;letter-spacing:-0.02em;font-weight:800;}
  .masthead p{color:var(--sub);margin:0;font-size:1rem;}
.e-con.e-flex>.e-con-inner {margin:0;}
  section.category{
    background:radial-gradient(circle at 10% 0%, #eef2ff 0%, transparent 45%),
      radial-gradient(circle at 90% 0%, #f0fdfa 0%, transparent 45%), url(https://xylusinfo.com/starhutglobal/wp-content/themes/infinia/assets/img/page-header/bg-line.png) no-repeat center center;
    border:1px solid #efefef;
    border-radius:18px;
    padding:22px 22px 26px;
    margin-bottom:22px;
    box-shadow:var(--shadow);
	margin-bottom:30px;
	background-size:contain;
  }
  .cat-header{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
  .cat-icon{
    width:38px;height:38px;border-radius:11px;
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;color:#fff;padding:8px;
  }
  .cat-icon svg{width:100%;height:100%;}
  .cat-header h2{font-size:1.05rem;margin:0;font-weight:750;letter-spacing:-0.01em;}

  .grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;}
  @media(max-width:1000px){ .grid{grid-template-columns:repeat(5,minmax(0,1fr));} }
  @media(max-width:640px){ .grid{grid-template-columns:repeat(3,minmax(0,1fr));} }

  .two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
  @media(max-width:800px){ .two-col{grid-template-columns:1fr;} }

  .card{
    position:relative;
    background:#fbfbfe;
    border:1px solid var(--card-border);
    border-radius:13px;
    padding:14px 8px 12px;
    display:flex;flex-direction:column;align-items:center;gap:9px;
    text-align:center;cursor:pointer;overflow:hidden;
    transition:transform .28s cubic-bezier(.2,.9,.3,1.3), box-shadow .28s ease, border-color .28s ease, background .28s ease;
  }
  .card::before{
    content:"";position:absolute;inset:0;
    background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 16%, transparent) 0%, transparent 70%);
    opacity:0;transition:opacity .28s ease;
  }
  .card:hover{
    transform:translateY(-7px) scale(1.035);
    box-shadow:var(--shadow-hover);
    border-color:var(--accent);
    background:#ffffff;
  }
  .card:hover::before{opacity:1;}
  .card:active{transform:translateY(-3px) scale(1.01);}

  .icon-badge{
    width:46px;height:46px;border-radius:12px;
    display:flex;align-items:center;justify-content:center;
    position:relative;z-index:1;
    transition:transform .32s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
    box-shadow:0 2px 6px rgba(0,0,0,.10);
    padding:9px;
  }
  .icon-badge--light{
    background:#fff;
    border:1px solid #eef0f4;
  }
  .icon-badge .txt{font-size:16px;font-weight:800;color:#fff;line-height:1;}
  .svgwrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
  .svgwrap svg{width:100%;height:100%;display:block;}
  .svgwrap--white svg{filter:brightness(0) invert(1);}

  .card:hover .icon-badge{
    transform:rotate(-6deg) scale(1.14);
    box-shadow:0 10px 18px -4px color-mix(in srgb, var(--accent) 45%, transparent);
  }
  .label{
    font-size:.72rem;font-weight:600;color:#374151;line-height:1.15;
    position:relative;z-index:1;transition:color .25s ease;
  }
  .card:hover .label{color:var(--accent);}




.tp-contact-submit {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
}

.tp-submit-loader {
    display: none;
    width: 18px;
    height: 18px;
    margin-left: 8px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: tp-contact-spin 0.7s linear infinite;
}

.tp-contact-submit.is-loading .tp-submit-loader {
    display: inline-block;
}

.tp-contact-submit.is-loading .tp-submit-icon {
    display: none;
}

.tp-contact-submit.is-loading {
    cursor: not-allowed;
    opacity: 0.7;
}

@keyframes tp-contact-spin {
    to {
        transform: rotate(360deg);
    }
}

.section-pricing-1 {padding-bottom:50px !important;}