.font9{font-size: 9px!important;}
  .font10{font-size: 10px!important;}
  .font11{font-size: 11px!important;}
  .font12{font-size:12px!important;}
  .font14{font-size: 14px!important ;}
  .font13{font-size: 13px !important ;}
  .font15{font-size: 15px!important;}
  .font16{font-size: 16px!important;}
  .font17{font-size: 17px!important;}
  .font18{font-size: 18px!important;}
  .font18-2{font-size: 18px!important;}
  .font18-3{font-size: 18px!important;}
  .font20{font-size: 20px!important;}
  .font20-2{font-size: 20px!important;}
  .font21{font-size: 21px!important;}
  .font22{font-size: 22px!important;}
  .font23{font-size: 23px!important;}
  .font24{font-size: 24px!important;}
  .font25{font-size: 25px!important;}
  .font26{font-size: 26px!important;}
  .font28{font-size: 28px!important;}
  .font30{font-size: 30px!important;}
  .font35{font-size: 35px!important;}
  .font37{font-size: 37px!important;}
  .font40{font-size: 40px!important;}
  .font40-2{font-size: 40px!important;}
  .font48{font-size: 48px!important;}
  .font80{font-size: 80px!important;}
  .font60{font-size: 60px!important;}

.fixed-position{position: fixed; overflow: hidden;}
.hidden{display: none !important;}
.show{display: flex !important;height: auto; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; width: calc(100% - 100px); padding: 14px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin: auto; margin-top: -17px; flex-direction: column; align-items: start;}
.redcolor{color: red;}
* {margin: 0; padding: 0;box-sizing: border-box}
html,
body {padding: 0;margin: 0;position: relative; width: 100%; font-family: 'Nunito Sans', sans-serif !important;scroll-behavior: smooth;height: 100%;
-webkit-touch-callout: none;-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;font-smoothing: antialiased,}
a {text-decoration: none;color: inherit;}
img {border: none}
button{cursor: pointer;}
.bar-seperator {margin: 0 20px;}
.text-center{text-align: center;}
.text-start {text-align: start}
.ms-1{margin-left: 0.5rem;}
.mt-0 {margin-top: 0px !important;}
.my-5{margin-block: 5rem !important;}
.mt-1{margin-top: 0.5rem;}
.pb-5{padding-bottom: 5rem;}
.ms-0{margin-left: 0px !important;}
.mt-2 {margin-top: 2rem !important;}
.mt-3{margin-top: 3rem !important;}
.mb-1{margin-bottom: 0.5rem;}
.mb-2{margin-bottom: 1rem;}
.mb-3{margin-bottom: 2rem;}
.mb-4 {margin-bottom: 3rem;}
.mb-5{margin-bottom: 4rem !important;}
.pt-1{padding-top: 1rem !important;}
.ms-4{margin-left: 4rem;}
.pt-4{padding-top: 4rem !important;}
.pt-2{padding-top: 2rem !important;}
.pt-0 {padding-top: 0px !important;}
.pt-3 {padding-top: 3rem !important;}
.ms-2{margin-left: 1rem;}
.ms-3 {margin-left: 2rem;}
.mt-4 {margin-top: 4rem !important;}
.mt-5{margin-top: 5rem;}
.mb-0{margin-bottom: 0px;}
.pb-0{padding-bottom: 0px;}
.ps-0 {padding-left: 0px !important;}
p{line-height: 1.4;}
h4{line-height: 1.4;}

