@import url("https://fonts.googleapis.com/css2?family=Titan+One&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash');
@import url('https://fonts.googleapis.com/css2?family=Itim');

#kavyam {font-family: 'Berkshire Swash';}
.font-Berkshire_Swash  {font-family: 'Berkshire Swash' !important;}
.font-Impact  {font-family: 'Itim' !important}
.wrapper-coming-soon {
  width: 100vw;
  text-align: center;
}
#sw {background: linear-gradient(#4d4946, #fff);}
#nav_section- {background: linear-gradient(#fff, #595655);}
.wrapper-coming-soon span {
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: rgb(0, 0, 0);
  font-size: 100px;
  text-shadow: 0 0px #00237a, 0 0px #04375c;
  transform: translate(0, 100%) rotate(4deg);
  animation: jump 2s ease-in-out infinite;
  display: inline-block;
  font-family: "Titan One", cursive;
  color: rgb(255, 255, 255);
}
.wrapper-coming-soon span:nth-child(1) {
  animation-delay: 120ms;
}
.wrapper-coming-soon span:nth-child(2) {
  animation-delay: 240ms;
}
.wrapper-coming-soon span:nth-child(3) {
  animation-delay: 360ms;
}
.wrapper-coming-soon span:nth-child(4) {
  animation-delay: 480ms;
}
.wrapper-coming-soon span:nth-child(5) {
  animation-delay: 600ms;
}
.wrapper-coming-soon span:nth-child(6) {
  animation-delay: 720ms;
}
.wrapper-coming-soon span:nth-child(7) {
  animation-delay: 840ms;
}
.wrapper-coming-soon span:nth-child(8) {
  animation-delay: 960ms;
}
.wrapper-coming-soon span:nth-child(9) {
  animation-delay: 1080ms;
}
.wrapper-coming-soon span:nth-child(10) {
  animation-delay: 1200ms;
}
.wrapper-coming-soon span:nth-child(11) {
  animation-delay: 1320ms;
}
@keyframes jump {
  33% {
    text-shadow: 0 60px #04375c, 0 150px #182545;
  }
  50% {
    transform: translate(0, 0) rotate(-4deg);
    text-shadow: 0 0px #8fc0a9, 0 0px #84a9ac;
  }
  66.67% {
    text-shadow: 0 -60px #d54062, 0 -150px #8fc0a9;
  }
}
@media screen and (max-height: 500px) {
    .wrapper-coming-soon {
      transform: scale(0.001, 0.001);
    }
  }
  @media screen and (max-width: 576px) {
    .wrapper-coming-soon span {
      font-size: 40px;
      -webkit-text-stroke-width: 1.2px;
    }
    .trans  {width: 0px;}
  }


  
.wrapper-coming-404 {
width: 100vw;
text-align: center;
}
.wrapper-coming-404 span {
-webkit-text-stroke-width: 3px;
-webkit-text-stroke-color: rgb(0, 0, 0);
font-size: 100px;
text-shadow: 0 0px #000000, 0 0px #000000;
transform: translate(0, 100%) rotate(4deg);
animation: jump 1.9s ease-in-out infinite;
display: inline-block;
font-family: "Titan One", cursive;
color: rgb(255, 255, 255);
}
.wrapper-coming-404 span:nth-child(1) {
animation-delay: 120ms;
}
.wrapper-coming-404 span:nth-child(2) {
animation-delay: 240ms;
}
.wrapper-coming-404 span:nth-child(3) {
animation-delay: 360ms;
}
@keyframes jump {
33% {
  text-shadow: 0 60px #ff0000, 0 150px #ff0000;
}
50% {
  transform: translate(0, 0) rotate(-3deg);
  text-shadow: 0 0px #751717, 0 0px #84a9ac;
}
66.67% {
  text-shadow: 0 -60px #aa0000, 0 -150px #770000;
}
}
@media screen and (max-height: 500px) {
  .wrapper-coming-404 {
    transform: scale(0.001, 0.001);
  }
}
@media screen and (max-width: 576px) {
  .wrapper-coming-404 span {
    font-size: 40px;
    -webkit-text-stroke-width: 1.2px;
  }
  .iframe-pr  {
    width: calc(100vw - 10px);
  }
}

#nav_section  {background: linear-gradient(#fff, #5247C7);}
#Activities-section {background: linear-gradient(#291e9e, #fff);}

*{-webkit-box-sizing:border-box;box-sizing:border-box}
body{padding:0;margin:0;}#notfound{position:relative;height:100vh}#notfound 
.notfound{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.notfound{max-width:410px;width:100%;text-align:center}
.notfound .notfound-404{height:280px;position:relative;z-index:-1}
.notfound .notfound-404 h1{font-family:montserrat,sans-serif;font-size:230px;margin:0;font-weight:900;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color: #012f8b;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:cover;background-position:center}
.notfound h2{font-family:montserrat,sans-serif;color:#000;font-size:24px;font-weight:700;text-transform:uppercase;margin-top:0}
.notfound p{font-family:montserrat,sans-serif;color:#000;font-size:14px;font-weight:400;margin-bottom:20px;margin-top:0}
.notfound a{font-family:montserrat,sans-serif;font-size:14px;text-decoration:none;text-transform:uppercase;background:#0046d5;display:inline-block;padding:15px 30px;border-radius:40px;color:#fff;font-weight:700;-webkit-box-shadow:0 4px 15px -5px #0046d5;box-shadow:0 4px 15px -5px #0046d5}@media only screen and (max-width:767px){
.notfound .notfound-404{height:142px}
.notfound .notfound-404 h1{font-size:112px}}

/* Scroll Bar */
body  {overscroll-behavior: contain}

    /* Scroll Bar */
    @media screen and (min-width: 772px) {
      ::-webkit-scrollbar {
        display: flex;
        width: fit-content;
        background: linear-gradient(transparent,transparent);
        overflow: visible;
      }

      ::-webkit-scrollbar-track {
        background-color: hsl(0, 0%, 95%);
        border-radius: 100vw;
        -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3) !important;
        margin-block-start: 8vh;
        margin-block-end: 15vh;
      }
      
      ::-webkit-scrollbar-thumb {
        transition-duration: 2s;
        background-color: hsl(238, 76%, 65%);
        border: .15em solid hsl(0, 0%, 95%);
        border-radius: 100vw;
      }
      ::-webkit-scrollbar-thumb:hover {
        background-color: hsl(247, 59%, 48%);
      }
      .custom-drive-button-dark:hover{color: white !important; background-color: #0dcaf0 !important;}
      .custom-drive-button:hover{color: white !important; background-color: #4232C2 !important;}
    }
    @media screen and (min-width: 992px) {
      ::-webkit-scrollbar-track {
        margin-block-end: 10vh;
      }
      .shadow:hover {
        -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5) !important;
        transform: scale(1.01);
        transition-duration: 0.7s;    
      }
    }

/* Index Sub Card Head */
.sub-card-head  {
  color: #000;
  background-color: #ffffff;
  font-weight: 600;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  font-style: italic;
  border-radius: 1.5em;
}


/* Semi Round */
.semi-btn {border-radius: 1.5ch !important;}
.sub-btn:hover  {color: #ffffff !important;}
/* Paralax Effect */

.paralax-sub  {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  max-height: 100%;
  max-width: 100%;
}

.paralax-sub-extra-img  {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  max-height: 100%;
  min-width: 100%;
}

html  {max-width: 100vw !important; overflow-x: hidden;}

.closebtn {
  font-size: 60px;
  color: #00237a !important;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
.closebtn-dark {
  font-size: 60px;
  color: #0dcaf0 !important;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
.preview-btn  {
  background-color: rgba(0, 0, 0, 0);
  border: none;
}
.m-span {margin-left: 95%;}
@media screen and (max-width: 992px) {.m-span {margin-left: 93%;}}
@media screen and (max-width: 572px) {.m-span {margin-left: 87%;}}

.transition-1s {
  transition-duration: 1s !important;
  -o-transition-duration: 1s !important;
  -moz-transition-duration: 1s !important;
  -webkit-transition-duration: 1s !important;
}


/* Social */

/* End Social */
 /* Portfolio */
  #preview_Social_Portfolio {
    width: 100%;
    height: 0px;
  }
  
  .closebtn-span {
    margin-left: 95%;
  }
  @media (max-width: 552px) {
  #preview_English_Portfolio  {margin-left: 3vw;}
  .closebtn-span {
    margin-left: 87%;
  }
  }

/* English */
  /* English */
  #preview_English_Portfolio  {
    width: 100%;
    height: 0px;
  }
  /* Activity */

    /* First Flight */

      /* Ch 1.1 - A Letter to God */
      #preview_English_Activity_FF_Letter_to_God {
        width: 100%;
        height: 0px;
      }
      /* Ch 1.2 - Dust of Snow */
      #preview_English_Activity_FF_Dust_of_Snow {
        width: 100%;
        height: 0px;
      }
      /* Ch 1.3 - Fire and Ice */
      #preview_English_Activity_FF_Fire_and_Ice {
        width: 100%;
        height: 0px;
      }
      /* Ch 2.1 - Nelson Mandela */
      #preview_English_Activity_FF_Nelson_Mandela {
        width: 100%;
        height: 0px;
      }

    /* Footprints Without Feet */

      /* Ch 1 - Triumph of Surgery */
      #preview_English_Activity_FF_Triumph_of_Surgery {
        width: 100%;
        height: 0px;
      }
    /* Vacation Assignment */
    #preview_English_Activity_Vacation_Assignment {
      width: 100%;
      height: 0px;
    }

  /* Notes */
    
    /* First Flight */

      /* Ch 1.1 - A Letter to God */
      #preview_E_N_FF_Letter_to_God {
        width: 100%;
        height: 0px;
      }
      #preview_E_N_FF_Dust_of_Snow {
        width: 100%;
        height: 0px;
      }
      #preview_E_N_FF_Fire_and_Ice {
        width: 100%;
        height: 0px;
      }
      #preview_E_N_FF_Nelson_Mandela {
        width: 100%;
        height: 0px;
      }
      #preview_E_N_FF_Tiger_in_the_Zoo {
        width: 100%;
        height: 0px;
      }
      #preview_E_N_FF_Amanda {
        width: 100%;
        height: 0px;
      }
      #preview_E_N_FF_Animals {
        width: 100%;
        height: 0px;
      }
      #preview_E_N_FF_Glimpses_of_India {
        width: 100%;
        height: 0px;
      }
      #preview_E_N_FF_Sermon_at_Benares {
        width: 100%;
        height: 0px;
      }
      #preview_E_N_FF_The_Proposal {
        width: 100%;
        height: 0px;
      }

    /* Footprints Without Feet */
    #preview_E_N_FwF_Triumph_of_Surgery {
      width: 100%;
      height: 0px;
    }
    #preview_E_N_FwF_Thief_Story {
      width: 100%;
      height: 0px;
    }#preview_E_N_FwF_FWF {
      width: 100%;
      height: 0px;
    }#preview_E_N_FwF_Hack_Driver {
      width: 100%;
      height: 0px;
    }

    /* Grammer */
    #preview_E_N_G_Placing_Order {
      width: 100%;
      height: 0px;
    }
    #preview_E_N_G_Enquiry {
      width: 100%;
      height: 0px;
    }#preview_E_N_G_Editor {
      width: 100%;
      height: 0px;
    }
