/**
 * @file
 * Subtheme specific CSS.
 */
/* ----------------------Font---------------------------- */
 @font-face {
    font-family: 'Filson Pro';
    src: url('../fonts/FilsonProRegular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('../fonts/FilsonProMedium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Filson Pro';
    src: url('../fonts/FilsonProBold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}
/* ----------------------Common Css Start---------------------------- */
body{
    background: transparent!important;
    font-family: 'Filson Pro', sans-serif;
    color: #262626;
}
h1, h2, h3, h4, h5, h6 {
    color: #07294d;
    margin-bottom: 15px;
    font-weight: 600;
}
span, li, p{
    color: #262626;
}
:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}
a{
    text-decoration: none;
}
li{
    list-style: none;
}
.ck-content li, .private-message li{
    list-style: inherit;
}
a:hover, a:focus, .link:hover, .link:focus {
    color: #ff714f!important;
}
.section-padding {
    padding: 60px 0;
}
.common-btn-2 {
    text-transform: math-auto;
    border: 1px solid #004AAD;
    margin: 15px auto 0px;
    border-radius: 10px;
    padding: 10px 20px;
    font-size: 14px;
    width: 100%;
    background: transparent;
    font-weight: 600;
}
.blank-btn{
    margin: 0px 0px 0px 0px;
    padding: 10px 20px 10px 20px;
    background-color: transparent;
    border-radius: 15px;
    color: #ff714f;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #FF714F;
}
.accordion-button:focus{
    box-shadow: none;
}
.common-btn, .batch-add a, .submit-approval-button a, .zfbtnSubmit {
    margin: 0px 0px 0px 0px;
    padding: 10px 20px 10px 20px;
    background-color: #FF714F;
    border-radius: 39px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid #FF714F;
}
.common-big-btn{
    padding: 20px 50px;
    background-color: #FF714F;
    border-radius: 15px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    border: 1px solid #FF714F;
    display: block;
    width: fit-content;
}
.common-big-btn:focus{
    color: #fff !important;
}
.common-btn:hover, .batch-add a:hover, .submit-approval-button a:hover, .common-big-btn:hover{
    color: #FF714F;
    background: transparent;
}
.big-btn a, .big-btn-2 a{
    font-size: 21px;
    font-weight: 700;
    font-style: normal;
    line-height: 29px;
    background-color: #FF714F;
    border-radius: 3px 3px 3px 3px;
    padding: 15px 70px 15px 50px;
    display: block;
    width: fit-content;
    color: #fff;
}
.big-btn-2 a{
background-color: #0F2437;
}
.big-btn a:hover, .big-btn-2 a:hover, #edit-actions .additional-submit-button a {
    color: #fff!important;
}
.big-btn  .field--name-field-button, .big-btn-2  .field--name-field-button{
    width: fit-content;
}
div#account-verification-status {
    padding: 12px 20px;
    margin-bottom: 15px;
    background: #f8edc8;
    border-radius: 3px;
    font-size: 15px;
}
.common-table table, .page-view-my-gigs table, .view-id-support_tickets table, .batch-selection-wrapper table{
    border-top: 2px solid #07294d;
    border-collapse: unset;
    margin: 0px 0px;
    border-bottom: 2px solid #07294d;
    border-left: 1px solid #e8e3e3;
}
.batch-selection-wrapper tr td {
    vertical-align: top!important;
}
.common-table table thead tr th, .page-view-my-gigs table thead tr th, .view-id-support_tickets table thead tr th, .batch-selection-wrapper table thead tr th{
    border-bottom: 2px solid #07294d85;
    color: #07294d;
    font-size: 16px;
}
.common-table table tbody tr, .page-view-my-gigs table tr, .common-table table thead tr, .view-id-support_tickets table tr, .batch-selection-wrapper table tr {
    background: transparent;
}
.common-table td, .common-table th, .page-view-my-gigs table th, .page-view-my-gigs table td, .view-id-support_tickets table td, .view-id-support_tickets table th, .batch-selection-wrapper table th, .batch-selection-wrapper table td{
    border-right: 1px solid #e8e3e3;
}
.row{
    margin: 0px;
}
nav#block-peercamp-dashboadrdmenu-2, .region-gig-menu #block-peercamp-creategigmenu {
    padding: 0px;
}
.main-heading{
    color: #0F2437;
    font-size: 33px;
    font-weight: 700;
    line-height: 46px;
    width: 70%;
    text-align: center;
    margin: auto;
}
.orange-heading {
    color: #FF714F;
    font-size: 27px;
    font-weight: 400;
    line-height: 36px;
    width: 45%;
}
.orange-title{
    color: #FA5F5F;
    font-size: 27px;
    font-weight: 400;
    line-height: 34px;
}
.field--name-field-media-image img {
    margin-bottom: 0px;
}
.alert-danger svg{
    width: 40px;
    height: 40px!important;
    color: #9c0202;
    filter: invert(10%) sepia(98%) saturate(6247%) hue-rotate(6deg) brightness(79%) contrast(108%);
}
.alert-heading {
    display: none;
}
.alert-wrapper {
    padding: 0px;
}
.alert-dismissible .btn-close {
    font-size: 12px;
}
.alert-danger div{
    font-size: 14px;
    width: 100%;
}
.alert-danger hr {
    margin: 4px 0;
}
div.fivestar-widget-static .star span.on{
    margin: 0px;
    text-align: center;
}
.bg-common{
    background: #faffff;
}
/* ----------------------Common End---------------------------- */
/* ----------------------Header Start---------------------------- */
.header{
    /* background-color: #FFF9EB; */
    background: #faffff;
}
#navbar-main {
    background-color: transparent!important;
}
#navbar-top, .site-footer {
    background-color: #fff!important;
}
#navbar-top{
    padding: 0px;
}
.header img, .site-footer img{
    width: 90px;
}
.header a.nav-link {
    width: auto;
    color: #07294d;
    font-size: 16px;
}
.header nav#navbar-main {
    justify-content: space-between;
    padding: 15px 0px;
}
.header ul.menu.menu-level-1 {
    display: none;
}
.header li.menu-item.menu-item--expanded:hover ul.menu.menu-level-1 {
    display: flex;
}
.header li.menu-item.menu-item--expanded:hover a, .header li.menu-item:hover a{
    color: #ff714f;
}
.header ul.menu.menu-level-2 a:hover{
    color: #ff714f!important;
    padding-left: 20px;
    position: relative;
    transition: .5s all;
}
.header ul.menu.menu-level-2 a::before{
    content: "-";
    color: #ff714f;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
.header ul.menu.menu-level-2 a:hover::before{
    display: block;
    transition: ease-in-out;
}
ul.menu.menu-level-1{
    z-index: 999;
    border-radius: 0;
    background: white;
    border: 0;
    padding: 30px 20px 20px 30px;
    position: absolute;
    width: 710px;
    flex-wrap: wrap;
    left: -10px;
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.1);
    justify-content: space-between;
    margin-top: 15px;
}
.header li.menu-item.menu-item--expanded:hover ul.menu.menu-level-1 li.menu-item.menu-item--expanded{
    width: 48%;
    margin: 0px;
}
.header ul#block-peercamp-mainmenu {
    display: flex;
    width: 100%;
    margin-bottom: 0px;
    align-items: center;
    padding-left: 100px;
}
.header li.menu-item.menu-item--expanded{
    margin: 0 20px 0 0;
}
.header li.menu-item.menu-item--expanded a, .header .menu-item a {
    padding: 0px 13px 0px 13px;
    width: auto;
    display: block;
    color: #07294d;
    font-size: 16px;
    font-weight: normal;
}
.header ul.menu.menu-level-1 a{
    color: #555!important;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding: 0px;
}
.header ul.menu.menu-level-2 a{
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 27px;
    color: #262626!important;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.header .menu-level-1 span{
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
    font-weight: 500;
    color: #fb5d30;
}
.header li.menu-item.menu-item--expanded {
    padding: 15px 0px;
    position: relative;
}
.header ul.menu.menu-level-2 .field.field--name-field-description {
    color: #666;
    font-family: inherit;
    font-size: 14px;
    margin-bottom: 20px;
}
.header ul.menu.menu-level-2 {
    padding-left: 0px;
}
/* ----------------------Header End---------------------------- */
/* ----------------------Footer Start---------------------------- */
.site-footer {
    border-top: 1px solid #E5E5E5;
}
.copyright {
    border-top: 1px solid #EBEBEB;
    display: flex;
    justify-content: space-between;
    padding: 30px 20px;
    align-items: center;
}
.copyright p{
    font-size: 14px;
}
.copyright ul li a {
    width: 35px;
    height: 35px;
    background: #FF714F;
    margin-left: 10px;
    color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-col-1 p, .footer-col-1 div p, .footer-col-1 a{
    font-size: 14px;
    color: #262626;
}
.footer-col-1 svg{
    color: #FF714F;
    font-size: 25px;
    margin-right: 10px;
}
.footer-col h2{
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 25px;
}
.site-footer .block {
    margin: 0px 0;
    border: 0px;
    border-color: transparent;
    padding: 0px;
}
.footer-col ul li a {
    padding-left: 0px;
    display: flex;
    align-items: flex-start;
}
.footer-col ul li{
    display: block;
    width: 100%;
}
.footer-col ul li a svg{
    color: #000;
    margin: 3px 5px 0px 0px;
}
/* ----------------------Footer End---------------------------- */
/* ----------------------Profile Page Start---------------------------- */
.instructor-banner {
    background: #112538;
}
.instructor-banner-left h1 {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    margin: 0px 10px 0px 0px;
    display: flex;
}
.ins-banner-top img{
    width: 30px;
    height: 30px;
    object-fit: contain;
}
.ins-banner-top .verified-img {
    width: 90px;
    height: auto;
    object-fit: contain;
    margin-left: 40px;
}
.single-course-banner-left-bottom {
    display: flex;
    align-items: flex-start;
}
.field--name-field-profile-short-description, .field--name-field-profile-heading {
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
}
.single-course-banner-left-bottom ul li {
    list-style: none;
    font-size: 14px;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 2px solid #fff;
    display: flex;
    align-items: center;
    color: #fff;
}
.user-img img {
    width: 120px;
    height: 120px;
    margin-right: 15px;
    border-radius: 100% !important;
    object-fit: cover;
    object-position: top;
    border: 1px solid #545454;
}
.instructor-banner-left .user-img img {
    width: 120px;
    height: 120px;
    margin-right: 20px;
    object-fit: cover;
    object-position: top;
}

.instructor-banner-right img {
    width: 100%;
}
.single-course-banner-left-bottom-ul {
    width: 80%;
}
.single-course-banner-left-bottom-ul ul {
    display: flex;
    align-items: center;
}
.single-course-banner-left-bottom ul li {
    list-style: none;
    font-size: 14px;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 2px solid #fff;
    display: flex;
    align-items: center;
    color: #fff;
}
.ins-banner-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
    margin-top: -8px;
}
.instructor-banner .single-course-banner-left-bottom ul li, .field--name-field-profile-heading {
    font-size: 18px;
}
.single-course-banner-left-bottom ul li:last-child {
    border-right: 0px;
}
.single-course-banner-left-bottom-des {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.edit-icon {
    color: #ff714f;
    font-size: 20px;
}
.ins-profile-sidebar {
    position: sticky;
    top: 50px;
}
.ins-profile-sidebar li {
    list-style: none;
}
.ins-profile-sidebar li a {
    border: 1px solid #25466D;
    list-style: none;
    padding: 3px 40px;
    margin-bottom: 10px;
    color: #0F2437;
    display: block;
    border-radius: 3px;
}
.ins-profile-sidebar li a.active {
    border: 1px solid #FF714F;
    color: #FF714F;
    border-left: 10px solid;
    font-weight: 500;
    padding: 3px 30px;
}
.ins-profile-right .profile-view-cards img.img-fluid {
    width: 30px;
    height: auto;
    object-fit: contain;
    margin-right: 10px;
}
.ins-profile-right p, .profile-view-cards .field__item {
    color: #0F2437;
    font-size: 15px;
    margin-top: 8px;
}
.file--image {
    background-image: none;
}
.file{
    padding-left: 0px;
}
.profile-view-cards .field__item{
    font-weight: 500;
    width: fit-content;
    margin-right: 5px;
}
.gig-age .field__item{
    margin-top: 0px;
}
.gig-age{
    margin-top: 8px;
}
.profile-view-cards .field--type-language-field {
    display: flex;
    flex-wrap: wrap;
}
.profile-summary-grid p {
    line-height: 16px;
    font-weight: 600;
}
.profile-view-cards h6, .profile-view-cards p, .profile-view-cards a, .field--name-field-student-age-range {
    color: #0F2437;
    margin-bottom: 0px;
}
.profile-view-cards {
    display: flex;
    align-items: flex-start;
    width: 30%;
    justify-content: flex-start;
    padding-right: 16px;
    margin-top: 30px;
}
.profile-view-cards p, .field--name-field-student-age-range, .profile-view-cards a {
    font-weight: 600;
}
.profile-summary-grid {
    margin-bottom: 30px;
}
.awards-recognization {
    padding: 80px 0px;
}
.awards-recognization h3 {
    font-size: 22px;
    color: #FF714F;
    font-weight: 700;
    margin-bottom: 40px;
}
.awards-recognization img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    border: none;
}
.awards-recognition-img-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.awards-recognition-img-wrapper .modal img{
    width: 100%;
    height: 450px;
    object-fit: contain;
    border: 0px;
}
.awards-recognization a{
    width: 178px;
    display: block;
    height: 178px;
    margin: 0px 5px 20px 0px;
    border: 10px solid gainsboro;
}
.popular-gigs-wrapper, .reviews-gigs, .shoutouts, .comment-wrapper {
    padding: 50px 0px;
    position: relative;
}
.popular-gigs-wrapper::before, .reviews-gigs::before, .shoutouts::before, .course-lessons-second-accordian .accordion-item::before, .teacher-bio::before, .comment-wrapper::before {
    content: '';
    background: url(/themes/custom/peercamp/images/border.png) no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-size: contain;
}
.create-gig-btn, .view-profile-btn, .reviews-gigs-inner .review-link, .view-profile-btn:hover {
    background: #ff714f;
    color: #fff !important;
    border-radius: 3px;
    padding: 8px 25px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
}
/* .reviews-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
} */
.contact-section {
    background: #112538;
    padding: 60px 0px;
    position: relative;
}
.contact-section .container div {
    z-index: 9;
    position: relative;
}
.contact-section::after {
    content: '';
    background: url(/web/themes/custom/peercamp/images/msg.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 80%;
    background-position: center;
    object-fit: contain;
    background-size: contain;
}
.contact-section h2 {
    font-size: 32px;
    font-weight: 600;
    color: #F65800;
}
.contact-section h6 {
    font-size: 18px;
    color: #fff;
    width: 50%;
    line-height: 30px;
}
.contact-section button {
    color: #FF714F;
    font-size: 18px;
    background: #fff;
    padding: 15px 65px 15px 40px;
    border-radius: 6px;
    position: relative;
}
.contact-section button::after {
    content: '';
    background: url(/web/themes/custom/peercamp/images/button-icon.png) no-repeat;
    position: absolute;
    right: -27px;
    top: -2px;
    width: 60px;
    height: 60px;
    background-size: contain;
    background-position: right;
}
/* ----------------------Profile Page End---------------------------- */
/* ----------------------Course Details Page Start---------------------------- */
.single-course-banner {
    background: #112538;
}
.single-course-banner-left h2, .single-course-banner-left p {
    color: #fff;
}
.single-course-cards {
    display: flex;
    flex-wrap: wrap;
}
.single-cards {
    background: #F9FAFD;
    border: 1px solid #B2B0AC;
    padding: 20px;
    border-radius: 25px;
    width: 23%;
    margin-right: 14px;
    text-align: center;
}
.single-cards img {
    width: 46px;
    height: 46px;
    object-fit: contain;
    margin-bottom: 10px;
}
.orange-color {
    color: #FF714F !important;
}
.course-sidebar {
    background: #F9FAFD;
    padding: 30px;
    border: 1px solid #B2B0AC;
    border-radius: 25px;
    margin-bottom: 30px;
    position: sticky;
    top: 50px;
}
.full_course_info h4 {
    margin-bottom: 20px;
    color: #004AAD;
    font-weight: 600;
}
.course-details-lessons h3 {
    color: #004AAD;
    font-size: 20px;
}
.tutor-accordion h4.tutor-accordion-item-header {
    font-weight: 600;
    background-color: #F9FAFD;
}
.tutor-accordion-item-body-content {
    padding: 0 16px;
    border-top: 1px solid #e0e2ea;
}
.course-lessons-second-accordian .accordion-item {
    border: 0px;
    padding: 15px 0px;
    position: relative;
}
.course-lessons-second-accordian .accordion-button:not(.collapsed) {
    color: #004AAD;
    background-color: transparent;
}
.course-lessons-second-accordian .accordion-body {
    border: 1px solid #B2B0AC;
}
.course-sidebar h5, .grid-listing .listing-card-right h5 {
    color: #FF714F;
    font-weight: 400;
}
.course-sidebar h5{
    font-size: 18px;
}
.course-sidebar ul li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 15px 0px;
}
.course-sidebar ul li span {
    font-size: 15px;
}
.course-sidebar ul li img {
    width: 25px;
    margin: 0px 15px 0px 0px;
}
.course-sidebar h5, .course-sidebar h5 strong, .course-sidebar ul li span {
    display: flex;
}
.teacher-bio{
    position: relative;
}
.teacher-bio-left h6 img {
    width: 20px;
    margin-right: 8px;
}
.reviews-top h4 span {
    color: #FF914D;
    font-size: 22px;
}

