/*body {
   background-image: linear-gradient(#f3ffff, white);
}*/

/*new styles start*/

/*.bottom-line{
  left:0px;
  right:0px;
  bottom:0px;
  position: absolute;
  height:5px;
  background-color:#8AC7DB;
} */
/*.otherlogin, .card-body h1, .maintheme h1, .backbutton, .backbutton2,
.forgot_pswd a, .select_companies li a {color:#ffffff !important;}*/
.backbutton, .backbutton2 {top:100px;color:#383838 !important;}

.grecaptcha-badge {z-index:99 !important;}
/*.logo.mt-5 {margin-top:2rem !important;}*/

@media only screen and (max-width: 1600px) {
body {
    overflow-x: hidden !important;
	
}
}

#background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1; /* Makes sure the video stays behind the content */
}



/*#singpassLogin {
    overflow: hidden;
    background-color: #ebf3eb !important;
}*/

/*.card.login-right {background-image: url('../../images/login/2025/background_stars.png') !important;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;}*/

/*.theme_back {background-color: rgb(238, 202, 199, 0.5);
    border-radius: 20px;
    padding: 30px;}*/

#password_login .head_h1 {margin-bottom:64px !important;}
#password_login .btn.btn-submit {margin-top:2rem !important;}
body {
	/*background-image: url('../../images/login/2024/snow_falling.gif') !important;*/
	/* background-image: url('../../images/login/2026/chinese_lanthern.webp') !important; */
  
	    /* background-position: initial; */
    background-size: 100%;
	    background-color: #fcfcfc !important;
         background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.flex-row{
  background-image: url('../../images/login/2026/haribackground.webp') !important;
}
@media only screen and (min-width: 2550px) and (max-width: 2732px){
  .flex-row{
    background-position: center -466px;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
@media only screen and (min-width: 1630px) and (max-width: 1640px) {
    .flex-row{
     background-position: center -288px;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
@media only screen and (min-width: 1590px) and (max-width: 1610px) {
 .harirayalogo{
    position: relative;
    top: -22px;
 }
}
/*.right_tab.login-right {
	background-image: url('../../images/login/2025/sg_balloons.gif') !important;
	background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
}*/

/*.right_tab.login-right {
    position: relative;
    z-index: 1;
    overflow: hidden;
} 

.right_tab.login-right::before {
    content: "";
    position: absolute;
    bottom: -10rem;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../../images/login/2025/flag_ballon.gif');
    background-position: bottom;
	background-repeat: no-repeat;
    opacity: 0.2; 
    z-index: -1; 
    pointer-events: none; 
}*/
.christmas_logo_n img {display:none;}
/*.hero-wrap.col-md-7 {
background-color: #fbfafa;
z-index:-1;
}*/

.logo_white {display: none;}
.login_footer {
	z-index: 9999;
}
.toprightmiddlediv {
	    position: absolute;
    right: 12%;
    width: 30%;
    top: -60px;
    pointer-events: none;
    z-index: 2;
	transform: skewY(-7deg);
}
.topleftmiddlediv {
	position: absolute;
    left: 49.5%;
    width: 8%;
    top: 10px;
    pointer-events: none;
    z-index: 2;
}
/*.topleftdiv{
	position: absolute;
    left: 10px;
    width: 6%; 
    top: -10px;
    pointer-events: none;
    z-index: 3;
}*/

.topleftdiv {
    position: fixed;
    left:6px;
    width: 5%;
    top: -100px; /* Start from above the viewport */
    pointer-events: none;
    z-index: 3;
    animation: slideDown 1.5s ease-out forwards !important;
}

/* Keyframes for the animation */
@keyframes slideDown {
    0% {
        top: -100px; /* Start above the screen */
    }
    100% {
        top: -10px; /* End at the -10px position (matching your existing style) */
    }
}
	
.toprightdiv{
	position: fixed;
    right: 0px;
    top: 0px;
    pointer-events: none;
    z-index: 5;
    width: 6%;
	}
	
.toprighthangdiv.toprightdiv {
    position: fixed;
    right: 6px;
    top: -100px; /* Start above the viewport */
    pointer-events: none;
    z-index: 5;
    width: 5%;
    animation: slideDownRight 1.5s ease-out forwards !important; /* Animation added */
}

/* Keyframes for the animation */
@keyframes slideDownRight {
    0% {
        top: -100px; /* Start position above the viewport */
    }
    100% {
        top: 0px; /* End at top 0px */
    }
} 


	.topleftdiv.topleftcrackerdiv {
		width:5%;left:16%;top:65px;
	}
	.topleftmiddlediv.toprightcrackerdiv {
		left: 37%;
		width: 5%;
		top: 65px;
	}
	.topleftdiv.topleftballondiv {
		left: 4.5%;
		width: 8%;
		top: 100px;
	}
	.topleftmiddlediv.toprightballondiv {
		width: 6%;
		left: 48%;
		top: 100px;
	}
	.toprightcornerdiv {
	       position: fixed;
    right: 16%;
    top:7%;
    pointer-events: none;
    z-index: 5;
    width: 12%;
	}
	.toprightdivwish{    /* position: fixed;
    right: 120px;
    top: 50px;
	pointer-events: none;
	z-index: 2;
	width: 12%; */
	position: fixed;
    right: 70px;
    top: 35px;
    pointer-events: none;
    z-index: 2;
    width: 136px;
	}
	/*.card.loginCard, .card.companies_div.login-right {
	/*background-color: transparent !important;
	/*background-image: url('../../images/login/2024/pattern.png') !important;
	background-size: cover;
	background-position: center center;
	max-height:100%;
	height:100vh;
	border-left:none !important;
	}*/
.bottom_line{left: 0px;right: 0px; background: #1f62a3;height: 8px;position: fixed;bottom: 0px;}
.santadiv .laugh{
    /*position: absolute;
    top: 12%;
    left: 27%;*/
	transform: translate(-25%, -103%);
    z-index: 9999;
    width: 60px;
}
.santadiv .up{
    z-index: 9999;
    /*position: absolute;
    top: 17%;
    left: 32%;*/
	transform: translate(-176%, -113%);
    width: 60px;
}
.santadiv .right{
    z-index: 9999;
   /* position: absolute;
    top: 23%;
    left: 23.5%;*/
   transform: translate(-283%, -68%);
    width: 60px;
}
/*.treediv img{
	    width: 20%;
    position: fixed;
    left: -100px;
    bottom: -90px;
    z-index: 999;
    pointer-events: none; 
}*/

.treediv img {
   width: 18%;
    position: fixed;
    left: -30px;
    bottom: -2px;
    z-index: 999;
    pointer-events: none;
      -webkit-animation: slideInFromLeft 1.5s ease-out forwards;
    animation: slideInFromLeft 1.5s ease-out forwards; /* Animation applied */
}

/* Keyframes for the animation */
@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0); 
    }
}
@-webkit-keyframes slideInFromLeft {
    0% {
        left: -100px;
    }
    100% {
        left: 0px;
    }
}
@keyframes slideInFromLeft {
    0% {
        left: -100px; /* Start position above the viewport */
    }
    100% {
        left: 0px; /* End at top 0px */
    }
}

/*.wishdiv .word_theme{
position: absolute;
    right: 15%;
    bottom: -6%;
    width: 320px;
    width: 10%;
}*/
/*.wishdiv .word_theme {
    position: absolute;
    right: 5%;
    z-index: 9;
    bottom: -7.5%;
    width: 13%;	
}*/
.wishdiv .word_theme {
    position: fixed;
    right: 0%;      /* Start outside screen */
    bottom: -3%;
    width: 13%;
    z-index: 10;
    animation: slideLeft 10s linear infinite;
}

@keyframes slideLeft {
  0% {
    right: -5%;
    opacity: 1;
  }

  /* visible phase */
  40% {
    opacity: 1;
  }

  /* hard fade-out window (all breakout points covered) */
  50% {
    opacity: 1;
  }
  58% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  80% {
    right: 100%;
    opacity: 0;
  }

  100% {
    right: 110%;
    opacity: 0;
  }
}

.wishdiv .word_theme {
  animation: slideLeft 10s linear infinite;
  will-change: right, opacity;
}
/* .wishdiv {

	position: fixed;
    width: 348px;
    right: 0px;
    bottom: 0%;
	z-index: 2;
	background-color: #ffffff;
	padding-left: 50px;
} */
.wishdiv .decrtn{
	    width: 17%;
    position: fixed;
    right: -96px;
    bottom: -99px;
    z-index: 2;
    pointer-events: none;
}
/*.lamps {
	width: 13%;
    position: fixed;
    right: -10px !important;
    bottom: -10px;
    z-index: 9;
    pointer-events: none;
	/*animation: santaSlide 3.5s ease-out forwards;*/
/*}

@keyframes santaSlide {
    0% {
        right: -25%;
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    100% {
        right: -0.6%; 
        opacity: 1;
    }
}*/


.lamps {
    width: 13%;
    position: fixed;
    right: -10px !important; /* Keep the original position */
    bottom: -10px;
    z-index: 9;
    pointer-events: none;
    animation: slideFromRightToLeft 1.5s ease-out forwards; /* Animation applied */
}

/* Keyframes for the animation */
@keyframes slideFromRightToLeft {
    0% {
        transform: translateX(100%); /* Start from off-screen to the right */
    }
    100% {
        transform: translateX(0); /* End at its final position (right: -10px) */
    }
}


.theme img{
 z-index: 999;
 position: absolute;
 transform: translate(-50%,-50%);
 left:50%;
 top:50%;
 width:840px;
}
.movingdiv img{
	position: absolute;
	top:20px;
	width: 12%;
	animation: flags 26s infinite;
}

/*.movediv img{
  width:250px;
  bottom:0;
  position: fixed;
  left:0;
  animation: flags 25s infinite;
      z-index: 2;
    background: radial-gradient(white, rgba(255,255,255,.7));
}*/
@keyframes flags {
  0%
  {
   
    /*left:10%;*/
	right: 0;
  }
  98% {
	  /*right: 78%;*/
	  right:100%;
	  opacity:1;
  }
  100%{
    right: 80%;
    top:0;
	opacity: 0;
  }
  
}
.footerdiv{
   width:100%;
}
.footerdiv img{
width:100%;
 bottom:-90px; 
  position: fixed;
  z-index:1;
  pointer-events: none;
}
.christmas_hats p {position:relative;z-index:9999;width:95%;margin: 0px auto;margin-top:-30px;}
.headerdiv img{
width:100%;
 top:-45px;
 left:0px;
  position: fixed;
  z-index:0;
  pointer-events: none;
}
/*#myVideo {position:absolute;right:0;bottom:0;min-width:10%;min-height:10%;z-index:-1;}*/

.login-wapper {
padding-left:0px;
padding-right:0px;}

/*.card-body h1,  .otherlogin, .fa-arrow-left:before,
.forgot_pswd a, .select_companies li a {color:#fff !important;}*/

.LoginDetails li {background-color:white;}
.btn.btn-submit {    background: #fda838 !important;
    /*box-shadow: 0px 0px 12px #fda838 !important;*/border-color:#fda838 !important;}
	
	
/*.hero-content.min-vh-100 {min-height:94vh !important;}*/


/*.floating-label {color:#f68b28 !important;background-color:transparent !important;}
input:not(:placeholder-shown)+span.floating-label {top:-20px;}*/
/*.lh-base img {position:relative;z-index:-1;}*/
.floating-label {padding:1px 10px;border-radius:4px;}
/*.card.loginCard  {
	border-left: none !important;
}*/
.toprightdiyadiv {
	    position: absolute;
    right: 43%;
    width: 10%;
    top: 0px;
    pointer-events: none;
    z-index: 2;
}
/*.login-right {
	background:url(../../../images/login/2024/night_crackers.gif);
	background-size:cover;
	background-position:center;
}*/
.hero-wrap {
	/*background-image: url(../../../images/login/2024/new_year_lights.gif);
	background-position: bottom center;
    background-size: cover;
	background-repeat: no-repeat;*/
  /*background-image: 
    url(../../../images/login/2025/background_flowers.png),  /* background image */
    /*url(../../../images/login/2025/chinese_crackers.gif); /* overlay image */
  /*background-size: cover, cover;  /* first image covers the container, second image is smaller */
  /*background-position: center, top right;  /* positioning of each image */
  /*background-repeat: no-repeat, no-repeat;  /* no repetition of both images */
}
#passwordPolicySection {padding-left:0px;padding-right:0px;}
.card-body h1, .maintheme h1 {margin-bottom: 40px;}
.christmas_logo_n {display:none;}

/*.chinese_yr img{
  animation: mymovechinese 30s infinite;
}

@keyframes mymovechinese {
  100% {transform: rotate(360deg);}
}*/

/*@media screen and (min-width: 992px) and (max-width: 1020px) {
	.wishdiv .decrtn {
		top: 4%;
	}
}*/

@media only screen and (max-width: 2304px) and (min-width: 2048px) {
	.treediv img {
		width: 16%;
		bottom:-93px !important;
		left:-100px;
	}
	.wishdiv .word_theme {
		bottom: 33%;
	}
	.toprightdiv {
		/*right: -150px;
		top: -150px;*/
		right: 0px;
    top: 50px;
	}
	.toprightdivwish {
		right: 170px;
		top: 70px;
	}
	.lamps {width:10% !important;}
	.christmas_hats p {width:90%;}
	.topleftdiv {top:-5px;left:10px;width:6%}
	.wishdiv .decrtn {width:20%;bottom:-40px;right:33%;}
	.wishdiv .word_theme {
        width: 10%;
        bottom: -10px;
        right: 4%;
    }
	.toprightdiv {top:0% !important;width:6% !important;right:0% !important;}
	.toprightcornerdiv {width:13% !important;top:10% !important;right:15% !important;}
	.footerdiv img {bottom:-115px;}
    .harirayalogo{
   width: 250px;
    }
    .flex-row{
    background-position: center -395px;
    background-size: cover;
    background-repeat: no-repeat;
    }
}

@media only screen and (max-width: 2048px) and (min-width: 1920px) {
	.treediv img {width: 16%;bottom: -2px !important;left:-30px;}
	.wishdiv .decrtn {width: 17%;right: -115px;bottom: -125px;}
	.wishdiv .word_theme {bottom: -25px;width:13%;}
	.toprightdiv {right: 0%;width: 6%;top: 0px;}
	.toprightdivwish {right: 150px;top: 60px;}
	.christmas_hats p {width:90% !important;}
	.topleftdiv {left: 10px;width: 5%;top: -10px;}
	.headerdiv img { top:-50px;}
	.lamps {width:13%;}
	.toprightcornerdiv {right: 15% !important;top: 9% !important;pointer-events: none;z-index: 5;width: 11% !important;}
	.footerdiv img {bottom:-106px !important;}
    .harirayalogo{
            width: 250px;
    }
    .flex-row{
        background-position: center -366px;
    background-size: cover;
    background-repeat: no-repeat;
    }

}
@media screen and (min-width: 1696px) and (max-width: 1910px) {
    body{
        height: 90%;
    }
	.wishdiv .decrtn{}
	.wishdiv .word_theme{width: 13%;bottom: -20px;}	
	.treediv img {bottom: -2px;
        width: 18%;
        left: -34px;}
	.footerdiv img {bottom:-95px;}
	.toprightdiv {right: 0%;top: 0px;width: 6%;}
	.christmas_hats p {width:89% !important;}
	.topleftdiv {left: 6px;width: 5%;top: -10px;}
	.headerdiv img {top:-50px;}
	.toprightcornerdiv {position: fixed;
            position: fixed;
    right: 16%;
    top: 9%;
    pointer-events: none;
    z-index: 5;
    width: 12%;}
	.lamps {width:13% !important;bottom:-10px;right:-10px !important;}
     .flex-row{
        background-position: center -315px;
    background-size: cover;
    background-repeat: no-repeat;
    }
}

@media screen and (min-width: 825px) and (max-width: 992px) {
    .flex-row{
        background-image: none !important;
    }
    .bgimage_moblie{
         background-image: url('../../images/login/2026/harirayipusabg.webp') !important;
                 background-position: top center !important;
    }
	    .treediv img {        width: 12% !important;
        z-index: 2 !important;
        position: fixed;
        left: -8px !important;}
	.left_imgLamp {display: none;}
	.wishdiv .word_theme {
        width: 20% !important;
        bottom: -45px !important;}
.toprightmiddlediv {width:30%;top:-30px;transform:skew(0deg, -10deg);}
.headerdiv img {width:1500px;top:-25px;}
.login-right .logo img {display:none;}
    .wishdiv .decrtn {position: absolute;width: 23%;right: -25px;bottom: -40px;}
.card.login-right {background-position: left !important;}
	.toprightdiv {top:0px;width: 20%;position: fixed;}
    .toprightdiv {
                top: 0% !important;
        width: 10% !important;
        right: 1% !important;}
	.toprightcornerdiv {
                         position: fixed;
        right: 13% !important;
        top: 21% !important;
        pointer-events: none;
        z-index: 5;
        width: 20% !important;
}
.toprightdivwish {top: 60px;right: 40px;width: 15%;}
.movediv img {width: 160px;}
.maintheme, .minheight {margin: auto 0% !important;}
.singpasscontainer ul.list-inline.loginlinstinline li a {font-size:13px !important;}
.topleftdiv {width:5%;}
.lamps {
    width: 50%;
    position: fixed;
    right: -8.2%;
    bottom: -10%;
    z-index: 2;
    pointer-events: none;
}
body {background-size:155% !important;}
}

@media only screen and (max-width:361px) {
	/*.right_tab.login_div .logo_image {top:0px !important;}*/
}

@media only screen and (max-width:376px) {
	.logo_white {top:2rem !important;}
}

@media only screen and (max-width:600px) {
	.toprightdiv, .topleftdiv.topleftballondiv, .topleftmiddlediv.toprightballondiv, .topleftmiddlediv.toprightcrackerdiv,
.topleftdiv.topleftcrackerdiv	{display:none  !important;}
	/*.toprightcornerdiv, .wishdiv .word_theme {display:block !important;}*/
	
	.fly_santa {display:none;} 
	
	.lamps {
    /*width: 75%;*/
    position: fixed;
    right: -0.6%;     /* final resting position */
    bottom: -11.5%;
    animation: santaSlide 3.5s ease-out forwards;
    /*will-change: transform;*/
}

/* Animation using transform instead of right */
@keyframes santaSlide {
    0% {
        transform: translateX(40vw);  /* start off screen right */
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    100% {
        transform: translateX(0);     /* final position */
        opacity: 1;
    }
}


	.treediv img {         display: block !important;
        width: 50% !important;
        position: fixed;
        left: -6px !important;
        bottom: 0px !important;
        z-index: 999;}
	/*.right_tab.login_div .logo_image {position:relative;top:20px;}*/
	.logo_image {        position: relative;
        top: 74px;
        z-index: 999999;}
	.toprightmiddlediv {width:83%;right:35%;top:-37px;transform:skew(0deg, -7deg);}
	    .toprightdiv {
        width: 12% !important;
        top: 0px;
        right: 7px !important;
    }


.wishdiv .word_theme {
  width: 22% !important;
  right: 20% !important;  /* You can keep this if needed */
 /* position: absolute; */
  animation: slideLeft 5s linear infinite !important;
  /*will-change: transform;*/
}

@keyframes slideLeft {
  0% {
    transform: translateX(150%); /* start outside right */
    opacity: 1;
  }
  80% {
    transform: translateX(-150%); /* move fully to left */
    opacity: 1;
  }
  100% {
    transform: translateX(-250%);
    opacity: 0;
  }
}


	.maintheme h1 {margin-bottom:35px !important;}
	/*body {background-image:none !important;}*/
	/*.c-app .card .hero-content.min-vh-100{min-height: 100vh !important;height:100%  !important;}*/
    .headerdiv img {width: 210%;top: -18px;left: -10px;position: fixed;z-index: 2;}
	.footerdiv img {width: 1200px;bottom: -70px;position: fixed;z-index: 2;display: block !important;}
	.christmas_logo_n img {display:block !important;margin: 0px auto !important;}
	/*.minheight {flex:0.3;}*/
	.initial-snow > * { color: #cfe3f5 !important;}
	.topleftdiv {left: 10px !important;width: 12% !important;z-index: 3 !important;top: -10px !important;}
	.toprightcornerdiv {top:2% !important;}
	    .topleftmiddlediv {
        width: 15% !important;
        right:1% !important;left:auto !important;
    }
	.maintheme {margin: auto 10% !important;}
	.singpasscontainer ul.list-inline.loginlinstinline li a img {width:20px !important;margin-right:5px !important;}
	.singpasscontainer ul.list-inline.loginlinstinline li a {font-size:13px !important;}
	.theme_back {padding:0px !important;background-color:transparent !important;border-radius:0px !important;}
	/*.hero-content.min-vh-100 {min-height:105vh !important;height:105vh !important;}*/
	/*.card.login-right {    background-image: url(../../../images/login/2024/new_year_lights.gif) !important;
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;}*/
	/*.hero-content.min-vh-100 {min-height: 100vh !important;}*/
	.otherlogin, .card-body h1, .maintheme h1, .backbutton, .backbutton2, .forgot_pswd a, .select_companies li a {color:#383838 !important;}
	/*.hero-content.min-vh-100 {min-height:90vh !important;}*/
	    body {
        background-size: 268%;
        background-position: center center !important;
    }
	.movingdiv img {width:25% !important;}
	.toprightcornerdiv {
        right: 2% !important;
        top: 1% !important;
        width: 21% !important;
    }
	.fly_santa {width:30% !important;}
}

@media only screen and (max-width:687px) and (min-width:601px) {
     .card-group{
    display: block;
 }
 .login-right{
   max-width:100%;
 }
 .theme_back{
            max-width: 540px;
 }
 .maintheme {
        margin: 25% 0% auto !important;
    }
    .logo_image{
        position: relative;
    top: 140px;
    }
    .toprighthangdiv.toprightdiv{
        display: none !important;
    }
        .toprightdiv.toprightcornerdiv {
        width: 23% !important;
        right: 6% !important;
        top: 4% !important;
    }
   
.min_class_tab{
  margin-top: 8%;
}
/* .logo_misalign{
top:180px !important;
} */

@keyframes slideDown {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

	.treediv img { bottom: -2px !important;
        left: -25px !important;
        width: 40% !important;}
	.right_tab.login_div .logo_image {position:relative;top:140px;}
	.topleftdiv {
           left: 6px !important;
        width: 10% !important;
        z-index: 3 !important;
        top: -10px !important;
    }
	.topleftmiddlediv {width:16% !important;right:2%;left:auto !important;top:2%;}
	.wishdiv .decrtn {        display: block !important;
        width: 35% !important;
        bottom: -85px !important;}
	    .toprightmiddlediv {width: 83%;right: 45%;top: -75px;transform: skew(0deg, -7deg);}
	    /*.toprightdiv {
        display: inline-flex !important;
        justify-content: center;
        width: 30%;
        margin: 0px auto;
        top: 15%;
        right: 0px;
        left: 0px;
        text-align: center;}*/
		.toprightcornerdiv {display:block !important;width:20% !important;}
		.toprightdiv {
                display: block !important;
        width: 22%;
        top: 0%;
        right: 10px;
    }
	.wishdiv .word_theme {width:18% !important;right:12% !important;display:block !important;}
	/*#othersbackbuttonDisplay, .hero-content .backbutton2 {top:300px !important;}*/
	.christmas_logo_n img {display: block !important;margin: 0px auto !important;}
	.footerdiv img {bottom:0px !important;}
	.headerdiv img {width:1800px;top:-30px;}
	/*.pwdform {margin:40% 10% !important;}
	.companies_div .christmas_logo_n {margin-top:0px !important;}*/
	
	/*.card.login-right {    background-image: url(../../../images/login/2024/new_year_lights.gif) !important;
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;}*/
	/*.hero-content.min-vh-100 {min-height: 100vh !important;}*/
	.otherlogin, .card-body h1, .maintheme h1, .backbutton, .backbutton2, .forgot_pswd a, .select_companies li a {color:#383838 !important;}
	.theme_back {padding:0px !important;background-color:transparent !important;border-radius:0px !important;}
	.hero-content.min-vh-100 {min-height:100vh !important;}
	.lamps {
            width: 60%;
        position: fixed;
        right: -10%;
        bottom: -10%;
        z-index: 2;
        pointer-events: none;
}
    .maintheme {
        margin: 35% 0px auto !important;
    }
    .backbutton{
        margin-top: 20%;
    }
    .backbutton2{
        top: 200px !important;
    }
}

@media only screen and (max-width:714px) and (min-width:688px) {
	/*.right_tab.login_div .logo_image {position:relative;top:100px;}*/
	.logo_image {
        position: relative;
        top: 250px;
    }
	.toprightmiddlediv {width: 90%;right: 35%;top: -85px;transform: skew(0deg, -7deg);}
	.toprightdiv { 
        width: 21%;
        top: 0%;
        right: 1%;}
		.toprightcornerdiv {display:block !important;}
		
		
		
		.wishdiv .word_theme {
        right: 12% !important;
        width: 23% !important;
        display: none !important;
        bottom: -4% !important;
		animation: slideLeft 15s linear infinite !important;
    }
	@keyframes slideLeft {
  0% {
    transform: translateX(150%);
    opacity: 1;
  }
  80% {
    transform: translateX(-150%);
    opacity: 1;
  }
  100% {
    transform: translateX(-250%);
    opacity: 0;
  }
}
	
	
	
	.headerdiv img {top:-23px;width:1400px;}
	.footerdiv img {bottom: -115px !important;width: 2000px !important;}
	.treediv img {width: 45% !important;z-index: 4 !important;left: -15px !important;bottom: -2px !important;}
	.topleftdiv {left: 10px !important;width: 13% !important;z-index: 4 !important;top: -10px !important;}
    
		.topleftmiddlediv.toprightballondiv, .topleftdiv.topleftballondiv, .topleftdiv.topleftcrackerdiv,
			.topleftmiddlediv.toprightcrackerdiv {display:none;}
	.topleftmiddlediv {width:16% !important;left:auto !important;right:2% !important;}
	.wishdiv .decrtn {        display: block !important;
        width: 33%;
        position: fixed;
        right: -85px;
        bottom: -85px;
        z-index: 2;
        pointer-events: none;}
	.christmas_logo_n img {display:block !important;margin: 0px auto !important;}
	.christmas_logo_n {margin-top:6rem !important;}
	/*.card.login-right {    background-image: url(../../../images/login/2024/new_year_lights.gif) !important;
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;}*/
	/*.hero-content.min-vh-100 {min-height: 100vh !important;}*/
	.otherlogin, .card-body h1, .maintheme h1, .backbutton, .backbutton2, .forgot_pswd a, .select_companies li a {color:#383838 !important;}
	.theme_back {padding:0px !important;background-color:transparent !important;border-radius:0px !important;}
	/*#othersbackbuttonDisplay, .hero-content .backbutton2, .hero-content .backbutton {top:300px !important;}*/
	.hero-content.min-vh-100 {
    min-height: 100vh !important;}
	.fly_santa{width:25% !important;}
	
	
	.wishdiv .lamps {        width: 30% !important;
        position: fixed;
        right: -15px !important;
        bottom: -12px !important;
        z-index: 9;
        pointer-events: none;
		animation: santaSlide 3.5s ease-out forwards !important;}
		@keyframes santaSlide {
    0% {
        transform: translateX(40vw);
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
		
		
		.hero-content .backbutton, .hero-content .backbutton2 {top:200px !important;}
}

@media only screen and (max-width: 767px) {
    .flex-row{
        background-image: none !important;
    }
    .bgimage_moblie{
         background-image: url('../../images/login/2026/harirayipusabg.webp') !important;
    }
	/*.hero-content.min-vh-100 {min-height: 88vh !important;height:100%  !important;}*/
	.treediv img, .wishdiv .word_theme,
.wishdiv .decrtn, .movediv img, .toprightdivwish, .topleftdiv img {display: none;}
	.backbutton, .backbutton2 {top:150px ;}
     
	.logo_black {display: none;}
	.logo_white {display: block !important;}
	.topleftdiv {
                left: 0%;
        width: 25%;
        z-index: -1;
        top: 0px;
    }
   
	.toprightdiyadiv {right: 5%;width: 20%;}
	body {background-size: cover;
        background-position: center center !important;}
	.login-right {background-image: none !important;}
	.logo_white {top: 6rem !important;position: relative;margin-bottom:0px !important;}
	    .treediv img {
        display: block;
        width: 50%;
        position: fixed;
        left: -2px;
        bottom: -55px;
        z-index: 999;
    }
	.toprightdiv {
    display: none !important;
	}
	.toprightcornerdiv {        display: block !important;
        right: 5% !important;
        top: 3% !important;
        width: 24% !important;}
	/*.lamps {width:60% !important;bottom:-1% !important;}*/ 
	/*.wishdiv .word_theme {        width: 20% !important;
        right: 19% !important;
        display: block !important;}*/
	.topleftmiddlediv {
    position: absolute;
    right: 1%;
    width: 13%;
    top: 10px;
    pointer-events: none;
    z-index: 2;
	left: auto !important;
}
	/*.card.login-right {    background-image: url(../../../images/login/2024/new_year_lights.gif) !important;
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;}*/
	/*.hero-content.min-vh-100 {min-height: 100vh !important;}*/
	.otherlogin, .card-body h1, .maintheme h1, .backbutton, .backbutton2, .forgot_pswd a, .select_companies li a {color:#383838 !important;}
	.theme_back {padding:0px !important;background-color:transparent !important;border-radius:0px !important}
    .backbutton{
        margin-top: ;
    }
	/*#othersbackbuttonDisplay, .hero-content .backbutton2, .hero-content .backbutton {top:300px !important;}*/
}

@media screen and (min-width: 767px) and (max-width: 780px) {
.login-right .logo img {display:none;}
.forgot_pswd a {display:block !important;}
.forgot_pswd a.pull-right{float:none !important;}
.wishdiv .word_theme {right: 9%;bottom: -15px;width: 19%;}
.wishesdiv .decrtn {display: none;}
.left_imgLamp  {display: none;}
    .wishdiv .decrtn {position: fixed;width: 20%;right: -25px;bottom: -15px;}
.movediv img {width: 250px;}
	.hero-wrap {background-position:left, top right !important;}
	.toprightdiv {width:20% !important;}
	    .treediv img {        width: 35% !important;
        position: fixed;
        bottom: -2px;
        left: -1px;}
	.toprightdiv.toprightcornerdiv  { width: 24% !important;
        right: 10% !important;
        top: 15% !important;}
	.toprightdiv {width:9% !important;    right: 0% !important;
    top: 0% !important;}
	/*body {background-position:inherit !important;background-size:inherit !important;}*/
	.toprightmiddlediv {position: absolute;right: 0%;width: 42%;top: -35px;pointer-events: none;z-index: 2;}
.footerdiv img {bottom:-45px;}
.headerdiv img {top:-45px;width:1500px;}
/*body {background-size:inherit !important;background-position:right !important;}*/
.maintheme, .minheight {margin: auto 0% !important;}
.singpasscontainer ul.list-inline.loginlinstinline li a {font-size:9px !important;}
.card-body h1, .maintheme h1 {font-size:16px !important;}
.theme_back {padding:15px !important;}
.card.login-right {background-position:left !important;}
.topleftdiv {position: absolute;left: 10px;width: 9%;top: -5px;}
		.topleftdiv.topleftcrackerdiv, .topleftmiddlediv.toprightcrackerdiv {display:none;}
		.lamps {width: 20%;position: fixed;right: -10px !important;bottom: -10px;z-index: 2;pointer-events: none;}
	    body {
        background-size: cover;
        background-position: right !important;
    }
	.LoginDetails li {padding: 6px 27px !important;}
	.movingdiv img {width:18% !important;}
	.fly_santa {width:20% !important;}
    .flex-row{
        background-image: none !important;
    }
    .bgimage_moblie{
         background-image: url('../../images/login/2026/harirayipusabg.webp') !important;
    }
    .harirayalogo{
          position: relative;
       top: 110px;
    }
}



@media screen and (max-width: 991px) and (min-width: 768px) {
    .theme_back {
        padding:13px !important;
    }
}

@media screen and (min-width: 769px) and (max-width: 825px) {
    body {
         background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
 .flex-row{
        background-image: none !important;
    }
    .bgimage_moblie{
         background-image: url('../../images/login/2026/harirayipusabg.webp') !important;
    }
     .backbutton2{
            top: 190px;
     }
	.login-right .logo img {display:none !important;}
	.treediv img {width: 30% !important;position: fixed;bottom: -2px;left: -15px;}
	.left_imgLamp {display: none;}
	.wishdiv .word_theme { right: 9%;width: 21%;bottom: -1.5%;}
.wishesdiv .decrtn {position: absolute;width: 450px;top: -50%;right: 50%;}
.wishdiv .decrtn {        position: fixed;
        width: 28%;
        right: -70px;
        bottom: -75px;}
.footerdiv img {        bottom: -130px;
        width: 2300px;}
.fly_santa {width:22% !important;}
.movediv img {width: 160px;}
	.toprightdivwish {width: 25%;right: 8%;top: 10%;}
	
	.toprightdiv {        right: 0px;
        width: 10% !important;
        top: 0%;
        position: fixed;}
		.topleftdiv.topleftballondiv, .topleftmiddlediv.toprightballondiv {top:125px;}
		.toprightdiv.toprightcornerdiv {width: 20% !important;right: 11% !important;top: 20% !important;}

		.toprightmiddlediv {position: absolute;right: 0%;width: 42%;top: -40px;pointer-events: none;z-index: 2;}
.headerdiv img {width:1400px !important;top:-23px !important;}
/* .forgot_pswd, .forgot_pswd a {text-align:center !important;float:none !important;} */
.singpasscontainer ul.list-inline.loginlinstinline li a {font-size: 10px !important;}
.maintheme, .minheight {margin: auto 0% !important;}
.card-body h1, .maintheme h1 {font-size:20px !important;text-align: center;}
.card.login-right {background-position: left !important;}
.singpasscontainer ul.list-inline.loginlinstinline li a img  {width:25px !important;}
    .lamps {
        width: 50%;
        position: fixed;
        right: -8%;
        bottom: -9%;
        z-index: 9;
        pointer-events: none;
    }
	.topleftdiv.topleftcrackerdiv, .topleftmiddlediv.toprightcrackerdiv {display:none;}
	
	    .lamps {
        bottom: 0% !important;
        width: 20% !important;right:-9px !important;
		animation: santaSlide 3.5s ease-out forwards !important;
    }
	@keyframes santaSlide {
    0% {
        transform: translateX(40vw);  /* start off-screen */
        opacity: 0;
    }
    20% {
        opacity: 1;
    }
    100% {
        transform: translateX(0);     /* ends at final position */
        opacity: 1;
    }
}
	.harirayalogo{
    position: relative;
    top: 180px;
    }

	
	
.topleftdiv {
            position: fixed;
        left: 10px;
        width: 10%;
        top: 0px !important;
        pointer-events: none;
        z-index: 3;
            animation: slideDownRight 1.5s ease-out forwards !important;
}
.movingdiv img {width:20% !important;}
}
/*@media screen and (max-width: 992px){

.footerdiv, .toprightdiv, .topleftdiv  {
  display: none;
}
 
  .movediv{
    display: none;
  }
  .bottom-line{
    display: none;
  }
  .treediv img {
	  width:200px;
  }

}*/


/*new styles ends*/
/*@media screen and (max-width: 992px){
    .treediv {
    display: none;
  }
.wishdiv .decrtn{
display: none;
}
.footerdiv {
  display: none;
}
 .wishdiv .word_theme {
  display: none;
  }
  .movediv{
    display: none;
  }
  .bottom-line{
    display: none;
  }
}*/
@media only screen and (min-width:1521px){
	.toprightdivwish{   /* position: fixed;
    right: 8%;
    top: 53px;
    pointer-events: none;
    z-index: 2;
    width: 10%;
	}*/
	    position: fixed;
    right: 43.5%;
    top: 0px;
    pointer-events: none;
    z-index: 2;
width: 10%;}
}

@media only screen and (min-width:1480px) and (max-width:1520px){
	.wishdiv .decrtn {
            width: 17%;
        right: -70px;
        bottom: -80px;
}
 .flex-row{
       background-position: center -300px;
    background-size: cover;
    background-repeat: no-repeat;
    }

.lamps {
            width: 15%;
        position: fixed;
        right: -15px !important;
        bottom: -10px;
        z-index: 2;
        pointer-events: none;
		/*animation: santaSlide_1480 3.5s ease-out forwards;*/
}

 @keyframes santaSlide_1480 {
        0% {
            right: -25%;    /* Start fully off-screen to the right */
            opacity: 0;
        }
        20% {
            opacity: 1;
        }
        100% {
            right: -12px;   /* Final position for this media range */
            opacity: 1;
        }
    }


.toprightdivwish{
    right: 114px;
    top: 62px;
    width: 172px;}
.wishdiv .word_theme {
    right: 40px;
    bottom: -10px;
    width: 13%;
}
	.toprightdiv {
	/*top: -15%;
	right: -11%;*/
	position: fixed;
	width:8%;
}
.footerdiv img {
	bottom: -90px;
}
.treediv img {
	bottom: -2px;
	width:20% !important;
	left:-90px;
}
.topleftdiv {
            position: fixed;
        left: 10px;
        width: 6%;
        top: -5px;
        pointer-events: none;
        z-index: 3;
}
.toprightdiv.toprightcornerdiv {width:10% !important;}
.card.login-right {background-position: left !important;}
.topleftmiddlediv {
    position: absolute;
    left: 47.5%;
    width: 10%;
    top: 10px;
    pointer-events: none;
    z-index: 2;
}
.select_companies li a {font-size:12.8px !important;}
.logo.mt-5 {margin-top:2rem !important;}
.logo.mt-5 img {width:150px !important;}
.christmas_hats p {width:90%;}
}


@media only screen and (min-width:1400px) and (max-width:1480px){
  /*.treediv img{
  width:280px;
  }
  .wishdiv img{
    width:280px;
  }
  .santadiv {
  }
  .movediv{
  }*/
.flex-row{
       background-position: center -250px;
    background-size: cover;
    background-repeat: no-repeat;
    }
  .lamps {
        width: 13%;
        position: fixed;
        right: -10px !important;
        bottom: -10px;
        z-index: 9;
        pointer-events: none;
}
.harirayalogo{
    top: -30px;
    position: relative;
    width: 150px;
}
  .headerdiv img {width:1500px !important;top:-45px !important;}
  .treediv img{
                 width: 18%;
        bottom: -2px;
        left: -26px;
  }
  .wishdiv {
	/*position: absolute;
    /*right: 0px;
    top: 0px;*/
   /* width: 295px;
	right:25px;
	bottom:38%;*/
	position: fixed;
    width: 348px;
    right: 0px;
    bottom: 0%;
	z-index: 2;
	background-color: #ffffff;
	padding-left: 50px;
}
.wishdiv .decrtn{
	            width: 19%;
        right: -85px;
        z-index: 999;
        bottom: -100px;
}
  .santadiv {
  }
  .movediv img{
	  width: 220px;
  }
  .left_imgLamp {
	width: 7%;
}
.wishdiv .word_theme {
    right: 20%;
    width: 13%;
    bottom: -3%;
}
.toprightdiv {
	    position: fixed;
        top: 0px;
        right: 0px;
        width: 6%;
}
.toprightcornerdiv {
           position: fixed;
        right: 16% !important;
        top: 4% !important;
        width: 12% !important;
}
.footerdiv img {z-index:1 !important;}
.topleftdiv {
        position: fixed;
        left: 6px;
        width: 5%;
        top: -10px;
        pointer-events: none;
        z-index: 3;
}
.topleftmiddlediv {
    position: absolute;
    left: 49.5%;
    width: 8%;
    top: 10px;
    pointer-events: none;
    z-index: 2;
}
.card.login-right {background-position: left !important;}
.hero-wrap {background-position: bottom !important;}
.select_companies li a {font-size:12.8px !important;}
.select_company_container {height:350px;}
}
@media only screen and (min-width:1340px) and (max-width:1400px){
  /*.treediv img{
  width:250px;
  }
  .wishdiv .word_theme{
    width:225px;
	top: 62%;
  }
.wishdiv .decrtn {
width:250px;
}
  .movediv img{
	    width:180px;
  }*/
  .flex-row{
       background-position: center -225px;
    background-size: cover;
    background-repeat: no-repeat;
    }
  .treediv img{
          width: 13%;
        bottom: -2px;
        left: -15px;
  }
  .toprightdiv {
	top: 0%;
	        right: 0px;
        position: fixed;
        width: 6%;
}
.toprightdiv.toprightcornerdiv {
    top: 3%;
    pointer-events: none;
    position: fixed;
    right: 15% !important;
    pointer-events: none;
    z-index: 5;
    width: 13%;
}
.toprightdivwish {
	    width: 10%;
    right: 43.5%;
    top: 0px;
	/*width: 12%;
	right: 100px;*/
}
/*.wishesdiv .decrtn {
width:350px;
bottom: 0%;
right: -73%;
top: 25%;
}*/
  .movediv img{
	    width:180px;
  }
  /*.wishdiv .word_theme {
    width: 225px;
    bottom: 0%;
    right: 20%;
	}*/
	.wishdiv {
	/*position: absolute;
    /*right: 0px;
    top: 0px;*/
   /* width: 295px;
	right:25px;
	bottom:38%;*/
	position: fixed;
    width: 300px;
    right: 0px;
    bottom: 0%;
	z-index: 2;
	background-color: #ffffff;
	padding-left: 50px;
}
.wishdiv .decrtn{
	        width: 20%;
        bottom: -100px !important;
        right: -75px !important;
        display: block !important;
}

.lamps {
        width: 13%;
        position: fixed;
        right: -10px !important;
        bottom: -10px;
        pointer-events: none;
        animation: santaSlide 3.5s ease-out forwards;
}
@keyframes santaSlide { 
    0% {
        right: -25%;  
        opacity: 0;
    }
    20% {
        opacity: 1; 
    }
    100% {
        right: -0.6%;
        opacity: 1;
    }
}

.wishdiv .word_theme {
    right: 0%;
    bottom: -15px;
    width: 13%;
}
.left_imgLamp {
	width: 7%;
}
.footerdiv img {
	bottom: -75px; 
}
.card.login-right {background-position: left !important;}
.topleftdiv {left: 10px;width: 5%;top: -5px;pointer-events: none;z-index: 3;}
.logo.mt-5 {margin-top:1.5rem !important;}
.logo.mt-5 img {width:147px !important;}
.christmas_hats p {width:90%;}
.topleftmiddlediv.toprightcrackerdiv, .topleftdiv.topleftcrackerdiv {top:55px;}
.topleftmiddlediv {
    position: absolute;
    left: 47.5%;
    width: 10%;
    top: 10px;
    pointer-events: none;
    z-index: 2;
}
.select_companies li a {font-size:12.8px !important;}
}
@media only screen and (min-width:1240px) and (max-width:1340px){
.christmas_hats p {width:88% !important;}
  #logindetails .btn.btn-submit.log_sub {
	  margin-top: 0em !important;
  }
  .login-right .logo img {display:none !important;}
  .headerdiv img {width:1300px !important;top:-40px !important;}
  .treediv img{
      width: 18%;
        bottom: -2px;
        left: -22px;
  }
  .toprightdiv {
	/*top: -15%; 
	right: -15%;*/
	    position: fixed;
        width: 6%;
        top: 0px;
        right: 0px;
}
  /*.wishdiv img {
        width: 13%;
        bottom: -10px;
        right: -10px !important;
		
    }*/
	.wishdiv .word_theme {
    position: fixed;
    right: 0%;      /* Start outside screen */
    bottom: -3%;
    width: 13%;
    z-index: 10;
    animation: slideLeft 10s linear infinite;
}
@keyframes slideLeft {
  0% {
    right: -5%;
    opacity: 1;
  }

  /* visible phase */
  40% {
    opacity: 1;
  }

  /* hard fade-out window (all breakout points covered) */
  50% {
    opacity: 1;
  }
  58% {
    opacity: 1;
  }
  70% {
    opacity: 0;
  }
  80% {
    right: 100%;
    opacity: 0;
  }

  100% {
    right: 110%;
    opacity: 0;
  }
}
	
  .movediv img{
	    width:13%;
  }
  .toprightcornerdiv {
            position: fixed;
        right: 15% !important;
        top: 5% !important;
        pointer-events: none;
        z-index: 5;
        width: 12% !important;
}
.logo.mt-5 {margin-top:2rem !important;}
.logo.mt-5 img{width:150px !important;}
.harirayalogo{
             position: relative;
             top: -13px;
        }
  .wishdiv {
	/*position: absolute;
    /*right: 0px;
    top: 0px;*/
   /* width: 295px;
	right:25px;
	bottom:38%;*/
	position: fixed;
	width: 290px;
    right: 0px;
    bottom: 0%;
	z-index: 2;
	background-color: #ffffff;
	padding-left: 50px;
}
.wishdiv .decrtn{
	width: 18%;
        right: -80px;
        bottom: -80px;
}
/*.wishdiv .word_theme {
   /*  right: 1%;
    bottom: 42%;
    width: 160px; */
	        /*right: 25%; 
        bottom: -5%;
        width: 9%;
}*/
.wishdiv .fly_santa {width:11% !important;z-index:0 !important;}
  .wishesdiv .decrtn {
    position: absolute;
    width: 260px;
    right: -55%;
    bottom: 40%;
    top: 40%;
}
.left_imgLamp {
	width: 7%;
}

/*.wishdiv .word_theme {
    right: 20%;
    bottom: -1%;
    width: 260px;
}*/
.footerdiv img {
	bottom: -75px;
z-index: 1 !important;}
.card-body h1, .maintheme h1 {font-size:20px;}
.LoginDetails li {padding:5px 27px !important;}
.select_companies li a, .singpasscontainer ul.list-inline.loginlinstinline li a {font-size:12.8px;}
.card.login-right {background-position: left !important;}
.topleftdiv {
    
        left: 6px;
        width: 5%;
        top: 0px;
        pointer-events: none;
        z-index: 3;
}
.topleftmiddlediv {
    position: absolute;
        left: 49.5%;
        width: 8%;
        top: 10px;
        pointer-events: none;
        z-index: 2;
}
.select_companies li a {margin: 8px 0px !important;}
/*.container.select_company_container.theme_back {
    height: 300px;
    overflow-y: scroll;
}*/
.select_companies {
    margin: 0;
    padding: 0;
    height: auto;
    overflow-y: auto;
    min-height: 260px;
    max-height: 270px;
}
.select_company_container {height:330px !important;}
}
/*.card.loginCard {height:103vh;}*/

@media only screen and (min-width:1140px) and (max-width:1240px){
	/*.treediv img{
	width:225px;
	}
.wishdiv .word_theme{
    width:200px;
	right: 0px;
	top:54%;
  }
.wishdiv .decrtn {
width:200px;
}

 .movediv img{
	    width:120px;
  }*/
    .flex-row{
        background-image: none !important;
    }
    .bgimage_moblie{
         background-image: url('../../images/login/2026/harirayipusabg.webp') !important;
                 background-position: 150% !important;
    }
  .harirayalogo{
        position: relative;
    top: 30px;
  }
  .treediv img{
	    width: 15%;
    bottom: 0px;
	}
	.toprightdiv {top:4%;right:15%;width:12%;}
	.left_imgLamp {
		display: none;
	}
.wishdiv .word_theme {
       width: 12%;
    right: 1%;
    bottom: 35%;
}
.wishdiv {
	/*position: absolute;
    /*right: 0px;
    top: 0px;*/
   /* width: 295px;
	right:25px;
	bottom:38%;*/
	position: fixed;
    width: 255px;
    right: 0px;
    bottom: 0%;
	z-index: 2;
	background-color: #ffffff;
	padding-left: 50px;
}

.toprightdivwish {
	width: 12%;
	right: 90px;
}
/*.toprightdiv {
	top: -40%;
	right: -20%;
	position: fixed;
	z-index: 0 !important;
}*/
  .footerdiv img {
	  bottom: -15px;
  }

 .movediv img{
	    width:120px;
  }
  .card.login-right {background-position: left !important;}
  .treediv img {left:-20px !important;}
  .topleftdiv {
    position: fixed;
    left: 8px;
    width: 5%;
    top: -10px;
    pointer-events: none;
    z-index: 3;}
	.wishdiv .decrtn {
    width: 19%;
    position: fixed;
    right: -65px;
    bottom: -85px;
    z-index: 2;
    pointer-events: none;}
	.lamps {
    width: 9%;
    position: fixed;
    right: 15%;
    bottom: -28px;
    z-index: 2;
    pointer-events: none;} 
}

@media only screen and (max-width: 1110px) and (min-width: 1097px) {
	.toprightdiv {width: 12% !important;}
	    .treediv img {
        width: 12% !important;
        bottom: 0px !important;
        left: 0px !important;
    }
	    .wishdiv .decrtn {
                width: 21% !important;
        bottom: -85px !important;
        right: -80px !important;
    }
	.card.login-right {background-position:left !important;}
	.headerdiv img {top:-16px !important;}
	.topleftdiv {
        
    left: -8.5%;
    width: 15%;
    top: -7px;
    pointer-events: none;
    z-index: 3;}
	.lamps {
    width: 10% !important;
    position: fixed;
    right: 17%;
    bottom: -30px;
    z-index: 2;
    pointer-events: none;}
}




@media only screen and (min-width:1080px) and (max-width:1140px){
  /*.treediv img{
  width:120px;
  }
  .wishdiv img{
    width:120px;
  }
  .movediv{
  }*/
  
  .treediv img {
        width: 12%;
        bottom: 0px;
        left: 0px;
}
.topleftdiv {
    
        left: 0px;
        width: 8%;
        top: 0px;
        pointer-events: none;
        z-index: 3;
}
.toprightdiv {
        position: fixed;
        width: 13%;
    }
  .wishdiv img{
    width:8% !important;
  }
  .wishdiv .word_theme {
	  width: 220px;
    right: 38%;
    bottom: 15%;
  }
  .left_imgLamp {
	  display: none;
  }
/*.wishesdiv .decrtn {
    width: 50%;
    right: -42%;
    bottom: inherit;
    top: 35%;
}*/
/* .wishdiv {
	
	position: fixed;
    width: 348px;
    right: 0px;
    bottom: 0%;
	z-index: 2;
	background-color: #ffffff;
	padding-left: 50px;
} */
.wishdiv .decrtn {
    width: 20% !important;
    position: fixed;
    right: -70px;
    bottom: -80px;
    z-index: 2;
    pointer-events: none;
}
.lamps {
    width: 10% !important;
    position: fixed;
    right: 15%;
    bottom: -30px;
    z-index: 2;
    pointer-events: none;
}
.movediv img{width:185px;}
.toprightdiv {
	/*top: -15%;
	right: -15%;*/
	position: fixed;
	width: 5% !important;
}
.toprightdiv.toprightcornerdiv {
   width: 12% !important;
        right: 15%;
        top: 10%;
}
  .movediv{
  }
}
@media only screen and (min-width:1020px) and (max-width:1080px){
  /*.treediv img{
 display: none;
  }
.wishdiv .decrtn{
display: none;
}
.footerdiv {
  display: none;
}
 .wishdiv .word_theme {
  display: none;
  }
  .movediv{
    display: none;
  }
  .bottom-line{
    display: none;
  }*/
  .headerdiv img {width: 1800px;top: -45px;}
  .singpasscontainer ul.list-inline.loginlinstinline li a {font-size:14px !important;}
  .card-body h1, .maintheme h1 {font-size:22px !important;}
  
  .treediv img {
       width: 40%;
        bottom: -2px;
        z-index: 2 !important;
        left: -6px;
    }
  .topleftdiv {
        left: 10px;
        width: 10%;
        top: -5px;
        pointer-events: none;
        z-index: 3;
}
.topleftmiddlediv {
    position: absolute;
    left: 46.5%;
    width: 10%;
    top: 10px;
    pointer-events: none;
    z-index: 2;
}
.hero-wrap{background-position: right !important;}
.card.login-right {background-position: left !important;}
  /*.topleftdiv {
	  width: 15%;
  }*/
  /*.wishesdiv .decrtn {
        width: 35%;
    right: -30%;
    bottom: inherit;
    top: 40%;
    z-index: 0 !important;
}*/
.logo.mt-5 img {position:relative;top:4rem;}
.topleftdiv.topleftballondiv, .topleftmiddlediv.toprightballondiv {top:130px;}
.topleftdiv.topleftcrackerdiv {left:14%;top:12%;}
.topleftmiddlediv.toprightcrackerdiv {left:40%;top:12%;}
.wishdiv {
	/*position: absolute;
    /*right: 0px;
    top: 0px;*/
   /* width: 295px;
	right:25px;
	bottom:38%;*/
	position: fixed;
    right: -90px;
    bottom: 0%;
	z-index: 2;
	background-color: #ffffff;
	padding-left: 50px;
}
.wishdiv .decrtn{
	            width: 23%;
        display: block !important;
        bottom: -90px;
        right: -80px;
}
.fly_santa {width:20% !important;}
.lamps {
        width: 20%;
        position: fixed;
        right: -10px !important;
        bottom: -10px;
        z-index: 2;
        pointer-events: none;
}
body{background-size: 100% !important;}
.flex-row{
        background-image: none !important;
    }
    .bgimage_moblie{
         background-image: url('../../images/login/2026/harirayipusabg.webp') !important;
    }
.toprightmiddlediv {
    position: absolute;
    right: 0%;
    width: 42%;
    top: -60px;
    pointer-events: none;
    z-index: 2;
}
.wishdiv {
  display: none;
}
.wishdiv {display: block !important;}
 .wishdiv .word_theme {
            width: 17%;
        right: 7%;
        bottom: -15px;
        display: block !important;
        position: fixed;
 }
  /*.movediv{
    display: none;
  }*/
  .movediv img {
	  width: 15%;
  }
  .bottom-line{
    display: none;
  }
  .left_imgLamp img {
    display: none;
  }
  .toprightdiv {
	/*top: -35px;
	width: 10%;
	right: -35px;
	position: fixed;
	z-index:0 !important;*/
	    position: fixed;
    right: 90px;
    top: 21px;
    pointer-events: none;
    /* z-index: 2; */
    width: 10%;
}
.toprightdivwish {
	top: 50px;
	right: 50px;
	width: 10%;
}
.footerdiv img {
	bottom:-60px !important;
}
/*.hero-wrap {background-image:none !important;}*/
	.toprightdiv {width: 5% !important;
        top: 0%;
        right: 0%;}
		.theme_back {padding:15px !important;}
		.toprightcornerdiv {width: 20% !important;
        right: 12% !important;
        top: 21% !important;}
        .harirayalogo{
             position: relative;
        top: 230px !important;
        width: 250px;
        }
		
}
/*@media only screen and (max-width:1024px) {
	body {background-image:none !important;}
}*/


@media only screen and (max-width:541px) and (min-width: 460px) {
	.logo_white {top:3rem !important;}
	.toprightmiddlediv {width:75%;top:-50px;}
}
@media only screen and (max-width:385px) {
	.card .logo_white {top:0rem !important;}
	.card.companies_div  .logo_white {top:0rem !important;}
}
@media only screen and (max-width:321px) {
	.logo_white {top:0rem !important;}
	.logo_white img {width:120px;}
	.maintheme h1 {font-size:20px;}
	.singpasscontainer ul.list-inline.loginlinstinline li a {font-size:13px !important;}
	/*.forgot_pswd, .forgot_pswd a {text-align:center !important;float:none !important;}*/
	    .toprightdiv {
                display: block !important;
        width: 22%;
        top: 0px;
        right: 5px;
    }
	    .wishdiv .word_theme {
        right: 22% !important;
        bottom: -19px;
        width: 23% !important;display:none !important;
    }
	.toprightdiv {display:none !important;}
	.toprightdiv.toprightcornerdiv {display:block !important;width:28% !important;} 
	    .card-body h1 {
        font-size: 20px !important;
    }
	.maintheme {margin: auto 10% !important;}
	.singpasscontainer ul.list-inline.loginlinstinline li a img {width:20px !important;margin-right:5px !important;}
	.singpasscontainer ul.list-inline.loginlinstinline li a {font-size:13px !important;}
	    .LoginDetails li {
        padding: 10px 14px !important;
    }
	    .treediv img {
        display: block !important;
        width: 50% !important;
        position: fixed;
        left: -2px !important;
        bottom: -2px !important;
		}
	    .topleftdiv {left: 10px !important;width: 14% !important;z-index: 3 !important;top: -5px !important;}
	    .lamps {display:none !important;width: 26% !important;position: fixed;right: -18px !important;bottom: -15px !important;}
	.logo_image {width:120px;}
	
	
}

@media screen and (min-width: 799px) and (min-height: 1279px) and (max-width: 801px) and (max-height: 1281px) {
      .lamps {width: 23% !important;bottom: -10px !important;right: -15px !important;}
		.logo.mt-5 img {top:10rem !important;position:relative !important;}
	  body {background-size:cover !important;}
       .flex-row{
        background-image: none !important;
    }
    .bgimage_moblie{
         background-image: url('../../images/login/2026/harirayipusabg.webp') !important;
    }
}

@media screen and (min-width: 1023px) and (min-height: 599px) and (max-width: 1025px) and (max-height: 601px) {
      .treediv img {width:20% !important;z-index:9 !important;bottom:-2px;left:-10px;}
	  .wishdiv .word_theme {width:13% !important;bottom:-10px !important;} 
}

@media screen and (min-width: 319px) and (min-height: 657px) and (max-width: 321px) and (max-height: 659px) {
      .lamps {bottom: -9.1%;}
}

@media screen and (min-width: 411px) and (min-height: 731px) and (max-width: 413px) and (max-height: 733px) {
      body .treediv img {bottom: -2px !important;}
}

@media screen and (min-width: 359px) and (min-height: 739px) and (max-width: 361px) and (max-height: 741px) {
      .lamps {right: -20px !important;width: 28% !important;bottom:-23px !important;display:none !important;}
	  .wishdiv .word_theme {width: 22% !important;bottom: -2.8% !important;display:none !important;}
	  .topleftdiv {left: 10px !important;top: 0px !important;width: 13% !important;}
      #othersbackbuttonDisplay{
        top: 100px !important;
      }
          .logo_image {
        top: 70px !important;
          }
}

@media screen and (min-width: 359px) and (min-height: 639px) and (max-width: 361px) and (max-height: 641px) {
      .lamps {right: -10px !important;width: 50% !important;bottom:-10px;display:none;}
	  .logo_image {position: relative;top: 30px !important;width: 150px !important; z-index: 999999;}
	  .wishdiv .word_theme {width: 23% !important;right: 0% !important;display: none !important;bottom: -20px;}
	  .topleftdiv {left: 10px !important;top: 0px !important;width: 12% !important;}
}

@media only screen and (max-width:361px) and (min-width:359px) {
	.logo_image {position: relative;top: 55px !important;width: 170px !important; z-index: 999999;}
	.LoginDetails li {padding: 5px 22px !important;}
	#password_login .btn.btn-submit {margin-top:0.5rem !important;padding:8px 54px !important;}
}
@media screen and  (max-width:415px) and (min-width:411px){
    .backbutton2.btn-link{
        top: 100px !important;
    }
}

@media screen and (min-width: 411px) and (min-height: 822px) and (max-width: 413px) and (max-height: 824px) {
	  .lamps {width: 26% !important;bottom: -22px !important;right: -22px !important;display:none !important;}
	  .wishdiv .word_theme {bottom:-3.2% !important;width:25% !important;display:none !important;}
	  .topleftdiv {left: 10px !important;width: 13% !important;z-index: 3 !important;top: -5px !important;}
	  .treediv img {        display: block !important;
        width: 60% !important;
        position: fixed;
        left: 0 !important;
        bottom: -2px !important;}
}

@media screen and (min-width: 413px) and (min-height: 735px) and (max-width: 415px) and (max-height: 736px) {
	  .lamps {display:none !important;bottom: -20px !important;width: 27%;right: -25px !important;}
	  .topleftdiv {left:10px !important;top: -5px !important;width: 12% !important;}
	  .wishdiv .word_theme {bottom:-3.7% !important;width:25% !important;}
	  .treediv img {left: 0px !important;bottom: -2px !important;}
}

@media screen and (min-width: 411px) and (min-height: 731px) and (max-width: 413px) and (max-height: 733px) {
    .lamps {display:none !important;width: 30%;position: fixed;right: -25px !important;bottom: -35px !important;}
	.wishdiv .word_theme {width: 25% !important;bottom: -28px !important;}
	.topleftdiv.onlytopleft {left: 10px !important;width: 13% !important;z-index: 3 !important;top: -5px !important;}
}

@media screen and (min-width: 685px) and (min-height: 1097px) and (max-width: 687px) and (max-height: 1099px) { 
    .topleftdiv {width:13% !important;left:10px !important;}
	.treediv img {left: -108px !important;bottom: -2px !important;}
	.lamps {width: 30%;right: -10px !important;bottom: -10px !important;}
	.wishdiv .word_theme {display:none !important;}
}

@media screen and (min-width: 319px) and (min-height: 532px) and (max-width: 321px) and (max-height: 534px) {
	  .singpasscontainer ul.list-inline.loginlinstinline li a {font-size:11px !important;}
	  .LoginDetails li {padding:5px 14px !important;}
	  .logo_image {position: relative;top: 30px;z-index: 999999;width: 110px;}
	#password_login .btn.btn-submit, .forgot_pswd {margin-top: 0rem !important;}
}

@media screen and (min-width: 392px) and (min-height: 785px) and (max-width: 394px) and (max-height: 787px) {
      .lamps {bottom: -25px !important;width: 28%;right: -25px !important;display:none !important;}
	  .wishdiv .word_theme {width: 25% !important;bottom: -27px !important;}
	  .topleftdiv.onlytopleft {left: 10px !important;top: -5px !important;width: 13% !important;}
	  .treediv img {display: block !important;width: 50% !important;position: fixed;left: -10px !important;bottom: -2px !important;}
      #othersbackbuttonDisplay{
        top:100px !important
      }
}

@media screen and (min-width: 352px) and (min-height: 744px) and (max-width: 354px) and (max-height: 746px) {
      .lamps {bottom: -20px;width: 28%;right: -20px !important;display:none !important;}
	  .wishdiv .word_theme {width: 25% !important;bottom: -25px !important;}
	  .topleftdiv.onlytopleft {left:10px !important;top:-5px !important;width:13% !important;}
}

@media screen and (min-width: 412px) and (min-height: 891px) and (max-width: 431px) and (max-height: 933px) {
      .lamps {display:none !important;bottom: -25px !important;width: 30%;right: -25px !important;}
	  .treediv img {bottom: -2px !important;width: 60% !important;left: -0px !important;}
	  .wishdiv .word_theme {bottom: -30px !important;width: 28% !important;}
	  .topleftdiv {width: 13% !important;left: 10px !important;top: -5px !important;}
      .logo_image {
        position: relative;
        top: 140px;
    }
       #othersbackbuttonDisplay{
        top: 120px !important;
    }
}
@media screen and (min-width: 639px) and (min-height: 359px) and (max-width: 640px) and (max-height: 360px) {
      img , .treediv img, .toprightcornerdiv, .wishdiv .word_theme {display:none !important;}
}

@media screen and (min-width: 598px) and (min-height: 958px) and (max-width: 601px) and (max-height: 961px) {
	  .treediv img {bottom: -2px !important;width: 40% !important;left: -0px !important;}
	  .lamps {bottom: -10px !important;width: 25%;right: -10px !important;}
	  .wishdiv .word_theme {width: 22% !important;bottom: -35px !important;} 
	  .footerdiv img {width:1700px !important;bottom:-100px !important;}
      .logo_image {  position: relative; top: 140px; z-index: 999999;  }
}

@media screen and (min-width: 389px) and (min-height: 843px) and (max-width: 391px) and (max-height: 845px) {
      .lamps {bottom: -20px;width: 29%;right: -25px !important;display:none;}
	  .wishdiv .word_theme {width: 25% !important;bottom: -25px !important;}
	  .topleftdiv.onlytopleft {top:-5px !important;left:10px !important;width:13% !important;}
	  .treediv img {left:-2px !important;bottom:zpx !important;}
      #othersbackbuttonDisplay{
        top: 100px !important;
      }
}

@media screen and (min-width: 383px) and (min-height: 639px) and (max-width: 385px) and (max-height: 641px) {
      .lamps {display:none !important;bottom: -25px !important;width: 29% !important;right: -30px !important;}
	  .wishdiv .word_theme {bottom:-3.5% !important;display:none !important;}
	  .topleftdiv {width: 12% !important;left: 10px !important;top: -5px !important;}
	.logo_image {width:140px;top:54px}
}

@media screen and (min-width: 343px) and (min-height: 881px) and (max-width: 345px) and (max-height: 883px) {
      .lamps {bottom: -20px;width: 28%;right: -20px !important;display:none;}
	  .wishdiv .word_theme {width: 30% !important;bottom: -22px !important;}
	  .topleftdiv.onlytopleft {left:10px !important;top:-5px !important;}
}
@media screen and (min-width: 590px) and (min-height: 1020px) and (max-width: 601px) and (max-height: 1024px) {
      .treediv img {bottom:-2px !important;width: 47% !important;left:-20px !important;}
	  .footerdiv img {width:1500px !important;bottom:-90px !important;}
	  .lamps {width: 29% !important;bottom: -30px !important;right: -40px !important;display:none;}
	  .headerdiv img {top:-30px !important;}
	  .wishdiv .word_theme {width: 21% !important;right: 19% !important;display: none !important;bottom: -35px !important;}
      .logo_image {  position: relative; top: 150px; z-index: 999999;width: 201px; }
}

@media screen and (min-width: 1119px) and (min-height: 729px) and (max-width: 1121px) and (max-height: 732px) {
        .treediv img {width: 11%;bottom: -1px;}
		.topleftdiv {position: absolute;left: -0.9%;width: 14%;}
		.lamps {width: 40% !important;position: fixed;right: -6.7% !important;bottom: -15% !important;}
}

/*@media screen and (min-width: 1279px) and (min-height: 584px) and (max-width: 1281px) and (max-height: 586px) {
      .wishdiv img {bottom: -21.1% !important;width:35% !important;}
	  .lamps {width:35% !important;}
} 

@media screen and (min-width: 1421px) and (min-height: 649px) and (max-width: 1423px) and (max-height: 651px) {
      .wishdiv img {bottom: -20% !important;width:35% !important;}
}

@media screen and (min-width: 1162px) and (min-height: 531px) and (max-width: 1164px) and (max-height: 533px) {
      .lamps {bottom: -20% !important;}
}

@media screen and (min-width: 1240px) and (min-height: 543px) and (max-width: 1242px) and (max-height: 545px) {
      .lamps {width:35% !important;}
	  .wishdiv img {bottom:-19.5% !important;}
}

@media screen and (min-width: 1919px) and (min-height: 868px) and (max-width: 1921px) and (max-height: 870px) {
      .lamps {bottom: -20% !important;}
}

@media screen and (min-width: 2047px) and (min-height: 925px) and (max-width: 2049px) and (max-height: 927px) {
      .lamps {bottom: -20% !important;}
}

@media screen and (min-width: 1299px) and (min-height: 874px) and (max-width: 1301px) and (max-height: 876px) {
      .wishdiv img {bottom:-15.1% !important;}
}

@media screen and (min-width: 1799px) and (min-height: 984px) and (max-width: 1801px) and (max-height: 986px) {
      .lamps {bottom: -17% !important;}
}

@media screen and (min-width: 1919px) and (min-height: 1049px) and (max-width: 1921px) and (max-height: 1051px) {
      .lamps {bottom: -17.5% !important;}
}

	
@media screen and (min-width: 1251px) and (min-height: 494px) and (max-width: 1253px) and (max-height: 496px) {
      .wishdiv img {bottom: -21.1% !important;width:30% !important;}
}

@media screen and (min-width: 1693px) and (min-height: 669px) and (max-width: 1695px) and (max-height: 671px) {
      .wishdiv img {bottom: -19.1% !important;width:30% !important;}
}*/

@media only screen and (max-width:241px) {
	    .LoginDetails li {padding: 0px 14px !important;} 
		.singpasscontainer ul.list-inline.loginlinstinline li a {font-size: 7px !important;}
		.topleftdiv, .lamps, .headerdiv, .treediv img, .toprightdiv, .wishdiv .word_theme, .wishdiv .decrtn, .movediv img, .toprightdivwish, .movingdiv img, .topleftdiv img, .toprightdiv.toprightcornerdiv {display:none !important;}
		.logo_image {position: relative;top: 0px;width: 100px;}
		.maintheme h1 {font-size: 16px;margin: 20px !important;}
		.otherlogin {font-size:10px !important;}
}

@media only screen and (max-width:1164px) and (min-width:1025px) {
	.singpasscontainer ul.list-inline.loginlinstinline li a {font-size:12px !important;}
	.LoginDetails li {padding:4px 27px !important;}
	.card-body h1, .maintheme h1 {font-size:20px !important;}
	#password_login .btn.btn-submit {margin-top:0rem !important;}
	.lamps {width: 13% !important;position: fixed;right: -10px !important;bottom: -10px !important;}
	/*.wishdiv .word_theme {width:13% !important;bottom:-27px !important;animation: slideLeft1025 15s linear infinite;}*/
	.wishdiv .word_theme {width:13% !important;bottom:-15px !important;}
	/*@keyframes slideLeft1025 {
        0% {
            right: -20%;
            opacity: 1;
        }
        80% {
            right: 110%;
            opacity: 1;
        }
        100% {
            right: 110%;
            opacity: 0;
        }
    }*/
	.select_company_container {height: 350px !important;}
	.select_companies li a {font-size:12.8px;margin: 6px 0px;}
	.treediv img {left: -20px !important;bottom: -2px !important;width:18% !important;}
	#password_login .btn.btn-submit {padding:8px 54px !important;}
	.headerdiv img {width: 110%;top: -40px;}
	.logo.mt-5 {margin-top:1rem !important;}
	.logo.mt-5 img {width:125px !important;}
	.topleftdiv.topleftballondiv {width:7%;}
	.topleftmiddlediv.toprightballondiv {width:5%;}
	.topleftdiv {position: absolute;left: 6px;width: 5%;top: -10px;pointer-events: none;z-index: 3;}
	.footerdiv img {bottom:-65px;}
	.christmas_hats p {width:85%;}  
        .flex-row{
        background-image: none !important;
    }
    .bgimage_moblie{
         background-image: url('../../images/login/2026/harirayipusabg.webp') !important;
                 background-position: top;
    }

}

@media only screen and (max-width:1023px) and (min-width:854px) {
	.singpasscontainer ul.list-inline.loginlinstinline li a {font-size:12px !important;}
	.LoginDetails li {padding:4px 27px !important;}
	.card-body h1, .maintheme h1 {font-size:20px !important;}
	#password_login .btn.btn-submit {margin-top:0rem !important;}
	.lamps {width: 35%;position: fixed;right: -5.7%;bottom: -19%;}
	.select_company_container {height: 350px !important;}
	.select_companies li a {font-size:12.8px;margin: 6px 0px;}
	.treediv img {left:10px;}
	#password_login .btn.btn-submit {padding:8px 54px !important;}
	.treediv img {  width:20% !important;
        left: -16px !important;
        bottom: -2px !important;}
		.footerdiv img {bottom:-55px !important;}
	
}

@media screen and (min-width: 819px) and (min-height: 1179px) and (max-width: 821px) and (max-height: 1181px) {
	  .treediv img {width:10% !important;}
	  .topleftdiv.onlytopleft{left:10px !important;width:9% !important;top:-5px !important;}
	  .toprightdiv {width:14% !important;}
	  .topleftdiv.topleftballondiv {width:8% !important;}
	  .lamps {width: 46% !important;right: -6.6% !important;bottom: -8.1% !important;}
	  body {background-size: 200% !important;}
      .harirayalogo {
        position: relative;
        top: 170px;
        width: 220px;
    }
  
}

@media screen and (min-width: 819px) and (max-width: 821px) {
	  .treediv img {width:30% !important;}
	  .topleftdiv {left:0px;width:9% !important;}
	  .toprightdiv {width:9% !important;}
	  .lamps {width: 20% !important;right: -10px !important;bottom: -1px !important;}
	  body {background-size: cover!important;}
         .flex-row{
        background-image: none !important;
    }
    .bgimage_moblie{
         background-image: url('../../images/login/2026/harirayipusabg.webp') !important;
    }
       .card-group{
    display: block;
 }
 .login-right{
   max-width:100%;
 }
 .theme_back{
            max-width: 540px;
 }
 .maintheme {
        margin: 25% 0% auto !important;
    }
    .logo_image{
        position: relative;
    top: 140px;
    }
    .toprighthangdiv.toprightdiv{
        display: none !important;
    }
        .toprightdiv.toprightcornerdiv {
        width: 23% !important;
        right: 6% !important;
        top: 4% !important;
    }
    .backbutton {
    top: 200px;
    color: #383838 !important;
}
.min_class_tab{
  margin-top: 8%;
}
.logo_misalign{
top:180px !important;
}
.hidden-xs{
    display: none !important;
}
    .visible-xs {
        display: block;
    }
    .backbutton2{
            top: 200px;
    }
}

@media screen and (min-width: 911px) and (min-height: 1367px) and (max-width: 913px) and (max-height: 1369px) {
	.topleftdiv.onlytopleft {width:10% !important;}
	.topleftdiv.topleftballondiv, .topleftmiddlediv.toprightballondiv {top:125px;}
	.topleftdiv.topleftcrackerdiv, .topleftmiddlediv.toprightcrackerdiv {display:none;}
      .lamps {bottom: -10px;width: 22% !important;right: -15px !important;position: fixed;z-index: 9;pointer-events: none;animation: santaSlide_iPad 3.5s ease-out forwards;}
      .harirayalogo{
             position: relative;
        top: 230px !important;
        width: 250px;
        }

    @keyframes santaSlide_iPad {
        0% {
            right: -25%;   /* Start fully off-screen (same as reference) */
            opacity: 0;
        }
        20% {
            opacity: 1;
        }
        100% {
            right: -10px;  /* Final position matching your media query */
            opacity: 1;
        }
    }

    .wishdiv .word_theme {
        width: 20% !important;
        bottom: -20px !important;
        position: fixed;
        z-index: 10;
        /*animation: slideLeft_iPad 15s linear infinite;*/
    }

    @keyframes slideLeft_iPad {
        0% {
            right: -20%;   /* Start outside screen (same as your reference) */
            opacity: 1;
        }
        80% {
            right: 110%;   /* Move fully off-screen to the left */
            opacity: 1;
        }
        100% {
            right: 110%;
            opacity: 0;    /* Fade out for smooth loop */
        }
    }
	.fly_santa {width:20% !important;}
}

@media screen and (min-width: 539px) and (min-height: 719px) and (max-width: 541px) and (max-height: 721px) {
      .lamps {bottom: -27px;width: 25%;right: -30px !important;display:none;}
	  .treediv img {left: -10px !important;bottom: -2px !important;width: 40% !important;}
	  .wishdiv .word_theme {bottom: -35px !important;width: 23% !important;}
}


@media screen and (min-width: 1023px) and (min-height: 1365px) and (max-width: 1025px) and (max-height: 1367px) {
	body {background-size:cover !important;}
     .flex-row{
        background-image: none !important;
    }
    .bgimage_moblie{
         background-image: url('../../images/login/2026/harirayipusabg.webp') !important;
    }
}


@media screen and (min-width: 1023px) and (min-height: 599px) and (max-width: 1025px) and (max-height: 601px) { 
      .lamps {width: 15%;right: -20px !important;bottom: -10px;}
	  .select_companies li a {font-size:12.8px !important;}
	  .select_company_container {height: 420px !important;}
	  .headerdiv img {width: 1150px;top: -35px;}
	.logo.mt-5 img {top:0rem !important;width:147px;}
	.topleftdiv.onlytopleft {width:6% !important;}
	.toprightdiv {width:6% !important;}
	.toprightdiv.toprightcornerdiv {top: 3% !important; right: 14% !important;  width: 14% !important;}
}

@media screen and (min-width: 1279px) and (min-height: 799px) and (max-width: 1281px) and (max-height: 801px) {
      .wishdiv img {width: 15%;bottom: -15px;}
	  .wishdiv .word_theme {bottom: -15px;width: 13%;}
        .flex-row{
        background-image: none !important;
    }
    .bgimage_moblie{
         background-image: url('../../images/login/2026/harirayipusabg.webp') !important;
    }
}

@media screen and (min-width: 319px) and (min-height: 567px) and (max-width: 321px) and (max-height: 569px) {
       .singpasscontainer ul.list-inline.loginlinstinline li a {font-size: 10px !important;}
	   .LoginDetails li {padding: 5px 14px !important;}
	   .logo_image {position: relative;top: 28px;width: 130px;}
	.maintheme h1 {font-size: 20px;margin: 20px 0px;}
	.lamps {width: 75%;position: fixed;right: -5px;bottom: -10.1%;}
	#password_login .btn.btn-submit {margin-top:0rem !important;}
	.btn.btn-submit {padding:8px 54px !important;}
}

@media screen and (min-width: 374px) and (min-height: 811px) and (max-width: 376px) and (max-height: 813px) {
      .lamps {bottom: -20px !important;width: 27%;right: -20px !important;display:none;}
	  .topleftdiv {left: 10px !important;top: -5px !important;width: 13% !important;}
	  .wishdiv .word_theme {width: 25% !important;bottom: -25px !important;}
}

@media screen and (min-width: 374px) and (min-height: 666px) and (max-width: 376px) and (max-height: 668px) {
      .lamps {bottom: -20px !important;width: 27%;right: -25px !important;display:none !important;}
	  .topleftdiv {left: 10px !important;top: -5px !important;width: 13% !important;}
	.logo_image { width: 130px;  top: 40px;}
	.wishdiv .word_theme {width: 25% !important;bottom: -25px !important;}
	.treediv img {bottom:-2px !important;}
    #password_login .btn.btn-submit{
        margin-top: 0rem !important;
    }
    #othersbackbuttonDisplay {
        top: 90px !important;
    }

}
 
@media screen and (min-width: 479px) and (min-height: 852px) and (max-width: 481px) and (max-height: 855px) {
      .treediv img {width:35% !important;bottom:-2px;right:-25px !important;}
	  .lamps {bottom: -25px !important;width: 25%;right: -25px !important;display:none !important;}
	  .wishdiv .word_theme {width: 22% !important;bottom: -28px !important;}
}

@media screen and (min-width: 852px) and (min-height: 1279px) and (max-width: 854px) and (max-height: 1281px) {
      .lamps {bottom: -10px !important;width: 25%;right: -15px !important;}
	  .treediv img {width:11% !important;}
	  .wishdiv .word_theme {bottom:-15px !important;}
	  .topleftdiv.onlytopleft {width: 10% !important;left: 10px !important;top: -5px !important;}
	  .logo.mt-5 img {top:11rem !important;position: relative;}
}

@media screen and (min-width: 319px) and (min-height: 479px) and (max-width: 321px) and (max-height: 481px) {
	.LoginDetails li {padding:0px 14px !important;}
	.singpasscontainer ul.list-inline.loginlinstinline li a {font-size:9px !important;}
	.logo_image {position: relative;top: 30px;width: 100px;z-index: 999999;}
	.lamps {width: 70%;position: fixed;right: -5px;bottom: -12.1%;}
	#password_login .btn.btn-submit {margin-top:0rem !important;}
	.btn.btn-submit {padding:6px 54px !important;}
	#password_login .head_h1 {margin-bottom: 35px !important;}
	.backbutton, .backbutton2 {top: 100px !important;}
	.forgot_pswd {margin-top:0px !important;}
}

@media screen and (min-width: 423px) and (min-height: 941px) and (max-width: 425px) and (max-height: 943px) {
      .lamps {bottom: -30px !important;width:30% !important;right:-25px !important;}
	  .treediv img {left:-30px !important;}
	  .topleftdiv.onlytopleft {left:-20px !important;top:-25px !important;}
}

/*@media screen and (min-width: 852px) and (min-height: 1279px) and (max-width: 854px) and (max-height: 1281px) {
      .lamps {bottom: -8%;}
	  .treediv img {width:12%;}
}*/
@media only screen and (min-width: 852px) and (max-width: 854px) {
	.treediv img {width: 40% !important;display: block !important;left: -0px !important;bottom: -2px !important;}
}

@media only screen and (min-width:992px) and (max-width:1020px){
  /*.treediv img{
  width:100px;
  }
  .wishdiv img{
    width:100px;
  }
  .movediv{
  }*/
  .harirayalogo{
            width: 120px !important;
        position: relative;
        top: -23px;
  }
  
  .wishdiv {
	/*position: absolute;
    /*right: 0px;
    top: 0px;*/
   /* width: 295px;
	right:25px;
	bottom:38%;*/
	position: fixed;
    width: 260px;
    right: 0px;
    bottom: 0%;
	z-index: 2;
	background-color: #ffffff;
	padding-left: 50px;
}
.wishdiv .decrtn{
	        width: 21%;
        bottom: -75px;
        right: -70px;
}
	.left_imgLamp img {
    display: none;
	}
	.wishdiv .word_theme {
		right: 35%;
		width: 230px;
		bottom: 15%;
	}

    .treediv img{
  width: 15% !important;
  position: fixed;
  }
  .wishdiv img{
    width:100px;
  }
  .movediv img{
	  width: 150px;
  }
  .topleftdiv {
	  width: 5%;
  }
 .footerdiv {
	 display: none;
 }

.toprightdiv {
	/*top: -15%;
	right: -20%;*/
	width: 12%;
position: fixed;
        top: 2%;}
.lamps {
    width: 10%;
    position: fixed;
    right: 16%;
    bottom: -28px;
    z-index: 2;
    pointer-events: none;
}
.singpasscontainer ul.list-inline.loginlinstinline li a {font-size:13px !important;}
 .flex-row{
        background-image: none !important;
    }
    .bgimage_moblie{
         background-image: url('../../images/login/2026/harirayipusabg.webp') !important;
    }
}
/*--responsive-ends---*/






.snowflakes i,.snowflakes i:after,.snowflakes i:before { background: #98c0e4;z-index:99999; }
.snowflakes i {
  display: inline-block;
  -webkit-animation: snowflakes 8s linear 1s 20;
  -moz-animation: snowflakes 8s linear 1s 20;
  position: relative;
}
.snowflakes i:after, .snowflakes i:before {
   height: 100%;
  width: 100%; 
  content: ".";
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-transform: rotate(120deg);
}
.snowflakes i:before { -webkit-transform: rotate(240deg); }

@-webkit-keyframes snowflakes {
  0% {
    -webkit-transform: translate3d(0,0,0) rotate(0deg) scale(0.6);
  }
  100% {
    -webkit-transform: translate3d(15px, 1200px, 0px) rotate(360deg) scale(0.6);
  };
}

.snowflakes i:nth-child(3n) {
  width: 16px; height: 4px; 
  -webkit-animation-duration: 4s;
  -webkit-animation-iteration-count: 30;
  -webkit-transform-origin: right -45px;
}

.snowflakes i:nth-child(3n+1) {
   width: 24px; height: 6px; 
  -webkit-animation-duration: 6s;
  -webkit-animation-iteration-count: 45;
  -webkit-transform-origin: right -30px;
}

.snowflakes i:nth-child(3n+2) {
 width: 32px; height: 8px; */
  -webkit-animation-duration: 8s;
  -webkit-animation-iteration-count: 60;
  -webkit-transform-origin: right -15px;
}
  

.snowflakes i:nth-child(7n) {
  opacity:.3;
  -webkit-animation-delay: 0s;
  -webkit-animation-timing-function:ease-in;
}
.snowflakes i:nth-child(7n+1) {
  opacity:.4;
  -webkit-animation-delay: 1s;
  -webkit-animation-timing-function:ease-out;
}
.snowflakes i:nth-child(7n+2) {
  opacity:.5;
  -webkit-animation-delay: 1.5s;
  -webkit-animation-timing-function:linear;
}
.snowflakes i:nth-child(7n+3) {
  opacity:.6;
  -webkit-animation-delay: 2s;
  -webkit-animation-timing-function:ease-in;
}
.snowflakes i:nth-child(7n+4) {
  opacity:.7;
  -webkit-animation-delay: 2.5s;
  -webkit-animation-timing-function:linear;
}
.snowflakes i:nth-child(7n+5) {
  opacity:.8;
  -webkit-animation-delay: 3s;
  -webkit-animation-timing-function:ease-out;
}
.snowflakes i:nth-child(7n+6) {
  opacity:.9;
  -webkit-animation-delay: 3.5s;
  -webkit-animation-timing-function:ease-in;
}

/*.select_company_container {height:400px;}*/
.select_company_container {height:350px;}

/*Snow*/
.main {
	/*z-index: 1;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background: linear-gradient(#123, #111);*/
	opacity: 0;
	animation: main-loadup 1s forwards linear, main-loadup-bg 10s forwards linear;
	/*animation-delay: 7s, 8s;*/
}

@keyframes main-loadup {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes main-loadup-bg {
	from {
		background-size: 100% 100%;
		background-position: 0% 0%;
	}

	to {
		background-size: 400% 400%;
		background-position: 0% 100%;
	}
}
.initial-snow {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	pointer-events:none;
}
.initial-snow > * {
	font-size: 18px;
	/*color: #98bbdb;*/
	color: #c6dfec;
	position: absolute;
	top: -5vh;
}
@keyframes snowfall {
	0% {
		transform: translate3d(var(--left-ini), 0, 0);
	}

	100% {
		transform: translate3d(var(--left-end), 110vh, 0);
	}
}
.fly_santa {
    position: fixed;
    width: 12%; 
    top: -20%;
    right: -20%;
    transform: rotate(-35deg) !important;
    animation: santaFly 18s linear infinite;
    z-index: 0;
	pointer-events: none;
}

@keyframes santaFly {
    0% {
        top: -20%;
        right: -20%;
        opacity: 0;
        transform: rotate(-35deg) scale(0.6);
    }

    10% {
        opacity: 1;
    }

    50% {
        transform: rotate(-20deg) scale(0.8);
    }

    90% {
        top: 80%;     /* near ground left */
        right: 90%;
        opacity: 1;
        transform: rotate(-10deg) scale(1);
    }

    100% {
        top: 80%;
        right: 110%;  /* completely off screen on left */
        opacity: 0;   /* fade out before reset */
        transform: rotate(-5deg) scale(1.1);
    }
}


.snow:nth-child(2n) {
	filter: blur(0px);
	font-size: 30px;
}

.snow:nth-child(6n) {
	filter: blur(0px);
	font-size: 30px;
}

.snow:nth-child(10n) {
	filter: blur(0px);
	font-size: 30px;
}

.snow:nth-child(1) {
	--size: 0.8vw;
	--left-ini: 0vw;
	--left-end: -1vw;
	left: 70vw;
	animation: snowfall 9s linear infinite;
	animation-delay: -1s;
}

.snow:nth-child(2) {
	--size: 0.2vw;
	--left-ini: -7vw;
	--left-end: 10vw;
	left: 65vw;
	animation: snowfall 15s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(3) {
	--size: 1vw;
	--left-ini: 6vw;
	--left-end: 6vw;
	left: 1vw;
	animation: snowfall 9s linear infinite;
	animation-delay: -7s;
}

.snow:nth-child(4) {
	--size: 0.2vw;
	--left-ini: -3vw;
	--left-end: 9vw;
	left: 88vw;
	animation: snowfall 14s linear infinite;
	animation-delay: -5s;
}

.snow:nth-child(5) {
	--size: 0.4vw;
	--left-ini: -2vw;
	--left-end: -9vw;
	left: 74vw;
	animation: snowfall 6s linear infinite;
	animation-delay: -4s;
}

.snow:nth-child(6) {
	--size: 0.2vw;
	--left-ini: 5vw;
	--left-end: 1vw;
	left: 35vw;
	animation: snowfall 6s linear infinite;
	animation-delay: -7s;
}

.snow:nth-child(7) {
	--size: 0.4vw;
	--left-ini: -2vw;
	--left-end: -1vw;
	left: 27vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(8) {
	--size: 1vw;
	--left-ini: -9vw;
	--left-end: -2vw;
	left: 69vw;
	animation: snowfall 8s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(9) {
	--size: 0.2vw;
	--left-ini: -1vw;
	--left-end: -5vw;
	left: 84vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -6s;
}

.snow:nth-child(10) {
	--size: 0.2vw;
	--left-ini: 7vw;
	--left-end: -9vw;
	left: 82vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -3s;
}

.snow:nth-child(11) {
	--size: 0.6vw;
	--left-ini: -2vw;
	--left-end: -1vw;
	left: 48vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -1s;
}

.snow:nth-child(12) {
	--size: 0.2vw;
	--left-ini: 5vw;
	--left-end: 6vw;
	left: 39vw;
	animation: snowfall 15s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(13) {
	--size: 0.2vw;
	--left-ini: 6vw;
	--left-end: 5vw;
	left: 3vw;
	animation: snowfall 9s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(14) {
	--size: 0.8vw;
	--left-ini: -5vw;
	--left-end: -2vw;
	left: 49vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(15) {
	--size: 0.6vw;
	--left-ini: 10vw;
	--left-end: 4vw;
	left: 77vw;
	animation: snowfall 7s linear infinite;
	animation-delay: -4s;
}

.snow:nth-child(16) {
	--size: 0.8vw;
	--left-ini: -3vw;
	--left-end: 1vw;
	left: 86vw;
	animation: snowfall 14s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(17) {
	--size: 1vw;
	--left-ini: 6vw;
	--left-end: -7vw;
	left: 18vw;
	animation: snowfall 9s linear infinite;
	animation-delay: -6s;
}

.snow:nth-child(18) {
	--size: 1vw;
	--left-ini: -9vw;
	--left-end: 4vw;
	left: 64vw;
	animation: snowfall 13s linear infinite;
	animation-delay: -7s;
}

.snow:nth-child(19) {
	--size: 1vw;
	--left-ini: 2vw;
	--left-end: -7vw;
	left: 52vw;
	animation: snowfall 15s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(20) {
	--size: 0.4vw;
	--left-ini: 0vw;
	--left-end: 8vw;
	left: 5vw;
	animation: snowfall 8s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(21) {
	--size: 0.6vw;
	--left-ini: -9vw;
	--left-end: -2vw;
	left: 10vw;
	animation: snowfall 12s linear infinite;
	animation-delay: -3s;
}

.snow:nth-child(22) {
	--size: 0.8vw;
	--left-ini: -3vw;
	--left-end: -8vw;
	left: 54vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(23) {
	--size: 0.6vw;
	--left-ini: -7vw;
	--left-end: -8vw;
	left: 20vw;
	animation: snowfall 6s linear infinite;
	animation-delay: -3s;
}

.snow:nth-child(24) {
	--size: 0.4vw;
	--left-ini: 10vw;
	--left-end: -4vw;
	left: 68vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -8s;
}

.snow:nth-child(25) {
	--size: 1vw;
	--left-ini: 3vw;
	--left-end: 5vw;
	left: 90vw;
	animation: snowfall 7s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(26) {
	--size: 1vw;
	--left-ini: -7vw;
	--left-end: 5vw;
	left: 71vw;
	animation: snowfall 13s linear infinite;
	animation-delay: -2s;
}

.snow:nth-child(27) {
	--size: 0.6vw;
	--left-ini: 9vw;
	--left-end: 4vw;
	left: 2vw;
	animation: snowfall 15s linear infinite;
	animation-delay: -5s;
}

.snow:nth-child(28) {
	--size: 1vw;
	--left-ini: -5vw;
	--left-end: 3vw;
	left: 23vw;
	animation: snowfall 12s linear infinite;
	animation-delay: -1s;
}

.snow:nth-child(29) {
	--size: 0.4vw;
	--left-ini: -2vw;
	--left-end: -1vw;
	left: 39vw;
	animation: snowfall 14s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(30) {
	--size: 0.6vw;
	--left-ini: -9vw;
	--left-end: -5vw;
	left: 76vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -5s;
}

.snow:nth-child(31) {
	--size: 0.4vw;
	--left-ini: -5vw;
	--left-end: 3vw;
	left: 14vw;
	animation: snowfall 8s linear infinite;
	animation-delay: -5s;
}

.snow:nth-child(32) {
	--size: 0.2vw;
	--left-ini: 5vw;
	--left-end: -1vw;
	left: 86vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(33) {
	--size: 0.4vw;
	--left-ini: -3vw;
	--left-end: 10vw;
	left: 66vw;
	animation: snowfall 6s linear infinite;
	animation-delay: -6s;
}

.snow:nth-child(34) {
	--size: 1vw;
	--left-ini: -3vw;
	--left-end: 6vw;
	left: 75vw;
	animation: snowfall 14s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(35) {
	--size: 1vw;
	--left-ini: -6vw;
	--left-end: 7vw;
	left: 22vw;
	animation: snowfall 7s linear infinite;
	animation-delay: -5s;
}

.snow:nth-child(36) {
	--size: 1vw;
	--left-ini: 3vw;
	--left-end: 4vw;
	left: 10vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -10s;
}

.snow:nth-child(37) {
	--size: 0.6vw;
	--left-ini: 2vw;
	--left-end: 10vw;
	left: 95vw;
	animation: snowfall 13s linear infinite;
	animation-delay: -6s;
}

.snow:nth-child(38) {
	--size: 0.8vw;
	--left-ini: 5vw;
	--left-end: 8vw;
	left: 34vw;
	animation: snowfall 9s linear infinite;
	animation-delay: -10s;
}

.snow:nth-child(39) {
	--size: 0.8vw;
	--left-ini: 4vw;
	--left-end: 0vw;
	left: 80vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -2s;
}

.snow:nth-child(40) {
	--size: 0.8vw;
	--left-ini: 1vw;
	--left-end: -7vw;
	left: 45vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -4s;
}

.snow:nth-child(41) {
	--size: 0.2vw;
	--left-ini: 9vw;
	--left-end: 10vw;
	left: 82vw;
	animation: snowfall 8s linear infinite;
	animation-delay: -2s;
}

.snow:nth-child(42) {
	--size: 1vw;
	--left-ini: 9vw;
	--left-end: -9vw;
	left: 22vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -6s;
}

.snow:nth-child(43) {
	--size: 0.6vw;
	--left-ini: 5vw;
	--left-end: 8vw;
	left: 66vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -1s;
}

.snow:nth-child(44) {
	--size: 0.6vw;
	--left-ini: -5vw;
	--left-end: -2vw;
	left: 75vw;
	animation: snowfall 12s linear infinite;
	animation-delay: -4s;
}

.snow:nth-child(45) {
	--size: 0.2vw;
	--left-ini: 0vw;
	--left-end: 3vw;
	left: 2vw;
	animation: snowfall 7s linear infinite;
	animation-delay: -5s;
}

.snow:nth-child(46) {
	--size: 0.2vw;
	--left-ini: 8vw;
	--left-end: -3vw;
	left: 94vw;
	animation: snowfall 8s linear infinite;
	animation-delay: -9s;
}

.snow:nth-child(47) {
	--size: 0.6vw;
	--left-ini: -6vw;
	--left-end: -9vw;
	left: 95vw;
	animation: snowfall 11s linear infinite;
	animation-delay: -4s;
}

.snow:nth-child(48) {
	--size: 0.2vw;
	--left-ini: -5vw;
	--left-end: 6vw;
	left: 34vw;
	animation: snowfall 10s linear infinite;
	animation-delay: -6s;
}

.snow:nth-child(49) {
	--size: 0.8vw;
	--left-ini: 4vw;
	--left-end: 8vw;
	left: 22vw;
	animation: snowfall 12s linear infinite;
	animation-delay: -10s;
}

.snow:nth-child(50) {
	--size: 0.2vw;
	--left-ini: -4vw;
	--left-end: 4vw;
	left: 100vw;
	animation: snowfall 14s linear infinite;
	animation-delay: -9s;
}

@media (max-width: 1179px) and (max-height: 821px) and (orientation: landscape) {
    
    /* Your landscape styles here */
        .topleftdiv {
        left:8px;
        width: 6% !important;
        z-index: -1;
        top: 0px;
    }
     .toprightdiv {
        width: 6% !important;
    }
        .harirayalogo {
        position: relative;
        top: -20px !important;
        width: 100px;
    }
    .toprightcornerdiv {
        width: 11% !important;
        right: 15% !important;
        top: 3% !important;
    }
  .flex-row{
        background-image: none !important;
    }
    .bgimage_moblie{
         background-image: url('../../images/login/2026/harirayipusabg.webp') !important;
                background-position: center -225px;
    background-size: cover;
    background-repeat: no-repeat;
    }
}
@media (max-width: 820px) and (max-height: 1180px) and (orientation: portrait) {
    
        .topleftdiv {
        left: 10px;
        animation: slideDown 1.5s ease-out forwards !important;
        }
@keyframes slideDown {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}



}
/* ipad  */
@media (max-width: 1098px) and (max-height: 686px) and (orientation: landscape) {
    
    /* Your landscape styles here */
        .topleftdiv {
        left:8px;
        width: 6% !important;
        z-index: -1;
        top: 0px;
    }
     .toprightdiv {
        width: 6% !important;
    }
        .harirayalogo {
        position: relative;
        top: -30px !important;
        width: 100px;
    }
    .toprightcornerdiv {
        width: 11% !important;
        right: 15% !important;
        top: 3% !important;
    }
    .flex-row{
        background-image: none !important;
    }
    .bgimage_moblie{
         background-image: url('../../images/login/2026/harirayipusabg.webp') !important;
                 background-position: 150% !important;
    }
        .treediv img {
        width: 16% !important;
        }

}

@media only screen and (max-width: 600px) {
     .treediv img{
        display: none !important;
    }
        .theme_back {
        padding: 0px !important;
        background-color: transparent !important;
        border-radius: 0px !important;
        margin: 0;
    }
    .backbutton, .backbutton2 {
        top: 80px !important;
    }
}
@media screen and (min-width: 598px) and (max-width: 601px) {
.backbutton, .backbutton2{
            top: 160px !important;
    }
}
@media screen and (min-width: 479px) and (max-width: 482px) {
.backbutton, .backbutton2{
            top: 100px !important;
    }
}
@media screen and (min-width: 539px) and (max-width: 541px) {
.backbutton, .backbutton2{
            top: 110px !important;
    }
}
@media screen and (min-width: 900px) and (max-width: 913px) {
.logo_image{
        top: 250px !important;
    position: relative;
}
}
/* @media only screen and (min-width:1300px) and (max-width:1600px){
 .flex-row{
        background-size: 120%!important;
    }
}
@media only screen and (min-width: 1390px) and (max-width: 1410px) {
 .flex-row{
        background-size: 120% !important;
    }
}
@media only screen and (min-width:1270px) and (max-width:1275px){
 .flex-row{
        background-size: cover!important;
    }
}
@media only screen and (min-width:1411px) and (max-width:1414px){
 .flex-row{
        background-size: cover!important;
    }
}
@media only screen and (min-width:1150px) and (max-width:1158px){
 .flex-row{
        background-size: cover!important;
    }
} */
@media only screen and (min-width:1300px) and (max-width:1600px){
 .flex-row{
      background-position: center -300px;
    background-size: cover;
    background-repeat: no-repeat;
    }
}