* {
padding: 0px;
margin: 0px;
}

body {
scroll-behavior: smooth;
box-sizing: border-box;
}

/* MOBILE ELEMENT  */
.dark {
  opacity: 100%;
}

.nav_cls {
display: none;
}

.hamb_icn {
display: none;
}

/* SCROLLBAR  */
/* width */
body::-webkit-scrollbar {
  width: 10px;
}

/* Track */
body::-webkit-scrollbar-track {
  background: #f1f1f1; 
}

/* Handle */
body::-webkit-scrollbar-thumb {
  background: #a7a7a7; 
  border-radius: 10px;
}

/* Handle on hover */
body:-webkit-scrollbar-thumb:hover {
  background: #8b8b8b; 
}



/* LOADING SECTION  */
.loading_wrapper {
position: fixed;
top: 0;
left: 0;
background-color: rgb(255, 255, 255);
width: 100%;
height: 100%;
z-index: 1000;
display: flex;
justify-content: center;
align-items: center;
transition-duration: 0.2s;
box-sizing: border-box;
}

/* LOADING ICON  */
.loading_icon {
width: 100px;
transform-style: preserve-3d;
animation: rotate-skew-scale 1.6s ease-in-out infinite alternate;
transform-origin: center;
transition-duration: 0.3s;
}

/* Define the animation keyframes */
@keyframes rotate-skew-scale {
  0% {
    transform: rotateX(0deg) skewX(0deg) scale(1);
  }
  100% {
    transform: rotateY(180deg) skewY(360deg) scale(0.7);
  }
}




/* MIANBOX CONTAIN EVERY ELEMENT  */
.mainbox {
width: 100%;
height: auto;
background-color: white;
}

.nvg_tp_bx {
width: 100%;
height: 80px;
background-color: white;
display: flex;
z-index: 500;
}

.nvg_tp_lft_bx {
width: 50%;
height: 55px;
display: flex;
justify-content: start;
align-items: center;
padding-left: 50px;
}

.nvg_tpa {
text-decoration: none;
}

.nvg_tpa_soc_icn {
width: 18px;
margin-left: 10px;
margin-right: 10px;
transition-duration: 0.1s;
transform: scale(100%);
}

.nvg_tpa_soc_icn:hover {
transform: scale(95%);  
}

.nvg_tp_rght_bx {
width: 50%;
height: 55px;
display: flex;
justify-content: center;
align-items: center;
}

.nvg_tp_btn_a {
font-size: 13px;
font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
color: #e6e6e6;
}

.nvmn_logo_bx {
width: 50%;
background-color: rgb(255, 255, 255);
height: 80px;
display: flex;
justify-content: start;
align-items: center;
z-index: 200;
}

.mn_log_icn {
width: 45px;
margin-left: 20px;
margin-right: 20px;
border-radius: 50%;
margin-left: 150px;
}

.nvmn_logo_inbx {
width: auto;
height: auto;
z-index: 200;
display: flex;
}

.mn_log_tx1 {
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
color: rgb(70, 70, 70);
font-size: 25px;
font-weight: bold;
}

.mn_log_tx2 {
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
color: rgb(70, 70, 70);
font-size: 25px;
font-weight: bold;
}

.nvmn_nav_bx {
width: 56%;
height: 90px;
position: relative;
z-index: 300;
}


.nvg_mnbx{
width: 100%;
height: 50px;
background-color:#2C3E50;
border-bottom: 4px #2C3E50 solid;
border-top: 4px #2C3E50 solid;
position: relative;
display: flex;
}

.nav_btn_bx {
width: 75%;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
z-index: 200;
background-color:#2C3E50;
}

.nav_btn {
font-family: "Roboto";
height: 40px;
border: none;
font-family: "Roboto", sans-serif;
color: rgb(255, 255, 255);
background-color:#2C3E50;
font-size: 16px;
margin-left: 5px;
margin-right: 5px;
font-weight: 450;
padding-left: 20px;
padding-right: 20px;
transition-duration: 0.5s;
}

.nav_btn:hover {
background-color:#3d4f61;
}



/* EXPANDABLE WRPAPPER  */
.nav_exp_bx {
width: 100%;
height: auto;
background-color:#080808;
transition-duration: 0.1s;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
overflow-y: hidden;
position: absolute;
margin-top: 52px;
z-index: 2000;
opacity: 0%;
display: none;
transition-duration: 0.1s;
}

.nav_bck {
width: 500px;
opacity: 10%;
margin-top: 50px;
z-index: 200;
position: absolute;
}

.nav_exp_con {
width: 60%;
height: auto;
display: flex;
justify-content: center;
z-index: 1000;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
}

.exp_nv_ech_bx {
width: 33.34%;
height: auto;
display: block;
z-index: 200;
margin-bottom: 30px;
}

.nav_ech_btn_bx {
width: 90%;
display: flex;
justify-content: start;
align-items: center;
min-height: 40px;
padding-left: 10%;
padding-top: 3px;
padding-bottom: 3px;
font-family: "Roboto", sans-serif;
color: rgb(255, 255, 255);
font-size: 18px;
font-weight: 400;
transition-duration: 0.2s;
}


.nav_ech_btn_bx_sngl {
width: 200px;
display: flex;
padding-top: 15px;
justify-content: start;
align-items: center;
min-height: 40px;
padding-left: 15%;
padding-top: 15px;
padding-bottom: 3px;
font-family: "Roboto", sans-serif;
color: rgb(255, 255, 255);
font-size: 18px;
font-weight: 400;
transition-duration: 0.2s;
}

.nav_ech_btn_bx_sngl:hover {
  background-color: rgb(156, 156, 156);
}


.nav_ech_btn_bx_htx {
margin-top: 10px;
margin-left: auto;
font-family: "Lato", sans-serif;
margin-left: 20px;
color: rgb(214, 214, 214);
font-size: 17px;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
border-left: 2px white dotted;
border-right: 2px white dotted;
border-top: 2px white dotted;
border-bottom: 2px white dotted;
margin-bottom: 15px;
}

.nav_ech_btn_bx:hover {
background-color:#2C3E50;
color: rgb(228, 225, 225);
}




.nav_srch_bx {
width: 25%;
height: 50px;
display: flex;
justify-content: start;
align-items: center;
}

.nav_srch_in {
width: 200px;
margin-left: 20px;
height: 45px;
border-radius: 5px; 
font-size: 15px;
padding-left: 15px;
background-color: #ffffffe9;
font-family: "Poppins", monospace;
border: 4px #2C3E50 solid;
outline: none;
padding-right: 15px;
font-weight: 400;
color: black;
margin-top: -2.5px;
transition-duration: 0.2s;
}

.nav_srch_in:hover {
outline: none;
}

.nav_srch_in:hover {
background-color: #ffffff;
}







.nvmn_login_bx {
height: 80px;
width: 50%;
z-index: 200;
display: flex;
justify-content: center;
align-items: center;
}

.nvmn_login_inbx {
display: flex;
width: 50%;
height: 65px;
display: flex;
justify-content: center;
align-items: center;
}

.nvg_login_icn {
width: 15px;
margin-right: 5px;
border: 1px rgb(255, 255, 255) solid;
border-radius: 50%;
padding: 5px;
cursor: pointer;
transition-duration: 0.1s;
display: none;
}
.nvg_login_icn:hover {
border-radius: 30%;
}

.login_btn {
align-items: center;
appearance: none;
background-color: #ffffff;
border: 4px #2C3E50 solid;
border-radius: 6px;
box-sizing: border-box;
color: #2C3E50;
cursor: pointer;
display: inline-flex;
font-family: "Poppins",monospace;
height: 40px;
justify-content: center;
line-height: 1;
list-style: none;
overflow: hidden;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: left;
text-decoration: none;
transition: box-shadow .15s,transform .15s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow,transform;
font-size: 14px;
margin-left: 15px;
}

.login_btn:hover {
transform: translateY(-2px);
background-color: #e2e2e2;
}

.login_btn:active {
transform: translateY(2px);
}



.nvmn_sm_inbx {
display: flex;
width: 50%;
height: 65px;
display: flex;
justify-content: center;
align-items: center;
}


.btn_1_black {
align-items: center;
appearance: none;
background-image: radial-gradient(100% 100% at 100% 0, #474747 0, #171616 100%);
border: 0;
border-radius: 6px;
box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(78, 78, 78, 0.3) 0 7px 13px -3px,rgba(147, 147, 146, 0.5) 0 -3px 0 inset;
box-sizing: border-box;
color: rgb(255, 255, 255);
cursor: pointer;
display: inline-flex;
font-family: "Poppins",monospace;
height: 40px;
justify-content: center;
line-height: 1;
list-style: none;
overflow: hidden;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: left;
text-decoration: none;
transition: box-shadow .15s,transform .15s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow,transform;
font-size: 14px;
margin-left: 15px;
}

.btn_1_black:focus {
box-shadow: #696969 0 0 0 1.5px inset, rgba(94, 94, 94, 0.4) 0 2px 4px, rgba(99, 99, 99, 0.3) 0 7px 13px -3px, #636262 0 -3px 0 inset;
}

.btn_1_black:hover {
box-shadow: rgba(120, 120, 121, 0.4) 0 4px 8px, rgba(133, 133, 133, 0.3) 0 7px 13px -3rgb(79, 79, 78)110b 0 -3px 0 inset;
transform: translateY(-2px);
}

.btn_1_black:active {
box-shadow: #6d6d6d 0 3px 7px inset;
transform: translateY(2px);
}



/* MARQUESS BOX  */
.marq_bx {
width: 100%;
height: 60px;
margin-bottom: 50px;
background-color: #fefdde;
border: 1px rgb(255, 255, 201) inset;
box-sizing: border-box;
display: block;
margin-left: auto;
margin-right: auto;
overflow-x: hidden;
}

.marq_bx_tx {
font-family: "Poppins",monospace;
font-size: 18px;
color: red;
width: 100%;
white-space: nowrap;
padding-top: 15px;
font-weight: 500;
animation: marquee 25s linear infinite;
}

@keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}