.course-lessons-second-accordian button, .course-lessons-second-accordian button:focus {
    color: #004AAD;
    font-size: 20px;
    font-weight: 700;
    padding: 20px 0px;
}
/* .course-lessons-second-accordian  .accordion-button::after{
    border-radius: 100%;
    border: 3px solid #004AAD;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-image: none;
} */
.teacher-bio-left, .teacher-bio-right, .view-profile-btn {
    z-index: 9;
    position: relative;
}
.teacher-bio .single-course-banner-left-bottom ul li{
    color: #262626;
}
.view-profile-btn {
    display: block;
    text-align: center;
    width: 135px;
    margin: 20px auto;
}
.teacher-bio video, .single-course-banner-right video {
    width: 100%;
    height: auto;
}
.single-cards h6 {
    color: #112538;
    font-size: 14px;
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
}
.single-cards h6 a{
    color: #112538;
}
.single-cards:last-child {
    margin-right: 0px;
}
.gigs-topics .accordion-button{
    font-weight: 600;
    background-color: #F9FAFD;
    color: #07294d;
    font-size: 15px;
}
.gigs-topics .accordion-item:first-of-type .accordion-button, .gigs-topics .accordion-item:first-of-type {
    border-top-left-radius: 0px;
    border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.gigs-topics .accordion-item {
    border: 1px solid #dce4e6;
    border-radius: 0;
}
.gigs-topics .accordion-body {
    padding: 20px 20px;
}
.single-course-banner-left-bottom-ul li img {
    border-radius: unset;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    object-fit: contain;
    object-position: bottom;
}
.single-course-banner-left-bottom-ul .fivestar-static-form-item .description{
    color: #fff;
}
.teacher-bio-left .fivestar-static-form-item  span.empty, .single-course-banner-left-bottom-ul .fivestar-static-form-item span.empty {
    display: none;
}
.single-course-banner-left-bottom-ul li svg {
    margin-right: 5px;
    color: #f2932d;
}
.course-sidebar ul li p span svg {
    margin-right: 5px;
    color: #ef922e;
}
.course-sidebar li h6 a{
    font-weight: 700;
    color: #07294d;
}
.gigs-topics p{
    margin: 5px 0px 0px;
    font-size: 14px;
}
/* ----------------------Course Details Page End---------------------------- */
/* ----------------------User Login Page Start---------------------------- */
.user-login-wrapper{
    background: #f6f6f6;
}
.user-login-wrapper .user-login {
    background: #fff;
    padding: 70px;
    box-shadow: 1px 0px 4px 0px #ddd;
}
.gig-form-container {
    margin: 10px 20px;
}
.user-login a {
    color: #07294d;
    font-weight: 600;
    font-size: 15px;
    text-decoration: underline;
}
.user-login input#edit-submit, input[value="Submit for verification"], .reviews-form .form-submit, .view-my-gigs input[value="Apply"], #edit-actions .additional-submit-button a, #edit-submit-my-support-tickets, .my-support-tickets .view-header a, .webform-submission-contact-add-form .webform-button--submit, #edit-submit-support-tickets, .support-page .comment-support-ticket-form #edit-submit, #private-message-page #edit-submit, .path-my-support-tickets .add-support-button a, #send-otp-btn input, .payment-redirect-form input.js-form-submit, .create-account-btn, .comment-reviews-form  #edit-actions input{
    font-weight: 700;
    font-style: normal;
    line-height: 29px;
    background-color: #FF714F;
    border-radius: 3px 3px 3px 3px;
    border-color: #FF714F;
    margin-top: 30px;
    color: #fff;
    padding: 10px 30px;
    text-decoration: none;
}
.view-my-gigs .views-exposed-form input[value="Apply"] {
    height: fit-content;
    padding: 8px 30px;
    font-size: 14px;
    line-height: normal;
}
.create-account-btn{
    background-color: #FF714F!important;
    border-radius: 3px 3px 3px 3px!important;
    border-color: #FF714F!important;
}
.payment-redirect-form input.js-form-submit, #edit-send-otp, .path-my-support-tickets .add-support-button a {
    width: fit-content;
}
#edit-send-otp {
    margin: 20px 0px 30px 0px!important;
}
details#otp-form {
    margin-top: 20px;
}
.register-page #edit-account .js-form-type-email {
    margin-bottom: 5px!important;
}
.reviews-form .form-submit:hover{
    background-color: transparent;
    color: #FF714F;
}
.user-login label, .gig-form-container label, .user-form-revision-information summary, .reviews-form label, .field--name-field-gig-rating-details table table tbody td:first-child, .field--name-field-gig-topics .paragraphs-dragdrop__label, .grid-listing .views-exposed-form label, label{
    color: #0F2437;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.user-login input, .user-login select, .gig-form-container input, .gig-form-container select, .reviews-form input, .reviews-form select, .comment-reviews-form input, .comment-reviews-form select{
    height: 45px;
    border-radius: 0px;
}
.user-login input div#edit-user-picture-wrapper input, .user-login select div#edit-user-picture-wrapper input {
    line-height: 33px;
}
form#user-register-form, .user-my-profile-form, .comment-user-reviews-form, .comment-reviews-form, .node-gigs-general-form .gig-form-container>div  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
}
#field-gig-rating-details-values caption, .single-course-details .reviews-form td.field-multiple-drag, .single-course-details .reviews-form .td.delta-order, .single-course-details .reviews-form .action{
    display: none!important;
}
.single-course-details #field-gig-rating-details-values tr td {
    width: 32%;
    padding: 0px;
}
.single-course-details #field-gig-rating-details-values tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px;
}
.single-course-details #field-gig-rating-details-values tr td .visually-hidden{
    position: relative !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0px 0px 10px !important;
    overflow: visible !important;
    clip: rect(0, 0, 0, 0) !important;
    color: #0F2437;
    font-size: 16px;
    font-weight: 600;
}
.user-login div#edit-field-first-name-wrapper, .user-login div#edit-field-last-name-wrapper, div#edit-field-location-wrapper, div#edit-field-phone-whatsapp-wrapper, div#edit-field-student-s-age-wrapper, div#edit-field-interested-gig-category-wrapper, .reviews-form .field--name-field-first-name, .reviews-form .field--name-field-last-name, .reviews-form .field--name-field-student-age, .reviews-form .field--name-field-student-location, .user-login .field--name-field-max-age, .user-login .field--name-field-min-age, .user-login .field--name-field-gig-difficulty, .user-login .field--name-field-gig-schedule, .field--name-field-gig-price, .user-login .field--name-field-gig-price-frequency, .gig-general-form .field--name-field-gig-duration, .gig-general-form .field--name-field-gig-language, .form-type-duration .duration-inner-wrapper .form-type--number, .gig-general-form .form-type-duration .duration-inner-wrapper .form-type-number, .user-my-profile-form .field--name-field-gig-language, .comment-reviews-form .field--name-field-first-name, .comment-reviews-form .field--name-field-last-name, .comment-reviews-form .field--name-field-student-age, .comment-reviews-form .field--type-address-country{
    width: 49%!important;
}
div#edit-field-knowledge-provider-type, #edit-field-gig-type {
    display: flex;
    padding-top: 10px;
}
#edit-field-gig-type .js-form-item{
margin-right: 20px;
}
.user-login-wrapper .form-check-input[type=radio], .js-form-item-field-t-c-value  input, .user-login-wrapper .form-check-input[type=checkbox], .user-login .form-check-input[type=radio], .user-login .form-check-input[type=checkbox] {
    height: 1em;
}
.user-login .radio label, .user-login .checkbox label{
    font-weight: normal;
    font-size: 14px;
}
div#edit-field-phone-whatsapp-0, div#edit-status {
    display: flex;
    flex-wrap: wrap;
}
div#edit-field-phone-whatsapp-0 label, div#edit-actions, div#edit-field-t-c-wrapper, .form-item-pass-pass1.mb-3.password-parent, .js-form-item-pass-pass2.form-item-pass-pass2.mb-3.confirm-parent, .form-item-field-interested-gig-category-0-target-id.mb-3 label, div#edit-field-registering-as-wrapper, div#edit-field-how-did-you-hear-about-us-wrapper, .user-my-profile-form .js-form-wrapper, .user-my-profile-form div#edit-field-student-s-age-wrapper, .user-my-profile-form div#edit-field-interested-gig-category-wrapper, .user-my-profile-form div#edit-field-phone-whatsapp-wrapper, .reviews-form .field--name-field-gig-rating, .reviews-form .field--name-field-gig-rating-details, .reviews-form .field--name-subject, .reviews-form .field--name-comment-body, .gig-general-form .js-form-wrapper, .js-form-item-legal-accept, .comment-reviews-form .field--type-fivestar, .comment-reviews-form .field--name-field-gig-rating-details {
    width: 100%;
    max-width: 100%;
}
.js-form-item-field-knowledge-provider-type.form-item-field-knowledge-provider-type, .js-form-item-status.form-item-status {
    margin-right: 15px;
}
.select-wrapper.select-wrapper--level-0, .select-wrapper.select-wrapper--level-1, .select-wrapper.select-wrapper--level-2 {
    width: 100%;
    margin: 0px 0px 10px 0px;
}
.form-item-field-phone-whatsapp-0-country-code.form-no-label.mb-3 {
    width: 20%;
}
.mobile-number-field .form-type-textfield input {
    height: 45px;
    border: 1px solid #ced4da;
    width: 100%;
}
.form-item-field-phone-whatsapp-0-mobile.form-no-label.mb-3 {
    width: 80%;
}
.mobile-number-field .country-select {
    height: 45px;
    position: relative;
    vertical-align: bottom;
    border-bottom: 1px solid #ccc;
    border: 1px solid #ced4da;
    display: flex;
    align-items: center;
    border-right: 0px;
    padding-left: 5px;
}

