/* Contact us page styles */
.bg-page {
    background-color: var(--white-color);
}
.contact-pg .gradient-bg {
    background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSxro9qYBXPLZ_lLl8ShJ79oQQ1HsSdWxvJIg&usqp=CAU);
    background-blend-mode: overlay, normal, overlay, color-burn, screen, overlay, difference, difference, normal;
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.con-form {
    box-shadow: 0 2px 4px 2px rgba(0,0,0,.1);
    margin: 0px;
}
.contact-form-title {
    text-align: center;
}
.contact-page-left-side-wrap {
    padding: 74px 40px 74px 40px;
}

.contact-info-item {
    width: 100%;
}
.contact-form-area .col-12 {
    width: fit-content;
    margin: auto;
}

/* about us page styles */
.about-pg.gradient-bg {
    /* background: url(https://media.istockphoto.com/id/1311934969/photo/contact-us.jpg?s=612x612&w=0&k=20&c=_vmYyAX0aFi-sHH8eYS-tLLNfs1ZWXnNB8M7_KWwhgg=); */
    background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSK5d8NaACUXbK-9Csv61O4ovCS3TSHhzueog&usqp=CAU);
    background-blend-mode: overlay, normal, overlay, color-burn, screen, overlay, difference, difference, normal;
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.our-gallery-area .section-title .section-heading {
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .instructor-support-item {
        width: 80%;
        margin: auto;
        padding: 20px;
        border: 1px solid #E5E8EC;
        border-radius: 10px;
        margin-bottom: 20px;

    }
}
.course-instructor-support-wrap div:nth-child(2) .instructor-support-item .theme-btn {
    color: var(--white-color)!important;
    background-color: var(--theme-color);
    border: 2px solid var(--theme-color);
}
.course-instructor-support-wrap div:nth-child(2) .instructor-support-item .theme-btn:hover {
    color: var(--theme-color)!important;
}
@media (max-width: 768px) {
    .upgrade-skills-left {
        padding-left: 0px;
    }
    .img-fluid {
        max-width: 100%;
        height: 300px;
        width: 100%;
    }
    .upgrade-skills-right {
        padding-right: 0px;
    }
    .section-btn {
        margin-top: 25px;
    }
}
@media (min-width: 769px) {
    .upgrade-your-skills-area .col-md-5 {
        width: 50%;
    }
    .upgrade-skills-left {
        padding-left: 0px;
    }
    .upgrade-skills-right {
        padding-right: 0px;
    }
    .section-btn {
        margin-top: 25px;
    }
}
.our-history-area.bg-page {
    background-color: #e8f0fc;
}
.history-content {
    border: 1px solid #E5E8EC;
}
.history-content:hover {
    transform: scale(1.1);
}

  /* 09/05/2023 */
  .btn-1 {
    /* background-color: var(--theme-color); */
    /* color: var(--white-color); */
    padding: 5px 10px;
    color: var(--theme-color);
    font-size: 13px;
  }
  .team-sec-container {
    padding: 30px 0px;
  }
  .section-title .sec-title-box {
    text-align: center;
  }
  .team-section {
    position: relative; 
    overflow: visible;
    background: #ffffff; 
    padding: 0px 0px 15px 0px; 
    height: 100%;
    margin-bottom: 30px; 
    webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
    transition: all 0.5s ease; 
    border: 1px solid #e4e4e4;
    border-radius: 0.25rem;
    box-shadow: 0 2px 4px 2px rgba(0,0,0,.1);
  }
  
  .team-section-right {
    display: block;
  }
  .team-member-details {
    display: block;
  }
  .team-member-img {
    width: 100; 
    padding: 0px; 
    height: 60%;
  }
  .team-member-img .img-thumbnail {
    padding: 10px;
    border: none;
  }
  .team-member-img img {
    width: 100%; 
    vertical-align: middle; 
    height: 100%;
  }
  .team-desc {
    width: 100%; 
    padding: 10px 20px;     
    height: 40%;
  }
  .team-text {
    margin-bottom: 0px; 
    font-size: 13px;
    text-align: center;
  }
  
  .team-message h4 {
    font-size: 20px;
    text-align:center;
  }
  .message-info {
    margin-top: 20px; 
    margin-bottom: 10px; 
    font-size: 15px;
  }
  @media (min-width: 576px) {
    .team-sub-section {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .team-sub-section .sub-team-member {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px;
    }
  }
  .team-sub-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.team-sub-section .sub-team-member {
    margin-bottom: 15px;
}
.width-box {
    width: 90%;
    margin: auto;
} 
.sub-team-member {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    box-shadow: 0 6px 21px rgba(21, 3, 89, 0.08);
}
.sub-team-img-top {
    width: 100%;
    height: 100%;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
.sub-team-member-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.member-name {
    font-size: 24px; 
    padding-bottom: 8px; 
    color: #000000; 
    margin: 0px;
    text-align: center;
}
.member-designation {
    font-size: 15px; 
    padding-bottom: 8px;
    text-align: center;
}
.table thead {
    text-align: center;
    background-color: var(--theme-color);
    color: var(--white-color);
}
.table thead:hover {
     background-color: #000;
    color: var(--white-color);
}
.table tbody {
    text-align: center;
}
.team-bottom-box table thead tr:hover {
    background-color: #000;
}


/* .member-designation:last-child {
    margin-bottom: 0;
} */
@media (min-width: 991px) {
    .sub-team-member {
        width: 25%;
    }
    .team-sub-section {
        flex-direction: row;
    }
    .width-box {
        width: 90%;
    }
    .team-section-left {
        display: flex;
      }
      .team-member-details {
        width: 50%;
        padding-top: 20px;
      }
      .team-message {
        width: 50%; padding: 30px;
      }
      .team-bottom-box {
        width: 80%;
        margin: auto;
      }
      .sub-team-img-top-box {
        padding: 0px;
    }
    .sub-team-img-top-box .img-thumbnail {
        padding: 10px;
        border: none;
    }
    .table thead tr th {
        font-size: 16px;
      }
}
@media (max-width: 991px) {
    .pt-0 {
        padding-top: 0px;
    }
    .team-sub-section {
        flex-direction: column;
    }
    .team-bottom-box {
        overflow-x: scroll;
    }
    .width-box {
        width: 100%;
    }
    .team-section-left {
        display: block;
      }
      .team-member-details {
        width: 100%;
      }
      .team-message {
        width: 100%; 
        padding: 0px 15px;
      }
      .team-sec-container .col-md-12 {
        padding-left: 0px;
        padding-right: 0px;
      }
      .team-sec-container .col-md-8 {
        margin-bottom: 20px;
      }
      .team-section {
        padding: 0px 0px 15px 0px;
      }
      .table thead tr th {
        font-size: 14px;
      }
}
.team-member-img {
    overflow: hidden;
}
.team-member-img img:hover {
    /* filter: brightness(90%); */
    transform: scale(1.1);
    transition: all .5s ease-in-out;
    /* opacity: 0; */
}
.sub-team-img-top-box {
    overflow: hidden;
}
.sub-team-img-top-box img:hover {
    /* filter: brightness(90%); */
    transform: scale(1.1);
    transition: all .5s ease-in-out;
    /* opacity: 0; */
}



/* FAQ page styles */
.faq-pg {
    background-color: #fff;
}
.faq-pg .gradient-bg {
    background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRJslg0bhTc8Ynp-_8StNNDyCCSjp-ylzEzfg&usqp=CAU);
    background-blend-mode: overlay, normal, overlay, color-burn, screen, overlay, difference, difference, normal;
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.faq-page-area .accordion-button {
    background-color: var(--page-bg);
}
/* .faq-page-area .accordion-button, .faq-page-area .accordion-button:not(.collapsed) {
    background-color: var(--theme-color);
    color: var(--white-color);
} */
.faq-page-area .accordion-button:not(.collapsed) {
    color: var(--white-color);
    background-color: var(--theme-color);
}
.faq-page-area .accordion-body {
    padding: 15px 30px 30px;
    border-bottom: 1px solid #E5E8EC;
    border-left: 1px solid #E5E8EC;
    border-right: 1px solid #E5E8EC;
}
.faq-tab-nav-wrap .nav-tabs .nav-link.active {
    border: 1px solid #E5E8EC;
}
@media only screen and (max-width: 1199.98px) {
    .faq-tab-nav-item.bg-white .faq-tab-nav-img-wrap{
        display: block;
    }
}
@media only screen and (max-width: 767.98px) {
    .faq-tab-nav-item h6 {
        text-align: center;
    }
}
@media only screen and (max-width: 767.98px) {
    .faq-tab-nav-wrap .nav-tabs .nav-link {
        margin-bottom: 10px;
        border-color: var(--bs-nav-tabs-link-hover-border-color);
    }
}

/* Payment Successful page styles */
.bg-page.thank-you-pg {
    background-color: var(--white-color);
}
.thank-you-pg .gradient-bg {
    background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT21BHeQsiZiqHsX6LmWTZjuZAbmZuM0daRpg&usqp=CAU);
    background-repeat: no-repeat;
    background-position: center;
}
.thank-you-pg .page-banner-header .section-overlay {
    min-height: 409px;
    padding: 150px 0 50px;
}
.mt-6 {
    margin-top: 2rem;
}
.tq-head {
    font-size: 40px;
}
.tq-head-info {
    font-size: 18px;
}
.thank-you-pg .section-overlay .container {
    margin-top: 190px;
}
.course-details-box {
    margin-top: 30px;
}
.my-courses-page-table .head{
    background-color: var(--theme-color);
}
.my-courses-page-table tr .heading {
    color: var(--white-color);
    font-weight: 600;
}
@media (min-width: 991px) {
    .course-details-box .course-details-right img {
        width: 100%;
        height: -webkit-fill-available;
        border-radius: 10px;
    }
    
    .course-details-box .col-lg-7 {
        box-shadow: 0 2px 4px 2px rgba(0,0,0,.1);
    }
    .thankyou-course-list-area .theme-btn {
        padding: 9.5px 0px!important;
    }
    .mb-10 {
        margin-bottom: 10px;
    }
    .course-details-left-container .course-details-left {
        border: 1px solid #cbc7c7;
        padding-left: 0px;
        padding-right: 0px;
    }
}
@media (max-width: 768px) {
    .img-fluid {
        max-width: 100%;
        height: auto;
        width: 100%;
    }
}
@media (max-width: 991px) {
    .thankyou-course-list-area .col-sm-6 {
        width: 50%;
    }
    .thankyou-course-list-area .row .col-sm-6 .theme-btn {
        padding: 9.5px 12px!important;
    }
    .course-details-left-container .course-details-left {
        margin-bottom: 30px;
    }
    .course-details-left-container .course-details-right {
        margin-bottom: 30px;
    }
    .px-5  {
        padding-left: 1rem!important;
        padding-right: 1rem!important;
    }
    .py-5 {
        padding-top: 1rem!important;
        padding-bottom: 1rem!important;
    }
    .course-details-left-container {
        flex-direction: column-reverse;
    }
    /* .course-details-left-container .course-details-right img {
        margin-top: 30px;
    } */
    .thankyou-course-list-area {
        box-shadow: 0 2px 4px 2px rgba(0,0,0,.1);
    }
    .theme-btn4 {
        padding: 10px;
    }
}