/* 
********************************
    ABOUT US PAGE CSS START
********************************
*/
.btn-cta{
        display:none !important;
    }
#about-us{
    padding-top: 90px;
}
.img-placeholder{
    width: 100%;
    height: 300px;
    text-align: center;
}
.img-placeholder img{
    width: 100%;
    height: 100%;
}
.desc p{
    padding-left: unset;
}
.about-cards{
    padding: 20px 0;
}

.about-info{
    margin: 50px 0;
}
.about-info p{
    color: lightgray;
    font-size: 12px;
}
.about-info li::after{
    content: "";
    display: block;
    clear: both;
}
.info-abt-nav li{
    list-style-type: none;
    display: block;
    padding: 15px unset;
}
.info-abt-nav li .contact{
    width: 84%;
    float: right;
}
.info-abt-nav li .social-icons{
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #00245a;
    text-align: center;
    line-height: 50px;
    color: #fff !important;
    border-radius: 50px;
    border: solid 2px #00245a;
}
.info-abt-nav li .social-icons i {color: #fff !important;}
.info-abt-nav li p{
    color:black;
}
.social-heading{
    font-size: 14px !important;
    font-weight: 800;
    color: rgb(129, 129, 129)!important;
    margin-bottom: 0px;
}
#showed__item{
    background: #fbfbfb;
    margin:15px 0  45px 0;
}
.__items-parent{
    margin:35px 0 25px 0;
    padding: 0;
}
.show-items{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    margin-top:60px;
}
.__shows-items{
    width:30%;
}
.show-items .__shows-items img{
    width:70%;
    padding:10px;
    border: solid 1px #eaeaea;
    margin-bottom:10px;
}
.show-items .__shows-items h3{
    margin: 12px 0;
    font-size:22px;
}
.__pdg{
    margin-bottom:110px;
}
/* 
****************************
   Sign Up Page Start Css
****************************
 */

 .sign-up{
     margin: 0px 0px 120px 0px;
 }
 .main-user{
     width: 110px;
     height: 110px;
     line-height: 100px;
     text-align: center;
     font-size: 50px;
     display: block;
     border-radius: 100px;
     color: #fff;
     border: 3px solid #fff;
     box-shadow: 5px 4px 0 rgba(0,0,0,0.15);
     -moz-box-shadow: 5px 4px 0 rgba(0,0,0,0.15);
    -webkit-box-shadow: 5px 4px 0 rgba(0,0,0,0.15);
     background-color: #00245a;
 }
 .user-icon{
     position: relative;
 }
.user-icon .nav-tabs{
    position: absolute;
    top: 58px;
    left: 0;
    list-style-type: none;
    display: flex;
 }
.pflc_lg_f .tab-content .tab-pane form{
    margin-top: 105px;
}
.tab-content .pl0{
    padding-left: 0;
}
.tab-content .pr0{
    padding-right: 0;
}
 
 
.pflc_forms_211{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin:60px 0;
}
 .pflc_login_form{
    border: solid 1px #d9d9d9;
    padding: 20px;
    width:48%;
 }
/* 
***************************************************
    academic-coaches.html page's css start
***************************************************
 */

.academic-coaches-h{
    margin: 30px 0 125px 0;
}
select{
    background-color: rgb(255, 255, 255) !important;
    height: 40px !important;
    line-height: 40px !important;
    font-size: 14px !important;
}
.widgets-wrapper{
    padding-left: 0;
    padding-right: 0;
}
.widgets-area{
    margin-bottom: 10px;
    padding: 10px;
    border: solid 1px rgb(219, 219, 219);
    box-shadow: 0 0 2px rgba(0,0, 0, 0.3);
    -webkit-box-shadow:0 0 2px rgba(0,0, 0, 0.3);
    -moz-box-shadow:0 0 2px rgba(0,0, 0, 0.3);
}
.widgets-area:hover{
    border: solid 1px rgb(194, 194, 194);
}
.widgets-area p{
    font-size: 14px;
    color:#6b6b6b;
}
.subject-widget p{
    margin-bottom: 10px;
}
.widgets-area p strong{
    color: rgb(167, 167, 167);
}
.days-widget p{
    padding-bottom: 0;
    margin-bottom: 0;
}
.days-widget table{
    width: 100%;
}
.days-widget td{
    font-size: 15px;
    text-align: center;
}

.content-section .form-group{
    position: relative;
}
.content-section .search-btn{
    padding: 14px 22px;
    border-radius: 5px;
    display: block;
    position: absolute;
    top: 0;
    right: -3px;
}
.content-section .search-btn i{
    color:#fff !important;
}
.cont-heading{
    padding-top: 15px;
    color: rgb(182, 182, 182);
}
.cont-heading span{
    color: rgb(92, 92, 92);
    font-weight: 500;
    padding: 0;
}

.listing-cards{
    display: flex;
    padding: 25px 10px;
    margin: 5px 0;
    border: solid 1px rgb(206, 206, 206);
    font-size: 14px;
}
.listing-cards:hover{
    border: solid #EA9215 1px;
    box-shadow: 0 0 5px rgba(160, 160, 160, 0.5);
    -moz-box-shadow: 0 0 5px rgba(160, 160, 160, 0.5);
    -webkit-box-shadow:0 0 5px rgba(160, 160, 160, 0.5);
}
.listing-cards h4{
    padding: 0; 
  
}
.listing-cards .profile{
    display: flex;
}
.tutor-img{
    width: 20%;
}
.tutor-name h4{
    color: #EA9215;
    font-weight: 500;
    padding-left: 0;
}
.tutor-name{
    width: 80%;
}
.listing-cards .profile img{
    width: 80%;
    display: block;
    border-radius: 50px;
}

