/* Hamburger Menu  */
.header-mobile-navbar {
    display: none;
    /* Hide by default */
}

.calib-header-section {
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
    transition: background-color 0.2s ease-in-out;
    background-color: #ffffff;	
}

.calib-header-section.default-header,header.calib-header-section.calib_bk_header {
    background-color: #080808;
    transition: background-color 0.2s ease-in-out;
}

.calib-header-section .header-section-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
	padding: 0 100px;
    height: 80px;
}

.calib-header-section.default-header .header-navbar .menu-header-menu-container .sub-menu-box li a.bl-links,header.calib-header-section.calib_bk_header .header-navbar .menu-header-menu-container .sub-menu-box li a.bl-links {
    color: #888888;
}

.calib-header-section .clearfix {
    display: block;
    width: 140px;
}

.calib-header-section .header-logo {
    width: 6.5rem;
    height: 2.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.calib-header-section.nav-show .header-logo,
.calib-header-section.default-header .header-logo, header.calib-header-section.calib_bk_header .header-logo {
    background-image: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2024/03/20123033/calib-normal-logo.png) !important;
}

.calib-header-section.default-header .blog-video-tab .header-tablinks .arrow-right {
    filter: unset;
}

.calib-header-section.default-header .header-navbar .menu-header-menu-container li a {
    color: #f6f6f6;
}

.calib-header-section.default-header .menu-hover ,header.calib-header-section.calib_bk_header .menu-hover{
    color: #f6f6f6 !important;
}