/* ----------------------------- SECTION 1 ------------------- */
/* TITLE BOX  */
.hmpsc1_ttlbx {
width: 90%;
margin-left:5%;
margin-right:5%;
height: 40px;
background-color: #2C3E50;
border-radius: 3px;
border-bottom: 3px rgb(77, 76, 76) solid;
margin-top: 45px;
position: relative;
}

/* TITLE TEXT  */
.hmpsc1_ttl {
font-family: "Poppins", sans-serif;
font-size: 17px;
color: white;
padding-top: 9px;
padding-left: 15px;
overflow: hidden;
}

/* SECTION 1  */
.hmpsc1_mnbx {
width: 100%;
height: auto;
z-index: 200;
margin-top: 10px;
margin-bottom: 50px;
display: flex;
justify-content: center;
align-items: start;
}

/* LEFT MAIN BOX  */
.hmpsc1_lfbx {
width: 65%;
height: auto;
}

/* BIG BOX ROW BIG AND SMALL BOXES */
.hmpsc1_bgplbx {
width: 100%;
height: auto;
display: flex;
}

/* BIG BOX CONTAINER */
.hmpsc1_bgplbx_lf {
width: 60%;
min-height: 350px;
position: relative;
}

/* BIG BOX */
.hmpsc1_bg_nweb {
width: 93%;
height: 340px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
white-space: wrap;    
overflow: hidden;  
text-overflow: ellipsis; 
padding: 10px;
border-radius: 5px;
box-shadow: 0px 0px 15px 15px rgb(255, 253, 253);
background-color: rgb(253, 253, 253);
border: 1px rgb(216, 216, 216) solid;
border-left: 3px rgb(236, 236, 236) solid;
}

/* BIG BOX HEADING TEXT  */
.hmpsc1_nwe_bg_hdt {
font-family: "Poppins", sans-serif;
font-size: 25px;
color: rgb(0, 0, 0);
font-weight: bold;
overflow: hidden;
max-height: 120px;
cursor: default;
}

.hmpsc1_nwe_bg_hdt:hover {
text-decoration: underline;
}

/* BIG BOX BODY TEXT */
.hmpsc1_nwe_bg_bdt {
font-family: "Poppins", sans-serif;
font-size: 16px;
color: rgb(58, 58, 58);
white-space: wrap;    
overflow: hidden;  
padding-top: 5px;
max-height: 180px;
text-overflow: ellipsis; 
}

/* BIG BOX SMALL CONTAINER  */
.hmpsc1_bgplbx_rgt {
width: 40%;
overflow: hidden;
margin-bottom: 10px;
}

/* SMALL BOX EACH */
.hmpsc1_nweb {
width: 90%;
padding-bottom: 20px;
height: 160px;
overflow: hidden;
position: relative;
margin-left: 10px;
margin-top: 10px;
box-shadow: 0px 0px 15px 15px rgb(255, 253, 253);
background-color: rgb(253, 253, 253);
border: 1px rgb(216, 216, 216) solid;
border-left: 3px rgb(236, 236, 236) solid;
}

/* SMALL HEADING TEXT  */
.hmpsc1_nwe_hdt {
font-family: "Poppins", sans-serif;
font-size: 16px;
white-space: wrap;    
overflow: hidden;  
text-overflow: ellipsis; 
max-height: 50px;
cursor: pointer;
color: rgb(0, 0, 0);
padding-left: 15px;
font-weight: bold;
padding-right: 15px;
cursor: default;
padding-top: 15px;
}

.hmpsc1_nwe_hdt:hover {
text-decoration: underline;
} 

/* SMALL BODY TEXT */
.hmpsc1_nwe_bdt {
font-family: "Poppins", sans-serif;
font-size: 12px;
max-height: 75px;
padding-left: 15px;
white-space: wrap;    
overflow: hidden;  
padding-top: 5px;
text-overflow: ellipsis;  
padding-right: 15px;
}

/* LEFT BOTTOM SECTION  */
.hmpsc1_lwplbx {
height: 290px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: center;
overflow: hidden;
}

.hmpsc1_blweb {
width: 47%;
height: 240px;
overflow: hidden;
padding: 5px;
box-shadow: 0px 0px 15px 15px rgb(255, 253, 253);
background-color: rgb(253, 253, 253);
border: 1px rgb(216, 216, 216) solid;
border-left: 3px rgb(236, 236, 236) solid;
position: relative;
}

.hmpsc1_rdmor {
font-family: "Poppins", sans-serif;
font-size: 13px;
color: rgb(177, 177, 177);
position: absolute;
bottom: 0px;
font-weight: bold;
margin-bottom: 5px;
margin-left: 10px;
cursor: pointer;
transition-duration: 0.2s;
}

.hmpsc1_rdmor:hover {
color: grey;
text-decoration: underline;
}


/* RIGHT MAIN BOX  */
.hmpsc1_rghtbx {
width: 25%;
height: 500px;
}


.hmpsc1_ttlbx2 {
width: 90%;
margin-left:5%;
margin-right:5%;
height: 40px;
background-color: #2C3E50;
border-radius: 3px;
border-bottom: 3px rgb(77, 76, 76) solid;
position: relative;
}

/* TITLE TEXT  */
.hmpsc1_tt2 {
font-family: "Poppins", sans-serif;
font-size: 15px;
color: white;
padding-top: 10px;
padding-left: 15px;
overflow: hidden;
}



/* Container for scrolling */
.hmpsc1_blg_scl_wrp {
  width: 100%;
  height: 600px;
  overflow: hidden;
  position: relative;
  margin-top: 10px;
}

/* Style for the box */
.hmpsc1_blg_scl_bx {
  width: 100%;
  height: auto;
  position: absolute;
  animation: scrollUpDown 50s linear infinite;
}

/* Keyframes for vertical scrolling up and then down */
@keyframes scrollUpDown {
  0% {
    transform: translateY(0); /* Start below the container */
  }
  20% {
    transform: translateY(-50); /* Fully inside the container */
  }
  70% {
    transform: translateY(-100%); /* End above the container */
  }
  100% {
    transform: translateY(0); /* Back to start below the container */
  }
}

/* Stop animation on hover */
.hmpsc1_blg_scl_bx:hover {
  animation-play-state: paused; /* Pause the animation on hover */
}

/* BLOG EACH BOX  */
.hmpsc1_bleb {
width: 87%;
margin-left: auto;
margin-right: auto;
height: 150px;
overflow: hidden;
position: relative;
padding: 5px;
display: flex;
margin-top: 10px;
border-bottom: 3px rgb(143, 142, 142) solid;
box-shadow: 0px 0px 15px 10px rgb(248, 248, 248);
background-color: rgb(253, 253, 253);
border-right: 3px rgb(202, 202, 202) solid;
border-radius: 8px;
}

/* BLOG IMAGE CONTAINER */
.hmpsc1_bleb_ib { 
width: 30%;
height: 120px;
display: flex;
justify-content: center;
align-items: center;
}

/* BLOG IMAGE  */
.hmpsc1_bleb_img {
width: 100%;
height: auto;
}

/* BLOG TEXT CONTAINER */
.hmpsc1_bleb_conbx {
width: 70%;
height: 120px;
}

/* BLOG EACH BOX HEADING TEXT  */
.hmpsc1_bleb_p1 {
font-family: "Poppins", sans-serif;
font-size: 12px;
max-height: 40px;
padding-top: 5px;
padding-left: 10px;
white-space: wrap;    
overflow: hidden;  
text-overflow: ellipsis; 
font-weight: bold;
color: rgb(0, 0, 0); 
cursor: default;
}

.hmpsc1_bleb_p1:hover {
 text-decoration: underline;
}

/* BOX CONTAIN DESC HTMLFIED TEXT  */
.hmpsc1_bleb_pd2 {
font-family: "Poppins", sans-serif;
font-size: 11px;
height: 65px;
padding-top: 5px;
padding-left: 10px;
white-space: wrap;    
overflow: hidden;  
text-overflow: ellipsis; 
color: rgb(0, 0, 0); 
}




/* ----- READ MORE -------- */
.hmpsc1_rdmr {
font-family: "Poppins", sans-serif;
font-size: 12px;
color: white;
cursor: pointer;
position: absolute;
bottom: 5px;
margin-left: 75%;
z-index: 100;
color: black;
}

.hmpsc1_rdmr:hover {
text-decoration: underline;
}



















