@font-face {
    font-family: 'IBMPlexSans-Regular';
    src: url("fonts/IBM+PLEX_SANS_FONT/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Regular.ttf"), format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IBMPlexSans-light';
    src: url("fonts/IBM+PLEX_SANS_FONT/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Light.ttf"), format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IBMPlexSans-bold';
    src: url("fonts/IBM+PLEX_SANS_FONT/IBM_Plex_Sans_Arabic/IBMPlexSansArabic-Bold.ttf"), format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IBMPlexSans-RegularEn';
    src: url("fonts/IBM+PLEX_SANS_FONT/IBM_Plex_Sans/IBMPlexSans-Regular.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IBMPlexSans-lightEn';
    src: url("fonts/IBM+PLEX_SANS_FONT/IBM_Plex_Sans/IBMPlexSans-Light.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'IBMPlexSans-boldEn';
    src: url("fonts/IBM+PLEX_SANS_FONT/IBM_Plex_Sans/IBMPlexSans-Bold.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bootstrap Icons';
    src: url('fonts/bootstrap-icons.woff2') format('woff2'),
         url('fonts/bootstrap-icons.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*:lang(en){
/*    margin: 0;
    padding: 0;
    box-sizing: border-box;
*/
    font-family: "IBMPlexSans-Regular" ;
}


*:lang(ar) {
    /* margin: 0;
    padding: 0;
    box-sizing: border-box;
*/
    font-family: "IBMPlexSans-Regular" ;
}

a { cursor: pointer !important; }


body {
    display: grid;
    overflow-x: hidden;
    overflow:auto;
    padding: 0;
    margin: 0;
    background:#fdfefd !important;
}


main{
    background: #fff !important;
    height: auto !important;
    max-height: max-content;
    min-height: calc(100vh - 588.75px);
}



#full-page{
}

.padding-inline-header {
    /* padding-inline: 5rem !important; */
}

#title {
    order: 2 !important;
    text-align: center !important;
    color: #F3FCF7;
    gap: 0.3em;
    /* align-self: self-end; */
    /* flex-wrap: wrap; */
}

#title > .h6{
    font-size: medium;
}

#titleLogos {


	

    background-color: #104631;
    display: flex !important;
    flex-direction: row !important;
    border-bottom: 1px solid #5B8874;
    order: 1;
    align-items: center;
    padding-inline: 4% !important
}

#grayNav {
    background-color: #F3FCF6 !important;
    flex-wrap: wrap;

}

#greenNav {
    flex-wrap: wrap;
}


.topnav {
    position: sticky;
    top: 0;
    width: 100vw;
    z-index: 1000;

}

#links {
    background: linear-gradient(180deg, #125238 0%, #18774D 100%);

    order: 2 !important;
    padding-inline: 8% !important;
    ul li ul li a { transition: all 0.5s ease !important; color: black!important;}
    ul li ul li a:hover { 
            color: #25935f !important;
        font-weight: bold;
    }
}


.sub-menu-list li a{
    color: #B3B376 !important;
    display: flex !important;
    place-content: start !important;
}

#menu-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#menu-list > form{
    align-self: center !important;
    width: 180px !important;
}

#menu-list li {
    position: relative; /* Position the submenu relative to this li */
    list-style-type: none !important;
    align-self: center !important;

}

#menu-list div:hover >svg, #menu-list div:hover >label{
    color: #5FA986 !important;
}

#menu-list div>svg, #menu-list div>label{
    color: whitesmoke !important;
}


#menu-list > li  >a, #menu-list > li  >label {
    color: whitesmoke !important;
    text-decoration: none !important;
    /* padding: 10px !important; */
    cursor: pointer !important;
}

#menu-list > li > a:hover {
    color: #5FA986 !important;
}

#menu-list li ul{
    position: absolute;
    top: 100%; /* Position directly below the parent list item */
    right: 0;
    visibility: hidden;
    opacity: 0;
    background: #F3FCF7;
    box-shadow: 0px 3px 5px -1px #ccc;
    padding: 0;
    margin-top: 5px !important;
    transition: opacity 0.3s ease, visibility 0s 0.3s; /* Fade effect */
    display: none !important;
    flex-direction: column; /* Stack the items vertically */
    width: 200px;
    z-index: 10000;
}

#menu-list li ul:dir(ltr){
    right: unset;
    left: 0 !important;
}

