.about-sub-heading,
.form-check-input,
.inner-text,
.inner-text b,
.inner-text i,
.inner-text span,
.institute,
.login-outer i,
.menu-right,
.scheme-tabbing-outer p,
.screen-reader-body p b,
.top-bar-nav a,
.top-bar-nav button,
.top-bar-nav select,
.top-bar-nav ul li button,
.translate-st,
p,
table tr,
table td,
table thead th {
    font-size: 16px
}

.logo-title span,
table td {
    font-family: SourceSansPro-Regular
}

.btn,
.outer-heding-content .scheme-heading,
table thead th {
    font-family: SourceSansPro-Semibold
}

#spinner,
#videoModal {
    z-index: 99999
}

input:-webkit-autofill,
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important
}

img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

b,
strong {
    font-family: SourceSansPro-Bold
}

#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s
}

#spinner.show {
    transition: opacity .5s ease-out, visibility linear;
    visibility: visible;
    opacity: 1
}

@font-face {
    font-family: SourceSansPro-SemiboldIt;
    src: url(../fonts/SourceSansPro-SemiboldIt.woff);
    font-display: swap
}

@font-face {
    font-family: SourceSansPro-Bold;
    src: url(../fonts/SourceSansPro-Bold.woff);
    font-display: swap
}

@font-face {
    font-family: SourceSansPro-BoldIt;
    src: url(../fonts/SourceSansPro-BoldIt.woff);
    font-display: swap
}

@font-face {
    font-family: SourceSansPro-It;
    src: url(../fonts/SourceSansPro-It.woff);
    font-display: swap
}

@font-face {
    font-family: SourceSansPro-Regular;
    src: url(../fonts/SourceSansPro-Regular.woff);
    font-display: swap
}

@font-face {
    font-family: SourceSansPro-Semibold;
    src: url(../fonts/SourceSansPro-Semibold.woff);
    font-display: swap
}
.app-store-grid{padding: 16px 0 16px 20px;width: 100%;max-width: 344px;}
.app-store-grid .apps-download-app-text{
    font-family: 'SourceSansPro-Semibold';
    font-size: 16px;
    color: #fff;
    text-align: left;
    margin-bottom: 10px;
}
.app-store-grid .app-link-outer{
    display: flex;
    /* align-items: center; */
    /* justify-content: flex-start; */
    /* padding: 14px 0 14px 14px; */
    /* background-color: #202135; */
    /* margin-right: 10px; */
    flex-wrap: wrap;
    gap: 5px;
}
.app-store-grid .app-link-outer a img {
    max-width: 159px;
    width: 100%;
    height: auto;
    /* margin-right: 10px; */
}


.call-181-112 {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.call-181-112 img {
    max-width: 250px;
    width: 100%
}

.translate-st {
    height: 24px;
    border: 0;
    color: #fff;
    background-color: #202135
}

.success-arow {
    left: -7em
}

.success-arow-right {
    right: -7em
}

.carousel-text {
    text-align: left !important;
    left: 9%;
    right: 9%;
    bottom: 3.9em;
    font-size: 45px
}

.carousel-content {
    text-align: justify;
    left: 9%;
    right: 9%;
    bottom: 6.9em;
    font-size: 20px
}

.btn-lg-square.back-to-top {
    position: fixed;
    right: 5px;
    bottom: 5px;
    display: none;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    transition: .5s;
    z-index: 99;
    background: linear-gradient(45deg, #455f90, #3c838a)
}

.btn {
    transition: .5s
}

.btn-square {
    width: 32px;
    height: 32px
}

.btn-sm-square {
    width: 34px;
    height: 34px
}

.btn-md-square {
    width: 44px;
    height: 44px
}

.btn-lg-square {
    width: 56px;
    height: 56px
}

.btn-lg-square,
.btn-md-square,
.btn-sm-square,
.btn-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    border-radius: 50%
}

.appointment .appointment-form .btn.btn-primary,
.btn.btn-light,
.btn.btn-primary,
.contact .contact-form .btn.btn-light {
    box-shadow: inset 0 0 0 0 var(--bs-primary)
}

.btn.btn-primary:hover {
    box-shadow: inset 300px 0 0 0 var(--bs-light) !important;
    color: var(--bs-primary) !important
}

.btn.btn-light:hover {
    box-shadow: inset 300px 0 0 0 var(--bs-primary);
    color: var(--bs-light) !important
}

.btn-hover,
.fixed-top .container,
.header-carousel .owl-nav .owl-next,
.header-carousel .owl-nav .owl-prev,
.testimonial .testimonial-carousel .testimonial-item .testimonial-inner p.fs-7,
.topbar a,
.topbar a i {
    transition: .5s
}

.btn-hover:hover,
.topbar a i:hover,
.topbar a:hover {
    color: var(--bs-secondary) !important
}

.contact .section-title,
.section-title,
.testimonial .section-title {
    max-width: 900px;
    text-align: center;
    margin: 0 auto
}

.contact .section-title .sub-style,
.contact .section-title .sub-title,
.section-title .sub-style,
.sub-title,
.testimonial .section-title .sub-style,
.testimonial .section-title .sub-title {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    color: var(--bs-primary)
}

.topbar {
    padding: 2px 10px 2px 20px;
    background: var(--bs-primary) !important
}

header {
    padding: 15px 0
}

header .mission-shakti-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.govt-india-logo,
.technical-details-main {
    display: flex;
    align-items: center;
    height: 100%
}

.govt-india-logo img {
    margin-right: 10px;
    max-height: 68px
}

.govt-india-logo img:nth-child(3),
.govt-india-logo img:nth-child(4) {
    max-height: 60px
}

.logo-title img {
    max-width: 250px;
    width: 100%;
    margin-right: 0
}

.logo-title {
    font-family: SourceSansPro-Bold;
    font-size: 17px;
    color: #212121;
    text-align: left;
    margin-left: 10px
}

.logo-title a {
    color: #212121
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link:hover,
.tr-th-bg-color {
    color: #fff !important
}

.logo-title span {
    font-weight: 400;
    font-size: 15px;
    display: block;
    margin-top: 0
}

.minister-logo {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.captcha-refresh i,
.text-size,
.toggle-password {
    font-size: 14px
}

.nav-panel-up {
    margin-top: -1.5em
}

.stylebtn {
    height: 49px;
    background-color: #346a70;
    padding-top: 12px
}

.navbar-light .navbar-nav .nav-link {
    font-family: 'Open Sans', sans-serif;
    position: relative;
    margin-right: 0;
    padding: 12px 0;
    color: #fcecca !important;
    font-size: 17px;
    font-weight: 500;
    outline: 0;
    transition: .5s
}

.sticky-top.navbar-light .navbar-nav .nav-link {
    padding: 12px 0
}

.btn-left,
.combine-dashboard-grid,
.header-carousel,
.map-new-outer,
.nav-vertical-line>.nav-vertical>a,
.testimonial .testimonial-carousel.owl-carousel,
.video {
    position: relative
}

.nav-vertical-line>.nav-vertical>a::after {
    position: absolute;
    content: '|';
    right: -15px;
    bottom: 14px
}

.navbar-light .navbar-brand img {
    max-height: 50px;
    transition: .5s
}

.sticky-top.navbar-light .navbar-brand img {
    max-height: 45px
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    vertical-align: middle;
    margin-left: 8px
}

.header-carousel .owl-nav .owl-next,
.header-carousel .owl-nav .owl-prev {
    position: absolute;
    height: 70px;
    top: 50%;
    border-radius: 50%;
    background: var(--bs-primary);
    color: var(--bs-white);
    display: flex;
    align-items: center;
    font-size: 30px;
    transform: translateY(-50%);
    width: 70px
}

.dropdown .dropdown-menu a:hover {
    background: #478990;
    color: var(--bs-white)
}

.navbar .nav-item:hover>.dropdown-menu {
    transform: rotateX(0);
    visibility: visible;
    background: var(--bs-light);
    transition: .5s;
    opacity: 1
}

.header-carousel .owl-nav .owl-prev {
    left: 20px;
    justify-content: center
}

.header-carousel .owl-nav .owl-next {
    right: 20px;
    justify-content: center
}

.header-carousel .owl-nav .owl-next:hover,
.header-carousel .owl-nav .owl-prev:hover {
    box-shadow: inset 150px 0 0 0 var(--bs-light) !important;
    color: var(--bs-primary) !important
}

.header-carousel .header-carousel-item,
.header-carousel .header-carousel-item img {
    position: relative;
    width: 100%;
    height: 700px;
    margin-top: 95px;
    display: block;
    object-fit: cover;
    transition: .5s
}

.header-carousel .header-carousel-item .carousel-caption {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 100px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5)
}

.header-carousel .header-carousel-item .carousel-caption .carousel-caption-content {
    position: relative;
    width: 75%
}

.bg-breadcrumb {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)) center center/cover no-repeat, url(../img/carousel-2.jpg) center center/cover no-repeat;
    padding: 160px 0 60px
}

.bg-breadcrumb .breadcrumb-item a {
    color: var(--bs-white) !important
}

.tr-th-bg-color {
    background-color: #f18428
}

.outer-minister {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    margin: 10px 0 0;
    background: #fff;
    padding: 10px;
    border-radius: 15px;
    box-shadow: 0 7px 8px rgb(0 0 0 / 6%)
}

.about-padding-page .objectives-outer-grid,
.margin-top-outer,
.outer-minister:first-child {
    margin-top: 0
}

.outer-minister::after {
    width: 200px;
    height: 1px;
    background-color: #ccc
}

.outer-minister .minister-img {
    width: 90px;
    margin: 0 15px 0 0;
    border-radius: 10px
}

.outer-minister .minister-img img {
    border-radius: 15px;
    box-shadow: 0 9px 10px rgb(0 0 0 / 12%)
}

.horizontal-about,
.horizontal-about-right {
    color: #fff;
    border: 2px solid #ff9e58;
    width: 10%;
    transition: .9s;
    opacity: 2.6
}

.outer-minister .minister-content {
    width: calc(100% - 140px)
}

.outer-minister .minister-content p span {
    display: block;
    font-family: SourceSansPro-Semibold
}

.outer-minister .minister-content p span span {
    font-weight: 400;
    color: #858585
}

.outer-minister .minister-content p {
    font-size: 18px;
    color: #43668f;
    font-family: SourceSansPro-Bold;
    margin: 0
}

.outer-minister .minister-content span {
    font-size: 15px;
    color: #706a6a
}

.about-banner-objective,
.ai-main-grid,
.ai-main-grid-2,
.background-footer-blue,
.combine-dashboard-scheme-grid .card .combine-dashboard-scheme-link,
.contact-page-body .help-img,
.objectives-outer-grid .objective-row .objectives-center {
    text-align: center
}

.scheme-tabbing-outer h5,
.service-heading-list {
    font-size: 20px
}

table td {
    color: #454545
}

table thead tr {
    background: #b65d25
}

table thead th {
    color: #fff;
    font-weight: 400
}

.btn-primary {
    color: #fff;
    background-color: #48797e
}

.about-content-color li,
.inner-padding-page p {
    font-family: SourceSansPro-Regular;
    color: #454545;
    font-size: 17px;
    text-align: justify;
}

.horizontal-about {
    margin: 0
}

.horizontal-about-right {
    margin: 0 0 0 auto
}

.font-weight-bolder {
    color: #214983;
    font-family: SourceSansPro-Bold;
    font-size: 19px
}

.background-outer {
    background: url(../img/bg-team.png) 10% 60% no-repeat
}

.bbbp-dashboard .ai-main-grid,
.bbbp-dashboard .ai-main-grid-2,
.flex-box-about {
    display: flex;
    align-items: center
}

.background-skylight {
    background-color: #fff;
    padding-top: 50px;
    padding-bottom: 0;
    position: relative
}

.background-skylight::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .3;
    background: url(../img/about-background.jpg) center center/cover fixed;
    z-index: 0
}

.background-skylight .container-fluid,
.national-creche-database-body .container-fluid {
    position: relative;
    z-index: 1
}

#carousel-home-dashboard,
.background-services-activities {
    background: url(../img/background-services-activities.jpg) center center/cover fixed
}

.background-skylight h1 {
    font-size: 40px
}

.ml-10 {
    margin-left: 3em
}

.right-vector-img,
.text-right {
    text-align: right
}

.objectiv-outer:last-child,
.objectives-outer-grid .objective-row .objectives-content-outer .objectives-content:last-child:nth-child(2),
.service-paragraph p:last-child,
.text-center-tab h5,
.tooltopPara:last-child {
    margin-bottom: 0
}

.about-us-paragraph,
.text-justify {
    text-align: justify
}

.text-mid {
    color: #000;
    font-weight: 600
}

.text-mid-red {
    color: #bf201d;
    font-weight: 600
}

.about .about-img {
    position: relative;
    overflow: hidden;
    height: 100%;
    border-radius: 10px
}

.feature-item:before,
.login-page-heading::after {
    position: absolute;
    content: ''
}

.active-tab-one {
    color: #ea6402;
    font-size: 20px;
    border-bottom: 3px solid #ea6402;
    padding-left: 10px;
    padding-right: 10px
}

.background-image-gray {
    background: url(../img/background-vision-mission.jpg) center/cover;
    height: 500px
}

.background-image-gray-multi {
    background: url(../img/background-services-activities.jpg) center center/cover fixed;
    padding: 40px 0;
    min-height: calc(100vh - 355px)
}

.horizontal-row {
    color: #fff;
    border: 2px solid #ff9e58;
    width: 146px;
    opacity: 2.6;
    margin: -11px auto 20px
}

.login-page-heading {
    text-align: center;
    margin-bottom: 20px
}

.login-page-heading span {
    font-family: SourceSansPro-Bold;
    font-size: 40px;
    color: #212121;
    text-align: center;
    position: relative;
    border-bottom: 5px dotted rgba(0, 0, 0, .2)
}

.pt-login {
    padding-top: 1.5em
}

.mtx-more {
    margin-top: 6em
}

.feature-item {
    border-radius: 15px;
    overflow: visible;
    padding: 15px 15px 45px;
    min-height: 150px;
    background: url(../img/womens.jpg) center center/cover no-repeat;
    position: relative
}

.feature-item:before {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #6764cb;
    border-radius: 15px;
    z-index: 0;
    opacity: 90%
}

.video .btn-play,
.video .btn-play:after,
.video .btn-play:before {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%
}

.outer-tabbing:first-child .feature-item:before,
.outer-tabbing:first-child .tabbing-outer-readmore-button {
    background: #6764cb
}

.outer-tabbing:nth-child(2) .feature-item:before,
.outer-tabbing:nth-child(2) .tabbing-outer-readmore-button {
    background: #c17534
}

.outer-tabbing:nth-child(3) .feature-item:before {
    background: #2a789a
}

.outer-tabbing:nth-child(3) .tabbing-outer-readmore-button {
    background: #2a799a
}

.outer-tabbing:nth-child(4) .feature-item:before,
.outer-tabbing:nth-child(4) .tabbing-outer-readmore-button {
    background: #bf5a62
}

.outer-tabbing:nth-child(5) .feature-item:before,
.outer-tabbing:nth-child(5) .tabbing-outer-readmore-button {
    background: #8f8537
}

.outer-tabbing:nth-child(6) .feature-item:before,
.outer-tabbing:nth-child(6) .tabbing-outer-readmore-button {
    background: #70458b
}

.outer-tabbing {
    margin: 0 0 50px
}

.outer-heding-content {
    color: #fff;
    position: relative
}

.outer-heding-content .scheme-heading {
    font-size: 20px
}

.panel-box-div .outer-heding-content .scheme-heading {
    font-size: 18px;
    min-height: 54px
}

.outer-heding-content p {
    font-size: 16px;
    text-align: justify;
    margin: 15px 0 0;
    min-height: 170px
}

.outer-padding {
    padding: 0;
    margin-bottom: 0
}

.panel-box-div {
    width: 20%;
    padding: 0 15px;
    flex: 0 0 auto
}

.feature-panel-icon {
    display: flex;
    align-items: center;
    border: 1px solid;
    border-radius: 20px;
    padding: 15px;
    background-color: #f9f9f9;
    min-height: 115px
}

.inline-flex-inner {
    padding: 10px
}

.inline-flex-inner img {
    max-width: 50px
}

.backgroud-design-inner .backgroud-design-inner-outer,
.captcha-outer,
.creche-login-flex-main-outer,
.login-form-a.captcha-main-outer .captcha-outer,
.main-panle-outer {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.bbbp-dashboard .counter-main-grid .counter-main-outer .counter-content-outer span,
.cd__main,
.feature-content h5,
.fp:hover,
.login-outer:hover,
.nav-collapse .booking-osc-menu a:hover,
.nav-collapse .nearest-osc-menu a:hover,
.round-read-more-button:hover,
.scheme-tabbing-outer ul li .nav-link.active span,
.tabbing-outer-readmore-button:hover,
.tabbing-outer-readmore-button:hover i {
    color: #fff
}

.feature-icon {
    display: flex;
    align-items: center;
    border-radius: 10px
}

.appointment {
    background: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)) center center/cover no-repeat fixed, url(../img/carousel-2.jpg) center center/cover no-repeat fixed
}

.appointment .appointment-form {
    background: rgba(239, 162, 134, .3)
}

.appointment .appointment-form .btn.btn-primary:hover {
    box-shadow: inset 600px 0 0 0 var(--bs-light) !important;
    color: var(--bs-primary) !important
}

.video .btn-play {
    z-index: 3;
    box-sizing: content-box;
    display: block;
    width: 33px;
    height: 44px;
    border-radius: 50%;
    transition: .5s
}

.video .btn-play:before {
    content: "";
    z-index: 0;
    display: block;
    width: 115px;
    height: 115px;
    background: var(--bs-primary);
    border-radius: 50%;
    animation: 1.5s ease-out infinite pulse-border;
    transition: .5s
}

.video .btn-play:after {
    content: "";
    z-index: 1;
    display: block;
    width: 100px;
    height: 100px;
    background: var(--bs-secondary);
    border-radius: 50%;
    transition: .3s
}

.video .btn-play span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 33px solid var(--bs-white);
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    margin-left: 5px
}

.login-form-a span {
    position: relative;
    float: right;
    margin-left: -25px;
    margin-top: -25px;
    margin-right: 15px;
    font-size: 16px
}

.loginasbtn,
.osc-dashboard .counter-main-grid .counter-main-3-outer .counter-content-outer span {
    font-size: 25px
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

#videoModal .modal-dialog {
    position: relative;
    max-width: 800px;
    margin: 60px auto 0
}

#videoModal .modal-body {
    position: relative;
    padding: 0
}

#videoModal .close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    top: -30px;
    z-index: 999;
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    background: #000;
    opacity: 1
}

.team .team-item .team-img {
    position: relative;
    overflow: hidden
}

.team .team-item .team-img::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    transition: .5s
}

.team .team-item .team-img .team-icon {
    position: absolute;
    bottom: -125px;
    left: 50%;
    transform: translateX(-50%);
    transition: .5s
}

.team .team-item .team-img:hover .team-icon {
    margin-bottom: 145px
}

.team .team-item:hover .team-img::before {
    background: rgba(21, 185, 217, .3)
}

.team .team-item .team-content {
    color: var(--bs-primary);
    transition: .5s
}

.team .team-item .team-content h5 {
    color: var(--bs-secondary);
    transition: .5s
}

.team .team-item:hover .team-content h5 {
    color: var(--bs-dark)
}

.team .team-item:hover .team-content {
    background: var(--bs-primary);
    color: var(--bs-white)
}

.photo-container {
    text-align: center;
    perspective: 700px
}

.clearfix::after {
    content: '';
    display: table;
    clear: both
}

.name {
    font-weight: 800;
    font-size: 1.65em
}

.photo-container img {
    max-width: 100%;
    position: relative;
    z-index: 1000
}

.photo {
    position: relative;
    line-height: 0
}

.button {
    text-decoration: none;
    display: block;
    width: 75%;
    border: 4px solid #2980b9;
    text-align: center;
    padding: 20px 0;
    margin: .6em 0;
    border-radius: .7em;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    transition: background .6s ease-out, border-color .4s ease-in-out
}

.button:hover {
    background: #045aaf;
    border-color: #266fc6
}

.photo-desc {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 0;
    background: #133463;
    color: #fff;
    border-radius: 8px
}

.photo-desc p {
    line-height: 20px;
    font-size: 14px
}

.photo {
    transition: transform 1s ease-out;
    transform-style: preserve-3d
}

.photo:hover {
    transform: rotateY(-180deg)
}

.front-side {
    backface-visibility: hidden
}

