html, body { margin: 0; padding: 0; font-family: "SF Pro Display"; letter-spacing: 1px; } a, button { transition: all 0.5s ease; text-decoration: none; cursor: pointer; } ul, ol { list-style-type: none; padding: 0; margin: 0; } img { max-width: 100%; height: auto; } .home .owl-carousel .owl-item img { width: auto !important; margin: 0 auto; } .wrapper { height: 100%; } .main { padding-top: 111px; min-height: calc(100% - 111px); } .scroll-to-top { width: 50px; height: 50px; border-radius: 100%; background: #0a4c95; display: flex; align-items: center; justify-content: center; position: fixed; right: 30px; bottom: 30px; cursor: pointer; opacity: 0; transition: all 0.3s; z-index: 3; visibility: hidden; } .scroll-to-top.active { opacity: 1; visibility: visible; } .scroll-to-top .arrow-icon { line-height: 0; width: 16px; height: 11px; } .rect-image, .square-image { position: relative; height: 0; padding-bottom: 66%; /* background: #f7f7f7; */ border: 1px solid #ececec; width: 100%; } .square-image { padding-bottom: 100%; } .rect-image img, .square-image img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover; width: auto !important; } .logo-box { height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; /* background: #f7f7f7; border: 1px solid #edeef5; padding: 5px; */ } .logo-box img { max-width: 100%; max-height: 80px; height: auto; width: auto !important; } .no-data-block { /* border: 1px solid #0A4C95; */ /* padding: 5px 20px; */ } .no-data-block .img-wrap { display: inline-block; width: 200px; height: 62px; line-height: 0; } .no-data-block .img-wrap img { width: 100%; height: 100%; } .spinner-border { width: 20px; height: 20px; font-size: 10px; margin: 10px 0; } .recently-joined-section { margin: 0 0 70px; } .recently-joined-section .companies .description .recent-rating { background-color: #ff7f00; padding: 4px 6px; border-radius: 4px; margin-left: 15px; position: relative; top: -3px; } .recently-joined-section .companies .description .location { margin: 0 0 6px; } .recently-joined-section .section-title { margin: 0 0 50px; } .companies .recently-sec-image { margin: 0 0 20px; height: 120px; display: flex; align-items: center; justify-content: center; overflow: hidden; } .companies .recently-sec-image img { /* object-fit: cover; */ width: auto; margin: 0 auto; max-height: 100%; } .companies-carousel { padding: 0 30px; } .companies-carousel.owl-carousel .carousel-box { display: flex; flex-direction: column; align-content: flex-start; justify-content: flex-start; padding: 0 10px; } .companies-carousel.owl-carousel .carousel-box .description .title { letter-spacing: normal; } .companies-carousel.owl-carousel .carousel-box img { margin: 0; } .register { height: 600px; } .image-content { position: relative; } .industry-section { margin: 0 0 55px; } .industry-section .section-title, .help-section .section-title { margin: 0 0 27px; } .industry-section .subtitle-text { max-width: 865px; margin: 0 auto 30px; } .help-section .subtitle-text, .policy-section .subtitle-text { max-width: 1250px; margin: 0 auto 30px; } .industry-section .industry-image { margin: 0 0 20px; } .industry-link a { text-decoration: none; } .industry-section .blog-title { margin: 0 0 7px; } .industry-association-carousel.owl-carousel .owl-nav { top: 36%; } .help-section .help-image { margin: 0 auto 20px; transition: all 0.5s; transform: scale(1); } .help-section .list-row { margin: 0 0 85px; } .custom-box { border: 3px solid #d3d3d3; padding: 25px 20px 10px; text-align: center; } .custom-input { width: 370px; background: transparent; border: 2px solid #ffffff; border-radius: 10px 0px 0px 10px; border-right: none; padding: 10px 15px; color: #ffffff; } .custom-input:focus { outline: none; } .subscribe-section img { margin-top: -15px; } .subscribe-section .title-text { margin: 0 0 45px; } .subscribe-section p { letter-spacing: 3px; } .subscribe-section ::placeholder { color: #ffffff; font-size: 16px; padding-left: 10px; } .subscribe-section .action-btn { width: 180px; border-radius: 0px 10px 10px 0px; } .links-section { padding: 35px 0; } /* Home page start */ .home .owl-carousel .owl-nav, .article-carousel.owl-carousel .owl-nav { left: -30px; width: calc(100% + 60px); } .article-carousel.owl-carousel:not(.no-slider) { width: calc(100% - 60px); margin: 0 auto; } .article-carousel.owl-carousel .owl-nav .owl-next { right: 0 !important; } .article-carousel.owl-carousel .owl-nav .owl-prev { left: 0 !important; } .tab-content .view-all-link { position: relative; top: -10px; } .hero-banner-section { height: 784px; background: url("../../images/frontend/home-banner.jpg") no-repeat center center; background-size: cover; margin-bottom: -184px; padding: 90px 0 235px; position: relative; } .hero-banner-section:after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background-image: linear-gradient( 90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100% ); z-index: 0; } .hero-banner-section .banner-content { max-width: 620px; position: relative; z-index: 1; } .hero-banner-section .banner-content .title-text { margin: 0 0 45px; } .hero-banner-section .play-btn { background: transparent; border: none; padding: 0; } .hero-banner-section .play-btn .play-icon { height: 65px; width: 65px; border-radius: 100%; margin-left: 25px; position: relative; } .hero-banner-section .play-btn .play-icon img { position: relative; z-index: 1; } .hero-banner-section .play-btn .play-icon:after { position: absolute; content: ""; background: #038cb7; opacity: 0.4; width: calc(100% + 30px); height: calc(100% + 30px); left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 100%; z-index: 0; animation: playAnim 2s infinite; } @keyframes playAnim { 0% { height: 100%; width: 100%; } 100% { width: calc(100% + 30px); height: calc(100% + 30px); } } .news-event-section { padding: 35px 50px 30px; margin: 0 0 50px; position: relative; } .news-event-section .title-text { position: relative; padding: 3px 0 3px 35px; margin: 0 0 40px; } .news-event-section .title-text .arrow { margin-left: 35px; } .news-event-section .title-text:hover .arrow { animation: moveRight 0.5s; } @keyframes moveRight { 0% { transform: translateX(0); } 50% { transform: translateX(5px); } 100% { transform: translateX(0); } } .news-event-section .title-text::before { position: absolute; content: ""; background: #038cb7; height: 100%; width: 8px; top: 0; left: 0; } .news-event-section .inner-col .img-wrap { width: 150px; flex: 0 0 150px; max-width: 150px; margin: 0 30px 0 0; padding-bottom: 150px; } .news-event-section .inner-col .text-wrap { width: auto; flex: 1 1 auto; max-width: auto; } .news-event-section .inner-col .category-label { padding: 2px 15px; border: 1px solid #d2df43; } .news-event-section .inner-col .day-category-text { margin: 0 0 10px; } .who-we-are-section { margin: 0 0 50px; } .who-we-are-section .inner-col { background: rgba(0, 0, 0, 0.8); position: relative; overflow: hidden; padding: 80px 30px 45px; height: 100%; transition: all 0.5s; display: flex; flex-direction: column; justify-content: center; align-content: center; justify-content: center; } .who-we-are-section .inner-col:hover { background: linear-gradient( to top, rgba(72, 94, 171, 0.95), rgba(0, 182, 240, 0.95) ); } .who-we-are-section .inner-col:hover .btn-blue-border { color: #ffffff; background: #49df43; border-color: #49df43; } .who-we-are-section .inner-col .bg-img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; z-index: -1; transform: translate(-50%, -50%); } .who-we-are-section .inner-col .bg-img img { width: 100%; height: 100%; object-fit: cover; } .who-we-are-section .inner-col .title-text { margin: 0 0 27px; } .who-we-are-section .inner-col .details-text { margin: 0 0 40px; } .who-we-are-section .inner-col .action-button { width: 210px; margin: 0 auto; } .how-to-register-section { border-left: 16px solid #475eab; padding: 32px 40px 0; margin: 0 0 100px; background: url("../../images/frontend/register-section-bg.jpg") no-repeat center center; box-shadow: 0 6px 20px rgba(210, 215, 232, 0.4); } .how-to-register-section .title-text { margin: 0 0 15px; } .how-to-register-section .subtitle-text { margin: 0 0 35px; } .how-to-register-section .register-steps-outer { margin: 0 auto; max-width: 915px; } .how-to-register-section .register-steps-outer .inner-block { padding: 40px 30px 30px; height: 0; padding-bottom: 82%; width: 100%; } .how-to-register-section .register-steps-outer .img-wrap { margin: 0 0 20px; height: 40px; display: flex; align-items: center; justify-content: center; } .how-to-register-section .register-steps-outer .step-no { margin: 0 0 5px; } .register-steps-list .list-item { width: calc(33.33% - 30px); flex: 0 0 calc(33.33% - 30px); margin: 0 45px 45px 0; padding: 25px; position: relative; } .register-steps-list .list-item:nth-child(3n) { margin: 0 0 45px; } .register-steps-list .list-item::after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: calc(100% + 45px); } .register-steps-list .list-item.step1::after { background: url("../../images/frontend/svg/register-step1-bg.svg") no-repeat center center; background-size: 100% 100%; } .register-steps-list .list-item.step2::after { background: url("../../images/frontend/svg/register-step2-bg.svg") no-repeat center center; background-size: 100% 100%; } .register-steps-list .list-item.step3::after { width: 100%; background: url("../../images/frontend/svg/register-step3-bg.svg") no-repeat center center; background-size: 100% 100%; } .status-section { margin: 0 0 160px; } .status-carousel .image-status { margin: 0 0 35px; } .status-carousel .image-status img { margin: 0 auto; } .status-section .heading { margin: 0 0 8px; } .status-section .numbers { margin: 0 0 10px; } .become-member-section { padding: 55px 0 88px; margin: 0 0 60px; position: relative; } .become-member-section .right-img { right: 0; bottom: 0; position: absolute; max-width: calc(100% - 685px); } .become-member-section .right-img .img-wrap { position: relative; } .become-member-section .right-img .img-wrap img { position: relative; z-index: 1; } .become-member-section .right-img .img-wrap:after { position: absolute; content: ""; right: 0; bottom: 0; background: url("../../images/frontend/svg/cross-line-bg.svg") no-repeat center center; background-size: 125% 100%; height: 100%; width: 100%; z-index: 0; } .become-member-section .become-member-content { width: 610px; } .become-member-section .become-member-text { margin: 0 0 25px; display: inline-block; position: relative; padding-right: 200px; } .become-member-section .become-member-text::after { position: absolute; content: ""; height: 3px; width: 145px; background: #ffffff; top: 20px; right: 0; } .become-member-section .details-text { margin: 0 0 45px; } .become-member-section .action-btn { width: 466px; max-width: 70%; height: 70px; } .become-member-section .title-text { margin: 0 0 25px; } .products-service-section { margin: 0 0 55px; } .products-service-section .section-title { margin: 0 0 50px; } .products-service-section .list-row { margin-bottom: 45px; } .view-all-wrap { padding: 30px 20px; } .view-all-wrap:hover .arrow { animation: moveRight 0.5s; } .view-all-wrap .arrow { margin-left: 45px; line-height: 0; } .custom-card { box-shadow: 0px 0px 15px 0px rgba(211, 211, 211, 0.5); margin: 0px 10px; padding: 30px 40px; position: relative; z-index: 2; } .custom-card.new .new-label { top: 0; left: 0; position: absolute; } .custom-card .custom-card-body .image-background { border-radius: 50%; height: 80px; width: 80px; margin: 0 auto 15px; } .custom-card .custom-card-body .custom-card-title { margin: 0 0 12px; } .custom-card .custom-card-body .custom-card-text { margin: 0 0 20px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 7; } .custom-card .custom-card-body .action-btn { width: 210px; } .custom-card:hover .btn-gradient-blue-border { color: #ffffff; background: linear-gradient(to right, #475eab, #038cb7); border: none; } .custom-card:hover .btn-gradient-blue-border:after { background: none; } .custom-card:hover .btn-gradient-blue-bg { color: #475eab; background: #ffffff; border: 2px solid #475eab; } .custom-card:hover .btn-gradient-blue-bg:after { background: none; } .latest-updates-section { margin: 0 0 40px; } .latest-updates-section .section-title { margin: 0 0 25px; } .latest-updates-section .left-block .tab-content .img-wrap { margin: 0 0 25px; padding-bottom: 61%; } .latest-updates-section .left-block .tab-content .img-wrap img { max-height: 100%; } .latest-updates-section .left-block .tab-content .title-text { margin: 0 0 8px; } .latest-updates-section .news-event-content { padding-left: 6px; } .news-event-content .nav-tabs { padding-left: 20px; } .news-event-list li { margin: 0 0 30px; } .news-event-list li .img-wrap { flex: 0 0 150px; width: 150px; max-width: 150px; margin: 0 20px 0 0; padding-bottom: 85px; } .news-event-list li .content-wrap { padding: 10px 0 0; } .news-event-list li .content-wrap .title-text { margin: 0 0 5px; } .help-carousel .carousel-box { display: block; transition: all 0.5s; cursor: pointer; } .help-carousel .carousel-box:hover .help-image { /* animation: zoomAnim 0.5s; */ transform: scale(1.12); } @keyframes zoomAnim { 0% { transform: scale(1); } 50% { transform: scale(0.8); } 100% { transform: scale(1); } } /* Home page end */ /* msme profile start */ .inner-page-banner { position: relative; height: 490px; margin-bottom: 90px; } .inner-page-banner .title-text { margin: 0 0 20px; } .inner-page-banner .action-btn { width: 250px; } .inner-page-banner .content-wrap .text-wrapper { max-width: 800px; margin: 0 0 20px; } .inner-page-banner .subtitle-text { max-width: 500px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 4; } .inner-page-banner .content-wrap .has-border-left { position: relative; padding-left: 38px; margin: 0 0 36px; } .inner-page-banner .content-wrap .has-border-left:before { position: absolute; content: ""; background: #ffffff; width: 12px; height: calc(100% + 2px); left: 0; top: -3px; } .inner-page-banner .inner-banner-content { height: 100%; display: flex; justify-content: space-between; flex-direction: column; } .inner-page-banner .breadcrumbs { margin: 0 0 36px; } .inner-page-banner:before { position: absolute; content: ""; height: 100%; height: 100%; width: 100%; left: 0; top: 0; background-image: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; } .inner-banner-image { height: 100%; width: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } .inner-banner-content { position: relative; z-index: 2; padding: 52px 0 0 0; } .banner-location-text { margin-top: 28px; } .banner-location-text img { margin: 0 12px 0 0; } .breadcrumbs { margin: 0 0 15px; } .breadcrumbs a { text-decoration: none; margin: 0 15px 0 0; padding: 0 8px 0 0; position: relative; } .breadcrumbs a:last-child { padding: 0; margin: 0; } .breadcrumbs a:after { position: absolute; content: ">"; top: 0; left: 100%; line-height: initial; } .breadcrumbs a:last-child:after { display: none; } .inner-page-banner.msme-profile-banner { margin-bottom: -155px; padding-bottom: 135px; } /* .inner-page-banner.msme-profile-banner .content-wrap .text-wrapper { max-width: 800px; } */ .msme-banner-box { padding: 30px; border-radius: 25px; margin: 0 0 20px 0; position: relative; z-index: 1; } .msme-banner-box .alpha-logo { /* width: 222px; */ /* height: 222px; */ background-color: #ffffff; border: 2px solid #ececec; border-radius: 50%; overflow: hidden; /* padding: 25px; */ } .banner-box-text { position: relative; padding: 0 70px; } .banner-box-text:before { position: absolute; content: ""; top: 50%; left: 5%; transform: translateY(-50%); width: 2px; height: 157px; background-image: linear-gradient(0deg, #475eab 0%, #038cb7 100%); } .msme-banner-box .contact { position: relative; } .msme-banner-box .contact:before { position: absolute; content: ""; top: 50%; left: -15%; transform: translateY(-50%); width: 2px; height: 157px; background-image: linear-gradient(0deg, #475eab 0%, #038cb7 100%); } .msme-banner-box .rating { position: relative; } .banner-box-text .icon-with-text.sitelink { margin: 0 35px 0 0; } .msme-banner-box .rating .rating-box { position: relative; } .msme-banner-box .rating .rating-number { position: absolute; top: 43%; left: 50%; transform: translate(-50%, -50%); } .msme-banner-box .rating:before { position: absolute; content: ""; top: 50%; left: -22%; transform: translateY(-50%); width: 2px; height: 157px; background-image: linear-gradient(0deg, #475eab 0%, #038cb7 100%); } .msme-banner-box .title { margin: 0 0 15px 0; } .banner-box-text .icon-with-text { margin: 0 0 15px 0; } .banner-box-text .icon-with-text img { margin: 4px 10px 0 0; } .banner-box-text .icon-with-text span { max-width: calc(100% - 30px); } .banner-box-text .social-media a { margin: 0 22px 0 0; } .msme-section-wraper { border-radius: 25px; } .msme-section { padding: 30px; } .msme-section + .msme-section { border-top: 2px solid #ececec; } .msme-section-title { margin: 0 0 15px 0; } .product { margin: 20px 0 0 0; } .product .product-image { width: 80px; height: 80px; object-fit: cover; border-radius: 8px; margin: 0 20px 0 0; background: #f7f7f7; } .registration { position: relative; margin: 20px 0 0 0; } .registration:before { position: absolute; content: ""; top: 0; right: 10%; width: 2px; height: 100%; background-color: #ececec; } .registration .detail { margin: 0 0 25px 0; } .registration .detail span { display: block; } .map-section .map-box { border-radius: 15px; overflow: hidden; height: 0; padding-bottom: 30%; } .map-section .map-box iframe { width: 100%; height: 278px; } .certificate .img-wrap { /* padding: 0 60px; */ border-radius: 7px; border: 1px solid #ececec; margin: 0 15px 0 0; } .certificate img { max-width: 115px; max-height: 165px; height: auto; width: auto; } .certificate-detail { max-width: calc(100% - 130px); } .certificate-detail .title { margin: 0 0 10px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .certificate-detail .date span { display: block; } .certificate-detail .valid span { display: block; } .owl-carousel .owl-stage-outer { z-index: 1; } .owl-carousel.no-slider { padding-left: 0; padding-right: 0; } .owl-carousel.no-slider .owl-stage { transform: none !important; } .owl-carousel .owl-nav { position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); height: 26px; } .owl-carousel.has-image .owl-nav { top: 36%; } .owl-carousel.has-image .owl-nav .owl-prev { left: -60px; } .owl-carousel.has-image .owl-nav .owl-next { right: -60px; } .owl-carousel .owl-stage { display: flex; min-width: 100%; } .owl-carousel .carousel-box { height: 100%; } .owl-carousel .owl-nav .owl-prev { position: absolute; left: 0; } .owl-carousel .owl-nav .owl-next { position: absolute; right: 0; } .owl-carousel .owl-nav button span { font-size: 0; } .owl-carousel .owl-nav button.owl-prev { position: absolute; content: ""; width: 15px; height: 26px; background-image: url("../../images/frontend/svg/backword-arrow.svg"); background-repeat: no-repeat; background-size: contain; } .owl-carousel .owl-nav button.owl-next { position: absolute; content: ""; width: 15px; height: 26px; background-image: url("../../images/frontend/svg/forward-arrow.svg"); background-repeat: no-repeat; background-size: contain; } .owl-carousel .owl-nav button.disabled { opacity: 0.5; pointer-events: none; } .facilities-carousel:not(.no-slider), .testimonial-carousel:not(.no-slider), .certification-carousel:not(.no-slider) { padding: 0 50px; } .testimonial-section .msme-section-description { margin: 0 auto 40px; max-width: 950px; } .testimonials { /* margin: 0 0 30px; */ /* padding: 0 50px; */ } .testimonials .logo-wrap { width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 100%; border: 1px solid #ececec; margin: 0 auto 10px; } .testimonials .logo-wrap img { max-height: 90px; max-width: 90px; height: auto; width: auto; } .testimonials .name { margin: 0 0 5px 0; } .testimonials .designation { margin: 0 0 10px 0; } .testimonials .description { font-style: italic; max-width: 600px; margin: 0 auto; /* height: 103px; overflow: auto; scrollbar-width: thin; scrollbar-color: #0A4C95 #C2D2E4; */ } .viewmore-testimonials { border-radius: 10px; background-color: #f5f6ff; padding: 29px; } .viewmore-testimonials img { margin: 0 0 0 5px; display: inline-block; vertical-align: middle; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .viewmore-testimonials:hover img { margin: 0 0 0 15px; } .customers-carousel:not(.no-slider) { padding: 0 50px; } .customers-section .msme-section-description { margin: 0 auto 40px; max-width: 1030px; } .customers-carousel .owl-stage { display: flex; } .footer-links { padding: 37px 0; margin: 40px 0 0 0; } /* msme profile end */ /* msme product listing stars */ .inner-page-banner .banner-content { max-width: 620px; } .inner-page-banner .banner-content .title-text, .inner-page-banner .banner-content .subtitle-text { margin: 0 0 45px; } .sidbi-products-section .section-title { margin: 0 0 35px; } .sidbi-products-section .subtitle-text { max-width: 1160px; margin: 0 auto 30px; line-height: 1.6; } .products-card-section { padding: 30px 0; } .products-card-section .row-cards-wrapper, .products-card-section .load-more-wrap { margin-bottom: 55px; } .row-cards-wrapper .custom-card { box-shadow: 0px 0px 7px 0px rgba(211, 211, 211, 0.5); padding: 35px; } .row-cards-wrapper .custom-card .custom-card-body { position: relative; height: 100%; padding-bottom: 70px; } .row-cards-wrapper .custom-card .action-btn-wrap { position: absolute; left: 0; right: 0; bottom: 0; } .products-card-section .load-more-btn { width: 210px; margin: 0 auto; } .row-cards-wrapper .custom-card .product-icon-image, .inner-page-banner .inner-banner-content .banner-icon { width: 55px; } .row-cards-wrapper .custom-card .product-icon-image { margin-bottom: 20px; } .product-links { background-color: #f7f7f7; } .faq-content-section { padding: 50px 0 75px; } .faq-content-section .faq-accordion-section { margin: 0 0 40px; } .faq-accordion-section .section-title { margin-bottom: 50px; } .customize-accordion .accordion-collapse { border-top: 2px solid #ececec; } .customize-accordion .accordion-button:focus { background-color: #fff; outline: none; box-shadow: 0 0 0 0 rgb(13 110 253 / 25%); } .customize-accordion .accordion-item { background: transparent !important; } .customize-accordion .accordion-button:not(.collapsed) { background-color: #fff !important; box-shadow: inset 0 0px 0 rgb(0 0 0 / 13%) !important; } .customize-accordion .accordion-item:last-child button:not(.collapsed) { border-radius: 0px !important; } .customize-accordion .accordion-item:last-child .accordion-collapse { border-radius: 0px 0px 20px 20px !important; } .customize-accordion .accordion-body { padding: 22px 45px; } .customize-accordion .accordion-body p { max-width: 1000px; margin: 0 0 30px; } .customize-accordion .accordion-button { position: relative; padding: 17px 57px 17px 67px; } .customize-accordion .accordion-button::before { content: ""; position: absolute; top: 24px; left: 37px; background: url("../../images/frontend/svg/arrow-right.svg") no-repeat center center !important; background: 100% 100%; height: 15px; width: 12px; } .customize-accordion .accordion-button::after { position: absolute; content: ""; height: 15px; width: 15px; background: url("../../images/frontend/svg/arrow-up.svg") no-repeat center center !important; background-size: 100% 100%; right: 37px; top: 24px; transform: rotate(180deg); } .customize-accordion .accordion-button.collapsed::after { background: url("../../images/frontend/svg/arrow-up.svg") no-repeat center center !important; background-size: 100% 100%; right: 35px; top: 24px; transform: rotate(180deg); } .customize-accordion .accordion-button:not(.collapsed)::after { background: url("../../images/frontend/svg/arrow-up.svg") no-repeat center center !important; background: 100% 100%; transform: rotate(0deg); right: 35px; } .additional-help-section .additional-help-content { padding: 50px 25px 75px; } .additional-help-section .additional-help-img { margin: 30px 0 0; } .additional-help-section .details-text { max-width: 560px; margin: 0 auto 25px; } /* product-details page starts */ .inner-page-banner .inner-banner-content .banner-icon { position: absolute; top: 0px; left: 0; display: inline-block; } .inner-page-banner .inner-banner-content .icon-left { position: relative; padding-left: 100px; } .key-points-section { margin: 0 0 90px; overflow: hidden; } .key-points-section .container { position: relative; } .key-points-section .left-key-section { min-height: 400px; } .key-points-section .right-key-section { position: absolute; right: -112px; bottom: 0; } .key-points-section .section-title { margin: 0 0 35px; } .key-points-section .common-unordered-list { margin: 0 0 30px; } .key-points-section .download-link .download-icon { display: inline-block; line-height: 0; margin-right: 15px; } .common-unordered-list li, .editor-content ul li { margin-bottom: 15px; position: relative; max-width: 900px; padding-left: 50px; } .common-unordered-list li::before, .editor-content ul li::before { position: absolute; content: ""; background: #373742; height: 18px; width: 18px; border-radius: 100%; top: 6px; left: 0; } .common-unordered-list li:last-child, .editor-content ul li { margin-bottom: 0px; } .product-details-banner-section.inner-page-banner { margin-bottom: 45px; } /* Tabs */ .custom-tabs-section { margin: 0 0 70px; } .custom-tabs-section ul li button { background: transparent; height: 100%; align-items: flex-start; } /* .nav.nav-pills.horizontal-nav-pills { flex-wrap: nowrap; } */ .nav.nav-pills.horizontal-nav-pills .nav-item { width: 33.3333%; margin: 0 0 1px; } .nav.nav-pills.horizontal-nav-pills .nav-item button { width: 100%; background: #f3f3f3; border: 1px solid #7b7b88; border-radius: 0; } .nav.nav-pills.horizontal-nav-pills .nav-link:focus { outline: none; } .custom-tabs-section:not(.browser-categories-section) .nav-pills .nav-link { padding: 7px 13px; border-bottom: 3px solid transparent; } .custom-tabs-section .nav-pills .nav-link.active, .custom-tabs-section .nav-pills .show > .nav-link, .nav.nav-pills.horizontal-nav-pills .show > .nav-link { color: #038cb7; border-bottom-color: #038cb7; border-radius: 0px; } .custom-tabs-section .nav.nav-pills .show > .nav-link, .custom-tabs-section .nav-pills.horizontal-nav-pills .nav-link.active, .nav.nav-pills.horizontal-nav-pills .nav-link.active { background-color: rgba(0, 182, 240, 0.1); } .custom-tabs-section .tab-content .tab-body { padding: 60px 0px 0px; } .custom-tabs-section .tab-content .tab-body p { max-width: 1130px; margin-bottom: 30px; } .custom-tabs-section .tab-content .tab-body .common-unordered-list { margin: 55px 0; } .related-schemes-section { padding: 66px 0px; } .related-schemes-section .section-title { margin-bottom: 50px; } /* .related-schemes-section .row-cards-wrapper .custom-card { height: 530px; position: relative; } */ /* .related-schemes-section .row-cards-wrapper .custom-card .custom-card-body button { position: absolute; width: 200px; padding: 10px 0px; bottom: 3%; left: 20%; transform: translate(15%, 0%); } */ /* Latest Updates Starts */ .latest-updates-banner.inner-page-banner, .inner-page-banner.industry-insights-banner { margin-bottom: -95px; padding-bottom: 100px; } /* .latest-updates-banner.inner-page-banner .subtitle-text, .inner-page-banner .content-wrap .text-wrapper { max-width: 800px; } */ .latest-updates-event-section { position: relative; z-index: 1; } .latest-updates-event-section .text-wrap p.fs-24 { margin-bottom: 10px; } .card-wrapper .image-wrapper { margin-bottom: 25px; } .card-wrapper .block-title { margin: 0 0 10px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .events-card-wrapper.custom-mb { margin-bottom: 95px; } .card-wrapper .webinar-content a span { margin-left: 20px; } .card-wrapper .action-btn { /* min-width: 126px; */ padding: 2px 8px; } .webinar-section .load-more-wrap button { width: 210px; } /* .news-wrapper .news-img { margin-bottom: 20px; height: 0; padding-bottom: 66%; position: relative; } .news-wrapper .news-img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover; } .news-wrapper a { margin-bottom: 10px; } .news-wrapper .category-label { padding: 2px 15px; border: 1px solid #475eab; } */ .policy-card-wrapper { padding: 25px 50px 85px; border: 2px solid rgba(123, 123, 123, 0.5); position: relative; } .policy-card-wrapper img { margin-bottom: 20px; } .policy-card-wrapper p { margin-bottom: 13px; } .policy-card-wrapper .link-btn { width: 180px; position: absolute; left: 50%; bottom: 25px; transform: translateX(-50%); } .connect-social-media-section .media-title { border-radius: 15px 15px 0 0; border: 1px solid transparent; border-bottom: none; padding: 15px; } .connect-social-media-section .media-post { border-radius: 0 0 15px 15px; border: 1px solid rgba(123, 123, 123, 0.5); border-top: none; overflow: hidden; } .connect-social-media-section .facebook-title { background-color: #1877f2; } .connect-social-media-section .twitter-title { background-color: #38a1f3; } .connect-social-media-section .youtube-title { background-color: #ff0000; } /* Latest-Updates ends */ /* Event-Details starts */ .inner-page-banner.event-details-banner-section { margin-bottom: -266px; padding-bottom: 266px; } .event-details-banner-section .inner-banner-content { padding-top: 170px; } .event-details-register-section { position: relative; z-index: 1; margin-bottom: 70px; } .event-details-register-section .content-wrapper { padding: 50px 55px; } .event-details-register-section .event-detail .text-wrap .event-venue .location { padding: 0px 20px; position: relative; border-top: none; border-bottom: none; } .event-details-register-section .webinar-link { font-size: 17px; top: -3px; position: relative; } .event-details-register-section .event-detail .text-wrap .event-venue .date { margin-right: 20px; } .event-details-register-section .event-detail .text-wrap .event-venue .location::after, .event-details-register-section .event-detail .text-wrap .event-venue .location::before { content: ""; position: absolute; height: calc(100% - 8px); top: 7px; width: 3px; background: #ffffff; } .event-details-register-section .event-detail .text-wrap .event-venue .location::before { left: 0px; } .event-details-register-section .event-detail .text-wrap .event-venue .location::after { right: 0px; } .event-details-register-section .event-detail { position: relative; } .event-details-register-section .event-detail::after { position: absolute; content: ""; height: calc(100% + 66px); width: 1px; background: rgba(255, 255, 255, 0.6); right: -9px; top: -35px; } .event-details-register-section .event-detail.no-border::after { display: none; } .event-details-register-section .event-detail .text-wrap .event-venue .type { padding: 0px 20px; position: relative; border-top: none; border-bottom: none; } .event-details-register-section .event-detail p { margin-bottom: 34px; } .event-details-register-section .text-wrap .custom-input { max-width: 100%; border-radius: 10px; border: 2px solid #ffffff; margin-bottom: 15px; width: 100%; background: rgba(255, 255, 255, 0.2); } .event-details-register-section .text-wrap .custom-input.is-invalid { border-color: #bd0617; } .event-details-register-section label.is-invalid { display: none !important; } .event-details-register-section .text-wrap .custom-input.is-invalid::placeholder { color: #bd0617; } .event-details-register-section ::placeholder { color: #ffffff; font-size: 20px; padding-left: 10px; } .event-details-register-section .form-container { text-align: right; padding-left: 50px; } .event-details-register-section .form-container .form-title { margin-bottom: 16px; } .event-details-register-section .form-container .action-btn { padding: 10px; margin-top: 6px; } .content-image-section { position: relative; overflow: hidden; margin-bottom: 35px; min-height: 466px; } .content-image-section .section-title { margin-bottom: 40px; } .content-image-section .text-wrap p { margin-bottom: 30px; } .content-image-section .text-wrap ul.common-unordered-list li p, .who-should-section ul.common-unordered-list li p, .editor-content ul li { max-width: 800px; } .content-image-section .image-wrap { position: absolute; right: -18px; bottom: 24px; max-width: 530px; width: 530px; } .content-image-section .text-wrap { width: calc(100% - 430px); flex: 0 0 calc(100% - 430px); } .who-should-section .section-title { margin-bottom: 45px; } /* Event-Details ends */ .media-section .media-carousel:not(.no-slider) { padding: 0 60px; } .media-section .media-carousel .industry-image { margin-bottom: 15px; } .secondary-banner.inner-page-banner.latest-updates-banner { height: auto; margin-bottom: 50px; } .latest-updates-banner .news-event-section { margin: auto; } /* Latest Updates ends */ /* Insights Details starts */ .cms-content p { margin: 0 0 20px; } .insights-details-banner-section .inner-banner-content { padding-top: 300px; } .insights-details-section { padding: 45px 60px 36px; margin: 0 0 70px; position: relative; z-index: 1; } .detailed-content-section { margin: 80px 0 70px; } .detailed-content-section .section-title { margin-bottom: 20px; } .detailed-content-section .quoted-text { position: relative; margin: 85px 0; } .detailed-content-section .quoted-text::before { background: url("../../images/frontend/svg/about-quote-left-icon.svg") no-repeat center center; background-size: 100% 100%; top: -35px; } .detailed-content-section .quoted-text::after { background: url("../../images/frontend/svg/about-quote-right-icon.svg") no-repeat center center; background-size: 100% 100%; bottom: -35px; } .detailed-content-section .quoted-text::before, .detailed-content-section .quoted-text::after { position: relative; content: ""; width: 36px; height: 31px; display: inline-block; } .who-should-section .who-image img { max-width: 502px; height: 465px; margin-left: -85px; } .who-should-section ul.about-dec { margin: 0; } .related-articles-section .industry-wrapper .industry-image { margin-bottom: 20px; } .related-articles-section .industry-wrapper .industry-description p { margin-bottom: 10px; } .related-articles-section .industry-wrapper .industry-description button { width: 150px; padding: 2px 0; } /* Insights Details ends */ /* Event-Details ends */ /* Privacy Policy starts */ .privacy-policy-banner-section:before { background-image: none !important; } .privacy-policy-banner-section .inner-banner-content .title-text { margin-bottom: 225px; } .policy-cards-section { padding: 75px 0px; } .policy-cards-section .custom-card { box-shadow: 0px 0px 7px 0px rgb(211 211 211 / 50%); padding: 35px 40px; } .policy-cards-section .custom-card .custom-card-body { position: relative; height: 100%; padding-bottom: 70px; } .policy-cards-section .custom-card .policy-icon-image { margin-bottom: 20px; } .policy-cards-section .custom-card .action-btn-wrap { position: absolute; left: 0; right: 0; bottom: 0; } /* Privacy Policy ends */ /* Privacy Policy Details starts */ .privacy-policy-detail-banner-section .inner-banner-content { max-width: 500px; } .privacy-policy-detail-banner-section .inner-banner-content .title-text { margin-bottom: 300px; } .policy-details-section { padding: 70px 0px; } .policy-details-section .policy-detail-description p { margin-bottom: 25px; } .privacy-policy-detail-banner-section { margin-bottom: 0px !important; } /* Privacy Policy Details ends */ /* Secondary listing starts */ .inner-page-banner.no-overlay:before { display: none; } .inner-page-banner.has-dot-bg:after { position: absolute; content: ""; width: 297px; height: 490px; max-height: 100%; top: 0; left: 0; background-image: url("../../images/frontend/banner-dots.png"); background-position: center left; background-repeat: no-repeat; z-index: 1; } .secondary-listing li:not(:last-child) { margin: 0 0 33px; } .secondary-listing .title-text { padding-left: 35px; margin-bottom: 11px; position: relative; } .secondary-listing .title-text:before { position: absolute; content: ""; top: 4px; left: 0; height: 21px; width: 22px; background: url("../../images/frontend/svg/bullet-polygon-icon.svg") no-repeat center center; background-size: 100% 100%; } /* Secondary listing ends */ /* Hpyerlink policy starts */ .hyperlinking-policy-content-section { padding: 76px 0; } /* Hpyerlink policy ends */ /* Feedback starts */ .feedback-banner-section .inner-banner-content .title-text { margin-bottom: 10px; } .feedback-banner-section .inner-banner-content .subtitle-text { margin-bottom: 245px; } .feedback-form-section { padding-bottom: 80px; } .feedback-form-section .section-title { margin-bottom: 20px; } .feedback-form-section .subtitle { margin-bottom: 40px; } .feedback-form-section .feedback-form .full-name { display: flex; } .feedback-form-section .feedback-form .full-name input:first-child { margin-right: 30px; } .feedback-form-section .feedback-form button { width: 200px; padding: 10px; } .feedback-form-section .feedback-image img { margin-top: -100px; margin-left: 60px; } /* Feedback ends */ /* Contact starts */ .contact-banner-section { margin-bottom: 0px !important; } .contact-banner-section .inner-banner-content { max-width: 450px; } .contact-banner-section .inner-banner-content .title-text { margin-bottom: 10px; } .contact-banner-section .inner-banner-content .subtitle-text { margin-bottom: 180px; } .reach-us-section .section-title { margin-bottom: 30px; } .reach-us-section .row-cards-wrapper { margin-bottom: 30px; } .reach-us-section .row-cards-wrapper .custom-card { border: 2px solid rgba(123, 123, 123, 0.5); padding: 25px 35px 25px; } .reach-us-section .row-cards-wrapper .custom-card .office-icon-image { margin-bottom: 20px; } .reach-us-section .row-cards-wrapper .custom-card .office-icon-image img { max-width: 70px; } .reach-us-section .office-address { margin-bottom: 25px; } .reach-us-section .office-number { margin-bottom: 25px; } .office-location-section { padding: 60px 0 30px; } .office-location-section .section-title { margin-bottom: 30px; } .office-location-section .subtitle { margin-bottom: 20px; } .office-location-section form.msme-form { margin-bottom: 60px; } .office-location-section .policy-card-wrapper { padding: 15px 25px; border: 2px solid rgba(123, 123, 123, 0.5); height: 100%; display: flex; flex-direction: column; } .office-location-section .policy-card-wrapper .contact-information { margin-top: auto; } .office-location-section .row-policy-card-wrapper .policy-card-main { margin-bottom: 30px; } .office-location-section .policy-card-wrapper .location-name { padding-bottom: 11px; } .office-location-section .policy-card-wrapper .branch-location { padding-bottom: 30px; } .office-location-section .policy-card-wrapper .branch-location .title-text { position: relative; padding-left: 35px; margin: 0; } .office-location-section .policy-card-wrapper .branch-location .title-text:before { position: absolute; content: ""; top: 4px; left: 0; height: 21px; width: 22px; background: url(../../images/frontend/svg/location-icon.svg) no-repeat center center; background-size: 100% 100%; } .office-location-section .policy-card-wrapper .contact-information { padding-top: 27px; border-top: 2px solid #d3d3d3; } .office-location-section .policy-card-wrapper .contact-information .title-text { position: relative; padding-left: 35px; } .policy-card-wrapper p.location-name { margin-bottom: 0px; } .office-location-section .policy-card-wrapper .contact-information .title-text:first-child:before { background: url(../../images/frontend/svg/phone-icon.svg) no-repeat center center !important; top: 0px; } .office-location-section .policy-card-wrapper .contact-information .title-text:before { position: absolute; content: ""; top: 2px; left: 0; height: 21px; width: 22px; background: url("../../images/frontend/svg/mail-icon.svg") no-repeat center center; background-size: 100% 100%; } .office-location-section .msme-form .search-field { width: 50%; } .contact-form-section .section-title { margin-bottom: 30px; } /* Contact ends */ /** about page starts */ .overview-section { padding: 40px 0; margin: 115px 0 140px; position: relative; } .overview-section .image-wrap { position: absolute; left: 0; top: -38px; height: calc(100% + 75px); width: calc(50% - 15px); border-radius: 0 15px 15px 0; overflow: hidden; } .overview-section .image-wrap img { width: 100%; height: 100%; object-fit: cover; } .overview-section .section-title { margin: 0 0 20px; } .create-profile-section { margin: 0 0 90px; } .create-profile-section .text-wrapper { padding-top: 30px; } .create-profile-section .section-title { margin: 0 0 20px; } .create-profile-section .subtitle-text { margin: 0 0 35px; padding-right: 100px; } .benefits-section { margin: 0 0 90px; } .benefits-section .section-title { margin: 0 0 20px; } .benefits-section .subtitle-text { margin: 0 0 35px; } .partners-section { margin: 0 0 90px; } .partners-section .section-title { margin: 0 0 28px; } .partners-section .companies-carousel.owl-carousel .carousel-box .img-wrapper { padding: 20px 10px; margin: 0 0 20px; } .partners-section .companies-carousel.owl-carousel .carousel-box .same-height-logo { height: 155px; min-width: 80%; } .partners-section .companies-carousel.owl-carousel .carousel-box .same-height-logo img { max-width: 100%; max-height: 100%; } .announcement-section .section-title { margin: 0 0 40px; } /* msme home page */ .logo-listing-section { margin: 0 0 40px; } .logo-listing-section .subtitle-text { margin: 0 0 55px; } .logo-listing { border-bottom: 1px solid rgba(123, 123, 136, 0.6); padding-bottom: 10px; } .logo-listing .list-item img { filter: grayscale(1); opacity: 0.5; transition: all 0.5s; } .logo-listing .list-item:hover img { filter: grayscale(0); opacity: 1; } .browser-categories-section, .why-register-section, .industry-insight-section { margin: 0 0 90px; } .browser-categories-section { margin: 0 0 70px; } .browser-categories-section .section-title { margin: 0 0 30px; } .browser-categories-section .subtitle-text { margin: 0 0 30px; } .browser-categories-section .tab-content .tab-content-wrap { padding: 30px 30px 10px; border: 1px solid rgba(123, 123, 136, 0.6); } .browser-categories-section .tab-content .title-row { margin: 0 0 23px; } .browser-categories-section .tab-content .browse-all { position: relative; padding-right: 30px; } .browser-categories-section .tab-content .browse-all::after { position: absolute; content: ""; height: 13px; width: 20px; background: url("../../images/frontend/svg/arrow-light-blue.svg") no-repeat center center; background-size: 100% 100%; top: 9px; right: 0; transform: rotate(-90deg); } .companies-listing .list-item { width: calc(50% - 10px); flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); margin: 0 20px 20px 0; border: 1px solid rgba(123, 123, 136, 0.6); } .companies-listing .list-item:nth-child(2n) { margin: 0 0 20px; } .companies-listing .list-item .image-wrap { padding: 17px 10px; width: 116px; max-width: 116px; flex: 0 0 116px; border-right: 1px solid rgba(123, 123, 136, 0.6); } .companies-listing .list-item .content-wrap { width: calc(100% - 116px); max-width: calc(100% - 116px); flex: 0 0 calc(100% - 116px); padding: 17px 50px 17px 17px; position: relative; } .companies-listing .list-item .content-wrap .rating-icon { position: absolute; right: 15px; top: 20px; width: 30px; } .companies-listing .list-item .content-wrap .rating-icon .rating-value { position: absolute; left: 52%; top: 42%; transform: translate(-50%, -50%); font-style: normal; font-size: 10px; line-height: 10px; } .companies-listing .list-item .msme-name, .companies-listing .list-item .msme-address { margin: 0 0 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .companies-listing .list-item .msme-details { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .companies-listing .list-item.view-more a { padding: 17px; } .companies-listing .list-item.view-more .view-more-link { position: relative; padding-right: 30px; } .companies-listing .list-item.view-more .view-more-link:after { position: absolute; content: ""; height: 13px; width: 20px; background: url("../../images/frontend/svg/arrow-light-blue.svg") no-repeat center center; background-size: 100% 100%; top: 9px; right: 0; } .business-trust-section { margin: 0 0 65px; } .business-trust-section .section-title { margin: 0 0 30px; } .business-trust-section .subtitle-text { margin: 0 0 30px; } .why-register-section .section-title { margin: 0 0 50px; } .why-register-section .text-wrapper .title-text { margin: 0 0 18px; } .why-register-section .text-wrapper .subtitle-text { margin: 0 0 30px; } .industry-insight-section .section-title { margin: 0 0 30px; } /* Editor content design */ .editor-content * { font-family: "SF Pro Display" !important; } .editor-content b, .editor-content strong { font-weight: 700; } .editor-content h1, .editor-content h2, .editor-content h3, .editor-content h4, .editor-content h5, .editor-content h6 { margin-bottom: 1.5em; } .editor-content li, .editor-content p, .editor-content div { margin-bottom: 1em; } .editor-content i, .editor-content em { font-style: italic; } /* .editor-content ul { list-style-type: disc; padding-left: 2rem; } */ .editor-content ol { padding-left: 2rem; list-style-type: decimal; }