.hmpsc1_bnre {
width: 100%;
height: auto;
position: absolute;
z-index: 100;
margin-top: -150px;
/* transform: scale(90%); */
transition-duration: 0.3s;
}

.hmsc1_inbx_con {
width: 100%;
height: 600px;
display: block;
position: absolute;
z-index: 300;
background-color: red;
}

.hmsc1_inbx_incon_top {
width: 90%;
height: 600px;
background-color: blue;
display: block;
}

*/

.hmpsc1_icn_2 {
width:  55px;
position: absolute;
margin-left: 30px;
opacity: 40%;
}

.hmsc1_tx1 {
font-family: "Poppins",monospace;
font-size: 40px;
margin-left: 10%;
width: 90%;
text-align: left;
color: #ffffff;
font-weight: bold;
transform: scale(80%);
transition-duration: 0.6s;
}

.hmsc1_tx2 {
font-family: "Roboto", monospace;
font-size: 22px;
margin-top: 20px;
margin-left: 10%;
width: 80%;

text-align: justify;
color: rgb(255, 255, 255);
font-style: italic;
transform: scale(80%);
transition-duration: 0.6s;
background-color: rgba(0, 0, 0, 0.459);
padding: 40px;
border-radius: 15px;
}

.hmsc1_inbx2 {
width: 55%;
height: 600px;
}

.hmsc1_src_mnbx {
float: left;
width: auto;
height: 50px;
margin-top: 15px;
background-color: rgb(252, 252, 252);
display: flex;
justify-content: start;
align-items: center;
border-radius: 5px;
transition-duration: 0.6s;
transform: scale(95%);
}

.hmsc1_srch_in {
width: 50%;
margin-left: 20px;
height: 50px; 
font-size: 18px;
padding-left: 15px;
background-color: #ecf8ffe9;
font-family: "Poppins", monospace;
border: 2px blue solid;
outline: none;
padding-right: 15px;
font-weight: 400;
color: black;
transition-duration: 0.2s;
}

.hmsc1_srch_in:hover {
outline: none;
}

.hmsc1_srch_in:hover {
background-color: #ffffffe9;
}

.icn_3 {
width: 20px;
margin-left: -35px;
margin-right: 5px;
margin-top: -3px;
opacity: 40%;
}

.btn_2 {
position: absolute;
width: 90px;
height: 40px;
margin-top: -3px;
margin-left: 15px;
align-items: center;
appearance: none;
background-color:#3453db;
border-radius: 2px #2C3E50 solid;
border: 0;
box-sizing: border-box;
color: #ffffff;
cursor: pointer;
display: inline-flex;
font-family: "Poppins",monospace;
font-size: 24px;
padding-left: 10px;
padding-right: 10px;
position: relative;
text-align: left;
text-decoration: none;
transition: box-shadow .15s,transform .15s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow,transform;
font-size: 14px;
transform: scale(100%);
}

.btn_2:hover {
transform: scale(105%);
background-color: #f7f7f7;
color: #000000;
}

.btn_2:active {
box-shadow: #f7f7f7 0 3px 7px inset;
transform: scale(105%);
color: #ffffff;
}



/* SECTION 2 */
.hmpsc2_mnbx {
width: 100%;
height: 600px;
}

/* ANIME BOX  */
.hmpsc2_anime_con {
width: 700px;
height: 400px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: center;
align-items: center;
}

.hmsc2_icn_1 {
width: 350px;
position: absolute;
z-index: 200;
transform: scale(95%);
transition-duration: 0.8s;
}

.hmsc2_icn_2 {
width: 100px;
/* margin-top: -240px;
margin-left: 400px; */
position: absolute;
transform: scale(95%);
transition-duration: 0.8s;
opacity: 0%;
}

.hmsc2_icn_3 {
width: 150px;
position: absolute;
transform: scale(95%);
transition-duration: 0.8s;
opacity: 0%;
/* margin-top: -10px;
margin-left: -370px; */
}

.hmsc2_icn_4 {
width: 120px;
position: absolute;
transform: (95%);
transition-duration: 0.8s;
opacity: 0%;
/* margin-top: -250px;
margin-left: -300px; */
}

.hmsc2_icn_5 {
width: 100px;
position: absolute;
transform: scale(95%);
transition-duration: 0.8s;
opacity: 0%;
/* margin-top: 220px;
margin-left: 380px; */
}

.hmsc2_icn_6 {
width: 100px;
position: absolute;
transform: scale(95%);
transition-duration: 0.8s;
opacity: 0%;
/* margin-top: 250px;
margin-left: -250px; */
}

.hmsc2_icn_7 {
width: 80px;
position: absolute;
transform: scale(95%);
transition-duration: 0.8s;
opacity: 0%;
/* margin-top: -20px;
margin-left: 300px; */
}


.hmps2_tx_1 {
font-family: "Poppins", monospace;
font-size: 30px;
color: black;
text-align: center;
width: 80%;
margin-left: auto;
margin-right: auto;
font-style: italic;
transform: scale(95%);
transition-duration: 0.3s;
}





/* SECTION 3  */
/* MAIN BOX  */
.hmpsc3_mnbx {
width: 100%;
height: 800px;
display: block;
margin-top: 30px;
padding-top: 30px;
background-image: linear-gradient(to right, rgb(239, 239, 239), rgb(247, 247, 247));
}

.txt_hrd_1 {
font-family: "Lato", sans-serif;
font-size: 32px;
text-align: center;
width: 80%;
margin-left: auto;
margin-right: auto;
font-weight: bold;
padding-top: 30px;
padding-bottom: 30px;
color: #2C3E50;
transition-duration: 0.6s;
transform: scale(85%);
}

/* NOTICE BOARD  */
.hmpsc3_inbx {
width: 80%;
height: 600px;
margin-left: auto;
background-color: rgb(255, 255, 255);
margin-right: auto;
border: 1px rgba(105, 105, 105, 0.838) dotted;
box-shadow: 0px 0px 15px 15px rgb(241, 241, 241);
transform: scale(95%);
transition-duration: 0.6s;
padding-bottom: 10px;
}

/* HEADR BOX  */
.hmpsc3_inbx_hdbx {
width: 100%;
height: 60px;
background-color:#2C3E50;
border-bottom: 4px #2C3E50 solid;
border-top: 4px #2C3E50 solid;
display: flex;
}

.hmpsc3_inbx_left {
width: 40%;
height: 60px;
display: flex;
align-items: center;
justify-content: start;
}

/* ICON  */
.hmpsc3_icn_1 {
width: 23px;
margin-left: 20px;
margin-right: 10px;
}

/* TEXT  */
.hmpsc3_tx_1 {
font-family: "Lato", sans-serif;
font-size: 18px;
color: rgb(255, 255, 255);
}

.hmpsc3_inbx_right {
width: 60%;
height: 60px;
display: flex;
justify-content: end;
align-items: center;
}

.main_sel {
padding: 6px 12px;
font-size: 15px;
font-weight: 400;
line-height: 1.5;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
appearance: none;
border-radius: 4px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
margin-left: 20px;
height: 40px;
width: auto;
font-family: 'Poppins', sans-serif;
box-shadow: 0 0px 5px rgba(219, 219, 219, 0.35), inset 0 0px 0 rgba(0, 0, 0, .1);
}

.main_sel:focus{
color: #212529;
background-color: #fff;
border-color: #86b7fe;
outline: 0;
/* box-shadow: 0 0 0 1.50rem rgba(206, 224, 251, 0.951); */
}

a {
text-decoration: none;
}

.hmpsc3_tx_2 {
font-family: "Lato", sans-serif;
font-size: 16px;
color: rgba(255, 255, 255, 0.803);
margin-top: 0px;
margin-left: 20px;
margin-right: 30px;
}
.hmpsc3_tx_2:hover {
text-decoration: underline;
}

/* NOTIFICATION BODY BOX */
.hmpsc3_inbx_bdbx {
width: 100%;
height: 505px;
background-color: rgb(255, 255, 255);
padding-top: 30px;
}

/* NOTIFICATION BOX  */
.noti_ech_row {
width: 96%;
margin-left: auto;
margin-right: auto;
display: flex;
min-height: 45px;
border-top: 2px rgb(189, 189, 189) dotted;
}

/* SCROLL BOX  */
.hmpsc3_inbx_bdbx_scl_con {
width: 100%;
height: 490px;
overflow-y: auto;
overflow-x: hidden;
}

.hmpsc3_inbx_bdbx_scl_con {
scroll-behavior: smooth;
}

/* width */
.hmpsc3_inbx_bdbx_scl_con::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.hmpsc3_inbx_bdbx_scl_con::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
  
/* Handle */
.hmpsc3_inbx_bdbx_scl_con::-webkit-scrollbar-thumb {
  background: #a7a7a7; 
  border-radius: 10px;
}

/* Handle on hover */
.hmpsc3_inbx_bdbx_scl_con:-webkit-scrollbar-thumb:hover {
  background: #8b8b8b; 
}

/* DATE  */
.noti_cl_date {
width: 15%;
height: 50px;
font-family: "Lato", sans-serif;
font-size: 15px;
display: flex;
justify-content: center;
align-items: center;
color: grey;
}

/* NAME  */
.noti_cl_name {
width: 65%;
min-height: 30px;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
justify-content: start;
align-items: start;

}

