@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('../dist/bootstrap/css/bootstrap.min.css');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");


:root { 
    --primary-font:"Roboto", serif;
    --secondary-font:"Roboto", serif;
    --gray: #707070;
    --light-gray: #212121;
    --blue: #0a4871;
    --orange: #ef7f1a;
}

@font-face {
    font-family: 'Matter';
    src: url('../fonts/Matter-Regular.eot');
    src: url('../fonts/Matter-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Matter-Regular.woff2') format('woff2'),
        url('../fonts/Matter-Regular.woff') format('woff'),
        url('../fonts/Matter-Regular.ttf') format('truetype'),
        url('../fonts/Matter-Regular.svg#Matter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Matter';
    src: url('../fonts/Matter-Light.eot');
    src: url('../fonts/Matter-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Matter-Light.woff2') format('woff2'),
        url('../fonts/Matter-Light.woff') format('woff'),
        url('../fonts/Matter-Light.ttf') format('truetype'),
        url('../fonts/Matter-Light.svg#Matter-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Matter';
    src: url('../fonts/Matter-SemiBold.eot');
    src: url('../fonts/Matter-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Matter-SemiBold.woff2') format('woff2'),
        url('../fonts/Matter-SemiBold.woff') format('woff'),
        url('../fonts/Matter-SemiBold.ttf') format('truetype'),
        url('../fonts/Matter-SemiBold.svg#Matter-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background-color: #0D60AE;
}

::-webkit-scrollbar-thumb {
    background-color: #f57b20;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #fff;
}


body { color: var(--gray); font-family: var(--primary-font); font-weight: 400; line-height: normal; overflow-x: hidden; position: relative; }
a { color: var(--bs-blue); }
a, a:hover { text-decoration: none; }
a:focus { outline: none; }
*:focus { outline: none; }
button:active, button:focus, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important; }
.img-responsive, .navbar-brand > img { display: inline-block; }
img { display: inline-block; height: auto; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { color: var(--bs-white); font-family: var(--primary-font); font-weight: 700; text-transform: capitalize; }
h1 { font-size: 71px; }
h2 { font-size: 35px; }
p, li { color: var(--gray); font: 500 16px/1.5 var(--primary-font); overflow-wrap: break-word; word-wrap: break-word; }
.clearfix { clear: both; margin: 0px; padding: 0px; }



p a {font-weight: bold;}

.white-cont-hd { min-height: 90px;display: flex;flex-wrap: inherit;align-items: center;justify-content: space-between;
    margin: 12px auto 0 auto;background:#fff;border-radius:50px;padding: 0 20px;}

.cli-logo {width: 170px;margin: 0 auto;}
.nav-abslte {position: absolute;top:0}
.header { background:#fff;left: 0; right: 0; top: 10px; z-index: 9;flex-direction:column;padding:0;position:relative; }

.round-vew {border-radius: 50%; width:40px; height: 40px;border:1px solid #f57b20;display:inline-block;padding: 6px; text-align: center;}

.view-map-btn .view-or {display: none;}
.view-map-btn:hover .view-or {display: block;position: relative;right: -3px;top: 3px;}
.view-map-btn:hover .view-blu {display: none;}
.view-map-btn:hover .round-vew {background-color:#0d60ae;display: inline-grid; }

/*------back to top new start----*/
#button.show {opacity: 1;visibility: visible;}

#button {display: inline-block;background-color: #0d60ae;
    width: 50px;height: 50px;text-align: center;border-radius: 4px;position: fixed;
    bottom: 30px;right: 30px;transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;visibility: hidden;z-index: 1000;cursor: pointer;padding:12px;
    box-shadow: 0px 3px 6px #00000029;
}

.smaller { background: transparent; padding-bottom: 0.5rem; position: fixed; z-index: 999; height:auto;top:0; }
.smaller .white-cont-hd {margin-top: 0;}
.smaller .navbar-brand { max-width:260px; }
.navbar-expand-lg .navbar-nav a.nav-link:hover {color: #f57b20;}
.navbar-expand-lg .navbar-nav a.nav-link { color:#002F33;text-transform: uppercase; font-weight:500; font-family: var(--primary-font);padding-right:15px;
        padding-left: 15px;}
.navbar-nav .nav-link:hover { color: var(--orange); }
.navbar-nav .nav-link.active { color: var(--orange); }
.navbar-nav .nav-link.show { color: var(--orange); }
.navbar-nav .position-static {position:relative !important;}
.count {margin: 0 auto;max-width: 1300px;}
.top-admission-btn {background: #212121; color:#fff;padding:14px 16px; border-radius: 50px;display: inline-block}
.top-admission-btn img {margin-left: 6px;}

.phone-border,.phone-icon,a.b-btn{text-align:center}
.govr-mg img,.new-latst,.news-cont-wrap{box-shadow:0 3px 6px #19181D26}
.phone-icon{cursor: pointer;}
.phone-icon img {cursor:pointer;}
.event-round-cont h2 {color:#212121; font-size: 45px; font-weight: 400;}

.contact-info{display:flex;column-gap:12px}
.phone-details span.number{font-size:22px;font-weight:600;color:#002f33}
.dropdown-toggle::after{opacity:0;font-size:0;border:0}
.py-banner{padding:0}

.select-btn .serch-box {height: 50px; border-radius: 12px;padding: 12px; font-size: 22px;text-align: center;border:none;width: 100%;}
.text-serch { width: 100%;margin-top: 20px;margin-left: 12px;}


.py-banner .owl-carousel button.owl-dot{background-color:#898888;border-radius:50px;margin:0 5px;width:12px;height:12px}
.py-banner .owl-carousel button.owl-dot.active{background-color:#fff}
.py-banner .owl-dots{position:absolute;bottom:30px;display:inline-block;width:100%;left:0}
.banner,.banner .slide-item,.dep-box,.govr-mg,.govr-proj,.govr-proj-sm{position:relative}
.dropdown-item{color:var(--bs-white);border-bottom:1px solid rgba(255,255,255,.25);font-size:14px;font-weight:500;line-height: 29px;}

.sidenav1,.wrapper.active .content{display:block}
ul.dropdown-menu li a{height:40px}
.sidenav1{text-align:center;position:absolute;top:-513px;right:0;background-color:#0d60ae;overflow-y:hidden;transition:.5s;
    padding:30px 20px;height:auto;display:flex;justify-content:center;align-items:center;z-index:999; 
    transform: translate3d(-50%, -14px, 0);
    width:100%;left:50%;}

.closeDiv1{width:100%;position:relative;margin-top:-20px}
.sidenav1 .closebtn1{position:absolute;top:10px;right:0;font-size:36px;margin-left:50px;cursor:pointer;z-index:99}
.wrapper{width:100%;margin:25px auto 0}
.select-btn{padding:15px 20px 15px 0;font-size:15px;justify-content:space-between;color:#fff}
.options li,.select-btn{display:flex;cursor:pointer;align-items:center}
.content{display:none;background:#fff;margin-top:15px;padding:20px;border-radius:7px}
.content .search{position:relative}
.banner .owl-theme .owl-dots {display: none;}


.dropdown .dropdown-menu{background-color:#0d60ae;display:none;border:none;}
.button-ctn,.intro-text-wrp,.step-cont{display:flex}
.dropdown:hover>.dropdown-menu,.dropend:hover>.dropdown-menu{display:block;margin-top:.1em;margin-left:.1em}
.dropend:hover>.dropdown-menu{position:absolute;top:0;left:100%}
.dropdown-item:focus{background-color:#f8f9fa;color:#0d60ae}



.btn-primary,.btn-primary:focus,.btn-primary:hover{background-color:#ef7f1a}
a.nav-link{transition:transform 4s ease-in}a.nav-link:hover .drop{transform:rotate(-180deg);display:inline-block}
.btn-primary{border-radius:12px;border:inherit;color:#fff;font:700 14px/24px Matter;min-width:163px;min-height:36px;text-transform:uppercase;padding:9px 0}
.banner{clear:both;width:100%;line-height:0}
.intro-btn,a.b-btn{line-height:26px;letter-spacing:.7px}
.banner .overlay{height:100%;width:100%;z-index:2;display:flex;align-items:center}
.banner .overlay::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#212121;opacity:.6;z-index: 2;}
.banner h1{font-size:45px;font-family:Matter;text-transform:none;color:#fff; font-weight: normal;}
.banner h1 span.bold {font-weight: 600;}
.banner h1 span.orange {color:#f57b20;}
.banner h1 span.blue {color:#0D60AE;}
.banner p {color:#fff; font-weight:200;}



.banner .btn-light,a.b-btn{font-size:14px;text-transform:uppercase}
.banner .text-banner{background-color:rgba(0, 0, 0, 0.5); border-radius:20px;position:absolute;padding:30px 20px;bottom:110px;left:3%;width:40%;max-width:550px;
    z-index:3;text-align:left;  font-family: 'Matter'; font-weight: normal;}
a.b-btn{color:#fff;min-height:60px;display:inline-block;min-width:240px;flex-direction:row;padding:19px 4px;font-weight:500;border-radius:10px}
.btn-one.b-btn{background:#06c0c1}
.btn-one.b-btn:hover{background:#0c9c9d}
.btn-sec.b-btn{background:#06821a}
.btn-sec.b-btn:hover{background:#0b771c}
.button-ctn{justify-content:center;column-gap:20px;margin-top:40px}
.banner-contact {background-color:rgba(13, 96, 174, 0.6);border-radius:12px;padding:12px;z-index: 5;position: absolute; right:30px; bottom:30px;}

.banner-contact ul {padding: 0;line-height: normal;list-style: none;display: flex;margin:0;column-gap: 14px;}
.banner-contact a {color:#fff;font-weight: 300;}
.btn-mor {border:1px solid #0d60ae; border-radius: 50%; width:46px;height: 46px;padding:16px; text-align: center;}
.btn-mor:hover {background-color:#0d60ae;transition: 0.5s; }
.curve img{width:100%}
.admision-bg {
    background: url(../images/parallx-mbc.png) no-repeat;
    background-position: top center;background-size: auto;
    padding:100px 20px; position: relative;background-attachment: fixed;
}
.admision-bg .header-wrp {text-align: center;}
.admision-bg h2 {font-size: 45px;font-weight:normal;color:#212121;}
.admision-bg h2 .orng {color:#f57b20; font-weight: 600;}
.admision-bg h2 .blue {color:#0D60AE;font-weight: 600; }
.admin-list {background: #F5F5F5 0% 0% no-repeat padding-box;
border: 1px solid #707070;
border-radius: 16px; padding:20px;}

.orngs {color:#f57b20;}
.blues {color:#0D60AE;}

.admin-wrap {column-gap:22px;margin-top:70px;}
.admin-list {width:100%;}
.owl-carousel .owl-item .admin-list img.ico-bnr {width:auto;height: 45px;}
.admin-list h5 {color:#212121; margin: 20px 0; display:block;font-size: 23px;font-weight: 500;font-family:Matter;}
.admin-list p {font-size: 18px; width: 70%;}

.admin-list .btn-mor img {width: auto;}
.admin-list span {display: flex;justify-content: space-between;align-items: anchor-center;}
.container-max {max-width: 1550px;margin:0 auto;}

.admin-step {border:1px solid #F5F5F5; border-radius: 12px;padding: 30px 8%;max-width: 1050px;text-align: center;margin: 90px auto 0 auto;}
.admin-step h5 {font-family:Matter;font-size: 45px;font-weight: 400;}
.admin-step p {font-size: 18px; color:#fff; line-height: 25px;font-weight: 400;}

.course-offer {padding: 100px 12px;background:#F5F5F5;}
.course-offer p {max-width: 800px;}
.course-offer h5 {color:#212121;font-size: 35px;white-space: nowrap;margin-right: 30px;font-weight: 400;}

.course-offer .btn-mor {border: 0px solid #0d60ae;margin-right: 6px;border-radius: 50%;background-color: #E2E2E2;width: 24px;height: 24px;padding:8px;display:block;}

.btn-mor-appl {font-size: 23px;font-family: Matter;color: #212121;white-space: nowrap;display: flex;border-bottom: 1px solid #E2E2E2;height: 30px; }
.btn-mor-appl:hover {color:#707070;}
.course-offer .btn-mor img {width: 8px;display: block;}
.apply-mbc {display: flex;}
.event-cards .image-gallery{display:flex;justify-content:center;align-items:center;gap:20px;position:relative;margin-bottom: 130px;}
.event-cards .image{width:28%;object-fit:cover;border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,.2);transition:transform .3s ease-in-out}
.event-cards .image-left{transform:rotate(-13deg);z-index:3;width:31%;position:relative;right:-123px;top:42px}
.event-cards .image-center{transform:scale(1.1);z-index:2}
.event-cards .image-right{transform:rotate(15deg);width:31%;position:relative;left:-132px;top:48px}
.event-cards .image:hover{transform:scale(1.2)}

.life-rightwrap .slider-container {width:auto;max-height:1005px;overflow: hidden;position: relative;}
.life-rightwrap .slider {display: flex;flex-direction: column;transition: transform 0.5s ease-in-out;}
.life-rightwrap  .slide {width: 100%;height: 500px;}
.life-rightwrap  .slide img {width: 100%;height: 100%;object-fit: cover;}

        /* Navigation Buttons */
.life-rightwrap  .prev,  .life-rightwrap  .next {position: absolute;left: 50%;transform: translateX(-50%);background: rgba(0, 0, 0, 0.5);color: white;
            border: none;padding: 10px;cursor: pointer;font-size: 18px;transition: 0.3s;}

.life-rightwrap  .prev { top: 10px; }
.life-rightwrap  .next { bottom: 10px;}
.life-rightwrap  .prev:hover,  .life-rightwrap  .next:hover {background: rgba(0, 0, 0, 0.8);}

.horiz {border:1px solid #e7e6e6;}

.offer-slider h2 {color: #0d60ae;font-size: 45px;font-weight: 400;display: table-caption;border-bottom: 1px solid #e7e6e6;width: 402px;padding: 0;margin-bottom: 60px;}
.offer-slider {flex-direction: column;margin-top: 60px;}

.cour-img {position: relative;display: block;}
.cour-text {position: relative;padding: 17px;top: -35px;left: 50%; background-color: #fff;max-width: 334px;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    width: 100%;translate: -50%;text-align: center;width: 100%;display: block;}

.cour-text h3 {color:#212121;font-size: 23px;font-weight: 600;font-family: Matter;margin-bottom:0;min-height:55px;align-items: center;;display: flex;;justify-content: center;}
.cour-text p {color:#707070;font-size: 15px;font-weight: 400;}

.course-offer-wrap {display: flex;column-gap: 55px;}
.orng-btn-cur:hover {background-color: #0d60ae;transition: 0.5s; }
.owl-carousel .owl-item .orng-btn-cur img {width:10px;display:inline-block;}
.orng-btn-cur {width: 62px;display: block;height: 62px;background: #f57b20;border-radius: 50%;padding: 19px;text-align: center;position: relative;left: 50%;translate: -50%;bottom: -50px;}
.event-round {position: relative;}
.cli-logo img {max-width: none;}

.event-cards-wrp {margin:0 auto;z-index: 7;position: relative;}
.event-round-cont {padding-top:9px;  text-align: center; width:100%; max-width: 1110px;margin:0 auto;}
.event-round h2 {font-size: 45px; font-weight: 500;color:#212121;}
.event-round  p {color:#212121;font-size:20px;}
.event-cards {display:flex;flex-direction: column;}
.event-cards .evcard img {width: auto;max-width:none;}
.evtwo {position: relative;left: -220px;z-index: -1;top: -11px;}
.evthree {position: relative;left: -450px;z-index: -2;top: -2px;}

.recruiters {padding:70px 12px; te}
.recruiters h2 {font-size: 45px; font-weight:400; color:#212121;text-align: center;font-family: Matter;}
.recruite-logo {display:flex;max-width: 1600px;margin:0 auto;}

.life-mbc { background: url(../images/life-compus.png) no-repeat; background-position: top left;background-size:auto;padding:0 20px; }
.life-mbc-news h2 {font-size: 90px;font-weight:300;font-family: Matter;}
.lifenews {display: flex;justify-content: space-between; align-items: center;border-top: 1px solid;padding: 20px 0;}
.lifenews:last-child {border-bottom:1px solid;}

.lifenews .orng-btn-cur {width:40px;height:40px; left:0;padding:10px;bottom:0;}
.lifenews .orng-btn-cur img {width:6px;}
.lifenews  h6 {font-size: 25px;font-weight:300;font-family: Matter;width:30%}
.lifenews p {width: 50%;}
.container-life {max-width:1620px;margin: 0 auto;}
.life-leftwrap {display: flex; align-items: end; padding-bottom: 150px;}
.life-rightwrap {text-align:right;}
.life-mbc-poster .bnrs {margin-bottom:50px;}


 

.nav-abslte .navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.nav-abslte .dropdown-submenu {
    position:relative;
}
.nav-abslte .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.nav-abslte .dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

.testimoni {background-color: #0d60ae;padding:100px 12px 200px 12px; color:#fff;}
.testimoni-wrap {text-align: center;}
.testimoni-wrap h2 {font-size: 45px;font-family: Matter;font-weight:500;margin-bottom: 60px;}
.owl-carousel.owl-testimonial .owl-item img {display: inline-block;width: auto;}
.owl-theme.owl-testimonial .owl-dots .owl-dot.active span {background: #f57b20;}
.testimoni-wrap .owl-dots {position: absolute;right: -30px;display: flex;flex-direction: column;top: 50%;}

.testimoni-wrap .owl-theme .owl-dots .owl-dot span {width: 2px;height: 20px;margin: 2px 7px;background: #D6D6D6; display: block;
-webkit-backface-visibility: visible;transition: opacity .2sease;border-radius:0px;}

.desk-link-long.dropdown-menu[data-bs-popper] {
    top: 21px;background: transparent;
    margin-top: 0;
    z-index: 0;
    position: fixed;opacity: 0.7;
    height: 100%;width:100%;
    left: 0;
    padding-top: 0px;
    padding-left: 10px;  padding-right: 10px;
    transition: max-height 0.5s ease;
}


.phone-icon .btn {z-index: 4;position: inherit;transition: transform .5s ease-in;background: transparent;
    border: none;}
    .phone-icon .btn:first-child:active {background: transparent;border: none;}
    .dsk-cl {display: none;}
    .show .dsk-cl {display:block;position: relative;top: 10px;padding: 0 8px;}
    .show .dsk-opn {display:none;}
    .other-top-wrap { width:95%;height: 100%;background:rgba(255, 255, 255, 0.97);
           border-top-right-radius:40px; border-top-left-radius:40px; padding-top: 120px;margin: 0 auto;}

    .other-top-links {display: flex;justify-content: center;column-gap: 3%;}
    .other-top-links a, .other-top-links h3 {color:#212121;}  
    .other-top-links a:hover {text-decoration:underline;}

.testmoni-text img {border-radius: 50%; width:144px; height:144px;}
.testmoni-text {font-family: Matter;font-weight:500;max-width: 870px;margin: 0 auto;padding:0 110px;}
.testmoni-text h4 {font-size: 23px;margin-top:20px;}
.testmoni-text h6 {font-size: 17px; margin-bottom: 40px;font-weight: normal;}
.testmoni-text p  {font-size:18px;color:#fff;font-family: var(--primary-font);font-weight:300;}
.testimoni-wrap .testmoni-text {background: url(../images/quatt.png) no-repeat; background-position: top left;background-size:auto;}

.mbc-event {background: #e4e4e4 url(../images/event-mask-w.png) no-repeat; background-position: top left;background-size:100% 100%; padding:150px 12px 80px 12px;}


.last-list h3 {font-size: 45px;color:#212121;font-weight:300;margin-top: 20px;}
.last-count {max-width: 1500px;background: #fff;padding: 60px 12px;margin: 0 auto;position: relative;top: -48px;box-shadow: 0px 3px 6px #00000029;opacity: 1;}
.last-count-wrap {display: flex;justify-content: center;text-align: center;align-items: center;}
.last-list {width: 21%;position: relative;}
.last-list:after {content:"";position: absolute; top:50%; right:2px;width: 2px; height: 45px;background:#d9d8d8;margin-top:-24px;}
.last-list.noafter:after {display: none;}

.f-social {background: #F5F5F5;color#212121;padding: 28px 34px;align-items: center;min-height: 130px;display: flex;}

.social-footer-ico {display: flex;align-items: center;}
.social-footer-ico h5 {color:#212121;font-size: 25px;font-weight: 500;font-family: Matter;margin-right:65px;}
.social-footer-ico li {margin-top:0;margin-right:40px;}
.social-footer-ico a {color:#212121;}

a.social-ico {display: flex;column-gap: 30px; align-items:center;}
a.social-ico h5 {color:#212121;font-size: 25px;font-weight: 500;font-family: Matter; }

.f-contact {background:#f57b20; padding: 12px 4px;align-items: center;display: flex;padding-left: 110px;cursor:pointer;}
.f-contact:hover {background-color:#0d60ae;transition: 0.5s }
.footer-pattern {justify-content: space-between;padding: 80px 40px 0 40px;}
.coll-adds {color:#212121; margin:50px 0; display:block;line-height: 24px;padding-left:40px;background: url(../images/foot-addrs.png) no-repeat;background-position: top left;}

.footer-pattern a {color:#212121;font-size:17px; font-weight:500;}
.address h4 {color:#212121; font-size:22px;}
.footer-pattern a.view-map-btn {font-family: Matter;display: inline-block;}

.copy-rght a {padding: 0 15px;}
.new-latst img{border-bottom-right-radius:20px;border-bottom-left-radius:20px}
.latest-newes .intro-btn{min-width:220px}
.le-news-cont{column-gap:20px}

footer{color:#fff;f-contact; background: url(../images/footer-pttrn.png) no-repeat; background-position: top center;background-size:cover;}
footer p a{font-weight:400;font-size:14px}
footer p{margin-bottom:10px;color:#212121;}
footer a:hover {color:#0d60ae;transition: 0.5s;}
.addm-hd {color:#0d60ae; }

.mail-footr {background: url(../images/mail-mbc.png) no-repeat; background-position: 0 8px;padding-left:40px}
.footr-phon {background: url(../images/call-mbc.png) no-repeat; background-position: 0 4px;padding-left:30px;display: inline-block;}



.address p{font-size:14px;font-weight:400;line-height:normal;margin-top:0;}
footer ul{padding:0;margin:0}
footer ul li{list-style:none;margin-right:20px;margin-top:18px;float:left}
span.small{font-size:20px;text-transform:uppercase;font-weight:600;margin-bottom:55px;display:block;color:#0d60ae;}
.bottom-part{align-items: center;margin:40px auto 0;padding:20px; background-color: #212121;min-height: 156px;}
.bottom-part a {color:#E4E4E4;}
.foot-alingleft{text-align:left;font-size:15px;color:#E4E4E4;font-weight: 300;font-family: Matter;}
.foot-alingright{text-align:right;font-size:15px;color:#E4E4E4;font-weight: 300;font-family: Matter;}

.owl-carousel .owl-nav button.owl-prev{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;
    justify-content:center;background:url(../images/slide-left-arow.png) center no-repeat #fff;
    position:absolute;left:-25px;top:58%;transition:.5s}
.owl-carousel .owl-nav button.owl-next span,.owl-carousel .owl-nav button.owl-prev span{display:none}
.owl-carousel .owl-nav.disabled{display:block}
#goTop a{background:#0d60ae;color:#fff;width:50px;height:50px;justify-content:center;border-radius:50%;
    align-items:center;text-decoration:none;transition:opacity .3s linear;border:1px solid #fff; }
#goTop{position:fixed;right:0px;bottom:15px;z-index:20;}



/****** resposive *******/


@media (max-width:767px) {

    .f-social {min-height: 70px;}

    .footer-pattern a.view-map-btn {display: flex;align-items: center;column-gap: 7px;}
    .social-footer-ico h5, a.social-ico h5 {font-size: 18px;}
    .round-vew {padding: 10px;}

    div.white-cont-hd {padding-top: 0;}

footer .bottom-part {padding-bottom:20px; margin-top: 10px;}
    .top-admission-btn {padding: 10px 14px;font-size: 13px;}
    .event-round-cont p {font-size: 13px;}
    #goTop {bottom: 56px;}
    .banner p {display:none;}
    .banner .text-banner {padding: 16px;}
    section.banner h1 {font-size: 21px;}
    .banner-contact {position:fixed;background-color: rgba(13, 96, 174, 0.9);}
    .admin-wrap, .admin-step, .offer-slider {margin-top: 30px; align-items: center;}
    div.offer-slider h2, .event-round-cont h2 {font-size: 26px;}
    .offer-slider h2 {margin-bottom: 40px;}
    .orng-btn-cur {width: 46px;height:46px;padding: 12px;bottom:-40px;}
    .recruiters {padding: 30px 12px;}
    .testimoni-wrap .testmoni-text {background-size: 20%;}
.testmoni-text img {width:84px;height: 84px;}

 .mbc-event {padding-bottom: 30px;}
 div.event-cards .image-gallery {margin-bottom: 30px;}

    .horiz {display:none;}
.btn-mor-appl {display:inline-flex;}
div.admin-step h5 {font-size: 25px;}
    .off-cont {display:flex;padding: 0 12px;column-gap: 12px;}
    .off-cont .phone-details span.number {font-size: 20px;top:0;}
    .mob-v {display: none;}
    a.navbar-brand {position:inherit;}
    .four-eight img {width: 66% !important;max-width: 230px;}
    .call-footer-first,  .call-footer {width: 48%;}
section.banner .owl-carousel .owl-item img.mobile-bnr {display:block}
section.banner .owl-carousel .owl-item img.desktop-bnr {display:none}
.banner .button-ctn {display: block;}
.banner .button-ctn .btn-one {margin-bottom: 12px;}

div.header-wrp h2 { font-size: 16px;}
div.intro-text-wrp p {line-height: 24px;font-size: 13px;}
section.govrr-body h3 {font-size: 24px;}
div.govr-mg {width: 100%; max-width: 300px;}
div.header-wrp h2 {font-size: 25px;}
div.header-wrp {display: block;margin-bottom: 30px;}
.department {padding: 0px 12px;}
.dep-cont p { padding-right: 0;}
.dept-wrap {display:block;}
div.dept-wrap .dep-box {width: 100%;margin-bottom: 20px;}
div.dep-box {width: 100%;}
div.news-cont {width: 100%;margin-bottom: 60px;}

footer { padding-top:0px;}
footer .contact-left {margin-bottom: 40px;}

.copy-left {text-align: center;}
.copy-rght {text-align: center;margin-bottom: 20px;}
    
}


@media (max-width:990px) {


    .life-rightwrap .slider-container {max-height: 395px;}

.dropdown:hover>.dropdown-menu{margin-left: 0;border-radius: 0;padding-bottom: 0;}
.header.navbar-expand-lg .navbar-nav {padding-top: 0;}
.offcanvas-body {padding-top: 0;}

 div.life-mbc-news h2 {font-size: 26px;}
.testimoni-wrap .owl-dots {display: none;}
div.footer-pattern a {font-size: 13px;}
.phone-icon.headLeftmain {display: none;}

.phone-footer-menu {padding: 0;margin-bottom: 30px;}
.phone-footer-menu .accordion-item {border: none;box-shadow: none;}
.phone-footer-menu .accordion-button {background:transparent;font-size: 14px;font-weight: 500;padding: 5px 0;}

.phone-footer-menu .accordion-header {border-bottom:1px solid #d9d8d8; }
footer .phone-footer-menu ul li {width:49%;margin-right: 0;margin-top: 6px;}
.phone-footer-menu .accordion-body {padding: 12px 0;}

footer {background-size: auto;background-repeat: repeat;}

.desktop-footer-menu {display:none;}
.course-offer {padding:40px 12px;}
.life-mbc {background-size: cover;}
div.bottom-part a {display: inline-block;}
div.last-list {width: 49%;}
.last-list.no-after:after {display: none;}
.testmoni-text h4 {font-size: 18px;}
.testmoni-text h6 {margin-bottom: 15px;}

.testmoni-text p {font-size: 14px;margin-bottom: 0;}
.cli-logo img {max-width: none;width: 80% !important;}
.f-social {padding:22px 34px;}
.lifenews .orng-btn-cur {left: 30px;}
.last-list h3 {font-size:22px;}
.testmoni-text {padding:0 2px;}
.last-count-wrap {align-items:baseline;flex-wrap: wrap;row-gap: 40px;}
.footer-pattern {padding: 40px 16px 0px 16px;}
.social-footer-ico h5 {margin-right: 29px;}
 .social-footer-ico li {margin-right: 13px;}
.testimoni-wrap h2 { font-size: 25px;margin-bottom: 30px;}
.life-mbc {padding: 40px 20px;}
.last-count {padding:30px 0px;overflow: hidden;}



.banner-contact {right:0;bottom:0;width: 100%;}
.banner-contact ul {column-gap:5px;}
.banner-contact a {font-size: 13px;}
.banner .text-banner {width: 94%;}
.apply-mbc {display:block;}

 .testimoni {padding: 40px 20px 100px 20px;}
.admision-bg {padding:40px 20px;}
a.navbar-brand {position:inherit;top: 0;left: 0;width:200px;}

.banner .owl-carousel .owl-item img.mobile-bnr {display:none}
section.govrr-project {background-image:none;background-color:#021718; padding-bottom: 40px; margin-bottom: 40px;}

.dep-box {width: 48.5%;}
.dep-cont {width: 100%;margin-bottom: 20px;}
div.dept-wrap {width: 100%;}
.dept-wrap .dep-box {width: 48.5%;}
.dep-box-cont {row-gap: 20px;}
.tender-anns .header-wrp h2 {font-size: 30px;}
.newes-line p {font-size: 14px;}
.news-cont {width: 47%;}
.new-latst p {font-size: 16px;}
span.small {font-size: 14px;margin-bottom: 20px;}
.coll-adds {margin:15px 0;}

.download-wrap .call-footer {width:100%;margin-top: 20px;}

div.navbar-brand {position:inherit;}
.desktop-nav {display:none;}
div.contact-info {margin-top: 0;}
.offcanvas.mobile-view {display:block;}
a.mobile-view {display:block;}
.offcanvas.offcanvas-start {top:0px;height: 100vh;}
.offcanvas-body {height: 100vh;padding-bottom: 150px;padding-right: 0px;padding-left: 0px;}
div.white-cont-hd {flex-direction: inherit;align-items: inherit;margin:0;min-height: 55px;}
.navbar-nav .position-static {border-bottom:1px solid #DAECDD;}

.navbar-expand-lg .navbar-nav a.nav-link {display: flex; justify-content: space-between; font-size: 15px;}

.banner h1 {font-size: 24px;}
.banner h4 {font-size: 14px;}

a.b-btn {min-height: 48px;min-width:180px;padding: 13px 4px;}
.step-head {width: 231px;height: 52px;border-radius: 50px;font-size: 20px;}

.five-contr{flex-wrap: nowrap;overflow-y: scroll;}
.step-cont {width: 340px;max-width:none;padding-bottom: 16px;}
.five-text {padding-right: 16px;}
.intro-text-wrp .right {width:100%;}

.five-step {margin-bottom: 40px;}
.header-wrp h2 {color: #002f33;font-size: 28px;margin-bottom: 10px;}
.four-eight {width: 30% !important;}

.intro-text-wrp .lft {display: none;}
.ministr-img {width:100%;max-width: 300px;height: 100%;margin: 30px auto 0 auto;}
.govr-name h5 { font-size: 14px;}
.govr-mg {width: 49%;margin: 30px auto 0 auto;}
.govr-proj {width: 100%;}
.govr-proj-sm {width: 100%; margin-bottom: 20px;margin-top: 20px;}
span.pro-name {font-size: 16px;}
.feaatures-sec h4 {font-size: 30px;}
.count {padding:0 20px;}
    
}


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

    .banner .owl-carousel .owl-item img.mobile-bnr {display:none;}
    .five-step {margin-bottom: 20px;}
    span.number {font-size: 37px;}
    span.five-text {font-size: 14px;padding-right: 12px;}
    .govr-name h5 {font-size: 16px;}
    .govr-proj {width: 56%;}
    .news-cont {width: 47%;}
    .tender-anns .header-wrp h2 {font-size: 30px;}
    .newes-line p {font-size: 14px;}
    .dept-text h5 {font-size: 14px;}
    .feaatures-sec h4 {font-size: 32px;}
    .llcwrapper { margin: 0 16px 0 16px;}
    .dep-box {width: 22.8%;}
    .dept-text p {font-size: 12px;}
    .step-cont{width: 20%;}
    
}


@media (max-width:1200px) {
.life-rightwrap .slider-container {max-width:inherit; }
.mbc-event {background-image:none;}

.mbc-event {padding-top: 27px;}
.event-cards .image-gallery {margin-bottom: 70px;}
.event-cards .image-right, .event-cards .image-left {position:inherit;transform: none; top:inherit; left: inherit;right:inherit;}

.recruiters h2 {font-size: 30px;}
footer p {margin-bottom: 10px;}
.bottom-part {min-height: 80px;}
.footer-pattern a {font-size: 14px;}
.coll-adds {font-size: 13px;}
footer p, .bottom-part a, .foot-alingright {font-size: 14px;}
.address h4 {font-size: 16px;}
 .f-contact {padding-left: 50px;}
 .last-list {width: 25%;}
    .life-leftwrap {padding-bottom: 6%;}
    .lifenews p {font-size: 14px;}
    .lifenews h6 {font-size: 20px;}
    .life-mbc-news h2 {font-size: 50px;}
    .offer-slider h2 {font-size: 30px;}
    .cour-text h3 {font-size: 18px;}

    .event-round h2 {font-size: 30px;}
    .event-round p {font-size: 14px;}


    .admin-step h5 {font-size: 35px;}
    .admin-step p {font-size: 14px;}
    .admin-wrap {column-gap: 1.4%;}
    .admin-list h5 {margin: 15px 0;font-size: 18px;}
    .admin-list p {font-size: 14px;}

    .admin-list img.ico-bnr {width: 30px;}
  
    .mobile-view {display:none;}
  
    .navbar-brand {width: 300px;position: absolute;top:15px; left:36px;}
    .navbar-expand-lg .navbar-nav a.nav-link {font-size: 13px; white-space:nowrap;}
    .white-cont-hd {width:100%;position: relative;flex-direction: column-reverse;align-items: end;padding-top:0px;}
    .navbar-expand-lg .navbar-collapse {flex-direction: column-reverse; align-items: self-end;width:100%;}
    .navbar-expand-lg .navbar-nav {padding-top:20px;padding-bottom: 20px;}
    .contact-info { margin-top: 12px;align-items: center;}
    .phone-details .label {display: none;}
    .phone-details span.number {top:10px;position: relative;font-size:14px;}
    .banner h1 {font-size: 26px;}
    .banner h1 br {display:none;}
    .banner .text-banner {bottom: 30px;}


}



@media (min-width:1201px) {

    .navbar-brand{width:265px;}

    .top-admission-btn {white-space:nowrap;font-size: 12px;padding: 8px 25px;}
    .dropdown-menu.center-space {column-gap: 14px;padding: 12px;left: 50%;translate: -50%;}
    .dropdown:hover>.dropdown-menu.center-space {display: flex;}

    .five-contr {row-gap: 50px;}
    .mobile-view {display:none;}
    .white-cont-hd {width:100%;}
   .navbar-expand-lg .navbar-nav a.nav-link {font-size: 13px; white-space:nowrap;}
   .phone-details span.number { font-size: 14px; line-height: 16px;}
   
    .contact-info {margin-left: 12px; align-items:center;}
    .navbar-expand-lg .navbar-nav {white-space:nowrap;}
    .banner h1 {font-size:30px;}
    .mbc-event {background: #e4e4e4 url(../images/event-masks-w.png) no-repeat;}
    .admin-list p {font-size: 13px;}
    .admision-bg h2, .admin-step h5, .offer-slider h2, .event-round-cont h2, .recruiters h2 {font-size: 30px;}
    .cour-text h3 {font-size: 18px;}
    .mbc-event {padding-top: 80px;}

    .life-mbc-news h2 {font-size:40px;}
    .footer-pattern a {font-size: 14px;}
    .download-wrap {width: 23%;}

    .bottom-part { min-height: 86px;}
    footer p {font-size: 14px;}
    .other-top-wrap {width:auto;}

}

@media (min-width:1440px) {

    .other-top-wrap {width: 95%;}

    .life-mbc-news h2 {font-size:90px;}
    .admin-list p {font-size: 18px;}
    .mbc-event {padding-top:150px;}
    .admision-bg h2, .admin-step h5, .offer-slider h2, .event-round-cont h2, .recruiters h2 {font-size: 45px;}

    .cour-text h3 {font-size: 23px;}

    .mbc-event {background: #e4e4e4 url(../images/event-mask-w.png) no-repeat;}
    .tender-anns .header-wrp h2 {font-size: 275%;}
    .top-admission-btn { padding: 14px 16px;font-size: 14px;}
    .banner h1 {font-size: 45px;}
   
    .navbar-brand {width:auto;}
    .white-cont-hd {width: 95%;}
    .navbar-expand-lg .navbar-nav a.nav-link {font-size: 14px; white-space:inherit;}
    .phone-details span.number {font-size: 17px;line-height: 21px;white-space: nowrap;}
    .footer-pattern a {font-size: 17px;}
    .download-wrap {width: 16%;}


}