/*enable negative margins*/
.m-n1 { margin: -0.25rem !important; }
.mt-n1 { margin-top: -0.25rem !important; }
.mr-n1, .me-n1 { margin-right: -0.25rem !important; }
.mb-n1 { margin-bottom: -0.25rem !important; }
.ml-n1, .ms-n1 { margin-left: -0.25rem !important; }

.m-n2 { margin: -0.5rem !important; }
.mt-n2 { margin-top: -0.5rem !important; }
.mr-n2, .me-n2 { margin-right: -0.5rem !important; }
.mb-n2 { margin-bottom: -0.5rem !important; }
.ml-n2, .ms-n2 { margin-left: -0.5rem !important; }

.m-n3 { margin: -1rem !important; }
.mt-n3 { margin-top: -1rem !important; }
.mr-n3, .me-n3 { margin-right: -1rem !important; }
.mb-n3 { margin-bottom: -1rem !important; }
.ml-n3, .ms-n3 { margin-left: -1rem !important; }

.m-n4 { margin: -1.5rem !important; }
.mt-n4 { margin-top: -1.5rem !important; }
.mr-n4, .me-n4 { margin-right: -1.5rem !important; }
.mb-n4 { margin-bottom: -1.5rem !important; }
.ml-n4, .ms-n4 { margin-left: -1.5rem !important; }

.m-n5 { margin: -3rem !important; }
.mt-n5 { margin-top: -3rem !important; }
.mr-n5, .me-n5 { margin-right: -3rem !important; }
.mb-n5 { margin-bottom: -3rem !important; }
.ml-n5, .ms-n5 { margin-left: -3rem !important; }
/*enable negative margins end*/
/*button tweaks, variables don't work*/
.btn-primary {
    --bs-btn-bg: var(--bs-blue);
    --bs-btn-border-radius: 1rem;
    box-shadow: 0px 8px 12px 6px rgba(0, 0, 0, 0.15), 0px 4px 4px rgba(0, 0, 0, 0.3);
    border: 0;
}
.btn {
    border-radius: 50px !important;
}
body {
    font-family: Montserrat, sans-serif;
    background: var(--bs-body-bg);
}
.navbar {
    background: var(--bs-blue);
    /*--bs-navbar-color:                red;*/
    /*--bs-navbar-hover-color:          red;*/
    --bs-navbar-active-color:         var(--bs-white, white);
    /*--bs-navbar-disabled-color:       red;*/
    /*--bs-navbar-light-toggler-icon-bg:      url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='#{$navbar-light-color}' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");*/
    /*--bs-navbar-toggler-border-color: red;*/
    /*--bs-navbar-brand-color:          red;*/
    /*--bs-navbar-brand-hover-color:    red;*/
}
#main-container {
    background: var(--bs-gray);
}
#homepage-search {
    background: url("/static/images/computer.png") no-repeat center center transparent;
    background-size: contain;  /* Makes sure the background image scales within the container */
    max-width: 100%;           /* Ensures the background image doesn't exceed the container width */
    max-height: 600px;         /* You can adjust this value as needed */
    min-height: 300px;
}
#books-background {
    background: url("/static/images/books.png") no-repeat bottom center transparent;
    background-size: contain;
}
.how-it-works .badge {
    box-shadow: .75rem .75rem .75rem rgba(var(--bs-dark-rgb), 0.2);
    font-size: 110%;
}
.thriving-space {
    background: url("/static/images/desktop-background.png") no-repeat bottom center transparent;
    background-size: cover;
    max-height: 1150px;
    min-height: 815px;
}
.testimonials {
    background: url("/static/images/book-background.png") no-repeat bottom center transparent;
    background-size: cover;
    min-height: 315px;
}


