@charset "UTF-8"; 
body { font-family: lato; color: #fff; background: rgb(146,2,97); background: linear-gradient(180deg, rgba(146,2,97,1) 0%, rgba(33,0,43,1) 33%, rgba(146,2,97,1) 66%, rgba(33,0,43,1) 100%); }
.nav-threedee { background: none; font-family: lato; font-weight: light; text-transform: uppercase; padding-top: 20px; padding-bottom: 10px; }
.logo-threedee { width: 200px; height: auto; margin-top: -3px; }
.logo-container span { margin-left: 10px; letter-spacing: 3px; }
.btn-login { background: none; border: 1px solid #fff; text-transform: uppercase; color: #fff; font-size: 1.1rem; padding: 6px 12px; }
.navbar-dark .navbar-nav .nav-link { color: rgba(255,255,255, 0.8); }
.dropdown-item { font-size: 0.8rem; letter-spacing: 1px; color: #fff }
.dropdown-item:hover { background: #c05bf3; color: #fff; }
.footer { background: rgb(33,0,43); background: linear-gradient(to left, rgba(33,0,43,1) 0%, rgba(146,2,97,1) 50%, rgba(33,0,43,1) 100%);  padding: .25rem .75rem;} 
.footer span { color: rgba(255,255,255, 0.8); font-size: 0.9rem; }
.footer span a { color: rgba(255,255,255, 0.8); font-size: 0.9rem; }
.full-width { width: 100%; }
.left-nav { margin-top: -2px; margin-left: 4px;}
.default-width { max-width: 90%; margin: 0px auto; }
section { min-height: 400px; }
main { padding-top: 50px;  }

@media only screen and (min-width: 801px) {
.nav-item { padding-left: 20px; padding-right: 20px; }	
.nav-item, .dropdown-item  { font-size: 1.1rem; letter-spacing: 1px; }
#dropdownmenu1, #dropdownmenu2 { background-color: #21002b; margin: 9px 0px; min-width: 180px;}
h2 { font-size: 60px; }
h1 { font-size: 70px; }
.box1 { margin-top: 100px; }
.txtstyle1 { font-size: 2.4rem; font-family: Lato_bold; text-transform: capitalize; }
body { font-size: 1.4rem; }
.box1,.box2,.box3 { min-height: 600px; opacity: 0.1 }
}
@media only screen and (max-width: 800px) {
#navbarCollapse { background-color: rgba(33,0,43,0.9); margin-top: 20px; padding: 20px; }
.nav-item { padding-left: 10px; padding-right: 10px; }
.nav-item, .dropdown-item  { font-size: 1rem; letter-spacing: 1px; }
#dropdownmenu1, #dropdownmenu2 { background-color: rgba(33,0,43,0.3) !important; margin: 9px 0px; min-width: 180px;}
.hide-sm { display: none; }
.box1 { margin-top: 10px; }
.btn-login { border: none; padding: 0px; padding-left: 5px; }
h2 { font-size: 30px; }
h1 { font-size: 30px; }
.txtstyle1 { font-size: 1.2rem; font-family: Lato_bold; text-transform: capitalize; }
body { font-size: 1.2rem; } 
.box1,.box2,.box3 { min-height: 300px; opacity: 0.1 }
}

.bg-video-wrap { position: relative; overflow: hidden; width: 100%; height: 80vh; }
video { min-width: 100%; min-height: 100vh; z-index: 1;}
.overlay { width: 100%; height: 80vh; position: absolute; top: 0; left: 0; background-image: linear-gradient(45deg, rgba(0,0,0,.2) 50%, rgba(0,0,0,.6) 50%);
  background-size: 3px 3px; z-index: 2;}
.bcontent { text-align: center; color: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 3; max-width: 1000px; width: 100%;
  height: 300px;}
.bcontent .logo { max-width: 700px; margin: 0px auto;}
.h4style { font-family: lato_bold; }
.h2style { font-family: lato_bold; }
.h1style { font-family: lato_bold; line-height: 1.6; }
.slider-image { width: 100%; object-fit: cover; }
.slider-image:hover { transform: scale(1.05);  transition: transform .5s ease; }
.slider-title { font-size: 25px; }
.glow-on-hover { max-width: 370px; height: 50px; border: none; outline: none; color: #fff; background: #c05bf3; cursor: pointer; position: relative; z-index: 0; border-radius: 10px; padding: 5px 20px;  }
.glow-on-hover:before { content: ''; background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000); position: absolute; top: -2px;    left:-2px;    background-size: 400%; z-index: -1; filter: blur(5px); width: calc(100% + 4px); height: calc(100% + 4px); animation: glowing 20s linear infinite;    opacity: 0;    transition: opacity .3s ease-in-out; border-radius: 10px;}
.glow-on-hover:active { color: #000 }
.glow-on-hover:active:after { background: transparent; }
.glow-on-hover:hover:before { opacity: 1; }
.glow-on-hover:after { z-index: -1; content: ''; position: absolute; width: 100%; height: 100%; background: #c05bf3; left: 0; top: 0; border-radius: 10px; }
@keyframes glowing { 0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}
.sec1 { margin-top: -60px; }
.sec4 { background-repeat: no-repeat; background-size: cover; }
.about-sec1 { margin-top: -60px; background-repeat: no-repeat; background-size: cover; background-position: bottom; }
.grid { background-image: linear-gradient(45deg, rgba(0,0,0,.2) 50%, rgba(0,0,0,.6) 50%); background-size: 3px 3px; z-index: 2; }
.about-content { padding-top: 60px; }
.mheight { min-height: 500px; }
.mheight2h { min-height: 200px; }
.mheight3h { min-height: 200px; }
.vcenter { display: flex; justify-content: center; align-items: center; }
.mt60 { margin-top: 60px; }
.mt120 { margin-top: 120px; }
.bbr2 { border-bottom: 4px solid #fff; }
.a-img-box { width: 100%; position: relative; }
.a-img-box img { position: absolute; top: 0; width: 400px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; scale: 0.8 }
.a-img2 { margin-left: -200px; }
.a-img3 { margin-left: 200px; }
.txt1, .txt2 { opacity: 0; scale: 0.8 }
.outer-circle { margin-top: 30px; }
.sticky-img { position: sticky;  position: -webkit-sticky; top: 0; margin-left: 70%; }
.circle-image { width: 500px; height: 500px; border-radius: 50%; border: 20px solid #49003e; position: absolute; top: 0;}
.circle-image2 { width: 500px; height: 500px; position: absolute; top: 0; }
.ani1, .ani2, .ani3 { opacity: 0 }
.team-photo { width: 100%; max-width: 300px; margin: 0px auto; }
.arrow-container img { width: 20px; height: 20px; cursor: pointer; margin-right: 10px; }
.arrow-container { text-align: right; }