/*.hero-container-bg {
    margin-right: 2rem;
}*/
.industires {
    padding: 0rem 10rem 3rem 10rem;
}

main #directMessage > .texts p {
    font-size: 1.5rem;
    width: 80%;
}

.comommunity-page .section-header h1 {
    color: #009247;
}

#section-Why-us .tawasol-content .card-tawasol:hover svg path {
    fill: #fff;
}
/*.connecting-teams .service.custom-service div {
    padding: 1rem 2.1rem 0 2.1rem;
}*/
.comommunity-page .section-header p {
    max-width: 70%
}

.service {
    padding: 1rem 3rem 0 2rem;
    background-color: #f7f7f7;
    margin-bottom: 1.5rem;
    border-radius: 1rem;
    height: 365px !important;
    overflow: hidden;
}

.connecting-teams .col-md-6:nth-child(5) .service {
    padding: 1rem 3rem 1rem 2rem;
}

.service h2 {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    color: #2b2b2b;
}

.service p {
    font-size: 1rem;
    margin-bottom: 1rem;
    color: #757575;
    line-height: 20px;
}

.service a {
    color: #009247;
    margin-bottom: 1rem;
    display: inline-block;
    font-size: 1.125rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

    .service a:hover {
        text-decoration: none;
    }

.connecting-teams .col-md-6:nth-child(2) .service {
    background-color: #009247;
    color: white;
    padding-top: 0;
}

.connecting-teams .sectionTwo {
    background-color: #009247;
    color: white;
}


    .connecting-teams .sectionTwo h2 {
        margin-top: 1rem;
    }

    .connecting-teams .sectionTwo h2,
    .connecting-teams .sectionTwo a {
        color: #fff;
        text-align: start;
    }

    .connecting-teams .sectionTwo p {
        color: #F1F1F1;
        text-align: start;
    }

.connecting-teams .col-md-6:nth-child(4) .service {
    background-color: #EDFFF0;
    /*    color: white;*/
    padding-top: 0;
}

.connecting-teams .sectionfoure {
    background-color: #EDFFF0;
    /*    color: white;*/
    padding-top: 0;
}


    .connecting-teams .sectionfoure h2 {
        color: #2b2b2b;
        text-align: start;
    }


    .connecting-teams .sectionfoure a {
        color: #009247;
        text-align: start;
    }


    .connecting-teams .sectionfoure p {
        color: #757575;
        text-align: start;
    }

.service:last-child img {
    display: block;
    margin: 0 auto;
}

.col-md-12.service {
    border-radius: 1rem;
    background: #FFFBF2;
    padding: 3.5rem 2.1rem 0 2.1rem;
}

    .col-md-12.service p {
        width: 80%;
    }

    .col-md-12.service a {
        color: #D6A329;
        padding-bottom: 1rem;
    }

.col-md-12.service {
    border-radius: 1rem;
    background: #FFFBF2;
    padding: 3.5rem 2.1rem 0 2.1rem;
}

.connecting-teams .col-md-6:nth-child(4) .service {
    background-color: #EDFFF0;
    color: white;
    padding-top: 0;
}

.service svg {
    height: 155px;
    margin: 0 auto;
    width: 250px;
}

.col-md-12.service svg {
    width: 350px;
    height: 180px;
}

.industires .title {
    font-size: 2.5rem;
}

.industires .description {
    font-size: 1.3rem;
    color: #6969699c;
}

.industires .cards-industries .card-details {
    min-width: 160px;
}

#recent-blogs-sec .title-header {
    text-align: start !important;
}

#ourServices .cards .services-card .texts h4 a {
    color: #000;
    text-align: center;
    font-size: 0.93981rem;
    font-weight: 500;
    line-height: 140%;
    text-decoration: none
}

    #ourServices .cards .services-card .texts h4 a:hover {
        text-decoration: none
    }

#ourServices .cards .services-card img {
    max-height: 110px;
}

.cust-containerImg img {
    max-height: 450px;
}

#monitor .cust-containerImg img {
    width: auto;
    max-height: 400px;
}

main #directMessage .cards .shawt-card .card-img img {
    max-height: 200px;
}

main #directMessage .cards .shawt-card .texts p {
    max-width: 80%;
}

main.shawts #createShawts .cards .shawt-card {
    position: relative;
    overflow: hidden;
    border-radius: 1.4375rem;
    border: 1px solid #009247;
    background: #F1F1F1;
    padding: 0 3.75rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card-shawts.large-item img {
    width: 600px;
    height: 300px;
    max-height: 300px;
}

.card-shawts.small-item img {
    max-height: 100px;
    max-width: 220px;
}

.card-shawts.equal-item img {
    max-width: 488px;
    max-height: 166px;
}

.custom-connectedInformedSection .connectedInformedSection {
    align-items: start;
}

.custom-connectedInformedSection .connectedInformedSection-img img {
    /*    max-height: 230px;*/
}

.custom-connectedInformedSection .connectedInformedSection {
    height: 22.375rem;
}

