ul.links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: baseline;
    justify-content: center;
}

ul.links li {
    margin: 0 8px;
}

ul.links li a {
    border-bottom: none !important; font-size: 12px !important;
}

.innerSlider{
    height:380px !important;
}

.innerSlider img{
    width:100%;
    height:380px !important;
}

.mainSlider .carousel-item img {
    width: 100%;
    height: 440px !important;
  }

 .middleSection .columnGap div[class^="col-"]:last-child article {min-height: 358px !important;}

h1,.headingPrimary { 
    padding:20px 0px 10px !important;
}
  
h2{
padding:30px 0px 10px !important;
margin-bottom:30px !important;
}

.contactUs .rightArea {
    width: 90% !important;
}

.pull-right {
    width: 100px !important;
}
.pull-left {
    width: 93% !important;
}
.middleSection ul.docList li {
    list-style: none;
    color: #336633;
    width: 100%;
    display: flex !important;
    margin: 6px 0;
}
.middleSection ul.docList li .text-muted {
    font-size: 12px !important;
}
footer .btn {
    text-align: center;
    display: block;
    width: fit-content;
    margin: auto;
}

.contactUs .rightArea form .js-form-item input#edit-your-phone-no- {
    font-size: 14px !important;
    border: 2px solid #e3e3e3 !important;
    min-height: 42px;
    padding: 10px 20px 7px 44px !important;
    border-radius: 20px;
    width: 100% !important;
    display: block;
}

