.fdp{position: relative;}
.fdp::after,
.fdp::before{background: url(../images/triangle-bg.png) no-repeat;width: 450px;height: 550px;background-size: 100%; content: '';display: block;position:absolute;z-index: -1;}
.fdp::after{right: 0;background-position: right;bottom:0;}
.fdp::before{}
h4.headingcomon{font-size: 1.6rem !important;font-weight: 600;}
h3.headingcomon{font-size: 1.8rem !important;font-weight: 600;}
.fdps{background: #fff;border: 1px solid #00000014;border-radius: 8px;padding: 15px 15px 0;margin-bottom: 25px;height: 100%;}
.fdps h3{font-weight: 700; font-size:1.3rem;min-height: 50px;}
.fdps ul{padding: 0;margin-top: 20px;margin-bottom: 30px;}
.fdps ul li{display: flex;gap: 10px;align-items: center;justify-content: flex-start;margin-bottom: 12px;}
.fdps ul li div{color: #0B2545;}
.fdps ul li div img{width: 18px;height: 20px;}
.fdps ul li .course-btn{}
.fdps .course-btn p{background-color: #00A79D;border-radius: 5px;color: #fff;padding: 5px 15px;display: inline;}
.fdps .enroll-btn{align-items: center;justify-content: space-between;margin-top: 40px;}
.fdps .enroll-btn a, .registerform form button, .offering a{background-color: #303091;color: #fff;border-radius: 5px;padding: 10px 20px;}
.fdps .enroll-btn a:hover, .registerform form button:hover, .offering a:hover{background-color: #fff;color: #303091;box-shadow: 0 0 0 1px #303091;}
.fdp-registerform{padding: 3rem 0;background: url(../images/form-bg.png) no-repeat;background-size: 100%;background-position: 100%;}
.registerform{background-color: #fff;border: 1px solid #00000014;border-radius: 8px;padding: 30px;margin: 2rem auto 0;width: 50%;}
.registerform form{}
.registerform form label{font-size: 0.9rem;font-weight: 500;}
.registerform form input, .registerform form select{background: #F6F8FB;color: #000;height: 40px;border: 1px solid #00000014;}
.registerform form button{display: block;width: 100%;}
.offering{background-color: #fff;border: 1px solid #00000014; border-radius: 8px;padding: 32px;box-shadow: 0 4px 6px -1px #00000008;height: 100%;}
.offering h3{font-size: 1.2rem;font-weight: 600;color: #000;min-height: 110px;margin-bottom: 30px;}
.offering a{}
@media(max-width:767px){
    .fdp::before,.fdp::after {width: 100%;}
    .registerform{width: 100%;padding: 20px;}
    .fdps h3, .offering h3{min-height: auto;}
    .fdp-registerform{padding-bottom: 1rem;}
}