.user-login span.fieldset-legend, .user-login h4, .user-login caption {
    font-size: 16px;
    font-weight: 600;
    color: #0F2437;
}
td.field-multiple-drag {
    width: 20px;
    vertical-align: middle;
    text-align: center;
}
#edit-field-gig-category-wrapper td:nth-child(2), #field-gig-language-values td:nth-child(2) {
    width: 775px;
}
.field--name-user-picture  input[value="Remove"], .field--name-field-profile-media-image input[value="Remove"], input[value="Remove"], input[value="Resend OTP"] {
    background: #b30404;
    border: #b30404;
    padding: 8px 20px;
    width: auto;
    border-radius: 3px;
    font-size: 14px;
    height: auto;
}
input[value="Resend OTP"] {
    margin: 10px 0px 0px 15px;
    padding: 12px 20px;
}
.field--name-user-picture img.image-style-thumbnail {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    object-fit: cover;
    object-position: top;
    margin-bottom: 0px;
}
.field--name-field-profile-media-image span{
    display: block;
    padding-left: 0px;
}
.field--name-field-profile-media-image .image-preview{
    padding-bottom: 0px;
}
.field--name-field-profile-media-image .image-style-thumbnail{
    margin-bottom: 0px;
}
.image-widget-data, .image-preview{
    float: none!important;
}
.user-login .image-widget.js-form-managed-file.form-managed-file {
    display: flex;
    align-items: center;
}
.user-my-profile-form #edit-user-picture-wrapper .js-form-managed-file{
    flex-wrap: wrap;
}
.user-my-profile-form #edit-user-picture-wrapper .messages{
    display: block;
    width: 100%;
    margin-bottom: 10px;
    color: #004AAD;
}
.user-login span.file.file--mime-image-jpeg.file--image {
    display: block;
    padding-left: 0px;
    margin-bottom: 5px;
}
#field_profile_video-media-library-wrapper input[value="Add media"], .paragraphs-icon-button, .field-add-more-submit, input#edit-field-gig-language-add-more, input#field-awards-recognition-awards-recognition-add-more, .ui-dialog-buttonpane button, #edit-field-ide-wrapper input[value="Add media"], #edit-field-gig-intro-video-open-button, .field--name-field-gig-topics .field-dragdrop-mode-submit {
    background: #FF714F!important;
    padding: 10px 30px!important;
    border: none;
    display: block;
    width: fit-content;
    font-size: 16px;
    color: #fff !important;
    font-weight: 600;
    z-index: 9;
    position: relative;
    border-radius: 3px!important;
}
.tabledrag-toggle-weight-wrapper, .reviews-gig-wrapper .views-field.views-field-subject a, .js-filter-wrapper  {
    display: none;
}
/* .user-login table, .user-login tr, .user-login td, .table-striped>tbody>tr:nth-of-type(odd)>*{
    background: transparent!important;
} */
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: transparent;
    color: var(--bs-table-striped-color);
}
td{
    border-bottom: 1px solid #ddd!important;
}
.field-multiple-table td .button, .view-media-library .js-form-submit {
    background: #FF714F !important;
    border: 1px solid #FF714F;
    color: #fff!important;
    padding: 8px 20px !important;
    font-size: 14px;
    width: auto;
    border-radius: 3px;
    height: auto;
}

.user-login table th{
    padding: 20px;
}
.description.text-muted{
    font-size: 12px;
}
.user-login table th h4, .user-login table .js-form-item, .user-login table .select-wrapper, .user-login table .field--name-field-award-image, #field-gig-language-values .js-form-wrapper, #edit-field-awards-recognition-wrapper .js-form-wrapper, .js-form-type-fivestar, .register-page #edit-actions  {
   margin-bottom: 0px!important;
}
div#edit-field-gig-category-wrapper .js-form-item, div#edit-field-gig-category-wrapper .ajax-new-content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}
div#edit-field-gig-category-wrapper .js-form-item{
    margin-bottom: 20px;
}
table#field-gig-category-values {
    margin-top: 0px;
}
.js-form-item-field-profile-bio-0-value.form-item-field-profile-bio-0-value.mb-3{
    margin-bottom: 0px!important;
}
div#edit-field-gig-category-wrapper .js-form-item .table-responsive, div#edit-field-profile-media-image-wrapper .image-widget-data {
    width: 100%;
}
.touchevents .draggable td {
    padding: 12px 10px;
}
div#edit-field-gig-category-wrapper table .select-wrapper, div#edit-field-gig-category-wrapper .ajax-new-content .select-wrapper{
    width: 32.6%;
    margin-right: 4px;
}
.clearfix {
    color: #fff;
}
div#edit-field-gig-category-wrapper .js-form-item .select-wrapper .form-select{
    font-size: 14px;
    padding: 5px 20px 5px 5px;
    background-position: right 4px center;
}
.user-login table td{
    padding: 12px 15px;
    vertical-align: middle;
}
.view-media-library .js-form-submit{
    padding: 7px 20px !important;
}
.user-my-profile-form .form-item-field-phone-whatsapp-0-country-code.form-no-label.mb-3 {
    width: 18%;
}
.user-my-profile-form .form-item-field-phone-whatsapp-0-mobile.form-no-label.mb-3 {
    width: 82%;
}
#field_profile_video-media-library-wrapper input[value="Remove"], .js-media-library-add-form input[value="Remove"], #field_ide-media-library-wrapper input[value="Remove"] {
    margin-bottom: 10px;
    border-radius: 3px;
    width: auto;
    padding: 5px 20px;
    background: #a50202;
    border: 0px;
    height: auto;
}
.user-login .form-control[type=file]{
    height: auto!important;
}
#field_profile_video-media-library-wrapper input[value="Remove"], #field_ide-media-library-wrapper input[value="Remove"]{
    padding: 3px 20px;
    font-size: 14px;
    margin-bottom: 0px;
}
.field_award_label .field--name-field-award-label {
    width: 100% !important;
}
.reviews-form div#edit-actions {
    display: flex;
    width: 100% !important;
    justify-content: space-between;
    align-items: center;
}
.reviews-form .form-submit {
    margin-top: 0px;
}
.comment-user-reviews-form .form-submit {
    width: fit-content;
}
.reviews-form h2{
    font-size: 18px;
}
.user-login th.field_award_label, th.field_award_image, .user-login th {
    color: #0f2437;
}
#field_profile_video-media-library-wrapper .field.field--name-thumbnail.field--type-image.field--label-hidden, #field_ide-media-library-wrapper .field--name-thumbnail.field--type-image {
    margin-left: -100px;
}
.js-media-library-add-form input[value="Remove"] {
    margin-left: 10px;
    color: #fff;
}
.user-my-profile-form .js-form-item-field-knowledge-provider-type{
    margin-right: 0px;
}
.media-library-widget-modal{
    padding: 0px;
}
.ui-dialog-content {
    max-height: 290px!important;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 10px;
    position: relative;
    background: #FF714F;
    color: #fff;
    font-size: 22px;
    border: 0px;
}
.ui-dialog-content.ui-widget-content{
    padding: 30px 20px;
}
ul.js-media-library-menu{
    padding-left: 0px;
    display: flex;
    margin-bottom: 10px;
}
ul.js-media-library-menu li {
    padding: 8px 10px;
    border: 1px solid #ff714f;
    width: 120px;
    font-size: 14px;
    text-align: center;
    margin-right: 10px;
    display: block;
}
article.contextual-region {
    padding-left: 6px;
}
ul.js-media-library-menu li a{
    color: #ff714f;
}
/* .view-header a{
    font-size: 20px;
    font-weight: 600;
    color: #0F2437;
} */
.views-exposed-form .d-flex.flex-wrap {
    align-items: flex-end;
}
.ui-dialog-buttonpane{
    position: relative;
}
.ui-dialog-buttonpane .media-library-selected-count.js-media-library-selected-count {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.view-media-library{
    padding: 0px;
    margin: 0px !important;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 25px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 25px;
    border-radius: 100%;
    border: 2px solid #fff;
    background: transparent;
}
.ui-dialog-titlebar-close::after {
    content: 'x';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 18px;
}
#edit-field-awards-recognition-wrapper .field-multiple-table td .button, #field-gig-lessons-values .paragraph-top .field-multiple-table .paragraphs-icon-button {
    background: transparent !important;
    border: 1px solid #FF714F;
    color: #ff714f !important;
    padding: 3px 10px !important;
    font-size: 12px;
    width: auto;
    border-radius: 3px;
    height: auto;
}
textarea{
    border-radius: 0px!important;
}
#edit-field-awards-recognition-wrapper .paragraph-type.js-form-wrapper, .js-media-library-selection, .js-media-library-widget, .field--name-field-award-media{
    margin-bottom: 0px!important;
}
#edit-field-awards-recognition-wrapper .field-label .paragraphs-actions, #field-gig-lessons-values .paragraph-type, #edit-field-profile-bio-0-format-help, span.paragraph-type-label, span.total-votes {
    display: none;
}
.paragraph-type--awards-recognition .paragraphs-subform{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.field--name-field-award-media, .field--name-field-award-label {
    width: 49%!important;
    margin-bottom: 0px;
}
#field-gig-topics-values th{
    position: relative;
}
#field-gig-topics-values th .paragraphs-actions {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.js .field--widget-paragraphs td {
    padding: 10px 20px;
}
#field-gig-topics-values .clearfix {
    color: #e4e4e4;
}
.field--name-field-award-media legend span, .field--name-field-award-label label, #edit-submit, #edit-profile-verification-submit, .reviews-form .form-submit {
    font-size: 16px!important;
}
.paragraph-type--awards-recognition .paragraph-top {
    border-bottom: 1px solid #ddd;
}
#edit-actions, #edit-profile-verification-submit, .gig-create-initial-form #edit-submit {
    display: inline-block;
    width: fit-content!important;
}
#edit-profile-verification-submit{
    border-radius: 3px;
}
.js-media-library-item {
    display: flex;
    align-items: flex-end;
}
div#media-library-add-form-wrapper {
    background: #dddddd5e;
    padding: 10px;
}
div#media-library-view {
    padding-top: 40px;
}
.js-media-library-views-form table tr{
    background: transparent;
}
.js-media-library-item {
    display: table-row;
}
.js-media-library-views-form table tr th {
    color: #323131;
}
.js-media-library-views-form table{
    border-top: 2px solid #615e5e;
    border-bottom: 2px solid #615e5e;
}
.js-media-library-views-form thead{
    border-bottom: 2px solid #cdc8c8;
}
.js-media-library-views-form tr td {
    vertical-align: middle;
}
/* .view-header a {
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    overflow: hidden;
} */
.media-library-widget-modal .view-header a:first-child::before {
    content: "";
    background: url('/web/themes/custom/peercamp/images/menu.png') no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-color: #fff;
}
.media-library-widget-modal .view-header {
    text-align: end;
}
.media-library-widget-modal .view-header a:last-child::before{
    content: "";
    background: url('/web/themes/custom/peercamp/images/cells.png') no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-color: #fff;
}
.span.paragraph-type-label {
    display: none;
}
.media-library-widget-modal .field.field--name-thumbnail.field--type-image.field--label-hidden {
    margin-left: 0px;
}
.media-library-widget-modal .media-library-widget-modal .form-actions {
    bottom: -32px;
}
.field--name-field-gig-rating-details td.field-multiple-drag.paragraph-bullet, .field--name-field-gig-rating-details thead, .field--name-field-gig-rating-details table table tr:last-child td:first-child {
    display: none;
}
.field--name-field-gig-rating-details table tr{
    background: transparent;
}
.field--name-field-gig-rating-details table table tr {
    width: 32%;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}
