@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Lato:wght@400;700&family=Open+Sans&family=Mulish&family=Roboto+Serif:opsz,wght@8..144,600&amily=Roboto:wght@500&family=Roboto:ital,wght@0,500;1,300&display=swap");

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--cb-body-font);
}

:root {
    /* Primary Font Color For FloorLo */
    --fl-primary: #008388;
    --fl-secondary: #a8d0d2;

    /* Primary Font Color */
    --cb-primary-blue-dark: #1f5081;
    --cb-primary-blue-light: #025974;
    --cb-primary-light: #29a9fd;

    /* Secondary Font Color */
    --cb-secondary-color: #12c2f9;
    --cb-secondary-dark: #4e8ca1;
    --cb-secondary-light: #12c2f9cc;

    /* Background Color */
    --cb-nav-bg-color: #eff9ff;
    --cb-blog-bg-color: #000;
    --cb-blog-chips-bg-color: #b1aaaa26;
    --cb-career-card-bg-color: #eff9ff;
    --cb-newsroom-bg-color: #1e2222;
    --cb-socialimpact-bg-color: #292526;

    /* Other Color */
    --cb-black: #000;
    --cb-black-secondary: #000000a6;

    --cb-white: #fff;
    --cb-gray: #757575;
    --cb-gray-dark: #71869d;

    /* Text Color */
    --cb-text-heading-primary: #fff;
    --cb-text-heading-secondary: #000;
    --cb-text-subheading-primary: #fff;
    --cb-text-subheading-secondary: #000;
    --cb-text-light-dark: #333;
    --cb-text-primary: #fff;
    --cb-text-secondary: #000;
    --cb-text-btn-light: #fff;
    --cb-text-btn-dark: #000;
    --cb-text-footer: #000000b3;
    --cb-text-muted: #888;
    --cb-text-gray: #757575;
    --cb-career-card-head-color: #1f5081;
    --cb-career-card-des-color: #474d6a;
    --cb-text-content: #000000;
    --cb-text-about-hero-content: #101517;
    --cb-text-home-news-content: #333f48;

    /* Font Family */
    --cb-body-font: Poppins, Inter, Lato, roboto;
    --cb-primary-font-heading: Poppins;
    --cb-primary-font-subheading: Poppins;
    --cb-text-font: Poppins;
    --cb-btn-font: Poppins;
    --cb-secondary-font-heading: Inter;
    --cb-primary-font-description: Inter;
    --cb--secondary-font-description: Lato;
    --cb-tertiary-font: roboto;
    --cb-tertiary-text-font: Mulish;
    --cb--tertiary-font-description: OpenSans;

    /* Font Size */
    --cb-font-size-xxs: 10px;
    --cb-font-size-xs: 12px;
    --cb-font-size-sm: 14px;
    --cb-font-size-md: 16px;
    --cb-font-size-lg: 18px;
    --cb-font-size-xl: 20px;
    --cb-font-size-2xl: 24px;
    --cb-font-size-3xl: 30px;
    --cb-font-size-4xl: 36px;
    --cb-font-size-5xl: 48px;
    --cb-font-size-6xl: 60px;
    --cb-font-size-7xl: 72px;
    --cb-font-size-8xl: 96px;

    /* Transition */
    --cb-trans: all 0.3s linear;
}

/* common css */
a {
    text-decoration: none;
}

.cb-btn {
    font-family: var(--cb-btn-font);
    font-size: var(--cb-font-size-sm);
}

.common-heading {
    margin: 68px 0;
}

.common-heading h1 {
    font-family: var(--cb-primary-font-heading);
    color: var(--cb-text-heading-secondary);
    font-weight: 700;
    margin-bottom: 0;
}

.common-heading p {
    font-family: var(--cb-primary-font-subheading);
    font-size: var(--cb-font-size-2xl);
    color: var(--cb-black);
    font-weight: 400;
    line-height: normal;
    margin-top: 10px;
    margin-bottom: 0px;
}

.career-head h1 {
    font-family: var(--cb-primary-font-heading);
    font-weight: 600;
    line-height: normal;
    color: var(--cb-text-primary);
}

.career-head p {
    font-family: var(--cb-primary-font-subheading);
    font-size: var(--cb-font-size-2xl);
    color: var(--cb-text-primary);
    font-weight: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ---navbar-- */
.navbar {
    transition: box-shadow 0.3s ease-in-out;
}

.navbar-scrolled {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.navbar-nav {
    font-family: Poppins;
    font-size: var(--cb-font-size-md);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: var(--cb-black);
}

.nav-link {
    font-family: var(--cb--secondary-font-description);
    font-size: var(--cb-font-size-md);
    color: var(--cb-text-secondary);
}

.bg-nav-color {
    background-color: #fff;
}

.logo {
    width: 140.9px;
    height: 46px;
}

.nav-cb-menu {
    border: 0px solid var(--cb-secondary-color);
}

.navbar-toggler:focus {
    box-shadow: none;
}

.navbar-nav .nav-item .nav-link:hover {
    color: var(--cb-secondary-color);
}

.navbar-nav .nav-item .nav-link.active {
    color: var(--cb-secondary-color);
}

.navbar-nav li:hover .dropdown-menu {
    display: block;
}

.navbar-menu.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    margin: 0;
    padding: 0;
    box-shadow: 0 0.125rem 0.125rem -0.125rem rgba(31, 27, 45, 0.08),
        0 0.25rem 0.75rem rgb(31 27 45 / 29%);
    border: 0px;
    padding: 15px 10px;
    font-size: var(--cb-font-size-sm);
    font-family: var(--cb--secondary-font-description);
}

.dropdown-item {
    border-radius: 10px;
}

.dropdown-menu li:hover {
    background-color: #f5f5f5;
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--cb-primary-light);
    text-decoration: none;
    background-color: var(--cb-secondary-color);
}

.dropdown .dropdown-menu a:hover {
    background: var(--cb-nav-bg-color);
    color: var(--cb-secondary-color);
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    vertical-align: middle;
    margin-left: 8px;
}

.offcanvas.offcanvas-end {
    top: 0;
    right: 0;
    width: 13.5rem;
}

/* -- Utility -- */
.btn-group-xs > .btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-primary {
    background-color: var(--cb-secondary-color);
    border-color: var(--cb-secondary-color);
}

.btn-primary:hover {
    background-color: var(--cb-secondary-light);
    border-color: var(--cb-secondary-color);
}

.btn-primary.active,
.btn-primary.show {
    background-color: var(--cb-secondary-light);
    border-color: var(--cb-secondary-color);
}

.btn-outline-primary {
    border-color: var(--cb-secondary-color);
    color: var(--cb-secondary-color);
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: var(--cb-secondary-color);
    border-color: var(--cb-secondary-color);
}

.btn-primary-fl {
    background-color: var(--fl-primary);
    border-color: var(--fl-primary);
    color: #fff;
}

.btn-primary-fl:hover {
    color: #fff;
    background-color: var(--fl-primary);
    border-color: var(--fl-primary);
}

.btn-primary-fl.active,
.btn-primary-fl.active,
.btn-primary-fl.show {
    background-color: var(--fl-primary) !important;
    border-color: var(--fl-primary) !important;
    color: #fff;
}

.btn-primary-fl.btn-check:checked + .btn,
.btn-primary-fl.btn.active,
.btn-primary-fl.btn.show,
.btn-primary-fl.btn:first-child:active {
    background-color: var(--fl-primary) !important;
    border-color: var(--fl-primary) !important;
    color: #fff;
}

/* ---page note found-- */
.not-found-page {
    height: 89vh;
}

.not-found-button {
    background-image: linear-gradient(
        to right,
        #12c2f9 0%,
        #1f5081 51%,
        #12c2f9 100%
    );
    font-family: var(--cb-btn-font);
    padding: 6px 12px;
    font-weight: 600;
    text-align: center;
    transition: 0.5s;
    background-size: 200% auto;
    color: var(--cb-text-primary);
    box-shadow: 0 0 20px var(--cb-text-primary);
    border-radius: 6px;
}

.not-found-button:hover {
    background-position: right center;
    color: var(--cb-text-primary);
    text-decoration: none;
}

/* --FAQ page start-- */

.faq-sec .title-wrapper {
    position: relative;
    padding: 35px;
}

.faq-sec .title {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #000;
    margin: 0;
}

.faq-sec .title-img {
    position: absolute;
    width: 48px;
    right: 115px;
    top: 10px;
}

.faq-img {
    width: 300px;
}

.accordion-body {
    background-color: var(--cb-nav-bg-color);
}

.accordion-body p {
    font-family: var(--cb-primary-font-subheading);
    font-weight: 400;
    font-size: var(--cb-font-size-md);
    color: var(--cb-text-content);
}

.faq-container {
    background-color: var(--cb-nav-bg-color);
}

.accordion-button {
    background-color: var(--cb-nav-bg-color);
}

.accordion-button:focus {
    box-shadow: var(--cb-nav-bg-color);
}

.faq-container h5 {
    font-size: var(--cb-font-size-md);
    font-family: var(--cb-primary-font-subheading);
    font-weight: 600;
    line-height: 1.38;
    margin-bottom: 15px;
}

.faq-container {
    padding: 30px;
}

.faq-container p {
    margin-bottom: 10px;
}

.faq-address a {
    color: var(--cb-black);
    text-decoration: none;
    margin-bottom: 10px;
    font-family: var(--cb-text-font);
    font-size: var(--cb-font-size-sm);
}

.faq-li a {
    text-decoration: none;
    font-family: var(--cb-text-font);
    font-size: var(--cb-font-size-sm);
    color: var(--cb-black);
}

.faq-qus-cont {
    margin-bottom: 68px;
}

.accordion-faq p {
    font-family: var(--cb-secondary-font-heading);
    font-size: var(--cb-font-size-md);
    font-weight: 600;
    color: var(--cb-text-subheading-secondary);
    margin: 0;
}

/* --FAQ page end-- */

/* --blog start-- */
.blog-content {
    margin-bottom: 68px;
    background-color: var(--cb-nav-bg-color);
    border-radius: 4px;
    padding: 50px;
}

.blog-content .blog-img-cont h4 {
    font-family: var(--cb-primary-font-subheading);
    font-size: var(--cb-font-size-xl);
    font-weight: normal;
    line-height: normal;
    color: var(--cb-text-subheading-secondary);
}

.blog-card-col {
    margin-bottom: 20px;
}

.blog-list-btn {
    font-family: var(--cb-btn-font);
    color: var(--cb-text-btn-light);
    margin-bottom: 68px;
}

