/* all */
.sub-title-filled {
    background-color: var(--tg-primary-yellow-color) !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    letter-spacing: 0 !important;
}

.title {
    color: var(--tg-primary-color);
    font-weight: 700 !important;
    font-size: 36px !important;
}

.title-white {
    color: var(--tg-primary-white-color) !important;
}

section#team-container,
section#tri-hita-container,
section#latest-container {
    padding: 60px 132px;
}

.btn-see-more, .btn-see-more:hover {
    background-color: var(--tg-primary-color);
    border-radius: 24px !important;
    padding: 10px 24px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

/* Hero Banner */
#carouselBanner .carousel-control-prev .ti,
#carouselBanner .carousel-control-next .ti {
    font-size: 5rem;
}

section#hero-banner-slider {
    position: relative;
    background: linear-gradient(107deg, rgba(255, 255, 255, 0.38) 2.15%, rgba(31, 119, 160, 0.31) 94.93%);
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

section#hero-banner-slider #searchSection {
    margin-top: 45px;
    padding: 12px;
    background: #ffffff;
    border-radius: 30px;
}

section#hero-banner-slider #searchSection #searchByName {
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}

section .title-header {
    color: var(--tg-primary-color);
    font-size: 49.4px;
    font-weight: 700;
    line-height: 59.78px;
}

/* who we are */
section#who-we-are-container {
    height: fit-content;
}

section#who-we-are-container .section-title-two.white-title .title {
    color: var(--tg-primary-color);
    font-weight: 700;
    font-size: 36px;
}

section#who-we-are-container .section-title-two.white-title .sub-title {
    background-color: transparent;
    color: var(--tg-primary-black-color);
    font-size: 16px;
    font-weight: 500;
}

section#who-we-are-container .contact-content-two {
    padding: 32px 64px 32px 0px;
}

section#who-we-are-container .contact-inner-wrap .contact-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

section#who-we-are-container .contact-content-two p, .contact-content-two ul li p {
    color: var(--tg-primary-black-color);
    font-weight: 400;
    font-size: 16px;
    text-align: justify;
}

section#who-we-are-container .contact-content-two ul li i {
    color: var(--tg-primary-color);
    font-size: 35px;
}

section#who-we-are-container .line-strip {
    position: relative;
    padding-bottom: 16px !important;
}

section#who-we-are-container .line-strip::before {
    background: var(--tg-primary-color);
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 4px;
    border-radius: 4px;
}

/* our goals */
section#our-goals-container {
    height: 535px;
}

section#our-goals-container .title {
    font-size: 36px;
}

section#our-goals-container .contact-content-two p {
    color: var(--tg-primary-white-color);
    font-weight: 400;
    text-align: justify;
    font-size: 14px;
}

section#our-goals-container > .container-fulid > .contact-inner-wrap > .row .contact-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

section#our-goals-container .contact-content-two {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    gap: 16px;
}


/* our team */
section#team-container {
    background: #EEFAFF;
}

section#team-container .title {
    color: var(--tg-primary-color);
}

section#team-container .team-item-five .title {
    font-size: 16px !important;
    color: var(--tg-primary-color);

    a {
        font-size: 1em;
    }
}

section#team-container .team-content-five span {
    font-size: 14px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

section#team-container .team-content-five span::before {
    display: none;
}

section#team-container .team-see-more {
    cursor: pointer;
    background-color: #D8F3FF;
}

section#team-container .team-see-more .team-thumb-five i {
    font-size: 74px;
    color: white;
}

section#team-container .button-groups .btn-three {
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 600;
}

section#team-container .button-groups .btn-three:after {
    display: none;
}

section#team-container .section-title-two hr {
    border-bottom-width: 3px;
    border-color: #E0E6F2;
    margin: 24px 0px !important;
}

section#team-container .services-cat-list .list-wrap li a:hover {
    background: #B9D9DB;
    border-color: #B9D9DB;
    color: var(--tg-primary-color);
}

section#team-container .team-thumb-five img {
    width: 100%;
    height: 222px;
    object-fit: cover;
    object-position: center;
}

/* banner 1 */
section#banner1-container .banner-btn-seven .border-btn {
    border-radius: 40px;
}

section#banner1-container .slick-list {
    height: 514px;
}

section#banner1-container section.banner-area-seven:before, section#banner1-container section.banner-area-seven:after {
    background: unset;
}

