/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.13.6.1785012439
Updated: 2026-07-25 20:47:19

*/

/*  Home Page */


.blur-glanss{
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(7.5px);
-webkit-backdrop-filter: blur(7.5px);
border: 1px solid rgba(255, 255, 255, 0.3);
	
}

.ast-main-header-wrap.main-header-bar-wrap {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5.5px);
    -webkit-backdrop-filter: blur(7.5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.shift-up:hover{
    transform: translateY(-12px);
	cursor: Pointer;
    border-color: #5CB33866;
    --border-color: #5CB33866;
    box-shadow: 0px 20px 35px -15px rgba(91.99999999999997, 179, 55.99999999999998, 0.45098039215686275);
	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);	
}


.shift-up:hover .elementor-icon{
    transform: rotate(360deg) translateX(5px);
    border-color: #5CB338;
    color: #5CB338;
    transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.shift-up-glow:hover{
    transform: translateY(-12px) scale(1.02);
    transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
}


/* Supply Chain   */

.timeline{
    position: absolute;
    top: -127px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #d8d8d8;
    overflow: hidden;
    z-index: 1;
}

.timeline-progress{
    width: 0;
    height:100%;
    background:#3BAA35;
    animation: progressLine 3s ease forwards;
    z-index: 2;
}
.step-icon{
    position: relative;
    z-index: 10;
}
@keyframes progressLine{
    from{
        width:0%;
    }
    to{
        width:100%;
    }
}

 /* Technology Section */

.card.small h3,.card.small p {
    margin: 0;
 
}

.dashboard{
    width:100%;
    max-width:1200px;
    margin:auto;
    padding:30px;
    background:#143D28;
    border-radius:30px;
    display:grid;
    grid-template-columns:2fr 1fr;
    gap:20px;
}

.card{
    background:#19442D;
    border:1px solid rgba(255,255,255,.12);
    border-radius:22px;
    position:relative;
}

.left-panel{
    display:flex;
	flex-direction:column;
	justify-content:space-between;
}

.title span {
    color: #94A89B;
    font-size: 13px;
}

.title h2 {
    color: #fff;
    font-size: 1.875rem;
}

.small h3{
    font-size:clamp(28px,3vw,48px);
}

.status h3{
    font-size:clamp(22px,3vw,42px);
}

.growth {
    position: absolute;
    right: 24px;
    top: 35px;
    background: #2E6F3B;
    color: #A9F46E;
    padding: 2px 16px;
    border-radius: 30px;
   /* font-weight: 600; */
    font-size: 12px;
}

.chart {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    height: 130px;
    margin-top: 30px;
    gap: 10px;
    padding: 20px;
}

.bar{
    flex:1;
    min-width:30px;
    border-radius:14px 14px 0 0;
    background:#5D8750;
    animation:grow 1.2s ease;
}

.h1{
    height:70px;
}

.h2{
    height:110px;
}

.h3{
    height:90px;
}

.h4{
    height:145px;
}

.h5{
    height:120px;
}

.active{
    height:160px;
    background:#61BC35;
}

.h6{
    height:100px;
}

.right-panel{
    display:grid;
    gap:20px;
}

.small{
    min-height:180px;
    padding:24px;
}

.small .icon {
    font-size: 26px;
    margin: 0px;
    padding: 0px;
}

.small h3{
    color:#fff;
    margin-top:28px;
    
}

.card.small h3{
    margin: 0;
	font-size:1.5rem;
}

.card.small {
    min-height:0px;
    padding: 0 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.small .icon {
    font-size: 24px;
    margin: 0px;
    padding: 0px;
    color: #9CEB63;
}

.title {
    padding: 10px 24px;
}

.small p{
    color:#9AA99E;
    margin-top:8px;
	font-size: .75rem;
}

.bottom{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1fr 1.5fr;
    gap:20px;
}

.status {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 0px 15px;
}

.status .icon{
    width:56px;
    height:56px;
    border-radius:16px;
    background:#295B34;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#9CEB63;
    font-size:24px;
}

.status small {
    color: #95A79B;
    display: block;
    padding-top: 18px;
}

.status h3{
    color:white;
    font-size:1.25rem;
}

@keyframes grow{

    from{
        transform:scaleY(0);
        transform-origin:bottom;
    }

    to{
        transform:scaleY(1);

    }

}

@media (max-width:992px){

.dashboard{

grid-template-columns:1fr;

}

.bottom{

grid-template-columns:1fr;

}

.right-panel{

grid-template-columns:1fr 1fr;

}

}

@media (max-width:768px){

.dashboard{

padding:20px;

}

.right-panel{

grid-template-columns:1fr;

}

.chart{
height:130px;
gap:6px;
}


.small{

min-height:150px;

}

.status{

flex-direction:column;

align-items:flex-start;

}

}

/*  Animation   */
.blur-glanss{
    animation:float 3s ease-in-out infinite;
}

@keyframes float{

    0%{
        transform:translateX(-10%) translateY(0px);
    }

    50%{
        transform:translateX(-10%) translateY(-8px);
    }

    100%{
        transform:translateX(-10%) translateY(0px);
    }

}
    
/*==============================
Testimonials Section
==============================*/

/*=========================================
GOOGLE FONT
=========================================*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

.tc-testimonials *{
    box-sizing:border-box;
    font-family:'Inter',sans-serif;
}


.tc-testimonials{
    width:100%;
    padding:30px 0;
   /* background:
    radial-gradient(circle at left top,#EAF8ED 0%,transparent 35%),
    radial-gradient(circle at right bottom,#F3FBF5 0%,transparent 35%),
    #F8FCF8;*/
    overflow:hidden;

}



/*=========================
Slider
=========================*/

.tc-slider{
    display:flex;
    align-items:center;
    gap:25px;
    max-width:1450px;
    margin:auto;
}

.tc-window{
    overflow:hidden;
    width:100%;
    padding:15px 0;
}

.tc-track{
    display:flex;
    gap:30px;
    will-change:transform;
    transition:transform .7s cubic-bezier(0.22,1,0.36,1);
}


/*=========================
Card
=========================*/

.tc-card{
    min-width: calc((100% - 60px) / 3);
    background: #fff;
    border-radius: 28px;
    padding: 35px;
    border: 1px solid #E6EFE8;
    /*box-shadow: 0 12px 30px rgba(0, 0, 0, .05); */
    transition: transform .35s ease, box-shadow .35s ease;
    position: relative;
    margin: 10px 0;
    box-shadow: 0 8px 20px #4caf500f, 0 2px 6px #4caf509e;
}

.tc-card:hover{
    transform:scale(1.02);
    box-shadow: 0 15px 20px rgb(76 175 80 / 10%);
    z-index:5;
		transform:translateY(-10px);
}


/*=========================
Top
=========================*/

.tc-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:30px;

}