/* EXPERT APP */
.ocd-mode * { transform: rotate(0deg) !important; }
#expert-profile-page .expert-photo-background {
    background: url("/static/images/lanyard.png") no-repeat bottom center transparent;
    background-size: cover;
}
#expert-profile-page .expert-details {
    min-height: 450px;
}
#expert-profile-page .expert-feature-link {
    background: url("/static/images/main-link-background.png") no-repeat bottom center transparent;
    background-size: cover;
    min-height: 250px;
    min-width: 100%;
}
#expert-profile-page .expert-custom-links {
    background: url("/static/images/links-background.png") no-repeat bottom left transparent;
    background-size: cover;
    min-height: 250px;
    min-width: 100%;
}
#expert-profile-page .expert-social-media {
    margin-top: 5rem;
    background: #e3e3e4;
    border-radius: 10px;
    height: 50%;
    box-shadow:
        -5px -5px 10px var(--bs-white),  /* Top-left shadow */
        5px  5px 20px black;  /* Bottom-right shadow */
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    transform: rotate(-27deg);
    margin-right: -30%;
    margin-left: 5%;
}
#expert-profile-page .expert-social-media .item {
    background-color: #efeff1;
    border-radius: 10px;
    /*box-shadow: 2px 2px 2px #a8a8a8; /* Add shadow */
    box-shadow:
        -2px -2px 2px var(--bs-white),  /* Top-left shadow */
        2px 2px 2px #a8a8a8;  /* Bottom-right shadow */
}
#expert-profile-page .expert-social-media .col-1 {
    width: 12%;
}
#expert-profile-page .expert-social-media .row-2 .col-1:first-child {
    width: 17%;
}
#expert-profile-page .expert-social-media .row-4 .col-1:first-child {
    width: 22%;
}
#expert-profile-page .expert-social-media .row-4 .col-1:last-child {
    width: 52%;
}
#expert-profile-page .expert-social-media .row-1,
#expert-profile-page .expert-social-media .row-2,
#expert-profile-page .expert-social-media .row-3 {
    margin-bottom: .55rem;
}
#expert-profile-page .expert-social-media .row-1,
#expert-profile-page .expert-social-media .row-2,
#expert-profile-page .expert-social-media .row-3,
#expert-profile-page .expert-social-media .row-4 {
    height: 3.9rem;
}
#expert-profile-page .expert-tags {
    min-height: 25rem;
    border-radius: 10px;
    box-shadow:
        -1px -1px 10px var(--bs-white),  /* Top-left shadow */
        1px 1px 10px #a8a8a8;  /* Bottom-right shadow */
    border: 10px solid var(--bs-white);
    transform: rotate(-17.3deg);
    background: #E7EAEB;
    margin-top: -5rem;
}
#expert-profile-page .expert-tags .badge {
    background: #E7EAEB; /*var(--bs-gray); /*E3E6EC*/
    box-shadow:
        -2px -2px 5px var(--bs-white),  /* Top-left shadow */
        1px 1px 10px #a8a8a8;  /* Bottom-right shadow */
    color: var(--bs-body-color);
    font-weight: normal;
    box-shadow: -8px -8px 12px rgba(255, 255, 255, 0.25), -4px -4px 8px rgba(255, 255, 255, 0.75), 8px 8px 12px rgba(211, 218, 218, 0.25), 4px 4px 8px rgba(211, 218, 218, 0.75);
    border-radius: 40px;

}
#expert-profile-page .expert-expertise {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
    transform: rotate(10.08deg);
    background: /*var(--bs-light);*/ #f0f0f0;
}
#expert-profile-page .expert-hire-me {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
    filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
    transform: rotate(-8.48deg);
    background: /*var(--bs-light);*/ #f0f0f0;
}
#expert-profile-page .expert-contact {
    transform: rotate(15deg) scale(1.0);
    transform-origin: center center;
}
/*
#expert-profile-page .expert-contact .bg-image-container {
    height: 100%;
}
*/
#expert-profile-page .expert-contact .bg-image-container .bg-image {
    max-width: 175px;
    height: auto;
    z-index: -1;
}

#expert-profile-page .education {
    transform: rotate(17.2deg);
    min-height: 40%;
    height: auto;
    background: url("/static/images/closed-book-background.png") repeat-y top left;
}
/* EXPERT APP END*/
/* Modal tweaks */
.modal-dialog .form-control {
    background-color: var(--bs-white);
}
/* END Modal tweaks */
/* star rating */
.star-rating {
    direction: rtl;
    display: inline-block;
    cursor: pointer;
}

.star-rating input {
    display: none;
}

.star-rating label {
    color: var(--bs-warning-bg);
    font-size: 24px;
    padding: 0 2px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.star-rating label:hover,
.star-rating label:hover~label,
.star-rating input:checked~label {
    color: #ffc107;
}
/* star rating end */
/* choices.js tweaks */
.choices__inner {
    border: none !important;
    background: none !important;
    padding: 0 !important;
    min-height: 0 !important;
}
/* choices.js tweaks end*/