.listing-cards .read-more{
    padding: 4px 12px;
    margin-left: 15px;
    border-radius: 5px;
}
.description{
    width: 90%;
    border-right: solid 1px lightgray;
}
.rating-box{
    padding-left: 10px;
}
.rating-box i{
    color: #EA9215;
}
.rating-box h4{
    color: #EA9215;
    font-weight: 500;
    margin-left: 15px;
}



.signIn-cover {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    float: left;
    width: 100%;
}
.signIn-cover .display-t, .signIn-cover .display-tc {
    z-index: 9;
    height: 200px;
    display: table;
    width: 100%;
    margin-top: 50px;
    margin-top: 58px;
}
.signIn-cover .display-tc h1 {
    font-size: 40px !important;
}
.signIn-cover .display-tc p {
    color: #ececec;
}
.signIn-cover .overlay {
    z-index: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
}
.__coach_registeration{
    margin-top:55px;
}
.__coach_registeration ul{
    list-style-type:none;
}
.__coach_registeration ul li{
    color: #6b6b6b;
}
.__coach_registeration ul li i{
    color:orange !important;
}

.membership_plan_cards{
    display:flex;
}
.mp_card{
    width:33.33%;
    padding:15px;
}
.mp_card_body ul{
    padding:0;
}
.mp_card_body ul li{
    list-style:none;
    padding:8px 0;
    text-align:center;
    color: #EA9215;
}
.mp_card_head{
    background-color: #53b7d9;
    padding: 25px;
    text-align: center;
    position:relative;
}
.mp_card_footer{
    background-color: #53b7d9;
    padding: 20px;
    text-align: center;
    position:relative;
}
.mp_card_footer h4,
.mp_card_footer p{
    margin:0;
}

.mp_card_footer h4{
    color:#EA9215;
    font-weight:700;
}

.mp_card_footer p{
    color:#fff;
}

.mp_card_head::after{
        position: absolute;
    bottom: -38px;
    left: 45%;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-top: 20px solid #53b7d9;
}
.parent_connection_workshop{
    margin-bottom:50px;
}
.mp_card_head h4{
    color:#fff;
}
.mp_card_head h2{
    color: #EA9215;
}
.mp_card_body{
    background-color: #f8f8f8;
    padding: 40px 25px;
}
.mp_pc h2 {
    margin: 100px 0 20px 0;
}
.pcw_card_head{
    display:flex;
    align-items: center;
}
.pcw_card_head h4{
    padding-left:10px;
    margin:0;
}
.pcw_card_body ul{
    margin-top:30px;
}

.pcw_card_body ul li {
    color: #EA9215;
}
.clr_primary{
    color: #EA9215;
}
.pcw_card_head h4{
    color: #EA9215;
}
.pcw_card_list{
    display:flex;
    flex-wrap:wrap;
}
.pcw_card_list .pcw_card{
  margin-top: 40px;
  width:25%;
  padding: 5px;
}
.modal-parent{
    position:relative;
    cursor:pointer;
}
.modal-parent .modal_appears{
    position: absolute;
    top: -25px;
    background: #fff;
    box-shadow: 0 0 5px #c1c1c1;
    padding: 5px;
    z-index:10;
    display:none;
}
.modal-parent:hover .modal_appears{
    display:block;
}


/**********************************
new design of course card
***********************************/
.fh5co-project{
    padding-top:0 !important;
}
.hiw_container{
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: repeat(auto-fit, minmax(140px, 280px));
    grid-auto-rows: auto;
    grid-gap: 0px 0px;
    justify-content: center;
}
.hiw_container a{
    display: block;
    padding: 10px;
    text-align: center;

}
.hiw_container a:hover i{
    transition: 0.25s ease-in all;
    transform: scale(1.1);
    color: #449db9;
}
.hit_icon i{
    font-size: 90px;
    margin-bottom: 25px;
}
.hit_icon h3{
    color: #EA9215;
    font-size:21px;
}
.ffs_text{
    font-family: 'Zilla Slab', serif;
}
.hiw_heading h2{
    margin: 65px 0 65px 0;
}
.pflc_modal .modal-header .close {
    margin: 17px 45px 10px 10px;
    color: #000;
}
.pflc_modal .modal-body {
    padding: 17px;
}
#collegeCareer .modal-dialog{
    width:100% !important;
}

