.cooperativeToday { width: 260px; border: #894F2E 1px solid; color:#894F2E; text-align: center; padding: 30px 20px 45px 20px; position: relative;}
.cooperativeToday p{color:#894F2E; line-height: 1.5; margin:0;}
.cooperativeToday .bttom {position: absolute; bottom: -28px; width: 30px; left: 50%; margin-left: -15px;}

.vasundhaDiv {width: 100%; text-align: right;}
.vasundhaDiv p {padding-right: 60px !important; padding-left: 4rem !important; font-size: 1.15rem !important; }
.vasundhaDiv .green { background-color: #037d3a; padding: 60px; border-radius: 30px 0px 0px 30px; font-size: 1.15rem; color:#fff; line-height: 2;}
.vasundhaDiv .green p{color:#fff; line-height: 2; margin:0 !important; padding:0 !important;}
.vasundhaDiv .green span {font-size: 20px; color:#FFEA00}
.cooperativeToday-new {width:304px; font-size: 1rem; line-height: 23px; padding-top: 30px;}
.cooperativeToday-new p{line-height: 23px; margin:0;}

.indepBg {background-color: #FFFEEF; padding: 30px;}
.indepBg .indepTextTop, .indepBg .indepTextTop p{font-size: 1.15rem; font-weight: 600; color:#000; line-height: 2; position: relative;}
.indepBg .indepTextTop p{ margin:0;}
.indepBg .indepTextTop:after {border-bottom: 6px solid #ffea00;
    
    position: absolute;
    content: '';
    width: 200px;
    height: 1px;
    bottom: -15px;
    z-index: 1;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
.indepBg .indepTextBt {font-size: 1rem; color:#000; line-height: 2;}
.panditBox {border:1px solid #844E2E; position: relative; padding: 30px; margin-left: 101px !important;}
.panditBox .panditText {padding-left: 130px !important; width: 100%;}
.panditBox .panditText h3 {font-weight: 600; font-size: 1.15rem;}
.panditBox .panditText h3 span {font-weight: 300; display: block; font-size: .95rem;}
.panditBox .pic {position: absolute; top: 30px; width: 202px; left:-101px;}
.panditBox .bttom {position: absolute; bottom: -28px; width: 30px; left: 50%; margin-left: -15px;}


.navtab-coopini > .nav-link.frist:nth-child(1):before {bottom:-17px;}
.coopoerative-stick.volun {height: auto;}

.videoIconBox {position: relative; transition: all ease-in 1s;}
.videoIconBox img {position: relative;}
.videoIconBox i {color: #fff; position: absolute; z-index: 999; left: 50%; top: 50%; font-size: 100px; transition: all ease-in .2s;   -ms-transform: translate(-50%,-50%); /* IE 9 */
    transform: translate(-50%,-50%); /* Standard syntax */} 
    .videoIconBox:hover i {opacity: .8;  font-size: 110px;}
    .videoIconBox:hover {cursor: pointer;}

.principleTab {background-color: #037D3A;}
.principleTab h2 {color:#ffffff; font-weight: 700; font-size: 2rem;}
.principleTab ul li { display: inline-block; width: 100px; color: #fff; position: relative; transition: all ease-in .8s;}
.principleTab ul li a:before {position: absolute; width: 100px; height: 1px; background-color:#359761; content: ""; top:35px; left: 35px; }
.principleTab ul li a:after {position: absolute; width: 0px; height: 1px; background-color:#FFEA00; content: ""; top:35px; left: 35px; transition: all ease-in .5s;}
.principleTab ul li:last-child a:before {display: none;}
.principleTab ul li:last-child a:after {display: none;}
.principleTab ul li p {color:#fff;}

.principleTab ul li a.active:before {}
.principleTab ul li a.active:after {width: 100px;}
.principleTab ul li a.active p { color:#FFEA00;}

.voluntaryTab {width: 813px; height: 225px; box-shadow: 0px 3px 9px #00000029; border-radius: 14px; position: relative;}
.voluntaryTab h3 {color:#037D3A; font-weight: 500; font-size: 1.375rem; flex-basis: 90%; border-right: 1px solid #ccc; position: relative;}
.voluntaryTab h3:after {position: absolute; width: 77px; height: 7px; background-color: #FFEA00; bottom: -20px; left: -20px; content: "";}
.voluntaryTab p {margin-left: 30px;}
.missionBox {position: relative;}
.missionBox img {position: relative;}
.missionBox .innerText {width: 650px; color: #ffffff; position: absolute; top: 35%; right: 50px;}
.missionBox .innerText h2 {font-size: 2rem; font-weight: 700; margin-bottom: 30px; position: relative;}
.missionBox .innerText h2:after {position: absolute; width: 77px; height: 7px; background-color: #FFEA00; bottom: -20px; left: 0; right: 0; margin: auto; content: "";}
.missionBox .innerText p {color: #ffffff; font-size: 1.125rem; line-height: 2;}
.globalBox {width: 100%;}
.globalBox h2 {font-size: 2rem; font-weight: 700; margin-bottom: 30px; position: relative; color: #1C8A4E; text-align: center;}

.slide-videobox-demo-new {width: 400px; height: 200px; box-shadow: 0px 3px 9px #00000029; border-radius: 14px; margin:20px;}
.slide-videobox-demo-new .textbox {width:200px;}
.slide-videobox-demo-new h4 {font-size:1.12rem; position: relative;}
.slide-videobox-demo-new h4:after {position: absolute; width: 77px; height: 7px; background-color: #FFEA00; bottom: -20px; left: -20px; content: "";}
.mof-plotdemo-new {margin-left: 100px;}

.mof-plotdemo-new .slick-prev, .tickerslider .slick-next{width:26px; height:30px; opacity: 1; background:none; top:40%;}
.mof-plotdemo-new .slick-prev {left:-45px;}
.mof-plotdemo-new .slick-next {right:-45px !important;}
.mof-plotdemo-new .slick-prev:after, .tickerslider .slick-next:after{content:'\f104'; position: absolute; width: 26px; height: 30px; top: 0; left: 0px; font-family: 'Font Awesome 5 Pro'; color: #333; font-size: 40px; line-height: 30px;}
.mof-plotdemo-new .slick-next{transform:rotate(180deg); }
.mof-plotdemo-new .slick-prev.slick-disabled, .tickerslider .slick-next.slick-disabled{opacity: .55; cursor: default;}

.promotingBox {background-color: #E4E4E4; text-align: right;}
.promotingBox h2 {color:#1C8A4E; font-size: 1.575rem; font-weight: 600; margin-bottom: 10px;}
.promotingBox p {color:#000000; font-size: 1.475rem;}
.promotImageBox {background-color: #037D3A; color:#fff; text-align: center; font-weight: 600; justify-content: center; display: flex; align-items: center; font-size: 1.375rem;}
.volunterPrev {}

.volunterPrev, .volunterNext{width:26px; height:30px; opacity: 1; background:none; top:40%; border:none; font-size:0; position: absolute; cursor: pointer;}
.volunterPrev {left:-50px;}
.volunterNext {right:-50px !important;}
.volunterPrev:after, .volunterNext:after{content:'\f104'; position: absolute; width: 26px; height: 30px; top: 0; left: 0px; font-family: 'Font Awesome 5 Pro'; color: #333; font-size: 40px; line-height: 30px;}
.volunterPrev{transform:rotate(0deg); }
.volunterNext{transform:rotate(180deg); }

.ratna p {margin-bottom: 30px !important;}
.modelDiv {font-size: 1.5rem !important; margin-bottom: 20px !important; margin-top: 30px !important;}

.navtab-coopini > .nav-link:nth-child(2):before {bottom:-28px !important;}
.prevDisabled .volunterPrev, .volunterNext.prevDisabled{ opacity:0.3; cursor: not-allowed;}


@media screen and (max-width:1200px) {
    .modelDiv {font-size: 1.3rem !important;}
    .vasundhaDiv .green {padding: 30px;}
    .voluntaryTab {width: 700px;}
    .principleTab ul li a:before {width: 80px;}
    .principleTab ul li a.active:after {width: 80px;}

}

@media screen and (max-width:990px) {
    .modelDiv {font-size: 1rem !important;}
    .vasundhaDiv .green {font-size:1rem;}
   .panditBox  {margin-left: 20px !important;}
   .panditBox .pic {position: static; margin: 20px auto;}
   .panditBox .panditText {padding-left: 3rem !important;}
   .bottomNavContainer {overflow: scroll; overflow-y: hidden;}
   .bottomNavContainer ul {width: 800px;}
   .voluntaryTab {width: 490px;}
   .voluntaryTab {height: auto;}

}

@media screen and (max-width:767px) {
    .cooperativeToday {width: 100%;}
    .cooperativeToday-new {width: 100%;}
    .modelDiv {font-size:1.5rem !important;}
    .vasundhaDiv .green {border-radius: 20px; text-align: center;}
    .panditBox {margin-bottom: 55px !important;}
    .voluntaryTab {width:94%; flex-direction: column; padding:3rem 2rem !important;}
    .voluntaryTab h3 {margin-bottom: 40px; border-right:none; text-align: center;}
    .voluntaryTab h3:after {width: 80px; left: 50%; margin-left:-40px; height: 5px;}
    .voluntaryTab p {margin-left: 0; text-align: center;}
    .volunterPrev {left:-26px; top:50%; margin-top:-16px;}
    .volunterNext {right:-26px !important; top:50%; margin-top:-16px;}
    .panditBox {margin-left:5% !important; width:90%;}

}
@media screen and (max-width:450px) {
    .volunterPrev {left:-24px; }
    .volunterNext {right:-24px !important;}
}