*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.top-container{
    background-image: url(../assets/images/bg/bg-bada.png);
    background-repeat: no-repeat;
    background-size: cover;
    /* background-attachment: fixed; */
    background-size: 100% 100%;
    width: 100%;
    height: 120%;
}

#logo-nav{
    width: 70px;
    height: 50px;
}
#logo-nav2{
    width: 80px;
    height: 58px;
}

.header__logo a{
        text-decoration: none;
        color: white;
        font-family: "Freckle Face", serif;
        font-weight: 400;
        font-style: normal;
        font-size: 25px;
        
    }
.header__logo{
    display: flex;
    padding-right: 10px;
    align-items: center;
    padding-top: 15px;
    padding-left:15px;
    gap: 5px;
    /* max-width: 1500px; */
    /* margin: 0 auto; */
}

.main-nav .menu .menu-item a{
    
}

#site-header-inner{
    /* display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4em 2em; */
    display: flex;
    justify-content: space-between;
}
/* .menu{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
} */


.main-nav{
    /* display: flex;
    justify-content: center;
    align-items: center; */
    display: grid;
    max-width: 1080px;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(101px, 1fr));

    grid-template-rows: auto;

    align-items: center;

    align-content: center;
    align-self: auto;   
    /* background-color: #2F2242; */
    padding-left: 30px;
    border-radius: 0px 0px 20px 20px;

    
    background: linear-gradient(45deg,#29092f,#040404,#390648,#2e2766,#806969);
    background-size:300% 300%;
    animation: color 5s ease-in-out infinite;
    z-index: 99;
}


@keyframes color{
    0% {
        background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
  }

.header__logo__secondary{
    display: flex;
    justify-content: center;
    align-items:center ;
    padding-right: 12px;
    /* gap: 20px; */
}

/* rolling text  */

.rolling-text {
    display: inline-block;
    text-decoration: none;
    color: white;
    font-weight:600;
    font-family: 'Arial Narrow Bold', sans-serif;
    overflow: hidden;
    transition: 0.7s;
}
#home1{
    color:  #2F7AF0;
}

.rolling-text:hover{
    background-color: #2F2242;
    padding: 5px 1px;
    border-radius: 15px;
    font-size: 18px;
    color: #2F7AF0;
    box-shadow: 0 0 0 8px #2F2242,
                0 0 0 8px #ef5305;
}


/* HOME PAGE CSS */
/* .home{
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    max-width: 900px;
    padding: 50px 8% 0;
    justify-content:space-between;
}

.home-container{
    width: 630px;
}

.home-img img{
    width: 400px;
    height: 600px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.home{
    /* min-height: 100vh;
    max-width: 2000px; */
    max-width: 1280px; /* Maximum width set to 1200px */
    margin: 0 auto;    /* Center the container */
    width: 100%;       /* Make it responsive */
    /* display: grid;
    grid-template-columns: repeat(auto-fit,minmax(17rem,1fr)); */
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1.5rem;
}

.home-img img{
    padding-top: 50px;

  display: block;
  width: 100%;
  height: auto;

  padding-right: 261px;

    /* width: 468px;
    height: 711px; */

    width: 668px;
    height: 711px;
}
.two-pic{
    position: relative;
    display: inline-block;
}
.overlay-text{
  position: absolute;
  top: 50%; 
  left: 50%; 
  transform: translate(-50%, -50%); 
  /* background-color: #ca1313;  */
  color: #fff; 
  padding: 10px 20px; 
  font-size: 74px; 
  text-align: center;

  padding-right: 2px;

  color: rgb(255, 255, 255);
    text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px rgb(209, 74, 21), 0 0 82px rgb(243, 138, 17), 0 0 92px rgb(219, 173, 114), 0 0 102px rgb(16, 77, 56), 0 0 151px rgb(59, 128, 57);
    /* font-size: 64px; */
    line-height: 1.5;

    font-weight:800;
    font-family: 'Arial Narrow Bold', sans-serif;

}

.home-text{
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    color: white;
    font-family: "Irish Grover", serif;
    font-weight: 400;
}
#thoda-bada{
    padding: 15px;
    font-size: 25px;
    font-family: "Chakra Petch", serif;
    font-weight: 900;
}



