/*Non Responsive CSS*/
.box-3 .box-3-box h3 img { height: 24px !important;}
.listss span{margin-bottom: 8px; display:block;}
.page-front .box-9-9 .slider-services-3{margin: unset; padding: 25px 0px; cursor: unset;}
.page-front .box-9-9 .slider-services-3 .box-9{width:100%; padding: 5px;}
.poistion-opening-detail .checktd{height:20px;}
.stakeholders-box-3-1 .arrow-3-1{height: 20px;}
.member-directory-2 h3{word-break: unset;}
.page-template svg{height: 20px;}
/*Responsive CSS*/
/*XS*/
@media (max-width: 575px) {
        .box-23-2, .box-24-2,  .box-24-1{padding: 20px;}
	.page-front .box-9-9 .slider-services-3{margin: unset; padding: 15px 0px;}
	.position-openings .s-arrow{padding-right:30px;}
	.position-openings .stakeholders-box-20-2::after, .what-new.what-new-3::before{right:0px;}
	#page-5 .person-img{width: 100%;}
	.about-us-10 ul{margin: unset; padding: 20px;}
	#page-504 .yellow-btn{width: 100%;}
	.panel-bodydd p{font-size:14px;}
	.box-9{width: 95%;}
	/*#page-505 .first-circle, #page-505 .second-circle{height: 38vh;}
	#page-505 .third-circle{height: 72vh;} */
	.w-xs-90{width:90%;}
	.chapter-1 ul{padding: 0 20px 20px;margin:unset;}
	.event-listing-5 h5{font-size: 20px;}
	.event-listing-5 h5 span{font-size: 14px;line-height: 30px;}
	.event-listing-5 h5 span .icoddd{width: 14px;}
	.calendar-icon{height: 20px;}
	.event-detail .main-container {padding: 0px 0px 0px 0px !important;}
	.page-front .view-alls{ display: inline-block !important;}

}
/*SM*/
@media (min-width: 576px) and (max-width: 767px) {
	.page-front .box-9-9 .slider-services-3{margin: unset; padding: 15px 0px;}
	.page-front .blog .calendar-icon{ height: 16px !important;}
	.about-us-10 ul{margin: unset; padding: 20px;}
	#page-504 .yellow-btn{width: 100%;}
	.page-front .view-alls{ display: inline-block !important;}
}
/*MD*/
@media (min-width: 768px) and (max-width: 991px) {
	.page-front .box-9-9 .slider-services-3{margin: unset; padding: 25px 0px;}
	.page-front .blog .calendar-icon{ height: 20px !important;}
	.about-us-10 ul{margin: unset; padding: 20px;}
	#page-504 .yellow-btn{width: 100%;}
}
/*LG*/
@media (min-width: 992px) and (max-width: 1199px) {
	.page-front .box-9-9 .slider-services-3{margin: unset; padding: 25px 0px;}
}
/*XL*/
@media (min-width: 1200px) and (max-width: 1399px) {
	.testinomial-box img.img-fdd{ margin: -55px 0px 0px;}
	.page-front .box-9-9 .slider-services-3{margin: unset; padding: 25px 0px;}
	.page-front .video-thumbnails .video-thumb img{height:125px;}
	.page-front .video-thumbnails .video-thumb .namess{width: 50%;}
	.page-front .box-10 p{font-size: 14px;}
	.page-front .box-10 h4{font-size: 20px;line-height: 28px;}
}
/*XXL*/
@media (min-width: 1400px) and (max-width: 1680px){
	.page-front .box-9-9 .slider-services-3{margin: unset; padding: 25px 0px;}
	.page-front .video-thumbnails .video-thumb img{height:150px;}
        .page-front .video-thumbnails .video-thumb .namess{width: 50%;}
	.page-front .box-10 p{font-size: 14px;}
	.page-front .box-10 h4{font-size: 20px;line-height: 28px;}
}

