@import url('https://fonts.googleapis.com/css2?family=Sen:wght@400..800&display=swap');

h1, h2 ,h3 ,h4 ,h5 ,h6 ,p ,a ,li ,span ,div ,th ,td {
    font-family: "Sen", sans-serif;
}
:root{
    --primary-color : #194422;
    --secondary-color: #DCE6DF;
}
.container{
    max-width:1440px !important;
}
header.homeheader{
    position: absolute;
    width: 100%;
}
.homebanner {
    background-image: url("/assets/images/mainbanner.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 150px 10px 50px;
}
input:focus{
    border: 0px;
    outline: none;
}
.text-green{
    color: var(--primary-color);
}
.number-fontsize{
    font-size: 70px;
    line-height: 65px;
}
.ul-arrows{
    list-style-type: none;
}
.ul-arrows li::before{
    content: url('/assets/images/white-arrow.png');
}
.ul-arrows li{
    display: flex;
    align-items: flex-start;
    gap: 10px;
}
.items-start{
    align-items: flex-start;
}
.hovergreenbtn:hover{
    background-color: var(--primary-color);
    color: #fff !important;
    transition: 0.5s ease;
}
.hoverwhitebtn:hover{
    background-color: #fff;
    color: #194422 !important;
    transition: 0.5s ease;
}
.social-icon{
    background-color: #37373C;
    border-radius: 50%;
    width: 40px;
    height:40px;
}
.social-icon:hover {
    background-color: #194422;
    transition: 0.5s ease;
}
.footermenugap a:hover{
    color: #194422;
}
.header-menu a:hover {
    color: #c2c2c2;
}
.slick-prev:before, .slick-next:before {
    color: #194422 !important;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #194422 !important;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;     /* Firefox */
}
/* Dr. Profile */
.coverimg
{
    overflow: hidden;
    margin-bottom: 65px;
}


.verified-badge {
    width: 6.5rem !important;
    height: 2.5rem !important;
    padding: 0 !important;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
}


.dr-profile-image {
    overflow: hidden;
    width: 390px;
    height: 390px;
    text-align: center;
    border-radius: 50%;
    padding: 4px ;
}
.profile-detail-sec {
    height: 400px; /* instead of 350px — gives breathing space for 390px image */
}

.dr-profile-text {
    margin-top: -180px; /* pull name section closer to image */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-align: center;
}

/* For tablets */
@media (max-width: 1024px) {
    .dr-profile-image {
        width: 250px !important;
        height: 250px;
        border-radius: 50%;
    }
    .dr-profile-text {
        margin-top: -180px; /* pull name section closer to image */
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        text-align: center;
    }
}

/* For mobile */
@media (max-width: 640px) {
    .dr-profile-image {
        width: 180px;
        height: 180px;
        border-radius: 50%;
    }
    .dr-profile-text{
        margin-top: -180px; /* pull name section closer to image */
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        text-align: center;
    }
}

.text-md{
    font-size: 18px;
}
.font-regular{
    font-weight: 400;
}
nav.tabs-sec {
    margin-top: -102px;
}
.tabs-sec button.active span{
    color: #194422;
    border-bottom: 2px solid #194422;
    font-weight: 600;
}
.tabs-sec button{
    font-size: 26px;
    padding: 0px;
    width: 100%;
}
.tabs-sec button span{
    font-size: 26px;
    padding: 20px 10px;
}
ul.liststyle {
    list-style: disc;
    margin-left: 15px;
}/* Dr. Profile */
.coverimg
{
    overflow: hidden;
    margin-bottom: 65px;
}
.profile-detail-sec{
    height:350px;
}
/*.dr-profile-img img {*/
/*    padding: 5px;*/
/*    overflow: hidden;*/
/*    width: 390px;*/
/*    height: 390px;*/
/*    text-align: center;*/
/*}*/
.profile-img-sec {
    position: absolute;
    top: -205px;
}
.text-md{
    font-size: 18px;
}
.font-regular{
    font-weight: 400;
}
nav.tabs-sec {
    margin-top: -102px;
}
.tabs-sec button.active span{
    color: #194422;
    border-bottom: 2px solid #194422;
    font-weight: 600;
}
.tabs-sec button{
    font-size: 26px;
    padding: 0px;
    width: 100%;
}
.tabs-sec button span{
    font-size: 26px;
    padding: 20px 10px;
}
ul.liststyle {
    list-style: disc;
    margin-left: 15px;
}
/* login page */
.login-reg-form input{
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 30px;
    margin: 10px 0px;
    font-size: 18px;
}

.login-reg-form input::placeholder{
    font-size: 18px;
}
.main-heading-login-reg {
    font-size:60px;
    line-height: 70px;
}

.login-bg {
    background-image: url("/assets/images/login-reg-bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 70px 50px;
}
.button-submit{
    border-radius: 30px;
    background-color: #fff;
    color: #000;
    max-width:577px;
}
.button-submit:hover{
    border-radius: 30px;
    background-color: #E8F3F0;
    color: #194422;
    max-width:577px;
    transition: 0.5s ease;
}
.hovergreenbtnmain {
    font-size: 18px;
    font-weight: 400;
}
.hovergreenbtnmain:hover{
    border:1px solid #194422;
    background-color: #fff !important;
    color: #000;
    transition: 0.5s ease;
}
.dropdown-bg-color {
    background-color: #E8F3F0;
    max-width: 220px;
    width: 100%;
}
.dropdown-bg-color a{
    color: #194422;
}
.dashboard-header a{
    color: #194422;
    font-size: 18px;
    font-weight: 600;
}
.dashboard-header a:hover{
    border-bottom: 2px solid #fff;
    color: #194422;
    transition: 0.2s ease-in;
}
.bg-color-desktop{
    background-color: #69AF53;
}
.dashboard-container{
    max-width:950px;
}

/* membership page */
.membership-price {
    font-size: 100px;
    line-height: 100px;
}
.main-headingsize{
    font-size: 45px !important;
}
select option:hover {
    background-color: #b79950 !important; /* Background color on hover */
    color: #000000; /* Text color on hover */
}

select option:checked {
    background-color: #b79950 !important;  /* Background color for selected option */
    color: #ffffff; /* Text color for selected option */
}

/* Membership Modal */
#membershipModal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0; top: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    overflow: auto;
}
#membershipModal .modal-content {
    background: #F0FBF2;
    margin: 5% auto;
    padding: 70px 70px;
    width: 80%;
    max-width: 1225px;
    border-radius: 10px;
}
#membershipModal input {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    border-radius: 20px;
}
#membershipModal .close-button {
    font-size: 26px;
    float: right;
    position: absolute;
    right: 20px;
    top: 20px;
}