/*=========================
Quote
=========================*/

.tc-quote{
    width:58px;
    height:58px;
    border-radius:50%;
    background:#F1FBF3;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:.35s;
}

.tc-quote i{
    color:#2E7D32;
    font-size:22px;
}

.tc-card:hover .tc-quote{
    background:#2E7D32;
}

.tc-card:hover .tc-quote i{
    color:#fff;
}


/*=========================
Stars
=========================*/

.tc-stars{
    display:flex;
    gap:4px;
}

.tc-stars i{
    color:#FDBA12;
}


/*=========================
Review
=========================*/

.tc-card p{
    font-size:17px;
    color:#555;
    line-height:31px;
    margin-bottom:35px;
}


/*=========================
Client
=========================*/

.tc-user{
    display:flex;
    gap:18px;
    align-items:center;
}

.tc-user img{
    width:70px;
    height:70px;
    border-radius:50%;
    border:3px solid #EAF8ED;
    object-fit:cover;
    transition:.35s;
}

.tc-card:hover .tc-user img{
    transform:scale(1.08);
}

.tc-user h4{
    margin:0;
    font-size:20px;
    color:#17391B;
}

.tc-user span{
    display:block;
    margin-top:5px;
    color:#2E7D32;
    font-size:14px;
}

.tc-user small{
    display:block;
    margin-top:8px;
    color:#777;
    font-size:13px;
}

.tc-user small i{
    color:#2E7D32;
    margin-right:6px;
}

/*==============================
Navigation Buttons
==============================*/

.tc-arrow{
    width:60px;
    height:60px;
    border:none;
    border-radius:50%;
    background:#ffffff;
    color:#2E7D32;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:18px;
    flex-shrink:0;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.35s;

}

.tc-arrow:hover{
    background:#2E7D32;
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 20px 40px rgba(46,125,50,.28);

}


/*==============================
Dots
==============================*/

.tc-dots{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:50px;
}

.tc-dot{
    width:12px;
    height:12px;
    border-radius:50%;
    background:#C9DCCF;
    cursor:pointer;
    transition:.35s;
}

.tc-dot.active{
    width:40px;
    border-radius:20px;
    background:#2E7D32;
}


/*==============================
Card Hover Border
==============================*/

.tc-card::after{
    content:"";
    position:absolute;
    inset:0;
    border-radius:28px;
    border:1px solid transparent;
    transition:.35s;
}