.arrow-up{width: 11px;}
.submit-form.programmatic{margin-top: -8rem; width: 100%;}
.active-link { padding-bottom: 1rem; border-bottom: 3px solid #CC2229; color: #CC2229 !important;}
.country-project-details{font-weight: 600; margin-top: 14px;}
.row-details.direction .country_details .country-project-details.street{border-bottom: 2px solid black; padding-bottom: 25px;}
.row-details.direction .country_details .country-project-details.street .fa-solid.fa-location-dot{margin: 0 0 0 8px;}

/* projects updated*/
.countries_projects .project_page.projects_items{font-size: 0; margin: 100px 0 0 0;padding: 0 100px;}
.countries_projects .project_item{display: inline-block; width: calc(33.33% - 30px); margin: 0 30px 30px 0; vertical-align: top}
.countries_projects .project_item img{height: 285px; object-fit: cover; width: 100%; border-radius: 15px;}
/*error message for no projects*/
.error_message{text-align: center;  font-size: 30px;}
.error_message.projects{margin: 70px 0;}
.error_message.article{margin: 0 0 100px 0}
.error_message.networks{font-size: 42px; margin: -350px 0 100px 0;}

/* go to top button*/
#goToTop{ display: block;position: fixed;border-top-left-radius: 50%;border-top-right-radius: 50%;bottom: 0;right: -50px;z-index: 99;transition: 0.7s all ease-in-out;border: none;outline: none;background-color: #1F1E1E;color: white;cursor: pointer;padding: 15px;font-size: 18px;}
#goToTop.active {right: 50px}
#goToTop:hover{ opacity: 0.8; transition: 0.35s ease-in-out;}

/* header updated*/
.header-style .hide-mobile .header-list div{position: absolute;top: 17px;height: auto; background: white;width: 170px; display: block; padding: 20px; z-index: 9999; box-shadow: 0 5px 10px 3px rgb(0 0 0 / 15%); animation: move 0.3s;-webkit-animation: move 0.3s;}
.header-style .hide-mobile .header-list div ul li a:hover{-webkit-transform: translateX(7px); color: #9E3222; font-family: Nunito Sans;}
.header-style .hide-mobile .header-list div ul li{ margin-bottom: 10px;}
.header-style .hide-mobile .header-list div ul li:last-child{margin-bottom: 0;}
.rotate{transform: rotate(180deg);}
/*home page updated*/
.ournetworks.home_page{margin-top: 50px;}
.ournetworks.home_page h2{text-align: center; font-size: 35px;}
.ournetworks.home_page .ournetwork{display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem;}
.ournetworks.home_page .network_button{display: block; margin: auto; width: 200px; height: 48px; border: 2px solid; margin-bottom: 45px; line-height: 48px !important; text-align: center; border-radius: 7px; font: normal normal 600 15px/18px Nunito Sans; margin-top: 20px; position: relative;}
.find_city .container{width: 65%; margin: auto; padding-top: 55px;}
.find_city .container .search-city{text-align: center; position: relative;}
.find_city .container .search-city input{outline: none; border: unset; padding: 12px; width: calc(100% - 100px); box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; padding-left: 25px;}
.find_city .container .search-city .search_button{background-color: #9E3222; color: white; width: 100px; height: 40px; text-align:center; line-height: 40px; display: inline-block; position: absolute;}
.find_city .container .search-city .fa-regular.fa-location-dot{position: absolute; color: #9E3222; padding-top: 12px; padding-left: 6px;}
.find_city .container .suggestions{position: absolute; top: 55px; left: 50px; z-index: 2;}
.find_city .container .suggestions.show a{margin: 10px 0;}

.display-flex.news .position-relative.second{width: 50%;}
.display-flex.news .margin-left.second{width: 50%;}
.ournetworks.home_page .network_details .code{margin-top: 15px;}
.ournetworks.home_page .ournetwork .network_details .project-title{margin-top: -10px; margin-bottom: 10px;}
.ournetworks.home_page .ournetwork .network_details .details{padding: 10px;}
.ournetworks.home_page .ournetwork .network_details .network_code{margin: -5px 0 13px 0; font-style: italic !important; font: normal normal 600 13px/30px Nunito Sans;}


.find-section .findus_map{display: flex; justify-content: center; position: relative; top: 170px; list-style: none; direction: rtl; right: 65px;}
.find-section .findus_map .lebanon_img{position: relative; left: -15px; top:65px; width: 145px; height: 185px; object-fit: contain;}
.find-section .findus_map .iraq_img{position: relative; left: 0; width: 100%; height: 150px; object-fit: contain;}
.find-section .findus_map .africa_img{position: relative; left: 35px; width: 100%; height: 270px; object-fit: contain; top: 30px;}
.find-section ul.findus_map  li{position: relative; cursor: pointer;}
.find-section ul.findus_map  li a{position: absolute;background-color: #000;color: #fff;width: 100px;border-radius: 7px;padding: 9px;text-transform: uppercase; font-family:  Nunito Sans; font-weight: bold; font-size: 11px;}
.find-section ul.findus_map  li a.lebanon{top: 125px; left: 80px;}
.find-section ul.findus_map  li a.iraq{left: 70px; top: 60px;}
.find-section ul.findus_map  li a.uganda{top: 122px; right: 70px; width: 80px;}
.find-section ul.findus_map  li a.rwanda{top: 158px; right: 85px; width: 90px;}
.find-section ul.findus_map  li a.south-africa{font-size: 10px; top: 225px; right: 90px;}


.find-section .find_us.title.mobile{display: none;}
.findus.image{width: 100%; height: 1250px; object-fit: cover; margin-top: -190px;}
.findus.image_mobile{display: none;}

/* programmatic updated*/
.programmatic_info{margin: 55px 0;}
.programmatic_info .container{width: 80%; margin: auto;}
.programmatic_info .container .detail{width: 65%; margin: auto;}
.programmatic_info .container .detail h2{text-align: center; font-size: 30px; margin-bottom: 22px;}
.programmatic_info .container .detail p{font-size: 18px; line-height: 1.7;}
.programmatic_video{margin: 50px 0;}
.programmatic_video .container{width: 85%; margin: auto;}
.programmatic_video .container .row{display: flex; align-items:flex-start; gap: 15px;}
.programmatic_video .container .left_col{width: calc(50% - 60px);}
.programmatic_video .container .right_col{width: calc(50% - 60px);}
.programmatic_video .container .left_col video{width: 100%;position: relative;left: 60px;z-index: 1;border-radius: 10px;}
.programmatic_video .container .right_col{background-color: #9E3222; height: auto; position: relative; top: -30px; padding: 25px; border-radius: 5px;}
.programmatic_video .container .right_col h2{font-size: 35px; color: white; text-align: start; margin: 28px 0 28px 45px;}
.section-head{margin-bottom: 65px;}
.section-head h6.line-on-Sides:before { content: ""; display: block; border-top: solid 2px #ccc; width: 85%; height: 1px; position: absolute;  z-index: 1; margin-top: 10px;}
.section-head h6.line-on-Sides span { background: #fff; padding: 0 20px; position: relative; z-index: 5; font-weight: bold; font-size: 14px;}
.section-head h6.line-on-Sides { margin-top: 0; margin-bottom: 20px; text-transform: uppercase; color: #000; letter-spacing: 5px;}

.background-gray-section{background-color: #EEEEEE; height: auto; padding-bottom: 30px; padding-top: 55px;}
.background-gray-section .programmatic_details{display: flex; width: 90%; margin: auto; margin-bottom: 75px; }
.background-gray-section .programmatic_details .programmatic-image{width:50%; z-index: 1;}
.background-gray-section .programmatic_details .programmatic-image img{height: 385px; object-fit: cover; border-radius:15px;}
.background-gray-section .programmatic_details .programmatic-image .placeholder-img{width: 100%;}
.background-gray-section .programmatic_details .programmatic-div{width: 50%; z-index: 1;}
.banner-margin-top.programmatic{margin-top: -16rem;}
.background-gray-section .programmatic_details .booknow-btn{width: 110px; display: block; background-color: #9E3222; height: 40px; text-align: center; line-height: 40px; margin-top: 27px; color: white; border-radius: 5px;}

.programmatic-form{margin-top: 5rem; margin-bottom: 40px;}
.programmatic-form .container{width: 90%; margin: auto; display: flex;}
.programmatic-form .container .left_col{width: 40%;}
.programmatic-form .container .right_col{width:60%}
.programmatic-form .container .left_col h2{width: 40%; text-transform: uppercase; font-size: 30px; margin-bottom: 15px; font-weight: bold; line-height: 1.1;position: relative;z-index: 1;}
.programmatic-form .container .left_col .button{width:380px; height: 190px; background-color: #EEEEEE; padding: 25px;position: relative; top: -35px; right: 25px;}
.programmatic-form .container .left_col .button a{display: block; margin-top: 25px ; font-weight: bold; font-size: 15px;}
.programmatic-form .container .right_col form label{text-transform: uppercase; font-weight: bold;}
.programmatic-form .container .right_col form input{border: 1px solid; border-radius: 3px; margin: 10px 0; padding: 10px;}
.programmatic-form .container .right_col form .fullwidth{width: 100%;}
.programmatic-form .container .right_col form textarea{margin: 10px 0; width: 100%; border: 1px solid; padding: 15px; border-radius: 4px;}
.programmatic-form .container .right_col form .form-check{display: flex; gap: 4px; align-items: center;}
.programmatic-form .container .right_col form .form-check-input:checked{accent-color: #9E3222 !important;}
.programmatic-form .container .right_col form .contact_details{display: flex; gap: 10px;}
.programmatic-form .container .right_col form .contact_details .phone-number,.programmatic-form .container .right_col form .contact_details .email{width: 50%;}
.programmatic-form .container .right_col form select{padding: 10px; margin: 10px 0; border-radius: 4px;}

.active-arrow { transform: rotate(180deg);}
.active-country{color: #9E3222 !important ;}
.header-style { display: flex; justify-content: center; align-items: center;font-size: 0; padding: 10px 0;}

.contact-btn{ background-color: #9E3222; height: 35px; width: 137px; border: none; border-radius: 5px; color: #ffff; font: normal normal 800 11px/15px Nunito Sans; margin-left: 4rem; display: flex;}

.display-flex{ display: flex;}
.header-list{ list-style-type: none; width: 100%; padding: 0 70px !important;}
.header-links{ cursor: pointer;  font: normal normal 600 11px/15px Nunito Sans;color: #2B2523; letter-spacing: 1px; cursor: pointer; user-select: none; position: relative; display: inline-block; padding: 0 0 0 59px; font-size: 12px;}
.header-links.active:after {content: ''; width: -webkit-fill-available; height: 4px; background: #9e3223; display: block; position: absolute; bottom: -23px;}
.header-list .header-links a.active{color: #9e3223;}

.phone{ padding-top: 7px; padding-left: 15px;}
.contact-text{ padding-left: 10px; padding-top: 10px;}
.video{ object-fit: cover; position: relative; height: 630px; width: 100%}
.scroll-div{ position: absolute; left: 50%; text-align: center; color: #ffffff; bottom:90px; z-index: 7; height:50px; display: block; transform: translate(-50%, -50%);}
.become-team-member-section{background-color: #EEEEEE;}
.become-team-member-text{margin-block: 1rem}
.collaboration{align-items: center;display: flex;padding-right: 1rem;color: #9E3222;text-transform: uppercase;font: normal normal 600 13px/18px Nunito Sans;}
.banner-margin-top{margin-top: 65rem;}
.position-absolute-prog { position: absolute; top: -10rem !important; margin-inline: 5rem;}
.prog-div{ margin-inline: 5rem;}
.mt{  margin-top: 18rem;}
.thankyou-div{ position: absolute; top: 10% !important; left: 25% !important;}
.watsap-btn{ position: fixed; background-color: transparent; border: none; right: 35px;  z-index: 10;bottom: 15px;}
.watsap-btn img{width: 50px; height: 50px;}
.business{ display: grid; margin-inline: 4rem; grid-template-columns: auto auto auto auto;}
.business.homepage{position: relative; z-index: 1;margin-inline: 5rem;}
.business.homepage .business_details{display: flex; align-items: center;}
.business.homepage .business_details .business-div.first-section{padding: 0;}

.quality-text{ font: normal normal 700 37px/45px Nunito Sans; margin-top: 7rem; margin-bottom: 1rem; width: 60%;}
.mission-text{ font: normal normal 700 37px/45px Nunito Sans; padding-left: 2rem; margin-bottom: 1rem;}
.number{ color: #9E3222;  font: normal normal 800 80px Nunito Sans; margin-top: 70px; margin-bottom: 0px;}
.first-section{ padding-left: 4rem;}
.business-div{ margin-left: 5rem;}
.business-text{ text-align: center; font: normal normal 600 16px/20px Nunito Sans; margin-top: 0px; text-transform: uppercase;}
.business.homepage .business-div.first-section .business-text:nth-child(2){.find-section ul.findus_map  li{position: relative;}margin: -15px 0 0 0;}
.business.homepage .business-div .business-text:nth-child(2){text-align: center;}
.business.homepage .business-div.third-section .business-text:nth-child(2){width: 85%;}
.business.homepage .business-div .business-text{font: normal normal 700 16px/20px Nunito Sans}
.flex-container { display: flex;}
.flex-container img{ width: 78px; height: 78px;}
.submitted-text{ font: normal normal 300 18px/25px Nunito Sans; margin-top: 0px; margin-bottom: 0px;}
.red-background{ position: relative; width: 100%;}
.section-top{ margin-top: -5rem;}
.red-section { width: 100%;  margin-top: -5rem; position: relativ}
.position-absolute{ position: absolute; top: 30rem; text-align: center;}

.submit-btn{ background-color: #9E3222; border: none; border-radius: 5px; color: #ffffff; width: 187px; height: 48px; font: normal normal 800 13px/18px Nunito Sans; margin-block: 2rem; }
.submit-btn-job{ background-color: #9E3222; border: none; border-radius: 5px;  color: #ffffff; width: 187px; height: 48px; font: normal normal 800 13px/18px Nunito Sans; margin-block: 2rem;}
 
.founder-section{position: absolute;top: 60%; margin-inline: 7rem;}
.blog-text{ color: #ffffff; font: normal normal 800 37px/45px Nunito Sans; margin-left: 5rem;align-items: end;  display: flex;}
.findus-btn{ border: 2px solid #ffff; color: #ffff; width: 215px; height: 48px; background-color: transparent; margin-right: 1rem; border-radius: 5px; margin-top: 3rem; font: normal normal 800 13px/18px Nunito Sans;}
.scroll-text{ font: normal normal 600 11px/15px Nunito Sans;}
.know-text{ font: normal normal normal 11px/15px Nunito Sans;}
.media-section{ margin-top: -5px; padding: 5rem; background-color: #EEEEEE;}
.media-section .blog-grid .wall-size.first{height: 380px; object-fit: cover; border-radius: 10px;}
.media-section .blog-grid .wall-size.second{height: 180px; object-fit: cover; border-radius: 10px;}
.news-btn{border: 2px solid #000000; font: normal normal 800 13px/18px Nunito Sans; background-color: transparent; border-radius: 5px; width: 215px; height: 48px; margin-top: 3rem; color: #2B2523;}
.news-div{ display: flex; justify-content: space-between; margin-bottom: 3rem; align-items: baseline;}
.news-title{ margin-top: 0px; font: normal normal 800 38px/48px Nunito Sans;}
.padding-left{  padding-inline: 2rem;}
.project-row{ margin-top: 3rem !important;}
.load-btn{ width: 215px; height: 48px; background-color: transparent; border: 1px solid #000000; border-radius: 3px; font: normal normal 800 13px/18px Nunito Sans; margin-block: 4rem;}
.project-row:after { content: ""; display: table; clear: both;}

.details-img{width: 100%;height: 20rem;object-fit: cover;}
.row:after { content: ""; display: table; clear: both;}
.row-details{ display: grid; grid-template-columns: 45% auto; gap: 2rem; margin-top: -25% !important; justify-content: unset !important;}
.row-details.project_page{display: block;cursor: pointer;}
.row-details.project_page .row{display: flex; align-items: center; gap: 25px;}
.row-details.project_page .row .network_direction{width: 40% !important;}
.row-details.project_page .row .country_details{width: 60% !important;}

.column {float: left; width: 50%;}
.bannerColumn{ float: left; width: 50%;}
.column-blog{ float: left; width: 33%;}
.news-title{ font: normal normal 800 30px/30px Nunito Sans; padding-top: 1rem; margin-bottom: 0px;}
.date{font: normal normal bold 13px/30px Nunito Sans;font-style: italic;}

.details-text{ width: 80%;font: normal normal normal 16px/22px Nunito Sans; margin-block: 10px;}
.read-link{ text-decoration: underline; font: normal normal 600 12px/16px Nunito Sans; color: #9E3222;}
.margin-left{ margin-left: 2rem;}
.required-text{ font: normal normal normal 14px/18px Nunito Sans; text-align: start; margin-top: 0.5rem;}
.media-text{ font: normal normal normal 14px/18px Nunito Sans; color: #707070; margin-bottom: 10px;}

.read-text{text-decoration: underline; color: #9E3222; font: normal normal bold 12px/16px Nunito Sans; margin-bottom: 50px;}
.click-link{text-decoration: underline;color: #9E3222;font: normal normal bold 12px/16px Nunito Sans;margin-bottom: 50px;margin-left: 25px;margin-top: 5px;}
.banner-btn{background-color: #9E3222;border: none;width: 215px;height: 48px;color: #ffff;border-radius: 5px;font: normal normal 800 13px/18px Nunito Sans;}
.banner-text{ margin-bottom: 2rem;font: normal normal normal 15px/20px Nunito Sans;color: #707070;}
.margin-banner{ width: 80%; margin-inline: 6rem;}
.margin-top{margin-top: 4rem;}
.blog-img{margin-top: -13rem;position: relative;width: 100%;height: auto;}
.aboutus-img { position: relative; width: 100%;}
.line-spacing{ color: #20252E;}
.quote{ padding-top: 1rem; font: normal normal 300 18px/25px Nunito Sans; color: #ffffff;}
.values-text{ font: normal normal 600 25px/35px Nunito Sans; color: #ffffff;}
.check-btn{ border: none; background-color: #9E3222; color: #ffffff; border-radius: 5px; width: 275px; height: 48px; font: normal normal 800 13px/18px Nunito Sans; text-transform: uppercase; margin-top: 2rem;}
.display-grid {display: grid;grid-template-columns: auto auto;height: 10rem !important;gap: 2rem; margin: 4rem;}
.display-apply-grid{ display: grid; grid-template-columns: auto auto; gap: 3rem; position: inherit; z-index: 2;}
.display-apply-subtitle { display: grid; grid-template-columns: auto auto;}
.display-team-grid{display: grid;grid-template-columns: auto auto; gap: 6rem; margin-top: 20rem; margin-inline: 4rem;}
.display-founder-grid{ display: grid; grid-template-columns: 50% 50%;}
.display-founder-flex {display: flex;}
.contact-us-input{ height: 56px;background-color: transparent;border-radius: 5px; border: 1px solid #2B2523; padding-left: 25px; font: normal normal 300 14px/20px Nunito Sans;color: #000000 !important;}
.info{display: block;width: 549px ;height: 56px ;background-color: transparent;border-radius: 5px;border: 1px solid #2B2523;margin-bottom: 0.7rem;padding-left: 25px;font: normal normal 300 14px/20px Nunito Sans;}

.text{ font: normal normal 600 16px/22px Nunito Sans;color: #ffffff;}
.values-section-text{font: normal normal 600 16px/22px Nunito Sans;
color: #ffffff;padding-top: 1rem;}
.beirutWidth{ width: 100%; height: 420px; object-fit: cover; border-radius: 10px;}
.width-team-img{ width: 100%; margin-bottom: 4rem;}
.our-values-section{display: grid;grid-template-columns: auto auto auto auto auto; gap:0.5rem; position: absolute; top: 12rem; width: 90%;margin-inline: 4rem;}
.our-values{height: auto ;background-color: #ffffff;
border-radius: 5px;text-align: center;}
.our-values img{padding-top: 3rem; height: 90px; object-fit: contain;width: 160px;}
.our-values p{padding-top: 10px; font: normal normal 600 20px/23px Nunito Sans; margin-bottom: 2rem;}
.file-btn{width: 187px;height: 48px;background-color: transparent;border-radius: 5px;border: 1px solid #9E3222;color: #9E3222;}
.text-position{ position: absolute; text-align: center; top:68%; width: 100%;}

.blog { position: absolute; margin-top: -19%; width: 100%;}
.blog.homepage{position: unset;}
.blog-flex{ display: flex; justify-content: space-between; position: relative;}
.blog-btn{border: 2px solid #ffff;color: #ffff;width: 215px;height: 48px;background-color: transparent;border-radius: 5px;margin-top: 3rem;font: normal normal 800 13px/18px Nunito Sans;margin-right: 5rem;}
.news-subtitle{display: flex;align-items:end;margin-left: 5rem;font: normal normal 800 37px/45px Nunito Sans;}
.article-btn{ border: 2px solid #2B2523; color: #2B2523; width: 215px; height: 48px; background-color: transparent; border-radius: 5px; margin-top: 3rem; font: normal normal 800 13px/18px Nunito Sans; margin-right: 5rem;}
.article-section{display: none;}
.margin-inline{ margin-inline: 5rem; justify-content: space-between; margin-top: 1rem;}
.grid-container{display: grid ;grid-template-columns: repeat(3,1fr);gap:1rem;}
.grid-container.blog_page{margin-top: -20rem !important;}
.grid-container.media_page{margin-top: -20rem !important;}
.grid-container.blog_page .box-shadow{border-radius: 0 0 10px 10px;}
.grid-container.media_page .box-shadow{border-radius: 0 0 10px 10px; height: 290px;}
.blog-grid-container{ display: grid !important; grid-template-columns: repeat(3,1fr); gap: 1rem;  margin-top: 3rem;}
.blog-grid-container .position-relative img{height: 285px; object-fit: cover; border-radius: 10px;}
.project-grid{ display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem; justify-content: unset;}
.grid-container-find { display: grid; grid-template-columns: auto auto auto auto auto auto auto; margin-top: 3rem; align-items: center;}
.grid-item p{ padding-top: 1rem; font: normal normal 600 16px/20px Nunito Sans; color: #ffff;}
.grid-item img{object-fit: contain; height: 78px;}
.blog-grid{ display: grid;  grid-template-columns: 50% auto;  gap: 1rem;}

.z-index2{ z-index: 2;}
.country-tag{position: absolute;right: 0px;top: 15px;color: #ffffff;background-color:#9E3222;font: normal normal 600 11px/15px Nunito Sans;
text-transform: uppercase;border-radius: 10px 0px 0px 10px;width: 95px;text-align: center;align-items: center;display: grid; padding: 10px}
.width-img{ width: 100% !important;}
.grid-container.blog_page .position-relative img{height: 285px; object-fit: cover; border-radius: 10px;}
.grid-container.media_page .position-relative img{height: 285px; object-fit: cover; border-radius: 10px;}
.grid-container.media_page .position-relative .placeholder-img{width: 100%;}
.ms{margin-left: -4rem;}

.baner-img{ width: 120% !important;}
.baner-images{ width: 100% !important;}
.box-shadow{ margin-top: -1rem; box-shadow: #cecece 0px 4px 12px; padding-bottom: 2rem; background-color: #ffffff;}
.media_page.news-items .news-item .box-shadow{border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; height: 310px;}
.blog_homepage .blog-grid-container .box-shadow{border-radius: 10px;}
.media-page-top-banner .media-page-grid-section .grid-container .box-shadow{margin-top: -1rem; box-shadow: #cecece 0px 4px 12px; padding-bottom: 2rem; background-color: #ffffff; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}
.blog-page-top-banner .blog-page-grid-section .grid-container .box-shadow{margin-top: -1rem; box-shadow: #cecece 0px 4px 12px; padding-bottom: 2rem; background-color: #ffffff; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}

.partners-title{ font: normal normal 800 37px/65px Nunito Sans; padding-top: 3rem; padding-bottom: 2rem;}

.partner-section{ text-align: center; margin-top: 0rem;}
.partner-section .slick-div img{width: 165px; height: 110px; object-fit: contain;}
.card-text{ font: normal normal normal 18px/25px Nunito Sans;padding-inline: 2rem;padding-block: 1rem;}
.card-title{ font: normal normal 800 30px/30px Nunito Sans;}
.slick-div{display: flex; margin-bottom: 4rem;}
.footer-style { padding-right: 5rem; align-items: center; background-color: #000;}
.logo-footer{ margin-top: 5rem; width: 280px; object-fit: contain;}
.footer-link{ color: #ffff; list-style-type: none; text-transform: uppercase; padding-bottom: 1rem; font: normal normal 600 13px/18px Nunito Sans;}
.footer-sections{display: flex;justify-content: space-evenly; width: 70%; margin: auto;}
.footer-sections .padding-top{padding-top: 8rem;}
.footer-sections .padding-top .footer-link{padding: 0 0 25px 0; font: normal normal 600 16px/18px Nunito Sans;}
.padding-top{padding-top: 4rem;}
.rights-text{ text-align: center; font: normal normal italic 12px/16px Nunito Sans; color: #ffff; padding-bottom: 2rem; padding-top: 4rem; margin-bottom: 0px;}
.width-svg{width: 17px;}

.display-block{display: block; margin-top: 4rem;}
.display-block.footer_component{margin-top: 5rem; border-left: 3px solid #fff; padding: 0 0 0 3rem;}
.social-links{ display: flex; align-items: center;}
.email-margin{ margin-top: 1rem;}
.call-us{display: flex;align-items: flex-start;}
.call-title{ margin-bottom: 5px; text-transform: uppercase; color: #ffff; font: normal normal 800 15px Nunito Sans; padding-inline: 10px;}
.footer-text{ padding-left: 10px; margin-bottom: 0px; margin-top: 0px; color: #ffff; font: normal normal normal 14px Nunito Sans;}
.media-svg{ width: 21px; margin-inline:5px;}
.justify-content{justify-content: space-between;}

.position-relative{position: relative;}
.background-red {position: static;width: 100vw !important; height: auto;  margin-top: -2rem;}
.background-red.findus_homepage{margin-top: -12rem; height: 1040px;}
.find-section .findus_image{height: 640px; width: 100%; margin-top: 11rem; padding-bottom: 45px;}
.find-section .findus_map .lebanon_img_mobile{display: none;}
.find-section .findus_map .iraq_img_mobile{display: none;}
.find-section .findus_map .africa_img_mobile{display: none;}
.find-section {position: absolute !important;text-align: center;top: 28%;width: 100% ;}
.find-text {color: #ffff;font: normal normal 800 37px/45px Nunito Sans;margin-top: 4rem;}

.sub-menu{ position: static; z-index: 2; top: 8.5rem; width: 100%; height: 60px; background-color: #9E3222; display: flex; color: #ffffff; font: normal normal 300 13px/18px Nunito Sans;}
.country{align-items: center; display: flex;}
.country-margin{margin-left: 30%;margin-right: -22rem;}
.red{color: #9E3222;}
.hide-mobile {display: flex; align-items: center;}
.show-mobile{display: none;}

.slick-prev:before {color: #585858 !important;}
.slick-next:before,
.slick-prev:before {opacity: .75;color: #585858 !important;}
.margin-top-footer{margin-top: 1rem;margin-left: 1rem;}
.padding-title{padding-top: 3rem ;}
.top-nav { display: flex; flex-direction: row; align-items: center; justify-content: space-between; color: rgb(208, 205, 205); height: 50px; padding-top: 1rem;}
.menu { display: flex; flex-direction: row; list-style-type: none; margin: 0; padding: 0; z-index: 2;}
.menu>li {margin: 0 1rem;overflow: hidden;}
.menu-button-container {display: none;height: 100%;width: 30px;cursor: pointer;flex-direction: column;justify-content: center;align-items: center;}
#menu-toggle {display: none;}

.menu-button,
.menu-button::before,
.menu-button::after { display: block; background-color: #2B2523; position: absolute; height: 3px; width: 30px; transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1); border-radius: 2px;}
.menu-button::before {content: '';margin-top: -8px;}
.menu-button::after { content: ''; margin-top: 8px;}
#menu-toggle:checked+.menu-button-container .menu-button::before { margin-top: 0px; transform: rotate(405deg);}

#menu-toggle:checked+.menu-button-container .menu-button { background: rgba(205, 202, 202, 0);}

#menu-toggle:checked+.menu-button-container .menu-button::after { margin-top: 0px; transform: rotate(-405deg);}
#menu-toggle+.menu-button-container {margin-top: 1rem;}
#menu-toggle:checked+.menu-button-container { margin-top: 1rem;}

.layer-img{position: absolute;top: -3px;width: 120% !important;margin-left: -10px;}
.header-title{ position: absolute; width: 100%; text-align: center; color: #ffffff; top: 15%;}
.layer-img-country { position: absolute; top: 8.5rem; width: 101vw !important; left: 0px;}
.network-title{ font: normal normal 800 30px Nunito Sans; }

.max-width-news-detail { max-width: 80%; padding-top: 2rem;}
.max-width{max-width: 70%;}
.ul{ padding-left: 13px;}
.li-responsibility{ padding-bottom: 0.7rem;}
.countries-title{ margin-top: -13px; font: normal normal 800 60px Nunito Sans;}
.text-area{ width: 100%; background-color: transparent; margin-top: 2rem; border-radius: 5px; height: 132px; padding: 1.5rem; font: normal normal 300 14px/20px Nunito Sans;}
.file-chosen{font: normal normal 300 13px Nunito Sans;margin-left: 1rem;display: flex;align-items: center;}

.margin-inline-countries {position: relative; margin-top: -3%; margin-inline: 5rem;}
.margin-inline-countries.countries_page{margin-top: 5%;}
.accross-title{ margin-top: 0px; font: normal normal 800 37px Nunito Sans; margin-bottom: 0px;}

.search{border: 1px solid #000000; border-right: none; border-radius: 5px 0px 0px 5px; height: 48px;}
.search-img{ padding-top: 15px;padding-inline: 7px;}
.input-search{ border: 1px solid #000000; border-radius: 0px 5px 5px 0px; width: 28rem; height: 48px; border-left: none; outline: none !important;}

.country-btn{ background-color: transparent; border: 1px solid #9E3222; border-radius: 5px; color: #9E3222; font: normal normal 600 13px Nunito Sans; height: 41px;padding-inline: 1rem;display: flex;align-items: center; width: 137px; cursor: unset; gap:5px}
.pad-start{ padding-left: 10px;}
.box-country{margin-top: 1rem;box-shadow: #cecece 0px 4px 12px;padding-block: 1rem;border-radius: 7px;}
.county-title{ font: normal normal 600 25px Nunito Sans; padding-inline: 1rem; margin-bottom: 0px; margin-top: 0px;}
.margin-left-btn{ margin-left: 0.8rem;}
.countries-header-title{ margin-top: 2rem; display: flex;}
.padding-tp{ padding: 25px;}

.display-country{ display: grid ; grid-template-columns: 40% auto ;}
.check-text{ font: normal normal 600 20px Nunito Sans;}

.margin-top-select{ margin-top: -10rem;}

.code{font: normal normal 600 13px/30px Nunito Sans;font-style: italic;}
.project-title{font: normal normal 800 30px/35px Nunito Sans; margin-top: 0px; margin-bottom: 5px;}
.project-text{font: normal normal 300 18px/25px Nunito Sans;margin-top: 0px;color: #2B2523; max-width: 80%; margin-bottom: 1rem;}

.display-details{ position: absolute; width: 100%; top: 0rem; justify-content: space-between;}

.details-title{ font: normal normal 800 40px Nunito Sans; color: #ffffff; margin-top: 0px;}
.code-details{padding-top: 2rem; margin-bottom: 0px; font: normal normal 600 25px Nunito Sans; color: #ffffff;}
.download-btn{background-color: transparent; border-radius: 10px; width: 215px; height: 48px;border: 1px solid #ffffff; color: #ffffff; font: normal normal 800 13px/18px Nunito Sans; line-height: 48px; text-align: center;}
.back-gray{background-color: #EEEEEE;}
.back-gray.area_products{padding-bottom: 40px;}
.values-section {background-color: #EEEEEE; margin-top: -8rem;}

.project-details{width: 70%;font: normal normal 300 15px/20px Nunito Sans;margin-bottom: 3rem;}
.wall-size{ width: 100%;}
.projects-img{ width: 100%; height: 285px; object-fit: cover; border-radius: 15px;}

.about-us-title{font: normal normal 800 60px/65px Nunito Sans;color: #ffffff;margin-bottom: 20px;}
.blog-title{ font: normal normal 800 60px/65px Nunito Sans;color: #ffffff;margin-bottom: 30px;}

.our-founder{background-color: #ffffff;border-radius: 10px;padding: 2rem;margin-left: -50px;margin-top: 2rem;padding-bottom: 5rem;}
.our-founder p {margin-top: 1rem}
.founder-title{font: normal normal 800 35px/37px Nunito Sans; color: #9E3222;}
.height-founder-image{height: 27rem;}
.values-title{ text-align: center; padding-top: 28rem !important; font: normal normal 800 37px/37px Nunito Sans;}
.redbackgroudsection{position: relative;margin-top: -10rem;}
.team-img{ width: 100%; margin-block: 4rem; height: 295px; object-fit: cover; border-radius: 10px;}

.member-text{font: normal normal 800 40px/50px Nunito Sans; padding-top: 4rem;}
.thankyou-title {font: normal normal 800 40px/50px Nunito Sans; margin-bottom: 20px; margin-top: 33%;}

.backImage{background-image: url("../images/contactUs.png") !important; background-repeat: no-repeat; background-size: 120%; margin-left: -10px;}
    
.mt-footer{margin-top: -8rem;position: relative;}

.width-contactUs{margin-top: -11rem;margin-left: -0.5rem;width: 120%;}
.margintop{ margin-top: -8rem;}

.position-work{ position: absolute; top: 8%;}
.display-digital{display: grid; grid-template-columns: 50% 50%;}

.career-date{ color: #ffffff; font: normal normal italic 12px/24px Nunito Sans;}
.work-details{border: 1px solid #ffffff;width: fit-content;height: 41px; color: #ffffff; border-radius: 5px;padding-inline: 15px; font: normal normal 600 13px/18px Nunito Sans;display: flex;align-items: center;}
.work-details-svg{ padding-right: 10px;}
.careers-title{ font: normal normal 800 25px/45px Nunito Sans;padding-inline: 1.5rem; margin-block: 0px; }
.careers-date{ font: normal normal italic 12px/24px Nunito Sans; padding-inline: 1.5rem; margin-bottom: 1rem;}

.share-text{padding-left: 5px;}
.apply-job-btn{ height: 48px; background-color: #2B2523; border: none; border-radius: 5px; color: #ffffff; width: 215px; font: normal normal 800 13px/18px Nunito Sans; margin-left: 1rem;}
.share-btn{width: 142px; height: 48px; background-color: #ffffff; font: normal normal 800 13px/25px Nunito Sans; border: none; border-radius: 5px; display: flex; align-items: center ;}
.sharesvg{ margin-left: 2rem; vertical-align: middle;}
.careers-text{ font: normal normal 300 13px/18px Nunito Sans; padding-inline: 1.5rem; color: #707070;}
.apply-btn{ background-color:#9E3222 ; color: #ffffff; border: none; border-radius: 5px; width:142px ; height: 48px; margin-right: 3rem; margin-bottom: 1rem;font: normal normal 800 13px/18px Nunito Sans;}

.filter-news{ font: normal normal 600 12px/16px Nunito Sans; color: #ffffff; padding-right: 2rem;}

.media-paragraph{margin-top: 0%; width: 80%; line-height: 1.4;}
.width-80{width: 80%;}
.quote-text{ color: #ffffff; font: normal normal 300 30px/40px Nunito Sans; margin-top: 5rem;}
.gap-1 { gap: 1rem;}
.gap-4{ gap: 4rem;}
.subtitle{color: #EE2642; margin-bottom: 0px; margin-top: 4rem; font: normal normal 600 30px/47px Nunito Sans;}
.news-details-red-section{ position: absolute; top: 3rem; width: 100%;}
.article-1 p{padding-top: 20px;}
.article-2 {display: block !important;}
.subtitle-2.desktop{margin-top: 57px;}
.display-apply-grid .width-img{height: 610px;}
.position-sticky{ position: sticky;}
.contact-title{ font: normal normal 800 60px/65px Nunito Sans; color: #ffffff; position: absolute; top: 5%; left: 31%;}
.date-contact{ position: absolute; top: 30%; left: 24%; color: #ffffff; font: normal normal 300 20px/25px Nunito Sans;}
.dash{padding-inline: 1rem;}
.gap{gap: 0.5rem;}
.textArea{margin-top: 10px;width: 100.7%;height: 228px;
padding: 2rem;font: normal normal 300 14px/20px Nunito Sans;}

/* country page */
.country-page-top-banner {position: relative; background: url('../images/beirutcountries.png') center center no-repeat; background-size: cover; height: 23vw; width: 100%;}
.country-page-top-text-container {position: absolute; top: 30%; text-align: center; width: 100%;}
.country-page-top-title {font: normal normal 800 60px/65px Nunito Sans; color: #ffffff; margin: 0 0 20px 0;}
.country-page-margin-top-network{margin-top: 2rem;display: flex;}
.country-page-top-banner.project_page{height: 42vw;}
.countries_page.citysearch .countries_details .city_title{display: grid; grid-template-columns: repeat(8,1fr);} 
.countries_page .countries_details .box-country{display: flex;}
.countries_details .box-country img{width: 27px; height: 27px; object-fit: contain;}
/* country projects list */
.country-project-list-main-section{margin-inline: 5rem;}
.countries-projects-main-section-select {display: block;margin-top:-4rem;}
.countries-projects-main-section-select form{display: flex; align-items: center; gap: 20px;}
.countries-projects-main-section-select form input{z-index: 2; cursor: pointer; width: 140px; height: 42px; font-size: 16px; background-color: #fff; border: 1px solid; border-radius: 5px;}
.countries-projects-main-section-select form .dropdown_list{padding: 15px;}
.countries-projects-main-section-select form .dropdown_list option{margin: 0 0 12px 0; font-size: 16px;}
.dropdown_list_container .dropdown_selected_option.types{height: 42px; overflow: hidden;}
.dropdown_list_container .dropdown_selected_option.networks{height: 42px; overflow: hidden;}

/* contact us page */
.contact-page-top-banner {position: relative; background: url('../images/contactUs.png') center center no-repeat; background-size: cover; height: 32vw; width: 100%;}
.contact-page-top-text-container {position: absolute; top: 27%; text-align: center; width: 100%;}
.contact-page-top-title {font: normal normal 800 60px/65px Nunito Sans; color: #ffffff; margin: 0 0 20px 0;}
.contact-page-top-details, .contact-page-top-details * {color: #ffffff; font-size:20px}
.contact-page-country{font-weight: 600;}
.contact-page-contact-detail {display: inline-block;}
.contact-section{ max-width: 70%; margin-inline: auto; position: relative; top: -80px;}

/* about us page */
.aboutus-page-top-banner{position: relative;
    background: url('../images/aboutus.png') center bottom no-repeat;background-size: cover;height: 37vw;}
.aboutus-page-text-container {position: absolute;top: 15%;width: 100%;text-align: center;}
.about-us-text {font: normal normal 300 18px/25px Nunito Sans;color: #ffffff;max-width: 50%;margin: auto;}
.display-grid.mission-vision{height: auto !important;}
.become-team-member-section .display-team-grid{margin-top: 5rem; padding-bottom: 2rem;}

/* career page */
.career-page-top-banner{position: relative; background: url('../images/careers.png') center center no-repeat; background-size: cover;height: 32vw;width: 100%;}
.career-page-top-banner h1{font: normal normal 800 60px/65px Nunito Sans;
color: #ffffff;position: absolute;top: 25%;width: 100%; text-align: center;}
.careers-main-section{margin-inline: 5rem;margin-top: -4rem;position: relative;padding-bottom: 4rem;}
.filter-text {font: normal normal 800 12px/16px Nunito Sans;margin-bottom: 1rem;}
.career-main-section-select{margin-bottom: 4rem; display: grid; grid-template-columns: repeat(4, 23.5%); grid-column-gap: 2%;}
.career-details-page-top-header {margin-inline: 5rem;padding-top: 5%;bottom: 5%;position: relative;}
.countries_details .city_title p{font-size: 18px;}
/* career details page */
.responsibilities-title {font: normal normal 800 30px Nunito Sans;margin-top: 4rem;margin-bottom: 0.5rem;}
.apply-job-section{background-color: #EEEEEE;padding-inline: 5rem;}
.apply-job-section h1{padding-block: 3rem;font: normal normal 800 30px/30px Nunito Sans;}
.upload-text{font: normal normal 300 18px/20px Nunito Sans; padding-block: 1.5rem;}
.career-details-header-grid{margin-left: 60%;display: flex;}

/* programmatic page */
.programmatic-page-top-banner{position: relative;background: url('../images/programmatic.png') center center no-repeat;background-size: cover;height: 400px;width: 100%; z-index: 1;}
.programmatic-page-top-title{position: absolute;font: normal normal 800 60px/65px Nunito Sans;color: #ffffff;top: 35%;width: 100%;text-align: center;}
.background-gray {position: absolute;background-color: #EEEEEE;top: 70%;
width: 100%;height: 168vh !important;height: 30rem;}
.programmatic-div h1{font: normal normal 800 35px/37px Nunito Sans;color: #9E3222; margin-block: 2rem;}
.programmatic-div ul{margin-left: 2rem;}
.programmatic-div {background-color: #ffffff;border-radius: 10px;
padding: 2rem;margin-left: -2rem;margin-top: 2rem;height: auto;
z-index: 2;}
.programmatic-banner-section{display: flex;margin-top: 2rem;}

/* media page */
.media-page-top-banner{position: relative; background: url('../images/media.png') center center no-repeat; background-size: cover;height: 33vw;width: 100%;}
.media-page-top-text-container {position: absolute;top: 10%;width: 100%;text-align: center;}
.media-page-top-text-container h1{font: normal normal 800 60px/65px Nunito Sans;color: #ffffff;margin-bottom: 20px;padding-bottom: 1rem;}
.news-details-title {color: #ffffff;font: normal normal 800 40px/65px Nunito Sans;padding-left: 5rem; position: relative; z-index: 1;}
.media-details-top-banner-date{color: #ffffff;font: normal normal italic 12px/24px Nunito Sans;padding-left: 5rem; position: relative; z-index: 1;}
.media-page-grid-section{position: absolute;top: 60%;}
.media-date {font: normal normal normal 13px/30px Nunito Sans;font-style: italic;}
.media-page-header-dropdown {text-align: center; align-items: center; display: grid; grid-template-columns: 45% 55%; width: 470px; margin: auto;}
.media-page-header-dropdown .dropdown_list_container {text-align: left; width: 100%;}
.media-page-header-dropdown .dropdown_selected_option {background: white;}
.media_page.news-items{font-size: 0; margin: -350px 0 0 0; padding: 0 100px}
.media_page.news-items .news-item{display: inline-block; width: calc(33.33% - 20px); margin: 0 30px 30px 0; vertical-align: top}
.media_page.news-items .news-item:nth-child(3n){margin: 0 0 30px 0}
.media_page.news-items .news-item img{object-fit: cover;border-radius: 10px; height: 285px;}
/* media detail */
.media-details-top-banner {position: relative;background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/mediadetails.png') center center no-repeat;background-size: cover;height: 30vw;width: 100%;}
.media-details-top-banner .overlay{position: absolute; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.5;}
.media-details-top-text-container {position: absolute;top: 35%;width: 100%;}
.media-details-section {margin-inline: 5rem;margin-top: 0rem;}
.intresting-grid {display: grid !important;grid-template-columns: auto auto auto;gap: 1rem;margin-inline: 5rem;padding-bottom: 4rem;margin-top: 3rem;}
/* blog page */
.blog-page-top-banner{position: relative;background: url('../images/blog.png') center center no-repeat;background-size: cover;height: 55vw;width: 100%;}
.blog-page-top-text-container{position: absolute;top: 20%;width: 100%;text-align: center;}
.blog-page-header-dropdown {text-align: center; align-items: center; display: grid; grid-template-columns: 40% 60%; width: 350px; margin: auto;}
.blog-page-header-dropdown .dropdown_list_container {text-align: left;}
.blog-page-header-dropdown .dropdown_selected_option {background: white;}
.blog-page-grid-section{position: absolute;top: 60%;}
.grid-container-blog{display: grid !important;
 grid-template-columns: auto auto auto;gap:1rem; margin-inline: 5rem;margin-top: 23rem;}

/* select style */
.dropdown{width: 287px;height: 48px;border: 1px #000 solid;border-radius: 5px; background-color: #ffffff;position: relative}
.dropdown li {list-style-type: none;padding: 10px;z-index: 2;position: relative;padding-top: 15px;}
.dropdown li:not(.init) {border-inline: 1px solid black;float: left;width: 285px;height: 48px;display: none;background: #ffffff;z-index: 2;position: relative;margin-left: -0.8px;}
.dropdown li:not(.init):hover,
.dropdown li.selected:not(.init) {background: #EBD5D2;}
.dropdown li:not(.init):last-child{border-bottom: 1px solid black;border-radius: 0px 0px 5px 5px;}

.dropdown_list_container {position: relative; width: 20%;}
.dropdown_list_container .dropdown_list {display: none; position: absolute; list-style: none; width: 100%; border: 1px #000 solid; border-radius: 0 0 5px 5px; background-color: #ffffff; z-index: 6; top: 44px;}
.dropdown_list_container .dropdown_list li {padding: 15px;cursor: pointer;}
.dropdown_list_container .dropdown_list li a{width: 100%; display: block;}
.dropdown_list_container .dropdown_list li:hover, .dropdown_list_container .dropdown_list li.active {background: #EBD5D2;}
.dropdown_list_container .dropdown_selected_option {border: 1px solid black; width: 100%; height: 48px; border-radius: 5px; padding: 10px 10px 10px 20px; cursor: pointer; position: relative; line-height: 25px; z-index: 7; background-color: #ffff;}
.dropdown_list_container .dropdown_selected_option::after {content: "";position: absolute;right: 25px;top: 15px;width: 0.6em;height: 0.6em;border-left: 0.1rem solid black;border-bottom: 0.1rem solid black;transform: rotate(315deg); transition: 0.1 ease-in-out;}
.dropdown_list_container.active .dropdown_selected_option::after {transform:rotate(135deg); top: 21px; z-index: 9;}
.dropdown_list_container.active{z-index: 9;}
.countries-dropdown{text-align: start;}
.first-item{margin-top: 1px;}

.careers-main-section .dropdown_list_container .dropdown_selected_option{width: 405px;}
.careers-main-section .dropdown_list_container .dropdown_list{width: 405px;}
.countries-projects-main-section-select .dropdown_list_container .dropdown_list{top: 39px;}
/* country project details page */
.project-details-slick-section {max-width: 50%;margin-top: 1rem;}
.country-project-page-carrousel-img {margin-left: 1rem;max-width: 86px;max-height: 63px;}
/* project details page */
.project-details-page-top-banner{position: relative;
background: url('../images/blackLayer.svg') center center no-repeat;background-size: cover;height: 50vw;width: 100%; overflow-x: hidden;}
.project-details-page-top-container{position: absolute;width: 100%;top: 5.5rem;justify-content: space-between;display: flex;margin-left: 10rem;}
.project-details-page-top-button {margin-top: 3rem;display: flex;align-items: center;}
.project-details-page-top-button.media-kit-link{margin-right: 15rem;}
.country_details.project_page iframe{display: none !important;}
.maps.project_page{display: block; width: 85%; margin: auto;}
.maps.project_page iframe{display: inline-block; width: calc(33% - 15px); margin: 10px 0 0 15px;}


/* career details */
.career-details-page-top-banner{position: relative;
background: url('../images/careerRedSection.svg') center center no-repeat; background-size: cover;height: 35vw;width: 100%;}
/* thank you page */
.thankyou-page-top-banner {position: relative;background: url('../images/thankyou.png') center center no-repeat;background-size: cover;
height: 33vw;width: 100%;}
.thankyou-page-top-text-container {position: absolute; top: 50%; transform: translateY(-50%); text-align: center;width: 100%;}
.thankyou-page-top-text-container h1 {font: normal normal 800 60px/65px Nunito Sans;color: #ffffff;}
.thankyou-page-top-text-container p {font: normal normal 300 18px/25px Nunito Sans;color: #ffffff;margin-top: 1.5rem;}

.countries_page .countries_details{padding-top: 15px; margin-bottom: 65px;}
.countries_page .countries_details .countries_buttons{display: flex;}
.countries_page .countries_details .countries_buttons p{font-size: 12px;}

.content.articledetails{width: 90%; margin: auto}
.content.articledetails .text_detail{margin: 40px 0; width: 80%;}
.content.articledetails .text_detail h2{color: #EE2642; font-size: 30px;}
.content.articledetails .text_detail h4{color: #000000; font-size: 18px;}
.content.articledetails .text_detail p{color: #000000; font-size: 17px; line-height: 1.7;}
.content.articledetails .text_detail .share-icon{font-size: 32px;text-align: right; margin: 0 0 20px 0; display: block;}

.responsibilities .responsibilitie_detail{padding-bottom: 45px;}
.responsibilities .responsibilitie_detail ul{padding-left: 13px;}
.responsibilities .responsibilitie_detail ul li{margin-bottom: 10px; font-size: 16px;}

/* media queries */
@media screen and (max-width: 991px) {
  .careers-main-section .dropdown_list_container .dropdown_selected_option{width: 315px;}
.careers-main-section .dropdown_list_container .dropdown_list{width: 315px;}
  .error_message.networks{font-size: 28px; position: relative; top: 35px; margin: -60px 0 100px 0;}
  .countries-projects-main-section-select form{flex-direction: column;}
  .country-project-list-main-section .countries-projects-main-section-select .dropdown_list_container{width: 100%;}
  .countries-projects-main-section-select form input{width: 100%;}
  .content.articledetails .text_detail{width: 100%; margin: 10px 0 35px 0;}
/*projects pagination*/
.countries_projects .project_page.projects_items{padding: 0 20px; margin: 40px 0 0 0;}
.countries_projects .project_item{display: block; width: 100%; margin: 0 0 30px 0 !important;}
.countries_projects .project_item img{height: 220px;}
.countries_projects .project_page.projects_items .project-title{font-size: 22px;}

.find-section .findus_map .lebanon_img{display: none; }
.find-section .findus_map .iraq_img{display: none;}
.find-section .findus_map .africa_img{display: none;}
.find-section .findus_map .lebanon_img_mobile{display: block; position: relative; right: -10px; height: 115px;}
.find-section .findus_map .iraq_img_mobile{display: block; position: relative; left: -25px; height: 100px;}
.find-section .findus_map .africa_img_mobile{display: block; position: relative; left: 45px; height: 120px;}
.find-section ul.findus_map li a.lebanon{top: 60px; left: 45px; width: 50px; font-size: 8px;padding: 4px;}
.find-section ul.findus_map li a.iraq{top: 35px;left: 13px; width: 40px;font-size: 8px;padding: 4px;}
.find-section ul.findus_map li a.uganda{top: 37px;right: -11px;width: 44px;font-size: 8px;padding: 4px}
.find-section ul.findus_map li a.rwanda{top: 57px; right: -7px; width: 45px; font-size: 8px; padding: 4px;}
.find-section ul.findus_map li a.south-africa{top: 80px; right: -7px; width: 75px; font-size: 8px; padding: 4px;}


.find-section .findus_map{top: 185px; right: 0;}
.findus.image{display: none;}
.findus.image_mobile{display: block; height: 645px; width: 100%; object-fit: cover;}

.error_message.article{position: relative; top: -45px;}
.error_message.projects{margin: 55px 0;}
/* footer responsive mode*/
.footer-style {padding-right: unset;}
footer .footer-sections{display: block; width: 85%; margin: auto;}
footer .footer-sections .padding-top{display: none;}
footer .footer-sections .footer-buttons-mobile{display: flex !important; gap: 20px; justify-content: space-around;}
footer .footer-sections .footer-buttons-mobile{ border-bottom: 1px solid white; padding-bottom: 15px;}
footer .footer-sections .footer-buttons-mobile .padding-top{display: unset; padding: 3rem 0 0 0;}
.logo-footer{width: 220px; margin: 40px 40px 0 40px;}
footer .display-block{margin-top: 45px; border-bottom: 1px solid white; padding-bottom: 15px;}
.display-block.footer_component{border: none; padding: 0; margin: 3rem 0 0 0;}
footer .rights-text{text-align: start;width: 85%; margin: auto; font-size: 11px;margin-top: -35px;}

/* header drop down countries*/
.dropdown_list_container .dropdown_list li{padding: 10px 10px 0 10px}
.dropdown_list_container .dropdown_list li:last-child{padding: 10px;}

/*home page*/
.find-section .grid-container-find .grid-item{max-width: 95%; margin: auto; }
.find-section .grid-container-find .grid-item .width-imag{width: 100%;}
.video{height: 200px;}
.watsap-btn img{width: 45px; height: 45px;}
.scroll-div{margin-top: 15px !important; transform:translate(0%);}
.scroll-div .scroll-text, .scroll-div .know-text{color: black; font-size: 10px;}
.quality-text{width: 100%; font-size: 22px; text-align: center;}
.ournetworks.home_page .ournetwork .network_details .project-title{font-size: 22px;}
.blog-grid{display: block;}
.blog-grid .read-link{margin-bottom: 30px; display: block;}
.blog-grid .position-relative.news{display: none;}
.text-start .display-flex.news{display: block;}
.text-start .margin-left{margin-left: 0px;}
.text-start .margin-left .news-title{font-size: 22px;}
.text-start .margin-left .date{font-size: 11px; margin-top: -7px;}
.text-start .margin-left .media-text{font-size: 14px;}
.partner-section .partners-title{padding-top: 25px; font-size: 25px;}
.partner-section{margin-top: -15px;}
.partner-section .slick-div{margin-bottom: 1.5rem;}
.partner-section .slick-div img{width: 110px; height: 75px;}
.display-flex.news .margin-left.second{width: 100%;}
.display-flex.news .position-relative.second{width: 100%;}

.blog_homepage .blog-img{display: none;}
.blog_homepage .blog-img-mobile{display: block !important; height: 280px; width: 100%;}
.blog_homepage .blog-flex{display: block;}
.blog_homepage .blog-flex .blog-text{text-align: center; margin-left: 0px; display: block; margin-bottom: 25px; position: relative; top: -60px; font-size: 25px;}
.blog_homepage .blog{position: unset;}
.blog_homepage .blog .blog-grid-container{display: block !important; position: relative; top: -60px; border-bottom: 1px solid; padding-bottom: 35px; width: 85%; margin:auto;}
.blog_homepage .blog .blog-grid-container .position-relative{padding-bottom: 25px; }
.blog_homepage .blog .blog-grid-container .position-relative .box-shadow{border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}
.blog_homepage .blog .blog-grid-container .position-relative .box-shadow .news-title{font-size: 22px;}
.blog_homepage .blog .blog-grid-container .position-relative .box-shadow .date{font-size: 11px; margin-top: -7px;}
.blog_homepage .blog .blog-grid-container .position-relative .box-shadow .card-text{font-size: 14px;}
.blog_homepage .blog .blog-btn{display: none;}
.blog_homepage .blog .blog-btn-mobile{display: block !important; margin: auto; margin-top: 40px; text-align: center; padding: 20px; width: 190px; border: 2px solid; border-radius: 7px; background-color: white;}
.blog-grid-container .position-relative img{height: 220px;}

.contact_homepage{width: 85%; margin: auto;}
.contact_homepage .row{display: flex; flex-direction: column;}
.contact_homepage .row .bannerColumn.image{order: 2; width: 100%; margin-top: 0px;}
.contact_homepage .row .bannerColumn.image .margin-banner{width: 100%; margin-inline: 0; position: relative; top: 118px;}
.contact_homepage .row .bannerColumn.text{width: 100%;}
.contact_homepage .row .bannerColumn.text .quality-text{text-align: start; color: black; margin-top: 0px;}

.media-section{padding: 0;}
.media-section .news-div{width: 85%; margin: auto; display: block;margin-bottom: 25px;}
.media-section .news-div .news-btn{display: none;}
.media-section .blog-grid{width: 85%; margin: auto; padding-bottom: 30px;}
.media-section .blog-grid .news-btn.mobile{display: block !important; margin: auto; margin-block: 15px; margin-top: 50px; border: 1px solid black;}
.media-section .blog-grid .wall-size.second{height: 220px;}
.findus_homepage{display: none;}
.findus_mobile_homepage{display: block !important; height: 650px;}
.find-section .findus_buttons{display: flex; align-items: center; justify-content: center;}
.find-section .findus_buttons .findus-btn{width: 150px;}
.find-section .findus_image{display: none;}

.find-section .find_us.title.mobile{display: block; color: white; margin-top: -5rem;}

.business.homepage{width: 85%; margin: auto;}
.business.homepage .quality-text{font-size: 24px; margin-top: 2rem;}
.business.homepage .business_details{display: flex; justify-content: center; flex-wrap: wrap;}
.business.homepage .business_details .business-div{width: 50%;}
/* about us page*/
.aboutus-page-top-banner {height: 650px; background-color:#EEEEEE ;}
.aboutus-page-text-container{top: 10%;}
.founder-section-mobile{background-color: #EEEEEE;}
.founder-section-mobile .display-founder-flex-mobile{display: block !important; width: 85%; margin: auto; position: relative; top: -180px;}
.founder-section-mobile .display-founder-flex-mobile .our-founder{width: 85%; background-color: white; margin: auto; height: auto; border-radius: 12px; position: relative; top: -65px; left: 17px;}
.founder-section-mobile .display-founder-flex-mobile .our-founder .founder-title{font-size: 24px;}
.founder-section-mobile .display-founder-flex-mobile .height-founder-image{height: auto; width: 90%; border-radius: 10px;}
.aboutus-page-top-banner .about-us-title{font-size: 42px;}
.aboutus-page-top-banner .about-us-text{max-width: 80%;}
.aboutus-page-top-banner .founder-section{display: none;}
.mission-vision{display: block; height: auto !important; width: 85%; margin: auto; padding: 30px 0;}
.mission-vision .beirutWidth{height: 215px; object-fit: cover; margin-top: 20px; border-radius: 10px;}
.mission-vision .mission-text{padding-left: 0px; margin-top: 25px; font-size: 25px;}
.mission-vision .card-text{padding-inline: 0px; font-size: 13px; margin-bottom: 15px; padding-block: 0px;}
.become-team-member-section .display-team-grid{width: 85%; margin: auto; display: block;}
.redbackgroudsection{margin-top: 0px;}
.values-section {margin-top: -14rem;}
.values-section .values-title{padding-top: 0px !important; margin-block: 3rem;}
.values-section .redbackgroudsection .aboutus-img{display: none;}
.values-section .redbackgroudsection .aboutus-img-mobile{display: block !important; width: 100%; height: 800px;}
.values-section .redbackgroudsection .our-values-section{display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-inline: 0px; left: 50%; transform: translate(-50%,-50%); top: 16rem; width: 86%;}
.values-section .redbackgroudsection .our-values-section .our-values{width: 45%;}
.become-team-member-section .display-team-grid .member-text{font-size: 28px; line-height: 1.3;}
.values-section .redbackgroudsection .values-text{font-size: 20px; width: 85%; margin: auto; padding-top: 15px; line-height: 1.3;}
.values-section .redbackgroudsection .values-section-text{font-size: 13px; width: 85%;margin: auto;}
.our-values-section .our-values p{font-size: 15px;}
.our-values-section .our-values img{width: 100%;}
.team-img{height: 220px;}

/* countries*/
.countries_page{width: 85%; margin: auto;}
.countries_page .accross-title{font-size: 24px;}
.countries_page .read-text{display: none;}
.countries_page .read-text-mobile{ text-decoration: underline; color: #9E3222; font: normal normal bold 12px/16px Nunito Sans; margin-bottom: 25px; display: block !important;}
.countries_page .display-country {display: block;}
.countries_page .countries_details .countries_buttons{display: grid;grid-template-columns: repeat(2, 1fr); gap: 6px;}
.countries_page .countries_details .countries_buttons .country-btn{margin-top: 7px; margin-left: 0px !important;}
.countries_page .countries_details .box-country{display: block; padding: 20px; border-radius: 7px;}
.country-page-margin-top-network .check-text{font-size: 17px;}
.country-page-top-title .network-title{font-size: 22px;}
.country-page-top-title .countries-title{font-size: 44px;}
.countries_page.citysearch .countries_details .city_title{grid-template-columns: repeat(4,1fr);}
/*countries detials listing*/
.country-project-list-main-section{width: 85%; margin: auto;}
.country-project-list-main-section .countries-projects-main-section-select{display: block; margin-top: 0;}
.country-project-list-main-section .countries-projects-main-section-select .dropdown_list_container{margin-bottom: 10px;}
.countries_projects{width: 85%; margin: auto;}
.countries_projects .project-grid.margin-inline{margin-inline: 0px;}
.countries_projects .project-grid{display: block;}
.countries_projects .project-grid .projects-img{height: auto;}
.countries_projects .project-grid .project-title{font-size: 22px; margin-top: -5px;}
.countries_projects .project-grid .code{margin-top: 15px; font-weight: bold;}
.countries_projects .text-center .load-btn{margin: auto; margin-bottom: 45px;}
/*countries direction page*/
.project-details-page-top-banner{background: url('../images/networkdirection-mobile.png'); background-size: cover; height: 430px;}
.project-details-page-top-banner .project-details-page-top-container{display: block; margin-left: 0px;}
.project-details-page-top-banner .project-details-page-top-container .project-details-page-top-text{width: 85%; margin: auto;}
.project-details-page-top-banner .project-details-page-top-container .project-details-page-top-text p{font-size: 15px;margin-bottom: 20px;}
.project-details-page-top-banner .project-details-page-top-container .project-details-page-top-text h1{font-size: 28px;margin-bottom: 35px; width: 75%; line-height: 1.3;}
.project-details-page-top-banner .project-details-page-top-container .project-details-page-top-button{width: 85%; margin: auto; margin-bottom: 15px;}
.row-details.direction{margin-top: -40px !important; display: block !important; width: 85%; margin: auto; margin-bottom: -18px !important;}
.row-details.direction .country_details .project-details{width: 100%; font-size: 12px; margin-top: 18px; margin-bottom: 2rem !important;}
.row-details.direction .country_details .country-project-details{font-size: 13px;}
.row-details.direction .country_details .country-project-details.street{border-bottom: 2px solid black; padding-bottom: 25px;}
.country-project-page-carrousel-img{margin-inline: 0px; padding-right: 20px; object-fit: contain; width: 70px;}
.project-details-slick-section{margin-top: 14px !important;}
.details-img{height: 14rem; object-fit:cover; border-radius: 15px;}
.slider-container.network_direction .slick-next,.slider-container.network_direction .slick-prev{display: none !important;}
.area_products .project-row{width: 85%; margin: auto;}
.area_products .project-row .partners-title{font-size: 22px; padding-top:1rem !important;}
.area_products .project-row .project-grid{display: block;}
.area_products .project-row .project-grid .project{margin-bottom: 35px;}
.area_products .project-row .project-grid .project .project-title{font-size: 22px;}
.area_products .project-row .project-grid .project .projects-img{height: auto;}
.area_products .text-center .load-btn{margin: auto; margin-bottom: 45px;}
.maps.project_page{width: 90%;}
.maps.project_page iframe{width: 100%; margin: 45px 0 0 0;}


/*careers page*/
.country-page-top-banner{height: 42vw;}
.countries_details .city_title{margin-top: 15px;gap: 15px;}
.countries_details .city_title p {padding:0; font-size: 14px;}
.careers-main-section{width: 85%; margin: auto;}
.career-page-top-banner h1{font-size: 42px;} 
.career-page-top-banner{height: 38vh;}

.career-main-section-select{display: block; margin-bottom: 3rem;}
.careers-main-section .career-main-section-select .dropdown_list_container{margin-bottom: 12px;}
.careers-main-section .career-main-section-select .dropdown_selected_option{z-index: 7; background-color: #ffffff;}
.careers-main-section .career-main-section-select .dropdown_list{top: 43px; z-index: 6;}
.careers-main-section .box-country{border-radius: 8px; padding: 17px; margin-top: 2rem;}
.careers-main-section .box-country .careers-title{font-size: 20px; padding-inline: 0px;}
.careers-main-section .box-country .careers-date{padding-inline: 0px; margin-top: -11px;}
.careers-main-section .box-country .careers-text{display: none;}
.careers-main-section .box-country .careers-text-mobile{display: block !important; font-size: 12px; margin-bottom: 20px;}
.careers-main-section .box-country .display-flex{display: block;}
.careers-main-section .box-country .country-btn{margin-left: 0px; font-size: 11px;}
.careers-main-section .box-country .careers_buttons{display: grid; grid-template-columns: repeat(2, 1fr); margin-bottom: 30px; gap:7px}

.career-details-page-top-banner{background: url('../images/careersinside-mobile.png') center center no-repeat; background-size: cover;height:540px;width: 100%;}
.career-details-page-top-banner .career-details-page-top-header{width: 83%; margin: auto;}
.career-details-page-top-banner .career-details-page-top-header .details-title{margin-top: 60px; font-size: 28px;}
.career-details-page-top-banner .career-details-page-top-header .work_buttons{display: grid;grid-template-columns: repeat(2, 1fr); gap: 6px;}
.career-details-page-top-banner .career-details-page-top-header .work_buttons .work-details{margin-left: 0px; width: 125px; font-size: 10px;}
.career-details-page-top-banner .career-details-header-grid{display: none;}
.career-details-page-top-banner .career-details-page-top-header .aplly_buttons_mobile{display: flex !important; margin-top: 35px;}
.career-details-page-top-banner .career-details-page-top-header .aplly_buttons_mobile .share-btn{background-color: white; color: black; width: 125px; padding: 10px; text-align: center; display: block;}
.career-details-page-top-banner .career-details-page-top-header .aplly_buttons_mobile .share-btn .fa-light.fa-share-nodes{position: relative; right: 15px;}
.career-details-page-top-banner .career-details-page-top-header .aplly_buttons_mobile .apply-job-btn{width: 170px;}

.jobdescription .job_details{max-width: 85%; margin: auto; margin-top: -4rem;}
.jobdescription .job_details .network-title{font-size: 22px;}
.jobdescription .job_details .job1{font-size: 14px;}
.jobdescription .job_details .job2{font-size: 13px;}
.responsibilities .responsibilitie{width: 85%; margin: auto;}
.responsibilities .responsibilitie .responsibilities-title{font-size: 22px; margin-bottom: 12px; margin-top: 3rem;}
.responsibilities .responsibilitie ul li{font-size: 13px;}
.apply-job-section{padding-inline: 0px;}
.apply-job-section .job{width: 85%; margin: auto;}
.apply-job-section .job .read-link{text-decoration: none; padding-block: 2rem;}
.apply-job-section .job .display-apply-grid{display: block;}
.apply-job-section .job .display-apply-grid img{margin-bottom: 35px; height: 250px; object-fit: cover; border-radius: 10px;}
.apply-job-section .job .input-form .info{width: 100%;}
.apply-job-section .job .input-form .upload-text{font-size: 14px;}
.apply-job-section .job .submit-form{padding-bottom: 35px;}
.apply-job-section .job .submit-form .thankyou-title{margin-top: 0px; font-size: 28px;}
.apply-job-section .job .submit-form  .submitted-text{font-size: 14px;}

/* News & media page */
.media-page-top-banner{height: 660px;}
.media-page-top-banner .media-page-top-text-container h1{font-size: 42px; width: 85%; margin: auto;}
.media-page-top-banner .media-page-top-text-container .media-page-header-dropdown{display: block; width: 85%; margin: auto;}
.media-page-top-banner .media-page-top-text-container .media-page-header-dropdown .filter-news{margin-bottom: 15px; padding-right: 0px;}
.media-page-top-banner .media-page-top-text-container .media-page-header-dropdown .dropdown_selected_option{width: 100%; margin: auto;z-index: 1; border: 1px solid;}
.media-page-top-banner .media-page-top-text-container .dropdown_list_container .dropdown_list{position: relative; width: 100%; margin: auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; z-index: 0; top: -3px;}
.media-page-top-banner .media-page-grid-section{top: 69%;}
.media-page-top-banner .media-page-grid-section .grid-container{display: block !important; width: 85%; margin: auto;}
.media-page-top-banner .media-page-grid-section .grid-container.secondmedia{display: none !important;}
.media-page-top-banner .media-page-grid-section .grid-container .news-title {font-size: 22px;}
.media-page-top-banner .media-page-grid-section .grid-container .media-date{font-size: 11px; margin-top: -8px;}
.media-page-top-banner .media-page-grid-section .grid-container .card-text{font-size: 14px; margin-top: -7px;}
.media-page-top-banner .media-page-grid-section .grid-container .box-shadow{margin-top: -30px; margin-bottom: 30px;}
.media_button .load-btn{border: 2px solid #000000; font-size: 11px; width: 187px; margin-top: 20px; margin-bottom: 40px; color: black !important;}
.media_page.news-items .news-item img{ height: 240px;}
/*Blog page*/
.blog-page-top-banner{height: 660px;}
.blog-page-top-banner .blog-page-top-text-container h1{font-size: 42px; width: 85%; margin: auto;}
.blog-page-top-banner .blog-page-top-text-container .blog-page-header-dropdown{display: block; width: 85%; margin: auto;}
.blog-page-top-banner .blog-page-top-text-container .blog-page-header-dropdown .filter-news{margin-bottom: 15px; display: block;}
.blog-page-top-banner .blog-page-top-text-container .blog-page-header-dropdown .dropdown_selected_option{width: 100%; margin: auto; z-index: 1; border: 1px solid;}
.blog-page-top-banner .blog-page-top-text-container .dropdown_list_container .dropdown_list{position: relative; width: 100%; margin: auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; z-index: 0; top: -3px;}
.blog-page-top-banner .blog-page-grid-section{top: 60%;}
.blog-page-top-banner .blog-page-grid-section .grid-container{display: block !important; width: 85%; margin: auto;}
.blog-page-top-banner .blog-page-grid-section .grid-container.secondblog{display: none !important;}
.blog-page-top-banner .blog-page-grid-section .grid-container .news-title {font-size: 22px;}
.blog-page-top-banner .blog-page-grid-section .grid-container .blog-date{font-size: 11px; margin-top: 0px;}
.blog-page-top-banner .blog-page-grid-section .grid-container .card-text{font-size: 14px; margin-top: 0px}
.blog-page-top-banner .blog-page-grid-section .grid-container .box-shadow{margin-top: -30px; margin-bottom: 30px;}
.blog_button .load-btn{border: 2px solid #000000; font-size: 11px; width: 187px; margin-top: 20px; margin-bottom: 40px; color: black !important;}
.grid-container.blog_page {display: block !important; width: 85%; margin: auto;}
.grid-container.blog_page .box-shadow{margin-bottom: 30px; margin-top: -20px;}
.grid-container.blog_page .box-shadow .news-title{font-size: 22px;}
.grid-container.blog_page .box-shadow .blog-date{font-size: 11px;}
.grid-container.blog_page .box-shadow .card-text{font-size: 14px;}
.grid-container.blog_page .position-relative img{height: 220px;}
/* News inside page*/
.media-details-top-banner{height: 450px;}
.media-details-top-banner h1{width: 85%; margin: auto; font-size: 28px; padding-left: 0px;}
.media-details-top-banner p{width: 85%; margin: auto; font-size: 11px; padding-left: 0px;}
.media-details-section{width: 85%; margin: auto; margin-top: 2rem;}
.article-1 .media-paragraph{font-size: 15px; width: 100%; line-height: 1.4;}
.article-1 .subtitle{font-size: 22px; margin-top: 2rem;}
.article-1 h4 {font-size: 14px; line-height: 1.2; width: 100%;}
.article-1 p{font-size: 13px; margin-top: 15px; line-height: 1.3; width: 100%;}
.article-3{width: 85%; margin: auto;}
.article-3 h4 {font-size: 14px; line-height: 1.2;}
.article-3 p{font-size: 13px; margin-top: 15px !important; line-height: 1.3; }
.article-3 .max-width-news-detail{max-width: 100%;}
.article-3 .display-apply-subtitle{display: block;}
.article-3 .display-apply-subtitle img{margin-bottom: 15px;}
.article-2 .news-details-red-section{display: none;}
.article-2 .news-details-red-section-mobile{position: absolute; top: 22rem; display: block !important; height: 810px; width: 100%;}
.article-2 .display-apply-grid{display: block; width: 85%; margin: auto;}
.article-2 .subtitle-2.desktop h3,.article-2 .subtitle-2.desktop h4{display: none;}
.article-2 .subtitle-2.mobile{display: block !important;}
.article-2 .subtitle-2.mobile h3{color:#EE2642}
.article-2 .subtitle-2.mobile h4{margin-bottom: 40px;}
.article-2 .subtitle-2.desktop .quote-text{margin-top: -30px; font-size: 22px; line-height: 1.4;}
.article-2 .subtitle-2.desktop .quote{font-size: 14px;}
.article-3 .subtitle{margin-top: 3rem;}
.intersting_news .blog-flex{display: block;}
.intersting_news .blog-flex .news-subtitle{font-size: 20px; width: 85%; margin: auto; padding: 30px 0;}
.intersting_news .blog-flex .article-btn{display: none;}
.intersting_news .intresting-grid{display: block !important; margin: auto; width: 85%; padding-bottom: 0px;}
.intersting_news .intresting-grid .news{margin-bottom: 40px;}
.intersting_news .news_button{padding-bottom: 45px; display: block !important;}
.intersting_news .news_button .article-btn{display: block; margin: auto;}
.display-apply-grid .width-img{height: 330px;}
.grid-container.media_page .position-relative img{height: 220px;}
.grid-container.media_page .position-relative .placeholder-img{height: 220px;;}


/* contact us page*/
.contact-page-top-banner{height:585px;}
.contact-page-top-banner .contact-page-top-title{font-size: 42px; width: 75%; margin: auto; line-height: 1.3;}
.contact-page-top-banner .contact-page-top-details{display: grid; gap: 10px; margin-top: 20px;}
.contact-page-top-banner .contact-page-top-details .bar-seperator{display: none;}
.contact-page-top-text-container{top:20%}
.contact-section{max-width: 85%; margin: auto; margin-top: -7rem; top: 0px;}
.contact-section p{font-size: 15px; text-align: start; margin-bottom: 20px; }
.contact-section .display-founder-grid{grid-template-columns: 100%;}
.contact-section form .textArea{width: 100%; height:160px; border-radius: 7px;}
.contact-section form .required-text{font-size: 11px;}
.contact-section form .submit-btn{display: block; width: 170px; font-size: 11px;}
.thankyou-page-top-banner{height: 480px;}
.thankyou-page-top-banner .thankyou-page-top-text-container h1{width: 85%; margin: auto; font-size: 42px; line-height: 1.3;}
.thankyou-page-top-banner .thankyou-page-top-text-container p{width: 85%;margin: auto; font-size:14px; margin-top: 15px;}
/* Programmatic Page*/
.programmatic-page-top-banner{height: 400px; background-color: white; z-index: 0;}
.programmatic-page-top-banner .background-gray{display: none;}
.programmatic-page-top-banner .programmatic-page-top-title{font-size: 42px;}
.background-gray{position: unset;}
.background-gray .position-absolute-prog{position: unset;width: 85%; margin: auto;}
.background-gray .position-absolute-prog .display-founder-grid.one{display: block; position: relative; top: -160px;}
.background-gray .position-absolute-prog .display-founder-grid.one img{height: 280px; width: 90% !important; object-fit: cover; border-radius: 15px;}
.background-gray .position-absolute-prog .display-founder-grid.one .programmatic-div{position: relative;top: -58px; width: 85%; margin: auto; left: 20px; padding: 30px; height: auto;}
.background-gray .position-absolute-prog .display-founder-grid.one .programmatic-div h1{font-size: 24px; margin-left: 0px; margin-block: 0px;}
.background-gray .position-absolute-prog .display-founder-grid.one .programmatic-div ul{margin-left: 0px; margin-top: 17px;}
.background-gray .position-absolute-prog .display-founder-grid.one .programmatic-div ul li{font-size: 13px; line-height: 1.4;}
.background-gray .prog-div.two{width: 85%; margin: auto; position: relative; top: -165px;}
.background-gray .prog-div.two .display-founder-grid.two{display: flex; flex-direction: column; justify-content: center;}
.background-gray .prog-div.two .display-founder-grid.two .programmatic-div{order: 1;}
.background-gray .prog-div.two .display-founder-grid.two img{width: 90% !important; height: 280px; object-fit: cover; border-radius: 15px; margin: auto; position: relative; left: 28px;}
.background-gray .prog-div.two .display-founder-grid.two .programmatic-div{position: relative; top:-80px; padding: 30px; width: 85%; height: auto;}
.background-gray .display-founder-grid.two .programmatic-div h1{font-size: 24px; margin-left: 0px; margin-block: 0px;}
.background-gray .display-founder-grid.two .programmatic-div ul{margin-left: 0px; margin-top: 17px;}
.background-gray .display-founder-grid.two .programmatic-div ul li{font-size: 13px; line-height: 1.4;}
.background-gray .prog-div.three{width: 85%; margin: auto; margin-block: 0px !important;}
.background-gray .prog-div.three .display-founder-grid.three{display: block; position: relative; top: -180px;}
.background-gray .prog-div.three .display-founder-grid.three img{width: 90% !important; height: 280px; object-fit: cover; border-radius: 15px;}
.background-gray .prog-div.three .display-founder-grid.three .programmatic-div{position: relative; top:-80px; padding: 30px; left: 20px; width: 85%; margin: auto; height: auto;}
.background-gray .display-founder-grid.three .programmatic-div h1{font-size: 24px; margin-left: 0px; margin-block: 0px;}
.background-gray .display-founder-grid.three .programmatic-div ul{margin-left: 0px; margin-top: 17px;}
.background-gray .display-founder-grid.three .programmatic-div ul li{font-size: 13px; line-height: 1.4;}
.banner-margin-top.programmatic{margin-top: 0px !important; width: 85%; margin: auto;}
.banner-margin-top.programmatic .display-founder-grid{display: flex; flex-direction: column;}
.banner-margin-top.programmatic .display-founder-grid .programmatic_image{order: 2;}
.banner-margin-top.programmatic .display-founder-grid img{width: 100%; margin-inline: 0px;}
.banner-margin-top.programmatic .display-founder-grid .programmatic_detail h1{margin-top: 0px; text-align: start; font-size: 25px;}
.banner-margin-top.programmatic .display-founder-grid .programmatic_detail p{font-size: 13px;}
.banner-margin-top.programmatic .display-founder-grid .programmatic_detail .programmatic-banner-section{display: block;}
.banner-margin-top.programmatic .display-founder-grid .programmatic_detail .programmatic-banner-section .collaboration{display: none;}
.banner-margin-top.programmatic .margin-top.programmatic_detail{margin-top: 2rem;}

.background-gray-section{display: block;}
.programmatic-form .container{width: 85%; margin: auto; display: block;}
.programmatic-form .container .left_col,.programmatic-form .container .right_col{width: 100%;}
.programmatic-form .container .left_col .button{width: 100%; right: 0;}
.programmatic-form .container .left_col h2{width: 100%; font-size: 23px;}
.background-gray-section .programmatic_details.first .programmatic-div{position: relative; top: -40px; left: 20px;}
.background-gray-section .programmatic_details.second .programmatic-image img{position: relative; left: 60px; top: -30px;}
.background-gray-section .programmatic_details{margin-bottom: 20px;}

.find_city .container{width: 85%;}
.find_city .container .search-city .search_button{width: 70px;}
.ournetworks.home_page .ournetwork{display: block; width: 85%; margin: auto; padding-top: 2rem !important;}
.ournetworks.home_page h2{font-size: 30px; text-align: start; width: 85%; margin: auto;}
.ournetworks.home_page .projects-img{height: 220px;}

/*programmatic updated*/
.programmatic_info{margin-top: -50px; z-index: 1; position: relative;}
.programmatic_info .container .detail h2{font-size: 20px; text-align: start;}
.programmatic_info .container .detail{width: 100%;}
.programmatic_info .container .detail p{font-size: 13px;}
.programmatic_info .container{width: 85%;}
.programmatic_video .container .row {display: block;}
.programmatic_video .container .left_col,.programmatic_video .container .right_col{width: 100%;}
.programmatic_video .container .left_col video{left: 0px;}
.programmatic_video .container .right_col h2 {font-size: 21px; margin-left: 0px;}
.programmatic_video .container .right_col{height: 250px;}
.background-gray .position-absolute-prog .display-founder-grid.one{top: 50px;}
.background-gray-section .programmatic_details{width: 85%; flex-direction: column;}
.background-gray-section .programmatic_details .programmatic-image{width: 90%;}
.background-gray-section .programmatic_details .programmatic-div{width: 85%; margin: auto; height: auto; padding: 25px;}
.programmatic-div h1{font-size: 14px;}
/*news &media updated*/
.grid-container.media_page{display: block !important; margin-top: -13rem !important; width: 85%; margin: auto;}
.grid-container.media_page .box-shadow{height: 290px; margin-bottom: 35px;}
.grid-container.media_page .box-shadow p{font-size: 14px;}

.media_page.news-items{padding: 0 20px; margin: -200px 0 0 0}
.media_page.news-items .news-item{display: block; width: 100%; margin: 0 0 30px 0 !important}
.media_page.news-items .news-item .news-title{font-size: 20px}

/* serach home page*/
.show{margin: unset; width: calc(100% - 65px);}
.find_city .container .search-city{text-align: start;}
.find_city .container .search-city input{width: calc(100% - 65px);}
.find_city .container .suggestions{top: 0px;}

}

@media (max-width:1200px) {
    .header-links { margin-right: 2rem; }
}
@media (max-width:1080px) {
    .contact-btn { margin-left: 0rem; }
    .header-links { margin-right: 2rem; }
}

@media (max-width:1330px) {
    .margin-inputs{margin-block: 1rem; }
    .search { margin-left: 0rem; }
}

@media (min-width:1040px) {
    .menu {  display: none;}
}

@media (max-width:1350px) 
{.details-text{  width: 100%;}
}

@media (max-width:1040px) {
.business-div {  margin-left: 0rem;}
.first-section { padding-left: 0rem;}
.number { font-size: 50px;}
.business { display: block; text-align: center;}
.d-flex-mobile{ display: flex; justify-content: space-between; }
.scroll-div { position: static; margin: auto; }

.margin-btn{ margin-top: 2rem;}
.logo-header {  width: 111px; height: 60px;}
.header-style { margin-inline: 2rem; justify-content: space-between;}
.hide-mobile{ display: none; }
.show-mobile{ display: block; background-color: transparent; border: 1px solid #000000;border-radius: 5px; height: 27px; width: 103px; font: normal normal 600 9px/12px Nunito Sans; color: #2B2523; letter-spacing: 1px; position: relative;z-index: 8; background-color: white; }
        
.menu-button-container { display: flex; }
.menu {position: absolute; top: 5rem; margin-top: 0px; left: 0; flex-direction: column; width: 100%; align-items: center; background-color: #ffffff;}
.menu.active{height: 100vh; padding-top: 30px;z-index: 8;}        
#menu-toggle~.menu li {height: 0;margin: 0;padding: 0; border: 0; transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1); }        
#menu-toggle:checked~.menu li {height: 2.5em; padding: 0.5em; transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);}     
#menu-toggle:checked~.menu>li{ border-bottom: 1px solid #2B2523 !important; margin-bottom: 1rem !important; width: 50%; padding-top: 0px;}
#menu-toggle:checked~.menu>li {color: #000000 !important;}
#menu-toggle:checked~.menu>li .fa-light.fa-circle-phone{position: relative; right: 15px;}
#menu-toggle:checked~.menu>li:last-child{border-bottom: 0px solid !important; margin:25px 0 !important; background-color: #9E3222;padding: 5px; color: white !important; border-radius: 8px;}
.menu>li { display: flex; justify-content: center; margin: 0;  padding: 0.5em 0; color: #2B2523; font: normal normal 600 20px/39px Nunito Sans;}
}
@media (min-width:600px) {
.founder-section-mobile .display-founder-flex-mobile .our-founder{height: 455px;}
}
@media (min-width:750px) {
.article-2 .news-details-red-section-mobile{height:945px;}
.article-3{margin-top: 3rem;}
}
@media (max-width:1024px) {
  .news-details-red-section{height: 755px;}
}

/* tablet mode*/
@media  (min-width:768px) and (max-width:990px) {
/* countries details*/
.countries_projects .project-grid{display: grid !important; grid-template-columns: repeat(2, 1fr);}
.media-page-top-banner .media-page-grid-section .grid-container{display: grid!important; grid-template-columns: repeat(2, 1fr);}
.blog-page-top-banner .blog-page-grid-section .grid-container{display: grid !important; grid-template-columns:repeat(2,1fr) ;}
.blog_homepage .blog .blog-grid-container{display: grid !important;grid-template-columns: repeat(2, 1fr);}
.background-gray{height: 1350px !important;}
.jobdescription .job_details{margin-top: 1rem;}

/* home page where we find us */
.find-section .findus_image{display: block; height: 460px; margin-top: -1rem;}
.find-section .find_us.title.mobile{display: none;}
.find-section .findus_map .iraq_img_mobile{height: 145px; left: -35px;}
.find-section .findus_map .lebanon_img_mobile{height: 145px; right: 0; top: 25px;}
.find-section .findus_map .africa_img_mobile{top: 40px; height: 145px;}
.find-section ul.findus_map li a.lebanon{top:85px;left: 55px;}
.find-section ul.findus_map li a.iraq{top: 60px; left: 35px;}
.find-section ul.findus_map li a.uganda{top: 93px;}
.find-section ul.findus_map li a.rwanda{top: 115px;}
.find-section ul.findus_map li a.south-africa{top: 140px;}
.find-section .findus_map{top:140px; right: 0;}
.findus.image{height: 600px;}
.findus.image{display: block;}
.findus.image_mobile{display: none;}
.find-section ul.findus_map li.iraq{top: 30px;}
.find-section ul.findus_map li.lebanon{left: 20px; top: 15px;}
.find-section ul.findus_map li.africa{left: 20px;}
}

@media  (min-width:501px) and (max-width:991px) {
  .row-details.direction{margin-top: 50px !important;}
}

@media  (min-width:400px) and (max-width:500px){
  .row-details.direction{margin-top: -20px !important;}
}
@media  (min-width:350px) and (max-width:400px){

.background-gray{height: 1160px !important;}
}
@media  (min-width:401px) and (max-width:767px){

  .background-gray{height: 1180px !important;}
  }
  
@media (min-width:992px) and (max-width:1420px){
  .programmatic_video .container .right_col h2{font-size: 24px;}
  .find-section .findus_image{height: 410px; margin-top: 7rem;}
  .find-section .findus_map {top: 5rem; right: 0;}
  .find-section .findus_map .lebanon_img{position: relative; left: -35px; width: 140px; height: 160px;top: 40px;}
  .find-section .findus_map .iraq_img{position: relative; left: -40px; width: 140px; height: 180px;}
  .find-section .findus_map .africa_img{height: 200px; left: 10px;}
  .find-section ul.findus_map li a.lebanon{left: 25px;}
  .find-section ul.findus_map li a.iraq{left: 20px;}
  .background-red.findus_homepage{height: auto;}
  .findus_homepage{height: 740px;}
  .findus.image{height: 900px;}
}
  
@media (min-width:500px) and (max-width:600px){
  .find-section .find_us.title.mobile{margin-top: -6rem;}
  .findus.image_mobile{height: 720px;}
  .find-section .findus_map{top: 14rem;right: 0;}
  .find-section .find_us.title.mobile{top: -75px;}
}
@media (min-width:601px) and (max-width:760px){
  .find-section .find_us.title.mobile{margin-top: -8rem;}
  .findus.image_mobile{height: 820px;}
  .find-section .findus_map{top: 18rem;right: 0;}
}
@media (min-width:600px) and (max-width:990px){
  .media_page.news-items .news-item img{height: 385px;}
  .countries_projects .project_item img{height: 385px;}
}

@media (min-width:1000px) and (max-width:1300px){
  .footer-sections{width: 85%;}
}

/* @media (min-width:260px) and (max-width:600px){
  .find-section .findus_map .lebanon_img_mobile{display: block; height: 220px;}
  .find-section ul.findus_map li.iraq{position: relative; left: -160px;  top: -80px;}
  .find-section ul.findus_map li.lebanon{position: relative; right: -50px;}
  .find-section .findus_map .iraq_img_mobile{display: block;height: 170px;}
  .find-section .findus_map .africa_img_mobile{display: block; position: relative; left: 125px; height: 230px;}
  .find-section ul.findus_map li a.lebanon{top: 80px; left: 115px; width: 50px; font-size: 8px;padding: 4px;}
  .find-section ul.findus_map li a.iraq{top: 60px;left: 60px; width: 40px;font-size: 8px;padding: 4px;}
  .find-section ul.findus_map li a.uganda{top: 100px;right: -11px;width: 44px;font-size: 8px;padding: 4px}
  .find-section ul.findus_map li a.rwanda{top: 130px; right: -25px; width: 45px; font-size: 8px; padding: 4px;}
  .find-section ul.findus_map li a.south-africa{top: 160px; right: -30px; width: 75px; font-size: 8px; padding: 4px;}
}

@media (min-width:601px) and (max-width:767px){
  .findus.image_mobile{height: 1270px;}
  .find-section .findus_map{top: 22rem;}
  .find-section .findus_map .iraq_img_mobile{height: 280px;}
  .find-section .findus_map .africa_img_mobile{height: 400px;}
  .find-section .findus_map .lebanon_img_mobile{height: 400px;}
  .find-section ul.findus_map li.iraq{left: -300px; top: -125px;}
  .find-section ul.findus_map li.lebanon{left: 75px;}
  .find-section ul.findus_map li.africa{left: 170px;}
  .find-section ul.findus_map li a.iraq{top: 70px; left: 125px;}
  .find-section ul.findus_map li a.uganda{right: 160px; top: 180px;}
  .find-section ul.findus_map li a.rwanda{top: 220px; right: 135px;}
  .find-section ul.findus_map li a.south-africa{top: 260px; right: 125px;}
  .find-section ul.findus_map li a.lebanon{top: 120px; left: 230px;}
}

@media (min-width:480px) and (max-width:600px){
  .findus.image_mobile{height: 940px;}
  .find-section .findus_map{top: 260px; right: 20px;}
} */