.calib-header-section .container {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.header-navbar .menu-header-menu-container {
    height: 100%;
    display: flex;
    align-items: stretch;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.header-navbar .menu-header-menu-container li+li {
    margin-inline-start: 36px;
}

.header-navbar .menu-header-menu-container li a {
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #888;
    cursor: default;
}

.header-navbar .menu-header-menu-container li .menu-hover {
    padding-top: 35px;
    padding-bottom: 35px;
}

.header-navbar .menu-header-menu-container li a[href] {
    cursor: pointer !important;
}

.header-navbar .menu-header-menu-container li a[href]:after {
    content: none !important;
}

.calib-header-section .header-navbar .menu-header-menu-container li:hover .menu-hover {
    color: #fb7000 !important;
    font-weight: 500;
    cursor: default;
}

.header-navbar .menu-header-menu-container li:hover a:after {
    border-color: var(--white-100);
}

.header-navbar .menu-header-menu-container .sub-menu li {
    margin: 0;
}

.header-navbar .menu-header-menu-container .sub-menu li a {
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #888;
    text-transform: capitalize;
}

.header-navbar .menu-header-menu-container .sub-menu li a:hover,
.header-navbar .menu-header-menu-container .sub-menu li a:focus {
    color: #fb7000;
}

.calib-header-section.default-header .header-navbar .menu-header-menu-container .sub-menu {
    background-color: #121212 !important;
}

.header-navbar .menu-header-menu-container .sub-menu {
    display: none;
    align-items: stretch;
    position: fixed;
    width: 100%;
    max-height: 500px;
    top: 80px;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 1;
}

/* .header-navbar .menu-header-menu-container .sub-menu.case-study-menu {
max-height: fit-content;
}
*/
.who-we-are-details {
    display: flex;
    align-items: stretch;
}

.who-we-are-details .details-content {
    max-width: 320px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.who-we-are-details .details-content+.details-content {
    margin-left: 60px;
}

.calib-header-section.default-header .who-we-are-details .details-content h4 {
    color: #ffffff;
}

.who-we-are-details .details-content h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 8px;
    transition: color 0.5s linear;
}

.calib-header-section.default-header .who-we-are-details .details-content p {
    color: #888888;
}

.who-we-are-details .details-content p {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 16px;
    transition: color 0.5s linear;
}

.who-we-are-details .details-content:hover h4 {
    color: #fb7000 !important;
    transition: color 0.5s linear;
}

.calib-header-section.default-header .who-we-are-details .details-content:hover p {
    color: #ffffff;
    transition: color 0.5s linear;
}

.who-we-are-details .details-content:hover .header-btn-outline span {
    transition: 1s ease-in-out;
    color: #fb7000 !important;
}

.who-we-are-details .details-content:hover .header-btn-outline svg {
    stroke-dashoffset: -480;
}

.calib-header-section.default-header .header-navbar .menu-header-menu-container .sub-menu h3 {
    color: #fff;
}

.header-navbar .menu-header-menu-container .sub-menu h3 {
    font-family: var(--font-manrope);
    font-size: 16px;
    font-weight: 600;
    line-height: 25.6px;
    margin-bottom: 16px;
}

.header-navbar .menu-header-menu-container .menu-item:hover .sub-menu {
    display: flex;
}

/* .header-navbar .menu-header-menu-container .menu-item:nth-child(3) .sub-menu .sub-menu-list{
justify-content: center;
} */


.header-navbar .menu-header-menu-container .sub-menu .sub-menu-list {
    flex: 1;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 2rem 5.625rem 2.625rem;
    list-style-type: none;
}

.header-navbar .menu-header-menu-container .sub-menu .sub-menu-list .sub-menu-box+.sub-menu-box {
    margin-left: 60px;
}

.header-navbar .menu-header-menu-container .sub-menu .sub-menu-list .sub-menu-box li {
    display: flex;
    align-items: center;
}

.header-navbar .menu-header-menu-container .sub-menu .sub-menu-list .sub-menu-box .arrow-animation-main {
    margin-left: 4px;
}

.header-navbar .menu-header-menu-container .sub-menu .sub-menu-list .sub-menu-box li {
    padding: 0 !important;
}

.header-navbar .menu-header-menu-container .sub-menu .sub-menu-list.full-container {
    padding: 40px 100px;
    list-style-type: none;
}

.calib-header-section.default-header .sub-menu-list {
    color: #888888;
}

.header-navbar .menu-header-menu-container .sub-menu .sub-menu-list li {
    margin: 10px 24px 10px 0;
}

.header-navbar .menu-header-menu-container .sub-menu .sub-menu-list .sub-menu-box .arrow-animation-main {
    visibility: hidden;
}

.header-navbar .menu-header-menu-container .sub-menu .sub-menu-list .sub-menu-box li:hover .arrow-animation-main {
    visibility: visible;
}

.calib-header-btn {
    display: flex;
    align-items: center;
}

.calib-header-btn a {
    padding: 10px 16px;
    font-family: var(--font-manrope);
}

.header-btn-outline,
.header-flat-btn {
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
}

.outline-btn {
    position: relative;
}

.calib-header-section.default-header .calib-header-btn .header-btn-outline,header.calib-header-section.calib_bk_header .calib-header-btn .header-btn-outline {
    border: 1px solid #5d5d5d;
    color: #d1d1d1 !important;
}

.calib-header-btn .header-flat-btn {
    background-color: #fb7000;
    color: #fff;
    margin-left: 12px;
    display: inline-block;
}

.arrow-header-btn .header-flat-btn {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    transition: opacity 0.2s ease-in-out;
}

.arrow-header-btn .header-flat-btn img {
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-left: 8px;
    display: none;
    opacity: 0;
}

.arrow-header-btn .header-flat-btn:hover img {
    display: block;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;
}


/* Button Outline Styles Starts Here  */

.header-btn-outline {
    display: flex;
    align-items: center;
    transition: 1s ease-in-out;
}

.header-btn-outline svg {
    position: absolute;
    left: 0;
    top: 0;
    fill: none;
    stroke: #fff;
    stroke-dasharray: 150 480;
    stroke-dashoffset: 150;
    transition: 1s ease-in-out;
    border-radius: 4px;
}

.header-btn-outline:hover {
    transition: 1s ease-in-out;
    color: #fb7000 !important;
}

.header-btn-outline:hover svg {
    stroke-dashoffset: -480;
}

/* Header Desktop Tab  */
.blog-video-tab {
    display: flex;
    align-items: stretch;
    width: 100%;
}

.blog-video-tab .tab {
    display: flex;
    flex-direction: column;
    max-width: 170px;
    width: 100%;
}

.calib-header-section.default-header .blog-video-tab .tab .header-tablinks {
    color: #ffffff;
}

.calib-header-section .header-options .outline-btn a span {
    color: #414A54;
}

.header-tabcontent {
    display: none;
}

.blog-video-tab .tab .header-tablinks {
    padding: 14px 12px 14px 20px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
    border: none;
    background: transparent;
    outline: none;
    border-radius: 4px;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    height: 48px;
}

.blog-video-tab .tab .header-tablinks .arrow-right {
    display: none;
}

.blog-video-tab .tab .header-tablinks:first-child {
    margin-bottom: 8px;
}

.calib-header-section.default-header .blog-video-tab .tab .header-tablinks:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.blog-video-tab .tab .header-tablinks:hover {
    font-weight: 700;
}

.blog-video-tab .tab .header-tablinks.active .arrow-right,
.blog-video-tab .tab .header-tablinks:hover .arrow-right {
    display: flex;
}

.calib-header-section.default-header .blog-video-tab .tab .header-tablinks.active {
    background-color: rgba(255, 255, 255, 0.1);
}

.blog-video-tab .tab .header-tablinks.active {
    font-weight: 700;
}

.calib-header-section.default-header .blog-overview,
.calib-header-section.default-header .video-overview {
    border: 1px solid transparent;
}

.blog-video-tab .blog-overview,
.blog-video-tab .video-overview {
    max-width: 254px;
    width: 100%;
    height: fit-content;
}

.calib-header-section.default-header .blog-video-tab .blog-overview,
.calib-header-section.default-header .blog-video-tab .video-overview {
    background-color: #191919 !important;
    border: 1px solid transparent !important;
}

.blog-video-tab .blog-overview,
.blog-video-tab .video-overview {
    padding: 16px 20px 20px;
    border-radius: 8px;
    margin-left: 40px;
}

.calib-header-section.default-header .blog-video-tab .blog-overview h6,
.calib-header-section.default-header .blog-video-tab .video-overview h6 {
    color: #ffffff !important;
}

.blog-video-tab .blog-overview h6,
.blog-video-tab .video-overview h6 {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 8px;
}

.calib-header-section.default-header .blog-video-tab .blog-overview p,
.calib-header-section.default-header .blog-video-tab .video-overview p {
    color: #888888 !important;
}

.blog-video-tab .blog-overview p,
.blog-video-tab .video-overview p {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    margin-bottom: 20px;
    cursor: default;
}

.calib-header-section.default-header .blog-video-tab .blog-overview .calib-header-btn .header-flat-btn,
.calib-header-section.default-header .blog-video-tab .video-overview .calib-header-btn .header-flat-btn {
    color: #ffffff !important;
}

.blog-video-tab .blog-overview .calib-header-btn .header-flat-btn,
.blog-video-tab .video-overview .calib-header-btn .header-flat-btn {
    margin-left: 0 !important;
}

.blog-video-tab .header-blog-container,
.blog-video-tab .header-video-container,
.blog-video-tab .blog-container,
.blog-video-tab .video-container {
    display: flex;
    align-items: stretch;
}

.blog-main-container .blog_thumbnail,
.video-main-container .video_thumbnail {
    width: 100%;
    height: 100px;
    border: 1px solid #454545;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 16px;
}

.blog-main-container .blog_thumbnail img,
.video-main-container .video_thumbnail img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.blog_thumbnail::after,
.mobile-view-details::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    pointer-events: none;
    /* Allows interaction with the image */
}

.blog-video-tab .blog-container .blog-main-container+.blog-main-container,
.blog-video-tab .video-container .video-main-container+.video-main-container {
    margin-left: 40px;
}

.blog-video-tab .header-blog-container .blog-main-details .blog-main-container,
.blog-video-tab .header-video-container .video-main-details .video-main-container {
    max-width: 210px;
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-direction: column;
}

.blog-video-tab .header-blog-container .blog-main-details,
.blog-video-tab .header-video-container .video-main-details {
    margin-left: 36px;
}

.calib-header-section.default-header .blog-video-tab .header-blog-container .blog-main-details h5,
.calib-header-section.default-header .blog-video-tab .header-video-container .video-main-details h5 {
    color: #ffffff;
}

.blog-video-tab .header-blog-container .blog-main-details h5,
.blog-video-tab .header-video-container .video-main-details h5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    text-align: left;
    margin-bottom: 24px;
}

.calib-header-section.default-header .blog-video-tab .header-blog-container .blog-main-details p,
.calib-header-section.default-header .blog-video-tab .header-video-container .video-main-details p {
    color: #888888;
}

