/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Child theme for the Astra theme.
Author: Raj Kumar
Author URI: https://codeize.com/
Template: astra
Version: 1.0.0
Text Domain: astra-child
*/

/* Add your custom CSS below this line */

:root {
  --bg: #f7f8fb;
  --fg: #0f1733;
  --muted: #6b7390;
  --card: #ffffff;
  --border: #e6e8f0;
  --secondary: #f1f3f9;

  --navy: #131a3d;
  --navy-2: #1d2654;
  --navy-3: #283269;
  --teal: #3a7bd5;       /* sky-blue accent */
  --teal-2: #5aa0ee;
  --sky: #8cb8e8;
  --white: #ffffff;

  --radius: 1rem;
  --radius-lg: 1.5rem;
  --radius-xl: 1.75rem;

  --shadow-soft: 0 2px 14px -4px rgba(19, 26, 61, .10);
  --shadow-card: 0 18px 50px -16px rgba(19, 26, 61, .22);
  --shadow-glow: 0 0 60px -10px rgba(58, 123, 213, .55);

  --gradient-hero: linear-gradient(135deg, #131a3d 0%, #1d2654 55%, #283269 100%);
  --gradient-navy: linear-gradient(180deg, #131a3d 0%, #0d1230 100%);

  --font-display: "Urbanist", system-ui, -apple-system, Segoe UI, sans-serif;
  --font-sans: "Epilogue", system-ui, -apple-system, Segoe UI, sans-serif;
	
  --linkedin-brand: oklch(0.527 0.154 255.535);
  --linkedin-section: oklch(0.193 0.078 264.052);
  --linkedin-section-foreground: oklch(0.984 0.003 247.858);
  --linkedin-section-muted: oklch(0.704 0.04 256.788);
  --linkedin-section-border: oklch(1 0 0 / 15%);
}
 

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-sans);
  color: var(--fg);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  line-height: 1.55;
}