.register_now{
    padding:50px 0;
    margin:25px 0 0 0;
    background: #f0f4f7;
}
.subject-banner{
    display:flex;
}
.subject-banner h2{
    margin:0;
    padding:10px;
}
.subject-banner h2 a{
    color: #449db9;
}
.register_now_link{
    width: 30%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.view_video{
    width: 70%;
    height: 350px;
    
}
.view_video_overlay{
    background-color:rgba(255, 255, 255, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.2);
    height:100%;    
}
.view_video_overlay a span i{
    color:#fff;
}
.get_text{
    padding-bottom:20px;
    color: #449db9;
}
.get_text span{
    color: #ea9215;
}
.pflc_coaches_text{
    padding:30px 0;
    color: #ea9215;
}
/*.pflc_coaches_text p{*/
/*    margin-bottom:0;*/
/*}*/






.course-pg-heading h2{
  margin-top: 50px !important;
}
.row-card-course {
    display: grid;
    grid-template-rows: 325px;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-rows: 325px;
    grid-gap: 20px 20px;
  }
  
  .course-card .thumbnail {
    padding: 0;
    border: none;
    text-align: center;
    border-radius: 0;
    margin: 0 auto;
    background: transparent;
    font-size: 14px;
    line-height: normal;
  }
  
  .course-card .thumbnail .full-length {
    height: 5px;
    width: 100%;
    background: #bcbcbc;
    display: block;
  }
  
  .course-card .thumbnail .current-length {
    height: 100%;
    width: 68%;
    background: red;
    display: block;
  }
  
  .course-card .course-card-image {
    width: auto;
    height: 185px;
    margin-bottom: -40px;
    min-height: 190px;
  }
  
  .course-card .course-card-image > a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
  }
  
  .course-card .course-card-image > a > img {
    width: 100%;
    height: 100%;
  }
  
  .course-card .course-card-image > a:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
  }
  
  .course-card .course-card-image > a:after {
    position: absolute;
    content: '►';
    left: 0;
    top: 0;
    width: 100%;
    height: 166px;
    border: 0;
    background-image: url();
    background-repeat: no-repeat;
    background-position: center center;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    opacity: 0;
  }
  
  .course-card .course-card-image > a:hover:before {
    background-color: rgba(0,0,0,0.5);
  }
  
  .course-card .course-card-image > a:hover:after {
    opacity: 1;
  }
  
  .course-card .thumbnail .caption {
    margin: 0 auto;
    width: 90%;
    height: 170px;
    padding: 10px;
    position: relative;
    box-sizing: border-box;
    background-color: #E9E9E9;
    overflow:auto;
  }
  
  .course-card .course-title {
    min-height: 40px;
  }
  
  .course-title-heading {
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .course-title-heading a {
    font-size: 17px;
    font-weight: 400;
    color: #444;
    text-decoration: none;
    display: inherit;
    line-height: 20px;
  }
  
  .course-title-heading a:hover {
    color: #222;
  }
  
  .course-card .btn-group {
    width: 100%;
  }
  .course-fav-price{
    text-align: left;
    padding: 10px 0 0 0;
  }
  
  .course-card .btn-group .course-card-btn {
    background: transparent;
    border-color: transparent;
    color: #444;
    font-size: 18px;
  }
  
  .course-card .course-fav-cost {
    border-top: 1px solid #bcbcbc;
    margin: 10px 0;
  }
  .course-card .course-fav-cost .course-rating-star {
    
  }
  .course-rating span{
      padding: unset;
  }
  .course-card .course-fav-cost .course-rating-star img {
    height: 10px;
    width: auto;
  }
  
  .course-card .course-fav-cost .course-rating-star .course-rating {
    unicode-bidi: bidi-override;
    direction: rtl;
  }
  
  .course-card .course-fav-cost .course-rating-star .course-rating > span > span {
    display: inline-block;
    position: relative;
    width: auto;
    color: #2c5f00;
  }
  
  .course-card .course-fav-cost .course-rating-star .course-rating > span > span.active:before,
  .course-card .course-fav-cost .course-rating-star .course-rating > span > span.active ~ span:before {
    content: "\2605";
    position: absolute;
  }

  
  .course-card .course-fav-cost .course-fav-price .price-dollar {
    color: #EA9215; 
    font-size: 12px;
    font-weight: 700;
    margin-top: 3px;
  }
  
  .course-card .course-fav-cost .price {
    padding-right: 0;
  }
  
  .course-card .course-fav-cost .price .price-dollar {
    color: #EA9215;
    font-size: 12px;
    font-weight: 700;
    margin-top: 3px;
  }
  
  .course-card-foot img {
    width: 35px;
    height: 35px;
    padding: 0 10px 0 0;
    box-sizing: content-box;
  }
  
  .course-card-foot-name {
    text-align: left;
  }
  .course-card-foot .main-name p{
      padding: 0;
      margin-bottom: 0;
  }
  .course-card-foot .main-name p a:hover{
    text-decoration: underline;
  }
  .course-card-foot .main-name {
    color: #444;
    font-size: 13px;
    height: 100%;
    line-height: 21px;
    text-align: left;
    display: table;
  }
  
  .course-card-foot .main-name:hover,
  .course-card-foot .main-name:focus {
    text-decoration: none;
  }
  /* new design of course card end */





  /* 
  ***************************************
      Course Details Page Start / Css
  ***************************************
   */
#course-details{
  margin: 120px 0;
}
.course_details_page{
    margin: 50px !important;
}
#course-details p,span{
  padding-left: 0;
  text-align: justify;
}
.course-content p{
  padding-left: 0;
}
.mrg-sec{
  margin-bottom: 50px;
}
.crc-img img{
  position: relative;
  width: 100%;
  
}
.subj-program{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.sp1, .sp2, .sp3, .sp4{
  padding: 10px 0;
  width: 50%;
}
.subject-list img{
  width: 40px;
}
.subject-list span{
  font-size: 18px;
  color: rgb(110, 110, 110);
}
/* Modal start */
.modal-dialog {
  max-width: 800px;
  margin: 30px auto;
}

.modal-body {
  position: relative;
  padding: 0px;
}
.close {
  position: absolute;
  right: -30px;
  top: 0;
  z-index: 999;
  font-size: 2rem;
  font-weight: normal;
  color: #fff;
  opacity: 1;
}
/* Modal End */


.what-learn{
  border: solid 1px rgb(235, 235, 235);
  background: rgb(248, 248, 248);
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
}
.what-learn li{
  color: #7e7e7e;
  padding: 0 0 0 25px;
}

.widget-length{
  border: solid 1px rgb(235, 235, 235);
  background: rgb(248, 248, 248);
  margin-bottom: 15px;
}
.widget-length h4{
  padding: 10px 15px;  
  color: #fff;
  background: rgb(121, 121, 121);
  margin-bottom: 5px;
}
.widget-length ul{
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.widget-length ul li{
  width: 50%;
  border-bottom: solid 1px rgb(235, 235, 235);
}
.widget-length ul li:nth-last-child(-n+2){
  border-bottom: unset;
}
.widget-length ul li a:hover{
  text-decoration: underline;
  background: unset;
}
.sec-icons{
  display: block; float: right;
  width: 60px;
}
.widget-user ul{
  text-align: left;
}
.widget-user ul li{
  border-bottom:solid 1px rgb(228, 228, 228) !important;
  width: 100%;
}
.widget-user ul li:last-child{
  border-bottom: unset !important;
}
.owl-carousel .owl-nav{
  display: none;
}

   /* 
      Course Details page end css
   */





/***************************************
   Tutor Details Page Start / Css
***************************************/
.course-banner{
  margin-top: 35px;
}
.tutor-img{
  width: 120px;
  height: 120px;
  border-radius: 120px;
  display: block;
  float: left;
}
.tutors-sec{
  display: flex;
  flex-wrap: wrap;
}
.tutors-sec h4{
  padding: 8px 0px 0px 15px;
}

.tutors-sec .tutor-desc{
  width: 80%;
}
.tutor-attitude{
  color: rgb(71, 71, 71);
  font-size: 22px;
  line-height: 40px;
}
.tutors-sec .tutor-desc .btn{
  padding: 5px 8px;
  font-size: 10px;
}
/* .video-btn{
  font-size: 28px !important;
  background: unset;
}
.video-btn:hover{
  color: #EA9215;
} */
.tutors-sec .tutor-desc .bestseller{
  font-size: 12px;
  color: rgb(54, 54, 54);
  background: rgb(235, 235, 235);
  padding: 8px;  
  border-radius: 10px;
  margin: 0 10px 0 15px;
}
.card-wrapper{
  margin-top:35px;

}
.card{
  border: solid rgb(238, 238, 238) 1px;
  border-radius: 5px;
  box-shadow: 0 0 2px rgb(224, 224, 224);
  margin-bottom:25px;
}
.card .card-title{
  padding: 15px 8px 15px 8px;
  line-height: 25px;
  background: rgb(243, 243, 243);
}
.card .card-title h4{
  margin: 0;
}
.card-body{
  padding: 18px;
}
.card-body ul li{
  padding: 5px 0;
}
.card-body ul li img{
  padding-right: 5px;
}
.card-body ul li .btn{
  padding: 4px 8px;
  margin-top: 10px;
}
.card-body ul li .btn i{
    color:#fff !important;
}
.qualification{
  padding: 10px;
  background: rgb(245, 245, 245);
}
.qualification p{
  padding: 0;
  text-align: justify;
}

.contact-info li i{
  color: rgb(105, 105, 105);
  background-color: rgb(243, 243, 243);
  margin: 0 10px 10px 0;
  width: 52px;
  height: 52px;
  display: inline-block;
  text-align: center;
  line-height: 52px;
  border-radius: 52px;
}
#tutor-bio{
  margin-bottom: 50px;
}


/* ratings start */
.ratings .heading {
  font-size: 25px;
  margin-right: 25px;
}

.ratings .fa {
  font-size: 25px;
}

.ratings .checked {
  color: orange;
}

/* Three column layout */
.ratings .side {
  float: left;
  width: 15%;
  margin-top:10px;
}

.ratings .middle {
  margin-top:10px;
  float: left;
  width: 70%;
}

/* Place text to the right */
.ratings .right {
  text-align: right;
}

/* Clear floats after the columns */
.ratings .row:after {
  content: "";
  display: table;
  clear: both;
}

/* The bar container */
.ratings .bar-container {
  width: 100%;
  background-color: #f1f1f1;
  text-align: center;
  color: white;
}
/* ratings ends */



/* Individual bars */
.ratings .bar-5 {width: 60%; height: 18px; background-color: #ff9800;}
.ratings .bar-4 {width: 30%; height: 18px; background-color: #ff9800;}
.ratings .bar-3 {width: 10%; height: 18px; background-color: #ff9800;}
.ratings .bar-2 {width: 4%; height: 18px; background-color: #ff9800;}
.ratings .bar-1 {width: 15%; height: 18px; background-color: #ff9800;}
.ratings span{
  padding: 0;
}







.reviews{
  margin-top: 285px;
}
.review-nav li p{
  margin: 5px;
}
.review-nav li{
  color: rgb(182, 182, 182);
  border-bottom: solid 1px rgb(235, 235, 235);
  padding: 10px 25px;
  margin: 10px 0;
}
.comments{
  color:rgb(95, 95, 95);
}
.fa-star{
  color: orange;
}
/***************************************
   Tutor Details Page End / Css
***************************************/


#fh5co-header{
    height:470px;
}
.bg-workshop .fh5co-project img{
    width:100%;
    height:240px;
}
.bg-college .fh5co-project img{
    width:100%;
    height:240px;
}
.bs-stepper-label{
    color:#3c3c3c;
}





.crs_details .crs_img{
  width: 100%;
  margin: 0;
  margin-bottom:10px;
}
.pillar_of_succ{
    margin-bottom:45px !important;
}
.footer__flx_item{
    padding:0 30px 22px 30px;
    display:flex;
}
.flx_item{
    width:50%;
}
.sign_in_btn i{
    color: #fff !important;
}
.form-sec-pflc1{
    width: 70%;
    border: solid 1px #d9d9d9;
    padding: 40px;
    margin: 100px auto 80px auto;
}
.form-sec-pflc1 .form-control{
    background: #f7f7f7;
}
.password-pflc{
    display: flex;
    position: relative;
}
.btn_show_pass{
    background: none;
    border: none;
    position: absolute;
    right: 12px;
    top: 12px;
}
.strict-pflc{
    color:red !important;
}
.pl0{
    padding-left:0;
}
.pr0{
    padding-right:0;
}
.regist-form-pflc102 .form-group{
    margin-bottom:10px;
}
.growth_plan_flx{
    margin-bottom:40px;
    display:flex;
    justify-content:center;
}
.growth_plan_flx .growth_img_res{
    width:100%;
}
.grow_plan_lft{
    width:22%;
    margin-top:45px;
    position:relative;
}
.grow_plan_cntr{
    width:45%;
    position:relative;
}
.grow_plan_rit{
    width:22%;
    margin-top:45px;
    position:relative;
}
.growth_img_res_bottom{
    margin: 0 auto;
    display: block;
    width: 52%;
}
.btn_sign__up i{
    color:#fff !important;
}


.card_left_plan{
    position: absolute;
    top: 0;
    right: -350px;
    width: 330px;
    background: #fff;
    box-shadow: 0px 4px 15px #bfbfbf;
    padding: 15px;
    visibility:hidden;
    z-index:999;
}

.lft_card::before{
    content:"";
    position: absolute;
    top: 45%;
    left: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid white;
}
.lft_card{
    visibility: hidden;
}
.cntr_crad{
    top: 160px;
    left: 10px;
    /*visibility: hidden;*/
}

.cntr_crad::before{
    content:"";
    position: absolute;
    left: 45%;
    top: unset;
    bottom: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
}


.rit_plan{
    top: 10px;
    right: unset;
    left: -355px;
    box-shadow: 4px 4px 20px #bfbfbf;
    visibility: hidden;
}

.rit_plan::before{
    content:"";
    position: absolute;
    top: 45%;
    left: unset;
    right:-10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid white;
}




/*    FAQ PAGE CSS      */
#fh5co-header {
    margin-bottom: 50px;
}
#faq__page{
    margin:50px 0;
}
#faq__page main{
    width: 75%;
    margin: 0 auto;
}
#faq__page summary {
  font-size: 1.25rem;
  font-weight: 600;
  background-color: #fafafa;
  background-image: radial-gradient(circle at 40% 91%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 50%,rgba(229, 229, 229,0.04) 50%, rgba(229, 229, 229,0.04) 100%),radial-gradient(circle at 66% 97%, rgba(36, 36, 36,0.04) 0%, rgba(36, 36, 36,0.04) 50%,rgba(46, 46, 46,0.04) 50%, rgba(46, 46, 46,0.04) 100%),radial-gradient(circle at 86% 7%, rgba(40, 40, 40,0.04) 0%, rgba(40, 40, 40,0.04) 50%,rgba(200, 200, 200,0.04) 50%, rgba(200, 200, 200,0.04) 100%),radial-gradient(circle at 15% 16%, rgba(99, 99, 99,0.04) 0%, rgba(99, 99, 99,0.04) 50%,rgba(45, 45, 45,0.04) 50%, rgba(45, 45, 45,0.04) 100%),radial-gradient(circle at 75% 99%, rgba(243, 243, 243,0.04) 0%, rgba(243, 243, 243,0.04) 50%,rgba(37, 37, 37,0.04) 50%, rgba(37, 37, 37,0.04) 100%),linear-gradient(90deg, rgb(0 36 90),rgb(13 71 162));
  color: #fff;
  padding: 2rem;
  margin-bottom: 1rem;
  outline: none;
  border-radius: 0.25rem;
  text-align: left;
  cursor: pointer;
  position: relative;
}
#faq__page .faq__heading{
    position:relative;
    text-align:center;
    padding-bottom:15px;
    margin-bottom:35px;
}
#faq__page .faq__heading::after{
    content: "";
    display: block;
    position:relative;
    top: 10px;
    width: 100px;
    height: 5px;
    background-color: orange;
    margin: 0 auto;
}
#faq__page  p { text-align: left; }
#faq__page  details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0; margin-top: -10px}
  100%  {opacity: 1; margin-top: 0px}
}
#faq__page  details > summary::after {
  position: absolute;
  content: "+";
  right: 20px;
}
#faq__page details[open] > summary::after {
  position: absolute;
  content: "-";
  right: 20px;
}
#faq__page  details > summary::-webkit-details-marker {
  display: none;
}






