﻿@font-face {font-family: bein;src: url(fonts/bein-ar-normal.ttf);}
@font-face {
    font-family: bein;
    src: url(fonts/font-awesome/fonts/bein-ar-normal.ttf);
}
.mt-5{margin-top:2rem !important}.w-100{width:100% !important}
body{font-family: bein !important;;padding:0;margin:0;background-image:url(../media/body.png);text-align:right;direction:rtl}
header{position:relative;background: rgba(36, 36, 36, 0.75);z-index: 12;}
.section_header{position:relative;background-image:url(../);height: 270px;}
.section_header h3{ color:#fff;position:relative;z-index:1}
.republic_Iraq{background-color:#4f829f;padding:5px 10px;text-align:center;display: flex;align-items: center;justify-content: center;}
.republic_Iraq span{padding-right:5px;color: #fff;}
.republic_Iraq img{width:30px}
.university_Independentو.university{padding:15px 0}
.university,.section_services{padding:2rem 0}{padding:2rem 0}
.card-university{position:relative;box-shadow: 0px 4px 10px rgba(128, 128, 128, 0.3);padding:2rem 0rem;text-align:center;transition: transform 0.3s ease;overflow:hidden;margin-bottom:2rem}
.card-university img{height: 200px;margin-bottom: 1rem;}
a.btn_university{background-color:#b72a14;width: 12rem;display: block;margin: 2rem auto 0;color: #fff;padding: 10px;border-radius: 5px;position:relative;z-index:1}
a.btn_university:hover{background-color:#d42a10}
.card-university h3 a{color:#000000}
.card-university:hover {box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2), 0px 6px 6px rgba(0, 0, 0, 0.15);transform: translateY(-5px);}
.card-university::before {content: "";position: absolute;width: 120px;height: 120px;background-color: rgba(200, 200, 200, 0.2); border-radius: 50%;bottom: 20px;right: -60px;transition: all 0.4s ease;z-index: 0;}
.card-university:hover::before {transform: translate(-20px, -20px) scale(1.1);}
.card-university::after{content:"";position:absolute;bottom:0;left:5%;width:90%;height:7px;background-color:#b72a14;border-radius:5px;box-shadow:0 10px 15px rgb(183 42 20);z-index:2}.section_header{position:relative;background-image:url('../media/mohesr.png');height:570px;background-repeat:no-repeat;background-size:100% 100%}.section_header:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:rgb(0 0 0 / 59%)}
.card-university h3{margin: 2rem 0;height: 60px;}
a.btn-1,a.btn-2{width: 200px;display: inline-block;color: #fff;padding: 10px;border-radius: 5px;font-size: 15px;text-align: center;margin-top: 2rem;}
a.btn-1:hover,a.btn-2:hover{box-shadow: 10px 20px rgba(0, 0, 0, 0.2), 0px 6px 6px rgba(0, 0, 0, 0.15)}
a.btn-2{background-color: #32353c;}
a.btn-1{background-color: #b72a14;}
.header-row{display:flex;align-items:center;justify-content:space-between;}
a img.text{width:120px;padding-right:15px}
a img.symbol{width: 60px;}
footer{background-color:#32353c;position:relative;padding:1rem}
.footer img{height: 30px;margin-bottom: 0.5rem;width: auto;}
.copyrgiht{color:#fff}
/*******************bootsrap5********************/
*, ::after, ::before {box-sizing: border-box}img {vertical-align: middle;}
p{line-height: 25px;}a{text-decoration:none}p,ul,ol,h3,h4,h2,h1,h5{padding:0;margin:0;line-height:40px}
.d-flex{display:flex}.font-weight-bold{font-weight:600}h5 {font-size: 1.25rem;}
.mt-1{margin-top:0.25rem !important}
.mt-2{margin-top:0.5rem !important}
.mt-6{margin:3rem 0 !important;height:300px}.mt-7{margin-top: 1.5rem !important;}
.mb-0{margin-bottom:0 !important}.mb-2{margin-bottom:0.5rem}.mb-3{margin-bottom: 0.75rem !important;}
.mr-auto{margin-right:auto !important}.ml-0{margin-left:0 !important}                                                                  
.text-left{text-align: left;}
.card-body {-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1.25rem;}
.btn {display: inline-block;font-weight: 400;line-height: 1.5;color: #212529;text-align: center;text-decoration: none;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;/* background-color: transparent; */border: 1px solid transparent;/* padding: 0.375rem 0.75rem; */font-size: 1rem;border-radius: 0.25rem;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.container,.container-fluid,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}
.navbar>.container, .navbar>.container-fluid{display: flex;flex-wrap: inherit;align-items: center;justify-content: space-between;}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top: calc(-1 * var(--bs-gutter-y));}
.row>* {flex-shrink: 0;width: 100%;max-width: 100%;margin-top: var(--bs-gutter-y);padding-right: calc(var(--bs-gutter-x)* .5);padding-left: calc(var(--bs-gutter-x)* .5); }
.align-items-center{align-items:center!important}
.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-end {justify-content: flex-end!important;}.justify-content-start {justify-content: flex-start!important;}
.p-0{padding:0}.pt-0{padding-top:0 !important}.pt-1{padding-top:0.25rem}.pb-1{padding-bottom:0.25rem}.pr-4{padding-right: 1rem;}.pl-6{padding-left:0 !important}.pr-6{ padding: 0 !important;}.p-7{padding-right:1.5rem} 
.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.navbar {position: relative;display: flex;flex-wrap: wrap;align-items: flex-end;}
.navbar-nav {display: flex;flex-direction: column;padding-left: 0;margin-bottom: 0;list-style: none;}
.nav-link {display: block;padding: 0.25rem 0.35rem;text-shadow: 0 1px 0 rgb(255 255 255 / 25%);color: #fff;font-size: 1rem;border-radius: 5px 5px 0px 0px;text-decoration: none;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;}
.collapse:not(.show) {display: none;}.navbar-collapse {flex-basis: 100%;flex-grow: 1;align-items: center;}
.d-block{display:block !important}.pr-0{padding-right:0 !important}.mt-0{margin-top:0 !important}
@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}
@media (min-width: 576px){.d-sm-block {display: block!important;}.d-sm-none {display: none!important;}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}}
@media (min-width: 768px){d-md-block{display:block}.d-md-none {display: none!important;}.d-md-inline-block {display: inline-block !important;}.row-cols-md-2>*{flex:0 0 auto;width:50%}}
@media (min-width:992px){
.navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute;}
.col-lg-3 {flex: 0 0 auto;width: 25%;}
.col-lg-9 {flex: 0 0 auto;width: 75%;}
.row-cols-lg-2>* {flex: 0 0 auto;width: 50%;}
.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}
.row-cols-lg-4>*{flex:0 0 auto;width:25%}
.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}
.col-lg-6 {flex: 0 0 auto;width: 50%;}
.d-lg-none,.navbar-toggler{display: none!important;}
.d-lg-inline-flex {display: inline-flex!important;}
.navbar-expand-lg {flex-wrap: nowrap;justify-content: flex-start;}
.navbar-collapse {display: flex!important;flex-basis: auto;}
.navbar-expand-lg .navbar-toggler {display: none;}
.navbar-expand-lg .navbar-nav {flex-direction: row;margin-right: 0rem;align-items: center;}
.col-lg{width:auto !important}
.topNavigation-tab{display:block}
#panal.collapse.navbar-collapse {display: block !important;}

}
@media(max-width:768px){li.nav-item a,a.dropdown-item{text-align:right !important}.navbar-nav .dropdown-menu{background:#7c7a73}.nav-link{display:flex;align-items:center;justify-content:space-between}a.navbar-brand.logo{padding-left:15px}}@media only screen and (max-width:991px){li.nav-item{background-color:#606060;padding:0;}.nav-item.dropdown{padding:0 !important}li.nav-item a{text-align:right !important}.navbar-nav .dropdown-menu{background:#7c7a73}.nav-link{display:flex;align-items:center;justify-content:space-between}.header-row{display:block}.fluid-lg{padding:0}.mohser-logo{padding:10px;display:flex;justify-content:space-between;align-items:center}}@media(max-width:600px){header{padding:0}.navbar{justify-content:center}a.dropdown-item{text-align:right}.navbar-nav .dropdown-menu{background:#7c7a73;border:0}.card-university h3{height:auto;margin:1rem 0}a.btn-1, a.btn-2{margin-top:1rem}li.nav-item{padding:0;background-color:#606060;}a.btn-2{margin-bottom:1rem}.nav-link,li.nav-item a{display:flex;align-items:center;justify-content:space-between;}li.nav-item a{color:#fff !important}a.btn-1,a.btn-2{width:100%!important}.section_header{height:auto!important}.header-row{display:block}.header_img{margin:1rem 0}}
li.nav-item:first-child {padding-right: 0;}
li.nav-item {padding: 0 0.5rem;}
.dropdown {position: relative;}
.dropdown{position:relative;}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-right: .2em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent;}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;z-index:1000;display:none;min-width:10rem;padding: .5rem 0.5rem;font-size:1rem;color:#212529;list-style:none;background-color:#606060;background-clip:padding-box;border: 0px}
.dropdown-menu.show {display: block;}
.navbar-toggler-icon {background-image: url(../media/icon-bar.svg);}
.dropdown-item {display: block;width: 100%;font-weight: 400;color: #212529;text-align: inherit;text-decoration: none;white-space: nowrap;font-size: 0.9rem !important;border: 0;text-align: center;}
.navbar-nav .dropdown-menu {position: static;}
ul.dropdown-menu.show li:first-child{padding-top: 5px;}
ul.dropdown-menu.show li:last-child{padding-bottom: 0px;}
li.nav-item a{color:#fff}
.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}
a.dropdown-item:hover{text-decoration:underline}
.navbar-toggler { padding: .25rem;line-height: 1;font-size: 1.25rem;border: 1px solid #fff;border-radius: .25rem;transition: box-shadow .15s ease-in-out;height:40px}
li.nav-item:first-child {padding-right: 0;}
li.nav-item {padding: 0 0.5rem;}
.dropdown {position: relative;}
.dropdown-menu.show {display: block;}
.navbar-toggler-icon {background-image: url(../media/icon-bar.svg);}
.dropdown-item {display: block;width: 100%;font-weight: 400;color: #212529;text-align: inherit;text-decoration: none;white-space: nowrap;font-size: 0.9rem !important;border: 0;text-align: center;}
.navbar-nav .dropdown-menu {position: static;}
ul.dropdown-menu.show li:first-child{padding-top: 5px;}
ul.dropdown-menu.show li:last-child{padding-bottom: 0px;}
li.nav-item a{color:#fff}
.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}
a.dropdown-item:hover{text-decoration:underline}
.navbar-toggler { padding: .25rem;line-height: 1;font-size: 1.25rem;border: 1px solid #fff;border-radius: .25rem;transition: box-shadow .15s ease-in-out;height:40px}
/******************************/
@media (min-width: 768px){.fluid-lg {padding: 0 !important;max-width: none;}.section_header{height:auto;padding:0rem 0 2rem}.dropdown-menu.show{border:0}}
@media (min-width: 1400px){li.nav-item a{color:#fff !important}.header-row{padding:10px 5%}}
.form-group {position: relative;margin-bottom: 1rem;}
.css-form {-webkit-appearance: none;height: 50px;box-shadow: inset 1px 1px 2px rgb(46 54 80 / 8%), inset 1px -2px 5px rgb(46 54 80 / 8%);border-radius: 3px !important;padding: 8px 15px !important;font-size: 1rem;display: block;font-family: 'bein';width: 100%;border: 1px solid #ced4da;outline: 0;line-height: 1.75rem;}
/* gates grid */.gates-grid a .icons .main svg,.gates-grid.blue-style a .icons .main svg,.main i{font-size:1.5rem}.gates-grid{padding:0 .5rem;margin:1.5rem auto 0}.arrow i{color:#848687}.main i{color:#b72a14}.gates-grid .gate{padding:0;margin:0;min-width:150px;min-height:175px;border:1px solid #d8d8d8}.gates-grid a .title{font-size:1rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:1rem}.gates-grid .gate.last .more-gates{font-size:1.2rem}.gates-grid .gate:hover a{background:#b72a14;color:#fff}.gates-grid .gate:hover .arrow i,.gates-grid .gate:hover .main i{color:#fff}.gates-grid a{color:var(--C23);display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:10% 13%;transition:.1s ease-in-out}.gates-grid a .icons .arrow svg,.gates-grid.blue-style a .icons .arrow svg{font-size:1rem}.gates{background-color:#fff}.gates-grid a .icons{display:flex;align-items:flex-end;justify-content:space-between}.text-center{text-align:center!important}.text-gray{color:#848687!important}.more-gates{display:flex;justify-content:center;align-items:center;text-align:center;font-size:1.75rem;color:#b1b1b1}

