body{font-family:'Open Sans',serif;padding-top:54px;color:#343a40;}

@media (min-width:992px){body{padding-top:0;padding-left:17rem}}
h1,h2,h3,h4,h5,h6{font-family:'Saira Extra Condensed',serif;font-weight:700;text-transform:uppercase;color:#343a40}
h1{font-size:6rem;
  line-height:5.5rem}
h2{font-size:3.5rem;
}  
  
.subheading{text-transform:uppercase;font-weight:500;font-family:'Saira Extra Condensed',serif;font-size:1.35rem}
.list-social-icons a{color:#495057}.list-social-icons a:hover{color:#4c6ab4}.list-social-icons a .fa-lg{font-size:1.75rem}
.list-icons{font-size:3rem}.list-icons .list-inline-item i:hover{color:#4c6ab4}
#sideNav 
.navbar-nav .nav-item .nav-link{font-weight:600;text-transform:uppercase}@media (min-width:992px){#sideNav{text-align:center;position:fixed;top:0;left:0;display:flex;flex-direction:column;width:17rem;height:100vh}
#sideNav .navbar-brand{display:flex;margin:auto auto 0;padding:.5rem}
#sideNav .navbar-brand .img-profile{max-width:10rem;max-height:10rem;border:.5rem solid rgba(255,255,255,.2)}
#sideNav .navbar-collapse{display:flex;align-items:flex-start;flex-grow:0;width:100%;margin-bottom:auto}
#sideNav .navbar-collapse .navbar-nav{flex-direction:column;width:100%}
#sideNav .navbar-collapse .navbar-nav .nav-item{display:block}#sideNav .navbar-collapse .navbar-nav .nav-item .nav-link{display:block}}section.resume-section{border-bottom:1px solid #343a40;padding-top:5rem!important;padding-bottom:5rem!important}
section.resume-section .resume-item .resume-date{min-width:none}@media (min-width:768px){section.resume-section{min-height:100vh}section.resume-section .resume-item .resume-date{min-width:18rem}}@media (min-width:992px){section.resume-section{padding-top:3rem!important;padding-bottom:3rem!important}}.bg-primary{background-color:
  #283b7e!important}
.text-primary{color:#4c6ab4!important}a{color:
  #4c6ab4
  }a:active,a:focus,a:hover{color:
  #283b7e
  }

img1 {
  color-adjust: grey ;
  border-radius: 50%;
  height: 45px; 
  width: 47px;
}

.one{
  animation: glow 2s ease-in-out infinite
}

@keyframes glow {
    from {
      text-shadow: 0 0 20px #e5eafc;
    }
    to {
      text-shadow: 0 0 30px #0048ff, 0 0 10px #0434ac;
    }
  }
  /* title styles */
.home-title span{
  position: relative;
  overflow: hidden;
  display: block;
  line-height: 1.2;
}

.home-title span::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: white;
  animation: a-ltr-after 2s cubic-bezier(.77,0,.18,1) forwards;
  transform: translateX(-101%);
}

.home-title span::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: var(--bg-color);
  animation: a-ltr-before 2s cubic-bezier(.77,0,.18,1) forwards;
  transform: translateX(0);
}

.home-title span:nth-of-type(1)::before,
.home-title span:nth-of-type(1)::after{
  animation-delay: 1s;
}

.home-title span:nth-of-type(2)::before,
.home-title span:nth-of-type(2)::after{
  animation-delay: 1.5s;
}

@keyframes a-ltr-after{
  0% {transform: translateX(-100%)}
  100% {transform: translateX(101%)}
}

@keyframes a-ltr-before{
  0% {transform: translateX(0)}
  100% {transform: translateX(200%)}
}

video {
  width: 100%;
  height: auto;
}
img {
  width: 100%;
  height: auto;
}


.wrapper {
  margin: 10vh;
}

.card {
  border: none;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  overflow: hidden;
  border-radius: 20px;
  min-height: 450px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
  .card {
    min-height: 350px;
  }
}
@media (max-width: 420px) {
  .card {
    min-height: 300px;
  }
}
.card.card-has-bg {
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
  background-size: 120%;
  background-repeat: no-repeat;
  background-position: center center;
}
.card.card-has-bg:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: inherit;
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.card.card-has-bg:hover {
  transform: scale(0.98);
  box-shadow: 0 0 5px -2px rgba(0, 0, 0, 0.3);
  background-size: 130%;
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.card.card-has-bg:hover .card-img-overlay {
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
  background: #234f6d;
  background: linear-gradient(0deg, rgba(4, 69, 114, 0.5) 0%, #044572 100%);
}
.card .card-footer {
  background: none;
  border-top: none;
}
.card .card-footer .media img {
  border: solid 3px rgba(234, 95, 0, 0.3);
}
.card .card-meta {
  color: orange;
}
.card .card-body {
  transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
.card:hover {
  cursor: pointer;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
}
.card:hover .card-body {
  margin-top: 30px;
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
}
.card .card-img-overlay {
  transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);
  background: #234f6d;
  background: linear-gradient(0deg, rgba(35, 79, 109, 0.3785889356) 0%, #455f71 100%);
}

::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

.carousel-inner, .carousel-item{
  height:50vh;
}
.carousel-caption{
  bottom:0% !important;
  height:100%;
  width:100%;
  left:0 !important;
  right:0 !important;
  background:linear-gradient(to top, rgba(0,120,191,0.5),rgba(0,120,191,0.2));
  
}
.banner{
  background-color:#f5f5f5;
}
.section{
  margin-top:-2% !important;
  text-align:right;
}
.banner-img{
  background-image:linear-gradient(to right,rgba(0,0,0,1),rgba(0,0,0,0.0)),url('https://d31iiq90dwlpfy.cloudfront.net/2020-06/BDR_thumb.png');
  background-size:cover;
  background-position:center center;
  width: 100%;
}
.banner-img h2,.banner-img p{
  color:#fff;
}
.carousel-indicators>button{
  margin: 0 5px;
  height: 6px;
  width: 40px;
  border: none;
  background: #021f68;
}
@media(max-width:1300px){
  .carousel-item, .carousel-inner{
      height: 200%;
   }
}

.container1 {
  position: relative;
  width: 320px;
  height: 300px;
  margin: 170px auto 0 350px;
  perspective: 1000px;
}

.carousel1 {
  position: absolute;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d; 
  animation: rotate360 60s infinite forwards linear;
}
.carousel1__face { 
  position: absolute;
  width: 300px;
  height: 187px;
  top: 20px;
  left: 10px;
  right: 10px;
  background-size: cover;
  display: flex;
}


.carousel1__face:nth-child(1) {
  background-image: url("../img/session2.jfif");
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: 6.5ex;
  transform: rotateY(  0deg) translateZ(430px); }
.carousel1__face:nth-child(2) { 
  background-image: url("../img/session4.jfif");
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: 6.5ex;
  transform: rotateY( 40deg) translateZ(430px); }
.carousel1__face:nth-child(3) {
  background-image: url("../img/session5.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: 3ex;
  transform: rotateY( 80deg) translateZ(430px); }
.carousel1__face:nth-child(4) {
  background-image: url("../img/session7.jfif");
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotateY(120deg) translateZ(430px); }
.carousel1__face:nth-child(5) { 
  background-image: url("../img/session3.jpg");
 background-size: contain;
  background-repeat: no-repeat;
  transform: rotateY(160deg) translateZ(430px); }
.carousel1__face:nth-child(6) { 
  background-image: url("../img/session6.jpg");
 background-size: contain;
  background-repeat: no-repeat;
  background-position-x: 6.5ex;
  transform: rotateY(200deg) translateZ(430px); }
.carousel1__face:nth-child(7) { 
  background-image: url("../img/session9.jfif");
 background-size: contain;
 background-repeat: no-repeat;
  transform: rotateY(240deg) translateZ(430px); }
.carousel1__face:nth-child(8) {
  background-image: url("../img/session7.jfif");
  background-size: contain;
  background-repeat: no-repeat;
  transform: rotateY(280deg) translateZ(430px); }
.carousel1__face:nth-child(9) {
  background-image: url("../img/session8.jpg");
 background-size: contain;
 background-position-y: 3ex;
  background-repeat: no-repeat;
   transform: rotateY(320deg) translateZ(430px); }

@keyframes rotate360 {
  from {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(-360deg);
  }
}

@media screen and (max-width: 600px) {
  .container1 {
    display: none;
  }
}