* {
    margin: 0;
    padding: 0;
    font-family: "arabbook";
}

@font-face {
    font-family: "arabbook";
    src: url("../fonts/FFSHAMELUNIQUE-NORMAL.OTF");
}

@font-face {
    font-family: "aramid";
    src: url("../fonts/FFSHAMELUNIQUE-MEDIUM.OTF");
}

@font-face {
    font-family: "arabbold";
    src: url("../fonts/FFSHAMELUNIQUE-BOLD.TTF");
}

@font-face {
    font-family: "ENfont";
    src: url("../fonts/GothamRounded-Book.otf");
}

@font-face {
    font-family: "ENbold";
    src: url("../fonts/GothamRounded-Bold.otf");
}

ENfont :root {
    --swiper-navigation-size: 12px !important;
}

h1,
h2 {
    font-family: "arabbold";
}

a {
    text-decoration: none !important;
}

body {
    background-color: #e8e8e8;
}

.navbar-collapse {
    /* flex-basis:auto !important;
    flex-grow: 0 !important;
    align-items: center; */
}

.navbar-nav-scroll {
    max-height: none !important;
    overflow-y: auto;
}

.navbar-collapse {
    flex-grow: 0 !important;
}

ul.dropdown-menu.show {
    border-radius: 10px 10px;
}


/* .dropdown-item{
    border-bottom:1px solid !important;
} */

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: #1495d9 !important;
    /* background-color: #FAFAFB; */
    /* border-radius:26px ; */
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: #ffffff00 !important;
}

.donation_but {
    border-radius: 26px;
    border: 0px solid #01a65a;
    color: #ffffff;
    background-color: #1495d9;
    width: 120px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}


/* .donation_but:hover{
    border: 1px solid #01A65A;
    color: #ffffff;
    background-color: #01A65A;

} */

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    background-color: rgb(255, 255, 255);
    align-items: center;
    justify-content: space-between;
}

.dropdown-item:hover {
    color: #1495d9 !important;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #1495d9 !important;
    text-decoration: none;
    background-color: rgba(255, 0, 0, 0) !important;
}

.nav_search_but {
    border: none;
    background-color: #ffffff00;
    color: #a6a6a6;
}

.nav-link {
    font-size: 14px !important;
    color: #333333 !important;
}

.search_pop {
    z-index: 999999999999999999;
    position: fixed;
    width: 100%;
    background-color: #01a65a;
}

.search_div {
    padding: 30px;
    width: 60%;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    flex-direction: column;
    border-radius: 0 0px 10px 10px;
    background-color: #ffffff;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

#closeButton {
    padding: 4px;
    background-color: #ffffff00;
    border-left: 0px solid #6c6c6c;
    border-right: 1px solid #e8e8e8;
    border-bottom: 0px solid #6c6c6c;
    border-top: 0px solid #6c6c6c;
}

.fluid_div {
    background-color: #f8f9fa !important;
}

.inp_search {
    border: none;
    width: 200px;
}

.inp_search:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