.field--name-field-gig-rating-details table table tbody {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}
.field--name-field-gig-rating-details table table tr:last-child{
    width: 100%;
}
.field--name-field-gig-rating-details table table tr:last-child td{
    padding: 10px 0px 0px;
}
.field--name-field-gig-rating-details table table .js-form-wrapper, .field--name-field-gig-rating-details table table .js-form-item{
    margin-bottom: 0px!important;
}
.reviews-gigs-inner, .popular-gigs.other-popular-gigs {
    z-index: 999;
    position: relative;
}
.popular-gigs.other-popular-gigs .views-field.views-field-field-gigs-rating {
    display: none;
}
.field--name-field-gig-rating-details table table td, .field--name-field-gig-rating-details table td{
    border-bottom: 0px!important;
    vertical-align: middle;
    width: 100%;
}
.field--name-field-gig-rating-details table td{
    padding: 0px;
}
.fivestar-static-form-item .js-form-item.js-form-type-item.form-type-item.js-form-item-.form-item-.mb-3 {
    display: flex;
    align-items: center;
    margin-bottom: 0px !important;
}
/* ----------------------User Login Page End---------------------------- */

/* ----------------------Dashboard Page Start---------------------------- */

.dashboard-top {
    border-bottom: 2px solid #cdcfd5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px 30px;
}
.dashboard-menu .nav-link {
    padding: 10px 20px;
    color: #262626;
    font-size: 16px;
    display: flex;
}
.dashboard-menu li{
    width: 100%;
}
.dashboard-menu {
    border-right: 1px solid #cdcfd5;
}
.dashboard-menu .nav-link.is-active {
    background: #ff714f;
    color: #fff;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.dashboard-menu .nav-link.is-active svg{
    color: #fff;
}
.dashboard-menu ul{
    display: block;
}
.dashboard-top-left svg{
    color: #ffc601;
    margin-right: 5px;
}
.dashboard-top-right svg{
    color: #ff714f;
    font-size: 30px;
    margin-right: 35px;
}
.dashboard-top-right button {
    background-color: #07294d;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500 !important;
    padding: 1em 2em;
}
.dashboard-top-left {
    display: flex;
    align-items: center;
}
.dashboard-top-left img{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    object-fit: cover;
    object-position: top;
}
.dashboard-top-right button svg{
    color: #fff;
    font-size: 18px;
}
.dashboard-top-left ul li:last-child{
    color: #757c8e;
}
.dashboard-top-left ul li{
    margin-right: 12px;
}
.dashboard-top-right {
    display: flex;
    align-items: center;
}
.dashboard-menu svg{
    color: #ff714f;
    font-size: 20px;
    margin-right: 10px;
}
.steps-col svg{
    color: #9e9e9e9c;
    font-size: 35px;
    margin-bottom: 10px;
}
.steps-col.active svg{
    color: #ff714f;
}
.stats-col {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    border: 1px solid #cdcfd5;
    border-radius: 15px;
}
.stats-col p{
    font-size: 14px;
}
.stats-col svg{
    color: #07294d;
    font-size: 20px;
}
.path-my-dashboard .common-table, .stats-graph{
    padding: 20px;
    border: 1px solid #cdcfd5;
    border-radius: 15px;
}
.path-my-dashboard h4{
    font-size: 24px;
}
.highlighted-col{
    background: #ff714f;
}
.highlighted-col h6, .highlighted-col h5, .highlighted-col svg{
    color: #fff;
}
.highlighted-col p{
    color: #f2eded;
}
.path-my-dashboard  .common-btn a{
    color: #fff;
    text-decoration: none;
}
/* ----------------------Dashboard Page End---------------------------- */

/* ----------------------Gig Listing Page Start---------------------------- */

section.course-listing-banner {
    background: #F9FAFD;
    padding: 50px 0px;
}
.course-listing-banner-inner::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(233 235 237 / 32%);
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 10px;
}
.course-listing-banner-inner {
    text-align: center;
    padding: 80px 0px;
    position: relative;
    border-radius: 10px;
    border: 2px solid #737373;
}
.course-listing-banner-inner h1 {
    font-size: 40px;
    font-weight: 700;
    color: #000;
    z-index: 9;
    position: relative;
}
.course-listing-banner-inner img {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 10px;
}
.course-listing-banner-inner a {
    background: #FF714F;
    padding: 10px 30px;
    margin: 40px auto 0px;
    display: block;
    width: fit-content;
    height: auto;
    font-size: 16px;
    color: #fff !important;
    font-weight: 600;
    z-index: 9;
    position: relative;
    border-radius: 3px;
}
.course-listing-banner-middle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 20px 20px;
}
.course-listing-banner-middle div {
    display: flex;
    align-items: center;
    margin: 0px 20px;
    justify-content: center;
}
.course-listing-banner-middle div img {
    width: 60px;
    margin-right: 10px;
}
.course-listing-banner-middle div p {
    color: #0F2437;
    font-size: 15px;
    margin-bottom: 0px;
    font-weight: 600;
    text-align: center;
    width: fit-content;
    display: block;
}
.grid-listing .tutor-listing-card {
    background: #F9FAFD;
    padding: 15px;
    border: 1px solid #737373;
    border-radius: 30px;
    margin-bottom: 30px;
}
.grid-listing .listing-card-left img {
    width: 100% !important;
    border-radius: 10px;
    height: 200px !important;
    object-fit: cover;
}
.grid-listing .listing-card-middle {
    border-right: 1px solid #e1e2e4;
    padding: 0px 25px 0px 0px;
    height: 100%;
}
.grid-listing .listing-card-middle-top h3 a {
    font-size: 24px;
    width: 90%;
    margin-bottom: 0px;
    color: #0F2437 !important;
}
.grid-listing .listing-card-middle-middle {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.grid-listing .listing-card-body {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 4.5em;
    line-height: 1.5em;
    margin-bottom: 0px;
}
.grid-listing .listing-card-body p{
    margin-bottom: 0px;
}
.grid-listing .card-ul-2 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.grid-listing .listing-card-middle-middle {
    margin: 15px 0px 25px;
}
.grid-listing .listing-card-middle-middle li {
    font-size: 14px;
    font-weight: 500;
}
.grid-listing .listing-card-middle-middle li span a{
    color: #262626;
}
.grid-listing .listing-card-right li {
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 500;
}
.grid-listing .listing-card-right li:first-child{
    color: #07294d;
}
.grid-listing .card-ul-2 li, .grid-listing .listing-card-right li, .grid-listing .card-ul-1 li {
    display: flex;
    align-items: center;
}
.grid-listing .listing-card-middle-middle img, .grid-listing .listing-card-right img {
    width: 20px !important;
    margin-right: 10px;
    margin-left: 0px;
}
 .grid-listing .card-ul-2 li p {
    font-weight: 400 !important;
}
.grid-listing .card-ul-2 li{
    margin-right: 15px;
}
.grid-listing .card-ul-2 li:last-child{
    margin-right: 0px;
}
.grid-listing .views-exposed-form select {
    background: #fff;
    border-color: #000;
    border-radius: 14px;
    padding: 10px 20px;
    color: #004aad;
    position: relative;
    font-weight: 500;
}
.grid-listing .select-wrapper, .grid-listing div#edit-actions{
    margin-bottom: 0px!important;
}
.grid-listing input#edit-submit-taxonomy-term, .grid-listing .js-form-submit {
    border: none;
    background: #ff714f!important;
    padding: 7px 25px;
}
.grid-listing .form-actions{
    margin-bottom: 0px!important;
}
.grid-listing .js-form-submit{
    width: fit-content;
}
/* ----------------------Gig Listing Page End---------------------------- */
/* ----------------------Other Popular Gigs Section Start---------------------------- */

