@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600&display=swap');
*{margin:0; padding:0; box-sizing:border-box; } body{padding:0 1px; border:2px solid red;}
a{text-decoration:none; font-weight:bold; transition:0.5s;} a:hover, a:active, a:focus {color:#ff0000; outline:none; text-decoration:none;}
p{font-size:120%; text-align:justify; padding:2px 0; background:linear-gradient(black, blue); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;}
body.hidden-scrolling{ overflow-y:hidden; }
.container{padding:0px 1px 1px 5px;}
.ul ul li{margin-left:25px; padding:6px 0px;} .ul ol li{margin-left:25px; padding:6px 0px;}
.img img{display:block; width:100%; height:auto; }
.manglmcr{ font-size:1.7rem; text-align:center; color:black; line-height:95%; }
/* Start Auto Write And Type */
.auto-type{ font-weight: 600; }
.auto-write{ font-weight: 600; color:#ab0381; }
.auto-hello{ font-weight: 600; font-size:30px; }
.login-btn{width:100%; display:block; background:blue; border:none; border-radius:4px; color:#fff; font-size:20px; font-weight:700; padding:4px; letter-spacing:1px; margin:10px 0; text-align:center; cursor:pointer;}
.info{background-color: #e7f3fe; font-size:23px; color:green; font-weight:600; border-left:3px solid #2196F3; border-radius:3px; margin:0; padding-left:3px;}
.warning{background-color:#dbd43d; font-size:14px; text-align:center; line-height: 5px; color:green; font-weight:600; border-left:6px solid #2196F3; border-radius:4px;}
.danger{background-color:#f8d7da; color:#721c24; text-align:center; line-height: 25px; font-weight:600; border-left:3px solid #721c24; border-radius:3px;}
.question{color:red; font-size: 1.3rem; font-weight: 600; text-align: justify; }
.option{font-size: 1.3rem; }
.answer{ width:100%; color:#fff; background-color:green; border: 1px solid black; margin-top:4px; padding:4px; text-align:center; font-size: 1.2rem; font-weight: 600; }

.input-container{width:100%;} .input-row { display:flex; gap:15px; }
.form-label{margin:0; padding:0; font-size:90%; font-weight:600; width:100%; display:inline-block; color:#737574;}
.input-field{width:100%; border:1px solid #d4e4fc; border-radius:4px; padding:1px 4px 1px 4px; font-size:18px; height:35px; margin-bottom:6px; opacity:0.9;}
.input-field:focus{width:100%; border:1px solid #6ef592; border-radius:4px; outline:none;}
.input-field:active{color:green; }

.noti_count{position:relative; border:0.5px solid transparent; border-radius:50%; }
.indicator{position:absolute; width:auto; height:20px; border-radius:15px; top:-25px; left:44%; background-color:brown; color:#fff; border:2px solid rgb(51, 51, 51); display:flex; justify-content:center; align-items:center; padding:5px; }

.success-msg{padding:4px 7px; background:rgb(1, 149, 1); color:#fff; font-weight:600; border-radius:6px; width:auto; cursor:pointer;}
.error-msg{padding:4px 7px; background: rgb(255, 0, 0); color: #fff; font-weight: 600; border-radius:6px; width:auto; cursor:pointer;}
.error{color:red; font-size:110%; margin-top:0; font-weight:600;} .display-left{float:left;} .display-center{float:center;} .display-right{float:right;}
.dot-dot-text{text-overflow:ellipsis; overflow:hidden; height:1.2em; white-space:nowrap; }
.pull-left{float:left;} .pull-right{float:right;}
.btn-primary{background:#337AB7; color:#FFFFFF; border:none; border-radius:4px; padding:3px 5px; font-size:100%;} .btn-danger{background:#D9534F; color:#FFFFFF; border:none; border-radius:4px; padding:3px 5px; font-size:100%; } .btn-success{background:#5CB85C; color:#FFFFFF; border:none; border-radius:4px; padding:3px 5px; font-size:100%; }
.scroll-table{ height:auto; width:100%; overflow-x:scroll; overflow-y:hidden;}
.scroll-table-data{ height: 400px; width: 100%; overflow: scroll; }
.half-scroll-table-data{width:100%; height:200px; overflow:scroll; }
.auto-scroll-table-data{width:100%; height:auto; overflow-y:hidden;  }

table{table-layout:fixed; width:100%; border-collapse:collapse; min-width:rem-calc(640); display:table} 
thead th{background:blue; color:yellow; font-size:100%; font-weight:bold; padding:2px 0px 2px 1px; text-align:center; align-items:center; border:1px solid #fff; position:sticky; top:-1.5px;}
tbody tr:hover{font-weight:550;} tbody td{padding:4px 1px 4px 5px; font-size:100%; border:1px solid black;}  
tr:nth-child(even) {background-color: #f2f2f2;} 
.table-srno{width:70px; text-align:center; } .table-status{width:85px; text-align:center; overflow:hidden; vertical-align:center;}
.table-mob{width:120px;} .table-aadhar{width:135px;} .table-name{width:200px; overflow:hidden;} .table-date{width:210px; overflow:hidden;} .table-email{width:350px; }
.table-address{width:450px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.text-center{text-align:center; }
::placeholder{font-size:16px; opacity:0.7; }
::-ms-input-placeholder {font-size:16px; opacity:0.7;}

.post-title{width:100%; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:130%; font-weight:650;} 
.post-title:hover{-webkit-line-clamp:unset; overflow:unset; cursor:pointer;}  .post-titleimg img{width:100%; height:auto; border-radius:5px; }
.post-subtitle{font-size:100%;font-weight:600; color:#007979; }  .post-des li img{width:100%; height:auto; border-radius:5px; background:red; } 

.post-details{width:100%; height:92px; overflow:hidden; display:flex; align-items:flex-start; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2); border-radius:1px; margin-bottom:10px;} 
.post-left{width:35%; margin-right:10px;} .post-left img{width:100%; min-height:91px; overflow:hidden; border-radius:5px; }  
.post-right{width:65%; align-items:flex-start;} 
.post-right .post-title{width:100%; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; font-size:110%; font-weight:550;} 
.post-right .post-des{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:100%; color:#000;} 
.post-right .post-date{font-size:90%; text-align:left; top:250px; color:red;}

.postauthor-details {width:100%; height:auto; display:flex; align-items:center; border:1px solid #ddd; padding:2px 0px 2px 5px;}
.postauthor-left{margin-right:5px; } .postauthor-left img{width:50px; height:50px; border:3px solid white; box-shadow:0 2px 4px rgba(0, 0, 0, 0.2); border-radius:50%; }
.postauthor-right{width:100%; display:flex; margin-top:-3px; flex-direction:column; }
.postauthor-right strong{font-size:23px; font-weight:bold; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}
.postauthor-right span{font-size:20px; color:#B22222; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;}

.post-share{width:100%; display:flex; position:relative; color:blue; cursor:pointer; border:20px; font-size:120%; font-weight:600; overflow:scroll;}
.post-share span{width:100%; display:flex; position:absolute; background:yellow; transition:0.3s linear; padding:4px;}
.post-share:hover span{transition:0.3s linear;  transform:translateX(+100%); display:none; }
.post-share a{width:100%; margin-right:2px; background:indigo; color:#fff; border-radius:3px; padding:4px;} .post-share a:hover{transition:0.3s linear; }
.search-form{display: flex; justify-content: center; margin-bottom: 20px; }
.searct-text{width:100%; font-size:16px; padding:10px; border:1px solid #ccc; border-radius:4px; }
.search-form button {padding:10px; background-color:#007BFF; color:white; border:none; border-radius:4px; cursor:pointer; font-size:16px; margin-left:5px; transition:background-color 0.3s; }
.search-form button:hover {background-color: #0056b3; }

.category a{display:block; padding:5px 1px 5px 4px; margin:0px 0px 6px 0px; border-radius:2px; background:#f9edfa; color:#000; }
.category a:hover{display:block; padding:5px 1px 5px 4px; margin:0px 0px 6px 0px; border-radius:2px;  text-decoration:none; background:#6899e8; color:#fff;}
/*Header Css*/
.header{position:-webkit-sticky; position:sticky; width:100%; left:0; top:0; padding:0; z-index:99; }
.header-main{ position:-webkit-sticky; position:sticky; width:100%; padding:3px 0; background-image:linear-gradient(#ff9933, white, green); background-color: transparent; border-radius:3px;  display:flex; align-items:center; justify-content:space-between; }
.header .logo{ padding:0 15px; }
.header .logo a{ font-size:30px; font-weight:600; text-transform:capitalize; color:#e91e63; }
.logo a img{ display:block; width:45px; height:45px; text-align:center; justify-content:center; margin:0; padding:0;}
.header .nav-menu{padding:0 15px; }
.header .menu > .menu-item{margin-left:30px; display:inline-block; position:relative;}
.header .menu > .menu-item > a{display:block;  padding:12px 0; font-size:16px; color:#000000; text-transform:capitalize; font-size:104%; font-weight:650; transition:all 0.3s ease; }
.header .menu > .menu-item > a .plus{display:inline-block; width:12px; height:12px; position:relative; margin-left:5px;  pointer-events:none; }
.header .menu > .menu-item > a .plus:before,
.header .menu > .menu-item > a .plus:after{content:''; position:absolute; box-sizing:border-box; left:50%; top:50%; background-color:#000000; height:2px; width:100%; margin:0; transform:translate(-50%,-50%); transition:all 0.3s ease; }
.header .menu > .menu-item:hover > a .plus:before, .header .menu > .menu-item:hover > a .plus:after{background-color:#e91e63; }
.header .menu > .menu-item > a .plus:after{transform:translate(-50%,-50%) rotate(-90deg);	 }
.header .menu > .menu-item > .sub-menu > .menu-item > a:hover, .header .menu > .menu-item:hover > a{color:#e91e63; }
.header .menu > .menu-item > .sub-menu{box-shadow:0 0 10px rgba(0,0,0,0.2); width:190px; position:absolute; right:0; top:100%; background-color:#ffffff; margin:auto; padding:0px; border-top:3px solid #e91e63; transform:translateY(10px); transition:all 0.3s ease; opacity:0; visibility:hidden; }

.footer{background-color:#FFF0F0; border-top:5px solid #4527a0; padding:5px; font-family:'Poppins', sans-serif;} .footer .display-center a{font-size:18px; font-weight:600; text-decoration:none;} .hr{width:100%; margin:5px 0 10px 0; padding:0;} .display-center{text-align:center;} .footer .display-right{text-align:right; }
.footer-sicial-img{display:flex;  transition:all .3s ease-in-out; font-size:20px;}
.footer-sicial-img img{display:inline-block !important; width:25px; height:26px; border-radius:50%; margin:1px 0px 0px 9px;}

.header .menu > .menu-item > .sub-menu > .menu-item{display:block;}
.header .menu > .menu-item > .sub-menu > .menu-item > a{display:block;  padding:5px 0px 8px 8px; font-size:16px; font-weight:600; color:#000000; transition:all 0.3s ease; text-transform:capitalize; }
.header .open-nav-menu{width:40px; height:34px; margin-right:15px; display:none; align-items:center; justify-content:center; cursor:pointer; }
.header .open-nav-menu span{display:block; height:3.5px; width:25px; background-color:#000000; position:relative;  margin-left:-25px;}
.header .open-nav-menu span:before, .header .open-nav-menu span:after{content:''; position:absolute; left:0; width:100%; height:100%; background-color:#000000; box-sizing:border-box; }
.header .open-nav-menu span:before{top:-9.5px; } .header .open-nav-menu span:after{top:9.5px; }
.header .close-nav-menu{width:100%; height:52px; background-image:linear-gradient(#ff9933, white, green); background-color:transparent; margin-left:0; cursor:pointer; display:none; align-items:center; font-weight:bold;}
.header .close-nav-menu img{width:25px; height:25px; margin-left:80%;}
.header .menu-overlay{position:fixed; z-index:999; background-color:rgba(0,0,0,0.5); left:0; top:0; height:100%; width:100%; visibility:hidden; opacity:0; transition:all 0.3s ease; }

.header .close-nav-menu img{ width:16px; margin-left:85%;}
.header .menu-overlay{position:fixed; z-index:999; background-color:rgba(0,0,0,0.5); left:0; top:0; height:100%; width:100%; visibility:hidden; opacity:0; transition:all 0.3s ease; }
.display-flex{position: relative; font-weight:750;} .float-left{position:absolute; left:0; font-weight:750;} .float-right{position:absolute; right:0; font-weight:750;} 
/*home section*/
.home-section{width:100%; display:block; min-height:100vh; background-image:url('../img/home.jpg'); background-position:center top; background-size:cover; }

.title{font-size:1.2rem; text-align: center; font-weight: 600; color: red; background-color: black; border-radius:5px;}
.heading{position:relative; padding:2.5px; font-size:32px; font-weight:750; text-align:center;}
/*.heading:after{content:''; position:absolute; left:50%; bottom:0; transform:translate(-50%); height:4px; width:120px; border-radius:5px; background-color:orange; }*/

#flex a{color:#fff; text-decoration:none; } .box1, .box2{ background-color:#fff;}

/* responsive */
@media(min-width:711px){  /* Navbar Open For Hover  */
body{ max-width:1350px; margin:auto;} 
.header-main{position:relative; max-width:2101px; margin:0;}
.header .menu > .menu-item-has-children:hover > .sub-menu{transform:translateY(0); opacity:1; visibility:visible; }
.header .menu > .menu-item-has-children:hover > a .plus:after{transform:translate(-50%,-50%) rotate(0deg); }

}

@media(max-width:710px){
.header .menu-overlay.active{visibility:visible; opacity:1;}
.header .nav-menu{position:fixed; right:-280px; visibility:hidden; width:280px; height:100%; top:0; padding:0; overflow-y:auto; background-color:#222222; z-index:1000; transition:all 0.5s ease; }
.header .nav-menu.open{visibility:visible; right:0px; }
.header .menu > .menu-item{display:block; margin:0; }
.header .menu > .menu-item-has-children > a{display:flex; justify-content:space-between; align-items:center; }
.header .menu > .menu-item > a{color:#ffffff; padding:12px 10px; border-bottom:1px solid #333333;}
.header .menu > .menu-item:first-child > a{border-top:1px solid #333333; }
.header .menu > .menu-item > a .plus:before, .header .menu > .menu-item > a .plus:after{background-color:red; }
.header .menu > .menu-item-has-children.active > a .plus:after{transform:translate(-50%,-50%) rotate(0deg); }
.header .menu > .menu-item > .sub-menu{width:100%; position:relative; opacity:1; visibility:visible; border:none; background-color:transparent; box-shadow:none; transform:translateY(0px); padding:0px; left:auto; top:auto; max-height:0; overflow:hidden; }
.header .menu > .menu-item > .sub-menu > .menu-item > a{padding:12px 30px; color:#ffffff; border-bottom:1px solid #333333; scroll-behavior:auto; }
.header .close-nav-menu, .header .open-nav-menu{display:flex;  margin:0 !important;}
}

@media screen and (min-width:951px) and (max-width:1080px){
    body{width:100%; max-width:1080px; display:block; height:auto; margin:0 auto;}
    .flex{display:flex; flex-direction:row; align-items:flex-start; gap:10px; width:100%; font-size:20px; z-index:4; box-sizing:border-box;}
    .flex .box1{flex:1 1 0; min-width:0; margin:0; height:auto; padding:5px; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2); background-color:#fff; border-radius:5px; transition:0.6s; box-sizing:border-box;}
    .flex .box2{flex:0 0 30%; min-width:0; position:sticky; top:70px; align-self:flex-start; margin:0; height:auto; padding:3px; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2); background-color:#fff; border-radius:5px; transition:0.6s; box-sizing:border-box;}
}

@media screen and (min-width:1081px) and (max-width:1280px){
    body{width:100%; max-width:1280px; display:block; height:auto; margin:0 auto;}
    .flex{display:flex; flex-direction:row; align-items:flex-start; gap:10px; width:100%; font-size:20px; z-index:4; box-sizing:border-box;}
    .flex .box1{flex:1 1 0; min-width:0; margin:0; height:auto; padding:5px; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2); background-color:#fff; border-radius:5px; transition:0.6s; box-sizing:border-box;}
    .flex .box2{flex:0 0 30%; min-width:0; position:sticky; top:70px; align-self:flex-start; margin:0; height:auto; padding:3px; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2); background-color:#fff; border-radius:5px; transition:0.6s; box-sizing:border-box;}
}

@media screen and (min-width:1281px) and (max-width:2100px){
    body{width:100%; max-width:2100px; display:block; height:auto; margin:0 auto;}
    .flex{display:flex; flex-direction:row; align-items:flex-start; gap:10px; width:100%; font-size:20px; z-index:4; box-sizing:border-box;}
    .flex .box1{flex:1 1 0; min-width:0; margin:0; height:auto; padding:5px; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2); background-color:#fff; border-radius:5px; transition:0.6s; box-sizing:border-box;}
    .flex .box2{flex:0 0 30%; min-width:0; position:sticky; top:70px; align-self:flex-start; margin:0; height:auto; padding:3px; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2); background-color:#fff; border-radius:5px; transition:0.6s; box-sizing:border-box;}
}

@media screen and (min-width:2101px){
    body{width:100%; max-width:2101px; display:block; height:auto; margin:0 auto;}
    .flex{display:flex; flex-direction:row; align-items:flex-start; gap:10px; width:100%; margin:0 auto; font-size:20px; z-index:4; box-sizing:border-box;}
    .flex .box1{flex:1 1 0; min-width:0; margin:0; height:auto; padding:5px; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2); background-color:#fff; border-radius:5px; transition:0.6s; box-sizing:border-box;}
    .flex .box2{flex:0 0 30%; min-width:0; position:sticky; top:70px; align-self:flex-start; margin:0; height:auto; padding:3px; box-shadow:0 4px 8px 0 rgba(0,0,0,0.2); background-color:#fff; border-radius:5px; transition:0.6s; box-sizing:border-box;}
}