body,html
{
    scroll-behavior: smooth;
}
.course-details {
    padding-top: 70px;
    padding-bottom: 90px;
    padding-left: 20px;
}
.header, .feature__item,.contact__address ul li .icon, .site-btn,.primary-btn.second-bg,.footer{
    background: #000 !important;
}
.pricing__item{
    background: rgb(75 72 12 / 30%);
}
.pricing__item:hover{
    background: #3c3c28;
}
.btn::before{

}
.hoverYellow:hover{
    background: #f3bd00 !important;
}
.hoverBlack:hover{
    background: #000 !important;
}
.aboutImg img{
/*          margin-top: 90px;*/
/*      float: right;*/
}
.ahover{
    color: #000;
}
.ahover:hover {
    text-decoration: none;
    outline: none;
    color: #007bff;
}
.ahover,.ahover:visited {
  color: #f3bd00;
}
.ahover:active {
  color: blue;
}
@media only screen and (max-width: 767px)
{
    .whatsapp-btn {
      bottom: 0px;
      right: 0px;
      position: fixed;
      background: #f3bd00;
      width: 50%;
      height: 50px;
      text-align: center;
      color: #fff;
      padding: 8px 20px;
      font-weight: 800;
      font-size: 20px;
      z-index: 9999;
      float: left;
      left: 0;
    }
    .phonecall-btn {
      bottom: 0px;
      right: 0px;
      position: fixed;
      background: #000;
      width: 50%;
      height: 50px;
      text-align: center;
      color: #fff;
      padding: 8px 20px;
      font-weight: 800;
      font-size: 20px;
      z-index: 9999;
      float: right;
      right: 0;
    }
    .whatsapp-btn a, .phonecall-btn a{
        color: #fff ;
    }
    .canvas__open{
        top: 3px ;
    }
    .header__logo {
     padding: 0px; 
     position: unset; 
    z-index: 1;
    }
    .header__logo::before {
        position: absolute;
        left: -350px;
        top: 0;
        width: 620px;
        height: 116%;
        background: #f3bd00;
        content: "";
        z-index: -1;
        -webkit-clip-path: polygon(0% 0%,100% 0%,96% 100%,0% 100%);
        clip-path: polygon(0% 0%,100% 0%,96% 100%,0% 100%);
    }
    .header__logo a img{
        max-width: 50%;
    position: unset;
    margin-left: 0px;
    }
    /*.aboutImg{
        margin-top: 10px;
    }*/
    .hideDiv{
        display: none;
    }
}
    
@media (min-width: 768px)
{
    .whatsapp-btn {
      bottom: 80px;
      left: 0px;
      position: fixed;
      background: #f3bd00;
      width: 50px;
      height: 50px;
      border: 2px solid #fff;
      text-align: left;
      color: #fff;
      padding: 3px 12px;
      font-weight: 800;
      font-size: 25px;
      z-index: 9999;
      border-radius: 0 4px 4px 0;
    }
    .whatsapp-btn a span{
        opacity: 0;
        font-size: 20px;
    }
    .whatsapp-btn:hover a span{
        transition-delay: 0.9s;
        opacity: 1;
    }
    .whatsapp-btn:hover{
        width: 120px;
        -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
        transition: width 1s;
    }
    .phonecall-btn {
          bottom: 20px;
          left: 0px;
          position: fixed;
          background: #000;
          width: 50px;
          height: 50px;
          border: 2px solid #fff;
          text-align: left;
          color: #fff;
          padding: 3px 12px;
          font-weight: 800;
          font-size: 25px;
          z-index: 9999;
          border-radius: 0 4px 4px 0;
    }
    .phonecall-btn a span{
        opacity: 0;
        font-size: 20px;
    }
    .phonecall-btn:hover a span{
        transition-delay: 0.9s;
        opacity: 1;
    }
    .phonecall-btn:hover{
        width: 100px;
        -webkit-transition: width 1s; /* For Safari 3.1 to 6.0 */
        transition: width 1s;
    }
    .whatsapp-btn a{
        color: #000 ;
    }
    .phonecall-btn a{
        color: #fff ;
    }

    .header__logo {
        padding: 0px; 
        position: unset; 
        z-index: 1;
    }
    .header__logo::before {
        position: absolute;
        left: -360px;
        top: 0px;
        width: 740px;
        height: 119%;
        background: #f3bd00;
        content: "";
        z-index: -1;
        -webkit-clip-path: polygon(0% 0%,100% 0%,96% 100%,0% 100%);
        clip-path: polygon(0% 0%,100% 0%,96% 100%,0% 100%);
    }
    .header__logo a img {
        max-width: 80%;
        position: absolute;
        margin-left: -50px;
    }
    .hideImg{
            display: none;
        }
}