/*******************************/
/******* Page Header CSS *******/
/*******************************/
.page-header {
position: relative;
    margin-bottom: 45px;
    text-align: center;
    background: url(../images/blog_banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom:0px !important;
}
.overlay_blog_page{
    z-index: 0;
    position: relative;
    height:280px;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
}
.pd__row_blog{
    padding-top:75px;
}
.page-header h2 {
    position: relative;
    color: #fff;
    font-size: 60px;
}

.page-header a {
    position: relative;
    padding: 0 12px;
    font-size: 22px;
    color: orange;
}

.page-header a:hover {
    color: #ffffff;
}

.page-header a::after {
    position: absolute;
    content: "/";
    width: 8px;
    height: 8px;
    top: -2px;
    right: -7px;
    text-align: center;
    color: #fff;
}

.page-header a:last-child::after {
    display: none;
}

@media (max-width: 767.98px) {
    .page-header h2 {
        font-size: 35px;
    }
    
    .page-header a {
        font-size: 18px;
    }
}


/*******************************/
/******* Section Header ********/
/*******************************/
/*******************************/
/******* Single Post CSS *******/
/*******************************/
.single {
    position: relative;
    padding: 45px 0;
}

.single .single-content {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.single .single__blog_img {
    margin-bottom: 20px;
}
.single .single-content img{
    width: 100%;
    height:100%;
}

.single .single-tags {
    margin: -5px -5px 41px -5px;
    font-size: 0;
}

.single .single-tags a {
    margin: 5px;
    display: inline-block;
    padding: 7px 15px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    border: 1px solid #dddddd;
}

.single .single-tags a:hover {
    color: #fff;
    background: #EA9215;
}

.single .single-bio {
    margin-bottom: 45px;
    padding: 30px;
    background: #f3f6ff;
    display: flex;
}

.single .single-bio-img {
    width: 100%;
    max-width: 100px;
}

.single .single-bio-img img {
    width: 100%;
}

.single .single-bio-text {
    padding-left: 30px;
}

.single .single-bio-text h3 {
    font-size: 20px;
    font-weight: 700;
}

.single .single-bio-text p {
    margin: 0;
}

.single .single-related {
    margin-bottom: 45px;
}

.single .single-related h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 25px;
}

.single .related-slider {
    position: relative;
    margin: 0 -15px;
    width: calc(100% + 30px);
}

.single .related-slider .post-item {
    margin: 0 15px;
}

.single .post-item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.single .post-item .post-img {
    width: 100%;
    max-width: 80px;
}

.single .post-item .post-img img {
    width: 100%;
}

.single .post-item .post-text {
    padding-left: 15px;
}

.single .post-item .post-text a {
    font-size: 16px;
    font-weight: 400;
}

.single .post-item .post-meta {
    display: flex;
    margin-top: 8px;
}

.single .post-item .post-meta p {
    display: inline-block;
    margin: 0;
    padding: 0 3px;
    font-size: 14px;
    font-weight: 300;
    font-style: italic;
}

.single .post-item .post-meta p a {
    margin-left: 5px;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
}

.single .related-slider .owl-nav {
    position: absolute;
    width: 90px;
    top: -55px;
    right: 15px;
    display: flex;
}

.single .related-slider .owl-nav .owl-prev,
.single .related-slider .owl-nav .owl-next {
    margin-left: 15px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #343148;
    background: #F7CAC9;
    font-size: 16px;
    transition: .3s;
}

.single .related-slider .owl-nav .owl-prev:hover,
.single .related-slider .owl-nav .owl-next:hover {
    color: #F7CAC9;
    background: #343148;
}

.single .single-comment {
    position: relative;
    margin-bottom: 45px;
}

.single .single-comment h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 25px;
}

