element {
}
.bg-dark {
  background-color: #0C2B4B !important;
  height:30px;
}
.text-light {
  color: #F3F6F8 !important;
}
.p-0 {
  padding: 0 !important;
}
.container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  width: 100%;
  padding-right: var(--bs-gutter-x, .75rem);
  padding-left: var(--bs-gutter-x, .75rem);
  margin-right: auto;
  margin-left: auto;
}
*, ::before, ::after {
  box-sizing: border-box;
}
body {
  font-family: "Work Sans",sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #757575;
  -webkit-text-size-adjust: 100%;
}
:root {
  --primary: #F3BD00;
  --secondary: #757575;
  --light: #F3F6F8;
  --dark: #0C2B4B;
}
/*Nav start*/

*, ::before, ::after {
  box-sizing: border-box;
}
body {
  font-family: "Work Sans",sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #757575;
  -webkit-text-size-adjust: 100%;
}
:root {
  --primary: #F3BD00;
  --secondary: #757575;
  --light: #F3F6F8;
  --dark: #0C2B4B;
}
/*Nav end*/

/*carousel start*/
element {
}
.carousel {
  position: relative;
}
*, ::before, ::after {
  box-sizing: border-box;
}
body {
  font-family: "Work Sans",sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #757575;
  -webkit-text-size-adjust: 100%;
}
:root {
  --primary: #F3BD00;
  --secondary: #757575;
  --light: #F3F6F8;
  --dark: #0C2B4B;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
  width: 3rem;
  height: 3rem;
  background-color: var(--primary);
  border: 10px solid var(--primary);
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-control-prev-icon, .carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
*, ::before, ::after {
  box-sizing: border-box;
}
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus {
  color: #fff;
}
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {
  cursor: pointer;
}
.carousel-control-prev, .carousel-control-next {
  color: #fff;
  text-align: center;
}
button, select {
  text-transform: none;
}
input, button, select, optgroup, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
/*carousel end*/

           .page-header{
                background-image: linear-gradient(rgba(0, 0, 0, 0.527),rgba(0, 0, 0, 0.5)) , url(images/bg1.jpg);
                padding:60px;

            }
            .w3-animate-top{
                animation:animatetop 2s;
            }
            a,nav-link{
                
                 text-decoration:none;
            }
            
            #content{
                line-height: 1.8;
  color: #898a8b;
  font-size: 1rem;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  word-wrap: break-word;
            }
           
            span{
                color:red;
                font-size:17px;
            }
            .enquier{
                font-family: "Oswald", serif;
                  font-weight: 700;
                  line-height: 1.4;
                  color: #1e2226;
            }
            .head{
                font-weight: 700;
  line-height: 1.4;
  color: #1e2226;
            }
            #detail{
                font-family: "Oswald", serif;
  font-weight: 700;
  line-height: 1.4;
            }
            
            #button{
                background-color:#6f2dbd;
                padding:13px;
                padding-left:45px;
                padding-right:45px;
                color:white;
                border-radius:50px;
                border:1px solid #6f2dbd;
            }
            #button:hover{
                color: white;
                  background-color: #c08552;
                  border-color:#c08552;
            }

  
           
            #container{
                position:relative;
                /*width:1100px;*/
                display:flex;
                justify-content:center;
                align-items:center;
                flex-wrap:wrap;
                padding:30px;
            }
            #container .mycard{
                position:relative;
                max-width:300px;
                height:150px;
                background:white;
                margin:30px 10px;
                padding:20px 15px;
                display:flex;
                flex-direction:column;
                box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
                transition:0.4s ease-in-out;
            }
            #container .mycard:hover{
                height:300px;
            }
            #container .mycard .cimg{
                position:relative;
                width:260px;
                height:146px;
                top:-60px;
                left:20px;
                z-index:1;
                /*box-shadow:0 3px 50px rgba(0,0,0,0.5);*/
            }
            #container .mycard .cimg img{
                max-width:85%;
                border-radius:6px;
                width:100%;
                height:146px;
            }
            #container .mycard .cdetail{
                position:relative;
                margin-top:-140px;
                padding:10px 15px;
                text-align:center;
                color:black;
                font-family:monospace;
                visibility:hidden;
                opacity:0;
                transition:0.4s ease-in-out;
            }
            #container .mycard:hover .cdetail{
                visibility:visible;
                opacity:1;
                margin-top:-50px;
            }
            #img{
                height:200px;
                width:85%;
            }
            .page-header{
                background-image: linear-gradient(rgba(0, 0, 0, 0.527),rgba(0, 0, 0, 0.5)) , url(images/bg1.jpg);
                padding:60px;

            }
            .w3-animate-top{
                animation:animatetop 2s;
            }
            a,nav-link{
                
                 text-decoration:none;
            }
       
            .page-header{
                background-image: linear-gradient(rgba(0, 0, 0, 0.527),rgba(0, 0, 0, 0.5)) , url(images/bg1.jpg);
                padding:60px;

            }
            .w3-animate-top{
                animation:animatetop 2s;
            }
            #ques{
                font-family: "Oswald", serif;
                  margin-bottom: 1rem;
                  margin-top: 0.75rem;
                  font-weight: 700;
              line-height: 1.4;
              color: #1e2226;
                }
            h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
              font-weight: 700;
              line-height: 1.4;
              color: #1e2226;
                        }
                       
           #icon{
               position: relative;
               left: 137px;
               font-size: 40px;
               background-color: #e5061c;
  color: white;
  border-radius:50%;
  padding:20px;
           }
            #add-column:hover{
                
            }

     .w3-animate-bottom{
                animation:animatebottom 2s;
            }          
.w3-animate-left{
                animation:animateleft 4s;
            }
            #about{
               
                /*box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;*/
            }
            .about-content{
                margin-top:10px;
            }
 /* system view */

        @media screen and (min-width: 1220px) {
            #mobile-view{
                display:none;
            }
             #side-img{
                width:511px;
                padding-top:20px;
                padding-left:50px;
                height:268px;
                transition:2s;
            }
            #side-img:hover{
                transform:scale(1.2);
                
                
            }
            #side-img{
                cursor:pointer;
            }
            /*purchase*/

        }
    /* mobile view */

        @media screen and (max-width: 1220px) {
            #system-view{
                display:none;
            }
            #side-img{
                width:370px;
                padding-top:20px;
                padding-left:10px;
                height:268px;
                transition:2s;
            }
            #side-img:hover{
                transform:scale(1.2);
                
                
            }
            #side-img{
                cursor:pointer;
            }
            #side-info{
                padding-left:10px;
            }


        }
        #logo-img{
            width:150px;
            height:70px;
        }
        /*contact*/
         #map{
       width:100%;
   }
   #contact1{
       background-color: #cdc1ff;
background-image: linear-gradient(316deg, #cdc1ff 0%, #e5d9f2 74%);
   }
  

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}