body {
    font-family: "Inter", sans-serif;
    color: #26283D;
}
.navbar {
    box-shadow: unset;
    top: 0;
    width: 100%;
    padding: 15px 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    background: transparent;
}
.nav-link img {
    width: 24px;
    height: 24px;
}
.navbar .navbar-nav .nav-link{
    font: normal normal normal 18px/24px Inter;
}
.secpad {
    padding: 75px 0;
}
h1 {
    font: normal normal bold 60px/80px Inter;
    color: #26283D;
}
h2 {
    font: normal normal bold 45px/60px Inter;
    color: #26283D;
}
h3 {
    font: normal normal bold 28px/45px Inter;
    color: #26283D;
}
p{
    font: normal normal normal 18px/36px Inter;
    color: #565761;
}
a{
    text-decoration: none!important;
}

.hero-bg{
    background-image: url("../img/home/path.svg");
    background-position: right;
    background-repeat: no-repeat;
    padding-top: 180px;
    padding-bottom: 0px;
    overflow: hidden;
    z-index: 1;
    position: relative;
}
.hero p{
    padding-top: 20px;
    padding-bottom: 30px;
}
.hero a{
    background: transparent linear-gradient(101deg, #1bc073 0%, #23ff98 100%) 0% 0% no-repeat padding-box;
    border-radius: 30px;
    padding: 18px 40px;
    color: #fff;
    text-decoration: none;
    z-index: 2;
}
.fe{
    padding: 50px;
    background: transparent linear-gradient(101deg, #1bc073 0%, #23ff98 100%) 0% 0% no-repeat padding-box;
    border-radius: 65px;
    margin-top: 30px;
}
.fe .fe-img{
    display: flex;
    align-items: center;
}
.fe .fe-img h3{
    margin-bottom: 0;
}
.fe .fe-img img{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 17px #A7BEFF29;
    border-radius: 50%;
    padding: 17px;
    margin-right: 17px;
}
.fe p{
    margin-top: 25px;
    margin-bottom: 0;
}
.lightbg{
    background-color: #2edf8c;

}
.pnav .nav {
    width: 100%;
}
.pnav .nav-link{
    padding: 0;
    margin-bottom: 20px;
}
.pnav .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #26283D;
    background-color: #fff;
}
.pnav .accordion-button{
    padding: 15px 20px;
    box-shadow: unset;
    font: normal normal 600 22px/36px Inter;
    color: #26283D;
}
.pnav .accordion-button:not(.collapsed) {
    color: #26283D;
    background-color: #FFFFFF;
    box-shadow: unset;
}
.pnav .accordion-body{
    padding-top: 0;
    font: normal normal normal 18px/36px Inter;
    color: #565761;
}

.f1{
    background: transparent linear-gradient(180deg, #00ff87 0%, #99f3cf 100%) 0% 0% no-repeat padding-box;
    border-radius: 45px;
    padding: 30px;
    text-align: center;
    margin-top: 40px;
    height: 200px;
}
.f1 img{
    position: relative;
    top: -115px;
}
.f1 p{
    margin-bottom: 0;
    color: #26283D;
    font-weight: bold;
    position: relative;
    top: -120px;
}

.uc{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 30px;
    padding: 40px;
    display: flex;
    justify-content: space-between;
    margin-top: 25px;
}
.uc .uc-cont ul{
    padding-left: 20px;
}
.uc .uc-cont ul li{
    font: normal normal normal 18px/36px Inter;
    color: #26283D;
}

.tpcont h2{
    margin-top: 100px;
    padding-bottom: 15px;
}
.cph2{
    padding-bottom: 20px;
}

.cp-main-box {
    padding: 20px;
    border: 1px solid #dfe3e9;
    border-radius: 10px;
    margin-top: 20px;
}
.cp-title {
    text-align: center;
}
.cp-title h2 {
    display: inline-flex;
    align-items: center;
    min-height: 200px;
    color: #152e4d;
    font-weight: 800;
    font-size: 32px;
}
.cp-img {
    display: inline-flex;
    align-items: center;
    min-height: 230px;
}
.cp-img ul {
    list-style-type: none;
    padding: 0;
}
.cp-img ul li {
    margin: 0;
    display: inline-flex;
    flex-flow: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding-left: 29px;
    padding-right: 29px;
    padding-top: 10px;
}
.cp-img ul li img {
    width: 50px;
    height: 40px;
    object-fit: contain;
    object-position: center;
    margin-bottom: 0;
}
.cp-img p{
    font-size: 13px;
        color: #152e4d;
}
.cp-img ul li {
    margin: 0;
    display: inline-flex;
    flex-flow: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding-left: 29px;
    padding-right: 29px;
    padding-top: 10px;
}
.cp-price {
    background: #f6f6f6;
    border-radius: 10px;
    display: grid;
    align-items: center;
    min-height: 230px;
    width: 100%;
}
.cp-price h2 {
    text-align: center;
    color: #152e4d;
    font-weight: 800;
    padding: 0 70px;
    margin: 0;
    font-size: 32px;
}
.cp-gst-note h4 {
    color: #152e4d;
    font-weight: 600;
    font-size: 14px;
}
@media (max-width: 574px){
    .cp-title h2 {
        display: block;
        min-height: unset;
    }
    .cp-price {
        min-height: unset;
    }
    .cp-img ul {
    text-align: center;
}
}

.ft-bg {
    background: transparent linear-gradient(286deg, #1eff8a 0%, #9effd4 100%) 0% 0% no-repeat padding-box;
}
.ft-logo {
    width: 150px;
}
.ft-pad {
    padding: 50px 0px;
}
.ft-cont p {
    margin-top: 26px;
    font: normal normal normal 16px/32px Inter;
    color: #565761;
}
.ft-link a {
    display: block;
    text-decoration: none;
    color: #565761;
    font: normal normal normal 16px/36px Inter;
}
.ft-link h3 {
    font: normal normal 600 22px/36px Inter;
    letter-spacing: 0px;
    color: #26283D;
}
.copyright {
    border-top: 1px solid #000;

    text-align: center;
}
.copyright p {
    margin-bottom: 0;
    padding: 15px 0;
    font: normal normal normal 14px/28px Inter;
    color: #565761;
}
.box{
    border-radius: 10px;
}
.boxbg1{
    background: #fff;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
.boxbg2{
    background: transparent linear-gradient(286deg, #d4ffeb 0%, #5dffb2 100%) 0% 0% no-repeat padding-box;
}
.box h1{
    font-size: 30px;
    color: #26283D;
    line-height: unset;
    margin: 7px 0;
}
.box sub{
    color: #26283D;
    font-weight: normal;
}
.box span , .box p, .box li{
    font-size: 16px;
    color: #26283D;
    line-height: 26px;
}
.box .btngreen{
    background-color: #05c16e;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    padding: 10px 30px;
    border: 0;
}

.box .btnwhite{
    background: transparent linear-gradient(101deg, #1bc073 0%, #23ff98 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    padding: 10px 30px;
    border: 0;
}




/*  Media Query  */
@media (max-width: 576px) {
    .mm0 {
        margin: 0;
    }
    .mp0 {
        padding: 0;
    }
    .secpad {
        padding: 30px 0;
    }
    h1 {
        font: normal normal bold 32px/46px Inter;
    }
    h2 {
        font: normal normal bold 26px/36px Inter;
    }
    h3,.pnav .accordion-button {
        font: normal normal bold 20px/26px Inter;
    }
    p , .pnav .accordion-body ,.uc .uc-cont ul li{
        font: normal normal normal 14px/28px Inter;
    }
    .fe {
        padding: 20px 15px;
        border-radius: 15px;
        margin-top: 30px;
    }
    .fe p {
        margin-top: 5px;
    }
    .f1 {
        margin-bottom: 45px;
    }
    .uc {
        padding: 20px 15px;
        border-radius: 15px;
        margin-top: 25px;
    }
    .uc-img img{
        width: 100px;
    }
    .uc .uc-cont ul{
        margin-bottom: 0;
    }
    .tpcont h2 {
        margin-top: 10px;
    }
    .cph2{
        padding-bottom: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .mm0 {
        margin: 0;
    }
    .mp0 {
        padding: 0;
    }
    h1 {
        font: normal normal bold 36px/60px Inter;
    }
    h2 {
        font: normal normal bold 30px/50px Inter;
    }
    h3,.pnav .accordion-button {
        font: normal normal bold 22px/36px Inter;
    }
    p , .pnav .accordion-body ,.uc .uc-cont ul li{
        font: normal normal normal 16px/34px Inter;
    }
    .secpad {
        padding: 50px 0;
    }
    .hero{
        text-align: center;
    }
    .fe {
        padding: 20px 15px;
        border-radius: 15px;
        margin-top: 30px;
    }
    .f1 {
        border-radius: 15px;
        padding: 15px;
    }
    .tpimg img{
        margin-top: 40%;
    }
    .box{
        height: 415px;
    }
}
@media (min-width: 992px) {
    .navbar-nav .dropdown,
    .navbar-nav .dropdown-menu {
        display: block;
    }
    .navbar-nav .dropdown-menu {
        left: 50%;
        box-shadow: 0 0.8rem 1.2rem rgb(52 58 64 / 8%);
        visibility: hidden;
        opacity: 0;
        transform: translate3d(-50%, 30px, 0);
        transition: all 0.3s ease-in-out;
        transition-property: opacity, visibility, transform;
        transform-origin: top center;
    }
    .navbar-nav .dropdown:hover .dropdown-menu {
        opacity: 1;
        transform: translate3d(-50%, 1px, 0);
        visibility: visible;
    }
}

@media (max-width: 991.98px) {
    .navbar-collapse {
        max-height: 438px;
        overflow-y: auto;
    }
}


h3.text-color{
    color: white;
}