.hmpsc3_tx_3 {
font-family: "Poppins", sans-serif;
font-size: 17px;
color: #BDC3C7;
}

.noti_cl_dwnld {
width: 10%;
height: 50px;
font-family: "Mukta", sans-serif;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition-duration: 0.2s;
}
.noti_cl_dwnld:hover {
opacity: 60%;
}

.noti_cl_new {
width: 10%;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}

.hmpsc3_icn_2 {
width: 22px;
}

.hmpsc3_icn_3 {
width: 30px;
}



/* SECTION 4 */
.hmpsc4_mnbx {
width: 100%;
height: auto;
padding-bottom: 20px;
display: block;
background-color: rgb(rgb(255, 255, 255));
}



/* SECTION 5 */
.hmpsc5_mnbx {
width: 100%;
height: auto;
display: block;
justify-content: center;
align-items: center;
margin-top: 50px;

background-color: white;
}

.block_con {
width: 90%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
}

/* LEFT BOX  */
.hmpsc5_mnbx_leftbox {
width: 50%;
height: 800px;
}

/* RIGHT BOX  */
.hmpsc5_mnbx_rightbox {
width: 50%;
height: 800px;
}


.hmpsc5_inbx {
width: 95%;
height: 800px;
margin-left: auto;
background-color: rgb(255, 255, 255);
margin-right: auto;
border: 2px rgba(105, 105, 105, 0.838) dotted;
box-shadow: 0px 0px 15px 15px rgb(241, 241, 241);
}

/* HEADR BOX  */
.hmpsc5_inbx_hdbx {
width: 100%;
height: 60px;
background-color:#2C3E50;
border-bottom: 4px #2C3E50 solid;
border-top: 4px #2C3E50 solid;
display: flex;
}

.hmpsc5_inbx_left {
width: 70%;
height: 60px;
display: flex;
align-items: center;
justify-content: start;
}

/* ICON  */
.hmpsc5_icn_1 {
width: 23px;
margin-left: 20px;
margin-right: 10px;
}

/* TEXT  */
.hmpsc5_tx_1 {
font-family: "Mukta", sans-serif;
font-size: 20px;
padding-top: 5px;
color: rgb(255, 255, 255);
}

.hmpsc5_inbx_right {
width: 30%;
height: 60px;
display: flex;
justify-content: end;
align-items: center;
}

/* NOTIFICATION BODY BOX */
.hmpsc5_inbx_bdbx {
width: 100%;
height: 700px;
background-color: rgb(255, 255, 255);
padding-top: 30px;
}

/* SCROLL BOX  */
.hmpsc5_inbx_bdbx_scl_con {
width: 100%;
height: 700px;
overflow-y: auto;
overflow-x: hidden;
background-color: rgb(255, 255, 255);
}

/* width */
.hmpsc5_inbx_bdbx_scl_con::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.hmpsc5_inbx_bdbx_scl_con::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
  
/* Handle */
.hmpsc5_inbx_bdbx_scl_con::-webkit-scrollbar-thumb {
  background: #a7a7a7; 
  border-radius: 10px;
}

/* Handle on hover */
.hmpsc5_inbx_bdbx_scl_con:-webkit-scrollbar-thumb:hover {
  background: #8b8b8b; 
}

/* NOTIFICATION BOX  */
.noti_ech_row_tw {
width: 96%;
margin-left: auto;
margin-right: auto;
display: flex;
min-height: 45px;
border-top: 2px rgb(231, 231, 231) dotted;
}