.circle {
    height: 24px;
    width: 24px;
    border-radius: 24px;
    background-color: black;
    position: fixed; 
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 99999999; /* so that it stays on top of all other elements */
  }


  
/* ABOUT US SECTION  STRAT  */

.about-us{
    background-image: url(../assets/images/bg/2nd-page-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    /* background-attachment: fixed; */
    background-size: 100% 100%;
}

.under-about{
    max-width: 1280px; /* Maximum width set to 1200px */
    margin: 0 auto;    /* Center the container */
    width: 100%;       /* Make it responsive */
    background-attachment: fixed;
    padding-bottom:64px ;
}

.txt img{
    height: 100px;
    width: 150px;
}
.txt p{
    color: red;
}
.txt{
    position: relative;
    text-align: center;
    justify-content: center;
}
.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video{
    width: 1500px;
    height: 280px;
}

iframe{
    border-radius: 30px;
}

.navkriti-text h3, .navkriti-text p{
    color: white;
    font-family: "Chakra Petch", serif;
    line-height: 1.5;
    /* font-size: 10px; */
    font-weight: 900;
}
.navkriti-text h3{
    padding-bottom: 30px;
}

.navrkiti{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    gap: 1.5rem;
    padding-top: 50px;
    padding-bottom:64px ;
}

/* start  */

.corner-box.active, .corner-box:hover {
    border-color: #14C2A3;
}

.box-text.active, .box-text:hover {
    box-shadow: 0 0px 32px 0 rgb(0 255 187 / 50%);
}

.wrap-about .box-text {
    margin-top: 20px;
    margin-bottom: 24px;
    
    background: rgba(34, 183, 143, 0.1);
}

.wrap-about .box-text .h7{
    color: rgb(243, 247, 7);
    font-size: 25px;
    font-family: "Irish Grover", serif;
}

/* animation */
@keyframes appear{
    from{
        opacity: 0;
        scale: 0.5;
        /* transform: translateX(-100px); */
    }
    to{
        opacity: 1;
        scale: 1;
        /* transform: translateX(0px); */
    }
}


.wrap-about{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    animation: appear linear;
    animation-timeline: view();
    animation-range: entry 0% ;
}

.countdown__item, .corner-box {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border: 2px solid #105252;
    padding: 18px 20px;
    position: relative;
    z-index: 1;
}

.box-text {
    position: relative;
    background: rgba(34, 183, 143, 0.1);
    transform: translateY(0);
    max-width: 853px;
    width: 1000px;
    height: 100px;
}

.tf-about.style2 .container .box-text.corner-box::before, .tf-about.style2 .container .box-text.corner-box::after {
    background: #15293a;
}

box.active::before, .corner-box:hover::before {
    width: 0 !important;
}

.countdown__item::before, .corner-box::before {
    width: calc(103% - 3rem);
    height: calc(89% + 6px);
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
}

.countdown__item::before, .countdown__item::after, .corner-box::before, .corner-box::after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    content: "";
    position: absolute;
    background: #0e2230;
    z-index: -1;
}

.tf-about.style2 .container .box-text.corner-box::before, .tf-about.style2 .container .box-text.corner-box::after {
    background: #15293a;
}

.countdown__item.active::after, .countdown__item:hover::after, .corner-box.active::after, .corner-box:hover::after {
    height: 0 !important;
}

.countdown__item::after, .corner-box::after {
    /* height: calc(110% - 3rem); */
    width: calc(100% + 4px);
    left: -2px;
    top: 50%;
    transform: translateY(-50%);
}

.countdown__item::before, .countdown__item::after, .corner-box::before, .corner-box::after {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    content: "";
    position: absolute;
    background:#060644;
    z-index: -1;
}

/* .box-text .h7{
    color: rgb(255, 255, 255);
    font-size: 25px;
    font-family: "Irish Grover", serif;
} */

.box-text p{
    color: white;
}

/* footer  */

.footer {
    text-align: center;
    padding: 40px 20px;
    background-color: #0B0C1E;
}