/* Science */
    /* Practicals */
      /* 1 */
      #preview_S_P_one  {
        width: 100%;
        height: 0px;
      }
      /* 2 */
      #preview_S_P_two  {
        width: 100%;
        height: 0px;
      }
      /* 5 */
      #preview_S_P_five  {
        width: 100%;
        height: 0px;
      }
      /* 6 */
      #preview_S_P_six  {
        width: 100%;
        height: 0px;
      }
      /* Ohm's Law */
      #preview_S_P_OL  {
        width: 100%;
        height: 0px;
      }

/* Maths */
    /* Term 1 */
      /* Art Integretion Activity */
      #preview_M_AIA  {
        width: 100%;
        height: 0px;
      }
      /* Real Numbers */
      #preview_M_RN  {
        width: 100%;
        height: 0px;
      }
    /* Term 2 */
      /* Clintometer - Trignometry */
      #preview_M_CLN  {
        width: 100%;
        height: 0px;
      }
      /* Arithmetic Progression - Graph */
      #preview_M_AP  {
        width: 100%;
        height: 0px;
      }
      /* Circle - Tangents of the Circle */
      #preview_M_CRCL  {
        width: 100%;
        height: 0px;
      }
      /* 3D Model - Surface Area and Volume */
      #preview_M_3D  {
        width: 100%;
        height: 0px;
      }
    /* Single PDF */
      /* Term 1 */
      #preview_M_T1  {
        width: 100%;
        height: 0px;
      }
      /* Term 2 */
      #preview_M_T2  {
        width: 100%;
        height: 0px;
      }