.a_suggestions_sec_div {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.suggestions_sec {
    padding: 10px 0px;
}

.a_suggestions_sec {
    text-decoration: none;
    color: #000000;
}

.dropdown-menu li:not(:last-child) a {
    border-bottom: 1px solid #dbdfe3;
}

.dopsvg {
    display: flex !important;
    gap: 5px;
    justify-content: center;
    align-items: center;
}

.dopsvg:hover {
    color: #1495d9 !important;
}

.drop_res {
    flex-direction: column;
}

.navp {
    margin: 0 !important;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: none !important;
    border-top: 0.3em solid;
    border-left: 0.3em solid transparent;
    border-bottom: 0;
    border-right: 0.3em solid transparent;
}


/* ////////////////silder/////////////// */


/* ////////////topic_sec////////////// */

.main_topic_sec {
    width: 100%;
    padding: 25px 0 0px;
    background: #fff;
}

.topic_sec {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.tpoics {
    display: flex;
    align-items: center;
    gap: 6px;
}

.tpoics_p {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 !important;
    color: #999;
    font-size: 14px;
}

.tpoics_p_garaa {
    max-width: 582px;
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    display: none;
}


/* ////////////AboutUs////////////// */

.main_AboutUs {
    width: 100%;
    height: auto;
    padding: 65px 0 190px;
    background-color: #fafafb;
    background-image: url(../img/Hero-Section.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.AboutUs_content {
    max-width: 470px;
    min-width: 340;
    margin-top: 60px;
}

.image_2 {
    width: 545px;
    height: 490px;
    position: relative;
    left: 0px;
    bottom: 107px;
    /* border:3px solid #00A651;border-radius: 20px; */
}

.dots {
    background-repeat: no-repeat;
    background-size: 176px 164px;
    background-position: 0px 0px;
}

.black {
    z-index: 100;
    position: relative;
    top: -178px;
    right: 538px;
}

.blue {
    z-index: 100;
    position: relative;
    bottom: -307px;
    left: 63px;
}

.orang {
    z-index: 100;
    position: relative;
 
    top: -137px;
    left: 127px;
}

.withw {
    z-index: 100;
    position: relative;
    bottom: -282px;
    left: -264px;
}

.dotts {
    z-index: 100;
    position: relative;
    bottom: -64px;
    left: -187px;
}

.img_AboutUs {
    width: 626px;
    height: 302px;
    margin-top: 120px;
    background-color: #ffffff;
    border: 0px solid #e8e8e8;
    border-radius: 20px;
}

.about_topics {
    display: flex;
    gap: 10px;
    padding: 10px 0;
}

.about_icon {
    width: 64px;
    height: 64px;
    border: 1px solid #e8e8e8;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blac_text_about {
    font-size: 20px;
    margin: 0 !important;
}

.graa_text_about {
    max-width: 350px;
    font-size: 14px;
    color: #737373;
    margin: 0 !important;
}

.circle {
    display: inline-block;
    color: #ff7802;
    position: relative;
}

.circle::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 0px solid black;
    overflow: hidden;
}

.circle svg {
    position: absolute;
    width: 125%;
    height: 125%;
    left: -11px;
    object-fit: cover;
}

.bule_text {
    color: #145b93;
    font-size: 16px;
    font-family: "aramid";
    font-weight: 500;
    line-height: 28px;
    margin: 0 !important;
}

.chang_text {
    color: #333;
    text-align: right;
    font-size: 40px;
    max-width: 469px !important;
    font-family: "arabbold";
    font-weight: 700;
    line-height: 64px;
}

.graa_p_min {
    color: #666666;
    text-align: right;
    font-family: "arabbook";
    font-size: 18px;
    line-height: 28px;
}

.Donatenow_but_min {
    color: #fff;
    font-size: 18px;
    border-radius: 16px;
    background: #1495d9;
    text-decoration: none;
    padding: 17px 32px;
}

.Donatenow_but_min:hover {
    background: #2daaec;
}

.get_to_know_us_but {
    color: #1495d9;
    font-size: 18px;
    text-decoration: none;
    padding: 17px 32px;
    border-radius: 16px;
    border: 1px solid #1495d9;
    background: #fff;
}

.get_to_know_us_but:hover {
    color: #fff;
    text-align: right;
    font-size: 18px;
    text-decoration: none;
    padding: 17px 32px;
    border-radius: 16px;
    border: 1px solid #1495d9;
    background: #1495d9;
}


/* ////////////////news/////////////// */

.main_news {
    width: 100%;
    background: #fff;
}

.c0l_control {
    display: flex;
    justify-content: center;
    align-items: center;
}

.news_div {
    width: 100%;
    padding: 75px 0 45px;
    background: #fff;
}

.card_wid {
    row-gap: 10px !important;
}

.news_div_topic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.view-all-but {
    display: inline-flex;
    height: auto;
    padding: 14px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1px solid #333;
    background: #fff;
    text-decoration: none;
    color: #333;
}

.view-all-but:hover {
    background: #e5c05e;
    color: #fff;
}

.news_card {
    background-color: #f8f9fa;
    border-radius: 20px;
    width: 375px;
    height: auto;
    display: flex;
    padding: 16px;
    overflow: hidden;
    flex-direction: column;
    gap: 0px;
}

.news_card_a {
    width: 100%;
    display: inline-flex;
    padding: 10px 0px 10px 0px;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background: #1495d9;
    text-decoration: none;
    color: #ffffff;
}

.news_card_a:hover {
    background: #2daaec;
}

.usd_color {
    color: #1495d9;
    font-size: 16px;
    font-family: "aramid" !important;
    font-weight: 350;
    line-height: 20px;
    margin: 0 !important;
}

.usd_color span {
    font-family: "ENbold";
}

.prog_projects {
    padding: 10px 0;
}

.progress-bar {
    background-color: #1495d9 !important;
    border-radius: 20px;
}

.progress,
.progress-stacked .news_content {
    background-color: #e1e2e2 !important;
    height: 12px !important;
}

.Remaining_amount {
    font-size: 16px;
    padding: 5px;
}

.news_card_img {
    width: 100%;
    background-color: #dee2e6;
    height: 220px;
}

.news_card img {
    transition: transform 1s;
    filter: 0.5s ease-out;
}


/*
.news_card:hover img {
    transform: scale(1.1);
}
.news_card:hover .news_card_a {
    margin-right: 10px;
} */

.news_graa {
    font-size: 16px;
    color: #737373;
}

.news_card_graa {
    color: #666666;
    text-align: right;
    font-size: 14px;
    font-family: "arabbook";
    line-height: 22px;
    text-align: start;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}

.news_card_graa img {
    width: 80%;
}

.news_card_topic {
    text-align: start;
    color: #333;
    margin: 0 !important;
    font-size: 20px;
    font-family: "aramid";
    padding-bottom: 5px;
    font-weight: 500;
}

.figure_news_card_img {
    overflow: hidden;
    background-color: #dee2e6;
    border-radius: 24px;
}


/* ///////////////number////////// */

.main_numbers {
    width: 100%;
    padding: 75px 0 45px;
    background-color: #fff4e5;
    background-image: url(../img/Numbers.png);
    background-size: cover;
}

.num_div {
    width: 100%;
    height: auto;
    padding: 29px 0;
    /* border-radius: 28px; */
    /* background-color: #ffffff;
    border: 1px solid #E8E8E8 ; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.num_topic {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.num_topic_h1 {
    text-align: center;
}

.num_topic_p {
    color: #666666;
    text-align: center;
    font-size: 16px;
    font-family: arabbook;
    font-style: normal;
    font-weight: 400;
    padding-top: 8px;
}

.num_card_div {
    width: 100%;
    margin-top: 40px !important;
    row-gap: 15px;
    justify-content: center;
}

.num_card_col {
    display: flex;
    justify-content: center;
}

.num_card {
    border-radius: 20px;
    border: 0.5px solid var(--dee-2-e-6, #dee2e6);
    background: #fff;
    width: 270px;
    display: flex;
    text-align: center;
    flex-direction: column;
    padding: 40px 0;
}

.num_card_p {
    color: var(--666666, #666);
    font-size: 18px;
    min-height: 36px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.num_card_h1 {
    font-family: "ENbold" !important;
}


/* ////////////Videos///////////// */

.c0l_control {
    display: flex;
    justify-content: center;
    align-items: center;
}

.main_Videos {
    width: 100%;
    padding: 75px 0 45px;
    background: #fff;
}

.card_wid {
    row-gap: 10px !important;
}

.Videos_content {
    max-width: 470px;
    min-width: 340;
    margin-top: 60px;
}

.image_2 {
    width: 545px;
    height: 490px;
    position: relative;
    left: 0px;
    bottom: 107px;
    /* border:3px solid #00A651;border-radius: 20px; */
}

.img_Videos_div {
    /* width: 626px;
    height: 302px; */
    width: 100%;
    background-image: url(../img/Groupvv.png);
    background-repeat: no-repeat;
    padding: 40px;
    height: 457px;
    background-size: 100% 100%;
}

.img_Videos {
    width: 100%;
    height: 336px;
    border-radius: 20px;
}

.img_Videos img {
    margin-top: 23px;
    width: 100%;
    height: 90%;
    border-radius: 20px;
}

.Videos_topics {
    display: flex;
    gap: 10px;
    padding: 10px 0;
}

.Videos_icon {
    width: 64px;
    height: 64px;
    border: 1px solid #e8e8e8;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blac_text_Videos {
    font-size: 20px;
    margin: 0 !important;
}

.graa_text_Videos {
    max-width: 350px;
    font-size: 14px;
    color: #737373;
    margin: 0 !important;
}

.bule_text {
    color: #145b93;
    font-size: 16px;
    font-family: "aramid";
    font-weight: 500;
    line-height: 28px;
    margin: 0 !important;
}

.chang_text {
    color: #333;
    text-align: right;
    font-size: 40px;
    max-width: 469px !important;
    font-family: "arabbold";
    font-weight: 700;
    line-height: 64px;
}

.graa_p_min {
    color: #666666;
    text-align: right;
    font-family: "arabbook";
    font-size: 18px;
    line-height: 28px;
}

.graa_p_minp {
    color: var(--666666, #666);
    text-align: right;
    padding-bottom: 20px;
    font-size: 14px;
}

.Donatenow_but_min {
    color: #fff;
    font-size: 18px;
    border-radius: 16px;
    background: #1495d9;
    text-decoration: none;
    padding: 17px 32px;
}

.Donatenow_but_min:hover {
    background: #2daaec;
}

.get_to_know_us_but {
    color: #1495d9;
    text-align: right;
    font-size: 18px;
    text-decoration: none;
    padding: 17px 32px;
    border-radius: 16px;
    border: 1px solid #1495d9;
    background: #fff;
}

.get_to_know_us_but:hover {
    color: #fff;
    text-align: right;
    font-size: 18px;
    text-decoration: none;
    padding: 17px 32px;
    border-radius: 16px;
    border: 1px solid #1495d9;
    background: #1495d9;
}


/* //////////CTA//////// */

.main_CTA {
    width: 100%;
    padding: 75px 0 45px;
    background-color: #ffffff;
}

.CTA_div {
    width: 100%;
    height: auto;
    padding: 0px 0;
    border-radius: 28px;
    background-color: #ffffff;
    border: 1px solid #e8e8e8;
    background-image: url(../img/Gwefwe.png);
    background-size: 100% 50%;
    background-repeat: no-repeat;
    background-position: bottom;
}

.CTA_content {
    height: 100%;
    display: flex;
    padding: 20px 10px;
    flex-direction: column;
    justify-content: center;
}

.CTA_content h4 {
    padding-bottom: 10px;
    font-family: "arabbold";
}

.CTA_content a {
    max-width: max-content;
}

.drop_res:hover .dropdown-menu {
    display: block;
    top: 35px;
}

.CTA_div_img {
    width: 100%;
    height: 280px;
}

.topic_num {
    padding: 0 !important;
}

.CTA_content_p {
    font-size: 14px;
    color: #737373;
}

.CTA_CTA {
    color: #01a65a;
    font-size: 32px;
    margin: 0 !important;
}

.CTA_card_but {
    border-radius: 26px;
    border: 1px solid #01a65a;
    color: #01a65a;
    background-color: #ffffff00;
    width: 200px;
    height: 56px;
}

.CTA_card_but:hover {
    border: 1px solid #01a65a;
    color: #ffffff;
    background-color: #01a65a;
}


/* ////////////////Videos/////////////// */

.Videos_div {
    width: 100%;
    padding: 75px 0 45px;
    background-color: #fafafb;
}

.Videos_div_topic {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 20px 0;
}

.Videos_card {
    background-color: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 24px;
    width: 375px;
    height: auto;
    display: flex;
    padding: 0px;
    overflow: hidden;
    flex-direction: column;
    gap: 0px;
}

.main_figure {
    width: 100%;
    height: 100%;
    border-radius: 24px;
    position: relative;
    display: inline-block;
}

.Videos_figure {
    width: 100%;
    height: 100%;
    border-radius: 24px;
    position: relative;
    display: inline-block;
}

.Videos_figure::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.553);
    opacity: 0.5;
    /* Adjust the opacity as needed */
    z-index: 1;
    border-radius: 24px;
}

.Videos_figure::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient( 180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
    opacity: 0.6;
    /* Adjust the opacity as needed */
    z-index: 1;
    border-radius: 24px;
}

.Videos_figure:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.553);
    opacity: 0;
    /* Adjust the opacity as needed */
    z-index: 1;
    border-radius: 24px;
}

.container {
    position: relative;
}

.overlay {
    position: absolute;
    top: 39%;
    left: 43%;
    background-color: rgba(0, 0, 0, 0);
    color: white;
    padding: 10px;
}

.image-text {
    position: absolute;
    bottom: 0%;
    right: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    font-weight: bold;
    z-index: 2;
}

.gap_video_x {
    row-gap: 17px;
}

.Videos_img {
    width: 100%;
    height: 100%;
    border-radius: 24px;
}

.video_topic_p {
    margin: 0px !important;
    font-size: 20px;
}

.video_des_p {
    margin: 0px !important;
    font-size: 16px;
}

.center_svg {
    display: flex;
    justify-content: center;
    align-items: center;
}

.svg_vdieo_style {
    margin-top: 22px;
}

.Videos_img_s {
    width: 100%;
    height: 100%;
    border-radius: 24px;
}

.video_topic_p_s {
    margin: 0px !important;
    font-size: 20px;
}

.video_des_p_s {
    margin: 0px !important;
    font-size: 16px;
}

.Videos_graa {
    font-size: 16px;
    color: #737373;
}


/* ////////////////Departments/////////////// */

.main_Departments {
    width: 100%;
    background: #f8f9fa;
}

.c0l_control {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Departments_div {
    width: 100%;
    padding: 75px 0 45px;
    background: #f8f9fa;
}

.card_wid {
    row-gap: 10px !important;
}

.Departments_div_topic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.view-all-but {
    display: inline-flex;
    height: 44px;
    padding: 14px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1px solid #333;
    background: #fff;
    text-decoration: none;
    color: #333;
}

.view-all-but:hover {
    background: #e5c05e;
    color: #fff;
}

.Departments_card {
    background-color: #ffffff;
    border-radius: 20px;
    width: 375px;
    height: auto;
    display: flex;
    padding: 16px;
    border: 1px solid #dee2e6;
    overflow: hidden;
    flex-direction: column;
    gap: 0px;
    height: 100%;
}

.Departments_card_a {
    /* width: 100%; */
    /* display: inline-flex;
    padding: 10px 0px 10px 0px; */
    /* justify-content: center;
    align-items: center;
    border-radius: 16px; */
    /* background: #1495D9; */
    text-decoration: none;
    color: #1495d9;
}

.Departments_card_a:hover {
    /* background: #2DAAEC; */
}

.usd_color {
    color: #1495d9;
    font-size: 16px;
    font-family: "aramid" !important;
    font-weight: 350;
    line-height: 20px;
    margin: 0 !important;
}

.usd_color span {
    font-family: "ENbold";
}

.prog_projects {
    padding: 10px 0;
}

.progress-bar {
    background-color: #1495d9 !important;
    border-radius: 20px;
}

.progress,
.progress-stacked .Departments_content {
    background-color: #e1e2e2 !important;
    height: 12px !important;
}

.Remaining_amount {
    font-size: 16px;
    padding: 5px;
}

.Departments_card_img {
    width: 100%;
    background-color: #dee2e6;
    border-radius: 16px;
    height: 240px;
}

.Departments_card img {
    transition: transform 1s;
    filter: 0.5s ease-out;
}


/*
.news_card:hover img {
    transform: scale(1.1);
}
.news_card:hover .news_card_a {
    margin-right: 10px;
} */

.Departments_graa {
    font-size: 16px;
    color: #737373;
}

.Departments_card_graa {
    color: #666666;
    text-align: right;
    font-size: 14px;
    font-family: "arabbook";
    line-height: 22px;
    text-align: start;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
}

.Departments_card_topic {
    text-align: start;
    color: #333;
    margin: 0 !important;
    font-size: 20px;
    font-family: "aramid";
    padding-bottom: 5px;
    font-weight: 500;
}

.figure_Departments_card_img {
    overflow: hidden;
    background-color: #dee2e6;
    border-radius: 24px;
}


/* ////////////////BlogsandNews/////////////// */

.main_BlogsandNews {
    width: 100%;
    background: #ffffff;
}

.c0l_control {
    display: flex;
    justify-content: center;
    align-items: center;
}

.BlogsandNews_div {
    width: 100%;
    padding: 75px 0 45px;
    background: #ffffff;
}

.card_wid {
    row-gap: 10px !important;
}

.BlogsandNews_div_topic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.view-all-but {
    display: inline-flex;
    height: auto;
    padding: 14px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1px solid #333;
    background: #fff;
    text-decoration: none;
    color: #333;
}

.view-all-but:hover {
    background: #e5c05e;
    color: #fff;
}

.BlogsandNews_graa {
    color: var(--666666, #666);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.news_date_row {
    display: flex;
    padding-top: 10px;
    align-items: center;
    gap: 10px;
}

.graa_date_topic {
    margin: 0 !important;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}

.new_topic {
    font-family: "aramid";
    color: #333333;
    margin: 0 !important;
    padding-top: 10px;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    /*display: -webkit-box;*/
    
    -webkit-line-clamp: 1;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.new_graa_dec_l {
    color: #666666;
    padding-top: 9px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    max-width: 552px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.new_graa_dec_s {
    color: #666666;
    padding-top: 9px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    max-width: 552px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news_img_larg {
    width: 100%;
    /*height: 100%;*/
    border-radius: 24px;
    object-fit: cover;
    aspect-ratio: 4/2.5;
}

.news_img_sml {
    width: 100%;
    max-height: 210px;
    border-radius: 24px;
    aspect-ratio: 4/2.5;
}

.control_news_sml {
    display: flex;
    flex-direction: column;
    gap: 20px;
}


/* ////////////////Testimonials/////////////// */

.main_Testimonials {
    width: 100%;
    background: #ffffff;
}

.c0l_control {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Testimonials_div {
    width: 100%;
    padding: 75px 0 45px;
    background: #ffffff;
}

.card_wid {
    row-gap: 10px !important;
}

.Testimonials_div_topic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.view-all-but {
    display: inline-flex;
    height: auto;
    padding: 14px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 1px solid #333;
    background: #fff;
    text-decoration: none;
    color: #333;
}

.Testimonials_slide_card {
    max-width: 500px;
    height: auto;
    flex-shrink: 0;
    border-radius: 24px;
    border: 0.5px solid #dee2e6;
    padding: 32px;
    background: #f8f9fa;
}

.Testimonials_p_card {
    display: flex;
    flex-shrink: 0;
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.Testimonials_topic_card {
    margin: 0 !important;
    font-family: "aramid";
}

.Testimonials_date_card {
    margin: 0 !important;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
}

.swiper-parent-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 460px;
}

.swiper-container {
    width: 100%;
    /* height: 400px; */
}

.swiperslide {
    max-width: 500px;
    height: auto;
    flex-shrink: 0;
    border-radius: 24px;
    border: 0.5px solid #dee2e6;
    padding: 32px;
    background: #f8f9fa;
}

.swiper-pagination {
    position: relative !important;
    bottom: 0;
    width: 100px !important;
    background-color: #ffffff00;
}

.cootener {
    /*padding-right: 7%;*/
    padding: 20px;
    margin: auto;
    max-width: 1400px;
}

.swiper-navigation {
    display: flex;
    position: relative;
    z-index: 999999999999;
    justify-content: center;
    margin-top: 35px;
    width: 250px !important;
    margin-left: 200px;
}

.swiper-button-prev::after {
    content: none !important;
}

.swiper-button-next::after {
    content: none !important;
}

.swiper-button-prev,
.swiper-button-next {
    width: 40px !important;
    height: 40px !important;
    background: #ffffff;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    border: 1px solid black;
    justify-content: center;
    cursor: pointer;
    margin: 0 5px;
}

.icon_img_Testimonials {
    width: 56px;
    height: 56px;
    border-radius: 100%;
}

.vbn22 .swiper-pagination-bullet-active {
    width: 20px !important;
    border-radius: 20px !important;
    background-color: #1495d9 !important;
}


/* ////////////////FAQ/////////////// */


/* .qa-section */

.qa-section {
    padding-top: 100px;
    position: relative;
    background-color: #ffffff;
}

.content {
    /* border: 1px solid #E8E8E8; */
    background-color: rgb(255, 255, 255);
    /* padding: 80px 135px; */
    border-radius: 30px;
    position: relative;
    z-index: 1;
}

.cs-accordion .card_card {
    /* border-radius: 34px; */
    border-bottom: 1px solid #e8e8e8;
    /* background-color: ; */
    margin-bottom: 1rem;
    padding: 8px 24px 10px;
}

.cs-accordion .card_card .btn {
    text-align: start;
    width: 100%;
    text-decoration: unset;
    border: none;
    outline: none;
    font-family: "aramid";
    box-shadow: none;
    color: var(--blackColor);
    padding: 0;
}

.cs-accordion .card_card .btn:not(.collapsed) {
    color: #1495d9;
}

.cs-accordion .card_card .btn.collapsed~.hide {
    display: none;
}

.cs-accordion .card_card .btn~.hide {
    display: block;
}

.cs-accordion .card_card .btn~.show {
    display: none;
}

.cs-accordion .card_card .btn.collapsed~.show {
    display: block;
}

.mrg {
    margin-right: 23px;
}

.cs-accordion .card-header {
    background-color: transparent;
    border: none;
}

.cs-accordion .card_card .card-body {
    font-size: 14px;
    color: #737373;
    margin-top: 0;
    padding-top: 0;
    padding-left: 60px;
}

.qa-section .contact-us {
    margin-top: 32px;
    text-align: center;
}

.contact-us {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.qa-section .contact-us h4 {
    font-size: 24px;
    font-family: font500, sans-serif;
    color: var(--blackColor);
}

.qa-section .contact-us p {
    font-size: 14px;
    color: #737373;
    width: 50%;
}

.titel {
    text-align: center;
}

.cs-btn-2 {
    border-radius: 26px;
    color: #01a65a;
    border: 1px solid #01a65a;
    padding: 10px 57px 12px;
    text-decoration: none;
    margin-top: 10px;
    font-family: font500, sans-serif;
}

.cs-btn-2:hover {
    background-color: #01a65a;
    color: white;
}

.card-body {}

.modal-dialog {
    max-width: 770px !important;
    margin-left: auto;
    margin-right: auto;
}

.FAQ_toic_graa {
    padding-top: 10px;
    max-width: 384px;
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.FAQ_more {
    display: flex;
    flex-direction: column;
    gap: 12px;
    background-image: url(../img/Gradient.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
}


/* //////////EmailSubscription//////// */

.main_EmailSubscription {
    width: 100%;
    padding: 75px 0 45px;
    background-color: #ffffff;
    background-image: url(../img/5545454.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 50%;
}

.EmailSubscription_div {
    width: 100%;
    height: auto;
    padding: 0px 0;
    border-radius: 28px;
    background-color: #ffffff;
    border: 1px solid #e8e8e8;
    background-size: 100% 50%;
    background-repeat: no-repeat;
    background-position: bottom;
}

.EmailSubscription_content {
    height: 100%;
    display: flex;
    padding: 20px 56px;
    flex-direction: column;
    justify-content: center;
}

.jone_emli {
    max-width: 500px;
    padding: 0 20px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
    border: 0.5px solid #dee2e6;
    background: #f8f9fa;
}

.EmailSubscription_content h4 {
    padding-bottom: 10px;
    font-family: "arabbold";
}

.EmailSubscription_a {
    border: unset;
    text-decoration: none;
    padding: 17px 32px;
    border-radius: 16px;
    background: #1495d9;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
}

.EmailSubscription_inp_div {
    width: 100%;
    display: flex;
    gap: 9px;
}

.EmailSubscription_inp {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    border: none;
    width: 90%;
    background: #f8f9fa;
}

:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

.EmailSubscription_content a {
    width: 135px;
}

.EmailSubscription_div_img {
    width: 100%;
    height: 280px;
}

.topic_num {
    padding: 0 !important;
}

.EmailSubscription_content_p {
    font-size: 14px;
    color: #737373;
}


/* ////////////////Assembly/////////////// */

.main_Assembly {
    width: 100%;
    background: #ffffff;
}

.c0l_control {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Assembly_div {
    width: 100%;
    padding: 5px 0 45px;
    background: #ffffff;
}

.card_wid {
    row-gap: 10px !important;
}

.Assembly_card_topic {
    font-family: "aramid";
    color: #333333;
    font-size: 20px;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.Assembly_card_a {
    font-family: "aramid";
    color: #1495d9;
    text-decoration: none;
    padding: 10px 0 !important;
    font-size: 16px;
}

.Assembly_card_a {
    font-family: "aramid";
    color: #1495d9;
    text-decoration: none;
    padding: 20px 0 !important;
    font-size: 16px;
}

.Assembly_card_a button {
    font-family: "aramid";
    color: #1495d9;
    text-decoration: none;
    border: none;
    font-size: 16px;
    background-color: #ffffff00;
}

.Assembly_card {
    max-width: 500px;
    height: calc(100% - 20px);
    flex-shrink: 0;
    border-radius: 24px;
    border: 0.5px solid #dee2e6;
    padding: 32px;
    background: #f8f9fa;
}

.Assembly_card_graa {
    color: #333333;
    margin: 0 !important;
    padding-top: 10px;
    font-size: 16px;
}

.Assembly_topic_card {
    margin: 0 !important;
    font-family: "aramid";
}

.modal-dialog {
    max-width: 600px !important;
}

.btn-close {
    color: #000;
    --bs-btn-close-bg: none !important;
    --bs-btn-close-opacity: 1 !important;
    /* margin: 0 !important; */
    width: auto !important;
    height: auto !important;
    background-color: #dee2e6;
}

.modal-header {}

.modal-body {
    padding-bottom: 30px !important;
}

.mid_cart {
    padding-top: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.mid_cart_cercel {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    border: 1px solid #dee2e6;
    background-color: #f8f9fa;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart_data_blac {
    font-family: "aramid";
    color: #333333;
    max-width: 250px;
    font-size: 16px;
    margin: 0 !important;
}

.cart_data_graa {
    color: #666666;
    font-size: 16px;
    margin: 0 !important;
}


/* ////////////Chairmanspeech////////////// */

.main_Chairmanspeech {
    width: 100%;
    height: auto;
    padding: 0px 0 0px;
    background-color: #ffffff;
}

.Chairmanspeech_content {
    min-width: 340;
    margin-top: 60px;
}

.image_3 {
    max-width: 375px;
    height: 440px;
    position: relative;
    left: -29px;
    bottom: 24px;
}

.obule {
    z-index: 100;
    position: relative;
    top: -24px;
    left: -29px;
}

.img_Chairmanspeech {
    width: 326px;
    height: 440px;
    margin-top: 60px;
    background: #F8F9FA;
    border: 2px solid #1495D9;
    border-radius: 20px;
    background-image: url(../img/gfhgfhd.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.Chairmanspeech_topics {
    display: flex;
    gap: 10px;
    padding: 10px 0;
}

.Chairmanspeech_icon {
    width: 64px;
    height: 64px;
    border: 1px solid #e8e8e8;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blac_text_Chairmanspeech {
    font-size: 20px;
    margin: 0 !important;
}

.graa_text_Chairmanspeech {
    max-width: 350px;
    font-size: 14px;
    color: #737373;
    margin: 0 !important;
}

.Chairmanspeech_topic {
    color: #333333;
    font-size: 24px;
    font-family: 'aramid';
}

.Chairmanspeech_dec {
    max-width: 713px;
    color: #333333;
    font-size: 16px;
    width: 100%;
}


/* ////////////////Councilmembers/////////////// */

.main_Councilmembers {
    width: 100%;
    background: #ffffff;
}

.Councilmembers_div {
    width: 100%;
    padding: 35px 0 45px;
    background: #ffffff;
}

.Councilmembers_div_topic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.Councilmembers_card_topic {
    font-family: 'aramid';
    font-size: 18px;
    padding-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 !important;
}

.Councilmembers_card_graa {
    color: #666666;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.Councilmembers_content {
    display: flex;
    flex-direction: column;
}

.Councilmembers_card {
    border-radius: 20px;
    width: 270px;
    height: auto;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    gap: 0px;
}

.Councilmembers_card_img {
    width: 100%;
    height: 260px;
    border-radius: 20px;
}

.Councilmembers_row {
    row-gap: 20px;
}

.Councilmembers_row div {
    display: flex;
    justify-content: center;
}


/* ///////////////Vision&Mission/////////////// */

.img_VisionMission {
    width: 100%;
    height: auto;
    padding: 0px 0 0px;
    background-color: #ffffff;
}

.main_figure_VisionMission {
    width: 100%;
    height: 100%;
    border-radius: 24px;
    position: relative;
    display: inline-block;
}

.Chairmanspeech_content {
    min-width: 340;
    margin-top: 60px;
}

.image_4 {
    width: 100%;
    height: 440px;
    position: relative;
    left: 0px;
    bottom: 0px;
    border-radius: 24px;
}

.Pattern_3_VisionMission {
    z-index: 100;
    position: relative;
    top: -51px;
    left: 50px;
}

.Pattern_2_VisionMission {
    z-index: 100;
    position: relative;
    top: 298px;
    left: 199px;
}

.Pattern_1_VisionMission {
    z-index: 100;
    position: relative;
    top: 0px;
    left: -1px;
    width: 82px;
    height: 82px;
}

.main_VisionMission {
    width: 100%;
    padding: 25px 0 45px;
    background: #fff;
}

.Ourvision_card_b {
    max-width: 570px;
    height: auto;
    padding: 32px;
    border-radius: 20px;
    border: 1px solid #DEE2E6;
    background-image: url(../img/bul32.png);
    background-repeat: no-repeat;
    background-position: top left;
    height: 100%;
}

.Ourvision_card_og {
    max-width: 570px;
    height: auto;
    padding: 32px;
    border-radius: 20px;
    border: 1px solid #DEE2E6;
    background-image: url(../img/Masroup.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.Ourvision_svg_style {
    border-radius: 16px;
    border: 0.5px solid #DEE2E6;
    width: 88px;
    height: 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F8F9FA;
}

.Ourvision_card_topic {
    font-family: 'aramid';
    color: #333333;
    font-size: 24px;
    margin-top: 25px;
}

.Ourvision_card_dec {
    color: #666;
    font-size: 14px;
    max-width: 506px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* /////////FinancialReports//////////////// */

.main_FinancialReports {
    width: 100%;
    padding: 25px 0 45px;
    background: #fff;
}

.FinancialReports_card {
    max-width: 370px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    padding: 16px;
    border: 1px solid #DEE2E6;
    background: #FFF;
}

.FinancialReports_card_topic {
    font-family: 'aramid';
    color: #333333;
    font-size: 20px;
    margin-top: 20px;
    max-width: 322px;
}

.FinancialReports_card_as {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.FinancialReports_card_img {
    width: 100%;
    height: 320px;
    border-radius: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.Report_file_a {
    padding: 13px 55px;
    width: 256px;
    height: auto;
    border-radius: 14px;
    border: 1px solid #1495D9;
    background: #1495D9;
    font-family: 'aramid';
    color: #FFF;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
}

.pdf_a {
    padding: 13px;
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 14px;
    border: 1px solid #1495D9;
    background: #FFF;
}

.juscen {
    display: flex;
}


/* ////////////////Divisions/////////////// */

.main_Divisions {
    width: 100%;
    background: #ffffff;
}

.c0l_control {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Divisions_div {
    width: 100%;
    padding: 5px 0 45px;
    background: #ffffff;
}

.Divisions_div_topic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.Divisions_card {
    background-color: #ffffff;
    border-radius: 20px;
    width: 375px;
    height: auto;
    display: flex;
    padding: 16px;
    border: 1px solid #dee2e6;
    overflow: hidden;
    flex-direction: column;
    gap: 0px;
}

.Divisions_card_a {
    /* width: 100%; */
    /* display: inline-flex;
      padding: 10px 0px 10px 0px; */
    /* justify-content: center;
      align-items: center;
      border-radius: 16px; */
    /* background: #1495D9; */
    text-decoration: none;
    color: #1495d9;
}

.Divisions_card_a:hover {
    /* background: #2DAAEC; */
}

.usd_color {
    color: #1495d9;
    font-size: 16px;
    font-family: "aramid" !important;
    font-weight: 350;
    line-height: 20px;
    margin: 0 !important;
}

.usd_color span {
    font-family: "ENbold";
}

.prog_projects {
    padding: 10px 0;
}

.progress-bar {
    background-color: #1495d9 !important;
    border-radius: 20px;
}

.progress,
.progress-stacked .Divisions_content {
    background-color: #e1e2e2 !important;
    height: 12px !important;
}

.Remaining_amount {
    font-size: 16px;
    padding: 5px;
}

.Divisions_card_img {
    width: 100%;
    background-color: #dee2e6;
    border-radius: 16px;
    height: 240px;
}

.Divisions_card img {
    transition: transform 1s;
    filter: 0.5s ease-out;
}


/*
  .news_card:hover img {
      transform: scale(1.1);
  }
  .news_card:hover .news_card_a {
      margin-right: 10px;
  } */

.Divisions_graa {
    font-size: 16px;
    color: #737373;
}

.Divisions_card_graa {
    color: #666666;
    text-align: right;
    font-size: 14px;
    font-family: "arabbook";
    line-height: 22px;
    text-align: start;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 70px;
}

.Divisions_card_topic {
    text-align: start;
    color: #333;
    margin: 0 !important;
    font-size: 20px;
    font-family: "aramid";
    padding-bottom: 5px;
    font-weight: 500;
    max-width: 100%;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
}

.figure_Divisions_card_img {
    overflow: hidden;
    background-color: #dee2e6;
    border-radius: 24px;
}

.Divisions_row_wid {
    row-gap: 30px !important;
}


/* ////////////////ProjectDetails/////////////// */

.main_ProjectDetails {
    width: 100%;
    background: #ffffff;
    margin-top: 20px;
}

.ProjectDetails_tpoic {
    color: #333333;
    font-family: 'aramid';
    font-size: 28px;
    font-weight: 500;
    height: 50px;
}

.ProjectDetails_dec {
    color: #333333;
    font-size: 16px;
    max-width: 750px;
    display: block;
    width: 100%;
    overflow: hidden;
}

.mySwiper .swiperslide2 img {
    border-radius: 20px;
}


/* .ProjectDetails_dec img *{
    width: 500px;
} */

.MsoNormal img {
    width: auto !important;
    height: auto !important;
    margin-top: 15px;
}

.ProjectDetails_youtube_div {
    width: 100%;
    height: 320px;
    border-radius: 20px;
    margin: 32px 0;
}

.ProjectDetails_youtube {
    width: 96%;
    border-radius: 20px;
    height: 100%;
}

.ProjectDetails_card {
    background-color: #FFF;
    padding: 16px;
    max-width: 466px;
    height: auto;
    flex-shrink: 0;
    border-radius: 24px;
    border: 1px solid #DEE2E6;
}

.ProjectDetails_a {
    width: 100%;
    display: inline-flex;
    padding: 10px 0px 10px 0px;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
    background: #1495d9;
    text-decoration: none;
    color: #ffffff;
}

.ProjectDetails_a:hover {
    background: #2daaec;
}

.hr_ditels {
    background: #dee2e6cc!important;
    width: 100%;
    height: 1px;
    margin: 24px 0;
}

.img_del {
    width: 120px;
    height: 120px;
    border-radius: 16px;
}

.ProjectDetails_graa {
    font-size: 16px;
    color: #737373;
}

.ProjectDetails_graa {
    color: #666666;
    text-align: right;
    font-size: 14px;
    font-family: "arabbook";
    line-height: 22px;
    text-align: start;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ProjectDetails_topic {
    text-align: start;
    color: #333;
    margin: 0 !important;
    font-size: 20px;
    font-family: "aramid";
    padding-bottom: 5px;
    font-weight: 500;
}

.ProjectDetails_card_p_div {
    margin-top: 24px;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #DEE2E6;
    background: #F8F9FA;
}

.ProjectDetails_card_p {
    color: #333;
    font-size: 14px;
    margin: 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ProjectDetails_donet_num {
    margin: 0 !important;
    color: #1495D9;
    font-size: 14px;
}

.vbn33 .swiper-pagination-bullet-active {
    border-radius: 20px !important;
    background-color: #ffffff !important;
}

.vbn33 {
    right: 42%;
    bottom: var(--swiper-pagination-bottom, 30px) !important;
}


/* ////////////////Blogs_News/////////////// */

.type_blog_but {
    color: var(--333333, #333) !important;
    font-size: 16px !important;
    border-radius: 12px !important;
    border: 1px solid #DEE2E6 !important;
    background-color: #ffffff !important;
}

.type_blog {
    margin: 0 !important;
    color: #666;
    font-size: 16px;
}

.main_Blogs_News {
    width: 100%;
    background: #ffffff;
}

.c0l_control {
    display: flex;
    justify-content: center;
    align-items: center;
}

.Blogs_News_div {
    width: 100%;
    padding: 5px 0 45px;
    background: #ffffff;
}

.Blogs_News_div_topic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
}

.Blogs_News_card {
    background-color: #ffffff;
    border-radius: 20px;
    width: 375px;
    height: calc(100% - 20px);
    display: flex;
    padding: 0px;
    border: 1px solid #dee2e600;
    overflow: hidden;
    flex-direction: column;
    gap: 0px;
}

.Blogs_News_card_a {
    /* width: 100%; */
    /* display: inline-flex;
    padding: 10px 0px 10px 0px; */
    /* justify-content: center;
    align-items: center;
    border-radius: 16px; */
    /* background: #1495D9; */
    text-decoration: none;
    color: #1495d9;
}

.Blogs_News_card_a:hover {
    /* background: #2DAAEC; */
}

.usd_color {
    color: #1495d9;
    font-size: 16px;
    font-family: "aramid" !important;
    font-weight: 350;
    line-height: 20px;
    margin: 0 !important;
}

.usd_color span {
    font-family: "ENbold";
}

.prog_projects {
    padding: 10px 0;
}

.progress-bar {
    background-color: #1495d9 !important;
    border-radius: 20px;
}

.progress,
.progress-stacked .Blogs_News_content {
    background-color: #e1e2e2 !important;
    height: 12px !important;
}

.Remaining_amount {
    font-size: 16px;
    padding: 5px;
}

.Blogs_News_card_img {
    width: 100%;
    background-color: #dee2e6;
    border-radius: 16px;
    height: 240px;
}

.Blogs_News_card img {
    transition: transform 1s;
    filter: 0.5s ease-out;
}


/*
.news_card:hover img {
    transform: scale(1.1);
}
.news_card:hover .news_card_a {
    margin-right: 10px;
} */

.Blogs_News_graa {
    font-size: 16px;
    color: #737373;
}

.Blogs_News_card_graa {
    color: #666666;
    text-align: right;
    font-size: 14px;
    font-family: "arabbook";
    line-height: 22px;
    text-align: start;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.Blogs_News_card_topic {
    text-align: start;
    color: #333;
    margin: 0 !important;
    font-size: 20px;
    font-family: "aramid";
    padding-bottom: 5px;
    font-weight: 500;
}

.figure_Blogs_News_card_img {
    overflow: hidden;
    background-color: #dee2e6;
    border-radius: 24px;
}

.Blogs_News_row_wid {
    row-gap: 30px !important;
}

.Blogs_News_card_img {
    width: 100%;
    background-color: #dee2e6;
    height: 220px;
}

.Blogs_News_card img {
    transition: transform 1s;
    filter: 0.5s ease-out;
}


/*
.news_card:hover img {
    transform: scale(1.1);
}
.news_card:hover .news_card_a {
    margin-right: 10px;
} */

.Blogs_News_graa {
    font-size: 16px;
    color: #737373;
}

.Blogs_News_card_graa {
    color: #666666;
    text-align: right;
    font-size: 14px;
    font-family: "arabbook";
    line-height: 22px;
    text-align: start;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.Blogs_News_card_topic {
    text-align: start;
    color: #333;
    margin: 0 !important;
    font-size: 20px;
    font-family: "aramid";
    padding-bottom: 5px;
    font-weight: 500;
}

.figure_Blogs_News_card_img {
    overflow: hidden;
    background-color: #dee2e6;
    border-radius: 24px;
}

.BlogsandNews_graa {
    color: var(--666666, #666);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.news_date_row {
    display: flex;
    padding-top: 10px;
    align-items: center;
    gap: 10px;
}

.Blogs_News_graa_date_topic {
    margin: 0 !important;
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    max-width: 150px;
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Blogs_News_topic {
    font-family: "aramid";
    color: #333333;
    margin: 0 !important;
    padding-top: 15px;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.Blogs_News_graa_dec_l {
    color: #666666;
    padding-top: 9px;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    max-width: 552px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 90px;
    line-height: 25px;
}

.Blogs_News_graa_dec_lg {
    color: #666666;
    padding-top: 9px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    max-width: 552px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.image_5 {
    width: 100%;
    height: 320px;
    flex-shrink: 0;
    border-radius: 24px;
}

.Pattern_Blogs_News {
    z-index: 100;
    position: relative;
    top: 227px;
    left: 2px;
}


/* ////////////////////////////////////// */

.detials {
    align-items: flex-end;
    /* margin-right: 20%; */
    border: 1px solid #E3E6EA;
    border-radius: 15px;
    padding: -1px;
    background: white;
    font-size: 12px;
    /* margin-top: 30px; */
    padding: 17px 0px 33px;
    /* margin: 10px 48px 10px 10px; */
}

.detials hr {
    width: 100%;
    margin-right: 2px;
}

.detials h3 {
    font-size: 18px;
    padding: 10px 7px;
    font-weight: 600px;
    margin-top: 10px;
}

.detials .activities-title img {
    width: 45px;
    height: 45px;
    margin-right: 10px;
}

.detials .activities-title .title-desc h4 {
    font-size: 12px;
    font-weight: 400px;
    margin-right: 15px;
    margin-top: 5px;
}

.detials .activities-title .title-desc p {
    font-weight: 400px;
    margin-right: 15px;
    margin-top: -10px;
}

.activities-title .title-desc {
    /* margin-right: 20px; */
    width: 70%;
    justify-content: space-between;
}

.detials>p {
    margin-right: 10px;
}

.i {
    display: inline-block;
    margin: 5px 5px;
}

.copyRoute {
    background-color: #ffffff;
    border: none;
    border-radius: 100%;
    width: 30px;
    height: 30px;
}

.p_dil {
    font-size: 16px;
    color: var(--333333, #333);
    padding-top: 10px;
}

.Sections_department {
    padding-top: 40px;
}

.Sections_department_topic {
    font-size: 24px;
}

.Share_this_news_p {
    color: var(--121212, #121212);
    font-family: 'aramid';
    font-size: 16px;
}

.copylink {
    border: 1px solid #E3E6EA;
    width: 40px;
    height: 40px;
}

.copyRoute:focus {
    outline: 0px dotted !important;
    outline: 0px auto #000000 !important;
}

.content {
    margin-bottom: 50px;
}

.detials-icon {
    width: 45px;
    height: 45px;
    display: flex;
    padding: 10px;
    border: 1px solid #E3E6EA;
    border-radius: 50%;
    background: white;
    margin-right: 10px;
    justify-content: center;
    align-items: center;
}

.head-image {
    padding: 0px;
    background: #ffffff;
    border-radius: 20px;
    box-shadow: 0px 2px 5px #cccccc;
}

.head-image img {
    width: 100%;
    height: 500px;
    object-fit: cover;
}

.blogpost_topic {
    color: #333;
    font-family: 'aramid';
    font-size: 32px;
}

.containervv {
    position: relative;
    text-align: center;
    color: white;
}

.latest_news_events {
    margin-top: 20px;
}

.centered {
    position: absolute;
    top: 50%;
    left: 47%;
    transform: translate(-50%, -50%);
}

.latest_news_events_card {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid #DEE2E6;
}

.latest_news_events_img {
    width: 105px;
    height: 88px;
}


/* ///////////////////////////// */

.section-Technologies {
    height: 100%;
    background-color: rgb(255, 255, 255);
    padding-top: 10px;
    padding-bottom: 50px;
}

.green {
    background-color: #77BD49;
    width: 60px;
    height: 4px;
    border-radius: 2px;
    margin-bottom: 11px;
}

.tech-p {
    color: #A1A1A1;
    font-size: 20px;
    margin-top: 25px;
    max-width: 600px;
}

.ul-style {
    padding: 16px;
    border-radius: 16px;
    border-style: solid;
    border-color: #D8D8D8;
    border-width: 1px;
    margin-top: 30px;
}

.tech-h1 {
    text-align: start;
}

.nav-pills .nav-link {
    border-radius: .25rem;
    color: #626262;
    font-size: 17px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    border-radius: 16px;
    background-color: #77BD49;
}

.tebs-content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 9px;
    padding-bottom: 9px;
    gap: 10px;
}

.tebs-p {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    font-family: 'aramid';
    font-size: 16px;
}

.cardd-style {
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 370px !important; */
    height: 250px;
    border-radius: 16px;
    /* border-style:solid;
    border-color: #D8D8D8;
    border-width: 1px; */
    /* padding: 20px; */
}

.a_cardd-img {
    width: 100% !important;
    height: 100%;
    aspect-ratio: 4/4;
    border-radius: 20px;
}

.cardd-img {
    border-radius: 20px;
    /* object-fit: contain; */
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}

.v-gap {
    row-gap: 20px;
    justify-content: space-between !important;
}

.front-end {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding-bottom: 30px;
    padding-top: 40px;
}

.front-end-p {
    font-size: 24px;
    color: #171724;
    display: contents;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #1495D9 !important;
    background-color: #00000000 !important;
}

.containervvv {
    position: relative;
    text-align: center;
    color: white;
    width: 370px !important;
    height: 250px !important;
}

.containervvv img {
    border-radius: 16px;
    width: 370px !important;
    height: 250px !important;
    object-fit: cover;
    max-width: 100%;
}

.vdvdvdvd {
    background-color: #f0f8ff00 !important;
    border: none !important;
    color: #999;
}

.vdvdvdvd:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem #e91e6300 !important;
}


/* //////////////////////////////////// */

.tpoics_pp_garaa {
    max-width: 882px;
    color: #666666;
    font-size: 16px;
    font-weight: 400;
}

.main_Contact_information {
    width: 100%;
    padding: 25px 0 45px;
    background: #fff;
}

.Contact_information_card {
    border-radius: 28px;
    border: 0.5px solid var(--dee-2-e-6, #DEE2E6);
    background: #F2FCFF;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
}

.Contact_information_card_carcel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: rgba(187, 239, 252, 0.50);
}

.Contact_information_row {
    padding: 20px;
    row-gap: 20px;
}

.Contact_information_card_content {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
}

.Contact_information_card_topic {
    color: var(--333333, #333);
    font-family: 'aramid';
    font-size: 20px;
    margin: 0 !important;
}

.Contact_information_card_dec {
    margin: 0 !important;
    color: #666;
    font-size: 14px;
}

.ContactUs_inp {
    width: 100%;
    padding: 0 20px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-radius: 16px;
    border: 0.5px solid var(--dee-2-e-6, #DEE2E6);
    background: var(--f-8-f-9-fa, #F8F9FA);
}

.EmailSubscription_inp {
    color: #999;
    font-size: 14px;
    font-weight: 400;
    border: none;
    width: 90%;
    background: #f8f9fa;
}

.ContactUs_inp_div {
    width: 100%;
    display: flex;
    gap: 9px;
}

.ContactUs_row {
    row-gap: 20px;
}

.Send_message_but {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    padding: 17px 32px;
    border-radius: 16px;
    border: 1px solid #1495d9;
    background: #1495d9;
    margin-top: 20px
}

.modal_body_control {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(../img/Gbbb.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.svg_modal_cercel {
    width: 144px;
    height: 144px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--f-8-f-9-fa, #F8F9FA);
}

.model_card_content {
    margin-top: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
}

.model_card_topic {
    color: var(--333333, #333);
    font-family: 'aramid';
    font-size: 20px;
    margin: 0 !important;
}

.model_card_dec {
    margin: 0 !important;
    color: #666;
    font-size: 14px;
    max-width: 311px;
    text-align: center;
}


/* ////////////////donetnow/////////////// */

.DonateNow_r_card {
    width: 100%;
    border-radius: 24px;
    border: 1px solid var(--dee-2-e-6, #DEE2E6);
}

.DonateNow_r_card_topic_div {
    background-color: #F8F9FA;
    height: 72px;
    display: flex;
    border-radius: 24px 24px 0 0;
    align-items: center;
    padding: 0 32px;
    border-bottom: 1px solid var(--dee-2-e-6, #DEE2E6);
}

.DonateNow_r_card_topic {
    margin: 0 !important;
    color: var(--333333, #333);
    font-family: 'aramid';
    font-size: 20px;
}

.paymentMethod_div {
    padding: 24px 32px;
    color: var(--333333, #333);
    font-family: 'aramid';
    font-size: 16px;
}

.bbbb {
    padding: 10px 20px 0;
}

.custom-radio {
    width: 100%;
}

.custom-radio input {
    display: none;
}

.radio-btn {
    margin: 10px;
    width: 100%;
    height: auto;
    border-radius: 16px;
    border: 0.5px solid var(--dee-2-e-6, #DEE2E6);
    display: flex;
    background: #F8F9FA;
    box-shadow: 0 0 20px #c3c3c367;
    cursor: pointer;
}

.radio-btn>i {
    color: #ffffff;
    background-color: #FFDAE9;
    font-size: 20px;
    transform: translateX(-50%) scale(2);
    border-radius: 50px;
    padding: 3px;
    transition: 0.5s;
    pointer-events: none;
    opacity: 0;
}

.hobbies-icon {
    display: flex;
    align-items: center;
    gap: 10px;
}

.hobbies_topic {
    margin: 0 !important;
    color: var(--333333, #333);
    font-size: 14px;
}

.hobbies_dec {
    margin: 0 !important;
    color: #666;
    font-size: 12px;
}

.radio-btn .hobbies-icon {
    padding: 19px 30px;
}

.iiconn {
    width: 72px;
    height: 48px;
    border-radius: 8px;
    border: 0.25px solid #DEE2E6;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
}

.radio-btn .hobbies-icon i {
    color: #FFDAE9;
    line-height: 80px;
    font-size: 60px;
}

.radio-btn .hobbies-icon h3 {
    color: #555;
    font-size: 18px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.custom-radio input:checked+.radio-btn {
    border: 2px solid #1495D9;
}

.custom-radio input:checked+.radio-btn .inpu_rido_cerl {
    border: 6px solid #1495D9;
}

.custom-radio input:checked+.radio-btn>i {
    opacity: 1;
    transform: translateX(-50%) scale(1);
}

.inpu_rido_cerl {
    width: 24px;
    height: 24px;
    background-color: #FFFFFF;
    border-radius: 100%;
    border: 1px solid #DEE2E6;
}

.filter_select {
    /* border: 1px solid rgba(0, 0, 0, 0.2); */
    /* border-radius: 20px; */
    width: 100%;
    background-color: #ffffff00;
    /* height: 40px; */
    border: none;
    text-align: center;
    color: #797D81;
}

.dropstyle {
    background-color: rgba(245, 245, 220, 0) !important;
    border: none !important;
}

.acoontet_div {
    padding-top: 20px;
}

.acoontet_div_svg {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background-color: #F8F9FA;
    border: 1px solid #DEE2E6;
}

.acoontet_div_topic {
    color: var(--333333, #333);
    font-family: 'aramid';
    font-size: 16px;
    margin: 0 !important;
}

.acoontet_div_dec {
    margin: 0 !important;
    color: var(--666666, #666);
    font-size: 14px;
}

.copylink {
    background-color: #00000000;
    border: none;
}

.rfgd {
    margin-top: 18px;
}


/* ////////////////footer/////////////// */

footer {
    border-top: 0px solid #e8e8e8;
}

.foot-style {
    width: 100%;
}

.imgfot {
    width: 100%;
    height: auto;
    padding: 10px 0px 10px 0px;
    background-color: #f8f9fa;
    /* background-size:100% 100%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: rgb(0, 0, 0);
}

.contact_cercles {
    width: 44px;
    height: 44px;
    background-color: #ffffff;
    border: 1px solid #dee2e6;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.contact_secc {
    display: flex;
    gap: 5px;
}

.contact_secc_toipc {
    color: #666666;
    font-size: 14px;
    margin: 0 !important;
}

.contact_secc_content {
    font-size: 16px;
}

.foot-icon {
    width: 50px;
    height: 50px;
    background-color: #00a651;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.input_login {
    border: none;
    text-align: right;
    background-color: rgba(240, 248, 255, 0);
}

.input_login:focus-visible {
    outline: -webkit-focus-ring-color auto 0px;
}

.media-control {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.media-icon {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border-width: 1px;
    border-color: aliceblue;
    border-style: solid;
}

.rowww {
    display: flex;
    gap: 5px;
    margin-right: 7px;
}

.button_login {
    background-color: #00a651;
    border: none;
    height: 46px;
    width: 110px;
    margin-left: 6px;
    border-radius: 20px;
    color: aliceblue;
}

.tpoic_div {
    width: 170px;
    display: flex;
    flex-direction: column;
    padding: 10px 0;
}

.topic_fot {
    font-weight: bold;
    font-size: 18px;
    font-weight: bold;
}

.fot-a-pages {
    text-decoration: none;
    padding: 5px 0;
    color: #333333;
}

.email-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 400px;
    height: 56px;
    border-radius: 28px;
    border: 1px solid #e8e8e8;
    background-color: rgb(255, 255, 255);
}

.foot-end {
    background-color: #f8f9fa;
    width: 90%;
    border-top: 1px solid #e8e8e8;
    height: auto;
    padding-top: 15px;
    display: flex;
    color: #737373;
    margin: 0 auto;
    align-items: center;
    justify-content: space-between;
}

.text-center {
    text-align: start !important;
}

.start2 {
    width: 100%;
}

.EmailSubscription_inp::placeholder {
    direction: rtl !important;
}

.EmailSubscription_inp {
    direction: rtl !important;
}

@media only screen and (max-width: 1230px) {
    .black {
        z-index: 100;
        position: relative;
        top: -166px;
        right: 538px;
    }
    .blue {
        z-index: 100;
        position: relative;
        bottom: -326px;
        left: 63px;
    }
    .orang {
        z-index: 100;
        position: relative;
        top: -117px;
        left: 128px;
    }
    .withw {
        z-index: 100;
        position: relative;
        bottom: -302px;
        left: -267px;
    }
    .dotts {
        display: none;
    }
}

@media only screen and (max-width: 1200px) {
    .CTA_div_img {
        width: 100%;
        height: 280px;
    }
    .fluid_div {
        width: 100% !important;
    }
    .black {
        display: none;
    }
    .blue {
        display: none;
    }
    .orang {
        display: none;
    }
    .withw {
        display: none;
    }
    .dotts {
        display: none;
    }
    .card_wid {
        gap: 13px;
    }
    .img_Videos_div {
        /* width: 626px;
    height: 302px; */
        width: 100%;
        background-image: none;
        background-repeat: no-repeat;
        padding: 0px;
        height: auto;
        background-size: 100% 100%;
    }
    .pppp {
        padding: 10px 3px;
    }
    .img_Videos {
        width: 100%;
        height: auto;
        border-radius: 20px;
    }
    .img_Videos img {
        margin-top: 0px;
        width: 100%;
        height: 100%;
        border-radius: 20px;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-lg .navbar-collapse {
        display: none !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .col-lg-3 {
        flex: 0 0 auto;
        width: 45% !important;
    }
}

@media only screen and (max-width: 992px) and (max-width: 1200px) {
    .news_img_sml {
        width: 270px;
        max-height: 210px;
        border-radius: 24px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1200px) {
    .col-lg-3 {
        flex: 0 0 auto;
        width: 45% !important;
    }
}

@media only screen and (max-width: 1130px) {
    .just_bet {
        justify-content: space-between;
    }
    .image_2 {
        width: 100%;
        height: 490px;
        position: relative;
        left: 0px;
        bottom: 107px;
    }
}

@media only screen and (max-width: 985px) {
    .navbar-collapse {
        padding: 73px 0px 10px;
        flex-basis: 100% !important;
        flex-grow: 1 !important;
    }
    .juscen {
        justify-content: center;
    }
    .navbar-nav-scroll {
        max-height: none !important;
        overflow-y: none !important;
    }
    .overlay {
        position: absolute;
        top: 35%;
        left: 43%;
        background-color: rgba(0, 0, 0, 0);
        color: white;
        padding: 10px;
    }
    .v-gap {
        justify-content: center !important;
    }
    .news_div_topic_res {
        width: 67%;
    }
    .BlogsandNews_div_topic_res {
        width: 67%;
    }
    .main_card_Testimonials {
        width: 100% !important;
        border: 0px solid #e8e8e8;
        border-radius: 24px;
        padding: 47px;
    }
    .card_wid {
        gap: 0px;
    }
    .Pattern_3_VisionMission {
        display: none;
    }
    .Pattern_2_VisionMission {
        display: none;
    }
    .Pattern_1_VisionMission {
        display: none;
    }
    .image_4 {
        width: 100%;
        height: 240px;
        position: relative;
        left: 0px;
        bottom: 0px;
        border-radius: 24px;
    }
    /* .control_news_lg div {
        display: block;
        height: 100px;
        overflow: hidden
    }*/
    .containervvv,
    .containervvv img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 4/3;
        object-fit: cover
    }
    .cardd-style {
        height: auto;
    }
}

@media only screen and (max-width: 768px) {
    .Departments_div_topic {
        flex-wrap: wrap;
    }
    .main_ProjectDetails {
        margin-bottom: 50px;
    }
    .topic-order {
        margin-bottom: 20px;
    }
    .colContact_information {
        margin-top: 50px !important;
    }
    .control_news_lg {
        margin-bottom: 20px;
    }
    .Donatenow_but_min {
        padding: 17px 22px;
    }
    .news_img_sml {
        width: 100% !important;
        max-height: 210px;
        border-radius: 24px;
        object-fit: cover;
    }
    .Departments_div_topic {
        flex-wrap: wrap;
    }
    .view-all-but {
        padding: 10px !important;
        width: 120px;
        text-align: center;
    }
    .EmailSubscription_content {
        padding: 20px 10px;
    }
    .obule {
        display: none !important;
    }
    .overlay {
        position: absolute;
        top: 35%;
        left: 43%;
        background-color: rgba(0, 0, 0, 0);
        color: white;
        padding: 10px;
    }
    .main_AboutUs {
        padding: 25px 0 0px;
    }
    .Departments_div {
        padding: 25px 0 25px;
    }
    .BlogsandNews_div {
        width: 100%;
        padding: 15px 0 38px;
        background: #ffffff;
    }
    .Testimonials_div {
        width: 100%;
        padding: 51px 0px 40px;
        background: #ffffff;
    }
    .qa-section {
        padding-top: 0px;
        position: relative;
        background-color: #ffffff;
    }
    .main_EmailSubscription {
        width: 100%;
        padding: 0px 0 45px;
        background-color: #ffffff;
        background-image: url(../img/5545454.png);
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: 100% 50%;
    }
    .img_AboutUs {
        margin-top: 30px;
    }
    .image_2 {
        width: 100%;
        height: 305px;
        left: 0px;
        bottom: 0px;
    }
    .img_AboutUs {
        width: 95%;
        height: 100%;
    }
    .news_div {
        width: 100%;
        padding: 25px 0 45px;
        background: #fff;
    }
    .main_Videos {
        width: 100%;
        padding: 0px 0 45px;
        background: #fff;
    }
    .head-image img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }
    .EmailSubscription_a {
        text-decoration: none;
        padding: 7px 12px;
        border-radius: 16px;
        background: #1495d9;
        color: #fff;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
    }
    .jone_emli {
        max-width: 500px;
        padding: 0 20px 0 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-radius: 16px;
        border: 0.5px solid #dee2e6;
        background: #f8f9fa;
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100% !important;
    }
    .arrow_dev {
        display: flex;
        position: relative;
        justify-content: space-between;
        bottom: 300px;
    }
    .content {
        padding: 15px 35px;
    }
    .cootener {
        padding-right: 2%;
        padding-left: 2%;
    }
}

@media only screen and (max-width: 600px) {
    .navbar-collapse {
        padding: 73px 0px 10px;
        flex-basis: 100% !important;
        flex-grow: 1 !important;
    }
    .cccc {
        padding: 24px 6px;
        color: var(--333333, #333);
        font-family: 'aramid';
        font-size: 16px;
    }
    .inpu_rido_cerl {
        width: 34px;
    }
    .radio-btn {
        width: 94%;
    }
    .bbbb {
        padding: 10px 0px 0;
    }
    .radio-btn .hobbies-icon {
        padding: 19px 8px;
    }
    .Councilmembers_div_topic {
        justify-content: center;
    }
    .Report_file_a {
        padding: 13px 25px;
        width: 256px;
        height: auto;
        border-radius: 14px;
        border: 1px solid #1495D9;
        background: #1495D9;
        font-family: 'aramid';
        color: #FFF;
        font-size: 16px;
        text-decoration: none;
    }
    .content {
        padding: 15px 0px;
    }
    .cs-accordion .card_card {
        /* border-radius: 34px; */
        border-bottom: 1px solid #e8e8e8;
        margin-bottom: 1rem;
        padding: 8px 14px 10px;
    }
    .image_3 {
        width: 100%;
        height: 100%;
        position: relative;
        left: 0px;
        bottom: 0px;
    }
    .arrow_dev {
        display: flex;
        position: relative;
        justify-content: space-between;
        bottom: 300px;
    }
    .fluid_div {
        width: 100% !important;
    }
    .email-div {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 300px;
        height: 56px;
        border-radius: 28px;
        border: 1px solid #e8e8e8;
        background-color: rgb(255, 255, 255);
    }
    .button_login {
        background-color: #00a651;
        border: none;
        height: 46px;
        width: 70px;
        margin-left: 6px;
        border-radius: 20px;
        color: aliceblue;
    }
    .search_div {
        padding: 30px;
        width: 90%;
        display: flex;
        justify-content: center;
        margin: 0 auto;
        flex-direction: column;
        border-radius: 0 0px 10px 10px;
        background-color: #ffffff;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
    }
    .image_2 {
        object-fit: cover;
        width: 100%;
        height: 270px;
        left: 0px;
        bottom: 0px;
    }
    .img_AboutUs {
        width: 95%;
        height: 100%;
    }
}

.active {
    color: #1495D9;
}

@media only screen and (max-width: 500px) {
    .navbar-collapse {
        padding: 73px 0px 10px;
        flex-basis: 100% !important;
        flex-grow: 1 !important;
    }
    .overlay {
        position: absolute;
        top: 26%;
        left: 36%;
        background-color: rgba(0, 0, 0, 0);
        color: white;
        padding: 10px;
    }
}

@media only screen and (max-width: 575px) {
    .topic_fot {
        font-size: 14px;
    }
    .fot-a-pages {
        font-size: 12px;
    }
    .footerDiv {
        gap: 10px !important;
        justify-content: space-between !important
    }
    .foot-end {
        flex-direction: column;
    }
}