.tp-copyrigh-text p {
    color: #A1A1A1 !important;
}

.offcanvas-subtitle span {
    color: #fff;
}

.offcanva-details p {
    color: #fff;
}

/* ============================================
   MENU FIX:
   Desktop (>=1200px): Show BOTH main menu AND hamburger icon.
                        Hide nav links inside the offcanvas sidebar.
   Tablet/Mobile (<1200px): Hide main menu, show hamburger only.
                             Sidebar shows nav links (via MeanMenu).
   ============================================ */

/* 1. Show the hamburger icon on desktop (>=1200px)
      Override the theme's display:none!important */
.tp-bar-icon {
    display: block !important;
}

/* 2. On desktop (>=1200px), hide the mobile menu inside the offcanvas sidebar.
      The main horizontal menu is already visible, so sidebar nav is redundant. */
@media (min-width: 1200px) {
    .tp-mobile-menu {
        display: none !important;
    }
}

/* 3. Fix MacBook 13" (1280x800) menu overflow — tighten spacing
      so all 8 menu items + Let's Talk + hamburger fit in one row */
@media (min-width: 1200px) and (max-width: 1399px) {

    .main-menu ul li,
    .normal-menu ul li {
        margin-left: 3px !important;
        margin-right: 3px !important;
    }

    .main-menu ul li a,
    .normal-menu ul li a {
        padding-left: 4px !important;
        padding-right: 4px !important;
        font-size: 11px !important;
        letter-spacing: 0.02em !important;
    }

    .tp-btn-sm-black {
        font-size: 11px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .header__area.header__area-2 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Shrink the right column slightly to give menu more space */
    .header__area .row>.col-lg-2:last-child {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }
}

/* 4. MacBook Pro 14" / 15" range */
@media (min-width: 1400px) and (max-width: 1599px) {

    .main-menu ul li,
    .normal-menu ul li {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .main-menu ul li a,
    .normal-menu ul li a {
        padding-left: 6px !important;
        padding-right: 6px !important;
        font-size: 12px !important;
        letter-spacing: 0.04em !important;
    }

    .tp-btn-sm-black {
        font-size: 12px !important;
    }

    .header__area.header__area-2 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}

/* 5. Large desktop (>=1600px) */
@media (min-width: 1600px) {

    .main-menu ul li,
    .normal-menu ul li {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .main-menu ul li a,
    .normal-menu ul li a {
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 13px !important;
    }

    .tp-btn-sm-black {
        font-size: 13px !important;
        font-weight: 400 !important;
    }
}

/* ============================================
   MOBILE FIX:
   Show video sections stacked on mobile, above the text content.
   ============================================ */
@media (max-width: 767px) {

    .tp-ab-bg,
    .ab-fea-bg {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        height: 350px !important;
        background-size: cover !important;
        background-position: center !important;
        margin-bottom: 30px;
        /* Space between video and text */
        border-radius: 8px;
        /* Slight rounding for mobile */
    }

    /* Center the play button on mobile */
    .serive-vd-play {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
    }

    .ab-fea-video a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .tp-ab-text {
        padding-left: 30px !important;
        padding-right: 30px !important;
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

/* Service About Section Height Matching & Responsiveness */
.tp-ab-img-wrapper {
    background-size: cover;
    background-position: center;
}

@media (min-width: 992px) {
    .tp-ab-text {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    .tp-ab-text {
        padding-left: 50px !important;
        padding-right: 30px !important;
    }
}

img.prsence-image-height {
    height: 300px !important;
}

/* ============================================
   SERVICE CONTENT STYLING (v12 Style)
   ============================================ */

.tp-sv__content {
    color: #444;
    line-height: 1.8;
}

.tp-sv__content h3 {
    font-size: 24px;
    color: #0f2f7f;
    /* margin-bottom: 25px; */
    position: relative;
    /* padding-bottom: 15px; */
    font-weight: 400;
}

.tp-sv__content h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 3px;
    /* background-color: #0f2f7f; */
}

.tp-sv__content p {
    /* margin-bottom: 20px; */
    text-align: justify;
}

/* Arrow Lists (▹ Style) */
.tp-sv__content ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 30px;
}

.tp-sv__content ul li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    line-height: 1.6;
}

.tp-sv__content ul li::before {
    content: "▹";
    position: absolute;
    left: 0;
    color: #0f2f7f;
    font-weight: bold;
    font-size: 20px;
    top: -2px;
}

/* Professional Numbered Lists */
.tp-sv__content ol {
    padding-left: 20px;
    margin-bottom: 30px;
}

.tp-sv__content ol li {
    margin-bottom: 12px;
    padding-left: 10px;
}

.tp-sv__content ol li::marker {
    color: #0f2f7f;
    font-weight: 700;
}

/* Spacing and Alignment */
.tp-sv__content .mb-30 {
    margin-bottom: 30px !important;
}

.tp-sv__content .mt-40 {
    margin-top: 40px !important;
}


/* Real Estate Specific Styles */
.strategic-proposal {
    background: linear-gradient(135deg, #f0f4fe 0%, #e8effa 100%);
    border-radius: 20px;
    padding: 24px 28px;
    margin: 20px 0 30px;
    border: 1px solid #d9e4fc;
}

.collection-framework {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin: 20px 0;
}

.collection-item {
    background: #ffffff;
    border-radius: 12px;
    padding: 12px 20px;
    flex: 1;
    min-width: 120px;
    text-align: center;
    border: 1px solid #e2e8f0;
    transition: all 0.2s;
}

.collection-percent {
    font-size: 24px;
    font-weight: 800;
    color: #0f2f7f;
    display: block;
}

.collection-desc {
    font-size: 12px;
    color: #4a5568;
    margin-top: 5px;
}

.fee-structure-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin: 25px 0;
}

.fee-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 20px 24px;
    border: 1px solid #eef2ff;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.fee-card strong {
    color: #0f2f7f;
    font-size: 16px;
    display: block;
    margin-bottom: 8px;
}

.tp-btn-inner p {
    text-align: center !important;
}

.breadcrumb__title {
    font-weight: 400 !important;
}

.postbox__tag {
    display: none !important;
}

.profile-designation {
    font-size: 14px;
    color: #0f2f7f;
    margin-top: 5px;
}

.tp-ab-list li {
    margin-bottom: 6px !important;
}

.home-about-page span {
    margin-bottom: 12px !important;
    display: block;
}

.tp-ab-info p {
    margin-bottom: 2px !important;
}


/* ============================================
   ABOUT PAGE: VIDEO CTA SECTION (v12 Style)
   ============================================ */
.ab-feature-area {
    position: relative;
    overflow: hidden;
}

.ab-fea-bg {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 67% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center !important;
    z-index: 1;
}

@media (max-width: 991px) {
    .ab-fea-bg {
        position: relative !important;
        width: 100% !important;
        height: 350px !important;
    }
}

.ab-feature-area .black-bg {
    background-color: #0f2477 !important;
    /* Corporate Blue */
    position: relative;
    z-index: 2;
}

.ab-feature-area .tp-slider-text {
    padding: 55px 60px 60px 60px !important;
    /* Reduced horizontal padding for narrow column room */
}

.ab-feature-area .tp-slider-title {
    font-size: 44px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    margin-bottom: 25px !important;
    letter-spacing: -1px !important;
    /* Compact demo look */
    word-break: keep-all !important;
}

.ab-feature-area .tp-slider-text span {
    font-size: 20px !important;
    line-height: 30px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    margin-bottom: 25px !important;
    display: inline-block !important;
}

/* Restore Demo Button Styling */
.ab-feature-area .tp-slider-btn {
    position: relative;
    display: inline-block;
    padding-left: 0;
    transition: all 0.3s ease;
}

.ab-feature-area .tp-slider-btn span {
    position: relative;
    margin-right: 40px;
    display: inline-block;
    vertical-align: middle;
}

.ab-feature-area .tp-slider-btn span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 55px;
    height: 55px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    z-index: -1;
    transition: all 0.3s ease;
}

.ab-feature-area .tp-slider-btn:hover span::before {
    background-color: #ffffff;
    border-color: #ffffff;
}

.ab-feature-area .tp-slider-btn:hover {
    color: #ffffff !important;
}

@media (max-width: 1400px) {
    .ab-feature-area .tp-slider-text {
        padding: 40px 40px 40px 40px !important;
    }

    .ab-feature-area .tp-slider-title {
        font-size: 38px !important;
    }
}

/* ============================================
   HERO AREA: CUSTOM SLIDER HEIGHT (465px)
   ============================================ */

/* 1. Top Text Section (CTA Area) */
.tp-cta-wrapper {
    padding-top: 100px !important;
    /* padding-bottom: 110px !important; */
}

/* 2. Slider (Images) - Locked to User specific 465px config */
.tp-slider-height {
    min-height: 465px !important;
    height: 465px !important;
    /* Force container height */
}

.slider-img img {
    width: 100% !important;
    height: 465px !important;
    object-fit: cover !important;
    object-position: center !important;
}

/* 3. Responsive Scaling */
@media (max-width: 1199px) {

    .tp-slider-height,
    .slider-img img {
        min-height: 350px !important;
        height: 350px !important;
    }
}

@media (max-width: 767px) {

    .tp-slider-height,
    .slider-img img {
        min-height: 250px !important;
        height: 250px !important;
    }

    .tp-cta-wrapper {
        padding-top: 60px !important;
        padding-bottom: 70px !important;
    }
}

/* ============================================
   HERO AREA: SLIDER NAVIGATION FIX
   ============================================ */
.slider-arrow-2 {
    width: 348px !important;
    position: absolute !important;
    bottom: 40px !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    /* Most robust horizontal centering */
    z-index: 10 !important;
    display: flex !important;
    /* FORCE VISIBLE BY DEFAULT */
    justify-content: space-between !important;
    align-items: center !important;
}

.slider-arrow-2 button {
    background: transparent !important;
    border: none !important;
    font-size: 24px !important;
    color: #000 !important;
    z-index: 11;
    position: relative;
    padding: 0 10px !important;
}

.slider-arrow-2 button i {
    font-weight: 900 !important;
    /* Ensure icons are bold/visible */
}

/* Decorative Arrow Lines */
.slider-arrow-2 .slick-prev span::before {
    right: -60px !important;
}

.slider-arrow-2 .slick-next span::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -60px;
    width: 55px;
    height: 1px;
    background-color: #000;
    transform: translateY(-50%);
}