.blog-card .blog-img {
    border-radius: 4px;
    cursor: pointer;
    transition: 400ms;
    overflow: hidden;
    margin-bottom: 20px;
}

.blog-card .blog-img img {
    height: 100%;
    object-fit: cover;
    transition: all 1.5s ease;
    width: 100%;
    display: block;
}

.blog-card .blog-img:hover img {
    transform: scale(1.2);
    transform-origin: 50% 50%;
}

.blog-card-img {
    width: 35px;
    height: auto;
    border-radius: 50%;
}

.blog-card-body h6 {
    font-size: var(--cb-font-size-md);
    font-family: var(--cb-primary-font-description);
    font-weight: 600;
    margin-left: 8px;
    color: #262626c9;
}

.card-item a {
    text-decoration: none;
    font-family: var(--cb-primary-font-subheading);
    font-size: var(--cb-font-size-md);
    color: var(--cb-text-secondary);
}

.card-item a:hover {
    color: #095181;
}

.blog-card .card-item h5 {
    font-family: Poppins;
    font-size: var(--cb-font-size-md);
    line-height: normal;
    color: var(--cb-text-subheading-secondary);
}

.blog-card .card-item h5 p {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-date {
    font-family: var(--cb-primary-font-description);
    font-size: var(--cb-font-size-xxs);
}

.blog-card-col {
    display: none;
}

#show-more-btn,
#show-less-btn {
    display: block;
    margin-top: 10px;
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}

/* --blog end-- */
/* --blog details start-- */

.blog_item {
    margin: 5rem 0px;
}

.blog_item .blog-para {
    margin-bottom: 5rem;
}

.blog-para h1 {
    font-family: var(--cb-primary-font-heading);
    font-weight: 600;
    color: var(--cb-text-subheading-secondary);
}

.blog_item .item-box {
    padding: 1.5rem;
    border: solid 1px rgba(0, 0, 0, 0.15);
    background-color: #fff;
}

.blog_item .item-box .item-box-img {
    object-fit: cover;
    margin-bottom: 20px;
}

.blog_item .item-box-content {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background-color: #fff;
    padding-left: 1.43rem;
    padding-top: 2rem;
}

.item-box h6 {
    font-family: var(--cb-primary-font-subheading);
    font-size: var(--cb-font-size-lg);
    font-weight: 600;
    color: var(--cb-black);
}

.hr-line {
    width: 25%;
    height: 1px;
    border: 1px solid #1d6bb4;
    margin: 7px 0 28px;
}

.blog_item .blog-icon {
    position: relative;
}

.blog-icon .blog-social-link .blog-social-img {
    background-color: #ffffff;
    width: 2rem;
    border-radius: 10px;
    padding: 8px;
    text-align: center;
    height: 2rem;
    box-shadow: 0 0.125rem 0.125rem -0.125rem rgba(31, 27, 45, 0.08),
        0 0.25rem 0.75rem rgb(37 10 135 / 8%);
}

.blog_item .blog-social-link a {
    padding-right: 10px;
}

.item-box .blog-tag ul li {
    margin-bottom: 16px;
    display: inline-block;
}

.item-box .blog-tag ul li a {
    font-size: var(--cb-font-size-xs);
    color: var(--cb-text-secondary);
    letter-spacing: 0.15px;
    text-decoration: none;
    padding: 8px 12px;
    border-radius: 4px;
    background-color: var(--cb-blog-chips-bg-color);
    margin-bottom: 5px;
    margin-right: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.item-box .blog-tag ul li a:hover {
    background-color: var(--cb-gray);
}

.item-box .blog-details-content h4 {
    font-family: var(--cb-primary-font-subheading);
    font-size: var(--cb-font-size-md);
    font-weight: 600;
    letter-spacing: 0.4px;
    color: #000;
    padding-bottom: 2rem;
    margin: 0px;
}

.item-box .blog-details-content p {
    font-size: var(--cb-font-size-md);
    color: var(--cb-text-light-dark);
}

.blog-category {
    max-height: 200px;
    overflow-y: auto;
    margin-bottom: 40px;
}

.blog-category li {
    margin-bottom: 10px;
}

.blog-category li a {
    text-decoration: none;
    color: var(--cb-text-secondary);
    cursor: pointer;
    font-size: var(--cb-font-size-sm);
}

.blog-category li a:hover {
    color: var(--cb-secondary-color);
}

.recently-added-blog .Recently-added-img {
    border-radius: 5px;
}

.item-box .recently-added-blog {
    margin-top: 2rem;
}

.recently-added-blog a {
    margin: 0;
    font-size: var(--cb-font-size-xs);
    font-weight: normal;
    line-height: 1;
    letter-spacing: 0.22px;
    text-align: left;
    color: var(--cb-text-secondary);
    text-decoration: none;
    position: relative;
    cursor: pointer;
    transition: transform 0.5s ease;
}

.recently-added-blog a:hover {
    text-decoration: underline;
}

.recently-added-blog a span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* --blog details end-- */
/* fake job offers start */
.fakejob-details .fake-job_item .fjo-para p {
    margin-bottom: 0;
    font-family: Mulish;
    font-size: var(--cb-font-size-2xl);
    line-height: 0.99;
    color: #000;
}

.fakejob-details .fake-job_item .fjo-cont-head h3 {
    margin: 0px;
    font-family: var(--cb-primary-font-heading);
    font-size: var(--cb-font-size-2xl);
    font-weight: bold;
    line-height: 1.05;
    color: var(--cb-text-heading-secondary);
}

.fjo-cont-head .fake-job-content .fake-job-content-item p {
    font-family: var(--cb-text-font);
    font-size: var(--cb-font-size-md);
    font-weight: 400;
}

/* fake job offers end */

/*Career section start*/
.hero {
    width: 100%;
    background-color: var(--cb-primary-blue-dark);
}

.career-section {
    margin: 126px 0px;
}

.career-section .career-heading {
    font-family: var(--cb-primary-font-heading);
    font-size: var(--cb-font-size-2xl);
    line-height: 2.25;
    color: var(--cb-primary-color);
}

.career-section .career-subheading {
    font-family: var(--cb-primary-font-subheading);
    font-weight: 600;
    line-height: 1.13;
    color: var(--cb-text-secondary);
}

.career-section .career-subheading-para {
    font-family: var(--cb--secondary-font-description);
    font-size: var(--cb-font-size-md);
    color: var(--cb-black-secondary);
}

.car-sec-card {
    margin-bottom: 112px;
}

.career-section .card-blue {
    padding: 20px;
    border-radius: 4px;
}

.career-section .card-blue h4 a {
    font-family: var(--cb-primary-font-subheading);
    font-size: var(--cb-font-size-md);
    color: var(--cb-career-card-head-color);
}

.career-section .card-blue h4 a:hover {
    color: var(--cb-secondary-color);
}

.career-section .job-description.job-posted p {
    font-size: var(--cb-font-size-xs);
}

.btn-blue-outline {
    text-decoration: none;
    color: #fff;
    font-family: mulish;
    padding: 10px 16px;
    border-radius: 999px;
    border: solid 2px var(--cb-secondary-color);
}

.btn-blue-outline:hover {
    color: #000000;
}

.hero .career-head {
    padding: 118px 10px;
}

/*Career section end*/
/*Career details section start*/
.career-hero {
    width: 100%;
    background-color: var(--cb-primary-blue-dark);
}

.career-hero .career-head h1 {
    margin-bottom: 0px;
    font-family: Poppins;
    font-size: var(--cb-font-size-5xl);
    font-weight: bold;
    color: #fff;
}

.career-hero .career-head {
    font-family: Poppins;
    font-size: var(--cb-font-size-xl);
    font-weight: bold;
    color: #fff;
}

.career-details .career-details-item {
    position: relative;
    top: -10px;
    width: 100%;
    height: auto;
    border: solid 1px rgba(0, 0, 0, 0.15);
    background-color: #fff;
}

.career-details .career-details-item .career-item {
    padding: 62px 82px;
}

.career-details .career-details-item .career-item h5 {
    font-family: Poppins;
    font-size: var(--cb-font-size-lg);
    font-weight: bold;
    line-height: normal;
    color: #000;
}

.career-details .career-details-item .career-item p {
    font-size: var(--cb-font-size-md);
    font-family: Poppins;
    color: rgb(35 24 24 / 86%);
}

.share-list-menu {
    min-width: 140px;
    padding: 7px 12px;
    font-size: 16px;
}

.share-list-menu li {
    display: inline-block;
}

.share-list-menu li a {
    padding: 5px;
    color: #888;
}

.icon-1 {
    cursor: pointer;
}

.btn.share {
    color: #80808080;
}

.dropdown-menu.share-list-menu.main-icon.border-btn {
    padding-top: 5px;
}

.dropdown-menu.share-list-menu.main-icon .icon-1:hover {
    color: black;
    background: white;
}

.dropdown-menu.share-list-menu.main-icon .icon-2:hover {
    color: black;
    background: white;
}

.dropdown-menu.share-list-menu.main-icon .icon-3:hover {
    color: #007bb6;
    background: white;
}

.dropdown-menu.share-list-menu.main-icon .icon-4:hover {
    color: #3b5998;
    background: white;
}

.hide {
    display: none;
    color: #12c2f9;
}

#copyMessage {
    color: #12c2f9;
    margin: 5px;
    padding: 5px;
}

#copyJobs {
    position: absolute;
    color: #12c2f9;
    left: -90px;
    top: 4px;
}

.btn.btn-primary.apply-now:active {
    color: var(--bs-btn-active-color);
    background-color: var(--cb-primary-blue-dark);
    border-color: var(--cb-primary-blue-dark);
}

.btn.btn-outline-secondary.share-btn:hover {
    color: var(--cb-career-card-bg-color);
    background-color: var(--cb-text-gray);
    border-color: var(--cb-text-gray);
}

.btn.btn-outline-secondary.share-btn:active {
    color: var(--cb-career-card-bg-color);
    background-color: var(--cb-text-gray);
    border-color: var(--cb-text-gray);
}

label.error {
    color: #dd4b39;
    font-size: 13px;
    font-weight: 600;
}

.apply-now-button {
    font-size: 10px;
}

.career-title {
    font-size: 14px;
}

.career-desc {
    font-size: 14px;
}
/*Career details section end*/

/*Career overview section start*/
.career-overview {
    height: 92vh;
    width: 100%;
}

