.common-video-img>img {border-radius: 30px; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.play-icon {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; cursor: pointer;}
.common-video, .common-video-img {position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0;}
.common-video-box {position: relative; padding-top: 56.25%; border-radius: 30px; overflow: hidden;}
.common-video iframe, .common-video video {width: 100%; height: 100%;}
.home-about-content .common-title-block h2 {margin-bottom: 15px;}
.about-info p {margin-bottom: 15px;}
.about-info p:last-child {margin-bottom: 0;}

.branck-block {position: relative; border-radius: 30px; overflow: hidden; margin-bottom: 22px; min-height: 320px;}
.branck-block .barnch-img {position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; object-fit: cover; transform: scale(1.0); transition: transform 0.3s ease-in-out;}
.branck-block:hover .barnch-img {transform: scale(1.1);}
.branch-top-overlay {position: absolute; top: 0; left: 0; right: 0; z-index: 2; background:linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 26%, rgba(0, 0, 0, 0) 60%); padding: 20px;}
.branch-top-overlay img {max-height: 52px;}
.branch-bottom-overlay {background:linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.8) 70%, rgba(0, 0, 0, 0) 95%); padding: 35px 20px 20px; position: absolute; bottom: 0; left: 0; right: 0; color: var(--bs-white);}
.branch-bottom-overlay h2 {font-size: 16px; font-weight: var(--fw-bold);}
.branch-bottom-overlay p {font-size: 13px; margin: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.branch-btn {margin-top: 16px;}
.branch-btn .btn-secondary-custom {border: 1px solid var(--bs-white); background: transparent; color: var(--bs-white); font-size: 14px; font-weight: var(--fw-semibold); padding: 4px 11px;}
.branch-btn .btn-secondary-custom:hover {background: var(--bs-white); color: var(--dark-blue);}

.president-block {background: linear-gradient(2.86deg, #144980 2.16%, #0A3057 97.41%); border-radius: 22px; position: relative;}
.president-content {padding: 77px 30px 40px;}
.president-img img { max-width: 300px; width: 100%;}
.watch-video {font-size: 16px; color: var(--bs-white); display: flex; flex-wrap: wrap; align-items: center; opacity: 0.5; transition: all 0.3s ease; position: absolute; top: 30px; left: 30px; cursor: pointer;}
.watch-video img{width: 32px; transition: all 0.3s ease;}
.watch-video:hover img {width: 40px;}
.watch-video:hover {opacity: 1;}
.watch-video span {display: inline-block; margin-right: 15px;}
.president-content h2 {color: var(--bs-white); margin: 0 0 5px;}
.president-title {font-size: 16px; display: block; color: #63A9D5;}
.president-info {margin-top: 15px; color: var(--bs-white);}
.president-info p {margin: 0;}


.partner-card {box-shadow: 0px 7px 10px 0px #CCCCCC1F; background: var(--bs-white); border-radius: 20px; display: flex; align-items: center; justify-content: center; min-height: 120px; width: 100%; overflow: hidden; padding: 10px;}
.partner-card img {transform: scale(0.9); transition: transform 0.3s ease-in-out; max-width: 100%;}
.partner-card:hover {cursor: pointer;}
.partner-card:hover img {transform: scale(1);}
.our-partners {background: var(--light-gray)}
.slider-btns .swiper-button-prev, .slider-btns .swiper-button-next {box-shadow: 0px 7px 10px 0px #C7C7C71F; background: var(--bs-white); width: 45px; height: 45px; border-radius: 50%; color: var(--dark-blue);}
.slider-btns .swiper-button-prev:hover, .slider-btns .swiper-button-next:hover {background: var(--dark-blue); color: var(--bs-white);}
.slider-btns .swiper-button-next::after, .slider-btns .swiper-button-prev::after {font-size: 20px; font-weight: 900;}
.global-impact-box {padding: 0 20px; display: flex; flex-direction: column; align-items: center; width: 100%; text-align: center; margin-bottom: 20px;}
.global-impact-box:last-child {margin-bottom: 0;}
.global-impact-wrapper {background-image: url(../images/global-impact-bg.webp); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 30px; overflow: hidden; padding-left: 15px; padding-right: 15px;}
.global-impact .common-title-block .sub-title {color: var(--bs-white);}
.global-impact .common-title-block h2 {color: var(--bs-white);}
.impact-stats {font-size: 36px; font-weight: var(--fw-bold); color: var(--bs-white); }
.impact-label {font-size: 16px; color: var(--bs-white);}
.featured-articales {background: var(--light-gray);}
.work-img {border-radius: 30px; overflow: hidden; cursor: pointer;}
.work-img img {width: 100%; transform: scale(1.0); transition: transform 0.3s ease-in-out;}
.work-img:hover img {transform: scale(1.1);}
.feature-artical-box {border-radius: 30px; background: var(--bs-white); box-shadow: 0px 8px 14px 0px #FFFFFF14; height: 100%; display: flex; flex-direction: column;}
.feature-artical-img img {width: 100%; border-radius: 30px 30px 0px 0px;}
.feature-artical-content {padding: 20px 25px; flex: 1; display: flex; flex-direction: column;}
.feature-artical-content span {font-size: 13px; color: #656565; display: block;}
.feature-artical-content h2 {font-size: 20px; color: var(--bs-black); font-weight: var(--fw-bold); margin: 0 0 15px;}
.feature-artical-content h2 a {color: var(--bs-black); text-decoration: none;}
.feature-artical-content p {font-size: 14px; color: var(--bs-black); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 0 0 24px;}
.feature-artical-content .read-more-btn {margin-top: auto;}
.feature-artical-content .btn {font-size: 12px; padding: 8px 12px}
.featured-articales-btn {margin-top: 40px;}
.president-img-wrapper {width: 100%; order: 2; text-align: center;}
.president-content-wrapper {width: 100%;  order: 1;}
.mob-banner-img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.mob-banner-img {width: 100%; height: 220px;}

.our-works .our-works-nav { display: flex; justify-content: center; align-items: center; gap: 20px; margin-top: 20px;}
.our-works .our-works-nav .swiper-button-next{ position: static !important; inset: unset !important; margin: 0; width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 6px 16px 0px rgba(199, 199, 199, 0.5);}
.our-works .our-works-nav .swiper-button-prev { position: static !important;  inset: unset !important; margin: 0; width: 55px; height: 55px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 6px 16px 0px rgba(199, 199, 199, 0.5);}


@media (min-width: 768px) {
  .home-about-content .common-title-block h2 {margin-bottom: 20px;}
  .about-info p {margin-bottom: 20px;}
  .president-info {margin-top: 25px;}
  .impact-stats {font-size: 42px;}
  .impact-label {font-size: 18px;}
  .president-block {overflow: hidden;}
.president-content {padding: 77px 30px 35px 0px;}
    .president-img-wrapper {width: 45%; display: flex ; justify-content: center; align-items: flex-end; order: 1;}
    .president-content-wrapper {width: 55%; order: 2;}
.global-impact-box {width: 40%;}
.global-impact-box:nth-child(3) {margin-bottom: 0;}
.mob-banner-img {display: none;}
.watch-video {left: initial; right: 30px;}
  
}

@media (min-width: 992px) {
    .global-impact-box {padding: 0 25px;}
    .impact-stats {font-size: 46px;}
    .impact-label {font-size: 20px;}
    .featured-articales-btn {margin-top: 50px;}
.president-img-wrapper {width: 35%;}
    .president-content-wrapper {width: 65%;}
.president-content {padding: 67px 30px 40px;}
.global-impact-box {width: initial; margin-bottom: 0;}
}   

@media (min-width: 1024px) {
    .home-about-content .common-title-block {max-width: 725px;}
    .home-about-content .common-title-block h2 {max-width: 590px; margin-bottom: 25px;}
    .about-info p {margin-bottom: 25px;}
    .branck-block {min-height: 370px;}
	
    .president-title {font-size: 18px;}
    .president-info {margin-top: 30px;}
    .slider-btns .swiper-button-next {right: 20px;}
    .slider-btns .swiper-button-prev {left: 20px;}
    .global-impact-box {padding: 0 30px;}
    
}

@media (min-width: 1200px) {
	.president-block {overflow: initial;}
	.president-img-wrapper {width: 37%; text-align: center;}
    .president-img img {margin-top: -25%; max-width: 28vw;}
    .president-content-wrapper {width: 63%;}
	.president-content {padding: 77px 40px 50px;}
	.watch-video {top: 40px; right: 40px;}
.about-info {max-width: 725px;}
}

@media (min-width: 1600px) {
    .global-impact-box {padding: 0 20px;}
    .impact-stats {font-size: 50px;}
    .impact-label {font-size: 22px;}
    .featured-articales-btn {margin-top: 60px;}
}

@media (max-width: 767px) {
.banner-box {background-image: none !important; background-color: #000;}
.banner-box::before {display: none;}
.banner-title {font-size: 30px;}
.banner-box-content {padding: 25px 25px 65px;}
}