/*
	Theme Name: Welcome HR
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=MonteCarlo&display=swap');

body{font-family: 'Roboto', sans-serif;font-size: 15px;overflow-x:hidden;}
body:before {content: "";background: url(https://hr.myps.co.in/wp-content/uploads/2023/06/dots-bg.png);position: fixed;width: 100%;height: 100%;}

img{max-width:100%}
h2{background: linear-gradient(75deg, #023575 50%, #02a1dd) !important; font-size: 18px; padding: 10px 15px; color: #fff}
h3{font-weight: 600;background: linear-gradient(to right, rgb(237 28 36) 0%, rgb(69 78 223) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;margin: 0px 0px 30px -13px;text-align: center;text-transform: uppercase;}
h4, h5{margin-bottom: 5px;color: #023575;}
h5{margin-bottom: 10px;}

header{}
header .container{position:relative}
header .logo{}
header hr, footer hr{display: block;border: 2px solid #d2272b;width: 100%; margin: 0;}
header hr.green, footer hr.green{border-color: #28a84a;}
header hr.red{}
header hr.blue, footer hr.blue{border-color: #1997d2;}

.members{}
.members .image{height: 200px;background-position: top center!important;position: relative;z-index: 9;background-size: cover!important; background-color:white!important}
.members .border{position:relative;}
.members .border:after, .members .border:before {position: absolute;z-index: 0;content: '';width: 50%;height: 40%;background: #007bff;background: -webkit-linear-gradient(left,#007bff 0,#ff1f8e 100%);background: linear-gradient(to right,#007bff 0,#ff1f8e 100%);}
.members .border:before {bottom: -4px;left: -4px;border-radius: 0 0 0 8px;}
.members .border:after {top: -4px;right: -4px;border-radius: 0 8px 0 0;}

.members .designation{position: absolute;left: -10px;top: 10px;background: #ed1c24;color: #fff;font-size: 13px;padding: 2px 5px;}
.members .info{width: 100%;padding: 10px 10px;margin: 0px auto 0 auto;position: relative;z-index: 9;background: #fff;text-align: left;min-height: 120px;}
.members .info h4{font-size: 19px;margin-bottom: 6px;}
.members .info p{font-size: 13px;margin-bottom: 2px;}
.members .info p:last-child{margin-bottom:0}
.members .info img{margin-right: 5px;width: 18px;}
.members .info strong{color: #333;display: inline-block;}

.members .row{text-align:center;width: 100%;float: left;display: block;}
.col-half-offset{max-width: 19%;flex: 20%;padding: 0px 5px;display: inline-block;vertical-align: top;float: none;}

footer{clear: both;}
header .row, footer .row{display: flex;}
footer a{color:#333}
footer h6{color:#023575;}
footer p{font-size: 13px;margin:0;}
footer p br{display:none}
footer p{font-size:13px;}
footer .last p{font-size:15px;}

.certificate{position: relative; text-align: center;}
.certificate img{width: 1111px; margin: 0 auto; background:#fff}
.certificate h1{font-size: 60px; position: absolute; bottom: 42%; left: 0; text-align: center; width: 100%; margin: 0; font-family: 'MonteCarlo', cursive; font-weight: bold;}
.certificate p{font-size: 20px; position: absolute; bottom: 33%; width: 100%; margin: 0;}
.certificate .sign{}
.certificate .sign img{position: absolute; bottom: 120px; right: 43%; text-align: center; z-index: 9999; height: 80px;width: auto;}
.button{position: absolute; left: 0; top: 0;}