@media (max-width: 767px) {
    .slider-arrow-2 {
        bottom: 20px !important;
        /* Adjusted for mobile height */
        width: 280px !important;
        display: flex !important;
        /* ENSURE VISIBLE ON MOBILE */
    }
}

@media (max-width: 767px) {
    .ab-feature-area .tp-slider-text {
        padding: 40px 30px !important;
    }

    .ab-feature-area .tp-slider-title {
        font-size: 32px !important;
    }
}

/* ============================================
   ABOUT SECTION: MATCH IMAGE & TEXT HEIGHT
   ============================================ */
@media (min-width: 992px) {
    .tp-ab-info .row {
        align-items: stretch !important;
    }

    .tp-ab-img {
        height: 100% !important;
        display: flex !important;
        flex-direction: column;
    }

    .tp-ab-img img {
        height: 100% !important;
        object-fit: cover !important;
        width: 100% !important;
        border-radius: 4px;
    }
}

/* ============================================
   CTA CONTACT: EQUAL HEIGHT COLUMNS
   ============================================ */
@media (min-width: 992px) {

    /* 1. Force columns to stretch */
    .tp-sv-contact .row {
        align-items: stretch !important;
    }

    /* 2. Stretch the form wrapper and info box */
    .tp-sv-contact-wrapper,
    .tp-ct-info-box {
        height: 100% !important;
        display: flex !important;
        flex-direction: column;
    }

    /* 3. Push the social icon section to the very bottom of the sidebar */
    .tp-ct-info-box .black-bg-2 {
        margin-top: auto !important;
    }

}