.career-overview-hero {
    background-image: linear-gradient(
            rgba(31, 80, 129, 0.6) 0%,
            rgba(31, 80, 129, 0.6) 100%
        ),
        url("../img/career-img/career-overview-hero.jpg");
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.career-overview-sec .overview {
    width: 100%;
    height: 109px;
    margin-bottom: 50px;
}

.career-overview-sec .overview img {
    height: 100%;
    object-fit: cover;
}

.career-overview-sec .meet-ourpeople-sec h1 {
    font-family: var(--cb-primary-font-subheading);
    font-weight: bold;
    line-height: normal;
    color: var(--cb-text-secondary);
    text-align: center;
}

.candidate_name {
    font-weight: bold;
    font-size: var(--cb-font-size-md);
    font-family: var(--cb-text-font);
}

.degination {
    font-family: var(--cb-text-font);
    font-size: var(--cb-font-size-xs);
}

.career-overview-sec .team-cb-bg {
    background-color: #282c3f;
    position: relative;
}

.career-overview-sec .team-cb-bg .team-cb-btn {
    bottom: 43%;
    left: 46%;
    position: absolute;
    font-family: var(--cb-btn-font);
    color: var(--cb-text-btn-light);
}

.career-overview-sec .meet-people {
    width: 827px;
    left: -155px;
    height: 395px;
    transform: rotate(-5.9deg);
    border: dashed 2px #000;
    position: absolute;
}

.meet-ourpeople-sec .card-body .card-box {
    position: relative;
    left: 10px;
    top: 24px;
}

.meet-ourpeople-sec .card-body .card-box .card-item {
    padding: 50px;
}

.meet-ourpeople-sec .card-body .card-box .card-item h3 {
    font-size: var(--cb-font-size-xl);
    line-height: normal;
    color: #000;
    text-align: center;
    margin-bottom: 40px;
}

.meet-ourpeople-sec .card-body .card-box .card-item p {
    font-size: var(--cb-font-size-md);
    color: var(--cb-text-secondary);
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 30px;
}

.meet-ourpeople-sec .card-body .card-img {
    height: 400px;
    width: 452px;
    position: relative;
    left: -187px;
}

.meet-ourpeople-sec .card-body .card-item {
    height: 400px;
    width: 452px;
    background-color: var(--cb-nav-bg-color);
    position: absolute;
    top: 0;
    right: -207px;
}

.meet-ourpeople-sec .card-body .card-img img {
    height: 100%;
    object-fit: cover;
}

.meet-ourpeople-sec .card-body {
    position: relative;
    z-index: 5;
    right: 24px;
    top: 50px;
}

/*Career overview  section end*/
/* newsroom section  start*/
.news-sec {
    height: 95vh;
    width: 100%;
}

.news-sec .news-headder {
    width: 100%;
    background-image: url("../img/news/newsroom-overview-bg.jpg");
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.news-overview-section {
    margin: 90px 0px;
}

/* .news-sec-card .new-sec-add {
    height: 100px;
} */

.news-overview-section.news-sec-card .news-press .hr-pressline {
    width: 73%;
}

.news-overview-section .news-sec-card .news-press ul li {
    padding-right: 30px;
}

.news-overview-section .news-sec-card .news-press ul li a {
    text-decoration: none;
    font-family: var(--cb-text-font);
    font-size: var(--cb-font-size-sm);
    font-weight: 500;
    color: var(--cb-secondary-light);
    cursor: pointer;
}

.news-overview-section .news-sec-card .news-sec-title {
    margin-bottom: 15rem;
}

.news-release a {
    margin-left: 50px;
}

.findPreviousAndNext a.active,
.findPreviousAndNext a:focus {
    color: #000;
    background-color: var(--cb-blog-chips-bg-color);
    border-radius: 5px;
    padding: 8px 12px;
    outline: none;
}

.news-press h1 {
    font-family: var(--cb-text-heading-secondary);
    font-size: var(--cb-font-size-2xl);
    font-weight: 600;
    color: var(--cb-text-heading-secondary);
    margin-right: 200px;
}

/* newsroom details start */
.newsroom-sec {
    height: 95vh;
    width: rgb(41, 40, 40);
    margin-bottom: 70px;
}

.newsroom-sec .newsroom-sec-hero {
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    background-size: 100% 100%;
    background-image: url("../img/news/news-details-hero.png");
}

.newsroom-sec .newsroom-headder {
    position: absolute;
    top: 70%;
    padding-right: 21rem;
}

.newsroom-sec .newsroom-headder h3 {
    font-family: RobotoSerif;
    font-size: var(--cb-font-size-5xl);
    font-weight: 600;
    text-align: left;
    color: #fff;
    margin-bottom: 0px;
}

.newsroom-details-section .cb-security div {
    width: 4px;
    height: 50px;
    flex-grow: 0;
    margin: 0 26px 0 0;
    border-radius: 3px;
    background-color: var(--cb-secondary-color);
}

.newsroom-details-section .cb-press-sec {
    margin: 20px 0px 90px;
    padding-left: 2rem;
}

.newsroom-details-section .cb-security p {
    font-family: NotoSerifTamilSlanted;
    font-size: var(--cb-font-size-md);
    font-weight: 100;
    margin-bottom: 0px;
    color: rgba(0, 0, 0, 0.8);
}

.newsroom-details-section .cb-press-sec h3 {
    font-family: var(--cb-primary-font-subheading);
    font-size: var(--cb-font-size-md);
    font-weight: 600;
    letter-spacing: 1.6px;
    color: var(--cb-text-heading-secondary);
}

.newsroom-details-section .cb-press-sec p {
    font-family: var(--cb-tertiary-text-font);
    font-size: var(--cb-font-size-md);
    line-height: 1.44;
    letter-spacing: 0.64px;
    color: var(--cb-text-content);
    margin-bottom: 0;
}

.newsroom-details-section .cb-press-sec p a {
    text-decoration: none;
    font-family: Mulish;
    font-size: var(--cb-font-size-lg);
    font-weight: normal;
    line-height: 1.6;
    letter-spacing: 0.17px;
    text-align: left;
    color: #000;
}

.newsroom-details-section .cb-about-sec {
    background-color: var(--cb-nav-bg-color);
}

.newsroom-about h3 {
    font-family: var(--cb-primary-font-subheading);
    font-weight: 600;
    letter-spacing: 0.64px;
    color: var(--cb-text-heading-secondary);
    margin-bottom: 40px;
}

.newsroom-about p {
    font-family: var(--cb-tertiary-text-font);
    line-height: 1.44;
    letter-spacing: 0.64px;
    color: var(--cb-text-secondary);
}

.newsroom-details-section .cb-media {
    margin: 90px 0px;
}

.newsroom-details-section .cb-media h1 {
    font-family: var(--cb-primary-font-heading);
    line-height: normal;
    color: var(--cb-text-heading-secondary);
}

.newsroom-details-section .cb-media .cb-contact-media h4 {
    font-family: var(--cb-primary-font-subheading);
    font-weight: 500;
    color: var(--cb-secondary-color);
    font-size: var(--cb-font-size-md);
}

.newsroom-details-section .cb-media .cb-contact-media p a {
    font-family: var(--cb-text-font);
    color: var(--cb-text-secondary);
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.newsroom-details-section .cb-media .cb-contact-media p a:hover {
    color: var(--cb-secondary-color);
}

.newsroom-details-section .cb-media .cb-contact-media p a:before {
    content: "";
    position: absolute;
    bottom: -5px;
    height: 1px;
    width: 100%;
    background: var(--cb-primary-color);
    transition: transform 0.2s linear;
    transform: scaleX(0);
}

.newsroom-details-section .cb-media .cb-contact-media p a:hover:before {
    transform: scaleX(1);
}

.newsroom-details-section .news-press-card {
    background-color: var(--cb-nav-bg-color);
}

.newsroom-details-section .news-press-card h1 {
    font-family: var(--cb-primary-font-heading);
    font-weight: 500;
    color: var(--cb-text-heading-secondary);
    padding-top: 2rem;
    margin-bottom: 2rem;
}

.newsroom-details-section .news-press-card .news-blog-card .news_img {
    height: 172px;
    width: 100%;
}

.newsroom-details-section
    .news-press-card
    .news-blog-card
    .news_img
    .news-blog-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.newsroom-details-section .news-press-card .news-blog-card .news-blog-imgbig {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.newsroom-details-section
    .news-press-card
    .news-blog-card
    .news-blog-cont
    h3
    a {
    text-decoration: none;
    font-family: var(--cb--tertiary-font-description);
    font-size: 18px;
    color: var(--cb-text-secondary);
}

.newsroom-details-section
    .news-press-card
    .news-blog-card
    .news-blog-cont
    h3
    a:hover {
    text-decoration: underline;
}

.newsroom-details-section .news-press-card .news-blog-card .news-blog-cont p {
    font-family: var(--cb-text-font);
    font-size: var(--cb-font-size-md);
    margin-bottom: 0px;
}

.newsroom-details-section .stay-touch-sec {
    background-color: var(--cb-newsroom-bg-color);
}

.newsroom-details-section .stay-touch-sec .getintch-img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.newsroom-details-section .stay-touch-sec .getintch-cont {
    padding: 90px 90px;
}

.newsroom-details-section .stay-touch-sec p {
    font-family: var(--cb-primary-font-subheading);
    color: var(--cb-text-heading-primary);
    font-weight: 400;
}

.newsroom-details-section .stay-touch-sec h1 {
    font-family: var(--cb-primary-font-heading);
    font-weight: 600;
    color: var(--cb-text-heading-primary);
}

.newsroom-details-section .stay-touch-sec .reg-grp {
    margin-top: 68px;
}

.newsroom-details-section .stay-touch-sec .reg-grp .field-group {
    width: 484px;
    position: relative;
    padding-top: 15px;
}

.newsroom-details-section .stay-touch-sec .reg-grp .input-field {
    width: 100%;
    outline: 0;
    border: 0;
    color: white;
    border-bottom: 1px solid rgba(180, 180, 184, 0.2);
    padding: 1px 26px;
    background: transparent;
    position: absolute;
    left: -8;
}

.newsroom-details-section
    .stay-touch-sec
    .reg-grp
    .field-group
    .input-field
    .input-label {
    display: block;
    position: absolute;
    top: 0;
    font-size: var(--cb-font-size-md);
    color: #999999;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(180, 180, 184, 0.2);
}

.newsroom-details-section
    .stay-touch-sec
    .reg-grp
    .field-group
    .input-field::placeholder {
    font-family: Montserrat;
    font-size: var(--cb-font-size-md);
    color: rgba(180, 180, 184, 0.5);
}

.newsroom-details-section .cb-cnt-form {
    font-family: Montserrat;
    font-size: var(--cb-font-size-md);
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: rgba(180, 180, 184, 0.5);
}

/* newsroom details end*/
/* events section start */
.timeline {
    position: relative;
    max-width: 1200px;
    margin-top: 90px;
}

.timeline::after {
    content: "";
    position: absolute;
    width: 5px;
    background-color: var(--cb-primary-blue-dark);
    top: 0;
    bottom: -141px;
    left: 50%;
    border-radius: 5px;
    margin-left: -3px;
}

.container1 {
    top: 68px;
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

.container1::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    right: 9px;
    background-color: var(--cb-primary-blue-dark);
    top: 30px;
    border-radius: 50%;
    z-index: 1;
}

.left {
    left: 16px;
}

.right {
    left: 49%;
}

.left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 27px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid white;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent var(--cb-nav-bg-color);
}

.right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 27px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent var(--cb-nav-bg-color) transparent transparent;
}

.right::after {
    left: 5px;
}

.content {
    height: 145px;
    padding: 20px;
    background-color: var(--cb-nav-bg-color);
    position: relative;
}

.timeline .news-year {
    position: relative;
    left: 34.7rem;
    top: 15px;
    z-index: 1;
    width: 85px;
    height: 30px;
    padding: 5px 5px;
    background-color: var(--cb-primary-blue-dark);
}

.timeline .news-year h6 {
    font-family: Inter;
    font-size: var(--cb-font-size-md);
    font-weight: bold;
    color: var(--cb-text-heading-primary);
}

.container1 .content h2 {
    font-family: var(--cb-primary-font-subheading);
    font-size: var(--cb-font-size-lg);
    font-weight: 600;
    margin-bottom: 20px;
}

.container1 .content a {
    text-decoration: none;
    font-family: var(--cb-primary-font-subheading);
    font-size: var(--cb-font-size-sm);
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--cb-text-heading-secondary);
}

.container1 .content a:hover {
    text-decoration: underline;
}

.container1 .content h6 {
    font-family: var(--cb-text-font);
    font-size: var(--cb-font-size-sm);
    font-weight: 600;
    color: var(--cb-text-light-dark);
}

/* events section end */
/* events upcoming section start */
.cb-upcoming-sec {
    height: 92vh;
    width: 100%;
}

.cb-upcoming-sec .cb-upcoming-hero {
    width: 100%;
    background-image: url(../img/news/event-upcoming-bg.jpg);
    height: 100%;
    object-fit: cover;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.cb-upcoming-sec .evnts-head h1 {
    font-family: var(--cb-primary-font-heading);
    font-weight: 600;
    line-height: normal;
    color: var(--cb-text-secondary);
}

.cb-upcoming-sec .evnts-head p {
    font-family: var(--cb-primary-font-subheading);
    font-size: var(--cb-font-size-2xl);
    color: var(--cb-black);
}

.cb-upcoming-sec .evnt-img-container .upevnt-hero-img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.why-attend-desc {
    background-color: var(--cb-nav-bg-color);
    margin-bottom: 90px;
}

.event-item {
    margin-top: 90px;
}

.evnt-up-details .event-upcoming-details .event-item h5 {
    font-family: var(--cb-primary-font-subheading);
    font-size: var(--cb-font-size-md);
    font-weight: 600;
    line-height: normal;
    color: var(--cb-text-secondary);
}

.evnt-up-details .event-upcoming-details .event-item-cont p {
    font-family: var(--cb-tertiary-text-font);
    font-size: var(--cb-font-size-md);
    line-height: 1.56;
    letter-spacing: 0.64px;
    color: var(--cb-text-content);
    margin: 16px 0px;
}

.event-vr {
    width: 4px;
    height: auto;
    margin: 0px 18px 0 1px;
    border-radius: 4px;
    background-color: var(--cb-secondary-color);
}

.evnt-up-details .cb-upcoming-events .upcoming-events-box h6 {
    font-family: var(--cb-primary-font-subheading);
    font-size: var(--cb-font-size-md);
    font-weight: 600;
    line-height: normal;
    color: var(--cb-text-heading-secondary);
    margin-bottom: 5px;
}

.evnt-up-details {
    margin-bottom: 90px;
}

.evnt-up-details .cb-upcoming-events .upcoming-events-box p {
    font-family: var(--cb-tertiary-text-font);
    font-size: var(--cb-font-size-md);
    line-height: 1.56;
    letter-spacing: 0.64px;
    color: var(--cb-text-content);
    margin-bottom: 5px;
}

.event-details-item {
    padding: 70px 0px;
}

.why-attend-desc .event-details-item .why-attend h2 {
    font-family: var(--cb-primary-font-subheading);
    font-size: var(--cb-font-size-2xl);
    font-weight: 600;
    color: var(--cb-secondary-color);
}

.why-attend-desc .event-details-item .why-attend p {
    font-family: var(--cb-tertiary-text-font);
    font-size: var(--cb-font-size-md);
    letter-spacing: 0.64px;
    color: var(--cb-text-content);
}

.venue-sec {
    margin-bottom: 90px;
}

.venue-sec .venue-header h1 {
    font-family: var(--cb-primary-font-heading);
    font-weight: 600;
    color: var(--cb-secondary-color);
}

.venue-sec .venue-header p {
    font-family: var(--cb-primary-font-subheading);
    font-size: var(--cb-font-size-2xl);
    font-weight: normal;
    color: var(--cb-text-heading-secondary);
}

.venue-sec .venue-card .venue-card-item {
    border: 1px solid rgba(178, 177, 177, 0.5);
}

.venue-sec .venue-card .venue-card-item {
    padding: 20px;
}

.venue-sec .venue-card .venue-card-item .card-body h5 {
    font-family: var(--cb-text-font);
    font-size: var(--cb-font-size-md);
    font-weight: 600;
    color: var(--cb-text-heading-secondary);
}

.venue-sec .venue-card .venue-card-item .card-body p {
    font-family: var(--cb-text-font);
    font-size: var(--cb-font-size-sm);
    letter-spacing: 0.14px;
    color: var(--cb-text-content);
    margin-bottom: 90px;
}

.get-direction-btn {
    font-family: var(--cb-btn-font);
    font-size: var(--cb-font-size-sm);
    color: var(--cb-text-btn-dark);
}

.venue-sec .venue-card .venue-card-item .card-body .venue-card-btn:hover {
    background-color: #078ebbd3;
}

.venue-sec .venue-address {
    width: 100%;
    height: 100%;
}

.venue-sec .venue-address .venue-address-map {
    width: 100%;
    object-fit: cover;
}

/* events upcoming section end */
/* social-impact start */
.social-impact-hero {
    background-color: var(--cb-nav-bg-color);
    padding: 140px 0;
    width: 100%;
    /* background-image: url("../img/Colorful\ Minimalist\ Social\ Media\ Banner.jpg"); */
    /* height: 92vh; */
    background-size: 100% 100%;
}

.social-impact-hero2 {
    width: 100%;
    background-color: var(--cb-primary-blue-dark);
    height: auto;
    background-size: 100% 100%;
}

.social-impact-section .social-header {
    margin: 90px 0px;
}

.social-impact-section .social-header .unified-content {
    margin-bottom: 60px;
}

.social-impact-btn-sec .social-impact-btn {
    background-color: var(--cb-primary-blue-dark);
    font-family: var(--cb-btn-font);
    font-size: var(--cb-font-size-sm);
    padding: 9px 12px;
    font-weight: 600;
    text-align: center;
    color: var(--cb-text-primary);
    border-radius: 6px;
}

.social-impact-btn-sec .social-impact-btn:hover {
    text-decoration: none;
}

/* social-impact end */
/* social-impact social-common-sec start  */
.social-common-sec .social-heading-container {
    margin: 87px 0px;
}

.social-common-sec .social-heading-container h3 {
    font-family: var(--cb-primary-font-subheading);
    font-size: var(--cb-font-size-2xl);
    color: var(--cb-secondary-color);
    margin-bottom: 20px;
}

.social-common-sec .social-heading-container h1 {
    font-family: var(--cb-primary-font-heading);
    font-weight: 600;
    color: var(--cb-text-heading-secondary);
    margin-bottom: 20px;
}

.social-common-sec .social-heading-container p {
    font-family: var(--cb-primary-font-description);
    font-size: var(--cb-font-size-sm);
    letter-spacing: 0.7px;
    color: var(--cb-text-content);
}

.social-common-sec .socialimpact-cont-img {
    margin-bottom: 60px;
}

.social-common-sec .socialimpact-img {
    height: 250px;
}

.social-common-sec .socialimpact-cont-img h3 {
    font-family: var(--cb-primary-font-subheading);
    font-size: var(--cb-font-size-md);
    font-weight: 600;
    margin-bottom: 20px;
    color: var(--cb-text-subheading-secondary);
}

.social-common-sec .socialimpact-cont-img p {
    font-family: var(--cb-primary-font-description);
    font-size: var(--cb-font-size-sm);
    line-height: 1.5;
    letter-spacing: 0.7px;
    color: var(--cb-text-content);
    margin: 0;
}

.urban-cont-sec {
    margin-bottom: 90px;
}

/* social-impact social-common-sec end  */

/* workplace-sec start  */
.workplace-sec-hero .workplace-hero-head h6 {
    font-family: var(--cb-primary-font-heading);
    font-size: var(--cb-font-size-2xl);
    font-weight: 600;
    line-height: 1.39;
    letter-spacing: normal;
    color: var(--cb-primary-blue-light);
    margin-bottom: 0px;
}

.workplace-sec-hero {
    height: 92vh;
    background-color: var(--cb-nav-bg-color);
}

.workplace-sec-hero .workplace-hero-head h1 {
    font-family: var(--cb-primary-font-heading);
    font-weight: 600;
    color: var(--cb-text-secondary);
    margin-bottom: 0px;
}

.workplace-sec {
    margin-bottom: 60px;
}

.workplace-sec .workplace-item h2 {
    font-family: var(--cb-primary-font-heading);
    line-height: 1.39;
    color: var(--cb-text-secondary);
    font-weight: 600;
    margin: 60px 0px;
}

.workplace-sec .workplace-item .box-wrapper {
    border: 3px dotted var(--cb-primary-blue-dark);
    border-radius: 150px 0 150px 0;
    width: 100%;
    height: 100%;
}

.workplace-sec .workplace-item .box-wrapper .celebration-card-item {
    background-color: var(--cb-primary-blue-light);
    width: 100%;
    height: 100%;
    border-radius: 150px 0 150px 0;
    position: relative;
    top: -1px;
    left: -4px;
    transform: rotate(1.44deg);
    margin: 0;
}

.workplace-sec
    .workplace-item
    .box-wrapper
    .celebration-card-item.learning-card-img {
    background-color: var(--cb-secondary-dark);
    left: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.workplace-sec .workplace-item .box-wrapper .celebration-card-cont p {
    font-family: var(--cb-text-font);
    font-size: var(--cb-font-size-md);
    font-weight: normal;
    line-height: 1.75;
    letter-spacing: 0.16px;
    padding: 30px;
    color: var(--cb-text-content);
    margin: 0;
}

.box-wrapper {
    position: relative;
    width: 375px;
    height: 442px;
    border: 1px solid;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
    margin-bottom: 20px;
}

.box-wrapper .box-content {
    position: absolute;
    width: 396px;
    height: 406px;
    border: 1px solid;
    border-top-left-radius: 100px;
    border-bottom-right-radius: 100px;
    overflow: hidden;
    left: -10px;
    top: 15px;
}

.box-wrapper .box-content img {
    height: 100%;
    object-fit: cover;
}

.workplace-sec .our-values-sec .values-body .values-item-content {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background-color: var(--cb-secondary-dark);
    border-radius: 6px;
    border-radius: 45px 0 45px 0;
    padding: 25px;
}

.workplace-sec .our-values-sec .values-body .values-item-content p {
    font-family: var(--cb-text-font);
    font-size: var(--cb-font-size-sm);
    font-weight: 500;
    color: var(--cb-text-primary);
    margin: 0;
}

/* workplace-sec end  */
/* about-us start  */

.about-hero {
    background-color: var(--cb-primary-blue-dark);
    min-height: calc(100vh - 85px);
}

.about-hero .title {
    /* font-size: 72px; */
    margin-bottom: 20px;
    color: #fff;
}

.about-hero .subtitle {
    color: #fff;
    font-size: 36px;
}

.about-sec {
    margin: 90px 0px;
}

.about-sec-img {
    width: 100%;
    height: 100%;
    background-image: url(../img/home/Home-About.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.vision-sec {
    background-color: var(--cb-black);
    padding: 90px 0px;
}

.vision-sec h2 {
    font-family: var(--cb-primary-font-heading);
    font-size: var(--cb-font-size-md);
    font-weight: 500;
    letter-spacing: 1.6px;
    color: var(--cb-secondary-color);
}

.vision-sec p {
    font-family: var(--cb-text-font);
    font-size: var(--cb-font-size-md);
    color: #ffffff80;
    margin-bottom: 25px;
}

.about-philosophy-sec {
    margin: 90px 0px;
}

.about-philosophy-sec h2 {
    margin-bottom: 20px;
    font-family: var(--cb-primary-font-heading);
    font-size: var(--cb-font-size-lg);
    font-weight: normal;
    color: var(--cb-secondary-color);
}

.about-philosophy-sec .philosophy-content {
    margin-bottom: 50px;
}

.about-philosophy-sec .real-estate-sec {
    margin-bottom: 60px;
}

.about-philosophy-sec .real-estate-sec h3 span {
    color: var(--cb-secondary-color);
}

.about-philosophy-sec .real-estate-card {
    border-radius: 30px 30px 30px 0px;
    padding: 20px 30px;
    background-color: var(--cb-black);
}

.about-philosophy-sec .real-estate-card p {
    font-family: var(--cb-text-font);
    font-size: var(--cb-font-size-md);
    color: var(--cb-text-heading-primary);
    margin-bottom: 0;
}

.about-philosophy-sec .real-estate-card.real-estate-card2 {
    background-color: var(--cb-secondary-color);
    border-radius: 30px 30px 0px 30px;
}

/* about-us end */

/* service&product-hero-sec satart */
.our-values-section {
    height: calc(100vh - 100px);
    padding: 50px 0px;
    width: 100%;
    position: relative;
}

.our-values-section::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("../img/our_values/wave.svg");
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
    top: 20px;
    left: 0;
}

.values-hero-cont p {
    font-family: var(--cb-primary-font-description);
    font-weight: normal;
    line-height: 1.4;
    color: var(--cb-text-secondary);
    margin: 0;
}

.bullet-cb-primary {
    color: var(--cb-secondary-color);
}

.ourvalues-sec {
    margin: 80px 0px;
}

.ourvalues-sec .timeline-sec {
    margin: 80px 0px 0px;
}

.ourvalues-sec .timeline-sec .timeline-sec-content {
    font-family: var(--cb-primary-font-description);
    font-weight: bold;
    color: var(--cb-text-secondary);
    font-weight: 500;
}

.service-img {
    width: 400px;
    height: auto;
}

/* service&product-hero-sec end*/

/* hero sec  start */
.carousel .carousel-item .carousel-hero {
    background-color: #011026;
    height: 100vh;
}

.carousel .carousel-item .carousel-hero .carousel-cont {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 1;
}

.carousel .carousel-item.c-item {
    height: 93vh;
}

.carousel .carousel-item.c-item .c-item-box {
    height: 100%;
    object-fit: cover;
}

.carousel .carousel-item .carousel-cont h1 {
    font-family: Poppins;
    font-weight: 600;
}

.carousel .carousel-item .carousel-hero .carousel-cont .carousel-hero-img {
    border: solid 5px #fff;
    width: 400px;
    border-radius: 20px;
    height: 400px;
}

.carousel
    .carousel-item
    .carousel-hero
    .carousel-cont
    .carousel-hero-img
    .carousel-hero-img1 {
    border-radius: 20px;
    object-fit: cover;
}

.about-sec .about-header h1 {
    font-family: poppins;
    font-weight: 600;
    color: #000;
}

.about-sec .about-header h1 span {
    font-family: poppins;
    font-weight: 600;
}

.about-sec .about-content p {
    font-family: var(--cb-text-font);
    font-weight: normal;
    color: var(--cb-text-secondary);
}

.about-sec .about-content a {
    text-decoration: none;
    font-family: var(--cb-btn-font);
    font-size: var(--cb-font-size-md);
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.8px;
    color: var(--cb-text-btn-dark);
}

.fa-arrow-right {
    transition: transform 0.3s ease;
}

a:hover .fa-arrow-right {
    transform: translateX(5px);
}

.property-sec .property-content-bg {
    height: 100%;
    border-radius: 4px;
    background-color: var(--cb-nav-bg-color);
}

.property-content-bg .floorlo-img {
    /* max-width: 60%; */
    width: 200px;
}

.bg-fl-primary {
    background-color: var(--fl-primary);
}

.text-fl-primary {
    color: var(--fl-primary);
}

.floorlo-subtitle {
    font-size: var(--cb-font-size-lg);
    font-weight: 600;
    font-family: var(--cb-text-font);
}

.property-content-bg .floorlo-img img {
    width: 100%;
    object-fit: cover;
}

.property-sec .property-content-bg .property-content p {
    font-family: var(--cb-text-font);
    font-size: var(--cb-font-size-md);
    margin-bottom: 0px;
}

.property-sec {
    margin-bottom: 90px;
}

.list-two-col li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 12px;
}

.why-choose-sec {
    padding: 90px 0px;
}

.why-choose-sec h2 {
    font-family: var(--cb-text-font);
    font-weight: 600;
    text-align: center;
    color: var(--cb-text-heading-secondary);
}

.why-choose-sec .whychoose-frame .whychoose-item h5 {
    font-family: var(--cb-text-font);
    font-weight: 500;
    color: var(--cb-text-heading-secondary);
    margin-top: 10px;
}

.whychoose-frame .our-focus-img {
    width: 100px;
    object-fit: cover;
}

.why-choose-sec .whychoose-frame .whychoose-item p {
    font-family: var(--cb-text-font);
    font-size: var(--cb-font-size-md);
    font-weight: 500;
    color: var(--cb-text-gray);
}

.commendations-sec {
    background: var(--cb-nav-bg-color);
    background-size: cover;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 90px 0px;
}

.commendations-sec h3 {
    font-family: var(--cb-primary-font-heading);
    color: var(--cb-text-heading-secondary);
    margin-bottom: 0px;
    font-weight: 500;
}

.commendations-sec .testimonial-circle {
    width: 164px;
    position: relative;
    left: 160px;
}

.commendations-sec .testimonial-animation {
    width: 100px;
    position: absolute;
    top: -13px;
    left: 236px;
}

.commendations-sec .testimonial-image {
    width: 150px;
    border: solid 0px var(--cb-text-heading-secondary);
    height: 150px;
    border-radius: 83px;
    position: relative;
    top: -119px;
    left: 101px;
}

.commendations-sec .testimonial .testimonial-para p {
    font-size: var(--cb-font-size-md);
    line-height: 1.7;
    letter-spacing: 0.56px;
    color: var(--cb-text-heading-secondary);
}

.newsevents-sec {
    padding: 90px 0px;
}

/* .recent-article-sec {
    background: var(--cb-nav-bg-color);
    background-size: cover;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}  */

.newsevents-sec h2 {
    font-family: var(--cb-primary-font-heading);
    color: var(--cb-text-heading-secondary);
    margin-bottom: 0px;
    font-weight: 500;
}

.newsevents-card-body p {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}

.newsevents-sec .newsevents-img-sec .newsevents-card {
    height: 646px;
    cursor: pointer;
    transition: 400ms;
    overflow: hidden;
    margin-bottom: 20px;
}

.newsevents-sec .newsevents-img-sec .newsevents-card img {
    height: 100%;
    object-fit: cover;
    transition: all 1.5s ease;
}

.newsevents-sec .newsevents-img-sec .newsevents-card img:hover {
    transform: scale(1.5);
}

.newsevents-sec .newsevents-img-sec .newsevents-card-body a {
    color: var(--cb-text-secondary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    font-family: var(--cb-primary-font-subheading);
    font-size: var(--cb-font-size-md);
}

.newsevents-sec .newsevents-img-sec .newsevents-card-body a:hover {
    text-decoration: underline;
    color: var(--cb-secondary-color);
}

.col-carousel {
    margin: 40px 0;
}

.owl-prev span,
.owl-next span {
    color: #fff;
}

.owl-prev span:hover,
.owl-next span:hover {
    color: #8199a3;
}

.owl-prev,
.owl-next {
    position: absolute;
    top: 0;
    height: 100%;
}

.owl-prev {
    left: 7px;
}

.owl-next {
    right: 7px;
}

button:focus,
button:active {
    outline: none;
}

/* -privacy-policy-sec- */
.privacy-policy-sec h2 {
    font-family: var(--cb-primary-font-heading);
    color: var(--cb-text-heading-secondary);
}

.privacy-policy-sec p {
    font-size: var(--cb-font-size-sm);
    font-family: var(--cb-primary-font-heading);
    color: var(--cb-text-footer);
}

.privacy-policy-sec {
    margin: 40px 0px;
}

.sub-list p {
    font-size: var(--cb-font-size-md);
    font-family: var(--cb-primary-font-heading);
    font-weight: 400;
    line-height: 1.8;
}

/* Our Team
-------------------------------------------------------*/
.our_team {
    padding: 60px 0;
}

.team-img img {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    width: 100%;
    max-height: 300px;
    object-fit: cover;
}

.team-img {
    position: relative;
    overflow: hidden;
}

.team-title {
    font-size: 18px;
    padding: 0px 10px;
    color: var(--cb-secondary-color);
}

.team-title em {
    display: block;
    font-size: 14px;
    margin-top: 5px;
    font-weight: 300;
    line-height: 20px;
    color: var(--cb-text-content);
}

.overlay {
    background-color: rgba(20, 20, 20, 0.7);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.team-details {
    opacity: 0;
    position: absolute;
    top: 40%;
    left: 0;
    padding: 5%;
    overflow: hidden;
    width: 100%;
    z-index: 2;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.team-details p {
    color: var(--cb-text-primary);
    font-size: var(--cb-font-size-sm);
}

.team-img:hover .team-details {
    opacity: 1;
    margin-top: -80px;
}

.team-img:hover .overlay {
    opacity: 1;
}

/* ---footer start-- */
.footer-head {
    margin-bottom: 27px;
    font-family: var(--cb-tertiary-font);
    font-size: var(--cb-font-size-lg);
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: var(--cb-text-heading-secondary);
}

.footer-list li a {
    text-decoration: none;
    font-family: var(--cb--secondary-font-description);
    font-size: var(--cb-font-size-sm);
    line-height: 1;
    color: var(--cb-text-footer);
}

.cb-contact-footer ul li a {
    font-family: var(--cb-tertiary-font);
    font-size: var(--cb-font-size-sm);
    color: var(--cb-text-secondary);
}

.footer-links ul li a:hover {
    color: var(--cb-secondary-color);
}

.copyright {
    padding: 16px 515px 16px 514px;
    background-color: #1f5081;
}

.copyright p {
    font-family: var(--cb-tertiary-font);
    font-size: var(--cb-font-size-sm);
    color: var(--cb-white);
}

.footer-links p {
    font-family: var(--cb--secondary-font-description);
    font-size: var(--cb-font-size-md);
    color: var(--cb-text-secondary);
}

.footer-social-list a {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 35px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.footer-social-list a.facebook-link:hover {
    background-color: #3b5998;
    border-color: #3b5998;
    color: #fff;
}

.footer-social-list a.instagram-link:hover {
    border: 1px solid transparent;
    background-image: linear-gradient(
        115deg,
        rgb(249, 206, 52),
        rgb(238, 42, 123),
        rgb(98, 40, 215)
    );
    border-image: linear-gradient(
        115deg,
        rgb(249, 206, 52),
        rgb(238, 42, 123),
        rgb(98, 40, 215)
    );
    border-image-slice: 1;
    color: #fff;
}

.footer-social-list a.twitter-link:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.footer-social-list a.linkedin-link:hover {
    background-color: #007bb6;
    border-color: #007bb6;
    color: #fff;
}

.footer-social-list a.youtube-link:hover {
    background-color: #cd201f;
    border-color: #cd201f;
    color: #fff;
}

.footer-links ul li a:hover {
    color: #12c2f9fc;
}

/* ---footer end-- */

/* --Responsive design-- */

/****screen size 1024px****/
@media only screen and (max-width: 1024px) {
    .copyright {
        padding: 16px 217px 16px 217px;
        background-color: #1f5081;
    }

    .hero .career-head {
        padding: 70px 10px;
    }

    .newsroom-details-section .stay-touch-sec .reg-grp .field-group {
        width: 398px;
        padding-top: 0px;
    }

    .box-wrapper .box-content {
        width: 293px;
        height: 367px;
        left: -9px;
    }

    .workplace-sec .workplace-item .box-wrapper .celebration-card-item p {
        font-size: var(--cb-font-size-xs);
    }

    .left-arrow1::before {
        right: -37px;
    }

    .events-news-box2 ::before {
        right: -27px;
    }

    .content-left1 {
        right: -47px;
    }

    .social-common-sec .socialimpact-cont-img p {
        font-size: var(--cb-font-size-xs);
    }

    .newsroom-details-section .cb-security div {
        height: 77px;
    }

    .about-sec .story-img .play-btn a {
        bottom: 223px;
        left: 39%;
    }

    .career-overview-sec .team-cb-bg .team-cb-btn {
        bottom: 37%;
        left: 45%;
        font-size: 12px;
    }

    .news-section .news-sec-card .news-press ul li {
        padding-right: 0px;
    }

    .newsroom-details-section .stay-touch-sec .getintch-cont {
        padding: 10px;
    }

    .why-attend-desc {
        margin-bottom: 40px;
    }

    .event-vr {
        height: 277px;
    }

    .evnt-up-details {
        margin-bottom: 40px;
    }

    .venue-sec {
        margin-bottom: 40px;
    }

    .social-impact-hero {
        padding: 50px 0;
    }

    /* 
    .social-impact-hero .hero-img2 {
        width: 400px;
    } */

    .social-impact-section .social-header {
        margin: 40px 0px;
    }

    .common-heading {
        margin: 30px 0;
    }

    .social-impact-section .social-header {
        margin: 40px 0px;
    }

    .common-heading.about-hero-cont {
        margin: 115px 0px;
    }

    .hr-line {
        width: 49%;
    }

    .property-sec .property-content-bg {
        padding: 30px;
    }

    .faq-qus-cont {
        margin-bottom: 40px;
    }

    .timeline .news-year {
        left: 26.7rem;
    }

    .right {
        left: 48.8%;
    }
}

/****screen size 768px****/
@media only screen and (max-width: 768px) {
    .copyright {
        padding: 16px 142px 16px 142px;
    }

    .btn-blue-outline {
        padding: 4px 6px;
    }

    .hero .career-head {
        padding: 70px 10px;
    }

    .career-hero .career-head h1 {
        font-size: 40px;
    }

    .career-head p {
        font-size: var(--cb-font-size-md);
    }

    .blog-head {
        margin: 57px 0;
    }

    .recently-added-blog a {
        font-size: var(--cb-font-size-md);
    }

    .blog-para h1 {
        max-width: unset;
    }

    .news-sec .news-headder h3 {
        font-size: var(--cb-font-size-2xl);
    }

    .newsroom-details-section .cb-press-sec p {
        font-size: var(--cb-font-size-md);
    }

    .newsroom-details-section .cb-press-sec {
        margin-bottom: 3rem;
        padding-left: 1rem;
    }

    .newsroom-details-section .cb-security {
        padding-left: 1rem;
    }

    .newsroom-details-section .cb-contact-sec {
        padding-left: 1.5rem;
    }

    .newsroom-details-section
        .news-press-card
        .news-blog-card
        .news-blog-cont
        h3
        a {
        font-size: var(--cb-font-size-md);
    }

    .newsroom-details-section
        .news-press-card
        .news-blog-card
        .news-blog-cont
        p {
        font-family: Montserrat;
        font-size: var(--cb-font-size-sm);
    }

    .newsroom-sec .newsroom-headder {
        padding-right: 8rem;
    }

    .newsroom-sec .newsroom-headder h3 {
        font-family: RobotoSerif;
        font-size: var(--cb-font-size-3xl);
    }

    .social-common-sec .socialimpact-cont-img p {
        font-size: var(--cb-font-size-xs);
    }

    .social-common-sec .socialimpact-cont-img h3 {
        font-size: var(--cb-font-size-md);
    }

    .social-common-sec .performance-cont h2 {
        font-size: var(--cb-font-size-3xl);
    }

    .social-common-sec .socialimpact-cont-img {
        margin-bottom: 45px;
    }

    .social-common-sec .housing-sec .housing-header h3 {
        font-size: var(--cb-font-size-3xl);
    }

    .social-common-sec .housing-sec .housing-img {
        bottom: -64px;
    }

    .social-common-sec .diversity h2 {
        font-size: var(--cb-font-size-5xl);
    }

    .news-quotsection .news-quotsection-img {
        height: 415px;
        top: 60px;
        left: -278px;
    }

    .news-section .news-sec-card .news-press ul {
        padding-right: 21.8rem;
    }

    .news-section .news-sec-card .news-press ul li {
        padding-right: 18px;
    }

    .news-section .news-sec-card .news-press a {
        padding-left: 4px;
    }

    .newsroom-details-section .cb-security div {
        height: 82px;
    }

    .event-vr {
        height: 280px;
    }

    .career-overview-sec .meet-people {
        width: 484px;
        left: -155px;
        height: 241px;
    }

    .meet-ourpeople-sec .card-body .card-img {
        height: 250px;
        width: 252px;
    }

    .meet-ourpeople-sec .card-body .card-box {
        position: relative;
        left: 21px;
    }

    .meet-ourpeople-sec .card-body .card-item {
        height: 250px;
        width: 252px;
        right: -57px;
    }

    .meet-ourpeople-sec .card-body .card-box .card-item {
        padding: 17px;
    }

    .career-overview-sec .card-item h3 {
        font-size: var(--cb-font-size-xs);
        margin-bottom: 27px;
    }

    .career-overview-sec .card-item {
        padding: 30px;
    }

    .career-overview-sec .card-item p {
        font-size: var(--cb-font-size-xs);
    }

    .carousel .carousel-item .carousel-cont h1 {
        font-size: var(--cb-font-size-xl);
    }

    .carousel .carousel-item .carousel-hero .carousel-cont .carousel-hero-img {
        width: 250px;
        height: 215px;
    }

    .commendations-sec h3 {
        padding-top: 40px;
    }

    .commendations-sec .testimonial-image {
        width: 101px;
        height: 101px;
        top: -63px;
        left: 52px;
    }

    .commendations-sec .testimonial-circle {
        width: 101px;
        left: 89px;
    }

    .commendations-sec .testimonial-animation {
        width: 55px;
        top: -4px;
        left: 137px;
    }

    .commendations-sec .testimonial .testimonial-para p {
        font-size: var(--cb-font-size-sm);
    }

    .social-impact-section .social-impact-cont .social-icon {
        padding: 30px;
    }

    .blog-card .card-item h5 {
        line-height: 1.2;
    }

    .blog-card-body h6 {
        font-size: var(--cb-font-size-xxs);
        max-width: 80px;
    }

    .card-date {
        font-size: var(--cb-font-size-xxs);
    }

    .meet-ourpeople-sec .card-body .card-box .card-item p {
        font-size: var(--cb-font-size-xxs);
    }

    .meet-ourpeople-sec .card-body .card-box .card-item h3 {
        font-size: var(--cb-font-size-md);
        margin-bottom: 20px;
    }

    .career-overview-sec .meet-ourpeople-sec h4 {
        font-size: var(--cb-font-size-2xl);
    }

    .career-overview-sec .team-cb-bg .team-cb-btn {
        bottom: 39%;
        left: 40%;
    }

    .resource-sec .performance-cont .education-ressource {
        padding: 0px;
    }

    .workplace-sec .workplace-item .box-wrapper .celebration-card-item p {
        font-size: var(--cb-font-size-xxs);
    }

    .box-wrapper .box-content {
        position: absolute;
        width: 214px;
        height: 286px;
    }

    .imgs-grid .grid.grid-1 {
        width: 300px;
        height: 352px;
    }

    .blog-content .blog-img-cont h4 {
        font-size: var(--cb-font-size-md);
    }

    .career-head h4 {
        font-size: var(--cb-font-size-2xl);
    }

    .career-section {
        margin: 50px 0px;
    }

    .car-sec-card {
        margin-bottom: 50px;
    }

    .workplace-sec .workplace-item .box-wrapper .celebration-card-item {
        border-radius: 10px;
    }

    .workplace-sec .workplace-item .box-wrapper .celebration-card-item {
        height: 250px;
        top: 0px;
        left: 0px;
        transform: rotate(0deg);
    }

    .workplace-sec .workplace-item .box-wrapper .celebration-card-cont p {
        font-size: var(--cb-font-size-xs);
        padding: 0px;
    }

    .workplace-sec .workplace-item h2 {
        margin: 30px 0px;
    }

    .workplace-sec .workplace-item .box-wrapper {
        border-radius: 70px 0 70px 0;
        margin-bottom: 0px;
        border: none;
    }

    .celebration-card-item .recg-img {
        width: 200px;
    }

    .workplace-sec .our-values-sec .values-body .values-item-content p {
        font-size: var(--cb-font-size-xs);
    }

    .common-heading p {
        font-size: var(--cb-font-size-md);
    }

    .hr-line {
        width: 13%;
    }

    .our-values-section {
        height: 95vh;
    }

    .event-item {
        margin-top: 40px;
    }

    .evnt-up-details {
        margin-bottom: 40px;
    }

    .why-attend-desc {
        margin-bottom: 40px;
    }

    .venue-sec {
        margin-bottom: 40px;
    }

    .values-hero-img {
        width: 300px;
    }

    .evnts-head {
        margin-bottom: 20px;
        text-align: center;
    }

    .newsroom-overview-img {
        width: 200px;
    }

    .cb-upcoming-sec {
        height: 95vh;
    }

    .common-heading {
        margin: 30px 0px;
    }

    .social-impact-section .social-header {
        margin: 40px 0px;
    }

    .about-sec {
        margin: 40px 0px;
    }

    .vision-sec {
        padding: 40px 0px;
    }

    .about-philosophy-sec {
        margin: 40px 0px;
    }

    .ourvalues-sec .timeline-sec {
        margin: 40px 0px 0px;
    }

    .timeline .news-year {
        position: relative;
        left: 19rem;
    }

    .content {
        height: 100%;
    }

    .right {
        left: 48%;
    }

    .offcanvas.offcanvas-end {
        width: 17.5rem;
    }

    .dropdown-menu {
        padding: 0px;
        box-shadow: 0 0.125rem 0.125rem -0.125rem rgb(231 220 220 / 0%),
            0 0.25rem 0.75rem rgb(31 27 45 / 10%);
    }

    .dropdown-item {
        border-bottom: 1px solid #dee2e6 !important;
    }

    .property-sec {
        margin-bottom: 40px;
    }

    /* .newsevents-sec {
        margin: 40px 0px;
    } */

    .blog-content {
        padding: 40px;
    }

    .social-impact-hero {
        padding: 150px 0;
    }

    /* .list-two-col li {
        flex: unset;
        max-width: unset;
        padding-right: 0px;
    } */
}

/****screen medium****/
@media only screen and (max-width: 736px) {
    .about-sec .story-img .play-btn a {
        bottom: 138px;
        left: 35%;
    }

    .blog-card-body h6 {
        font-size: var(--cb-font-size-xs);
    }

    .blog-card .card-item h5 {
        line-height: 1.2;
    }

    .card-item a {
        font-size: var(--cb-font-size-md);
    }

    .blog-card .card-item p {
        font-size: var(--cb-font-size-xxs);
    }

    .career-overview-sec .team-cb-bg .team-cb-btn {
        bottom: 40%;
        left: 40%;
    }

    .career-hero-img {
        width: 270px;
    }

    .cb-upcoming-sec .evnt-img-container .upevnt-hero-img {
        padding: 0px;
    }

    .newsroom-details-section .cb-security div {
        height: 65px;
    }

    .workplace-sec .workplace-item .box-wrapper .celebration-card-cont p {
        padding: 0px;
    }

    .faq-address {
        padding-bottom: 0px;
    }

    .not-found-page {
        height: 80vh;
    }

    .values-hero-cont h1 {
        font-size: 30px;
    }

    .cb-upcoming-sec {
        height: 86vh;
    }

    .values-hero-img {
        width: 200px;
    }

    .event-vr {
        height: 310px;
    }

    .social-impact-section .social-header {
        margin: 40px 0px;
    }

    .common-heading {
        margin: 30px 0;
    }

    .workplace-sec-hero-img {
        width: 500px;
        padding-left: 11rem;
    }

    .social-impact-btn-sec {
        margin-top: 26px;
    }

    .about-philosophy-sec .real-estate-card p {
        font-size: var(--cb-font-size-sm);
    }

    .vision-sec {
        padding: 40px 0px;
    }

    .about-philosophy-sec {
        margin: 40px 0px;
    }

    .common-heading.about-hero-cont {
        margin: 50px 0px;
    }

    .about-sec {
        margin: 40px 0px;
    }

    .hr-line {
        width: 13%;
    }

    .faq-qus-cont {
        margin-bottom: 30px;
    }

    .social-common-sec .social-heading-container {
        margin: 40px 0px;
    }

    .newsroom-details-section .cb-media {
        margin: 40px 0px;
    }

    .news-overview-section {
        margin: 40px 0px;
    }

    .news-title {
        margin: 40px 0px 60px;
    }

    .dropdown-menu {
        padding: 0px;
        box-shadow: 0 0.125rem 0.125rem -0.125rem rgb(231 220 220 / 0%),
            0 0.25rem 0.75rem rgb(31 27 45 / 10%);
    }

    .dropdown-item {
        border-bottom: 1px solid #dee2e6 !important;
    }

    .social-impact-hero {
        padding: 90px 0px;
    }
}

/****screen medium for 684***/
@media only screen and (max-width: 684px) {
    .about-us .about-hero-content {
        float: unset;
    }

    .blog-card-img {
        height: 35px;
        width: 35px;
    }

    .blog-card-body h6 {
        font-size: var(--cb-font-size-xxs);
    }

    .box-wrapper .box-content {
        width: 194px;
        height: 239px;
        border-top-left-radius: 74px;
        border-bottom-right-radius: 74px;
    }

    .workplace-sec .workplace-item .box-wrapper .celebration-card-item p {
        font-size: var(--cb-font-size-xxs);
    }

    .workplace-sec .workplace-item .box-wrapper {
        border: none;
    }

    .timeline .news-year {
        left: 17rem;
    }
}

/****screen size small****/
@media only screen and (max-width: 35rem) {
    .logo {
        width: 79.9px;
        height: 36px;
    }

    .content-heading {
        width: 19rem;
        font-size: 52px;
    }

    .not-found-content .num {
        font-size: 196px;
    }

    .view-more-btn {
        width: 161px;
    }

    .not-found-content .num1 {
        font-size: 222px;
    }

    .not-found-content td {
        width: 89px;
    }

    .copyright {
        padding: 16px 58px 16px 58px;
    }

    .not-found-content {
        max-width: 327px;
    }

    .faq-head {
        font-size: var(--cb-font-size-3xl);
        line-height: 1.5;
    }

    .faq-content {
        margin-top: 0px;
        margin-bottom: 34px;
    }

    .faq-qus-cont {
        margin-bottom: 46px;
    }

    .blog_item .blog-social-link a {
        padding-right: 5px;
    }

    .blog-para p {
        font-size: var(--cb-font-size-md);
    }

    .fakejob-details .fake-job_item .fjo-head h5 {
        font-size: var(--cb-font-size-3xl);
    }

    .fakejob-details .fake-job_item .fjo-cont-head h3 {
        font-size: var(--cb-font-size-xl);
    }

    .career-des-row {
        padding-left: 0rem;
    }

    .career-section .career-subheading-para {
        margin-top: 35px;
    }

    .btn-blue-outline {
        margin-top: 15px;
        padding: 4px 6px;
    }

    .career-head {
        padding: 74px 10px;
    }

    .career-details .career-details-item .career-item {
        padding: 30px 30px;
    }

    .career-details .career-details-item .career-item p {
        font-size: var(--cb-font-size-xs);
    }

    .career-hero .career-head {
        font-size: var(--cb-font-size-xl);
    }

    .career-hero-img {
        width: 250px;
    }

    .career-hero .career-head h1 {
        font-size: var(--cb-font-size-3xl);
    }

    .newsroom-details-section .cb-contact-sec {
        padding-left: 2rem;
    }

    .newsroom-details-section .cb-media p {
        font-size: var(--cb-font-size-md);
    }

    .newsroom-details-section .stay-touch-sec .getintch-cont {
        padding: 20px;
    }

    .newsroom-details-section
        .stay-touch-sec
        .reg-grp
        .reg-btn
        .reg-sumbit-btn {
        font-size: var(--cb-font-size-xxs);
        padding: 7px 14px 7px 14px;
        top: -8px;
    }

    .newsroom-details-section .stay-touch-sec .reg-grp {
        padding-bottom: 2rem;
    }

    .newsroom-sec {
        height: 55vh;
        margin-bottom: 40px;
    }

    .newsroom-details-section .cb-media {
        margin: 40px 0px;
    }

    .newsroom-sec .newsroom-headder {
        top: 41%;
        padding-right: 1rem;
    }

    .newsroom-sec .newsroom-headder h3 {
        font-size: var(--cb-font-size-xl);
    }

    .newsroom-details-section .cb-security p {
        font-size: var(--cb-font-size-sm);
    }

    .newsroom-details-section .cb-security div {
        width: 9px;
        height: 90px;
    }

    .social-impact-hero h2 {
        font-size: var(--cb-font-size-2xl);
        padding-left: 2rem;
    }

    .social-common-sec .diversity h2 {
        font-size: var(--cb-font-size-4xl);
    }

    .social-common-sec .socialimpact-cont-img {
        margin-bottom: 30px;
    }

    .social-common-sec .socialimpact-cont-img h3 {
        margin-top: 20px;
    }

    .social-common-sec .diversity p {
        font-size: var(--cb-font-size-xl);
    }

    .social-common-sec .performance-cont h2 {
        font-size: var(--cb-font-size-2xl);
        padding: 0;
    }

    .resource-sec .performance-cont .education-ressource {
        padding: 0;
    }

    .education-imp-sec .performance-cont .card-row {
        padding: 0px;
    }

    .education-imp-sec .performance-cont .edu-card {
        padding: 0px;
    }

    .social-common-sec .social-heading-container h4 {
        font-size: var(--cb-font-size-3xl);
    }

    .access-sec .access-body .acess-card-header {
        right: 0px;
    }

    .access-sec .card-para {
        padding: 35px 29px;
    }

    .social-common-sec .housing-sec .housing-img {
        left: 0px;
        bottom: -106px;
    }

    .social-common-sec .housing-sec .housing-header h3 {
        font-size: var(--cb-font-size-xs);
    }

    .social-common-sec .access-sec .urban-body {
        padding: 21px;
    }

    .carousel .carousel-item .carousel-cont h1 {
        font-size: var(--cb-font-size-2xl);
    }

    .carousel .carousel-item.c-item {
        height: 92vh;
    }

    .newsevents-sec p {
        font-size: var(--cb-font-size-md);
    }

    .newsevents-sec h2 {
        font-size: var(--cb-font-size-4xl);
    }

    .news-title::after {
        left: 32px;
    }

    .news-section .news-sec-card .news-press ul {
        padding-right: 0rem;
    }

    .news-section .news-sec-card .news-press ul li a {
        font-size: var(--cb-font-size-xxs);
    }

    .news-box {
        padding: 0px;
        max-width: 70%;
    }

    .news-box::before {
        left: 45px;
        border-color: transparent #991010 transparent transparent;
    }

    .right-arrow {
        left: 16%;
    }

    .content-left {
        margin-top: 20px;
        right: -54px;
    }

    .right-arrow::after {
        left: -29px;
    }

    .about-sec .story-img .play-btn a {
        bottom: 214px;
        left: 39%;
    }

    .about-sec .ourstoryusers {
        bottom: -111px;
    }

    .commendations-sec .testimonial-circle {
        width: 50px;
        position: relative;
        left: 50px;
    }

    .commendations-sec .testimonial-image {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        top: -34px;
        left: 29px;
    }

    .commendations-sec .testimonial-animation {
        width: 32px;
        top: -3px;
        left: 74px;
    }

    .commendations-sec .testimonial .testimonial-para p {
        font-size: var(--cb-font-size-xs);
    }

    .cb-upcoming-sec .evnts-head h1 {
        font-size: var(--cb-font-size-md);
    }

    .cb-upcoming-sec .evnts-head p {
        font-size: var(--cb-font-size-xs);
    }

    .cb-upcoming-sec .evnt-img-container .upevnt-hero-img {
        padding: 0px;
    }

    .evnt-up-details .event-details-item .event-item h5 {
        padding-top: 26px;
        font-size: var(--cb-font-size-2xl);
    }

    .evnt-up-details .event-details-item .event-item p {
        font-family: Poppins;
        font-size: var(--cb-font-size-xs);
    }

    .evnt-up-details
        .event-details-item
        .cb-upcoming-events
        .upcoming-events-box
        p {
        font-size: var(--cb-font-size-sm);
    }

    .meet-ourpeople-sec .card-body .card-item {
        height: 215px;
        width: 150px;
    }

    .meet-ourpeople-sec .card-body .card-box {
        left: 43px;
    }

    .meet-ourpeople-sec .card-body .card-img {
        height: 215px;
        width: 150px;
        left: -93px;
    }

    .career-overview-sec .card-item {
        padding: 21px;
    }

    .career-overview-sec .meet-people {
        width: 272px;
        left: -25px;
        height: 214px;
    }

    .carousel .carousel-item .carousel-hero .carousel-cont .carousel-hero-img {
        height: 210px;
        margin-top: 30px;
    }

    .news-sec .news-headder {
        padding: 39px 18px;
    }

    .news-sec .news-headder h3 {
        font-size: var(--cb-font-size-3xl);
        margin-bottom: 20px;
    }

    .news-section .news-sec-card .news-press .hr-pressline {
        width: 100%;
    }

    .news-title1::after {
        left: 12%;
    }

    .social-impact-section .social-impact-cont .social-icon {
        padding: 6px;
    }

    .blog-card-body h6 {
        font-size: var(--cb-font-size-xs);
    }

    .recently-added-blog a {
        font-size: var(--cb-font-size-sm);
    }

    .meet-ourpeople-sec .card-body .card-box .card-item {
        padding: 10px;
    }

    .meet-ourpeople-sec .card-body .card-box .card-item p {
        font-size: var(--cb-font-size-xxs);
        margin-bottom: 8px;
    }

    .career-overview-sec .team-cb-bg .team-cb-btn {
        bottom: 38%;
        left: 38%;
        font-size: var(--cb-font-size-xxs);
        padding: 2px 4px;
    }

    .career-overview-sec .team-cb-bg .team-cb-img {
        background-size: 100% 100%;
    }

    .workplace-sec .workplace-item .box-wrapper .celebration-card-item p {
        font-size: var(--cb-font-size-xxs);
    }

    .box-wrapper .box-content {
        width: 157px;
        height: 166px;
        top: 12px;
        border-top-left-radius: 49px;
        border-bottom-right-radius: 49px;
    }

    .career-section {
        margin: 50px 0px;
    }

    .workplace-sec .workplace-item .box-wrapper .celebration-card-cont p {
        font-size: var(--cb-font-size-sm);
        padding: 10px;
        border: none;
    }

    .workplace-sec-hero {
        padding: 22px;
    }

    .workplace-sec .workplace-item .box-wrapper .celebration-card-item {
        width: 100%;
        height: 200px;
        border-radius: 0px;
        left: 0px;
        transform: rotate(0deg);
    }

    .workplace-sec .workplace-item .box-wrapper .celebration-card-item img {
        height: 100%;
    }

    .box-wrapper {
        margin-bottom: 0px;
    }

    .workplace-sec .workplace-item h2 {
        margin: 30px 0px;
    }

    .workplace-sec .workplace-item .box-wrapper {
        border: none;
    }

    .workplace-sec
        .workplace-item
        .box-wrapper
        .celebration-card-item.learning-card-img {
        left: 0px;
    }

    .social-common-sec .social-heading-container {
        margin: 50px 0px;
    }

    .ourvalues-sec .timeline-sec {
        margin: 60px 0px 0px;
    }

    .ourvalues-sec .timeline-sec .time-line {
        margin-top: 50px;
    }

    .accordion-faq p {
        font-size: var(--cb-font-size-sm);
    }

    .accordion-body p {
        font-size: var(--cb-font-size-sm);
    }

    .cb-upcoming-sec {
        height: 92vh;
    }

    .event-item {
        margin-top: 40px;
    }

    .newsroom-overview-img {
        width: 250px;
    }

    .events-hero-cont {
        margin: 20px 0px;
    }

    .why-attend-desc {
        margin-bottom: 40px;
    }

    .event-vr {
        height: 448px;
    }

    .values-hero-img {
        width: 250px;
    }

    .news-overview-section .news-sec-card .news-press ul li {
        padding-right: 22px;
    }

    .news-press h1 {
        font-size: var(--cb-font-size-md);
        margin-right: 20px;
    }

    .news-overview-section .news-sec-card .news-press ul li a {
        font-size: var(--cb-font-size-xs);
    }

    .social-impact-section .social-header {
        margin: 40px 0px;
    }

    .common-heading.social-heading2 {
        margin: 30px 0px;
    }

    .social-impact-section .social-header .unified-content {
        margin-bottom: 30px;
    }

    .workplace-sec-hero-img {
        width: 300px;
        padding-left: 0rem;
    }

    .social-impact-btn-sec {
        text-align: center;
    }

    .about-sec {
        margin: 40px 0px;
    }

    .vision-sec {
        padding: 40px 0px;
    }

    .about-philosophy-sec {
        margin: 40px 0px;
    }

    .hr-line {
        width: 28%;
    }

    /* .property-sec .property-content-bg {
        padding: 30px;
        margin-bottom: 20px;
    } */

    .property-sec {
        margin-bottom: 40px;
    }

    /* .newsevents-sec {
        margin: 40px 0px;
    } */

    .news-overview-section {
        margin: 40px 0px;
    }

    .timeline::after {
        left: 31px;
    }

    .container1 {
        width: 100%;
        padding-left: 40px;
        padding-right: 25px;
    }

    .container1::before {
        left: 30px;
        border: medium solid var(--cb-nav-bg-color);
        border-width: 10px 10px 10px 0;
        border-color: transparent var(--cb-nav-bg-color) transparent transparent;
    }

    .left::after,
    .right::after {
        left: 4px;
    }

    .right {
        left: 19px;
    }

    .content {
        height: 100%;
    }

    .left {
        left: 19px;
    }

    .timeline .news-year {
        padding: 5px;
        left: 0;
    }

    .dropdown-menu {
        padding: 0px;
        box-shadow: 0 0.125rem 0.125rem -0.125rem rgb(231 220 220 / 0%),
            0 0.25rem 0.75rem rgb(31 27 45 / 10%);
    }

    .dropdown-item {
        border-bottom: 1px solid #dee2e6 !important;
    }

    .offcanvas.offcanvas-end {
        width: 15.5rem;
    }

    #check:checked ~ .media-icons {
        top: 53px;
        left: 35px;
    }

    .share-btn-link {
        margin-top: 10px;
    }

    .candidate_name {
        font-size: var(--cb-font-size-xs);
    }

    .degination {
        font-size: var(--cb-font-size-xxs);
    }

    .meet-ourpeople-sec .card-body .card-box .card-item h3 {
        margin-bottom: 8px;
    }

    .social-impact-hero {
        padding: 130px 0;
    }

    .about-hero {
        min-height: calc(100vh - 56px);
    }

    .list-two-col li {
        flex: unset;
        max-width: unset;
        padding-right: 0px;
    }
}