/* How to use */
/*
.some-div{
  @include small-screen{
    width: 100%;
  }
}
*/
/* Screen Sizes */
/** Fonts **/
@font-face {
    font-family: "Roboto Light";
    src: url("../../fonts/Roboto-Light.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Roboto Regular";
    src: url("../../fonts/Roboto-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Roboto Medium";
    src: url("../../fonts/Roboto-Medium.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Roboto Bold";
    src: url("../../fonts/Roboto-Bold.ttf") format("truetype");
    font-display: swap;
}

/* Project Fonts */
/** Font Size **/
body,
html {
    font-size: 1rem;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    /* Prevent horizontal scroll */
    width: 100%;
    /* Ensure the width fits the viewport */
}

body {
    margin-top: 80px;
}

* {
    box-sizing: border-box;
}
.central-section {
    text-align: center;
    padding-bottom: 4.5rem;
    padding-top: 4.5rem;
}

    .central-section .central-title {
        text-align: center;
        font-size: 2.5rem;
        font-weight: 500;
        line-height: 150%;
        padding: 0 21%;
        padding: 0 16%;
    }

    .central-section .central-des {
        color: var(--grey-color, rgba(117, 117, 117, 0.80));
        text-align: center;
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 150%;
        padding-inline: 18%;
    }


    .central-section .artical-img-continer {
        width: 60%;
        margin: auto;
        padding-top: 1.25rem;
    }

.library-page .central-section .artical-img-continer img {
    box-shadow: 10px 10px 197px 0px rgba(14, 160, 85, 0.75);
    -webkit-box-shadow: 10px 10px 197px 0px rgba(14, 160, 85, 0.75);
    -moz-box-shadow: 10px 10px 197px 0px rgba(14, 160, 85, 0.75);
}

.footer-description {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

// .footer-container .col-sm-6 {
    // flex: 0 0 50% !important; /* يضمن أن العمود سيأخذ 50% */
    //
}


footer .social-icons a:first-of-type {
    margin-start: 0 !important;
}

@media (min-width: 768px) {
    .text-md-start {
        text-align: start !important;
    }
}
.help-text, .contact-header h2 {
    text-align: start !important;
}

.modal-body {
    padding: 3rem 3rem 1rem !important;
}

.modal-header {
    padding: 1rem 3rem;
}

    .modal-header .modal-title {
        color: #009247;
    }


    .modal-header .btn-close {
        margin: 0 !important;
    }


 
 

@media (max-width: 991px) {

    .footer-container {
        padding: 4rem 0;
    }

    footer .footer {
        flex-direction: column;
        padding: 10px 0;
    }
}

.margin-bottom-xxl {
    margin-bottom: 15rem;
}

.padding-section {
    padding: 6rem 5rem;
}

.cust-container {
    padding: 3rem 5rem;
}

body::-webkit-scrollbar {
    width: 0.625rem;
}

body::-webkit-scrollbar-thumb {
    background-color: #009247;
    border-radius: 10px;
    outline: 1px solid #9A9A9A;
}

.btn :focus {
    outline: none !important;
    box-shadow: none !important;
}

.btn .swiper {
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 1200px) {
    .btn .margin-bottom-xxl {
        margin-bottom: 8rem;
    }
}

@media only screen and (max-width: 1200px) {
    .btn .margin-bottom-xxl {
        margin-bottom: 8rem;
    }
}
.title-header, .features .title-header {
    color: #2b2b2b;
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 3rem;
    text-align: center;
    text-transform: capitalize;
}
.features .title-header {
 
    font-weight: 500;
    text-transform: capitalize;
}

/*hr {
    background: #ACACAC;
    margin: 3rem;
}*/

.control-of-tawasol .nav-item .nav-link.active svg rect {
    fill: transparent;
}

img {
    max-width: 100%;
}
#loader {
    width: 100%;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    z-index: 99999999;
    left:0;
    right: 0;
    top:0;
    bottom: 0;
    overflow: hidden;

}

.header {
    padding: 0 5rem;
    border-bottom: 1px solid #ECECEC;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
/*    z-index: 1000;*/
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 10; 
}

    .header .navbar {
        padding: 0;
    }

        .header .navbar .header-banner {
            display: flex;
            justify-content: space-between;
            width: 100%;
            flex-wrap: wrap;
        }

        .header .navbar .navbar-brand img {
            width: 150px;
        }

        .header .navbar .navbar-toggler {
            border-color: #009247;
            padding: 0;
            border: 0;
        }

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

        .header .navbar .navbar-collapse {
            justify-content: space-between;
            text-align: center;
        }

            .header .navbar .navbar-collapse .navbar-nav .nav-link {
                color: #000;
                font-weight: 500;
                text-transform: capitalize;
                padding: 0 1rem;
            }

                .header .navbar .navbar-collapse .navbar-nav .nav-link:hover {
                    color: #009247;
                }

            .header .navbar .navbar-collapse .dropdown .btn.btn-secondary {
                background-color: transparent;
                border: none;
                display: flex;
                align-items: center;
                gap: 0.5rem;
                padding: 0;
            }

                .header .navbar .navbar-collapse .dropdown .btn.btn-secondary:hover,
                .header .navbar .navbar-collapse .dropdown .btn.btn-secondary:focus {
                    background-color: transparent;
                    box-shadow: none;
                }

            .header .navbar .navbar-collapse .btn-primary {
                background-color: #009247;
                border-radius: 0.75rem;
                padding: 0.625rem 1.25rem;
                color: #fff;
                font-weight: 600;
                text-align: center;
            }

                .header .navbar .navbar-collapse .btn-primary:hover {
                    background-color: #005f2e;
                }

.dropdown-toggle::after {
    display: none;
}

.img-community-container {
    height: 180px;
    margin: 0 auto;
    width: 450px;
    width: 355px;
    height: 175px;
    margin: -16px auto 0;
}

@media screen and (max-width: 991px) {
    .header {
        padding: 0 1rem 0 1rem;
    }

        .header .navbar-brand img {
            width: 120px;
        }

    .dropdown.me-2 {
        margin: 0 !important;
    }

    .navbar-nav.me-5 {
        margin-right: 0 !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1100px) {
    .header .navbar .header-banner {
        flex-wrap: nowrap;
    }

    .header .navbar .navbar-collapse .navbar-nav .nav-link {
        font-size: 0.7rem;
        padding: 0 0.5rem;
    }

    .header .navbar .navbar-collapse .btn-primary {
        font-size: 0.7rem;
    }



}

.wrapper {
    overflow-x: hidden;
}

/*start footer*/



footer {
    background-color: #F1F1F1;
    margin-top: 3rem;
    /*  padding-top: 4.92rem;*/
}

    footer .content-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

.footer-container {
    padding: 2rem 4.625rem 1.5rem
}

    .footer-container h6 {
        color: #009247;
    }

footer .logo h1 {
    font-size: 24px;
    color: #00713d;
    margin-bottom: 5px;
}

footer .logo p {
    font-size: 14px;
    color: #00713d;
}

footer nav ul {
    display: flex;
    list-style: none;
    gap: 2.5rem;
}

    footer nav ul li {
        margin: 0 15px;
    }

        footer nav ul li a {
            text-decoration: none;
            color: #000;
            font-size: 16px;
        }

footer .social-icons {
    display: flex;
}

    footer .social-icons a {
        color: #b4b4b4;
        font-size: 18px;
        margin-left: 10px;
        text-decoration: none;
    }

        footer .social-icons a:first-child {
            margin-left: 0px;
        }


footer .footer {
    display: flex;
    justify-content: space-between;
    text-align: left;
    padding: 10px 0;
    font-size: 14px;
    padding: 0 5.625rem;
    padding-bottom: 1rem;
}

footer .content-footer {
    flex-direction: column;
    align-items: flex-start;
}

.footer .conditions {
    color: #009247;
}

.footer-hr {
    margin-top: 0 !important;
}


/* Responsive styles */
@media (max-width: 1100px) {
    .content-footer {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 991px) {
    footer {
        padding: 0 2rem;
    }



        footer nav ul {
            padding-left: 0;
            flex-wrap: wrap;
            flex-direction: row;
            gap: 20px;
        }

            footer nav ul li {
                margin: 0;
            }

        footer .footer {
            align-items: flex-start;
        }
}

.hero .hero-bg {
    max-width: 630px;
}
/*end  footer*/
.hero {
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 0 5rem 0 5rem;
    gap: 3rem;
}

    .hero .hero-content {
        margin-top: 4rem;
        width: 50%;
    }



        .hero .hero-content .title {
            font-size: 2.4rem;
            margin-bottom: 2rem;
            font-weight: 500;
        }

        .hero .hero-content .description {
            font-size: 1.25rem;
            color: #2b2b2b;
            margin-bottom: 2rem;
            font-weight: 400;
            max-width: 80%;
        }

        .hero .hero-content .hero-actions {
            display: flex;
            gap: 1rem;
            width: 100%;
        }


.hero-actions {
    display: flex;
    gap: 1rem;
    width: 100%;
}
    .hero .hero-bg {
        max-width: 600px;
    }

.why-us {
    padding: 3rem 5rem;
    /*  background-image: url(../images/home/111.png);*/
    /*   background-image: url(../images/home/22.jpg);*/
    /*background-image: url(../images/home/decore.png);*/
    background-repeat: no-repeat;
    background-size: cover;
}

    .why-us .title-wrapper {
        margin-bottom: 2.5rem;
    }

        .why-us .title-wrapper .title-header {
            font-size: 3rem;
            color: #2b2b2b;
            font-size: 3rem;
            font-style: normal;
            font-weight: 600;
            line-height: 4rem;
            text-align: start;
            margin-bottom: auto;
            text-align: center;
        }

        .why-us .title-wrapper .description-header {
            color: #009247;
            font-size: 3rem;
            font-weight: 600;
            line-height: 2rem;
            text-align: center;
            display: block;
        }

    .why-us .tawasol-content {
        gap: 1rem;
    }

        .why-us .tawasol-content .card-tawasol {
            padding: 2rem 1.5rem;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            border-radius: 0.5rem;
            gap: 1rem;
            border: 1px solid #ECECEC;
            min-width: 290px;
            height: 100%;
        }

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

.why-us .tawasol-content .card-tawasol .img-fluid {
    max-width: 32px;
}

            .why-us .tawasol-content .card-tawasol .title {
                font-size: 1.125rem;
                margin-bottom: 0rem;
                font-weight: 600;
                height:50px ;
          
            }

            .why-us .tawasol-content .card-tawasol .description {
                font-size: 1rem;
                margin-bottom: 0;
                font-weight: 400;
                line-height: normal;
                color: #2b2b2b;
           
                display: -webkit-box;
                -webkit-line-clamp: 5; 
                -webkit-box-orient: vertical;
                overflow: hidden;
                text-overflow: ellipsis;
                height:110px
            }

.connecting-teams {
    padding: 2rem 5rem;
}

    .connecting-teams .service.custom-service {
        display: flex;
        padding: 0;
        overflow: hidden;
        height: initial !important; 
    }



        .connecting-teams .service.custom-service div:not(.img-community-container) {
            padding: 3.5rem 2.1rem 0 2.1rem;
        }
        .connecting-teams .service.custom-service .img-community-container {
            padding: 0 ;
        }
.control-of-tawasol {
    padding: 3rem 5rem;
}

    .control-of-tawasol .nav-pills {
        justify-content: center;
    }

        .control-of-tawasol .nav-pills .nav-link {
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 10px;
            border-radius: 10px;
            font-size: 14px;
            font-weight: bold;
            margin: 0 10px;
        }

            .control-of-tawasol .nav-pills .nav-link .icon {
                width: -moz-fit-content;
                width: fit-content;
                justify-content: center;
                align-items: center;
            }

                .control-of-tawasol .nav-pills .nav-link .icon svg {
                    width: 32px;
                    height: 32px;
                }

    .control-of-tawasol .nav-item .nav-link .icon {
        display: block;
        border-radius: 0.5rem;
        background: #F9F9F9;
        margin-bottom: 5px;
        display: flex;
        padding: 0.5rem 0.75rem;
        align-items: center;
        gap: 0.625rem;
    }

        .control-of-tawasol .nav-item .nav-link .icon img {
            color: white;
        }

    .control-of-tawasol .nav-link {
        color: var(--DarkGray, #ACACAC);
    }

        .control-of-tawasol .nav-link:hover {
            color: var(--DarkGray, #007B33);
        }

    .control-of-tawasol .cust-tab-pane {
        text-align: center;
    }

    .control-of-tawasol .nav-item .nav-link.active {
        background-color: transparent !important;
        color: #007B33 !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

        .control-of-tawasol .nav-item .nav-link.active svg path {
            fill: #fff;
        }

    .control-of-tawasol .description-control-tawasol {
        width: 65%;
        text-align: center;
        margin: auto;
        color: #757575;
        text-align: center;
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        text-align: center;
    }

    .control-of-tawasol .nav-item .nav-link.active .icon {
        background-color: #007B33 !important;
        color: white !important;
        margin-bottom: 5px;
        display: flex;
        padding: 0.5rem 0.75rem;
        align-items: center;
        gap: 0.625rem;
    }

    .control-of-tawasol .nav-item {
        margin: 10px;
    }

.simplify-setting {
    /*padding: 3rem 0 3rem 5rem;*/
    padding: 0 5rem 0;
}

    .simplify-setting .title-header {
        color: #2b2b2b;
        font-size: 3rem;
        font-weight: 700;
        margin-bottom: 3rem;
        text-transform: capitalize;
        width: calc(100% - 10rem);
    }

    .simplify-setting .simplify-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 4rem;
    }

        .simplify-setting .simplify-content .work-flow img {
            border-radius: 10px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
        }

        .simplify-setting .simplify-content .work-flow .title {
            font-size: 2rem;
            color: #009247;
            margin-bottom: 1rem;
            text-transform: capitalize;
        }

        .simplify-setting .simplify-content .work-flow .description {
            font-size: 1rem;
            color: #9A9A9A;
            width: calc(100% - 5rem);
            display: block;
            margin-bottom: 2rem;
        }

        .simplify-setting .simplify-content .work-flow .nav-item {
            margin-bottom: 1rem;
        }

        .simplify-setting .simplify-content .work-flow .options {
            color: #ACACAC;
            margin-bottom: 2rem;
            font-size: 1.5rem;
            text-transform: capitalize;
            padding: 0;
            border: 0;
            margin-bottom: 0.5rem;
            font-weight: 700;
        }

            .simplify-setting .simplify-content .work-flow .options.active {
                color: #009247;
            }

.tab-description {
    display: none;
    font-size: 1rem;
    color: #9A9A9A;
    margin-top: 0.5rem;
        max-width: 88%;
}

    .tab-description.active {
        display: block;
    }

.service {
    padding: 1.5rem 3rem 0 2rem;
    background-color: #fff;
    margin-bottom: 1.5rem;
    border-radius: 1rem;
    overflow: hidden;
}

    .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: 0.5rem;
        display: inline-block;
        font-size: 1.125rem;
        font-weight: 600;
        text-decoration: none;
        cursor: pointer;
    }

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

   /* .service:nth-child(2) {
        background-color: #009247;
        color: white;
        padding-top: 0;
        text-align: center;
    }

        .service:nth-child(2) h2 {
            margin-top: 1rem;
        }

        .service:nth-child(2) h2,
        .service:nth-child(2) a {
            color: #fff;
            text-align: start;
            display: block;
        }

       

    .service:nth-child(4) {
        background-color: #EDFFF0;
        color: white;
        padding-top: 0;
        text-align: center;
    }*/

        .service:nth-child(4) h2 {
            color: #2b2b2b;
            text-align: start;
        }

        .service:nth-child(4) a {
            color: #009247;
            display: block;
            text-align: start;
        }

        .service:nth-child(4) 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;
    }

.industires {
    padding: 3rem 5rem;
}

    .industires .title {
        font-size: 1.75rem;
        color: #D6A329;
        margin-bottom: 1.5rem;
        text-align: center;
    }

    .industires .description {
        font-size: 1.875rem;
        font-weight: 600;
        margin-bottom: 2.5rem;
        line-height: normal;
    }

    .industires .cards-industries {
        display: flex;
        justify-content: space-around;
        gap: 1.5rem;
    }


.industires .cards-industries .card-details {
    padding: 0.75rem 1.5rem;
    background-color: #fff;
    border-radius: 0.5rem;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.16);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
    min-width: 130px;
}


.industires .cards-industries .card-details img {
    width: 32px;
    height: 32px;
}

.industires .cards-industries .card-details span {
    font-size: 1rem;
    color: #2b2b2b;
    display: inline-block;
    font-weight: 500;
}



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

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

    .industires .cards-industries {
        flex-wrap: wrap;
        justify-content: center;
    }



    .services-container:nth-child(odd) {
        flex-direction: column;
    }

    .services-container.reverse {
        flex-direction: column;
    }

    .services-container {
        flex-direction: column;
    }

 
    .service-item-edit {
        flex: 1 1 100% !important ;
    }


    .industires .description {
        display: none;
    }

    .control-of-tawasol .nav-item {
        margin: 0;
        max-width: 100px;
        min-width: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .control-of-tawasol .description-control-tawasol {
        width: 100%;
    }

    .why-us .tawasol-content {
        gap: 0;
    }

    .work-flow .w-50 {
        width: 100% !important;
        margin-bottom: 1rem;
    }

    .hero {
        flex-direction: column;
        padding: 0 2rem;
        gap: 2rem;
        align-items: start;
        justify-content: start;
    }

        .hero .hero-content {
            flex: auto;
        }

            .hero .hero-content .title {
                font-size: 1.875rem;
                margin-top: 2rem;
            }

        .hero .hero-bg {
            flex: auto;
        }

    .img-services-container {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .why-us,
    .connecting-teams,
    .our-services .content,
    .control-of-tawasol,
    .simplify-setting,
    .industires,
    .cust-container {
        padding: 2rem 2rem;
    }

        .why-us .title-header,
        .connecting-teams .title-header,
        .our-services .content .title-header,
        .control-of-tawasol .title-header,
        .simplify-setting .title-header,
        .industires .title-header,
        .cust-container .title-header {
            width: 100%;
            font-size: 1.875rem;
            margin-bottom: 3rem;
        }

        .why-us .simplify-content,
        .connecting-teams .simplify-content,
        .our-services .content .simplify-content,
        .control-of-tawasol .simplify-content,
        .simplify-setting .simplify-content,
        .industires .simplify-content,
        .cust-container .simplify-content {
            flex-direction: column;
        }

    .title-header {
        margin-bottom: 3rem;
    }

    .our-services .img-services-container .service-card-col img {
        margin: 0.7rem !important;
    }

    .control-of-tawasol .nav-pills {
        display: flex;
    }

    .control-of-tawasol .cust-tab-pane img {
        max-width: 100%;
    }

    .our-blogs {
        margin: 0 !important;
    }

    #one-app-sec .one-app-container {
        padding: 2rem !important;
    }

        #one-app-sec .one-app-container .content {
            padding: 2rem !important;
        }
}






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


    img-community-container {
        margin: -16px auto !important;
    }

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

    @media screen and (min-width: 1201px) and (max-width: 1300px) {

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


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

        }

        .industires .cards-industries {
            flex-wrap: wrap;
            justify-content: start;
        }
        img-community-container {
            margin: -16px auto !important;
        }

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

        .features-content .card-features {
            min-width: 253px !important;
        }

        .hero .hero-content .description {
            max-width: 100%;
        }


        .industriesModelTwo .title-wrapper .description-header {
            font-size: 1.3rem;
        }

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

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

        .img-chat-container {
            margin: 0 3rem 1rem 0;
            padding: 0 !important;
            width: unset !important;
        }

        .event-card .card-tawasol h4 {
            font-size: calc(1rem + .3vw);
        }

        .custom-connectedInformedSection .connectedInformedSection {
            height: initial !important;
        }
        /*  .hero .hero-content .title {
        font-size: 3rem;
    }
*/

        .tab-description {
            max-width: unset;
        }

        .hero .hero-content .title {
            font-size: 2.3rem;
        }

        .hero .hero-content .description {
            margin-bottom: 2rem;
        }

        .why-us .tawasol-content .card-tawasol .title {
            font-size: 1rem;
        }

        .img-community-container {
            margin: -16px auto !important;
        }
    }



    @media screen and (min-width: 992px) and (max-width: 1200px) {
        .industires .cards-industries {
            flex-wrap: wrap;
            justify-content: start;
        }

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

        .features-content .card-features {
            min-width: 253px !important;
        }

        .hero .hero-content .description {
            max-width: 100%;
        }


        .industriesModelTwo .title-wrapper .description-header {
            font-size: 1.3rem;
        }

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

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

        .img-chat-container {
            margin: 0 3rem 1rem 0;
            padding: 0 !important;
        }

        .event-card .card-tawasol h4 {
            font-size: calc(1rem + .3vw);
        }

        .custom-connectedInformedSection .connectedInformedSection {
            height: initial !important;
        }
        /*  .hero .hero-content .title {
        font-size: 3rem;
    }
*/

        .tab-description {
            max-width: unset;
        }

        .hero .hero-content .title {
            font-size: 2.3rem;
        }

        .hero .hero-content .description {
            margin-bottom: 2rem;
        }

        .why-us .tawasol-content .card-tawasol .title {
            font-size: 1rem;
        }

        .img-community-container {
            margin: -16px auto !important;
        }
    }

    .object-fit-cover {
        -o-object-fit: cover;
        object-fit: cover;
    }

    .object-position-50 {
        -o-object-position: 50% 50%;
        object-position: 50% 50%;
    }


    main.blogs #banner-sec {
        padding: 0 5rem 0 5rem;
        margin-top: 6rem;
        overflow: hidden;
    }

        main.blogs #banner-sec .banner {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 21rem;
            border-radius: 1rem;
        }

            main.blogs #banner-sec .banner .gradient-background {
                background: linear-gradient(270deg, rgba(0, 0, 0, 0.2) 0%, #000 100%) lightgray 0px -456.996px/100% 271.901% no-repeat;
                padding: 0 0 0 5rem;
                width: 100%;
                height: 100%;
                position: absolute;
                opacity: 0.75;
            }

            main.blogs #banner-sec .banner .banner-img {
                width: 100%;
                height: 100%;
            }

            main.blogs #banner-sec .banner .banner-texts {
                display: flex;
                flex-direction: column;
                gap: 3rem;
                padding: 3.5rem;
                position: absolute;
                top: 0;
                left: 0;
                color: #fff;
                height: 100%;
            }

    @media screen and (max-width: 768px) {
        main.blogs #banner-sec .banner .banner-texts {
            padding: 0.81rem;
        }
    }

    main.blogs #banner-sec .banner .banner-texts .texts {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

        main.blogs #banner-sec .banner .banner-texts .texts .title {
            color: #fff;
            font-size: 2.5rem;
            font-weight: 500;
            /*    width: 56.25rem;*/
        }

    @media screen and (max-width: 768px) {
        main.blogs #banner-sec .banner .banner-texts .texts .title {
            font-size: 1.125rem;
            font-weight: 500;
            width: 19.25rem;
        }
    }

    main.blogs #banner-sec .banner .banner-texts .texts .paragrapg {
        color: #F1F1F1;
        font-size: 1.25rem;
        font-weight: 400;
        width: 58.6875rem;
    }






    main.blogs #recent-blogs-sec {
        padding: 0 5rem 0 5rem;
        margin: 6rem 0;
    }

        main.blogs #recent-blogs-sec .section-title {
            color: #2b2b2b;
            font-size: 3rem;
            font-weight: 600;
            line-height: 4rem;
            text-transform: capitalize;
            margin-bottom: 1.5rem;
        }



        main.blogs #recent-blogs-sec .recent-three {
            padding: 1.5rem 0;
            row-gap: 1.5rem;
        }

            main.blogs #recent-blogs-sec .recent-three .big-col {
                display: flex;
                flex-direction: column;
                gap: 3.5rem;
                border-radius: 0.5rem;
                overflow: hidden;
                justify-content: space-between;
                padding-bottom: 18px;
            }




    @media screen and (max-width: 768px) {
        main.blogs #banner-sec .banner .banner-texts .texts .paragrapg {
            color: #F1F1F1;
            font-size: 0.625;
            width: 19.25rem;
        }

        main.blogs #banner-sec .banner {
            height: 26rem;
        }

        main.blogs #banner-sec {
            padding: 0 0.94rem 0 0.94rem;
        }

        main.blogs #recent-blogs-sec .section-title {
            font-size: 1rem;
            font-weight: 700;
        }
    }


    @media screen and (min-width: 769px) {
        /*   main.blogs #recent-blogs-sec .recent-three .big-col {
        padding: 0 0 1.5rem 0;
    }*/
    }

    main.blogs #recent-blogs-sec .recent-three .big-col .blog-img {
        width: 100%;
        height: 41.295rem;
    }

    @media screen and (max-width: 768px) {
        main.blogs #recent-blogs-sec .recent-three .big-col .blog-img {
            height: 11.9375rem;
        }
    }

    main.blogs #recent-blogs-sec .recent-three .big-col .blog-texts {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        padding: 0 1.4rem;
    }

        main.blogs #recent-blogs-sec .recent-three .big-col .blog-texts .texts {
            display: flex;
            flex-direction: column;
            gap: 1rem;
        }

            main.blogs #recent-blogs-sec .recent-three .big-col .blog-texts .texts .card-title {
                color: #2b2b2b;
                font-size: 2.5rem;
                font-weight: 600;
            }

    @media screen and (max-width: 768px) {
        main.blogs #recent-blogs-sec .recent-three .big-col .blog-texts .texts .card-title {
            font-size: 1.25rem;
        }
    }

    main.blogs #recent-blogs-sec .recent-three .big-col .blog-texts .texts p {
        color: #2b2b2b;
        font-size: 1.125rem;
        font-weight: 400;
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 105px;
    }

    @media screen and (max-width: 768px) {
        main.blogs #recent-blogs-sec .recent-three .big-col .blog-texts .texts p {
            font-size: 0.875rem;
        }
    }

    main.blogs #recent-blogs-sec .recent-three .big-col .blog-texts .read-more {
        text-decoration: none;
        color: #2b2b2b;
        font-size: 1.125rem;
        font-weight: 700;
    }

        main.blogs #recent-blogs-sec .recent-three .big-col .blog-texts .read-more svg path {
            fill: #2b2b2b;
        }

    @media screen and (max-width: 768px) {
        main.blogs #recent-blogs-sec .recent-three .big-col .blog-texts .read-more {
            font-size: 1rem;
        }
    }

    main.blogs #recent-blogs-sec .recent-three .small-col {
        /*    display: flex;
    flex-direction: column;
    gap: 1.5rem;*/
        margin-bottom: 1.5rem;
    }

        main.blogs #recent-blogs-sec .recent-three .small-col > div {
            padding: 0 0 1.5rem 0;
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            border-radius: 0.5rem;
            overflow: hidden;
        }

            main.blogs #recent-blogs-sec .recent-three .small-col > div .blog-img {
                width: 100%;
                height: 13.6875rem;
            }

            main.blogs #recent-blogs-sec .recent-three .small-col > div .blog-texts {
                display: flex;
                flex-direction: column;
                gap: 1.5rem;
                padding: 0 1.4rem;
            }

                main.blogs #recent-blogs-sec .recent-three .small-col > div .blog-texts .texts {
                    display: flex;
                    flex-direction: column;
                    gap: 1rem;
                }

                    main.blogs #recent-blogs-sec .recent-three .small-col > div .blog-texts .texts .card-title {
                        color: #2b2b2b;
                        font-size: 1.5rem;
                        font-weight: 600;
                        display: -webkit-box;
                        -webkit-line-clamp: 2;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                        height: 70px;
                    }

    @media screen and (max-width: 768px) {
        main.blogs #recent-blogs-sec .recent-three .small-col > div .blog-texts .texts .card-title {
            font-size: 1rem;
        }
    }

    main.blogs #recent-blogs-sec .recent-three .small-col > div .blog-texts .texts p {
        color: #2b2b2b;
        font-size: 1.125rem;
        font-weight: 400;
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 86px;
    }

    @media screen and (max-width: 768px) {
        main.blogs #recent-blogs-sec .recent-three .small-col > div .blog-texts .texts p {
            font-size: 0.875rem;
        }
    }

    main.blogs #recent-blogs-sec .recent-three .small-col > div .blog-texts .read-more {
        text-decoration: none;
        color: #2b2b2b;
        font-size: 1.125rem;
        font-weight: 700;
    }

        main.blogs #recent-blogs-sec .recent-three .small-col > div .blog-texts .read-more svg path {
            fill: #2b2b2b;
        }

    @media screen and (max-width: 768px) {
        main.blogs #recent-blogs-sec .recent-three .small-col > div .blog-texts .read-more {
            font-size: 1rem;
        }
    }

    main.blogs #recent-blogs-sec .recent-grid {
        margin-bottom: 1.5rem;
        row-gap: 1.5rem;
    }

    @media screen and (max-width: 768px) {
        main.blogs #recent-blogs-sec {
            margin: 0;
            padding: 0 0.94rem 0 0.94rem;
        }
    }

    .blog-card {
        gap: 1.5rem;
        height: 25.8125rem;
    }

        .blog-card .blog-card-img {
            height: 13.6875rem;
        }

        .blog-card .card-content {
            gap: 1rem;
            padding-left: 1.49rem;
            padding-right: 1.49rem;
        }

            .blog-card .card-content .card-title {
                font-size: 1.5rem;
                font-weight: 600;
            }

            .blog-card .card-content p {
                font-size: 1rem;
                font-weight: 400;
            }

        .blog-card .read-more {
            font-size: 1.125rem;
            font-weight: 700;
            margin-bottom: 1.5rem;
            cursor: pointer;
        }

    #one-app-sec .one-app-container {
        padding: 0 5rem;
    }

        #one-app-sec .one-app-container .content {
            padding: 2rem 0;
            gap: 1.5rem;
            border-radius: 20px;
            background: var(--White, #FFF);
            /* shadesss */
            box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.10);
        }

            #one-app-sec .one-app-container .content .texts {
                gap: 1rem;
            }

                #one-app-sec .one-app-container .content .texts .title {
                    text-align: center;
                    font-size: 3rem;
                    font-weight: 700;
                    color: #009247 !important;
                }

                #one-app-sec .one-app-container .content .texts p {
                    color: #2B2B2B;
                    text-align: center;
                    font-size: 18px;
                    font-weight: 400;
                    line-height: 30px;
                    letter-spacing: 0.54px;
                    max-width: 848px;
                }

            #one-app-sec .one-app-container .content .actions a {
                font-size: 18px;
                font-weight: 600;
            }

    .green-btn {
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        border-radius: 0.75rem;
        min-width: 180px;
        background-color: #009247;
    }

    @media screen and (max-width: 991px) {
        #one-app-sec .one-app-container .content .texts .title {
            line-height: normal;
            font-size: 1.5rem;
        }
    }

    p {
        padding: 0;
        margin: 0;
    }

    #blog-sec {
        padding: 6rem 0 2.81rem 0;
    }

        #blog-sec .blog-title {
            display: flex;
            justify-content: center;
            margin-bottom: 4rem;
        }

            #blog-sec .blog-title h1 {
                width: 100%;
                color: #2b2b2b;
                text-align: center;
                font-size: 3rem;
                font-weight: 500;
                width: 67.5625rem;
            }

        #blog-sec .banner {
            border-radius: 1rem;
            margin-bottom: 2.5rem;
            width: 500px;
            height: 350px;
            margin: auto;
        }

        #blog-sec .paragrapgs {
            display: flex;
            flex-direction: column;
            gap: 2rem;
        }

            #blog-sec .paragrapgs p {
                color: #2B2B2B;
                font-size: 1rem;
                font-weight: 400;
            }

            #blog-sec .paragrapgs .one-paragrapg {
                display: flex;
                flex-direction: column;
                gap: 1.5rem;
            }

                #blog-sec .paragrapgs .one-paragrapg .title {
                    color: #009247;
                    font-size: 1.5rem;
                    font-weight: 700;
                }

            #blog-sec .paragrapgs .imgs .paragraph-img {
                width: 50%;
            }

                #blog-sec .paragrapgs .imgs .paragraph-img img {
                    border-radius: 1rem;
                    height: 100%;
                    width: 100%;
                    -o-object-fit: cover;
                    object-fit: cover;
                }

    #related-blogs-sec {
        padding: 6rem 0;
    }

        #related-blogs-sec .title {
            color: #2B2B2B;
            font-size: 3rem;
            font-weight: 700;
            margin-bottom: 4rem;
        }

    .btn.btn-secondary-outline {
        border-radius: 12px;
        background: #fffefe;
        border: 1px solid #fffefe;
        color: #009247;
        font-size: 1.125rem;
        padding: 0.625rem 0;
        display: flex;
        justify-content: center;
    }

    .btn.btn-primary {
        border-radius: 0.5rem;
        background: #009247;
        border: 1px solid #009247;
        color: #fff;
        font-size: 1.125rem;
        display: flex;
        justify-content: center;
        padding: 0.625rem 1.5rem;
    }

    .hero-btn {
        width: 11.375rem;
    }

    .btn-check:active + .btn-primary:focus,
    .btn-check:checked + .btn-primary:focus,
    .btn-primary.active:focus,
    .btn-primary:active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: none;
        outline: none;
    }

    .btn-check:focus + .btn,
    .btn:focus {
        box-shadow: none;
        outline: none;
    }

    .swiper-container {
        width: 100%;
        position: relative;
    }

        .swiper-container .swiper-wrapper {
            align-items: center;
        }

            .swiper-container .swiper-wrapper .swiper-slide {
                position: relative;
                border-radius: 10px;
                overflow: hidden;
                width: 634.794px;
                height: 628.004px;
            }

    @media only screen and (max-width: 767px) {
        .swiper-container .swiper-wrapper .swiper-slide {
            height: auto;
        }
    }

    .swiper-container .swiper-wrapper .swiper-slide img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
        border-radius: 1.23rem;
    }

    .swiper-container .swiper-wrapper .swiper-slide a {
        color: inherit;
        /* Ensures text inside link adopts the color of its container */
        text-decoration: none;
        /* Removes underline from link */
    }

    .swiper-container .swiper-wrapper .swiper-slide .slide-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.13);
        box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.1);
        box-sizing: border-box;
    }

        .swiper-container .swiper-wrapper .swiper-slide .slide-content h3 {
            margin: 0;
            font-size: 1.5rem;
            font-family: "Roboto Regular";
        }

    @media only screen and (max-width: 767px) {
        .swiper-container .swiper-wrapper .swiper-slide .slide-content h3 {
            font-size: 0.8rem;
        }
    }

    .swiper-container .swiper-wrapper .swiper-slide .slide-content p {
        margin: 10px 0 0;
        font-size: 1rem;
        color: #b1b1b1;
    }

    @media only screen and (max-width: 767px) {
        .swiper-container .swiper-wrapper .swiper-slide .slide-content p {
            font-size: 0.6rem;
        }
    }

    .swiper-container .swiper-wrapper .swiper-slide-active {
        width: 757px;
        height: 804px;
    }

    @media only screen and (max-width: 767px) {
        .swiper-container .swiper-wrapper .swiper-slide-active {
            height: 400px;
        }
    }

    .swiper-container .swiper-pagination {
        bottom: -5%;
    }

    .swiper-container .swiper-pagination-bullet {
        background-color: #fff;
        opacity: 1;
    }

    .swiper-container .swiper-pagination-bullet-active {
        background-color: #478fff;
    }

    .our-blogs, #section-Why-us {
        position: relative;
    }

        .our-blogs .swiper, #section-Why-us .swiper {
            position: unset !important;
        }

        .our-blogs .swiper-pagination-bullet, #section-Why-us.swiper-pagination-bullet {
            width: 0.25rem;
            height: 0.25rem;
            border-radius: 1.875rem;
            background: var(--DarkGray, #acacac);
            margin: 0 0.1rem !important;
        }

            .our-blogs .swiper-pagination-bullet.swiper-pagination-bullet-active, #section-Why-us .swiper-pagination-bullet.swiper-pagination-bullet-active {
                width: 2.125rem;
                height: 0.25rem;
                border-radius: 1.875rem;
                background: var(--PrimaryColor, #009247) !important;
            }

    .why-us .tawasol-content .card-tawasol {
        min-height: 250px;
    }

    /*# sourceMappingURL=main.css.map */
    @media screen and (max-width: 991px) {
        .hero .hero-bg {
            text-align: center;
            max-width: 350px;
        }

        .why-us .title-wrapper .description-header {
            line-height: normal
        }

        .custom-service {
            flex-direction: column
        }
    }

    .blog-card {
        padding: 0 0 1.5rem 0;
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
        border-radius: 0.5rem;
        overflow: hidden;
    }

        .blog-card .blog-img {
            min-height: 13.6875rem;
            max-height: 13.6875rem;
            height: 13.6875rem;
            width: 100%;
            overflow: hidden;
        }

        .blog-card .blog-texts {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            padding: 0 1.4rem;
        }

            .blog-card .blog-texts .texts {
                display: flex;
                flex-direction: column;
                gap: 1rem;
            }

                .blog-card .blog-texts .texts .card-title {
                    color: #2b2b2b;
                    font-size: 1.5rem;
                    font-weight: 600;
                }

    @media screen and (max-width: 768px) {
        .blog-card .blog-texts .texts .card-title {
            font-size: 1.25rem;
        }
    }

    .blog-card .blog-texts .texts p {
        color: #2b2b2b;
        font-size: 1rem;
        font-weight: 400;
        display: -webkit-box;
        max-width: 100%;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    @media screen and (max-width: 768px) {
        .blog-card .blog-texts .texts p {
            font-size: 0.875rem;
        }
    }

    .blog-card .blog-texts .read-more {
        text-decoration: none;
        color: #2b2b2b;
        font-size: 1.125rem;
        font-weight: 700;
    }

        .blog-card .blog-texts .read-more svg path {
            fill: #2b2b2b;
        }

    @media screen and (max-width: 768px) {
        .blog-card .blog-texts .read-more {
            font-size: 1rem;
        }
    }

    #blog-sec {
        padding: 6rem 0 2.81rem 0;
    }

        #blog-sec .blog-title {
            display: flex;
            justify-content: center;
            margin-bottom: 4rem;
        }



        #blog-sec .banner {
            /*        border-radius: 1rem;
        margin-bottom: 2.5rem;*/
        }

        #blog-sec .paragrapgs {
            display: flex;
            flex-direction: column;
            gap: 2rem;
        }

            #blog-sec .paragrapgs p {
                color: #2B2B2B;
                font-size: 1rem;
                font-weight: 400;
            }

            #blog-sec .paragrapgs .one-paragrapg {
                display: flex;
                flex-direction: column;
                gap: 1.5rem;
            }

                #blog-sec .paragrapgs .one-paragrapg .title {
                    color: #009247;
                    font-size: 1.5rem;
                    font-weight: 700;
                }

            #blog-sec .paragrapgs .imgs .paragraph-img {
                /*    width: 100%;
            height: 100%;*/
            }

                #blog-sec .paragrapgs .imgs .paragraph-img img {
                    border-radius: 1rem;
                    height: 100%;
                    width: 100%;
                    -o-object-fit: cover;
                    object-fit: cover;
                }

    #related-blogs-sec {
        padding: 6rem 0;
    }

        #related-blogs-sec .title {
            color: #2B2B2B;
            font-size: 3rem;
            font-weight: 700;
            margin-bottom: 4rem;
        }

    .btn.btn-secondary-outline {
        border-radius: 12px;
        background: #fffefe;
        border: 1px solid #fffefe;
        color: #009247;
        font-size: 1.125rem;
        padding: 0.625rem 0;
        display: flex;
        justify-content: center;
    }

    .btn.btn-primary {
        border-radius: 0.5rem;
        background: #009247;
        border: 1px solid #009247;
        color: #fff;
        font-size: 1.125rem;
        display: flex;
        justify-content: center;
        padding: 0.625rem 1.5rem;
    }

    @media screen and (max-width: 768px) {
        .btn.btn-primary {
            padding: 0.62rem;
            font-size: 0.875rem;
            font-weight: 500;
        }
    }

    .hero-btn {
        width: 11.375rem;
    }

    .btn-check:active + .btn-primary:focus,
    .btn-check:checked + .btn-primary:focus,
    .btn-primary.active:focus,
    .btn-primary:active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: none;
        outline: none;
    }

    .btn-check:focus + .btn,
    .btn:focus {
        box-shadow: none;
        outline: none;
    }

    .swiper-container {
        width: 100%;
        position: relative;
    }

        .swiper-container .swiper-wrapper {
            align-items: center;
        }

            .swiper-container .swiper-wrapper .swiper-slide {
                position: relative;
                border-radius: 10px;
                overflow: hidden;
                width: 634.794px;
                height: 628.004px;
            }

    @media only screen and (max-width: 767px) {
        .swiper-container .swiper-wrapper .swiper-slide {
            height: auto;
        }
    }

    .swiper-container .swiper-wrapper .swiper-slide img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
        border-radius: 1.23rem;
    }

    .swiper-container .swiper-wrapper .swiper-slide a {
        color: inherit;
        /* Ensures text inside link adopts the color of its container */
        text-decoration: none;
        /* Removes underline from link */
    }

    .swiper-container .swiper-wrapper .swiper-slide .slide-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px;
        border-radius: 10px;
        background: rgba(255, 255, 255, 0.13);
        box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.1);
        box-sizing: border-box;
    }

        .swiper-container .swiper-wrapper .swiper-slide .slide-content h3 {
            margin: 0;
            font-size: 1.5rem;
            font-family: "Roboto Regular";
        }

    @media only screen and (max-width: 767px) {
        .swiper-container .swiper-wrapper .swiper-slide .slide-content h3 {
            font-size: 0.8rem;
        }
    }

    .swiper-container .swiper-wrapper .swiper-slide .slide-content p {
        margin: 10px 0 0;
        font-size: 1rem;
        color: #b1b1b1;
    }

    @media only screen and (max-width: 767px) {
        .swiper-container .swiper-wrapper .swiper-slide .slide-content p {
            font-size: 0.6rem;
        }
    }

    .swiper-container .swiper-wrapper .swiper-slide-active {
        width: 757px;
        height: 804px;
    }

    @media only screen and (max-width: 767px) {
        .swiper-container .swiper-wrapper .swiper-slide-active {
            height: 400px;
        }
    }

    .swiper-container .swiper-pagination {
        bottom: -5%;
    }

    .swiper-container .swiper-pagination-bullet {
        background-color: #fff;
        opacity: 1;
    }

    .swiper-container .swiper-pagination-bullet-active {
        background-color: #478fff;
    }

    .our-blogs {
        position: relative;
    }

        .our-blogs .swiper {
            position: unset !important;
        }

        .our-blogs .swiper-pagination-bullet {
            width: 0.25rem;
            height: 0.25rem;
            border-radius: 1.875rem;
            background: var(--DarkGray, #acacac);
            margin: 0 0.1rem !important;
        }

            .our-blogs .swiper-pagination-bullet.swiper-pagination-bullet-active {
                width: 2.125rem;
                height: 0.25rem;
                border-radius: 1.875rem;
                background: var(--PrimaryColor, #009247) !important;
            }
    /*# sourceMappingURL=main.css.map */

    main.shawts #broadcastAnnouncements {
        background: rgba(236, 236, 236, 0.30);
        padding: 4.5rem 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 2rem;
    }

        main.shawts #broadcastAnnouncements .texts {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            max-width: 960px;
        }

            main.shawts #broadcastAnnouncements .texts h1 {
                font-size: clamp(32px, 4vw + 1rem, 64px);
                font-weight: 500;
                line-height: normal;
                background: var(--linear-text, linear-gradient(275deg, #049119 13.81%, rgba(214, 163, 41, 0.90) 108.3%));
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                margin-bottom: 1.5rem;
                text-align: center;
            }

            main.shawts #broadcastAnnouncements .texts p {
                color: var(--grey-color, rgba(117, 117, 117, 0.80));
                text-align: center;
                font-size: 1.5rem;
                font-weight: 400;
                line-height: normal;
                margin-bottom: 0;
            }

        main.shawts #broadcastAnnouncements .bg-top {
            position: absolute;
            right: 0;
            top: 26px;
            z-index: 9990;
            height: 43%;
        }

        main.shawts #broadcastAnnouncements .bg-bottom {
            position: absolute;
            bottom: -191px;
            left: 0;
            z-index: 9990;
            height: 43%;
            transform: rotate(180deg);
        }

    main.shawts #createShawts {
        /*border-top: 1px solid #009247;*/
        padding: 2rem 5rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 2.81rem;
        /*box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.10);*/
    }

        main.shawts #createShawts > .texts {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            max-width: 960px;
        }

            main.shawts #createShawts > .texts h1 {
                color: #2B2B2B;
                font-size: 3rem;
                font-weight: 500;
                line-height: normal;
                margin-bottom: 1.2rem;
            }

            main.shawts #createShawts > .texts p {
                color: #757575cc;
                text-align: center;
                font-size: 1.5rem;
                font-weight: 400;
                width: 47.875rem;
            }

        main.shawts #createShawts .cards {
            display: flex;
            justify-content: space-between;
            gap: 2.5rem;
            width: 100%;
        }

            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;
            }

                main.shawts #createShawts .cards .shawt-card .card-type {
                    position: absolute;
                    top: 0;
                    left: 0;
                    padding: 0.625rem 2.875rem 0.5625rem 2.8125rem;
                    border-radius: 0.8125rem 0rem 0rem 0rem;
                    background: #009247;
                    color: #FFF;
                    font-size: 1.25rem;
                    font-weight: 500;
                }

                main.shawts #createShawts .cards .shawt-card .texts {
                    margin-top: 5.69rem;
                    display: flex;
                    justify-content: center;
                    align-items: flex-start;
                    flex-direction: column;
                    gap: 0.75rem;
                }

                    main.shawts #createShawts .cards .shawt-card .texts .title {
                        display: flex;
                        align-items: baseline;
                    }

                        main.shawts #createShawts .cards .shawt-card .texts .title h2 {
                            color: #009247;
                            font-size: 1.4rem;
                            font-style: normal;
                            font-weight: 500;
                            line-height: normal;
                            margin-bottom: 0;
                            margin-inline-end: 0.3rem
                        }

                    main.shawts #createShawts .cards .shawt-card .texts p {
                        color: rgba(117, 117, 117, 0.8);
                        font-size: 1rem;
                        font-weight: 400;
                        line-height: 140%;
                        /*    width: 27.9375rem;*/
                    }

                main.shawts #createShawts .cards .shawt-card .features-list {
                    margin-top: 1.53rem;
                    display: flex;
                    flex-direction: column;
                    gap: 1rem;
                }

                    main.shawts #createShawts .cards .shawt-card .features-list h3 {
                        color: #2B2B2B;
                        font-size: 1rem;
                        font-weight: 500;
                        line-height: 140%;
                    }

                    main.shawts #createShawts .cards .shawt-card .features-list .features-row {
                        display: flex;
                        flex-wrap: wrap;
                        row-gap: 0.75rem;
                    }

                    main.shawts #createShawts .cards .shawt-card .features-list .one-feature {
                        display: flex;
                        gap: 0.25rem;
                        align-items: center;
                        justify-content: flex-start;
                    }

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

                        main.shawts #createShawts .cards .shawt-card .features-list .one-feature span {
                            color: rgba(117, 117, 117, 0.80);
                            font-size: 0.6875rem;
                            font-weight: 500;
                        }

                        main.shawts #createShawts .cards .shawt-card .features-list .one-feature:hover span {
                            color: #009247;
                            cursor: pointer
                        }

                main.shawts #createShawts .cards .shawt-card .card-img {
                    margin-top: 1.88rem;
                    width: 100%;
                    display: flex;
                    justify-content: center;
                }

                main.shawts #createShawts .cards .shawt-card:first-child .card-img {
                    margin-bottom: 3.06rem;
                }

                main.shawts #createShawts .cards .shawt-card:last-child .card-img {
                    /*    position: absolute;
                left: 50%;
                transform: translateX(-50%);
                bottom: -20px;*/
                }

                main.shawts #createShawts .cards .shawt-card .card-img img {
                    object-fit: contain;
                    max-height: 300px;
                    max-width: 450px;
                }

    main #monitor {
        margin-top: 5rem;
        /*    padding: 2rem 10rem;
    box-shadow: 0px 0px 8.4px 0px rgba(0, 0, 0, 0.10);*/
    }

        main #monitor .texts {
            display: flex;
            gap: 1.25rem;
            flex-direction: column;
            padding: 0 18rem;
            align-items: center;
        }

            main #monitor .texts h1 {
                color: #2B2B2B;
                text-align: center;
                font-size: 3rem;
                font-weight: 500;
                margin-bottom: 0;
            }

            main #monitor .texts p {
                color: rgba(117, 117, 117, 0.80);
                text-align: center;
                font-size: 1.5rem;
                font-weight: 400;
                line-height: normal;
                max-width: 63.5rem;
            }

        main #monitor .two-imgs-container {
            padding: 0 3.66rem;
            margin-top: 2.88rem;
            display: flex;
            gap: 2.62rem;
            align-items: stretch;
            justify-content: space-between;
        }



            main #monitor .two-imgs-container .img img {
                object-fit: fill;
            }

        main #monitor .three-imgs-container {
            margin-top: 2.88rem;
            display: flex;
            justify-content: center;
            align-items: start;
            gap: 0.5rem;
        }

    .small-imgs img {
        max-width: 340px;
        max-height: 180px;
    }

    .big-img img {
        max-height: 400px;
    }



    main #directMessage {
        background: #009247;
        margin-top: 5rem;
        padding: 2rem 5rem;
    }

        main #directMessage > .texts {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 1.25rem;
        }

            main #directMessage > .texts h1 {
                color: #FFF;
                font-size: 3rem;
                font-weight: 500;
            }

            main #directMessage > .texts p {
                color: #F1F1F1;
                text-align: center;
                font-size: 1rem;
                font-weight: 400;
                line-height: 150%;
                width: 50.75rem;
            }

        main #directMessage .cards {
            margin-top: 2.88rem;
        }



            main #directMessage .cards .shawt-card {
                padding-inline-start: 4.31rem;
                position: relative;
                overflow: hidden;
                border-radius: 1.4375rem;
                border: 1px solid #009247;
                background: #F1F1F1;
                box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.10);
            }

                main #directMessage .cards .shawt-card .card-type {
                    position: absolute;
                    top: 0;
                    left: 0;
                    padding: 0.625rem 2.875rem 0.5625rem 2.8125rem;
                    border-radius: 0.8125rem 0rem 0rem 0rem;
                    background: #009247;
                    color: #FFF;
                    font-size: 1.25rem;
                    font-weight: 500;
                }

                main #directMessage .cards .shawt-card .texts {
                    margin-top: 4.25rem;
                }

                    main #directMessage .cards .shawt-card .texts h2 {
                        color: #009247;
                        font-size: 1.5rem;
                        font-weight: 500;
                        line-height: 140%;
                    }

                    main #directMessage .cards .shawt-card .texts p {
                        color: rgba(117, 117, 117, 0.80);
                        font-size: 1rem;
                        font-weight: 400;
                        line-height: 140%;
                    }

                main #directMessage .cards .shawt-card .features-list {
                    margin-top: 2.5rem;
                    margin-bottom: 3.78rem;
                    display: flex;
                    gap: 0.75rem;
                    flex-direction: column;
                }

                    main #directMessage .cards .shawt-card .features-list h3 {
                        color: #2B2B2B;
                        font-size: 1rem;
                        font-weight: 500;
                        line-height: 140%;
                    }

                    main #directMessage .cards .shawt-card .features-list .one-feature svg {
                        width: 1.25rem;
                        height: 1.25rem;
                    }

                    main #directMessage .cards .shawt-card .features-list .one-feature span {
                        color: var(--grey-color, rgba(117, 117, 117, 0.80));
                        font-style: normal;
                        font-weight: 400;
                        padding-inline: .4rem;
                    }

                main #directMessage .cards .shawt-card .card-img {
                    position: absolute;
                    width: 40%;
                    bottom: 0;
                    right: 0;
                }

    #ourServices {
        margin: 2.5rem 0;
        padding: 2.25rem 5rem;
    }

        #ourServices h1 {
            color: #2B2B2B;
            text-align: center;
            font-size: 3rem;
            font-weight: 500;
        }

        #ourServices .cards {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 2.12rem;
            margin-top: 3.19rem;
        }

            #ourServices .cards .services-card {
                flex: 1;
                border-radius: 0.875rem;
                background: #F9F9F9;
                display: flex;
                padding: 2rem 1.375rem;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 1.83275rem;
                height: 19.625rem;
            }

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

                #ourServices .cards .services-card .texts p {
                    color: rgba(117, 117, 117, 0.80);
                    text-align: center;
                    font-size: 0.93981rem;
                    font-weight: 400;
                    line-height: 140%;
                }

    @media screen and (max-width: 991px) {
        main.shawts #broadcastAnnouncements .texts {
            max-width: 90%;
        }

        main.shawts #broadcastAnnouncements {
            padding: 2rem;
        }

        .shawts {
            margin-top: 0;
        }

        main.shawts #createShawts .cards {
            flex-direction: column;
        }

        main.shawts #createShawts > .texts {
            max-width: 80%;
            text-align: center;
        }

            main.shawts #createShawts > .texts p {
                width: auto;
            }

        main.shawts #createShawts .cards .shawt-card:last-child .card-img {
            position: relative;
        }

        main.shawts #createShawts {
            padding: 2rem;
        }

            main.shawts #createShawts > .texts h1 {
                font-size: 2rem;
            }

            main.shawts #createShawts .cards .shawt-card .texts p {
                width: auto;
            }

            main.shawts #createShawts .cards .shawt-card .features-list .features-row {
                flex-direction: column;
            }

            main.shawts #createShawts .cards .shawt-card .features-list .one-feature {
                width: 100%;
            }

            main.shawts #createShawts .cards .shawt-card {
                padding: 0 2rem
            }

                main.shawts #createShawts .cards .shawt-card .card-img {
                    height: auto;
                }

        main.shawts #monitor {
            padding: 0.75rem;
        }

            main.shawts #monitor .texts {
                gap: 0.25rem;
                padding: 0;
            }

                main.shawts #monitor .texts h1 {
                    font-size: 1.25rem;
                    font-weight: 600;
                }

                main.shawts #monitor .texts p {
                    font-size: 0.625rem;
                    line-height: 140%;
                    width: 21.875rem;
                }

            main.shawts #monitor .two-imgs-container {
                padding: 0 0.25rem;
                margin-top: 1rem;
                flex-direction: column;
                gap: 0.25rem;
            }

            main.shawts #monitor .three-imgs-container {
                padding: 0 0.25rem;
                margin-top: 1rem;
                gap: 0.25rem;
            }

                main.shawts #monitor .three-imgs-container .big-img {
                    height: 10.50875rem;
                }

                main.shawts #monitor .three-imgs-container .small-imgs {
                    justify-content: space-between;
                    align-items: center;
                    gap: 0.25rem;
                    flex-direction: column;
                }

                    main.shawts #monitor .three-imgs-container .small-imgs .img {
                        height: 5.004375rem;
                    }

        main.shawts #directMessage {
            padding: 2rem;
        }

            main.shawts #directMessage > .texts p {
                width: auto;
            }

            main.shawts #directMessage .cards .col-6 {
                width: 100%;
            }

                main.shawts #directMessage .cards .col-6:first-child {
                    margin-bottom: 1rem;
                }

            main.shawts #directMessage .cards .shawt-card {
                padding-inline-start: 2rem;
            }

        main #ourServices {
            margin: 5rem 0;
            padding: 0.75rem;
        }

        main.shawts #ourServices h1 {
            font-size: 1.25rem;
            font-weight: 600;
        }

        main.shawts #ourServices .cards {
            gap: 1rem;
            margin-top: 1.5rem;
            flex-direction: column;
        }

            main.shawts #ourServices .cards .services-card {
                width: 100%;
            }
    }

    /*.hero .hero-content .title {
    font-size: 3rem;
}
*/


    .why-us {
        padding: 5rem 5rem;
    }



        .why-us .tawasol-content .card-tawasol {
            min-height: 230px !important;
        }

        .why-us .tawasol-content .card-tawasol {
            padding: 2rem 1.5rem !important;
        }

    .our-services .content .title-header {
        font-size: 2.3rem;
    }

    .simplify-setting .title-header {
        margin: auto;
        margin-bottom: 3rem;
    }

    .cust-tab-pane img {
        max-width: 75% !important;
    }
    /*# sourceMappingURL=main.css.map */


    /*Contact-Us*/



    .form-control-plaintext {
        color: #000;
        /* points */
        font-size: 1.1rem;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding: 0;
        padding-bottom: 0.5rem;
    }

    .custom-form-input {
        display: flex;
        height: 2.8125rem;
        padding: 1rem;
        align-items: center;
        gap: 0.625rem;
        align-self: stretch;
        border-radius: 0.75rem;
    }

        .custom-form-input:focus {
            box-shadow: none !important;
        }


    #submitButton {
        width: 100%;
        border-radius: 0.75rem !important;
        background: #009247 !important;
    }

    .form-input-container {
        margin-bottom: 1.5rem;
        margin-top: 0 !important;
    }

    textarea.form-control {
        height: 11.1875rem !important;
        resize: none;
    }





    .contact-info {
        text-align: start;
        margin-bottom: 3.19rem;
    }

        .contact-info p {
            margin: 10px 0;
            font-size: 16px;
        }

        .contact-info i {
            color: #00bfa5;
            margin-right: 10px;
        }

    .contact-social-media {
        text-align: start;
        margin-bottom: 3.19rem;
    }

        .contact-social-media p {
            color: #009247;
            font-size: 1.25rem;
            font-weight: 600;
            line-height: 2rem; /* 160% */
            padding-bottom: 1.25rem;
        }

    .icons {
        display: flex;
        gap: 10px;
        /*   flex-wrap: wrap;
    width: 20%;*/
    }

        .icons i {
            font-size: 24px;
            color: #00bfa5;
            flex: 1 1 calc(33.333% - 10px);
        }

    .watermark {
        position: absolute;
        bottom: 10px;
        right: 10px;
        font-size: 48px;
        color: rgba(0, 191, 165, 0.1);
        text-align: right;
        line-height: 1;
    }

    .contact-header {
        background-image: url(../assets/images/contactus/bg-contact.svg);
        background-repeat: no-repeat;
        background-position: left;
        width: 100%;
        text-align: start;
    }

    .contact-header-body {
        width: 62%;
    }

    .left-and-right {
        border-inline-start: 3px solid #009247;
        padding-inline-start: 1.3rem;
        padding-block: 1.1rem;
    }

    @media screen and (max-width: 1200px) {
        .contact-header-body {
            width: calc(100% - 18%);
        }
    }

    @media screen and (max-width: 135px) {
        .contact-header-body {
            width: calc(100% - 45%);
        }
    }

    @media screen and (min-width: 2000px) {
        .contact-header-body {
            width: 38%;
        }

        .contact-header {
            background-size: contain;
        }
    }

    @media screen and (max-width: 767px) {
        .contact-header {
            background-size: contain;
        }

        .contact-header-body {
            width: calc(100% - 0%);
        }

        .form-container {
            padding: 0 1rem
        }

        .help-text {
            font-size: 1.1rem;
        }

        .contact-header h2 {
            font-size: 1.5rem;
        }

        .icons {
            width: 35%;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 992px) {
        .contact-header-body {
            width: calc(100% - 63%) !important;
        }

        .contact-header {
            background-size: contain;
        }

        .contact-header-body {
            width: calc(100% - 0%);
        }

        .form-container {
            padding: 0 1rem
        }

        .help-text {
            font-size: 1.1rem;
        }

        .contact-header h2 {
            font-size: 1.5rem;
        }
    }


    .form-container {
        padding: 0 5rem;
        background: var(--LightGray, #F1F1F1);
    }


    .contact-container {
        margin-top: 4rem;
    }

    .contact-header {
        padding: 10px;
        position: relative;
        margin-bottom: 3.19rem;
    }

        .contact-header h2 {
            color: #2B2B2B;
            text-align: center;
            font-size: 3rem;
            font-weight: 700;
            line-height: normal;
        }

    .help-text {
        margin-bottom: 20px;
        font-size: 16px;
        text-align: center;
        color: #000;
        font-size: 1.375rem;
        font-weight: 400;
        line-height: 1.875rem;
        letter-spacing: 0.04125rem;
    }

    h2 {
        line-height: 2;
    }

    .left-and-right, .corner-border, .bottom-corner {
        position: relative;
    }


    .contact-social-media::before {
        bottom: -67px !important;
    }

    #goTop {
        position: fixed;
        z-index: 999;
        right: -104px;
        top: 50%;
        padding: 10px;
        color: #fff;
        border-radius: 6px;
        border: none;
        background: #009247;
        transition: right 0.4s ease;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

        #goTop:hover {
            right: 0px;
        }

        #goTop .icon {
            font-size: 20px;
            margin-right: 30px;
        }

        #goTop a {
            text-decoration: none;
        }


    .custom-ul li a:hover {
        color: #009247;
    }

    .goToAr {
        right: -104px;
        flex-direction: row-reverse;
    }



    .our-services {
        background-color: #009247;
        background: #026733;
        color: #fff;
    }

        .our-services .img-services-container :nth-child(even).service-card-col,
        .our-services .img-services-container :nth-child(odd).service-card-col {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            border-radius: 0.5rem;
            border: 0.5px solid #fff;
            background: linear-gradient(74deg, rgba(255, 255, 255, 0.3) 16.85%, rgba(255, 255, 255, 0) 73.83%);
            box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.16);
            -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
        }

        .our-services .img-services-container :nth-child(even).service-card-col {
            flex-direction: column-reverse;
        }

        .our-services .content {
            padding: 6rem 5rem;
        }

            .our-services .content .title-header {
                color: #fff;
                font-size: 3rem;
                font-weight: 700;
                margin-bottom: 3rem;
                text-transform: capitalize;
            }

        .our-services .img-services-container {
            display: flex;
            gap: 1rem;
            align-items: stretch;
            justify-content: space-between;
        }

            .our-services .img-services-container .service-card-col {
                flex: 1;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: center;
                border-radius: 0.5rem;
                border: 0.5px solid #fff;
                background: linear-gradient(74deg, rgba(255, 255, 255, 0.3) 16.85%, rgba(255, 255, 255, 0) 73.83%);
                box-shadow: 0px 4px 2px 0px rgba(0, 0, 0, 0.16);
                -webkit-backdrop-filter: blur(20px);
                backdrop-filter: blur(20px);
            }

                .our-services .img-services-container .service-card-col img {
                    /*      max-width: 100%;
                height: auto;
                border-radius: 0.7rem;*/
                }

                .our-services .img-services-container .service-card-col .title {
                    font-size: 1.5rem;
                    color: #fff;
                    text-align: center;
                    margin-bottom: 1.3rem;
                    margin-top: 1.3rem;
                }

                .our-services .img-services-container .service-card-col .margin-right {
                    margin-inline-end: 0.5rem;
                }

                .our-services .img-services-container .service-card-col .margin-between {
                    margin: 0 0.5rem;
                }

                .our-services .img-services-container .service-card-col .margin-left-sm {
                    margin-inline-start: 0.5rem;
                }

                .our-services .img-services-container .service-card-col .margin-left-lg {
                    margin-inline-start: 2.2rem;
                }

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

    @media (min-width: 576px) {
        .modal-dialog {
            max-width: 50rem !important;
        }
    }

    @media (max-width: 991px) {
        #ourServices .cards {
            flex-direction: column;
        }

        main.shawts #directMessage > .texts h1 {
            text-align: center;
            font-size: 1.25rem;
            font-weight: 600;
        }

        main #ourServices .cards {
            gap: 1rem;
            margin-top: 1.5rem;
            flex-direction: column;
        }

            main #ourServices .cards .services-card {
                width: 100%;
            }
    }


    main.events #connectingCommunities {
        padding: 3.5rem 0 5.5rem 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        /* margin-bottom: 5rem;*/
    }

        main.events #connectingCommunities .texts {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            max-width: 960px;
        }

            main.events #connectingCommunities .texts h1 {
                font-size: clamp(32px, 4vw + 1rem, 64px);
                font-weight: 500;
                line-height: normal;
                color: #009247;
                margin-bottom: 1.5rem;
                text-align: center;
            }

            main.events #connectingCommunities .texts p {
                color: var(--grey-color, rgba(117, 117, 117, 0.80));
                text-align: center;
                font-size: 1.5rem;
                font-weight: 400;
                line-height: normal;
                margin-bottom: 4rem
            }

    #seamlessPlanning {
        padding: 0 5rem;
        margin-bottom: 5rem;
    }

        #seamlessPlanning h1 {
            color: #2B2B2B;
            text-align: center;
            font-size: 48px;
            line-height: normal;
            margin-bottom: 0.75rem
        }

        #seamlessPlanning .custom-bg p {
            color: rgba(117, 117, 117, 0.80);
            text-align: center;
            font-size: 1.5rem;
            line-height: normal;
            max-width: 80%;
            margin: auto;
            margin-bottom: 4rem;
        }

    .big-cards {
        display: flex;
        justify-content: space-between;
        gap: 2rem;
        width: 100%;
        margin-bottom: 2rem;
    }

        .big-cards .big-card {
            border-radius: 20.422px;
            background: #FFF;
            box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.10);
            padding-top: 1.5rem;
            padding-inline-start: 1.5rem;
            width: 49%;
            overflow:hidden
        }

            .big-cards .big-card .img {
                text-align: end;
            }

            .big-cards .big-card h1 {
                color: #2B2B2B;
                font-size: 24px;
                font-style: normal;
                font-weight: 600;
                line-height: normal;
                margin-bottom: 0.75rem;
            }

    .big-card p {
        color: rgba(117, 117, 117, 0.80);
        font-size: 1rem;
        font-style: normal;
        font-weight: 400;
        line-height: normal; /* 24px */
    }

    .big-cards .big-card img {
        max-width: 350px;
        max-height: 150px;
    }

    .event-card {
        display: flex;
        justify-content: space-between;
        gap: 1.5rem;
    }

        .event-card .card-tawasol {
            border-radius: 20px;
            background: var(--White, #FFF);
            /* shadesss */
            box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.10);
            padding: 1.5rem;
        }

            .event-card .card-tawasol h4 {
                margin-top: 0.5rem;
            }

    #discoverEngage .col-md-12.service {
        border-radius: 0;
        background: #009247;
        padding: 0 3rem;
        display: flex;
        flex-direction: row-reverse;
        /*gap: 150px;*/
        border: none;
        align-items: center;
        height: 22.375rem;
        overflow: hidden;
    }

    #discoverEngage .img-chat-container {
        height: unset !important;
    }

    #discoverEngage .col-md-12.service h2 {
        color: #FFF;
        font-size: 2.3rem;
        font-style: normal;
        font-weight: 500;
        margin-bottom: 1.5rem;
        line-height: normal;
    }

    #discoverEngage .col-md-12.service p {
        color: #F1F1F1;
        font-size: 1.5rem;
        font-weight: 400;
        line-height: normal;
    }

    #discoverEngage .col-md-12.service a {
        display: none;
    }

    @media (max-width: 991px) {
        #seamlessPlanning {
            padding: 0 2rem;
        }

        .big-cards, .event-card {
            flex-direction: column
        }

        #discoverEngage .col-md-12.service {
            flex-direction: column;
            gap: 1rem;
            padding: 2rem;
        }
    }

    #exploreKeyFeatures {
        padding: 3rem 5rem;
    }

        #exploreKeyFeatures .texts h1 {
            color: #2B2B2B;
            text-align: center;
            font-size: 3rem;
            line-height: normal;
            margin-bottom: 2.3rem;
            color: #009247;
        }

        #exploreKeyFeatures .texts p {
            color: rgba(117, 117, 117, 0.80);
            text-align: center;
            font-size: 1.5rem;
            font-style: normal;
            font-weight: 500;
            max-width: 80%;
            margin: 0 auto;
            line-height: normal; /* 36px */
        }

        #exploreKeyFeatures .cards {
            display: flex;
            justify-content: space-between;
            gap: 1.6rem;
            margin-top: 2.4rem;
        }

            #exploreKeyFeatures .cards .one-card {
                border-radius: 20px;
                background: var(--White, #FFF);
                box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.10);
                padding: 1.5rem;
                display: flex;
                flex-direction: column;
                gap: 0.5rem;
                width: 24.8%;
            }

        #exploreKeyFeatures .one-card h3 {
            color: #2B2B2B;
            font-size: 1.3rem;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        #exploreKeyFeatures .cards .one-card p {
            color: rgba(117, 117, 117, 0.80);
            text-align: start;
            font-size: 1.1rem;
            font-style: normal;
            margin: auto;
            font-weight: 400;
            max-width: 100%;
            line-height: normal; /* 21px */
        }

    @media(max-width: 991px) {
        #exploreKeyFeatures {
            padding: 1rem 3rem;
        }

            #exploreKeyFeatures .cards {
                flex-direction: column;
            }
    }

    .iti {
        width: 100%;
    }





    .endless {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 100%;
    }

    .container-shawts {
        padding: 80px 76px;
        /*  background-image: url('/assets/images/22.png');*/
        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) 20%), url(/assets/images/22.png);
        background-size: contain;
        background-position: center;
    }

    .section-header {
        text-align: center;
        margin-bottom: 3.5rem;
        padding-bottom: 1rem;
        /*    padding-top: 3rem;*/
    }

        .section-header h1 {
            font-size: 3rem;
            margin-bottom: 1.2rem;
            color: #2B2B2B;
            text-align: center
        }

        .section-header p {
            font-size: 1.5rem;
            color: rgba(117, 117, 117, 0.80);
            max-width: 80%;
            text-align: center;
            margin: auto;
        }

    .section-content {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1.5rem;
    }

    .large-item {
        grid-column: span 2;
        grid-row: span 2;
    }

    .small-item:nth-of-type(2) {
        grid-column: 3/5;
    }

    .small-item:nth-of-type(3) {
        grid-column: 3;
    }

    /*.small-item:nth-of-type(4) {
    grid-column: 4;
}*/

    .equal-item {
        grid-column: span 2;
        display: flex;
        padding: 1.5rem 1.5rem 0 1.5rem;
        /*    gap: 1rem;*/
        justify-content: space-between;
        flex-direction: column;
    }

        .equal-item .card-header-shawts {
            flex: 4;
            margin-bottom: 1.5rem;
        }

        .equal-item .img-equal {
            flex: 2;
            text-align: end;
        }

    .large-item img {
        width: auto;
        position: absolute;
        bottom: 0;
        right: 0;
        max-width: 80%;
    }

    @media (max-width: 991px) {
        .section-content {
            display: flex;
            flex-direction: column;
        }

        .large-item img {
            width: auto;
            position: relative;
        }
    }

    @media (max-width: 768px) {

        .section-content {
            grid-template-columns: 1fr;
        }

        .large-item,
        .small-item,
        .equal-item {
            grid-column: span 1;
        }
    }


    .card-shawts {
        padding-inline: 1.5rem;
        border-radius: 1rem;
        background: #FFF;
        box-shadow: 0px 0px 9.547px rgba(0, 0, 0, 0.10);
        position: relative;
        padding-top: 1.5rem;
    }

    .card-header-shawts h2 {
        font-size: 1.5rem;
        color: #2B2B2B;
        line-height: normal;
        margin-bottom: 0.5rem;
    }

    .card-shawts img {
        margin-top: 1rem;
    }

    .card-header-shawts p {
        font-size: 1rem;
        color: rgba(117, 117, 117, 0.80);
    }


    .comommunity-page .texts {
        text-align: center;
    }




    .services-container {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        gap: 5rem;
        padding: 3rem 0;
    }


    .service-item {
        flex: 1 1 50%;
        color: #2B2B2B;
        font-size: 2.5rem;
        font-weight: 500;
        line-height: 150%;
    }

    .service-item-edit {
        flex: 1 1 30% !important;
    }

    .service-item .service-image {
        border-radius: 0.5rem 0.3125rem 0.3125rem 0.3125rem;
        background: var(--linear-image, 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%));
    }


    .service-text {
        padding-inline: 5rem;
        flex-direction: column;
        justify-content: center;
        display: flex;
        gap: .5rem;
    }

        .service-text h2 {
            color: #2B2B2B;
            font-size: 1.9rem;
            font-weight: 500;
            line-height: 150%; /* 3.75rem */
        }

        .service-text p {
            color: var(--grey-color, rgba(117, 117, 117, 0.80));
            font-size: 1.2rem;
            font-weight: 400;
            line-height: 150%;
        }

        .service-text .rulesList {
            list-style: none;
            display: flex;
            gap: 1rem;
            flex-direction: column;
            padding: 0;
        }

            .service-text .rulesList li {
                font-size: 1rem;
                font-weight: 400;
                line-height: 150%;
            }



    .service-image img {
        max-width: 100%;
        height: 100%;
        object-fit: cover;
    }



    .services-container.reverse {
        flex-direction: row;
    }

    .industry .services-container:nth-child(odd) {
        flex-direction: row !important;
    }
    /*


.services-container:nth-child(even) {
    flex-direction: row-reverse;
}*/

    .title-wrapper {
        /*    background: var(--PrimaryColor, #009247);
        filter: blur(108.05000305175781px); */
        text-align: center;
    }


    .chat-page .custom-connectedInformedSection {
        display: flex;
        gap: 3.875rem;
        padding: 2rem 5rem;
    }


    .chat-page .connectedInformedSection {
        flex-direction: column !important;
    }

    .chat-page .custom-title {
        color: #2B2B2B;
        text-align: center;
        font-size: 3rem;
        font-weight: 500;
        padding-bottom: 3.5rem;
    }


    .chat-page .why-us .title-wrapper {
        color: #2B2B2B;
        text-align: center;
        font-size: 3rem;
        font-weight: 500;
        line-height: 1.6525rem;
        letter-spacing: 0.03131rem;
        background-image: url('../assets/images/libray/shadwo.png') !important;
    }

    .chat-page .why-us .description-header {
        color: rgba(117, 117, 117, 0.80);
        text-align: center;
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 140%;
        letter-spacing: 0.03131rem;
        padding: 1.44rem 23%
    }




    .chat-page .connectedInformedSection {
        padding: 2rem 3rem 0;
        display: flex;
        flex-direction: row-reverse;
        gap: 0;
        align-items: center;
        margin-bottom: 1.5rem;
        border-radius: 1.25rem;
        border: 1px solid #D3D5D8;
        background: var(--PrimaryColor, #009247);
    }

    .chat-page .features:nth-of-type(2) {
        padding-top: 0
    }

        .chat-page .features:nth-of-type(2) .title-wrapper {
            display: none
        }

        .chat-page .features:nth-of-type(2) .title,
        .chat-page .features:nth-of-type(2) .description {
            color: white !important;
        }

        .chat-page .features:nth-of-type(2) .features-content .card-features {
            width: 25%;
            border-radius: 1.25rem;
            background: #009247;
            display: flex;
            padding: 2.0625rem 2.0625rem 6.01875rem 2.0625rem;
            gap: 1.21875rem;
            color: white !important;
            min-height: 300px;
        }

    .chat-page .features:last-of-type(2) .features-content .card-features {
    }


        .chat-page .features:last-of-type(2) .features-content .card-features:hover img {
            background-color: unset;
            color: red !important;
        }








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

        .chat-page .features:nth-of-type(2) .title-wrapper {
            display: none;
        }

        .chat-page .features:nth-of-type(2) .description {
            color: white !important;
        }

    .chat-page .features:last-of-type .features-content .card-features {
        width: 25%;
        border-radius: 1.25rem;
        background: #009247;
        display: flex;
        padding: 2.0625rem 2.0625rem 6.01875rem 2.0625rem;
        gap: 1.21875rem;
        color: white !important;
        min-width: 510px;
    }

        .chat-page .features:last-of-type .features-content .card-features:hover {
            background-color: unset;
            color: red !important;
        }

    .chat-page .features .features-content img {
        background: white;
        padding: 8px;
    }

    .title-wrapper .title {
        color: var(--Black, #2B2B2B);
        text-align: center;
        font-size: 3rem;
        font-style: normal;
        font-weight: 500;
        line-height: 150%; /* 4.5rem */
    }

    #empowerSection {
        display: flex !important;
        flex-wrap: wrap;
        gap: 2.5rem;
        padding: 5rem;
    }

        #empowerSection > .empower-card {
            flex: 1 1 45%;
        }


            #empowerSection > .empower-card:nth-child(n+3) {
                flex: 1 1 30%;
            }

        #empowerSection > .texts {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            max-width: 960px;
        }

        #empowerSection .cards {
            display: flex;
            justify-content: space-between;
            gap: 2.5rem;
            width: 100%;
        }


        #empowerSection .empower-card {
            position: relative;
            overflow: hidden;
            border-radius: 1.4375rem;
            border: 1px solid #009247;
            padding: 0 0 .5rem;
            /*         display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center; */
            box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.10);
        }

            #empowerSection .empower-card .card-img img {
                width: 100%
            }

            #empowerSection .empower-card .content-card {
                /*    padding: .5rem 3rem; */
                padding: .7rem 2.5rem;
            }


        #empowerSection h2 {
            line-height: normal;
            font-size: 1.5rem;
        }


        #empowerSection p {
            color: var(--grey-color, rgba(117, 117, 117, 0.80));
            font-size: 1rem;
            font-style: normal;
            font-weight: 400;
            line-height: 150%;
        }

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

    .industries-page .hero .hero-content .description {
        color: var(--grey-color, rgba(117, 117, 117, 0.80));
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 400;
    }



    .industriesModelTwo .title-wrapper .description-header {
        color: var(--grey-color, rgba(117, 117, 117, 0.80));
        text-align: center;
        font-size: 1.5rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        padding: 10px 10%;
    }

    .industries-hero {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
        padding: 0 0 0 5rem;
        gap: 3rem;
        /*     background-image: url(/assets/images/industries/7516831 1.png); */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 98vh;
    }

        .industries-hero .industries-hero-content {
            text-align: center;
            padding-top: 60px;
        }

            .industries-hero .industries-hero-content .title {
                color: var(--PrimaryColor, #009247);
                font-size: 3rem;
                font-style: normal;
                font-weight: 500;
                line-height: 150%; /* 4.5rem */
            }

            .industries-hero .industries-hero-content .description {
                color: var(--grey-color, rgba(117, 117, 117, 0.80));
                text-align: center;
                font-size: 1.5rem;
                font-style: normal;
                font-weight: 400;
                line-height: 150%; /* 2.25rem */
            }

    .tawasolForClub {
        padding: 0;
    }

    .features {
        padding: 5rem 5rem;
    }


        .features .title-wrapper {
            padding-bottom: 3rem;
        }


            .features .title-wrapper .title-header {
                padding-inline: 16%;
            }



        .features .features-content {
            display: flex;
            gap: 1rem;
        }

    .features-content .card-features {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 12px 0px;
        border-radius: 1.25rem;
        gap: 1rem;
        width: 25%;
        min-width: 25%;
        padding: 1.5rem 2.0625rem 1.6875rem 1.5rem;
        padding: 2rem 1.5rem !important;
        background-color: #fff;
        display: flex;
        flex-direction: column;
        border-radius: 0.5rem;
        gap: 1rem;
        border: 1px solid #ECECEC;
        height: 100%;
    }



        .features-content .card-features:hover {
            background-color: #009247 !important;
            color: white !important;
            transition: all 0.5s ease;
        }

            .features-content .card-features:hover img {
                background-color: #fff;
                border-radius: 5px;
                fill: #fff;
            }

        .features-content .card-features .img-fluid {
            max-width: 32px !important;
        }

        .features-content .card-features:hover .title,
        .features-content .card-features:hover img,
        .features-content .card-features:hover .description {
            color: white !important;
        }

        .features-content .card-features .title {
            color: var(--Black, #2B2B2B);
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 500;
        }

        .features-content .card-features .description {
            color: var(--grey-color, rgba(117, 117, 117, 0.80));
            font-size: 0.875rem;
            font-weight: 400;
            line-height: 150%;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            height: 75px;
        }


    .chat-page .features-content .card-features .description {
        color: var(--grey-color, rgba(117, 117, 117, 0.80));
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 150%;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 80px;
    }


    /*  feature in Chat page */


    .chat-page .features:first-of-type .features-content .card-features {
        width: 33.1%;
        flex-direction: row;
        gap: 1rem;
        border-radius: 0.625rem;
        border: 1.002px solid var(--PrimaryColor, #009247);
        box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.10);
        align-items: flex-start;
    }


    .chat-page .features:first-of-type .title-wrapper {
        background-image: url('/assets/images/libray/shadwo.png');
        text-align: center
    }

    .chat-page .features:first-of-type .features-content {
        padding: 0 10rem;
    }

    .chat-page .features .features-content:first-of-type {
        display: flex;
        gap: 1rem;
        padding: 0 6rem !important;
    }

    .chat-page .title-wrapper {
    }




    .chat-page .features:last-of-type .features-content .card-features {
        background-color: #009247;
        color: white !important;
    }





    @media (max-width: 991px) {
        .features {
            padding: 2rem;
        }

            .features .features-content {
                flex-direction: column;
            }

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

        .central-section .texts h1, .central-section .texts p {
            padding: 0 10% !important;
        }

        .features .title-wrapper .title-header {
            padding-inline: 0%;
            font-size: 2rem;
        }

        .custom-connectedInformedSection .connectedInformedSection.service {
            flex-direction: column !important;
            gap: 4rem;
        }

        .chat-page .features:first-of-type .features-content {
            padding: 1rem 0rem;
        }

        .chat-page .custom-connectedInformedSection {
            flex-direction: column;
            padding: 0rem 1rem;
        }

        .chat-page .features:first-of-type .features-content {
            padding: 1rem 0 !important;
        }

        .chat-page .features:nth-of-type(2) .features-content .card-features {
            width: unset;
        }

        .chat-page .features:first-of-type .features-content .card-features {
            width: unset;
        }

        .chat-page .central-section .texts p {
            width: unset;
            margin: unset;
        }

        .chat-page .central-section .artical-img-continer {
            max-height: 400px !important;
            max-width: 1000px !important;
        }

        .chat-page .features .title-wrapper .title-header, .chat-page .central-section .texts h1 {
            font-size: 2rem;
        }
    }

    @media screen and (max-width: 991px) {
        .service-text {
            padding-inline: 2rem;
        }

        #empowerSection {
            padding: 2rem;
            flex-direction: column;
        }

            #empowerSection > .empower-card:nth-child(n+3) {
                flex: 1 1 100%;
            }

        .industries-hero {
            padding: 1rem
        }

        .tawasolForClub {
            padding: 0 2rem;
        }

        .container-shawts {
            padding: 1rem;
        }

        .section-header {
            margin-top: 1rem;
        }

        .cust-containerImg {
            margin: 0.5rem;
        }

        .central-section {
            padding-top: 1rem;
        }

            .central-section .central-title {
                padding: 0 1rem !important;
                font-size: 1.5rem;
            }

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




    /* Enhancment */





    .why-us .tawasol-content .card-tawasol {
        min-height: 230px !important;
        padding: 2rem 1.5rem !important;
    }

    .industires .cards-industries {
        display: flex;
        justify-content: space-around;
        gap: 0.2rem;
    }






    /*.service {
    height: 350px
}*/
    /*.custom-service {
    height: 255px;
}
*/ /*.custom-service {
    height: 255px;
}
*/
    /*  .service svg {
        height: 165px !important;
    }*/


    .industires .description {
        width: 909px;
        margin: 18px auto;
        font-size: 1.875rem;
        font-weight: 600;
        margin-bottom: 2.5rem;
        line-height: normal;
        text-align: center;
    }



    .why-us .tawasol-content .card-tawasol {
        padding: 1rem 1.5rem !important;
    }


    .industires {
        padding: 3rem 10rem;
    }

    .comommunity-page .hero-content .title {
        color: #009247;
        max-width: 573px;
    }

    .comommunity-page .hero-content .description {
        color: var(--grey-color, rgba(117, 117, 117, 0.80));
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 150%;
    }

    .comommunity-page .hero-container-bg {
        margin-top: 40px;
    }


    /*.our-services .content .title-header {

    font-size: 2.5rem;
 
}*/

    .our-services .content .title-header {
        font-size: 2.3rem;
    }

    .control-of-tawasol .description-control-tawasol {
        padding-bottom: 41px;
    }

    .control-of-tawasol .tab-content img {
        border-radius: 14px;
    }



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



    /*.col-md-12.service, col-md-6 service, col-md-6 service, .service:nth-child(2), .service {
    background: #ebebeb;
    border: 4px solid #009247;
    border-radius: .5rem;
    border: 4px solid #e0dbdb;
    background-color: #f7f7f7;
}*/

    .custom-connectedInformedSection {
        padding: 5rem 0;
    }

    .connectedInformedSection {
        background: #009247;
        /*    padding: 2rem 3rem;*/
        display: flex;
        flex-direction: row-reverse;
        gap: 9.81rem;
        align-items: center;
        margin-bottom: 1.5rem;
        border-radius: 0;
    }

    .library-page .connectedInformedSection {
        gap: 3rem;
    }


    .custom-content-sec {
        flex: 1;
        padding: 3rem 5rem !important;
        /*   transform: translate(6%, 24%);*/
    }

    .chat-page .custom-content-sec {
        flex: 1;
        padding: unset !important;
    }



    .content-sec h2 {
        color: #FFF;
        font-size: 32px;
        font-weight: 500;
        margin-bottom: 1rem;
        line-height: normal;
    }


    .content-sec p {
        color: #F1F1F1;
        font-size: 1rem;
        font-weight: 400;
        line-height: normal;
    }

    .content-sec connectedInformedSection-img {
        background-image: url('assets/images/libray/shadwo.png');
    }

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

    .library-page .flex-dir {
        flex-direction: row !important;
    }


    @media screen and (max-width: 991px) {
        footer {
            padding: 0 1rem !important
        }

        .footer-container {
            padding: 0;
        }


        .service-item-edit {
            flex: 1 1 100% !important;
        }

        .hero .hero-content {
            margin-top: 0rem;
            width: unset;
        }

        .chat-page .custom-connectedInformedSection {
            padding: 2rem !important;
        }

        .custom-connectedInformedSection {
            padding: 2rem 0;
        }

        .connectedInformedSection {
            gap: 2rem;
        }

        .chat-page .features:nth-of-type(2) .features-content .card-features {
            width: 100% !important;
        }

        .chat-page .title-wrapper {
            padding: 1rem;
        }

        .library-page .flex-dir {
            flex-direction: column !important;
        }

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

        .navbar-nav.me-5 {
            gap: 1rem;
        }

        .header .d-flex.flex-md-row {
            flex-direction: column !important;
            gap: 1rem;
            margin-bottom: 1rem;
        }
    }

    #connectingCommunities {
        background-repeat: no-repeat;
        background-image: url('/assets/images/Rectangle 39391.svg');
        background-size: cover;
        background-position: bottom
    }

    #discoverEngage .custom-service {
        flex-direction: row;
    }

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
    }

    .dropdown-menu {
        padding: 1rem 0;
        margin-top: 1rem;
        border: 0;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }

    .dropdown-item {
        padding-block: 0.5rem;
    }

        .dropdown-item:hover {
            color: #1e2125;
            background-color: #f2f2f2;
        }

    .custom-ul {
        list-style: none;
        padding: 0 !important;
    }

        .custom-ul li {
            padding-bottom: 0.3rem;
        }


    li a {
        color: rgba(117, 117, 117, 0.80);
        font-size: 1.125rem;
        font-style: normal;
        font-weight: 400;
        line-height: 1.25rem;
        text-decoration: none;
        list-style: none;
    }

    #broadcastAnnouncements {
        background-repeat: no-repeat;
        background-image: url('/assets/images/33.png');
        padding: 80px 76px;
        background-size: contain;
    }

    .simplify-setting .simplify-content .work-flow .options:hover {
        color: #009247;
    }

    /*.conntections-teams {
    display: flex;
    column-gap: 1rem;
    flex-wrap: wrap;
}
.connecting-teams .col-md-6.service {
    width: 49% !important;
}
.connecting-teams .service.custom-service div {
    padding: 0;
}
.connecting-teams .service.custom-service {
    padding: 2rem;
}
.connecting-teams .service.custom-service {
    padding: 1rem 2rem;
}
.connecting-teams .service {
    padding: 1rem 2rem 0 2rem;
    border: 4px solid #009247;
    background-color: #fff !important;

}
    .connecting-teams .service h2 {
        color: #009247 !important;
        font-weight: 700;
    }
    .connecting-teams .service p {
        max-width: 70%;
    }
.col-md-12.service a {
    color: #009247;
}
.connecting-teams .col-md-6.service svg {
    display: block;
    margin: 0 auto;
}
.connecting-teams .service a {
    margin-bottom: 2rem;
    font-weight: 700;
    font-size: 0.9rem;
}
@media screen and (max-width: 991px) {
    .connecting-teams .col-md-6.service {
        width: 100% !important;
    }
    .connecting-teams .service p {
        max-width: 100%;
    }
}*/

    #ourServices .cards .services-card:hover {
        background-color: #009247;
        transition: all 0.5s ease;
    }

        #ourServices .cards .services-card:hover p, #ourServices .cards .services-card:hover h4 a {
            color: #fff !important;
        }

    .card-header-shawts p {
        /*  max-width: 70%;*/
    }

    .card-shawts:hover {
        background-color: #009247;
        transition: all 0.5s ease;
    }

        .card-shawts:hover p, .card-shawts:hover h2 {
            color: #fff !important;
        }

    .event-card .card-tawasol:hover {
        background: #009247;
    }

        .event-card .card-tawasol:hover p, .event-card .card-tawasol:hover h4 {
            color: #fff !important;
            transition: all 0.5s ease;
        }

    .event-card .card-tawasol img {
        background-color: #009247;
        padding: 0.5rem;
        border-radius: 0.3rem;
    }

    .event-card .card-tawasol:hover img {
        background-color: #ffffff1a;
    }

    #section-Why-us .tawasol-content .card-tawasol:hover {
        background-color: #009247;
        transition: all 0.5s ease;
    }

        #section-Why-us .tawasol-content .card-tawasol:hover p, #section-Why-us .tawasol-content .card-tawasol:hover h4 {
            color: #fff !important;
        }










    body {
        margin-top: 64px;
    }

    .why-us .tawasol-content .card-tawasol svg {
        width: 40px;
        height: 40px;
    }

    .service svg {
        height: 180px;
        margin: 0 auto;
        width: 450px;
    }

    .col-md-12.service svg {
        width: 500px;
        height: 200px;
        margin: 1rem 5rem 1rem 0;
    }

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

    main.shawts #createShawts .cards .shawt-card:first-child .card-img img {
        padding-bottom: 0;
    }

    main.shawts #createShawts .cards .shawt-card .texts {
        margin-top: 4rem;
    }

    .btn.btn-primary {
        width: auto;
    }

    .central-section .artical-img-continer img {
        /*    width: auto;
    height: 600px;
    max-height: unset;
    max-width: none;*/
    }

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

    #ourServices .cards .services-card {
        text-decoration: none;
    }

    .small-item {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .card-shawts.small-item img {
        height: 160px;
        width: auto;
        max-width: none;
        max-height: unset;
    }

    .card-shawts.large-item img {
        height: 320px;
        max-height: 330px;
    }

    .card-shawts.custom-small.small-item img {
        height: 120px;
        width: 350px;
        max-width: none;
        max-height: unset;
    }

    .card-shawts.equal-item.custom-equal img {
        height: 160px;
        width: auto;
        max-width: 240px;
        max-height: unset;
        margin-top: 0;
    }

    .equal-item .card-header-shawts p {
        max-width: 90%;
    }

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

    #ourServices .cards .services-card:hover h4 {
        color: #fff;
    }

    /*.hero-container-bg {
    margin-inline-end: 2rem;
}*/

    main.shawts #createShawts > .texts h1 {
        text-align: center;
    }

    .chat-page .features:nth-of-type(2) .features-content .card-features {
        min-height: auto;
        width: auto;
        min-width: auto;
    }

    .industires .cards-industries a {
        text-decoration: none;
    }

    main #directMessage .cards .shawt-card {
        height: 100%;
    }

    #exploreKeyFeatures .texts p {
        font-weight: 400;
    }

    @media(min-width:1199px) {
        .nav-item.dropdown:hover .dropdown-menu {
            display: block;
            top: 100%;
            left: 0;
            margin-top: .125rem;
        }
    }

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

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

    #empowerSection .empower-card .card-img img {
        max-height: 400px;
    }

    @media (max-width: 991px) {
        .chat-page .central-section .artical-img-continer img {
            max-width: 100%;
            height: auto;
        }

        .central-section .artical-img-continer img {
            width: fit-content;
            height: fit-content;
            max-height: -webkit-fill-available;
            max-width: 100%;
        }

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

        .why-us {
            padding: 5rem 2rem !important;
        }

        #section-Features .col-md-6 {
            padding: 0;
        }

        .our-services .content {
            padding: 6rem 2rem !important;
        }

        .cust-container {
            padding: 0 !important;
        }

        .why-us .title-wrapper .title-header {
            font-size: 1.875rem !important;
        }

        .why-us .title-header, .connecting-teams .title-header, .our-services .content .title-header, .control-of-tawasol .title-header, .simplify-setting .title-header, .industires .title-header, .cust-container .title-header {
            font-size: 1.875rem !important;
            line-height: normal;
            margin-bottom: 1rem;
        }

        #ourServices h1 {
            font-size: 1.875rem !important;
            line-height: normal;
            margin-bottom: 1rem;
        }

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

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

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

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

        .section-header h1 {
            font-size: 2rem;
        }

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

        .form-container {
            padding: 0 2rem;
        }

        .navbar-nav {
            gap: 1rem;
        }
    }

    @media (max-width: 1300px) {
        .industries-page .hero .hero-bg {
            max-width: 450px;
        }

        .industries-page .hero .hero-content {
            width: 65%;
        }
    }

    .why-us .tawasol-content {
        margin-bottom: 3rem;
    }

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

    .service svg {
        max-width: 100%;
    }

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

    .why-us .tawasol-content .card-tawasol {
        min-height: 190px !important;
    }

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

    .industires .description {
        width: auto;
    }

    #discoverEngage svg {
        width: auto;
        height: 350px;
    }


    .service svg {
        max-width: 100%;
    }


    .size-1 {
    }



    .size-2 {
        font-size: 1.2rem !important;
    }

    .size-3 {
    }


    .size-1 {
    }


    .size-1 {
    }

    .size-6 {
        font-size: 2.7rem !important;
        line-height: unset !important;
    }

    .paragraf-edit {
        margin: 0 !important;
        max-width: 100% !important;
    }

    .edit-line {
        line-height: unset !important;
    }

    .edit-margin {
        margin-bottom: 0.5rem !important;
    }

    .edit-margin-2 {
        margin-top: 4.4rem !important;
    }

    .service-text p {
        max-width: 85%;
    }

    @media (max-width: 978px) {
        .service-text p {
            max-width: unset;
        }
    }



    .container-svg-ed {
        width: 45px;
        height: 45px;
        background: transparent;
        border-radius: 5px;
        justify-content: center;
        display: flex;
        align-items: center;
    }
    /*.chat-page .card-features:hover .container-svg-ed {
    background: white;
}
*/



    .feature-icon {
        /*    fill: black;*/
        transition: fill 0.3s ease; /* إضافة تأثير عند تغيير اللون */
    }



    .tab-pane-edit {
        width: 749px;
        height: 400px;
    }

        .tab-pane-edit img {
            width: 100%;
            height: 100%;
        }



    .text-align-end {
        text-align: end;
    }


    .card-header-shawts-edit h2 {
        font-size: 0.96075rem;
    }

    .custom-heghit {
        height: 14.375rem;
    }



    .chat-page .central-section {
        background: unset;
    }