/* SST */
  /* Notes */
    /* History */
    /* 1 */
    #Preview_N_H_1 {
      width: 100%;
      height: 0px;
    }
    /* 2 */
    #Preview_N_H_2 {
      width: 100%;
      height: 0px;
    }
    
    /* Geography */
    /* 1 */
    #Preview_N_G_1 {
      width: 100%;
      height: 0px;
    }
    /* 3 */
    #Preview_N_G_3 {
      width: 100%;
      height: 0px;
    }
    /* 4 */
    #Preview_N_G_4 {
      width: 100%;
      height: 0px;
    }
    /* 5 */
    #Preview_N_G_5 {
      width: 100%;
      height: 0px;
    }
    /* 6 */
    #Preview_N_G_6 {
      width: 100%;
      height: 0px;
    }
    /* 7 */
    #Preview_N_G_7 {
      width: 100%;
      height: 0px;
    }

    /* Economics */
    /* 1 */
    #Preview_N_E_1 {
      width: 100%;
      height: 0px;
    }
    /* 2 */
    #Preview_N_E_2 {
      width: 100%;
      height: 0px;
    }
    /* 3 */
    #Preview_N_E_3 {
      width: 100%;
      height: 0px;
    }
    /* 4 */
    #Preview_N_E_4 {
      width: 100%;
      height: 0px;
    }
    
    /* Democratic Politics */
    /* 1 */
    #Preview_N_DP_1 {
      width: 100%;
      height: 0px;
    }
    /* 2 */
    #Preview_N_DP_2 {
      width: 100%;
      height: 0px;
    }
    /* 6 */
    #Preview_N_DP_6 {
      width: 100%;
      height: 0px;
    }


/* */ /* Dark Mode */ /* */
/* index.html */
#on_button  {display: block;}
#off_button {display: none;}
/* English.html */  
#on_button-eng  {display: block;}
#off_button-eng {display: none;}