/*=========================
      SIP CALCULATOR
==========================*/


.sip-section{

background:#f3f8ff;

padding:90px 0;

}



.sip-heading{

text-align:center;

margin-bottom:50px;

}



.sip-heading h2{

font-size:45px;

font-weight:800;

color:#143d7a;

}



.sip-heading p{

font-size:18px;

color:#64748b;

}





.sip-box,
.sip-result{


background:white;

padding:40px;

border-radius:25px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

border:1px solid #dbeafe;


}



.sip-box h3,
.sip-result h3{

color:#143d7a;

font-size:28px;

font-weight:700;

margin-bottom:25px;

}



.sip-box label{

font-weight:600;

color:#334155;

margin-top:15px;

margin-bottom:8px;

display:block;

}



.sip-box input{

height:50px;

border-radius:12px;

}




.sip-btn{


margin-top:30px;

padding:14px 40px;

border:none;

background:#0d6efd;

color:white;

border-radius:50px;

font-weight:600;


}



.sip-btn:hover{

background:#084dbd;

}




.result-card{


background:#f1f6ff;

padding:20px;

border-radius:15px;

margin-bottom:15px;


}



.result-card p{

margin:0;

color:#64748b;

}



.result-card h4{

font-size:28px;

color:#143d7a;

font-weight:700;

margin-top:8px;

}




.invest-btn{


display:inline-block;

margin-top:20px;

padding:14px 45px;

background:#143d7a;

color:white;

text-decoration:none;

border-radius:50px;

font-weight:600;


}



.invest-btn:hover{

background:#0d6efd;

color:white;

}





@media(max-width:768px){


.sip-heading h2{

font-size:32px;

}


.sip-box,
.sip-result{

padding:25px;

}


}

/*-----------Mutual Fund Lumpsum Calculator--*/
/*=========================
 LUMPSUM CALCULATOR
==========================*/


.lumpsum-section{

background:#f3f8ff;

padding:90px 0;

}



.lumpsum-heading{

text-align:center;

margin-bottom:50px;

}



.lumpsum-heading h2{

font-size:45px;

font-weight:800;

color:#143d7a;

}



.lumpsum-heading p{

font-size:18px;

color:#64748b;

}




.lumpsum-box,
.lumpsum-result{


background:white;

padding:40px;

border-radius:25px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

border:1px solid #dbeafe;


}



.lumpsum-box h3,
.lumpsum-result h3{

color:#143d7a;

font-size:28px;

font-weight:700;

margin-bottom:25px;

}



.lumpsum-box label{

font-weight:600;

color:#334155;

margin-top:15px;

margin-bottom:8px;

display:block;

}



.lumpsum-box input{

height:50px;

border-radius:12px;

}



.lumpsum-btn{

margin-top:30px;

padding:14px 40px;

border:none;

background:#0d6efd;

color:white;

border-radius:50px;

font-weight:600;

}



.lumpsum-btn:hover{

background:#084dbd;

}



.lumpsum-card{

background:#f1f6ff;

padding:20px;

border-radius:15px;

margin-bottom:15px;

}



.lumpsum-card p{

margin:0;

color:#64748b;

}



.lumpsum-card h4{

font-size:28px;

color:#143d7a;

font-weight:700;

margin-top:8px;

}



@media(max-width:768px){


.lumpsum-heading h2{

font-size:32px;

}


.lumpsum-box,
.lumpsum-result{

padding:25px;

}

}

/*=========================
       FD CALCULATOR
==========================*/


.fd-section{

background:#f3f8ff;

padding:90px 0;

}



.fd-heading{

text-align:center;

margin-bottom:50px;

}



.fd-heading h2{

font-size:45px;

font-weight:800;

color:#143d7a;

}



.fd-heading p{

font-size:18px;

color:#64748b;

}



.fd-box,
.fd-result{

background:white;

padding:40px;

border-radius:25px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

border:1px solid #dbeafe;

}



.fd-box h3,
.fd-result h3{

color:#143d7a;

font-size:28px;

font-weight:700;

margin-bottom:25px;

}



.fd-box label{

font-weight:600;

color:#334155;

margin-top:15px;

margin-bottom:8px;

display:block;

}



.fd-box input{

height:50px;

border-radius:12px;

}



.fd-btn{

margin-top:30px;

padding:14px 40px;

background:#0d6efd;

color:white;

border:none;

border-radius:50px;

font-weight:600;

}



.fd-btn:hover{

background:#084dbd;

}



.fd-card{

background:#f1f6ff;

padding:20px;

border-radius:15px;

margin-bottom:15px;

}



.fd-card p{

margin:0;

color:#64748b;

}



.fd-card h4{

font-size:28px;

color:#143d7a;

font-weight:700;

margin-top:8px;

}



@media(max-width:768px){

.fd-heading h2{

font-size:32px;

}


.fd-box,
.fd-result{

padding:25px;

}

}


/*=========================
        SWP CALCULATOR
==========================*/


.swp-section{

background:#f3f8ff;

padding:90px 0;

}



.swp-heading{

text-align:center;

margin-bottom:50px;

}



.swp-heading h2{

font-size:45px;

font-weight:800;

color:#143d7a;

}



.swp-heading p{

font-size:18px;

color:#64748b;

}




.swp-box,
.swp-result{

background:white;

padding:40px;

border-radius:25px;

box-shadow:0 15px 40px rgba(0,0,0,.08);

border:1px solid #dbeafe;

}



.swp-box h3,
.swp-result h3{

color:#143d7a;

font-size:28px;

font-weight:700;

margin-bottom:25px;

}



.swp-box label{

font-weight:600;

color:#334155;

margin-top:15px;

margin-bottom:8px;

display:block;

}



.swp-box input{

height:50px;

border-radius:12px;

}



.swp-btn{

margin-top:30px;

padding:14px 40px;

background:#0d6efd;

color:white;

border:none;

border-radius:50px;

font-weight:600;

}



.swp-btn:hover{

background:#084dbd;

}




.swp-card{

background:#f1f6ff;

padding:20px;

border-radius:15px;

margin-bottom:15px;

}



.swp-card p{

margin:0;

color:#64748b;

}



.swp-card h4{

font-size:28px;

font-weight:700;

color:#143d7a;

margin-top:8px;

}



@media(max-width:768px){

.swp-heading h2{

font-size:32px;

}


.swp-box,
.swp-result{

padding:25px;

}

}