#menu-list li:hover > ul {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s ease;
    display: block !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

/* Styling for submenu list items */
#menu-list li ul li {
    padding: 0rem 1rem !important;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

#menu-list li ul li a {
    color: #333 !important;
    text-decoration: none;
    display: block;
    padding: 5px 0 !important;
}

#menu-list li ul li a:hover {
    color: #5FA986;
    border-inline-end: green;
}


#minstryLogoContainer {
    order: 1 !important;
}

#minstryLogo {
    align-self: center;
    height: 100px;
    /* min-height: 30px;
    max-height: 80px; */
    width: auto;
    order: 1;
    max-width: 100%;
    object-fit: cover !important;
    /* Scales image while maintaining aspect ratio */
}

#embassyLogo {
    display: flex;
    flex-wrap: wrap;
    align-self: center;
    height: 50%;
    width: auto;
    order: 2;
    max-width: 100%;
}

#embassyName {
    align-self: end !important;
    color: #B3B376;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding-bottom: 2rem !important;
}

#embassyName > h6{
    align-self: end !important;
    color: #B3B376;
    white-space: nowrap !important;
    border-inline-end: 1px solid #B3B376;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    font-size: x-small !important;
}

#embassy {
    order: 3;
    flex-direction: row;
    justify-content: end;
    width: 100%;
    height: 100px;
}

#nav-mobile {
    display: none;
    ;
}

#links ul li ul li:hover{
    border-inline-start: 4px solid green !important;
    transition: opacity 0.3s ease, visibility 0s 0.3s; /* Fade effect */
    background-color: #E5F6ED;/*#E6E7E9;*/
    
       
}

#footer {
    display: grid;
    /* position: fixed;
    left: 0;
    bottom: 0; */
    width: 100%;
    /* zoom: 75%; */
    z-index: 40;
    position: relative;

  }

  #footer-top{
    display: grid;
    grid-template-columns: 1fr 6fr; /* Two columns: one for the logo, one for the navigation */
    gap: 20px !important;
    padding: 40px !important;
    background-color: #104531;
    color: white;
  }

  #footer-bottom{
    background-color: #1B5B41;
    font-size: 14px !important;
    font-family: IBMPlexSans-bold !important;
    list-style-type: none !important;
    text-decoration: none !important;
    color: whitesmoke;
    list-style-type: none;
    place-content: space-between !important;
  }

  #footer-bottom li{
    background-color: #1B5B41;
    font-size: 14px !important;
    list-style-type: none !important;
    text-decoration: none !important;
    color: whitesmoke;
    list-style-type: none;
  }

  #footer-bottom a{
    font-size: smaller !important;
    list-style-type: none !important;
    text-decoration: none !important;
    color: whitesmoke;
    font-family: IBMPlexSans-bold !important;

  }

  #footer-logo {
    place-items: center;
    align-content: center !important;
}
  
  /* Logo Styling */
  #footer-logo img {
    width: 150px;
    height: auto;
  }
  
  /* Footer Navigation Section */
  #footer-nav {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Create 4 equal-width columns */
    gap: 20px;
  }
  
  /* Styling for the outer <ul> */
  .footer-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    line-height: 2.0em !important;
  }
  
  /* Each list item (column) */
  .footer-list > li {
    padding-bottom: 15px; /* Space between columns */
  }
  
  .footer-list > li h3 {
    margin-bottom: 10px; /* Space between heading and the list of links */
    color: #B1B273;
    font-size: medium;
    border-bottom: 1px solid #ddd;
  }
  
  /* Inner <ul> for each column */
  .footer-list li ul {
    display: grid !important;
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  
  /* Each <li> inside the inner <ul> */
  .footer-list li ul li {
    margin-bottom: 10px;
  }
  
  /* Link Styling */
  .footer-list li a {
    color: whitesmoke;
    text-decoration: none;
    font-size: small;
  }

  .footer-list li a::before {
    content: "❯";
    color: #B1B273;
    padding-inline: 1em !important;
  }
  
.footer-border-end{
    border-inline-end: 1px solid #B1B273;
}


.searchBar{
    height: 1.6em !important;
    padding: .375rem .75rem !important  ;
    width: 100% !important;
}

.section-title{
    color: black !important;
    padding-top: 2% !important;
    padding-inline: 8% !important;
    font-size: 1.8em !important;
    font-family: "IBMPlexSans-bold" !important;

}

a{
/*
    pointer-events: auto !important;
    z-index: 10 !important;
    position: relative !important;
    cursor: pointer !important;
    display: inline-block !important ; Or block, depending on your layout */

}

#end-side > img{
    width: 28% !important;
    padding-inline: 1em !important;
}

