* {
  margin: 0;
  padding: 0; }

*,
::after,
::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

a {
  text-decoration: none;
  -webkit-transition: all 0.5s ease-in-out 0s;
  -o-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s; }
  a:hover {
    text-decoration: none; }
.acme-news-ticker-label a{
  color: #FFF;
}
/*-----------------------------
	News Ticker
------------------------------*/
.acme-news-ticker {
  background: #fff;
  position: relative;
  height: 45px;
  border: 1px solid #ea3057;
  margin-top: 45px; }
  @media (min-width: 768px) {
    .acme-news-ticker {
      margin-top: 0; } }
  .acme-news-ticker-label {
    background: #ea3057;
    padding: 10px;
    width: auto;
    float: left;
    margin-right: 15px;
    line-height: normal;
    height: 100%;
    color: #fff; }
    @media (max-width: 575px) {
      .acme-news-ticker-label {
        position: absolute;
        top: -45px; } }
  .acme-news-ticker-box {
    height: 100%;
    padding-top: 10px;
    overflow: hidden; }
    @media (max-width: 575px) {
      .acme-news-ticker-box {
        padding-left: 10px;
        padding-right: 120px; } }
    .acme-news-ticker-box ul {
      width: 100%;
      list-style-type: none !important;
      padding: 0;
      margin: 0; }
      .acme-news-ticker-box ul li a {
        text-decoration: none; }
  .acme-news-ticker-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0; }
    .acme-news-ticker-controls button {
      height: 100%;
      background: #f6f6f6;
      padding: 0;
      width: 40px;
      border-color: #eeeeee;
      border-style: solid;
      border-width: 0 0 0 1px;
      cursor: pointer;
      display: inline-block; }
      .acme-news-ticker-controls button:hover {
        background: #eeeeee; }
      .acme-news-ticker-controls button.acme-news-ticker-arrow {
        margin: 0;
        display: inline-block;
        position: relative; }
        .acme-news-ticker-controls button.acme-news-ticker-arrow:after {
          border-color: #999;
          border-bottom-style: solid;
          border-bottom-width: 2px;
          border-right-style: solid;
          border-right-width: 2px;
          content: '';
          display: inline-block;
          height: 8px;
          left: 50%;
          position: absolute;
          top: 50%;
          width: 8px; }
      .acme-news-ticker-controls button.acme-news-ticker-pause {
        position: relative;
        display: inline-block; }
        .acme-news-ticker-controls button.acme-news-ticker-pause:before {
          position: absolute;
          content: "";
          width: 10px;
          height: 10px;
          border-color: #999;
          border-style: solid;
          border-width: 0 2px 0;
          -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          left: 50%;
          top: 50%; }
    .acme-news-ticker-controls.acme-news-ticker-horizontal-controls button.acme-news-ticker-prev:after {
      -webkit-transform: translate(-50%, -50%) rotate(135deg);
          -ms-transform: translate(-50%, -50%) rotate(135deg);
              transform: translate(-50%, -50%) rotate(135deg); }
    .acme-news-ticker-controls.acme-news-ticker-horizontal-controls button.acme-news-ticker-next:after {
      -webkit-transform: translate(-50%, -50%) rotate(315deg);
          -ms-transform: translate(-50%, -50%) rotate(315deg);
              transform: translate(-50%, -50%) rotate(315deg); }
    .acme-news-ticker-controls.acme-news-ticker-vertical-controls button.acme-news-ticker-prev:after {
      -webkit-transform: translate(-50%, -50%) rotate(225deg);
          -ms-transform: translate(-50%, -50%) rotate(225deg);
              transform: translate(-50%, -50%) rotate(225deg); }
    .acme-news-ticker-controls.acme-news-ticker-vertical-controls button.acme-news-ticker-next:after {
      -webkit-transform: translate(-50%, -50%) rotate(405deg);
          -ms-transform: translate(-50%, -50%) rotate(405deg);
              transform: translate(-50%, -50%) rotate(405deg); }

/*# sourceMappingURL=style.css.map */






.logo {
  height: 90px; /* initial height */
  transition: height 0.5s; /* smooth transition */
  position: absolute;
  top:-20px;
  }

  .shadow-sm .logo {
  height: 70px; /* normal height */
  top:auto;
  bottom:5px;
  }
  .pakshalika-list{
      list-style: none;
      text-align: left;
      font-size: small;;
  }
  .pakshalika-list li::before{
      color: #000;
      /* content: '\f0da'; */
      /* <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M0 384.7V127.3c0-17.8 21.5-26.7 34.1-14.1l128.7 128.7c7.8 7.8 7.8 20.5 0 28.3L34.1 398.8C21.5 411.4 0 402.5 0 384.7z"/></svg> */
      font-family: "Font Awesome 5 Free"; 
      
  }


  .ekok-effect-2 {
position: relative;
width: 100%;
height: 200px;
overflow: hidden;
border-radius: 7%;
}

.ekok-effect-2 .image-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: transform 0.5s ease-in-out;
background-color: #3e4490;
text-align: center;
color: #fff;
}
.ekok-effect-2 .image-container h2{
color: #fff;
}
.ekok-effect-2 .image-container img {
width: 100%;
height: 100%;
object-fit: cover;
}

