@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");.volunteerr{position:relative;height:400px;overflow:hidden}.volunteerr .background{width:100%}.volunteerr .background img{max-width:100%;height:400px}.volunteerr .info{position:absolute;top:140px;left:227px}.volunteerr .info .link{text-decoration:none;color:#ddd;font-size:17px}.volunteerr .info .link span{color:#ddd;font-size:17px}.volunteerr .info h1{color:#fff;font-size:51px;font-weight:700}.volunteerr .info span{font-size:17px}.aboutUs{padding:80px 0px}.aboutUs .left h1{color:#D6151F}.volunteerr{position:relative;height:400px;overflow:hidden}.volunteerr .background{width:100%}.volunteerr .background img{max-width:100%;height:400px}.volunteerr .info{position:absolute;top:140px;left:227px}.volunteerr .info .link{text-decoration:none;color:#ddd;font-size:17px}.volunteerr .info .link span{color:#ddd;font-size:17px}.volunteerr .info h1{color:#fff;font-size:51px;font-weight:700}.volunteerr .info span{font-size:17px}.aboutUs{padding:80px 0px}.aboutUs .left h1{color:#D6151F}.login .input{width:463px}.login .form{padding:81px 0px;-webkit-box-shadow:0px 0px 31px 11px #D4CBCD;box-shadow:0px 0px 31px 11px #D4CBCD;-webkit-box-shadow:0px 9px 34px 11px #D4CBCD;box-shadow:0px 9px 34px 11px #D4CBCD}.form-select{width:462px;margin:auto;color:#817e7e;height:48px}.form{border-top:1px solid #ddd;border-bottom:1px solid rgba(221,221,221,0.486);overflow:hidden}input{width:83%}.volunteerr{z-index:1;position:relative}.volunteerr::before{position:absolute;top:0px;left:0px;width:100%;height:100%;content:'';background-color:rgba(0,0,0,0.6)}*{margin:0;padding:0;text-decoration:none;list-style-type:none;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:'Poppins', sans-serif}h1,h2,h3,h4,h5,h6{font-weight:700}header{background:#0C0C35;color:#fafafa;height:65px}header .wrapper{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .iconsAndLogin .icons .iconn:hover{color:#D6151F}header .iconsAndLogin .icons i{margin-right:22px;cursor:pointer}header .iconsAndLogin .button{padding:6px 30px;background:#D6151F;font-size:16px;color:#fafafa;font-weight:500;display:block;-webkit-transition:.3s;transition:.3s;border:none;outline:none}header .iconsAndLogin .button:hover{background:#fafafa;color:#D6151F}nav{background:#fafafa}nav .menu ul{overflow:hidden}nav .menu ul li{list-style:none}nav .menu ul li a{text-decoration:none;color:#7a7171;font-size:16px;font-weight:600;padding:22px 15px;display:block;margin-top:18px;-webkit-transition:.3s;transition:.3s}nav .menu ul li a:hover{color:#D6151F}nav .btn .button{padding:10px 17px;background:#D6151F;font-size:16px;color:#fafafa;font-weight:500;display:block;-webkit-transition:.3s;transition:.3s;border:none;outline:none}nav .btn .button:hover{background:#fafafa;border:1px solid #D6151F;color:#D6151F}nav .btn .button:hover{background:#fafafa;color:#D6151F}.request-for-blood{position:absolute;top:290px;right:-106px;text-decoration:none;background:#D6151F;color:#fafafa;padding:8px 30px;border-radius:5px;z-index:1000;-webkit-transition:.3s;transition:.3s;position:fixed}.request-for-blood:hover{right:0;color:#fafafa}.donate{width:100%;height:600px;position:relative;position:relative}.donate .blakish{position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.562)}.donate .slider{position:relative}.donate .slider img{width:100%;height:600px;z-index:-2}.donate .slider .btnn2{left:10px}.donate .slider .btnn1{position:absolute;right:10px}.donate .slider button{height:50px;width:50px;background:#666363;border-radius:50%;border:1px solid rgba(170,165,165,0.733);outline:none;cursor:pointer;position:absolute;top:50%}.donate .slider button i{color:#ff043e;font-size:28px;pointer-events:none;z-index:1;cursor:pointer;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.donate .info{position:absolute;top:120px;left:186px;z-index:1;width:471px}.donate .info h1{font-weight:700;color:#0C0C35;font-size:54px;font-size:41px;position:relative;color:#D6151F}.donate .info p{font-size:18px;font-weight:500;color:#ddd !important}.donate .info button{padding:16px 29px;-webkit-transition:.3s;transition:.3s;border:none;outline:none;font-weight:bold}.donate .info .btn1{background:#D6151F}.donate .info .btn1:hover{background:#0C0C35}.donate .info .btn2{background:#fafafa;color:#D6151F;border:1px solid #D6151F}.donate .info .btn2:hover{background:#D6151F;color:#fafafa}.donate-process .row{padding:100px 0px}.donate-process .row .process-heading .heading-text{font-weight:700;color:#0C0C35;font-size:54px;font-size:41px;position:relative}.donate-process .row .process-pic{position:relative;width:100%;margin-top:91px}.donate-process .row .process-pic .image{position:relative;height:202px;margin-right:90px}.donate-process .row .process-pic .info{position:absolute;top:58px;left:42px;height:30px;width:70px;color:#fafafa;font-weight:800}.donate-process .row .process-pic .info h1{font-size:20px}.available .row{padding:100px 0px}.available .row .available-heading h1{font-weight:700;color:#0C0C35;font-size:54px;font-size:41px;position:relative}.available .row .available-heading h1::before{margin-left:180px}.available .row .available-heading h1::after{margin-left:-325px}.available .row .blood-group{margin-top:50px}.available .row .blood-group .first-row .blood-box,.available .row .blood-group .second-row .blood-box{width:258px;height:218px;border:2px dashed #D6151F;-webkit-transition:.3s;transition:.3s}.available .row .blood-group .first-row .blood-box:hover,.available .row .blood-group .second-row .blood-box:hover{-webkit-box-shadow:-4px 0px 20px 4px rgba(102,115,110,0.9);box-shadow:-4px 0px 20px 4px rgba(102,115,110,0.9)}.available .row .blood-group .first-row .blood-box:hover h3,.available .row .blood-group .second-row .blood-box:hover h3{background:#D6151F;color:#fafafa}.available .row .blood-group .first-row .blood-box h3,.available .row .blood-group .second-row .blood-box h3{background:#ff00003b;height:64px;width:79px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:87px;margin-top:31px;margin-bottom:23px;color:#D6151F;border-radius:10px;-webkit-transition:.3s;transition:.3s;font-weight:700}.available .row .blood-group .first-row .blood-box a,.available .row .blood-group .second-row .blood-box a{background:#D6151F;padding:8px 17px;-webkit-transition:.3s;transition:.3s}.available .row .blood-group .first-row .blood-box a:hover,.available .row .blood-group .second-row .blood-box a:hover{background:#0C0C35}.request{padding:50px 0px}.request .heading{margin-bottom:80px}.request .heading h1{position:relative;font-weight:700;color:#0C0C35;font-size:54px;font-size:41px;position:relative}.request .heading h1::before{left:316px}.request .heading h1::after{right:440px}.donor{padding:80px 0px}.donor .heading-donor h1{color:#0C0C35;font-weight:700}.donor .box{margin-right:20px;overflow:hidden;width:252px;border:1px solid #beb7b7;border-radius:5px}.donor .box .w3-image{max-width:100%;-webkit-transition:.3s;transition:.3s;z-index:-1}.donor .box .w3-image:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.donor .box .info{z-index:1}.donor .box .info h4{color:#0C0C35;font-weight:700;font-size:20px}.donor .box .info .name{margin-bottom:1px}.donor .box .info p{font-size:13px;font-weight:700}.donor .box .info p span{color:red}.health{background:#F9F9F9;padding:100px 0px;position:relative}.health .wrapper{width:100%}.health .wrapper .first-row .info{width:50%}.health .wrapper .first-row .info h1{font-weight:700;color:#0C0C35;font-size:54px;font-size:41px;position:relative}.health .wrapper .first-row .info p{font-size:18px}.health .wrapper .first-row .info ul{margin-left:-31px}.health .wrapper .first-row .info ul li{margin-bottom:10px;font-size:18px}.health .wrapper .first-row .image{width:50%}.health .wrapper .first-row .image img{margin-left:90px}.health .wrapper .second .information{width:50%;margin-top:57px;margin-left:30px}.health .wrapper .second .information h1{font-weight:700;color:#0C0C35;font-size:54px;font-size:41px;position:relative}.health .wrapper .second .information p{font-size:18px}.volunteer{padding:100px 0px}.volunteer .heading h1{position:relative;font-weight:700;color:#0C0C35;font-size:54px;font-size:41px;position:relative}.volunteer .heading h1::before{left:316px}.volunteer .heading h1::after{right:440px}.volunteer .slider .carousel-cell{border-radius:5px;margin-right:20px;width:255px;height:390px;background:#F2E7E2;position:relative}.volunteer .slider .carousel-cell .circle{height:40px;width:40px;color:#D6151F;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:2px solid #D6151F;position:absolute;top:30px;right:57px;border-radius:50%;z-index:2;background:#fafafa;font-weight:600}.volunteer .slider .carousel-cell .w3-image{width:200px;height:200px;border-radius:50%;margin-top:30px;border:3px solid #D6151F;position:relative}.volunteer .slider .carousel-cell .info h4{font-weight:700;color:#0C0C35}.volunteer .slider .carousel-cell .info p{font-size:15px;font-weight:bold}.volunteer .slider .carousel-cell .social i{padding:0px 8px;font-size:19px;-webkit-transition:.2s;transition:.2s;cursor:pointer;color:#797777}.volunteer .slider .carousel-cell .social i:hover{color:#D6151F}.counter{padding:80px 0px;background:#D6151F}.counter .row i{color:#fff;font-size:50px}.counter .row h1{color:#fff;font-size:40px;font-weight:bold}.counter .row p{color:#fff;font-size:16px;font-weight:bold}.peopleSaying .wrapper .carousel-cell{border-radius:5px;margin-right:20px;width:40%;height:320px;background:#F2E7E2;position:relative}.peopleSaying .wrapper .carousel-cell .redLine{position:absolute;background:#D6151F;height:5px;width:0;left:0;bottom:0;-webkit-transition:.3s;transition:.3s}.peopleSaying .wrapper .carousel-cell:hover .redLine{width:100%}.peopleSaying .wrapper .carousel-cell .w3-image{height:100px;width:100px;border:none;margin-top:50px}.peopleSaying .wrapper .carousel-cell .info{width:62%;margin-top:49px;font-weight:400 !important}.peopleSaying .wrapper .carousel-cell .info span{font-size:17px}.peopleSaying .wrapper .carousel-cell .info .star i{color:#ffbd06}.inspire{position:relative;background-image:url(../images/bg3.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;width:100%;height:300px;position:relative;padding:90px 0px}.inspire .color{position:absolute;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.562)}.inspire .row .text{z-index:1;width:70%}.inspire .row .text h1{font-weight:700;font-size:49px;color:#fff}.inspire .row .joinBtn{z-index:1;margin-top:59px;margin-left:90px}.inspire .row .joinBtn a{text-decoration:none;color:#fff;padding:17px 35px;-webkit-transition:.3s;transition:.3s;border:none;outline:none;font-weight:bold;background:#D6151F}.inspire .row .joinBtn a:hover{background:#0C0C35}footer{position:relative;overflow:hidden;background:#0B153C;padding:30px 0px}footer .first-row h2.contact,footer .first-row .icons{width:250px;margin-left:167px}footer .first-row .icon{color:#D6151F;font-size:39px;margin-right:15px;margin-top:9px}footer .first-row .icon i{margin-top:10px}footer .text h2{color:#ddd;font-size:24px;font-weight:600}footer .text p{color:rgba(221,221,221,0.87);font-size:17px}footer .icons{display:-webkit-box;display:-ms-flexbox;display:flex}footer .icons i{margin-right:8px;color:#fafafa;height:30px;width:30px;background:transparent;border:1px solid rgba(255,255,255,0.842);-webkit-transition:.3s;transition:.3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}footer .icons i:hover{background:#D6151F;border:none}.last{overflow:hidden;background:#060B1F}.last p{color:#fafafa;font-size:17px;margin-top:10px}
/* The alert message box */
.alert {
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
    margin-bottom: 15px;
}

/* The close button */
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
}

.closebtn:hover {
    color: black;
}