body {

    background-color: #fefefe;

    color: #7a7a7a !important;

}



.title-color {

    color: #ae2b91 !important;

}



a {

    color: #7a7a7a;

}

.black {

    color: #444444 !important;

}





.looking-best-pro-makeup p {

    text-align: center;

    max-width: 1000px;

    margin: auto;

}



.looking-best-pro-makeup .videos {

    max-width: 80%;

    margin: auto;

    margin-top: 40px;

}



.welcome-bhi .row {

    align-items: center;

}



.welcome-bhi .left_img img {

    width: 100%;

    height: 500px;

    object-fit: cover;

}



.all-courses li.all_course {

    width: 100%;

    max-width: 81%;

}

.container-fluid.bottom_bar {

      position: -webkit-sticky; /* Safari */

  position: sticky;

  top: 150px;



}

a.courses_btn {

    background: #ae2b91;

    color: #fff;

    padding: 10px 20px;

    border-radius: 10px;

    box-shadow: 1px 3px 5px -2px #00000052;

    font-size: 16px;

    font-weight: 500;

}



section.courses_header.p-0 {

    background: #000;

}



section.courses_header.p-0 ul {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: nowrap;

}



li.nav-item {

    padding: 10px 0;

}



.courses_header .nav-link:hover {

    color: #FF69B4 !important;

}

section.courses_header.p-0 {

    position: sticky;

    top: 0;

    height: 100%;

}



.main-course ul.list-unstyled.p-0.mb-0 {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.all-courses .courses-para {

    max-width: 90%;

    margin: auto;

    line-height: 26px;

}





section.all-courses {

    background: linear-gradient(to bottom,#f2f2f2 0%,#ffffff 100%) !important;



}



.main-course {

    position: relative;

    border: 2px solid #AB1F88;

    padding: 22px;

    margin-bottom: 0;

    -webkit-transition: all .4s cubic-bezier(.2,0,.15,1);

    -ms-transition: all .4s cubic-bezier(.2,0,.15,1);

    transition: all .4s cubic-bezier(.2,0,.15,1);

    margin-top: 15px;

    border-radius: 5px;

    background: #fff;

}

.main-course::before {

    height: 100%;

    opacity: 0;

    bottom: 0;

    left: 0;

    content: '';

    position: absolute;

    right: 0;

    z-index: 1;

    -webkit-transform: perspective(1000px) rotateX(90deg);

    -ms-transform: perspective(1000px) rotateX(90deg);

    transform: perspective(1000px) rotateX(90deg);

    -webkit-transform-origin: 50% 100%;

    -ms-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

    -webkit-transition: all .4s cubic-bezier(.2,0,.15,1);

    -ms-transition: all .4s cubic-bezier(.2,0,.15,1);

    transition: all .4s cubic-bezier(.2,0,.15,1);

    background-color: #ae2b91 !important;

    border-radius: 10px;

}

.main-course:hover  {

       border: 1px solid transparent;

       transition: all .4s cubic-bezier(.2,0,.15,1);

       background: transparent;

}

.main-course:hover:before {

    opacity: 1;

    -webkit-transform: perspective(1000px) rotateX(0);

    -ms-transform: perspective(1000px) rotateX(0);

    transform: perspective(1000px) rotateX(0);

    background-color: #ae2b91 !important;



}



.main-course:hover .courses-list, .main-course:hover .courses-list li a {

    position: relative;

    z-index: 9;

    color: #fff !important;

    transition: all .4s cubic-bezier(.2,0,.15,1);

}



.main-course .courses-list .course-title {

    color: #212529 !important;

    font-size: 25px;

    transition: all .4s cubic-bezier(.2,0,.15,1);

    font-weight: 600;

}



.main-course ul.list-unstyled.p-0.mb-0.courses-list li p {

    width: 100%;

    max-width: 98%;

}

/*.main-course a.more-info {

    border: 2px solid #b0b0b0;

    padding: 4px 10px;

    color: #575757 !important;

    border-radius: 4px;

    transition: all .4s cubic-bezier(.2,0,.15,1);

}

.main-course:hover a.more-info {

    border: 2px solid #ffffff;

    transition: all .4s cubic-bezier(.2,0,.15,1);

}*/



.main-course a.more-info {

    border: 2px solid #000;

    padding: 12px 10px;

    /* color: #575757 !important; */

    border-radius: 4px;

    transition: all .4s cubic-bezier(.2,0,.15,1);

    background: #000;

    color: #fff;

    text-transform: uppercase;

    font-size: 14px !important;

}



.main-course:hover .courses-list, .main-course:hover .courses-list li a {

    position: relative;

    z-index: 9;

    color: #fff !important;

    transition: all .4s cubic-bezier(.2,0,.15,1);

     border-color: #000;

}



.all-courses li.all_course h5 {

    text-align: left;

    font-size: 17px;

    text-transform: uppercase;

    font-weight: 600;

}



.enroll-number a {

    background: #ab1f88;

    color: #fff;

    padding: 15px 20px;

    margin-top: 20px;

    display: inline-block;

}



.padd .call-heading, #footer-form .dt-title {

    font-size: 47px;

    max-width: 1000px;

    margin: auto;

    line-height: 63px;

    color: #212529;

}



.padd .call-sub-heading {

    font-size: 33px;

}



section.bhi-you-will .row.pt-4.pb-4, .row.pt-5 {

    margin: auto;

}

.video_content {

    position: relative;

}

.video_content::before {

    content: '';

    position: absolute;

    background: url('/web/20230822191651im_/https://www.bhimakeupacademy.com/courses-img/arrow.png') no-repeat;

    width: 100%;

    height: 100%;

    z-index: 99;

    top: 42%;

    left: -100px;

    background-size: 6%;

    background-position: center;

    transform: rotate(40deg);

}



/* ----------------------------------new-data-css-------------------------------------------------------------------- */



section.looking-best-pro-makeup.py-0 h4 {

    max-width: 70%;

    margin: auto;

    line-height: 41px;

    margin-bottom: 15px;

}



@media screen and (max-width: 767px) {



.looking-best-pro-makeup .videos {

    max-width: 100%;

}



.main-course ul.list-unstyled.p-0.mb-0 {

    display: block;

}

.all-courses li.all_course {    

    max-width: 100%;

}



.all-courses .courses-para strong {

    width: 100%;

    display: block;

    margin-top: 15px;

}

.main-course .courses-list a.course-title, .main-course .courses-list p, .main-course .courses-list a {

    text-align: center;

    display: block;

}



.main-course .courses-list p.mt-1 {

    padding: 10px 0;

}



.padd .call-heading, #footer-form .dt-title {

    font-size: 35px;

    max-width: 100%;

    margin: auto;

    line-height: 48px;

    color: #212529;

}



.all-courses li.all_course h5 {

    text-align: center;

    font-size: 17px;

    text-transform: uppercase;

    font-weight: 600;

}



.looking-best-pro-makeup .videos {

    max-width: 100%;

    border: 4px solid #fff;

    border-radius: 4px;

    box-shadow: 0px 0px 10px 0 #cacaca4f;

}





.video_content::before {

    content: '';

    background-size: 20%;

    

}



    }





