*{
    margin: 0;
    padding: 0;
}
.adx_wrapper{
    width: 100dvw;
    height: 100dvh;
    top: 0;
    left: 0;
    position: fixed;
      z-index: 2147483648;
        display: none;
    opacity: 0;


}

.adx_container{
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    position: absolute;

   
   
}
.adx_bg{
      width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    position: absolute;
    background: url(//creatives.adxbird.com/2026/january/dhalai/welcome/ittefaq/img/bg3.png) no-repeat;
    background-size: 100% 100%; 
        display: none;
    opacity: 0;
}
.adx_bg2{
      width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    position: absolute;
    background: url(//creatives.adxbird.com/2026/january/dhalai/welcome/ittefaq/img/bg6.png) no-repeat;
    background-size: 100% 100%; 
    display: none;
    opacity: 0;
}

.adx_left{
  width: 50%;
  height: 100%;
  left: 0%;
  top: 0%;
  position: absolute;
  background: url(//creatives.adxbird.com/2026/january/dhalai/welcome/inqilab/left.png) no-repeat;
  background-size: 100% 100%;
}
.adx_right{
  width: 50%;
  height: 100%;
  right: 0%;
  top: 0%;
  position: absolute;
    background: url(//creatives.adxbird.com/2026/january/dhalai/welcome/inqilab/right.png) no-repeat;
  background-size: 100% 100%;
}
.adx_pack {
    width: auto;
    height: 60%;
    left: 42%;
    top: 27%;
    position: absolute;
        display: none;
    opacity: 0;
}
.adx_mgi_logo {
    width: auto;
    height: 7%;
    left: 4%;
    top: 5%;
    position: absolute;
        display: none;
    opacity: 0;
}
.adx_dhalai_logo {
    width: auto;
    height: 40%;
    left: 64%;
    top: 26%;
    position: absolute;
        display: none;
    opacity: 0;
}
.adx_text {
    width: auto;
    height: 8.5%;
    left: 64.5%;
    top: 68%;
    position: absolute;
        display: none;
    opacity: 0;
}

.adx_logo{
    width: 38px;
    height: 38px;
    left: 0%;
    top: 0%;
    position: absolute;
        display: none;
    opacity: 0;
 
    

}
.adx_close_btn{
    width: 38px;
    height: 38px;
    right: 0%;
    top: 0%;
    position: absolute;
  cursor: pointer;
      display: none;
    opacity: 0;

   
 
}
.float{
    animation-name: float;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
  
}
.float2{
    animation-name: float2;
    animation-duration: 5s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite
  
}
@keyframes float2 {
    0% {
        transform:  translateY(0);
    }
    50% {
        transform:  translateY(-20px);
    }
    100% {
        transform:  translateY(0);
    }
}
@keyframes float {
    0% {
        transform: rotate(21deg) translateY(0);
    }
    50% {
        transform: rotate(21deg) translateY(-20px);
    }
    100% {
        transform: rotate(21deg) translateY(0);
    }
}

@media (max-width: 1780px) {
.adx_wrapper{
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    position: fixed;
      z-index: 2147483648;
            display: none;
      opacity: 0;
  
    

}

.adx_container{
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    position: absolute;
    background-size: 100% 100%;
          display: none;
      opacity: 0;

    
   
}
.adx_bg{
      width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    position: absolute;
    background: url(//creatives.adxbird.com/2026/january/dhalai/welcome/ittefaq/img/bg3.png) no-repeat;
    background-size: 100% 100%; 
        display: none;
    opacity: 0;
}
.adx_bg2{
      width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    position: absolute;
    background: url(//creatives.adxbird.com/2026/january/dhalai/welcome/ittefaq/img/bg6.png) no-repeat;
    background-size: 100% 100%; 
    display: none;
    opacity: 0;
}
.adx_pack {
    width: auto;
    height: 62%;
    left: 42%;
    top: 26%;
    position: absolute;
        display: none;
    opacity: 0;
}
.adx_mgi_logo {
    width: auto;
    height: 8%;
    left: 4%;
    top: 6%;
    position: absolute;
        display: none;
    opacity: 0;
}
.adx_dhalai_logo {
    width: auto;
    height: 41%;
    left: 64%;
    top: 26%;
    position: absolute;
        display: none;
    opacity: 0;
}
.adx_text {
    width: auto;
    height: 9%;
    left: 64%;
    top: 70%;
    position: absolute;
        display: none;
    opacity: 0;
}
.adx_logo{
    width: 38px;
    height: 38px;
    left: 0%;
    top: 0%;
    position: absolute;
          display: none;
      opacity: 0;
   
    

}
.adx_close_btn{
    width: 38px;
    height: 38px;
    right: 0%;
    top: 0%;
    position: absolute;
          display: none;
      opacity: 0;

   
 
}
}
@media (max-width: 448px) {
.adx_wrapper{
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    position: fixed;
      z-index: 2147483648;
            display: none;
      opacity: 0;
  
    

}

.adx_container{
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    position: absolute;
    background-size: 100% 100%;
          display: none;
      opacity: 0;

    
   
}
.adx_bg{
      width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    position: absolute;
    background: url(//creatives.adxbird.com/2026/january/dhalai/welcome/ittefaq/img/mbg.png) no-repeat;
    background-size: 100% 100%; 
        display: none;
    opacity: 0;
}
.adx_bg2{
      width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    position: absolute;
   background: url(//creatives.adxbird.com/2026/january/dhalai/welcome/ittefaq/img/mbg2.png) no-repeat;
    background-size: 100% 100%; 
    display: none;
    opacity: 0;
}
.adx_left{
  width: 50%;
  height: 100%;
  left: 0%;
  top: 0%;
  position: absolute;
  background: url(//creatives.adxbird.com/2026/january/dhalai/welcome/inqilab/ml.png) no-repeat;
  background-size: 100% 100%;
}
.adx_right{
  width: 50%;
  height: 100%;
  right: 0%;
  top: 0%;
  position: absolute;
    background: url(//creatives.adxbird.com/2026/january/dhalai/welcome/inqilab/mr.png) no-repeat;
  background-size: 100% 100%;
}
.adx_pack {
    width: auto;
    height: 45%;
    left: 22%;
    top: 41%;
    position: absolute;
        display: none;
    opacity: 0;
}
.adx_dhalai_logo {
    width: auto;
    height: 19%;
    left: 22%;
    top: 11.5%;
    position: absolute;
        display: none;
    opacity: 0;
}
.adx_text {
    width: auto;
    height: 4.2%;
    left: 24.4%;
    top: 32.5%;
    position: absolute;
        display: none;
    opacity: 0;
}
.adx_mgi_logo {
    width: auto;
    height: 4.2%;
    left: 5%;
    top: 4%;
    position: absolute;
        display: none;
    opacity: 0;
}
.adx_logo{
    width: 28px;
    height: 28px;
    left: 0px;
    top: 0px;
    position: absolute;
          display: none;
      opacity: 0;
   
    

}
.adx_close_btn{
    width: 28px;
    height: 28px;
    right: 0px;
    top: 0px;
    position: absolute;
          display: none;
      opacity: 0;

   
 
}
}