/* ---------- Hero ---------- */
.hero {
  position: relative; overflow: hidden;
  background: var(--gradient-hero); color: #fff;
}
.hero::before {
  content: ""; position: absolute; inset: 0;
  background-image:
    linear-gradient(to right, rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 56px 56px; opacity: .6;
}
.hero::after {
  content: ""; position: absolute; left: -120px; top: 80px;
  width: 480px; height: 480px; border-radius: 50%;
  background: rgba(58,123,213,.3); filter: blur(140px);
}
.hero .container { position: relative; padding-top: 5rem; padding-bottom: 6rem; }
.hero-grid { display: grid; gap: 3.5rem; grid-template-columns: 1fr; align-items: center; }
.gradient{ background: linear-gradient(90deg, rgb(140, 184, 232), rgb(90, 160, 238), rgb(255, 255, 255)); -webkit-background-clip: text; background-clip: text;color: transparent;}
.top-hero-sub-heading:before{content: ''; display: inline-block; position: absolute; left: 12px; width: 6px; top: 9px; height: 6px; border-radius: 50%; background: #3a7bd5;}
.banner-right-col{position:relative;}
.banner-right-col .banner-right-col-text{position: absolute;left: 20px;bottom: 20px;z-index: 2;}
.banner-right-col-text{border: 1px solid rgba(255, 255, 255, .15); background: rgba(255, 255, 255, .1); backdrop-filter: blur(12px); padding: 1rem 1.25rem; border-radius: 1rem; color: #fff; position: absolute;bottom: 0;}
.banner-product-price{font-size: 1.875rem;}
.banner-right-col .go-link-btn{position: absolute;bottom: 20px;right: 20px;transform: rotate(-45deg);z-index: 2;}
.banner-right-col .go-link-btn .elementor-button{justify-content: center; width: 48px; height: 48px; border-radius: 50%; background: #3a7bd5; display: grid; place-items: center; color: #fff; box-shadow: 0 0 60px -10px rgba(58, 123, 213, .55); font-size: 1.25rem;}
.banner-right-col .elementor-widget-image:before{content: '';position: absolute;inset: 0;background: linear-gradient(to top, rgba(19, 26, 61, .7), transparent 60%);pointer-events: none;z-index: 1;}
.banner-right-col img{position: relative;}
.ast-container .hero-section-main:before{content: "";position: absolute;inset: 0;background-image: linear-gradient(to right, rgba(255, 255, 255, .06) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, .06) 1px, transparent 1px);background-size: 56px 56px;opacity: .6;    z-index: 0;filter: none !important;}
.icons-section .inner-box{border-right: 1px solid #e6e8f0;border-top: 1px solid #e6e8f0;transition: background .2s;padding-top: 30px !important;}
.icons-section .inner-box:last-child{ border-right: 0;}
.icons-section .inner-box:hover{background: rgba(241, 243, 249, .6);color: #3a7bd5;}
.icons-section .inner-box:hover .heading-inner-box{ color: #3a7bd5;}
.emo-icon { display: inline-flex;width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 255, 255, .15); backdrop-filter: blur(6px);   justify-content: center; align-items: center; margin-right: 15px;}
.emo-icon.cloude-icon img{ filter: invert(.5) sepia(1) saturate(5) hue-rotate(178deg);}
.inner-column:after{content:'';background: linear-gradient(to top right, rgba(58, 123, 213, .85), rgba(19, 26, 61, .9));position: absolute; inset: 0; mix-blend-mode: multiply;    border-radius: 20px}
.inner-column .e-con-inner{position: relative;z-index: 1;}
.box-heading{margin-bottom: 0;display: inline-block;font-family: Urbanist;font-size: 1.5rem;font-weight: 800;color: #131a3d;}
.grid-section .e-con.e-child{transition: all .25s;}
.grid-section .e-con.e-child:hover{transform: translateY(-4px);}
.form-section .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text span{width: 24px; height: 24px; border-radius: 50%; background: rgba(58, 123, 213, .1);display: inline-flex;align-items: center;justify-content: center;font-size: 13px; margin-right: 5px;color: #3a7bd5;}
.form-section .elementor-icon-list-items .elementor-icon-list-item{margin-bottom: 10px;}
.get-in-touch-form .elementor-element .wpforms-container{margin-top: 0;}
.get-in-touch-form .wpforms-container .wpforms-field-label{margin-bottom: 5px; font-size: 12px; color: rgba(15,23,51,.6);letter-spacing: 2px;}
.get-in-touch-form .elementor-element .wpforms-container input,
.get-in-touch-form .elementor-element .wpforms-container textarea, 
.get-in-touch-form .elementor-element .wpforms-container select{ border-radius: 8px; border-color: #e6e8f0;}
.get-in-touch-form .elementor-element .wpforms-container [type="submit"]{width: 100%;background: var(--teal); color: #fff; box-shadow: var(--shadow-glow); border-radius: .65rem;padding: .9rem 1.6rem; height: auto;}
.get-in-touch-form .elementor-element .wpforms-container [type="submit"]:not(:hover):not(:active){background: var(--teal);}
.pranshubox ul{list-style: none; padding: 0;}
.shadow-card .elementor-icon-box-icon{
  position: relative;
}
.wpforms-submit-container{margin:0;}
.wpforms-submit-container .wpforms-submit{ background: #1268E3; width: 100%;  border-radius: 7px; font-size: 20px; height: 50px;}
.custom-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #14193d;
    -webkit-mask: url(https://fync.codeize.in/wp-content/uploads/2026/07/gemini-svg.svg) no-repeat center / contain;
    mask: url(https://fync.codeize.in/wp-content/uploads/2026/07/gemini-svg.svg) no-repeat center / contain;
    margin-right: 4px;
}
.pranshubox h3 {
    margin: 8px 0 8px 0;
    font-size: 25px;
}
.pranshubox h5 {
    margin: 0 0 0px 0;
    color: #1268E3;
    font-size: 16px;
}
.pranshubox li {background: url(https://fync.codeize.in/wp-content/uploads/2026/07/check-mark.png);
    background-size: 16px;
    background-repeat: no-repeat;
    padding-left: 23px;
    background-position: 0px 5px;
    padding: 5px 0 5px 23px;
    line-height: 1.2;
}
.shadow-card .elementor-icon-box-icon .elementor-icon{
  background-color: #EEF4FF;
  padding: 12px;
  border-radius: 100%;
}
.shadow-card .elementor-icon-box-icon:before{
  content: '';
  width: 2px;
  height: 100%;
  background-color: rgb(204 204 204 / 27%);

  position: absolute;
  right: -15px;
  top: 0;
}
.shadow-card-a1 .elementor-icon-box-wrapper{  position: relative;}
.shadow-card-a1 .elementor-icon-box-wrapper:before{  width: 2px;
  height: 100%;
  background-color: rgb(204 204 204 / 27%); position: absolute;
  right: -15px;
  top: 0;}

/*.boxlist .elementor-icon-list-items li{
    border: 1px solid #DFE5EB;
    padding: 24px;
    border-radius: 15px;
}*/
.boxlist .elementor-icon-list-items li .elementor-icon-list-icon{
  flex: none;
}
.boxlist .elementor-icon-list-items li .elementor-icon-list-text{
  width: 100%;
  padding-block: 15px;
}
.boxlist .elementor-icon-list-items li:not(:last-child) .elementor-icon-list-text{
  border-bottom: 1px solid #DFE5EB;  
}

.fync-title-center-bar .elementor-heading-title,
.fync-title-left-bar .elementor-heading-title{
  position: relative;
  padding-bottom: 15px;
}
.fync-title-center-bar .elementor-heading-title:after,
.fync-title-left-bar .elementor-heading-title:after{
  content: '';
  width: 50px;
  height: 2px;
  background-color: #1268E3;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.fync-title-center-bar .elementor-heading-title:after{
  width: 100px;
  margin-inline: auto;
} 
.widget_nav_menu .menu .menu-item{}
.site-footer .wp-block-heading{color: #FFF; font-size: 1.8rem;}
.site-footer .site-footer-section{color: rgba(255,255,255,.7);}
.site-footer .menu li a{background:url('/wp-content/uploads/2026/07/next-blue-12.png') no-repeat; padding-left: 24px; background-size: 20px; background-position: 0px 0px;}
.site-footer .menu li a:hover{color:#FFF;}
.sociallink li{list-style:none; border-bottom: 1px solid #e3e8ef12; padding-top: 1rem;}
.sociallink li:last-child{border-bottom: none;}
.site-footer a{color: rgba(255,255,255,.8); font-size: 13px;  display: block; line-height: 1.5; text-decoration: none; }
/* LinkedIn social link section */
.sociallink {
  background-color: var(--color-linkedin-section);
  color: var(--color-linkedin-section-foreground);
}

.sociallink ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.boxsocial {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--color-linkedin-section-border);
  text-align: left;	
}

.socialimg {
  width: 3rem;
  height: 3rem;
  border-radius: 9999px;
  border: 2px solid #1268e3;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0; PADDING: 12PX;
}

.socialimg img {
  width: 1.875rem;
  height: 1.875rem;
  object-fit: contain;
}

.boxsocial h4 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
}

.sociallink h4 {
    color: #FFF;
    text-align: left;
    font-size: 14px;
}
.socialdesccontent {
  color: var(--color-linkedin-section-muted);
  font-size: 14PX;
  margin-top: 0.25rem;
}
.site-footer .ast-builder-html-element .widget-title{text-align: left;}
/*.site-primary-footer-wrap .ast-builder-grid-row{grid-template-columns: 2fr 1fr 1fr;}*/
.site-footer .widget-title{font-size: 21px;font-weight: 600; color: #fff; text-transform: uppercase;}
.site-footer .wp-block-paragraph{max-width: 400px;font-size: 13px;}
.site-footer nav ul li{ margin-bottom: 0px; padding: 10px 0px; border-bottom:1px solid #e3e8ef12;}
.site-footer nav ul li:last-child {border-bottom: none;}
.site-below-footer-wrap{color:rgba(255,255,255,.5);font-size: 14px}
.ast-footer-copyright.site-footer-focus-item{color:rgba(255,255,255,.5);}
.ast-footer-copyright{text-align: left;}
@media (min-width: 1024px) { .hero-grid { grid-template-columns: 1.05fr 1fr; gap: 5rem; } }
@media (max-width: 921px) {
    .ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal .ast-builder-grid-row {
        grid-template-columns: repeat(2, 1fr);
    }
	.site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-tablet-stack .site-footer-section {
        display: block;
        margin-bottom: 42px;
    }
	.ast-builder-footer-grid-columns {
    grid-column-gap: 15px;
}
}

@media (max-width: 580px) {
    .ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal .ast-builder-grid-row {
        grid-template-columns: repeat(1, 1fr);
    }
}