.custom-connectedInformedSection .content-sec p {
    font-size: 1.4rem;
}

.features-content .features-row .card-features {
    width: 100%;
}

.library-page .connectedInformedSection-img {
    width: 35%;
    text-align: center;
}

.features-content .features-row .card-features:hover svg rect {
    fill: #fff;
}

.features-content .features-row .card-features:hover svg path {
    fill: #000;
}

.library-page .central-section .artical-img-continer img {
    box-shadow: none;
}

.central-section .artical-img-continer {
    /*    max-height: 400px;*/
    max-width: 1000px;
    /*    margin: 0 auto 7rem !important;*/
}

    .central-section .artical-img-continer img {
        max-width: 100%;
        max-height: 100%;
    }

.central-section {
    padding-bottom: 0;
}

.features {
    padding: 2rem;
    margin: 3.5rem 0rem;
}

.chat-page .features:first-child {
    background: linear-gradient(305deg, rgba(164, 221, 156, 0.90) -14.96%, #FFF 0.8%, rgba(168, 223, 160, 0.90) 249.27%, #FFF 442.95%);
}

.features-content .card-features {
    max-height: 355px;
    height: auto;
    background: transparent;
}

.central-section .central-title {
    padding: 0 10%;
}

.chat-page .features:first-of-type {
    /*background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(164, 221, 156, 0.3) 34%, rgba(255, 255, 255, 0.5) 100%);*/
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(164, 221, 156, 0.3) 27%, rgba(255, 255, 255, 0.5) 65%);
}
/*.chat-page .features:first-of-type .features-content .card-features {
    width: auto;
}*/
.chat-page .custom-connectedInformedSection {
    padding-bottom: 0;
    gap: 1.5rem;
}

.chat-page .features:nth-of-type(2) .features-content .card-features {
    min-height: auto;
}
/*.chat-page .central-section .artical-img-continer img {
    max-width: 1000px;
}*/
.chat-page .features:first-of-type .description-header {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.501px;
    max-width: 80%;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    max-width: 56%;
    color: var(--grey-color, rgba(117, 117, 117, 0.80));
}

.chat-page .custom-connectedInformedSection .connectedInformedSection {
    margin-bottom: 0;
}

.chat-page .features:nth-of-type(2) {
    margin-top: 2rem;
}

    .chat-page .features:nth-of-type(2) .features-content {
        margin: 2rem 3rem !important;
    }

.chat-page .connectedInformedSection-img {
    text-align: center;
    margin: 1rem auto 0 auto;
}

.chat-page .features:first-of-type .features-content {
    gap: 2rem;
}

.chat-page .custom-connectedInformedSection .content-sec p {
    font-size: 1rem;
}

.chat-page .connectedInformedSection {
    padding: 1.5rem 2rem 0;
}

.chat-page .connectedInformedSection-img img {
    max-width: 250px;
    max-height: 180px;
}

.chat-page .features:first-of-type .title-wrapper {
    background-image: none;
}

.title-header, .features .title-header {
    margin-bottom: 1rem
}

.library-page .custom-connectedInformedSection {
    padding-bottom: 0;
}

.library-page .features {
    margin-bottom: 0;
    margin-top: 0;
}

.library-page #ourServices {
    margin-top: 0;
}

#section-Features .title-header {
    margin-bottom: 4rem;
}

main.shawts #createShawts .cards .shawt-card:first-child .card-img {
    margin-bottom: 0;
}
/*  main.shawts #createShawts .cards .shawt-card:first-child .card-img img {
        padding-bottom: 1rem;
    }*/
#discoverEngage svg {
    width: 100%;
    height: 350px;
}

.big-card p {
    max-width: 70%;
}

main.shawts #createShawts .cards .shawt-card .features-list .features-row {
    row-gap: 1.5rem
}

main.events #connectingCommunities .texts p {
    margin-bottom: 0;
}

main.events #connectingCommunities .texts {
    margin-bottom: 1.5rem;
}

main.shawts #createShawts .cards .shawt-card .features-list .one-feature span {
    font-size: 1rem;
}

main.shawts #createShawts .cards .shawt-card .features-list .one-feature {
    gap: 0.5rem;
    align-items: start;
}

    main.shawts #createShawts .cards .shawt-card .features-list .one-feature svg {
        width: 1.5rem;
        height: 1.5rem;
    }

.industry .service-text h2 {
    color: #009247;
}

.industry .rulesList li {
    color: #009247;
    background: transparent !important;
}

.industriesModelTwo .hero .hero-content .title {
    color: #009247;
}