.blog-video-tab .header-blog-container .blog-main-details p,
.blog-video-tab .header-video-container .video-main-details p {
    font-size: 13px;
    font-weight: 500;
    line-height: 19.5px;
    text-align: left;
    margin: 16px 0 20px;
}

.blog-video-tab .header-tablinks .arrow-right {
    background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2024/04/08124119/header-arrow-right.webp) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    transition: 0.2s;
    transition-delay: 0.2s;
}

.blog-video-tab .header-tablinks.active:hover .arrow-right {
    transform: translateX(4px);
}

/* Header Mobile Responsive  */

@media only screen and (max-width: 1024px) {
    @keyframes arrwAnimation {
        from {
            background-position: -93px -4px;
        }

        to {
            background-position: -76px -21px;
        }
    }

    @keyframes topborder {
        0 {
            left: 0%;
            width: 70%;
        }

        25% {
            left: 0%;
            width: 50%;
        }

        50% {
            left: 50%;
            width: 50%;
        }

        75% {
            left: 70%;
            width: 30%;
        }

        100% {
            left: unset;
            right: 0;
            width: 10%;
        }

    }

    @keyframes revbottomborder {
        0 {
            left: 0%;
            width: 70%;
        }

        25% {
            left: 0%;
            width: 50%;
        }

        50% {
            left: 50%;
            width: 50%;
        }

        75% {
            left: 70%;
            width: 30%;
        }

        100% {
            left: unset;
            right: 0;
            width: 10%;
        }

    }

    @keyframes bottomborder {
        0 {
            right: 0%;
            width: 40%;
        }

        25% {
            right: 0%;
            width: 50%;
        }

        50% {
            right: 50%;
            width: 50%;
        }

        75% {
            right: 70%;
            width: 30%;
        }

        100% {
            right: unset;
            left: 0;
            width: 10%;
        }

    }

    @keyframes revtopborder {
        0 {
            right: 0%;
            width: 40%;
        }

        25% {
            right: 0%;
            width: 50%;
        }

        50% {
            right: 50%;
            width: 50%;
        }

        75% {
            right: 70%;
            width: 30%;
        }

        100% {
            right: unset;
            left: 0;
            width: 10%;
        }
    }

    @keyframes rightborder {
        0 {
            top: 0%;
            height: 40%;
        }

        25% {
            top: 0%;
            height: 50%;
        }

        50% {
            top: 50%;
            height: 50%;
        }

        75% {
            top: 70%;
            height: 30%;
        }

        100% {
            top: unset;
            bottom: 0;
            height: 10%;
        }

    }

    @keyframes revleftborder {
        0 {
            top: 0%;
            height: 40%;
        }

        25% {
            top: 0%;
            height: 50%;
        }

        50% {
            top: 50%;
            height: 50%;
        }

        75% {
            top: 70%;
            height: 30%;
        }

        100% {
            top: unset;
            bottom: 0;
            height: 10%;
        }

    }

    @keyframes leftborder {
        0 {
            bottom: 0%;
            height: 0%;
        }

        25% {
            bottom: 0%;
            height: 50%;
        }

        50% {
            bottom: 50%;
            height: 50%;
        }

        75% {
            bottom: 70%;
            height: 30%;
        }

        100% {
            bottom: unset;
            top: 0;
            height: 10%;
        }

    }

    @keyframes revrightborder {
        0 {
            bottom: 0%;
            height: 0%;
        }

        25% {
            bottom: 0%;
            height: 50%;
        }

        50% {
            bottom: 50%;
            height: 50%;
        }

        75% {
            bottom: 70%;
            height: 30%;
        }

        100% {
            bottom: unset;
            top: 0;
            height: 10%;
        }

    }

    .header-arrow-animation {
        width: 15px;
        height: 17px;
        background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2024/04/18114311/arrowIcons.svg);
        display: none;
        animation: arrwAnimation 0.5s ease 1;
        background-position: -93px -4px;
        background-size: 168px;
        background-repeat: no-repeat;
        margin-left: 8px;
    }

    .header-navbar .menu-header-menu-container .sub-menu .sub-menu-list .sub-menu-box li:hover .header-arrow-animation {
        display: inline-flex;
        background-position: -76px -21px;
    }

    .header-arrow-wrap {
        position: relative;
    }

    .header-arrow-animation {
        position: absolute;
        top: -8px;
        right: -25px;
    }

    a.header-btn-outline {
        position: relative;
    }

    a.header-btn-outline span {
        display: block;
        position: relative;
    }

    a.header-btn-outline::before,
    a.header-btn-outline::after,
    ul#blog-vid-wrap .outline-btn a.header-btn-outline::after {
        content: "" !important;
        width: 0;
        height: .1px;
        position: absolute;
        transition: all ease-in;
        background: #d5d5d5;
        display: block !important;

    }

    a.header-btn-outline span::before,
    a.header-btn-outline span::after {
        content: "" !important;
        width: .1px;
        height: 0;
        position: absolute;
        transition: all ease-in;
        background: #d5d5d5;
        display: block !important;
    }

    a.header-btn-outline:hover::before {
        animation: topborder ease .3s;
        top: 0;

    }

    a.header-btn-outline:hover::after {
        animation: bottomborder ease .3s;
        bottom: 0;
    }

    .calib-header-btn .header-btn-outline {
        transition: unset;
    }

    a.header-btn-outline:hover span::before {
        animation: rightborder ease .3s;
        right: 0;
    }

    a.header-btn-outline:hover span::after {
        animation: leftborder ease .3s;
        left: 0;
        bottom: 0;
    }

    a.header-btn-outline:hover::before {
        animation-delay: 100ms;
    }

    a.header-btn-outline:hover span::before {
        animation-delay: 300ms;
    }

    a.header-btn-outline:hover::after {
        animation-delay: 450ms;
    }

    a.header-btn-outline:hover span::after {
        animation-delay: 600ms;
    }

    .reverse-border-fill:before {
        animation: revtopborder ease .3s !important;
        top: 0;
        animation-delay: 550ms !important;
    }

    .reverse-border-fill:after {
        animation: revbottomborder ease .3s !important;
        bottom: 0;
        animation-delay: 300ms !important;
    }

    .reverse-border-fill span:before {
        animation: revrightborder ease .3s !important;
        right: 0;
        animation-delay: 500ms !important;
    }

    .reverse-border-fill span:before {
        animation: revleftborder ease .3s !important;
        left: 0;
        animation-delay: 100ms !important;
    }

    .calib-header-section .header-section-container {
        padding: 0.75rem 1rem !important;
    }
}