.tc-card:hover::after{
    border-color:#B7DFC0;
}


/*==============================
Scrollbar Hide
==============================*/

.tc-window::-webkit-scrollbar{
    display:none;
}


/*==============================
Responsive
==============================*/

@media(max-width:1100px){

.tc-card{
min-width:calc((100% - 30px)/2);
}

.tc-heading h2{
font-size:42px;
}
}

@media(max-width:767px){
.tc-slider{
gap:15px;
}

.tc-card{
min-width:100%;
padding:28px;
}

.tc-arrow{
display:none;
}

.tc-heading{
margin-bottom:45px;
}

.tc-heading h2{
font-size:32px;
}

.tc-heading p{
font-size:15px;
line-height:28px;
}

.tc-user img{
width:60px;
height:60px;
}

.tc-card p{
font-size:15px;
line-height:28px;
}

}


/*************************
  Pop-up Contact Form 
**************************/

.partner-tag {
    display: inline-block;
    color: #56A934;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-thickness: 2px;
}

.partner-header h2 {
    font-size: 40px;
    line-height: 1.1;
    font-weight: 700;
    color: #111;
    margin-bottom: -16px;
}

.partner-header p{
    font-size:20px;
    line-height:1.6;
    color:#666;
    margin:0;
}

.partner-form p, h2 {
    margin: 0;
    padding: 14px 24px;
    font-size: 16px;
}


.partner-form{
    font-family:Inter,sans-serif;
}

.partner-form label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #444;
    margin-bottom: 12px;
}



.cf-row {
    display: flex;
    gap: 0;
}

.cf-col{
    flex:1;
}

.full{
    width:100%;
}

.partner-form input,
.partner-form textarea,
.partner-form select{

    height: 45px;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 0 18px;
    font-size: 14px;
    outline: none;
    transition: .3s;
    background: #fff;
}

.partner-form textarea{

    height:120px;
    padding-top:16px;
    resize:vertical;

}

.partner-form input:focus,
.partner-form textarea:focus,
.partner-form select:focus{

    border-color:#56A934;
    box-shadow:0 0 0 4px rgba(86,169,52,.15);

}

.cf-btn{

    margin-top:10px;

}

.partner-form input[type=submit]{

    width:100%;
    height:60px;
    background:#59B52E;
    color:#fff;
    border:none;
    border-radius:18px;
    font-size:18px;
    font-weight:700;
    cursor:pointer;
    transition:.3s;

}

.partner-form input[type=submit]:hover{

    background:#4BA326;
    transform:translateY(-2px);

}

/* CF7 validation */

.wpcf7-not-valid-tip{

    margin-top:8px;
    font-size:13px;

}

.wpcf7-spinner{

    display:none;

}

.partner-form p{
    margin:0;
    padding:10px 20px;
}

.partner-form .wpcf7-form-control-wrap{
    display:block;
    margin-top:-25px;
}

.elementor-kit-239 input:not([type="button"]):not([type="submit"]), .elementor-kit-239 textarea, .elementor-kit-239 .elementor-field-textual {
    padding: 10px;
    border-radius: 15px;
    font-size: 14px;
}

element.style {
    max-width: 100%;
    top: 100px;
    left: 960px;
    opacity: 1;
    display: block;
}

.pum-theme-1712, .pum-theme-default-theme {
    background-color: #0f2a1e99;
    backdrop-filter: blur(6px);
}

/* Mobile */

@media only screen and (min-width: 1024px) {
    .pum-container.pum-responsive.pum-responsive-small {
        margin-left: -18%;
        width: 35%;
    }
}

@media(max-width:768px){

.cf-row{

flex-direction:column;
gap:18px;

}

}

/******* Bottom News Latter* ***/

.srfm-form-container .srfm-form .srfm-submit-button .srfm-submit-wrap, .srfm-form-container .srfm-password-protected-form .srfm-submit-button .srfm-submit-wrap{
	width: 125px;
}


/**** Instaveg Page
/*=====================================================
 Ecosystem Slider
 */

:root{

    --green:#62B730;
    --green-dark:#2E7D32;
    --light:#F7FBF4;
    --text:#222;
    --border:#DCEED2;

}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

    font-family:Arial, Helvetica, sans-serif;
    background:#fff;
    color:var(--text);

}

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

.ecosystem {
    width: 100%;
    padding: 90px 20px;
    overflow: hidden;
}

.section-heading
Specificity: (0,1,0)
 {
    text-align: center;
    margin-bottom: 0px;
}


.container{

    max-width:1350px;
    margin:auto;

}

