diff --git a/education.css b/education.css new file mode 100644 index 0000000..4a523f0 --- /dev/null +++ b/education.css @@ -0,0 +1,1873 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} +.header-section{ + width: 100%; + height: fit-content; +} +.header-section .header{ + width: 100%; + height: 100%; + display: flex; + justify-content: space-between; + align-items: center; + background-color: transparent; +} +.header-section .header-logo{ + width: 197px; + height: 38px; +} +.header-section .header-logo a{ + width: 100%; + height: 100%; +} +.header-section .header-logo a img{ + width: 100%; + height: 100%; +} +.header-section .header-nav-bar ul{ + display: flex; + align-items: center; + justify-content: center; + column-gap: 58px; +} +.header-section .header-nav-bar ul li{ + font-size: 18px; +} +.header-section .header .header-btn button{ + display: inline-flex; + padding: 14px 22px; + justify-content: center; + align-items: center; + gap: 10px; + background-color: #283684; + color: #fcb040; + border-radius: 8px; + font-size: 16px; + margin-right: 81px; +} +.header-section .header-section-bg-img .nav-mobile{ + position: absolute; + top: 63px; + right: 0; + width: 299px; + height: fit-content; + background-color: #283b84; + font-size: 20px; + color: #fff; +} +.header-section .header-section-bg-img .nav-mobile ul li{ + padding: 16px; +} +.header-section .header-section-bg-img .nav-mobile ul li:hover{ + text-decoration: underline; + color: #fcb040; +} +.header-section .header-section-bg-img .nav-mobile .nav-mobile-btn{ + font-size: 20px; + padding: 12px; + background-color: #fcb040; + color: #2A2A2A; + display: inline-block; + border-radius: 8px; + margin: 16px; +} +.hidden { + display: none; + } + .visible { + display: block; + } +@media only screen and (max-width:320px) { + .header-section{ + padding: 20px 12px; + } + .header-section .header-logo{ + width: 147px; + height: 32px; + } + .header-section .header-logo img{ + width: 100%; + height: 100%; + } + .header-section .header-section-bg-img{ + padding: 0px; + } +} +@media (min-width:321px) and (max-width:375px) { + .header-section{ + padding: 20px 12px; + } + .header-section .header-logo{ + width: 147px; + height: 32px; + } + .header-section .header-logo img{ + width: 100%; + height: 100%; + } + } +@media (min-width:376px) and (max-width:425px) { + .header-section{ + padding: 20px 12px; + } + .header-section .header-logo{ + width: 147px; + height: 32px; + } + .header-section .header-logo img{ + width: 100%; + height: 100%; + } + } +@media (min-width:426px) and (max-width:768px) { + .header-section{ + padding-left: 22px; + padding-right: 22px; + } + } +@media (min-width:769px) and (max-width:1024px) { + .header-section .header-section-bg-img .nav-mobile{ + margin-top: 32px; + } +} +@media (min-width:1025px) and (max-width:1440px) { + .header-section .header-section-bg-img .nav-mobile{ + margin-top: 32px; + } +} +/* Main Section Style */ +.header-section .main-container { + height: fit-content; +} +.header-section .main-container .main-content{ + padding-top: 86px; + padding-left: 9px; + background-image: url(../images/main-india.png); + background-position: center center; + background-size: contain; + background-repeat: no-repeat; + height: fit-content; +} +.header-section .main-container .main-content .edu-para p{ + font-size: 30px; + font-weight: 600; + color: #283684; + margin-bottom: 40px; +} +.header-section .main-container .main-content .edu-h1 h1{ + font-size: 48px; + font-weight: 700; + margin-bottom: 40px; + color: #2A2A2A; +} +.header-section .main-container .main-content .main-blue{ + color: #283684; +} +.header-section .main-container .main-content .main-yellow{ + color: #fcb040; +} +.header-section .main-container .main-content .main-content-para p{ + font-size: 22px; + font-weight: 400; + color: rgb(134, 130, 130); + margin-bottom: 137px; +} +.header-section .main-container .main-content .edu-btn{ + margin-bottom: 147px; +} +.header-section .main-container .main-content .main-reg-btn a{ + display: inline-flex; + padding: 14px 20px; + justify-content: center; + align-items: center; + background-color: #283684; + color: #fcb040; + border-radius: 8px; + font-size: 16px; + margin-right: 26px; + text-decoration: none; +} +.header-section .main-container .main-content .main-req-btn a{ + display: inline-flex; + padding: 12px 20px; + justify-content: center; + align-items: center; + background-color: #fff; + border: 2px solid #283684; + color: #283684; + border-radius: 8px; + font-size: 16px; + font-weight: 600; +} +.header-section .main-container .main-image .main-img{ + width: 543px; + height: 567px; +} +.header-section .main-container .main-image{ + background-color: transparent; + padding-top: 51px; +} +.header-section .main-container .main-image .main-img img{ + width: 100%; + height: 100%; +} +.header-section .header-section-bg-img{ + position: relative; + z-index: 1; + padding-top: 38px; +} +.header-section .header-section-bg-img .main-img-bg{ + width: 493px; + height: 787px; + position: absolute; + right: 0; + top: 0; + z-index: -1; +} +.header-section .header-section-bg-img .main-img-bg img{ + width: 100%; + height: 100%; +} +@media only screen and (max-width:320px) { + + .header-section .main-container .main-content{ + padding: 20px 18px 0px 18px; + } + .header-section .main-container .main-image { + padding-top: 40px; + } + .header-section .main-container .main-image .main-img{ + width: 343px; + height: 367px; + } + .header-section .main-container .main-image .main-img img{ + width: 100%; + height: 100%; + } + .header-section .main-container .main-content .edu-para p{ + font-size: 16px; + margin-bottom: 11px; + text-align: center; + } + .header-section .main-container .main-content .edu-h1 h1{ + font-size: 20px; + margin-bottom: 11px; + text-align: center; + } + .header-section .main-container .main-content .main-content-para p{ + font-size: 16px; + margin-bottom: 16px; + text-align: justify; + } + .header-section .main-container .main-content .main-reg-btn{ + width: 100%; + padding: 14px 14px; + justify-content: center; + align-items: center; + background-color: #283684; + color: #fcb040; + border-radius: 8px; + font-size: 16px; + margin-bottom: 18px; + } + .header-section + .main-container .main-content .main-content-para p{ + margin-bottom: 32px; + } + .header-section .main-container .main-content .main-btn{ + margin-bottom: 22px; + } + .header-section .header-section-bg-img{ + padding: 0px; + } + .header-section .main-container .main-content .edu-btn{ + margin-bottom: 0px; + } +} +@media (min-width:321px) and (max-width:375px) { + .header-section .main-container .main-content{ + padding: 20px 18px 0px 18px; + } + .header-section .main-container .main-image { + padding-top: 40px; + } + .header-section .main-container .main-image .main-img{ + width: 343px; + height: 367px; + } + .header-section .main-container .main-image .main-img img{ + width: 100%; + height: 100%; + } + .header-section .main-container .main-content .edu-para p{ + font-size: 16px; + margin-bottom: 11px; + text-align: center; + } + .header-section .main-container .main-content .edu-h1 h1{ + font-size: 20px; + margin-bottom: 11px; + text-align: center; + } + .header-section .main-container .main-content .main-content-para p{ + font-size: 16px; + margin-bottom: 16px; + text-align: justify; + } + .header-section .main-container .main-content .main-reg-btn{ + width: 100%; + padding: 14px 14px; + justify-content: center; + align-items: center; + background-color: #283684; + color: #fcb040; + border-radius: 8px; + font-size: 16px; + margin-bottom: 18px; + } + .header-section .main-container .main-content .main-btn{ + margin-bottom: 22px; + margin-top: 22px; + } + .header-section .header-section-bg-img{ + padding-top: 0px; + } + .header-section .main-container .main-content .edu-btn{ + margin-bottom: 0px; + } +} +@media (min-width:376px) and (max-width:425px) { + .header-section .main-container .main-content{ + padding: 20px 22px 0px 22px; + } + .header-section .main-container .main-image { + padding-top: 40px; + } + .header-section .main-container .main-image .main-img{ + width: 343px; + height: 367px; + } + .header-section .main-container .main-image .main-img img{ + width: 100%; + height: 100%; + } + .header-section .main-container .main-content .edu-para p{ + font-size: 16px; + margin-bottom: 11px; + text-align: center; + } + .header-section .main-container .main-content .edu-h1 h1{ + font-size: 20px; + margin-bottom: 11px; + text-align: center; + } + .header-section .main-container .main-content .main-content-para p{ + font-size: 16px; + margin-bottom: 16px; + text-align: justify; + } + .header-section .main-container .main-content .main-reg-btn{ + width: 100%; + padding: 14px 14px; + justify-content: center; + align-items: center; + background-color: #283684; + color: #fcb040; + border-radius: 8px; + font-size: 16px; + margin-bottom: 18px; + } + .header-section .main-container .main-content .main-content-para p{ + margin-bottom: 32px; + } + + .header-section .main-container .main-content .main-btn{ + margin-bottom: 22px; + } + .header-section .header-section-bg-img{ + padding: 0px; + } + .header-section .main-container .main-content .edu-btn{ + margin-bottom: 0px; + } +} +@media (min-width:426px) and (max-width:590px) { + .header-section .main-container .main-content{ + padding: 20px 22px 0px 22px; + } + .header-section .main-container .main-image { + padding-top: 40px; + } + .header-section .main-container .main-image .main-img{ + width: 343px; + height: 367px; + } + .header-section .main-container .main-image .main-img img{ + width: 100%; + height: 100%; + } + .header-section .main-container .main-content .edu-para p{ + font-size: 16px; + margin-bottom: 11px; + text-align: center; + } + .header-section .main-container .main-content .edu-h1 h1{ + font-size: 20px; + margin-bottom: 11px; + text-align: center; + } + .header-section .main-container .main-content .main-content-para p{ + font-size: 16px; + margin-bottom: 16px; + text-align: justify; + } + .header-section .main-container .main-content .main-reg-btn{ + width: 100%; + padding: 14px 14px; + justify-content: center; + align-items: center; + background-color: #283684; + color: #fcb040; + border-radius: 8px; + font-size: 16px; + margin-bottom: 18px; + } + .header-section .main-container .main-content .main-content-para p{ + margin-bottom: 32px; + } + + .header-section .main-container .main-content .main-btn{ + margin-bottom: 22px; + } + .header-section .header-section-bg-img{ + padding: 0px; + } + .header-section .main-container .main-content .edu-btn{ + margin-bottom: 0px; + } +} +@media (min-width:769px) and (max-width:1024px) { + .header-section .main-container{ + padding: 0px 22px; + } +} +/* Educational Fees Collection Style */ +.educational{ + width: 100%; + height: fit-content; + margin-top: 41px; +} +.educational .educational-content .educational-container .educational-align{ + display: flex; +} + +.educational .educational-content .educational-container .educational-align .educational-image{ + width: 647px; + height: 564px; +} +.educational .educational-content .educational-container .educational-align .educational-image img{ + width: 100%; + height: 100%; +} +.educational .educational-content .educational-content-detail{ + margin-top: 42px; + height: fit-content; +} +.educational .educational-content .educational-content-detail .educational-h1{ + font-size: 36px; + font-weight: 600; + color: #283684; + margin-bottom: 16px; +} +.educational .educational-content .educational-content-detail .educational-para{ + font-size: 20px; + font-weight: 400; + line-height: 30px; + color: #2A2A2A; + margin-bottom: 56px; + text-align: justify; +} +.educational .educational-content .educational-content-detail .educational-btn button{ + padding: 16px 26px; + display: inline-flex; + justify-content: center; + align-items: center; + background-color: #283684; + color: #fcb040; + border-radius: 8px; + border: none; + outline: none; +} +@media only screen and (max-width:320px) { + .educational .educational-content .educational-container{ + padding: 0px 18px; + } + .educational .educational-content .educational-container .educational-align .educational-image{ + width: 100%; + height: 297px; + } + .educational .educational-content .educational-container .educational-align .educational-image .educational-img{ + width: 100%; + height: 100%; + } + .educational .educational-content .educational-container .educational-align .educational-image .educational-img img{ + width: 100%; + height: 100%; + } + .educational .educational-content .educational-container .educational-content-detail{ + margin-top: 32px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-btn{ + display: flex; + justify-content: center; + align-items: center; + } + .educational .educational-content .educational-container .educational-content-detail .educational-h1{ + font-size: 20px; + padding: 0px 12px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-para{ + font-size: 16px; + padding: 0px 12px; + margin-bottom: 22px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-btn button{ + padding: 10px 16px; + } +} +@media (min-width:321px) and (max-width:375px) { + .educational { + margin-top: 12px; + } + .educational .educational-content .educational-container{ + padding: 0px 18px; + } + .educational .educational-content .educational-container .educational-align .educational-image{ + width: 100%; + height: 297px; + } + .educational .educational-content .educational-container .educational-align .educational-image .educational-img{ + width: 100%; + height: 100%; + } + .educational .educational-content .educational-container .educational-align .educational-image .educational-img img{ + width: 100%; + height: 100%; + } + .educational .educational-content .educational-container .educational-content-detail{ + margin-top: 32px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-btn{ + display: flex; + justify-content: center; + align-items: center; + } + .educational .educational-content .educational-container .educational-content-detail .educational-h1{ + font-size: 20px; + padding: 0px 12px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-para{ + font-size: 16px; + padding: 0px 12px; + margin-bottom: 22px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-btn button{ + padding: 10px 16px; + } +} +@media (min-width:376px) and (max-width:425px) { + .educational { + margin-top: 12px; + } + .educational .educational-content .educational-container{ + padding: 0px 22px; + } + .educational .educational-content .educational-container .educational-align .educational-image{ + width: 100%; + height: 297px; + } + .educational .educational-content .educational-container .educational-align .educational-image .educational-img{ + width: 100%; + height: 100%; + } + .educational .educational-content .educational-container .educational-align .educational-image .educational-img img{ + width: 100%; + height: 100%; + } + .educational .educational-content .educational-container .educational-content-detail{ + margin-top: 32px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-btn{ + display: flex; + justify-content: center; + align-items: center; + } + .educational .educational-content .educational-container .educational-content-detail .educational-h1{ + font-size: 20px; + padding: 0px 12px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-para{ + font-size: 16px; + padding: 0px 12px; + margin-bottom: 22px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-btn button{ + padding: 10px 16px; + } +} +@media (min-width:426px) and (max-width:590px) { + .educational { + margin-top: 12px; + } + .educational .educational-content .educational-container{ + padding: 0px 22px; + } + .educational .educational-content .educational-container .educational-align .educational-image{ + width: 337px; + height: 297px; + } + .educational .educational-content .educational-container .educational-align .educational-image .educational-img{ + width: 100%; + height: 100%; + } + .educational .educational-content .educational-container .educational-align .educational-image .educational-img img{ + width: 100%; + height: 100%; + } + .educational .educational-content .educational-container .educational-content-detail{ + margin-top: 32px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-btn{ + display: flex; + justify-content: center; + align-items: center; + } + .educational .educational-content .educational-container .educational-content-detail .educational-h1{ + font-size: 20px; + padding: 0px 12px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-para{ + font-size: 16px; + padding: 0px 12px; + margin-bottom: 22px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-btn button{ + padding: 10px 16px; + } +} +@media (min-width:591px) and (max-width:768px) { + .educational .educational-content .educational-container .educational-content-detail .educational-para{ + font-size: 22px; + } + .educational .educational-content .educational-container .educational-content-detail{ + padding: 0px 22px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-btn{ + display: flex; + justify-content: center; + align-items: center; + } + .educational .educational-content .educational-container .educational-content-detail .educational-h1{ + font-size: 32px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-para{ + margin-bottom: 22px; + } +} +@media (min-width:769px) and (max-width:1024px) { + .educational .educational-content .educational-container .educational-content-detail{ + padding: 0px 22px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-para{ + margin-bottom: 22px; + } +} +@media (min-width:1025px) and (max-width:1440px) { + .educational .educational-content .educational-container .educational-content-detail{ + padding: 0px 11px; + + } + .educational .educational-content .educational-container .educational-content-detail .educational-para{ + margin: 0; + } + .educational .educational-content .educational-container .educational-content-detail{ + margin-top: 42px; + } +} +.bill-collection{ + width: 100%; + height: fit-content; + margin-top: 61px; +} +.bill-collection .bill-collection-container .bill-collection-heading{ + font-size: 36px; + font-weight: 600; + color: #283684; +} +.bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-collection-img{ + width: 100%; + display: flex; + justify-content: center; + align-items: center; +} +.bill-collection .bill-collection-container .bill-collection-threebox{ + display: flex; + justify-content: space-around; + align-items: center; + flex-wrap: wrap; + row-gap: 52px; + margin-top: 79px; +} +.bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing{ + width: 386px; + height: fit-content; +} +.bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo{ + width: 120px; + height: 120px; + margin-bottom: 21px; +} +.bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo img{ + width: 100%; + height: 100%; +} +.bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-heading{ + font-size: 26px; + font-weight: 600; + color: #2A2A2A; + margin-bottom: 21px; + text-align: center; +} +.bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-collection-para{ + text-align: center; + font-size: 20px; + font-weight: 400; + line-height: 28px; + color: #2A2A2A; + padding: 0px 16px; +} +@media only screen and (max-width:320px) { + .bill-collection{ + margin-top: 42px; + } + .bill-collection .bill-collection-container{ + padding: 0px 18px; + } + .bill-collection .bill-collection-container .bill-collection-heading{ + font-size: 20px; + } + .bill-collection .bill-collection-container .bill-collection-threebox{ + margin-top: 32px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo{ + width: 71px; + height: 71px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo img{ + width: 100%; + height: 100%; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-heading{ + font-size: 20px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-collection-para{ + font-size: 16px; + padding: 0px; + } +} +@media (min-width:321px) and (max-width:375px) { + .bill-collection{ + margin-top: 42px; + } + .bill-collection .bill-collection-container{ + padding: 0px 18px; + } + .bill-collection .bill-collection-container .bill-collection-heading{ + font-size: 20px; + } + .bill-collection .bill-collection-container .bill-collection-threebox{ + margin-top: 32px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo{ + width: 71px; + height: 71px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo img{ + width: 100%; + height: 100%; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-heading{ + font-size: 20px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-collection-para{ + font-size: 16px; + padding: 0px; + } +} +@media (min-width:376px) and (max-width:425px) { + .bill-collection{ + margin-top: 42px; + } + .bill-collection .bill-collection-container{ + padding: 0px 22px; + } + .bill-collection .bill-collection-container .bill-collection-heading{ + font-size: 20px; + } + .bill-collection .bill-collection-container .bill-collection-threebox{ + margin-top: 32px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo{ + width: 71px; + height: 71px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo img{ + width: 100%; + height: 100%; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-heading{ + font-size: 20px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-collection-para{ + font-size: 16px; + padding: 0px; + } +} +@media (min-width:426px) and (max-width:590px) { + .bill-collection{ + margin-top: 42px; + } + .bill-collection .bill-collection-container{ + padding: 0px 22px; + } + .bill-collection .bill-collection-container .bill-collection-heading{ + font-size: 20px; + } + .bill-collection .bill-collection-container .bill-collection-threebox{ + margin-top: 32px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo{ + width: 71px; + height: 71px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo img{ + width: 100%; + height: 100%; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-heading{ + font-size: 20px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-collection-para{ + font-size: 16px; + padding: 0px; + } +} +/* HaodaPay BBPS Features Style */ +.educational-institutions{ + width: 100%; + height: fit-content; + margin-top: 61px; +} +.educational-institutions .educational-institutions-container{ + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + height: fit-content; +} +.educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 36px; + font-weight: 600; + color: #283684; + margin-bottom: 51px; +} +.educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading .educational-institutions-yellow{ + font-size: 36px; + font-weight: 600; + color: #fcb040; +} + +.educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align{ + display: flex; + align-items: center; + margin-bottom: 16px; +} +.educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-tick{ + width: 21px; + height: 21px; + margin-right: 16px; +} +.educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-tick img{ + width: 100%; + height: 100%; +} +.educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-title{ + font-size: 30px; + font-weight: 600; + color: #283684; + text-align: left; +} +.educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-para{ + font-size: 20px; + font-weight: 400; + color: #838383; + margin-bottom: 31px; +} +.educational-institutions .educational-institutions-container .educational-institutions-images{ + display: flex; + justify-content: end; +} +.educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img{ + width: 631px; + height: 797px; +} +.educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img img{ + width: 100%; + height: 100%; +} +@media only screen and (max-width:320px) { + .educational-institutions{ + margin-top: 32px; + padding: 0px 18px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 20px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading .educational-institutions-yellow{ + font-size: 20px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-title{ + font-size: 18px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-tick{ + margin-right: 8px; + width: 16px; + height: 16px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-para{ + font-size: 16px; + margin-bottom: 8px; + } + .educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img{ + width: 331px; + height: 347px; + } + .educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img img{ + width: 100%; + height: 100%; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 20px; + } +} +@media (min-width:321px) and (max-width:375px) { + .educational-institutions{ + margin-top: 32px; + padding: 0px 18px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 20px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading .educational-institutions-yellow{ + font-size: 20px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-title{ + font-size: 18px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-tick{ + margin-right: 8px; + width: 16px; + height: 16px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-para{ + font-size: 16px; + margin-bottom: 8px; + } + .educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img{ + width: 331px; + height: 347px; + } + .educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img img{ + width: 100%; + height: 100%; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 20px; + } +} +@media (min-width:376px) and (max-width:425px) { + .educational-institutions{ + margin-top: 32px; + padding: 0px 22px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 20px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading .educational-institutions-yellow{ + font-size: 20px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-title{ + font-size: 18px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-tick{ + margin-right: 8px; + width: 16px; + height: 16px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-para{ + font-size: 16px; + margin-bottom: 8px; + } + .educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img{ + width: 331px; + height: 347px; + } + .educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img img{ + width: 100%; + height: 100%; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 20px; + } +} +@media (min-width:426px) and (max-width:590px) { + .educational-institutions{ + margin-top: 32px; + padding: 0px 22px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 20px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading .educational-institutions-yellow{ + font-size: 20px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-title{ + font-size: 18px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-tick{ + margin-right: 8px; + width: 16px; + height: 16px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-para{ + font-size: 16px; + margin-bottom: 8px; + } + .educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img{ + width: 331px; + height: 347px; + } + .educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img img{ + width: 100%; + height: 100%; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 20px; + } +} +@media (min-width:591px) and (max-width:768px) { + .educational-institutions{ + margin-top: 32px; + padding: 0px 22px; + } + .educational-institutions .educational-institutions .educational-institutions .educational-institutions-heading{ + font-size: 32px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading .haodapay-features-yellow{ + font-size: 28px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-title{ + font-size: 28px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-tick{ + margin-right: 8px; + width: 21px; + height: 21px; + } + .educational-institutions .educational-institutions .educational-institutions-content .educational-institutions-details .educational-institutions-para{ + font-size: 22px; + margin-bottom: 8px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 32px; + } +} +/* Slider Style */ +.slider{ + width: 100%; + height: fit-content; + margin-top: 61px; +} +.slider .slider-condainer .slider-heading{ + font-size: 36px; + font-weight: 600; + color: #283684; + margin-bottom: 64px; +} +.slider .slider-condainer .slider-heading .slider-yellow{ + color: #fcb040; +} +.slider .slider-condainer .slider-detail{ + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + column-gap: 51px; + row-gap: 51px; +} +.slider .slider-condainer .slider-detail .slider-content{ + width: 361px; + height: 586px; + padding: 41px 31px; + background-color: #fcb040; +} +.slider .slider-condainer .slider-detail .slider-content .slider-para{ + font-size: 20px; + font-weight: 400; + color: #2A2A2A; + margin-bottom: 21px; + width: 100%; + height: 329px; +} +.slider .slider-condainer .slider-detail .slider-content .slider-star{ + display: flex; + justify-content: center; + align-items: center; + column-gap: 5px; + margin-bottom: 24px; + color: #283684; +} +.slider .slider-condainer .slider-detail .slider-content .slider-image .slider-img{ + width: 100%; + height: fit-content; + margin-bottom: 6px; + display: flex; + justify-content: center; + align-items: center; +} +.slider .slider-condainer .slider-detail .slider-content .slider-image .slider-img .slider-customer{ + width: 51px; + height: 51px; + border-radius: 50%; +} +.slider .slider-condainer .slider-detail .slider-content .slider-image .slider-img .slider-customer img{ + width: 100%; + height: 100%; + border-radius: 50%; +} +.slider .slider-condainer .slider-detail .slider-content .slider-customer-name { + font-size: 16px; + font-weight: 400; + color: #2A2A2A; +} +.slider .slider-condainer .slider-detail .slider-content .slider-customer-name .name{ + font-size: 20px; + font-weight: 400; + color: #2A2A2A; +} +@media only screen and (max-width:320px) { + .slider{ + margin-top: 32px; + padding: 0px 18px; + } + .slider .slider-condainer .slider-heading{ + font-size: 20px; + margin-bottom: 32px; + } + .slider .slider-condainer .slider-detail .slider-content{ + width: 360px; + height: fit-content; + padding: 22px 22px; + background-color: #fcb040; + } + .slider .slider-condainer .slider-detail .slider-content .slider-para{ + font-size: 16px; + height: 254px; + } + .slider .slider-condainer .slider-detail .slider-content .slider-customer-name { + font-size: 16px; + } + .slider .slider-condainer .slider-detail .slider-content .slider-customer-name .name{ + font-size: 18px; + } +} +@media (min-width:321px) and (max-width:375px) { + .slider{ + margin-top: 32px; + padding: 0px 18px; + } + .slider .slider-condainer .slider-heading{ + font-size: 20px; + margin-bottom: 32px; + } + .slider .slider-condainer .slider-detail .slider-content{ + width: 360px; + height: fit-content; + padding: 22px 22px; + background-color: #fcb040; + } + .slider .slider-condainer .slider-detail .slider-content .slider-para{ + font-size: 16px; + height: 209px; + } + .slider .slider-condainer .slider-detail .slider-content .slider-customer-name { + font-size: 16px; + } + .slider .slider-condainer .slider-detail .slider-content .slider-customer-name .name{ + font-size: 18px; + } +} +@media (min-width:376px) and (max-width:425px) { + .slider{ + margin-top: 32px; + padding: 0px 22px; + } + .slider .slider-condainer .slider-heading{ + font-size: 20px; + margin-bottom: 32px; + } + .slider .slider-condainer .slider-detail .slider-content{ + width: 360px; + height: fit-content; + padding: 22px 22px; + background-color: #fcb040; + } + .slider .slider-condainer .slider-detail .slider-content .slider-para{ + font-size: 16px; + height: 209px; + } + .slider .slider-condainer .slider-detail .slider-content .slider-customer-name { + font-size: 16px; + } + .slider .slider-condainer .slider-detail .slider-content .slider-customer-name .name{ + font-size: 18px; + } +} +/* FAQ style */ +.taps{ + width: 100%; + height: fit-content; + margin-top: 96px; +} +@media only screen and (max-width:320px) { + .taps{ + margin-top: 32px; + } +} +@media (min-width:321px) and (max-width:375px) { + .taps{ + margin-top: 32px; + } +} +@media (min-width:376px) and (max-width:425px) { + .taps{ + margin-top: 32px; + } +} +/* Blogs */ +.blogs{ + width: 100%; + height: fit-content; + margin-top: 64px; +} +.blogs .blogs-container .blogs-heading{ + text-align: center; + font-size: 36px; + font-weight: 600; + color: #283684; + margin-bottom: 64px; +} +.blogs .blogs-container .blogs-content{ + width: 100%; + display: flex; + justify-content: center; + align-items: center; + column-gap: 51px; + row-gap: 51px; + flex-wrap: wrap; +} +.blogs .blogs-container .blogs-content .blogs-detail{ + width: 361px; + height: fit-content; + padding: 20px 24px; + border-radius: 11px; + background-color: #283684; +} +.blogs .blogs-container .blogs-content .blogs-detail .blogs-image{ + width: 299px; + height: 151px; + margin-bottom: 16px; +} +.blogs .blogs-container .blogs-content .blogs-detail .blogs-image img{ + width: 100%; + height: 100%; +} +.blogs .blogs-container .blogs-content .blogs-detail .blogs-title{ + font-size: 20px; + font-weight: 400; + color: #fcb040; + margin-bottom: 16px; +} +.blogs .blogs-container .blogs-content .blogs-detail .blogs-para{ + font-size: 18px; + font-weight: 400; + color: #fff; + margin-bottom: 16px; + height: 249px; +} +.blogs .blogs-container .blogs-content .blogs-detail .blogs-btn{ + font-size: 18px; + font-weight: 400; + color: #fcb040; + border-bottom: 1px solid #fff; +} +.blogs .blogs-container .blogs-content .blogs-detail .blogs-btn i{ + margin-left: 12px; +} +.blogs .blogs-container .blogs-content .blogs-detail .blogs-btn button{ + margin-bottom: 16px; +} +.blogs .blogs-container .blogs-content .blogs-detail .blogs-date{ + font-size: 18px; + font-weight: 400; + color: #fff; + margin-top: 16px; +} +@media only screen and (max-width:320px) { + .blogs{ + margin-top: 22px; + } + .blogs .blogs-container .blogs-heading{ + margin-bottom: 22px; + font-size: 20px + } + .blogs .blogs-container .blogs-content .blogs-detail{ + width: 299px; + padding: 12px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-title{ + font-size: 18px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-para{ + font-size: 16px; + height: 219px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-btn{ + font-size: 16px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-image{ + width: 276px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-image .blogs-date{ + font-size: 16px; + } + .blogs .blogs-container .blogs-content{ + row-gap: 41px; + } +} +@media (min-width:321px) and (max-width: 375px) { + .blogs{ + margin-top: 22px; + } + .blogs .blogs-container .blogs-heading{ + margin-bottom: 22px; + font-size: 20px + } + .blogs .blogs-container .blogs-content .blogs-detail{ + width: 299px; + padding: 12px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-title{ + font-size: 18px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-para{ + font-size: 16px; + height: 219px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-btn{ + font-size: 16px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-image{ + width: 276px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-image .blogs-date{ + font-size: 16px; + } + .blogs .blogs-container .blogs-content{ + row-gap: 41px; + } +} +@media (min-width:376px) and (max-width: 425px) { + .blogs{ + margin-top: 22px; + } + .blogs .blogs-container .blogs-heading{ + margin-bottom: 22px; + font-size: 20px + } + .blogs .blogs-container .blogs-content .blogs-detail{ + width: 299px; + padding: 12px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-title{ + font-size: 18px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-para{ + font-size: 16px; + height: 219px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-btn{ + font-size: 16px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-image{ + width: 276px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-image .blogs-date{ + font-size: 16px; + } + .blogs .blogs-container .blogs-content{ + row-gap: 41px; + } +} +/* Connetion Style */ +.connection{ + width: 100%; + height: fit-content; + margin-top: 99px; +} +.connection .connection-container{ + display: flex; + justify-content: center; + flex-wrap: wrap; + background-color: #283684; + padding: 71px 81px 36px 81px; + height: fit-content; +} +.connection .connection-container .connection-content{ + height: fit-content; +} +.connection .connection-container .connection-content .connection-para{ + font-size: 32px; + font-weight: 600; + color: #fff; + margin-bottom: 8px; +} +.connection .connection-container .connection-content .connection-title{ + font-size: 48px; + font-weight: 600; + color: #fcb040; + margin-bottom: 27px; +} +.connection .connection-container .connection-content .connection-mini-para{ + font-size: 28px; + font-weight: 500; + color: #fff; + margin-bottom: 44px; +} +.connection .connection-container .connection-content .connection-contact .connection-phone { + display: flex; + align-items: center; + font-size: 28px; + font-weight: 500; + margin-bottom: 22px; +} +.connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image{ + width: 56px; + height: 56px; + margin-right: 28px; +} +.connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image img{ + width: 100%; + height: 100%; +} +.connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-content .num{ + color: #fcb040; +} +.connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-content p{ + color: #fff; +} +.connection .connection-container .collection-image{ + margin-top: 22px; +} +.connection .connection-container.collection-img{ + width: 738px; + height: 449px; +} +.connection .connection-container.collection-img img{ + width: 100%; + height: 100%; +} +@media only screen and (max-width:320px) { + .connection{ + margin-top: 32px; + } + .connection .connection-container{ + padding: 12px; + } + .connection .connection-container .connection-content .connection-para{ + font-size: 16px; + } + .connection .connection-container .connection-content .connection-title{ + font-size: 20px; + margin-bottom: 14px; + } + .connection .connection-container .connection-content .connection-mini-para{ + font-size: 18px; + margin-bottom: 22px; + } + .connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image{ + width: 36px; + height: 36px; + margin-right: 28px; + } + .connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image img{ + width: 100%; + height: 100%; + } + .connection .connection-container .connection-content .connection-contact .connection-phone { + font-size: 16px; + } +} +@media (min-width:321px) and (max-width:375px) { + .connection{ + margin-top: 32px; + } + .connection .connection-container{ + padding: 12px; + } + .connection .connection-container .connection-content .connection-para{ + font-size: 16px; + } + .connection .connection-container .connection-content .connection-title{ + font-size: 20px; + margin-bottom: 14px; + } + .connection .connection-container .connection-content .connection-mini-para{ + font-size: 18px; + margin-bottom: 22px; + } + .connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image{ + width: 36px; + height: 36px; + margin-right: 28px; + } + .connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image img{ + width: 100%; + height: 100%; + } + .connection .connection-container .connection-content .connection-contact .connection-phone { + font-size: 16px; + } +} +@media (min-width:376px) and (max-width:425px) { + .connection{ + margin-top: 32px; + } + .connection .connection-container{ + padding: 12px; + } + .connection .connection-container .connection-content .connection-para{ + font-size: 16px; + } + .connection .connection-container .connection-content .connection-title{ + font-size: 20px; + margin-bottom: 14px; + } + .connection .connection-container .connection-content .connection-mini-para{ + font-size: 18px; + margin-bottom: 22px; + } + .connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image{ + width: 36px; + height: 36px; + margin-right: 28px; + } + .connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image img{ + width: 100%; + height: 100%; + } + .connection .connection-container .connection-content .connection-contact .connection-phone { + font-size: 16px; + } +} +@media (min-width:426px) and (max-width:590px) { + .connection{ + margin-top: 32px; + } + .connection .connection-container{ + padding: 12px; + } + .connection .connection-container .connection-content .connection-para{ + font-size: 16px; + } + .connection .connection-container .connection-content .connection-title{ + font-size: 20px; + margin-bottom: 14px; + } + .connection .connection-container .connection-content .connection-mini-para{ + font-size: 18px; + margin-bottom: 22px; + } + .connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image{ + width: 36px; + height: 36px; + margin-right: 28px; + } + .connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image img{ + width: 100%; + height: 100%; + } + .connection .connection-container .connection-content .connection-contact .connection-phone { + font-size: 16px; + } +}/* Disclaimer */ + +.disclamier{ + width: 100%; + height: fit-content; + margin-top: 41px; +} +@media only screen and (max-width:320px) { + .disclamier{ + margin-top: 22px; + } +} +@media (min-width:321px) and (max-width:375px) { + .disclamier{ + margin-top: 22px; + } +} +@media (min-width:376px) and (max-width:425px) { + .disclamier{ + margin-top: 22px; + } +} +/* Footer Style */ +.footer{ + width: 100%; + height: fit-content; + margin-top: 61px; +} +.footer .footer-container{ + display: flex; + flex-wrap: wrap; + justify-content: center; +} +.footer .footer-container .footer-content .footer-img{ + width: 100%; + display: flex; + align-items: center; + justify-content: center; +} +.footer .footer-container .footer-content .footer-image{ + width: 197px; + height: 38px; + +} +.footer .footer-container .footer-content .footer-image img{ + width: 100%; + height: 100%; +} +.footer .footer-container .footer-content .footer-para{ + font-size: 22px; + font-weight: 400; + line-height: 35px; + color: #2A2A2A; + margin-top: 12px; + padding-right: 51px; + text-align: center; +} +.footer .footer-container .footer-content .footer-social{ + display: flex; + justify-content: center; + align-items: center; + margin-top: 12px; + column-gap: 24px; +} +.footer .footer-container .footer-content .footer-social .footer-insta{ + font-size: 32px; +} +.footer .footer-container .footer-content .footer-social .footer-insta .fa-instagram{ + color: rgb(218, 25, 89); +} +.footer .footer-container .footer-content .footer-social .footer-insta .fa-facebook,.fa-twitter{ + color: #283684; +} +.footer .footer-container .footer-menu .footer-list ul{ + width: 100%; + display: flex; + flex-wrap: wrap; + justify-content: center; + column-gap: 36px; + font-size: 22px; + font-weight: 400; +} +@media only screen and (max-width:320px) { + .footer{ + margin-top: 22px; + padding: 18px; + } + + .footer .footer-container .footer-content .footer-image{ + width: 147px; + height: 32px; + } + .footer .footer-container .footer-content .footer-image img{ + width: 100%; + height: 100%; + } + .footer .footer-container .footer-content .footer-para{ + width: 100%; + font-size: 16px; + font-weight: 400; + line-height: 35px; + color: #2A2A2A; + text-align: center; + padding: 0px; + } + .footer .footer-container .footer-menu .footer-list ul{ + margin-top: 22px; + font-size: 18px; + } + .footer .footer-container .footer-content .footer-social{ + justify-content: center; + } +} +@media (min-width:321px) and (max-width:375px) { + .footer{ + margin-top: 22px; + padding: 18px; + } + .footer .footer-container .footer-content .footer-image{ + width: 147px; + height: 32px; + } + .footer .footer-container .footer-content .footer-image img{ + width: 100%; + height: 100%; + } + .footer .footer-container .footer-content .footer-para{ + width: 100%; + font-size: 16px; + font-weight: 400; + line-height: 35px; + color: #2A2A2A; + text-align: center; + padding: 0px; + } + .footer .footer-container .footer-menu .footer-list ul{ + margin-top: 22px; + font-size: 18px; + } + .footer .footer-container .footer-content .footer-social{ + justify-content: center; + } +} +@media (min-width:376px) and (max-width:425px) { + .footer{ + margin-top: 22px; + padding: 18px; + } + .footer .footer-container .footer-content .footer-image{ + width: 147px; + height: 32px; + } + .footer .footer-container .footer-content .footer-image img{ + width: 100%; + height: 100%; + } + .footer .footer-container .footer-content .footer-para{ + width: 100%; + font-size: 16px; + font-weight: 400; + line-height: 35px; + color: #2A2A2A; + text-align: center; + padding: 0px; + } + .footer .footer-container .footer-menu .footer-list ul{ + margin-top: 22px; + font-size: 18px; + } + .footer .footer-container .footer-content .footer-social{ + justify-content: center; + } +} +@media (min-width:426px) and (max-width:768px) { + .footer{ + margin-top: 22px; + } + .footer .footer-container{ + padding: 22px; + } +} +@media (min-width:769px) and (max-width:1024px) { + .footer{ + margin-top: 22px; + } + .footer .footer-container{ + padding: 22px; + } +} +.footer-last{ + width: 100%; + height: fit-content; + margin-top: 22px; +} +.footer-last .footer-container{ + height: 100%; + padding: 12px; + border-top: 2px solid rgb(233, 228, 228); + display: flex; + justify-content: center; + align-items: center; +} +.footer-last .footer-container .footer-content{ + width: 100%; + height: 100%; + color: #2A2A2A; + font-size: 18px; + row-gap: 22px; +} +.footer-last .footer-container .footer-content { + text-align: center; +} +.footer-last .footer-container .footer-content .footer-list ul{ + display: flex; + column-gap: 22px; + flex-wrap: wrap; + justify-content: center; +} +.footer-last .footer-container .footer-content .footer-list ul li{ + display: flex; + justify-content: center; + align-items: center; +} +@media only screen and (max-width:320px) { + .footer-last .footer-container .footer-content{ + font-size: 16px; + } +} +@media (min-width:321px) and (max-width:375px) { + .footer-last .footer-container .footer-content{ + font-size: 16px; + } +} +@media (min-width:376px) and (max-width:425px) { + .footer-last .footer-container .footer-content{ + font-size: 16px; + } +} \ No newline at end of file diff --git a/effortless-fee-management.html b/effortless-fee-management.html new file mode 100644 index 0000000..8ee7ead --- /dev/null +++ b/effortless-fee-management.html @@ -0,0 +1,666 @@ + + + + + + + + + + HaodaPay in Educational Institution + + + + + + + + + + +
+
+
+ + + +
+ +
+
+
+
+
+

Creating a Positive Impact on the World!

+
+
+

Effortless Fee Management

+
+
+

Discover effective strategies and modern tools to simplify fee collection and management for school owners. Explore digital solutions, communication techniques, and insights to streamline financial operations and enhance parent satisfaction.

+
+ +
+
+
+ +
+
+
+ + +
+
+ +
+
+
+
+
+ +
+
+
+
+ Accelerated Payments and Lower Costs for Your Business +
+
+ Experience a hassle-free solution that simplifies payment processes effortlessly. Our user-friendly platform consolidates multiple payment methods into a streamlined interface, eliminating complex billing procedures. With advanced technology and robust security measures, your sensitive information remains protected, offering peace of mind. Save time and avoid late penalties with our efficient system, providing prompt payments and automated options. Join our community of satisfied users and enjoy the benefits of seamless transactions. Enroll today to bid farewell to payment hassles and welcome a new era of effortless financial interactions. +
+
+
+
+
+ +
+
+
+

Revolutionizing Bill Collection

+
+
+
+
+ +
+
+

Low Pricing

+
+
+

you can unlock remarkable cost savings compared to other payment gateways

+
+
+
+
+ +
+
+

Easy Reconciliation

+
+
+

Automatic reconciliation saves
+ 70% - 90% of time

+
+
+
+
+ +
+
+

Secured Transaction

+
+
+

We prioritize the highest level of security in all aspects

+
+
+
+
+
+ +
+
+
+
+ Fees Collection for Educational Institution +
+
+
+
+ +
+
+

Assured Fee Collection

+
+
+
+

Ensuring secure and reliable fee collection for educational institutions, with guaranteed assurance of fees collection in the educational system.

+
+
+
+ +
+
+

Convenient Payments, Transparent History

+
+
+
+

Offering simplified payments and transparent fee histories, providing a user-friendly platform for seamless transactions and real-time updates.

+
+
+
+ +
+
+

Scalable System, Efficient Adaptability

+
+
+
+

Providing a scalable and adaptable fee collection system that caters to the needs of educational institutions, ensuring efficiency and flexibility.

+
+
+
+ +
+
+

Streamlined Processes, Personalized Service, Flexible Growth

+
+
+
+

Streamlining fee collection processes, eliminating manual errors, and offering personalized service, with a flexible system that adapts to the institution's growth and changing fee collection needs.

+
+
+
+
+
+ +
+
+
+
+ +
+
+
+ Our Valuable Customers: What They Said +
+
+
+
+

"Effortless Solution, Outstanding Service!" + "HaodaPay has truly changed the game for our school's fee collection. The platform's simplicity and efficiency have saved us countless hours, and their exceptional customer service ensures any question is promptly addressed. A true lifesaver!"

+
+
+ + + + + +
+
+
+
+ +
+
+
+

Sanjay

+ CEO & Founder +
+
+
+
+
+

"HaodaPay: Shaping the Future of Payments" + "HaodaPay has revolutionized how we manage payments for our institution. Their innovative approach to fee collection aligns perfectly with our needs. The platform is user-friendly and secure, providing us with complete peace of mind. Truly a game-changer!"

+
+
+ + + + + +
+
+
+
+ +
+
+
+

Vikram Deshmukh

+ Marketing Manager +
+
+
+
+
+

"HaodaPay: Shaping the Future of Payments" + "HaodaPay has revolutionized how we manage payments for our institution. Their innovative approach to fee collection aligns perfectly with our needs. The platform is user-friendly and secure, providing us with complete peace of mind. Truly a game-changer!"

+
+
+ + + + + +
+
+
+
+ +
+
+
+

Renuka Patel

+ Project Engineer +
+
+
+
+
+
+ +
+
+
+

FAQ

+

Here, you'll find answers to the most common questions you may have about BBPS. If you still can't find the answer you're looking for, please don't hesitate to contact us.

+
+
+ + + + +
+ +
+
  • + + +
  • +
  • + + +
  • + +
  • + + +
  • +
  • + + +
  • +
+
+
    +
  • + + +
  • +
  • + + +
  • +
+
+
  • + + +
  • +
+
+ +
+ +
+
+
+

Blogs

+
+
+
+
+ +
+ +
+

Discover effective strategies and modern tools to simplify fee collection and management for school owners. Explore digital solutions, communication techniques, and insights to streamline financial operations and enhance parent satisfaction.

+
+
+ + +
+
+ 20 May 2023 +
+
+
+
+ +
+ +
+

Explore strategies and tools to effortlessly manage rent and maintenance fee collection in housing societies. From seamless payment methods to effective tenant communication, this blog guides housing society owners toward simplifying financial operations and enhancing community satisfaction.

+
+
+ + +
+
+ 03 June 2023 +
+
+
+
+ +
+ +
+

HaodaPay's innovation extends beyond education and housing societies, catering to the distinct needs of government and private entities. Discover how our platform transforms payment processes, enhances engagement, and streamlines financial operations for these diverse sectors.

+
+
+ + +
+
+ 14 July 2023 +
+
+
+
+
+ +
+
+
+
+ Reach out to us and let's connect! +
+
+ Let’s stay connected +
+
+ Relax, we are ready to support 24/7 for you +
+
+
+
+ +
+
+

Phone

+ 18004196861 +
+
+
+
+ +
+
+

Email

+ info@haodapayments.com +
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+

Disclaimer

+
+ +

The information provided on the website www.bharatbillpay.net, including its logos and components, is intended for general informational purposes only. Please note that HaodaPay has established a direct partnership with Axis Bank, a prominent banking institution, to operate as a BBPS operating unit. This collaboration enables HaodaPay to leverage Axis Bank's expertise, infrastructure, and resources, ensuring the provision of a seamless and secure platform for bill payments.

+
+
+
+
+
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/housing.css b/housing.css new file mode 100644 index 0000000..0e28246 --- /dev/null +++ b/housing.css @@ -0,0 +1,1980 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; +} +.header-section{ + width: 100%; + height: fit-content; +} +.header-section .header{ + width: 100%; + height: 100%; + display: flex; + justify-content: space-between; + align-items: center; + background-color: transparent; +} +.header-section .header-logo{ + width: 197px; + height: 38px; +} +.header-section .header-logo a{ + width: 100%; + height: 100%; +} +.header-section .header-logo a img{ + width: 100%; + height: 100%; +} +.header-section .header-nav-bar ul{ + display: flex; + align-items: center; + justify-content: center; + column-gap: 58px; +} +.header-section .header-nav-bar ul li{ + font-size: 18px; +} +.header-section .header .header-btn button{ + display: inline-flex; + padding: 14px 22px; + justify-content: center; + align-items: center; + gap: 10px; + background-color: #283684; + color: #fcb040; + border-radius: 8px; + font-size: 16px; + margin-right: 81px; +} +.header-section .header-section-bg-img .nav-mobile{ + position: absolute; + top: 63px; + right: 0; + width: 299px; + height: fit-content; + background-color: #283b84; + font-size: 20px; + color: #fff; +} +.header-section .header-section-bg-img .nav-mobile ul li{ + padding: 16px; +} +.header-section .header-section-bg-img .nav-mobile ul li:hover{ + text-decoration: underline; + color: #fcb040; +} +.header-section .header-section-bg-img .nav-mobile .nav-mobile-btn{ + font-size: 20px; + padding: 12px; + background-color: #fcb040; + color: #2A2A2A; + display: inline-block; + border-radius: 8px; + margin: 16px; +} +.hidden { + display: none; + } + + .visible { + display: block; + } +@media only screen and (max-width:320px) { + .header-section{ + padding: 20px 12px; + } + .header-section .header-logo{ + width: 147px; + height: 32px; + } + .header-section .header-logo img{ + width: 100%; + height: 100%; + } + .header-section .header-section-bg-img{ + padding: 0px; + } +} +@media (min-width:321px) and (max-width:375px) { + .header-section{ + padding: 20px 12px; + } + .header-section .header-logo{ + width: 147px; + height: 32px; + } + .header-section .header-logo img{ + width: 100%; + height: 100%; + } +} +@media (min-width:376px) and (max-width:425px) { + .header-section{ + padding: 20px 12px; + } + .header-section .header-logo{ + width: 147px; + height: 32px; + } + .header-section .header-logo img{ + width: 100%; + height: 100%; + } +} +@media (min-width:426px) and (max-width:768px) { + .header-section{ + padding-left: 22px; + padding-right: 22px; + } +} +@media (min-width:769px) and (max-width:1024px) { + .header-section .header-section-bg-img .nav-mobile{ + margin-top: 32px; + } +} +@media (min-width:1025px) and (max-width:1440px) { + .header-section .header-section-bg-img .nav-mobile{ + margin-top: 32px; + } +} +/* Main Section Style */ +.header-section .main-container .main-content{ + padding-top: 86px; + padding-left: 9px; + background-image: url(../images/main-india.png); + background-position: center center; + background-size: contain; + background-repeat: no-repeat; +} +.header-section .main-container .main-content .main-para p{ + font-size: 30px; + font-weight: 600; + color: #283684; + margin-bottom: 41px; +} +.header-section .main-container .main-content .main-h1 h1{ + font-size: 48px; + font-weight: 700; + margin-bottom: 41px; + color: #2A2A2A; +} +.header-section .main-container .main-content .main-blue{ + color: #283684; +} +.header-section .main-container .main-content .main-yellow{ + color: #fcb040; +} +.header-section .main-container .main-content .main-content-para p{ + font-size: 22px; + font-weight: 400; + color: rgb(134, 130, 130); + margin-bottom: 136px; +} +.header-section .main-container .main-content .main-btn{ + margin-bottom: 137px; +} +.header-section .main-container .main-content .main-reg-btn{ + display: inline-flex; + padding: 14px 20px; + justify-content: center; + align-items: center; + background-color: #283684; + color: #fcb040; + border-radius: 8px; + font-size: 16px; + margin-right: 26px; +} +.header-section .main-container .main-content .main-req-btn{ + display: inline-flex; + padding: 12px 20px; + justify-content: center; + align-items: center; + background-color: #fff; + border: 2px solid #283684; + color: #283684; + border-radius: 8px; + font-size: 16px; + font-weight: 600; +} +.header-section .main-container .main-image .main-img{ + width: 543px; + height: 567px; +} +.header-section .main-container .main-image{ + background-color: transparent; + padding-top: 51px; +} +.header-section .main-container .main-image .main-img img{ + width: 100%; + height: 100%; +} +.header-section .header-section-bg-img{ + position: relative; + z-index: 1; + padding-top: 38px; +} +.header-section .header-section-bg-img .main-img-bg{ + width: 493px; + height: 787px; + position: absolute; + right: 0; + top: 0; + z-index: -1; +} +.header-section .header-section-bg-img .main-img-bg img{ + width: 100%; + height: 100%; +} +@media only screen and (max-width:320px) { + .header-section .main-container .main-content{ + padding: 20px 18px 0px 18px; + } + .header-section .main-container .main-image { + padding-top: 40px; + } + .header-section .main-container .main-image .main-img{ + width: 343px; + height: 367px; + } + .header-section .main-container .main-image .main-img img{ + width: 100%; + height: 100%; + } + .header-section .main-container .main-content .main-para p{ + font-size: 16px; + margin-bottom: 11px; + text-align: center; + } + .header-section .main-container .main-content .main-h1 h1{ + font-size: 20px; + margin-bottom: 11px; + text-align: center; + } + .header-section .main-container .main-content .main-content-para p{ + font-size: 16px; + margin-bottom: 16px; + text-align: justify; + } + .header-section .main-container .main-content .main-reg-btn{ + width: 100%; + padding: 14px 14px; + justify-content: center; + align-items: center; + background-color: #283684; + color: #fcb040; + border-radius: 8px; + font-size: 16px; + margin-bottom: 18px; + } + .header-section .main-container .main-content .main-content-para p{ + margin-bottom: 32px; + } + + .header-section .main-container .main-content .main-btn{ + margin-bottom: 22px; + } + .header-section .header-section-bg-img{ + padding: 0px; + } +} +@media (min-width:321px) and (max-width:375px) { + .header-section .main-container .main-content{ + padding: 20px 18px 0px 18px; + } + .header-section .main-container .main-image { + padding-top: 40px; + } + .header-section .main-container .main-image .main-img{ + width: 343px; + height: 367px; + } + .header-section .main-container .main-image .main-img img{ + width: 100%; + height: 100%; + } + .header-section .main-container .main-content .main-para p{ + font-size: 16px; + margin-bottom: 11px; + text-align: center; + } + .header-section .main-container .main-content .main-h1 h1{ + font-size: 20px; + margin-bottom: 11px; + text-align: center; + } + .header-section .main-container .main-content .main-content-para p{ + font-size: 16px; + margin-bottom: 16px; + text-align: justify; + } + .header-section .main-container .main-content .main-reg-btn{ + width: 100%; + padding: 14px 14px; + justify-content: center; + align-items: center; + background-color: #283684; + color: #fcb040; + border-radius: 8px; + font-size: 16px; + margin-bottom: 18px; + } + .header-section .main-container .main-content .main-content-para p{ + margin-bottom: 32px; + } + + .header-section .main-container .main-content .main-btn{ + margin-bottom: 22px; + } + .header-section .header-section-bg-img{ + padding: 0px; + } +} +@media (min-width:376px) and (max-width:425px) { + .header-section .main-container .main-content{ + padding: 20px 22px 0px 22px; + } + .header-section .main-container .main-image { + padding-top: 40px; + } + .header-section .main-container .main-image .main-img{ + width: 343px; + height: 367px; + } + .header-section .main-container .main-image .main-img img{ + width: 100%; + height: 100%; + } + .header-section .main-container .main-content .main-para p{ + font-size: 16px; + margin-bottom: 11px; + text-align: center; + } + .header-section .main-container .main-content .main-h1 h1{ + font-size: 20px; + margin-bottom: 11px; + text-align: center; + } + .header-section .main-container .main-content .main-content-para p{ + font-size: 16px; + margin-bottom: 16px; + text-align: justify; + } + .header-section .main-container .main-content .main-reg-btn{ + width: 100%; + padding: 14px 14px; + justify-content: center; + align-items: center; + background-color: #283684; + color: #fcb040; + border-radius: 8px; + font-size: 16px; + margin-bottom: 18px; + } + .header-section .main-container .main-content .main-content-para p{ + margin-bottom: 32px; + } + + .header-section .main-container .main-content .main-btn{ + margin-bottom: 22px; + } + .header-section .header-section-bg-img{ + padding: 0px; + } +} +@media (min-width:376px) and (max-width:425px) { + .header-section .main-container .main-content{ + padding: 20px 22px 0px 22px; + } + .header-section .main-container .main-image { + padding-top: 40px; + } + .header-section .main-container .main-image .main-img{ + width: 343px; + height: 367px; + } + .header-section .main-container .main-image .main-img img{ + width: 100%; + height: 100%; + } + .header-section .main-container .main-content .main-para p{ + font-size: 16px; + margin-bottom: 11px; + text-align: center; + } + .header-section .main-container .main-content .main-h1 h1{ + font-size: 20px; + margin-bottom: 11px; + text-align: center; + } + .header-section .main-container .main-content .main-content-para p{ + font-size: 16px; + margin-bottom: 16px; + text-align: justify; + } + .header-section .main-container .main-content .main-reg-btn a{ + width: 100%; + padding: 14px 14px; + justify-content: center; + align-items: center; + background-color: #283684; + color: #fcb040; + border-radius: 8px; + font-size: 16px; + margin-bottom: 18px; + text-decoration: none; + } + .header-section .main-container .main-content .main-content-para p{ + margin-bottom: 32px; + } + + .header-section .main-container .main-content .main-btn{ + margin-bottom: 22px; + } + .header-section .header-section-bg-img{ + padding: 0px; + } +} +@media (min-width:426px) and (max-width:590px) { + .header-section .main-container .main-content{ + padding: 20px 22px 0px 22px; + } + .header-section .main-container .main-image { + padding-top: 40px; + } + .header-section .main-container .main-image .main-img{ + width: 343px; + height: 367px; + } + .header-section .main-container .main-image .main-img img{ + width: 100%; + height: 100%; + } + .header-section .main-container .main-content .main-para p{ + font-size: 16px; + margin-bottom: 11px; + text-align: center; + } + .header-section .main-container .main-content .main-h1 h1{ + font-size: 20px; + margin-bottom: 11px; + text-align: center; + } + .header-section .main-container .main-content .main-content-para p{ + font-size: 16px; + margin-bottom: 16px; + text-align: justify; + } + .header-section .main-container .main-content .main-reg-btn{ + width: 100%; + padding: 14px 14px; + justify-content: center; + align-items: center; + background-color: #283684; + color: #fcb040; + border-radius: 8px; + font-size: 16px; + margin-bottom: 18px; + } + .header-section .main-container .main-content .main-content-para p{ + margin-bottom: 32px; + } + + .header-section .main-container .main-content .main-btn{ + margin-bottom: 22px; + } + .header-section .header-section-bg-img{ + padding: 0px; + } +} +@media (min-width:769px) and (max-width:1024px) { + .header-section .main-container{ + padding: 0px 22px; + } +} +/* Educational Fees Collection Style */ +.educational{ + width: 100%; + height: fit-content; + margin-top: 61px; +} +.educational .educational-content .educational-container .educational-align{ + display: flex; +} + +.educational .educational-content .educational-container .educational-align .educational-image{ + width: 647px; + height: 564px; +} +.educational .educational-content .educational-container .educational-align .educational-image img{ + width: 100%; + height: 100%; +} +.educational .educational-content .educational-content-detail{ + margin-top: 42px; + height: fit-content; +} +.educational .educational-content .educational-content-detail .educational-h1{ + font-size: 36px; + font-weight: 600; + color: #283684; + margin-bottom: 16px; +} +.educational .educational-content .educational-content-detail .educational-para{ + font-size: 20px; + font-weight: 400; + line-height: 30px; + color: #2A2A2A; + margin-bottom: 56px; + text-align: justify; +} +.educational .educational-content .educational-content-detail .educational-btn button{ + padding: 16px 26px; + display: inline-flex; + justify-content: center; + align-items: center; + background-color: #283684; + color: #fcb040; + border-radius: 8px; + border: none; + outline: none; +} +@media only screen and (max-width:320px) { + .educational { + margin-top: 12px; + } + .educational .educational-content .educational-container{ + padding: 0px 18px; + } + .educational .educational-content .educational-container .educational-align .educational-image{ + width: 100%; + height: 297px; + } + .educational .educational-content .educational-container .educational-align .educational-image .educational-img{ + width: 100%; + height: 100%; + } + .educational .educational-content .educational-container .educational-align .educational-image .educational-img img{ + width: 100%; + height: 100%; + } + .educational .educational-content .educational-container .educational-content-detail{ + margin-top: 32px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-btn{ + display: flex; + justify-content: center; + align-items: center; + } + .educational .educational-content .educational-container .educational-content-detail .educational-h1{ + font-size: 20px; + padding: 0px 12px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-para{ + font-size: 16px; + padding: 0px 12px; + margin-bottom: 22px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-btn button{ + padding: 10px 16px; + } +} +@media (min-width:321px) and (max-width:375px) { + .educational { + margin-top: 12px; + } + .educational .educational-content .educational-container{ + padding: 0px 18px; + } + .educational .educational-content .educational-container .educational-align .educational-image{ + width: 100%; + height: 297px; + } + .educational .educational-content .educational-container .educational-align .educational-image .educational-img{ + width: 100%; + height: 100%; + } + .educational .educational-content .educational-container .educational-align .educational-image .educational-img img{ + width: 100%; + height: 100%; + } + .educational .educational-content .educational-container .educational-content-detail{ + margin-top: 32px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-btn{ + display: flex; + justify-content: center; + align-items: center; + } + .educational .educational-content .educational-container .educational-content-detail .educational-h1{ + font-size: 20px; + padding: 0px 12px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-para{ + font-size: 16px; + padding: 0px 12px; + margin-bottom: 22px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-btn button{ + padding: 10px 16px; + } +} +@media (min-width:376px) and (max-width:425px) { + .educational { + margin-top: 12px; + } + .educational .educational-content .educational-container{ + padding: 0px 22px; + } + .educational .educational-content .educational-container .educational-align .educational-image{ + width: 100%; + height: 337px; + } + .educational .educational-content .educational-container .educational-align .educational-image .educational-img{ + width: 100%; + height: 100%; + } + .educational .educational-content .educational-container .educational-align .educational-image .educational-img img{ + width: 100%; + height: 100%; + } + .educational .educational-content .educational-container .educational-content-detail{ + margin-top: 32px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-btn{ + display: flex; + justify-content: center; + align-items: center; + } + .educational .educational-content .educational-container .educational-content-detail .educational-h1{ + font-size: 20px; + padding: 0px 12px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-para{ + font-size: 16px; + padding: 0px 12px; + margin-bottom: 22px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-btn button{ + padding: 10px 16px; + } +} +@media (min-width:426px) and (max-width:590px) { + .educational { + margin-top: 12px; + } + .educational .educational-content .educational-container{ + padding: 0px 22px; + } + .educational .educational-content .educational-container .educational-align .educational-image{ + width: 100%; + height: 337px; + } + .educational .educational-content .educational-container .educational-align .educational-image .educational-img{ + width: 100%; + height: 100%; + } + .educational .educational-content .educational-container .educational-align .educational-image .educational-img img{ + width: 100%; + height: 100%; + } + .educational .educational-content .educational-container .educational-content-detail{ + margin-top: 32px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-btn{ + display: flex; + justify-content: center; + align-items: center; + } + .educational .educational-content .educational-container .educational-content-detail .educational-h1{ + font-size: 20px; + padding: 0px 12px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-para{ + font-size: 16px; + padding: 0px 12px; + margin-bottom: 22px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-btn button{ + padding: 10px 16px; + } +} +@media (min-width:591px) and (max-width:768px) { + .educational .educational-content .educational-container .educational-content-detail .educational-para{ + font-size: 22px; + } + .educational .educational-content .educational-container .educational-content-detail{ + padding: 0px 22px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-btn{ + display: flex; + justify-content: center; + align-items: center; + } + .educational .educational-content .educational-container .educational-content-detail .educational-h1{ + font-size: 32px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-para{ + margin-bottom: 22px; + } +} +@media (min-width:769px) and (max-width:1024px) { + .educational .educational-content .educational-container .educational-content-detail{ + padding: 0px 22px; + } + .educational .educational-content .educational-container .educational-content-detail .educational-para{ + margin-bottom: 22px; + } +} +@media (min-width:1025px) and (max-width:1440px) { + .educational .educational-content .educational-container .educational-content-detail{ + padding: 0px 11px; + + } + .educational .educational-content .educational-container .educational-content-detail .educational-para{ + margin: 0; + } + .educational .educational-content .educational-container .educational-content-detail{ + margin-top: 42px; + } +} +.bill-collection{ + width: 100%; + height: fit-content; + margin-top: 61px; +} +.bill-collection .bill-collection-container .bill-collection-heading{ + font-size: 36px; + font-weight: 600; + color: #283684; +} +.bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-collection-img{ + width: 100%; + display: flex; + justify-content: center; + align-items: center; +} +.bill-collection .bill-collection-container .bill-collection-threebox{ + display: flex; + justify-content: space-around; + align-items: center; + flex-wrap: wrap; + row-gap: 52px; + margin-top: 79px; +} +.bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing{ + width: 386px; + height: fit-content; + +} +.bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo{ + width: 120px; + height: 120px; + margin-bottom: 21px; +} +.bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo img{ + width: 100%; + height: 100%; +} +.bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-heading{ + font-size: 26px; + font-weight: 600; + color: #2A2A2A; + margin-bottom: 21px; + text-align: center; +} +.bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-collection-para{ + text-align: center; + font-size: 20px; + font-weight: 400; + line-height: 28px; + color: #2A2A2A; + padding: 0px 16px; +} +@media only screen and (max-width:320px) { + .bill-collection{ + margin-top: 42px; + } + .bill-collection .bill-collection-container{ + padding: 0px 18px; + } + .bill-collection .bill-collection-container .bill-collection-heading{ + font-size: 20px; + } + .bill-collection .bill-collection-container .bill-collection-threebox{ + margin-top: 32px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo{ + width: 71px; + height: 71px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo img{ + width: 100%; + height: 100%; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-heading{ + font-size: 20px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-collection-para{ + font-size: 16px; + padding: 0px; + } +} +@media (min-width:321px) and (max-width:375px) { + .bill-collection{ + margin-top: 42px; + } + .bill-collection .bill-collection-container{ + padding: 0px 18px; + } + .bill-collection .bill-collection-container .bill-collection-heading{ + font-size: 20px; + } + .bill-collection .bill-collection-container .bill-collection-threebox{ + margin-top: 32px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo{ + width: 71px; + height: 71px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo img{ + width: 100%; + height: 100%; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-heading{ + font-size: 20px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-collection-para{ + font-size: 16px; + padding: 0px; + } +} +@media (min-width:376px) and (max-width:425px) { + .bill-collection{ + margin-top: 42px; + } + .bill-collection .bill-collection-container{ + padding: 0px 22px; + } + .bill-collection .bill-collection-container .bill-collection-heading{ + font-size: 20px; + } + .bill-collection .bill-collection-container .bill-collection-threebox{ + margin-top: 32px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo{ + width: 71px; + height: 71px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo img{ + width: 100%; + height: 100%; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-heading{ + font-size: 20px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-collection-para{ + font-size: 16px; + padding: 0px; + } +} +@media (min-width:376px) and (max-width:425px) { + .bill-collection{ + margin-top: 42px; + } + .bill-collection .bill-collection-container{ + padding: 0px 18px; + } + .bill-collection .bill-collection-container .bill-collection-heading{ + font-size: 20px; + } + .bill-collection .bill-collection-container .bill-collection-threebox{ + margin-top: 32px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo{ + width: 71px; + height: 71px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo img{ + width: 100%; + height: 100%; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-heading{ + font-size: 20px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-collection-para{ + font-size: 16px; + padding: 0px; + } +} +@media (min-width:426px) and (max-width:590px) { + .bill-collection{ + margin-top: 42px; + } + .bill-collection .bill-collection-container{ + padding: 0px 18px; + } + .bill-collection .bill-collection-container .bill-collection-heading{ + font-size: 20px; + } + .bill-collection .bill-collection-container .bill-collection-threebox{ + margin-top: 32px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo{ + width: 71px; + height: 71px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-logo img{ + width: 100%; + height: 100%; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-content-heading{ + font-size: 20px; + } + .bill-collection .bill-collection-container .bill-collection-threebox .bill-collection-pricing .bill-collection-para{ + font-size: 16px; + padding: 0px; + } +} +/* HaodaPay BBPS Features Style */ +.educational-institutions{ + width: 100%; + height: fit-content; + margin-top: 61px; +} +.educational-institutions .educational-institutions-container{ + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + height: fit-content; +} + +.educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 36px; + font-weight: 600; + color: #283684; + margin-bottom: 31px; +} +.educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading .educational-institutions-yellow{ + font-size: 36px; + font-weight: 600; + color: #fcb040; +} +.educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align{ + display: flex; + align-items: center; + margin-bottom: 16px; +} +.educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-tick{ + width: 21px; + height: 21px; + margin-right: 16px; + +} +.educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-tick img{ + width: 100%; + height: 100%; +} +.educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-title{ + font-size: 30px; + font-weight: 600; + color: #283684; + text-align: justify; +} +.educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-para{ + font-size: 20px; + font-weight: 400; + color: #838383; + margin-bottom: 31px; +} +.educational-institutions .educational-institutions-container .educational-institutions-images{ + display: flex; + justify-content: end; +} +.educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img{ + width: 631px; + height: 797px; +} +.educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img img{ + width: 100%; + height: 100%; +} +@media only screen and (max-width:320px) { + .educational-institutions{ + margin-top: 32px; + padding: 0px 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 28px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading .educational-institutions-yellow{ + font-size: 22px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-title{ + font-size: 22px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-tick{ + margin-right: 8px; + width: 21px; + height: 21px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-para{ + font-size: 16px; + margin-bottom: 8px; + } + .educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img{ + width: 331px; + height: 347px; + } + .educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img img{ + width: 100%; + height: 100%; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 22px; + } +} +@media (min-width:321px) and (max-width:375px) { + .educational-institutions{ + margin-top: 32px; + padding: 0px 18px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 20px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading .educational-institutions-yellow{ + font-size: 20px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-title{ + font-size: 18px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-tick{ + margin-right: 8px; + width: 16px; + height: 16px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-para{ + font-size: 16px; + margin-bottom: 8px; + } + .educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img{ + width: 331px; + height: 347px; + } + .educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img img{ + width: 100%; + height: 100%; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 20px; + } +} +@media (min-width:376px) and (max-width:425px) { + .educational-institutions{ + margin-top: 32px; + padding: 0px 22px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 20px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading .educational-institutions-yellow{ + font-size: 20px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-title{ + font-size: 18px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-tick{ + margin-right: 8px; + width: 16px; + height: 16px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-para{ + font-size: 16px; + margin-bottom: 8px; + } + .educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img{ + width: 331px; + height: 347px; + } + .educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img img{ + width: 100%; + height: 100%; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 20px; + } +} +@media (min-width:426px) and (max-width:590px) { + .educational-institutions{ + margin-top: 32px; + padding: 0px 22px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 20px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading .educational-institutions-yellow{ + font-size: 20px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-title{ + font-size: 18px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-tick{ + margin-right: 8px; + width: 16px; + height: 16px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-para{ + font-size: 16px; + margin-bottom: 8px; + } + .educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img{ + width: 331px; + height: 347px; + } + .educational-institutions .educational-institutions-container .educational-institutions-images .educational-institutions-img img{ + width: 100%; + height: 100%; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 20px; + } +} +@media (min-width:591px) and (max-width:768px) { + .educational-institutions{ + margin-top: 32px; + padding: 0px 22px; + } + .educational-institutions .educational-institutions .educational-institutions .educational-institutions-heading{ + font-size: 32px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading .haodapay-features-yellow{ + font-size: 32px; + margin-bottom: 12px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-title{ + font-size: 32px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-details .educational-institutions-align .educational-institutions-tick{ + margin-right: 8px; + width: 21px; + height: 21px; + } + .educational-institutions .educational-institutions .educational-institutions-content .educational-institutions-details .educational-institutions-para{ + font-size: 22px; + margin-bottom: 8px; + } + .educational-institutions .educational-institutions-container .educational-institutions-content .educational-institutions-heading{ + font-size: 32px; + } +} +/* Slider Style */ +.slider{ + width: 100%; + height: fit-content; + margin-top: 61px; +} +.slider .slider-condainer .slider-heading{ + font-size: 36px; + font-weight: 600; + color: #283684; + margin-bottom: 64px; +} +.slider .slider-condainer .slider-heading .slider-yellow{ + color: #fcb040; +} +.slider .slider-condainer .slider-detail{ + display: flex; + justify-content: center; + align-items: center; + flex-wrap: wrap; + column-gap: 51px; + row-gap: 51px; +} +.slider .slider-condainer .slider-detail .slider-content{ + width: 361px; + height: 586px; + padding: 41px 31px; + background-color: #fcb040; +} +.slider .slider-condainer .slider-detail .slider-content .slider-para{ + font-size: 20px; + font-weight: 400; + color: #2A2A2A; + margin-bottom: 21px; + height: 329px; +} +.slider .slider-condainer .slider-detail .slider-content .slider-star{ + display: flex; + justify-content: center; + align-items: center; + column-gap: 5px; + margin-bottom: 24px; + color: #283684; +} +.slider .slider-condainer .slider-detail .slider-content .slider-image .slider-img{ + width: 100%; + height: fit-content; + margin-bottom: 6px; + display: flex; + justify-content: center; + align-items: center; +} +.slider .slider-condainer .slider-detail .slider-content .slider-image .slider-img .slider-customer{ + width: 51px; + height: 51px; + border-radius: 50%; +} +.slider .slider-condainer .slider-detail .slider-content .slider-image .slider-img .slider-customer img{ + width: 100%; + height: 100%; + border-radius: 50%; +} +.slider .slider-condainer .slider-detail .slider-content .slider-customer-name { + font-size: 16px; + font-weight: 400; + color: #2A2A2A; +} +.slider .slider-condainer .slider-detail .slider-content .slider-customer-name .name{ + font-size: 20px; + font-weight: 400; + color: #2A2A2A; +} +@media only screen and (max-width:320px) { + .slider{ + margin-top: 32px; + padding: 0px 18px; + } + .slider .slider-condainer .slider-heading{ + font-size: 20px; + margin-bottom: 32px; + } + .slider .slider-condainer .slider-detail .slider-content{ + width: 360px; + height: fit-content; + padding: 22px 22px; + background-color: #fcb040; + } + .slider .slider-condainer .slider-detail .slider-content .slider-para{ + font-size: 16px; + height: 209px; + } + .slider .slider-condainer .slider-detail .slider-content .slider-customer-name { + font-size: 16px; + } + .slider .slider-condainer .slider-detail .slider-content .slider-customer-name .name{ + font-size: 18px; + } +} +@media (min-width:321px) and (max-width:375px) { + .slider{ + margin-top: 32px; + padding: 0px 18px; + } + .slider .slider-condainer .slider-heading{ + font-size: 20px; + margin-bottom: 32px; + } + .slider .slider-condainer .slider-detail .slider-content{ + width: 360px; + height: fit-content; + padding: 22px 22px; + background-color: #fcb040; + } + .slider .slider-condainer .slider-detail .slider-content .slider-para{ + font-size: 16px; + height: 209px; + } + .slider .slider-condainer .slider-detail .slider-content .slider-customer-name { + font-size: 16px; + } + .slider .slider-condainer .slider-detail .slider-content .slider-customer-name .name{ + font-size: 18px; + } +} +@media (min-width:376px) and (max-width:425px) { + .slider{ + margin-top: 32px; + padding: 0px 22px; + } + .slider .slider-condainer .slider-heading{ + font-size: 20px; + margin-bottom: 32px; + } + .slider .slider-condainer .slider-detail .slider-content{ + width: 360px; + height: fit-content; + padding: 22px 22px; + background-color: #fcb040; + } + .slider .slider-condainer .slider-detail .slider-content .slider-para{ + font-size: 16px; + height: 209px; + } + .slider .slider-condainer .slider-detail .slider-content .slider-customer-name { + font-size: 16px; + } + .slider .slider-condainer .slider-detail .slider-content .slider-customer-name .name{ + font-size: 18px; + } +} +/* FAQ style */ +.taps{ + width: 100%; + height: fit-content; + margin-top: 96px; +} +@media only screen and (max-width:320px) { + .taps{ + margin-top: 32px; + } +} +@media (min-width:321px) and (max-width:375px) { + .taps{ + margin-top: 32px; + } +} +@media (min-width:376px) and (max-width:425px) { + .taps{ + margin-top: 32px; + } +} +/* Blogs */ +.blogs{ + width: 100%; + height: fit-content; + margin-top: 64px; +} +.blogs .blogs-container .blogs-heading{ + text-align: center; + font-size: 36px; + font-weight: 600; + color: #283684; + margin-bottom: 64px; +} +.blogs .blogs-container .blogs-content{ + width: 100%; + display: flex; + justify-content: center; + align-items: center; + column-gap: 51px; + row-gap: 51px; + flex-wrap: wrap; +} +.blogs .blogs-container .blogs-content .blogs-detail{ + width: 361px; + height: fit-content; + padding: 20px 24px; + border-radius: 11px; + background-color: #283684; +} +.blogs .blogs-container .blogs-content .blogs-detail .blogs-image{ + width: 299px; + height: 151px; + margin-bottom: 16px; +} +.blogs .blogs-container .blogs-content .blogs-detail .blogs-image img{ + width: 100%; + height: 100%; +} +.blogs .blogs-container .blogs-content .blogs-detail .blogs-title{ + font-size: 20px; + font-weight: 400; + color: #fcb040; + margin-bottom: 16px; +} +.blogs .blogs-container .blogs-content .blogs-detail .blogs-para{ + font-size: 18px; + font-weight: 400; + color: #fff; + margin-bottom: 16px; + height: 249px; +} +.blogs .blogs-container .blogs-content .blogs-detail .blogs-btn{ + font-size: 18px; + font-weight: 400; + color: #fcb040; + border-bottom: 1px solid #fff; +} +.blogs .blogs-container .blogs-content .blogs-detail .blogs-btn i{ + margin-left: 12px; +} +.blogs .blogs-container .blogs-content .blogs-detail .blogs-btn button{ + margin-bottom: 16px; +} +.blogs .blogs-container .blogs-content .blogs-detail .blogs-date{ + font-size: 18px; + font-weight: 400; + color: #fff; + margin-top: 16px; +} +@media only screen and (max-width:320px) { + .blogs{ + margin-top: 22px; + } + .blogs .blogs-container .blogs-heading{ + margin-bottom: 22px; + font-size: 20px + } + .blogs .blogs-container .blogs-content .blogs-detail{ + width: 299px; + padding: 12px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-title{ + font-size: 18px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-para{ + font-size: 16px; + height: 219px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-btn{ + font-size: 16px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-image{ + width: 276px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-image .blogs-date{ + font-size: 16px; + } + .blogs .blogs-container .blogs-content{ + row-gap: 41px; + } +} +@media (min-width:321px) and (max-width: 375px) { + .blogs{ + margin-top: 22px; + } + .blogs .blogs-container .blogs-heading{ + margin-bottom: 22px; + font-size: 20px + } + .blogs .blogs-container .blogs-content .blogs-detail{ + width: 299px; + padding: 12px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-title{ + font-size: 18px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-para{ + font-size: 16px; + height: 219px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-btn{ + font-size: 16px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-image{ + width: 276px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-image .blogs-date{ + font-size: 16px; + } + .blogs .blogs-container .blogs-content{ + row-gap: 41px; + } +} +@media (min-width:376px) and (max-width: 425px) { + .blogs{ + margin-top: 22px; + } + .blogs .blogs-container .blogs-heading{ + margin-bottom: 22px; + font-size: 20px + } + .blogs .blogs-container .blogs-content .blogs-detail{ + width: 299px; + padding: 12px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-title{ + font-size: 18px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-para{ + font-size: 16px; + height: 219px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-btn{ + font-size: 16px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-image{ + width: 276px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-image .blogs-date{ + font-size: 16px; + } + .blogs .blogs-container .blogs-content{ + row-gap: 41px; + } +} +@media (min-width:426px) and (max-width: 590px) { + .blogs{ + margin-top: 22px; + } + .blogs .blogs-container .blogs-heading{ + margin-bottom: 22px; + font-size: 20px + } + .blogs .blogs-container .blogs-content .blogs-detail{ + width: 299px; + padding: 12px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-title{ + font-size: 18px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-para{ + font-size: 16px; + height: 219px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-btn{ + font-size: 16px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-image{ + width: 276px; + } + .blogs .blogs-container .blogs-content .blogs-detail .blogs-image .blogs-date{ + font-size: 16px; + } + .blogs .blogs-container .blogs-content{ + row-gap: 41px; + } +} +/* Connetion Style */ +.connection{ + width: 100%; + height: fit-content; + margin-top: 99px; +} +.connection .connection-container{ + display: flex; + justify-content: center; + flex-wrap: wrap; + background-color: #283684; + padding: 71px 81px 36px 81px; + height: fit-content; +} +.connection .connection-container .connection-content{ + height: fit-content; +} +.connection .connection-container .connection-content .connection-para{ + font-size: 32px; + font-weight: 600; + color: #fff; + margin-bottom: 8px; +} +.connection .connection-container .connection-content .connection-title{ + font-size: 48px; + font-weight: 600; + color: #fcb040; + margin-bottom: 27px; +} +.connection .connection-container .connection-content .connection-mini-para{ + font-size: 28px; + font-weight: 500; + color: #fff; + margin-bottom: 44px; +} +.connection .connection-container .connection-content .connection-contact .connection-phone { + display: flex; + align-items: center; + font-size: 28px; + font-weight: 500; + margin-bottom: 22px; +} +.connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image{ + width: 56px; + height: 56px; + margin-right: 28px; +} +.connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image img{ + width: 100%; + height: 100%; +} +.connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-content .num{ + color: #fcb040; +} +.connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-content p{ + color: #fff; +} +.connection .connection-container .collection-image{ + margin-top: 22px; +} +.connection .connection-container.collection-img{ + width: 738px; + height: 449px; +} +.connection .connection-container.collection-img img{ + width: 100%; + height: 100%; +} +@media only screen and (max-width:320px) { + .connection{ + margin-top: 32px; + } + .connection .connection-container{ + padding: 12px; + } + .connection .connection-container .connection-content .connection-para{ + font-size: 16px; + } + .connection .connection-container .connection-content .connection-title{ + font-size: 20px; + margin-bottom: 14px; + } + .connection .connection-container .connection-content .connection-mini-para{ + font-size: 18px; + margin-bottom: 22px; + } + .connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image{ + width: 36px; + height: 36px; + margin-right: 28px; + } + .connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image img{ + width: 100%; + height: 100%; + } + .connection .connection-container .connection-content .connection-contact .connection-phone { + font-size: 16px; + } +} +@media (min-width:321px) and (max-width:375px) { + .connection{ + margin-top: 32px; + } + .connection .connection-container{ + padding: 12px; + } + .connection .connection-container .connection-content .connection-para{ + font-size: 16px; + } + .connection .connection-container .connection-content .connection-title{ + font-size: 20px; + margin-bottom: 14px; + } + .connection .connection-container .connection-content .connection-mini-para{ + font-size: 18px; + margin-bottom: 22px; + } + .connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image{ + width: 36px; + height: 36px; + margin-right: 28px; + } + .connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image img{ + width: 100%; + height: 100%; + } + .connection .connection-container .connection-content .connection-contact .connection-phone { + font-size: 16px; + } +} +@media (min-width:376px) and (max-width:425px) { + .connection{ + margin-top: 32px; + } + .connection .connection-container{ + padding: 12px; + } + .connection .connection-container .connection-content .connection-para{ + font-size: 16px; + } + .connection .connection-container .connection-content .connection-title{ + font-size: 20px; + margin-bottom: 14px; + } + .connection .connection-container .connection-content .connection-mini-para{ + font-size: 18px; + margin-bottom: 22px; + } + .connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image{ + width: 36px; + height: 36px; + margin-right: 28px; + } + .connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image img{ + width: 100%; + height: 100%; + } + .connection .connection-container .connection-content .connection-contact .connection-phone { + font-size: 16px; + } +} +@media (min-width:426px) and (max-width:590px) { + .connection{ + margin-top: 32px; + } + .connection .connection-container{ + padding: 12px; + } + .connection .connection-container .connection-content .connection-para{ + font-size: 16px; + } + .connection .connection-container .connection-content .connection-title{ + font-size: 20px; + margin-bottom: 14px; + } + .connection .connection-container .connection-content .connection-mini-para{ + font-size: 18px; + margin-bottom: 22px; + } + .connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image{ + width: 36px; + height: 36px; + margin-right: 28px; + } + .connection .connection-container .connection-content .connection-contact .connection-phone .connection-phn-image img{ + width: 100%; + height: 100%; + } + .connection .connection-container .connection-content .connection-contact .connection-phone { + font-size: 16px; + } +} +/* Disclaimer */ +.disclamier{ + width: 100%; + height: fit-content; + margin-top: 41px; +} +@media only screen and (max-width:320px) { + .disclamier{ + margin-top: 22px; + } +} +@media (min-width:321px) and (max-width:375px) { + .disclamier{ + margin-top: 22px; + } +} +@media (min-width:376px) and (max-width:425px) { + .disclamier{ + margin-top: 22px; + } +} +/* Footer Style */ +.footer{ + width: 100%; + height: fit-content; + margin-top: 61px; +} +.footer .footer-container{ + display: flex; + flex-wrap: wrap; + justify-content: center; +} +.footer .footer-container .footer-content .footer-img{ + width: 100%; + display: flex; + align-items: center; + justify-content: center; +} +.footer .footer-container .footer-content .footer-image{ + width: 197px; + height: 38px; + +} +.footer .footer-container .footer-content .footer-image img{ + width: 100%; + height: 100%; +} +.footer .footer-container .footer-content .footer-para{ + font-size: 22px; + font-weight: 400; + line-height: 35px; + color: #2A2A2A; + margin-top: 12px; + padding-right: 51px; + text-align: center; +} +.footer .footer-container .footer-content .footer-social{ + display: flex; + justify-content: center; + align-items: center; + margin-top: 12px; + column-gap: 24px; +} +.footer .footer-container .footer-content .footer-social .footer-insta{ + font-size: 32px; +} +.footer .footer-container .footer-content .footer-social .footer-insta .fa-instagram{ + color: rgb(218, 25, 89); +} +.footer .footer-container .footer-content .footer-social .footer-insta .fa-facebook,.fa-twitter{ + color: #283684; +} +.footer .footer-container .footer-menu .footer-list ul{ + width: 100%; + display: flex; + flex-wrap: wrap; + justify-content: center; + column-gap: 36px; + font-size: 22px; + font-weight: 400; +} +@media only screen and (max-width:320px) { + .footer{ + margin-top: 22px; + padding: 18px; + } + .footer .footer-container .footer-content .footer-image{ + width: 147px; + height: 32px; + } + .footer .footer-container .footer-content .footer-image img{ + width: 100%; + height: 100%; + } + .footer .footer-container .footer-content .footer-para{ + width: 100%; + font-size: 16px; + font-weight: 400; + line-height: 35px; + color: #2A2A2A; + text-align: center; + padding: 0px; + } + .footer .footer-container .footer-menu .footer-list ul{ + margin-top: 22px; + font-size: 18px; + } + .footer .footer-container .footer-content .footer-social{ + justify-content: center; + } +} +@media (min-width:321px) and (max-width:375px) { + .footer{ + margin-top: 22px; + padding: 18px; + } + + .footer .footer-container .footer-content .footer-image{ + width: 147px; + height: 32px; + } + .footer .footer-container .footer-content .footer-image img{ + width: 100%; + height: 100%; + } + .footer .footer-container .footer-content .footer-para{ + width: 100%; + font-size: 16px; + font-weight: 400; + line-height: 35px; + color: #2A2A2A; + text-align: center; + padding: 0px; + } + .footer .footer-container .footer-menu .footer-list ul{ + margin-top: 22px; + font-size: 18px; + } + .footer .footer-container .footer-content .footer-social{ + justify-content: center; + } +} +@media (min-width:376px) and (max-width:425px) { + .footer{ + margin-top: 22px; + padding: 18px; + } + + .footer .footer-container .footer-content .footer-image{ + width: 147px; + height: 32px; + } + .footer .footer-container .footer-content .footer-image img{ + width: 100%; + height: 100%; + } + .footer .footer-container .footer-content .footer-para{ + width: 100%; + font-size: 16px; + font-weight: 400; + line-height: 35px; + color: #2A2A2A; + text-align: center; + padding: 0px; + } + .footer .footer-container .footer-menu .footer-list ul{ + margin-top: 22px; + font-size: 18px; + } + .footer .footer-container .footer-content .footer-social{ + justify-content: center; + } +} +@media (min-width:426px) and (max-width:768px) { + .footer{ + margin-top: 22px; + } + .footer .footer-container{ + padding: 22px; + } +} +@media (min-width:769px) and (max-width:1024px) { + .footer{ + margin-top: 22px; + } + .footer .footer-container{ + padding: 22px; + } +} +.footer-last{ + width: 100%; + height: fit-content; + margin-top: 22px; +} +.footer-last .footer-container{ + height: 100%; + padding: 12px; + border-top: 2px solid rgb(233, 228, 228); + display: flex; + justify-content: center; + align-items: center; +} +.footer-last .footer-container .footer-content{ + width: 100%; + height: 100%; + color: #2A2A2A; + font-size: 18px; + + row-gap: 22px; +} +.footer-last .footer-container .footer-content { + text-align: center; +} +.footer-last .footer-container .footer-content .footer-list ul{ + display: flex; + column-gap: 22px; + flex-wrap: wrap; + justify-content: center; + +} +.footer-last .footer-container .footer-content .footer-list ul li{ + display: flex; + justify-content: center; + align-items: center; +} +@media only screen and (max-width:320px) { + .footer-last .footer-container .footer-content{ + font-size: 16px; + } +} +@media (min-width:321px) and (max-width:375px) { + .footer-last .footer-container .footer-content{ + font-size: 16px; + } +} +@media (min-width:376px) and (max-width:425px) { + .footer-last .footer-container .footer-content{ + font-size: 16px; + } +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..b192660 --- /dev/null +++ b/index.html @@ -0,0 +1,1013 @@ + + + + + + HaodaPay | Bharat Bill Payment System + + + + + + + + + + + + + + + +
+ +
+
+
+ + + +
+ +
+
+
+
+
+

Time to Level Up Your Bill Collection!

+
+
+

Register as Bharat Bill Payment
System Biller through
HaodaPay.

+
+
+

Welcome to HaodaPay – Simplifying Fee Collection for Education and Housing. Seamlessly manage fee payments for educational institutions and contribute to housing societies' rent and maintenance fee collection with ease. Experience hassle-free transactions and elevate your payment convenience today

+
+
+ + + +
+ + + + +
+
+
+
+ +
+
+
+ + +
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+ For Educational Fees Collections +
+
+ Elevate the fee collection process in educational institutions with the convenience of BBPS, an integrated bill payment system. Empower students and parents with multiple payment channels such as online banking, mobile wallets, and UPI, making fee transactions hassle-free. Say goodbye to cash payments and embrace a seamless experience with secure and efficient electronic payments. Enjoy the benefits of enhanced transparency, simplified reconciliation, and improved financial management. Make fee collection effortless and convenient for all stakeholders involved, fostering a smooth and efficient educational environment. Unlock the potential of digital payments and transform the way educational institution fees are collected. +
+
+ +
+ +
+
+ +
+
+ +
+
+
+
+
+ Housing Society / Appartment
Maintainence Collection
+
+
+ Simplify the process of collecting maintenance fees for housing societies, apartments, and PG accommodations with our streamlined system. Experience the convenience of automated payments, timely reminders, and hassle-free monitoring of payment records. Ensure secure and efficient Rent collection, promoting transparency and accountability. Our adaptable platform caters to the specific needs of housing societies, offering flexible customization options. Enjoy peace of mind as our system takes care of reconciliation and record-keeping, allowing you to focus on other important tasks. +
+
+ +
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+
+ +
+
+
+
+
+ Are you from a different Industry / Sector ? We have a solution for you too! +
+
+
+
+

Government Entities

+
+
+
+ +
+
+

Water Tax

+
+
+
+
+ +
+
+

Electricity Bill

+
+
+
+
+ +
+
+

Municipality Tax

+
+
+
+
+
+

Private Sectors

+
+
+
+ +
+
+

Telecom Payment

+
+
+
+
+ +
+
+

Purchase Payment

+
+
+
+
+ +
+
+

Loan/Insurance

+
+
+
+
+ +
+
+
+ +
+
+
+

Revolutionizing Bill Collection

+
+
+
+
+ +
+
+

Low Pricing

+
+
+

At BBPS, we pride ourselves on offering unbeatable prices. We understand the importance of affordability and strive to provide our customers with the lowest pricing in the market. Our goal is to ensure that you get the best value for your money.

+
+
+
+
+ +
+ +
+

Easy Reconciliation

+
+
+

Our platform automates the reconciliation process, eliminating manual data entry and reducing errors. You can save valuable time and effort with our user-friendly interface that allows for easy transaction tracking and management.

+
+
+
+
+ +
+
+

Secured Transaction

+
+
+

We prioritize the utmost security for your transactions at BBPS. Our platform implements robust security measures to ensure the protection of your sensitive information throughout the entire process. Choose BBPS for secured transactions.

+
+
+
+
+
+ +
+
+
+
+ HaodaPay BBPS Features +
+
+
+
+ +
+
+

Nationwide Visibility

+
+
+
+

Experience nationwide visibility with our BBPS platform, enabling users from all corners of the country to conveniently access and utilize our bill payment services, ensuring easy management of financial obligations

+
+
+
+ +
+
+

Payment Options for Through Any Other Platform

+
+
+
+

Enable customers to pay anywhere with ease through our BBPS platform. Offering multiple payment options like online banking, mobile wallets, and UPI, we ensure convenience and flexibility for seamless bill payments.

+
+
+
+ +
+
+

Get Paid Faster

+
+
+
+

Get paid faster with our BBPS platform, offering secure and efficient payment channels. Streamline your collection process and improve cash flow for your business.

+
+
+
+
+
+ +
+
+
+
+ +
+
+
+

Powered By

+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+ Our Valuable Customers: What They Said +
+
+
+
+

"Effortless Solution, Outstanding Service!" + "HaodaPay has truly changed the game for our school's fee collection. The platform's simplicity and efficiency have saved us countless hours, and their exceptional customer service ensures any question is promptly addressed. A true lifesaver!"

+
+
+ + + + + +
+
+
+
+ +
+
+
+

Sanjay

+ CEO & Founder +
+
+
+
+
+

"Streamlined Rent Payments Made Easy" + "Being part of a housing society has never been this convenient. HaodaPay's rent and maintenance fee collection service is a breeze to use. It's as if they designed the system specifically for us. No more hassle—just smooth payments!

+
+
+ + + + + +
+
+
+
+ +
+
+
+

Vikram Deshmukh

+ Marketing Manager +
+
+
+
+
+

Welcome to HaodaPay – Simplifying Fee Collection for Education and Housing. Seamlessly manage fee payments for educational institutions and contribute to housing societies' rent and maintenance fee collection with ease. Experience hassle-free transactions and elevate your payment convenience today

+
+
+ + + + + +
+
+
+
+ +
+
+
+

Renuka Patel

+ Project Engineer +
+
+
+
+
+
+ +
+
+
+

FAQ

+

Here, you'll find answers to the most common questions you may have about BBPS. If you still can't find the answer you're looking for, please don't hesitate to contact us.

+
+
+ + + + +
+ +
+
  • + + +
  • +
  • + + +
  • + +
  • + + +
  • +
  • + + +
  • +
+
+
    +
  • + + +
  • +
  • + + +
  • +
+
+
  • + + +
  • +
+
+ +
+
+ +
+
+
+

Blogs

+
+
+
+
+ +
+ +
+

Discover effective strategies and modern tools to simplify fee collection and management for school owners. Explore digital solutions, communication techniques, and insights to streamline financial operations and enhance parent satisfaction.

+
+
+ + +
+
+ + 20 May 2023 +
+
+
+
+ +
+ +
+

Explore strategies and tools to effortlessly manage rent and maintenance fee collection in housing societies. From seamless payment methods to effective tenant communication, this blog guides housing society owners toward simplifying financial operations and enhancing community satisfaction.

+
+
+ + +
+
+ + 03 June 2023 +
+
+
+
+ +
+ +
+

HaodaPay's innovation extends beyond education and housing societies, catering to the distinct needs of government and private entities. Discover how our platform transforms payment processes, enhances engagement, and streamlines financial operations for these diverse sectors.

+
+
+ + +
+
+ + 14 July 2023 +
+
+
+
+
+ +
+
+
+
+ Reach out to us and let's connect! +
+
+ Let’s stay connected +
+
+ Relax, we are ready to support 24/7 for you +
+
+
+
+ +
+
+

Phone

+ 18004196861 +
+
+
+
+ +
+
+

Email

+ info@haodapayments.com +
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
+

Disclaimer

+
+ +

The information provided on the website www.bharatbillpay.net, including its logos and components, is intended for general informational purposes only. Please note that HaodaPay has established a direct partnership with Axis Bank, a prominent banking institution, to operate as a BBPS operating unit. This collaboration enables HaodaPay to leverage Axis Bank's expertise, infrastructure, and resources, ensuring the provision of a seamless and secure platform for bill payments.

+
+
+
+
+
+
+
+
+ + + + + + + + + + \ No newline at end of file diff --git a/jquery.js b/jquery.js new file mode 100644 index 0000000..798cc8b --- /dev/null +++ b/jquery.js @@ -0,0 +1,2 @@ +/*! jQuery v3.7.1 | (c) OpenJS Foundation and other contributors | jquery.org/license */ +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(ie,e){"use strict";var oe=[],r=Object.getPrototypeOf,ae=oe.slice,g=oe.flat?function(e){return oe.flat.call(e)}:function(e){return oe.concat.apply([],e)},s=oe.push,se=oe.indexOf,n={},i=n.toString,ue=n.hasOwnProperty,o=ue.toString,a=o.call(Object),le={},v=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},y=function(e){return null!=e&&e===e.window},C=ie.document,u={type:!0,src:!0,nonce:!0,noModule:!0};function m(e,t,n){var r,i,o=(n=n||C).createElement("script");if(o.text=e,t)for(r in u)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function x(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[i.call(e)]||"object":typeof e}var t="3.7.1",l=/HTML$/i,ce=function(e,t){return new ce.fn.init(e,t)};function c(e){var t=!!e&&"length"in e&&e.length,n=x(e);return!v(e)&&!y(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+ge+")"+ge+"*"),x=new RegExp(ge+"|>"),j=new RegExp(g),A=new RegExp("^"+t+"$"),D={ID:new RegExp("^#("+t+")"),CLASS:new RegExp("^\\.("+t+")"),TAG:new RegExp("^("+t+"|[*])"),ATTR:new RegExp("^"+p),PSEUDO:new RegExp("^"+g),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+ge+"*(even|odd|(([+-]|)(\\d*)n|)"+ge+"*(?:([+-]|)"+ge+"*(\\d+)|))"+ge+"*\\)|)","i"),bool:new RegExp("^(?:"+f+")$","i"),needsContext:new RegExp("^"+ge+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+ge+"*((?:-\\d)?\\d*)"+ge+"*\\)|)(?=[^-]|$)","i")},N=/^(?:input|select|textarea|button)$/i,q=/^h\d$/i,L=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,H=/[+~]/,O=new RegExp("\\\\[\\da-fA-F]{1,6}"+ge+"?|\\\\([^\\r\\n\\f])","g"),P=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},M=function(){V()},R=J(function(e){return!0===e.disabled&&fe(e,"fieldset")},{dir:"parentNode",next:"legend"});try{k.apply(oe=ae.call(ye.childNodes),ye.childNodes),oe[ye.childNodes.length].nodeType}catch(e){k={apply:function(e,t){me.apply(e,ae.call(t))},call:function(e){me.apply(e,ae.call(arguments,1))}}}function I(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(V(e),e=e||T,C)){if(11!==p&&(u=L.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return k.call(n,a),n}else if(f&&(a=f.getElementById(i))&&I.contains(e,a)&&a.id===i)return k.call(n,a),n}else{if(u[2])return k.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&e.getElementsByClassName)return k.apply(n,e.getElementsByClassName(i)),n}if(!(h[t+" "]||d&&d.test(t))){if(c=t,f=e,1===p&&(x.test(t)||m.test(t))){(f=H.test(t)&&U(e.parentNode)||e)==e&&le.scope||((s=e.getAttribute("id"))?s=ce.escapeSelector(s):e.setAttribute("id",s=S)),o=(l=Y(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+Q(l[o]);c=l.join(",")}try{return k.apply(n,f.querySelectorAll(c)),n}catch(e){h(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return re(t.replace(ve,"$1"),e,n,r)}function W(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function F(e){return e[S]=!0,e}function $(e){var t=T.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function B(t){return function(e){return fe(e,"input")&&e.type===t}}function _(t){return function(e){return(fe(e,"input")||fe(e,"button"))&&e.type===t}}function z(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&R(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function X(a){return F(function(o){return o=+o,F(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function U(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}function V(e){var t,n=e?e.ownerDocument||e:ye;return n!=T&&9===n.nodeType&&n.documentElement&&(r=(T=n).documentElement,C=!ce.isXMLDoc(T),i=r.matches||r.webkitMatchesSelector||r.msMatchesSelector,r.msMatchesSelector&&ye!=T&&(t=T.defaultView)&&t.top!==t&&t.addEventListener("unload",M),le.getById=$(function(e){return r.appendChild(e).id=ce.expando,!T.getElementsByName||!T.getElementsByName(ce.expando).length}),le.disconnectedMatch=$(function(e){return i.call(e,"*")}),le.scope=$(function(){return T.querySelectorAll(":scope")}),le.cssHas=$(function(){try{return T.querySelector(":has(*,:jqfake)"),!1}catch(e){return!0}}),le.getById?(b.filter.ID=function(e){var t=e.replace(O,P);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(O,P);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&C){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):t.querySelectorAll(e)},b.find.CLASS=function(e,t){if("undefined"!=typeof t.getElementsByClassName&&C)return t.getElementsByClassName(e)},d=[],$(function(e){var t;r.appendChild(e).innerHTML="",e.querySelectorAll("[selected]").length||d.push("\\["+ge+"*(?:value|"+f+")"),e.querySelectorAll("[id~="+S+"-]").length||d.push("~="),e.querySelectorAll("a#"+S+"+*").length||d.push(".#.+[+~]"),e.querySelectorAll(":checked").length||d.push(":checked"),(t=T.createElement("input")).setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),r.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&d.push(":enabled",":disabled"),(t=T.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||d.push("\\["+ge+"*name"+ge+"*="+ge+"*(?:''|\"\")")}),le.cssHas||d.push(":has"),d=d.length&&new RegExp(d.join("|")),l=function(e,t){if(e===t)return a=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!le.sortDetached&&t.compareDocumentPosition(e)===n?e===T||e.ownerDocument==ye&&I.contains(ye,e)?-1:t===T||t.ownerDocument==ye&&I.contains(ye,t)?1:o?se.call(o,e)-se.call(o,t):0:4&n?-1:1)}),T}for(e in I.matches=function(e,t){return I(e,null,null,t)},I.matchesSelector=function(e,t){if(V(e),C&&!h[t+" "]&&(!d||!d.test(t)))try{var n=i.call(e,t);if(n||le.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){h(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(O,P),e[3]=(e[3]||e[4]||e[5]||"").replace(O,P),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||I.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&I.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return D.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&j.test(n)&&(t=Y(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(O,P).toLowerCase();return"*"===e?function(){return!0}:function(e){return fe(e,t)}},CLASS:function(e){var t=s[e+" "];return t||(t=new RegExp("(^|"+ge+")"+e+"("+ge+"|$)"))&&s(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=I.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function T(e,n,r){return v(n)?ce.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?ce.grep(e,function(e){return e===n!==r}):"string"!=typeof n?ce.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(ce.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||k,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:S.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof ce?t[0]:t,ce.merge(this,ce.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:C,!0)),w.test(r[1])&&ce.isPlainObject(t))for(r in t)v(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=C.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):v(e)?void 0!==n.ready?n.ready(e):e(ce):ce.makeArray(e,this)}).prototype=ce.fn,k=ce(C);var E=/^(?:parents|prev(?:Until|All))/,j={children:!0,contents:!0,next:!0,prev:!0};function A(e,t){while((e=e[t])&&1!==e.nodeType);return e}ce.fn.extend({has:function(e){var t=ce(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,Ce=/^$|^module$|\/(?:java|ecma)script/i;xe=C.createDocumentFragment().appendChild(C.createElement("div")),(be=C.createElement("input")).setAttribute("type","radio"),be.setAttribute("checked","checked"),be.setAttribute("name","t"),xe.appendChild(be),le.checkClone=xe.cloneNode(!0).cloneNode(!0).lastChild.checked,xe.innerHTML="",le.noCloneChecked=!!xe.cloneNode(!0).lastChild.defaultValue,xe.innerHTML="",le.option=!!xe.lastChild;var ke={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function Se(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&fe(e,t)?ce.merge([e],n):n}function Ee(e,t){for(var n=0,r=e.length;n",""]);var je=/<|&#?\w+;/;function Ae(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function Re(e,t){return fe(e,"table")&&fe(11!==t.nodeType?t:t.firstChild,"tr")&&ce(e).children("tbody")[0]||e}function Ie(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function We(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Fe(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(_.hasData(e)&&(s=_.get(e).events))for(i in _.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),C.head.appendChild(r[0])},abort:function(){i&&i()}}});var Jt,Kt=[],Zt=/(=)\?(?=&|$)|\?\?/;ce.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Kt.pop()||ce.expando+"_"+jt.guid++;return this[e]=!0,e}}),ce.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Zt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Zt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=v(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Zt,"$1"+r):!1!==e.jsonp&&(e.url+=(At.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||ce.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=ie[r],ie[r]=function(){o=arguments},n.always(function(){void 0===i?ce(ie).removeProp(r):ie[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Kt.push(r)),o&&v(i)&&i(o[0]),o=i=void 0}),"script"}),le.createHTMLDocument=((Jt=C.implementation.createHTMLDocument("").body).innerHTML="
",2===Jt.childNodes.length),ce.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(le.createHTMLDocument?((r=(t=C.implementation.createHTMLDocument("")).createElement("base")).href=C.location.href,t.head.appendChild(r)):t=C),o=!n&&[],(i=w.exec(e))?[t.createElement(i[1])]:(i=Ae([e],t,o),o&&o.length&&ce(o).remove(),ce.merge([],i.childNodes)));var r,i,o},ce.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(ce.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},ce.expr.pseudos.animated=function(t){return ce.grep(ce.timers,function(e){return t===e.elem}).length},ce.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=ce.css(e,"position"),c=ce(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=ce.css(e,"top"),u=ce.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),v(t)&&(t=t.call(e,n,ce.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},ce.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){ce.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===ce.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===ce.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=ce(e).offset()).top+=ce.css(e,"borderTopWidth",!0),i.left+=ce.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-ce.css(r,"marginTop",!0),left:t.left-i.left-ce.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===ce.css(e,"position"))e=e.offsetParent;return e||J})}}),ce.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;ce.fn[t]=function(e){return M(this,function(e,t,n){var r;if(y(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),ce.each(["top","left"],function(e,n){ce.cssHooks[n]=Ye(le.pixelPosition,function(e,t){if(t)return t=Ge(e,n),_e.test(t)?ce(e).position()[n]+"px":t})}),ce.each({Height:"height",Width:"width"},function(a,s){ce.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){ce.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return M(this,function(e,t,n){var r;return y(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?ce.css(e,t,i):ce.style(e,t,n,i)},s,n?e:void 0,n)}})}),ce.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){ce.fn[t]=function(e){return this.on(t,e)}}),ce.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.on("mouseenter",e).on("mouseleave",t||e)}}),ce.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){ce.fn[n]=function(e,t){return 0