/*==================================================
Aarohan Wealth
Global Styles
Version : 1.0
==================================================*/
/*==================================
Google Fonts
==================================*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
/*==================================
Reset
==================================*/
*,
*::before,
*::after{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
scroll-behavior:smooth;
-webkit-text-size-adjust:100%;
}
body{
font-family:var(--body-font);
font-size:var(--font-16);
font-weight:400;
line-height:1.75;
color:var(--text);
background:var(--background);
overflow-x:hidden;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
/*==================================
Selection
==================================*/
::selection{
background:var(--primary);
color:var(--white);
}
/*==================================
Scrollbar
==================================*/
::-webkit-scrollbar{
width:10px;
}
::-webkit-scrollbar-track{
background:#edf2f7;
}
::-webkit-scrollbar-thumb{
background:var(--primary);
border-radius:50px;
}
::-webkit-scrollbar-thumb:hover{
background:var(--primary-dark);
}
/*==================================
Images
==================================*/
img{
max-width:100%;
height:auto;
display:block;
}
svg{
max-width:100%;
}
picture{
display:block;
}
/*==================================
Links
==================================*/
a{
text-decoration:none;
color:inherit;
transition:var(--transition);
}
a:hover{
text-decoration:none;
}
/*==================================
Lists
==================================*/
ul,
ol{
margin:0;
padding:0;
list-style:none;
}
/*==================================
Buttons
==================================*/
button{
border:none;
outline:none;
background:none;
cursor:pointer;
transition:var(--transition);
}
button:focus{
outline:none;
}
/*==================================
Inputs
==================================*/
input,
textarea,
select{
width:100%;
outline:none;
border:none;
font-family:inherit;
}
textarea{
resize:none;
}
/*==================================
Container
==================================*/
.container{
max-width:var(--container-width);
}
/*==================================
Section Spacing
==================================*/
.section-padding{
padding:var(--section-padding) 0;
}
/*==================================
Typography
==================================*/
h1,
h2,
h3,
h4,
h5,
h6{
font-family:var(--heading-font);
color:var(--dark);
font-weight:800;
line-height:1.2;
margin-bottom:18px;
}
h1{
font-size:clamp(2.8rem,5vw,4.4rem);
}
h2{
font-size:clamp(2.1rem,4vw,3.2rem);
}
h3{
font-size:clamp(1.6rem,3vw,2.1rem);
}
h4{
font-size:1.45rem;
}
h5{
font-size:1.2rem;
}
h6{
font-size:1rem;
}
p{
margin-bottom:18px;
color:var(--text);
}
p:last-child{
margin-bottom:0;
}
/*==================================
Section Heading
==================================*/
.section-heading{
margin-bottom:65px;
}
.section-tag{
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 18px;
border-radius:50px;
background:var(--primary-light);
color:var(--primary);
font-size:.85rem;
font-weight:700;
letter-spacing:.5px;
margin-bottom:18px;
text-transform:uppercase;
}
.section-title{
margin-bottom:20px;
}
.section-description{
max-width:650px;
color:var(--text-light);
font-size:1.05rem;
}
/*==================================
Buttons
==================================*/
.btn-theme{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
height:var(--btn-height);
padding:0 34px;
border-radius:var(--btn-radius);
background:var(--primary);
color:var(--white);
font-weight:600;
transition:var(--transition);
box-shadow:var(--shadow-sm);
}
.btn-theme:hover{
background:var(--primary-dark);
color:var(--white);
transform:translateY(-3px);
box-shadow:var(--shadow-hover);
}
.btn-outline-theme{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
height:var(--btn-height);
padding:0 34px;
border-radius:var(--btn-radius);
border:2px solid var(--primary);
color:var(--primary);
background:transparent;
font-weight:600;
transition:var(--transition);
}
.btn-outline-theme:hover{
background:var(--primary);
color:var(--white);
}
/*==================================
Common Card
==================================*/
.theme-card{
background:var(--white);
border:1px solid var(--border);
border-radius:var(--radius-lg);
padding:var(--card-padding);
transition:var(--transition);
box-shadow:var(--shadow-sm);
}
.theme-card:hover{
transform:translateY(-8px);
box-shadow:var(--shadow-hover);
}
/*==================================
Utilities
==================================*/
.bg-light{
background:var(--background-light);
}
.bg-primary-light{
background:var(--primary-light);
}
.text-primary{
color:var(--primary)!important;
}
.text-secondary{
color:var(--secondary)!important;
}
.text-muted{
color:var(--text-light)!important;
}
.rounded-xl{
border-radius:var(--radius-xl);
}
.shadow-theme{
box-shadow:var(--shadow-md);
}
/*==================================
Responsive
==================================*/
@media(max-width:991px){
.section-padding{
padding:90px 0;
}
.section-heading{
margin-bottom:50px;
}
}
@media(max-width:767px){
.section-padding{
padding:var(--section-padding-mobile) 0;
}
.section-description{
font-size:1rem;
}
.btn-theme,
.btn-outline-theme{
width:100%;
}
}


.popup-icon{
    width:90px;
    height:90px;
    margin:auto;
    border-radius:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--primary-dark);
    color:#fff;
    font-size:3rem;
    }
    #templateModal .modal-content{
    box-shadow:0 40px 100px rgba(0,0,0,.18);
    }
    #templateModal h2{
    font-size:2.5rem;
    font-weight:800;
    }
    #templateModal p{
    font-size:1.2rem;
    line-height:1.8;
    color:#64748b;
    }
    #templateModal .btn-theme{
    height:60px;
    }
    @media(max-width:991px){
    #templateModal .modal-body{
    padding:35px;
    }
    #templateModal h2{
    font-size:2rem;
    }
    .popup-icon{
    width:90px;
    height:90px;
    font-size:2.3rem;
    }
    }
    @media(max-width:767px){
    #templateModal h2{
    font-size:1.6rem;
    }
    #templateModal p{
    font-size:1rem;
    }
    }