/*=========================================
HEADING
=========================================*/

.section-heading{

    text-align:center;
    margin-bottom:0px;

}

.section-heading span {
    color: var(--green);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 8px;
    text-decoration-thickness: 2px;
}

.section-heading h2{
    margin-top:15px;
    font-size:44px;
    font-weight:700;
    line-height:1.2;
    color:#111;

}

/*=========================================
SLIDER AREA
=========================================*/

.slider-area{

    position:relative;
    padding:70px 0;

}

/*=========================================
PROGRESS LINE
=========================================*/

.line{
    position:absolute;
    left:0;
    right:0;
    top:115px;
    height:4px;
    background:#dcefd4;
    border-radius:20px;
    z-index:1;
}

.line-fill{
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    border-radius:20px;
    background:linear-gradient(
        90deg,
        #62B730,
        #87DB4F
    );
    transition:width .6s ease;

}

/*=========================================
SLIDER TRACK
=========================================*/

.slider-track{
   display:flex;
    justify-content:space-between;
    align-items:flex-start;
    width:100%;
    gap:0;

}

.slide{
    flex:0 0 calc(100% / 9);
    max-width:calc(100% / 9);
    min-width:0;
    text-align:center;
    position:relative;
	/*transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);*/
}

.slide h4 {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #505050;
    line-height: 1.5;
    transition: .4s;
}

/*=========================================
ICON
=========================================*/

.circle {
    width: 90px;
    height: 90px;
    margin: auto;
    border-radius: 50%;
    background: #fff;
    border: 2px solid var(--green);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
    transition: all .45s ease;
    position: relative;
    z-index: 5;
}

.circle i{
    font-size:34px;
    color:var(--green);
    transition:.4s;
}

/*=========================================
ACTIVE
=========================================*/

.slide.active{
    opacity:1;
    transform:scale(1.25);
    z-index:20;
    background:transparent;

}

.slide.active h4{
    color:var(--green-dark);
    font-weight:700;
}

.slide.active .circle{

    width:105px;
    height:105px;
    background:var(--green);
    border:none;
    box-shadow:
        0 0 0 12px rgba(98,183,48,.12),
        0 20px 45px rgba(98,183,48,.35);

}

.slide.active .circle i{

    color:#fff;

    font-size:42px;

}

/*=========================================
PULSE
=========================================*/

.slide.active .circle::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:50%;
    border:2px solid var(--green);
    animation:pulse 2s infinite;
}

@keyframes pulse{

    0%{

        transform:scale(1);

        opacity:1;

    }

    100%{

        transform:scale(1.45);

        opacity:0;

    }

}

/*=========================================
HOVER
=========================================*/

.slide:hover{

    transform:translateY(-8px);
	z-index: 1;

}

.slide.active:hover{

    transform:scale(1.25);

}

/*=========================================
CONTENT BOX
=========================================*/

.content-box {
    max-width: 760px;
    margin: 20px auto 0;
    padding: 15px;
    border-radius: 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .06);
    text-align: center;
}

.content-box h3{

    font-size:34px;

    color:var(--green-dark);

    margin-bottom:18px;

}

.content-box p{

    font-size:18px;

    line-height:1.8;

    color:#666;

}

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

@media(max-width:992px){

.section-heading h2{

    font-size:34px;

}

.slider-track{

    gap:40px;

}

.circle{

    width:74px;

    height:74px;

}

.circle i{

    font-size:28px;

}

.slide.active{

    transform:scale(1.12);

}

.slide.active .circle{

    width:100px;

    height:100px;

}

.content-box h3{

    font-size:28px;

}

.content-box p{

    font-size:16px;

}

}

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

@media(max-width:768px){

.slider-area{

    overflow-x:auto;

    padding-bottom:20px;

}

.slider-area::-webkit-scrollbar{

    display:none;

}

.slider-track{

    width:max-content;

    gap:55px;

    padding:20px;

}

.line{

    display:none;

}

.slide{

    min-width:110px;

}

.slide.active{

    transform:scale(1.12);

}

.content-box{

    margin-top:50px;

    padding:28px;

}

.content-box h3{

    font-size:24px;

}

.content-box p{

    font-size:15px;

}

}

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

@media(max-width:480px){

.section-heading h2{

    font-size:26px;

}

.circle{

    width:66px;

    height:66px;

}

.circle i{

    font-size:22px;

}

.slide.active .circle{

    width:90px;

    height:90px;

}

.slide.active .circle i{

    font-size:32px;

}

.content-box{

    padding:22px;

}

.content-box h3{

    font-size:22px;

}

.content-box p{

    font-size:14px;

}

}