.other-gigs-wrapper {
    padding: 15px;
    position: relative;
    border: 1px solid #545454;
    background: #F9FAFD;
    border-radius: 20px;
    margin: 0px 10px;
    margin-bottom: 20px;
}
.other-gigs-item-bottom {
    margin-top: 20px;
}
.other-gigs-item-top {
    display: flex;
    align-items: flex-start;
    position: relative;
}
.other-gigs-item-top ul li {
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.other-gigs-item-top li img {
    width: 18px !important;
    margin-right: 10px;
    margin-left: 0px;
}
.other-gigs-item-top li span a, .other-gigs-item-top li span, .other-gigs-item-top .average-rating span {
    font-size: 14px;
    font-weight: 400;
    color: #07294d;
}
.bold-gig-type span a{
    font-weight: 600!important;
}
.other-gigs-wrapper h6 a {
    font-weight: 500;
    display: block;
    color: #07294d;
    font-size: 18px;
}
.other-gigs-content {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 3.5em;
    font-weight: 400;
}
.other-gigs-top-img img {
    width: 162px !important;
    margin-right: 10px;
    height: 162px !important;
    object-fit: cover;
    border-radius: 30px;
    margin-left: 0px;
}
.other-gigs-item-bottom span {
    font-size: 15px;
    font-weight: 500;
}
.other-gigs-item-bottom img {
    width: 16px !important;
    margin-left: 8px;
}
.other-gigs-item-bottom h5 {
    color: #FF714F;
    font-size: 20px;
    margin-bottom: 0px;
}
.new{
    position: relative;
}
.new::before {
    content: "";
    background: url(/web/themes/custom/peercamp/images/new.png) no-repeat;
    position: absolute;
    top: -31px;
    left: 0px;
    width: 29%;
    height: 100%;
    object-fit: contain;
    background-size: contain;
    z-index: 999;
}
/* ----------------------Other Popular Gigs Section End---------------------------- */

/* ----------------------Other reviews Section start---------------------------- */
.reviews-card {
    background: #fff;
    padding: 20px;
    border: 1.4px solid #dcdcdc7a;
    margin: 0px 12px 12px 12px;
    height: 100%;
}
.views-col:nth-child(odd) .reviews-card{
  margin-right: 15px;
}
.views-col:nth-child(even) .reviews-card{
    margin-left: 15px;
  }
.reviews-card-top img {
    width: 80px !important;
    height: 80px;
    border-radius: 100%;
    object-fit: fill;
    margin-top: -54px;
    margin-left: -45px;
    border: 1px solid #B2B0AC;
}
.reviews-card-top span {
    color: #ef922e;
    width: 36%;
    text-align: right;
    margin: 10px 0px;
    display: flex;
}
.reviews-card-top ul li {
    font-size: 14px;
    color: #474646;
    line-height: 16px;
    border-right: 2px solid #474646;
    padding-right: 10px;
    margin-right: 10px;
}
.reviews-card-top ul li:last-child {
    border-right: 0px;
}
.reviews-card .fivestar-widget-static.fivestar-widget-static-vote.fivestar-widget-static-5.clearfix {
    display: flex;
}
.reviews-card li {
    display: flex;
    align-items: center;
    color: #004AAD;
    list-style: none;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
.reviews-card li span {
    color: #000000;
    font-size: 15px;
    display: block;
    margin-right: 5px;
}
.reviews-card h6{
    font-weight: 400;
    color: #000000;
    font-size: 18px;
}
.content {
    color: #004AAD;
}
.views-field.views-field-field-gig-rating-details-1 {
    display: none;
}
article.contextual-region {
    padding-left: 0px;
}
.grid-listing .views-field.views-field-field-last-name {
    display: none;
}
div#block-peercamp-views-block-gig-listing-block-1, .views-view-grid.horizontal.cols-2, div#block-peercamp-views-block-reviews-block-1, .views-view-grid.horizontal.cols-1.clearfix.col {
    padding: 0px;
}
/* ----------------------Other reviews Section End---------------------------- */

/* ----------------------Other Educators Library Start---------------------------- */

.educators-banner h1{
    color: #0F2437;
    font-size: 53px;
    font-weight: 700;
    font-style: normal;
    line-height: 64px;
}

.educators-banner h4{
    text-align: left;
    color: #0F2437;
    font-size: 24px;
    font-weight: 400;
    line-height: 33px;
}
.educators-banner h5{
    font-size: 27px;
    font-weight: 600;
    font-style: normal;
    line-height: 32px;
    color: #FF5712;
    background-color: #F4F8FA00;
    border-radius: 3px 3px 3px 3px;
}
.educator-item {
    padding: 30px;
    background-color: #F9FAFD;
    border: 1px solid #B2B0AC;
    border-radius: 10px;
}
.educator-item h3{
    color: #07294D;
    font-size: 18px;
    font-weight: 600;
}
.educator-item a{
    font-size: 14px;
    color: #07294d;
    display: flex;
    margin-bottom: 10px;
}
.educator-item a:hover{
    color: #ff714f;
}
.educators-content h2 {
    color: #ff714f;
    font-size: 30px;
    line-height: 40px;
}
.educators-content li {
    list-style: disc;
    margin-bottom: 10px;
}
.educators-details-banner h1{
    color: #fff;
    padding: 0px 120px;
}
.educators-details-banner {
    background: #07294d;
    padding: 70px 0px;
    display: flex;
    align-items: center;
}
/* ----------------------Other Educators Library End---------------------------- */
/* ----------------------Home Page Css Start---------------------------- */
.home-banner-image img{
    width: 100%;
}
.home-banner h1{
    font-size: 36px;
    font-weight: 700;
    font-style: normal;
    line-height: 50px;
    margin-bottom: 80px;
}
.home-banner {
    position: relative;
}
.banner-content {
    width: 40%;
    position: absolute;
    top: 265px;
}
.why-peercamp-top .fa-star {
    font-size: 30px;
    color: #ff714f;
}
.why-peercamp-top {
    display: flex;
    justify-content: center;
    align-items: center;
}
.why-peercamp-top span{
    font-size: 32px;
    font-weight: 400;
    line-height: 44px;
}
.why-peercamp-top .field--type-entity-reference, .why-peercamp-top .field--type-image img {
    margin: 0px;
}
.why-peercamp-list .field.field--name-field-list-items.field--type-string-long, .advanced-solution-list .field--name-field-advanced-solution-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.why-peercamp-list .field__item, .with-peercamp-list .field__item {
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 36px;
    width: 49%;
    margin-bottom: 20px;
    color: #0F2437;
}
.with-peercamp-list .field__item{
    width: 100%;
}
.advanced-solution-list .field--name-field-advanced-solution-items .field--name-field-title {
    color: #0F2437;
    font-size: 27px;
    font-weight: 400;
    font-style: normal;
    line-height: 36px;
    width: 100%;
}
.advanced-solution-list .paragraph.paragraph--type--advanced-solution-items {
    display: flex;
    align-items: center;
}
.advanced-solution-list .field--name-field-advanced-solution-items > .field__item {
    width: 33%;
    margin: 20px 0px;
}
.advanced-solution-list img{
    width: 115px;
}
.advanced-solution-list .field--type-entity-reference{
    margin: 0px 20px 0px 0px;
}
.why-peercamp .big-btn  .field--name-field-button, .certificate-reviews .big-btn  .field--name-field-button, .become-a-provider .big-btn-2  .field--name-field-button, .features .big-btn  .field--name-field-button{
    margin: auto;
}
.with-peercamp h4{
    color: #0F2437;
    font-size: 23px;
    font-weight: 600;
    font-style: normal;
    line-height: 32px;
}
.with-peercamp h3{
    color: #FA5F5F;
    font-size: 27px;
    font-weight: 400;
    font-style: normal;
    line-height: 34px;
}
.reviews-section h3{
    color: #0F2437;
    font-size: 25px;
    font-weight: 400;
    font-style: normal;
    line-height: 34px;
    width: 75%;
    margin: auto;
}
.single-reviews h4{
    text-align: center;
    color: #0F2437;
    font-size: 33px;
    font-weight: 400;
    font-style: normal;
    line-height: 45px;
    margin-bottom: 30px;
}
.single-reviews-bottom h5{
    color: #0F2437;
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    line-height: 34px;
}
.single-reviews-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
}
.single-reviews.mb-5 {
    width: 80%;
    margin: auto;
    position: relative;
}
.single-reviews.mb-5:last-child{
    margin-bottom: 0px!important;
}
img.img-fluid.comma-img {
    left: -35px;
    position: absolute;
    top: -6px;
    width: 35px;
}
.faq-single button{
    font-size: 23px;
    font-weight: 700;
    font-style: normal;
    line-height: 31px;
    color: #0F2437!important;
    border: 1.5px solid #95A2AB;
    border-bottom: 0px;
}
.faq-single .accordion-item:last-child button{
    border-bottom: 1px!important;
}
.faq-single .accordion-button:not(.collapsed) {
    color: #FA5F5F!important;
    background-color: transparent;
    box-shadow: 0;
}
.faq-single .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.faq-single .accordion-body {
    color: #545454;
    font-family: "Filson Pro", Sans-serif;
    font-size: 23px;
    font-weight: 400;
    font-style: normal;
    line-height: 28px;
    border: 1.5px solid #95A2AB;
    border-bottom: 0px;
}
.faq-single .accordion-button:not(.collapsed)::after {
    filter: invert(57%) sepia(10%) saturate(6673%) hue-rotate(321deg) brightness(99%) contrast(98%);
}
.certificate-reviews h2 {
    color: #FA5F5F;
    font-size: 27px;
    font-weight: 400;
    font-style: normal;
    line-height: 34px;
}
.certificate-reviews h3{
    color: #0F2437;
    font-size: 23px;
    font-weight: 400;
    font-style: normal;
    line-height: 28px;
}
.why-peercamp-list .field__item, .with-peercamp-list .field__item{
    position: relative;
    padding-left: 50px;
}
.why-peercamp-list .field__item::before, .with-peercamp-list .field__item::before{
    content: "";
    background: url(/peercamp-backend/web/themes/custom/peercamp/images/check-mark.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    object-fit: contain;
    background-size: contain;
    filter: invert(57%) sepia(10%) saturate(6673%) hue-rotate(321deg) brightness(99%) contrast(98%);
}
.features-item h4{
    color: #0F2437;
    font-size: 28px;
    font-weight: 500;
    line-height: 41px;
}
.features-item p{
    color: #0F2437;
    font-size: 24px;
    font-weight: 400;
    line-height: 37px;
}
.value-of-work {
    background-color: #0F2437;
    position: relative;
}
.value-of-work h2{
    color: #FFFFFF;
    font-size: 53px;
    font-weight: 700;
    line-height: 64px;
}
.value-of-work  h4{
    color: #FA5F5F;
    font-size: 40px;
    font-weight: 700;
    line-height: 56px;
}
.value-of-work h3{
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 400;
    line-height: 46px;
}
.value-of-work h5{
    color: #FFFFFF;
    font-size: 33px;
    font-weight: 700;
    line-height: 46px;
}
.become-a-provider {
    background: #fafafa;
}
.become-a-provider .main-heading{
    text-align: left!important;
    font-weight: 500;
    margin-left: 0px!important;
}
.become-a-provider .with-peercamp-list .field__item::before {
    background: url(/peercamp-backend/web/themes/custom/peercamp/images/right.png) no-repeat;
    background-size: contain;
}
.sign-me-up h3{
    color: #0F2437;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
}
.sign-me-up .main-heading {
    font-size: 32px;
    font-weight: 500;
    text-align: left;
}
.value-img {
    position: absolute;
    bottom: -18px;
}
.arrow-gif{
    margin: 120px auto 0px;
}
.broadcast-interact .main-heading{
    font-weight: 500;
}
.broadcast-img {
    position: relative;
}
.rating-gif {
    position: absolute;
    left: -300px;
    bottom: 20px;
}
.thumb-gif {
    position: absolute;
    left: 290px;
    z-index: 9;
    bottom: 125px;
}
.peercamp-list h4{
    color: #0F2437;
    font-size: 27px;
    font-weight: 500;
    line-height: 37px;
}
span.average-rating span {
    color: #fff;
    margin: 0px 5px;
    font-size: 18px;
}
/* ----------------------Home Page Css End---------------------------- */
/* ----------------------Gig Form Page Css Start---------------------------- */
#edit-field-gig-topics-wrapper td.field-multiple-drag, .paragraph-type--gig-topics td:nth-child(3), #edit-field-gig-topics-wrapper thead th:nth-child(2) {
    display: none;
}
#edit-field-gig-topics-wrapper .paragraphs-icon-button-collapse{
    padding: 3px 12px !important;
    font-size: 12px;
}
#edit-field-gig-topics-wrapper td.field-multiple-drag, #edit-field-gig-topics-wrapper td.field_lesson_content, #edit-field-gig-topics-wrapper td.field_lesson_content{
    display: table-cell;
}
#edit-field-gig-topics-wrapper td.field_lesson_content, #edit-field-gig-topics-wrapper th.field_lesson_content {
    max-width: 450px;
    width: 450px;
}
#edit-field-gig-topics-wrapper td.action, #edit-field-gig-topics-wrapper th.action, #edit-field-gig-topics-wrapper td.field-multiple-drag, #edit-field-gig-topics-wrapper thead th:first-child {
    padding: 7px !important;
}
#edit-field-gig-topics-wrapper th.field_lesson_title {
    display: block !important;
}
#edit-field-gig-topics-wrapper .paragraphs-dropdown-action{
    padding: 5px 10px!important;
    background: transparent!important;
    color: #363535cc!important;
    border: none!important;
    height: auto!important;
    border-radius: 0px!important;
    font-weight: 400;
}
#edit-field-gig-topics-wrapper thead th.field-label {
    padding: 20px !important;
}
.field--name-field-gig-topics .paragraphs-dragdrop__item {
    border: 1px solid #ff714f;
}
.field--name-field-profile-media-image img {
    width: 100%;
    height: auto;
}
.field--name-field-gig-intro-thumbnail span.file--image a{
    padding-left: 20px;
}
.field--name-field-gig-intro-thumbnail .image-style-thumbnail{
    margin-bottom: 0px;
}
.field--name-field-gig-intro-thumbnail .image-widget-data{
    width: 100%;
}
.js-form-item-field-gig-duration-0-duration-h, .js-form-item-field-gig-duration-0-duration-i{
    margin-bottom: 0px !important;
}
.field--name-field-batch-schedule .field__item {
    font-size: 14px;
    margin-bottom: 5px;
}
.batch-selection-wrapper td a{
    padding: 3px 12px !important;
    font-size: 12px;
}
.batch-add a, .submit-approval-button a{
    border-radius: 3px!important;
    color: #fff;
    text-decoration: none;
}
.batch-add a:hover, .submit-approval-button a:hover{
    color: #fff;
}
.form-item-field-gig-status-value ul{
    display: flex;
    padding-left: 12px;
    margin-bottom: 0px;
}
.form-item-field-gig-status-value ul li a{
    padding: 6px 30px;
    border: 1px solid #ff714f;
    text-align: center;
    color: #ff714f;
    margin-right: 15px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    border-radius: 0px;
    text-decoration: 0px;
}
form#comment-form {
    z-index: 9;
    position: relative;
}
.view-id-my_gigs .section-padding, .my-support-tickets .section-padding, .view-id-support_tickets .section-padding {
    padding: 0px 0px 30px 0px;
}
.gig-form-container .form-actions, .node-gigs-topics-form #edit-actions, .node-gigs-general-form #edit-actions, .node-gigs-additional-form  #edit-actions{
    display: flex!important;
    justify-content: space-between;
    width: 100% !important;
    align-items: center;
}
.form-item-field-gig-status-value .btn-primary {
    font-size: 14px;
    padding: 6px 30px;
    line-height: 22px;
    margin-top: 0px;
    height: fit-content;
}
.view-id-my_gigs td a, .batch-selection-wrapper td a, .view-id-support_tickets td a  {
    color: #ff714f;
    font-weight: 500;
    text-decoration: underline;
}