#end-side{
    justify-content: flex-end !important;
    flex-direction: row;
    padding: 1em !important;
}

#start-side{
    align-self: center !important;
}


/* New styles for prev/next buttons */
.slider-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #2c3e50;
    transition: all 0.3s ease;
    z-index: 100;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    min-width: auto !important;
}



.slider-btn:hover {
    background: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.prev-btn {
    left: 20px;
    direction: rtl;
}

.next-btn {
    right: 20px;
    direction: rtl;
}

[dir=rtl]{


.image-half::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to left, transparent, #104531);
}

.image-half::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    background: unset !important;
}


.image-half-home::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to left, transparent, #104531);
}

.image-half-home::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    background: unset !important;
}


.content-half::before {
    content: '';    
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to right, transparent, #104531);
} 

}

.slider-button{
    border-radius: 5px;
    border: 1px solid black !important;
    background-color: whitesmoke !important;
    color: black;
    font-size: 14px !important;
}

.slider-button:hover{
    color: #1B8354;
}

.slider-button a{
    text-decoration: none;
    color: unset;
    font-family: 'IBMPlexSans-bold' !important; 
}

.reading-button{
    border-radius: 5px;
    border: 1px solid black !important;
    background-color: unset !important;
    color: #1B8354;
    font-size: 14px !important;
}

.reading-button:hover{
    border-radius: 5px;
    border: 1px solid #1B8354 !important;
    background-color: #1B8354 !important;
    color: whitesmoke !important;
    font-size: 14px !important;
}

.reading-button:active{
    border-radius: 5px;
    border: 1px solid #104531 !important;
    background-color: #104531 !important;
    color: whitesmoke !important;
    font-size: 14px !important;
}

.reading-button a{
    text-decoration: none;
    color: unset;
    font-family: 'IBMPlexSans-bold' !important;

}

.reading-button-div{
    flex-direction: row !important;
    width: 100%;
    justify-content: flex-end !important;
    display: flex;

}

.slider-container {
    display: grid;
    gap: 0px !important;
    width: 100% !important;
    height: 650px;
    position: relative;
    overflow: hidden;
    /* border-radius: 20px; */
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
    zoom: 75%;
}

.slide {
    position: absolute;
    width: 100%;
    height: 100%;
    visibility: hidden; /* Hide the slide */
    opacity: 0;
    transition: opacity 0.5s ease-in-out, visibility 0s linear 0.5s;
    display:flex;
}

.slide.active {
    visibility: visible; /* Make it visible when active */
    opacity: 1;
    transition: opacity 0.5s ease-in-out; /* Animate opacity when active */
}

.image-half {
    width: 50%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.image-half::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to right, transparent, #104531);
}

.image-half img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 20%;
}

.image-half-home {
    width: 50%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.image-half-home::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to right, transparent, #104531);
}

.image-half-home img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 20%;
}

.content-half {
    width: 50%;
    height: 100%;
    background: #104531;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.content-half::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to left, transparent, #104531);
}

.content {
    text-align: center;
    max-width: 80%;
    margin: 0 4em;
    height: 100%;
    display: flex;
    flex-direction: column;
    place-content: center;

}

.content-mobile{
    display: none !important;
}

.title {
    font-size: 2.5em;
    color: whitesmoke;
    margin-bottom: 15px;
    text-align: start;
    font-family: 'IBMPlexSans-bold' !important;
    text-shadow: 2px 2px 0 #333;
    margin-inline: 0;
}

.subtitle {
    font-size: 1.5em;
    color: whitesmoke;
    margin-bottom: 20px;
    text-align: start;
    text-shadow: 2px 2px 0 #333;
    margin-inline: 0;

}

.description {
    font-size: max(1.0vw, 1.0em)!important;
    color: lightgrey;
    line-height: 1.6;
    text-align: start;

}

.navigation {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 100;
    direction: ltr !important;
}

.nav-btn {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: whitesmoke;
    cursor: pointer;
    transition: background 0.3s ease;
}