/* ============================================
   SIDEBAR (OFFCANVAS): THEME BLUE BRANDING
   ============================================ */
.offcanvas__area {
    background-color: #0f2477 !important;
    /* Theme Blue */
}

/* Force everything inside to White */
.offcanvas__area,
.offcanvas__area p,
.offcanvas__area span,
.offcanvas__area h1,
.offcanvas__area h2,
.offcanvas__area h3,
.offcanvas__area h4,
.offcanvas__area li,
.offcanvas__area li a,
.offcanvas__area .offcanvas__close-btn i {
    color: #ffffff !important;
}

/* Invert the logo so it appears white on the blue background */
.offcanvas-logo img {
    filter: brightness(0) invert(1) !important;
}

/* Close button hover effect */
.offcanvas__close-btn a:hover i {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Contact Info List */
.offcanvas-ct-info ul li a:hover {
    color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: underline;
}

/* ============================================
   BLOG SECTION: MATCH FEATURED IMAGE HEIGHT
   ============================================ */
@media (min-width: 1200px) {

    /* Set the featured blog image to 610px to match demo */
    .tp-blog .tp-blog__thumb {
        height: 610px !important;
        overflow: hidden !important;
        border-radius: 4px;
    }

    .tp-blog .tp-blog__thumb img {
        height: 610px !important;
        width: 100% !important;
        object-fit: cover !important;
    }
}

.tp-team__thumb {
    width: 300px;
    /* same as first image */
    height: 400px;
    /* same as first image */
    overflow: hidden;
}

.tp-team__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* key property */
}