.footer h1 {
    font-size: 1.5rem;
    margin: 0;
}

.footer p {
    font-size: 1rem;
    margin: 10px 0;
}

.footer .social-icons {
    margin: 20px 0;
}

.footer .social-icons a {
    margin: 0 10px;
    color: #FFFFFF;
    font-size: 1.5rem;
    text-decoration: none;
}

.footer .quick-links {
    margin: 20px 0;
    font-size: 1rem;
}

.footer .quick-links span {
    display: block;
}

.footer .email {
    margin: 10px 0;
    font-size: 1rem;
}

.footer .legal {
    margin-top: 30px;
    font-size: 0.9rem;
    color: #B8B8B8;
    display: flex;
    justify-content: space-between;
    /* max-width: 600px; */
    align-items: center;
}

.footer .legal a {
    color: #B8B8B8;
    text-decoration: none;
}

.footer .legal a:hover {
    text-decoration: underline;
}

.footer h1{
    color: white;
    font-size: 36px;
    font-family: "Chakra Petch", serif;
}
.footer h4{
    color: white;
    font-size: 20px;
    font-family: "Chakra Petch", serif;
    padding-top: 12px;
}

.footer p, .footer a, .legal p{
    color: white;
    font-family: "Chakra Petch", serif;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
}

.footer-line{
  width: 100%;
  height: 2px;
  background-color: #fff;
  margin: 0 auto 10px auto;
  opacity: 0.5;
}

.social-icons a:hover{
    color: #2F7AF0;
    transition: 0.3s;
    font-size: 34px;
}


   /* responsive  */

/* nav bar  */

/* #nav-toggle{
    position: absolute;
}

.icon-burger{
    display: none;
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);

}

.icon-burger .line{
    width: 30px;
    height: 5px;
    background-color: white;
    margin: 5px;
    border-radius: 3px;
} */

/* @media screen and (max-width:1100px){
        .main-nav{
            float: none;
            position: fixed;
            z-index: 9;
            left: 0;
            right: 0;
            top: 100px;
            bottom: 100%;
            width: auto;
            height: auto;
            background-color: rgba(0,0,0,.8);
            width: auto;
            flex-direction: column;
            overflow: hidden;
            transition: all .5s ease-in-out;
        }



        .menu-item a{
            font-size: 20px;
        }
        .icon-burger{
            display: block;
        }

        .main-nav:checked ~ .menu-item{
            bottom: 0;
        }
} */

/* ye acha tha par ul nhi hai iss liye nhi ho paa rha tha */
/* .menu-btn{
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    display: none;
}



@media (max-width:1217px){
    .main-nav{
        position: fixed;
        top: 80px;
        left: -100%;
        background: #111;
        height: 100vh;
        width: 100%;
        display: block;
        text-align: center;
        transition: all 0.3s ease;
    }
    #click:checked ~ .main-nav{
        left: 0%;
    }
    .main-nav .menu-item{
        margin: 40px 0;
    } 
    .main-nav .menu-item a{
        font-size: 20px;
        display: block;
    } 

    .menu-btn{
        display: block;
    }
    
} */

.hamburger{
    cursor: pointer;
    display: none;
}
.bar{
    display: block;
    width: 25px;
    height: 3px;
    margin: 5px auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: white;
}

@media (max-width: 1100px){
    .hamburger{
        display: block;
    }

    .hamburger.active .bar:nth-child(2){
        opacity: 0;
    }
    .hamburger.active .bar:nth-child(1){
        transform: translateY(8px) rotate(45deg);
    }
    .hamburger.active .bar:nth-child(3){
        transform: translateY(-8px) rotate(-45deg);
    }

    .main-nav{
        position: fixed;
        left: -100%;
        top: 8%;
        gap: 0;
        flex-direction: column;
        background-color: #262626;
        /* width: 100%; */
        width: 38%;
        /* justify-content: center; */
        text-align: center;
        transition: 0.3s;

        display: flex;
    }

    .menu-item{
        margin: 16px 0;

    }
    .main-nav.active{
        left: 0;
    }
}