.back-side {
    transform: rotateY(180deg)
}

.header-image-banner {
    background: url(../img/background-services-activities.jpg) center center/cover fixed;
    padding: 25px 0;
    text-align: center
}

.page-heading-inner {
    font-size: 40px;
    color: #212121;
    text-align: center;
    font-family: SourceSansPro-Bold;
    text-transform: uppercase
}

.register-panel {
    margin-top: -41em
}

.text-z-up {
    z-index: 1000
}

.login-panel {
    position: relative;
    margin-top: -40em;
    padding-left: 0
}

.fp {
    color: #ff7c1c
}

.form-info-bg {
    background-color: #46464680 !important;
    border-radius: 16px 0;
    border: 2px solid #ffffffb0 !important
}

.content-tab {
    padding: 11px 0 7px
}

button.map-point-sm {
    margin: 0;
    text-align: center;
    cursor: pointer !important;
    width: 254px;
    color: #fff;
    border-bottom: 4px solid #fff;
    background: #ff843c;
    border-top: 0;
    border-left: 0;
    border-right: 0
}

.left-nav-login-selected {
    background-color: #fff !important;
    color: #465f91 !important;
    border-bottom: 0 solid #fff !important;
    font-weight: 700;
    border-left: 8px solid #df813f !important;
    padding: 27px 20px;
    font-size: 20px
}

.mt-less {
    margin-top: -.5em;
    margin-left: -1.2em
}

.backgroud-design {
    position: absolute;
    z-index: -1000;
    width: 45%;
    height: 435px;
    margin-left: 26em;
    margin-top: 3em
}

.text-dark-light {
    color: #5c5c62
}

.bt-left-round {
    border-top-left-radius: 5px !important
}

.bt-left-round-b {
    border-bottom-left-radius: 5px !important
}

.left-nav-login-bx {
    background-color: #455f90 !important;
    color: #fff !important;
    border-bottom: 1px solid #fff !important;
    font-family: SourceSansPro-Semibold;
    font-size: 20px;
    padding: 27px 20px
}

.left-nav-login-bx:last-child {
    border-bottom: 0 !important
}

.national-creche-name-login-outer .national-creche-name-heading,
.pt-none {
    padding-top: 0
}

.captcha-refresh {
    height: 38px;
    width: 32px;
    padding-left: 8px;
    margin-left: -.5em
}

.captchaimg {
    margin-right: 0;
    height: 38px;
    width: 98%;
    background: #fff !important;
    font-size: 16px;
    padding: 3px;
    margin-left: 0
}

.captcha-input {
    margin-left: 45px;
    width: 104%
}

.pl-center {
    padding-left: 2em;
    margin-top: .5em
}

.captcha-box-size {
    width: 62%
}

.input-width {
    width: 113%
}

.pt-top {
    padding-top: 12px
}

.panel-new-panel {
    background-color: #ed970c14;
    padding-left: 0;
    border: 1px solid #ffffff5e
}

.captcha-outer .input-group {
    width: calc(100% - 96px);
    border-radius: 0 .25rem .25rem 0
}

.de-btn {
    border: none;
    font-size: 16px;
    width: 46%;
    margin-top: 10px;
    margin-left: 4.3em
}

.de-btn:hover {
    background: #a3b765
}

.mr-10 {
    margin-right: -5px
}

.registration-page-link {
    background: 0 0;
    margin: 10px 0 0;
    color: #fff;
    font-weight: 400
}

.helpline,
.helpline:hover {
    margin-top: 8em;
    z-index: 1000;
    position: absolute
}

.helpline {
    margin-left: -15.6em;
    transition: 2s
}

.helpline:hover {
    margin-left: -.1em;
    transition: 1s
}

.help {
    position: absolute;
    color: #fff;
    z-index: 1000;
    background-color: #a30000;
    padding: 3px;
    height: 27px;
    font-size: 14px;
    rotate: 90deg;
    margin-top: 7.7em;
    margin-left: -1em
}

.box-bg {
    background-color: #8c9d55;
    padding-top: 150px;
    padding-bottom: 150px;
    border-top-left-radius: 15px
}

.box-border {
    border: 1px solid #fff;
    box-shadow: 1px -1px 5px 5px #00000052
}

.bg-back {
    background-color: #597070
}

.select-color {
    background-image: url(../images/down-aro.png);
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: 18.5em
}

::placeholder {
    color: #525252 !important
}

.text-ho {
    color: #fff !important;
    font-weight: 500
}

.text-ho:hover {
    color: #ff8100 !important;
    font-weight: 500
}

.mt-custom {
    margin-top: 5em
}

.padding-style {
    padding: .125rem .1rem;
    background: 0 0
}

.refresh-color {
    color: #858585
}

.text-left-one {
    text-align: left
}

.active-icon,
.arrow-none,
.call-round,
.creche-database-sm,
.dark-img,
.lg-none,
.login-top-nav::after,
.owl-nav,
.scheme-tabbing-outer ul li .nav-link.active .normal-icon,
.sm-creche-img,
ul.top-bar-list li#theme-change::after {
    display: none
}

.minus-margin {
    margin-top: -8.3em
}

.sub-heading {
    font-weight: 700;
    font-size: 22px
}

.counter-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: 22px 50px
}

.after-white {
    border-right: 2px solid #fff;
    height: 140px;
    margin-top: 1.3em
}

.counter {
    font-size: 3rem;
    margin-top: 10px
}

.cm-font {
    font-size: 22px;
    font-weight: 700;
    color: #2cc0dd
}

.cd__main {
    padding: 20px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
    width: 100%
}

.background-count {
    background: url(../img/count-background.jpg) 0 0/cover;
    height: 180px
}

.testimonial {
    background: linear-gradient(rgba(21, 185, 217, .9), rgba(21, 185, 217, .9));
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    border-radius: 10px
}

.testimonial-outer {
    padding: 0 20px
}

.testimonial .testimonial-item .testimonial-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    background: #fff
}

.fw-semibold {
    font-weight: 600 !important
}

.testimonial .testimonial-item .testimonial-inner .testimonial-inner-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 5px solid var(--bs-white)
}

.testimonial .testimonial-carousel .owl-nav .owl-next:hover,
.testimonial .testimonial-carousel .owl-nav .owl-prev:hover {
    box-shadow: inset 100px 0 0 0 var(--bs-primary) !important;
    color: var(--bs-white) !important
}

.creche-gallery .owl-dots,
.testimonial-carousel .owl-dots {
    display: flex;
    justify-content: center;
    margin-top: 1em
}

.testimonial-carousel .owl-dots .owl-dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 15px;
    border: 1px solid var(--bs-white);
    background: 0 0;
    transition: .5s
}

.testimonial-carousel .owl-dots .owl-dot.active {
    width: 20px;
    height: 20px;
    background: var(--bs-secondary) !important
}

.creche-gallery .owl-dots .owl-dot span,
.testimonial-carousel .owl-dots .owl-dot span {
    position: relative;
    margin-top: 50%;
    margin-left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center
}

.testimonial-carousel .owl-dots .owl-dot span::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1px;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--bs-white)
}

.bacground-sky-text {
    background-color: #e8f0f8;
    padding: 2px 10px 10px;
    height: 425px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.content-box {
    padding-left: 0;
    margin-left: -12px
}

.top-left-round {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.contact .section-title .sub-style::after,
.contact .section-title .sub-style::before,
.contact .section-title .sub-title::after,
.contact .section-title .sub-title::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid var(--bs-white) !important
}

.contact {
    background: linear-gradient(rgba(21, 185, 217, .9), rgba(21, 185, 217, .9)) center center/cover no-repeat fixed, url(../img/carousel-1.jpg) center center/cover no-repeat fixed
}

.contact .contact-form .btn.btn-light:hover {
    box-shadow: inset 600px 0 0 0 var(--bs-primary) !important;
    color: var(--bs-white) !important
}

.contact .contact-form .form-floating input,
.contact .contact-form .form-floating label,
.contact .contact-form .form-floating textarea {
    color: var(--bs-light)
}

.contact .section-title .sub-style::before {
    width: 100px;
    left: 0;
    margin-top: 8px;
    margin-left: -100px
}

.contact .section-title .sub-style::after {
    width: 50px;
    left: 0;
    margin-bottom: 5px;
    margin-left: -50px
}

.contact .section-title .sub-title::before {
    width: 100px;
    right: 0;
    margin-top: 8px;
    margin-right: -100px
}

.contact .section-title .sub-title::after {
    width: 50px;
    right: 0;
    margin-bottom: 8px;
    margin-right: -50px
}

.contact-page-body .help-img img {
    border-radius: 15px;
    max-width: 129px
}

.contact-page-body .technical-support {
    display: inline-block;
    background: #478990;
    border-radius: 15px;
    padding: 35px;
    font-size: 18px;
    font-family: SourceSansPro-Regular;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    overflow: hidden
}

.contact-page-body .technical-support::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    background: url(../img/help-2.png) top -95px right -199px/cover no-repeat;
    z-index: 0;
    opacity: .25
}

.contact-page-body .technical-support span {
    display: block;
    font-size: 25px;
    font-family: SourceSansPro-Semibold;
    width: 100%
}

.technical-content {
    text-align: center;
    position: relative;
    z-index: 2;
    word-break: break-all;
    font-size: 18px
}

.technical-call:first-child .technical-support {
    background: linear-gradient(45deg, #456090, #6988c0)
}

.technical-call:first-child .technical-support::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #456090 0, #456090 40%, #45609000 100%);
    z-index: 1
}

.technical-call:nth-child(3) .technical-support {
    background: linear-gradient(45deg, #3c838a, #62a5ac)
}

.technical-call:nth-child(3) .technical-support::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #3c838a 0, #3c838a 40%, #45609000 100%);
    z-index: 1
}

.creche-login-heading i,
.technical-content i {
    font-size: 35px
}

.footer {
    background: #48787e;
    position: relative;
    padding: 20px 0;
    font-size: 16px
}

.footer .footer-item a {
    line-height: 35px;
    color: var(--bs-body);
    transition: .5s
}

.footer .footer-item p {
    line-height: 35px
}

.footer .footer-item a:hover {
    letter-spacing: 2px;
    color: var(--bs-primary)
}

.background-footer-blue {
    background-color: #25447c;
    padding: 0
}

.background-footer-blue .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.background-footer-blue .footer-left {
    background: #212135;
    padding: 10px 15px 10px 0;
    position: relative;
    width: calc(100% - 344px)
}

.background-footer-blue .footer-left:before {
    content: '';
    position: absolute;
    background: #212135;
    left: -10000px;
    height: 100%;
    width: 10000px;
    top: 0;
    z-index: 100
}

.call-logo {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0
}

.copyright p {
    margin: 0;
    font-size: 15px
}

.copyright img {
    max-width: 80px
}

.contact-panel-section {
    height: auto;
    padding-bottom: 2em;
    padding-top: 2em;
    background-color: #fff;
    box-shadow: 0 0 10px 3px rgb(0 0 0 / 12%);
    border-radius: 0;
    max-width: 700px;
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 16px
}

.contact-panel-section .inner-space {
    width: 50%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    position: relative;
    padding: 0 20px;
    font-size: 16px
}

.contact-panel-section .inner-space:first-child::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    background: #ccc;
    right: 0;
    top: 0
}

.backgroud-design-inner-outer .nav button,
.bbbp-2-counter-outer,
.creche-login-flex-outer,
.heading-bottom,
.image-box-width,
.sub-inner {
    width: 100%
}

.sub-inner span {
    font-size: 16px;
    word-break: break-all
}

.contact-panel-section .contact-panel-section-outer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

.box-flex {
    display: flex;
    justify-content: center;
    align-items: center
}

.contact-icon {
    border-radius: 100px;
    background-color: #465f91;
    max-width: 70px;
    height: 70px;
    padding: 18px;
    margin: 0 auto 1em;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px
}

.contact-icon i {
    font-size: 2rem;
    color: #fff;
    align-items: center
}

.text-dark-blue {
    color: #3d757b
}

.right-border {
    border-right: 1px solid #ccc
}

.me-rem {
    margin-right: 3rem
}

.form-group {
    margin-bottom: 20px;
    font-size: 16px
}

.form-label,
.login-form-a label {
    font-family: SourceSansPro-Semibold;
    margin-bottom: 5px;
    font-size: 16px
}

.form-label {
    color: #424248
}

.login-form-a {
    margin-bottom: 15px;
    font-size: 16px
}

.login-form-a label {
    color: #5c5c62
}

.login-form-a .form-control,
.login-form-a .form-select {
    max-width: 100%;
    background-color: #fff;
    font-size: 15px
}

.form-error {
    font-size: 14px;
    color: #bf1a2a;
    margin-top: 3px
}

.login-form-a.captcha-main-outer .captcha-image-style {
    max-width: 90px;
    padding: 3px;
    border: 1px solid #ccc;
    border-radius: 0;
    max-height: 40px;
    background: #fff
}

.login-form-a.captcha-main-outer input.form-control {
    max-width: calc(100% - 140px);
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    height: 40px
}

.login-form-a.captcha-main-outer .captcha-refresh {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    padding: 0 15px;
    text-align: center;
    max-width: 50px;
    width: 100%;
    margin-left: 0;
    height: 40px;
    font-size: 16px
}