.mt-10 {
    margin-top: 10px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

/* Brilli-Ant Video Chat Bubble */
.brilliant-chat-bubble {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    z-index: 9999;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3), 0 0 15px rgba(15, 47, 127, 0.5);
    border: 3px solid #0f2f7f;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brilliant-chat-bubble:hover {
    transform: scale(1.1) translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4), 0 0 25px rgba(15, 47, 127, 0.7);
}

.brilliant-chat-bubble video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.brilliant-chat-label {
    position: fixed;
    right: 130px;
    bottom: 53px;
    background: #0f2f7f;
    color: white;
    padding: 8px 15px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    pointer-events: none;
    z-index: 9998;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.brilliant-chat-bubble:hover+.brilliant-chat-label {
    opacity: 1;
    visibility: visible;
    right: 125px;
}

/* Hide Botpress default button */
button.bpw-floating-button {
    display: none !important;
}

/* Ensure Botpress is below Brilli-Ant so he stays on top */
#bp-webchat-container {
    z-index: 9998 !important;
}


/* Hide broken or unwanted images/media inside Botpress during demo */
#bp-webchat-container .bpw-message-content img,
#bp-webchat-container .bpw-card-container,
#bp-webchat-container .bpw-image-container {
    display: none !important;
}

/* Volume Toggle for Brilli-Ant */
.brilliant-volume-btn {
    position: fixed;
    bottom: 35px;
    right: 100px;
    background: #0f2f7f;
    color: white;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10000;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.brilliant-volume-btn:hover {
    background: #c7a17a;
    transform: scale(1.1);
}

.brilliant-volume-btn i {
    font-size: 14px;
}

.tp-sv__content p {
    color: #555555 !important;
    padding-bottom: 0px !important;
}

.tp-ct-form input {
    width: 100% !important;
}

.tp-ct-form textarea {
    width: 100% !important;
}

.sidebar-credentials h4 {
    font-family: 'Poppins',
        sans-serif !important;
    text-transform: lowercase !important;
    font-size: 1.1rem !important;
    font-weight: 700;
}

.sidebar-credentials h4::first-letter {
    text-transform: uppercase;

}

.sidebar-credentials {
    padding-top: 0px !important;
}

.off-canvas-bg {
    /* Dark overlay layered directly over the background image — no z-index or position needed */
    background-image:
        linear-gradient(rgba(5, 15, 45, 0.58), rgba(5, 15, 45, 0.78)),
        url('../img/off-canvas-image.jpeg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Resources & Events — keep arrow SVG vertically centred inside the button */
.postbox__read-more .tp-btn-border span {
    display: inline-flex;
    align-items: center;
    line-height: 0;
}

.postbox__read-more .tp-btn-border span svg {
    display: block;
    position: relative;
    top: 0;
    vertical-align: middle;
}

/* Contact page — centre arrow SVG in Send Message button
   Root cause: theme CSS applies position:absolute (from :first-child rule)
   AND opacity:1 (from :last-child rule) to the single SVG — we reset position. */
button.tp-btn-border {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

button.tp-btn-border span {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 0;
    position: static !important;   /* neutralise the relative that anchors :first-child */
}

/* Reset the theme's :first-child absolute rule for single-SVG buttons */
button.tp-btn-border span svg:first-child,
button.tp-btn-border span svg:last-child {
    position: static !important;
    top: auto !important;
    left: auto !important;
    opacity: 1 !important;
    display: inline-block !important;
    vertical-align: middle;
    transform: none !important;
}

/* ============================================
   HOMEPAGE — WHY CLIENTS CHOOSE — TAB NAV
   Single horizontal line on ALL viewport widths
   ============================================ */
.about-tb-content .nav {
    display: flex !important;
    flex-wrap: nowrap !important;      /* Override Bootstrap's flex-wrap: wrap */
    align-items: flex-end;
    gap: 0;
    overflow-x: auto;                  /* Safety scroll if viewport is very narrow */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 0;
}

.about-tb-content .nav::-webkit-scrollbar {
    display: none;
}

.about-tb-content .nav-links {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    color: #666;
    /* Fluid font — shrinks at narrow viewports to keep tabs on one line */
    font-size: clamp(12px, 1.2vw, 15px);
    font-weight: 400;
    font-family: inherit;
    padding: 0 0 14px 0;
    /* Fluid margin — shrinks proportionally with viewport width */
    margin-right: clamp(14px, 3vw, 50px);
    white-space: nowrap;               /* Tab label text never wraps */
    cursor: pointer;
    transition: color 0.25s ease, border-color 0.25s ease;
    position: relative;
    top: 1px;
    text-decoration: none;
    outline: none;
    flex-shrink: 0;                    /* Tabs never compress below natural size */
}

.about-tb-content .nav-links:last-child {
    margin-right: 0;
}

.about-tb-content .nav-links.active {
    color: #0f2f7f;
    border-bottom-color: #0f2f7f;
    font-weight: 600;
}

.about-tb-content .nav-links:hover:not(.active) {
    color: #0f2f7f;
    border-bottom-color: rgba(15, 47, 127, 0.3);
}

/* Tab content — fixed height to prevent section jerk on tab switch */
.about-tb-content .tab-content {
    padding-top: 28px;
    min-height: 220px;
    /* tallest tab sets the floor — no layout shift */
    position: relative;
}

/* Keep inactive panes in layout flow (height preserved) but invisible */
.about-tb-content .tab-pane {
    transition: opacity 0.25s ease;
}

.about-tb-content .tab-pane p {
    font-size: 15px;
    color: #444;
    line-height: 1.85;
    margin-bottom: 16px;
}

/* Row-level fix: anchor image to top so it doesn't jump when left column changes height */
.about-details-page .row.align-items-center {
    align-items: flex-start !important;
}

/* Vertically centre image within its column instead */
.about-details-page .tp-about-img-box {
    margin-top: 30px;
}

/* Responsive — very small screens: allow wrapping */
@media (max-width: 480px) {
    .about-tb-content .nav {
        flex-wrap: wrap;
        border-bottom: none;
        gap: 4px;
    }

    .about-tb-content .nav-links {
        margin-right: 0;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        padding: 8px 14px;
        font-size: 13px;
    }

    .about-tb-content .nav-links.active {
        background: #0f2f7f;
        color: #fff;
        border-color: #0f2f7f;
        text-decoration: none;
    }

}

.about-page-img {
    margin-top: 40px !important;
}

.tp-footer__2 ul li a {
    color: #e2e8f0 !important;
}
.profile-designation {
  
    color: #0f2f7f !important;
}
  

.profile-designation {

    color: #0f2f7f !important;
}

/* ============================================================
   CTA CONTACT SECTION — Responsive padding overrides
   ============================================================ */

/* Tablet (≤991px): reduce form wrapper side padding, stack columns */
@media only screen and (max-width: 991px) {
    .cta-contact-section .tp-sv-contact-wrapper {
        padding-left: 30px  !important;
        padding-right: 30px !important;
        padding-top: 40px   !important;
        padding-bottom: 40px !important;
    }
    .cta-contact-section .tp-ct-info-box {
        margin-top: 30px;
    }
}

/* Mobile (≤575px): minimal padding */
@media only screen and (max-width: 575px) {
    .cta-contact-section {
        padding-top: 50px   !important;
        padding-bottom: 50px !important;
    }
    .cta-contact-section .tp-sv-contact-wrapper {
        padding-left: 20px  !important;
        padding-right: 20px !important;
        padding-top: 30px   !important;
        padding-bottom: 30px !important;
    }
    .cta-contact-section .tp-ct-info {
        padding-left: 20px !important;
    }
}
.profile-content h1 {
    font-family: 'Poppins', sans-serif !important;
}
.profile-designation{
    font-family: 'Poppins', sans-serif !important;
}
.profile-motto-section h4{
    font-family: 'Poppins', sans-serif !important;
    font-weight: 500!important;
    font-size: 16px!important;
    text-transform: uppercase!important;
    letter-spacing: 3px!important;
}
.bio-text h4{
    font-family: 'Poppins', sans-serif !important;
        font-weight: 500 !important;
        font-size: 16px !important;
        text-transform: uppercase !important;
        letter-spacing: 3px !important;
    
}
.book-an-appoinment{
    font-family: 'Poppins', sans-serif !important;
        font-weight: 500 !important;
        font-size: 16px !important;
        text-transform: uppercase !important;
        letter-spacing: 3px !important;
}
.bio-text p {
    margin-bottom: 10px !important;
}
.profile-image-wrap {
    margin-top: 10px !important;
}