/* tri-hita-container */
section#tri-hita-container.banner-area-seven {
    background-size: cover !important;
    /* max-height: 660px; */
}

section#tri-hita-container .banner-content-seven {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    gap: 12px;
}

section#tri-hita-container .banner-content-seven > .sub-title {
    font-weight: 600;
    font-size: 18px;
    color: var(--tg-primary-white-color);
}

section#tri-hita-container .banner-content-seven p {
    font-size: 15px;
    font-weight: 400;
    width: 100%;
}

section#tri-hita-container .banner-content-seven a.btn {
    border-radius: 43px;
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 600;
    padding: 12px 24px;
    border: 1px solid;
}

section#tri-hita-container .container {
    display: flex;
    justify-content: center;
}

section#tri-hita-container .container .row {
    row-gap: 32px;
}

section#tri-hita-container #thk-description p {
    text-transform: none;
}

section#tri-hita-container iframe {
    aspect-ratio: 16 / 9;
    width: 100% !important;
    /* min-height: 363px; */
    max-width: 670px;
    max-height: 363px;
}

section#tri-hita-container.banner-bg-seven::before {
    background: unset;
    background-color: rgba(4, 68, 96, 0.7);
}

section#tri-hita-container.banner-bg-seven::after {
    background-color: unset;
}

/* our tools */
section#our-tools-container {
    background-color: var(--tg-primary-white-color);
    padding: 80px 0px;
    min-height: 396px;
}

section#our-tools-container a.tag {
    color: var(--tg-primary-yellow-color);
}

section#our-tools-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: -1;
    display: none;
    background-repeat: no-repeat;
    background-size: contain;
}

section#our-tools-container .request-content-two p {
    width: 100%;
    color: var(--tg-primary-color);
    font-weight: 400;
}

section#our-tools-container .section-title-two .title {
    color: var(--tg-primary-color);
    font-size: 36px;
}

/* programs */
section#programs-container .features-icon-three {
    background-color: transparent;
}

section#programs-container .features-icon-three::before {
    display: none;
}

section#programs-container .features-content-three .title {
    text-align: center;
}

section#programs-container .sub-title {
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    display: inline-block;
    color: var(--tg-primary-yellow-color);
    background: var(--tg-quaternary-yellow-color);
    border-radius: 50px;
    padding: 9px;
    margin-bottom: 12px;
}

section#programs-container.services-area-seven {
    background: var(--tg-quaternary-blue-color);
}

section#programs-container .services-icon-four {
    width: 166px;
    height: 164px;
}

section#programs-container .services-item-four {
    border-radius: 24px;
    padding: 37px 27px;
}

section#programs-container .services-content-four a.btn {
    border: 1px solid #075679;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 7px 20px;
    width: auto;
    color: #075679;
    filter: unset;
}

section#programs-container .services-content-four a.btn:hover {
    border: 1px solid #075679;
    color: #075679;
    background-color: transparent;
}

section#programs-container .services-content-four a.btn:hover::after,
section#programs-container .services-content-four a.btn::after {
    color: #075679;
    filter: unset;
}

section#programs-container .services-content-four h2 a {
    font-weight: 700;
}

/* prototype */
section#prototype-container .sub-title {
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 600;
    display: inline-block;
    color: var(--tg-primary-yellow-color);
    background: var(--tg-quaternary-yellow-color);
    border-radius: 50px;
    padding: 4px 13px;
    margin-bottom: 4px;
}

section#prototype-container .blog-post-content-two {
    text-align: center;
    padding: 12px 8px;

}

section#prototype-container h2.title a {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 8px;
}

section#prototype-container .blog-meta .list-wrap li a.transparent-btn-two {
    padding: 7px 20px;
    text-transform: capitalize;
    font-size: 14px;
    border-width: 1px;
    border-radius: 24px;
    font-weight: 500;
    min-height: 36px;
}

section#prototype-container .blog-post-content-two {
    border-radius: 0 0 24px 24px;
    margin-top: -10px;
    padding-bottom: 20px;
}

section#prototype-container .blog-post-thumb-two {
    border-radius: 24px 24px 0 0;
    background: #ffffff;
}

section#prototype-container .blog-post-item-two {
    border: 1px solid var(--tg-quaternary-grey-color);
    border-radius: 26px;
}

section#prototype-container .blog-post-thumb-two img {
    padding: 20px;
    border-radius: 35px;
}

/* section#prototype-container .blog-post-item-two:hover .blog-post-thumb-two img {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
} */