.contactUs .rightArea form .js-form-item input[type="text"]{background: #fff !important;}
.iti--allow-dropdown .iti__flag-container:hover {
    background: transparent !important;
    outline-color: transparent !important;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
	background-color: rgba(0, 0, 0, 0) !important;
}
.middleSection .columnGap div[class^="col-"]:first-child article{
    min-height: 357px !important;
}

.innerSlider .loading-bar {
    margin-top: 5px  !important;
}

.innerSlider .innerHeading { margin-top: 0px !important;}

.iti { width: 100% !important; }

.innerSlider img{object-fit: cover;}
h2 {
    padding: 20px 0px 10px !important;
    margin-bottom: 15px !important;
}
.mainSlider .scrollBottom {
    left: 95% !important;
}
.mainSlider .carousel-indicators {
    bottom: 100px !important;
}
.middleSection .columnGap p + p {
    margin-top: 15px !important;
}
.middleSection .columnGap div[class^="col-"]:first-child article {
    min-height: 317px !important;
}
.middleSection .columnGap div[class^="col-"]:last-child article {
    min-height: 317px !important;
}
h1, .headingPrimary {
    margin-bottom: 20px !important;
}
.pull-right {
    width: 124px !important;
}
.columnDb .contentBx article h3 a {
    color: #fff !important;
}
.columnDb .contentBx article p a {
    color: #fff !important;
}
.panelBx.noBg.mt-10 {
    margin: 0 !important;
}
.panelBx.mt-10 {
    margin-top: -15px !important;
}
.btn.btn-danger.pull-right {
    width: fit-content !important;
}
.path-library .innerSlider .innerHeading {
    top: 50% !important;
}
.view.view-library .row.mb-30 {
    margin-bottom: 0 !important;
}
.panelBx h4{
    margin-bottom: 15px;
}

/* DFA */

.how-d-work{padding: 40px 0;}
ul.work-list{ display: flex; width: 100%; }
ul.work-list li {width: 24%; padding: 0 20px; text-align: center; position: relative;}
ul.work-list li:first-child{ padding-left: 0; }
ul.work-list li:last-child{ padding-right: 0; } 
ul.work-list li:after{ position: absolute; top: 0; right: 0; width: 2px; height: 100%; background: #acacac; content: ""; }
ul.work-list li:last-child:after{ display: none; }
ul.work-list li .work-box h2{ font-size: 22px; font-weight: 600; color: #436436; }
ul.work-list li .work-box img{ padding: 20px 0; }
ul.work-list li .work-box p{ font-size: 12px; }
ul.work-list li .round-bx i {  padding: 17px; border-radius: 50%; width: 30px; height: 30px; position: absolute;  right: 5px;
    top: 0; bottom: 0; margin: auto; z-index: 14; display: flex; justify-content: center; align-items: center; color: #fff;}
.rb-1 i{ background: #436436; }
.rb-2 i{ background: #436436; }
.rb-3 i{ background: #436436; }
.rb-4 i{ background: #436436; }

ul.work-list li .round-bx {padding: 22px;border-radius: 50%;width: 40px; height: 40px; position: absolute; right: -23px;
    top: 0; bottom: 0; margin: auto;  z-index: 14; border: 2px solid #acacac;}
ul.work-list li .round-bx:after {content: ""; position: absolute; top: 12px; bottom: 0; right: -3px; background: #fff;
    padding: 10px; width: 50px; height: 10px;}

.head-bx h2 a{ text-decoration: none; color: #436436; }
.DFA-visualizer-main {padding-top: 50px;}




.data-count-inn { padding: 20px; border: 1px solid #c9c8c8;box-shadow: 0 2px 5px #ddd; border-radius: 10px;background: #436436;}
.data-count-inn .counter {animation-duration: 1s;animation-delay: 0s;}
.data-count-inn  h1{ font-weight: 600; color: #ffda33;}
.data-count-inn  h3{ font-size: 16px; color: #fff; }
.data-count-inn .col-md-3 {  text-align: center; border-right: 1px solid #ddd;}
.data-count-inn .col-md-3:last-child{ border: none; }
.data-count-main{ padding: 30px 0 50px; }

@media (max-width: 1366px) {
    #sidebar ul.components {
        height: calc(59vh - 46px) !important;
        min-height: auto !important;
    }
}

@media (max-width: 991px) {
    .col-md-3 {border-right: 0px dashed black; border-bottom: 1px dashed black; width: 50%; margin: auto auto;}
    .col-md-3:last-child {border-bottom: 0px dashed black;}
}

@media screen and (max-width: 991px) {
    .ministerMsg .rightBx {padding-left: 20px !important;}
    .ministerMsg .rightBx .scrollBx {padding: 0px;}
    .innerSlider {height: 200px !important;}
    .innerSlider img {height: 200px !important;}
    ul.work-list {display: block;}
    ul.work-list li {width: 100%;}
    ul.work-list li .round-bx{display: none;}
    ul.work-list li::after {display: none;}

    [dir="rtl"] #sidebar {  right: -280px; }
    [dir="rtl"] #content { padding-right: 0;  padding-left: 0;  }
    
}
    
@media screen and (max-width: 767px) {
    .mainSlider .carousel-indicators li::after {font-size: 11px;}
    .mainSlider .scrollBottom img {height: 22px;}
    .mainSlider .scrollBottom {bottom: 5px;}
    h1, .headingPrimary {font-size: 26px;}
    h2 {font-size: 20px;}
    .middleSection .columnGap div[class^="col-"]:first-child article {min-height: auto !important;}
    .middleSection .columnGap div[class^="col-"]:last-child article {min-height: auto !important;}
    .middleSection .columnGap div[class^="col-"]:last-child {padding-left: 15px;}
    #content > div {min-height: calc(100vh - 280px);overflow: scroll;}
    [data-aos^="fade"][data-aos^="fade"] {opacity: 1 !important;}
    #content > div {min-height: calc(100vh - 220px);overflow: scroll;}
    ul.counterbox {display: block;text-align: center;}
    ul.counterbox li {margin: 18px 0;}
}

@media screen and (max-width: 533px) {
    .customRow .wheelBx .svgPart svg {height: 360px !important;}
    .row .headingPrimary { line-height: 30px; font-size: 20px; }
}

ul.c-bx {display: flex; justify-content: space-around; flex-wrap: wrap;}
ul.c-bx li{ text-align: center; }

.DFA-visualizer-main {
    padding-top: 15px;
}
.how-d-work {
    padding: 0px 0;
}
ul.work-list {
    list-style: none;
}
ul.work-list li .work-box img {
    width: 53px;
    height: auto;
}
ul.work-list li .work-box h2:after{display: none;}
ul.counterbox {
    display: flex;
    justify-content: space-around;
    padding: 0;
    list-style: none;
}
.data-count-inn  h1 {
    border-bottom: none;
    margin: 0 !important;
    padding: 0 !important;
}

span.field-content li a.btn.btn-danger {
    width: inherit;
    color: #336633;
    font-size: 12px;
    padding: 0px;
    height: fit-content;
    background: transparent;
    border: none;
}
.docList .field-content .pull-right {
    width: 150px !important;
    margin-left: 14px;
}
.mainSlider .carousel-indicators {
    bottom: 70px !important;
}
.mainSlider .scrollBottom {
    left: 50% !important;
bottom: -25px;
}

.mainSlider .scrollBottom a img {
    width: 30px;
}

.docList.updateBx  .field-content .pull-right {
    width: 150px !important;
    margin-left: 14px;
}
.updateBx li a.btn.btn-danger {
    width: 100px !important;
}
.updateBx li .pull-left {
    width: 92% !important;
    color: #222!important;
}

.updateBx li .pull-left:first-letter {
    text-transform: uppercase;
}

.sdgDetail .customScroll {
    margin-top: -10px !important;
}

.sdgDetail .thumbBx img {
    max-width: 100%;
    height: 300px;
    object-fit: cover;
    border: 1px solid #ccc;
}

.sdgDetail .thumbBx .shareBx {
    display: none !important;
}
.sdgDetail .thumbBx {
    box-shadow: 0 0 10px #ddd;
    border-radius: 10px;
}

.panelBx ul.listing li span {
    width: auto !important;
}
.panelBx ul.listing li .title{width: auto !important;  margin-right: 3px !important;}

.rightAligned .iconSet ul li .mediaContainer {
    min-width: 170px !important;
}
.metaBackBtn a {
    float: none;
    padding: 5px 20px;
    font-size: 14px;
    margin-bottom: 15px;
}

.eye-close {
    width: 30px!important;
    margin-top: -30px!important;
}
.eye-open {
    width: 30px!important;
    margin-top: -30px!important;
}
.go-back-mon {
    padding-top: 20px;
}

.contactUs .rightArea form .js-form-item input#edit-your-phone-no- {color: #000;}
::placeholder{color:#c7c4c4;}
.contactUs .rightArea form .js-form-item textarea, .contactUs .rightArea form .js-form-item input[type="text"], 
.contactUs .rightArea form .js-form-item input[type="email"]{color: #000;}

.libraryPage .niceSelect .views-exposed-form .js-form-type-select {
	width: 27% !important;
	display: inline-block;
	padding-right: 20px;
}

.libraryPage .niceSelect .views-exposed-form .form-actions.js-form-wrapper {
	width: 13% !important;
	display: inline-block;
	text-align: right;
	position: relative;
	top: -20px;
}

[dir="rtl"] #sidebar ul li a {text-align: right;}
[dir="rtl"] #sidebar .accord-panel .accord-head::after {float: left;}
[dir="rtl"] h2::after {	right: 0;}
[dir="rtl"] .middleSection .columnGap div[class^="col-"]:last-child {padding-right: 40px;}
[dir="rtl"] .middleSection .columnGap div[class^="col-"]:first-child {padding-left: 50px;}
[dir="rtl"] .ministerMsg {padding: 40px 10px 40px 40px !important;}
[dir="rtl"] .ministerMsg .rightBx h1::after {right: 0;}
[dir="rtl"] .ministerMsg .rightBx .scrollBx {padding: 0px;}
[dir="rtl"] ul.work-list li .round-bx {left: -21px;right: auto;}
[dir="rtl"] ul.work-list li::after {left: 0; right: auto;}
[dir="rtl"] ul.work-list li .round-bx i{transform: rotate(180deg);}
[dir="rtl"] ul.work-list li:first-child {	padding-left: 20px;}
[dir="rtl"] ul.work-list li:last-child {padding-right: 20px;}
[dir="rtl"] .columnDb .contentBx .circle i{margin-left: -20px;}
[dir="rtl"] .customForm .customRadio .radio input[type="radio"] + .radioLabel::before {margin-left: 20px;}
[dir="rtl"] .panelBx .optionCircle{bottom: 25px;}
[dir="rtl"] .libraryPage .niceSelect .views-exposed-form .js-form-type-select {padding-left: 20px;}
[dir="rtl"] .sdg-Content{left: 0;}
[dir="rtl"] #content {padding-right: 280px; padding-left:0;}
[dir="rtl"] #sidebar {right: 0;}
[dir="rtl"] .columnDb .contentBx .circle i { margin-left: -12px !important; }

.mainSlider .carousel-item .carousel-caption {top: 40% !important;}
.mainSlider .carousel-item .carousel-caption h1, .mainSlider .carousel-item .carousel-caption h5 {font-size: 34px !important;}

.mainSlider .scrollBottom {display: none;}
.language-switcher-language-url .links li.is-active a.language-link.is-active:after {
    height: 3px; width: 100%; background: #f00; content: ""; position: absolute;
    bottom: 7px; left: 1px;}
.language-switcher-language-url .links li.is-active a.language-link.is-active{position: relative;}

.panelBx .panelHeader .pull-left h1{padding: 20px !important;}
.wheelBx .circleText .letters.strong {font-size: 22px;}
[dir="rtl"] .sidebarCollapseButton{right: 0;left: auto;}

.sdgDetail .thumbBx img{height: 250px;}
.row .headingPrimary { line-height: 30px; font-size: 25px; }

.innerSlider img {
    width: 100%;
    height: 290px !important;
}
.innerSlider {
    height: 290px !important;
}
.banner-main .banner-img img {height: 290px !important;}
section.banner-main .banner-content p {margin-top: -9px;}
.columnDb .contentBx .circle {
    width: 108px !important;
    height: 108px !important;
}
.columnDb .contentBx .circle i{
margin-left: 15px !important;
font-size: 50px !important;
}
.columnDb .contentBx article {
    margin-top: 20px !important;
}
.columnDb { height: 315px !important;}

.columnDb img {
    height: 350px !important;
    object-fit: cover !important;
}
.panelBx .panelHeader .pull-left {
    width: 100% !important;
}
.panelBx .optionCircle{bottom: 25px !important;}

.rightAligned {
    height: 0px !important;
    top: -33px !important;
}

.rightAligned .iconSet {
    z-index: 1 !important;
}

.libraryPage .niceSelect .views-exposed-form .form-actions.js-form-wrapper input#edit-reset {
    position: absolute;
    background-color: transparent;
    color: #f00 !important;
    padding: 0;
    border: none;
    right: -57px;
    top: -78px;
    font-weight: 500;
    font-size: 16px;
}
.passwordform
{
    box-sizing: border-box;
    padding: 20px;
    height: calc(100vh - 147px);
    overflow-y: auto;
}

.protectednode{
    max-width: 400px;
    margin: 100px auto 50px;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #f5f5f5;
    background: #fff;
    box-shadow: 0px 0px 10px -7px;
    border-radius: 10px;
}

.protectednode input.form-text.required{
    width: 100%;
    margin: 0 0 20px;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    padding: 0 15px;
    border: 1px solid #eaeaea;
}