body { font-size: 16px; font-family: 'Poppins', sans-serif; color: #444444; overflow-X: hidden; font-weight: 500; line-height: 25px; overflow-X: hidden; position: relative; }


a:hover, a:focus { text-decoration: none !important; }


.ini_about { text-align: center; margin:0 0 50px 0; }


.ini_about h1 { font-size: 35px !important; color: #000; font-weight: 600; margin: 0 0 25px 0; }


.ini_about p { font-size: 18px; font-weight: 600; color: #000; line-height: 28px; padding: 0 30px; }


.ini_tab .nav-tabs>li>a { font-size: 18px; color: #000; font-weight: 600; white-space: pre-line; text-align: center; text-transform: uppercase; transition: all 0.5s; line-height: 25px; border-bottom: 1px solid transparent; padding: 15px 5px; border-radius: 0; border: 0; height: 100%; display: inline-flex; align-items: center; }


.ini_tab .nav-tabs { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: transparent; text-align: center; }


.ini_tab .nav-tabs>li { border-bottom: 1px solid transparent; transition: all 0.5s ease; text-align: center; display: inline-flex; width: auto; justify-content: center; float: none; width: 14%; margin: 0; padding: 0; }


.ini_tab .nav-tabs>li.active>a/*, .ini_tab .nav-tabs>li:hover>a, .ini_tab .nav-tabs>li:focus>a*/ { border: 0;/* border-bottom: 1px solid #ED1C24; */ background: transparent; color: #ED1C24; }


.ini_tab .nav-tabs>li.active/*, .ini_tab .nav-tabs>li:hover, .ini_tab .nav-tabs>li:focus*/ { border-bottom: 1px solid #ED1C24; }


.ini_tab .nav-tabs>li:hover>a { background: none; }


.ini_tab .nav-tabs>li>a:focus { border: 0; color: #ED1C24 !important; }


.ini_tab .nav-tabs>li>a:hover { border: 0; color: #000; background: transparent; }


.nav-tabs > li.active > a:focus { color: #ED1C24 !important; }


.ini_tab .tab-content { padding: 0 0 50px 0;/* background: #FCE4D6; */ }


.ini_details { text-align: center; }


.ini_details h3 { color: #000; border-bottom: 1px solid #ED1C24; padding: 0 0 10px 0; padding: 20px 15px 20px 15px; display: inline-block;/* background: #d9e1f2; */ margin: 0 0 40px 0; font-size: 20px; }


.ini_box { text-align: center; margin: 40px auto 40px auto; }


.ini_box img { width: 200px; height: 200px; margin: auto; border-radius: 50%; display: inline-block; border: 1px solid #ccc; object-fit: contain; }


.ini_box h2 { color: #000000; font-size: 18px; font-weight: bold; margin: 30px 0 7px 0; padding: 0 20%; }


.ini_box span { font-size: 14px; color: #636466; font-weight: 600; display: block; margin: 5px 0 0 0; line-height: 18px; padding: 0 20%; white-space: pre-line; }


.row.d-flex { display: flex; justify-content: center; flex-wrap: wrap; margin: 0; }


.col-lg-3.col-center { float: none; padding: 0; }


.ini_popup .modal-dialog { width: 1125px; margin: 0 auto; }


.ini_popup .modal-dialog .media img { /*height: 275px;*/ border: 1px solid #000; object-fit: cover ;border-radius: 50%;}


.ini_popup .modal-dialog .modal-body { /*padding: 30px 130px;*/ }


div#myModal { background: rgb(0 0 0 / 55%); }


div#myModal { background: rgb(0 0 0 / 55%); overflow-y: hidden; padding-right: 0 !important; }


.modal-content { box-shadow: 2px 8px 23px 3px rgb(0 0 0 / 20%); border: 1px solid #000; border-radius: 0; }


body.modal-open { overflow: auto; }


.media-text h2 { font-size: 35px; font-weight: 700; color: #000; margin: 0 0 10px 0; }


.media-text h2 span { font-size: 18px; color: #636466; display: block; margin: 20px 0 25px 0; font-weight: 500; }


.media-text p { font-size: 18px; color: #000; font-weight: 600; line-height: 1.4em; text-align: justify; margin: 0 0 20px 0; letter-spacing: 0; }


blockquote.elementor-blockquote p { font-size: 22px !important; }


button.close { opacity: 1; position: fixed; z-index: 111; font-size: 40px; padding: 15px 5px; font-weight: normal; color: #ED1C24; right: 22px; box-shadow: none; text-shadow: none; }


#people_ini blockquote,.quote_icon { position: relative; padding: 0; border: 0; }


#people_ini blockquote:before,.quote_icon:before { content: ""; background: url(../images/double.png) no-repeat; position: absolute; width: 32px; height: 25px; font-weight: 900; top: 0; }


#people_ini blockquote p,.quote_icon p { font-size: 22px; line-height: 30px; padding: 35px 0 30px 0; margin: 35px 15px 0 0; }


.ini_tab .nav-tabs>li.active>a:hover { color: #ED1C24; }


@media screen and (min-width:1200px) {


.ini_about .container { width: 1170px; }


}


 @media screen and (max-width:1600px) {


.ini_about p { font-size: 22px !important; padding: 0 40px; line-height: 32px; }


.media-text p { font-size: 14px; line-height: 30px; line-height: 20px; }


}


 @media screen and (max-width:1500px) {


.ini_tab .nav-tabs>li { width: auto; }


.ini_tab .nav-tabs>li>a { font-size: 16px; padding: 15px 10px; }


}


 @media screen and (max-width:1399px) {


.ini_box h2 { padding: 0 14%; }


.ini_popup .modal-dialog { width: 1100px; }


}


 @media screen and (max-width:1199px) {


.ini_tab .nav-tabs { display: block; }


.ini_tab .nav-tabs>li { width: auto; }


.ini_popup .modal-dialog .modal-body { padding: 30px 40px; }


.ini_popup .modal-content { max-height: 100% !important; }


}


 @media screen and (max-width:1100px) {


.ini_popup .modal-dialog { width: 100%; }


}


 @media screen and (max-width:992px) {


.ini_box h2 { padding: 0 2%; }


.ini_box span { padding: 0 10%; }


}


 @media screen and (max-width:767px) {


.media-text { margin: 25px 0 0 0; }


}


 @media screen and (max-width:540px) {


.nav-tabs>li { width: 100%; }


}


.modal.fade.ini_popup .modal-dialog { -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); top: 120px; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; height: 100%; }


.modal.fade.ini_popup.in .modal-dialog { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); /*-webkit-transform: translate3d(0, -120px, 0); transform: translate3d(0, -120px, 0);*/ opacity: 1; }


.ini_popup .modal-content { max-height: 1000px; overflow-y: auto;  }


/*.please_wait { text-align: center; font-size: 20px; border: 1px solid #ed1c24; margin: 15px auto 0 auto; display: table; padding: 10px 30px; color: #ed1c24; }*/
/*Edited by Mamta Joshi STARONEWEB*/
.please_wait { width: 40px;
    height: 40px;
    background: url(../images/loader.gif) no-repeat center center;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 15%);
    margin-left: -20px;
    -webkit-animation: esg-rotateplane 1.2s infinite ease-in-out;
    animation: esg-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; }


.no_record { border-radius: 30px; text-align: center; font-size: 20px; border: 1px solid #ed1c24; margin: 15px auto 0 auto; display: table; padding: 15px 30px; color: #000; }

.people-esg-loader.spinner0 {

	width: 40px;

	height: 40px;

	background: url(../images/loader.gif) no-repeat center center;

	background-color: #fff;

	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);

	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);



	margin-left: -20px;

	-webkit-animation: people-esg-rotateplane 1.2s infinite ease-in-out;

	animation: people-esg-rotateplane 1.2s infinite ease-in-out;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

}
@-webkit-keyframes people-esg-rotateplane {

	0% {

		-webkit-transform: perspective(120px)

	}

	50% {

		-webkit-transform: perspective(120px) rotateY(180deg)

	}

	100% {

		-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)

	}

}



@keyframes people-esg-rotateplane {

	0% {

		transform: perspective(120px) rotateX(0deg) rotateY(0deg);

		-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)

	}

	50% {

		transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);

		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)

	}

	100% {

		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);

	}

}
.please_waits_loader{    text-align: center;
    font-size: 20px;
   
    margin: 15px auto 0 auto;
    display: table;
    padding: 10px 30px;
    color: #ed1c24;}

    .close:hover{background-color: #fff !important;}