.add-support-button a{
    color: #ff714f;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: 20px;
    display: block;
}
.add-support-button a:hover{
    color: #fff!important;
}
.batch-add a {
    margin-bottom: 30px;
    display: block;
    width: fit-content;
}
.submit-approval-button a{
    margin-top: 30px;
    display: block;
    width: fit-content;
}
.gig-approval-request-submit-form {
    color: #07294d;
    font-weight: 500;
}
.node-gig-batch-form #edit-actions {
    display: flex!important;
    justify-content: space-between;
    width: 100% !important;
    align-items: center;
}
.node-gig-batch-form .js-form-submit, .node-gigs-topics-form #edit-submit, .node-gigs-general-form #edit-submit, .node-gigs-additional-form #edit-submit{
    width: fit-content;
}
.node-gigs-topics-form .additional-submit-button a, .node-gigs-general-form .additional-submit-button a, .node-gigs-additional-form .additional-submit-button a{
    display: block;
}
.node-gig-batch-form .additional-submit-button a {
    display: block;
}
.smartdate--time-inline label{
    margin: 0px 10px 0px 0px;
}
#field-batch-schedule-values .js-form-item-field-batch-schedule-0-repeat-end, #field-batch-schedule-values .js-form-item-field-batch-schedule-0-repeat-advanced-which, #field-batch-schedule-values .byday-checkboxes  {
    display: -webkit-inline-box;
}
#field-batch-schedule-values .js-form-item-field-batch-schedule-0-repeat-end label, #field-batch-schedule-values .js-form-item-field-batch-schedule-0-repeat-advanced-which label, #field-batch-schedule-values .byday-checkboxes label{
    min-width: fit-content;
}
.view-support-tickets .views-exposed-form .d-flex.flex-wrap .js-form-item {
    margin-right: 10px;
}
.view-support-tickets .view-empty {
    color: #0f2437;
}
.view-support-tickets .view-empty a {
    color: #ff714f;
}
.view-support-tickets .view-header {
    margin-bottom: 40px;
}
.view-support-tickets .table-responsive.col {
    padding: 0px;
}
.common-modal .modal-header{
    background: #ff714f;
    padding: 8px 20px;
}
.common-modal .modal-header h5{
    color: #fff;
}
.gig-batch-details table td button.common-btn{
    border: none;
    padding: 8px 30px;
}
.gig-batch-details table td p button {
    font-weight: 500;
    color: #07294d;
    border: none !important;
    padding: 0px;
}
.gig-batch-details table td p button:not(.collapsed) svg{
    transform: rotate(180deg);
}
.node-gigs-general-form .field--name-field-gig-category .select-wrapper.select-wrapper--level-0, .node-gigs-general-form .field--name-field-gig-category .select-wrapper.select-wrapper--level-1, .node-gigs-general-form .field--name-field-gig-category .select-wrapper.select-wrapper--level-2 {
    width: 32%;
}
.node-gigs-general-form .field--name-field-gig-category .select-wrapper.select-wrapper--level-0, .node-gigs-general-form .field--name-field-gig-category .select-wrapper.select-wrapper--level-1 {
    margin-right: 17px;
}
.node-gigs-general-form .field--name-field-gig-category label{
    width: 100%;
}
#edit-field-gig-status-value ul{
    padding-left: 0px;
}
.view-my-gigs .table-responsive.col{
    padding: 0px;
}
/* ----------------------Gig Form Page Css End---------------------------- */
/* ---------------------comment Page Css Start---------------------------- */
.comment-section .comment{
    display: block;
}
.comment-section .comment__meta{
    text-align: left;
}
.comment-section .comment__content.card {
    background: #f2f2f2;
}
.comment-section .comment__content:after {
    border-top: 20px solid transparent;
    border-right: 20px solid #f2f2f2;
    border-bottom: 20px solid transparent;
}
.comment-section .comment__author span{
    color: #07294d;
    font-weight: 500;
}
.comment-section .field--type-image{
    float: none;
}
.comment-section .field--name-user-picture img.image-style-thumbnail {
    width: 70px;
    height: 70px;
}
.comment-section .comment__content::after, .comment-section .comment__content::before{
    display: none;
}
.support-page .support-highlight {
    padding: 50px 0px;
}
.support-page .comment-form__title {
    display: none;
}
/* ---------------------comment Page Css End---------------------------- */
/* ---------------------My Inbox Page Css Start---------------------------- */
.dashboard-content article.contextual-region.profile {
    display: flex;
}
.dashboard-content .private-message-recipients, .dashboard-content  .contextual-region.profile, #private-message-page  article.profile, .private-message-thread .profile {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.dashboard-content .pm-profile-picture img, #private-message-page .pm-profile-picture img{
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
.dashboard-content .block-private-message-inbox-block .private-message-thread:hover {
    background-color: transparent;
}
.dashboard-content .block-unblock a, #private-message-page .block-unblock a{
color: #b30404;
font-size: 14px;
margin-left: 20px;
float: right;
}
.dashboard-content .datetime{
    font-size: 14px;
    color: #888888;
    float: right;
}
#private-message-page .field--name-created{
    font-size: 14px;
    color: #888888;
}
.dashboard-content .pm-field .field--name-field-first-name, .dashboard-content .pm-field .field--name-field-last-name, #private-message-page .pm-field .field--name-field-first-name, #private-message-page .pm-field .field--name-field-last-name{
    color: #07294d;
    font-weight: 600;
}
.dashboard-content .field__label, #private-message-page .field__label {
    color: #000;
}
.dashboard-content .private-message-thread, .private-message-author-self, .private-message-author-other {
    padding: 20px!important;
    border-radius: 5px;
    border: none!important;
}
.private-message-author-self, .private-message-wrapper, .private-message-inbox{
    background: #f2f2f2c2;
}
.dashboard-content .private-message-thread {
    border-bottom: 1px solid #dddddd!important;
    border-radius: 0px;
    margin-bottom: 30px!important;
    padding-bottom: 30px!important;
}
.private-message-thread:last-child{
    border-bottom: 0px!important;
}
.private_message_thread_delete_link_wrapper a, .private_message_thread_clear_history_link_wrapper a{
    color: #fff!important;
    background: #b30404;
    font-size: 12px;
    margin-left: 10px;
    float: right;
    padding: 3px 10px;
    border-radius: 3px;
}
.private-message-recipients{
    align-items: center;
}
.private-message-wrapper.field__item {
    margin-bottom: 25px;
}
#private-message-page .js-text-format-wrapper {
    margin-top: 60px;
    padding-top: 25px;
    border-top: 2px solid #a7a6a6eb;
}
#private-message-page .private-message-thread-messages {
    margin-top: 30px;
}
.private-message-recipients .field--name-field-first-name, .private-message-recipients .field--name-field-last-name {
    font-size: 20px;
}
.page-item.active .page-link {
    background-color: #ff714f!important;
    border-color: #ff714f!important;
    color: #fff !important;
}
.page-link, .page-link:hover, .page-link span {
    color: #ff714f!important;
}
.pagination{
    justify-content: center;
    margin-top: 20px;
}
.page-link:hover{
    background-color: #ff714f!important;
    color: #fff !important;   
} 
.page-link:hover span{
    color: #fff !important;  
}
.user-register-form #edit-submit{
    margin-top: 0px!important;
}
.register-page #otp-form summary{
    display: none;
}
.password-confirm-message span{
    text-transform: capitalize;
}
.user-register-form #send-otp-btn {
    width: 100%;
}
.user-register-form .d-flex.justify-content-between{
    width: 100%;
}
div#email-field {
    margin-bottom: 16px;
}
#otp-form .details-wrapper {
    display: flex;
    align-items: center;
    background: #dddddd75;
    padding: 20px;
}
#resend-otp .js-form-item-otp {
    margin-bottom: 0px!important;
}
/* ---------------------My Inbox Page Css End---------------------------- */
/* ---------------------Gig Listing Css Start---------------------------- */

section.gigs-listing-banner {
    padding: 60px 0px;
    background: #004aad;
    position: relative;
}
.gigs-listing-banner ul li img{
    width: 45px;
    margin-right: 15px;
}
.gigs-listing-banner ul li p{
    color: #fff;
    font-weight: 500;
    font-size: 20px;
}
.gigs-listing-banner ul li{
    margin-bottom: 35px;
}
.gigs-listing-banner h1{
    color: #fff;
    line-height: 55px;
}
.gig-listing-section, .explore-topics{
    background: #faffff;
}
.grid-listing-card {
    padding: 20px;
    border: 2px solid #dcdcdc7a;
    background: #ffffff;
    margin-bottom: 40px;
}
.grid-listing-card-middle h4 a, .blog-title a{
    color: #000000;
}

.grid-listing-card-left img {
    width: 100% !important;
    border-radius: 10px;
    height: 200px !important;
    object-fit: cover;
}
.grid-listing-user img {
    width: 75px!important;
    height: 75px!important;
    margin-right: 15px;
    border-radius: 100% !important;
    object-fit: fill;
    border: 1px solid #004aad;
}
.grid-listing-card-middle ul li {
    display: flex;
    align-items: center;
}
.grid-listing-user h6 {
    font-weight: 400;
}
.grid-listing-card-middle ul li img{
    width: 25px;
    margin-right: 10px;
}
.grid-listing-card-middle ul li span, .grid-listing-card-middle ul li span a, .blog-cont ul li, .blog-cont ul li a {
    font-size: 18px;
    color: #000000;
}
.grid-listing-card-body p, .blog-cont p{
    font-size: 16px;
    color: #585454;
}
.grid-listing-card svg{
    font-size: 30px;
    color: #585454;
}
.explore-topics ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.explore-topics a{
    color: #000;
    font-size: 20px;
    font-weight: 600;
    background: #fff;
    padding: 10px 20px;
    border: 1px solid #000;
    display: block;
    margin: 0px 10px 20px;
    border-radius: 30px;
}
.explore-topics h2{
    color: #004aad;
    font-size: 40px;
}
.reviews-wrapper{
    background: #004aad;
}
.reviews-wrapper .views-field.views-field-subject {
    display: none;
}