/* DATE  */
.noti_cl_date_2 {
width: 20%;
height: 50px;
font-family: "Lato", sans-serif;
font-size: 12px;
display: flex;
justify-content: center;
align-items: center;
color: rgb(98, 98, 98);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

/* NAME  */
.noti_cl_name_2 {
width: 50%;
min-height: 30px;
padding-top: 5px;
padding-bottom: 5px;
display: flex;
justify-content: start;
align-items: start;
cursor: pointer;
}
.noti_cl_name_2:hover {
opacity: 60%;
}

.hmpsc5_tx_3 {
font-family: "Poppins", sans-serif;
font-size: 14px;
color: #BDC3C7;
padding-left: 10px;
padding-bottom: 10px;
}

.noti_cl_loca {
width: 20%;
height: 50px;
font-family: "Poppins", sans-serif;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition-duration: 0.2s;
}

.noti_cl_loca_cont {
width: 150px;
height: 50px;
display: flex;
justify-content: start;
align-items: center;
margin-left: 10px;
}

.hmpsc5_icn_2 {
width: 22px;
}

.hmpsc5_tx_4 {
font-family: "Lato", sans-serif;
font-size: 14px;
color: black;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 80px;
}

.noti_cl_new_2 {
width: 10%;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}

.hmpsc5_icn_3 {
width: 30px;
}




/* SECTION 6 */
.hmpsc6_mnbx {
width: 100%;
height: auto;
display: block;
justify-content: center;
align-items: center;
margin-top: 60px;
background-image: white;
}

.hmsc6_inbx {
width: 85%;
margin-left: auto;
margin-right: auto;
min-height: 800px;
transition-duration: 0.5s;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
background-image: white;
}

/* TABBING BOX BUTTON  */
.hmpsc6_tbbx {
width: 85%;
height: 70px;
margin-left: auto;
margin-right: auto;
display: flex;
background-color: rgb(247, 247, 247);
border-top: 3px #bad6fbbe solid;
}

.hmpsc6_tb_btnbx {
width: 200px;
height: 70px;
background-color: rgb(249, 249, 249);
border: 1px rgba(196, 211, 218, 0.371) solid;
font-family: "Poppins", sans-serif;
font-size: 17px;
text-align: justify;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition-duration: 0.3s;
color: #2C3E50;
font-weight: bold;
}

.hmpsc6_tb_btnbx:hover {
background-color: #c4deff;
}

.selected_s6_tb {
appearance: none;
background: linear-gradient(90.4deg, #2C3E50 0.6%, #2C3E50 90%);
border: 0;
color: #f8f8f8;
box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
}

#hmsc6_tab_bx_1 {
width: 100%;
height: auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
opacity: 100%;
transition-duration: 0.5s;
}

.hmsc6_tab_bx_each {
width: 100%;
height: auto;
display: none;
padding-top: 30px;
/* display: flex; */
justify-content: center;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
opacity: 0%;
transition-duration: 0.5s;
background-color: rgb(249, 249, 249);
padding-bottom: 30px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}




.hmsc6_echbx {
width: 28%;
height: 450px;
margin-left: 20px;
margin-right: 20px;
margin-top: 30px;
margin-bottom: 10px;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
overflow: hidden;
border: 2px rgb(14, 14, 14) inset;
box-sizing: border-box;
position: relative;
box-shadow: 0px 15px 15px rgb(206, 206, 206);
transform: scale(95%);
transition-duration: 0.6s;
}

.hmsc6_inbx_1 {
width: 100%;
height: 460px;
background-color: rgb(247, 247, 247);
}

.hmsc6_inbx_1_inner_top {
width: 100%;
height: 230px;
}

.hmsc6_icn_1 {
width: 100%;
height: 230px;
transition-duration: 0.5s;
transform: scale(110%);
}

.hmsc6_inbx_1_inner_lower {
width: 100%;
height: 230px;
}

.hmsc6_icn_2 {
width: 100%;
height: 230px;
transition-duration: 0.5s;
transform: scale(110%);
}

.hmsc6_inbx_2 {
position: absolute;
width: 100%;
height: 290px;
background-color: #3498DB;
z-index: 300;
box-shadow: 0 0 32px -10px rgba(31, 30, 30, 0.08);
transition-duration: 0.8s;
margin-top: 170px;
border-top-left-radius: 5%;
border-top-right-radius: 5%;


/* margin-bottom: 0px;
border-bottom-left-radius: 20%;
border-bottom-right-radius: 20%; */
}

.hmsc6_tx_1 {
text-align: center;
font-family: "Poppins", sans-serif;
font-size: 20px;
font-weight: bold;
color: rgb(255, 255, 255);
margin-top: 35px;
margin-bottom: 15px;
}

.hmsc6_tx_2 {
text-align: center;
font-family: "Poppins", sans-serif;
font-size: 15px;
text-align: justify;
width: 90%;
height: 100px;
margin-left: auto;
margin-right: auto;
color: rgb(255, 255, 255);
overflow: hidden;
text-overflow: ellipsis;
white-space: wrap;
}

.btn_3 {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
width: auto;
height: 50px;
align-items: center;
appearance: none;
background: linear-gradient(90.4deg, #2C3E50 0.6%, #2C3E50 90%);
border: 0;
border-radius: 6px;
box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
font-size: 20px;
font-family: "Poppins",monospace;
justify-content: center;
line-height: 1;
list-style: none;
overflow: hidden;
font-size: 18px;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: left;
padding-left: 15px;
text-decoration: none;
transition: box-shadow .15s,transform .15s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow,transform;
font-size: 14px;
}

.btn_3:focus {
  background: linear-gradient(90.4deg, #2C3E50 0.6%, #1c2733 90%);
}

.btn_3:hover {
  background: linear-gradient(90.4deg, #2C3E50 0.6%, #1c2733 90%);
transform: translateY(-2px);
}

.btn_3:active {
box-shadow: #202236 0 3px 7px inset;
transform: translateY(2px);
}

.hmsc6_inbx_3 {
position: absolute;
width: 100%;
height: 280px;
z-index: 200;
box-shadow: 0 0 32px -10px rgba(0,0,0,0.08);
background-color: #edffcb;

margin-top: 460px;
transition-duration: 0.8s;

/* margin-top: 180px; */
}


.hmsc6_tx_3 {
text-align: center;
font-size: 15px;
text-align: justify;
width: 80%;
margin-top: 130px;
margin-left: auto;
margin-right: auto;
color: #2C3E50;
font-family: "Poppins", sans-serif;
font-size: 16px;
}







/* SECTION 7 */
.hmpsc7_mnbx {
width: 100%;
height: auto;
margin-top: 50px;
padding-top: 100px;
}

.hmsc7_inbx {
width: 1100px;
height: 450px;
display: flex;
justify-content: space-around;
align-items: center;
margin-left: auto;
margin-right: auto;
position: relative;
}

.hmpsc7_bkicn {
width: 50%;
position: absolute;
opacity: 20%;
margin-top: -250px;
margin-left: 50px;
}

.hmsc7_sldr_ech_con {
width: 331px;
height: 400px;
overflow-y: hidden;
overflow-x: hidden;
box-sizing: border-box;
}

.hmsc7_sldr_ech_lngcon {
height: 3925px;
width: 330px;
}

.hmsc7_echbx {
width: 328px;
height: 380px;
margin-bottom: 10px;
border-top-right-radius: 80px;
box-shadow: 0px 10px 15px 5px rgb(228, 246, 254);
border-left: 3px #2C3E50 solid;
border-bottom: 3px #2C3E50 solid;
}

#hmsc7_scr_cont_1 {
/* margin-top: -1962.5px; */
height: 3925px;
margin-top: 10px;
transition-duration: 0.6s;
}

#hmsc7_scr_cont_2 {
/* margin-top: -1962.5px; */
height: 3925px;
margin-top: 10px;
transition-duration: 0.6s;
}

#hmsc7_scr_cont_3 {
/* margin-top: -1962.5px; */
height: 3925px;
margin-top: 10px;
transition-duration: 0.6s;
}

.hmsc7_crd_inbxbx_1 {
width: 100%;
height: 260px;
background-color: rgba(255, 255, 255, 0.647);
border-top-right-radius: 80px;
position: relative;
}

.hmsc7_icn_1 {
width: 50px;
position: absolute;
margin-top: 10px;
margin-left: 30px;
}

.hmsc7_tx_1 {
position: absolute;
color: #2C3E50;
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 500;
width: 85%;
text-align: justify;
margin-top: 60px;
margin-left: 20px;
}

.hmsc7_crd_inbxbx_2 {
width: 100%;
height: 120px;
background-color: rgba(255, 255, 255, 0.647);
border-bottom-right-radius: 40px;
display: flex;
justify-content: start;
align-items: center;
}

.hmsc7_icn_2 {
width: 70px;
margin-left: 20px;
}

.hmsc7_crd_inr_bx_1 {
width: auto;
height: auto;
}

.hmsc7_tx_3 {
color: #2C3E50;
font-family: "Poppins", sans-serif;
font-size: 16px;
font-weight: 500;
padding-left: 10px;
}

.hmsc7_tx_4 {
color: rgb(145, 145, 145);
font-family: "Poppins", sans-serif;
font-size: 12px;
padding-left: 10px;
font-weight: 500;
}





/* SECTION 8 */
.hmpsc8_mnbx {
width: 100%;
height: 800px;
display: block;
margin-top: 50px;
padding-top: 100px;
background-color: rgb(244, 243, 243);
}

.hmsc8_inbx {
width: 1000px;
height: 500px;
display: flex;
margin-left: auto;
margin-right: auto;
justify-content: center;
align-items: center;
}

.hmsc8_leftbx {
width: 45%;
height: 500px;
border: 2px rgba(105, 105, 105, 0.838) solid;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: center;
align-items: center;
background-color: white;
height: 480px;
border-top-left-radius: 50px;
border-top-right-radius: 35%;
border-bottom-left-radius: 35%;
border-bottom-right-radius: 5%;
transition-duration: 0.5s;
transform: scale(95%);
}

.hmsc8_icn_1 {
width: 70%;
}

.hmsc8_rightbx {
width: 45%;
height: 480px;
border-top-right-radius: 50px;
border-top-left-radius: 35%;
border-bottom-right-radius: 35%;
border-bottom-left-radius: 5%;
margin-left: auto;
margin-right: auto;
border: 3px rgba(255, 255, 255, 0.838) solid;
background: linear-gradient(90.4deg, #818c97 0.6%, #3a4552 90%);
margin-left: -100px;
margin-top: -50px;
transition-duration: 0.5s;
transform: scale(95%);
}

/* BOX CONTAIN FORM  */
.side_nav_form_box {
width: 100%;
height: 450px;
margin-top: 30px;
margin-bottom: 50px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

/* 'GET FEE QUOTE' TEXT  */
.side_nav_form_title {
font-size: 28px;
font-weight: 600;
color: rgb(255, 255, 255);
text-align: center;
font-family: 'Poppins', sans-serif;
margin-top: 20px;
margin-bottom: 10px;
}

/* INPUT  */
.side_nav_form_in {
width: 290px;
height: 55px;
margin-bottom: 15px;
border-radius: 35px;
border: none;
font-family: 'Poppins', sans-serif;
background-color: rgb(255, 255, 255);
color: #2C3E50;
font-size: 15px;
padding-left: 30px;
padding-right: 20px;
box-sizing: border-box;
outline: none;
border: 2px solid #efefef;
box-shadow: 0px 7px 6px 0px #2a3135;
transition-duration: 0.5s;
}
.side_nav_form_in:focus {
box-shadow: 0px 7px 6px 0px #1174ae;
}





/* SECTION 9 */

.hmpsc9_mnbx {
width: 100%;
height: auto;
display: block;
margin-top: 50px;
padding-top: 100px;
background-color: white;
margin-bottom: 100px;  
}

.hmsc9_inbx {
width: 1000px;
height: auto;
margin-left: auto;
margin-right: auto;
}

.hmsc9_eachbox {
width: 1000px;
height: 70px;
overflow: hidden;
border-bottom: 3px rgb(228, 228, 228) dotted;
transition-duration: 0.5s;
margin-top: 20px;
}

.hmsc9_eachbox.expanded {
  height: auto; /* Expand to auto height */
}

.hmsc9_eachbox.expanded .hmsc9_icn_1 {
  transform: rotate(180deg); /* Rotate icon when expanded */
}

.hmsc9_showbox {
width: 1000px;
height: 70px;
display: flex;
cursor: pointer;
}

.hmsc9_left_box {
width: 900px;
height: 70px;
display: flex;
justify-content: start;
align-items: center;
}

.hmsc9_tx_1 {
color: #2C3E50;
font-size: 20px;
font-family: 'Poppins', sans-serif;
padding-left: 20px;
}

.hmsc9_right_box {
width: 100px;
height: 70px; 
display: flex;
justify-content: center;
align-items: center;
}

.hmsc9_icn_1 {
width: 35px;
height: 35px;
transition: transform 0.3s; 
}

.hmsc9_expandbox {
width: 1000px;
height: auto;
}

.hmsc9_tx_2 {
color: rgb(111, 109, 109);
font-size: 18px;
font-family: 'Lato', sans-serif;
padding: 15px;
width: 85%;
background-color: rgb(249, 248, 248);
margin: 15px;
border-radius: 15px;
padding-bottom: 20px;
}

.rotate-icon {
transform: rotate(180deg);
transition: transform 0.3s ease;
}




/* FOOTER  */

.footer_mnbx {
width: 100%;
height: 560px;
background-color: #2C3E50;
border-bottom: 1px solid #7acef4;
border-top: 5px black solid;
overflow: hidden;
position: relative;
}

.f_bk_img {
position: absolute;
width: 100%;
margin-left: auto;
margin-right: auto;
opacity: 3%;
margin-top: -150px;
z-index: 100;
}

.f_inbx {
position: relative;
width: 90%;
height: 560px;
display: flex;
justify-content: space-around;
align-items: center;
margin-left: auto;
margin-right: auto;
z-index: 200;
}

.f_col {
width: auto;
height: 500px;
}

.f_icn_1 {
width: 100px;
border-radius: 50%;
margin-top: 20px;
}

.f_tx_1 {
color: rgb(111, 109, 109);
font-size: 25px;
margin-top: 20px;
font-family: 'Poppins', sans-serif;
}

.f_tx_2 {
color: rgb(222, 222, 222);
font-size: 10px;
margin-top: 20px;
width: 240px;
text-align: justify;
font-family: 'Poppins', sans-serif;
}

.f_inf_bx {
width: 260px;
height: 40px;
border: 1px rgb(60, 60, 60) solid;
margin-top: 13px;
display: flex;
justify-content: start;
align-items: center;
transition-duration: 0.2s;
}

.f_icn_2 {
width: 20px;
padding-left: 10px;
}

.f_tx_3 {
font-family: 'Poppins', sans-serif;
color: rgb(147, 146, 146);
font-size: 10px;
padding-left: 10px;
}

.f_inf_bx:hover .f_tx_3 {
color: rgb(233, 233, 233);
}

.f_lnk_bx {
height: auto;
width: 200px;
margin-top: 15px;
}

.f_lnk {
font-family: 'Poppins', sans-serif;
color: rgb(255, 255, 255);
font-size: 13px;
padding-top: 15px;
padding-bottom: 15px;
}

.f_lnk:hover {
text-decoration: underline;
}

.f_tx_4 {
font-family: 'Poppins', sans-serif;
color: rgb(255, 255, 255);
font-size: 20px;
text-align: center;
margin-top: 50px;
}

.f_inbx_2 {
width: auto;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
}

.f_inbx_3 {
width: 100%;
height: 50px;
margin-top: 50px;
}

.f_sub_in {
width: 250px;
height: 50px;
margin-bottom: 15px;
border-radius: 35px;
border: none;
font-family: 'Poppins', sans-serif;
background-color: rgb(255, 255, 255);
color: #2C3E50;
font-size: 15px;
padding-left: 15px;
padding-right: 20px;
box-sizing: border-box;
outline: none;
border: 2px solid #efefef;
box-shadow: 0px 7px 6px 0px #292929;
transition-duration: 0.5s;
margin-right: 20px;
}
.f_sub_in:focus {
box-shadow: 0px 7px 6px 0px #494949;
}

.f_btn_bx {
width: 100%;
height: 70px;
background-color: #1a2733;
border-top: 1px solid #2d4347;
border-top-left-radius: 100%;
margin-top: -70px;
}

.f_tx_5 {
color: rgb(255, 255, 255);
font-size: 16px;
text-align: right;
padding-right: 50px;
padding-top: 25px;
font-family: 'Poppins', sans-serif;
}




/* BACK TO TOP  */
.btop_imbtn {
max-width: 150px;
height: 50px;
position: fixed;
bottom: 100px;
right: 0px;
z-index: 500;
}

.btop_img {
width: 40px;
transform: scale(0%);
transition-duration: 0.2s;
}

.mtor_img {
width: 40px;
opacity: 0%;
transition-duration: 0.2s;
transform: rotate(180deg);
}

.mtor_img:hover {
width: 45px;
}

.mtol_img {
width: 40px;
opacity: 0%;
transition-duration: 0.2s;
transform: rotate(0deg);
}

.mtol_img:hover {
width: 45px;
}


/* SIDE SOCIAL WRAPPER  */
.sm_side_wrap {
position: fixed;
bottom: 100px;
left: 0px;
width: 52px;
height: 180px;
z-index: 500;
overflow: hidden;
}

.sm_side_echbx {
width: 50px;
height: 50px;
border: 1px rgb(205, 205, 205) solid;
margin-top: 8px;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
margin-left: -60px;
transition-duration: 0.3s;
}

.sm_side_icn {
width: 35px;
}


.btn_4 {
position: absolute;
width: 40%;
height: 50px;
align-items: center;
appearance: none;
background-image: radial-gradient(100% 100% at 100% 0, #5abdff 0, #5468ff 100%);
border: 0;
border-radius: 6px;
box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-flex;
font-family: "Poppins",monospace;
justify-content: center;
line-height: 1;
list-style: none;
overflow: hidden;
font-size: 18px;
padding-left: 25px;
padding-right: 25px;
position: relative;
text-align: left;
padding-left: 15px;
text-decoration: none;
transition: box-shadow .15s,transform .15s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow,transform;
font-size: 14px;
}

.btn_4:focus {
box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
}

.btn_4:hover {
box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
transform: translateY(-2px);
}

.btn_4:active {
box-shadow: #3c4fe0 0 3px 7px inset;
transform: translateY(2px);
}











/* -------------------------------- */
/* ----------- LOG IN ------------- */
/* -------------------------------- */

.login_wrapper {
width: 100%;
height: auto;
background-color: rgb(250, 250, 250);
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 100px;
}

.login_con_mimg {
display: block;
margin-left: auto;
margin-right: auto;
width: 70px;
margin-top: 30px;
}

.login_con {
width: 500px;
height: auto;
margin-top: 50px;
/* padding-top: 50px; */
padding-bottom: 100px;
background-color: rgb(255, 255, 255);
border-radius: 10px;
border: 1px rgba(215, 215, 215, 0.616) dotted;
box-shadow: 0px 0px 15px 15px rgb(238, 238, 238);
transition-duration: 0.2s;
}


.login_tx_1 {
font-family: "Poppins", sans-serif;
font-size: 20px;
color: rgb(16, 16, 16);
font-weight: bold;
text-align: center;
padding: 20px;
margin-top: 20px;
}



.login_row {
width: 430px;
height: 60px;
border: 1px black solid;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
display: flex;
justify-content: start;
align-items: center;
background-color: white;
transition-duration: 0.2s;
cursor: pointer;
}
.login_row:hover {
background-color: rgb(250, 250, 250);
}

.login_icn_1 {
width: 45px;
margin-top: 2px;
margin-left: 15px;
}

.login_tx_2 {
font-family: "Roboto", sans-serif;
font-size: 20px;
color: #2C3E50;   
font-weight: bold;
margin-left: 20px;
}

.login_row_2 {
width: 430px;
height: 70px;
border: 1px black solid;
margin: 20px auto;
background-color: white;
position: relative;
}


.popup_otp_bx {
width: 85%;
}

.login_tx_3 {
font-family: "Roboto", sans-serif;
color: rgb(16, 16, 16);   
font-weight: bold;
font-size: 18px; 
margin: 23px 0 0 20px;
transition: font-size 0.2s, margin 0.2s;
position: absolute;
pointer-events: none;
}

.login_in_1 {
width: 330px;
height: 35px;
font-size: 17px;
border: none;
outline: none;
margin: 25px 0 0 60px;
background-color: rgb(255, 255, 255);
transition: margin 0.2s;
color: grey;
font-family: "Roboto", sans-serif;
padding-left: 15px;
}

.login_row_2.filled .login_tx_3 {
font-size: 14px;
margin-top: 10px;
margin-left: 17px;
}

/* ---- OTP ---- */
.login_in_2 {
width: 200px;
height: 35px;
font-size: 17px;
border: none;
outline: none;
margin: 25px 0 0 60px;
background-color: rgb(255, 255, 255);
transition: margin 0.2s;
color: grey;
font-family: "Roboto", sans-serif;
}

/* For WebKit browsers */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


.login_tx_4 {
font-family: "Roboto", sans-serif;
color: rgb(37, 91, 208);   
font-weight: bold;
font-size: 12px;
float: right; 
}

.auth_btn_1 {
float: right;
margin-top: 20px;
margin-right: 20px;
align-items: center;
appearance: none;
background-color:#3498DB;
border-radius: 2px #2C3E50 solid;
border: 0;
box-sizing: border-box;
color: #ffffff;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-flex;
font-family: "Roboto", sans-serif;
height: 30px;
justify-content: center;
line-height: 1;
list-style: none;
overflow: hidden;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: left;
text-decoration: none;
transition: box-shadow .15s,transform .15s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow,transform;
font-size: 14px;
}

.auth_btn_1:focus {
box-shadow: #3cb1e0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c9ee0 0 -3px 0 inset;
}

.auth_btn_1:hover {
box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c91e0 0 -3px 0 inset;
transform: translateY(-2px);
}

.auth_btn_1:active {
box-shadow: #3c4fe0 0 3px 7px inset;
transform: translateY(2px);
}

.login_row_3 {
width: 430px;
height: 70px;
margin: 20px auto;
background-color: white;
position: relative;  
}

.auth_btn_2 {
width: 100%;
margin-left: 0px;
margin-right: 0px;
height: 40px;
font-family: "Roboto", sans-serif;
}

.login_tx_4 {
display: inline-block;
width: 100%;
height: 40px;
font-family: "Roboto", sans-serif;
font-size: 15px;
text-align: center;
text-decoration: none;
color: #5468ff;
}

.login_tx_5 {
display: inline-block;
width: 100%;
height: 40px;
text-align: center;
font-family: "Poppins", sans-serif;
font-size: 15px;
text-decoration: none;
color: rgb(119, 38, 232);
font-weight: bold;
cursor: pointer;
border-top: 1px rgb(215, 215, 215) solid;
padding-top: 10px;
}

.login_tx_5:hover {
text-decoration: underline;
}

#instant_login_otp_bx, #login_otp_bx {
display: none;
opacity: 0%;
transition-duration: 0.2s;
}

/* REMEMBER ME CHECKBOX */
.login_row_4 {
width: 430px;
height: auto;
margin-left: auto;
margin-right: auto;
background-color: rgb(255, 255, 255);
display: flex;
justify-content: start;
align-items: center;
margin-top: 20px;
}


.login_tx_7 {
min-width: 50%;
font-family: "Poppins", sans-serif;
font-size: 16px;
text-decoration: none;
color: rgb(119, 38, 232);
font-weight: bold;
cursor: pointer;
margin-left: 10px;
margin-top: -2px;
height: auto;
padding-top: 5px;
}










/* ----------------------------- */
/* ------ SIGNUP PAGE ---------- */
/* ----------------------------- */

.crac_wrapper {
width: 100%;
height: auto;
background-color: rgb(250, 250, 250);
display: flex;
padding-bottom: 100px;
justify-content: center;
align-items: center;
}

.crac_con {
width: 800px;
height: auto;
padding-bottom: 50px;
background-color: rgb(255, 255, 255);
border-radius: 10px;
border: 1px rgba(215, 215, 215, 0.616) dotted;
box-shadow: 0px 0px 15px 15px rgb(238, 238, 238);
}

.mr_100 {
margin-top: 50px;
}

.mr_180 {
margin-top: 120px;
}

/* PROFILE PICTURE  */
.crac_propic_box {
  width: 100%;
  height: 30px;
  margin-bottom: 100px;
  margin-top: 0px;
  position: relative;
}

.crax_pro_bx {
width: 100px;
height: 100px;
border-radius: 50%;
border: 1px rgb(203, 203, 203) solid;
display: flex;
justify-content: center;
align-items: center;
background-color: rgb(246, 246, 246);
z-index: 100;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}

/* BANNER IMAGE  */
.crac_bannr_icn {
width: 100%;
height: 100px;
}

/* PROFILE PENCIL */
.crac_pencil_2_icon {
width: 20px;
background-color: white;
padding: 5px;
position: absolute;
margin-left: -30px;
margin-top: 13px;
border: 1px rgb(203, 203, 203) solid;
transform: scale(100%);   
cursor: pointer;
}
.crac_pencil_2_icon:hover {
transform: scale(105%);
}


/* FLEX ROWS  */
.crac_row {
width: 80%;
min-height: 70px;
margin: 15px auto;
background-color: white;
position: relative;
display: flex;
}

.crac_row_addf {
width: 80%;
min-height: 40px;
margin: 15px auto;
background-color: white;
position: relative;
display: flex;
}

/* FLEX ROWS  */
.crac_blok_row {
width: 80%;
min-height: 70px;
margin: 20px auto;
background-color: white;
position: relative;
display: block;
}


.crac_hlf_col {
width: 48%;
margin-right: 2%;
height: 70px;
border: 1px black solid;
position: relative;
}

.crac_wid_col {
display: flex;
width: 98%;
height: 70px;
height: auto;
border: 1px black solid;
}

.crac_tptx {
font-family: "Roboto", sans-serif;
color: rgb(16, 16, 16);   
font-weight: bold;
transition: font-size 0.2s, margin 0.2s;
position: absolute;
pointer-events: none;
font-size: 18px;
font-size: 17px; 
margin: 23px 0 0 20px;
/* font-size: 14px;
margin: 10px 0 0 15px; */
}

.crac_date {
width: 50%;
height: 30px;
font-size: 17px;
border: none;
outline: none;
margin: 15px 0 0 120px;
background-color: rgb(255, 255, 255);
transition: margin 0.2s;
color: grey;
background-color: rgb(244, 244, 244);
padding: 5px;
}

.crac_sel {
width: 50%;
height: 35px;
font-size: 17px;
border: none;
outline: none;
margin: 20px 0 0 120px;
background-color: rgb(255, 255, 255);
transition: margin 0.2s;
color: grey;
background-color: rgb(244, 244, 244);
padding: 5px;
}

.crac_opt {
background-color: white;
}

.crac_inp {
width: 85%;
height: 35px;
font-size: 17px;
border: none;
outline: none;
padding-left: 8px;
margin: 25px 0 0 30px;
background-color: rgb(255, 255, 255);
transition: margin 0.2s;
color: grey;
}

.crac_fll_col {
display: flex;
justify-content: start;
align-items: center;
width: 98%;
height: 70px;
height: auto;
border: 1px black solid;
position: relative;
}

.crac_tgbx {
width: auto;
height: auto;
appearance: none;
background-color: #2C3E50;
border-radius: 5px;
margin-left: 10px;
color: rgb(255, 255, 255);
font-size: 15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 8px;
padding-bottom: 8px;
font-family: "Roboto", sans-serif;
cursor: pointer;
transition-duration: 0.2s;
}

.crac_tgbx:hover {
  background-color: #969a9e;
}

.crac_tgbx.active {
  background-color: #969a9e;
}

#signup_otp_bx {
display: none;
opacity: 0%;
transition-duration: 0.2s;
}

.crac_fll_infobx {
width: 100%;
min-height: auto;
background-color: rgb(242, 242, 242);
margin-left: auto;
margin-right: auto;
border-radius: 5px;
display: flex;
justify-content: start;
align-items: center;
padding: 10px;
}

.no_border {
border: none;
}

.crac_tptx_2 {
font-family: "Mukta", sans-serif;
color: rgb(141, 141, 141);   
font-weight: bold;
font-size: 15px; 
transition: font-size 0.2s, margin 0.2s;
text-align: justify;
pointer-events: none;
line-height: 20px;
padding-top: 5px;
padding-left: 20px;
}


.general_button_red_1 {
float: right;
margin-top: 20px;
margin-right: 20px;
align-items: center;
appearance: none;
background-image: radial-gradient(100% 100% at 100% 0, #ff815a 0, #ff5454 100%);
border: 0;
border-radius: 6px;
box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(66, 35, 35, 0.3) 0 7px 13px -3px,rgba(111, 58, 58, 0.5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-flex;
font-family: "Roboto", sans-serif;
height: 30px;
justify-content: center;
line-height: 1;
list-style: none;
overflow: hidden;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
position: relative;
text-align: left;
text-decoration: none;
transition: box-shadow .15s,transform .15s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow,transform;
font-size: 14px;
}

.general_button_red_1:focus {
box-shadow: #e03c3c 0 0 0 1.5px inset, rgba(66, 35, 35, 0.4) 0 2px 4px,rgba(66, 35, 35, 0.3) 0 7px 13px -3px, #e03c3c 0 -3px 0 inset;
}

.general_button_red_1:hover {
box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(66, 35, 35, 0.3) 0 7px 13px -3px,rgb(224, 60, 60)0 0 -3px 0 inset;
transform: translateY(-2px);
}

.general_button_red_1:active {
box-shadow: #e03c3c 0 3px 7px inset;
transform: translateY(2px);
}

#chps_otp_bx {
visibility: hidden;
opacity: 0%;
transition-duration: 0.2s;
}

/* SKELITON LOADER 1  */

.skl_ldr_tkn_wrap {
width: 100%;
height: auto;
transition-duration: 0.15s;
}

.skl_ldr_mainbox_1 {
display: flex;
width: 96%;
height: 120px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
background-color: #fff;
border-radius: 6px;
overflow: hidden;
transition-duration: 0.15s;
}

.skl_ldr_child_1 {
width: 22%;
height: 100px;
margin-top: 10px;
margin-left: 2%;
margin-right: 2%;
border-radius: 4px;
background-color: rgb(238 238 238);
background: linear-gradient(
100deg,
rgba(255, 255, 255, 0) 40%,
rgba(255, 255, 255, .5) 50%,
rgba(255, 255, 255, 0) 60%
) rgb(238 238 238);
background-size: 200% 100%;
background-position-x: 180%;
animation: 1s loading ease-in-out infinite;
transition-duration: 0.15s;
}

@keyframes loading {
  to {
    background-position-x: -20%;
  }
}



/* ------------------------------------- */
/* --------- SOHAN SIR EDITION --------- */
/* ------------------------------------- */
.night-shield * {
filter: brightness(90%) sepia(70%) hue-rotate(90deg);
}







/* FORM CHECKBOX  */
.checkbox-wrapper-4 * {
  box-sizing: border-box;
}
.checkbox-wrapper-4 .cbx {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding: 6px 8px;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.1s ease;
  display: inline-block;
}
.checkbox-wrapper-4 .cbx:not(:last-child) {
  margin-right: 6px;
}
.checkbox-wrapper-4 .cbx:hover {
  background: rgba(0,119,255,0.06);
}
.checkbox-wrapper-4 .cbx span {
  float: left;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
.checkbox-wrapper-4 .cbx span:first-child {
  position: relative;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  transform: scale(1);
  border: 1px solid #cccfdb;
  transition: all 0.1s ease;
  box-shadow: 0 1px 1px rgba(0,16,75,0.05);
}
.checkbox-wrapper-4 .cbx span:first-child svg {
  position: absolute;
  top: 3px;
  left: 2px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.1s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
.checkbox-wrapper-4 .cbx span:last-child {
  padding-left: 8px;
  line-height: 18px;
}
.checkbox-wrapper-4 .cbx:hover span:first-child {
  border-color: #07f;
}
.checkbox-wrapper-4 .inp-cbx {
  position: absolute;
  visibility: hidden;
}
.checkbox-wrapper-4 .inp-cbx:checked + .cbx span:first-child {
  background: #07f;
  border-color: #07f;
  animation: wave-4 0.4s ease;
}
.checkbox-wrapper-4 .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}
.checkbox-wrapper-4 .inline-svg {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
  user-select: none;
}
@media screen and (max-width: 640px) {
  .checkbox-wrapper-4 .cbx {
    width: 100%;
    display: inline-block;
  }
}
@-moz-keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}
@-webkit-keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}
@-o-keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}
@keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}




