.show>.dropdown-menu {
   max-height: 900px;
   visibility: visible;
 }

 .dropdown-menu {
   display: block;
   max-height: 0;
   visibility: hidden;
   transition: all 0.35s ease-in-out;
   overflow: hidden;
 }




 .close {
   font-size: 1.5rem;
 }

 .col-12 img {
   opacity: 0.7;
   cursor: pointer;
   margin: 2rem;
   width: 100%;
 }

 .col-12 img:hover {
   opacity: 1;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }

 .v-effect-link {
   list-style-type: none;
   margin: 0;
   padding: 0;
   text-align: left;
   color: white;
 }

 .v-effect-link li {
   display: inline-block;
   min-width: 0em;
   margin: 0 0.5em;
 }

 .v-effect-link a {
   text-decoration: none;
   display: block;
   font-family: "montserrat";
   position: relative;
   color: white;
   padding: .5em 0
 }

 .v-effect-link a:hover {
   color: #c69f73;
 }

 .v-effect-link a:hover:before {
   left: 0;
   width: 100%;
 }

 .v-effect-link a:before {
   content: "";
   position: absolute;
   width: 0;
   height: .5px;
   background-color: #c69f73;
   bottom: calc(-1px);
   right: 0;
   transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
 }

 .v-effect-link1 {
   list-style-type: none;
   margin: 0;
   padding: 0;
   text-align: Center;
   color: white;
 }

 #middleBanner {
   align-items: center;
   color: white;
   font-size: 1.400em;
   font-family: "montserrat";
 }

 #middleBanner1 {
   align-items: center;
   color: white;
   font-size: 1.000em;
   font-family: "montserrat";
 }

 #middleBanner2 {
   align-items: center;
   color: white;
   font-size: 1.100em;
   font-family: "montserrat";
 }

 .parent {
   align-items: center;
   display: flex;
   justify-content: center;

 }

 .child {
   height: 50px;
   width: 50px;
 }

 .ftco-navbar-light.scrolled .nav-link {
   color: #fff !important;
 }




 #myItem {
   margin-buttom: 25px;
   height: 400px;
   width: 400px;
 }


 #slogan {
   font-size: 1.5vw;
   /* make our h1 tag larger */
   font-family: montserrat;
   /* choosing our font */
   background: linear-gradient(#FF671F 10%, #FFFFFF 20%, #046A38 50%);
   /* you can change the colors based on your preference */
   background-clip: text;
   /*it defines how far the background should extend within an element, here we set it to text */
   -webkit-background-clip: text;
   /*for browsers compatibility */
   -webkit-text-fill-color: transparent;
   /* specifies the fill color of text characters. We use transparent to use the background as our text fill  */
   animation: wave 2000ms ease alternate infinite;
   transition: all 0.4s ease;
 }

 @keyframes wave {
   0% {
     background-position: 0 0;
   }

   100% {
     background-position: 1vw 10px;
   }
 }


 body {

   font-weight: 200;
   font-family: "montserrat";
   color: black;
 }

 .container1 {
   position: relative;
   width: 1180px;

   justify-content: center;
   flex-wrap: wrap;
   transform-style: preserve-3d;
   perspective: 500px;
   padding: 50px;
   font-family: "montserrat";
   line-height: 1.8;
 }

 .container {
   position: relative;
   width: 1180px;
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   transform-style: preserve-3d;
   perspective: 500px;
   padding: 50px;
   font-family: "montserrat";
 }

 .container .box {
   position: relative;
   width: 250px;
   height: 350px;
   background: #000;
   transition: 0.5s;
   transform-style: preserve-3d;
   overflow: hidden;
   margin-right: 0;
   margin-top: 45px;
 }

 .container:hover .box {
   transform: rotateY(25deg);
 }

 .container .box:hover~.box {
   transform: rotateY(-25deg);
 }

 .container .box:hover {
   transform: rotateY(0deg) scale(1.25);
   z-index: 1;
   box-shadow: 0 25px 40px rgba(0, 0, 0, 0.5);
 }

 .container .box .imgBx {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }

 .container .box .imgBx:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: linear-gradient(180deg, #f00, #000);
   z-index: 1;
   opacity: 0;
   transition: 0.5s;
   mix-blend-mode: multiply;
 }

 .container .box:hover .imgBx:before {
   opacity: 1;
 }

 .container .box .imgBx img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }

 .container .box .content {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
   display: flex;
   padding: 20px;
   align-items: flex-end;
   box-sizing: border-box;
 }

 .container .box .content button {
   color: #fff;
   transition: 0.5s;
   text-transform: uppercase;
   margin-bottom: 5px;
   font-size: 20px;
   transform: translateY(200px);
   transition-delay: 0.3s;
 }

 .container .box:hover .content button {
   transform: translateY(0px);
 }

 .container .box .content h2 {
   color: #fff;

   text-transform: uppercase;
   margin-bottom: 5px;
   font-size: 20px;


 }

 .container .box .content p {
   color: #fff;
   transition: 0.5s;
   font-size: 14px;
   transform: translateY(200px);
   transition-delay: 0.4s;
 }

 .container .box:hover .content p {
   transform: translateY(0px);
 }

 .button-click{
   transition: all .5s ease;
   color: #fff;
   border: 3px solid white;
   font-family: 'Montserrat', sans-serif;
   text-transform: uppercase;
   text-align: center;
   line-height: 1;
   font-size: 17px;
   background-color: transparent;
   padding: 10px;
   outline: none;
   border-radius: 4px;
 }

 .button-click:hover {
   color: #001F3F !important;
   background-color: #fff;
 }

 .ftco-footer {

   padding: 1em 0;
 }

 .ftco-section {
   padding: 1em 0;

 }

 .myDivName {
   display: none;
   background-color: #1d3b55;
 }

 .image-accel {
   height: 300px;
   width: 400px;
 }

 .section-bg {
   background-color: black;
   background-image: repeating-linear-gradient(120deg, #1d3b55, #1d3b55 2px, transparent 2px, transparent 17.5vw);
 }

 .justify-text {
   text-align: justify;
 }

 .homepage-header {
   background-color: #1d3b55;
   position: relative;
 }

 .starcLogo {
   max-width: 50%;
   height: auto;
 }

 .hindi-name {
   padding-top: 25px;
 }

 .iso-name {
   color: #fff;
   font-size: 14px;
 }

 .header-data-navbar {
   background-color: #96C40F;
 }

 .header-data-navbar-back {
   background-color: #252e38;
   color: #fff;
 }