/* table css */
.table-event thead{
    background-color: #C1DEC6;
}
.table-event tr .border-b{
    border-color: #C1DEC6;
}
.table-event tbody tr:nth-child(even){
    background-color: #fff;
}
.table-event tbody tr:nth-child(odd){
    background-color: #F0FBF2;
}
.table-event td span{
    font-size: 18px;
}
.tablefooter-prev-next{
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: #194422;
    padding: 10px 50px;
}
.tablefooter-prev-next button:hover, .tablefooter-prev-next button:active, .tablefooter-prev-next button:focus{
    background-color: #fff;
    color: #194422;
    border-radius: 3px;
}
.paid-sign{
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #69AF53;
    display: block;
}
.unpaid-sign{
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #D81C1F;
    display: block;
}
.table-event input{
    border: 1px solid #C1DEC6;
}
.text-dashboard-title{
    font-size: 67px;
    line-height: 75px;
    font-weight: 400;
}

/* dashboard forms */
.dashboardinputform label{
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom: 5px;
}
.dashboardinputform input, .dashboardinputform textarea, .dashboardinputform select{
    border-radius: 30px;
    border: 1px solid #BBE0C1;
    font-size: 18px;
    font-weight: 400;
    color: #000;
}
.py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.dashboardinputform .custom-checkbox{
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    border: 1px solid #BBE0C1;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    background-color: white;
    transition: all 0.2s ease;
}
/* Tick mark */
.dashboardinputform .custom-checkbox:checked::after {
    content: '✔';
    color:  #194422;
    font-size: 16px;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -58%);
}
/* Background when checked */
.dashboardinputform .custom-checkbox:checked {
    background-color: #fff;
}