@media only screen and (max-width: 1024px) {
    .header-mobile-navbar {
        display: block !important;
        /* Show when screen width is 1024px or less */
    }

    .menu-header-menu-container,
    .header-options {
        display: none !important;
    }

    .calib-header-section .header-section-container {
        height: fit-content;
    }
}

.hamburger-menu.active {
    display: flex;
}

.hamburger-menu .menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 40px;
    height: 20px;
    cursor: pointer;
    background: none;
    border: none;
    transition: transform 0.3s ease;
    /* Smooth transition for animation */
}

.calib-header-section.default-header .hamburger-menu .bar {
    background: #ffffff;
}

.calib-header-section .hamburger-menu .bar {
    width: 100%;
    height: 2px;
    background: #080808;
    border-radius: 4px;
    transition: transform 0.3s ease;
    /* Smooth transition for animation */
}

.hamburger-menu .menu {
    display: none;
    transition: height 0.3s ease;
    /* Additional styling for the menu box */
}

/* CSS for animating the hamburger icon to X mark */
.hamburger-menu.active .bar:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.hamburger-menu.active .bar:nth-child(2) {
    opacity: 0;
}

.hamburger-menu.active .bar:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
}

/* Additional styling for the opened menu */

.calib-header-section.nav-show {
    background-color: #080808;
}

.calib-header-section.nav-show .hamburger-menu .bar {
    background: #ffffff;
}

.hamburger-menu.active .menu {
    display: block;
    position: absolute;
    width: 100%;
    height: calc(100dvh - 40px);
    overflow: auto;
    left: 0;
    background: #121212;
    right: 0;
    top: 64px;
    z-index: 1000;
    padding-bottom: 40px;
}

/* Header Mobile Responsive Accordion  */

.header-accordion-container {
    margin-top: 12px;
}

.header-accordion {
    background-color: transparent;
    outline: none;
    border: none;
    color: #ffffff;
    border-bottom: 1px solid rgba(61, 61, 61, 0.5);
    cursor: pointer;
    padding: 20px 24px;
    width: 100%;
    text-align: left;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.4s;
}

.header-accordion.active,
.accordion:hover {
    color: #fb7000 !important;
}

.header-accordion.active:after {
    filter: brightness(0) saturate(100%) invert(45%) sepia(99%) saturate(3021%) hue-rotate(8deg) brightness(106%) contrast(101%);
}

.header-accordion::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z'/%3E%3C/svg%3E");
    width: 14px;
    height: 14px;
    background-size: 14px;
    filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(661%) hue-rotate(229deg) brightness(113%) contrast(81%);
    float: right;
}

.panel .header-accordion:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z'/%3E%3C/svg%3E");
    width: 14px;
    height: 14px;
    background-size: 14px;
    filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(661%) hue-rotate(229deg) brightness(113%) contrast(81%);
    float: right;
}

.panel .header-accordion.active:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E");
    width: 14px;
    height: 14px;
    background-size: 14px;
    filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(661%) hue-rotate(229deg) brightness(113%) contrast(81%);
}

.panel {
    background-color: #191919;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel .header-accordion {
    padding: 21px 24px 21px 36px;
}

.mobile-panel-header {
    border-bottom: 1px solid rgba(61, 61, 61, 0.5);
}

.panel.show {
    opacity: 1;
    max-height: 100% !important;
}

.panel.show .header-accordion.active,
.panel.show .header-accordion.active:after {
    color: #ffffff !important;
}

.mobile-panel-header .header-accordion {
    border: none !important;
}

.mobile-header-bl p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #888888;
    padding: 12px 24px 12px 36px;
}

.mobile-panel-header .header-accordion {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: #ffffff;
}

.header-about-container {
    padding: 13px 36px 20px;
}

.header-about-us p {
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    text-align: left;
    color: #b0b0b0;
}

.mobile-panel-header .calib-header-btn {
    margin-top: 16px;
}

.mobile-panel-header .calib-header-btn .outline-btn {
    width: 100%;
}

.mobile-panel-header .calib-header-btn a {
    display: flex;
    justify-content: center;
}

.mobile-header-cs {
    padding: 20px 24px;
}

.mobile-header-cs h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: #ffffff;
    margin-bottom: 22px;
}

.mobile-cs-container:nth-child(n+5) {
    display: none;
}

.mobile-cs-container.show {
    display: block;
}

.mobile-header-cs .mobile-cs-container a {
    display: flex;
    align-items: center;
}

.mobile-header-cs .mobile-cs-container img {
    width: 40px;
    min-width: 40px;
    object-fit: contain;
    height: fit-content;
}

.mobile-header-cs .mobile-cs-container h4 {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px;
    color: #ffffff;
    margin-bottom: 16px;
}

.mobile-header-cs .mobile-cs-container p {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #888888;
}

.mobile-header-cs .mobile-cs-container .cs-details {
    margin-left: 20px;
}

.mobile-header-cs .mobile-cs-container {
    margin-bottom: 24px;
}

.mobile-header-cs .mobile-cs-container:last-child {
    margin-bottom: 0;
}

.mobile-header-cs .calib-header-btn .flat-btn {
    width: 100%;
}

.mobile-header-cs .calib-header-btn .header-flat-btn {
    margin-left: 0 !important;
}

.mobile-blog-accordion,
.mobile-video-accordion {
    padding: 24px 24px 36px 24px;
}

.mobile-blog-accordion .flat-btn,
.mobile-video-accordion .flat-btn {
    width: 100%;
}

.mobile-blog-accordion .flat-btn a,
.mobile-video-accordion .flat-btn a {
    width: 100%;
    margin: 0 !important;
}

.mobile-blog-accordion h3,
.mobile-video-accordion h3 {
    font-size: 13px;
    font-weight: 600;
    line-height: 21px;
    text-align: left;
    color: #ffffff;
    margin-bottom: 16px;
}

.blogs-grid,
.videos-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 24px;
}

.mobile-blog-container img,
.mobile-video-container img {
    width: 100%;
    height: fit-content;
    object-fit: contain;
    border-radius: 12px 12px 0 0;
}