.reviews-wrapper h2, .other-gigs h2{
    font-size: 40px;
    color: #fff;
}
.grid-listing .bef--secondary {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.grid-listing  .form-composite {
    display: flex;
    align-items: center;
    margin-bottom: 0px !important;
}
.grid-listing .js-form-item-combine{
    margin-bottom: 0px !important;
}
.grid-listing  .form-composite .fieldset-legend{
    color: #004aad;
    font-size: 20px;
    margin-bottom: 0px;
}
.grid-listing  .form-composite .form-radios, .grid-listing  .fieldset-wrapper .radio {
    display: flex;
    width: max-content;
}
.grid-listing  .form-composite .js-form-type-radio {
    margin-left: 10px;
    margin-bottom: 0px!important;
}
.grid-listing  .form-composite label{
    margin-bottom: 0px;
}
.js-form-item-field-gig-category-target-id, .js-form-item-field-gig-language-target-id, .js-form-item-field-max-age-value, .js-form-item-field-min-age-value, .js-form-item-sort-bef-combine {
    width: 15%;
    margin-right: 10px;
    margin-bottom: 0px!important;
}
fieldset#edit-field-gig-type-target-id--wrapper span.fieldset-legend{
   margin-bottom: 0px;
}
.reviews-wrapper .list-group-item {
    background: transparent;
    border: none;
}
.reviews-wrapper .slide__caption{
    padding: 0px;
}
.grid-listing  .js-form-item-age-range, .grid-listing  .js-form-item-field-location-value, .grid-listing .js-form-item-field-gig-type-target-id, .grid-listing .js-form-item-field-gig-language-target-id{
    margin-right: 20px;
}
.grid-listing .js-form-item-combine label{
    display: none;
}
.grid-listing .js-form-item-age-range, .grid-listing .js-form-item-field-location-value, .grid-listing .js-form-item-sort-bef-combine, .grid-listing .js-form-item-combine, .grid-listing .js-form-item-field-gig-type-target-id, .grid-listing .js-form-item-field-gig-language-target-id, .grid-listing .js-form-item-field-gig-category-target-id{
    position: relative;
}
.grid-listing .js-form-item-combine::after{
    content: '';
    background: url(/themes/custom/peercamp/images/search.webp) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    background-size: contain;
}
.grid-listing .js-form-item-age-range::after, .grid-listing .js-form-item-field-location-value::after, .grid-listing .js-form-item-sort-bef-combine::after, .grid-listing .js-form-item-field-gig-category-target-id::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #0056b3;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.grid-listing .js-form-item-age-range, .grid-listing .js-form-item-field-location-value, .grid-listing .js-form-item-field-gig-type-target-id, .grid-listing .js-form-item-field-gig-language-target-id{
    margin-bottom: 0px!important;
}
.grid-listing .js-form-item-combine input{
    background: transparent;
    border-radius: 14px;
    color: #545456;
    padding: 10px 20px 10px 40px;
    border-color: #000000;
}
.grid-listing .form-check-input:checked {
    background-color: #fff;
    border-color: #000;
}
.grid-listing  .form-check-input{
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.grid-listing  .form-check-input:checked[type=radio] {
    background-image: none;
}
.grid-listing  .form-check-input:checked[type=radio]::after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.other-gigs .slide__media, .grid-listing .js-form-item-field-gig-language-target-id label {
    display: none;
}
.grid-listing .js-form-item-sort-bef-combine.form-item-sort-bef-combine.mb-3 {
    margin-left: auto;
    display: flex;
    align-items: center;
}
.grid-listing .js-form-item-sort-bef-combine.form-item-sort-bef-combine.mb-3 label{
    width: -webkit-fill-available;
    margin-bottom: 0px;
}
.grid-listing .section-padding {
    padding: 40px 0;
}
.other-gigs .list-group-item {
    padding: 0px;
    background: transparent;
    border: 0px;
}
.other-gigs .slide__caption{
    padding: 0px;
}
a.read-more-link {
    color: #585454;
    text-decoration: underline;
}
.gig-banner-1{
    width: 60px;
    opacity: .6;
    position: absolute;
    top: 20px;
    left: 20px;
}
.gig-banner-2{
    width: 90px;
    position: absolute;
    right: 15px;
    opacity: 0.6;
    transform: rotate(45deg);
    top: 40px;
}
.gig-banner-3{
    width: 45px;
    opacity: .6;
    position: absolute;
    left: 20px;
    transform: rotate(341deg);
    bottom: 30px;
}
.gig-banner-4{
    width: 70px;
    opacity: .6;
    position: absolute;
    right: 40px;
    bottom: 50px;
}
/* ---------------------Gig Listing Css End---------------------------- */

/* ---------------------Gig Details Css Start---------------------------- */

.gig-details-banner, .blogs-listing-banner {
    padding: 35px 0px;
    background: #004aad;
    position: relative;
}
.gig-details-banner .gig-banner-2 {
    transform: rotate(23deg);
    opacity: 1;
    right: 50px;
}
.gig-details-banner h1, .blogs-listing-banner h1{
    color: #fff;
}
.other-gigs {
    background: #004aad;
}
.gig-details-sidebar .gig-media video, .gig-details-sidebar .gig-media img{
    width: 100%;
    height: 250px;
    border-radius: 5px;
}

.gig-details-sidebar-down {
    padding: 20px 0px;
    border: 1.5px solid #dcdcdc7a;
    background: #fff;
    position: sticky;
    top: 100px;
}
.gig-details-section {
    background: #faffff;
}
.gig-details-sidebar-down ul li{
    display: flex;
    margin-bottom: 15px;
    align-items: flex-start;
}
.gig-details-sidebar-down ul li span {
    display: flex;
    align-items: center;
    color: #004aad;
    flex-wrap: wrap;
    align-items: flex-start;
}
.gig-details-sidebar-down ul li span  p{
     color: #004aad;
}
.gig-details-user ul li img{
    width: 20px;
    margin-right: 15px;
}
.gig-details-sidebar-down ul li img{
    width: 12px;
    margin: 2px 15px 0px 0px;
}
.gig-details-sidebar-down ul li .field--name-field-gig-language {
    max-width: 60%;
}
.gig-details-sidebar-down ul li span .field, .gig-details-user ul li h6 .field, .modal-top h5 .field  {
    margin-bottom: 0px;
}
.gig-details-sidebar-down h5 {
    background: #e7f1ff;
    padding: 10px 30px;
    display: flex;
    color: #ff714f;
    align-items: center;
}
.gig-details-sidebar-down svg{
    font-size: 25px;
    color: #000;
}
.gig-details-sidebar-down .fa-heart {
    color: #ff714f;
}
.gig-details-sidebar-down .common-btn{
    border-radius: 15px;
}
.gig-details-section .user-img img {
    border: 1.5px solid #004aad;
    padding: 2px;
}
.gig-details-user span{
    color: #545456;
    margin-bottom: 8px;
    display: block;
}
.gig-details-user-content {
    flex-wrap: wrap;
}
.gig-details-user-right, .gig-details-user-left{
    width: 48%;
}
.gig-details-user-content .field--name-field-location, .educators .field--name-field-location {
    color: #000;
}
.gig-details-section h4 {
    background: #e7f1ff;
    font-weight: 400;
    font-size: 18px;
    padding: 10px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.gig-details-section h4 img{
    width: 20px;
}
.gig-details-user ul li, .gig-details-user ul li h6 {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    color: #000;
    font-weight: 400;
    font-size: 18px;
}
.gig-details-user ul li h6 a{
    color: #000;
}
.gig-details-user-content p, .gig-details-user-content .field--name-field-gig-category{
    color: #000000;
}
.gig-details-user-content .field--name-field-gig-category{
    margin-bottom: 0px;
}
.gig-sections-link {
    flex-wrap: wrap;
}
.gig-sections-link li{
    width: 25%;
}
.gig-details-section ul li, .gig-details-section ol li {
    margin-bottom: 10px;
}
.curriculum-overview li, #curriculum-content ul li {
    list-style: auto;
}
.learning-goals li {
    list-style: initial!important;
}
.gig-sections-link li a {
    padding: 10px 20px;
    color: #000;
    border-right: 2px solid #a6a6a6;
    border-bottom: 2px solid #545454;
    width: 100%;
    display: block;
    text-align: center;
}
.gig-sections-link li:last-child a{
    border-right: 0px;
}
.gig-batch-details table tr td{
    border-bottom: 2px solid #f1f0f0 !important;
    padding: 15px 10px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
.gig-batch-details table th{
    color: #737373;
    font-weight: 500;
    font-size: 16px;
}
.gig-batch-details h6 {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}
.gig-batch-details a{
    border: 1px solid #ff714f;
    padding: 10px 20px;
    color: #000!important;
    border-radius: 20px;
    font-weight: 500;
}
.gig-batch-details table tr{
    background: transparent!important;
}
.educators .blank-btn {
    width: fit-content;
    border-radius: 30px;
}
.more-gigs-wrapper {
    padding: 20px 20px;
    background: #fff;
    margin: 0px 10px;
    border: 1.4px solid #dcdcdc7a;
}
.more-gigs-wrapper h5{
    color: #000000;
}
.more-gigs-wrapper ul {
    flex-wrap: wrap;
    height: 100px;
}
.more-gigs-wrapper ul li{
    width: 48%;
    color: #000000;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.more-gigs-wrapper ul li span, .more-gigs-wrapper ul li a{
    color: #000000;
    font-size: 14px;
}
.more-gigs-wrapper .user-img img {
    width: 70px!important;
    height: 70px;
    margin-right: 10px!important;
}
.more-gigs-top-img{
    width: 100%;
    height: 250px;
    border-radius: 5px;
}
.more-gigs-top-img img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.more-gigs-wrapper svg{
    color: #ff714f;
    font-size: 25px;
}
.more-gigs-wrapper h5 a{
    color: #000000;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 50px;
}
.comment-reviews-form #field-gig-rating-details-values td.field-multiple-drag, .comment-reviews-form #field-gig-rating-details-values .action {
    display: none;
}
.comment-reviews-form tr{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px;
}
.comment-reviews-form td.field_value_addition, .comment-reviews-form td.field_quality_of_teaching, .comment-reviews-form td.field_quality_curriculum_content{
    width: 32%;
}
.comment-reviews-form #edit-actions input {
    margin-top: 0px;
}
.curriculum-content {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.read-more-btn {
    padding: 0px;
    margin-top: 10px;
    color: #004aad;
    font-weight: 500;
    text-decoration: underline;
    border: 0px;
}
.read-more-btn:hover, .read-more-btn:focus{
    border: 0px;
}
.modal-top h5{
  display: flex;
  align-items: center;
  color: #000000;
  font-weight: 400;
}
.modal-top h5 span{
    color: #004aad;
}
.modal-top h5 a{
    color: #000000;
}
.gig-details-user svg{
    color: #004aad;
    font-size: 18px;
}
.modal-top h5 svg, .more-gigs-wrapper li svg{
    color: #004aad;
}
.gig-details-user-right img{
    width: 40px;
}
.grid-listing-card-middle ul li svg{
    color: #004aad;
    font-size: 22px;
}
.grid-listing-card-middle ul li  img{
    width: 18px;
}
.grid-listing-card-body{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.grid-listing-card .col-lg-1 img{
    width: 35px;
    display: block;
    margin: 20px 0px 0px auto;
}
.rupees {
    width: 30px!important;
}
.teacher-bio-right video{
    width: 100%;
    height: 140px;
    border-radius: 5px;
}
.educators ul li{
    border-right: 3px solid #a6a6a6;
    margin-right: 20px;
    padding-right: 15px;
    list-style: none;
}
.educators ul li:last-child{
    border-right: 0px;
}
.most-popular{
    display: inline-block;
    position: relative;
    background-color: #f8f4f4;
    color: #ff6d4d;
    font-weight: bold;
    padding: 0.5rem 1.5rem;
    border-radius: 0.5rem;
    font-family: sans-serif;
}
.most-popular::before,
.most-popular::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 10px;
  border-color: transparent #f8f4f4 transparent transparent;
}

.most-popular::after {
  right: -16px;
  border-color: transparent transparent transparent #f8f4f4;
}

.most-popular::before {
  left: -16px;
}
.gig-reviews .views-row {
     display: flex;
     margin-bottom: 20px;
}
.reviews-gig-wrapper .views-col {
    display: flex;
    flex-direction: column;
}
.reviews-gig-wrapper .views-field.views-field-nothing{
    height: 100%;
}
.slider-section .slick-prev {
    display: none !important;
}
.more-gigs .slick-next:before {
    color: #4b4848;
}
/* ---------------------Gig Details Css End---------------------------- */

/* ---------------------Educators Page Css Start---------------------------- */

.page-heading{
   color: #004aad;
   font-size: 28px;
   font-weight: 500;
}
.educators-banner h1{
    color: #ff714f;
}
.educators-banner h3{
    line-height: 40px;
    color: #004aad;
}
.educators-banner img{
    border-radius: 30px;
}
.how-it-works, .approach-section, .buyers-review{
    position: relative;
}
.how-it-works .image-1, .approach-section .image-1{
    transform: rotate(21deg);
    left: 71px;
    position: absolute;
    top: -11px;
    width: 110px;
}
.how-it-works .image-2, .approach-section .image-2{
    position: absolute;
    top: 110px;
    left: -70px;
    width: 245px;
    transform: rotate(337deg);
}
.how-it-works-col h4{
    color: #2e2e30;
    font-size: 24px;
}
.how-it-works-col p{
    color: #2e2e30;
    font-size: 18px;
}
.how-it-works-col img{
    width: 50px;
    margin-bottom: 25px;
    height: 50px;
    object-fit: contain;
}
.how-it-works-col-2 {
    background: #e3ebe9;
    padding: 30px;
}
.how-it-works-col-2 h4, .how-it-works-col-2 h4 span, .how-it-works-col-2  p{
    color: #2e475d;
}
.how-it-works-col-2  p{
    font-size: 18px;
}
.how-it-works-col-2 h4 img {
    width: 35px;
}
.how-it-works-col-2.red{
    background: #f4d6cc;
}
.join-our-community-bottom{
    background: #004aad;
    padding: 60px;
    text-align: center;
    border-radius: 40px;
    margin: 0px 70px;
}
.join-our-community img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.join-our-community-bottom h4{
    color: #fff;
    font-weight: 400;
    line-height: 35px;
}
.join-our-community-blue{
    background: #004aad;
    padding: 40px 50px;
}
.join-our-community-blue .common-big-btn {
    padding: 15px 35px;
    font-size: 16px;
}
.join-our-community-blue h4, .top-seller h4{
    color: #fff;
    line-height: 32px;
}
.top-seller{
    background: #ff714f;
    padding: 4em 14em;
    text-align: center;
    border-radius: 30px;
    position: relative;
}
.top-seller img {
    position: absolute;
    top: 35px;
    width: 50px;
    left: 15%;
}
.why-peercamp-col {
    position: relative;
}
.why-peercamp-col ul li {
    list-style: disc;
    color: #2e2e30;
    margin-bottom: 20px;
    font-size: 20px;
}
.why-peercamp-col img{
    width: 185px;
    transform: scaleX(-1) rotate(53deg);
    position: absolute;
    top: -84px;
    left: 27%;
}
.why-peercamp-col h5 {
    text-align: center;
    margin-bottom: 70px;
    z-index: 9;
    position: relative;
    color: #2e475d;
}
.QandA {
    background: #f5f5f5;
}
.QandA .accordion-button:not(.collapsed), .QandA .accordion-button {
    color: #000;
    background-color: #fff;
    box-shadow: none;
    font-weight: 600;
}
.QandA .accordion-item.mb-3 {
    border: 0;
    border-radius: 5px;
}
.QandA h5 a{
    color: #ff714f;
}
.trending-topics, .how-it-works{
    background: #ffffff;
}
.soft-skills {
    display: flex;
    align-items: center;
}
.soft-skills h5{
    color: #2e475d;
    font-weight: 500;
}
.soft-skills img{
    width: 100px;
}
.approach-section{
    background: #fff3f0;
}
.approach-col img{
    width: 100px;
    height: 100px;
    object-fit: contain;
}
.approach-col h4{
    color: #2e2e30;
    font-weight: 400;
    line-height: 35px;
}
.approach-col{
    padding: 0px 70px;
}
.approach-section .image-1 {
    left: 103px;
    top: -33px;
}
.approach-section .image-2 {
    top: 93px;
    left: -33px;
    width: 235px;
}
.buyers-review .image-1{
    position: absolute;
    width: 110px;
    transform: rotate(21deg);
    top: -317px;
    right: 27px;
}
.buyers-review .image-2{
    width: 235px;
    position: absolute;
    transform: rotate(337deg);
    right: 35px;
    top: -201px;
}
.book-form{
    background: #004aad;
    padding: 60px 80px;
    position: relative;
}
.book-form img {
    position: absolute;
    bottom: 20px;
    left: 100px;
    width: 75px;
}
.book-form a{
    border-radius: 0px;
}
.book-form h4, .book-form p, .book-form .zf-frmTitle{
    color: #fff;
}
.book-form-section h3{
 color: #004aad;
 font-weight: 400;
 line-height: 48px;
font-size: 38px;
}
.book-form-section h5{
    color: #2e475d;
    font-weight: 400;
    line-height: 30px;
}
.buyers-banner {
    padding-top: 60px;
    background: url(/themes/custom/peercamp/images/buyers-banner.png) no-repeat;
    background-position: bottom, center;
    background-color: #ffffff;
}
.webform-submission-form{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.webform-submission-form .js-form-item {
    width: 49%;
}
.webform-submission-form input, .webform-submission-form select{
    border-radius: 0px;
    color: #98a4a0;
    font-weight: 600;
    padding: 10px 15px;
}
.webform-submission-form input::placeholder{
    color: #98a4a0;
}
.webform-button--submit {
    margin: 40px auto 0px;
    display: block;
    background: #ff714f!important;
    border-color: #ff714f!important;
    color: #fff !important;
    width: 40%;
    white-space: normal;
    padding: 10px 30px;
}
.webform-submission-form #edit-actions {
    width: 100% !important;
}
.buyers-banner h1 span {
    color: #ff714f;
}
.buyers-banner h1 {
    color: #004aad;
    line-height: 50px;
}
.buyers-banner h4 {
    color: #2e475d;
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
}
/* .search-input{
    position: relative;
    width: 80%;
    margin: auto;
} */
/* .buyers-banner .search-input::after{
    content: "";
    background: url(/themes/custom/peercamp/images/search.webp) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    background-size: contain;
} */
/* .buyers-banner input{
    border: 1.5px solid #000;
    padding: 20px 20px 20px 50px!important;
    border-radius: 20px;
    position: relative;
}
.buyers-banner input::placeholder{
    color: #000000;
} */
.buyers-gigs .slide__media {
    display: none;
}
.buyers-gigs .slide__caption {
    padding: 0px;
}
.buyers-gigs .more-gigs-wrapper {
    border: 1px solid #737373;
    background: #ffffff;
}
.buyers-gigs .slide__grid {
    border: 0px;
}
.buyers-gigs {
    background: #faffff;
}
.buyers-gigs .slick-prev{
    display: none;
}
.slick-next {
    right: -15px;
}
.buyers-gigs div.mt-5{
position: relative;
}
.buyers-gigs  .slick-next:before, .other-gigs .slick-next:before {
    font-size: 50px;
    opacity: 1;
    color: #a6a6a6;
}
.grid-listing .js-form-item-field-max-age-value, .grid-listing .js-form-item-field-min-age-value{
    display: none;
}
#educators-content .awards-recognization a {
    width: 185px;
    height: 185px;
    margin: 0px 20px 20px 0px;
}
/* ---------------------Educators Page Css End---------------------------- */
/* ---------------------Footer New Css Start---------------------------- */
.copyright-section {
    background: #f1f0f0;
    padding: 10px 0px;
}
.copyright-section p, .footer-column p, .whatsapp a{
    color: #545454;
}
footer.site-footer {
    padding: 0px;
    border: 0px;
}
.footer-section{
    background: #ffffff;
}
.e-mail h5, .e-mail a, .whatsapp h5, span.link-text{
    color: #000000;
}
.whatsapp svg{
    font-size: 40px;
    color: #ff714f;
}
.footer-column h3 {
    font-size: 25px;
    color: #000;
}
.footer-column img {
    width: 115px;
}
.footer-media img{
    width: 40px;
}
.footer-column .blank-btn {
    border-radius: 30px;
    font-size: 18px;
    width: fit-content;
}
.footer-column .nav-link, .footer-column ul li a {
    color: #004aad!important;
    font-size: 20px;
    padding: 0px 0px;
}
.footer-column ul li a img{
    width: 45px;
}
.footer-column ul.clearfix.nav{
    display: block;
}
.footer-column ul.ps-0 li, .footer-column .nav-item{
    margin-bottom: 20px;
}
/* ---------------------Footer New Css End---------------------------- */
.header svg {
    font-size: 24px;
    color: #004aad;
    margin-left: 8px;
}

