:root {
            --primary-color:#e83b63;
            --secondary-color: #003275;
            --grey-color:#232323;
            --light-color:#f6f6f6;
            --popins-font:"Poppins", sans-serif;
            --roboto-font:"Roboto", sans-serif;
}
body{
font-weight: 400;
font-style: normal;
font-family: var(--popins-font);
font-size: 16px;
color:var(--grey-color);
}

.title-font{
  font-weight: 700;
font-style: normal;
font-family: var(--roboto-font);
}
/* Header css */
header a.nav-link {
    font-size: 18px;
}
header .navbar-brand img{width:70%;}


/* About section */
.btn-css {
    background-color:var(--primary-color);
    padding: 10px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    border-radius: 17px 7px;
        display: inline-block;
         width: 150px;
          text-align: center;
}
.btn-css:hover {
    background-color:var(--secondary-color);
    padding: 10px;
    color: #fff;
    text-decoration: none;
    border-radius: 7px 17px;
   
   
}

.bgs-light{background-color: var(--light-color);}

.soft-box h3{font-size: 20px;}
.tagline-color{color:var(--primary-color);}

.plan-box h3{font-size: 20px;}
.plan-tagline-color{color:var(--secondary-color);}
.plan-box ul {
    min-height: 220px;
}



.hero-section{
background: linear-gradient(135deg,#eef2ff,#f9fafb);
overflow:hidden;
}
.carousel-indicators {
    bottom: -40px;}

.hero-title{
font-size:40px;
font-weight:800;
line-height:1.2;
background: linear-gradient(90deg,#2563eb,#9333ea);
-webkit-background-clip:text;
color:transparent;
margin-bottom:20px;
}

.hero-text{
font-size:18px;
color:#555;
margin-bottom:30px;
max-width:500px;
}


.hero-btn{
padding:14px 30px;
font-weight:600;
border-radius:30px;
}

.btn-main{
background:#2563eb;
color:white;
}

.btn-main:hover{
background:#1d4ed8;
color:white;
}


.hero-image{
position:relative;
}

.hero-image img{
width:100%;
max-width:520px;
}

.shape{
position:absolute;
border-radius:50%;
opacity:0.25;
}

.shape1{
width:120px;
height:120px;
background:#2563eb;
top:-30px;
left:-30px;
}

.shape2{
width:80px;
height:80px;
background:#9333ea;
bottom:-20px;
right:30px;
}

.carousel-indicators [data-bs-target]{
background:#2563eb;
}



/* Footer css */

footer{
  background-color: var(--secondary-color);
}