.dashboardinputform .custom-radio {
    -webkit-appearance: none;
    appearance: none;
    width: 23px;
    height: 23px;
    border: 1px solid #BBE0C1;
    cursor: pointer;
    position: relative;
    background-color: white;
    transition: all 0.2s ease;
}
/* Background when checked */
.dashboardinputform .custom-radio:checked {
    background-color: #ffffff;
    border-color: #BBE0C1;
}
.dashboardinputform .custom-radio:checked::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background-color:  #194422;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.checkbox-sec label{
    font-size: 16px;
}
.radio-sec label{
    font-size: 16px;
}
.formsubmitbutton{
    border:1px solid #194422;
    transition: 0.5s ease;
    padding: 10px 30px;
    border-radius: 30px;
    background-color: #194422;
    font-size: 18px;
}
.formsubmitbutton:hover{
    border:1px solid #194422;
    background-color: #fff !important;
    color: #000;
    transition: 0.5s ease;
}
.photo-upload {
    width: 345px;
    height: 345px;
    background-color: #69AF53; /* Green ring */
    border: 1px solid #000000;
    border-radius: 100%;
    overflow: hidden;
    padding: 10px; /* This creates the green ring */
    display: flex;
    align-items: center;
    justify-content: center;
}
.dashboard-profile-img {
    width: 345px;
    height: 345px;
    border-radius: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 15px #69af53;


}

.dashboard-profile-img img {
    padding: 5px;
    border: 2px solid #69AF53;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
    box-shadow: 0px 0px 15px #69af53;
}


.photo-upload img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 100%;
}

.photo-upload-admin{
    width: 345px;
    height: 345px;
    border-radius: 100%;
    overflow: hidden;
    padding: 10px;
}
.photo-upload a:hover img{
    opacity: 0.8;
}
.custom-select-sec svg{
    width: 1rem;
    height: 1rem;
}
.sec-bg-colored{
    border-color: #BBE0C1;
    background-color: #E8F3F0;
    border-radius: 15px;
    padding: 30px 40px;
}

/*.profile-img {*/
/*    margin-top: -125px;*/
/*    padding: 5px;*/
/*    border: 1px solid #69AF53;*/
/*    overflow: hidden;*/
/*    width: 195px;*/
/*    height: 195px;*/
/*    border-radius: 50%;*/
/*    box-shadow: 0px 0px 15px #69af53;*/
/*}*/
.profile-img img {
    margin-top: -125px;
    padding: 5px;
    border: 1px solid #69AF53;
    overflow: hidden;
    width: 195px;
    height: 195px;
    border-radius: 50%;
    box-shadow: 0px 0px 15px #69af53;
}
.tabs-sec .active{
    color: #194422;
    border-bottom: 2px solid #194422;
    font-weight: 700;
}
.tabs-sec button{
    font-size: 18px;
}
ul.liststyle {
    list-style: disc;
    margin-left: 15px;
}

/* find-surgeon */

.surgeon-detail-small img {
    width: 120px;
    height: 120px;

    border-radius: 50%;
    border: 1px solid #69AF53;
    padding: 5px;
    box-shadow: 0px 0px 15px #69af53;
}

