@import url('https://fonts.googleapis.com/css2?family=Hubballi&family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,700);




:root {
            --blue: #0066cc;
            --dark-blue: #004080;
            --gold-accent: #0096d6;
            --light-gray: #f8f9fa;
            --dark-gray: #2d3748;
            
        }



.about.rc72 .promo-box {height: 320px; background: url('../../../images/stories/about-who/rc72/rc72_top_banner_english.png');cursor:pointer;background-size: contain;background-repeat: no-repeat;}
html[lang=fr-fr] .about.rc72 .promo-box {height: 410px; background: url('../../../images/stories/about-who/rc72/rc72-banner-sky-fr.jpg');cursor:pointer;background-size: cover;background-repeat: no-repeat;}


.RC72-container{
            width: 100%;
            overflow: hidden;
        }

        .rc72TopBanner {
            width: 100%;
            min-height: 350px;
            background: url('../../../images/stories/about-who/rc72/rc72_top_banner_plain_lowres.png');
            background-size: 100% auto;
            background-repeat: no-repeat;
            background-position: center center;
            display: flex;
            justify-content: center;
            align-items: center;
            /*padding: 40px 0;*/
        }
 
 .blue-section {

         width: 100%;
    height: 200px; 
    background: url('../../../images/stories/about-who/rc72/section-blue-background.png');
    background-size: 100% 100%; 
    background-position: top center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden; 
    position: relative;


 }

 


 .blue-section > div {text-align:center;margin-top:0;}
.blue-section h3 {font-size:20px!important;}

.span_10_of_12 p {font-size: 1rem!important; line-height: 25px;}
.blue-section img {max-width: 70px;}
 .header-wrapper {
  display: flex;
  align-items: center;  
  justify-content: center; 
  
}
        .content-block {
            display: flex;
            align-items: center;
            width: 100%;
            max-width: 1200px;
            padding: 0 40px;
        }



        .RC72-logo {
            width: 300px;
            height: auto;
            flex-shrink: 0;
        }

        .RC72-text {
            color: #fff;
            margin-left: 60px;
            flex: 1;
        }

        .RC72-heading {
            font-size: 1.7rem!important;
            line-height: 1.2;
            margin-bottom: 0.8rem;
            font-weight: 600;
            color:#fff!important;
        }

        .RC72-meta {
            font-size: 1.2rem;
            line-height: 1.5;
        }
.RC72.theme-container {
        background: #f8fafc;
        border-radius: 8px;
        padding: 2rem;
        box-shadow: 0 4px 12px rgba(0,91,130,0.08);
        border-top: 4px solid #0096d6;
    }

.RC72.theme-tagline {
        font-size: 1.6rem!important;
        color: #005b82;
        font-weight: 600;
        margin: 0.5rem 0 0;
        line-height: 1.3;
        text-align: center;
    }
    
  .RC72.theme-details {
        font-size: 1.4rem!important;
        color: #0096d6;
        font-weight: 500;
        letter-spacing: 1px;
        margin: 0 0 1.2rem;
        text-align:center;
    }


.button.button-orange-background {margin-left:15px;display: inline-block;background:#f17622;min-width: 100px;box-shadow:0 2px 4px rgba(0,0,0,0.1);margin-bottom:1rem;padding:10px;text-align:center;border-radius: 4px;color:#fff;font-size:1.2rem;font-weight: bold;margin-top:2rem;margin-bottom:2rem;}

.button.button-orange-background a {color:#fff;}

.rc72-icon {padding:5px;}

.rc72Banner {
    text-align: center;
    position: relative;
    background: url('../../../images/stories/about-who/rc72/rc-70-top-banner.png'); background-size:cover; background-repeat: no-repeat;
    min-height: 377px;
    width: 100%;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: 10px;
}

html[lang=ar-aa] .rc72Banner {background: url('../../../images/stories/about-who/rc72/rc-70-top-banner-ar.png'); background-size:cover; background-repeat: no-repeat;}
html[lang=fr-fr] .rc72Banner {background: url('../../../images/stories/about-who/rc72/rc_72_top_banner_fr.png'); background-size:cover; background-repeat: no-repeat;}

.rc72Banner h3 {color: #ffffff!important; display: inline-block;font-size: 22px!important;padding-top:5.5rem;margin-bottom:0!important;font-weight: 100!important; padding-right: 0;padding-left: 0;}
.rc72Banner h4 {color: #ffffff!important; display: inline-block;font-size: 18px!important;font-weight: 100!important; padding-right: 0;padding-left: 0;}

.rc72Banner .orange-btn {color: #fff;background: #ca4900;border: none;padding: 15px 20px !important;font-weight: 600;font-size: 17px;margin: 0 5px;min-width: 200px;margin-top:2rem;}
.rc72Banner img {
    width: 100%;
    height: auto;
}



 .bulletin-header {
            text-align: center;
            margin-bottom: 40px;
            border-bottom: 2px solid var(--blue);
            padding-bottom: 20px;
        }
        
        .bulletin-header h1 {
            font-family: 'Playfair Display', serif;
            color: var(--dark-blue);
            font-size: 2.5rem;
            margin-bottom: 10px;
        }
        
        .bulletin-header .theme {
            font-size: 1.5rem;
            color: var(--blue);
            font-weight: 600;
        }
        
        .bulletin-section {
            margin-bottom: var(--section-spacing);
            position: relative;
            padding-left:2rem;
            padding-right:2rem;
        }
        
        .section-header {
            display: flex;
            align-items: center;
            margin-bottom: 25px;
            /*padding-bottom: 15px;*/
            border-bottom: 1px solid rgba(0, 102, 204, 0.2);
        }
        .subsection p {padding-bottom: 0!important;}
        .section-icon {
            font-size: 1.8rem;
            color: var(--blue);
            margin-right: 5px;
            min-width: 40px;
            text-align: center;
        }
        
        .section-title {
            font-size: 1.8rem;
            font-weight: 600;
            color: var(--dark-blue);
            margin: 0;
        }

        .about.rc72 h2.section-title {padding:0;font-size:1.5rem!important;color:var(--dark-blue);padding-left:0!important;}
        
        .subsection {
            margin-bottom: 30px;
        }
        
        .subsection-header {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
            margin-right:15px;
            margin-left:15px;

        }
        
        .subsection-icon {
            font-size: 1.2rem;
            color: var(--gold-accent);
            margin-right:5px;
            
        }
        
        .subsection-title {
            font-weight: 600;
            color: var(--dark-blue);
            font-size: 1.2rem;
            margin: 0;
        }

        .about.rc72 h3.subsection-title {padding:0!important;margin-bottom: 0!important;margin-top:0!important;}

html[lang=ar-aa] .section-header img {transform: scaleX(-1);}

 html[lang=ar-aa] .subsection-icon {margin-right:0;margin-left:5px;}
        
        .highlight-box {
            background-color: var(--light-gray);
            border-left: 4px solid var(--blue);
            padding: 20px;
            margin: 20px 0;
            border-radius: 0 4px 4px 0;
        }
        

            .theme-statement {
            font-size: 1.4rem;
            font-weight: 600;
            color: var(--blue);
            margin: 25px 15px;
            padding-left: 10px;
            border-left: 3px solid var(--gold-accent);
        }
        
        .contact-info {
            background-color: rgba(0, 102, 204, 0.05);
            padding: 20px;
            border-radius: 4px;
            margin-top: 20px;
        }
        
        .contact-label {
            font-weight: 600;
            color: var(--dark-blue);
            display: block;
            margin-bottom: 5px;
        }
        
        .date-highlight {
            font-weight: 600;
            color: var(--blue);
        }
        
        .hotel-list {
            list-style-type: none;
            padding-left: 0;
        }
        
        
        
        .divider {
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(0,102,204,0.3), transparent);
            margin: var(--section-spacing) 0;
        }
        
.about.rc72 .megadropdown-content .row { display:grid;grid-template-columns: repeat(3, 1fr); gap: 1rem;}
.about.rc72 .megadropdown-content .column {width:auto;height:auto;}
.about.rc72 .megadropdown-content .column a, .about.rc72 .megadropdown-content .column p {font-size:1rem;padding:0.6rem 0;font-weight:500;}

.flex.row {display: flex;flex-wrap: wrap;}
.row-item {width: 100%;height: 150px;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
 margin: 0 10px 20px;
}
.about.rc72 h3.info {padding:5px; background:#e2ecf8;margin-left:5px!important;margin-right:-5px;display:flex;align-items:center;}

.about.rc72.mob.docs h3.info {color:#fff;background:#1f2958;padding:1.5rem;margin-left:5px!important;margin-right:-5px;border-left:15px solid #2092b5;}
html[lang=ar-aa] .about.rc72.mob.docs h3.info {margin-right:5px!important;margin-left:-5px!important;border-right:15px solid #2092b5;border-left:none;}
.about.rc72 h3.info img {max-width:25px;margin-right:5px;}
html[lang=ar-aa] .about.rc72 h3.info img {max-width:25px;margin-left:5px;}
.item-header {text-align:center;}

.row-item i {
  font-size: 40px;
  margin-bottom: 10px;
}

.row-item h4 {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}

.banner {display: none;}





/*.rc72-banner {width:100%;height:150px;position:relative; margin-left:5px;background: url('../../../images/stories/about-who/rc72/rc_72_top_banner.png'); background-size:cover; background-repeat: no-repeat;}*/

.rc72-banner {width:100%;height:150px;position:relative; margin-left:5px;background: url('../../../images/stories/about-who/rc72/rc_72_top_banner.png'); background-size:contain; background-repeat: no-repeat;background-position:100% 100%; background-color:#1e2859;}
html[lang=fr-fr] .rc72-banner {width:100%;height:150px;position:relative; margin-left:5px;background: url('../../../images/stories/about-who/rc72/rc_72_top_banner_fr.png'); background-size:contain; background-repeat: no-repeat;background-position:100% 100%; background-color:#1e2859;}
html[lang=ar-aa] .rc72-banner {width:100%;height:150px;position:relative; margin-right:5px;background: url('../../../images/stories/about-who/rc72/rc_72_top_banner_ar.png'); background-size:contain; background-repeat: no-repeat;background-position:0% 100%; background-color:#1e2859;}
.about.rc72 .rc72-banner h2 {color:#fff!important;position: absolute;top:43%;font-size:22px!important;}
 p.Bullet {margin-left:25px!important;}
 html[lang=ar-aa] p.Bullet {margin-right:25px!important;}

.rc72Banner .nav-btns {
    position: absolute;
    left: 10%;
	right:10%;
	top:10%;
	bottom:10%;
    /*bottom: 20px;*/
    /*background: rgba(3, 112, 125, .6);*/
    padding: 40px 26px;
	
}

.rc72Banner.ncds .nav-btns {background: rgba(0, 81, 116, .8)}

.moduletable.meganavigation {margin-bottom:0;}
html[lang=ar-aa] .moduletable.rc72_mob_menu, html[lang=fr-fr] .moduletable.rc72_mob_menu {margin-bottom: -20px!important;}

.about.rc72.front .col.span_12_of_12 {width: auto;}
.about.rc72.front .article-content {padding-right: 15px;padding-left: 15px;}
.about.rc72.front .nav-btns h2 {
    color: #ffffff!important;
    font-size: 25px!important;
    font-weight: 600;
    margin-bottom: 5px;
	line-height: 30px;
      padding-bottom: 0;
      padding-left:0!important;
    /*font-family: 'Montserrat', sans-serif;
    margin-top: 0;*/
}

.about.rc72.ncds.front .section.group.intro h3:after {
    content: "";
    width: 60px;
    height: 3px;
    background: #ff6600;
    display: block;
    margin-top: 20px;
}


.nav-btns .orange-btn {
    color: #fff;
    background:#ca4900;
	border: none;
}

.nav-btns .btn {
    padding: 15px 20px !important;
    font-weight: 600;
    
    
    font-size: 17px;
    margin: 0 5px;
    min-width: 200px;
}
.rc72Banner .nav-btns h4 {
    color: #ffffff;
    display: inline-block;
    
    /*padding: 8px 5px;
    line-height: 30px;
    font-weight: 600;*/
    font-size: 20px;
	margin:10px;
	font-weight: 100;
    padding-right: 0;
    padding-left:0;
}

.rc72intro {background-color: #1f99d5; padding: 2rem;}
.rc72intro p {font-size: 17px; color: #fff; line-height: 22px;}
.section.group.flex.items {justify-content: center; padding: 20px;}
.section.group.flex.items .col.span_4_of_12 {border: 1px solid #fff; padding: 20px; background: #1377a5;}
.section.group.flex.items h4 {font-size: 18px; color: #fff; padding-top: 15px; margin-bottom: 0;}

.dis-ico i {color:#2e77ac;}
.grey-backgr {
    background: #f1f1f1;
    padding: 30px 0px;
    padding-bottom: 0;
}

.yellow-backgr {
    background: #f1f1f1;
    padding-top: 30px;
    padding-bottom: 30px;
    background:#f49d00;
    padding-right: 2rem;
    padding-left: 2rem;
   justify-content: center; text-align: center; margin-bottom: 2rem; margin-left: 10px;
}

.about.rc72 html[lang=ar-aa] .item.blockquote p:before {
    content: "\f10e"!important;
    font-family: 'Fontawesome';
    float: right!important;
    margin-left: 10px!important;
}

.org-backgr {
    background: #ee5c21;
    margin-top: 2rem;
    padding:1rem;
   justify-content: center; margin-bottom: 2rem; margin-left: 10px;
   display: flex;
}
.org-backgr a, .org-backgr a:hover {color:#fff;}
.about.rc72 .org-backgr h3 {color:#fff!important;font-size:1.2rem!important;padding-left:0!important;margin-top:10px;}

.white-backgr {
    background: #fff!important;
    padding-top: 30px;
    padding-bottom: 20px;
    background:#f49d00;
    padding-right: 5rem;
    padding-left: 5rem;
   justify-content: center; text-align: center; margin-left: 10px;

}


.yellow-backgr h3, .white-backgr h3 {margin-top: 10px; font-size: 1.2rem!important;} 
.yellow-backgr img, .white-backgr img {max-width: 122px!important;}
.yellow-backgr a, .yellow-backgr i {color:#fff;}
.green-backgr {background: #5c8b4c;}
.drkblue-backgr {background: #024f70;margin-top:2rem;display:flex;justify-content: center; align-items:center;text-align: center; margin-bottom: 1.5rem;text-align: center;}
.drkblue-backgr h3{color: #fff!important; font-size: 2rem!important; padding: 10px; line-height: 30px;}
.drkblue-backgr .col.span_6_of_12 {margin:0;padding:20px;}
.drkblue-backgr a {color:#fff;}
.drkblue-backgr p {color:#fff;font-size:1rem;}
.blue-backgr {background: #2992cf;margin-left:10px;}
.icon-box-wrap {
    display: flex;
    justify-content: space-evenly;
}
.icon-box-wrap .icon-box {padding:0;margin:0;height: auto;}
.icon-box {
    text-align: center;
}
.icon-box h3 {font-size:20px!important;padding:10px;}

.custom-list-icon, .list-arrow-right {
  list-style-type: none;
  padding: 0;
}
.custom-list-icon li, .list-arrow-right li {
  position: relative;
  padding-left: 20px;
}
ul.arrow li:before {
    content: '';
    position: absolute;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    width: 7px;
    height: 7px;
    
    left: -5px;
    transform: translateY(50%) rotate(-45deg);
}

html[lang=ar-aa] ul.arrow li:before {
    content: '';
    position: absolute;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    width: 7px;
    height: 7px;
    right: -5px;
    transform: translateY(100%) rotate(-220deg);
} 

ul.btnorg li a{
    border: 1px solid #ca4900!important;
}
ul.btnorg a.active, 
.isotope-nav ul.btnorg a:hover{
    background: #ca4900;
}

ul.btnorg a.active, ul.btnorg a:hover {
    background: #ca4900;
    color:#fff;
    font-weight: bold;
}

ul.btnorg li a {
    font-size:1rem;
    font-weight: bold;
    padding: 10px 15px 10px;
    border: 1px solid #ddd;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

ul.arrow li {position: relative;list-style: none;padding-bottom: 5px;margin-left:20px;font-size:15px;}

ul.arrow {margin-right:-10px;}

.ti-upload, .ti-help-alt {color: #fff;font-size: 2rem;display: block; margin-bottom: 15px;}
.about.rc72.front .slide.fade p {padding-left:0!important;padding-right:0!important;}
.about.rc72.front img.logo {width: auto;}
.about.rc72.front .section.group.intro {padding:2rem;background:#f7f7f7;}
.about.rc72 .card.blue {background: #9fd2f9; width:auto;padding:10px;}
.about.rc72 .card.blue h4{line-height: 20px;}
.about.rc72.front .section.group.intro h3 {margin-bottom:1.5rem!important;text-align: center;font-size: 1.8rem!important;color: #8a1538!important;}
.about.rc72.front .col.span_6_of_12.intro {padding:10px;}
.about.rc72.front .col.span_6_of_12.intro p {font-size:15px;}
.about.rc72.front .col.span_6_of_12.docs {padding-left:5rem;}
.about.rc72.front .section.group.prime {padding:1rem;}
.about.rc72.front .section.group.prime h3 {font-size:1.2rem!important;position: relative;display: inline-block;padding-left:0!important;padding-bottom: 1rem!important;}
.about.rc72.front .section.group.prime h3::after {
content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40%;
    height: 2px; 
    background-color: #8a1538; 
}
html[lang=ar-aa] .about.rc72.front .section.group.prime h3::after {
content: '';
    position: absolute;
    right: 10%;
    bottom: 0;
    width: 40%;
    height: 2px; 
    background-color: #8a1538; 
}

.about.rc72.front .module-overlay-inner .btn:hover, .module-overlay-inner .btn {background:#d86422;color:#fff;}
.about.rc72.front .module-overlay-inner .btn:hover, .module-overlay-inner .btn:hover > a {color:#fff;}
.about.rc72.front .section.group.prime img{padding-top:1rem;padding-bottom: 1rem;}
.about.rc72.front .section.group.prime p {padding-left:0!important;}
html[lang=ar-aa] .about.rc72.front .col.span_6_of_12.docs {padding-right:5rem;padding-bottom:30px;}
.about.rc72 #footer h3 {padding-left:0!important;padding-right:0!important;}
html[lang=ar-aa] .yellow-backgr, html[lang=ar-aa] .white-backgr, html[lang=ar-aa] .drkblue-backgr, html[lang=ar-aa] .about.rc72.front .section-parral {margin-left:0;}
html[lang=ar-aa] .about.rc72.front .section-parral {margin-right:10px;margin-left:0;}
html[lang=ar-aa] .meganavicon {float:right; margin-left:10px;margin-right:10px;}
.about.rc72.front .col.span_6_of_12.docs h3 {font-size: 19px; padding-top: 14px; color: #024f70; line-height: 27px;}
.about.rc72.front .section.group.flex {justify-content: center; text-align: center;}
.about.rc72 .meganavbar {margin-left:10px;}
.about.rc72 .megadropdown-content.active {margin-left:5px;}
html[lang=ar-aa] .about.rc72 .megadropdown-content.active {margin-right:10px;margin-left:-5px;}
html[lang=ar-aa] .about.rc72.front .rc72Banner {margin-right:0px;margin-left:0;}
span.speeches {font-size: 1.7rem; color: #024f70; text-align: center; padding-top: 1rem; padding-bottom: 0.5rem;}
.center {text-align: center;}
.section.group.drkblue-backgr.flex.center {display:flex;justify-content: center; align-items:center;text-align: center; margin-bottom: 1.5rem; margin-left: 10px;text-align: center;}
img.circle {width: 250px;border-radius: 100%;}

.about.rc72.front .section-parral {margin-top: 1rem; margin-left: 10px;margin-right: 0;}
.about.rc72.front .section-parral .col.span_6_of_12 {z-index: 99999; background: #5c8b4c; padding: 2rem; text-align: center;}
.about.rc72.front .section-parral .col.span_6_of_12 h3 {color: #fff; font-size: 2rem; padding: 2rem; padding-top: 1rem; line-height: 35px;}
.panels h3 {cursor: pointer;}

.about.rc72 h2 {padding-bottom:1rem;padding-left:15px!important;color:#4a4a4a;font-size:18px!important;}
html[lang=ar-aa] .about.rc72 h2 {padding-right:15px!important;}
html[lang=ar-aa] .megadropdown-content .column a {float: none;}
.about.rc72 .megadropdown-content .column {height: 250px;}
.about.rc72 .megadropdown-content .column a {padding:7px;}
.about.rc72 .megadropdown-content .column p {padding:7px!important;margin:0;}
.about.rc72 p {padding-right:15px!important;padding-left: 15px!important;font-size: 15px;}
.about.rc72 h3, .about.rc72 h4 {padding-right:15px!important;padding-left: 15px!important;}
/*.about.rc72 .megadropdown h3 {display: inline; font-size: 1.2rem;padding-right:0!important;padding-left: 0!important;}*/
.about.rc72 .megadropdown h3.mob {display: none!important;}
.about.rc72.front  .col.span_4_of_12 .spk img {width:100px;height:100px;float:left;}
.about.rc72.front  .col.span_8_of_12.spk p  {text-align: left;line-height: 18px;padding-right: 0!important;padding-left: 0!important;font-size: 14px;}
html[lang=ar-aa] .about.rc72.front  .col.span_8_of_12.spk p {text-align: right;}
.about.rc72.front  .col.span_8_of_12.spk {min-height: 110px; display: flex; align-items: center;}
.spk img.circle {width:100px;height: 100px;}
.card.whd2017-callouts.about h2, .card.whd2017-callouts.about h4 {padding-left:0!important;}
.about.rc72.front.mob .meganavbar {margin-left:0;margin-bottom:10px;}

.slideshare-container {
    position: relative;
    width: 100%;
    padding-bottom: 66.25%; /* 16:9 aspect ratio (you can adjust this) */
}

.slideshare-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}


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

.rc72ntro {display: block!important;}

}

@media only screen and (max-width:800px) {
.flex.spek {flex-wrap:nowrap!important;}
.about.rc72.front .section.group.intro {display:block;padding:0;}
.about.rc72.front .col.span_6_of_12.docs {padding-left:0;}
.about.rc72.front .col.span_6_of_12.docs h3 {padding-top:0;}
.about.rc72.front .col.span_6_of_12.intro {padding:0;}
.yellow-backgr, .white-backgr {display:block;padding-right:0;padding-left:0;}
.yellow-backgr .span_4_of_12, .white-backgr .span_4_of_12 {width:49%!important;}
.spek .col.span_4_of_12 {width:49%!important;}
.spek .col.span_6_of_12 {width:49%!important;}
.spek .col.span_4_of_12 img {width:100%!important;height: 100%!important;}
.yellow-backgr .span_4_of_12:nth-child(3), .white .span_4_of_12:nth-child(3) {clear:both;}
.about.rc72.front .rc72Banner, .about.rc72.front .yellow-backgr, .about.rc72.front .white-backgr, .about.rc72.front .drkblue-backgr  {margin-left:0!important;}
.about.rc72.front .article-content {padding-right:20px!important;}
html[lang=ar-aa] .about.rc72.front .article-content {padding-left:20px!important;padding-right:0!important;}
html[lang=ar-aa] .about.rc72.front .rc72Banner {margin-right:0;}
html[lang=ar-aa] .about.rc72.front .col.span_6_of_12.docs {padding-right:1rem!important;}
.about.rc72.front .section-parral {margin-left:0;margin-right:5px;}
.rc72-banner  {background: #1d2859; height: 95px;margin-left:0; }

.about.rc72 .megadropdown-content.active {margin-left:0;}
}



.about.rc72 .blue-background, .about.rc72 .purple-background, .about.rc72 .green-background, .about.rc72 .orange-background, .about.rc72 .dark-blue-background, .about.rc72 .yellow-background {display: flex;align-items: center; background-repeat: no-repeat!important;background-size: cover!important;min-height: 95px;margin-bottom: 15px;margin-left:5px; }
/*html[lang=ar-aa] .about.rc72 .blue-background, html[lang=ar-aa] .about.rc72 .purple-background, html[lang=ar-aa] .about.rc72 .green-background, html[lang=ar-aa]  .about.rc72 .orange-background, html[lang=ar-aa] .about.rc72 .dark-blue-background, html[lang=ar-aa] .about.rc72 .yellow-background {display: flex;align-items: center; background-repeat: no-repeat;background-size: contain!important;min-height: 95px;background-size: cover;margin-bottom: 15px;margin-right:5px; }*/
.about.rc72 .blue-background {background: url('../../../images/stories/about-who/rc72/blue-back.png');}
.about.rc72 .purple-background {background: url('../../../images/stories/about-who/rc72/purple-back.png');}
.about.rc72 .green-background {background: url('../../../images/stories/about-who/rc72/green-back.png');}
.about.rc72 .orange-background {background: url('../../../images/stories/about-who/rc72/orange-back.png');}
.about.rc72 .dark-blue-background {background: url('../../../images/stories/about-who/rc72/dark-blue-back.png');}
.about.rc72 .yellow-background {background: url('../../../images/stories/about-who/rc72/yellow-back.png');}
.about.rc72 .blue-background h3, .about.rc72 .purple-background h3, .about.rc72 .green-background h3, .about.rc72 .orange-background h3, .about.rc72 .dark-blue-background h3, .about.rc72 .yellow-background h3  {color: #fff; padding-left:3rem!important;padding-top:10px;}
html[lang=ar-aa] .about.rc72 .blue-background h3, .about.rc72 .purple-background h3, .about.rc72 .green-background h3, .about.rc72 .orange-background h3, .about.rc72 .dark-blue-background h3, .about.rc72 .yellow-background h3  {color: #fff; padding-right:3rem!important;padding-top:10px;}
html[lang=ar-aa] .about.rc72 .blue-background {background: url('../../../images/stories/about-who/rc72/blue-back-ar.png');background-position-x:right;}
html[lang=ar-aa] .about.rc72 .purple-background {background: url('../../../images/stories/about-who/rc72/purple-back-ar.png');background-position-x:right;}
html[lang=ar-aa] .about.rc72 .green-background {background: url('../../../images/stories/about-who/rc72/green-back-ar.png');background-position-x:right;}
html[lang=ar-aa] .about.rc72 .orange-background {background: url('../../../images/stories/about-who/rc72/orange-back-ar.png');background-position-x:right;}
html[lang=ar-aa] .about.rc72 .dark-blue-background {background: url('../../../images/stories/about-who/rc72/dark-blue-back-ar.png');background-position-x:right;}
html[lang=ar-aa] .about.rc72 .yellow-background {background: url('../../../images/stories/about-who/rc72/yellow-back-ar.png');background-position-x:right;}

.about.rc72 p.odd-background, .about.rc72 p.even-background {margin-bottom:0!important;padding-top:15px!important;padding-bottom:15px!important;margin-right:0;}
.about.rc72 p.odd-background {background: #f1f1f1;}
.about.rc72 .section-parral:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    /*background: rgba(0,0,0,0.4);*/
}
.about.rc72 .section-parral {margin-left:10px;margin-right:0;}
.about.rc72 .section-parral h3 {font-size:1.6rem!important; line-height: 1.1; text-align: center;}
.about.rc72 .green-box {margin-left: 10px;background: #7ebe42;padding: 2rem;}
.about.rc72 .green-box p {color:#fff!important;font-weight: bold;}

.tabs {
    display: flex;
    justify-content: center;
    padding: 10px;
    /*background-color: #333;*/
    color: #fff;
    margin-top:-20px;
}

.tab-button {
    background-color: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    margin:10px;
}

.tab-button.active {
    background-color: #fff;
    color: #333;
}



button .tab-button.active.first {background: #f2692a;padding:10px;color: white;}

span.time {
    font-weight: bold;
}
html[lang=ar-aa] .daily-time {direction: rtl;unicode-bidi: embed;;}

span.time:before {
    content: "\f017"; 
    font-family: 'Font Awesome 6 Free';
    margin-right: 5px; 
  color:#fff!important;
}

html[lang=ar-aa] span.time:before {
    content: "\f017";
    font-family: 'Font Awesome 6 Free';
    margin-right: 5px;
    color: #fff!important;
    float: right;
    padding-left: 5px;
}

.day {margin-bottom: 2rem;padding-bottom: 2rem;}
.daily-time {background:#1f2958;padding:10px;margin-bottom: 10px;border-left:15px solid #2092b5;color:#fff;}
html[lang=ar-aa] .daily-time {border-left:none;border-right:15px solid #2092b5;color:#fff;}
.program-item h3 {padding:10px;}
 h3.day1 {background: #006598;color: #fff!important;} 
 h3.day2 {background: #50803b;color: #fff!important;} 
 h3.day3 {background: #1d9ad6;color: #fff!important;} 
 h3.day4 {background: #1e2859;color: #fff!important;} 




 
.rc72-photos-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 350px;
    background-image: url('../../../images/stories/about-who/rc72/initiatives-banner.jpg'); /* Replace with your image path */
    background-size: cover; /* Maintain image aspect ratio and cover the container */
    text-align: center;
}

.rc72-video-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 350px;
    background-image: url('../../../images/stories/about-who/rc72/rsop-banner.jpg'); 
    background-size: cover; 
    margin-left:10px;
    margin-top:2rem;
   
}


/* Styles for the inner image container */
.rc72-pictures-container {
    background-color: #123651; /* Semi-transparent white background */
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 80%; /* Limit the width of the inner container */
}

.rc72-pictures-container h3 {color: #fff!important;font-size: 2rem!important;padding: 2rem;line-height: 35px;}
.card.whd2017-callouts.about p {font-size: 15px!important;padding-top:15px!important;}
/*@media only screen and (max-width:850px) {
.about.rc72 .megadropdown h3 {display: block;font-size: 18px;clear:right;}
}*/

/*@media only screen and (max-width:900px) {
.about.rc72 .megadropdown h3.nonresp {display: inline-block!important;font-size: 1rem!important;margin-bottom: 0;}
}*/

@media only screen and (max-width:720px) {
.about.rc72 .megadropdown h3.nonresp {display: none!important;}
.about.rc72 .megadropdown h3.mob {display: none!important;}
}

@media only screen and (max-width:500px) {
/*.about.rc72.front .article-content {padding-right:5px!important;}*/
.about.rc72.front .module-overlay-inner .btn:hover, .module-overlay-inner .btn {margin-left:0;margin-bottom: 1rem;}
.about.rc72.front .section.group.intro h3 {margin-bottom: 1rem!important;margin-top:1.5rem;line-height: 30px;}
}


@media only screen and (max-width:480px) {  
    .yellow-backgr img, .white-backgr img {max-width: 122px!important;}
    .column.last img {max-width: 215px!important}
    .column.last {text-align: center;}
    html[lang=ar-aa] .about.rc72.front .article-content {padding-left:10px!important;}
    html[lang=ar-aa] .about.rc72.front .rc72Banner {margin-right: 10px!important;}
}


@media only screen and (max-width:992px) {
    .rc72Banner .nav-btns {
        bottom: 0;
    }

    .rc72Banner .nav-btns h2 {
        font-size: 26px;
        margin-bottom: 10px;

    }

    .rc72Banner .nav-btns h4 {
        line-height: 24px;
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .nav-btns .btn {
        padding: 12px !important;
        font-size: 14px;
        width: auto;
    }

    
}

.about.rc72.front .section-parral:after {
content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    /*background: rgba(0,0,0,.3);*/
}

.about.rc72.front .section-parral {padding:2rem;position: relative;margin-top:1rem; }
@media only screen and (max-width:767px) {

 .about.rc72 .megadropdown-content .column {
    width: 100%;
    height: auto;
    padding: 0;
}


    .icon-box-wrap {
        flex-direction: column;
    }

    
    .grey-backgr .row>div {
        justify-content: flex-start;
    }

    .header-content {
        padding-top: 22px;
        padding-bottom: 9px;
    }

    .rc72Banner .nav-btns {
        position: static;
        margin: 0;
        background: #0e6481;
    }

    .rc72Banner .nav-btns h2 {
        font-size: 24px;
        color: #ffffff;
        margin-bottom: 20px;
    }

   
    .nav-btns button {
        max-width: 274px
    }

    .nav-btns button.green-btn {
        margin-top: 0
    }

      .nav-btns button.btn {
        padding: 15px 12px !important;
    }

    .nav-btns button.btn {
        margin: 5px 0 !important;
    }

.about.rc72.front .section-parral .col.span_6_of_12 {padding:15px!important;}
.about.rc72.front .section-parral .col.span_6_of_12 h3{padding:0;line-height: 25px;font-size:1.5rem!important;}
.about.rc72.front .section-parral .col.span_6_of_12 .fa-5x {font-size: 4rem!important;}
.rc72Banner {
  text-align: center;
  position: relative;
  background: url('../../../images/stories/about-who/rc72/rc-70-top-banner.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}


}



    
@media only screen and (max-width: 600px) {
.about.rc72.front .section-parral {padding:0.5rem;}
}



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

.about.rc72.front .section-parral {margin-right: 0;}


}


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

.about.rc72 .program : {padding-left: 0px;padding-right:0px;}
.slideshare-container {margin-top:-4rem;}

}



@media only screen and (min-width: 768px) {
  .row-item {
    flex: 1 0 calc(50% - 20px);
    
  }


  .row-item:last-child {
    margin-right: 0;
  }
}

 @media (max-width: 1200px) {
            .rc72TopBanner {
                background-size: cover;
            }
        }

        @media (max-width: 992px) {
            .RC72-heading {
                font-size: 1.8rem!important;
            }
            .content-block {
                padding: 0 30px;
            }
            .RC72-logo {
                width: 250px;
            }
        }

        @media (max-width: 768px) {
            .rc72TopBanner {
                min-height: 280px;
                padding: 30px 0;
                /*background-position: 60% bottom;*/
                background-position: center;
            }
            
            .content-block {
                flex-direction: column;
                text-align: center;
                padding: 0 20px;
            }
            
            .RC72-logo {
                margin-bottom: 30px;
            }
            
            .RC72-text {
                margin-left: 0;
            }
            
            .RC72-heading {
                font-size: 1.6rem!important;
            }

            .blue-section {height: auto;flex-direction: column;background:none;background-color:#e5effd;}



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

           .about.rc72 .megadropdown-content .row
            {
                grid-template-columns: 1fr;
            }

        }

        @media (max-width: 480px) {
            .rc72TopBanner {
                min-height: 240px;
                padding: 20px 0;
            }
            
            .RC72-logo {
                width: 200px;
            }
            
            .RC72-heading {
                font-size: 1.4rem;
            }
            
            .RC72-meta {
                font-size: 1.1rem;
            }
        }