@media (max-width: 1220px){

    .home-text p{
        /* color: red; */
        font-size: 25px;

    }
    #thoda-bada{
        font-size: 17px;
    }

    
    .home-text .two-pic img{
        /* width: 408px; */
        width: 800px;
        height: 241px;
    }

    .home-img img{
        width: 553px;
        height: 586px;
    }
}

@media (max-width: 980px){

    .btn{
        display: none;
    }
    .home-img img{
        width: 360px;
        height: 506px;
        padding: 0;
    }
    .home-text p{
        /* color: red; */
        font-size: 12px;

    }

    .header__logo a{
        font-size: 20px;
    }
    #logo-nav {
        width: 53px;
        height: 38px;
    }
    #logo-nav2 {
        width: 69px;
        height: 55px;
        padding-top: 7px;
    }
    .home-text .two-pic img {
        width: 402px;
        height: 186px;
    }
    .home{
        gap: 0;
    }
    .box-text{
        max-width: 723px;
    }
    .home-text p{
        font-size: 24px;
    }

    .video{
        width: 1500px;
        height: 200px;
        /* border-radius: 30px; */
    }
    
    iframe{
        border-radius: 30px;
    }

    .footer h1{
        font-size: 26px;
    }
    .footer p{
        font-size: 14px;
    }
}

@media (max-width: 770px){
    .home-img img{
        width: 278px;
        height: 422px;
        padding: 0;
    }

    .home-text .two-pic img {
        width: 274px;
        height: 182px;
    }

    .header__logo a {
        font-size: 18px;
    }
    .header__logo{
        padding-top: 0;
    }
    #logo-nav {
        width: 41px;
        height: 31px;
    }

    .header__logo a{
        font-size: 18px;
    }

    #thoda-bada {
        font-size: 14px;
        /* color: red; */
    }

    .box-text {
        max-width: 520px;
    }
    .navrkiti{
        flex-direction: column;
    }
    .video{
        width: 550px;
        height: 400px;
        /* border-radius: 30px; */
    }
}

@media (max-width: 566px){
    .home-img img{
        width: 192px;
        height: 320px;
        padding: 0;
    }

    .home-text .two-pic img {
        width: 177px;
        height: 99px;
    }
    .home-text{
        gap: 0;
    }

    .home-text p {
        font-size: 13px;
    }
    #thoda-bada {
        font-size: 7px;
        /* color: red; */
    }

    .video{
        width: 350px;
        height: 200px;
    }
    .box-text {
        max-width: 350px;
    }
    .box-text .h7{
        font-size: 20px;
    }
    .box-text p{
        font-size: 10px;
    }

    /* logo  */
    .header__logo a{
        font-size: 12px;
    }

    #logo-nav{
        width: 35px;
        height: 28px;
    }
    #logo-nav2{
        width: 56px;
        height: 41px;
        padding-right: 10px;
    }

    /* button  */
    .btn{
        display: none;
    }
    .header__logo{
        padding-top: 0px;
    }

    /* footer  */

    .footer h1 {
        font-size: 20px;
    }
    .footer p{
        font-size: 11px;
    }

    .txt img {
        height: 70px;
        width: 119px;
    }

    .navrkiti{
        padding-top: 11px;
        padding-bottom: 34px;
    }
}
footer {
    background-color: #0a0a19;
    color: white;
    padding: 40px 0;
    font-family: Arial, sans-serif;
    line-height: 1.8;
}


.quicklinks .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  gap: 20px; 
}



.quicklinks .container {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap; 
  max-width: 1200px;
  margin: 0 auto;
}

.quicklinks .row {
  display: flex;
  flex-wrap: nowrap; 
  width: 100%;
}

.quicklinks .col-md-2 {
  flex: 1; 
  min-width: 200px;
  margin: 6px;
}





.quicklinks h4 {
    font-size: 25px;
    margin-bottom: 4px;
    border-bottom: 2px solid rgb(5, 4, 100);
    padding-bottom: 3px;
}

.quicklinks h6 {
  font-size: 25px;
  margin-bottom: 8px;
  border-bottom: 2px solid rgb(5, 4, 100);
  padding-bottom: 4px;
  color: #FFF;
 
}