.single .comment-list {
    list-style: none;
    padding: 0;
}

.single .comment-child {
    list-style: none;
}

.single .comment-body {
    display: flex;
    margin-bottom: 30px;
}

.single .comment-img {
    width: 60px;
}

.single .comment-img img {
    width: 100%;
}

.single .comment-text {
    padding-left: 15px;
    width: calc(100% - 60px);
}

.single .comment-text h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 3px;
}

.single .comment-text span {
    display: block;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 5px;
}

.single .comment-text .btn {
    padding: 3px 10px;
    font-size: 14px;
    color: #343148;
    background: #dddddd;
    border-radius: 0;
}

.single .comment-text .btn:hover {
    background: #EA9215;
    color:#fff;
}

.single .comment-form {
    position: relative;
}

.single .comment-form h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 25px;
}

.single .comment-form form {
    padding: 30px;
    background: #f3f6ff;
}

.single .comment-form form .form-group:last-child {
    margin: 0;
}

.single .comment-form input,
.single .comment-form textarea {
    border-radius: 0;
}

.single .comment-form .btn {
    padding: 15px 30px;
    color: #fff;
    background: #EA9215;
}

.single .comment-form .btn:hover {
    color: #fff;
    background: #e2972c;
}
.sidebar .search-widget .btn {
    position: absolute;
    top: 6px;
    right: 25px;
    height: 40px;
    padding: 0;
    font-size: 25px;
    background: none;
    border-radius: 0;
    border: none;
    transition: .3s;
}