/* @media (max-width: 1600px) {

#main .container {

    max-width: 1140px !important;

}

} */







    #main {

  margin: 50px 0;

}



#main #faq .card {

  margin-bottom: 10px;

  border: 0;

}



#main .btn.focus, .btn:focus {

    outline: 0;

    box-shadow: 0 0 0 0.0rem rgb(255 255 255 / 25%) !important;

    border-radius: 10px !important;

}

#main #faq .card .card-header {

  border: 0;

  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);

          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);

  border-radius: 40px;

  padding: 0;

}



#main #faq .card .card-header .btn-header-link {

  color: #fff;

  display: block;

  text-align: left;

  background: #f1f1f1;

  color: #222;

  padding: 20px;

  border-radius: 10px 10px 0px 0px !important;

}



#main #faq .card .card-header .btn-header-link:after {

  content: "\f107";

  font-family: 'Font Awesome 5 Free';

  font-weight: 900;

  float: right;

}



#main #faq .card .card-header .btn-header-link.collapsed {

  background: #ab1f88;

  color: #fff;

}



#main #faq .card .card-header .btn-header-link.collapsed:after {

  content: "\f106";

}



#main #faq .card .collapsing {

  background: #fff;

  line-height: 30px;

  border: 1px solid #f1f1f1;

}



#main #faq .card .collapse {

  border: 0;

}



#main #faq .card .collapse.show {

    background: #ffffff;

    line-height: 30px;

    color: #222;

    border: 1px solid #f1f1f1;

    border-radius: 0px 0px 10px 10px;

}