.zoom {
  
    transition: transform .2s; /* Animation */
    width: 100px;
    height: 100px;
    margin: 0 auto;
  }
  
  .zoom:hover {
    transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }
  
  
  
  * {
    box-sizing: border-box;
  }
  
  /* Add a gray background color with some padding */
  body {
    font-family: Arial;
    padding: 20px;
    background: white;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
  
  
  }
  
  /* Header/Blog Title */
  .header {
    padding: 15px;
    font-size: 40px;
    text-align: center;
    background: white;
    font-style: italic;
  }
  
  /* Create two unequal columns that floats next to each other */
  /* Left column */
  .leftcolumn {   
    float: left;
    width: 75%;
  }
  
  /* Right column */
  .rightcolumn {
    float: left;
    width: 25%;
    padding-left: 20px;
  }
  
  /* Fake image */
  .fakeimg {
    background-color: #aaa;
    width: 100%;
    padding: 20px;
  }
  
  /* Add a card effect for articles */
  .card {
     background-color: white;
     padding: 20px;
     margin-top: 20px;
     border: none !important ;
  }
  
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* Footer */
  .footer {
    padding: 20px;
    text-align: center;
    background: #ddd;
    margin-top: 20px;
  }
  
  /* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 800px) {
    .leftcolumn, .rightcolumn {   
      width: 100%;
      padding: 0;
    }
  }
  
  .scrollable-div {
    height: 300px;
    overflow-y: auto;
  }
  
  .bog-title{
  background: #642B73;  /* fallback for old browsers */  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #C6426E, #642B73); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  
  
  
  }
  
  .blogsec-color1 {
  /*   background: #ff6e7f;  */
/*background: -webkit-linear-gradient(to right, #bfe9ff, #ff6e7f); */
/*background: linear-gradient(to right, #bfe9ff, #ff6e7f);*/
 background:linear-gradient(to right, #9a5fd4, #3aaae0, #6d5cae);


  }

  .blogsec-color2 {
        background: #9CECFB;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #0052D4, #65C7F7, #9CECFB);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #0052D4, #65C7F7, #9CECFB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }
  .blogsec-color3 {
        background: #9CECFB;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #0052D4, #65C7F7, #9CECFB);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #0052D4, #65C7F7, #9CECFB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }
  .blogsec-color4 {
background: #03001e;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #fdeff9, #ec38bc, #7303c0, #03001e);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #fdeff9, #ec38bc, #7303c0, #03001e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  }
  .blogsec-color5 {
        background: #9CECFB;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #0052D4, #65C7F7, #9CECFB);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #0052D4, #65C7F7, #9CECFB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  }

.listjumbo {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 400px;
}

.slider {
  display: flex;
  width: 100%;
  height: 100%;
   position: relative;
    width: 100%;
}

.slide {
  min-width: 100%;
  height: 100%;

  position: absolute;

}

.slide img {
  width: 100%;
 height: auto;
  object-fit: cover;
}

/*.fade {*/
/*  opacity: 1;*/
/*}*/

.overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white; /* Text color */
    font-size: 2em; /* Adjust font size as needed */
    text-align: center;
    font-weight: bold; /* Optional: Makes the text bold */
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7); /* Optional: Adds shadow for better visibility */
}

.viewjumbo {
    /*background-image: url('https://blog.nimi.co.in/blog/storage/app/public/site_images/blog_pagemin.jpg');*/
    background-size: cover;
    background-position: center;
    height: 500px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: background-size 0.2s ease;
}

.viewjumbo .container {
    text-align: center;
    font-family: "Molle", serif;
    font-weight: 400;
    font-style: italic
}

.overlay{
      position: absolute;
      top:400px;
      /*background-color: #ffcce15c;*/
     
}
.posts{
    background-image: url(https://mdbootstrap.com/img/Photos/new-templates/glassmorphism-article/img5.jpg);
}



.blog-post:hover {
      transform: scale(1.05);
    }
  
  .overlay1{
      position: absolute;
     top: 400px;
      background-color: #ffcce15c;
     
}
  
  /*Carousel*/
  
.marquee {
	overflow-x: clip;
	white-space: nowrap;
	position: relative;
	width: 100%;
}

.marquee-inner {
	display: flex;
	align-items: center;
	gap: 2vw;
	padding: 12vh 0;
	will-change: transform;
}

.marquee-inner .card {
	height: 100%;
	transition: transform 0.5s;
	flex-shrink: 0;
	width: 20vw;
	border-radius: 2rem;
}

.marquee-inner .card:hover {
	transform: scale(1.03);
}

.card {
    white-space: normal; /* This allows the title to wrap instead of overflowing */
  }
  
  
.shadow-lg{
  box-shadow: -1px 0rem 1rem 3px rgb(0 0 0) !important
}
  
#scrollList {
            position: absolute;
            top: 0;
            left: 0;
        }
#scrollList a {
            transition: transform 0.5s ease;
        }
  
  
/*.title {*/
/*    animation: fadeIn 2s forwards;*/
/*}*/

/* Staggered animations */
/*.staggered2 {*/
/*    animation: fadeIn 2s forwards;*/
/*    animation-delay: 1s; */
/*}*/

/*.staggered3 {*/
/*    animation: fadeIn 2s forwards;*/
    /*animation-delay: 1s; */
/*}*/

/* Keyframes for fade-in animation */
/*@keyframes fadeIn {*/
/*    0% {*/
/*        opacity: 0;*/
        /*transform: translateY(30px); */
/*    }*/
/*    100% {*/
/*        opacity: 1;*/
        /*transform: translateY(0); */
/*    }*/
/*}*/

/* Slide fade-out effect for transitions */



/*Main page block card*/

.cardBox1 {
  width: 300px;
  height: 400px;
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 10px 0px,
    rgba(0, 0, 0, 0.5) 0px 2px 25px 0px;
}
.cardmain {
  position: absolute;
  width: 95%;
  height: 95%;
  background: #1b1752;
  border-radius: 20px;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  color: #ffffff;
  overflow: hidden;
  padding: 20px;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 60px -12px inset,
    rgba(0, 0, 0, 0.5) 0px 18px 36px -18px inset;
}
.cardmain h2, .cardmain span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3rem;
  font-weight: 800;
  pointer-events: none;
  opacity: 0.5;
}



.cardmain .contentmain h3 {
  font-size: 3rem;
  padding-bottom: 10px;
}
.cardmain .content p {
  font-size: 1.6rem;
  line-height: 25px;
}
.cardmain .contentmain {
  transform: translateY(100%);
  opacity: 0;
  transition: 0.3s ease-in-out;
}

.cardmain:hover .contentmain {
  transform: translateY(0);
  opacity: 1;
}

.cardmain:hover h2, 
.cardmain:hover span {
  opacity: 0;
}

.cardBox1::before {
  content: "";
  position: absolute;
  width: 40%;
  height: 150%;
  background: #CC95C0;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #7AA1D2, #DBD4B4, #CC95C0);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #7AA1D2, #DBD4B4, #CC95C0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

  animation: glowing01 5s linear infinite;
  transform-origin: center;
  animation: glowing 5s linear infinite;
}

@keyframes glowing {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*main page  about*/

.aboutcard h4{
    text-align: center;
    color: black;
    font-weight: bold;
    width: 100%;
    font-size: 24px;
}
 .aboutcard p{
    text-align: center;
    color:black;
    
}

.aboutcard{
    position: relative;
    margin-top:20px;
    border-radius:20px;
}
.first-card{
    width:300px;
    height: 400px;
    background-color: #D3CCE3;
    position: relative;
    text-align:center;
     border-radius:20px;
         
}
.first-card img{
    width:100%;
  
}
.back-card{
    position: absolute;
    top: 0;
    left: 0;
    width:300px;
    height: 400px;
    transition: transform .4s ease-in;
    /*background: linear-gradient(270deg, rgb(255, 25, 195) 0%, rgb(0, 220, 255) 16%, rgb(122, 255, 0) 82%, rgb(0, 254, 207) 100%);*/
    background: #ADA996;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    z-index: -1;
    box-shadow: 0px 0px 112px -41px rgb(229 204 223), 0 -10px 26px -5px rgb(14 14 14), 0px 0px 112px -41px rgb(71 73 69 / 93%), 0 -10px 26px -5px rgb(196 197 197);
     border-radius:20px;
}
.thid-card{
    position: absolute;
    top: 0;
    left: 0;
    width:300px;
    height: 400px;
    transition: transform .4s ease-in;
    /*background: linear-gradient(270deg, rgb(255, 25, 195) 0%, rgb(0, 220, 255) 16%, rgb(122, 255, 0) 82%, rgb(0, 254, 207) 100%);*/
    background: #ADA996;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #EAEAEA, #DBDBDB, #F2F2F2, #ADA996); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    z-index: -1;
    box-shadow: 0px 0px 112px -41px rgb(255, 25, 195), 0 -10px 26px -5px rgb(0, 220, 255),0px 0px 112px -41px rgb(122, 255, 0) , 0 -10px 26px -5px rgb(0, 254, 207);
     border-radius:20px;
}

.aboutcard:hover .back-card{
    transform: rotate(5deg);
}
.aboutcard:hover .thid-card{
    transform: rotate(-5deg);
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: #D3CCE3;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #E9E4F0, #D3CCE3);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #E9E4F0, #D3CCE3); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

/*Contact us*/


.ag-courses_box {
      margin-top: 20px;
}

.ag-courses_item {
  flex-basis: calc(33.33333% - 30px);
  margin: 0 15px 30px;
  overflow: hidden;
  border-radius: 28px;
}

.ag-courses-item_link {
  display: block;
  padding: 30px 20px;
  background-color: #121212;
  overflow: hidden;
  position: relative;
}

.ag-courses-item_link:hover,
.ag-courses-item_link:hover .ag-courses-item_date {
  text-decoration: none;
  color: #FFF;
}

.ag-courses-item_link:hover .ag-courses-item_bg {
  transform: scale(10);
}

.ag-courses-item_title {
  min-height: 87px;
  margin: 0 0 25px;
  overflow: hidden;
  font-weight: bold;
  font-size: 30px;
  color: #FFF;
  z-index: 2;
  position: relative;
}

.ag-courses-item_date-box {
  font-size: 18px;
  color: #FFF;
  z-index: 2;
  position: relative;
}

.ag-courses-item_date {
  font-weight: bold;
  color: #f9b234;
  transition: color .5s ease;
}

.ag-courses-item_bg {
  height: 128px;
  width: 128px;
  background-color: #f9b234;
  z-index: 1;
  position: absolute;
  top: -75px;
  right: -75px;
  border-radius: 50%;
  transition: all .5s ease;
}

.ag-courses_item:nth-child(2n) .ag-courses-item_bg {
  background-color: #3ecd5e;
}

.ag-courses_item:nth-child(3n) .ag-courses-item_bg {
  background-color: #e44002;
}

.ag-courses_item:nth-child(4n) .ag-courses-item_bg {
  background-color: #952aff;
}

.ag-courses_item:nth-child(5n) .ag-courses-item_bg {
  background-color: #cd3e94;
}

.ag-courses_item:nth-child(6n) .ag-courses-item_bg {
  background-color: #4c49ea;
}

@media only screen and (max-width: 979px) {
  .ag-courses_item {
    flex-basis: calc(50% - 30px);
  }

  .ag-courses-item_title {
    font-size: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .ag-format-container {
    width: 96%;
  }
}

@media only screen and (max-width: 639px) {
  .ag-courses_item {
    flex-basis: 100%;
  }

  .ag-courses-item_title {
    min-height: 72px;
    line-height: 1;
    font-size: 24px;
  }

  .ag-courses-item_link {
    padding: 22px 40px;
  }

  .ag-courses-item_date-box {
    font-size: 16px;
  }
}


.marquee-inner .card:hover {
  transform: scale(1.1);

}

.marquee-inner .card {
  transition: transform 0.5s;
 
}


        
        /*.marquee-inner .card-body:hover {*/
        /*      border-radius: 20px;*/
        /*    background: #77A1D3;  */
        /*    background: -webkit-linear-gradient(to right, #E684AE, #79CBCA, #77A1D3);  */
        /*    background: linear-gradient(to right, #E684AE, #79CBCA, #77A1D3);*/

        /*}*/
        
        /*.marquee-inner .card-body:hover:after {*/
            
        /*    background-color: rgb(255,255,255,0.3);*/
        /*}*/
        
        .marquee-inner .card-body:hover .fplogo {
            display: none;
        }
        
        .marquee-inner .card-body:hover .fptext {
            display: block;
         
        }
        
        
        
          /*animation*/
  
  
  .demo {
	perspective:400px;
	visibility:hidden;
	height:100%;
}

.demo div {
	position:absolute;
	display:inline-block;
	left:50%;
	top:50%;
    font-family: 'Georgia';
	text-transform: uppercase;
	font-weight:900;
	color:#4a4d4c;
	
	font-size: 5rem;
	transform:translate(-50%, -50%);
	white-space:nowrap;
}





/* 2nd text (right) */
.demo div:nth-child(2) {
	font-size: 3rem;
	font-weight:900;
	transform: translateX(25%) translateY(0);
}

/* 3rd text (left) */
.demo div:nth-child(3) {
    		font-size: 3rem;
    	font-weight:900;
     
	transform: translateX(-125%) translateY(0);
}
.demo div:nth-child(1){
   color:#000000;
 
	transform: translateX(-50%) translateY(0);
}
.demo div:nth-child(4) {
    	font-size: 3rem;
	font-weight:900;
	transform: translateX(-50%) translateY(0);
}


 .navbar-bg {
    background: url('https://blog.nimi.co.in/blog/storage/app/public/site_images/homepage_banner.png') no-repeat center center;
    background-size: cover;
    min-height: 100px; /* Default height */
    display: flex;
    align-items: center;
  }

  .demo .side-image {
    position: absolute;
    top: 18%;
    transform: translateY(-50%);
    width: 120px; /* Adjust size */
    opacity: 0.9;
  }

  .demo .left-image {
    left: 0;
  }

  .demo .right-image {
    right: 0;
  }

  /* Optional: hide on small screens */
  @media (max-width: 768px) {
    .demo .side-image {
      display: none;
    }
  }

/*Translation*/


 /* Container styling */
  #google_translate_element {
    background-color: #f8f8ff; /* subtle off-white */
    border: 1px solid #d1c4e9; /* light purple border */
    border-radius: 10px;
    padding: 8px 16px;
    font-family: "Raleway", serif;
    font-weight: bold;
    display: inline-block;
    box-shadow: 0 2px 8px rgba(103, 58, 183, 0.1);
    transition: box-shadow 0.3s ease-in-out;
     
  }

  /* The dropdown select box */
  .goog-te-gadget .goog-te-combo {
    background-color: #673AB7; /* deep purple */
    color: #ffffff;            /* white text */
    border-radius: 6px;
    border: 1px solid #512da8;
    padding: 8px 12px;
    font-size: 14px;
    cursor: pointer;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
    -webkit-appearance: none; /* remove default arrow on some browsers */
    -moz-appearance: none;
    appearance: none;
    min-width: 160px;
  }

  /* Hover state */
  .goog-te-gadget .goog-te-combo:hover {
    
    border-color: #4527a0;
    color: #7e57c2;
  }

  /* Focus state */
  .goog-te-gadget .goog-te-combo:focus {
    outline: none;
    background-color: #9575cd; /* even lighter purple */
    border-color: #311b92;
    color: #fff;
    box-shadow: 0 0 8px 3px rgba(103, 58, 183, 0.5);
  }

  /* Hide Google branding */
  .goog-logo-link,
  .goog-te-gadget span {
    display: none !important;
  }

  /* Container hover effect */
  #google_translate_element:hover {
    box-shadow: 0 4px 12px rgba(103, 58, 183, 0.2);
  }