/* -------------- SIGNUP SIGNUP-BY ROW ------------ */
.signup_suby_row {
width:625px;
margin-left:0px;
}



.upload_resc_uploaded_txt {
font-family: 'Poppins', sans-serif;
font-size: 15px;
color: rgb(43, 126, 2);
background-color: rgb(227, 252, 227);
border: 1px rgb(180, 255, 180) solid;
padding: 10px;
margin-top: 20px;
width: fit-content;
}



/* --------------- NEWS LABEL ------------- */
.hmpsc1_srclbl {
font-family: 'Poppins', sans-serif;
font-size: 15px;
color: rgb(182, 182, 182);
font-weight: bold;
font-style: italic;
position: absolute;
bottom: 30px;
margin-left: 52%;
}

.hmpsc1_bnmr {
float: right;
margin-right: 10px;
margin-top: -20px;
color: white;
font-family: 'Poppins', sans-serif;
font-size: 15px;
transition-duration: 0.2s;
cursor: pointer;
}

.hmpsc1_bnmr:hover {
text-decoration: underline;
color: rgb(219, 219, 219);
}




/* --------------------------------------------- */
/* -------------- SERVICES --------------------- */
/* --------------------------------------------- */

.hmpsc21_mnbx {
width: 100%;
height: 500px;
border: 1px black solid;
background-color: yellow;
}