@media (min-width: 1681px){
	.page-front .video-thumbnails .video-thumb img{height:150px;}
        .page-front .video-thumbnails .video-thumb .namess{width: 50%;}
	.page-front .video-thumbnails{max-height: 560px !important; height: auto; }
	.page-front .blog .calendar-icon {height: 24px !important;}
	.page-front .banner{background: #dbdbdb !important;}
}



/*HP Membership Block 8July24*/
@media (min-width: 1320px) and (max-width: 1680px) {
	.circle-box-1.circle-box-6{top: 75% !important;right: 27%;position: absolute;}
	.circle-box-1.circle-box-9{top: 75% !important;right: auto;left: 27%;position: absolute;}
}

@media (min-width: 1200px) and (max-width: 1480px) {
.circle-box-1 {width: 20%;height: 15%;position: absolute;top: 6%;}
.circle-box-1.circle-box-3, .circle-box-1.circle-box-2{top: 17% !important;}
.circle-box-1.circle-box-7, .circle-box-1.circle-box-4{top: 37% !important;}
.circle-box-1.circle-box-8, .circle-box-1.circle-box-5{top: 60% !important;}
.circle-box-1.circle-box-9, .circle-box-1.circle-box-6{top: 75% !important;}
.circle-box-1::after {top: -5.3px;left: -5.3px;}
}
@media (min-width: 1200px) and (max-width: 1360px) {
	.box-new-img {height: 440px !important; width: 100%;}
}

@media (min-width: 1025px) and (max-width: 1200px) {
	.circle-box-1::after {top: -4px;left: -5.3px;}
	.box-new-img {height: 495px !important; width: 100%;}
	.circle-box-1.circle-box-9, .circle-box-1.circle-box-6 {top: 78% !important;}
	.circle-box-1.circle-box-8, .circle-box-1.circle-box-5 {top: 60% !important;}
	.circle-box-1.circle-box-7, .circle-box-1.circle-box-4 {top: 40% !important;}
	.circle-box-1.circle-box-3, .circle-box-1.circle-box-2 {top: 19% !important;}
	.circle-box-1 {	top: 8%;}
	.circle-box-1.circle-box-7, .circle-box-1.circle-box-4 {top: 40% !important;}
	.circle-box-1.circle-box-8, .circle-box-1.circle-box-5 {top: 58% !important;}
	.circle-box-1.circle-box-9, .circle-box-1.circle-box-6 {top: 77% !important;}
}

@media(max-width:1052px) {
	.box-new-img { 	height: 515px !important;}
}
@media (min-width: 991px) and (max-width: 1024px) {
	.circle-box-1::after {top: -4px;left: -4px;}
	.box-new p{font-size:15px}
	.box-new img.box-new-img { height: 455px !important;}
	.circle-box-1.circle-box-3,.circle-box-1.circle-box-2{top:18% !important}
	.circle-box-1.circle-box-7,.circle-box-1.circle-box-4{top:40% !important}
	.circle-box-1.circle-box-8,.circle-box-1.circle-box-5{top:58% !important}
	.circle-box-1.circle-box-9,.circle-box-1.circle-box-6{top:77% !important}
	.circle-box-1{width:20%;height:13%;position:absolute;top:30px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.circle-box-1{width:20%;height:12%;top:8%}
	.circle-box-1.circle-box-9,.circle-box-1.circle-box-6{top:78% !important}
	.circle-box-1.circle-box-3,.circle-box-1.circle-box-2{top:18% !important}
	.circle-box-1.circle-box-8,.circle-box-1.circle-box-5{top:60% !important}
	.circle-box-1.circle-box-7,.circle-box-1.circle-box-4{top:41% !important}
	.circle-box-1.circle-box-7 {left: 2%;}
	.circle-box-1.circle-box-4 {right: 4%;}
	.circle-box-1.circle-box-8 {right: 0 !important;}
	.circle-box-1.circle-box-5 {right: 8% !important;}
	.circle-box-1.circle-box-3 {left: 10% !important;}
	.circle-box-1.circle-box-2 {right: 10% !important;}
}
@media(max-width:991px) {
	.box-new img.box-new-img { height: 100% !important;width: 100%;	}
	.circle-box-1-1 {font-size: 10px;display: flex;	justify-content: center;align-items: center;flex-direction: column;height: 100%;gap:15px;}
	.circle-box-1::after {	top: -8px;left: -8px;}
	.circle-box-1 {	height: 15%;}
}

@media(max-width:767px) {
	.circle-box {top: 0 !important;transform: none !important;}
}
@media(min-width: 320px) and (max-width: 386px) {
	.circle-box-1-1 img {margin: 0 !important;height: 33px;}
}
@media(min-width: 320px) and (max-width: 480px) {
	.circle-box-1-1 {padding: 30px; margin: 0 !important;}
}

/* styles.css  */

.circle-box {top: 50% !important;transform: translate(0, -50%) !important;}
.circle-box-1-1 {font-size: 13px;   font-weight: 500;  line-height: 42%;  color: #12054A;  text-transform: uppercase;display: flex;  flex-direction: column;  align-items: center;  justify-content: center;  height: 100%; gap: 15px;}
.circle-box {background-color: #12054A;border-radius: 50%;width: 26%;height: 26%;font-family: 'Poppins', sans-serif !important;font-size: 39px;font-weight: 600;line-height: 382%;text-align: center;color: #fff;position: absolute;top: 50% !important;transform: translate(0, -50%) !important;right: 37%;display: flex;justify-content: center;align-items: center;}
.circle-box-1-1 img {margin: 0 !important;}
.box-3 img{max-width: 100%; height: 100%;}
.box-3-box{padding-right: 25px; /*min-height: 300px;*/}
.stakeholders-box-2-1.p-3{margin-bottom: 0; position: absolute; width: max-content; bottom: 40px; width: 85%;}
.box-21 .box-3 .col-lg-6.image-block img {padding:40px 0 40px 40px;}

@media (min-width: 481px) and (max-width: 767px) {
    .box-3-box{padding-right:15px;padding-left:15px; padding-bottom: 15px;}
    .box-3 h4{font-size:18px;margin-bottom:10px; text-align: left;}
}
@media(max-width:575px) {
    .stakeholders-box-2-1.p-3{position: relative; bottom: 0px; width: 100%;}
    .box-21 .box-3 .col-lg-6.image-block img {padding: 15px;}
    .box-3-box{min-height: 0px;}
}
.dcpla-box-9-3 { width: 100%;display: inline-block;position: relative;z-index: 10;}
.dcpla-box-9-1.dcpp-box-3 .pe-md-5 { padding-left: 3rem;}

.page-front .stakeholders-box-2-1.p-3{ padding: 0px !important; width:60% !important}