/*---Where we work css-----*/
.state-info .state-icon {width: 92px; height: 92px; background-color: #fcf9cc; border-radius: 50%; margin: 0 auto 14px; display: flex; align-items: flex-end;}
.state-info h3 { font-size: 12px; font-weight: 500; line-height: 30px; color: #464646;}
.state-info .details h2 {font-size: 32px; font-weight: normal; line-height: normal; color: #5c5c5c; margin-bottom: 30px}
.state-info .box-shadow2 {padding: 35px 24px 49px;}

.state-info .br-rght {border-right: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5}
.state-info .state-details p { font-size: 70px; font-weight: bold; line-height: 50px; color: #c75835; margin-bottom: 20px;}
.state-info .state-details h3{font-size: 18px; font-weight: 500; line-height: normal; color: #5c5c5c;}

.state-info .our-partner h2{font-size: 32px; font-weight: normal; line-height: normal; color: #5c5c5c; margin-bottom: 20px;}
.state-info .our-partner select { border: 1px solid #c3573c; border-radius: 20px; padding: 9px 32px 9px 14px; font-size: 13px; font-weight: 500; line-height: normal; text-align: center;color: #c3573c; appearance: none; -ms-appearance: none; -moz-appearance: none; -o-appearance: none; -webkit-appearance: none; background-image:url(../our-impact/images/arrow.svg); background-repeat: no-repeat;
background-size: 40px 10px;background-position: right center; width: 155px; text-align: left}

.state-info .box-shadow2{counter-reset: my-awesome-counter;}
.state-info .cast-info .cast-head {counter-increment: my-awesome-counter; position: relative}
.state-info .cast-info .cast-head.pl-5 {padding-left: 48px!important}
.state-info .cast-info .cast-head h2::before {content: counter(my-awesome-counter) " "; background-color: #c75835; color: #ffffff; text-align: center;padding: 6px 0; border-radius: 50px;font-size: 16px; font-weight: 600; margin-right: 16px;vertical-align: middle; position: absolute; width: 30px; height: 30px; left: 0}
.state-info .light-border-btm {border-bottom: 1px solid #e8e8e8;}
.state-info .cast-info .cast-head h2 {font-size: 24px; font-weight: 500; line-height: normal; color: #c75835; padding-bottom: 20px; margin-bottom: 0;}
.state-info .border-btm { border-bottom: 1px solid #9d9d9d; margin-bottom: 38px;}
.state-info .cast-info .cast-details p {font-size: 12px; font-weight: normal; line-height: normal; color: #5f5f5f; margin-bottom: 6px;}
.state-info .cast-info .cast-details h3{font-size: 18px; font-weight: 500; line-height: normal; color: #628fc2;}
.state-info .cast-info .cast-details h3.dark-red {color: #c75835;}

.state-info .cast-info .cast-area p{font-size: 12px; font-weight: 500; line-height: 17px; letter-spacing: normal; color: #5c5c5c; margin-bottom: 15px;}
.state-info .cast-info .cast-area h3 { font-size: 22px; font-weight: 600; line-height: normal; color: #4b4b4b;}




@media only screen and (max-width: 767px) {
.state-info .state-details p {font-size: 40px;line-height: 40px; margin-bottom: 10px;}
.state-info .state-details h3 {font-size: 16px;}
.state-info .br-rght {border: 0;}
.state-info .our-partner h2 {font-size: 26px;}
.state-info .cast-info .cast-head h2.border-btm {margin-bottom: 24px;}
.state-info .cast-info .cast-head h2 {font-size: 18px;}
.state-info .cast-info .cast-head h2::before {padding: 5px 9px; font-size: 14px; margin-right: 14px;}
.state-info .cast-info .cast-details h3 {font-size: 14px;}
.state-info .state-icon {margin: 0 auto 5px;}
.state-info .box-shadow2 {padding: 25px 15px 30px;}
.state-info .details h2 {font-size: 26px; margin-bottom: 20px;}
	}