.ekok-effect-2 .text-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
padding: 20px;
opacity: 0;
transition: opacity 0.5s ease-in-out;
}

.ekok-effect-2:hover .image-container {
transform: translateX(-100%);
}

.ekok-effect-2:hover .text-container {
opacity: 1;
}


.pin {
  width: 38%;
  height: 38%;
  z-index: 10;
  /* background-color: #000; */
  background: url(../../../../../../images/icon/pin.png) top left no-repeat;
  background-size: contain;
  position: absolute;
  cursor: pointer;
  margin: -22% -6% 0 -12%;
  }
  
  .paper {
  
  background: #fff;
  
  width: 15rem;
  margin: 0 auto;
  height: 22rem;
  position: relative;
  /* box-shadow: 4px 4px 0 #00486B; */
  background-image:
  linear-gradient(
  90deg,
  #fff 12px, 0,
  #00486B 15px, 0,
  #1373A9 20px, 0,
  #fff 100%
  ),
  radial-gradient(
  circle closest-side,
  rgba(255,255,255,0) 88%,
  #fff 100%
  ),
  radial-gradient(
  circle at 22px 8px,
  #1373A9 40%,
  #00486B 40%,
  #00486B 100%
  );
  background-size: 32px 8px, 32px 16px, 32px 16px;
  background-repeat: space no-repeat;
  background-position: center top, center 6px, center 6px;
  
  
  }
@media (min-width: 320px) {
  .pin {
    width: 30%;
    height: 30%;
    z-index: 10;
    /* background-color: #000; */
    background: url(../../../../../../images/icon/pin.png) top left no-repeat;
    background-size: contain;
    position: absolute;
    cursor: pointer;
    right:10px;
    top: 50px;
    /* margin: -8% 0 0 -12%; */
  }
  .logo {
    height: 46px; /* initial height */
    transition: height 0.5s; /* smooth transition */
    position: absolute;
    top:5px;
    }
  
    .shadow-sm .logo {
    height: 46px; /* normal height */
    top:auto;
    top:5px;
    }
    
  .ekok-notice{
  position: absolute;
  

  margin-top: 10px;
  /* border: 1px solid aqua; */
  height: 100vh;
  width: 90%;
  z-index: 1000;
  }
  #booklet-mobile, #ekok-notice-mobile, #ekok-announcements-mobile{
    display: block;
    width:100%;
    padding: 0;
    margin: 0;
  }
  #ekok-notice-mobile ul{
    width:100%;
  }
  #ekok-announcements-mobile .ribbon {
    padding:0!important;
    --r: 0; /* control the cutout */
    margin:0!important;
    border-block: 0!important;
    padding-inline: 0!important;
    line-height: 1.8;
    clip-path:none!important;
    background:radial-gradient(.2em 50% at right,rgba(251, 129, 180, 0.667),#0000) border-box, #2699dc padding-box; /* the color  */
    width:100%!important;
    min-height: 70px!important;
    max-height: 70px!important;
    height: 70px!important;
    border:1px solid red;
  }
  /* paper */
 
  #booklet-desktop, #ekok-notice-desktop, #ekok-announcements-desktop{
    display: none;
  }
}
@media (min-width: 768px) {
  .pin {
    width: 38%;
    height: 38%;
    z-index: 10;
    /* background-color: #000; */
    background: url(../../../../../../images/icon/pin.png) top left no-repeat;
    background-size: contain;
    position: absolute;
    cursor: pointer;
    right:0;
    top: 50px;
    /* margin: -8% 0 0 -12%; */
  }
  .logo {
    height: 76px; /* initial height */
    transition: height 0.5s; /* smooth transition */
    position: absolute;
    top:-27px;
    }
  
    .shadow-sm .logo {
    height: 50px; /* normal height */
    top:auto;
    top:15px;
    }
  .ribbon {
    --r: .8em; /* control the cutout */
    
    border-block: .5em solid #0000;
    padding-inline: calc(var(--r) + .25em) .5em;
    /* line-height: 1.8; */
    clip-path: polygon(0 0,100% 0,100% 100%,0 100%,0 calc(100% - 0em),var(--r) 50%,0 0em);
    background:radial-gradient(.2em 50% at right,#000a,#0000) border-box, #2699dc padding-box; /* the color  */
    width: fit-content;
  }
  .ekok-notice{
  position: absolute;
  right: 2%;

  margin-top: 10px;
  /* border: 1px solid aqua; */
  height: 340px;
  width: 260px;
  z-index: 1000;
  }
  #booklet-mobile, #ekok-notice-mobile, #ekok-announcements-mobile{
    display: none;
  }
  #booklet-desktop, #ekok-notice-desktop, #ekok-announcements-desktop{
    display: block;
  }
}
/* @media (max-width: 801px) {
  #booklet-desktop, #ekok-notice-desktop, #ekok-announcements-desktop{
    display: none;
  }
  #booklet-mobile{
    display: block;
  }
} */