.sidebar .sidebar-widget {
    position: relative;
    margin-bottom: 45px;
}

.sidebar .sidebar-widget .widget-title {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 5px;
    font-size: 30px;
    font-weight: 700;
}

.sidebar .sidebar-widget .widget-title::after {
    position: absolute;
    content: "";
    width: 60px;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #EA9215;
}
.image-widget img{
    width:100%;
}




/* Join Us page */
.join_us{
    margin:0 0 130px 0;
}







.academic_coaches{
    margin:80px 0;
}
.ac_video{
    margin:80px 0 0 0;
}
.ac_video iframe{
    display:block;
    margin:0 auto;
}
#fh5co-contact{
    margin-bottom:35px;
    
}




.bc_sec{
    background:whitesmoke; 
}
.bc_parent{
    display:flex;
    justify-content: space-between;
    align-items:center;
    padding: 8px 0;
}
.bc_parent ol,
.bc_parent h3{
    margin:0;
}
.bc_parent h3{
    color: #449db9;
}


.pflc_steps_sec{
    /*background: #449db9;*/
}
.bg-teal_text h2{
   padding: 35px 0;
   color:#fff;
}
.bg-teal_text h2 span{
    color: rgb(234 146 21);
}
.text__overlay{
    background: rgba(68,157,185,0.9);
}