/* partners */
section#partners-container.blog-area-three {
    background: var(--tg-quaternary-blue-color);
}

section#partners-container .slick-initialized .slick-slide {
    height: fit-content;
}

section#partners-container .partner-slider-container {
    height: fit-content;
}

section#partners-container #slick-partners .brand-item img {
    filter: unset;
    opacity: 1;

    height: 80px;
    object-fit: contain;
}

/* latest */
section#latest-container .section-title-two p {
    font-size: 14px;
}

section#latest-container .btn-three {
    padding: 10px 24px;
    font-size: 16px;
    font-weight: 600;
}

section#latest-container a.btn.btn-three:hover > i {
    color: var(--tg-primary-white-color);
}

section#latest-container .blog-post-content-two {
    display: flex;
    flex-direction: column;
    padding: 18px 24px;

    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;

    text-align: start;
}

section#latest-container .blog-post-thumb-two {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

section#latest-container .blog-post-thumb-two img {
    min-height: unset;
    height: 210px;
    padding: 0;
    border-radius: 0;
}

section#latest-container .tag-day {
    display: block;
}

section#latest-container .blog-post-content-two p {
    flex-grow: 1;
    font-size: 13px;
    font-weight: 400;
    color: #070707;
}

section#latest-container .blog-post-content-two > .title > a {
    color: #070707;
    font-size: 15px;
}

section#latest-container ul.list-wrap .banner-btn-seven a.btn {
    padding: 12px 0px;
    font-weight: 600;
    font-size: 15px;
}

section#latest-container ul.list-wrap .banner-btn-seven a.btn:hover {
    background-color: transparent;
    border: 2px solid var(--tg-primary-white-color);
    color: var(--tg-primary-color);
}

section#latest-container ul.list-wrap .banner-btn-seven a.btn i {
    font-size: 18px;
    padding-left: 12px;
}

section#latest-container ul.list-wrap .banner-btn-seven a.btn:hover i {
    color: var(--tg-primary-color);
}

section#latest-container .blog-post-content-two .sub-title {
    color: var(--tg-primary-yellow-color);
    font-weight: 400;
    font-size: 14px;
}

section#latest-container .blog-post-item-two {
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.1);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}

section#latest-container .blog-post-content-two .title {
    line-height: 20px;
}

section#latest-container .blog-post-content-two {
    gap: 12px;
}

/* banner 4 */
section#banner4-container.request-area  {
    background-color: rgba(0, 53, 77, 0.7);
    background-blend-mode: darken;
}

section#banner4-container .request-btn > a.btn, section#banner4-container .request-btn > a.btn:hover, section#banner4-container .request-btn > a.btn:after, section#banner4-container .request-btn > a.btn:before {
    background-color: var(--tg-primary-yellow-color);
}

section#banner4-container .tg-element-title {
    color: var(--tg-primary-white-color);
}

/* events */
section#events-container .bs-tag-list {
    display: flex;
    flex-direction: column;
    align-items: center;
}

section#events-container .bs-tag-list .list-wrap li a {
    border-radius: 24px;
    background-color: transparent;
    border: 1px solid var(--tg-primary-color);
    padding: 5px 12px;

    font-size: 15px;
    font-weight: 600;
}

section#events-container .bs-tag-list .list-wrap li a:hover,
section#events-container .bs-tag-list .list-wrap li a.active {
    border-radius: 2rem;
    background-color: var(--tg-primary-color);
    border: 2px solid var(--tg-primary-color);
    color: var(--tg-primary-white-color);
}

section#events-container .title {
    font-weight: 600 !important;
}

section#events-container .sub-title {
    background: transparent;
}

section#events-container .bs-tag-list > ul.list-wrap {
    width: fit-content;
}

section#events-container li a.filter-event {
    cursor: pointer;
}

section#events-container .event-image a img.skeleton {
    transform: scale(1.1);
}

section#events-container p.skeleton {
    min-height: 1rem;
    min-width: 3rem;
}

/* fellow stories */
section#fellow-container .container  {
    display: flex;
    flex-direction: column;
    gap: 42px;
    padding-bottom: 88px;
}

section#fellow-container .container > .row:first-child {
    padding: 88px 132px 0px 132px;
}

section#fellow-container.banner-bg-seven:before {
    background: unset;
    background-color: rgba(4, 68, 96, 0.9);
}

