/** Global Style **/
body,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {font-family: 'Montserrat', sans-serif;}
body {font-weight: medium;overflow-x: hidden;background-image: url("../images/banner-bg.png");background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.animate-top:hover {transform: translateY(-3px);}
.navbar-expand-lg .navbar-nav .nav-link.active, .navbar-expand-lg .navbar-nav .nav-link.show, .navbar-expand-lg .navbar-nav .nav-link:hover,.text-primary{color: #8e63b6 !important;}
.bg-theme-subtle-light {background-color: #8f25f208;}
.border-theme {border: 1.5px solid #8e63b6 !important}
.btn-primary {background-color: #8e63b6;border: 1px solid #8e63b6;font-weight: bold;box-shadow: 0 5px 15px 0 rgba(0,0,0,0.15);transition: transform .3s;padding: 0.375rem 1.5rem;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {background-color: #a06ece;border: 1px solid #a06ece;transform: translateY(-3px);}
.font-12 {font-size: 12px;}
.font-14 {font-size: 14px;}
.btn-outline-dark:hover,.other-info li:hover {transform: translateY(-3px);transition: transform .3s;}
.bg-yellow {background-color: #ffe298;}
.header.sticky {position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;}
.nav-link:focus-visible {box-shadow: inherit;}

/* Header */
.header {z-index: 1;}
.navbar-expand-lg .navbar-nav .nav-link {padding: 1.5rem 1.5rem;color: #333333;}
.navbar-expand-lg .navbar-nav .nav-link::after {position: absolute;content: "";bottom: 0;left: 0;width: 0%;border-bottom: 0;transition: all ease-in-out .2s;}
.navbar-expand-lg .navbar-nav .nav-link.active:hover::after, .navbar-expand-lg .navbar-nav .nav-link.active::after, .navbar-expand-lg .navbar-nav .nav-link:hover::after {width: 100%;border-bottom: 5px solid #8e63b6;}
.header.sticky .navbar-brand img {width: 40px;height: 40px;transition: all 0.2s ease}
.header.sticky.navbar-expand-lg .navbar-nav .nav-link {padding: 1rem 1.5rem;transition: all 0.2s ease;}

/* Homepage */
.section-heading::before {position: absolute;content: "";height: 5px;left: 0;right: 0;bottom: 0;margin: 0 auto;width: 50px;border-radius: 15px;background-color: #8e63b6;}
.section-heading.h3-line::before {margin-left: inherit;}
.title-expert::after {position: absolute;content: '';border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid #212529;right: -20px;top: 0px;}
.other-info a:hover {background-color: #8e63b6;color: #fff !important;}
.emp-details {z-index: 1;top: 30%;left: -1px;transition: transform 1s;}
.emp-details:hover {left: 0px;transition: transform 1s;}
.inner-contain {background: linear-gradient(-45deg, #8e63b6, #6563B6, #B663B4);color:#fff;animation: gradient 2s ease infinite;background-size: 400% 400%;background-color: #FFF2D7;border-radius: 30px 0 0 30px;}
.inner-contain li:hover,.tech-used li:hover {background: linear-gradient(-45deg, #24b9ec, #FFF2D7, #FFF2D7);}
@keyframes gradient {0% {background-position: 0% 50%;}  50% {background-position: 100% 50%;}  100% {background-position: 0% 50%;}
}

/* Banner */
.text-animation {height:50px;overflow:hidden;margin-left: 1rem;}
.text-animation > div > div {padding: 0.25rem 0.75rem;margin-bottom: 2.81rem;display:inline-block;}
.text-animation div:first-child {animation: text-animation 8s infinite;}
.prof-name div, .team-size {background-color:#8e63b6;}
.prof-designation div, .project-duration {background-color:#B663B4;}
.prof-area div, .designation-theme {background-color:#6563B6;}
@keyframes text-animation {0% {margin-top: 0;}  10% {margin-top: 0;} 20% {margin-top: -5.62rem;}  30% {margin-top: -5.62rem;}  40% {margin-top: -11.24rem;}  60% {margin-top: -11.24rem;}  70% {margin-top: -5.62rem;}  80% {margin-top: -5.62rem;}  90% {margin-top: 0;}  100% {margin-top: 0;}}

/* Responsiveness */
@media only screen and (max-width: 575px){
.personal-info-modal th, .personal-info-modal td{font-size: 12px;}
.title-expert::after{display: none;}
@keyframes text-animation {0% {margin-top: 0;}  10% {margin-top: 0;} 20% {margin-top: -5rem;}  30% {margin-top: -5rem;}  40% {margin-top: -5rem;}  60% {margin-top: -5rem;}  70% {margin-top: -10rem;}  80% {margin-top: -10rem;}  90% {margin-top: 0;}  100% {margin-top: 0;}}
}