.mobile-blog-container h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    color: #FFFFFF;
    margin-bottom: 16px;
}


.mobile-blog-container p,
.mobile-video-container p {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #888888;
    margin-bottom: 16px;
}

.header-accordion-container .calib-mobile-header-btn .calib-header-btn {
/*     margin: 60px 24px 24px; */
	margin: 60px 12px 24px;
    flex-direction: column;
}

.header-accordion-container .calib-mobile-header-btn .header-btn-outline,
.header-accordion-container .calib-mobile-header-btn .header-flat-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-accordion-container .calib-mobile-header-btn .calib-header-btn .outline-btn,
.header-accordion-container .calib-mobile-header-btn .calib-header-btn .header-flat-btn,
.header-accordion-container .calib-mobile-header-btn .calib-header-btn .flat-btn {
    width: 100%;
}

.header-accordion-container .calib-mobile-header-btn .calib-header-btn .header-flat-btn {
    margin-left: 0 !important;
    margin-top: 12px;
}

/* White Theme  */


.calib-header-section .header-logo {
    background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2022/02/15130651/Calib-Logo.png);
    background-size: cover;
}

.calib-header-section .header-navbar .menu-header-menu-container li a {
    color: #454545;
}

.calib-header-section .header-navbar .menu-header-menu-container .sub-menu-box li a.bl-links {
    color: #454545;
}

.calib-header-section .header-navbar .menu-header-menu-container .sub-menu-box li:hover a {
    color: #fb7000 !important;
}

.calib-header-section .sub-menu {
    background-color: #f6f6f6 !important;
}

.calib-header-section .header-navbar .menu-header-menu-container .sub-menu h3,
.calib-header-section .who-we-are-details .details-content h4 {
    color: #080808;
}

.calib-header-section .who-we-are-details .details-content p {
    color: #5d5d5d;
}

.calib-header-section .who-we-are-details .details-content:hover p {
    color: #080808;
}


.calib-mobile-header-btn .calib-header-btn .outline-btn a,
.header-options .calib-header-btn .outline-btn a {
    color: #D1D1D1 !important;
}

.calib-header-section.default-header .calib-header-btn .outline-btn a span ,.calib-header-section.default-header, header.calib-header-section.calib_bk_header .calib-header-btn .outline-btn a span{
    color: #d1d1d1;
}

.calib-header-section .calib-header-btn .outline-btn a:hover span,
.calib-header-section.default-header .calib-header-btn .outline-btn a:hover span {
    color: #fb7000 !important;
}

.nav-show .header-about-container .calib-header-btn .outline-btn a span,
.nav-show .mobile-video-container .calib-header-btn .outline-btn a span,
.nav-show .mobile-blog-container .calib-header-btn .outline-btn a span,
.nav-show .calib-header-section .calib-mobile-header-btn .calib-header-btn .outline-btn a span {
    color: #D1D1D1 !important;
}

.calib-header-section .header-case-study-container h5 {
    color: #888888;
}

.calib-header-section .header-case-study-container .case-study-overview,
.calib-header-section .blog-overview,
.calib-header-section .video-overview {
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
}

.calib-header-section .header-case-study-container .case-study-overview h4,
.calib-header-section .blog-video-tab .blog-overview h6,
.calib-header-section .blog-video-tab .video-overview h6 {
    color: #454545;
}

.calib-header-section .header-case-study-container .case-study-overview p,
.calib-header-section .blog-video-tab .blog-overview p,
.calib-header-section .blog-video-tab .video-overview p {
    color: #5d5d5d;
}

.calib-header-section .case-study-overview .flat-btn {
    background-color: #fb7000;
    width: fit-content;
    border-radius: 4px;
}

.calib-header-section .case-study-overview .flat-btn a {
    padding: 10px 16px;
}

.calib-header-section .case-study-overview .flat-btn .header-flat-btn {
    color: #ffffff !important;
}

.calib-header-section .header-case-study-container .case-study-details div h6 {
    color: #454545;
}

.calib-header-section .header-case-study-container .case-study-details:hover div h6 {
    color: #fb7000;
}

.calib-header-section .header-case-study-container .case-study-details div p {
    color: #5d5d5d;
}

.calib-header-section .header-case-study-container .cs-details-container .case-study-details:hover p {
    color: #454545;
}

.calib-header-section .blog-video-tab .tab .header-tablinks.active,
.calib-header-section .blog-video-tab .tab .header-tablinks:hover {
    background-color: #e7e7e7;
}

.calib-header-section .blog-video-tab .tab .header-tablinks {
    color: #080808;
    font-weight: 600;
}

.calib-header-section .blog-video-tab .header-tablinks .arrow-right {
    filter: invert(0%) sepia(78%) saturate(7362%) hue-rotate(65deg) brightness(2%) contrast(94%);
}

.calib-header-section .blog-video-tab .header-blog-container .blog-main-details h5,
.calib-header-section .blog-video-tab .header-video-container .video-main-details h5 {
    color: #454545;
}

.calib-header-section .blog-video-tab .header-blog-container .blog-main-details p,
.calib-header-section .blog-video-tab .header-video-container .video-main-details p {
    color: #5d5d5d;
}

.calib-header-section .calib-header-btn .header-flat-btn {
    color: #ffffff !important;
}

.calib-header-section .calib-header-btn .header-btn-outline {
    border: 1px solid #b0b0b0;
}

.case-portfolio .blog_thumbnail {
    border: none;
    border-radius: 4px 4px 0 0;
}

.blog_thumbnail,
.mobile-view-details {
    position: relative;
}

.blog_thumbnail h5 {
    position: absolute;
    bottom: -12px;
    left: 12px;
    border: 1px solid #888888;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    color: #B0B0B0 !important;
    padding-inline: 12px;
    width: fit-content;
    height: 21px;
    border-radius: 50px;
    z-index: 1;
}

.mobile-view-details {
    margin-bottom: 16px;
}

.mobile-view-details h5 {
    position: absolute;
    bottom: 12px;
    left: 12px;
    border: 1px solid #888888;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    color: #B0B0B0;
    padding-inline: 12px;
    border-radius: 50px;
    z-index: 1;
    height: 24px;
}

/* Mobile Header Active  */

.header-active-link {
    color: #fb7000 !important;
}

@media only screen and (max-width: 767px) {

    .blogs-grid,
    .videos-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 16px;
    }
}