.hmpsc21_srv_ebx {
width: 80%;
height: 500px;
background-color: red;
margin-left: auto;
margin-right: auto;
display: flex;
}

.hmpsc21_left_srv_lftbx {
width: 60%;
height: 400px;
margin-top: 50px;
background-color: pink;
border: 1px black solid;
border-bottom-left-radius: 75px;
border-bottom-right-radius: 75px;
border-top-right-radius: 75px;
z-index: 200;
}

.hmpsc21_left_srv_hdbx {
width: 100%;
height: 70px;
border: 1px black solid;
}

.hmpsc21_left_srv_rgtbx {
width: 30%;
height: 300px;
margin-top: 70px;
margin-left: -50px;
background-color: grey;
border-bottom-right-radius: 75px;
border-top-right-radius: 75px;
}

.hmpsc21_left_srv_img {
width: 100%;
height: 300px;
border-bottom-right-radius: 75px;
border-top-right-radius: 75px;
}

.hmpsc21_left_srv_btn {
width: 270px;
height: 40px;
margin-top: 5px;
margin-left: 30px;
}

.hmpsc21_right_srv_img {
display: none;
}













/* --------------- INSTANT LOGIN ------------ */






.popup-content {
               
               
  padding: 20px;
  border: 1px solid #888;
  width: 500px;
  /* height:88%; */
  height:80%;
  border-radius: 10px;
  border: 1px rgba(215, 215, 215, 0.616) dotted;
  box-shadow: 0px 0px 15px 15px rgb(248, 248, 248);        
  padding: 50px;
  padding-top:20px;




}
.reset_input_field{
  padding-left:10px;
  border-radius:6px;
  position: absolute;
  top: 26px;
  margin-left: 70px;
  width: 73%;
  height: 35px;
  border: none;
  font-size: 17px;
  color:grey;
  /* position: absolute; top: 26px; margin-left: 70px; width: 73%; height: 35px; border: none; font-size: 17px; color:grey; */
  position:absolute;
  /* top:26; margin-left: 70px; width:73%; height:35px; border: none; */
}