.feature-item .img-inner-round {
    margin-top: -60px;
    background: #fff;
    border-radius: 100px !important;
    box-shadow: 0 0 14px rgb(0 0 0 / 25%);
    margin-bottom: 16px;
    width: 75px;
    height: 75px;
    padding: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.tab-content {
    padding: 5px 0 0;
    width: 100%
}

.scheme-tabbing-outer button.nav-link {
    font-size: 24px
}

.creche-gallery-outer img,
.img-outer-roundred img {
    border-radius: 10px
}

.cx-blog-back {
    background: rgba(80, 193, 240, .6);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    transition: .3s;
    visibility: hidden;
    width: 100%
}

.cx-single-blog:hover .cx-blog-back {
    opacity: 1;
    visibility: visible
}

.backgroud-design-inner {
    max-width: 900px;
    background-color: #fff;
    box-shadow: 0 8px 15px rgb(0 0 0 / 25%);
    border-radius: 15px;
    margin: auto;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.about-heading span,
.round-read-more-button,
.service-heading span {
    background: #3c838a
}

.backgroud-design-inner .backgroud-design-inner-outer .tab-content {
    width: 100%;
    max-width: calc(100% - 350px);
    padding: 19px 60px
}

.backgroud-design-inner-outer .nav {
    max-width: 350px
}

.about-heading,
.service-heading {
    margin-bottom: 20px;
    font-size: 40px;
    color: #212121
}

.about-heading span {
    color: #fff;
    padding: 0 10px;
    font-family: SourceSansPro-Bold
}

.about-us-paragraph p {
    font-family: SourceSansPro-Regular;
    color: #454545;
    font-size: 18px
}

.about-us-paragraph p:first-child {
    font-family: SourceSansPro-SemiboldIt;
    font-size: 24px;
    color: #212121
}

.service-heading span {
    color: #fff;
    padding: 2px 10px;
    font-family: SourceSansPro-Bold;
    margin-right: 8px;
    font-size: 40px
}

.service-paragraph p {
    font-family: SourceSansPro-SemiboldIt;
    font-size: 20px;
    color: #555;
    text-align: justify
}

.ai-main-grid,
.services-activities-left-grid,
.site-counter-grid,
.table-img-outer .ai-main-grid {
    display: inline-flex;
    align-items: center
}

.services-activities-right-grid {
    display: inline-flex;
    align-items: flex-end
}

.round-read-more-button,
.tabbing-outer-readmore-button {
    border-radius: 100%;
    align-items: center;
    color: #fff;
    display: flex
}

.vertical-center {
    padding: 30px 0
}

.round-read-more-button {
    width: 50px;
    height: 50px;
    justify-content: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .2)
}

.round-read-more-button i,
.tabbing-outer-readmore-button i {
    font-size: 15px !important
}

.objectives-outer-grid .objective-row .objectives-content-outer {
    width: 33.33%
}

.objectives-outer-grid .objective-row .objectives-content-outer .objectives-content {
    display: flex;
    margin: 50px 0 75px;
    min-height: 110px
}

.objectives-outer-grid .objective-row .objectives-content-outer span {
    margin-right: 15px;
    font-size: 40px;
    font-family: SourceSansPro-Bold;
    line-height: 36px
}

.objectives-outer-grid .objective-row .objectives-content-outer.objectives-right span {
    margin-left: 15px;
    margin-right: 0
}

.objectives-outer-grid .objective-row .objectives-content-outer p {
    color: #212121;
    font-family: SourceSansPro-SemiboldIt;
    font-size: 20px
}

.objectives-outer-grid .objective-row .objectives-content-outer.objectives-right p {
    color: #212121;
    font-family: SourceSansPro-SemiboldIt;
    font-size: 20px;
    text-align: right
}

.objectives-outer-grid .objective-row .objectives-center img:first-child {
    opacity: .1;
    margin-bottom: -30px
}

.objectives-outer-grid .objective-row .objectives-center img:nth-child(2) {
    margin-bottom: -30px;
    z-index: -1;
    opacity: .5
}

.objectives-outer-grid .objective-row .objectives-center.objectives-content-outer {
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap
}

.objectives-outer-grid .objective-row .objectives-right.objectives-content-outer .objectives-content {
    flex-direction: row-reverse;
    text-align: right
}

.Sambal-Samarthya-tab-content,
.creche-content-para {
    margin-bottom: 50px
}

.Sambal-Samarthya-tab-content span {
    display: block;
    text-align: center;
    font-family: SourceSansPro-SemiboldIt;
    font-size: 20px;
    max-width: 980px;
    margin: 0 auto
}

.tabbing-outer-readmore-button {
    width: 60px;
    height: 60px;
    border: 5px solid #fff;
    justify-content: center;
    margin-top: -30px;
    margin-left: 12px;
    box-shadow: 5px 6px 10px rgb(0 0 0 / 21%);
    position: relative;
    cursor: pointer
}

.success-images {
    margin-bottom: 32px
}

.success-main-outer .success-images-inner {
    max-width: calc(100% - 32px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 10px;
    z-index: 1;
    position: relative
}

.success-main-outer .success-images-inner img {
    box-shadow: 4px 17px 10px rgb(0 0 0 / 34%);
    border-radius: 10px
}

.success-main-outer .success-story-content {
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-family: SourceSansPro-Regular;
    border-radius: 10px;
    padding: 150px 16px 16px;
    margin-top: -128px;
    position: relative
}

.success-main-outer .success-story-content p {
    min-height: 100px;
    margin-bottom: 0
}

.success-images:first-child .success-story-content,
.success-images:nth-child(3) .success-story-content,
.success-images:nth-child(5) .success-story-content {
    background-color: #455f90
}

.success-images:nth-child(2) .success-story-content,
.success-images:nth-child(4) .success-story-content {
    background-color: #478990
}

.success-main-outer .success-story-content::after {
    content: "";
    background-color: #ccc;
    width: 100%;
    height: 35px;
    position: absolute;
    z-index: -1;
    bottom: -8px;
    left: 0;
    border-radius: 0 0 10px 10px;
    right: 0;
    margin: 0 auto;
    max-width: calc(100% - 32px)
}

.footer-logo-margin img,
.technical-details-main .email-icon {
    margin-right: 15px;
    color: #fff
}

.technical-details-main .email-icon img {
    max-width: 65px
}

.technical-details-main .technical-details span {
    display: block;
    color: #fff;
    font-size: 16px
}

.inner-padding-page p.contact-page-details,
.public-dashboard .card .card-body .card-header,
.public-dashboard .card .card-header {
    font-size: 20px;
    font-family: SourceSansPro-Semibold
}
.inner-padding-page p.contact-page-details{text-align: center;}
.public-dashboard .map-new-outer{min-height: 594.5px;}
.scheme-tabbing-grid {
    padding: 60px 0 0
}

.scheme-tabbing-grid .tabbing-left {
    width: 100%;
    max-width: 300px
}

.scheme-tabbing-grid .tabbing-right {
    width: 100%;
    max-width: calc(100% - 300px)
}

.scheme-tabbing-outer {
    margin-bottom: 0;
    width: 100%
}

.scheme-tabbing-outer ul {
    padding: 0;
    margin: 0
}

.scheme-tabbing-outer ul li {
    margin: 15px 0 10px;
    font-size: 24px;
    width: 100%
}

.scheme-tabbing-outer ul li .nav-link {
    width: 100%;
    text-transform: uppercase;
    color: rgba(0, 0, 0, .5);
    padding: 17px 15px;
    box-shadow: inset 0 0 32px rgba(0, 0, 0, .32);
    background: #ececec;
    border-radius: 20px
}

.scheme-tabbing-outer ul li .nav-link .scheme-tabbing-icon {
    font-size: 10px;
    background: #0000001f;
    width: 70px;
    height: 70px;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
    margin-top: 0
}

.scheme-tabbing-outer ul li .nav-link span {
    font-size: 24px;
    font-family: SourceSansPro-Semibold;
    display: block;
    width: 100%
}

.scheme-tabbing-outer ul li .nav-link.active {
    border: 0;
    background: linear-gradient(45deg, #455f90, #3c838a);
    font-size: 24px
}

.scheme-tabbing-outer ul li .nav-link.active .active-icon {
    display: block
}

.objectives-heading {
    font-size: 32px;
    color: #465f91;
    font-family: SourceSansPro-Bold;
    margin-bottom: 5px;
    text-transform: uppercase
}

.dashboard-page-heading,
.form-btn {
    font-family: SourceSansPro-Regular
}

.inner-padding-page p.contact-page-details span {
    font-family: SourceSansPro-Regular;
    display: block;
    font-size: 17px
}

.public-dashboard {
    background: url(../img/background-services-activities.jpg) center center/cover fixed;
    padding: 40px 0
}

.dashboard-page-heading span,
.form-btn {
    background: #3c838a
}

#carousel-home-dashboard .public-dashboard {
    background: 0 0 !important;
    min-height: 937px
}

.dashboard-page-heading {
    font-size: 40px;
    color: #212121;
    margin-bottom: 20px
}

.dashboard-page-heading span {
    color: #fff;
    padding: 0 10px;
    font-family: SourceSansPro-Semibold;
    border-radius: 8px;
    font-size: 40px;
    margin-right: 8px
}

.public-dashboard .card {
    margin-bottom: 30px;
    border: 0;
    box-shadow: 5px 6px 10px rgb(0 0 0 / 8%)
}

.public-dashboard .card .card-header {
    background: #3f758c;
    border: 0;
    padding: 12px 20px;
    color: #fff
}

.public-dashboard .card .card-body {
    padding: 20px
}

.public-dashboard .card .card-body .card-header {
    padding: 0 0 10px;
    color: #212121;
    background: 0 0;
    border-bottom: 2px dotted rgba(0, 0, 0, .2);
    margin-bottom: 10px
}

.public-dashboard .filter-grid .form-group {
    margin: 5px 0
}

.public-dashboard .form-group .form-label {
    font-family: SourceSansPro-Semibold;
    font-size: 16px;
    color: #212121;
    margin-left: 0;
    display: flex;
    align-items: center
}

.public-dashboard .form-group .form-label i {
    color: #4e7cce;
    margin-right: 4px
}

.public-dashboard .form-group .form-label img {
    margin-right: 4px;
    max-width: 18px
}

.form-group.btn-outer {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap
}

.form-group.btn-outer .btn,
.nav-collapse .booking-osc-menu,
.nav-collapse .nearest-osc-menu,
.navbar .menu .booking-osc-menu,
.navbar .menu .nearest-osc-menu,
.take-pledge .take-pledge-anchor {
    margin-left: 10px
}

.form-group.btn-outer .btn i {
    font-size: 14px;
    margin-right: 5px
}

.form-group.btn-outer .btn:first-child,
.top-bar-181-112 li:first-child {
    margin-left: 0
}

.form-btn {
    color: #fff;
    font-size: 16px;
    border-radius: 0;
    padding: 7px 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.form-reset-btn {
    background: #898989
}

.map-grid .card {
    min-height: 475px
}

.counter-main-grid .counter-main-outer {
    background: linear-gradient(90deg, #2b5784, #4877a8);
    color: #fff;
    margin: 45px 0 85px;
    box-shadow: 10px 10px 0 rgb(0 0 0 / 10%);
    position: relative;
    border-radius: 30px
}

.counter-main-grid .counter-main-outer:nth-child(2),
.sambal-osc-card .count-details-grid:nth-child(3) .card-body {
    background: linear-gradient(90deg, #c8661e, #d78b5c)
}

.counter-main-grid .counter-main-outer:last-child {
    margin-bottom: 30px !important
}

.counter-main-grid .counter-main-outer:before {
    position: absolute;
    width: calc(100% - 20px);
    height: 15px;
    background: rgb(0 0 0 / 15%);
    bottom: -7px;
    border-radius: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 0
}

.counter-main-grid .counter-main-outer .card-body {
    padding: 30px;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    z-index: 5
}

.counter-main-grid .counter-main-outer .counter-img-outer {
    background: rgb(255 255 255);
    border-radius: 100px;
    width: 100px;
    height: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: -80px auto 0;
    box-shadow: -10px 0 10px rgb(0 0 0 / 8%);
    padding: 20px
}

.counter-main-grid .counter-main-outer .counter-content-outer {
    width: 100%;
    padding-top: 17px;
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 20px
}

.counter-main-grid .counter-main-outer .counter-content-outer span {
    font-size: 30px;
    font-family: SourceSansPro-Semibold
}

.counter-main-grid .counter-main-outer .counter-content-outer p {
    margin: 0;
    font-family: SourceSansPro-Semibold;
    font-size: 20px
}

.counter-main-grid .counter-main-outer .counter-anchor-outer button {
    width: 50px;
    height: 50px;
    border-radius: 98px 0 0;
    border: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 16px 10px 10px 21px;
    color: #fff;
    background: rgb(255 255 255 / 20%);
    box-shadow: -10px 0 10px rgb(0 0 0 / 8%)
}

.map-grid img {
    max-height: 435px
}

.table-img-outer .ai-main-grid img {
    max-width: 100%;
    max-height: 100%
}

.table-img-outer .table-responsive {
    max-height: 540px
}

table .de-btn {
    margin: 0;
    width: auto;
    background: #c57239
}

.bbbp-dashboard .counter-main-grid .counter-main-outer {
    color: #fff;
    box-shadow: 5px 10px 10px rgb(0 0 0 / 10%);
    position: relative
}

.bbbp-dashboard .counter-main-grid .counter-main-outer .card-body {
    padding: 30px 10px 30px 30px;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    z-index: 5
}

.bbbp-dashboard .counter-main-grid .counter-main-outer .counter-img-outer {
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 10px rgb(0 0 0 / 35%);
    position: relative
}

.bbbp-dashboard .counter-main-grid .counter-main-outer .counter-img-outer::before {
    position: absolute;
    top: 0;
    left: -30px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px;
    border-color: transparent #14314d #14314d transparent;
    z-index: -1
}

.bbbp-dashboard .counter-main-grid .counter-main-outer .counter-content-outer {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.bbbp-dashboard .counter-main-grid .counter-main-outer:first-child,
.sambal-bbbp-card .count-details-grid:nth-child(2) .card-body {
    background: linear-gradient(90deg, #3773af 0, #3ac3cb 100%)
}

.bbbp-dashboard .counter-main-grid .counter-main-outer:nth-child(2),
.sambal-bbbp-card .count-details-grid:nth-child(3) .card-body {
    background: linear-gradient(90deg, #654ea3 0, #c87b9b 100%)
}

.bbbp-dashboard .card .card-header {
    background: #704591
}

.bbbp-dashboard table thead tr {
    background: linear-gradient(90deg, #3773af 0, #31a1a7 100%)
}

.bbbp-dashboard table .de-btn {
    background: #3774af
}

.bbbp-dashboard .ai-main-grid img,
.bbbp-dashboard .ai-main-grid-2 img {
    border-radius: 15px
}

.nav-collapse a.login-outer {
    color: #df813f
}

.menu-right .creche-database-menu {
    background: linear-gradient(45deg, #e9ab09, #ffd568);
    color: #212121;
    padding: 12px 11px;
    font-size: 16px;
    margin-right: 4px;
    display: inline-block;
    font-family: SourceSansPro-Semibold
}

.read-more-button,
.vission-mission-outer {
    margin-top: 1em
}

.read-more-button a {
    background-color: #06747c;
    padding: 8px 12px;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    display: inline-block
}

.right-vector-img img {
    max-width: 600px;
    border-radius: 14px
}

.counter-outer-x {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background: #fff;
    border-radius: 10px;
    max-width: calc(100% - 30px);
    margin: -65px auto 0;
    box-shadow: 3px 10px 10px rgb(0 0 0 / 5%)
}

.count-inner-box {
    padding: 12px 10px;
    text-align: center;
    color: #474747;
    width: 50%;
    font-size: 18px;
    font-weight: 700;
    border: .5px solid
}

.panel-box-div .count-inner-box {
    min-height: 105px
}

.counter-outer-x .count-inner-box:first-child {
    border-top: 0;
    border-left: 0
}

.counter-outer-x .count-inner-box:nth-child(2) {
    border-top: 0;
    border-right: 0
}

.counter-outer-x .count-inner-box:nth-child(3) {
    border-bottom: 0;
    border-left: 0
}

.counter-outer-x .count-inner-box:nth-child(4) {
    border-bottom: 0;
    border-right: 0
}

.count-inner-box span {
    display: block;
    font-weight: 400;
    font-size: 18px;
    color: #474747
}

.about-paragraph p,
.objectiv-outer p {
    color: #454545;
    font-size: 18px;
    font-family: SourceSansPro-Regular
}

.outer-nth-one .count-inner-box:first-child {
    background-color: rgb(157 72 15 / 95%)
}

.outer-nth-one .count-inner-box:nth-child(2) {
    background-color: rgb(157 72 15 / 85%)
}

.outer-nth-one .count-inner-box:nth-child(3) {
    background-color: rgb(157 72 15 / 75%)
}

.outer-nth-one .count-inner-box:nth-child(4) {
    background-color: rgb(157 72 15 / 65%)
}

.outer-nth-two .count-inner-box:first-child {
    background-color: rgb(32 30 67 / 95%)
}

.outer-nth-two .count-inner-box:nth-child(2) {
    background-color: rgb(32 30 67 / 85%)
}

.outer-nth-two .count-inner-box:nth-child(3) {
    background-color: rgb(32 30 67 / 75%)
}

.outer-nth-two .count-inner-box:nth-child(4) {
    background-color: rgb(32 30 67 / 65%)
}

.outer-nth-three .count-inner-box:first-child {
    background-color: rgb(12 104 118 / 95%)
}

.outer-nth-three .count-inner-box:nth-child(2) {
    background-color: rgb(12 104 118 / 85%)
}

.outer-nth-three .count-inner-box:nth-child(3) {
    background-color: rgb(12 104 118 / 75%)
}

.outer-nth-three .count-inner-box:nth-child(4) {
    background-color: rgb(12 104 118 / 65%)
}

.outer-nth-four .count-inner-box:first-child {
    background-color: rgb(128 61 59 / 95%)
}

.outer-nth-four .count-inner-box:nth-child(2) {
    background-color: rgb(128 61 59 / 85%)
}

.outer-nth-four .count-inner-box:nth-child(3) {
    background-color: rgb(128 61 59 / 75%)
}

.outer-nth-four .count-inner-box:nth-child(4) {
    background-color: rgb(128 61 59 / 65%)
}

.heading-size {
    font-size: 26px
}

.row-outer-top {
    margin-top: 2em
}

.align-item-inline {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap
}

.margin-outer {
    margin-bottom: 2em
}

.inner-padding-page {
    padding: 50px 0;
    min-height: calc(100vh - 465px)
}

.about-padding-page .background-services-activities,
.about-paragraph {
    padding: 50px 0 0
}

.about-paragraph p {
    text-align: justify
}

.objectiv-outer p {
    text-align: center
}

.objectiv-outer label,
.services-activities label {
    font-size: 38px;
    font-family: SourceSansPro-Bold;
    color: #478990;
    width: 100%
}

.objectiv-outer {
    margin: 30px 0 0
}

.about-padding-page .objectives-outer-grid .objective-row .objectives-center img {
    opacity: 1 !important;
    margin: 0 !important
}

.about-padding-page {
    padding-top: 50px
}

.objectiv-outer label {
    text-align: center;
    margin: 0 0 20px
}

.services-activities label {
    margin: 20px 0
}

.about-banner-activites {
    display: flex;
    align-items: center;
    justify-content: end
}

.about-banner-activites img {
    max-width: 470px
}

.objectiv-outer .objectives-heading {
    text-align: center;
    font-size: 40px;
    color: #404040
}

.content-list {
    margin-top: 20px
}

.list-footer-nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 10px;
    font-size: 15px;
    padding: 0
}

.background-footer-blue ul li {
    list-style-type: none;
    padding: 2px;
    margin-right: 10px
}

.background-footer-blue ul li:last-child {
    list-style-type: none;
    padding: 2px;
    margin-right: 0
}

.background-footer-blue,
.background-footer-blue ul,
.background-footer-blue ul li {
    font-size: 15px
}

.background-footer-blue ul li a {
    color: #fff;
    font-size: 15px
}

.footer-logo-outer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    list-style: none;
    padding: 0;
    margin: 0
}

.footer-logo-outer li {
    max-height: 70px;
    margin-right: 10px
}

.footer-logo-outer li a,
.footer-logo-outer li a:not([href]) {
    color: #fff
}

.footer-logo-outer li img {
    max-width: 100%;
    max-height: 70px
}

.creche-gallery .owl-dots .owl-dot:last-child,
.footer-logo-outer li:last-child,
.inline-radio-check:last-child,
.top-bar-181-112 li:last-child {
    padding-right: 0;
    border-right: 0;
}
.bg-dark.top-bar-nav{position:relative;z-index: 10000;}
ul.top-bar-list li a {
    color: #fff;
    padding: 5px 10px;
    font-size: 16px
}

ul.top-bar-list li button {
    padding: 6px 10px;
    background: inherit;
    border: 0;
    color: inherit;
    font-size: 16px
}

#theme-change button {
    background: #fff !important;
    color: #212121
}

ul.top-bar-list li {
    display: flex;
    align-items: center;
    padding: 0;
    position: relative;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

ul.top-bar-list {
    display: flex;
    align-items: inherit;
    justify-content: flex-end;
    margin-bottom: 0;
    padding: 0
}

ul.top-bar-list li::after {
    position: absolute;
    content: "|";
    right: 0;
    top:4px;
}

ul.top-bar-list li.login-top-nav a {
    background: #415f97;
    border: 5px solid #fff;
    border-bottom: 0;
    border-top: 0;
    text-transform: uppercase;
    font-family: SourceSansPro-Semibold;
    padding: 6px 10px
}

.nav-collapse a i,
.navbar .menu a i,
ul.top-bar-list li.login-top-nav a i {
    margin-right: 5px
}

.title-main {
    font-size: 24px;
    font-family: SourceSansPro-SemiboldIt;
    margin-bottom: 20px;
    color: #474747;
    text-align: justify
}

.bbbp-osc-grid-outer {
    width: 41.6666666667%
}

.sambal-ai-outer {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16.6666666667%
}

.sambal-ai-outer img {
    max-height: 334px;
    margin-bottom: 30px
}

.sambal-dashboard .card p {
    text-align: justify;
    font-size: 18px;
    font-family: SourceSansPro-SemiboldIt;
    color: #474747
}

.count-details-grid .card {
    box-shadow: 5px 6px 10px rgb(0 0 0 / 0%);
    margin-bottom: 8px
}

.booking-osc .card,
.pledge-content-outer {
    box-shadow: 0 0 10px hsl(0deg 0% 0% / 15%)
}

.count-details-grid .card-body {
    background: linear-gradient(90deg, #3773af 0, #3ac3cb 100%);
    border-radius: 15px;
    display: flex;
    align-items: center;
    font-size: 30px;
    color: #fff;
    font-family: SourceSansPro-Semibold;
    min-height: 135px
}

.sambal-osc-card .count-details-grid:nth-child(2) .card-body {
    background: linear-gradient(90deg, #2b5784, #4877a8)
}

.count-details-grid .sambal-count-content span {
    display: block;
    font-size: 16px;
    color: #fff;
    font-family: SourceSansPro-regular
}

.count-details-grid .sambal-count-img-outer {
    margin-right: 10px
}

.count-details-grid .sambal-count-content {
    font-size: 30px
}

.dashboard-heading-filter-outer {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.dashboard-heading-filter-outer .dashboard-page-heading {
    width: 100%;
    max-width: calc(100% - 325px);
    padding-right: 20px;
    display: inline-flex;
    flex-wrap: wrap
}

.dashboard-heading-filter-outer .dashboard-page-heading .dashboard-logo {
    width: 100%;
    height: 60px;
    max-width: 50px;
    margin-right: 15px;
    display: inline-flex;
    align-items: center
}

.dashboard-heading-filter-outer .dashboard-page-heading .dashboard-page-heading-outer img {
    max-width: 50px;
    max-height: 50px
}

.dashboard-heading-filter-outer .dashboard-page-heading .dashboard-page-heading-outer {
    width: 100%;
    max-width: calc(100% - 65px)
}

.dashboard-heading-filter-outer .new-filter-card {
    width: 325px;
    margin-bottom: 20px;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: stretch;
    height: 100%;
    justify-content: flex-end
}

.dashboard-heading-filter-outer .new-filter-card .breadcrumb {
    margin: 0 0 30px 0
}

.dashboard-heading-filter-outer .new-filter-card .card {
    background: rgb(255 255 255 / 50%);
    margin-bottom: 0
}

.dashboard-heading-filter-outer .new-filter-card .card-body {
    padding: 12px 15px
}

.dashboard-heading-filter-outer .new-filter-card .filter-form-outer {
    display: flex;
    justify-content: center
}

.dashboard-heading-filter-outer .new-filter-card .filter-form-outer .form-group {
    margin: 0 5px
}

.dashboard-heading-filter-outer .new-filter-card .filter-form-outer .form-group select {
    min-width: 226px
}

.dashboard-heading-filter-outer .new-filter-card .btn-outer button {
    padding: 12px
}

.dashboard-heading-filter-outer .new-filter-card .btn-outer button i {
    margin: 0
}

.national-creche-database-body {
    background: url(../img/creche-bg.jpg) center center/cover no-repeat fixed;
    padding: 30px 0 0;
    position: relative
}

.national-creche-database-body::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9);
    top: 0;
    left: 0;
    z-index: 0
}

.national-creche-database-body::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/creche-bg-2.png) bottom center/cover no-repeat fixed;
    top: 0;
    left: 0;
    z-index: 0
}

.national-creche-name-heading {
    font-size: 52px;
    color: #e9ab09;
    font-family: SourceSansPro-Bold;
    line-height: 52px;
    padding-top: 15px
}

.national-creche-name-heading b {
    font-size: 52px;
    color: #e9ab09;
    font-family: SourceSansPro-Bold;
    line-height: 63px;
    position: relative
}

.national-creche-name-heading b img {
    position: absolute;
    top: -15px;
    right: -34px
}

.national-creche-name-heading span {
    display: block;
    color: #212121;
    font-size: 52px;
    text-transform: uppercase;
    letter-spacing: 7px
}

.creche-tagline {
    font-family: SourceSansPro-SemiboldIt;
    font-size: 22px;
    margin: 11px 0 45px;
    color: #8d8d8d
}

.national-creche-section-heading {
    font-size: 24px;
    color: #212121
}

.national-creche-section-heading span {
    background: #e9ab09;
    color: #fff;
    font-size: 24px;
    border-radius: 12px;
    padding: 11px 30px;
    display: inline-block;
    margin-bottom: 20px;
    font-family: SourceSansPro-Semibold
}

.national-creche-facilities-list {
    list-style: none;
    padding: 0;
    margin-bottom: 50px
}

.national-creche-facilities-list li {
    position: relative;
    font-size: 19px;
    color: #212121;
    margin-bottom: 20px;
    padding-left: 25px
}

.national-creche-facilities-list li::before {
    content: "\f00c";
    position: absolute;
    font-size: 15px;
    left: 0;
    top: 4px;
    font-family: "Font Awesome 5 Free";
    color: #212121;
    font-weight: 900
}

.national-creche-right-img {
    text-align: right;
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
    justify-content: flex-end
}

.national-creche-right-img img {
    width: 100%;
    max-width: 530px
}

.national-creche-gallery-outer {
    padding: 40px 0
}

.creche-gallery-outer {
    border-radius: 10px;
    position: relative;
    padding: 10px 0;
    text-align: center
}

.creche-gallery-outer:after,
.creche-gallery-outer:before {
    content: '';
    position: absolute;
    left: 20px;
    bottom: 0;
    width: 100%;
    height: 10px;
    background: rgb(69 117 123 / 20%);
    border-radius: 0 0 10px 10px;
    max-width: calc(100% - 40px);
    margin: 0 auto
}

.creche-gallery-outer:before {
    top: 0;
    border-radius: 10px 10px 0 0
}

.creche-gallery .owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    border-radius: 100px;
    margin-right: 9px;
    border: 2px solid #284996;
    background: 0 0;
    transition: .5s
}

.creche-gallery .owl-dots .owl-dot.active {
    width: 15px;
    height: 15px;
    background: #284996
}

.creche-login .national-creche-right-img img {
    max-width: 720px
}

.creche-login-outer {
    padding: 40px;
    border-radius: 12px;
    background: rgb(255 223 139);
    max-width: 700px;
    margin: 40px 0
}

.creche-login-heading {
    font-size: 35px;
    color: #212121;
    font-family: SourceSansPro-Bold;
    margin-bottom: 15px
}

.creche-login-outer .form-group {
    margin-bottom: 15px;
    font-size: 17px
}

.creche-login-outer .form-group label {
    color: #212121;
    font-size: 17px;
    font-family: SourceSansPro-Semibold
}

.creche-login-outer .form-group .form-control {
    max-width: 350px;
    background: #fff5db;
    border: 0;
    color: #212121;
    padding: 10px 16px;
    font-size: 17px
}

.creche-login-btn {
    font-size: 17px
}

.creche-login-btn .btn {
    background: #c79103;
    color: #fff;
    padding: 12px 24px;
    font-size: 17px
}

.otp-input-grid .otp-input-outer {
    display: flex
}

.otp-input-grid .otp-input-outer .form-control {
    max-width: 60px;
    height: 60px;
    margin-right: 10px;
    font-size: 24px;
    text-align: center
}

.creche-content-para p {
    font-size: 18px;
    color: #212121;
    text-align: justify;
    margin: 10px 0 20px
}

.national-creche-name-login-outer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.national-creche-login-btn-outer {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 100%;
    max-width: 237px;
    margin-top: -30px;
    margin-right: 40px
}

.national-creche-login-btn-outer::before {
    content: '';
    position: absolute;
    width: 26px;
    height: 13px;
    border-radius: 0 0 100px 100px;
    background: #468991;
    top: 0;
    z-index: 1;
    left: 40px
}

.national-creche-login-btn-outer::after {
    content: '';
    position: absolute;
    width: 1px;
    background: #000;
    left: 53px;
    height: 100%;
    z-index: 0;
    max-height: calc(100% - 59px);
    top: 0
}

.national-creche-login-btn {
    position: relative;
    height: 175px;
    display: flex;
    align-items: flex-end
}

.national-creche-login-btn::before {
    content: '';
    position: absolute;
    width: 26px;
    height: 13px;
    border-radius: 0 0 100px 100px;
    background: #468991;
    top: 0;
    right: 40px;
    z-index: 1
}

.national-creche-login-btn::after {
    content: '';
    position: absolute;
    width: 1px;
    background: #000;
    right: 53px;
    height: 100%;
    z-index: 0;
    max-height: calc(100% - 59px);
    top: 0
}

.national-creche-login-btn span {
    padding: 16px 20px;
    color: #fff;
    background: #df813f;
    font-family: SourceSansPro-Semibold;
    border-radius: 12px;
    font-size: 18px;
    display: inline-flex;
    align-items: center
}

.national-creche-login-btn i {
    font-size: 20px;
    margin-left: 20px
}

.national-creche-login-btn img {
    margin-left: 20px
}

.top-bar-181-112 {
    list-style: none;
    padding: 0px 8px;
    margin: 0 0px 0 0;
    display: inline-flex;
    align-items: center;
}

.top-bar-181-112 li {
    font-size: 16px;
    color: #fff;
    font-family: SourceSansPro-Semibold;
    padding: 6px 8px;
    border-right: 1px solid rgba(255, 255, 255, 0.4);
}

.top-bar-181-112 li span {
    color: #ffa05c;
    font-size: 16px
}

.top-bar-181-112 li img {
    margin-top: -4px
}
.top-bar-181-112 li:first-child {
    padding: 0;
    border: 0;
}
.osc-map-grid .card-body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.public-dashboard .card,
.public-dashboard .card .card-header {
    border-radius: 0
}

.osc-dashboard .osc-map-grid .counter-main-grid .card-body {
    padding: 30px 20px !important
}

.osc-dashboard .map-new-outer {
    width: calc(100% - 210px)
}

.map-new-outer::after {
    content: '';
    position: absolute;
    width: 100%;
    max-width: 200px;
    height: 30px;
    background: #fff;
    left: 0;
    bottom: 3px
}

.osc-dashboard .counter-main-grid {
    max-width: 210px
}

.bbbp-dashboard .counter-main-grid .counter-main-outer,
.osc-dashboard .counter-main-grid .counter-main-outer {
    background: #fff2ea;
    box-shadow: none;
    margin: 0 0 40px;
    min-height: 1px
}

.osc-dashboard .counter-main-grid .counter-main-outer .counter-content-outer p {
    color: #000;
    font-family: SourceSansPro-Regular
}

.osc-dashboard .counter-main-grid .counter-main-outer .counter-img-outer {
    margin: 0 auto;
    width: 80px;
    height: 80px;
    box-shadow: none;
    background: #b65d25;
    padding: 15px
}

.osc-dashboard .counter-main-grid .counter-main-outer .counter-img-outer img {
    max-height: 53px
}

.osc-dashboard .counter-main-grid .counter-main-outer .counter-content-outer span {
    color: #b65d25
}

.osc-dashboard .counter-main-grid .counter-main-outer:nth-child(2) {
    background: #f4f7db
}

.osc-dashboard .counter-main-grid .counter-main-outer:nth-child(2) .counter-img-outer {
    background: #646515
}

.osc-dashboard .counter-main-grid .counter-main-outer:nth-child(2) .counter-content-outer span {
    color: #646515
}

#carousel-home-dashboard .carousel-control-next,
#carousel-home-dashboard .carousel-control-prev {
    position: absolute;
    top: 352px;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    padding: 0;
    color: #fff;
    text-align: center;
    border: 0;
    opacity: 1;
    transition: opacity .15s;
    height: 50px;
    background: #3f758c
}

#carousel-home-dashboard .carousel-control-next-icon,
#carousel-home-dashboard .carousel-control-prev-icon {
    display: inline-block;
    width: 18px;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

#carousel-home-dashboard .carousel-indicators {
    margin-bottom: 20px
}

#carousel-home-dashboard .carousel-indicators button {
    background-color: #979696;
    transition: width 1s
}

#carousel-home-dashboard .carousel-indicators button.active {
    background-color: #436a8e;
    width: 36px
}

.dashboard-page-heading .top-dashboard-content {
    font-size: 17px;
    font-family: SourceSansPro-Semibold;
    margin: 8px 0 0;
    color: #404040;
    text-align: justify;
    width: 100%
}

.since-date {
    font-size: 15px;
    color: rgb(0 0 0 / 75%);
    text-align: right;
    margin: 10px 0 0;
    width: 100%;
    font-family: SourceSansPro-Semibold
}

.bbbp-dashboard .map-new-outer {
    width: calc(100% - 200px)
}

.bbbp-dashboard .counter-main-grid {
    max-width: 200px
}

.bbbp-dashboard .counter-main-grid .counter-main-outer:nth-child(2),
.osc-dashboard .counter-main-grid .counter-main-outer:last-child {
    margin-bottom: 0 !important
}

.bbbp-dashboard .osc-map-grid .counter-main-grid .card-body {
    padding: 20px !important;
    flex-wrap: wrap
}

.bbbp-dashboard .counter-main-grid .counter-main-outer .counter-img-outer {
    margin: 0 auto;
    width: 80px;
    height: 80px;
    box-shadow: none;
    padding: 15px;
    border-radius: 100px
}

.bbbp-dashboard .counter-main-grid .counter-main-outer .counter-content-outer {
    width: 100%;
    padding: 17px 0 0;
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 100%;
    font-size: 20px
}

.bbbp-dashboard .counter-main-grid .counter-main-outer .counter-content-outer p {
    color: #fff;
    font-family: SourceSansPro-Regular
}

.location-button {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.location-button a.card-header-btn {
    color: #212121;
    font-family: SourceSansPro-SemiBold;
    font-size: 16px;
    background: rgb(255 255 255);
    padding: 2px 10px;
    display: inline-flex;
    align-items: center
}

.location-button a.card-header-btn i {
    font-size: 12px;
    margin-right: 4px
}

.whl-map-grid {
    max-width: 1200px;
    margin: 0 auto
}

.combine-dashboard-grid:first-child {
    padding-right: 30px
}

.combine-dashboard-grid:first-child::after {
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% - 30px);
    top: 0;
    right: 0;
    border-right: 2px dashed #bcbcbc;
    display: none
}

.combine-dashboard-grid:nth-child(2) {
    padding-left: 30px
}

.combine-dashboard-grid .dashboard-page-heading {
    text-align: center;
    font-size: 32px;
    margin-bottom: 0;
    font-family: SourceSansPro-Semibold
}

.combine-dashboard-grid .dashboard-page-heading center {
    border-bottom: 5px dotted #ccc;
    display: inline-block;
    margin-bottom: 10px;
    text-transform: uppercase
}

.combine-dashboard-grid .dashboard-heading-content {
    font-family: SourceSansPro-Regular;
    font-size: 17px;
    text-align: center;
    color: #535353;
    margin-bottom: 25px
}

.combine-dashboard-scheme-grid .card {
    background: #44608f;
    margin-top: 21px
}

.combine-dashboard-scheme-grid .card .card-body {
    display: flex;
    align-items: center;
    padding: 0 10px 20px;
    justify-content: space-between;
    flex-wrap: wrap
}

.combine-dashboard-scheme-grid .card .combine-dashboard-scheme-link a {
    background: rgb(0 0 0 / 25%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 15px;
    color: #fff;
    font-size: 15px;
    max-width: calc(100% - 40px);
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1.5px
}

.combine-dashboard-scheme-grid .card .combine-dashboard-scheme-link a i {
    font-size: 15px;
    margin-left: 5px
}

.combine-dashboard-scheme-grid .card .combine-dashboard-scheme-name {
    font-size: 16px;
    color: #212121;
    padding: 14px 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 50px);
    background: #fff;
    box-shadow: none;
    margin: -27px auto 20px;
    border-radius: 62px;
    box-shadow: 0 7px 6px rgb(0 0 0 / 30%)
}

.combine-dashboard-icon-outer {
    width: 40px;
    height: 40px
}

.combine-dashboard-scheme-grid .card .combine-dashboard-scheme-name span {
    font-size: 20px;
    font-family: SourceSansPro-Semibold;
    color: #212121;
    padding-left: 10px
}

.combine-dashboard-scheme-grid .card .combine-dashboard-scheme-name a {
    background: #25447c;
    color: #fff;
    padding: 3px 8px;
    font-size: 15px
}

.combine-dashboard-scheme-grid .card .combine-dashboard-scheme-name a i {
    font-size: 14px;
    margin-left: 5px
}

.combine-dashboard-scheme-card {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 10px 5px;
    background: #ffffff14;
    width: calc(50% - 5px);
    min-height: 100px
}

.dashboard-scheme-grid-3 .combine-dashboard-scheme-card {
    width: calc(33.3% - 5px)
}

.combine-dashboard-scheme-card .combine-dashboard-content-outer {
    width: 100%;
    font-size: 15px;
    color: #fff;
    font-family: SourceSansPro-Regular;
    text-align: center;
    text-transform: capitalize
}

.combine-dashboard-scheme-card .combine-dashboard-content-outer span {
    display: block;
    font-size: 18px;
    color: #fff;
    font-family: SourceSansPro-Semibold
}

.combine-dashboard-grid:first-child .combine-dashboard-scheme-grid .card {
    background: #1c478b
}

.combine-dashboard-grid:nth-child(2) .combine-dashboard-scheme-grid .card {
    background: #932328
}

.osc-dashboard .osc-map-grid .counter-main-3-outer .card-body {
    padding: 15px 10px !important
}

.osc-dashboard .counter-main-3-outer .card-body .counter-img-outer {
    width: 70px;
    height: 70px
}

.osc-dashboard .counter-main-3-outer .counter-content-outer {
    padding-top: 5px;
    min-height: 1px
}

.osc-dashboard .counter-main-grid .counter-main-3-outer .counter-content-outer p {
    font-size: 18px
}

.de-tooltip {
    border: 0;
    background: 0 0;
    padding: 0;
    color: inherit;
    margin-left: 5px;
    font-size: 17px
}

.tooltopPara {
    text-align: left;
    margin-bottom: 8px;
    font-size: 14px
}

.booking-osc .card {
    border-radius: 0;
    border: 0;
    margin-bottom: 30px
}

.booking-osc .card .card-header {
    background: #25447c;
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    font-family: SourceSansPro-Semibold;
    border: 0;
    padding: 12px 20px
}

.booking-osc .card .card-body {
    border-radius: 0;
    background: #deeaff;
    border: 1px solid;
    padding: 20px 20px 5px
}

.inline-radio-check-outer {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px
}

.inline-radio-check,
.take-pledge {
    display: inline-block
}

.form-check,
.form-check-label {
    font-size: 16px;
    color: #5c5c62
}

.inline-radio-check {
    margin-right: 15px
}

.note-text {
    font-size: 14px;
    margin-top: 5px;
    color: #717171
}

.take-pledge .take-pledge-anchor {
    background: #455f90;
    color: #fff;
    padding: 8px;
    font-family: SourceSansPro-Semibold;
    font-size: 16px;
    cursor: pointer
}

.nav-collapse .booking-osc-menu a,
.navbar .menu .booking-osc-menu a {
    background: #b65d25;
    padding: 6px 10px;
    color: #fff
}

.nav-collapse .nearest-osc-menu a,
.navbar .menu .nearest-osc-menu a {
    background: #74761e;
    padding: 6px 10px;
    color: #fff
}

.nav-collapse .gender-budgeting a,
.navbar .menu .gender-budgeting a {
    background: #2E7677;
    padding: 6px 10px;
    color: #fff
}

.takePledge-modal .modal-dialog {
    max-width: 800px
}

.pledge-content-outer {
    padding: 30px;
    background: #44668f;
    max-width: 1300px;
    margin: 0 auto
}

.typing-line {
    white-space: normal;
    word-wrap: break-word;
    overflow: hidden;
    display: block;
    height: auto;
    color: #fff;
    font-size: 18px;
    font-family: SourceSansPro-Semibold;
    margin-bottom: 24px;
    text-align: justify;
    animation: .7s step-end infinite blink
}

@keyframes blink {
    50% {
        border-color: transparent
    }
}

.pledge-content-outer ul {
    list-style: disc
}

.pledge-content-outer ul li {
    color: #212121;
    font-size: 18px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px
}

.pledge-content-outer ul li::before {
    content: "\f105";
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 20px;
    height: 26px;
    color: #212121;
    font-size: 14px;
    border-radius: 100px;
    justify-content: center;
    top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 10px
}

.site-counter-grid .site-counter-outer ul li,
.site-counter-grid .site-counter-outer ul li span {
    font-family: SourceSansPro-SemiBold;
    font-size: 17px;
    color: #fff
}

.pledge-btn-outer .pledge-btn {
    background: #fff;
    color: #44668f;
    font-size: 17px;
    padding: 8px 20px;
    border: 0;
    margin-top: 20px;
    display: none;
    font-family: SourceSansPro-Semibold
}

.site-counter-grid .site-counter-outer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    font-size: 16px
}

.site-counter-grid .site-counter-outer ul {
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: right;
    font-size: 16px
}

.site-counter-grid .site-counter-outer ul li {
    color: #fff
}

.copyright-para {
    width: 100%;
    max-width: calc(100% - 105px)
}

.copyright-nic-logo {
    width: 105px
}

ol.breadcrumb {
    padding: 6px 14px;
    display: inline-block;
    background: #feffdd;
    margin: 6px 0 10px 0
}

ol.breadcrumb li {
    display: inline-block;
    font-size: 15px;
    color: #b15f25;
    font-family: SourceSansPro-Semibold
}

ol.breadcrumb li+li:before {
    padding: 8px;
    color: #000;
    content: "/\00a0"
}

ol.breadcrumb li a {
    text-decoration: none;
    color: #434242;
    font-size: 15px;
    font-family: SourceSansPro-Semibold
}

ol.breadcrumb li:hover {
    color: #df813f
}

ol.breadcrumb li a:hover {
    color: #df813f
}

.dashboard-heading-filter-outer .new-filter-card .filter-form-outer .form-group .btn.form-btn:hover {
    color: #fff
}

.privacy-body-outer p {
    font-size: 16px;
    text-align: justify
}

.inner-heading {
    font-size: 19px;
    color: #214983;
    margin: 20px 0 10px 0;
    display: block;
    font-family: SourceSansPro-Bold;
    padding-bottom: 4px;
    border-bottom: 2px dotted rgb(0 0 0 / 20%)
}

.inner-heading:first-child {
    margin-top: 0
}

.inner-sub-heading {
    font-size: 18px;
    color: #212121;
    margin-bottom: 5px;
    display: block;
    font-family: SourceSansPro-Semibold
}

.inner-list {
    list-style: none;
    padding: 0;
    font-size: 16px
}

.inner-list li {
    font-size: 16px;
    padding-left: 13px;
    position: relative;
    text-align: justify
}

.inner-list li:before {
    content: "\f105";
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    left: 0;
    top: 2.5px;
    font-size: 16px
}

.inner-list li ul {
    padding-left: 6px;
    margin-bottom: 10px
}

.media-page-body .nav-tabs {
    border-bottom: 0;
    display: flex;
    justify-content: center
}

.media-page-body .nav-tabs .nav-link {
    background: #dbdbdb;
    border-bottom: 0;
    color: #212121;
    margin-right: 10px;
    padding: 5px 16px
}

.media-page-body .nav-tabs .nav-link.active {
    background: #3f758c;
    border-bottom: 0;
    color: #fff
}

.media-page-body .nav-tabs .nav-item:last-child .nav-link {
    margin-right: 0;
    font-size: 18px
}

.gallery-tab-main .gallery-outer {
    margin-top: 30px;
    padding: 10px;
    box-shadow: 1px 2px 10px rgb(0 0 0 / 12%);
    background: #fff;
    border: 1px solid rgb(0 0 0 / 15%);
    max-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.gallery-tab-main .gallery-outer a {
    display: flex;
    align-items: center;
    justify-content: center
}

.gallery-tab-main .gallery-outer a img {
    max-height: 280px
}

.video-outer-grid {
    margin-top: 30px
}

.video-outer {
    padding: 10px;
    box-shadow: 1px 2px 10px rgb(0 0 0 / 12%);
    background: #fff;
    border: 1px solid rgb(0 0 0 / 15%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.video-outer .video-link-outer {
    width: 100%
}

.video-outer .video-link-outer iframe {
    width: 100%;
    height: 300px
}

.video-outer .video-content-outer {
    font-size: 18px;
    font-family: SourceSansPro-Semibold;
    color: #212121;
    margin-top: 7px;
    text-align: center
}

.social-icons-header li a {
    color: #fff
}

.social-icons-footer ul {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.social-icons-footer ul li a {
    color: #fff
}

.copyright {
    border-top: 1px solid #424242;
    padding-top: 10px
}

/* Gender  Budgeting Start */
.upload-form-main .card{
    border-radius: 0;
}
.upload-form-main .card-body{
    padding: 25px;
}

.input-row-main .table-row-color{
    background: #787878;
}

.input-row-main .table-child-heading{
    font-size: 18px;
    font-family: 'SourceSansPro-semibold';
    position: relative;
    padding-bottom: 5px;
}
.input-row-main .table-child-heading::after{
    content: '';
    position: absolute;
    width: 80px;
    height: 3px;
    background: #0f8dbb;
    left: 0;
    bottom: 0;
}

.input-row-main .submit-group{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
}
.archive-page a{
    font-size: 16px;
    font-family: 'SourceSansPro-Regular';
}
.archive-page a i{
    font-size: 13px;
    margin-left: 8px;
}

.gender-budgeting-outer{
    padding: 0px 0 0;
}

.gender-budgeting-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.gender-budgeting-flex .d-flex-row{width: calc(100% - 60px); padding-right: 15px;}
.gender-budgeting-flex .read-more-button{
    cursor: pointer;
    width: 60px;
    height: 60px;
    border: 2px #fff solid;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.gender-budgeting-flex .read-more-button i{
    font-size: 18px;
    color: #fff;
}

.gender-budgeting-outer .gender-header{
    background: url(../img/gender-budgeting/genderbudgeting-bg.jpg);
    position: relative;
    background-size: cover;
    padding: 40px 0;
    margin-bottom: 50px;
    min-height: calc(100vh - 172px);
    display: flex;
    align-items: center;
}

.gender-budgeting-outer .gb-header-for-inner{
    background: url(../img/gender-budgeting/genderbudgeting-bg.jpg);
    position: relative;
    background-size: cover;
    padding: 40px 0;
    /* margin-bottom: 50px; */
    /* min-height: calc(100vh - 172px); */
    display: flex;
    align-items: center;
}

.gender-budgeting-outer .gb-header-for-inner::before{
    content: '';
    position: absolute;
    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    top: 0;
}

.gender-budgeting-outer .gender-header::before{
    content: '';
    position: absolute;
    background: rgb(0 0 0 / 70%);
    width: 100%;
    height: 100%;
    top: 0;
}

.gender-budgeting-content{
    color: #fff;
}

.gender-budgeting-outer .gender-header .gender-budgeting-content{
    z-index: 1;
    position: relative;
}
.gender-budgeting-outer .gb-header-for-inner .gender-budgeting-content{
    z-index: 1;
    position: relative;
}

.gender-budgeting-outer .gender-header .gender-budgeting-content .text-heading{
    font-size: 40px;
    font-family: "SourceSansPro-Regular";
    line-height: 1.2;
    margin-bottom: 20px;
    text-align: left;
}
.gender-budgeting-outer .gb-header-for-inner .gender-budgeting-content .text-heading{
    font-size: 40px;
    font-family: "SourceSansPro-Regular";
    line-height: 1.2;
    margin-bottom: 20px;
    text-align: center;
}

.gender-budgeting-outer .gender-header .gender-budgeting-content .text-heading span{
    font-size: 45px;
    display: block;
    margin-top: 10px;
    font-family: "SourceSansPro-SemiBold";
}
.gender-budgeting-outer .gender-header .gender-budgeting-content .text-heading .bold-text-word{
    font-family: "SourceSansPro-SemiBold";
    font-size: 45px;
    display: inline-block;
}

.gender-budgeting-outer .gender-header .gender-budgeting-content .banner-down{
    display: inline-block;
}

.gender-budgeting-outer .gender-header .gender-budgeting-content .banner-down .banner-arrow-down{
    width: 60px;
    height: 60px;
    border: 2px #fff solid;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gender-budgeting-outer .gender-header .gender-budgeting-content .banner-down .banner-arrow-down i{
    font-size: 30px;
    color: #fff;
}

.gender-budgeting-content .paragraph{
    font-size: 20px;
    font-family: SourceSansPro-It;
    text-align: justify;
}
.gender-budgeting-content .paragraph span{
    display: block;
    font-size: 24px;
}

.gender-budgeting-content .paragraph-second{
    font-size: 20px;
    font-family: 'SourceSansPro-It';
    text-align: justify;
}

.gender-budgeting-info{
    /* margin-top: -150px;
    margin-bottom: 40px; */
}

.nav-bg-cover{
    background: #1f497d;
}

.focus-areas{
    margin-bottom: 30px;
}
.gender-budgeting-info .focus-areas-heading
{
    font-size: 30px;
    color: #0267B0;
    font-family: "SourceSansPro-Bold";
    margin-bottom: 10px;
}

.gender-budgeting-info .focus-areas-heading span{
    font-size: 30px;
    color: #212121;
    font-family: "SourceSansPro-Regular";
}

.gender-nav-outer{width: 100%;}
.gender-4boxes-outer{width: 100%; max-width: calc(100% - 310px);}
.gender-budgeting-info .grid-color .inner-info{
    padding: 20px 15px;
    border: 3px #fff solid;
    text-align: center;
    color: #fff;
    position: relative;
    box-shadow: 0 10px 11px rgba(0, 0, 0, 0.12);
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    flex-direction: column;
    background: #43495e;
    transition: 0.3s ease-in-out;
}

.gender-budgeting-info .grid-color .inner-info:hover{background: #0f8dbb; transform: scale(1.06);}

.gender-budgeting-info .inner-info .grid-img-outer{
    max-width: 50px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gender-budgeting-info .inner-info .grid-img-outer img{
    max-width: 100%;
    max-height: 100%;
}

.gender-budgeting-info .inner-info .heading-title{
    font-size: 20px;
    margin: 0;
    font-family: SourceSansPro-Semibold;
    color: #fff;
    width: 100%;
}
.gender-budgeting-info .inner-info .heading-title span{
    display: block;
    font-size: 16px;
    font-family: SourceSansPro-It;
    text-align: center;
}


/* .gender-budgeting-info .grid-color{position: relative;}
.gender-budgeting-info .grid-color::after{
    content: '';
    position: absolute;
    width: calc(100% - 80px);
    height: 50px;
    opacity: 0.4;
    border-radius: 0px 0px 50px 50px;
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -10px;
} */

/* .gender-budgeting-info .grid-color:nth-child(1) .inner-info, .gender-budgeting-info .grid-color:nth-child(1)::after{
    background: #CA8D1C;
}

.gender-budgeting-info .grid-color:nth-child(2) .inner-info, .gender-budgeting-info .grid-color:nth-child(2)::after{
    background: #02B095;
}

.gender-budgeting-info .grid-color:nth-child(3) .inner-info, .gender-budgeting-info .grid-color:nth-child(3)::after{
    background: #0268B0;
}

.gender-budgeting-info .grid-color:nth-child(4) .inner-info, .gender-budgeting-info .grid-color:nth-child(4)::after{
    background: #7535B9;
}

.gender-budgeting-info .grid-color:nth-child(5) .inner-info, .gender-budgeting-info .grid-color:nth-child(5)::after{
    background: #a8980b;
} */

.grid-color{
    width: 20% !important;
    margin-bottom: 20px;
}

/* Left Vertical Navbar */

.vretical-nav-var .navbar{z-index: 100;}
.gender-budgeting-info .vretical-nav-var .navbar-expand-lg .navbar-nav{
    flex-direction: row;
    justify-content: center;
    /* background: hsl(0deg 0% 0% / 30%) !important; */
    background: #1f497d;
    font-size: 16px;
}
.gender-budgeting-info .vretical-nav-var .navbar-expand-lg .navbar-nav li{font-size: 16px;}

.gender-budgeting-info .vretical-nav-var .bg-light{
    background: none !important;
    height: auto;
    padding: 0;
    margin-bottom: 0px;
}

.gender-budgeting-info .vretical-nav-var .navbar-light{
    border-bottom: 0 !important;
}

.gender-budgeting-info .vretical-nav-var .navbar-light .navbar-nav .nav-link.active{
    color: #fff !important;
    background: #0f8dbb;
}

.statement-events-main{background: url(../img/gender-budgeting/bg-2.jpg) center center no-repeat fixed;
    background-size: cover;
    padding-top: 50px;
    margin-bottom: 50px;
}

.gender-budgeting-info .vretical-nav-var .dropdown-item{
        color: #212529;
        background-color: rgb(0 0 0 / 6%);
        font-size: 16px;
}
.gender-budgeting-info .vretical-nav-var .navbar-light .navbar-nav .nav-link{
    padding: 6px 12px 7px 12px;
    font-size: 16px;
    font-family: SourceSansPro-Regular;
    color: #fff !important;
}
.gender-budgeting-info .vretical-nav-var .navbar-light .navbar-nav .nav-link{
    position: relative;
}
.gender-budgeting-info .vretical-nav-var .navbar-light .navbar-nav .nav-link:after{margin-left: 4px; font-size: 14px;}
.gender-budgeting-info .vretical-nav-var .navbar-light .navbar-nav .nav-link::before{
    background: none;
}

.gender-budgeting-info .vretical-nav-var .navbar .nav-item:hover>.dropdown-menu{
    left: 0;
}

.gender-budgeting-info .vretical-nav-var .nav-item.dropdown>.dropdown-menu{
    background: #eaeaea;
    border-radius: 0;
}
.gender-budgeting-info .vretical-nav-var .dropend .dropdown-menu{background: #f9f9f9;width: 100%;position: absolute;display: none;border-radius: 0;}
.gender-budgeting-info .vretical-nav-var .dropend:hover .dropdown-menu{display: block;top: 0;left: 100%;visibility: visible;transform: none;opacity: 1;}

/* .gender-budgeting-info .vretical-nav-var .nav-item.dropdown>.dropdown-menu>.dropdown .dropdown-menu{background: #f9f9f9; width: 100%; position: absolute; display: none;} */
.gender-budgeting-info .vretical-nav-var .nav-item.dropdown>.dropdown-menu>.dropdown:hover .dropdown-menu{display: block; top: 0; left: 100%;}
.gender-budgeting-info .vretical-nav-var .nav-item.dropdown>.dropdown-menu>.dropdown:hover{background: #478990; color: #fff;}
.gender-budgeting-info .vretical-nav-var .nav-item.dropdown>.dropdown-menu>.dropdown:hover>a{ color: #fff;}
.gender-budgeting-info .vretical-nav-var .navbar-expand-lg .navbar-collapse{
    justify-content: center;
    align-items: center;
    width: auto;
}
/* Left vertical Navbar End */

/* About gender-budgeting css start */

.gb-about-main{
    background: url(../img/gender-budgeting/bg-2.jpg) center center no-repeat fixed;
    background-size: cover;
    padding: 50px 0;
}

.gb-about-main .image-left-outer-panel{
    
}
.gb-about-main .image-left-outer-panel img{
    width: 100%;
    max-width: 500px;
}

.gb-about-main .about-inner-content-heading{
    font-size: 40px;
    font-family: "SourceSansPro-Bold";
    text-transform: uppercase;
    margin: 0;
}
.gb-about-main .about-sub-heading{
    font-size: 30px;
    font-family: "SourceSansPro-Regular";
}

.gb-about-main .about-content-paragraph{
    font-size: 16px;
}
.gb-about-main .about-content-paragraph ul{
    padding-left: 0;
    font-size: 16px;
    color: #707070;
    font-family: "SourceSansPro-Regular";
}
.gb-about-main .about-content-paragraph ul li{
    list-style-type: none;
    margin-bottom: 10px;
    text-align: justify;
    font-size: 16px;
    font-family: "SourceSansPro-Regular";
}
.gb-about-main .about-content-paragraph ul li .text-italic{
    font-style: italic;
    color: #212121;
}
.gb-about-main .about-content-paragraph ul .heading-line{
    font-size: 30px;
    font-family: "SourceSansPro-Semibold";
    color: #434242;
}
.gb-about-main .second-about-outer{
    padding: 30px 0;
}
.gb-about-main .about-chile-one-content{
    background: url(../img/gender-budgeting/about-background.png) center center no-repeat fixed;
    background-size: cover;
    padding: 50px 0;
}

.gb-about-main .about-chile-one-content{
}

.gb-about-main .about-chile-one-content .content-child-left{
    margin-bottom: 20px;
}
.gb-about-main .about-chile-one-content .content-child-left span{
    display: block;
}
.gb-about-main .about-chile-one-content .content-child-left .heading-text-one{
    font-size: 30px;
    font-family: "SourceSansPro-Semibold";
}
.gb-about-main .about-chile-one-content .content-child-left .heading-text-two{
    font-family: "SourceSansPro-Bold";
    font-size: 40px;
    color: #b65d25;
    text-transform: uppercase;
}
.gb-about-main .about-chile-one-content .content-child-left .heading-text-three{
    font-size: 30px;
    font-family: "SourceSansPro-Bold";
    color: #002c6e;
}

.gb-about-main .about-chile-one-content .content-child-right{
    font-size: 16px;
    font-family: "SourceSansPro-Regular";
    text-align: justify;
    padding-right: 80px;
    /* width: calc(100% - 40px); */
}

.gb-about-main .about-chile-one-content .journey-heading{
    font-size: 30px;
    font-family: "SourceSansPro-semibold";
}

.Key-strategy-main-outer{
    margin-bottom: 0px;
}

.Key-strategy-main-outer .key-strategy-heading{
    font-size: 16px;
    font-family: "SourceSansPro-Regular";
    color: #b65d25;
}

.Key-strategy-main-outer .Key-strategy-bottom{
    font-size: 24px;
    font-family: "SourceSansPro-Semibold";
    margin: 0;
}

.Key-strategy-main-outer .Key-strategy-content{
    font-size: 16px;
    font-family: "SourceSansPro-Regular";
    text-align: justify;
}

.Key-strategy-main-outer .mini-section{
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.Key-strategy-main-outer .mini-section ul{
    font-size: 16px;
    font-family: "SourceSansPro-Regular";
}

.Key-strategy-main-outer .mini-section ul li{
    font-size: 18px;
}

.Key-strategy-main-outer .last-content{
    font-size: 26px;
    font-family: "SourceSansPro-Semibold";
}
.Key-strategy-main-outer .last-content span{
    display: block;
}

.Key-strategy-main-outer .last-content span:nth-child(2){
    font-size: 33px;
    font-family: "SourceSansPro-Bold";
}
.Key-strategy-main-outer .last-content span span{color: #0f8dbb;display: inline-block;}

.key-features-main-outer{
    background: url(../img/gender-budgeting/about-background.png) center center no-repeat fixed;
    background-size: cover;
    padding: 50px 0;
}

.key-features-main-outer .key-features-heading{
    font-size: 30px;
    font-family: "SourceSansPro-Bold";
    text-align: center;
    margin-bottom: 40px;
}

.key-features-heading{
    position: relative;
    padding-bottom: 16px;
}

.key-features-heading::after{
    content: '';
    position: absolute;
    width: 100px;
    height: 2px;
    background: #bb6a00;
    bottom: 0;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.key-features-main-outer .center-text{
    font-size: 16px;
    font-family: "SourceSansPro-Regular";
    text-align: center;
    color: #7d7d7d;
    border: 1px solid #0000001f;
    background: #fff;
    padding: 20px 20px 10px 20px;
    width: 100%;
    height: 100%;
}

.key-features-main-outer .all-center{
    display: flex;
    justify-content: space-evenly;
}

/* About gender-budgeting css end */

/* gbscheme-proposal start */
.gbscheme-proposal-main{
    background: url(../img/gender-budgeting/bg-2.jpg) center center no-repeat fixed;
    background-size: cover;
    padding: 50px 0;
}
.gbscheme-proposal-main .gbscheme-heading{font-family: "SourceSansPro-semibold"; font-size: 30px; padding-bottom: 10px; text-align: center;}
.gbscheme-proposal-main .gbscheme-heading span{display: block; font-family: "SourceSansPro-Regular"; font-size: 18px;}
.gbscheme-proposal-main .gbscheme-title{font-family: "SourceSansPro-semibold"; font-size: 20px; margin-bottom: 15px;}
.gbscheme-proposal-main .gbscheme-title span{display: block;font-size: 16px;font-family: "SourceSansPro-Regular";color: #858585;}
.gbscheme-proposal-main .gbscheme-child-content{font-size: 16px;}
.gbscheme-proposal-main .gbscheme-child-content p{font-family: "SourceSansPro-Regular"; font-size: 16px; text-align: justify;}
.proposal-form .download-link-step-1{font-size: 16px; font-family: "SourceSansPro-semibold"; color: #2e6cc9;}
.gbscheme-proposal-main .proposal-form{background: #efefef; border: 1px solid rgba(0, 0, 0, 0.15); padding: 20px;}
.gbscheme-proposal-main .proposal-form form{font-size: 16px;}
.gbscheme-proposal-main .formtext-child-1{font-family: "SourceSansPro-semibold";font-size: 20px;margin-bottom: 14px;}
.gbscheme-proposal-main .formtext-child-1 span{display: block;font-family: "SourceSansPro-Regular";font-size: 15px;color: #6b6b6b;}
.gbscheme-proposal-main .proposal-form .select-child-one{margin-bottom: 14px;}
.gbscheme-proposal-main .proposal-form .select-child-one .form-label{font-size: 16px;}
.gbscheme-proposal-main .proposal-form button{font-family: "SourceSansPro-semibold"; font-size: 16px;}
.gbscheme-proposal-main .download-link-form{padding: 10px 0;}
.gbscheme-proposal-main .download-link-form a{font-size: 15px; font-family: "SourceSansPro-Regular"; color: #002c6e;}
/* gbscheme-proposal End */

/* GB Upload Scheme Start */
.upload-form-main .upload-main-header{text-align: center;border-bottom: 1px dotted #ccc;margin-bottom: 15px;padding-bottom: 15px;}
.upload-form-main .upload-main-header .form-child-outer{font-size: 24px;font-family: "SourceSansPro-semibold";margin-bottom: 0;}
.upload-form-main .upload-main-header span{font-size: 16px;font-family: "SourceSansPro-Regular"; display: inline-block;margin-top: 6px;background: #c5efff;padding: 4px 16px;border: 1px solid rgba(0, 0, 0, 0.2);}
.upload-form-main .upload-form-input .up-heading{font-size: 20px; font-family: "SourceSansPro-semibold";}
.upload-form-main .upload-form-input .up-heading span{display: block; font-size: 16px; font-family: "SourceSansPro-Regular"; color: #7b7b7b;}
/* GB Upload Scheme End */

/* gbscheme-checklist start */
.gbscheme-checklist-zone{margin-top: 20px;}
.gbscheme-checklist-zone .checklist-main{text-align: center; border-bottom: 1px dotted #ccc;margin-bottom: 15px;padding-bottom: 15px;}
.gbscheme-checklist-zone .checklist-main .checklist-header{font-size: 24px; font-family: "SourceSansPro-semibold"; margin: 0;}
.gbscheme-checklist-zone .checklist-main{font-size: 16px;font-family: "SourceSansPro-Regular";}
.gbscheme-checklist-zone .checklist-main span{font-size: 16px;}
/* gbscheme-checklist End */

/* GBIM Start */
.gb-mechanisms-main{
    background: url(../img/gender-budgeting/bg-2.jpg) center center no-repeat fixed;
    background-size: cover;
    padding: 50px 0;
}

.notification-main-outer{
    background: url(../img/gender-budgeting/bg-2.jpg) center center no-repeat fixed;
    background-size: cover;
    padding: 50px 0;
}

.notification-main-outer .notification-header-line{
}

.gb-mechanisms-main .gbim-heading{
    font-size: 16px;
    font-family: "SourceSansPro-Regular";
    color: #b65d25;
    margin: 0;
}

.gb-mechanisms-main .gb-mechanisms-sub-heading{
    font-size: 18px;
    font-family: "SourceSansPro-Regular";
}

.gb-mechanisms-main .about-content-paragraph .before-text-heading{
    font-size: 20px;
    font-family: "SourceSansPro-semibold";
    color: #212121;
    margin: 15px 0 5px 0;
}
.gb-mechanisms-main .about-content-paragraph .before-text-heading:nth-child(1){margin-top: 0;}

/* GBIM End */

.statement-events-main .main-child-background{
    background: url(../img/gender-budgeting/about-gb-img.jpg) center right no-repeat;
    background-size: cover;
}

.statement-events-main .main-child-background .main-child-outer{
    background: rgb(0 160 221 / 90%);
    color: #fff;
    padding: 45px;
    width: 50%;
    height: 100%;
    position: relative;
}
.statement-events-main .main-child-background .main-child-outer p{position: relative; z-index: 1;}

.statement-events-main .main-child-background .main-child-outer img{
    position: absolute;
    right: 30px;
    top: 30px;
    max-width: 80px;
    z-index: 0;
}

.statement-events-main .main-child-background .main-child-outer .main-child-heading{
    font-size: 30px;
    font-family: "SourceSansPro-Bold";
    line-height: 45px;
    color: #fff;
}

.statement-events-main .main-child-background .main-child-outer .main-child-heading .child-text{
    display: block;
    font-size: 24px;
    font-family: "SourceSansPro-Regular";
}

.statement-events-main .main-child-background .main-child-outer .child-content{
    font-size: 17px;
    font-family: "SourceSansPro-Regular";
    text-align: justify;
}

.statement-events-main .main-child-outer .child-button{
    color: #fff;
    display: flex;
    align-items: center;
    border: 1px #fff solid;
    padding: 8px 16px;
    border-radius: 8px;
    font-family: "SourceSansPro-Regular";
    font-size: 16px;
    margin-top: 40px;
}

.statement-events-main .main-child-outer .child-button i{
    margin-left: 10px;
    margin-top: 3px;
}

.statement-events-main-right{
    padding-top: 40px;
    position: relative;
}


.statement-events-main-right .event-heading{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.statement-events-main-right .event-heading img{
    width: 62px;
    height: 62px;
    margin-right: 10px;
}

.statement-events-main-right .event-heading .event-child-heading{
    font-size: 30px;
    margin: 0;
    font-family: "SourceSansPro-bold";
    color: #0267B0;
}

.statement-events-main-right .event-heading .child-head-text{color: #212121;font-size: 30px;font-family: "SourceSansPro-Regular";}

.statement-events-main-right .event-content{
    margin-bottom: 25px;
}

.statement-events-main-right .event-content .event-inner-heading{
    font-size: 22px;
    font-family: "SourceSansPro-Regular";
    color: #212121;
    margin: 0;
    margin-bottom: 8px;
}

.statement-events-main-right .event-content .event-paragraph{
    font-size: 16px;
    font-family: "SourceSansPro-Regular";
    color: #404040;
    text-align: justify;
    line-height: 28px;
    display: block;
}

.statement-events-main-right .event-bottom-content-main{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.statement-events-main-right .event-bottom-content-main .event-location{
    display: flex;
    align-items: center;
}

.statement-events-main-right .event-bottom-content-main .event-location i{
    font-size: 36px;
    margin-right: 15px;
    color: #0267B0;
}

.statement-events-main-right .event-bottom-content-main .event-location .location-heading{
    margin: 0;
    font-size: 17px;
    font-family: "SourceSansPro-bold";
    color: #212121;
}

.statement-events-main-right .event-bottom-content-main .event-location .location-heading .location-bottom-text{
    display: block;
    font-size: 16px;
    font-family: "SourceSansPro-Regular";
    color: #404040;
}

.statement-events-main-right .event-date-time .icon-text{
    font-size: 15px;
    font-family: "SourceSansPro-Regular";
    color: #404040;
    border: 1px #91D7E3 solid;
    background: #CEF7FE;
    padding: 3px 8px;
    margin-right: 15px;
    display: inline-block;
}

.statement-events-main-right .event-date-time .icon-text:last-child{
    margin-right: 0px;
}

.statement-events-main-right .event-date-time .icon-text i{
    color: #404040;
    margin-right: 4px;
}
.statement-events-main-right .carousel{position: static;}
.statement-events-main-right .carousel-control-prev, .statement-events-main-right .carousel-control-next{
    /* right: 0; */
    width: 50px;
    height: 50px;
    background: #454545;
    top: 42px;
    opacity: 1;
    font-size: 14px;
}
.carousel-control-prev-icon, .carousel-control-next-icon{/* background: none; *//* width: auto; */height: 17px;}
.statement-events-main-right .carousel-control-prev{
right: 51px;
left: auto;
}
.statement-events-main-right .carousel-control-next{
    right: 0;
}

.gallery-view-main-outer{padding: 30px 0;}
.gallery-view-main-outer .gallery-heading-main{
    font-size: 30px;
    color: #0267B0;
    font-family: "SourceSansPro-Bold";
    margin-bottom: 15px;
}
.gallery-view-main-outer .view-text{
    font-size: 16px;
    font-family: "SourceSansPro-Regular";
    color: #fff;
    background: rgb(2 103 176);
    padding: 8px 12px;
    margin-top: 4px;
    display: inline-flex;
    align-items: center;
}

.gallery-view-main-outer .view-text i{
    font-size: 14px;
    margin-left: 5px;
    margin-top: 3px;
}
.gallery-view-main-outer .gallery-row{
    margin-bottom: 10px;
}

.gallery-slider{position: relative;}
.gallery-view-main-outer .gallery-slider .owl-nav.disabled, .gallery-view-main-outer .gallery-slider .owl-nav{display: block;}
.gallery-view-main-outer .gallery-slider .owl-nav .owl-prev, .gallery-view-main-outer .gallery-slider .owl-nav .owl-next{
    width: 50px;
    height: 50px;
    background: #454545;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    position: absolute;
    top: -50px;
    right: 12px;
}

.gallery-view-main-outer .gallery-slider .owl-nav .owl-prev{right: 63px; top:-60px}
.gallery-view-main-outer .gallery-slider .owl-nav .owl-next{top:-60px}
.gallery-view-main-outer .gallery-slider .owl-nav .owl-prev::before, .gallery-view-main-outer .gallery-slider .owl-nav .owl-next::before{
    content: '\f054';
    position: absolute;
    color: #fff;
    font-size: 15px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}
.gallery-view-main-outer .gallery-slider .owl-nav .owl-prev::before{
    content: '\f053';
}
.gallery-slider .item{padding: 3px 0;}
.gallery-slider .item a{height: 226px;width: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.gallery-slider .item a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-view-main-outer .faq-main-outer{
    background: #D2E2FD;
    border-radius: 65px 0 0 0;
    overflow: hidden;
}

.gallery-view-main-outer .faq-main-outer .faq-child-content{
    padding: 25px 30px;
}

.gallery-view-main-outer .faq-main-outer .faq-child-content{
    display: flex;
    align-items: center;
    justify-content: center;
}
.gallery-view-main-outer .faq-main-outer .faq-child-content img{
    width: 100px;
    height: 100px;
    margin-right: 25px;
}
.gallery-view-main-outer .faq-main-outer .faq-child-content .faq-heading{
    color: #0267B0;
    font-size: 30px;
    font-family: "SourceSansPro-Bold";
    margin: 0;
    line-height: 38px;
}
.gallery-view-main-outer .faq-main-outer .faq-child-content .faq-heading .faq-title{
    font-family: "SourceSansPro-Regular";
    font-size: 30px;
    color: #212121;
    display: block;
}

.gallery-view-main-outer .faq-main-outer .faq-inner-div{
    background: #E6EFFF;
}

.gallery-view-main-outer .faq-main-outer .faq-inner-div .faq-middle-img img{
    width: 100%;
}

.gallery-view-main-outer .button-group-main{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 26px 10px;
    flex-wrap: wrap;
}

.gallery-view-main-outer .button-group-main a{
    margin-right: 15px;
    background: #0267B0;
    color: #fff;
    padding: 8px 24px;
    border-radius: 0;
    font-size: 18px;
    font-family: SourceSansPro-Semibold
}
.gallery-view-main-outer .button-group-main a:last-child{margin-right: 0;}

.gallery-view-main-outer .button-group-main button:hover{
    background: #0267B0;
    color: #fff;
}
.gender-nav-outer .navbar.navbar-expand-lg .navbar-toggler{    position: relative;
    font-size: 16px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 0;
    background: rgba(0, 0, 0, 0.2);}
.gender-nav-outer .navbar.navbar-expand-lg .navbar-toggler i{margin-left: 5px; font-size: 13px;}
.gender-budgeting-outer .gender-header.gender-header-inner-page{padding: 50px 0;margin-bottom: 0;min-height: 1px;}
.gender-budgeting-outer .gender-header.gender-header-inner-page .gender-budgeting-content .text-heading{font-size: 40px;}
.gender-header-inner-page .gender-budgeting-info .vretical-nav-var .navbar-light{margin-bottom: 0;}
.content-child-flex{display: flex; align-items: center; height: 100%;}
.content-child-flex .content-child-outer{}

/*shivangi code start*/
ul.poster-list {
    background: #ffeee3;
    padding: 20px 50px;
    min-height: calc(100% - 30px);
}
h4.flyer-list {
    background: #b65d25;
    margin: 0;
    padding: 10px;
    color: #fff;
    font-size: 22px;
    font-family: "SourceSansPro-Semibold";
}
ul.poster-list li a {font-family: SourceSansPro-Regular; color: #454545; font-size: 17px;line-height: 35px;}
ul.poster-list li a:hover {color: #003ad8bd;text-decoration: underline;}

.video-gallery {
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.video-gallery iframe{
    border: 10px solid #cff2ff;
    padding: 2px;
}

.gender-page-heading {
    font-size: 30px;
    margin: 0;
    font-family: "SourceSansPro-Semibold";
    color: #434242;
    border-bottom: 3px dotted rgb(0 0 0 / 20%);
    margin-bottom: 15px;
}
.resource-menu ul.nav.flex-column li.nav-item a.nav-link{
    color: #000;
    font-size: 16px;
    padding: 7px 16px;
    border-radius: 0px;
}
.resource-menu ul.nav.flex-column li.nav-item a.nav-link.active{
    color: #fff;
    background-color: #00a0dd;
    }
.resource-menu ul.nav.flex-column{
    background: #e7e7e7;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
    border: 1px solid #fff;
}
 .resource-paragraph {
    font-size: 16px;
    font-family: "SourceSansPro-Regular";
    color: #404040;
    text-align: justify;
    line-height: 28px;
    display: block;
}

.left-nav-page-outer{width: 300px;}
.right-content-grid{ width: calc(100% - 300px);}

.link-box-grid{}
.link-box-grid .link-box-outer .clickable{display: flex; align-items: center; }
.link-box-grid .link-box-outer{background: #0267b0;color: #fff;position: relative; margin-bottom: 30px;}
.link-box-grid .link-box-outer .link-box-icon-outer{width: 70px;height: 100%;display: inline-flex;align-items: center;justify-content: center;padding: 12px;}
.link-box-grid .link-box-outer .link-box-icon-outer img{max-width: 37px;}
.link-box-grid .link-box-outer .link-box-icon-outer i{font-size: 24px;}
.link-box-grid .link-box-outer .link-box-content-outer{font-size: 22px;font-family: SourceSansPro-Semibold;width: calc(100% - 70px);padding: 16px 50px 16px 5px;display: inline-flex;color: #fff;flex-wrap: wrap;}
.link-box-grid .link-box-outer .link-box-content-outer span{display: block;font-family: 'SourceSansPro-Regular';font-size: 16px;width: 100%;}
.link-box-grid .link-box-outer .link-box-content-outer strong {position: absolute;width: 45px;height: 45px;border-radius: 100px 0 0 0;color: #fff;bottom: 0;right: 0;border: 0px solid #fff;border-top-width: 3px;border-left-width: 3px;padding: 5px 0 0 20px;font-size: 17px;display: inline-flex;align-items: center;}
.link-box-grid .link-box-outer .link-box-content-outer strong i{font-size: 17px !important;}
.link-box-grid:nth-child(1) .link-box-outer{background: #1aa8ba;}
.link-box-grid:nth-child(2) .link-box-outer{background: #0f81c9;}
.link-box-grid:nth-child(3) .link-box-outer{background: #5561b1;}

i.far.fa-file-pdf {padding-right: 10px;}
/*shivangi code end*/
/* Notification Css Start */
.select-search{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.select-search .search-right{
    display: flex;
    align-items: center;
}
.select-search .search-right .search-your-data{
    margin-right: 8px;
    font-size: 16px;
    color: #212121;
    font-family: 'SourceSansPro-Regular';
}
.select-search .select-left{
    display: flex;
    align-items: center;
}
.select-search .select-left .select-tab-box{
    margin: 8px;
}
.select-search .select-left .both-side{
    font-size: 16px;
    color: #212121;
    font-family: 'SourceSansPro-Regular';
}

.contact-main{
    text-align: center;
    font-size: 16px;
    color: #212121;
    font-family: 'SourceSansPro-Regular';
}

.contact-main p{
    margin: 0;
    text-align: center;
}

.contact-main .contact-heading-gb{
    font-size: 16px;
    font-family: 'SourceSansPro-Bold';
    background: #ccc;
    display: inline-block;
    padding: 5px;
    margin-bottom: 5px;
}

.gb-gallery-view{
    margin-bottom: 30px;
}
.gb-gallery-view a{height: 300px; display: block;}
.gallery-slider .item a:hover, .gb-gallery-view a:hover{box-shadow: 0 5px 5px rgb(0 0 0 / 30%);outline: 3px solid rgb(31 73 125);}
.gb-gallery-view a img{object-fit: cover; height: 100%; width: 100%;}
.home-minister-main .minister-content{
    display: flex;
    align-items: center;
    height: 100%;
}

.minister-content-child .minister-paragraph{
    font-size: 22px;
    font-family: 'SourceSansPro-It';
    text-align: justify;
}

.home-minister-main .minister-content .minister-name{
    font-size: 20px;
    font-family: 'SourceSansPro-SemiBold';
    color: #212121;
    margin-top: 20px;
    display: block;
}

.home-minister-main .minister-content .minister-profile{
    display: block;
    color: #7a7a7a;
    font-size: 18px;
}

.event-main-div .event-one{
    background: #cbe3ff;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    height: calc(100% - 30px);
    margin-bottom: 30px;
}

.event-main-div .event-one .date-time-main-outer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.event-main-div .event-one .date-time-main-outer .dt-inner{
    font-size: 16px;
    font-family: 'SourceSansPro-Regular';
    color: #fff;
    background: #0090c5;
    padding: 3px 10px;
    /* border: 1px solid rgb(0 0 0 / 10%); */
}
.event-main-div .event-one .date-time-main-outer .dt-inner i{margin-right: 3px;}
.event-main-div .event-one .date-time-main-outer .dt-inner i span{color: #fff;}
.event-main-div .event-one .batch-text{
    font-size: 20px;
    font-family: 'SourceSansPro-Regular';
    color: #212121;
    padding: 10px 0;
    margin: 0;
}

.event-main-div .event-one .upcoming-content{
    font-size: 16px;
    color: #545454;
    font-family: 'SourceSansPro-Regular';
    text-align: justify;
}

.event-main-div .event-one .location-inner-page{
    display: flex;
    align-items: center;
}
.event-main-div .event-one .location-inner-page i{
    font-size: 30px;
    margin-right: 10px;
    color: #212121;
}
.event-main-div .event-one .location-inner-page p{
    margin: 0;
    font-size: 16px;
    font-family: 'SourceSansPro-SemiBold';
    color: #212121;
}
.event-main-div .event-one .location-inner-page p span{
    display: block;
    font-size: 14px;
    color: #545454;
    font-family: 'SourceSansPro-Regular';
}

.right-content-grid .gb-marquee{
    color: #c34b00;
    font-size: 16px;
    font-family: 'SourceSansPro-Regular';
}

.list-outer-main{
    border: 1px #d1d1d1 solid;
    border-radius: 2px;
    background: #ffffff;
    padding: 24px;
}

.list-outer-main ul {margin-bottom: 0;}
.list-outer-main ul li{font-size: 16px; font-family: 'SourceSansPro-Regular'; margin-bottom: 10px;}
.list-outer-main ul li a {font-size: 16px; font-family: 'SourceSansPro-Regular'; margin-bottom: 10px;}
.list-outer-main ul li .pdf-doc-link i{color: #d70000;}
.list-outer-main .year-text-heading{
    font-size: 18px;
    font-family: 'SourceSansPro-SemiBold';
    color: #212121;
    display: block;
    margin: 21px 0 6px 0;
}
.list-outer-main .year-text-heading:first-child{margin-top:0}

.gender-budgeting-page-title{font-size: 32px;font-family: SourceSansPro-Regular;color: #fff;position: relative;display: flex;align-items: center;justify-content: center;}
.gender-budgeting-page-title .page-name{font-family: SourceSansPro-SemiBold;}
.gender-budgeting-page-title i{font-size: 24px;margin: 7px 10px 0 10px;}

.gender-budgeting-outer + .inner-padding-page{min-height: calc(100vh - 542px);}


/*contact us start*/
h3.contact-mwcdtext {
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-family: 'SourceSansPro-SEmibold';
    margin-bottom: 20px;
}
.info-wrap .address-text {
    display: flex;
    /* justify-content: center; */
    align-items: center;
}
.icon-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255 255 255 / 25%);
    border-radius: 100px;
    padding: 10px;
    width: 46px;
    height: 46px;
    margin-right: 20px;
    /* margin-bottom: 50px; */
}
.address-text .text p {
    color: #fff;
    margin: 0;
}
.address-text .text p a{color: inherit;font-size: 17px;}
.info-wrap {
    background: #0f8dbb;
    width: 100%;
    margin-top: 0;
    max-width: 460px;
    padding: 30px;
    margin: 0 15px;
} 
.icon-contact i {
    font-size: 20px;
    color: #fff;
}
.info-wrap .address-text p span {
    font-weight: 600;
    margin-right: 10px;
    font-size: 20px;
    font-family: 'SourceSansPro-SEmibold';
}
/*contact us end*/

/* @media (min-width: 992px) {
  .info-wrap {
    margin-top: -20px;
    margin-bottom: -20px;
    border-radius: 5px; } } */

/* otp popup start */
.modal-body.verify_code {
    text-align: center;
}

.verify_code{
    padding: 35px 30px;
    background: #fff;
}
.verify_code .logo img{
    max-width:150px;
}
.verify_code .resend {
    margin: 20px 0 0 0;
    font-size: 16px;
    font-family: SourceSansPro-Regular;
}
/* OTP Verification CSS */
.otp-field-outer{display: flex;align-items: center;justify-content: center;font-size: 16px;width: 100%;}
.verify_code .otp_input input{
    max-width: 65px;
    height: 65px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin: 0 4px;
    width: 100%;
    font-family: SourceSansPro-Semibold;
    font-size: 24px;
}
.enter-verification{font-size:16px;margin-bottom: 31px;color: #939393;}
p.digit{text-align:center; margin-bottom: 4px}
.otp_input {margin-bottom: 30px;}
.otp-popup-heading {font-size: 28px;font-family: SourceSansPro-bold;margin: 30px 0 5px 0;color: #22455a;}
a.text-primary.resend {font-family: SourceSansPro-bold;color: #48797e !important;}
span.mobile_verify {color: #48797e; font-size: 16px;font-family: SourceSansPro-bold;}     

/* otp popup end */
.logo-center{width: 415px;}
.menu-nav-outer{width: calc(100% - 415px);}
table tr td a.multi-anc{display: inline-block;padding: 0 10px 0 8px;border-right: 1px solid #5a5a5a;}
table tr td a.multi-anc:first-child{padding-left: 0;}
table tr td a.multi-anc:last-child{padding-right: 0; border: 0;}
.contact-top-content{margin-bottom: 20px;}
.contact-top-content p{font-family: SourceSansPro-Semibold; margin: 0; text-align: center; font-size: 18px;}

.coming-soon-outer{text-align: center; font-size: 30px; font-family: SourceSansPro-Semibold;}

.statement-events-main-right .coming-soon-outer{text-align: left; margin-top: 30px;}

.fancybox-caption-wrap{text-align: center; background: rgba(0, 0, 0, 0.6); padding: 0;}
.fancybox-caption{padding: 20px;}
/* .gender-budgeting-outer + .inner-padding-page > a{color: #2763d1;} */
.bhashini-dropdown-content{right: 0;}
ul.top-bar-list li button.bhashini-dropdown-btn{padding: 0px 0px 0px 4px;background: #fff;margin-right: 0px;}
.top-bar-list .bhashini-dropdown-btn-icon svg{width: 29px;height: 36px;}
.top-bar-list .bhashini-dropdown-btn-icon svg path{fill: rgb(29, 10, 105);}

div.dt-buttons>.dt-button, div.dt-buttons>div.dt-button-split .dt-button, .dataTables_wrapper .dataTables_paginate .paginate_button{
    padding: 5px 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #ededed;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{background: #1f497d; color: #fff !important;}
.pagination-container {
    margin-top: 20px;
    text-align: center;
}

.pagination-container button.page-num {
    cursor: pointer;
    padding: 5px 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #ededed;

    margin: 0 4px;
    color: inherit;
    border-radius: 4px;
    font-size: 15px;
    transition: background-color 0.3s, color 0.3s;
}

.pagination-container button.page-num:hover:not(.active) {
    background-color: #007bff;
    color: white;
}

.pagination-container button.page-num.active {
    background-color: #1f497d;
    color: white;
    cursor: default;
    pointer-events: none;
}
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_filter{font-size: 15px;}
.left-menu-heading{font-family: SourceSansPro-Semibold;font-size: 18px;margin-bottom: 5px;color: #1f497d;}
.main-outer-space{background: url(../public/new_web_design/img/gender-budgeting/bg-2.jpg) center center no-repeat fixed; background-size: cover; padding: 50px 0;    }
.main-outer-space .card{border-color:#3c9395;}
.heading-national{font-size: 20px; padding: 5px 0; margin: 0;}
.child-content{font-size: 16px; font-family: 'SourceSansPro-Regular';}
.card-header-one{font-size: 16px; color: #1f497d; font-family: 'SourceSansPro-Regular';}
.bottom-clear{margin-bottom: 20px;}
.list-heading-gb{font-size: 16px; font-family: 'SourceSansPro-Semibold';}
.phn-nav{display: none !important;}
@media (min-width:1200px) {
    .navbar .nav-item .dropdown-menu {
        display: block; 
        visibility: hidden;
        top: 100%;
        transform: rotateX(-75deg);
        transform-origin: 0 0;
        border: 0;
        border-radius: 10px;
        transition: .5s;
        opacity: 0
    }
}

@media (max-width:1600px) {
    .gallery-view-main-outer .faq-main-outer .faq-child-content .faq-heading, .gallery-view-main-outer .faq-main-outer .faq-child-content .faq-heading .faq-title{font-size: 25px;}
    .gallery-view-main-outer .faq-main-outer .faq-child-content{padding: 25px 20px;}
    .top-bar-list .bhashini-dropdown-btn-icon svg{height: 33px;}
    .top-bar-181-112 li:first-child{display: none;}
    .logo-title{margin-left: 0;}
        ul.top-bar-list li button, ul.top-bar-list li a, .top-bar-181-112 li, .top-bar-181-112 li span {
        font-size: 14px;
    }
    .top-bar-181-112{padding: 0 8px 0 0;}
    .top-bar-181-112 li{padding: 6px;}

    .combine-dashboard-scheme-grid .card .combine-dashboard-scheme-name {
        width: calc(100% - 20px)
    }
    
    .gallery-view-main-outer .faq-main-outer .faq-child-content img {
        width: 80px;
        height: 80px;
        margin-right: 15px;
    }
    .logo-center{width: 330px;}
    .menu-nav-outer{width: calc(100% - 330px);}
    .take-pledge .take-pledge-anchor, .navbar .menu a{font-size: 14px; padding: 5px;}
    .gender-budgeting-info .vretical-nav-var .navbar-light .navbar-nav .nav-link{font-size: 15px;}
    .gender-budgeting-content .paragraph, .gender-budgeting-content .paragraph-second{font-size: 20px;}
    .statement-events-main .main-child-background .main-child-outer img{max-width: 50px; right: 10px; top: 10px;}
    .statement-events-main .main-child-background .main-child-outer .main-child-heading{font-size: 30px;}
    .statement-events-main .main-child-background .main-child-outer .main-child-heading .child-text{/* font-size: 25px; */}
    .statement-events-main .main-child-background .main-child-outer .child-content{/* font-size: 18px; */}
    .gallery-slider .item a {height: 200px;}
}

@media (max-width:1536px) {
    .menu-nav-outer{width: calc(100% - 265px);}
    .logo-center{padding-right: 0; width: 265px;}
    .govt-india-logo img:nth-child(3), .govt-india-logo img:nth-child(4){max-height: 45px;}
    .govt-india-logo img{max-height: 55px;}
}
@media (max-width:1440px) {
    .top-bar-list .bhashini-dropdown-btn-icon svg{height: 32px;}
    ul.top-bar-list li button, ul.top-bar-list li a, .top-bar-181-112 li, .top-bar-181-112 li span {
        font-size: 13px;
    }
    .gallery-view-main-outer .button-group-main a{padding: 8px 16px; font-size: 15px; margin: 0 5px 5px 0;}
    .gender-budgeting-content .paragraph, .gender-budgeting-content .paragraph-second{font-size: 18px;}
    .gender-budgeting-info .inner-info .heading-title{/* font-size: 22px; */}
    .statement-events-main .main-child-background .main-child-outer{padding: 30px;}
    header .logo-center {
        max-width: 300px
    }

    header .menu-nav-outer {
        max-width: calc(100% - 300px);
        width: 100%
    }

    .creche-login-outer .form-group .form-control,
    .logo-title img {
        max-width: 100%
    }

    .combine-dashboard-grid:first-child {
        width: 41.66%;
        padding-right: 15px
    }

    .combine-dashboard-grid:nth-child(2) {
        width: 58.33%;
        padding-left: 15px
    }

    .combine-dashboard-scheme-grid .card .combine-dashboard-scheme-link a {
        padding: 7px 11px
    }

    .combine-dashboard-scheme-card .combine-dashboard-content-outer span {
        font-size: 16px
    }

    .combine-dashboard-grid .dashboard-heading-content {
        font-size: 15px
    }

    .national-creche-content-outer {
        width: 60%
    }

    .national-creche-right-img {
        width: 40%
    }

    .creche-login .national-creche-content-outer {
        width: 55%
    }

    .creche-login .national-creche-right-img {
        width: 45%
    }

    .creche-login-outer {
        max-width: 500px;
        padding: 30px
    }

    .counter-main-grid .counter-main-outer .counter-content-outer span {
        font-size: 24px
    }

    .counter-main-grid .counter-main-outer .counter-content-outer p {
        font-size: 17px
    }
}

@media (max-width:1366px) {
    body .social-icons a{width: 28px; height: 28px;}
    .top-bar-181-112 li, ul.top-bar-list li.login-top-nav a {
        text-align: center;
    }

    .gallery-view-main-outer .faq-main-outer .faq-child-content{padding: 20px 15px;}
    .container-fluid {
        padding: 0 30px
    }

    .combine-dashboard-scheme-card .combine-dashboard-content-outer span,
    .count-details-grid .sambal-count-content span {
        font-size: 15px
    }

    .combine-dashboard-scheme-card .combine-dashboard-content-outer {
        font-size: 14px
    }

    .combine-dashboard-scheme-grid .card .card-body {
        padding: 0 10px 10px !important
    }

    .combine-dashboard-scheme-card {
        min-height: 100px
    }

    .combine-dashboard-scheme-grid .card .combine-dashboard-scheme-link a {
        letter-spacing: 0
    }

    .national-creche-login-btn-outer {
        margin-right: 0
    }

    .bbbp-osc-grid-outer {
        width: 40%
    }

    .sambal-ai-outer {
        width: 20%
    }

    .public-dashboard .card .card-body {
        padding: 15px
    }

    .scheme-tabbing-outer p {
        min-height: 200px;
        font-size: 15px
    }

    .counter-main-grid .counter-main-outer .counter-content-outer p {
        font-size: 16px
    }
}

@media (max-width:1280px) {
    .logo-center{padding-right: 15px;}
    .take-pledge .take-pledge-anchor, .navbar .menu a{font-size: 15px;}
    .take-pledge .take-pledge-anchor, .nav-collapse .gender-budgeting a, .navbar .menu .gender-budgeting a, .nav-collapse .booking-osc-menu a, .navbar .menu .booking-osc-menu a, .nav-collapse .nearest-osc-menu a, .navbar .menu .nearest-osc-menu a{padding: 6px;}
    .gender-budgeting-info .container-fluid{max-width: 100%}
    header .logo-center {
        max-width: 100%;
        width: 100%
    }

    .govt-india-logo {
        justify-content: center;
        margin-bottom: 10px
    }

    .logo-title img {
        max-width: 270px
    }

    header .menu-nav-outer {
        max-width: 100%;
        width: 100%;
        justify-content: center
    }
    .bbbp-dashboard .counter-main-grid,
    .osc-dashboard .counter-main-grid {
        max-width: 160px
    }

    .bbbp-dashboard .map-new-outer,
    .osc-dashboard .map-new-outer {
        width: calc(100% - 160px)
    }

    .osc-dashboard .osc-map-grid .counter-main-grid .card-body {
        padding: 20px 14px !important
    }

    .top-bar-left {
        width: 455px
    }

    .top-bar-right {
        width: 100%;
        max-width: calc(100% - 455px)
    }

    .form-group.btn-outer .btn {
        margin: 0 0 10px
    }

    .dashboard-heading-filter-outer .new-filter-card .btn-outer button {
        margin: 0
    }
}

@media (max-width:1200px) {
    .gender-4boxes-outer2 .row{justify-content: center;}
    .grid-color {
        width: 33.33% !important;
    }
    .gb-about-main .about-chile-one-content .content-child-right{padding-right: 0;}
    .combine-dashboard-scheme-card,
    .creche-login .national-creche-right-img img,
    .dashboard-scheme-grid-3 .combine-dashboard-scheme-card {
        width: 100%
    }

    .combine-dashboard-scheme-card,
    .combine-dashboard-scheme-card:last-child {
        margin-bottom: 5px
    }

    .national-creche-right-img img {
        max-width: 100%;
        width: auto
    }

    .lg-creche-img {
        display: none
    }

    .sm-creche-img {
        display: inline-block
    }

    .scheme-tabbing-outer p {
        min-height: 1px
    }

    .success-images.panel-box-div {
        width: 25%
    }
}

@media (max-width:1100px) {
    .minister-content-child .minister-paragraph{font-size: 16px; margin-bottom: 8px;}
    .home-minister-main .minister-content .minister-name{margin-top: 10px; font-size: 16px;}
    .gender-budgeting-outer .gender-header, .home-minister-main{margin-bottom: 40px;}
    .gender-budgeting-info .vretical-nav-var .navbar-light .navbar-nav .nav-link{padding: 6px 9px 7px 9px;}
    .creche-login .national-creche-content-outer,
    .creche-login .national-creche-right-img,
    .national-creche-content-outer,
    header .logo-center {
        width: 100%
    }

    header .logo-center .govt-india-logo {
        justify-content: center
    }

    .national-creche-right-img,
    header .menu-nav-outer {
        width: 100%;
        justify-content: center
    }

    .creche-login-flex-outer {
        text-align: center
    }

    .creche-login-outer {
        max-width: 100%
    }

    .creche-login-outer .form-group .form-control {
        max-width: 350px;
        margin: 0 auto
    }
}

@media (max-width:1080px) {

    .bbbp-osc-grid-outer,
    .sambal-ai-outer {
        width: 100%
    }

    .about-us-paragraph p {
        font-size: 17px
    }

    .about-us-paragraph p:first-child {
        font-size: 20px
    }
}

@media (max-width:992px) {
    .phn-nav{display: flex !important;}
    .phn-nav a{width: 100%;}
    .top-bar-list .bhashini-dropdown-btn-icon svg{height: 37px;}
    .contact-content-main-grid{flex-wrap: wrap;}
    .info-wrap{margin: 0 0 20px 0;}
    .Key-strategy-main-outer .key-strategy-heading{margin: 20px 0 10px 0;}
    .gb-about-main .image-left-outer-panel{margin-bottom: 20px;}
    ul.top-bar-list li.login-top-nav a{border-top: 5px solid;}
        .top-bar-left {
        width: 100%;
    }
        .top-bar-right {
        width: 100%;
        max-width: 100%;
        
    }
    .top-bar-right .d-flex{flex-wrap: wrap;}
    ul.top-bar-list, .top-bar-181-112{width: 100%; justify-content: center;}
    .event-main-div .event-one{margin-bottom: 20px;}
    .home-minister-main img{max-width: 400px; margin-bottom: 30px; width: 100%;}
    .statement-events-main{padding-bottom: 50px;}
    .grid-color {
        width: 50% !important;
    }
    .key-features-main-outer .center-text{height: auto;}
    .gender-budgeting-info .vretical-nav-var .dropend .dropdown-menu{
        position: static;
    }
    .gender-budgeting-info .vretical-nav-var .bg-light{display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;}
            .gender-budgeting-info .vretical-nav-var .dropdown-item{text-align: center;}
    .gender-budgeting-info .vretical-nav-var .dropend .dropdown-menu.show{display: block;}
    .gender-budgeting-info .vretical-nav-var .dropend:hover .dropdown-menu, .gender-budgeting-info .vretical-nav-var .dropend .dropdown-menu.show{
        /* display: block;top: 0;left: 100%;visibility: visible;transform: none;opacity: 1; */
        display: block;
        /* visibility: hidden; */
        top: 100%;
        /* transform: rotateX(-75deg); */
        transform-origin: 0 0;
        border: 0;
        transition: .5s;
        opacity: 1;
        margin: 0;

    }

    .gender-budgeting-info .vretical-nav-var .bg-light{margin-bottom: 0px;}
    .gender-budgeting-info .vretical-nav-var .navbar-expand-lg .navbar-collapse{margin-top: 0;}
    .gender-budgeting-info .vretical-nav-var .navbar-toggler:focus{box-shadow: none;}
    .gender-budgeting-info .vretical-nav-var .navbar-expand-lg .navbar-nav{flex-direction: column;}

    .gender-budgeting-flex .read-more-button{width: 50px; height: 50px;}
    .gender-budgeting-flex .read-more-button i {font-size: 15px;}
    .gender-budgeting-info .grid-color{margin-bottom: 30px;}
    .faq-main-outer{margin-top: 30px;}
    .social-icons-footer ul {
        justify-content: center
    }

    .dashboard-heading-filter-outer .new-filter-card {
        justify-content: center
    }

    .new-filter-card .breadcrumb {
        display: none
    }


    .site-counter-grid .site-counter-outer {
        justify-content: center;
        margin-top: 15px
    }

    .background-footer-blue .footer-download-app-grid,
    .background-footer-blue .footer-left {
        width: 100%;
        max-width: 100%
    }

    .background-footer-blue .footer-left:before,
    .help-img,
    .menu-right .creche-database-menu,
    .objectives-outer-grid .objective-row .objectives-center.objectives-content-outer,
    ul.top-bar-list li#theme-change,
    ul.top-bar-list li.font-gigw {
        display: block;
    }

    .govt-india-logo,
    .list-footer-nav {
        justify-content: center
    }

    .background-footer-blue .footer-left {
        padding: 10px 15px;
        order: 2
    }

    .background-footer-blue .footer-download-app-grid {
        padding: 20px 0;
        justify-content: center
    }

    .nav-collapse .booking-osc-menu,
    .nav-collapse .nearest-osc-menu,
    .take-pledge .take-pledge-anchor {
        display: block;
        margin: 0
    }

    .combine-dashboard-grid:first-child,
    .combine-dashboard-grid:nth-child(2),
    .dashboard-heading-filter-outer .new-filter-card,
    .objectives-outer-grid .objective-row .objectives-content-outer,
    .osc-map-grid,
    .services-activities-left-grid,
    .services-activities-right-grid,
    .table-data-grid {
        width: 100%
    }

    .combine-dashboard-grid:first-child {
        padding-right: 15px
    }

    .combine-dashboard-grid:nth-child(2) {
        padding-left: 15px
    }

    .combine-dashboard-scheme-card {
        width: calc(50% - 5px)
    }

    .dashboard-scheme-grid-3 .combine-dashboard-scheme-card {
        width: calc(33.3% - 5px)
    }

    header .logo-center {
        width: 100%;
        max-width: calc(100% - 120px)
    }

    .dashboard-heading-filter-outer .new-filter-card .filter-form-outer,
    header .logo-center .govt-india-logo {
        justify-content: flex-start
    }

    header .menu-nav-outer {
        width: 120px
    }

    .sticky-top.navbar-light,
    header {
        position: relative
    }

    .creche-database-sm,
    .lg-none {
        display: block
    }

    .technical-call {
        width: 50% !important
    }

    .national-creche-right-img img {
        position: inherit;
        right: auto
    }

    .dashboard-heading-filter-outer .dashboard-page-heading {
        max-width: 100%
    }

    .about-panel-margin,
    .sambal-ai-outer {
        margin-bottom: 30px
    }

    .table-img-outer,
    .testimonial-story-grid {
        margin-top: 20px
    }

    .ai-main-grid,
    .ai-main-grid-2 {
        width: 100%;
        justify-content: center;
        margin-bottom: 20px
    }

    .form-group.btn-outer .btn {
        margin-left: 10px
    }

    .map-grid {
        width: 70%
    }

    .counter-main-grid {
        width: 30%
    }

    .top-bar-left .d-flex {
        display: block !important;
        text-align: center
    }

    .success-story-grid,
    .testimonial-story-grid {
        width: 100% !important
    }

    .success-story-outer {
        text-align: center
    }

    .success-story-outer .photo-container {
        float: none;
        margin-left: 0
    }

    .main-minister-outer {
        margin: 10px 0 15px
    }

    .header-carousel .header-carousel-item,
    .header-carousel .header-carousel-item img {
        margin-top: 0;
        transition: .5s
    }

    .about-content-panel {
        text-align: left !important
    }

    .about-content-panel hr.horizontal-about-right {
        margin: 0
    }

    .navbar.navbar-expand-lg .navbar-toggler {
        padding: 10px 20px;
        border: 1px solid var(--bs-primary);
        color: var(--bs-primary)
    }
    

    .navbar-light .navbar-collapse {
        margin-top: 15px;
        border-top: 1px solid #ddd
    }

    .navbar-light .navbar-nav .nav-link,
    .sticky-top.navbar-light .navbar-nav .nav-link {
        padding: 10px 0;
        margin-left: 0;
        color: var(--bs-dark) !important
    }

    .navbar-light .navbar-brand img {
        max-height: 45px
    }

    .objectives-outer-grid .objective-row .objectives-content-outer .objectives-content {
        margin: 0 0 15px;
        min-height: 1px
    }

    .objectives-outer-grid .objective-row .objectives-content-outer .objectives-content p {
        text-align: justify
    }

    .objectives-outer-grid .objective-row .objectives-right.objectives-content-outer .objectives-content {
        flex-direction: row
    }

    .objectives-outer-grid .objective-row .objectives-content-outer span {
        margin: 0 15px 0 0 !important
    }

    .success-images.panel-box-div {
        width: 33.33%
    }

    .technical-details-main {
        justify-content: center !important
    }

    .footer-logo-outer {
        justify-content: center !important;
        margin-top: 15px !important
    }
}

@media (max-width:800px) {
    .focus-areas{margin-bottom: 0;}
    .key-features-main-outer .all-center{flex-wrap: wrap;}
    .top-bar-left,
    .top-bar-right {
        width: 100%;
        max-width: 100%
    }

    ul.top-bar-list {
        display: flex;
        justify-content: center
    }

    ul.top-bar-list li:nth-child(2)::after {
        display: none
    }

    .top-bar-right .d-flex {
        justify-content: center !important;
        flex-wrap: wrap
    }

    .top-bar-right ul.top-bar-list {
        justify-content: center;
        flex-wrap: wrap
    }

    .backgroud-design-inner-outer .nav {
        max-width: 250px
    }

    .backgroud-design-inner .backgroud-design-inner-outer .tab-content {
        max-width: calc(100% - 250px);
        padding: 30px
    }

    .about-banner-activites {
        justify-content: center
    }
}

@media (min-width:992px) {
    .key-features-main-outer .all-center{flex-wrap: wrap;}
    .header-carousel .owl-nav .owl-next,
    .header-carousel .owl-nav .owl-prev {
        margin-top: 50px
    }
    

    .navbar-light {
        width: 100%;
        top: 0;
        left: 0;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        z-index: 999;
        height: 50px
    }

    .navbar-light .navbar-nav .nav-link::before {
        position: absolute;
        content: "";
        width: 0;
        height: 2px;
        bottom: 0;
        left: 50%;
        background: #0013a7;
        transition: .5s
    }

    .navbar-light .navbar-nav .nav-link.active::before,
    .navbar-light .navbar-nav .nav-link:hover::before {
        width: calc(100% - 2px);
        left: 1px
    }

    .navbar-light .navbar-nav .nav-link.nav-contact::before {
        display: none
    }

    .left-top-right {
        left: 0 !important;
        position: relative
    }
}

@media (max-width:768px) {
    .app-store-grid{padding: 15px 0; max-width: 100%;}
    .app-store-grid .apps-download-app-text { text-align: center; }

    .app-store-grid .app-link-outer { justify-content: center; }

    body .social-icons{position: static; transform: translateY(0); flex-direction: row; align-items: center; justify-content: center;}
    body .social-icons a{width: 40px; height: 40px;}
    body .social-icons img{width: 40px; height: 40px;}
    .gb-about-main{padding-bottom: 20px;}
    .gb-about-main .about-inner-content-heading{font-size: 32px;}
    .gb-about-main .about-sub-heading {font-size: 24px;}

    .gender-budgeting-page-title{font-size: 24px;}
    .grid-color{
        width: 100% !important;
    }
    .gbscheme-full{width: 100%;}
    .key-features-main-outer .all-center{flex-wrap: wrap;}
    .about-media{width: 100%;}
    
    .right-content-grid{width: 100%;}
    .left-nav-page-outer{width: 100%;}
    .resource-menu{margin-bottom: 20px;}
    .gender-budgeting-info .grid-color .inner-info{/* border-radius: 20px; */}
    .gender-budgeting-info .grid-color{margin-bottom: 10px;}
    .gender-budgeting-info .inner-info .grid-img-outer{margin: 0;width: 60px;max-width: 100px;justify-content: flex-start;}
    .gender-budgeting-info .inner-info a{padding-left: 0;width: calc(100% - 80px);}
    .gender-budgeting-info .inner-info .heading-title span{text-align: left;}
    .gender-budgeting-info .grid-color .inner-info{text-align: left;height: auto;border-width: 5px;flex-direction: row;align-items: center;}
    .gender-budgeting-info .grid-color::after{bottom: 10px;}
    .gender-budgeting-outer .gender-header{padding: 30px 0;}
    
    .top-bar-nav {
        padding-top: 5px
    }

    .national-creche-login-btn-outer {
        margin-top: 10px
    }

    .national-creche-login-btn-outer::after,
    .national-creche-login-btn-outer::before,
    .national-creche-login-btn::after,
    .national-creche-login-btn::before {
        display: none
    }

    .national-creche-login-btn {
        height: auto
    }

    .national-creche-name-login-outer {
        flex-wrap: wrap
    }

    .bbbp-dashboard .ai-main-grid,
    .bbbp-dashboard .counter-main-grid .counter-main-outer,
    .bbbp-dashboard .map-grid,
    .counter-main-grid,
    .map-grid,
    .national-creche-name-login-outer .national-creche-name-heading {
        width: 100%
    }

    .technical-call {
        width: 100% !important;
        margin-bottom: 20px
    }

    .national-creche-facilities-list,
    .technical-call:last-child {
        margin-bottom: 0
    }

    .national-creche-facilities-list li {
        font-size: 17px
    }

    .about-paragraph p,
    .objectiv-outer p {
        font-size: 16px
    }

    .objectiv-outer .objectives-heading {
        font-size: 36px
    }

    .objectiv-outer {
        margin-top: 20px
    }

    .national-creche-section-heading span {
        font-size: 20px;
        padding: 11px 24px
    }

    .creche-tagline {
        font-size: 19px;
        margin: 11px 0 25px
    }

    .national-creche-name-heading {
        line-height: normal;
        font-size: inherit
    }

    .national-creche-name-heading b {
        font-size: 40px
    }

    .national-creche-name-heading span {
        font-size: 40px;
        margin-top: -10px
    }

    .count-details-grid .card-body,
    .outer-heding-content p {
        min-height: 1px
    }

    .count-details-grid .sambal-count-content {
        font-size: 24px
    }

    .title-main {
        font-size: 18px
    }

    .call-181-112 {
        justify-content: center;
        margin-top: 10px
    }

    .background-image-gray {
        background: linear-gradient(rgb(0 0 0 / 41%), rgb(0 0 0 / 42%)), url(../img/background-vision-mission.jpg) !important;
        height: auto !important;
        padding-bottom: 20px
    }

    .justify-panel-center {
        justify-content: center
    }

    .ml-10 {
        margin-left: 1em
    }

    .me-rem {
        margin-right: 0
    }

    .background-count {
        height: auto !important;
        padding-bottom: 12px
    }

    .after-white {
        border-right: 0 solid #fff;
        height: 140px;
        margin-top: 1.3em
    }

    .success-images.panel-box-div {
        width: 50%
    }
}

@media (max-width:640px) {
    .top-bar-list .bhashini-dropdown-btn-icon svg{height: 38px;}
    .gender-budgeting-outer .gender-header{min-height: calc(100vh - 323px);}
    .coming-soon-outer{font-size: 24px;}
    .statement-events-main-right .coming-soon-outer{margin: 20px 0 30px 0;}
    
        .top-bar-181-112 {
        flex-wrap: wrap;
    }
    .gender-budgeting-page-title{flex-wrap: wrap;}
    .gender-budgeting-page-title .page-name{display: block;}
    .about-content-color li, .inner-padding-page p{font-size: 16px;}
    .info-wrap{padding: 20px;}
    h3.contact-mwcdtext{font-size: 20px; margin-bottom: 12px;}
    .address-text .text p a, .address-text .text p, .info-wrap .address-text p span{font-size: 16px;}
    .icon-contact{width: 40px; height: 40px; margin-right: 10px;}
    .event-main-div .event-one{padding: 15px;}
    .event-main-div .event-one .batch-text{font-size: 17px;}
    .event-main-div .event-one .location-inner-page p, .event-main-div .event-one .upcoming-content{font-size: 15px;}
    .list-outer-main{padding: 15px;}
    .list-outer-main .year-text-heading{font-size: 16px;}
    .list-outer-main ul li {font-size: 15px;}
    .inner-list li:before{top: 2px;}

    .gender-budgeting-outer .gender-header .gender-budgeting-content .text-heading{font-size: 28px;}
    .gender-budgeting-outer .gender-header .gender-budgeting-content .text-heading span.bold-text-word, .gender-budgeting-outer .gender-header .gender-budgeting-content .text-heading span{font-size: 32px; display: block;}
    .gender-budgeting-outer .gender-header .gender-budgeting-content .banner-down .banner-arrow-down i{font-size: 22px;}
    .gender-budgeting-outer .gender-header .gender-budgeting-content .banner-down .banner-arrow-down{width: 48px; height: 48px;}
    .gender-budgeting-outer .gender-header .gender-budgeting-content .banner-down .banner-arrow-down i{font-size: 22px;}
    .statement-events-main{padding-bottom: 0;}
    
    .gender-page-heading{font-size: 22px;}
    .gb-mechanisms-main .about-content-paragraph .before-text-heading{font-size: 18px;}
    .gb-about-main .about-chile-one-content .content-child-right{max-width: 100%; margin-bottom: 20px;}
    .gender-budgeting-outer .gender-header.gender-header-inner-page{padding: 30px 0;}
    .gender-budgeting-outer .gender-header.gender-header-inner-page .gender-budgeting-content .text-heading{font-size: 25px;}
    .statement-events-main-right .event-heading .event-child-heading, .statement-events-main-right .event-heading .child-head-text, .gallery-view-main-outer .gallery-heading-main, .gallery-view-main-outer .gallery-heading-main .view-text{font-size: 28px;}
    .statement-events-main-right .carousel-control-prev, .statement-events-main-right .carousel-control-next, .gallery-view-main-outer .gallery-slider .owl-nav .owl-prev, .gallery-view-main-outer .gallery-slider .owl-nav .owl-next{width: 35px; height: 35px;}
    .statement-events-main-right .carousel-control-prev, .statement-events-main-right .carousel-control-next{bottom: auto; top: 50px;}
    .statement-events-main-right .carousel-control-prev{right: 36px;}
    .gallery-view-main-outer .gallery-slider .owl-nav .owl-next, .gallery-view-main-outer .gallery-slider .owl-nav .owl-prev{top: -50px;}
    .gallery-view-main-outer .gallery-slider .owl-nav .owl-prev{right: 48px;}
    .statement-events-main-right .event-content .event-inner-heading{font-size: 20px;}
    .statement-events-main-right .event-content{margin-bottom: 20px;}
    .gender-budgeting-flex{align-items: flex-end;}
    /* gender-budgeting */
    .faq-main-outer{
        margin-top: 20px;
    }
    .statement-events-main-right .event-bottom-content-main{
        flex-wrap: wrap;
    }
    .statement-events-main-right .event-bottom-content-main .event-location{
        margin-bottom: 10px;
        width: 100%;
    }
    .event-date-time{
        margin-bottom: 15px;
        width: 100%;
    }
    .statement-events-main-right .event-date-time .icon-text{display: inline-block; margin-bottom:10px}

    .statement-events-main .main-child-background .main-child-outer{
        width: 100%;
    }
    .gender-budgeting-info .grid-color{
        margin-bottom: 20px;
    }
    /* gender-budgeting */
    .copyright-para {
        width: 100%;
        max-width: 100%
    }

    .copyright .row {
        justify-content: center
    }

    .copyright-nic-logo {
        margin-top: 10px
    }

    .bbbp-dashboard .map-new-outer,
    .combine-dashboard-scheme-card,
    .dashboard-scheme-grid-3 .combine-dashboard-scheme-card,
    .osc-dashboard .map-new-outer,
    .scheme-tabbing-outer ul li,
    .success-images.panel-box-div {
        width: 100%
    }

    .pledge-content-outer {
        padding: 15px
    }

    .typing-line {
        text-align: justify
    }

    .combine-dashboard-scheme-card .combine-dashboard-content-outer span {
        font-size: 19px
    }

    .about-us-paragraph p,
    .combine-dashboard-scheme-card .combine-dashboard-content-outer,
    .dashboard-page-heading .top-dashboard-content {
        font-size: 16px
    }

    .copyright p,
    ul.top-bar-list li a {
        font-size: 14px
    }

    .combine-dashboard-grid .dashboard-heading-content,
    .form-check,
    .form-control,
    .form-label,
    .form-select{
        font-size: 15px
    }


    .carousel-indicators,
    ul.top-bar-list li:nth-child(2)::after {
        display: none
    }

    .booking-osc .card .card-body {
        padding: 15px 15px 5px
    }

    .booking-osc .card .card-header {
        padding: 12px 15px;
        font-size: 16px
    }

    .combine-dashboard-grid .dashboard-page-heading {
        font-size: 28px
    }

    .public-dashboard {
        padding: 30px 0 20px
    }

    .backgroud-design-inner .backgroud-design-inner-outer .tab-content,
    .backgroud-design-inner-outer .nav,
    .bbbp-dashboard .counter-main-grid,
    .dashboard-heading-filter-outer .dashboard-page-heading .dashboard-page-heading-outer {
        max-width: 100%
    }

    .bbbp-2-counter-outer,
    .osc-dashboard .counter-main-grid {
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .bbbp-dashboard .counter-main-grid .bbbp-2-counter-outer {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .bbbp-dashboard .osc-map-grid .counter-main-grid .card-body {
        padding: 20px 10px !important
    }

    .bbbp-dashboard .counter-main-grid .counter-main-outer,
    .osc-dashboard .counter-main-grid .counter-main-outer {
        width: calc(50% - 10px);
        margin: 20px 0 0 !important
    }

    .bbbp-dashboard .counter-main-grid .counter-main-outer {
        margin: 0 !important
    }

    header .logo-center .govt-india-logo {
        flex-wrap: wrap
    }

    header .logo-title {
        margin: 10px 0 0
    }

    .inner-padding-page {
        padding: 30px 0
    }

    .about-paragraph {
        padding-top: 30px
    }

    #carousel-home-dashboard .carousel-indicators {
        display: flex
    }

    .arrow-none {
        display: block !important
    }

    .carousel-control-next-icon,
    .carousel-control-prev-icon {
        width: 16px
    }

    .carousel-control-next,
    .carousel-control-prev {
        background: #000;
        width: 35px;
        height: 35px;
        margin: auto 0
    }

    .carousel-control-prev {
        left: 10px
    }

    .carousel-control-next {
        right: 10px
    }

    #carousel-home-dashboard .carousel-control-next,
    #carousel-home-dashboard .carousel-control-prev {
        margin: inherit
    }

    #carousel-home-dashboard .carousel-control-prev {
        left: 0
    }

    #carousel-home-dashboard .carousel-control-next {
        right: 0
    }

    .background-image-gray-multi {
        padding: 25px 0
    }

    .dashboard-page-heading,
    .dashboard-page-heading span,
    .login-page-heading span,
    .objectives-outer-grid .objective-row .objectives-content-outer span,
    .page-heading-inner {
        font-size: 30px
    }

    .ai-main-grid img,
    .table-img-outer .ai-main-grid img {
        max-height: 400px
    }

    .success-main-outer .success-story-content p {
        min-height: 1px
    }

    .contact-panel-section {
        flex-wrap: wrap;
        padding: 0
    }

    .contact-panel-section .inner-space:first-child::after {
        top: auto;
        bottom: 0;
        height: 1px;
        width: 100%
    }

    .contact-panel-section .inner-space {
        width: 100%;
        padding: 20px
    }

    .contact-panel-section .inner-space p {
        margin-bottom: 0
    }

    .backgroud-design-inner .backgroud-design-inner-outer .tab-content {
        padding: 20px
    }

    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        padding: 0 20px
    }

    .scheme-tabbing-outer ul {
        width: 100%;
        border-radius: 20px;
        max-height: 100%
    }

    .scheme-tabbing-outer ul li .nav-link,
    .scheme-tabbing-outer ul li .nav-link.active .scheme-tabbing-icon {
        border-radius: 0
    }

    .scheme-tabbing-outer ul li .nav-link {
        width: 100%;
        min-width: 1px
    }

    .scheme-tabbing-outer ul li .nav-link span {
        font-size: 20px;
        font-family: SourceSansPro-Semibold
    }

    .Sambal-Samarthya-tab-content span,
    .about-us-paragraph p:first-child,
    .objectives-outer-grid .objective-row .objectives-content-outer.objectives-right p,
    .service-paragraph p {
        font-size: 18px
    }

    .about-heading,
    .service-heading {
        font-size: 32px
    }

    .about-heading span,
    .service-heading span {
        font-family: SourceSansPro-Semibold
    }
}

@media (max-width:576px) {
    .verify_code{padding: 30px 15px;}
    .verify_code .logo img{max-width: 90px;}
    .otp-popup-heading{font-size: 22px;}
    .menu-items>li>a:before {
        position: absolute;
        content: '|';
        right: -2px;
        display: none
    }

    .about-panel-margin {
        margin-top: 0 !important
    }

    .counter-outer-x {
        display: flex;
        align-items: center;
        flex-wrap: wrap
    }

    .login-outer,
    .menu-right .creche-database-menu {
        padding: 13px !important
    }

    .right-vector-img img {
        max-width: 330px !important;
        border-radius: 14px
    }

    .call-logo img {
        width: 30%
    }

    .right-vector-img {
        text-align: center !important
    }

    .background-skylight {
        background-color: #f0f6fd;
        padding-top: 50px;
        padding-bottom: 0 !important
    }

    .count-inner-box {
        width: 50% !important;
        padding: 0 2px !important
    }

    .top-margin-inner {
        margin-top: 2em
    }

    .right-border {
        border-right: 0 solid #ccc !important
    }

    .me-rem {
        margin-right: 0
    }

    .backgroud-design-inner .backgroud-design-inner-outer .flex-column,
    .backgroud-design-inner .backgroud-design-inner-outer .tab-content {
        max-width: 100% !important
    }

    .backgroud-design-inner .backgroud-design-inner-outer .tab-content {
        padding: 30px 15px
    }

    .topbar {
        display: none
    }

    .success-arow-right {
        right: 0
    }

    .minus-margin {
        margin-top: 2em !important
    }

    .background-count {
        height: auto !important;
        padding-bottom: 12px
    }

    .after-white {
        border-right: 0 solid #fff !important
    }

    .left-top-right {
        left: 0;
        position: relative
    }

    .logo-center {
        text-align: center
    }

    .ml-10 {
        margin-left: 0 !important
    }

    .footer-logo-margin {
        margin-left: 1em
    }

    .minister-logo {
        margin-top: 1em;
        margin-bottom: 1em
    }

    .background-image-gray {
        background: linear-gradient(rgb(0 0 0 / 41%), rgb(0 0 0 / 42%)), url(../img/background-vision-mission.jpg) !important;
        height: auto !important;
        padding-bottom: 20px
    }

    .text-white-text {
        color: #fff !important
    }

    .pl-center {
        padding-left: 1.5em !important;
        margin-top: 0 !important
    }

    .left-nav-login-bx {
        padding-top: 26px !important;
        padding-bottom: 26px !important;
        border-bottom: 1px solid #fff !important;
        font-weight: 700;
        font-size: 18px
    }

    .left-nav-login-selected {
        background-color: #fff !important;
        color: #c35200 !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        border-bottom: 0 solid #fff !important;
        font-weight: 700;
        border-left: 5px solid #c35200 !important;
        font-size: 18px
    }

    .mt-top-zero {
        margin-top: 1.5em !important;
        margin-left: -2em !important
    }

    .mt-less {
        margin-top: 0;
        margin-left: -.8em
    }

    .backgroud-design-inner {
        z-index: 0;
        width: 100% !important;
        height: auto !important;
        background-color: #fff;
        box-shadow: 1px 0 10px 0 #000;
        border-radius: 5px
    }

    .pt-login {
        padding-top: 1.8em !important
    }

    .button-ml {
        margin-left: 2em
    }

    .header-carousel .owl-nav .owl-next,
    .header-carousel .owl-nav .owl-prev {
        top: 630px;
        transition: .5s
    }

    .header-carousel .header-carousel-item .carousel-caption .carousel-caption-content {
        width: 95% !important
    }

    .panel-box-div {
        width: 100%;
        padding: 0 15px;
        flex: 0 0 auto;
        margin-bottom: 1em
    }

    .success-images.panel-box-div {
        width: 100%;
        margin-bottom: 30px
    }
}

@media(min-width:1025px) {
    .photo-container {
        float: left;
        margin-left: 2%
    }
}

@media (max-width:580px) {
    .logo-center img {
        padding-top: 0
    }

    .call-181-112,
    header .mission-shakti-logo {
        width: 50%;
        margin-top: 15px
    }

    .background-skylight h1 {
        font-size: 30px
    }

    .background-skylight {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .back-to-top {
        right: 10px;
        bottom: 5px;
        width: 35px;
        height: 35px
    }

    .about-banner-activites img {
        max-width: 100%
    }
}

@media only screen and (min-width:1360px) {
    .cd__main {
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
        padding: 0
    }
}

@media (min-width:900px) {
    .testimonial .testimonial-carousel .testimonial-item .testimonial-inner p.fs-7 {
        font-size: 14px
    }
}

@media (max-width:480px) {
    .link-box-grid .link-box-outer .clickable{flex-wrap: wrap;}
    .link-box-grid .link-box-outer .link-box-content-outer{width: 100%; padding: 2px 50px 14px 12px;}
    .statement-events-main-right .carousel-control-prev, .statement-events-main-right .carousel-control-next{top: 85px;}
    .statement-events-main-right .event-content .event-paragraph{font-size: 15px;}
    
    .gender-budgeting-flex .d-flex-row{width: 100%; padding: 0;}
    .gender-budgeting-flex{flex-wrap: wrap;}
    .gender-budgeting-outer .gender-header .gender-budgeting-content .text-heading{font-size: 32px;}
    .gender-budgeting-info .inner-info .grid-img-outer{max-width: 100%; width: 100%; justify-content: flex-start;}
    .gender-budgeting-info .inner-info a{width: 100%; padding: 0; margin-top: 10px;}
    .gender-budgeting-info .inner-info .heading-title{font-size: 18px;}
    .gender-budgeting-info .inner-info .heading-title span{font-size: 15px;}
    .creche-login-outer {
        padding: 25px
    }

    .govt-india-logo {
        flex-wrap: wrap
    }

    .logo-title img {
        max-width: 100%
    }

    .technical-details-main {
        padding-top: 0;
        flex-wrap: wrap
    }

    .technical-details-main .email-icon {
        margin: 0 0 15px
    }

    .technical-details {
        text-align: center
    }

    .about-us-paragraph p:first-child,
    .objectives-outer-grid .objective-row .objectives-content-outer p {
        font-family: SourceSansPro-Semibold;
        font-size: 16px
    }

    .about-us-paragraph p {
        margin-bottom: 10px
    }
}

@media (max-width:414px) {
    .address-text .text p{word-break:break-all}
    .event-main-div .event-one .date-time-main-outer .dt-inner{margin-bottom: 4px;}
    .bbbp-dashboard .counter-main-grid .counter-main-outer,
    .osc-dashboard .counter-main-grid .counter-main-outer {
        width: 100%
    }

    .footer-logo-outer,
    .location-button {
        flex-wrap: wrap
    }

    .footer-logo-outer li {
        margin: 5px 0
    }

    .call-181-112,
    header .mission-shakti-logo {
        width: 100%;
        margin-top: 15px
    }

    .contact-page-body .technical-support,
    .outer-minister .minister-content p {
        font-size: 16px
    }

    .dashboard-heading-filter-outer .new-filter-card .filter-form-outer .form-group select {
        min-width: 100%
    }

    .contact-page-body .technical-support span {
        font-size: 20px
    }

    .location-button a.card-header-btn {
        width: 100%;
        max-width: 185px
    }

    .technical-details-main .technical-details span {
        word-break: break-all
    }
}

@media (max-width:350px) {
    .gallery-view-main-outer .faq-main-outer .faq-child-content .faq-heading, .gallery-view-main-outer .faq-main-outer .faq-child-content .faq-heading .faq-title{font-size: 26px;}
    .gallery-view-main-outer .faq-main-outer .faq-child-content img{width: 60px; height: 60px; margin-right: 10px;}

    .national-creche-name-heading b img {
        display: none
    }

    .national-creche-name-heading b {
        line-height: inherit;
        margin-bottom: 10px;
        display: block
    }

    .national-creche-name-heading {
        padding-top: 0
    }
}