/*Header Second Submenu new*/
.sub-menu-box li.d-block{
	display: block !important;
}

.calib-header-section .header-navbar .menu-header-menu-container .sub-menu-box li:hover ul li a,.calib-header-section .header-navbar .menu-header-menu-container .sub-menu-box li ul li a{
	color: #454545 !important;
}
.calib-header-section.default-header  .header-navbar .menu-header-menu-container .sub-menu-box li:hover ul li a,.calib-header-section.default-header  .header-navbar .menu-header-menu-container .sub-menu-box li ul li a{
	color: #888888 !important;
}
.calib-header-section .header-navbar .menu-header-menu-container .sub-menu-box li:hover ul li:hover a{
	color: #fb7000 !important;
}
.header-navbar .menu-header-menu-container .sub-menu .sub-menu-list .sub-menu-box li.d-block:hover .header-arrow-animation{
	display:none;
}
.header-navbar .menu-header-menu-container .sub-menu .sub-menu-list .sub-menu-box li.d-block a:hover .header-arrow-animation{
	    display: inline-flex;
    background-position: -76px -21px;
}
.header-navbar .menu-header-menu-container .sub-menu .sub-menu-list .sub-menu-box li:hover ul .header-arrow-animation{
	display:none;
}
.header-navbar .menu-header-menu-container .sub-menu .sub-menu-list .sub-menu-box li:hover ul li:hover .header-arrow-animation{
	    display: inline-flex;
    background-position: -76px -21px;
}
.calib-header-section .sub-menu-box li.d-block ul{
	padding-left:1em !important;
}
.header-navbar .menu-header-menu-container .sub-menu .sub-menu-list .sub-menu-box li.d-block a.header-active-link{
	color: #fb7000 !important;
}

.header-accordion-container .panel.mobile-header-bl ul{
	     margin: 0;
    list-style: none;
    color: #888888;
    padding-left: 4rem;
}
.header-accordion-container .panel.mobile-header-bl ul li{
	    display: list-item !important;
    list-style-type: disc;
}
.header-accordion-container .panel.mobile-header-bl ul li a{
	    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    color: #888888;
    padding: 10px 24px 10px 0px;
    display: block;
}
.header-accordion-container .panel.mobile-header-bl ul li a:hover{
	color: #FB8348 !important;
}
.calib-header-section .sub-menu-box li.d-block ul li{
	    display: list-item !important;
    list-style-type: disc;
}
.calib-header-section.default-header .sub-menu-box li.d-block ul li::marker,.header-accordion-container .panel.mobile-header-bl ul li::marker{
	color: #888888;
}
.calib-header-section.default-header .sub-menu-box li.d-block ul li:hover::marker,.calib-header-section .sub-menu-box li.d-block ul li:hover::marker,.header-accordion-container .panel.mobile-header-bl ul li:hover::marker,.header-accordion-container .panel.mobile-header-bl ul li:hover a,.header-accordion-container .panel.mobile-header-bl ul li:has(a.header-active-link)::marker{
	color:#fb7000 !important
}
.calib-header-section .sub-menu-box li.d-block ul li::marker{
	color: #454545 !important;
}
.calib-header-section .header-navbar .menu-header-menu-container .sub-menu-box li.d-block:hover a{
	color: #454545 !important;
}
.calib-header-section.default-header .header-navbar .menu-header-menu-container .sub-menu-box li.d-block:hover a{
	color:#888 !important;
}

.calib-header-section .header-navbar .menu-header-menu-container .sub-menu-box li.d-block:hover a:hover{
	color:#fb7000 !important
}


/*new Header Styles*/