.buyer-form iframe {
    height: unset;
    width: 100%!important;
}
/* ---------------------Blog Listing Css Start---------------------------- */
.single-blog {
    overflow: hidden;
    margin: 0px 10px 30px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    transition: all 0.5s ease;
}
.blog-cont{
    padding: 30px 30px;
}
.page-view-blogs .views-view-grid, .page-view-blogs main#content{
    padding: 0px;
}
.blog-thum {
    height: 250px;
    overflow: hidden;
}
.blog-thum img {
    width: 100%;
    border-radius: 3px;
    height: 100%;
}
.blog-thum:hover img {
    transition: all 0.5s ease;
}
.blog-cont p{
     display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 125px;
    margin-bottom: 0px;
}
h4.blog-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 90px;
}
.blog-cont ul li svg {
    color: #004aad;
    font-size: 22px;
    margin-right: 10px;
}
/* ---------------------Blog Listing Css End---------------------------- */
/* ---------------------Blog Details Css Start---------------------------- */
.blog-details-left img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.blog-content ul li {
    list-style: initial;
}
.blog-img img {
    object-fit: cover;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-right: 15px;
}
.recent-blog-cont h5 a {
    color: #000000;
    font-weight: 500;
}
.recent-blogs {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cccccc8f;
}
.views-row:last-child .recent-blogs{
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.blog-sidebar h3{
    position: relative;
    margin-bottom: 45px;
}
.blog-sidebar h3:after {
    content: '';
    width: 25px;
    height: 2px;
    display: inline-block;
    position: relative;
    top: -5px;
    background: #FF714F;
    margin-left: 15px;
}
.recent-blog-cont li, .related-blog li{
    font-size: 14px;
}
.recent-blog-cont svg, .related-blog svg, .blog-details-left li svg {
    color: #004aad;
    margin-right: 10px;
}
.popular-tags li a{
    background: #edf0f2;
    border-radius: 3px;
    padding: 10px 20px;
    font-size: 16px;
    color: #000000;
    display: block;
    font-weight: 500;
}
.related-blog-thum img{
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.related-blog-cont h6 a{
    color: #000;
    line-height: 28px;
}
.related-blog {
    margin-right: 20px;
}
.view-row .related-blog{
    margin-right: 0px;
}
.related-posts .views-view-grid {
    padding: 0px;
}
.blog-details-ul li{
    color: #8a8a8a;
    font-size: 18px;
}
.blog-sidebar {
    position: sticky;
    top: 50px;
}
.slick-prev {
    display: none;
}
/* ---------------------Blog Details Css End---------------------------- */