body{
    background-image: url(../img/bg.jpg);
    background-position: center;
}
.card {
    background-color: transparent;
    border: none;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
       background-color: #a71809 !important;
}
a.animated-button.thar-one {
   color: #fff;
   cursor: pointer;
   display: block;
   position: relative;
   /*border: 2px solid #F7CA18;*/
   transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-one:hover {
   color: #000 !important;
   background-color: transparent;
   text-shadow: none;
}
a.animated-button.thar-one:hover:before {
   bottom: 0%;
   top: auto;
   height: 100%;
}
a.animated-button.thar-one:before {
   display: block;
   position: absolute;
   left: 0px;
   top: 0px;
   height: 0px;
   width: 100%;
   z-index: -1;
   content: '';
   color: #fff !important;
   background: #d84b3c;
   transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}
a.animated-button.thar-two {
   color: #fff;
   cursor: pointer;
   display: block;
   position: relative;
   /*border: 2px solid #F7CA18;*/
   transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two:hover {
   color: #000 !important;
   background-color: transparent;
   text-shadow: ntwo;
}
a.animated-button.thar-two:hover:before {
   top: 0%;
   bottom: auto;
   height: 100%;
}
a.animated-button.thar-two:before {
   display: block;
   position: absolute;
   left: 0px;
   bottom: 0px;
   height: 0px;
   width: 100%;
   z-index: -1;
   content: '';
   color: #000 !important;
   background: #F7CA18;
   transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-three {
   color: #fff;
   cursor: pointer;
   display: block;
   position: relative;
   /*border: 2px solid #F7CA18;*/
   transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
a.animated-button.thar-three:hover {
   color: #000 !important;
   background-color: transparent;
   text-shadow: nthree;
}
a.animated-button.thar-three:hover:before {
   left: 0%;
   right: auto;
   width: 100%;
}
a.animated-button.thar-three:before {
   display: block;
   position: absolute;
   top: 0px;
   right: 0px;
   height: 100%;
   width: 0px;
   z-index: -1;
   content: '';
   color: #000 !important;
   background: #F7CA18;
   transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
a.animated-button.thar-four {
   color: #fff;
   cursor: pointer;
   display: block;
   position: relative;
   /*border: 2px solid #F7CA18;*/
   transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
a.animated-button.thar-four:hover {
   color: #000 !important;
   background-color: transparent;
   text-shadow: nfour;
}
a.animated-button.thar-four:hover:before {
   right: 0%;
   left: auto;
   width: 100%;
}
a.animated-button.thar-four:before {
   display: block;
   position: absolute;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 0px;
   z-index: -1;
   content: '';
   color: #000 !important;
   background: #F7CA18;
   transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
.hvr-shutter-in-vertical {
  transform: perspective(1px) translateZ(0);
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /*background: #e1e1e1;*/
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
a.btn.btn-lg.animated-button.thar-one.text-dark:hover {
    color: #fff !important;
}
.bgclradd {
    background-color: transparent;
    /*margin-top: 60px;*/
    /*margin-bottom: 60px;*/
    padding: 60px 20px 60px 20px;
      /* background-image: url(./resource/images/bg.jpg); */
}
.brderclra {
   border-top: 3px solid #bf0c0c;
}
.clrbgtop {
   background-color: #0000009e !important;
   padding: 70px 15px 70px 15px;
}
.chngedesign {
       background-color: #ffffff7a;
    color: #e80a0a !important;
    font-weight: bold;
}
.topmar {
    margin-top: 120px;
}
a {
    color: #0a141f;
    text-decoration: none;
    background-color: transparent;
}
.logo img{
    background-color: #ffffffbd;
    padding: 15px;
    border-radius: 70px;
    margin-top: 10px;
}
.logo img{
   width: 60%;
}
.copyright{
    color: #173967;
}
.courseCard{
    border-radius: 20px;
    border: 3px solid #fff;
}
.course a{
    position: relative;
}
.course h3{
    position: absolute;
    right: 20px;
    translate: 0% 180px;
    color: #fff;
}
.syllabus h3{
    color: #fff;
}
.accordion-item{
    border: 0.25px solid #0000001c !important;
}
.accordion-button:not(.collapsed) {
    color: #173967 !important;
    font-weight: 500;
    background-color: #4ea2d9 !important;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button{
    font-weight: 500;
}
.accordion p{
    font-weight: 700;
}
.accordion ol{
    padding: 0;
}
.courseVideo iframe{
    width: 100%;
    height: 430px;
}
.coursePdf embed{
   width: 100%;
   height: 430px;
}
@media only screen and (max-width: 768px) {
   .course h3 {
     font-size: 20px;
   }
 }
 @media only screen and (max-width: 425px) {
   .course h3 {
     font-size: 15px;
   }
   .logo img{
      width: 80%;
   }
 }
 #pdf_container canvas{
   width: 100%;
 }