.btn_purple{
	    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
    background-color: #9b51e0;
    border-radius: 4px;
    padding: 10px 16px 10px 16px;
    display: flex;
    align-items: center;
    width: fit-content;
}
.btn_primary{
	    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
    background-color: #fb7000;
    border-radius: 4px;
    padding: 10px 16px 10px 16px;
    display: flex;
    align-items: center;
    width: fit-content;
}
.btn_white_arrow{
	    display: inline-flex;
    width: 20px;
    height: 20px;
    margin: 0 0 0 8px;
    background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2024/04/18114311/arrowIcons.svg);
    background-position: -188px -7px;
    transition: all 0.5s ease;
}
.btn_primary:hover .btn_white_arrow, .btn_purple:hover .btn_white_arrow{
	background-position: -216px -6px;
}
.header-navbar.d-flex,.hdr_logo_wrap.d-flex{
	align-items: center;
}
.dropmenu_wrap{
	display: none;
}
ul.menu-header-menu-container.hdr_menu_container{
	padding-left: 60px;
}
ul.menu-header-menu-container.hdr_menu_container li.menu-item a.menu-hover{
	position:relative;
}
ul.menu-header-menu-container.hdr_menu_container li.menu-item a.menu-hover:after{
	    content: '';
    position: absolute;
    right: 0;
    top: 51%;
/*     background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2024/04/08124119/header-arrow-right.webp) no-repeat; */
 background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2024/12/27075348/wt_arrow_down.webp) no-repeat;
    height: 16px;
    width: 16px;
    background-size: 16px;
    transform: translateY(-50%);
}
ul.menu-header-menu-container.hdr_menu_container li.menu-item a.menu-hover:hover:after,ul.menu-header-menu-container.hdr_menu_container li.menu-item.active a.menu-hover:after{
		filter: brightness(0) saturate(100%) invert(45%) sepia(99%) saturate(3021%) hue-rotate(8deg) brightness(106%) contrast(101%);
}
ul.menu-header-menu-container.hdr_menu_container li.menu-item.active a.menu-hover{
	color: #fb7000 !important;
}
ul.menu-header-menu-container.hdr_menu_container li.menu-item a.menu-hover{
	padding-right: 22px;
}
.dropmenu_wrap{
	      display: none;
    background-color: #010207;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 77%;
    top: 100%;
    color: #ffffff;
	padding: 4px;
}
ul.menu-header-menu-container.hdr_menu_container li.menu-item:hover .dropmenu_wrap{
	display: block;
}
.dropmenu_tab_container.tab-group{
	    display: flex;
    grid-column-gap: 2px;
}
.dropmenu_tab_container.tab-group ul.tab-buttons{
	       flex: 0 0 22%;
    padding: 12px !important;
    list-style: none;
    background: #191919;
}
.dropmenu_tab_container.tab-group .tab-content{
	      flex: 0 0 78%;
    padding: 20px 0px;
    background: #191919;
}
.dropmenu_tab_container.tab-group ul.tab-buttons li{
	margin: 0;
	padding: 10px 16px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #FFFFFF;
	    display: flex;
    justify-content: space-between;
}
.dropmenu_tab_container.tab-group .tab-content .tab{
	display: none;
}
.dropmenu_tab_container.tab-group .tab-content .tab.active{
	display: block;
}
.dropmenu_tab_container.tab-group ul.tab-buttons li:hover,.dropmenu_tab_container.tab-group ul.tab-buttons li.active{
	color: #FB7000;
}
ul.hdr_menu_link.d-grid{
	      padding: 0;
    list-style: none;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: repeat(5,1fr);
    grid-auto-flow: column;
}
ul.hdr_menu_link.d-grid li{
	    margin: 0;
    padding: 0px 12px;
}
ul.hdr_menu_link.d-grid li a{
	    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .4px;
    display: block;
	color:#FFFFFF !important;
}
ul.hdr_menu_link.d-grid li a:hover{
	background: #080808;
}
.portfolio_header_wrap{
	    display: flex;
    grid-column-gap: 4px;
}
.overview_wrap_box{
	    background: #191919;
    flex: 0 0 22%;
    padding: 20px 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hdr_portfolios_wrap{
	    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    background-color: #010207;
	grid-column-gap: 4px;
}
.hdr_port_box{
	      cursor: pointer;
    padding: 19px 12px;
    background: #191919;
    border: 1px solid #191919;
	transition: all .3s ease-in-out;
}
.overview_header_title h6{
	    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.01em;
    margin-bottom: 1rem;
	color:#FFFFFF !important;
}
.overview_header_title p{
	    color: #5D5D5D;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.01em;
    margin-bottom: 1rem;
}
.overview_wrap_box a.btn_purple.m-w-100{
    height: auto;
    width: 100%;
    text-align: center;
	color:#FFFFFF !important;
	    display: flex;
    align-items: center;
    justify-content: center;
}
.overview_wrap_box a.btn_purple.m-w-100 span{
	    background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2024/12/27080350/header-arrow-right.webp) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
	margin-left: 4px;
	transition: .3s all ease-in-out;
}
.overview_wrap_box a.btn_purple.m-w-100:hover span{
	transform: translateX(3px);
}
.hdr_port_box:hover{
	background: #080808;
}
.hdr_port_content h5{
	    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.01em;
    margin-bottom: 6px;
	color:#FFFFFF !important;
}
.hdr_port_content p{
	    color: #5D5D5D;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.01em;
}
.hdr_port_thumbnail{
	margin-bottom: 10px;
}
.hdr_port_box a{
	display: block !important;
}
span.hdr_directing_arrow{
	position: relative;
}
span.hdr_directing_arrow:after{
	    content: '';
    background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2024/12/27080940/header-orange-right.webp);
    background-size: 20px;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    left: -4px;
    opacity: 0;
	transition:.25s all ease-in-out;
}
.dropmenu_tab_container.tab-group ul.tab-buttons li:hover span.hdr_directing_arrow:after,.dropmenu_tab_container.tab-group ul.tab-buttons li.active span.hdr_directing_arrow:after{
	opacity:1;
	transform:translatex(4px);
}

.company_hdr_grid{
	    display: flex;
    grid-column-gap: 4px;
}
.hdr_company_wrap{
	    flex: 0 0 78%;
    padding: 20px 12px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    background: #191919;
}
.hdr_company_box{
	padding: 12px;
	transition: all .3s ease-in-out;
}
.hdr_company_title{
	    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.hdr_company_title h6{
	    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0.4px;
    color: #FFFFFF;
	transition: all .3s ease-in-out;
}
.hdr_slant_arrow{
	    height: 30px;
    width: 30px;
}
.hdr_company_box p,.company_hdr_grid p{
	    color: #5D5D5D;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.01em;
}
.hdr_company_video_wrap{
	    flex: 0 0 22%;
    background: #191919;
}
.hdr_company_box a{
	display: block !important;
}
.hdr_company_box:hover{
	background: #080808;
}
.hdr_company_box:hover .hdr_company_title h6{
	color:#FB7000;
}
.hdr_company_video_wrap{
	    flex: 0 0 22%;
    background: #191919;
    padding: 20px 12px;
}
.hdr_company_video{
	    position: relative;
    margin-bottom: 12px;
}
.hdr_company_video a.video_hdr_link{
	    position: absolute;
    top: 18%;
    left: 0;
    right: 0;
    margin: auto;
    display: block !important;
    height: auto !important;
    width: fit-content !important;
}
a.video_hdr_link img{
	height: 64px;
	width: fit-content;
}
.dropmenu_tab_container.tab-group .tab-content .header_post_wrap a.view_post_btn{
	    background: transparent;
    color: #FFFFFF !important;
	margin:auto;
	transition: all .3s ease-in-out;
}
.dropmenu_tab_container.tab-group .tab-content .header_post_wrap a.view_post_btn:hover{
	background:#FB7000;
}

.header_post_grid{
	    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 12px;
    grid-column-gap: 4px;
}
.header_post_box{
	    border: 1px solid #191919;
    padding: 20px 12px;
	transition: all .3s ease-in-out;
}
.header_post_box:hover{
	background:#080808;
	
}
.header_post_box a{
	display: block !important;
}
.header_post_box a img{
	margin-bottom: 10px;
}
.header_post_box h6{
	    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.01em;
    margin-bottom: 6px;
	  color: #FFFFFF;
	
}
.header_post_box p{
	    color: #5D5D5D;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0.01em;
}
.resource_dropmenu_wrap .dropmenu_tab_container.tab-group .tab-content{
	padding:0 0 20px;
}
.hdr_slant_arrow{
	    background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2024/12/27081144/company_wt_arrow.webp);
    background-size: 30px;
	transition: all .3s ease-in-out;
}
.hdr_company_box:hover .hdr_slant_arrow{
	background-image: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2024/12/27081144/company_or_arrow.webp);
}
body.menu_overlay{
	position:relative;
}
.bk_overlay{
	    background: #00000073;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	opacity:0;
	z-index:-999;
}
body.menu_overlay .bk_overlay{
	z-index:9999;
}
.bk_overlay.active{
	opacity:1;
}
.calib-header-section .hamburger-menu .bar{
		background: #ffffff !important;
}
header.calib-header-section.calib_bk_header > .header-accordion::after{
		    content: "";
    background-image: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2024/12/27075348/wt_arrow_down.webp);
    width: 20px;
    height: 20px;
    background-size: 20px;
    float: right;
    transform: translateY(-50%);
    top: .6rem;
    position: relative;
	}