@media screen and (max-width: 991px) {
    .our-blogs, #section-Why-us {
        padding: 2rem;
    }

    .card-shawts.equal-item {
        flex-direction: column !important;
    }

    .card-shawts.large-item img {
        max-width: -webkit-fill-available;
        width: auto;
        max-height: fit-content;
        height: auto;
    }

    .card-shawts.small-item img {
        max-width: -webkit-fill-available;
        max-height: fit-content;
    }

    .card-shawts.equal-item img {
        max-width: -webkit-fill-available;
        max-height: fit-content;
    }

    .hero .hero-bg {
        text-align: center;
        max-width: 350px !important;
        object-fit: contain;
        height: 300px !important;
    }

    .industires {
        padding: 2rem;
    }

        .industires .cards-industries {
            gap: 0.5rem;
        }

    .simplify-setting .simplify-content .work-flow .options {
        line-height: normal;
    }

    footer .footer {
        align-items: flex-start;
        padding: 1rem;
    }

    #monitor .cust-containerImg img {
        width: 100%;
    }

    main #directMessage .cards .shawt-card .card-img {
        position: relative;
        width: 100%;
    }

    .chat-page .features:nth-of-type(2) .features-content {
        margin: 2rem 0rem !important;
    }

    .chat-page .custom-connectedInformedSection .connectedInformedSection {
        overflow: hidden;
    }
}


.service-text {
    padding-inline: 0rem !important;
}

.industry {
    padding-inline: 5rem !important
}

.title-wrapper-edit {
    padding-top: 4rem;
}

.empower-card card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#empowerSection > .empower-card:nth-child(n+3) .card-img {
    height: 270px;
}


.library-page .features {
    padding: 2rem 5rem;
}

.font-size-rem {
    font-size: 2.8rem 
}

@media screen and (min-width:1380px) {

    .font-size-rem {
        font-size: 2.6rem !important;
    }
}



.data-driven-container {
    width: 749px;
    height: 383px;
}

    .data-driven-container img {
        object-fit: contain;
    }
/*
    \\\
    grediant
*/
/*events page*/
#seamlessPlanning {
    /*  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(164, 221, 156, 0.3) 20%, rgba(255, 255, 255, 0.5) 39%);*/
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(164, 221, 156, 0.3) 9%, rgba(255, 255, 255, 0.5) 39%);
}

#seamlessTitle {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

/*library page*/

.library-page .features {
    /*    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) -27%, rgba(164, 221, 156, 0.3) 34%, rgba(255, 255, 255, 0.5) 44%);*/

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) -4%, rgba(164, 221, 156, 0.3) 36%, rgba(255, 255, 255, 0.5) 60%)
}

/*.central-section {
    background: linear-gradient(to top, rgba(164, 221, 156, 0.5) 0%, rgba(164, 221, 156, 0.3) 36%, rgba(255, 255, 255, 0.5) 60%);
}*/

@media screen and (max-width: 540px) {
    .service {
        height: unset !important;
        overflow: hidden;
    }

    .img-chat-container, .img-shawts-container, .img-library-container {
        width: 330px;
    }

    .simplify-content .w-50 {
        width: unset !important;
    }

    #seamlessPlanning .custom-bg p {
        max-width: unset;
    }

    .big-cards .big-card .texts {
        padding-bottom: 1rem;
    }

    main .shawts #broadcastAnnouncements .texts p {
        max-width: unset;
        font-size: 1.3rem;
    }

    main.shawts #createShawts .cards .shawt-card .card-img {
        display: unset;
    }

    .tab-pane-edit {
        height: 400px;
        width: unset !important;
    }

    .section-content .card-shawts:nth-child(5) {
        grid-column: span 4;
        gap: 2rem;
        flex-direction: column;
    }

    .chat-page .central-section, .library-page .central-section:nth-of-type(1) {
        padding-top: 3rem;
    }

    .chat-page .central-section {
        padding-top: 3rem;
    }

    .chat-page .texts.section-header {
        padding-top: 3rem;
    }
    .content-sec h2 {
        font-size: 23px;
        line-height: normal;
    }

    .chat-page .features:first-of-type .description-header {
        max-width: 100%;
    }

    .data-driven-container {
        width: 372px;
        height: initial;
    }

    .font-size-rem {
        font-size: 1.8rem !important;
    }

    #discoverEngage .col-md-12.service h2 {
        font-size: 2rem;
    }

    .library-page .features {
        padding-inline: 1rem !important;
    }

    .custom-connectedInformedSection .connectedInformedSection {
        height: inherit;
    }


    .library-page .connectedInformedSection-img {
        width: 100%;
    }

    .industry {
        padding-inline: 1rem !important;
    }

    .hero .hero-content .description {
        max-width: unset;
    }

    .service-text h2 {
        font-size: 1.6rem;
    }

    .industries-page .hero .hero-content {
        width: unset;
    }

    .custom-content-sec {
        padding: 3rem 2rem !important;
    }

    .central-section .central-des {
        padding-inline: 0.5rem !important;
    }

    .event-card .card-tawasol {
        width: 100%;
    }

    #exploreKeyFeatures .cards .one-card {
        width: 100%;
    }

    .big-cards .big-card {
        width: 100%
    }

    #discoverEngage .img-chat-container {
        margin: unset;
    }
}

.central-section {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.5) -25%, rgba(164, 221, 156, 0.3) 34%, rgba(255, 255, 255, 0.5) 46%);
}




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

    .img-shawts-container {
        margin: 1rem auto !important;
    }
}