/*
Theme Name: Astra Child
Theme URI: https://translean.ca
Description: Child theme for Astra
Author: Hasan Ali
Template: astra
Version: 1.0
Text Domain: astra-child
*/

/* Your custom CSS starts below */

.tl-hero{

    position:relative;

    overflow:hidden;

    background:
    radial-gradient(circle at 20% 20%,rgba(2,116,190,.10),transparent 30%),
    radial-gradient(circle at 80% 25%,rgba(2,116,190,.08),transparent 35%),
    radial-gradient(circle at 50% 100%,rgba(2,116,190,.18),transparent 45%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);

    padding:110px 0;

}

.tl-hero::before{

    content:"";

    position:absolute;

    width:650px;

    height:650px;

    top:-260px;

    right:-260px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(2,116,190,.10),
    transparent 70%);

    pointer-events:none;

}

.tl-hero::after{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    left:-180px;

    bottom:-180px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(2,116,190,.08),
    transparent 70%);

    pointer-events:none;

}

.tl-page-hero{

position:relative;

overflow:hidden;

text-align:center;

padding:100px 24px 90px;

background:
radial-gradient(circle at 15% 20%,rgba(2,116,190,.08),transparent 35%),
radial-gradient(circle at 85% 25%,rgba(2,116,190,.07),transparent 35%),
radial-gradient(circle at 50% 100%,rgba(2,116,190,.16),transparent 45%),
linear-gradient(#fff,#f8fbff);

}



.tl-hero .elementor-widget-wrap,
.tl-hero .e-con{

    position:relative;

    z-index:2;

}

@media(max-width:992px){
.chip{display:none}
.tl-hero{padding:70px 20px;
    min-height:min(850px,calc(100svh - 80px));
}
}
@media(max-width:768px){
    .tl-page-hero{

padding:70px 20px;

}

.biz-problems-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 28px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .05);
    }