/*** Gutenberg Full Width Template ***/
:root {
    /* Colors */
    --color-light-green-cyan: #51BF9D;
    --color-luminous-vivid-orange: #F37021;
    --color-vivid-cyan-blue: #1275BC;
    --color-pale-cyan-blue: #3DB1DD;
    --color-luminous-vivid-amber: #F3C716;
}
body.page-template-gutenberg-full-width section.no-results.not-found {
    display: none;
}
/*===== ALL =====*/
.container.gtb h2 {
    font-size: 35px;
    font-weight: 700;
    line-height: 42px;
}
.container.gtb p.hp {
    font-size: 20px;
    font-weight: 700;
}
/*========== First Page ==========*/
/*============================================*/
/*============= Hero Style Sections ==========*/
/*============================================*/
/*=============================*/
/*===== Hero Header  ==========*/
.hero.header {
    position: relative;
    padding: 50px 0;
    background-repeat: no-repeat;
    z-index: 1;
}
.hero.header {
    background: url(/wp-content/uploads/design/gtb-header-bg.jpg) !important;
}
.hero.header:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.30);
    z-index: -1;
    width: 100%;
    height: 100%;
}
.hero.header:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: linear-gradient(to left, #fff 15%, transparent 55%);
    z-index: -2;
    width: 100%;
    height: 100%;
}
.hero.header h1 {
    font-size: 48px;
    line-height: 57px;
}
.hero.header p.mini-title {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 5px;
}
/*=============================*/
/*===== Hero Inside  ==========*/
.hero.inside {
    padding: 0;
}
.hero.inside:after {
    background: unset;
}
.hero.inside:before {
    background: unset;
}
.content-wrapper ul.gtp:not(.list-unstyled):not(.page-numbers) li {
    font-size: 16px;
}
.content-wrapper ul.gtp:not(.list-unstyled):not(.page-numbers) li:before {
    content: ' ';
    position: absolute;
    top: 7px;
    left: 0;
    background-image: url(/wp-content/uploads/design/plus-black.svg);
    height: 10px;
    width: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/*=== ALL ===*/
.hero .content-left p {
    font-size: 16px;
    padding: 5px 0;
}
/* .hero .image .box.left { /* hero img adjustment before
    width: 129px;
    height: 154px;
    left: -27px;
    bottom: 100px;
} */
.hero .image .box.left {
    width: 129px;
    height: 154px;
    left: -27px;
    bottom: 122px;
}
/* .hero .image .box.right { /* hero img adjustment before
    width: 129px;
    height: 154px;
    right: -27px;
    bottom: 100px;
} */
.hero .image .box.right {
    width: 129px;
    height: 154px;
    right: -27px;
    bottom: 122px;
}
/* .hero .image .net-dots.left { /* hero img adjustment before
    position: absolute;
    top: -20px;
    left: -45px;
} */
.hero .image .net-dots.left {
    position: absolute;
    top: 8px;
    left: -45px;
}
/* .hero .image .net-dots.right { /* hero img adjustment before
    position: absolute;
    bottom: -20px;
    right: -45px;
} */
.hero .image .net-dots.right {
    position: absolute;
    bottom: 8px;
    right: -45px;
}
.hero.header .bg-art-img {
    position: absolute;
    right: 0;
    z-index: 0;
}
@media only screen and (min-width: 1199.98px) {
    .hero.header .hero-img {
        object-fit: contain;
    }
    .hero.inside .hero-img {
        object-fit: cover;
    }
    .hero.inside .content-left.padding-adjust {
        padding: 0 30px;
    }
}
/*========= MOBILE ==========*/
@media only screen and (min-width: 1199.98px) and (max-width: 1499.98px) {
    .hero.header h1 {
        max-width: 350px;
    }
}
/*========= MOBILE ==========*/
@media only screen and (max-width: 1199.98px) {
    .hero.header .bg-art-img {
        display: none;
    }
}
@media only screen and (max-width: 992px) {
    .col-lg-6.mobile:nth-child(1) {
        order: 2;
    }
    .col-lg-6.mobile:nth-child(2) {
        order: 1;
    }
    .hero.header h1 {
        font-size: 40px;
        line-height: 48px;
    }
    .hero.header .content-right,
    .hero.inside .content-right,
    .hero.inside .content-left {
        margin-top: 20px;
    }
}
@media only screen and (max-width: 756px) {
    .hero .image .net-dots.left {
        left: -41px;
        top: 0px
    }
    .hero .image .net-dots.right {
        right: -41px;
        bottom: 0
    }
}
/*==================================*/
/*======= Three Col Circles ========*/
/*==================================*/
.s-three-col-circles h2 {
    min-height: 120px;
}
@media only screen and (max-width: 992px) {
    .s-three-col-circles img {
        width: 180px;
        height: auto;
    }
    .s-three-col-circles .columns-wrap {
        flex-direction: column;
        row-gap: 100px;
    }
    .s-three-col-circles h2 {
        min-height: unset;
        padding-bottom: 20px;
    }
}
/*=============================*/
/*======= S - CTA ========*/
/*===========================*/
.container.gtb .s-cta p {
    color: white;
    padding-top: 15px;
}
/*====================================*/
/*====== S - Single Paragraph =======*/
/*==================================*/
.s-sp .container.gtb p {
    margin-bottom: 0;
}
@media only screen and (min-width: 1199.98px) {
    .s-sp .hp {
        padding-right: 100px;
    }
}
/*=====================================*/
/*========= S - Testimonial ==========*/
/*===================================*/
.s-testimonial .quote-container {
    margin: 120px 0 0;
}
.s-testimonial .quote-container .silhouette {
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
}
.s-testimonial .quote-container .silhouette img {
    width: auto;
    height: 300px;;
    object-fit: cover;
    display: block;
    transform: translateY(17px);
    margin-left: -100px;
}
.s-testimonial .quote-text {
    font-size: 20px;
    font-weight: 500;
    padding: 30px 0 10px 380px;
    min-height: 100px;
    line-height: 1.5em;
}
.s-testimonial .quote-text .left {
    font-size: 16px;
    font-weight: 600;
}
.s-testimonial .quote-text .right {
    font-size: 16px;
}
.s-testimonial .quote-text .middle {
    padding: 0 10px;
}
@media only screen and (max-width: 1024px) {
    .s-testimonial .quote-container {
        padding-top: 30px;
    }
    .s-testimonial .quote-container .silhouette {
        position: relative;
        left: 0;
        bottom: 150px;
        margin: 0;
        padding: 0;
    }
    .s-testimonial .quote-container .silhouette img {
        height: 250px;;
    }
    .s-testimonial .quote-container .quote-text {
        padding-left: 0;
        margin-top: -150px;
    }
    .s-testimonial .quote-container .quote-text p {
    }
}
@media only screen and (max-width: 768px) {
    .s-testimonial .quote-text .right {
        margin-top: -15px;
    }
    .s-testimonial .quote-text .middle {
        display: none;
    }
}
/*=================================*/
/*====== S - H + P + Two Col ======*/
/*================================*/
.two-col-btn-p {
    align-items: center;
}
.two-col-btn-p a.gb-button.gb-button-text {
    margin: 0 auto;
    display: table;
}
.two-col-btn-p p {
    font-size: 16px;
    margin-top: 10px;
}
@media only screen and (max-width: 992px) {
    .two-col-btn-p {
        flex-direction: column;
        text-align: left;
        align-items: left;
        justify-content: left;
    }
    .two-col-btn-p .left-col,
    .two-col-btn-p .right-col {
        margin-top: 10px;
        width: 100%;
    }
    .two-col-btn-p .gb-button {
        max-width: 230px;
        float: left;
    }
}
/*=============================================*/
/*====== S (inside Hero) - Two Col Above ======*/
/*=============================================*/
.s-two-col-above-hero h3 {
    font-size: 32px;
    line-height: 38px;
    font-weight: 500;
    text-transform: uppercase
}
/*===========================*/
/*====== S - Grid + P ======*/
/*==========================*/
.s-grid-img-text p {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translate(-50%, 25px);
    width: 100%;
    text-align: center;
}
@media only screen and (max-width: 1200px) {
    .s-grid-img-text p {
        bottom: 35px;
    }
}
@media only screen and (max-width: 767px) {
    .s-grid-img-text p {
        position: relative;
        bottom: 25px;
        left: 50%;
        transform: translate(-50%, 25px);
        width: 100%;
        text-align: center;
    }
}
/*=====================================*/
/*====== SI - 3 Col + P + Large ======*/
/*====================================*/
.hero.inside .si-three-col-lt {
    column-gap: 50px;
}
.hero.inside .si-three-col-lt .h {
    font-size: 60px;
    font-weight: 900;
}
.hero.inside .si-three-col-lt .m {
    font-size: 45px;
    font-style: italic;
    position: relative;
    bottom: -7px;
}
.hero.inside .si-three-col-lt .s {
    font-size: 14px;
    text-align: center;
}
.hero.inside .si-three-col-lt .col {
    column-gap: 10px;
}
@media only screen and (max-width: 1200px ) {
    .hero.inside .si-three-col-lt .h {
        font-size: 50px;
    }
    .hero.inside .si-three-col-lt .m {
        font-size: 35px;
        bottom: -9px;
    }
}
@media only screen and (max-width: 450px ) {
    .si-three-col-lt {
        flex-wrap: wrap;
        width: 80%;
        margin: 0 auto;
        justify-content: center;
    }
    .hero.inside .si-three-col-lt .m {
        bottom: -7px;
    }
    .hero.inside .si-three-col-lt .col {
        padding-left: 0;
    }
}
/*===========================================*/
/*====== S - Testimonials - 3 Col + H ======*/
/*=========================================*/
.s-testimonials-3-col-wrap h3 {
    font-size: 32px;
    line-height: 38px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}
.s-testimonials-3-col .img-box img {
    width: 280px;
    height: auto;
    position: absolute;
    top: -150px;
    transform: translateX(-50%);
    z-index: 2;
}
.s-testimonials-3-col .quote {
    font-size: 18px;
    min-height: 50px;
}
.s-testimonials-3-col p.author {
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    margin-bottom: 0;
}
.s-testimonials-3-col .award {
    font-size: 14px;
    text-align: left;
}
@media only screen and (max-width: 992px) {
    .s-testimonials-3-col .col-wrap {
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        width: 100%;
        row-gap: 120px;
    }
}
/*========================================*/
/*====== S - 3 Col + Multiple Rows ======*/
/*=======================================*/
.s-three-col-mr .col {
    flex-grow: 1;
    box-sizing: border-box;
}
.s-three-col-mr .col:nth-child(1) {
    flex-basis: 35%;
    padding: 0;
}
.s-three-col-mr .col:nth-child(2) {
    flex-basis: 25%;
    padding: 0;
}
.s-three-col-mr .col:nth-child(3) {
    flex-basis: 40%;
    padding: 0;
}
.s-three-col-mr .main-col img {
    width: 100px;
    height: auto;
    margin: 0 auto;
    display: table;
    margin-top: -7px;
}
.s-three-col-mr .inner-col {
    flex: 1;
    box-sizing: border-box;
}
.s-three-col-mr .inner-col:nth-child(1) {
    flex-basis: 50%;
}
.s-three-col-mr .inner-col:nth-child(2) {
    flex-basis: 50%;
}
.s-three-col-mr h3 {
    font-size: 25px;
}
.s-three-col-mr .inner-col p {
    font-size: 16px;
}
.s-three-col-mr .col:nth-child(3) p {
    font-size: 16px;
}
.s-three-col-mr .green-cyan .gb-icon svg {
    font-size: 15px;
    color: var(--color-light-green-cyan)
}
.s-three-col-mr .vivid-amber .gb-icon svg {
    font-size: 15px;
    color: var(--color-luminous-vivid-amber)
}
.s-three-col-mr .pale-cyan-blue .gb-icon svg {
    font-size: 15px;
    color: var(--color-pale-cyan-blue)
}
.s-three-col-mr .vivid-cyan-blue .gb-icon svg {
    font-size: 15px;
    color: var(--color-vivid-cyan-blue)
}
.s-three-col-mr .col .green-cyan a,
.s-three-col-mr .col .vivid-amber a,
.s-three-col-mr .col .pale-cyan-blue a,
.s-three-col-mr .col .vivid-cyan-blue a {
    color: black;
}
@media only screen and (max-width: 992px) {
    .s-three-col-mr {
        flex-direction: column;
    }
    .s-three-col-mr .col {
        flex-basis: 100%;
    }
    .s-three-col-mr .main-col img {
        width: 80px;
    }
    .s-three-col-mr .col:nth-child(2) {
        padding: 20px 0;
    }
    .s-three-col-mr .inner-col {
        flex-basis: 100%;
    }
}
/*========================*/
/*====== S - Logos ======*/
/*======================*/
@media only screen and (max-width: 768px) {
    .s-logos .logo {
        flex: 1 1 100%;
        justify-content: center !important;
        margin: 0 auto;
    }
}
/*===================================================*/
/*====== S- Three Col - Com. Service Committee ======*/
/*===================================================*/
.s-three-col-csc .col-wrapper .member,
.s-three-col-csc .col-wrapper .role {
    text-align: center;
}
.s-three-col-csc .col-wrapper .member {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}
.s-three-col-csc .col-wrapper .role {
    text-align: center;
    font-size: 16px;
}
@media only screen and (max-width: 768px) {
    .s-three-col-csc .col-wrapper {
        display: flex;
        flex-direction: column
    }
    .s-three-col-csc .col-wrapper .box-adjust {
        padding-top: 10px;
    }
}
/*===========================*/
/*====== S - SLIDERS ======*/
/*========================*/
/********* SLIDER V1 *************/
.testimonials.v1.bg-grey:hover {
    background-color: #e6e7e8
}
.testimonials.v1.bg-vivid-orange:hover {
    background-color: #F37021
}
.testimonials.v1 .slick-track,
.testimonials.v2 .slick-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
}
.testimonials.v1 .testi-item,
.testimonials.v2 .testi-item {
    min-width: 100%;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    justify-content: center; /* Center the content */
    align-items: center;
}
.testimonials.v1 .slick-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
}
.testimonials.v1 .testi-item {
    min-width: 100%;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    justify-content: center; /* Center the content */
    align-items: center;
}
.testimonials.v1 .testi-item .text {
    color: black;
    margin-top: 0;
}
.testimonials.v1 .testi-item .text .mini-title {
    font-size: 20px;
    padding-bottom: 20px;
    padding-top: 0;
}
.testimonials.v1 .testi-item .text p {
    font-size: 18px;
    line-height: 30px;
}
.testimonials.v1 .testi-item .text p.second {
    padding-top: 10px;
}
.testimonials.v1:hover .net.mint {
    opacity: unset;
}
.testimonials.v1 .title {
    transform: rotate(-90deg);
    position: absolute;
    display: inline-block;
    left: -140px;
    font-weight: 700;
    text-transform: uppercase;
    top: 110px;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    transition: all .3s;
}
.testimonials.v1 .testi-item .image img {
    height: 436px;
    width: 100%;
    object-fit: contain;
}
.testimonials.v1 .net {
    left: -50px;
    bottom: 20px;
    z-index: -1;
    transition: all .3s;
}
@media only screen and (min-width: 1199px) {
    .testimonials.v1 .testi-item .text p {
        padding-right: 50px;
    }
}
@media only screen and (max-width: 1199.98px) {
    .testimonials.v1 .testi-item .image img {
        object-fit: cover;
    }
    .testimonials.v1 .net {
        bottom: -20px;
    }
}
@media only screen and (max-width: 992px) {
    .testimonials.v1 {
        padding-top: 60px;
    }
    .testimonials.v1 .title {
        transform: none;
        position: relative;
        left: 0;
        top: 0;
        font-size: 34px;
        line-height: 40px;
        font-weight: 700;
        margin-bottom: 20px;
    }
}
/********* SLIDER V2 *************/
.testimonials.v2 {
    padding: 30px 0 0 0;
}
.testimonials.v2:hover {
    background-color: #F3C716;
}
.testimonials.v2 p.quote,
.testimonials.v2 p.author {
    color: black;
    font-size: 20px;
    line-height: 30px;
}
.testimonials.v2 .image img {
    width: 300px;
    height: auto;
    margin: 0 auto;
    display: table;
    position: relative;
    margin-bottom: -80px;
}
.testimonials.v2 p.author {
    padding-top: 20px;
}
.testimonials.v2 h2 {
    font-size: 42px;
    font-weight: 700;
    line-height: 50px;
}
.testimonials.v2 .testi-item .text {
    margin-top: unset;
}
.testimonials.v2 .testi-item .image {
    width: 486px;
    flex-shrink: unset;
}
.testimonials.v2 .slider-container .slider-control {
    bottom: 50px;
}
@media only screen and (max-width: 992px) {
    .testimonials.v2 {
        padding: 30px 0 80px 0;
    }
    .testimonials.v2 h2 {
        font-size: 34px;
        line-height: 40px;
        margin: 0 auto;
        padding-bottom: 20px;
    }
    .testimonials.v2 .slider-container .slider-control {
        bottom: -20px;
    }
    .testimonials.v2 .testi-item .text {
        margin-top: unset;
    }
    .testimonials.v2 .testi-item .image {
        width: unset;
    }
    .testimonials.v2 .image img {
        display: none;
    }
}
/*=== OTHERS ===*/
a.anchors {
    display: block;
    position: relative;
    top: -80px;
    visibility: hidden;
}
/*===== ALL MOBILE =====*/
/*==== ALL ======*/
@media only screen and (min-width: 991px) and (max-width: 1199px) {
    .page-id-13656 .gb-container,
    .page-id-13722 .gb-container,
    .page-id-13673 .gb-container,
    .page-id-13831 .gb-container {
        padding: 0 20px;
    }
    .hero.header .hero-img,
    .hero.inside .hero-img {
        object-fit: cover
    }
}
@media only screen and (max-width: 992px) {
    .container.gtb h2 {
        font-size: 34px;
        line-height: 40px;
    }
    /*====== S (inside Hero) - Two Col Above ======*/
    .s-two-col-above-hero {
        flex-direction: column;
        align-items: left;
        text-align: left;
        justify-content: left;
    }
    .s-two-col-above-hero {
        flex-direction: column;
        align-items: left;
    }
    .s-two-col-above-hero .left-col,
    .s-two-col-above-hero .right-col {
        width: 100%;
    }
    .s-two-col-above-hero h3 {
        font-size: 26px;
        line-height: 32px;
    }
    .s-two-col-above-hero .right-col img {
        width: 80px;
    }
}