/** * Created by Sushant Gauchan * Email : sushant.gauchan@gmail.com */ /*-------------------------------------- Fonts Starts -------------------------------------*/ /*--------------------------------------- Fonts Ends --------------------------------------*/ /*------------------------------------- Colors Starts -------------------------------------*/ /*-------------------------------------- Colors Ends --------------------------------------*/ /*-------------------------------------- Mixins Starts ------------------------------------*/ .ex-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-justify-content: flex-start; justify-content: flex-start; } .ex-flex-wrap { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; } .ex-vertical { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .ex-transition { -webkit-transition: all .6s ease; -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; transition: all .6s ease; } .ex-transition-medium { -webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -ms-transition: all 1.2s ease; -o-transition: all 1.2s ease; transition: all 1.2s ease; } .ex-transition-large { -webkit-transition: all 1.8s ease; -moz-transition: all 1.8s ease; -ms-transition: all 1.8s ease; -o-transition: all 1.8s ease; transition: all 1.8s ease; } /*--------------------------------------- Mixins Ends -------------------------------------*/ /*------------------------------------ Site Wide Starts -----------------------------------*/ /*------------------------------------- Site Wide Ends ------------------------------------*/ /*------------------------------------ Body Style Start -----------------------------------*/ /*------------------------------------- Body Style Ends -----------------------------------*/ /*--------------------------------- Header Wrapper Starts ---------------------------------*/ /*--------------------------------- Header Wrapper Starts ---------------------------------*/ /*----------------------------------- Navigation Starts -----------------------------------*/ /*------------------------------------ Navigation Ends ------------------------------------*/ /*-------------------------------- Content Wrapper Starts ---------------------------------*/ /*--------------------------------- Content Wrapper Ends ----------------------------------*/ /*--------------------------------- Footer Wrapper Starts ---------------------------------*/ /*---------------------------------- Footer Wrapper Ends ----------------------------------*/ /*----------------------------------- Components Starts -----------------------------------*/ /*------------------------------------ Components Ends ------------------------------------*/ /*-------------------------------------- Modal Starts -------------------------------------*/ /*--------------------------------------- Modal Ends --------------------------------------*/ /*---------------------------------- Slick Slider Starts ----------------------------------*/ /*----------------------------------- Slick Slider Ends -----------------------------------*/ /*------------------------------------ Animation Starts -----------------------------------*/ /*------------------------------------- Animation Ends ------------------------------------*/ @media all and (max-width: 1750px) { /*------------------------------------ Site Wide Starts -----------------------------------*/ body { font-size: 18px; } h1 { font-size: 46px; } h2 { font-size: 42px; } h3 { font-size: 28px; } h4 { font-size: 26px; } .custom-container { padding: 105px 155px; } .custom-container.type-one { padding-left: 260px; padding-right: 260px; } .custom-container.type-small-side-padding { padding-left: 65px; padding-right: 65px; } .co-btn { padding: 10px 32px; font-size: 14px; } /*------------------------------------- Site Wide Ends ------------------------------------*/ /*------------------------------------ Body Style Start -----------------------------------*/ /*------------------------------------- Body Style Ends -----------------------------------*/ /*--------------------------------- Header Wrapper Starts ---------------------------------*/ #header-wrapper .common-logo-nav-wrapper .nav-container nav ul li a { font-size: 14px; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li:not(:last-of-type) { margin-right: 50px; } /*--------------------------------- Header Wrapper Starts ---------------------------------*/ /*----------------------------------- Navigation Starts -----------------------------------*/ /*------------------------------------ Navigation Ends ------------------------------------*/ /*-------------------------------- Content Wrapper Starts ---------------------------------*/ #content-wrapper #home-page .about-section .about-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 70px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(1) { width: 460px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(1) .layout-inner .description { font-size: 15px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) { width: calc(100% - 460px); } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .title { margin-bottom: 70px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container { margin: -25px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item { padding: 25px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .icon img { width: 90px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .text h3 { margin-top: 35px; margin-bottom: 5px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .text span { font-size: 15px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item .layout-inner { padding: 70px; padding-bottom: 90px; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 350px); padding-right: 60px; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(2) { width: 350px; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(2) .title { padding-bottom: 18px; margin-bottom: 18px; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(2) .title span { font-size: 15px; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(2) .legend-container { margin-top: 35px; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(2) .legend-container .legend-title { padding-bottom: 18px; margin-bottom: 18px; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(2) .legend-container .legend-description ul li:nth-of-type(1) { width: 40px; height: 20px; margin-right: 20px; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(2) .legend-container .legend-description ul:not(:last-child) { margin-bottom: 18px; } #content-wrapper #home-page .ongoing-projects-section .section-title { margin-bottom: 45px; } #content-wrapper #home-page .articles-section .section-title { margin-bottom: 45px; } #content-wrapper #home-page .articles-section .section-content .common-featured-block-container { margin-bottom: 20px; } #content-wrapper #home-page .collaboration-section .title { margin-bottom: 55px; } #content-wrapper #home-page .collaboration-section .title h4:after { width: 55px; height: 3px; bottom: -20px; } #content-wrapper #about-page .who-we-are-section .custom-container { padding-top: 50px; } #content-wrapper #about-page .who-we-are-section .layout-container .layout-item:nth-of-type(1) .layout-inner { padding: 100px 115px; } #content-wrapper #about-page .who-we-are-section .layout-container .layout-item .layout-inner .text-container h1 { margin-bottom: 25px; } #content-wrapper #about-page .tagline-section .tagline-container { max-width: 1025px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 0px 70px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container .layout-item .layout-inner .image-container { height: 550px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container:not(:last-child) { margin-bottom: 55px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item:nth-of-type(1) .layout-inner { padding: 0px 70px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .title { margin-bottom: 50px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li img { width: 100px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li h4 { margin-bottom: 13px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li:nth-of-type(1) { margin-right: 18px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li:nth-of-type(2) { padding-top: 25px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul:not(:last-child) { margin-bottom: 70px; } #content-wrapper #strategic-plan-page .description-section .custom-container { padding-top: 40px; } #content-wrapper #strategic-plan-page .description-section .custom-container .title { margin-bottom: 27px; } #content-wrapper #strategic-plan-page .goal-image-section .goal-image-container .image-container { width: 850px; } #content-wrapper #strategic-plan-page .goal-image-section .goal-image-container .text-container { top: 100px; } #content-wrapper #strategic-plan-page .goal-image-section .goal-image-container .text-container h1 { padding: 18px; } #content-wrapper #strategic-plan-page .goal-image-section .goal-image-container .text-container h1:not(:last-child) { margin-bottom: 18px; } #content-wrapper #strategic-plan-page .strategic-objectives-section .section-content .strategic-objectives-container .strategic-objectives-list .inner { padding: 45px 37px; } #content-wrapper #strategic-plan-page .strategic-objectives-section .section-content .strategic-objectives-container .strategic-objectives-list .inner .title { margin-bottom: 35px; } #content-wrapper #strategic-plan-page .strategic-objectives-section .section-content .strategic-objectives-container .strategic-objectives-list:nth-of-type(1) .inner .title { margin-bottom: 20px; } #content-wrapper #team-page .team-members-list-section .team-list-container { margin: -28px -10px; } #content-wrapper #team-page .team-members-list-section .team-list-container .team-item { padding: 28px 10px; } #content-wrapper #team-page .team-members-list-section .team-list-container .team-item .text-container { margin-top: 20px; } #content-wrapper #history-page .page-banner-section { padding: 150px 0px; } #content-wrapper #history-page .page-banner-section .title span { font-size: 75px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list:not(:last-child) { margin-bottom: 50px; } #content-wrapper #partners-page .logo-collection-section .logo-collection-container .item:not(:last-child) { margin-bottom: 100px; } #content-wrapper #earthquake-risk-management-page .earthquake-risk-management-section .earthquake-risk-management-content-container { max-width: 960px; } #content-wrapper #earthquake-risk-management-page .earthquake-risk-management-section .earthquake-risk-management-content-container .icon-title-container { margin-bottom: 20px; } #content-wrapper #earthquake-risk-management-page .earthquake-risk-management-section .earthquake-risk-management-content-container .icon-title-container .icon { margin-bottom: 8px; } #content-wrapper #earthquake-risk-management-page .earthquake-risk-management-section .thumnail-image-container { margin-top: 95px; } #content-wrapper #earthquake-risk-management-page .earthquake-risk-management-section .thumnail-image-container .image-container { height: 610px; } #content-wrapper #earthquake-risk-management-page .activities-section .title { margin-bottom: 90px; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list .layout-container { margin: -0px -50px; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list .layout-container .layout-item { padding: 0px 50px; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list .layout-container .layout-item .text-container h4 { margin-bottom: 20px; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list:not(:last-child) { margin-bottom: 70px; } #content-wrapper #programs-page .programs-list-section .filter-wrapper { padding: 35px 0px; } #content-wrapper #programs-page .programs-list-section .filter-wrapper .filter-container a { padding: 8px 17px; } #content-wrapper #programs-page .programs-list-section .filter-wrapper .filter-container a ul { display: flex; align-items: center; } #content-wrapper #programs-page .programs-list-section .filter-wrapper .filter-container a ul li:nth-of-type(2) { width: 100px; } #content-wrapper #reports-page .banner-section .custom-container { padding-top: 115px; padding-bottom: 115px; } #content-wrapper #reports-page .banner-section .custom-container .text-container { max-width: 500px; } #content-wrapper #reports-page .banner-section .custom-container .text-container h1 { margin-bottom: 25px; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 70px; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item .layout-inner .latest-report-container .title-description-container h4 { margin-bottom: 15px; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item .layout-inner .latest-report-container .numbers-container { margin: 35px 0px; } #content-wrapper #reports-page .all-reports-section .title { padding-bottom: 26px; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a { padding: 23px 0px; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a .item ul li:nth-of-type(1) { margin-right: 18px; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a .item .name li span { margin-top: 8px; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a .item .donwload-btn li:nth-of-type(1) { margin-right: 8px; } #content-wrapper #vacancy-page .title-section .custom-container { padding-bottom: 70px; } #content-wrapper #vacancy-page .title-section .text-container h1 { margin-bottom: 25px; } #content-wrapper #vacancy-page .vacancy-list-section .title { margin-bottom: 60px; } #content-wrapper #vacancy-page .vacancy-list-section .title h4 { margin-bottom: 15px; } #content-wrapper #vacancy-page .vacancy-list-section .common-job-list-container { margin-bottom: 70px; } #content-wrapper #vacancy-page .how-to-apply-container > h4 { margin-bottom: 15px; } #content-wrapper #vacancy-page .how-to-apply-container ul { padding-left: 25px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-right: 75px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .details-container .common-bottom-margin { margin-bottom: 35px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .apply-now-container { padding: 35px 40px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .apply-now-container .apply-now-btn a { height: 48px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .apply-now-container .common-bottom-margin { margin-bottom: 30px; } #content-wrapper #common-form-page .banner-section .title-description-container .title-container { margin-bottom: 16px; } #content-wrapper #contact-page .contact-form-section .layout-container { margin: -10px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item { padding: 10px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item:nth-of-type(1) { width: 450px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item:nth-of-type(2) { width: calc(100% - 450px); } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner { padding: 60px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .subtitle { margin-bottom: 30px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .title { margin-bottom: 35px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .title h1 { margin-bottom: 10px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .location { margin-bottom: 55px; } #content-wrapper #contact-page .apply-tender-section .custom-container { padding-top: 75px; padding-bottom: 75px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container { padding: 100px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-right: 100px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding-left: 100px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item .layout-inner .text-container h4 { margin-bottom: 17px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item .layout-inner .text-container span { margin-bottom: 35px; } #content-wrapper #nepal-localization-page .common-width { max-width: 1020px; } #content-wrapper #nepal-localization-page .nepal-localization-section .custom-container { padding-top: 60px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .logo-title-container .logo-container { width: 210px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .logo-title-container .title-container h1 { font-size: 75px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .thumnail-image-container { margin: 90px 0px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .description-container .title { margin-bottom: 17px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .objective-container { padding: 55px 0px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .middle-image-decription-container .text-container { padding-top: 55px; } #content-wrapper #nepal-localization-page .tagline-section .custom-container { padding-top: 120px; padding-bottom: 120px; } #content-wrapper #nepal-localization-page .info-logo-section .common-items-container .common-item .item-title { margin-bottom: 20px; } #content-wrapper #nepal-localization-page .info-logo-section .common-items-container .common-item:not(:last-child) { margin-bottom: 55px; } #content-wrapper #nepal-localization-page .photos-section .title-container { margin-bottom: 60px; } #content-wrapper #nepal-localization-page .photos-section .common-photos-container .photos-list-item .image-list-container .image-container { height: 360px; } #content-wrapper #nepal-localization-page .photos-section .common-photos-container .photos-list-item:not(:last-child) { margin-bottom: 60px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .events-gallery-container { margin-top: 90px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .events-gallery-container .gallery-title { margin-bottom: 30px; } #content-wrapper #donation-page .banner-section .custom-container { padding-top: 130px; padding-bottom: 130px; } #content-wrapper #donation-page .banner-section .custom-container .text-container { max-width: 500px; } #content-wrapper #donation-page .contribute-section .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 500px); padding-right: 120px; } #content-wrapper #donation-page .contribute-section .layout-container .layout-item:nth-of-type(2) { width: 500px; } #content-wrapper #donation-page .contribute-section .layout-container .layout-item .layout-inner .description { margin-bottom: 45px; } #content-wrapper #donation-page .ways-to-donation-section .title-container { margin-bottom: 45px; } #content-wrapper #donation-page .ways-to-donation-section .section-content .donation-ways-container .donation-ways-item .donation-ways-item-inner { padding: 50px 40px; } #content-wrapper #disaster-page .disaster-info-section .custom-container { padding-top: 70px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 600px); } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-right: 60px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item:nth-of-type(2) { width: 600px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 45px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container:not(:last-child) { margin-bottom: 100px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-right: 50px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container:nth-of-type(even) .layout-container:nth-of-type(1) .layout-inner { padding-left: 50px; } /*--------------------------------- Content Wrapper Ends ----------------------------------*/ /*--------------------------------- Footer Wrapper Starts ---------------------------------*/ #footer-wrapper .custom-container { padding-top: 75px; padding-bottom: 75px; } #footer-wrapper .top-footer .footer-container .footer-item .title { margin-bottom: 15px; } #footer-wrapper .top-footer .footer-container .footer-item .content ul li a { padding-left: 30px; } #footer-wrapper .top-footer .footer-container .footer-item .content ul li a img { top: 6px; } #footer-wrapper .top-footer .footer-container .footer-item .content ul li:not(:last-child) { margin-bottom: 13px; } #footer-wrapper .top-footer .footer-container .footer-item .content.menu ul li:not(:last-child) { margin-bottom: 18px; } #footer-wrapper .top-footer .footer-container .footer-item .content .common-form { margin-bottom: 18px; } #footer-wrapper .top-footer .footer-container .footer-item.useful-links { max-width: 450px; } #footer-wrapper .bottom-footer .custom-container { padding-top: 50px; padding-bottom: 50px; } #footer-wrapper .bottom-footer .footer-container .footer-item .logo-container { width: 230px; } #footer-wrapper .bottom-footer .footer-container .footer-item .social-container { margin-top: 8px; } #footer-wrapper .bottom-footer .footer-container .footer-item .social-container ul li a { width: 50px; height: 50px; } #footer-wrapper .bottom-footer .footer-container .footer-item .social-container ul li:not(:last-child) { margin-right: 18px; } /*---------------------------------- Footer Wrapper Ends ----------------------------------*/ /*----------------------------------- Components Starts -----------------------------------*/ .common-thematic-process-container { max-width: 1220px; } .common-video-list-container { margin: -35px -10px; } .common-video-list-container .video-list { padding: 35px 10px; } .common-video-list-container .video-list .video-list-inner .video-thumnail-container .image-container { height: 410px; } .common-video-list-container .video-list .video-list-inner .video-thumnail-container:after { background-size: 85px 85px; } .common-logo-container a { width: 195px; } .common-banner-section .banner-slider .banner-item .text-container .inner { width: 600px; padding: 25px 42px; } .common-banner-section .banner-slider .banner-item .text-container .inner .content { margin-top: 25px; } .common-banner-section.type-program-page .banner-slider .banner-item { height: 410px; } .common-banner-section.type-program-page .banner-slider .banner-item .text-container { left: 155px; } .common-banner-section.type-program-page .banner-slider .banner-item .text-container .inner { padding: 30px; } .common-section-title .description { margin: 28px 0px; } .common-page-top-section:after { height: 400px; } .common-page-top-section .custom-container { padding-top: 70px; } .common-page-top-section .layout-container .layout-item:nth-of-type(1) { width: 480px; } .common-page-top-section .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-top: 60px; padding-right: 90px; } .common-page-top-section .layout-container .layout-item:nth-of-type(2) { width: calc(100% - 480px); } .common-page-top-section .layout-container .layout-item .layout-inner .text-container span { margin-bottom: 16px; } .common-page-top-section .layout-container .layout-item .layout-inner .image-container { height: 410px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 530px); } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) { width: 530px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 65px; padding-bottom: 160px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container .date-title-container { margin-bottom: 30px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container .date-title-container span { margin-bottom: 3px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container .description-container { margin-bottom: 30px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container .action-container ul { gap: 17px; } .common-featured-block-container.type-article .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 500px); } .common-featured-block-container.type-article .layout-container .layout-item:nth-of-type(2) { width: 500px; } .common-featured-block-container.type-article .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 70px !important; } .common-select-container ul li:not(:last-child) { margin-bottom: 8px; } .common-box-container { margin: -30px -10px; } .common-box-container .box-item { padding: 30px 10px; } .common-box-container .box-item .box-inner .image-container { height: 280px; } .common-box-container .box-item .box-inner .text-container { padding: 35px 30px; } .common-box-container .box-item .box-inner .text-container span { margin-bottom: 3px; } .common-box-container.programs-page { margin: -30px -15px; } .common-box-container.programs-page .box-item { padding: 30px 15px; } .common-box-container.programs-page .box-item .box-inner .text-container .link-container { margin-top: 22px; } .common-box-container.programs-page .box-item .box-inner .text-container .link-container a img { margin-left: 30px; } .common-page-banner-section .custom-container { padding-top: 70px; padding-bottom: 70px; } .common-page-banner-section .image-container { height: 370px; } .common-layout-title { margin-bottom: 50px; } .common-layout-title h4 { padding-bottom: 18px; } .common-layout-title h4:after { width: 60px; height: 3px; } .common-recognition-list-wrapper .recognition-list-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding-left: 105px; } .common-recognition-list-wrapper .recognition-list-container:nth-of-type(even) .layout-container .layout-item:nth-of-type(2) .layout-inner { padding-right: 105px; } .common-recognition-list-wrapper .recognition-list-container:not(:last-child) { margin-bottom: 75px; } .common-table thead th { padding: 20px 8px; font-size: 14px; } .common-table thead th:nth-of-type(1) { width: 450px; } .common-table tbody tr td { padding: 38px 8px; } .common-table tbody tr td .apply-btn { font-size: 14px; } .common-form-wrapper .form-container .form-title { margin-bottom: 20px; } .common-form-wrapper .form-container:not(:last-child) { margin-bottom: 35px; } .common-form .fields .form-group { /* shared option layout */ /* ================= RADIO ================= */ /* ================= CHECKBOX ================= */ /* for upload btn */ } .common-form .fields .form-group label { font-size: 14px; } .common-form .fields .form-group input, .common-form .fields .form-group select, .common-form .fields .form-group textarea { padding: 14px 15px; font-size: 14px; height: 48px; } .common-form .fields .form-group textarea { height: 80px; } .common-form .fields .form-group .option-group { gap: 40px; margin-top: 5px; } .common-form .fields .form-group .option-label span { font-size: 14px; } .common-form .fields .form-group .custom-radio-group input[type="radio"] + .option-text { padding-left: 40px; } .common-form .fields .form-group .custom-radio-group input[type="radio"] + .option-text::before { width: 27px; height: 27px; } .common-form .fields .form-group .custom-radio-group input[type="radio"]:checked + .option-text::after { width: 14px; height: 14px; left: 6px; } .common-form .fields .form-group .custom-checkbox-group input[type="checkbox"] + .option-text { padding-left: 40px; } .common-form .fields .form-group .custom-checkbox-group input[type="checkbox"] + .option-text::before { width: 27px; height: 27px; } .common-form .fields .form-group .custom-checkbox-group input[type="checkbox"]:checked + .option-text::after { width: 14px; height: 14px; left: 6px; } .common-form .fields .form-group .file-upload-label { position: relative; display: flex; align-items: center; padding: 14px 50px 14px 16px; border: 1px solid #e6d5c3; border-radius: 2px; font-size: 16px; color: #9b9b9b; cursor: pointer; } .common-form .fields .form-group .file-upload-label::after { content: ""; position: absolute; right: 14px; top: 50%; width: 20px; height: 20px; transform: translateY(-50%); background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000'%3E%3Cpath stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 16v2a2 2 0 002 2h12a2 2 0 002-2v-2M7 10l5-5 5 5M12 5v11'/%3E%3C/svg%3E") no-repeat center; background-size: contain; } .common-form .fields .form-group .file-upload-label:hover { border-color: #c9b39a; } .common-form .fields .form-group .file-upload-label span { color: #797671; font-size: 14px; } .common-form .fields .form-group .file-upload-text { pointer-events: none; } .common-form .fields .form-group .file-upload input[type="file"] { position: absolute; inset: 0; opacity: 0; cursor: pointer; } .common-form.type-footer .form-action input { height: 48px; } .common-form .form-action { margin-top: 35px; } .common-nset-division-container .nset-division-list:not(:last-child) { margin-bottom: 40px; } /*------------------------------------ Components Ends ------------------------------------*/ /*-------------------------------------- Modal Starts -------------------------------------*/ /*--------------------------------------- Modal Ends --------------------------------------*/ /*---------------------------------- Slick Slider Starts ----------------------------------*/ /*----------------------------------- Slick Slider Ends -----------------------------------*/ /*------------------------------------ Animation Starts -----------------------------------*/ /*------------------------------------- Animation Ends ------------------------------------*/ } @media all and (max-width: 1600px) { /*------------------------------------ Site Wide Starts -----------------------------------*/ body { font-size: 17px; } h1 { font-size: 40px; } h2 { font-size: 38px; } h3 { font-size: 27px; } h4 { font-size: 25px; } .common-medium-small-font { font-size: 15px; } .custom-container { padding: 90px 130px; } .custom-container.type-one { padding-left: 220px; padding-right: 220px; } .custom-container.type-small-side-padding { padding-left: 60px; padding-right: 60px; } .custom-container.small-width-container { max-width: 950px; } .co-btn { padding: 10px 31px; font-size: 14px; } /*------------------------------------- Site Wide Ends ------------------------------------*/ /*------------------------------------ Body Style Start -----------------------------------*/ /*------------------------------------- Body Style Ends -----------------------------------*/ /*--------------------------------- Header Wrapper Starts ---------------------------------*/ #header-wrapper .common-logo-nav-wrapper .nav-container nav ul li a { font-size: 14px; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li:not(:last-of-type) { margin-right: 26px; } /*--------------------------------- Header Wrapper Starts ---------------------------------*/ /*----------------------------------- Navigation Starts -----------------------------------*/ /*------------------------------------ Navigation Ends ------------------------------------*/ /*-------------------------------- Content Wrapper Starts ---------------------------------*/ #content-wrapper #home-page .about-section .about-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 65px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(1) { width: 420px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(1) .layout-inner .description { font-size: 15px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) { width: calc(100% - 420px); } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .title { margin-bottom: 55px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container { margin: -20px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item { padding: 20px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .icon img { width: 80px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .text h3 { margin-top: 30px; margin-bottom: 5px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .text span { font-size: 15px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item .layout-inner { padding: 60px; padding-bottom: 70px; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 310px); } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(2) { width: 310px; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(2) .legend-container { margin-top: 30px; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(2) .legend-container .legend-description ul li:nth-of-type(1) { width: 35px; height: 18px; margin-right: 15px; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(2) .legend-container .legend-description ul:not(:last-child) { margin-bottom: 15px; } #content-wrapper #home-page .ongoing-projects-section .section-title { margin-bottom: 40px; } #content-wrapper #home-page .articles-section .section-title { margin-bottom: 45px; } #content-wrapper #home-page .articles-section .section-content .common-featured-block-container { margin-bottom: 20px; } #content-wrapper #home-page .collaboration-section .title { margin-bottom: 50px; } #content-wrapper #home-page .collaboration-section .title h4:after { width: 50px; height: 3px; bottom: -15px; } #content-wrapper #about-page .who-we-are-section .custom-container { padding-top: 45px; } #content-wrapper #about-page .who-we-are-section .layout-container .layout-item:nth-of-type(1) .layout-inner { padding: 90px 110px; } #content-wrapper #about-page .who-we-are-section .layout-container .layout-item .layout-inner .text-container h1 { margin-bottom: 20px; } #content-wrapper #about-page .tagline-section .tagline-container { max-width: 900px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 0px 50px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container .layout-item .layout-inner .image-container { height: 530px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container:not(:last-child) { margin-bottom: 50px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item:nth-of-type(1) .layout-inner { padding: 0px 70px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .title { margin-bottom: 50px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li img { width: 90px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li h4 { margin-bottom: 11px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li:nth-of-type(1) { margin-right: 18px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li:nth-of-type(2) { padding-top: 20px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul:not(:last-child) { margin-bottom: 60px; } #content-wrapper #strategic-plan-page .description-section .custom-container { padding-top: 35px; } #content-wrapper #strategic-plan-page .description-section .custom-container .title { margin-bottom: 20px; } #content-wrapper #strategic-plan-page .goal-image-section .goal-image-container .image-container { width: 810px; } #content-wrapper #strategic-plan-page .goal-image-section .goal-image-container .text-container { top: 80px; } #content-wrapper #strategic-plan-page .goal-image-section .goal-image-container .text-container h1 { padding: 16px; } #content-wrapper #strategic-plan-page .goal-image-section .goal-image-container .text-container h1:not(:last-child) { margin-bottom: 16px; } #content-wrapper #strategic-plan-page .strategic-objectives-section .section-content .strategic-objectives-container { margin: -8px; } #content-wrapper #strategic-plan-page .strategic-objectives-section .section-content .strategic-objectives-container .strategic-objectives-list { padding: 8px; } #content-wrapper #strategic-plan-page .strategic-objectives-section .section-content .strategic-objectives-container .strategic-objectives-list .inner { padding: 40px 34px; } #content-wrapper #strategic-plan-page .strategic-objectives-section .section-content .strategic-objectives-container .strategic-objectives-list .inner .title { margin-bottom: 30px; } #content-wrapper #strategic-plan-page .strategic-objectives-section .section-content .strategic-objectives-container .strategic-objectives-list:nth-of-type(1) .inner .title { margin-bottom: 18px; } #content-wrapper #team-page .team-members-list-section .team-list-container { margin: -25px -9px; } #content-wrapper #team-page .team-members-list-section .team-list-container .team-item { padding: 25px 9px; } #content-wrapper #team-page .team-members-list-section .team-list-container .team-item .text-container { margin-top: 18px; } #content-wrapper #history-page .page-banner-section { padding: 130px 0px; } #content-wrapper #history-page .page-banner-section .title span { font-size: 65px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list:not(:last-child) { margin-bottom: 45px; } #content-wrapper #partners-page .logo-collection-section .logo-collection-container .item:not(:last-child) { margin-bottom: 90px; } #content-wrapper #earthquake-risk-management-page .earthquake-risk-management-section .earthquake-risk-management-content-container { max-width: 830px; } #content-wrapper #earthquake-risk-management-page .earthquake-risk-management-section .earthquake-risk-management-content-container .icon-title-container { margin-bottom: 17px; } #content-wrapper #earthquake-risk-management-page .earthquake-risk-management-section .thumnail-image-container { margin-top: 80px; } #content-wrapper #earthquake-risk-management-page .earthquake-risk-management-section .thumnail-image-container .image-container { height: 610px; } #content-wrapper #earthquake-risk-management-page .activities-section .title { margin-bottom: 75px; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list .layout-container { margin: -0px -40px; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list .layout-container .layout-item { padding: 0px 40px; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list .layout-container .layout-item .text-container h4 { margin-bottom: 20px; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list:not(:last-child) { margin-bottom: 60px; } #content-wrapper #programs-page .programs-list-section .filter-wrapper { padding: 35px 0px; } #content-wrapper #programs-page .programs-list-section .filter-wrapper .filter-container a { padding: 8px 17px; } #content-wrapper #programs-page .programs-list-section .filter-wrapper .filter-container a ul { display: flex; align-items: center; } #content-wrapper #programs-page .programs-list-section .filter-wrapper .filter-container a ul li:nth-of-type(2) { width: 100px; } #content-wrapper #programs-page .nset-division-list-section .tagline-container { max-width: 715px; padding: 70px 0px; } #content-wrapper #reports-page .banner-section .custom-container { padding-top: 105px; padding-bottom: 105px; } #content-wrapper #reports-page .banner-section .custom-container .text-container { max-width: 500px; } #content-wrapper #reports-page .banner-section .custom-container .text-container h1 { margin-bottom: 20px; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 65px; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item .layout-inner .latest-report-container .title-description-container h4 { margin-bottom: 12px; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item .layout-inner .latest-report-container .numbers-container { margin: 30px 0px; } #content-wrapper #reports-page .all-reports-section .title { padding-bottom: 20px; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a { padding: 20px 0px; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a .item ul li:nth-of-type(1) { margin-right: 18px; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a .item .name li span { margin-top: 8px; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a .item .donwload-btn li:nth-of-type(1) { margin-right: 8px; } #content-wrapper #vacancy-page .title-section .custom-container { padding-bottom: 60px; } #content-wrapper #vacancy-page .title-section .text-container h1 { margin-bottom: 20px; } #content-wrapper #vacancy-page .vacancy-list-section .title { margin-bottom: 45px; } #content-wrapper #vacancy-page .vacancy-list-section .title h4 { margin-bottom: 10px; } #content-wrapper #vacancy-page .vacancy-list-section .common-job-list-container { margin-bottom: 70px; } #content-wrapper #vacancy-page .how-to-apply-container > h4 { margin-bottom: 12px; } #content-wrapper #vacancy-page .how-to-apply-container ul { padding-left: 20px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .details-container .common-bottom-margin { margin-bottom: 35px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .apply-now-container { padding: 30px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .apply-now-container .apply-now-btn a { height: 45px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .apply-now-container .common-bottom-margin { margin-bottom: 30px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item:nth-of-type(1) { width: 410px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item:nth-of-type(2) { width: calc(100% - 410px); } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner { padding: 50px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .subtitle { margin-bottom: 25px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .title { margin-bottom: 35px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .title h1 { margin-bottom: 10px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .location { margin-bottom: 45px; } #content-wrapper #contact-page .apply-tender-section .custom-container { padding-top: 70px; padding-bottom: 70px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container { padding: 85px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-right: 80px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding-left: 80px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item .layout-inner .text-container h4 { margin-bottom: 15px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item .layout-inner .text-container span { margin-bottom: 30px; } #content-wrapper #nepal-localization-page .common-width { max-width: 950px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .logo-title-container .logo-container { width: 190px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .logo-title-container .title-container h1 { font-size: 65px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .thumnail-image-container { margin: 80px 0px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .objective-container { padding: 50px 0px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .middle-image-decription-container .text-container { padding-top: 50px; } #content-wrapper #nepal-localization-page .tagline-section .custom-container { padding-top: 110px; padding-bottom: 110px; } #content-wrapper #nepal-localization-page .info-logo-section .common-items-container .common-item .item-title { margin-bottom: 17px; } #content-wrapper #nepal-localization-page .info-logo-section .common-items-container .common-item:not(:last-child) { margin-bottom: 50px; } #content-wrapper #nepal-localization-page .photos-section .title-container { margin-bottom: 50px; } #content-wrapper #nepal-localization-page .photos-section .common-photos-container .photos-list-item .image-list-container .image-container { height: 330px; } #content-wrapper #nepal-localization-page .photos-section .common-photos-container .photos-list-item:not(:last-child) { margin-bottom: 50px; } #content-wrapper #donation-page .banner-section .custom-container { padding-top: 110px; padding-bottom: 110px; } #content-wrapper #donation-page .banner-section .custom-container .text-container { max-width: 445px; } #content-wrapper #donation-page .contribute-section .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 500px); padding-right: 80px; } #content-wrapper #donation-page .contribute-section .layout-container .layout-item:nth-of-type(2) { width: 500px; } #content-wrapper #donation-page .contribute-section .layout-container .layout-item .layout-inner .description { margin-bottom: 40px; } #content-wrapper #donation-page .ways-to-donation-section .title-container { margin-bottom: 40px; } #content-wrapper #donation-page .ways-to-donation-section .section-content .donation-ways-container .donation-ways-item .donation-ways-item-inner { padding: 40px 30px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .publications-list-container { margin: -25px -10px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .publications-list-container .publication-list { padding: 25px 10px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .common-pagination-container { margin-top: 40px; } #content-wrapper #disaster-page .disaster-info-section .custom-container { padding-top: 60px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 540px); } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-right: 50px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item:nth-of-type(1) .layout-inner .description-container .date-container { margin-bottom: 35px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item:nth-of-type(2) { width: 540px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 40px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item .layout-inner .numbers-container .item ul { padding: 12px 0px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item .layout-inner .numbers-container .item ul li:nth-of-type(1) { min-width: 100px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item .layout-inner .numbers-container .item ul li span { font-size: 22px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container:not(:last-child) { margin-bottom: 90px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-right: 40px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container .layout-container .layout-item:nth-of-type(1) .layout-inner .numbers-container { margin: -10px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container .layout-container .layout-item:nth-of-type(1) .layout-inner .numbers-container .numbers-item { padding: 10px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container .layout-container .layout-item:nth-of-type(1) .layout-inner .numbers-container .numbers-item .number-inner { padding: 25px 10px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container:nth-of-type(even) .layout-container:nth-of-type(1) .layout-inner { padding-left: 40px; } /*--------------------------------- Content Wrapper Ends ----------------------------------*/ /*--------------------------------- Footer Wrapper Starts ---------------------------------*/ #footer-wrapper .custom-container { padding-top: 70px; padding-bottom: 70px; } #footer-wrapper .top-footer .footer-container .footer-item .title { margin-bottom: 15px; } #footer-wrapper .top-footer .footer-container .footer-item .content ul li:not(:last-child) { margin-bottom: 11px; } #footer-wrapper .top-footer .footer-container .footer-item .content.menu ul li:not(:last-child) { margin-bottom: 18px; } #footer-wrapper .top-footer .footer-container .footer-item .content .common-form { margin-bottom: 18px; } #footer-wrapper .bottom-footer .custom-container { padding-top: 45px; padding-bottom: 45px; } #footer-wrapper .bottom-footer .footer-container .footer-item .logo-container { width: 210px; } #footer-wrapper .bottom-footer .footer-container .footer-item .social-container { margin-top: 7px; } #footer-wrapper .bottom-footer .footer-container .footer-item .social-container ul li a { width: 50px; height: 50px; } #footer-wrapper .bottom-footer .footer-container .footer-item .social-container ul li:not(:last-child) { margin-right: 13px; } /*---------------------------------- Footer Wrapper Ends ----------------------------------*/ /*----------------------------------- Components Starts -----------------------------------*/ .common-video-list-container { margin: -30px -10px; } .common-video-list-container .video-list { padding: 30px 10px; } .common-video-list-container .video-list .video-list-inner .video-thumnail-container .image-container { height: 390px; } .common-video-list-container .video-list .video-list-inner .video-thumnail-container:after { background-size: 80px 80px; } .common-logo-container a { width: 185px; } .common-banner-section .banner-slider .banner-item .text-container .inner { width: 580px; padding: 25px 42px; } .common-banner-section .banner-slider .banner-item .text-container .inner .content { margin-top: 23px; } .common-banner-section.type-program-page .banner-slider .banner-item { height: 390px; } .common-banner-section.type-program-page .banner-slider .banner-item .text-container { left: 130px; } .common-banner-section.type-program-page .banner-slider .banner-item .text-container .inner { padding: 25px; } .common-section-title .description { margin: 26px 0px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 490px); } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) { width: 490px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 55px; padding-bottom: 140px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container .date-title-container { margin-bottom: 26px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container .description-container { margin-bottom: 26px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container .action-container ul { gap: 10px; } .common-featured-block-container.type-article .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 460px); } .common-featured-block-container.type-article .layout-container .layout-item:nth-of-type(2) { width: 460px; } .common-featured-block-container.type-article .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 60px !important; } .common-page-top-section:after { height: 370px; } .common-page-top-section .custom-container { padding-top: 70px; } .common-page-top-section .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-top: 50px; padding-right: 80px; } .common-page-top-section .layout-container .layout-item .layout-inner .text-container span { margin-bottom: 16px; } .common-page-top-section .layout-container .layout-item .layout-inner .image-container { height: 370px; } .common-select-container ul li:not(:last-child) { margin-bottom: 8px; } .common-box-container { margin: -30px -10px; } .common-box-container .box-item { padding: 30px 10px; } .common-box-container .box-item .box-inner .image-container { height: 260px; } .common-box-container .box-item .box-inner .text-container { padding: 30px 28px; } .common-box-container.programs-page { margin: -28px -12px; } .common-box-container.programs-page .box-item { padding: 28px 12px; } .common-box-container.programs-page .box-item .box-inner .text-container .link-container { margin-top: 22px; } .common-box-container.programs-page .box-item .box-inner .text-container .link-container a img { margin-left: 30px; } .common-layout-title { margin-bottom: 45px; } .common-layout-title h4 { padding-bottom: 15px; } .common-layout-title h4:after { width: 55px; height: 3px; } .common-recognition-list-wrapper .recognition-list-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding-left: 90px; } .common-recognition-list-wrapper .recognition-list-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container h4 { margin-bottom: 15px; } .common-recognition-list-wrapper .recognition-list-container:nth-of-type(even) .layout-container .layout-item:nth-of-type(2) .layout-inner { padding-right: 90px; } .common-recognition-list-wrapper .recognition-list-container:not(:last-child) { margin-bottom: 70px; } .common-table thead th { padding: 17px 8px; font-size: 14px; } .common-table thead th:nth-of-type(1) { width: 410px; } .common-table tbody tr td { padding: 34px 8px; } .common-table tbody tr td .apply-btn { font-size: 14px; } .common-page-banner-section .custom-container { padding-top: 65px; padding-bottom: 65px; } .common-page-banner-section .image-container { height: 340px; } .common-nset-division-container .nset-division-list:not(:last-child) { margin-bottom: 35px; } /*------------------------------------ Components Ends ------------------------------------*/ /*-------------------------------------- Modal Starts -------------------------------------*/ /*--------------------------------------- Modal Ends --------------------------------------*/ /*---------------------------------- Slick Slider Starts ----------------------------------*/ /*----------------------------------- Slick Slider Ends -----------------------------------*/ /*------------------------------------ Animation Starts -----------------------------------*/ /*------------------------------------- Animation Ends ------------------------------------*/ } @media all and (max-width: 1399px) { /*------------------------------------ Site Wide Starts -----------------------------------*/ body { font-size: 17px; } h1 { font-size: 35px; } h2 { font-size: 33px; } h3 { font-size: 26px; } h4 { font-size: 24px; } .common-medium-small-font { font-size: 14px; } .custom-container { padding: 85px 110px; } .custom-container.type-one { padding-left: 180px; padding-right: 180px; } .custom-container.type-small-side-padding { padding-left: 50px; padding-right: 50px; } .custom-container.small-width-container { max-width: 900px; } .co-btn { padding: 10px 25px; font-size: 14px; height: 38px; } .download-btn { height: 38px; } /*------------------------------------- Site Wide Ends ------------------------------------*/ /*------------------------------------ Body Style Start -----------------------------------*/ /*------------------------------------- Body Style Ends -----------------------------------*/ /*--------------------------------- Header Wrapper Starts ---------------------------------*/ #header-wrapper .common-logo-nav-wrapper .nav-container nav ul li a { font-size: 14px; padding: 38px 0; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li:not(:last-of-type) { margin-right: 17px; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li.has-sub-menu > a { padding-right: 14px; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul { min-width: 262px; } .common-logo-nav-wrapper .action-container .action-item:nth-of-type(1) { margin-right: 15px; } .common-logo-nav-wrapper .action-container .action-item.get-involved a { padding: 12px 17px; } /*--------------------------------- Header Wrapper Starts ---------------------------------*/ /*----------------------------------- Navigation Starts -----------------------------------*/ /*------------------------------------ Navigation Ends ------------------------------------*/ /*-------------------------------- Content Wrapper Starts ---------------------------------*/ #content-wrapper #home-page .about-section .about-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 60px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(1) { width: 400px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(1) .layout-inner .description { font-size: 15px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) { width: calc(100% - 400px); } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .title { margin-bottom: 45px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container { margin: -15px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item { padding: 15px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .icon img { width: 70px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .text h3 { margin-top: 23px; margin-bottom: 4px; font-size: 23px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .text span { font-size: 15px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item .layout-inner { padding: 60px; padding-bottom: 70px; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 270px); } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(2) { width: 270px; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(2) .legend-container { margin-top: 20px; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(2) .legend-container .legend-title { padding-bottom: 15px; margin-bottom: 15px; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(2) .legend-container .legend-description ul li:nth-of-type(1) { width: 35px; height: 18px; margin-right: 10px; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(2) .legend-container .legend-description ul:not(:last-child) { margin-bottom: 12px; } #content-wrapper #home-page .ongoing-projects-section .section-title { margin-bottom: 35px; } #content-wrapper #home-page .articles-section .section-title { margin-bottom: 40px; } #content-wrapper #home-page .articles-section .section-content .common-featured-block-container { margin-bottom: 20px; } #content-wrapper #home-page .collaboration-section .title { margin-bottom: 45px; } #content-wrapper #home-page .collaboration-section .title h4:after { width: 40px; height: 3px; bottom: -12px; } #content-wrapper #about-page .who-we-are-section .custom-container { padding-top: 45px; } #content-wrapper #about-page .who-we-are-section .layout-container .layout-item:nth-of-type(1) .layout-inner { padding: 80px 100px; } #content-wrapper #about-page .who-we-are-section .layout-container .layout-item .layout-inner .text-container h1 { margin-bottom: 18px; } #content-wrapper #about-page .tagline-section .tagline-container { max-width: 780px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 0px 50px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container .layout-item .layout-inner .image-container { height: 530px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container:not(:last-child) { margin-bottom: 50px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item:nth-of-type(1) .layout-inner { padding: 0px 60px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .title { margin-bottom: 45px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li img { width: 85px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li h4 { margin-bottom: 11px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li:nth-of-type(1) { margin-right: 18px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li:nth-of-type(2) { padding-top: 18px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul:not(:last-child) { margin-bottom: 50px; } #content-wrapper #team-page .team-members-list-section .team-list-container { margin: -22px -8px; } #content-wrapper #team-page .team-members-list-section .team-list-container .team-item { padding: 22px 8px; } #content-wrapper #team-page .team-members-list-section .team-list-container .team-item .text-container { margin-top: 18px; } #content-wrapper #history-page .page-banner-section { padding: 110px 0px; } #content-wrapper #history-page .page-banner-section .title span { font-size: 55px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container { margin: -0px -30px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item { padding: 0px 30px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container h3, #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container h4, #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container h5, #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container h6, #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container b { margin-bottom: 15px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container p { font-size: 15px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .image-container { height: 310px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list:not(:last-child) { margin-bottom: 45px; } #content-wrapper #partners-page .logo-collection-section .logo-collection-container .item:not(:last-child) { margin-bottom: 80px; } #content-wrapper #earthquake-risk-management-page .earthquake-risk-management-section .thumnail-image-container { margin-top: 70px; } #content-wrapper #earthquake-risk-management-page .earthquake-risk-management-section .thumnail-image-container .image-container { height: 560px; } #content-wrapper #earthquake-risk-management-page .activities-section .title { margin-bottom: 65px; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list .layout-container { margin: -0px -30px; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list .layout-container .layout-item { padding: 0px 30px; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list .layout-container .layout-item .text-container h4 { margin-bottom: 18px; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list:not(:last-child) { margin-bottom: 50px; } #content-wrapper #programs-page .programs-list-section .common-filter-wrapper { padding: 30px; margin: 40px 0px; } #content-wrapper #reports-page .banner-section .custom-container { padding-top: 95px; padding-bottom: 95px; } #content-wrapper #reports-page .banner-section .custom-container .text-container h1 { margin-bottom: 18px; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 58px; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item .layout-inner .latest-report-container .title-description-container h4 { margin-bottom: 10px; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item .layout-inner .latest-report-container .numbers-container { margin: 25px 0px; } #content-wrapper #reports-page .all-reports-section .title { padding-bottom: 15px; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a { padding: 18px 0px; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a .item ul li:nth-of-type(1) { margin-right: 15px; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a .item .name li span { margin-top: 6px; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a .item .donwload-btn li:nth-of-type(1) { margin-right: 6px; } #content-wrapper #vacancy-page .title-section .custom-container { padding-bottom: 50px; } #content-wrapper #vacancy-page .title-section .text-container h1 { margin-bottom: 20px; } #content-wrapper #vacancy-page .vacancy-list-section .title { margin-bottom: 35px; } #content-wrapper #vacancy-page .vacancy-list-section .title h4 { margin-bottom: 10px; } #content-wrapper #vacancy-page .vacancy-list-section .common-job-list-container { margin-bottom: 60px; } #content-wrapper #vacancy-page .how-to-apply-container > h4 { margin-bottom: 12px; } #content-wrapper #vacancy-page .how-to-apply-container ul { padding-left: 20px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 290px); } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item:nth-of-type(2) { width: 290px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .details-container .common-bottom-margin { margin-bottom: 30px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .apply-now-container { padding: 30px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .apply-now-container .apply-now-btn a { height: 42px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .apply-now-container .common-bottom-margin { margin-bottom: 27px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item:nth-of-type(1) { width: 380px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item:nth-of-type(2) { width: calc(100% - 380px); } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner { padding: 45px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .subtitle { margin-bottom: 23px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .title { margin-bottom: 30px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .title h1 { margin-bottom: 8px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .location { margin-bottom: 40px; } #content-wrapper #contact-page .apply-tender-section .custom-container { padding-top: 65px; padding-bottom: 65px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container { padding: 80px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-right: 75px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding-left: 75px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item .layout-inner .text-container h4 { margin-bottom: 13px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item .layout-inner .text-container span { margin-bottom: 25px; } #content-wrapper #nepal-localization-page .common-width { max-width: 900px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .logo-title-container .logo-container { width: 180px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .logo-title-container .title-container h1 { font-size: 55px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .thumnail-image-container { margin: 70px 0px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .description-container .title { margin-bottom: 13px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .objective-container { padding: 45px 0px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .middle-image-decription-container .text-container { padding-top: 45px; } #content-wrapper #nepal-localization-page .tagline-section .custom-container { padding-top: 90px; padding-bottom: 90px; } #content-wrapper #nepal-localization-page .info-logo-section .common-items-container .common-item .item-title { margin-bottom: 15px; } #content-wrapper #nepal-localization-page .info-logo-section .common-items-container .common-item .item-content img { width: 100%; } #content-wrapper #nepal-localization-page .info-logo-section .common-items-container .common-item:not(:last-child) { margin-bottom: 45px; } #content-wrapper #nepal-localization-page .photos-section .title-container { margin-bottom: 40px; } #content-wrapper #nepal-localization-page .photos-section .common-photos-container .photos-list-item .image-list-container .image-container { height: 290px; } #content-wrapper #nepal-localization-page .photos-section .common-photos-container .photos-list-item:not(:last-child) { margin-bottom: 45px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .highlights-container { margin: 50px 0px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .highlights-container .container-inner { padding: 27px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .highlights-container .container-inner .items-container .highlights-item .block-container .block-item:nth-of-type(2) { padding-left: 16px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .highlights-container .container-inner .items-container .highlights-item .block-container .block-item .icon-container img { width: 55px; } #content-wrapper #blog-details-page .blogs-details-section .events-gallery-container { margin-top: 70px; } #content-wrapper #blog-details-page .blogs-details-section .events-gallery-container .gallery-title { margin-bottom: 25px; } #content-wrapper #donation-page .banner-section .custom-container { padding-top: 100px; padding-bottom: 100px; } #content-wrapper #donation-page .contribute-section .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 480px); padding-right: 60px; } #content-wrapper #donation-page .contribute-section .layout-container .layout-item:nth-of-type(2) { width: 480px; } #content-wrapper #donation-page .contribute-section .layout-container .layout-item .layout-inner .description { margin-bottom: 40px; } #content-wrapper #donation-page .ways-to-donation-section .title-container { margin-bottom: 40px; } #content-wrapper #donation-page .ways-to-donation-section .section-content .donation-ways-container .donation-ways-item .donation-ways-item-inner { padding: 35px 30px; } #content-wrapper #disaster-page .disaster-info-section .custom-container { padding-top: 50px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 460px); } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-right: 40px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item:nth-of-type(2) { width: 460px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 30px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item .layout-inner .numbers-container { margin: 0px -12px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item .layout-inner .numbers-container .item { padding: 0px 12px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item .layout-inner .numbers-container .item ul li:nth-of-type(1) { min-width: 90px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item .layout-inner .numbers-container .item ul li span { font-size: 20px; } #content-wrapper #disaster-page .affected-area-section .section-title .layout-container .layout-item:nth-of-type(1) { width: 65%; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container:not(:last-child) { margin-bottom: 80px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container .layout-container .layout-item:nth-of-type(1) { width: 35%; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-right: 30px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container .layout-container .layout-item:nth-of-type(2) { width: 65%; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container:nth-of-type(even) .layout-container:nth-of-type(1) .layout-inner { padding-left: 30px; } /*--------------------------------- Content Wrapper Ends ----------------------------------*/ /*--------------------------------- Footer Wrapper Starts ---------------------------------*/ #footer-wrapper .custom-container { padding-top: 60px; padding-bottom: 60px; } #footer-wrapper .top-footer .footer-container .footer-item .title { margin-bottom: 15px; } #footer-wrapper .top-footer .footer-container .footer-item .content ul li:not(:last-child) { margin-bottom: 10px; } #footer-wrapper .top-footer .footer-container .footer-item .content.menu ul li:not(:last-child) { margin-bottom: 16px; } #footer-wrapper .top-footer .footer-container .footer-item .content .common-form { margin-bottom: 16px; } #footer-wrapper .top-footer .footer-container .footer-item.useful-links { max-width: 400px; } #footer-wrapper .bottom-footer .custom-container { padding-top: 35px; padding-bottom: 35px; } #footer-wrapper .bottom-footer .footer-container .footer-item .logo-container { width: 180px; } #footer-wrapper .bottom-footer .footer-container .footer-item .social-container { margin-top: 5px; } #footer-wrapper .bottom-footer .footer-container .footer-item .social-container ul li a { width: 45px; height: 45px; } #footer-wrapper .bottom-footer .footer-container .footer-item .social-container ul li:not(:last-child) { margin-right: 8px; } /*---------------------------------- Footer Wrapper Ends ----------------------------------*/ /*----------------------------------- Components Starts -----------------------------------*/ .common-video-list-container { margin: -30px -10px; } .common-video-list-container .video-list { padding: 30px 10px; } .common-video-list-container .video-list .video-list-inner .video-thumnail-container .image-container { height: 360px; } .common-video-list-container .video-list .video-list-inner .video-thumnail-container:after { background-size: 75px 75px; } .common-logo-container a { width: 155px; } .common-banner-section .banner-slider .banner-item { height: calc(100vh - 90px); } .common-banner-section .banner-slider .banner-item .text-container .inner { width: 550px; padding: 25px 42px; } .common-banner-section .banner-slider .banner-item .text-container .inner .content { margin-top: 20px; } .common-banner-section.type-program-page .banner-slider .banner-item { height: 350px; } .common-banner-section.type-program-page .banner-slider .banner-item .text-container { left: 110px; } .common-banner-section.type-program-page .banner-slider .banner-item .text-container .inner { padding: 25px; } .common-section-title .description { margin: 23px 0px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 460px); } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) { width: 460px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 45px; padding-bottom: 120px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container .date-title-container { margin-bottom: 24px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container .description-container { margin-bottom: 26px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container .action-container ul { gap: 10px; } .common-featured-block-container.type-article .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 460px); } .common-featured-block-container.type-article .layout-container .layout-item:nth-of-type(2) { width: 460px; } .common-featured-block-container.type-article .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 60px !important; } .common-page-top-section:after { height: 340px; } .common-page-top-section .custom-container { padding-top: 70px; } .common-page-top-section .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-top: 50px; padding-right: 80px; } .common-page-top-section .layout-container .layout-item .layout-inner .text-container span { margin-bottom: 16px; } .common-page-top-section .layout-container .layout-item .layout-inner .image-container { height: 340px; } .common-select-container ul li:not(:last-child) { margin-bottom: 6px; } .common-box-container { margin: -30px -10px; } .common-box-container .box-item { padding: 30px 10px; } .common-box-container .box-item .box-inner .image-container { height: 240px; } .common-box-container .box-item .box-inner .text-container { padding: 25px; } .common-box-container.programs-page { margin: -25px -12px; } .common-box-container.programs-page .box-item { padding: 25px 12px; } .common-box-container.programs-page .box-item .box-inner .text-container .link-container { margin-top: 22px; } .common-box-container.programs-page .box-item .box-inner .text-container .link-container a img { margin-left: 25px; } .common-layout-title { margin-bottom: 40px; } .common-recognition-list-wrapper .recognition-list-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding-left: 80px; } .common-recognition-list-wrapper .recognition-list-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container h4 { margin-bottom: 15px; } .common-recognition-list-wrapper .recognition-list-container:nth-of-type(even) .layout-container .layout-item:nth-of-type(2) .layout-inner { padding-right: 80px; } .common-recognition-list-wrapper .recognition-list-container:not(:last-child) { margin-bottom: 65px; } .common-table thead th { padding: 17px 8px; } .common-table thead th:nth-of-type(1) { width: 380px; } .common-table tbody tr td { padding: 32px 8px; } .common-page-banner-section .custom-container { padding-top: 60px; padding-bottom: 60px; } .common-page-banner-section .image-container { height: 310px; } .common-nset-division-container .nset-division-list:not(:last-child) { margin-bottom: 35px; } /*------------------------------------ Components Ends ------------------------------------*/ /*-------------------------------------- Modal Starts -------------------------------------*/ /*--------------------------------------- Modal Ends --------------------------------------*/ /*---------------------------------- Slick Slider Starts ----------------------------------*/ /*----------------------------------- Slick Slider Ends -----------------------------------*/ /*------------------------------------ Animation Starts -----------------------------------*/ /*------------------------------------- Animation Ends ------------------------------------*/ } @media all and (max-width: 1250px) { /*------------------------------------ Site Wide Starts -----------------------------------*/ body.menu-open #header-wrapper .common-logo-nav-wrapper .nav-container { opacity: 1; pointer-events: initial; } body.menuarrowtransition #header-wrapper .nav-container nav > ul > li.has-sub-menu.menu-show > a:after { transform: translateY(-50%) rotate(180deg); } body { font-size: 16px; } h1 { font-size: 32px; } h3 { font-size: 24px; } h4 { font-size: 22px; } .common-medium-small-font { font-size: 14px; } .small-font { font-size: 13px !important; } .custom-container { padding: 80px 90px; } .custom-container.type-one { padding-left: 140px; padding-right: 140px; } .custom-container.type-small-side-padding { padding-left: 30px; padding-right: 30px; } .custom-container.small-width-container { max-width: 850px; } .co-btn { padding: 10px 15px; font-size: 13px; height: 38px; } .download-btn { height: 38px; } /*------------------------------------- Site Wide Ends ------------------------------------*/ /*------------------------------------ Body Style Start -----------------------------------*/ /*------------------------------------- Body Style Ends -----------------------------------*/ /*--------------------------------- Header Wrapper Starts ---------------------------------*/ #header-wrapper .common-logo-nav-wrapper .nav-container { width: 100%; height: 100vh; position: fixed; background-image: linear-gradient(rgba(219, 37, 37, 0.94), rgba(219, 37, 37, 0.94)), url("../img/background/banner_home.jpg"); left: 0; top: 0; z-index: 9; overflow-y: scroll; opacity: 0; pointer-events: none; padding-top: 200px; } #header-wrapper .common-logo-nav-wrapper .nav-container nav { position: relative; z-index: 1; } #header-wrapper .common-logo-nav-wrapper .nav-container nav ul li { display: block; text-align: center; } #header-wrapper .common-logo-nav-wrapper .nav-container nav ul li:not(:last-child) { margin-right: 0px; } #header-wrapper .common-logo-nav-wrapper .nav-container nav ul li a { color: #fff !important; font-size: 30px; padding: 28px 0px; width: initial; display: inline-block; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li.has-sub-menu.menu-show > ul { display: block !important; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul { display: none; min-width: 100%; position: relative; left: 0; top: 100%; opacity: 1; pointer-events: none; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul:after { display: none; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li { background-color: #bb2929 !important; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li:hover { background-color: #bb2929 !important; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li a { font-size: 17px; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li.has-sub-menu > a { padding-right: 0px; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li.has-sub-menu > a:after { right: -54px; top: 55%; height: 25px; width: 68px; filter: brightness(0) invert(1); background-image: url(../img/icons/down-arrow-large.png); } #header-wrapper .common-logo-nav-wrapper .nav-container .close-icon-container { display: block; position: absolute; top: 25px; right: 25px; cursor: pointer; } #header-wrapper .common-logo-nav-wrapper .nav-container .close-icon-container img { width: 45px; } .common-logo-nav-wrapper { padding: 14px 0px; } .common-logo-nav-wrapper .action-container { display: none; } .common-logo-nav-wrapper .action-container .action-item:nth-of-type(1) { margin-right: 12px; } .common-logo-nav-wrapper .action-container .action-item.get-involved a { padding: 10px 14px; } .close-icon-container { display: block; position: absolute; top: 25px; right: 25px; cursor: pointer; } .close-icon-container img { width: 45px; } /*--------------------------------- Header Wrapper Starts ---------------------------------*/ /*----------------------------------- Navigation Starts -----------------------------------*/ /*------------------------------------ Navigation Ends ------------------------------------*/ /*-------------------------------- Content Wrapper Starts ---------------------------------*/ #content-wrapper #home-page .about-section .about-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 50px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(1) { width: 380px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(1) .layout-inner .description { font-size: 15px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) { width: calc(100% - 380px); } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .title { margin-bottom: 45px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container { margin: -20px -10px; flex-wrap: wrap; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item { padding: 20px 10px; width: 50%; text-align: center; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .icon img { width: 75px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .text { padding: 0px 50px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .text h3 { margin-top: 23px; margin-bottom: 4px; font-size: 21px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .text span { font-size: 15px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item .layout-inner { padding: 48px; padding-bottom: 60px; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 250px); } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(2) { width: 250px; } #content-wrapper #home-page .ongoing-projects-section .section-title { margin-bottom: 35px; } #content-wrapper #home-page .articles-section .section-title { margin-bottom: 35px; } #content-wrapper #home-page .articles-section .section-content .common-featured-block-container { margin-bottom: 20px; } #content-wrapper #home-page .collaboration-section .title { margin-bottom: 45px; } #content-wrapper #home-page .collaboration-section .title h4:after { width: 40px; height: 3px; bottom: -12px; } #content-wrapper #about-page .who-we-are-section .custom-container { padding-top: 40px; } #content-wrapper #about-page .who-we-are-section .layout-container .layout-item:nth-of-type(1) .layout-inner { padding: 65px 90px; } #content-wrapper #about-page .who-we-are-section .layout-container .layout-item .layout-inner .text-container h1 { margin-bottom: 18px; } #content-wrapper #about-page .tagline-section .tagline-container { max-width: 700px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 0px 50px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container .layout-item .layout-inner .image-container { height: 440px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container:not(:last-child) { margin-bottom: 45px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item:nth-of-type(1) .layout-inner { padding: 0px 50px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .title { margin-bottom: 40px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li img { width: 80px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li h4 { margin-bottom: 10px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li:nth-of-type(1) { margin-right: 18px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li:nth-of-type(2) { padding-top: 18px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul:not(:last-child) { margin-bottom: 40px; } #content-wrapper #strategic-plan-page .goal-image-section .goal-image-container .image-container { width: 660px; } #content-wrapper #strategic-plan-page .goal-image-section .goal-image-container .text-container { top: 60px; } #content-wrapper #strategic-plan-page .goal-image-section .goal-image-container .text-container h1 { padding: 11px; } #content-wrapper #strategic-plan-page .goal-image-section .goal-image-container .text-container h1:not(:last-child) { margin-bottom: 11px; } #content-wrapper #strategic-plan-page .strategic-objectives-section .section-content .strategic-objectives-container .strategic-objectives-list .inner { padding: 30px 30px; } #content-wrapper #strategic-plan-page .strategic-objectives-section .section-content .strategic-objectives-container .strategic-objectives-list .inner .title { margin-bottom: 30px; } #content-wrapper #strategic-plan-page .strategic-objectives-section .section-content .strategic-objectives-container .strategic-objectives-list:nth-of-type(1) .inner .title { margin-bottom: 18px; } #content-wrapper #team-page .team-members-list-section .team-list-container { margin: -10px; flex-wrap: wrap; } #content-wrapper #team-page .team-members-list-section .team-list-container .team-item { padding: 10px; width: 33.33%; } #content-wrapper #team-page .team-members-list-section .team-list-container .team-item .text-container { margin-top: 15px; } #content-wrapper #history-page .page-banner-section { padding: 100px 0px; } #content-wrapper #history-page .page-banner-section .title span { font-size: 50px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container { margin: -0px -20px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item { padding: 0px 20px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container:after { width: 12px; height: 12px; left: -26px; top: 20px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container h3, #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container h4, #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container h5, #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container h6, #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container b { margin-bottom: 15px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container p { font-size: 15px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .image-container { height: 290px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list:not(:last-child) { margin-bottom: 40px; } #content-wrapper #partners-page .description-section .custom-container { padding-top: 50px; padding-bottom: 50px; } #content-wrapper #partners-page .description-section .custom-container .details-container { margin-top: 45px; } #content-wrapper #partners-page .description-section .custom-container .details-container .details-list:not(:last-child) { margin-bottom: 45px; } #content-wrapper #partners-page .description-section .custom-container .details-container .details-list .details-title { margin-bottom: 15px; } #content-wrapper #partners-page .logo-collection-section .logo-collection-container .item:not(:last-child) { margin-bottom: 70px; } #content-wrapper #earthquake-risk-management-page .earthquake-risk-management-section .thumnail-image-container { margin-top: 70px; } #content-wrapper #earthquake-risk-management-page .earthquake-risk-management-section .thumnail-image-container .image-container { height: 560px; } #content-wrapper #earthquake-risk-management-page .activities-section .title { margin-bottom: 65px; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list .layout-container { margin: -0px -30px; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list .layout-container .layout-item { padding: 0px 30px; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list .layout-container .layout-item .text-container h4 { margin-bottom: 18px; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list:not(:last-child) { margin-bottom: 50px; } #content-wrapper #programs-page .programs-list-section .filter-wrapper { padding: 30px 0px; } #content-wrapper #programs-page .programs-list-section .filter-wrapper .filter-container a { padding: 6px 15px; } #content-wrapper #programs-page .programs-list-section .filter-wrapper .filter-container a ul li:nth-of-type(2) { width: 90px; } #content-wrapper #programs-page .thematic-process-list-section .custom-container { padding-top: 60px; } #content-wrapper #programs-page .nset-division-list-section .tagline-container { max-width: 680px; padding: 50px 0px; } #content-wrapper #reports-page .banner-section .custom-container { padding-top: 90px; padding-bottom: 90px; } #content-wrapper #reports-page .banner-section .custom-container .text-container { max-width: 420px; } #content-wrapper #reports-page .banner-section .custom-container .text-container h1 { margin-bottom: 15px; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 54px; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item .layout-inner .latest-report-container .title-description-container h4 { margin-bottom: 10px; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item .layout-inner .latest-report-container .numbers-container { margin: 25px 0px; } #content-wrapper #reports-page .all-reports-section .title { padding-bottom: 13px; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a { padding: 18px 0px; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a .item ul li:nth-of-type(1) { margin-right: 15px; } #content-wrapper #vacancy-page .title-section .custom-container { padding-bottom: 40px; } #content-wrapper #vacancy-page .title-section .text-container h1 { margin-bottom: 17px; } #content-wrapper #vacancy-page .vacancy-list-section .title { margin-bottom: 30px; } #content-wrapper #vacancy-page .vacancy-list-section .common-job-list-container { margin-bottom: 50px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 280px); } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item:nth-of-type(2) { width: 280px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .details-container .job-details ul li span { min-width: 110px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .details-container .common-bottom-margin { margin-bottom: 30px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .apply-now-container { padding: 25px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .apply-now-container .apply-now-btn a { height: 40px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .apply-now-container .common-bottom-margin { margin-bottom: 25px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item:nth-of-type(1) { width: 330px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item:nth-of-type(2) { width: calc(100% - 330px); } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner { padding: 38px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .subtitle { margin-bottom: 17px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .title { margin-bottom: 25px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .title h1 { margin-bottom: 8px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .location { margin-bottom: 35px; } #content-wrapper #contact-page .apply-tender-section .custom-container { padding-top: 60px; padding-bottom: 60px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container { padding: 65px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-right: 70px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding-left: 70px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item .layout-inner .text-container h4 { margin-bottom: 11px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item .layout-inner .text-container span { margin-bottom: 20px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .blog-title { margin-bottom: 40px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .blog-title .category { margin-bottom: 20px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .blog-title h1 { margin-bottom: 10px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .thumnail-image-container { height: 500px; margin-bottom: 60px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .events-gallery-container { margin-top: 50px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .events-gallery-container .gallery-title { margin-bottom: 20px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .common-padding { padding: 0px 80px; } #content-wrapper #nepal-localization-page .common-width { max-width: 900px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .logo-title-container .logo-container { width: 170px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .logo-title-container .title-container h1 { font-size: 50px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .objective-container .objective-item .objective-title { display: flex; gap: 15px; padding-bottom: 15px; margin-bottom: 15px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .objective-container .objective-item:not(:last-child) { margin-bottom: 35px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .thumnail-image-container { margin: 65px 0px; } #content-wrapper #nepal-localization-page .tagline-section .custom-container { padding-top: 80px; padding-bottom: 80px; } #content-wrapper #nepal-localization-page .info-logo-section .common-items-container .common-item .item-title { margin-bottom: 15px; } #content-wrapper #nepal-localization-page .info-logo-section .common-items-container .common-item .item-content img { width: 100%; } #content-wrapper #nepal-localization-page .info-logo-section .common-items-container .common-item:not(:last-child) { margin-bottom: 40px; } #content-wrapper #nepal-localization-page .photos-section .title-container { margin-bottom: 35px; } #content-wrapper #nepal-localization-page .photos-section .common-photos-container .photos-list-item .image-list-container .image-container { height: 270px; } #content-wrapper #nepal-localization-page .photos-section .common-photos-container .photos-list-item:not(:last-child) { margin-bottom: 45px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item:nth-of-type(1) { width: 290px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item:nth-of-type(1) .inner { padding-right: 60px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item:nth-of-type(2) { width: calc(100% - 290px); } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item:nth-of-type(2) .inner { padding-left: 60px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .layout-sub-title { margin-bottom: 25px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .publications-list-container { display: flex; flex-wrap: wrap; margin: -15px -10px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .publications-list-container .publication-list { width: 50%; padding: 15px 10px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .common-pagination-container { margin-top: 60px; } #content-wrapper #donation-page .banner-section .custom-container { padding-top: 90px; padding-bottom: 90px; } #content-wrapper #donation-page .contribute-section .layout-container .layout-item { width: 50% !important; } #content-wrapper #donation-page .contribute-section .layout-container .layout-item:nth-of-type(1) { padding-right: 40px; } #content-wrapper #donation-page .contribute-section .layout-container .layout-item .layout-inner .description { margin-bottom: 35px; } #content-wrapper #donation-page .ways-to-donation-section .title-container { margin-bottom: 35px; } #content-wrapper #donation-page .ways-to-donation-section .section-content .donation-ways-container .donation-ways-item { width: 50%; } #content-wrapper #donation-page .ways-to-donation-section .section-content .donation-ways-container .donation-ways-item .donation-ways-item-inner { padding: 35px 30px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .publications-list-container { margin: -25px -10px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .publications-list-container .publication-list { padding: 25px 10px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .publications-list-container.reports-list .publication-list { width: 33.33%; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .common-pagination-container { margin-top: 40px; } #content-wrapper #disaster-page .disaster-info-section .custom-container { padding-top: 40px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item:nth-of-type(1) { width: 100%; margin-bottom: 30px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-right: 0px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item:nth-of-type(2) { width: 100%; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 35px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container:not(:last-child) { margin-bottom: 70px; } /*--------------------------------- Content Wrapper Ends ----------------------------------*/ /*--------------------------------- Footer Wrapper Starts ---------------------------------*/ #footer-wrapper .custom-container { padding-top: 60px; padding-bottom: 60px; } #footer-wrapper .top-footer .footer-container .footer-item .title { margin-bottom: 15px; } #footer-wrapper .top-footer .footer-container .footer-item .content ul li:not(:last-child) { margin-bottom: 10px; } #footer-wrapper .top-footer .footer-container .footer-item .content.menu ul { column-gap: 40px; } #footer-wrapper .top-footer .footer-container .footer-item .content.menu ul li:not(:last-child) { margin-bottom: 13px; } #footer-wrapper .top-footer .footer-container .quicklinks { display: none; } #footer-wrapper .bottom-footer .custom-container { padding-top: 25px; padding-bottom: 25px; } #footer-wrapper .bottom-footer .footer-container .footer-item .logo-container { width: 170px; } #footer-wrapper .bottom-footer .footer-container .footer-item .social-container ul li a { width: 45px; height: 45px; } #footer-wrapper .bottom-footer .footer-container .footer-item .social-container ul li:not(:last-child) { margin-right: 8px; } /*---------------------------------- Footer Wrapper Ends ----------------------------------*/ /*----------------------------------- Components Starts -----------------------------------*/ .ideology-list-container .ideology-list:not(:last-child) { margin-bottom: 40px; } .ideology-list-container .ideology-list .block-container { display: flex; flex-wrap: wrap; } .ideology-list-container .ideology-list .block-container .block-item:nth-of-type(1) { width: 110px; } .ideology-list-container .ideology-list .block-container .block-item:nth-of-type(2) { width: calc(100% - 110px); padding-left: 50px; } .common-video-list-container { margin: -25px -10px; } .common-video-list-container .video-list { padding: 25px 10px; } .common-video-list-container .video-list .video-list-inner .video-thumnail-container .image-container { height: 340px; } .common-video-list-container .video-list .video-list-inner .video-thumnail-container:after { background-size: 70px 70px; } .common-thematic-process-container .thematic-focus-item .block-container { padding: 20px; } .common-thematic-process-container .thematic-focus-item .block-container .block-item { width: 50%; } .common-thematic-process-container .thematic-focus-item .block-container .block-item:nth-of-type(2) { padding: 0px 50px; } .common-thematic-process-container .thematic-focus-item .block-container .block-item .block-inner .image-container { height: 360px; } .common-toggle { display: flex; align-items: center; cursor: pointer; } .common-toggle.type-open .inner { width: 28px; display: flex; flex-wrap: wrap; justify-content: flex-end; position: relative; text-align: center; } .common-toggle.type-open .inner span { display: block; width: 100%; height: 2px; margin-right: auto; background-color: #1e1e1e; transition: all .4s ease; } .common-toggle.type-open .inner span:not(:last-of-type) { margin-bottom: 6px; } .common-toggle.type-open:hover .inner span { background-color: #DED5C4 !important; transition: all .4s ease; } .common-toggle.type-close .inner i { font-size: 20px; color: #fff; } .common-toggle .inner { margin-right: 10px; } .common-logo-container a { width: 180px; } .common-banner-section .banner-slider .banner-item { height: calc(100vh - 85px); } .common-banner-section .banner-slider .banner-item .text-container .inner { width: 520px; padding: 25px 42px; } .common-banner-section.type-program-page .banner-slider .banner-item { height: 330px; } .common-banner-section.type-program-page .banner-slider .banner-item .text-container { left: 90px; } .common-banner-section.type-program-page .banner-slider .banner-item .text-container .inner { padding: 20px; } .common-section-title .description { margin: 20px 0px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 410px); } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) { width: 410px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 35px; padding-bottom: 80px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container .date-title-container { margin-bottom: 20px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container .description-container { margin-bottom: 22px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container .action-container ul { gap: 10px; } .common-featured-block-container.type-article .layout-container .layout-item:nth-of-type(1) { width: calc(100% - 420px); } .common-featured-block-container.type-article .layout-container .layout-item:nth-of-type(2) { width: 420px; } .common-featured-block-container.type-article .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 45px !important; } .common-page-top-section:after { height: 320px; } .common-page-top-section .custom-container { padding-top: 70px; } .common-page-top-section .layout-container .layout-item:nth-of-type(1) { width: 460px; } .common-page-top-section .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-top: 50px; padding-right: 80px; } .common-page-top-section .layout-container .layout-item:nth-of-type(2) { width: calc(100% - 460px); } .common-page-top-section .layout-container .layout-item .layout-inner .text-container span { margin-bottom: 16px; } .common-page-top-section .layout-container .layout-item .layout-inner .image-container { height: 320px; } .common-select-container ul li:not(:last-child) { margin-bottom: 4px; } .common-box-container { margin: -30px -10px; } .common-box-container .box-item { padding: 30px 10px; } .common-box-container .box-item .box-inner .image-container { height: 220px; } .common-box-container .box-item .box-inner .text-container { padding: 22px; } .common-box-container.programs-page { margin: -20px -10px; } .common-box-container.programs-page .box-item { padding: 20px 10px; } .common-box-container.programs-page .box-item .box-inner .text-container .link-container { margin-top: 20px; } .common-box-container.programs-page .box-item .box-inner .text-container .link-container a img { margin-left: 23px; } .common-layout-title { margin-bottom: 35px; } .common-recognition-list-wrapper .recognition-list-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding-left: 60px; } .common-recognition-list-wrapper .recognition-list-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container h4 { margin-bottom: 15px; } .common-recognition-list-wrapper .recognition-list-container:nth-of-type(even) .layout-container .layout-item:nth-of-type(2) .layout-inner { padding-right: 60px; } .common-recognition-list-wrapper .recognition-list-container:not(:last-child) { margin-bottom: 50px; } .common-table thead th { padding: 15px 8px; } .common-table thead th:nth-of-type(1) { width: 350px; } .common-table tbody tr td { padding: 31px 8px; } .common-page-banner-section .custom-container { padding-top: 50px; padding-bottom: 50px; } .common-page-banner-section .image-container { height: 290px; } .common-form-wrapper .form-container .form-title { margin-bottom: 15px; } .common-form-wrapper .form-container:not(:last-child) { margin-bottom: 30px; } .common-form .fields .form-group { /* shared option layout */ } .common-form .fields .form-group label { font-size: 13px; } .common-form .fields .form-group input, .common-form .fields .form-group select, .common-form .fields .form-group textarea { font-size: 13px; height: 45px; } .common-form .fields .form-group textarea { height: 70px; } .common-form .fields .form-group .option-group { gap: 30px; margin-top: 5px; } .common-form .fields .form-group .option-label span { font-size: 13px; } .common-form.type-footer .form-action input { height: 45px; } .common-form .form-action { margin-top: 30px; } .common-nset-division-container .nset-division-list:not(:last-child) { margin-bottom: 30px; } /*------------------------------------ Components Ends ------------------------------------*/ /*-------------------------------------- Modal Starts -------------------------------------*/ /*--------------------------------------- Modal Ends --------------------------------------*/ /*---------------------------------- Slick Slider Starts ----------------------------------*/ /*----------------------------------- Slick Slider Ends -----------------------------------*/ /*------------------------------------ Animation Starts -----------------------------------*/ /*------------------------------------- Animation Ends ------------------------------------*/ } @media all and (max-width: 991px) { /*------------------------------------ Site Wide Starts -----------------------------------*/ h1 { font-size: 30px; } h2 { font-size: 29px; } h3 { font-size: 24px; } h4 { font-size: 21px; } .custom-container { padding: 60px 50px; } .custom-container.type-one { padding-left: 50px; padding-right: 50px; } .custom-container.small-width-container { padding-left: 50px; padding-right: 50px; max-width: 100%; } .co-btn { padding: 13px 15px; font-size: 13px; height: 40px; } .download-btn { height: 40px; } /*------------------------------------- Site Wide Ends ------------------------------------*/ /*------------------------------------ Body Style Start -----------------------------------*/ /*------------------------------------- Body Style Ends -----------------------------------*/ /*--------------------------------- Header Wrapper Starts ---------------------------------*/ #header-wrapper .common-logo-nav-wrapper .nav-container nav { position: relative; z-index: 1; } #header-wrapper .common-logo-nav-wrapper .nav-container nav ul li { display: block; text-align: center; } #header-wrapper .common-logo-nav-wrapper .nav-container nav ul li:not(:last-child) { margin-right: 0px; } #header-wrapper .common-logo-nav-wrapper .nav-container nav ul li a { font-size: 30px; padding: 28px 0px; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul { display: none; min-width: 100%; position: relative; left: 0; top: 100%; opacity: 1; pointer-events: none; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li a { font-size: 17px; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li.has-sub-menu > ul { display: none; min-width: 100%; position: relative; left: 0; top: 0; opacity: 1; pointer-events: none; background-color: #bb2929; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li.has-sub-menu > ul > li { background-color: #a12222; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li.has-sub-menu > ul > li a { font-size: 15px; padding: 18px 0px; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li.has-sub-menu.menu-show > ul { display: block !important; pointer-events: auto !important; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li.has-sub-menu > a { padding-right: 0px; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li.has-sub-menu.menu-show > ul { display: block !important; pointer-events: auto !important; } #header-wrapper .common-logo-nav-wrapper .nav-container .close-icon-container { display: block; position: absolute; top: 25px; right: 25px; cursor: pointer; } #header-wrapper .common-logo-nav-wrapper .nav-container .close-icon-container img { width: 45px; } .common-logo-nav-wrapper { padding: 14px 0px; } .common-logo-nav-wrapper .action-container { display: none; } .common-logo-nav-wrapper .action-container .action-item:nth-of-type(1) { margin-right: 12px; } .common-logo-nav-wrapper .action-container .action-item.get-involved a { padding: 10px 14px; } /*--------------------------------- Header Wrapper Starts ---------------------------------*/ /*----------------------------------- Navigation Starts -----------------------------------*/ /*------------------------------------ Navigation Ends ------------------------------------*/ /*-------------------------------- Content Wrapper Starts ---------------------------------*/ #content-wrapper #home-page .about-section .about-container .layout-container { margin: -0px; } #content-wrapper #home-page .about-section .about-container .layout-container .layout-item { width: 100%; padding: 0px; } #content-wrapper #home-page .about-section .about-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 35px; } #content-wrapper #home-page .about-section .report-container .layout-container { flex-wrap: wrap; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item { width: 100% !important; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(1) .layout-inner .background-image { display: none; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .title { margin-bottom: 35px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container { margin: -20px -10px; flex-wrap: wrap; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item { padding: 20px 10px; width: 25%; text-align: center; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .icon img { width: 75px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .text { padding: 0px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .text h3 { margin-top: 23px; margin-bottom: 4px; font-size: 21px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .text span { font-size: 15px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item .layout-inner { padding: 40px; padding-bottom: 55px; } #content-wrapper #home-page .ongoing-projects-section .section-title { margin-bottom: 35px; } #content-wrapper #home-page .articles-section .section-title { margin-bottom: 30px; } #content-wrapper #home-page .collaboration-section .title { margin-bottom: 45px; } #content-wrapper #home-page .collaboration-section .title h4:after { width: 40px; height: 3px; bottom: -12px; } #content-wrapper #about-page .who-we-are-section .custom-container { padding-top: 35px; } #content-wrapper #about-page .who-we-are-section .layout-container { flex-wrap: wrap; flex-direction: column-reverse; } #content-wrapper #about-page .who-we-are-section .layout-container .layout-item { width: 100% !important; } #content-wrapper #about-page .who-we-are-section .layout-container .layout-item:nth-of-type(1) .layout-inner { padding: 40px; } #content-wrapper #about-page .who-we-are-section .layout-container .layout-item .layout-inner .image-container { height: 500px; } #content-wrapper #about-page .who-we-are-section .layout-container .layout-item .layout-inner .text-container h1 { margin-bottom: 18px; } #content-wrapper #about-page .tagline-section .tagline-container { max-width: 600px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container { flex-wrap: wrap; margin: -0px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container .layout-item { width: 100% !important; padding: 0px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container .layout-item:nth-of-type(2) { margin-top: 30px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 0px 0px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container .layout-item .layout-inner .image-container { height: 480px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container:not(:last-child) { margin-bottom: 40px; } #content-wrapper #about-page .mission-vission-section .layout-container { flex-wrap: wrap; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item { width: 100% !important; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item:nth-of-type(1) { margin-bottom: 30px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item:nth-of-type(1) .layout-inner { padding: 0px 0px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .title { margin-bottom: 35px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li img { width: 80px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li h4 { margin-bottom: 10px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li:nth-of-type(1) { margin-right: 18px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul li:nth-of-type(2) { padding-top: 18px; } #content-wrapper #about-page .mission-vission-section .layout-container .layout-item .layout-inner .mission-vission-container ul:not(:last-child) { margin-bottom: 25px; } #content-wrapper #strategic-plan-page .goal-image-section .goal-image-container .image-container { width: 660px; } #content-wrapper #strategic-plan-page .goal-image-section .goal-image-container .text-container { top: 60px; } #content-wrapper #strategic-plan-page .goal-image-section .goal-image-container .text-container h1 { padding: 11px; } #content-wrapper #strategic-plan-page .goal-image-section .goal-image-container .text-container h1:not(:last-child) { margin-bottom: 11px; } #content-wrapper #strategic-plan-page .strategic-objectives-section .section-content .strategic-objectives-container .strategic-objectives-list { width: 50%; } #content-wrapper #strategic-plan-page .strategic-objectives-section .section-content .strategic-objectives-container .strategic-objectives-list .inner .title { margin-bottom: 25px; } #content-wrapper #strategic-plan-page .strategic-objectives-section .section-content .strategic-objectives-container .strategic-objectives-list:nth-of-type(1) .inner .title { margin-bottom: 15px; } #content-wrapper #partners-page .logo-collection-section .logo-collection-container .item:not(:last-child) { margin-bottom: 60px; } #content-wrapper #earthquake-risk-management-page .earthquake-risk-management-section .thumnail-image-container { margin-top: 50px; } #content-wrapper #earthquake-risk-management-page .earthquake-risk-management-section .thumnail-image-container .image-container { height: 500px; } #content-wrapper #earthquake-risk-management-page .activities-section .title { margin-bottom: 35px; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list .layout-container { margin: -0px; flex-wrap: wrap; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list .layout-container .layout-item { padding: 0px; width: 100% !important; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list .layout-container .layout-item:nth-of-type(1) { margin-bottom: 30px; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list .layout-container .layout-item .text-container h4 { margin-bottom: 15px; } #content-wrapper #earthquake-risk-management-page .activities-section .activities-list-container .list:not(:last-child) { margin-bottom: 40px; } #content-wrapper #programs-page .programs-list-section .filter-wrapper { padding: 25px 0px; } #content-wrapper #programs-page .programs-list-section .filter-wrapper .filter-container a { padding: 6px 13px; } #content-wrapper #programs-page .programs-list-section .filter-wrapper .filter-container a ul li:nth-of-type(2) { width: 70px; } #content-wrapper #programs-page .nset-division-list-section .tagline-container { max-width: 680px; padding: 40px 0px; } #content-wrapper #reports-page .banner-section .custom-container { padding-top: 75px; padding-bottom: 75px; } #content-wrapper #reports-page .banner-section .custom-container .text-container { max-width: 420px; } #content-wrapper #reports-page .banner-section .custom-container .text-container h1 { margin-bottom: 15px; } #content-wrapper #reports-page .featured-report-section .layout-container { flex-wrap: wrap; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item { width: 100% !important; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 40px; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item:nth-of-type(2) .layout-inner .pattern-background-container { display: none; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item .layout-inner .image-container { height: 500px; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item .layout-inner .latest-report-container .numbers-container { margin: 23px 0px; } #content-wrapper #reports-page .all-reports-section .title { padding-bottom: 13px; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a { padding: 18px 0px; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a .item ul li:nth-of-type(1) { margin-right: 15px; } #content-wrapper #vacancy-page .vacancy-list-section .title { margin-bottom: 20px; } #content-wrapper #vacancy-page .vacancy-list-section .common-job-list-container { margin-bottom: 40px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item { width: 100% !important; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner { padding: 30px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .subtitle { margin-bottom: 15px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .title { margin-bottom: 15px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .title h1 { margin-bottom: 5px; } #content-wrapper #contact-page .contact-form-section .layout-container .layout-item .layout-inner .location { margin-bottom: 25px; } #content-wrapper #contact-page .apply-tender-section .custom-container { padding-top: 50px; padding-bottom: 50px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container { padding: 50px; flex-wrap: wrap; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item { width: 100%; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item:nth-of-type(1) { margin-bottom: 40px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-right: 0px; border-right: none; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding-left: 0px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item .layout-inner .text-container h4 { margin-bottom: 11px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item .layout-inner .text-container span { margin-bottom: 20px; } #content-wrapper #nepal-localization-page .common-width { max-width: 100%; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .logo-title-container .logo-container { width: 160px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .logo-title-container .title-container h1 { font-size: 45px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .thumnail-image-container { margin: 50px 0px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .objective-container .objective-item:not(:last-child) { margin-bottom: 30px; } #content-wrapper #nepal-localization-page .tagline-section .custom-container { padding-top: 70px; padding-bottom: 70px; } #content-wrapper #nepal-localization-page .info-logo-section .common-items-container .common-item:not(:last-child) { margin-bottom: 35px; } #content-wrapper #nepal-localization-page .photos-section .title-container { margin-bottom: 30px; } #content-wrapper #nepal-localization-page .photos-section .common-photos-container .photos-list-item .image-list-container .image-container { height: 250px; } #content-wrapper #nepal-localization-page .photos-section .common-photos-container .photos-list-item:not(:last-child) { margin-bottom: 35px; } #content-wrapper #donation-page .banner-section .custom-container { padding-top: 80px; padding-bottom: 80px; } #content-wrapper #donation-page .contribute-section .layout-container .layout-item { width: 100% !important; } #content-wrapper #donation-page .contribute-section .layout-container .layout-item:nth-of-type(1) { padding-right: 0px; margin-bottom: 40px; } #content-wrapper #donation-page .contribute-section .layout-container .layout-item .layout-inner .image-container { height: 500px; } #content-wrapper #donation-page .contribute-section .layout-container .layout-item .layout-inner .description { margin-bottom: 30px; } #content-wrapper #donation-page .ways-to-donation-section .title-container { margin-bottom: 30px; } #content-wrapper #donation-page .ways-to-donation-section .section-content .donation-ways-container .donation-ways-item { width: 50%; } #content-wrapper #donation-page .ways-to-donation-section .section-content .donation-ways-container .donation-ways-item .donation-ways-item-inner { padding: 35px 30px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item { width: 100% !important; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item:nth-of-type(1) { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #fff; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item:nth-of-type(1) .inner { padding: 30px 40px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item:nth-of-type(2) .inner { padding-left: 0px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .publications-list-container { margin: -25px -10px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .publications-list-container .publication-list { padding: 25px 10px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .publications-list-container.reports-list .publication-list { width: 50%; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .common-pagination-container { margin-top: 30px; } #content-wrapper #publications-page .publications-list-section .layout-container .publication-category-container { opacity: 0; pointer-events: none; } #content-wrapper #publications-page .publications-list-section .layout-container .publication-category-container.open { opacity: 1; pointer-events: initial; } #content-wrapper #disaster-page { background-size: cover; } #content-wrapper #disaster-page .disaster-info-section .custom-container { padding-top: 30px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 25px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item .layout-inner .description-container .date-container { margin-bottom: 25px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item .layout-inner .numbers-container .item { width: 100%; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item .layout-inner .numbers-container .item:not(:last-child) ul { border-bottom: 1px solid #DED5C4; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item .layout-inner .numbers-container .item ul { padding: 15px 0px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item .layout-inner .numbers-container .item ul li:nth-of-type(1) { min-width: 100px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item .layout-inner .numbers-container .item ul li span { font-size: 20px; } #content-wrapper #disaster-page .affected-area-section .section-title { margin-bottom: 30px; } #content-wrapper #disaster-page .affected-area-section .section-title .layout-container { flex-direction: column; } #content-wrapper #disaster-page .affected-area-section .section-title .layout-container .layout-item:nth-of-type(1) { width: 100%; margin-bottom: 15px; } #content-wrapper #disaster-page .affected-area-section .section-content .source-container { margin-top: 15px; } #content-wrapper #drm-page { background-size: cover; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container:not(:last-child) { margin-bottom: 60px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container:nth-of-type(even) .layout-container { flex-direction: column; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container:nth-of-type(even) .layout-container:nth-of-type(1) .layout-inner { padding-left: 0px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container .layout-container { flex-direction: column; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container .layout-container .layout-item:nth-of-type(1) { width: 100%; margin-bottom: 30px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-right: 0px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container .layout-container .layout-item:nth-of-type(2) { width: 100%; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .highlights-container { margin: 40px 0px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .highlights-container .container-inner { padding: 22px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .highlights-container .container-inner .items-container { justify-content: inherit; flex-wrap: wrap; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .highlights-container .container-inner .items-container .highlights-item { width: 50%; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .highlights-container .container-inner .items-container .highlights-item:nth-of-type(2) { width: 50%; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .highlights-container .container-inner .items-container .highlights-item .block-container .block-item:nth-of-type(2) { padding-left: 14px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .highlights-container .container-inner .items-container .highlights-item .block-container .block-item .icon-container img { width: 50px; } /*--------------------------------- Content Wrapper Ends ----------------------------------*/ /*--------------------------------- Footer Wrapper Starts ---------------------------------*/ #footer-wrapper .custom-container { padding-top: 50px; padding-bottom: 50px; } #footer-wrapper .top-footer .footer-container { flex-wrap: wrap; } #footer-wrapper .top-footer .footer-container .footer-item .title { margin-bottom: 15px; } #footer-wrapper .top-footer .footer-container .footer-item .content ul li:not(:last-child) { margin-bottom: 10px; } #footer-wrapper .top-footer .footer-container .footer-item .content.menu ul { column-gap: 40px; } #footer-wrapper .top-footer .footer-container .footer-item .content.menu ul li:not(:last-child) { margin-bottom: 13px; } #footer-wrapper .top-footer .footer-container .footer-item.useful-links { max-width: 400px; } #footer-wrapper .bottom-footer .custom-container { padding-top: 20px; padding-bottom: 20px; } #footer-wrapper .bottom-footer .footer-container .footer-item .logo-container { width: 170px; } #footer-wrapper .bottom-footer .footer-container .footer-item .social-container ul li a { width: 40px; height: 40px; } #footer-wrapper .bottom-footer .footer-container .footer-item .social-container ul li:not(:last-child) { margin-right: 4px; } /*---------------------------------- Footer Wrapper Ends ----------------------------------*/ /*----------------------------------- Components Starts -----------------------------------*/ .mobile-filter-text-container { display: block; } .publication-category-close-icon-container { display: block; position: absolute; top: 15px; right: 41px; } .publication-category-close-icon-container img { width: 20px; } .useful-links-container { margin: -0px -10px; } .useful-links-container .links-item { width: 50%; padding: 0px 10px; } .useful-links-container .links-item a { display: flex; align-items: center; margin-bottom: 15px; padding-bottom: 8px; border-bottom: 1px solid #d3cab6; } .common-video-list-container { margin: -25px -10px; } .common-video-list-container .video-list { padding: 25px 10px; } .common-video-list-container .video-list .video-list-inner .video-thumnail-container .image-container { height: 300px; } .common-video-list-container .video-list .video-list-inner .video-thumnail-container:after { background-size: 60px 60px; } .common-thematic-process-container .thematic-focus-item .block-container { padding: 20px; flex-wrap: wrap; } .common-thematic-process-container .thematic-focus-item .block-container .block-item { width: 100%; } .common-thematic-process-container .thematic-focus-item .block-container .block-item:nth-of-type(2) { padding: 30px; } .common-thematic-process-container .thematic-focus-item .block-container .block-item .block-inner .image-container { height: 440px; } .common-toggle { display: flex; align-items: center; cursor: pointer; } .common-toggle.type-open .inner { width: 28px; display: flex; flex-wrap: wrap; justify-content: flex-end; position: relative; text-align: center; } .common-toggle.type-open .inner span { display: block; width: 100%; height: 2px; margin-right: auto; background-color: #1e1e1e; transition: all .4s ease; } .common-toggle.type-open .inner span:not(:last-of-type) { margin-bottom: 6px; } .common-toggle.type-open:hover .inner span { background-color: #DED5C4 !important; transition: all .4s ease; } .common-toggle.type-close .inner i { font-size: 20px; color: #fff; } .common-toggle .inner { margin-right: 10px; } .common-logo-container a { width: 180px; } .common-banner-section .banner-slider .banner-item .text-container .inner { width: 490px; padding: 25px 35px; } .common-banner-section.type-program-page .banner-slider .banner-item { height: 300px; } .common-banner-section.type-program-page .banner-slider .banner-item .text-container { left: 50px; } .common-banner-section.type-program-page .banner-slider .banner-item .text-container .inner { padding: 15px; } .common-section-title .description { margin: 20px 0px; } .common-featured-block-container .layout-container { flex-wrap: wrap; } .common-featured-block-container .layout-container .layout-item { width: 100% !important; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 30px; padding-bottom: 80px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container .date-title-container { margin-bottom: 16px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container .action-container ul { gap: 10px; } .common-featured-block-container.type-article .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 30px !important; } .common-page-top-section:after { height: 290px; } .common-page-top-section .custom-container { padding-top: 50px; } .common-page-top-section .layout-container .layout-item:nth-of-type(1) { width: 420px; } .common-page-top-section .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-top: 40px; padding-right: 80px; } .common-page-top-section .layout-container .layout-item:nth-of-type(2) { width: calc(100% - 420px); } .common-page-top-section .layout-container .layout-item .layout-inner .text-container span { margin-bottom: 16px; } .common-page-top-section .layout-container .layout-item .layout-inner .image-container { height: 320px; } .common-select-container ul li:not(:last-child) { margin-bottom: 4px; } .common-box-container { margin: -15px -10px; } .common-box-container .box-item { padding: 15px 10px; width: 50%; } .common-box-container .box-item .box-inner .image-container { height: 250px; } .common-box-container .box-item .box-inner .text-container { padding: 22px; } .common-box-container.programs-page { margin: -15px -10px; } .common-box-container.programs-page .box-item { padding: 15px 10px; } .common-box-container.programs-page .box-item .box-inner .text-container .link-container { margin-top: 18px; } .common-box-container.programs-page .box-item .box-inner .text-container .link-container a img { margin-left: 23px; } .common-recognition-list-wrapper .recognition-list-container .layout-container .layout-item { width: 100% !important; } .common-recognition-list-wrapper .recognition-list-container .layout-container .layout-item:nth-of-type(2) { margin-top: 30px; } .common-recognition-list-wrapper .recognition-list-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding-left: 0px; } .common-recognition-list-wrapper .recognition-list-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container h4 { margin-bottom: 10px; } .common-recognition-list-wrapper .recognition-list-container:nth-of-type(even) .layout-container .layout-item:nth-of-type(2) .layout-inner { padding-right: 0px; } .common-recognition-list-wrapper .recognition-list-container:not(:last-child) { margin-bottom: 40px; } .common-table thead th { padding: 15px 8px; } .common-table thead th:nth-of-type(1) { width: 330px; } .common-table tbody tr td { padding: 29px 8px; } .common-page-banner-section .custom-container { padding-top: 45px; padding-bottom: 45px; } .common-page-banner-section .image-container { height: 270px; } .common-nset-division-container .nset-division-list { width: 100%; } .common-nset-division-container .nset-division-list .text-container .description-container .description-inner { padding: 40px; } .common-nset-division-container .nset-division-list:not(:last-child) { margin-bottom: 30px; } /*------------------------------------ Components Ends ------------------------------------*/ /*-------------------------------------- Modal Starts -------------------------------------*/ .modal.publications .modal-dialog, .modal.teammodal .modal-dialog { width: 92%; } .modal.publications .modal-dialog .modal-content, .modal.teammodal .modal-dialog .modal-content { padding: 20px; padding-top: 40px; } .modal.publications .modal-dialog .modal-content .close, .modal.teammodal .modal-dialog .modal-content .close { top: 2px; right: 4px; } .modal.publications .modal-dialog .modal-content .modal-background-image, .modal.teammodal .modal-dialog .modal-content .modal-background-image { display: none; } .modal.publications .modal-dialog .modal-content .layout-container, .modal.teammodal .modal-dialog .modal-content .layout-container { display: flex; position: relative; z-index: 2; } .modal.publications .modal-dialog .modal-content .layout-container .layout-item, .modal.teammodal .modal-dialog .modal-content .layout-container .layout-item { width: 100% !important; } .modal.publications .modal-dialog .modal-content .layout-container .layout-item:nth-of-type(1), .modal.teammodal .modal-dialog .modal-content .layout-container .layout-item:nth-of-type(1) { display: none; } .modal.publications .modal-dialog .modal-content .layout-container .layout-item:nth-of-type(2) .layout-inner, .modal.teammodal .modal-dialog .modal-content .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 0px; } .modal.publications .modal-dialog .modal-content .layout-container .layout-item .publication-details-container .common-bottom-margin, .modal.teammodal .modal-dialog .modal-content .layout-container .layout-item .publication-details-container .common-bottom-margin { margin-bottom: 25px; } /*--------------------------------------- Modal Ends --------------------------------------*/ /*---------------------------------- Slick Slider Starts ----------------------------------*/ /*----------------------------------- Slick Slider Ends -----------------------------------*/ /*------------------------------------ Animation Starts -----------------------------------*/ /*------------------------------------- Animation Ends ------------------------------------*/ } @media all and (max-width: 767px) { /*------------------------------------ Site Wide Starts -----------------------------------*/ h1 { font-size: 28px; } h2 { font-size: 27px; } .custom-container { padding: 50px 20px; } .custom-container.small-width-container { padding-left: 20px; padding-right: 20px; } .custom-container.type-small-side-padding { padding-left: 20px; padding-right: 20px; } .custom-container.type-one { padding-left: 20px; padding-right: 20px; } /*------------------------------------- Site Wide Ends ------------------------------------*/ /*------------------------------------ Body Style Start -----------------------------------*/ /*------------------------------------- Body Style Ends -----------------------------------*/ /*--------------------------------- Header Wrapper Starts ---------------------------------*/ #header-wrapper .common-logo-nav-wrapper .nav-container { padding-top: 150px; } #header-wrapper .common-logo-nav-wrapper .nav-container nav ul li a { font-size: 25px; padding: 22px 0px; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul { display: none; min-width: 100%; position: relative; left: 0; top: 100%; opacity: 1; pointer-events: none; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul:after { display: none; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li { background-color: #bb2929 !important; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li:hover { background-color: #bb2929 !important; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li > ul > li a { font-size: 17px; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li.has-sub-menu > a { padding-right: 0px; } #header-wrapper .common-logo-nav-wrapper .nav-container nav > ul > li.has-sub-menu > a:after { right: -54px; top: 55%; height: 25px; width: 68px; filter: brightness(0) invert(1); background-image: url(../img/icons/down-arrow-large.png); } /*--------------------------------- Header Wrapper Starts ---------------------------------*/ /*----------------------------------- Navigation Starts -----------------------------------*/ /*------------------------------------ Navigation Ends ------------------------------------*/ /*-------------------------------- Content Wrapper Starts ---------------------------------*/ #content-wrapper #home-page .about-section .about-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 30px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .title { margin-bottom: 35px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .title ul li:nth-of-type(2) { display: none; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container { margin: -10px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item { padding: 10px; width: 50%; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .icon img { width: 70px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .text { padding: 0px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .text h3 { margin-top: 20px; font-size: 20px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item:nth-of-type(2) .layout-inner .numbers-container .info-list-container .info-item .text span { font-size: 15px; } #content-wrapper #home-page .about-section .report-container .layout-container .layout-item .layout-inner { padding: 30px; padding-bottom: 40px; } #content-wrapper #home-page .where-we-work-section .layout-container { flex-wrap: wrap; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item { width: 100% !important; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(1) { position: inherit; top: inherit; padding-right: 0px; margin-bottom: 30px; } #content-wrapper #home-page .where-we-work-section .layout-container .layout-item:nth-of-type(1) .map-images-container .all-programs-map #naksa { height: 35vh; } #content-wrapper #home-page .ongoing-projects-section .section-title { margin-bottom: 30px; } #content-wrapper #home-page .articles-section .section-title { margin-bottom: 30px; } #content-wrapper #home-page .collaboration-section .colaboration-logo-container { margin: -10px; } #content-wrapper #home-page .collaboration-section .colaboration-logo-container .logo-item { width: 50%; padding: 10px; } #content-wrapper #home-page .collaboration-section .slick-slider .slick-prev { left: -1px; } #content-wrapper #home-page .collaboration-section .slick-slider .slick-next { right: -1px; } #content-wrapper #about-page .who-we-are-section .layout-container .layout-item:nth-of-type(1) .layout-inner { padding: 30px; } #content-wrapper #about-page .who-we-are-section .layout-container .layout-item .layout-inner .image-container { height: 320px; } #content-wrapper #about-page .tagline-section .tagline-container h1 { font-size: 28px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container .layout-item .layout-inner .image-container { height: 320px; } #content-wrapper #about-page .about-nset-section .about-nset-container .layout-container:not(:last-child) { margin-bottom: 40px; } #content-wrapper #strategic-plan-page .description-section .custom-container .title { margin-bottom: 12px; } #content-wrapper #strategic-plan-page .goal-image-section { margin-bottom: 40px; } #content-wrapper #strategic-plan-page .goal-image-section .goal-image-container .image-container { width: 100%; } #content-wrapper #strategic-plan-page .goal-image-section .goal-image-container .text-container { top: 30px; position: relative; } #content-wrapper #strategic-plan-page .strategic-objectives-section .section-content .strategic-objectives-container .strategic-objectives-list { width: 100%; } #content-wrapper #strategic-plan-page .strategic-objectives-section .section-content .strategic-objectives-container .strategic-objectives-list .inner .title { margin-bottom: 25px; } #content-wrapper #strategic-plan-page .strategic-objectives-section .section-content .strategic-objectives-container .strategic-objectives-list:nth-of-type(1) .inner .title { margin-bottom: 15px; } #content-wrapper #history-page .page-banner-section { padding: 70px 0px; } #content-wrapper #history-page .page-banner-section .title span { font-size: 40px; } #content-wrapper #history-page .history-list-section .history-list-container:after { display: none; } #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container { margin: -0px; flex-wrap: wrap; flex-direction: column-reverse; } #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item { padding: 0px; width: 100%; } #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item:nth-of-type(2) { margin-bottom: 30px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item:nth-of-type(2) .layout-inner { padding-top: 0px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container:after { display: none; } #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container h3, #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container h4, #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container h5, #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container h6, #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container b { margin-bottom: 15px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .text-container p { font-size: 15px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list .layout-container .layout-item .layout-inner .image-container { height: 290px; } #content-wrapper #history-page .history-list-section .history-list-container .history-list:not(:last-child) { margin-bottom: 40px; } #content-wrapper #partners-page .description-section .custom-container .details-container { margin-top: 35px; } #content-wrapper #partners-page .description-section .custom-container .details-container .details-list:not(:last-child) { margin-bottom: 40px; } #content-wrapper #partners-page .description-section .custom-container .details-container .details-list .details-title { margin-bottom: 15px; } #content-wrapper #partners-page .logo-collection-section .logo-collection-container .item:not(:last-child) { margin-bottom: 120px; } #content-wrapper #earthquake-risk-management-page .earthquake-risk-management-section .thumnail-image-container .image-container { height: 350px; } #content-wrapper #earthquake-risk-management-page .activities-section .title { margin-bottom: 25px; } #content-wrapper #programs-page .programs-list-section .common-filter-wrapper { padding: 20px; margin: 22px 0px; } #content-wrapper #reports-page .banner-section .custom-container { padding-top: 65px; padding-bottom: 65px; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 30px; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item:nth-of-type(2) .layout-inner .pattern-background-container { display: none; } #content-wrapper #reports-page .featured-report-section .layout-container .layout-item .layout-inner .image-container { height: 340px; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a { padding: 18px 0px; flex-wrap: wrap; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a .item { width: 100%; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a .item:nth-of-type(1) { margin-bottom: 15px; } #content-wrapper #reports-page .all-reports-section .reports-list-container .reports-list a .item ul li:nth-of-type(1) { margin-right: 15px; } #content-wrapper #vacancy-page .vacancy-list-section .title { margin-bottom: 20px; } #content-wrapper #vacancy-page .vacancy-list-section .common-job-list-container { margin-bottom: 40px; } #content-wrapper #vacancy-page .how-to-apply-container .common-form-wrapper { padding: 20px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container { padding: 30px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item { width: 100%; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item:nth-of-type(1) { margin-bottom: 40px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding-left: 0px; } #content-wrapper #contact-page .apply-tender-section .custom-container .layout-container .layout-item .layout-inner .text-container span { margin-bottom: 10px; } #content-wrapper #contact-page .complaint-form-section .complaint-form-container { background-color: #fff; padding: 20px; } #content-wrapper #contact-page .complaint-form-section .complaint-form-container .subtitle { margin-bottom: 20px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .blog-title { margin-bottom: 30px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .blog-title .category { margin-bottom: 20px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .blog-title h1 { margin-bottom: 10px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .thumnail-image-container { height: 310px; margin-bottom: 40px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .highlights-container { margin: 30px 0px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .highlights-container .container-inner { padding: 22px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .highlights-container .container-inner .items-container { justify-content: inherit; margin: -0px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .highlights-container .container-inner .items-container .highlights-item { width: 100%; padding: 0px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .highlights-container .container-inner .items-container .highlights-item:not(:last-child) { margin-bottom: 10px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .highlights-container .container-inner .items-container .highlights-item:nth-of-type(2) { width: 100%; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .highlights-container .container-inner .items-container .highlights-item .block-container .block-item:nth-of-type(2) { padding-left: 14px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .highlights-container .container-inner .items-container .highlights-item .block-container .block-item .icon-container img { width: 50px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .events-gallery-container { margin-top: 35px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .events-gallery-container .gallery-title { margin-bottom: 20px; } #content-wrapper #blog-details-page .blogs-details-section .blogs-details-container .common-padding { padding: 0px 0px; } #content-wrapper #blog-details-page.type-ongoing-programs-page .custom-container { padding-top: 30px; padding-bottom: 30px; } #content-wrapper #blog-details-page.type-ongoing-programs-page .blogs-details-container .thumnail-image-container { height: 340px; } #content-wrapper #nepal-localization-page .nepal-localization-section .custom-container { padding-top: 40px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .logo-title-container .logo-container { width: 140px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .logo-title-container .title-container h1 { font-size: 30px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .thumnail-image-container { margin: 30px 0px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .objective-container { padding: 30px 0px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .objective-container .objective-item .objective-title { display: block; padding-bottom: 10px; margin-bottom: 10px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .objective-container .objective-item .objective-title h6 { display: inline-block; margin-bottom: 10px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .objective-container .objective-item:not(:last-child) { margin-bottom: 30px; } #content-wrapper #nepal-localization-page .nepal-localization-section .block-container .inner .middle-image-decription-container .text-container { padding-top: 30px; } #content-wrapper #nepal-localization-page .tagline-section .custom-container { padding-top: 50px; padding-bottom: 50px; } #content-wrapper #nepal-localization-page .info-logo-section .common-items-container .common-item:not(:last-child) { margin-bottom: 30px; } #content-wrapper #nepal-localization-page .photos-section .title-container { margin-bottom: 30px; } #content-wrapper #nepal-localization-page .photos-section .common-photos-container .photos-list-item .image-list-container { flex-wrap: wrap; } #content-wrapper #nepal-localization-page .photos-section .common-photos-container .photos-list-item .image-list-container .image-container { height: 250px; width: 100%; } #content-wrapper #nepal-localization-page .photos-section .common-photos-container .photos-list-item:not(:last-child) { margin-bottom: 35px; } #content-wrapper #publications-page .publications-list-section .custom-container { padding-top: 50px; } #content-wrapper #publications-page .publications-list-section .layout-container { flex-wrap: wrap; flex-direction: column-reverse; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item:nth-of-type(1) { width: 100%; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item:nth-of-type(1) .inner { padding: 30px 20px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item:nth-of-type(2) { width: 100%; margin-top: 0px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item:nth-of-type(2) .inner { padding-left: 0px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .layout-sub-title { margin-bottom: 20px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .publications-list-container { margin: -0px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .publications-list-container .publication-list { width: 100%; padding: 0px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .publications-list-container .publication-list:not(:last-child) { margin-bottom: 30px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .common-pagination-container { margin-top: 60px; } #content-wrapper #donation-page .banner-section .custom-container { padding-top: 80px; padding-bottom: 80px; } #content-wrapper #donation-page .contribute-section .layout-container .layout-item { width: 100% !important; } #content-wrapper #donation-page .contribute-section .layout-container .layout-item .layout-inner .image-container { height: 350px; } #content-wrapper #donation-page .contribute-section .layout-container .layout-item .layout-inner .description { margin-bottom: 35px; } #content-wrapper #donation-page .ways-to-donation-section .title-container { margin-bottom: 30px; } #content-wrapper #donation-page .ways-to-donation-section .section-content .donation-ways-container { margin: -0px; } #content-wrapper #donation-page .ways-to-donation-section .section-content .donation-ways-container .donation-ways-item { width: 100%; padding: 0px; } #content-wrapper #donation-page .ways-to-donation-section .section-content .donation-ways-container .donation-ways-item:not(:last-child) { margin-bottom: 25px; } #content-wrapper #donation-page .ways-to-donation-section .section-content .donation-ways-container .donation-ways-item .donation-ways-item-inner { padding: 35px 30px; } #content-wrapper #job-description-page .job-details-section .layout-container { flex-wrap: wrap; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item { width: 100% !important; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item:nth-of-type(1) { margin-bottom: 40px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item:nth-of-type(1) .layout-inner { padding-right: 0px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .details-container .job-description-container .common-description-item .description-content ul { padding-left: 25px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .details-container .common-bottom-margin { margin-bottom: 30px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .apply-now-container { padding: 25px; } #content-wrapper #job-description-page .job-details-section .layout-container .layout-item .layout-inner .apply-now-container .common-bottom-margin { margin-bottom: 25px; } #content-wrapper #team-page .team-members-list-section .team-list-container { margin: -6px; } #content-wrapper #team-page .team-members-list-section .team-list-container .team-item { padding: 6px; width: 50%; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .publications-list-container { margin: -0px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .publications-list-container .publication-list { padding: 0px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .publications-list-container.reports-list .publication-list { width: 100%; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .publications-list-container.reports-list .publication-list:not(:last-child) { margin-bottom: 30px; } #content-wrapper #publications-page .publications-list-section .layout-container .layout-item .common-pagination-container { margin-top: 30px; } #content-wrapper #disaster-page .disaster-info-section .custom-container { padding-top: 20px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 20px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item .layout-inner .description-container .date-container { margin-bottom: 20px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item .layout-inner .numbers-container { margin: 0px -8px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item .layout-inner .numbers-container .item { padding: 0px 8px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item .layout-inner .numbers-container .item ul { flex-wrap: wrap; padding: 12px 0px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item .layout-inner .numbers-container .item ul li:nth-of-type(1) { min-width: 100%; margin-bottom: 5px; } #content-wrapper #disaster-page .disaster-info-section .top-highlight-container .layout-container .layout-item .layout-inner .numbers-container .item ul li span { font-size: 18px; } #content-wrapper #disaster-page .affected-area-section .section-title { margin-bottom: 20px; } #content-wrapper #disaster-page .affected-area-section .section-content .source-container { margin-top: 10px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container:not(:last-child) { margin-bottom: 40px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container .layout-container .layout-item .layout-inner .numbers-container { margin: -8px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container .layout-container .layout-item .layout-inner .numbers-container .numbers-item { width: 50%; padding: 8px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container .layout-container .layout-item .layout-inner .numbers-container .numbers-item .number-inner { padding: 20px 8px; } #content-wrapper #drm-page .data-display-section .data-wrapper .data-container .layout-container .layout-item .layout-inner .numbers-container .numbers-item h3 { margin-bottom: 8px; } /*--------------------------------- Content Wrapper Ends ----------------------------------*/ /*--------------------------------- Footer Wrapper Starts ---------------------------------*/ #footer-wrapper .custom-container { padding-top: 60px; padding-bottom: 60px; } #footer-wrapper .top-footer .footer-container { flex-wrap: wrap; } #footer-wrapper .top-footer .footer-container .footer-item { width: 100%; } #footer-wrapper .top-footer .footer-container .footer-item:not(:last-child) { margin-bottom: 40px; } #footer-wrapper .top-footer .footer-container .footer-item:nth-of-type(3) { display: block; } #footer-wrapper .top-footer .footer-container .footer-item .content.menu ul { column-gap: 30px; } #footer-wrapper .top-footer .footer-container .footer-item .content.menu ul li { text-align: left; } #footer-wrapper .top-footer .footer-container .footer-item .content.menu ul li:not(:last-child) { margin-bottom: 13px; } #footer-wrapper .top-footer .footer-container .footer-item.useful-links { max-width: 100%; } #footer-wrapper .top-footer .footer-container .quicklinks { display: block; } #footer-wrapper .bottom-footer .custom-container { padding-top: 20px; padding-bottom: 20px; } #footer-wrapper .bottom-footer .footer-container { flex-wrap: wrap; } #footer-wrapper .bottom-footer .footer-container .footer-item { width: 100%; } #footer-wrapper .bottom-footer .footer-container .footer-item .logo-container { width: 170px; margin-bottom: 20px; } #footer-wrapper .bottom-footer .footer-container .footer-item .subtitle { text-align: left; } #footer-wrapper .bottom-footer .footer-container .footer-item .social-container ul li a { width: 40px; height: 40px; } #footer-wrapper .bottom-footer .footer-container .footer-item .social-container ul li:not(:last-child) { margin-right: 4px; } /*---------------------------------- Footer Wrapper Ends ----------------------------------*/ /*----------------------------------- Components Starts -----------------------------------*/ .common-logo-collection { margin: -10px; } .common-logo-collection .image-container { width: 50%; padding: 10px; } .common-logo-collection .image-container img { width: 100%; } .common-logo-collection.type-one .image-container { width: 100%; } .common-filter-wrapper .filter-container { margin: -0px; } .common-filter-wrapper .filter-container .filter-item { width: 100%; padding: 0px; } .common-filter-wrapper .filter-container .filter-item .select-title { margin-bottom: 8px; } .common-filter-wrapper .filter-container .filter-item .select-container select { font-size: 12px; padding: 12px 5px; } .publication-category-close-icon-container { right: 20px; } .mobile-filter-text-container { margin-bottom: 20px; } .useful-links-container { margin: -0px -10px; } .useful-links-container .links-item { width: 100%; padding: 0px 10px; } .useful-links-container .links-item a { display: flex; align-items: center; margin-bottom: 15px; padding-bottom: 8px; border-bottom: 1px solid #d3cab6; } .ideology-list-container .ideology-list:not(:last-child) { margin-bottom: 35px; } .ideology-list-container .ideology-list .block-container { flex-wrap: wrap; } .ideology-list-container .ideology-list .block-container .block-item:nth-of-type(1) { width: 100%; } .ideology-list-container .ideology-list .block-container .block-item:nth-of-type(2) { width: 100%; padding-left: 0px; } .ideology-list-container .ideology-list .block-container .block-item .icon-container { margin-bottom: 20px; } .ideology-list-container .ideology-list .block-container .block-item .icon-container img { width: 40%; display: block; margin: auto; } .common-thematic-process-container.event-page .thematic-focus-item:not(:last-child) { margin-bottom: 40px; } .common-thematic-process-container.event-page .thematic-focus-item .block-container .block-item .block-inner .image-container { height: 390px; } .common-thematic-process-container .thematic-focus-item .block-container { padding: 0px; flex-wrap: wrap; } .common-thematic-process-container .thematic-focus-item .block-container .block-item { width: 100%; } .common-thematic-process-container .thematic-focus-item .block-container .block-item:nth-of-type(2) { padding: 30px; } .common-thematic-process-container .thematic-focus-item .block-container .block-item .block-inner .image-container { height: 300px; } .common-gallery-container { margin: 0px; } .common-gallery-container .gallery-item { width: 100%; padding: 0px; } .common-gallery-container .gallery-item:not(:last-child) { margin-bottom: 30px; } .common-gallery-container .gallery-item a { height: 225px; } .common-video-list-container { margin: -0px; flex-wrap: wrap; } .common-video-list-container .video-list { padding: 0px; width: 100%; } .common-video-list-container .video-list .video-list-inner .video-thumnail-container .image-container { height: 250px; } .common-video-list-container .video-list .video-list-inner .video-thumnail-container:after { background-size: 60px 60px; } .common-video-list-container .video-list:not(:last-child) { margin-bottom: 40px; } .common-logo-container a { width: 170px; } .common-banner-section .banner-slider .banner-item .text-container .inner { width: 100%; padding: 15px 20px; } .common-banner-section.type-program-page .banner-slider .banner-item { height: 300px; } .common-banner-section.type-program-page .banner-slider .banner-item .text-container { left: 20px; } .common-banner-section.type-program-page .banner-slider .banner-item .text-container .inner { padding: 15px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 30px; padding-bottom: 30px; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container .action-container ul { gap: 10px; flex-wrap: wrap; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container .action-container ul li { width: 100%; } .common-featured-block-container .layout-container .layout-item:nth-of-type(2) .layout-inner .text-container .action-container ul li a { width: 100%; text-align: center; justify-content: center; } .common-featured-block-container.type-article .layout-container .layout-item:nth-of-type(2) .layout-inner { padding: 30px !important; } .common-box-container { margin: -0px; } .common-box-container .box-item { padding: 0px; width: 100%; } .common-box-container .box-item:not(:last-child) { margin-bottom: 20px; } .common-box-container .box-item .box-inner .image-container { height: 250px; } .common-box-container .box-item .box-inner .text-container { padding: 22px; } .common-box-container.programs-page { margin: -0px; } .common-box-container.programs-page .box-item { padding: 0px; } .common-box-container.programs-page .box-item .box-inner .text-container .link-container { margin-top: 15px; } .common-box-container.programs-page .box-item .box-inner .text-container .link-container a img { margin-left: 23px; } .common-box-container.type-glimse .box-item { width: 100%; } .common-box-container.type-disaster-update .box-item { width: 100% !important; } .common-page-top-section:after { height: 290px; } .common-page-top-section .custom-container { padding-top: 50px; } .common-page-top-section .layout-container { flex-wrap: wrap; } .common-page-top-section .layout-container .layout-item { width: 100% !important; } .common-page-top-section .layout-container .layout-item:nth-of-type(1) { margin-bottom: 20px; } .common-page-top-section .layout-container .layout-item:nth-of-type(1) .layout-inner { padding: 0px; } .common-page-top-section .layout-container .layout-item .layout-inner .image-container { height: 280px; } .common-layout-title { margin-bottom: 30px; } .common-form .fields .form-group { /* shared option layout */ /* ================= RADIO ================= */ /* ================= CHECKBOX ================= */ /* shared option layout */ } .common-form .fields .form-group .info-container { padding: 25px; } .common-form .fields .form-group .info-container .info-title { margin-bottom: 16px; } .common-form .fields .form-group:not(:last-child) { margin-bottom: 10px; } .common-form .fields .form-group.half-width { width: 100%; } .common-form .fields .form-group.type-two { width: 100%; } .common-form .fields .form-group label { font-size: 13px; } .common-form .fields .form-group input, .common-form .fields .form-group select, .common-form .fields .form-group textarea { font-size: 13px; height: 45px; } .common-form .fields .form-group textarea { height: 70px; } .common-form .fields .form-group .option-group { gap: 20px; } .common-form .fields .form-group .option-item { display: block; } .common-form .fields .form-group .custom-radio-group.type-fullwidth .option-group { gap: 20px; } .common-form .fields .form-group .custom-radio-group.type-fullwidth .option-group .option-item label span { font-size: 16px; } .common-form .fields .form-group .custom-radio-group.type-fullwidth .option-group .option-item ul { margin-top: -5px; } .common-form .fields .form-group .custom-radio-group.type-fullwidth .option-group .option-item ul li { font-size: 14px; } .common-form .fields .form-group .custom-radio-group.type-fullwidth .option-group .option-item ul li:not(:last-child) { margin-right: 0px; } .common-form .fields .form-group .custom-radio-group input[type="radio"] + .option-text { position: relative; padding-left: 40px; } .common-form .fields .form-group .custom-radio-group input[type="radio"] + .option-text::before { width: 25px; height: 25px; } .common-form .fields .form-group .custom-checkbox-group input[type="checkbox"] + .option-text { padding-left: 40px; } .common-form .fields .form-group .custom-checkbox-group input[type="checkbox"] + .option-text::before { width: 25px; height: 25px; } .common-form .fields .form-group .option-group { gap: 30px; margin-top: 5px; } .common-form .fields .form-group .option-label span { font-size: 13px; } .common-form .form-action { margin-top: 30px; } .pagination ul li a { line-height: inherit; display: block; } .common-nset-division-container .nset-division-list .text-container .description-container .description-inner { padding: 30px; } .common-nset-division-container .nset-division-list .text-container .description-container .description-inner .title { margin-bottom: 18px; } .common-nset-division-container .nset-division-list:not(:last-child) { margin-bottom: 20px; } .common-table thead { display: none; } .common-table tbody tr { display: block; border-bottom: 1px solid #ddd; padding: 15px 0; } .common-table tbody tr td { padding: 5px 0; } .common-table tbody td { display: flex; align-items: center; width: 100%; } .common-table tbody td::before { content: attr(data-label); font-weight: 600; margin-right: 10px; } .common-table.type-disaster-page tbody tr td { padding: 6px 0px; } /*------------------------------------ Components Ends ------------------------------------*/ /*-------------------------------------- Modal Starts -------------------------------------*/ .modal .modal-dialog { max-width: calc(100% - 60px); } /*--------------------------------------- Modal Ends --------------------------------------*/ /*---------------------------------- Slick Slider Starts ----------------------------------*/ .slick-slider .slick-prev { left: -18px; } .slick-slider .slick-next { right: -18px; } /*----------------------------------- Slick Slider Ends -----------------------------------*/ /*------------------------------------ Animation Starts -----------------------------------*/ /*------------------------------------- Animation Ends ------------------------------------*/ } /*# sourceMappingURL=responsive.css.map */