.bg_teal_overlay_step{
    background: rgba(68,157,185,0.9);
    padding: 45px;
}
.pflc_cmn_step{
    margin: 30px 0;
    color:#fff;
    background-repeat: no-repeat;
    background-size: cover;
}
.pflc_cmn_step h3{
    color:#fff;
}
.df-step-overlay-child{
    display:flex;
}
.df_step_description{
    padding-left:30px;
}
.df_step_description p{
    margin: 0;
}








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

  .__items-parent {
    padding: 0 0px;
  }
  .banner__content_area h1 {
    font-size: 25px;
    }
    
    .banner__content_area p{
     font-size: 13.6px;
     line-height: 1.7;
    }
    
    .cntr_crad {
    top: 95px;
    left: -26px;
}
.flx_item {
    padding-right: 5px;
}
.res__sidebar{
    margin-top:35px;
}


 }
 
 



@media only screen and (max-width:992px){
    .home_banner {
    text-align: center;
}

.show-items .__shows-items h3 {
    font-size: 19px;
}

.banner_logo img {
    width: 65px;
    height: 50px;
}
.banner_logo h2 {
    font-size: 21px;
}

.banner__content_area h3 {
    line-height: 26px;
    padding-top: 0px;
    font-size: 18px;
}
.banner__content_area p {
    font-size: 13px;
    line-height: 1.4;
    font-weight: 500;
    color: #444;
}

.res_usr_icon{
    width:100%;
}
.tab-content-sign-up{
    padding-left:0;
}
.fn_dv_space{
    margin-bottom:15px;
}
.cntr_crad {
    top: 33px;
    left: -53px;
}



.course-card .thumbnail .caption {
    width: 90%;
}

.membership_plan_cards {
    flex-wrap: wrap;
    justify-content: space-between;
}
.mp_card {
    width: 50%;
    padding: 15px;
}
.pcw_card_list .pcw_card{
   margin-top: 40px;
   width:33.33%;
   padding: 15px;
}

.user__icon_space{
    height:126px !important;    
}
.user-icon .nav-tabs {
   top: 70px;
}

.pflc_lg_f .tab-content .tab-pane form {
    margin-top: 135px;
}
.row-card-course {
    grid-template-columns: 1fr 1fr;
}
}




@media screen and (max-width: 768px) {
    .pflc_top_baar{
        padding:0 15px;
    }


  .fh5co-nav .menu-1 {
    display: none;
  }

  .__header_logo img {
    width: 35%;
    padding: 35px 25px 5px 25px;
  }



.__shows-items {
    width: 49%;
}

.fh5co-cover {
    height: 430px;
}

#fh5co-footer {
    padding-bottom:0px;
}
.banner__content_area h1 {
    font-size: 23px;
    padding-left: 28px;
}

.cntr_crad {
    top: 142px;
    left: -2px;
}
#fh5co-project{
    padding-bottom:0!important;
}
#fh5co-started {
    margin-bottom: 35px;
}
.lname_dv{
    padding-left:0px;
}
.copyright-socials-navig {
    justify-content: center;
    margin-top: 20px;
}
#fh5co-footer p {
    text-align: center;
}

.subject-banner{
    flex-direction:column;
}
.register_now_link {
    width: 100%;
}

.view_video {
    width: 100%;
}
.register_now_link h2{
    padding:50px 20px;
}

.pflc_c1nd{
    padding:30px 0 0 0;
}
.pflc_c2nd{
    padding:0 0 30px 0;
}


.membership_plan_cards {
    justify-content: center;
}
.mp_card {
    width: 80%;
}
.pcw_card_list .pcw_card {
    width: 50%;
}

.pflc_forms_211 {
    flex-direction: column;
}
.pflc_login_form {
    width: 100%;
    margin-bottom: 35px;
}
}




@media screen and (max-width:700px) {
    .ac_video iframe{
        width:100%;
        height: 300px;
    }
    .academic_coaches {
        margin: 80px 0;
    }
}




@media only screen and (max-width:650px){
  .banner__content_area h1 {
    font-size: 18px;
  }
.user__icon_space{
    width:0px !important;
}
.nav-tabs{
    left:0;
}
.tab-content{
    padding-left:0px;
}

.bs-stepper-header .step button{
    padding:5px;
}
#fh5co-header {
    height: 519px;
    margin-bottom: 30px;
}
.cntr_crad {
    top: 100px;
    left: -36px;
}
.cntr_crad {
    top: 75px;
    left: -47px;
}
}
 