.nav-btn.active {
    background: #1B8354;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }

@keyframes smooth-appear {
    0% {
        top: 20px !important;
        opacity: 0 !important;
    }

    100% {
        top: 0px !important;
        opacity: 1 !important;
    }
}

#date{
    gap: 0.5em;
    display: flex;
    align-self: end;
}

.svg-header-icons{
    color: whitesmoke !important;
}

.svg-header-icons:hover{
    color: #5FA986 !important;
}

#svg-icon {
    fill: green !important;
}

.search-content{
    animation: 2s fadeIn  !important;
    border: 1px  solid black;
    border-radius:  0px 0 16px 16px;
    height: 291px !important;
    z-index: 2000;
    position: absolute !important;
    gap: 40px !important;
    padding-inline: 80px !important;
    justify-content: center !important;
    width: 100% !important;
    background: #FFFFFF !important;
    
}

.navSearchBar{
    border: 1px solid black !important;
    border-radius: 5px !important;
    height: inherit !important;
    padding: 0.375rem 2rem 0.375rem 1rem !important;
    width: 100% !important;
}

.navSearchBar:dir(ltr){
    border: 1px solid black !important;
    border-radius: 5px !important;
    height: inherit !important;
    padding: 0.375rem 1rem 0.375rem 2rem !important;
    width: 100% !important;
}

.search-div>form    {
    width: 100% !important;
}

.search-div>button    {
    padding: 0em 16px !important;
    background-color: #1B8354;
    width: fit-content;
    border-radius: 4px;
    color: whitesmoke;
    border: unset !important;
}

.search-div{
    gap: 16px !important;
}

.search-icon{
    right: 90px;
    position: absolute;
    top: 96px;
}

.search-icon:dir(ltr){
    left: 90px;
    position: absolute;
    top: 96px;
}

.search-bottom>label{
    color: #1B8354;
    font-family: 'IBMPlexSans-bold' !important;
    font-size: large;
}



.suggestion{
    background: #F3F4F6 !important;
    border: none !important;
    border-radius: 4px !important;
}

.suggestion:hover{
transform: translateY(-3px);
border-bottom: 4px #1B8354 solid !important;
}

.suggestion-list{
    gap: 1em !important;
}

.breadcrumb{
    padding-inline: 8% !important;
    background: #E5F6ED !important;
    padding-top: 1em !important;
    padding-bottom: 1em !important;

  }

  .breadcrumb > ul{
    /* gap: 2em; */
    list-style: none !important;
  }

  .breadcrumb > ul>li{
  display: flex;
  flex-direction: row;    
  }

  .breadcrumb > ul>li:hover > a{
    border-bottom: 1px solid #25935F;
    }

  .breadcrumb > ul>:not(:first-child)::before{
    content: ">";
    display: flex;
    padding-inline: 0.5em;
  }

  .breadcrumb > ul>li>a{
    text-decoration: none !important;
    color: unset !important;
  }

  .nav-container{
    width: 27% !important;
    /* padding-inline-start: 8% !important;
    padding-bottom: 4% !important;
    padding-top: 6% !important; */
    /* padding-inline-end: 1.5em !important; */
    background-color: #F6F6F6 !important;
    order: 2 !important;
    justify-content: flex-end !important;

}



.nav-link{
    display: flex !important;
    height: 2.5em;
    text-align: center;
    place-items: center;
    display: flex !important;
    place-content: center;
    color: darkgray !important;
    background-color: unset !important;
    border-inline-start: 4px solid darkgray !important;
    justify-content: start;
    padding-inline: 2em !important;
}

.nav-item{
    width: 100% !important;
    background-color: unset !important;
    border: #fff 1px solid ;
}

.nav-tabs{
    display: flex !important;
    width: 100% !important;
    background-color: unset !important;
}

.nav-link.active {
    border-inline-start:  4px solid #25935F !important;
    color: black !important;
    background-color: #CEEDDE !important;
    font-family: "IBMPlexSans-bold" !important;

}

/*Custom Css*/


#links > .menu-list > div > div {
	width: 100% !important;
    display: flex;
}
 
#links > .menu-list > div > div> div {
	width: 100% !important;
}
 