.chat-page .texts.section-header {
    background: unset;
    padding-top: 4.5rem;
    margin-bottom: 1.5rem;
}

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

    .chat-page .texts.section-header p {
        max-width: unset;
        padding-inline: 18%;
    }

.chat-page .text-center.cust-containerImg {
    width: 60%;
    margin: auto;
    padding-top: 1.25rem;
    max-width: 1000px;
}


    /*.library-page .central-section:nth-child(2) {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.5) -41%, rgba(164, 221, 156, 0.3) 38%, rgba(255, 255, 255, 0.5) 72%);

    background:red
}*/
    .library-page .central-section:nth-of-type(1) {
        /*    background: linear-gradient(to top, rgba(255, 255, 255, 0.5) -9%, rgba(164, 221, 156, 0.3) 48%, rgba(255, 255, 255, 0.5) 56%);*/
        background: linear-gradient(to top, rgba(255, 255, 255, 0.5) 0, rgba(164, 221, 156, 0.3) 48%, rgba(255, 255, 255, 0.5) 56%);
    }

    .library-page .central-section:nth-of-type(2) {
        /*background: linear-gradient(to top, rgba(255, 255, 255, 0.5) -41%, rgba(164, 221, 156, 0.3) 38%, rgba(255, 255, 255, 0.5) 72%);*/
        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) 70%);
        background: linear-gradient(to top, rgba(255, 255, 255, 0.5) -41%, rgba(164, 221, 156, 0.3) 16%, rgba(255, 255, 255, 0.5) 72%);
    }

    .library-page .features:nth-of-type(1) {
        padding: 0rem 5rem;
        /*    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) -7%, rgba(164, 221, 156, 0.3) 36%, rgba(255, 255, 255, 0.5) 60%) ;*/
        background: none;
    }


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

        .connecting-teams .col-md-6:nth-child(2) .service h2 {
            margin-top: 1rem;
        }

        .connecting-teams .col-md-6:nth-child(2) .service h2,
        .connecting-teams .col-md-6:nth-child(2) .service a {
            color: #fff;
            text-align: start;
        }

        .connecting-teams .col-md-6:nth-child(2) .service 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 .col-md-6:nth-child(4) .service h2 {
            color: #2b2b2b;
            text-align: start;
        }


    .container-svg {
        height: 45px;
    }