@media screen and (min-width: 1200px) {
    .dashboard-header {
        gap: 40px;
    }
}
@media screen  and (min-width:992px) and (max-width: 1159px) {
    .dashboard-header a{
        font-size: 14px;
    }
    .dashboard-header{
        gap: 10px;
    }
}
@media (min-width: 1024px) {
    .lg\:justify-end {
        justify-content: flex-end;
    }
    .lg\:justify-center {
        justify-content: center;
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .lg\:px-52 {
        padding-left: 13rem;
        padding-right: 13rem;
    }
    .lg\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .lg\:py-36 {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }
    .lg\:px-36 {
        padding-left: 9rem;
        padding-right: 9rem;
    }
    .lg\:px-80 {
        padding-left: 20rem;
        padding-right: 20rem;
    }
    .lg-h-96 {
        height: 24rem;
    }
    .lg\:mt-24 {
        margin-top: 6rem;
    }
    .lg\:absolute {
        position: absolute;
    }
    .lg\:left-1\/3 {
        left: 33.333333%;
    }
    .lg-bottom-28{
        bottom:  -7rem;;
    }
    .lg\:mt-0 {
        margin-top: 0px;
    }
}
@media screen and (min-width: 1050px){
    .sectoTopneg {
        margin-top: -400px;
    }
    .content-right,.ul-arrows.content-right li{
        flex-direction: row-reverse;
    }
    .numberposition-right {
        margin-right: -55px;
        z-index: 1;
        position: relative;
    }
    .numberposition-left {
        margin-left: -55px;
    }
    .ul-arrows.content-right li::before{
        transform: rotate(180deg);
    }
    .footermenugap{
        gap: 65px !important;
    }
    .lg-items-end{
        align-items: flex-end;
    }
    .footertop-neg {
        margin-top: -180px;
    }
    .lg-flex-row{
        flex-direction: row;
    }
    .space-left {
        margin-left: 10%;
    }
    .max-width-sec{
        max-width:577px;
    }
    .login-reg-form input{
        max-width:577px;
    }
    .lg-w-full{
        width: 100%;
    }
    .sec-neg-about-pg {
        padding-top: 400px;
        margin-top: -350px;
    }
}
@media screen and (min-width:768px){
    .md-flex-row{
        flex-direction: row;
    }
}
@media screen and (max-width:1023px){
    .tab-reverse {
        flex-direction: column-reverse;
    }
    .tab-reverse .text-end {
        text-align: left;
    }
    .tabhidden {
        display: none;
    }
    .dashboard-header a{
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        padding: 10px 0px !important;
    }
    .dashboard-header a:hover{
        border-bottom: 2px solid #fff;
        color: #ffffff;
        transition: 0.2s ease-in;
    }
    .bg-color-desktop{
        background-color: #194422;
    }
    .md-hidden{
        display: none;
    }
}
@media screen and (max-width:992px){
    .tabhidden {
        display: none;
    }
    .tab-padding{
        padding: 30px 10px !important;
    }
    .tab-reverse {
        flex-direction: column-reverse;
    }
    .tab-reverse .text-end {
        text-align: left;
    }
    footer br{
        display: none;
    }
    .tab-center {
        flex-direction: column;
        align-items: center;
    }
    .footermenugap {
        align-items: center;
    }
    .hs-collapse{
        background: var(--primary-color);
        position: absolute;
        width: 100%;
        top: 90px;
        padding: 30px;
        left: 0;
    }
    .hs-collapse-toggle svg {
        width: 30px;
        height: 30px;
    }
    .login-bg {
        padding: 50px 20px;
    }
    .sitelogo{
        width: 100px;
    }
    .tabledescription-size{
        width: 45%;
    }
    .table-event{
        text-wrap:nowrap;
    }
    br{
        display: none;
    }
    .main-headingsize {
        font-size: 35px;
    }
    .dashboardinputform{
        padding: 0px 10px;
    }
    .main-heading-login-reg {
        font-size:40px;
        line-height: 50px;
        padding: 0px;
    }
    .mobilemarginsecabout{
        margin: 0px !important;
    }
    .coverimg {
        height: auto;
        overflow: hidden;
    }
    .profile-img img {
        margin-top: -110px;
        padding: 5px;
        border: 1px solid #69AF53;
        background: #69AF53;
        overflow: hidden;
        width: 120px;
    }
    .surgeon-detail-small img {
        width: 80px;
        height: 80px;
    }
}
@media screen and (max-width:767px){
    br{
        display: none;
    }
    .mob-block {
        display: block;
    }
    .ul-arrows{
        padding: 0px;
    }
    .mob-paddinglr {
        padding: 10px 0px !important;
    }
    .sitelogo{
        width: 70px;
    }
    .sm-text-center{
        text-align: center;
    }
    .sec-bg-colored {
        border-color: #BBE0C1;
        background-color: #E8F3F0;
        border-radius: 15px;
        padding: 30px 20px;
    }
    #membershipModal .modal-content {
        background: #F0FBF2;
        margin: 5% auto;
        padding: 70px 20px;
        width: 95%;
        max-width: 1225px;
        border-radius: 10px;
    }
    .sm\:hidden{
        display: none;
    }
    .mobile-bg-color{
        background-color: #000;
        position:  relative !important;
    }
    .mobilemarginsecabout{
        margin: 0px !important;
    }
    .coverimg {
        height: auto;
        overflow: hidden;
    }
    .profile-img img {
        margin-top: -110px;
        padding: 5px;
        border: 1px solid #69AF53;
        background: #69AF53;
        overflow: hidden;
        width: 120px;
    }

}
@media screen  and (min-width:992px) and (max-width: 1159px) {
    .dashboard-header a{
        font-size: 14px;
    }
    .dashboard-header{
        gap: 10px;
    }
}
@media (min-width: 1024px) {
    .lg\:justify-end {
        justify-content: flex-end;
    }
    .lg\:justify-center {
        justify-content: center;
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .lg\:px-52 {
        padding-left: 13rem;
        padding-right: 13rem;
    }
    .lg\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .lg\:py-36 {
        padding-top: 9rem;
        padding-bottom: 9rem;
    }
    .lg\:px-36 {
        padding-left: 9rem;
        padding-right: 9rem;
    }
    .lg\:px-80 {
        padding-left: 20rem;
        padding-right: 20rem;
    }
    .lg-h-96 {
        height: 24rem;
    }
    .lg\:mt-24 {
        margin-top: 6rem;
    }
    .lg\:absolute {
        position: absolute;
    }
    .lg\:left-1\/3 {
        left: 33.333333%;
    }
    .lg-bottom-28{
        bottom:  -7rem;;
    }
    .lg\:mt-0 {
        margin-top: 0px;
    }
}
@media screen and (min-width: 1050px){
    .sectoTopneg {
        margin-top: -400px;
    }
    .content-right,.ul-arrows.content-right li{
        flex-direction: row-reverse;
    }
    .numberposition-right {
        margin-right: -55px;
        z-index: 1;
        position: relative;
    }
    .numberposition-left {
        margin-left: -55px;
    }
    .ul-arrows.content-right li::before{
        transform: rotate(180deg);
    }
    .footermenugap{
        gap: 65px;
    }
    .lg-items-end{
        align-items: flex-end;
    }
    .footertop-neg {
        margin-top: -180px;
    }
    .lg-flex-row{
        flex-direction: row;
    }
    .space-left {
        margin-left: 10%;
    }
    .max-width-sec{
        max-width:577px;
    }
    .login-reg-form input{
        max-width:577px;
    }
    .lg-w-full{
        width: 100%;
    }
    .sec-neg-about-pg {
        padding-top: 400px;
        margin-top: -350px;
    }
}
@media screen and (min-width:768px){
    .md-flex-row{
        flex-direction: row;
    }
}
@media screen and (max-width:1023px){
    .tab-reverse {
        flex-direction: column-reverse;
    }
    .tab-reverse .text-end {
        text-align: left;
    }
    .tabhidden {
        display: none;
    }
    .dashboard-header a{
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
        padding: 10px 0px !important;
    }
    .dashboard-header a:hover{
        border-bottom: 2px solid #fff;
        color: #ffffff;
        transition: 0.2s ease-in;
    }
    .bg-color-desktop{
        background-color: #194422;
    }
    .md-hidden{
        display: none;
    }
}
@media screen and (max-width:992px){
    .tabhidden {
        display: none;
    }
    .tab-padding{
        padding: 30px 10px !important;
    }
    .tab-reverse {
        flex-direction: column-reverse;
    }
    .tab-reverse .text-end {
        text-align: left;
    }
    footer br{
        display: none;
    }
    .tab-center {
        flex-direction: column;
        align-items: center;
    }
    .footermenugap {
        align-items: center;
    }
    .hs-collapse{
        background: var(--primary-color);
        position: absolute;
        width: 100%;
        top: 90px;
        padding: 30px;
        left: 0;
    }
    .hs-collapse-toggle svg {
        width: 30px;
        height: 30px;
    }
    .login-bg {
        padding: 50px 20px;
    }
    .sitelogo{
        width: 100px;
    }
    .tabledescription-size{
        width: 45%;
    }
    .table-event{
        text-wrap:nowrap;
    }
    br{
        display: none;
    }
    .main-headingsize {
        font-size: 35px;
    }
    .dashboardinputform{
        padding: 0px 10px;
    }
    .main-heading-login-reg {
        font-size:40px;
        line-height: 50px;
        padding: 0px;
    }
    .mobilemarginsecabout{
        margin: 0px !important;
    }
    .coverimg {
        overflow: hidden;
    }
    .dr-profile-img img {
        padding: 5px;
        overflow: hidden;
        width: 230px;
        height: 230px;
        text-align: center;
    }
    .profile-img-sec h3{
        font-size: 24px !important;
    }
    .profile-img-sec .profession{
        font-size: 20px !important;
    }
    .tabs-sec button span {
        font-size: 22px;
        padding: 20px 10px;
    }
    nav.tabs-sec {
        margin-top: -132px;
        overflow: auto;
    }

    .surgeon-detail-small img {
        width: 80px;
    }
}
@media screen and (max-width:767px){
    br{
        display: none;
    }
    .mob-block {
        display: block;
    }
    .ul-arrows{
        padding: 0px;
    }
    .mob-paddinglr {
        padding: 10px 0px !important;
    }
    .sitelogo{
        width: 70px;
    }
    .sm-text-center{
        text-align: center;
    }
    .sec-bg-colored {
        border-color: #BBE0C1;
        background-color: #E8F3F0;
        border-radius: 15px;
        padding: 30px 20px;
    }
    #membershipModal .modal-content {
        background: #F0FBF2;
        margin: 5% auto;
        padding: 70px 20px;
        width: 95%;
        max-width: 1225px;
        border-radius: 10px;
    }
    .sm\:hidden{
        display: none;
    }
    .mobile-bg-color{
        background-color: #000;
        position:  relative !important;
    }
    .mobilemarginsecabout{
        margin: 0px !important;
    }
    .coverimg {
        overflow: hidden;
        margin-bottom: 25px;
    }
    .dr-profile-img img {
        padding: 5px;
        overflow: hidden;
        width: 165px;
        height: 165px;
        text-align: center;
    }
    .dr-profile-img .text-center{
        text-align: left;
    }
    nav.tabs-sec {
        margin-top: 0px;
        overflow: auto;
        border-bottom: 1px solid #999999;
    }
    .tab-content-sec{
        padding: 0px;
    }
    .tab-content-item {
        padding: 10px;
    }
    .profile-img-sec {
        position: unset;
    }
    .profile-detail-sec {
        height: auto !important;
        padding: 0px 10px !important;
    }
    .dr-profile-img{
        align-items: flex-start !important;
        margin-top: 95px;
    }
    .col-span-2 {
        padding: 0px;
    }
    .description-sec{
        padding: 0px 10px;
    }
    .description-sec .text-4xl{
        font-size: 28px;
    }
}