.reset-heading{
  text-align: center;
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  font-weight:bold;
  padding:20px;
  padding-top:0px;
  margin-top: 20px;
 
}
.reset_input{
  width: 100%;
  height: 70px;
  border:1px black solid;
  position: relative;


}
#reset-message{
  background-color:#9fe6ff;
  padding:10px;
  font-size:15px;
  font-weight: 600;
  font-family: 'Roboto', sans-serif;
}
.information_div{
  background-color:#9fe6ff;
  padding:10px;
  font-size:15px;
  font-weight: 600;
  font-family: 'Roboto', sans-serif;
}
/* .popup-container{
  display: flex;
  justify-content: center;


  align-items: center;
  height:100%;


} */
.submit-reset-data{


  margin-top: 20px;
  margin-bottom: 20px;


  align-items: center;
  appearance: none;
  background-image: radial-gradient(100% 100% at 100% 0, #5abdff 0, #5468ff 100%);
  border: 0;
  border-radius: 6px;
  box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-family: "Roboto", sans-serif;
  height: 30px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow .15s,transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow,transform;
  font-size: 14px;
  width:100%;
  height:40px;
}
.label_name{
 
  /* font-family: "Roboto", sans-serif; */
  color: rgb(16, 16, 16);
  font-weight: 1000;
  font-size: 17px;            
  position:absolute;
  font-weight: bold;
  font-size: 17px;
  margin-left: 20px;
  position: absolute;
  top: 16;
  font-family: 'Roboto', sans-serif;
  /* font-weight: bold; font-size: 17px; margin-left: 20px; position: absolute; top: 16; font-family: sans-serif; */
  /* font-weight: bold; font-size: 17px; margin-left: 20px; position: absolute; top: 16; font-family: sans-serif; */
  /* top:10; */
 
  }
  .timer_div{
      position: absolute;
      right: 10px;
      top: 28;
      background-image:radial-gradient(100% 100% at 100% 0, #5abdff 0, #5468ff 100%);
      font-family: "Roboto", sans-serif;
      box-shadow:rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;            
      font-size: 14px;
      transition: box-shadow .15s, transform .15s;
      cursor: pointer;
      border-radius: 6px;
      border:none;
      padding:5px;
      width:86px;
      color:white;
 
  }




.submit-reset-data:hover {
  box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
  transform: translateY(-2px);
}
@media screen and (max-width:767px){


  .popup-content {
      width: 90%;
      /* height:90%;                            */
  }
  .reset-heading{
     
      margin-top: 40px;
     
  }


}



.disabled_popt {
opacity: 70%;
border: 3px #bde6f8ce solid;
user-select: none;
}


.nvg_mn_a_expBx {
width: 210px;
height: 200px;
background-color: black;
margin-top: 260px;
margin-left: -90px;
visibility: hidden;
}








  
  /* ------------------------------------------------------ */
  /* -------------- WELCOME PAGE SECTION ------------------ */
  /* ------------------------------------------------------ */
  
  
  
  .stst_dsh_bx {
    width:100%;
    height:800px;

}
 
 
 
.stst_img {
   width:300px;
   display:block;
   margin-left:auto;
   margin-right:auto;
   margin-top:20px;
}



 
 
.stst_hdtx {
   color: #000000;
   font-family: "Neuton", Sans-serif;
   font-size: 30px;
   font-weight: 700;
   text-align:center;
   margin-top:30px;
}
 

 
.ststs_ptx {
   color: #000000;
   font-family: "Roboto", Sans-serif;
   font-size: 20px;
   display:block;
   font-weight: 400;
   line-height: 27px;
   margin-left:10%;
   margin-right:10%;
   margin-top:30px;
   width:80%;
   justify-content:center;
}
 
 
 
 
 
 
 .cke_notification_warning {
 display: none;
 }










 /* Role popup after gmail verify */
.popup-content {
  background-color: rgb(255, 255, 255);  
  padding: 20px;
  border: 1px solid #888;
  width: 500px;
  border-radius: 10px;
  border: 1px rgba(215, 215, 215, 0.616) dotted;
  box-shadow: 0px 0px 15px 15px rgb(248, 248, 248);
  
  padding: 50px;
  padding:20px;


}
.popup-container{
  display: flex;
  justify-content: center;

  align-items: center;
  height:100%;
 
}

.submit-role-data{

margin-top: 20px;

align-items: center;
appearance: none;
background-color:#3498DB;

border: 0;
border-radius: 6px;
box-shadow: rgba(45, 35, 66, .4) 0 2px 4px,rgba(45, 35, 66, .3) 0 7px 13px -3px,rgba(58, 65, 111, .5) 0 -3px 0 inset;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-flex;
font-family: "Roboto", sans-serif;
height: 30px;
justify-content: center;
line-height: 1;
list-style: none;
overflow: hidden;
padding-left: 15px;
padding-right: 15px;
position: relative;
text-align: left;
text-decoration: none;
transition: box-shadow .15s,transform .15s;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
white-space: nowrap;
will-change: box-shadow,transform;
font-size: 14px;
width:20%;
height:40px;
}

.submit-role-data:focus {
box-shadow: #3cb1e0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c9ee0 0 -3px 0 inset;
}

.submit-role-data:hover {
box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c91e0 0 -3px 0 inset;
transform: translateY(-2px);
}

.submit-role-data:active {
box-shadow: #3c4fe0 0 3px 7px inset;
transform: translateY(2px);
}
.crac_row_3rd{
width: 100%;
min-height: 70px;
margin: 15px auto;
background-color: white;
position: relative;
display: flex;
}
.crac_fll_col_3rd{
display: flex;
justify-content: start;
align-items: center;
width: 100%;
height: 70px;
height: auto;
border: 1px black solid;
position: relative;
}
.next_btn{
display: flex;
justify-content: end;
}

.reset-heading{
  text-align: start;

  padding:0px;
 
}