section#fellow-container .section-title-two .tg-element-title, section#fellow-container .section-title-two p.sub-title, section#fellow-container .title.tg-element-title {
    color: var(--tg-primary-white-color);
}

section#fellow-container .fellow-story {
    position: relative;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;

    display: flex;
    flex-direction: column;
    min-height: 360px;

    border: none;
    border-radius: 15px;
    /* width: 640px; */
}

section#fellow-container .fellow-story:hover .backround-fellow {
    filter: unset !important;
}

section#fellow-container .fellow-story .rc-post-wrap {
    display: flex;
    flex-grow: 1;
    z-index: 3;
}

section#fellow-container .fellow-user p {
    font-size: 16px;
    font-weight: 700;
    line-height: 14px;
    color: var(--tg-primary-color);
}

section#fellow-container .fellow-user span {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    color: var(--tg-primary-yellow-color);
}

section#fellow-container .fellow-data p:first-child {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    color: var(--tg-primary-black-color);
}

section#fellow-container .fellow-data p:last-child {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: var(--tg-primary-black-color);
}

section#fellow-container .fellow-story-data {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

section#fellow-container .fellow-story-data .btn {
    font-size: 12px;
    font-weight: 700;
    text-transform: capitalize;
    border-radius: 28px;
    width: fit-content;
    padding: 0px 19px;
    min-height: 35px;
}

section#fellow-container .button-groups .btn-three {
    background-color: transparent;
    border: 2px solid var(--tg-primary-white-color);
}

section#fellow-container .button-groups .btn-three:hover {
    background-color: transparent;
    border: 2px solid var(--tg-primary-white-color);
}

section#fellow-container #slick-fellow .slick-slide {
    padding: 0px 16px;
}

section#fellow-container .background-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: var(--tg-linear-gradient-white);
    z-index: 1;
    border-radius: 15px;
}

section#fellow-container .backround-fellow {
    background-size: cover;
    background-position: center;
    filter: grayscale(100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

/* skeleton */
#news-skeletons .event-image a img {
    min-height: 200px;
    transform: scale(1.1);
}

.banner-area-seven {
    background-repeat: no-repeat;
    background-size: cover;
}

.btn.btn-three.border-btn::after {
    display: none;
}

.contact-img-two {
    width: 50%;
}

.brand-item-wrap-two {
    border-top: none;
    padding-top: 0px;
    padding-bottom: 0 !important;
}

.button-groups .btn-three {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 1rem;
    padding: 12px 24px;
}

.button-groups .btn-three:after {
    display: none;
}

/* .banner-btn-seven .btn-three {
    font-weight: 500;
}

.button-groups > .banner-btn-seven {
    border: 2px solid var(--tg-primary-color);
    border-radius: 40px;
    background-color: var(--tg-primary-color);
}

.button-groups > .banner-btn-seven:hover > a.btn {
    color: var(--tg-primary-color) !important;
    background-color: transparent;
}

.button-groups > .banner-btn-seven:hover {
    background-color: transparent;
    border: 2px solid var(--tg-primary-color);
    border-radius: 42px;
} */

.blog-meta .list-wrap li a:hover {
    color: var(--tg-primary-white-color);
}

.blog-post-thumb-two .tag {
    position: absolute;
    left: 32px;
    top: 0;
    bottom: unset;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    text-align: center;
    padding: 12px;
}

.header-contact-two .dropdown .dropdown-menu.show {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 2147483647 !important;
    transform: translate3d(0px, 39.3333px, 0px) !important;
    inset: 4% 1% auto auto !important;
}

.request-content-left > .request-btn > a.btn, .request-content-left > .request-btn > a.btn:hover, .request-content-left > .request-btn > a.btn::before {
    background: var(--tg-primary-yellow-color);
    text-transform: uppercase;
    font-weight: 600;
}

.request-content-left > .request-btn > a.btn {
    border: 1px solid var(--tg-primary-yellow-color);
}

.request-content-left > .request-btn > a.btn::after {
    margin-left: 12px;
}

.services-cat-list .list-wrap li a,
.blog-meta .list-wrap li a {
    color: var(--tg-primary-color);
}

.services-cat-list .list-wrap li a.active {
    color: var(--tg-primary-white-color);
}

.event-container .blog-post-item-two {
    max-width: 267px;
}

.event-container .blog-post-thumb-two img {
    max-height: 267px;
}

.event-container .event-data {
    padding: 14px 18px;
}