/* paper */


.lift{
width: 100%;
height: 100%;
}
.lift::before, .lift::after {
content: "";
position: absolute;
z-index: -1;
width: 45%;
height: 0.2rem;
bottom: 5px;
box-shadow: 0 0.35rem 6px 2px black;
transition: all 0.4s;
}


.lift::after {
right: 3px;
transform: rotate(5deg);
}
.lift::before {
left: 3px;
transform: rotate(-5deg);
}
.lift:hover::after, .lift:hover::before {
bottom: 17px;
}

.ekok-left-right-effect{
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
font-size: 30px;
position: relative;
animation: ekok-left-right-effect 10s linear 2s infinite alternate;



}
@keyframes ekok-left-right-effect {

0%   {left:0px; top:0px;}
25%  {left:150px; top:0px;}
50%  {left:-150px; top:0px;}
100% {left:0px; top:0px;}
}


.ekok-left-right-effect1 {
  position: absolute;
  right: 0; /* Aligns the image to the right */
  animation: leftRight 2s infinite alternate; /* Add animation */
}

/* Keyframe animation for left-to-right effect */
@keyframes leftRight {
  0% {
      transform: translateX(0); /* Initial position */
  }
  100% {
      transform: translateX(-100px); /* Moves slightly to the left */
  }
}

.ekok-left-right-effect2 {
  position: absolute;
  left: -100; /* Aligns the image to the right */
  bottom: 30px;
  z-index: -1;
  animation: leftRight 2s infinite alternate; /* Add animation */
}

/* Keyframe animation for left-to-right effect */
@keyframes leftRight {
  0% {
      transform: translateX(0); /* Initial position */
  }
  100% {
      transform: translateX(-100px); /* Moves slightly to the left */
  }
}

.feature__card .feature__icon {
position: relative;
z-index: 10;
display: flex
;
justify-content: center;
align-items: center;
background-color: #fefcfb;
border-radius: 50%;
width: fit-content;
padding: 25px;
border: 5px solid rgba(10, 166, 215, 0.2);
margin: 0 auto;
box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
transition: all 0.5s ease;
}
.feature__card .feature__content {
position: relative;
z-index: 5;
margin-top: -50px;
padding: 74px 16px 64px;
background-color: #fefcfb;
box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
text-align: center;
box-shadow: 2px 1px 5px 0px rgba(2, 69, 122, 0.04), 9px 4px 10px 0px rgba(2, 69, 122, 0.03), 19px 10px 13px 0px rgba(2, 69, 122, 0.02), 35px 17px 15px 0px rgba(2, 69, 122, 0.01), 54px 27px 17px 0px rgba(2, 69, 122, 0);
border-radius: 15px;
}
.feature__card .feature__content .feature-bg-shape {
position: absolute;
width: 100%;
height: 64px;
bottom: 0;
right: 0;
border-radius: 0 0 15px 15px;
}

.article-content p, .article-content ul li{
  color:#555;
}