button.header-accordion.active::after{
	transform: rotate(180deg);
}
.header-mobile-navbar .hamburger-menu .header-accordion::after{
    background-image: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2024/12/27075348/wt_arrow_down.webp);
    width: 20px;
    height: 20px;
    background-size: 20px;
}
.header-mobile-navbar .hamburger-menu.active .menu{
	top: 100%;
}


@media only screen and (max-width: 767px) {
	.hdr_portfolios_wrap,.hdr_company_wrap,.header_post_grid,.company_hdr_grid{
		display: block !important;
	}
	.bk_overlay{
		display:none;
	}
	header.calib-header-section.calib_bk_header > .header-accordion.active{
	border-bottom: 0px;
	}
	.header-about-container,.mobile-blog-accordion, .mobile-video-accordion{
		padding: 0;
	}
	.hdr_port_box{
		padding: 0px;
		margin-bottom: 24px;
	}
	.header_post_box{
		padding: 0px;
		margin-bottom: 12px;
	}
	.hdr_portfolios_wrap{
		background-color: unset;
	}
	.header-accordion-container{
		margin: 0;
	}
	.hdr_port_thumbnail img{
		border-radius: 12px;
	}
	.header_post_box a img{
		    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
	}
	.hdr_port_thumbnail{
		margin-bottom: 6px;
	}
	a.btn_purple.mobile_purple_btn{
		     height: auto;
		text-align: center;
		color: #FFFFFF !important;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 0 12px;
		width: auto;
	}
	a.btn_purple.mobile_purple_btn span.arrow-right{
		    background: url(https://media.calibraint.com/calibraint-wordpress/wp-content/uploads/2024/12/27080350/header-arrow-right.webp) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 4px;
    transition: .3s all ease-in-out;
	}
	a.btn_purple.mobile_purple_btn:hover span{
		transform: translateX(3px);
	}
	.header_post_wrap,.hdr_portfolios_wrap{
		padding: 0 12px;
	}
	.hdr_company_video a.video_hdr_link{
		top: 35%;
	}
	.header-accordion-container .calib-mobile-header-btn .calib-header-btn{
		 margin: 12px 0px 20px;
    	padding: 0px 12px;
	}
	.header-accordion-container .calib-mobile-header-btn .calib-header-btn .header-flat-btn{
		margin-top: 12px;
	}
	.company_hdr_grid{
		background: #080808;
	}
	.company_hdr_grid{
		padding-bottom: 4px;
	}
	.hdr_company_wrap{
		margin-bottom: 4px;
	}
	.header_post_box a img{
		margin-bottom: 5px;
	}
	.calib-header-section.nav-show .header-logo, .calib-header-section.default-header .header-logo, header.calib-header-section.calib_bk_header .header-logo{
		    background-size: 82px;
    height: 32px;
    background-repeat: no-repeat;
	}
	.calib-header-section .hamburger-menu.active .bar{
			background: #D1D1D1 !important;
	}
	
	.hamburger-menu.active .bar:nth-child(1){
		    transform: rotate(45deg);
		position: relative;
		bottom: -10px;
	}
	.hamburger-menu.active .bar:nth-child(3){
		    transform: rotate(-45deg);
		top: -7px;
		position: relative;
	}
	.header-mobile-navbar .hamburger-menu .menu-toggle{
		width: 26px;
		height: 16px;
		padding: 0;
	}
	.header-mobile-navbar .hamburger-menu.active button.menu-toggle{
		 width: 24px;
   	 	height: 18px;
	}
	.calib-header-section .hamburger-menu .bar{
		height: 1.5px;
	}
	.comm_app_development,.new_defi_development,main.nft-marketplace-main,.new_nft_development,.whitelabel_wallet,.whitelabel_explorer,.whitelabel_nft{
		margin-top: 3.5rem !important;
	}
	.header_post_wrap a.btn_purple.mobile_purple_btn{
		margin: 0;
	}
}
/*mobile ends*/
@media only screen and (max-width: 600px){
	.all-page-container{
		padding-top: 3.5rem !important;
	}
}

@media only screen and (max-width: 1180px){
	.menu-header-menu-container, .header-options{
		display: none !important;
	}
	.header-mobile-navbar{
		display: block !important;
	}
}

@media only screen and (min-width: 767px) and (max-width: 1179px){
	.hdr_portfolios_wrap{
		grid-column-gap: 4px;
		padding-bottom: 4px;
	}	
	.header-about-container{
		padding: 0;
	}
	.hdr_port_box:first-child{
		padding-left: 24px;
	}
	.panel .header-accordion{
		padding: 20px 24px;
	}
	a.btn_purple.mobile_purple_btn{
		margin: 16px 24px;
		padding: 8px 14px;
	}
	.hdr_company_video_wrap{
		padding-right: 24px;
	}
	.mobile-blog-accordion, .mobile-video-accordion{
		padding: 0px 12px;
	}
	.header_post_wrap a.btn_purple.mobile_purple_btn{
		margin: 6px 15px 10px;
	}
	.header_post_box{
		padding: 5px 12px 10px;
	}
	.header_post_grid{
		margin-bottom: 0;
	}
}

.calib-header-section .header-navbar .menu-header-menu-container .dropmenu_wrap.resource_dropmenu_wrap ul.tab-buttons li a{
	color: #fff;
}
.calib-header-section .header-navbar .menu-header-menu-container .dropmenu_wrap.resource_dropmenu_wrap ul.tab-buttons li:hover a,.calib-header-section .header-navbar .menu-header-menu-container .dropmenu_wrap.resource_dropmenu_wrap ul.tab-buttons li.active a{
	color: #FB7000;
}
.calib-header-section .header-navbar .menu-header-menu-container .dropmenu_wrap.resource_dropmenu_wrap ul.tab-buttons li{
	display:block;
}
.calib-header-section .header-navbar .menu-header-menu-container .dropmenu_wrap.resource_dropmenu_wrap ul.tab-buttons li a{
	    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}