.quicklinks h6 span{
 color: white;
 gap: 10px;
}

.quicklinks ul {
    list-style: none;
    padding: 0;
}

.quicklinks ul li {
    margin-bottom: 8px;
  
}

.quicklinks ul li a {
  text-decoration: none;
    color: white;
    text-decoration: none;
    transition: color 0.3s;
    gap: 10px;
}


.quicklinks ul li a:hover {
  text-decoration: underline;
  margin-left: 5px;
    color: red;
    transition: color 0.3s;
}

.copy-right {
    text-align: center;
    padding-top: 20px;
    font-size: 14px;
}

.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: red;
    color: white;
    padding: 10px;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    display: none;
}

#back-to-top:hover {
    background: #0056b3;
}  




/*  */


footer {
  background-color: #0a0a19;
  color: white;
  padding: 40px 0;
  font-family: Arial, sans-serif;
  line-height: 1.8;
}

.quicklinks .container {
  max-width: 1200px;
  margin: 0 auto;
}

.quicklinks .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.quicklinks .col-md-2 {
  flex: 1;
  min-width: 200px;
  margin: 10px;
}

/* Responsive adjustments */
@media (max-width: 992px) {
  .quicklinks .row {
      justify-content: center;
  }
  .quicklinks .col-md-2 {
      flex: 1 1 45%; 
      text-align: left;
  }
}

@media (max-width: 768px) {

  .quicklinks .row {
    justify-content: flex-start;
}
  .quicklinks .col-md-2 {
      flex: 1 1 100%; 
      text-align: left;

  }
}



.quicklinks .col-md-2:nth-child(4) h4 {
  font-size: 25px; 
}








.popup-overlay {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    z-index: 999;

}

.popup {

font-family: Arial, sans-serif;

    position: absolute;

    top: 52%;

    left: 50%;

    transform: translate(-50%, -50%);

    background: rgb(45 33 66);

    padding: 20px;

    border-radius: 8px;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}

.popup-content {

    text-align: center;

}

.popup .close {

    position: absolute;

    top: 10px;

    right: 10px;

    font-size: 30px;

    cursor: pointer;

    color: #ddd;

}

.popup #emailInput {

    width: 80%;

    padding: 10px;

    margin: 10px 0;

    border: 1px solid #ddd;

    border-radius: 4px;

}

.popup button {

    background-color: #4caf50;

    color: #fff;

    padding: 10px 20px;

    border: none;

    border-radius: 4px;

    cursor: pointer;

    font-size: 16px;

}

.popup-content img{
    width: 700px;
    height: 604px;
    z-index: 999;
}


@media (max-width: 760px){
    .popup-content img {
        width: 600px;
        height: 600px;
    }
}

@media (max-width: 650px){
    .popup-content img {
        width: 480px;
        height: 522px;
    }
}


@media (max-width: 1444px){
    .overlay-text {
        font-size: 56px;
    }
    .home-text .two-pic img{
        width: 600px;
    }
}

@media (max-width: 1305px){

    .home-text .two-pic img {
        width: 527px;
    }


}


@media (max-width: 1108px){

    .home-text .two-pic img {
        width: 421px;
    }

}

@media (max-width: 980px){

    .home-text .two-pic img {
        width: 404px;
    }
}

@media (max-width: 683px){

    .popup-content img {
        width: 540px;
        height: 566px;
    }
    .home-text .two-pic img {
        width: 374px;
    }


}

@media (max-width: 650px){

    .home-text .two-pic img {
        width: 282px;
    }


}

@media (max-width: 585px){

    .popup-content img {
        width: 461px;
        height: 502px;
    }

}
@media (max-width: 509px){

    .popup-content img {
        width: 381px;
        height: 453px;
    }
}
@media (max-width: 475px){

    /* .popup-content img {
        width: 381px;
        height: 453px;
    } */
    .popup-content img {
        width: 275px;
        height: 392px;
    }
    .home-text .two-pic img {
        width: 209px;
    }
}
@media (max-width: 400px){

    .popup-content img {
        width: 272px;
        height: 376px;
    }

    .home-text .two-pic img {
        width: 167px;
    }
}