@media only screen and (max-width:550px){
    .home_banner a {
    white-space: normal !important;
    word-wrap: break-word;
    }
  .__header_logo img {
    width: 50%;
    padding: 35px 25px 5px 25px;
  }
  
  .__shows-items {
    width: 99%;
    margin-bottom:60px;
    }
    .home_banner {
        flex-wrap:wrap;
    }
    .banner__content_area {
        width: 100%;
        order: 2;
    }
    .home__banner__content_area {
        width: 100%;
    }
   
    .banner_logo h2 {
    padding-left: 10px;
}
.banner__content_area h1 {
    font-size: 25px !important;
    text-align: center !important;
}

.home__banner__content_area img {
     margin-top: 0px; 
}
.banner_logo h2 {
    font-size: 23px;
}

.show-items .__shows-items img {
    width: 86%;
}
#fh5co-header {
    font-size:14px;
    margin-bottom: 30px;
}

    .cntr_crad {
    top: 35px;
    left: -57px;
}



.row-card-course {
    justify-content: center;
}
.pcw_card_list .pcw_card {
    width: 100%;
}
.row-card-course {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    grid-gap: 50px 20px;
}
.course-card .thumbnail .caption {
    height:auto;
}

}






@media only screen and (max-width:500px){
    #header__banner_bg{
        background-position: center;
        background-size: cover;
    }
      .home_banner {
        text-align: center;
    }
/*.home_banner h4 {*/
/*    margin-bottom:0;*/
/*}*/
.home_banner h1 {
    font-size: 30px;
    line-height: 40px;
    margin: 0 0 20px 0;
    padding: 30px 10px 10px 10px;
}
    .footer__flx_item {
        display:block;
        padding: 0 30px 22px 30px;
        text-align: center;
    }

    .flx_item {
        width: 100%;
        margin-bottom: 58px;
    }
    .nav-tabs li a{
        padding: 10px 6px;
        font-size: 13px;
        font-weight: 400;
    }
    .bs-stepper-header{
        flex-wrap:wrap;
    }
    .__coach_registeration ul{
        padding-left:0;
    }

.grow_plan_lft {
    width: 40%;
}
.growth_plan_flx {
    flex-direction:column;
    align-items: center;
}
.grow_plan_cntr {
    width: 65%;
}
.growth_img_res_bottom {
    width: 75%;
}
.grow_plan_rit {
    width: 40%;
}
.cntr_crad {
    top: 104px;
    left: -35px;
}
.lft_card {
    top: -205px;
    left: -80px;
}
.ifrm_video{
    margin-top: 20px;
    height: 198px !important;
}
.rit_plan {
    top: -170px;
    left: -85px !important;
}
.lft_card::before {
    content: "";
    position: absolute;
    left: 45%;
    top: unset;
    bottom: -20px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
}
.rit_plan::before {
    content: "";
    position: absolute;
    left: 45%;
    top: unset;
    bottom: -20px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid white;
}
.prof_img{
    width:100%;
}

.mp_card {
    width: 100%;
    padding: 15px 0;
}
.join_us_video iframe{
    height:280px;
}




.df-step-overlay-child {
    flex-direction: column;
    text-align: center;
}
.df_step_icon{
    padding-bottom:30px;
}
.bg_teal_overlay_step {
    padding: 30px;
}
.df_step_description {
    padding-left: 0px;
}

}



 @media only screen and (max-width:450px){  
  .__header_logo img {
    width: 65%;
    padding-bottom: 0px;
  }
  .__header_content h3{
    font-size: 22px;
  }
  
.banner_logo h2 {
    font-size: 19px;
    font-weight: 500;
}
.banner__content_area h3 {
    font-size: 17px;
        font-weight: 500;
}
#fh5co-header {
    height: 525px;
    font-size:13.5px;
    margin-bottom: 30px;
}
.ifrm_video{
    margin-top: 20px;
    height: 158px !important;
}

}
  
  @media only screen and (max-width:445px){
  .user-icon .nav-tabs {
        top: 65px;
    }
    .tab-content-parent .tab-content .tab-pane>h2{
        font-size: 22px;
    }
    
  }
  
  
  
  
   @media only screen and (max-width:400px){  

    .info-abt-nav{
        padding-left:0px !important;
    }
    .info-abt-nav li .social-icons {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50px;
    font-size: 12px;
}
.__coach_registeration ul li{
        font-size:13px;
        padding-bottom: 5px;
    }
    .display-tc{
            margin-top: 20px !important;
    }
    
    #fh5co-header {
    height: 605px;
    }
    
    .lft_card {
    top: -210px;
    left: -103px;
}
.cntr_crad {
    top: 35px;
    left: -63px;
}
.rit_plan {
    top: -170px;
    left: -102px !important;
}
.ifrm_video{
    margin-top: 20px;
    height: 148px !important;
}

.banner_logo h2 {
    font-size:17px;
}
.banner__content_area h3 {
    font-size: 16px;
}

.row-card-course .course-card {
    margin-bottom: 30px;
    width: 100%;
}


}
  
  
  
  
  @media only screen and (max-width:350px){  
    .__header_logo img {
      width: 65%;
    }
    .__header_content h1{
      font-size: 32px;
    }
    .__header_content h3 span{
      color: unset;
      font-size: 17px;
    }
    #fh5co-header {
    height: 630px;
    font-size: 12px;
    }
    .card_left_plan {
    width: 280px;
    }
    .lft_card {
    top: -276px;
    left: -88px;
}
   
   .cntr_crad {
    top: 0px;
    left: -57px;
}
.rit_plan {
    top: -170px;
    left: -89px !important;
}
}