#links > .menu-list > div > div> div > ul{
    width: 100% !important;
    display: flex !important;
    justify-content: space-evenly;
}
 
 
.static > .additional-background >.menu-item-text{
	color: whitesmoke !important;
	font-size:larger;
}
 
li.dynamic {
    display: list-item;
    padding-inline-start: 1em !important;
    padding-top: 0.3em !important;
    padding-bottom: 0.3em !important;
    list-style-type: none !important;
    border-bottom: 1px solid #dfdfdf !important;
}
 
ul.dynamic{
	padding: 0 
}


.hidden {
	display:none;
}

footer a, footer a:link, footer a, footer a:visited{
    text-decoration: none !important;
    text-align-last: center;
}

footer.page-footer {
	padding-inline: 8% !important;	
}

.footer-links > div > div > div > div > div > ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;

}

footer .groupheader {
    color: #B1B273;
    font-weight: bold;
    font-size: 1.4rem;
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
    margin-right: 1em !important;
    text-align: start !important;
}

footer .text-copyrights{
	color: whitesmoke !important;
}

.header-search{
	display: flex;
	align-items: center;
}

.ms-srch-sb{
	    margin-inline: 2em !important;
}

.link-language {
    text-decoration: none !important;
}

.header-search a, .ms-srch-sb > .ms-srch-sb-searchLink:before{
	margin: 0 !important;
	font-size: medium !important;
}

.la, .las{
	font-size:x-large !important;
}

#grayNav{
	justify-content: space-between;
}

#s4-titlerow{
    padding-top: 0px !important;
}

.internal-content{
	padding-top: 0px !important;
}

.page-title{
	padding: 20px 8% !important;
	background: #CEEDDE !important;
	color: black !important;
	font-size: 30px;
}

.breadcrumb{
	background: #E5F6ED !important;
}

.close{
	background: unset !important;
    border: 0;
    font-size: 1.5em;
    text-align: end;
    text-align-last: end
}

.content > .reading-button-div {
position: absolute;
    bottom: 95px;
    right: 235px;
}

.content > .reading-button-divar {
position: absolute;
    bottom: 95px;
    left: 235px;
}


.content > .reading-button-divAR {
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    align-self: self-end;
    /* width: 100%; */
    /* margin-inline-end: auto !important; */
    right: auto !important;
}


.menu-list ul.dynamic{
   width: 250px !important;
    border-radius: 9px;
}

.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item{
	margin:0;
}

#s4-bodyContainer{
padding-bottom: 0 !important;
}

.ms-webpartzone-cell{
margin:auto !important;
}

.ms-ToolPaneOuter {position:fixed;left:22px;top:75px;z-index:100;}
.ms-ToolPaneBody {overflow:auto !important;max-height:100%;min-height:450px;width: 101% !important;max-height:700px;}


#MSOTlPn_ToolPaneCaption {cursor:move;}


.ms-signInLink
{
	display:none !important;
}

.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {
    background-image: none !important;
    padding-inline-end: 5px;
}
    


#status_previewctl00_ctl52
	{
	display:none !important;
	}
	

i.icon-svg-x svg {
    max-width: 30px;
    vertical-align: middle;
    height: 24px;
    margin-top: -3px;
    fill: #1B5B41;/*#adb8cc;*/
}

	i.icon-svg-xI svg {
    max-width: 25px;
    vertical-align: middle;
    height: 20px;
    margin-top: -3px;
    fill: #25935F;
}

	i.icon-svg-xN svg {
    max-width: 23px;
    vertical-align: middle;
    height: 19px;
   /* margin-top: -3px;*/
    fill: #1B5B41;
}


.ms-srch-resultFooter {
	display: none ! important;
}

.page-subfooter .footer-sub-links {
    color: #d0b364 !important;
}

#links .Mobile-Search {
    display: none;
}

    .la-angle-down, .la-angle-up {
    right: 0;
    position: absolute;
    color: lightgray;
    position: relative;
    font-size: 20px !important;
    }

.footer-links .link-item a {
    display: inline-flex;
    text-align-last: start;
}

#links ul li ul li:hover:last-child {
    border-radius: 0px 0px 9px 9px;
}

#links ul li ul li:hover:first-child {
    border-radius: 9px 9px 0px 0px;
}

#titleLogos .ms-webpart-chrome.ms-webpart-chrome-fullWidth {
    width: fit-content !important;
    min-width: fit-content;
    order: 2;
}