:root {
  --blue-bg: #0240B4;
  --red-bg: #ED1C24;
  --yellow-bg: #F1BF2A;
  --black-bg: #000000;
  --white-bg: #ffffff;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0;	padding: 0;	border: 0; vertical-align: baseline; font-family: 'Montserrat', sans-serif; list-style: none;}
* { box-sizing: border-box;}
a:focus,button:focus,input:focus,textarea:focus { outline:0; text-decoration:none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; -webkit-font-smoothing:antialiased; margin-bottom:15px; color:var(--black-bg); line-height: normal; line-height: 1.1; font-family: 'Mali', cursive;}
h1 { font-size: 55px; line-height: 68px;}
h2 { font-size: 48px;}
h2 span { font-family: 'Mali', cursive;}
h3 { font-size:36px;}
h3 span { font-family: 'Mali', cursive;}
h4 { font-size:28px;}
a { color:#018aff; text-decoration:none; transition:all ease-out .3s; -webkit-transition:all ease-out .3s; -moz-transition:all ease-out .3s;-ms-transition:all ease-out .3s; -o-transition:all ease-out .3s; }
a:hover { text-decoration:none;color:#3ba4ff;}
label { font-weight:400;margin:0;}
p { font-size:16px; line-height:26px; color:var(--black-bg); margin:0; padding:0; font-weight:400; margin-bottom: 15px;}
li,ol,ul { list-style:none; margin:0; padding:0;}
focus { outline:0;}

section { display: block;}
.primary-btn { display: inline-block; padding: 11px 28px; border-radius: 5px; border: 2px solid var(--black-bg); color: var(--black-bg); font-size: 16px; line-height: 19px; font-weight: 500; position: relative;}
.primary-btn span { position: relative; z-index: 2;}
.primary-btn::before { content: ''; width: 0; height: 100%; display: block; background: var(--black-bg); position: absolute; left: 0; top: 0; transition: all ease-out 0.3s;}
.primary-btn:hover { color: var(--white-bg);}
.primary-btn:hover::before { width: 100%;}

/*========================== Commen styles ========================*/
/* .primary-btn { display: inline-block; background: var(--secondary-bg); color: var(--white); font-size: 16px; padding: 18px 45px; padding-right: 75px; line-height: 18px; position: relative; border-radius: 30px;}
.primary-btn:hover { background: var(--secondary-hover); color: var(--white); transform: translateX(5px);}
.primary-btn::after { content: ''; width: 19px; height: 16px; display: block; position: absolute; right: 35px; top: 18px; background: url(../img/btn-arrow.svg) no-repeat; background-size: 19px;} */
/*========================== Commen styles ========================*/

.header { display: block; padding: 5px 0;}
.header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.logo { display: inline-block;}
.header-right-block { display: flex; flex-wrap: wrap; align-items: center;}
.header-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.header-right li { padding: 0 20px; position: relative;}
.header-right li::before { content: ''; width: 1px; height: 23px; display: block; background: var(--blue-bg); position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.header-right li:first-child::before { display: none;}
.parent-portal { display: inline-block; border: 2px solid var(--blue-bg); padding: 8px 20px; border-radius: 6px; color: var(--blue-bg); position: relative; overflow: hidden;}
.parent-portal::before { content: ''; width: 0; height: 100%; display: block; background: var(--blue-bg); position: absolute; left: 0; top: 0; transition: all ease-out 0.3s;}
.parent-portal:hover { color: var(--white-bg);}
.parent-portal:hover::before { width: 100%;}
.parent-portal span { position: relative; z-index: 2;}
.header-phone { color: var(--blue-bg); font-size: 20px;}
.header-phone:hover { color: var(--yellow-bg);}
.header-social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative;}
.header-social::before { content: ''; width: 1px; height: 23px; display: block; background: var(--blue-bg); position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.header-social li { display: inline-block; margin-left: 15px;}
.header-social li a { color: var(--blue-bg);}
.header-social li a:hover { color: var(--yellow-bg);}

.home-banner { display: block; background: var(--yellow-bg); position: relative;}
.hero-image { display: block;}
.hero-text { display: block;}
.hero-text h1 { margin-bottom: 20px;}
.hero-text p { font-size: 23px; line-height: 28px; margin-bottom: 25px;}
.hero-image { display: block;}
.hero-section .owl-item img { width: auto;}

.hero-section { display: block;}
.hero-slide-item { display: block; padding: 50px 0;}
.hero-section .hero-slide-item { height: 580px; display: block;}
.hero-image { display: block; text-align: center;}
.hero-image img { display: inline-block;}
.hero-section .owl-nav { position: absolute; left: 0; bottom: 0; width: 100%;}
.hero-section .owl-nav button { width: 50px; height: 50px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid var(--white-bg) !important; position: absolute; bottom: 310px;}
.hero-section .owl-nav button.owl-prev { left: 10px;}
.hero-section .owl-nav button.owl-next { right: 10px;}
.hero-section .owl-nav button span { font-size: 25px; color: var(--white-bg); line-height: 20px; width: 20px; height: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

/* @-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.hero-text { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.hero-section .owl-item.active .hero-text { -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
.hero-image { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both;  animation-fill-mode: both;}
.hero-section .owl-item.active .hero-image { -webkit-animation-name: fadeInDown; animation-name: fadeInDown;} */

.content-top-block { padding: 65px 0;}
.commen-head { display: block; text-align: center; max-width: 860px; margin: auto;}
.commen-head h2 span.yelow { color: var(--yellow-bg);}
.commen-head h2 span.blue { color: var(--blue-bg);}
.commen-head h2 span.red { color: var(--red-bg);}
.commen-head p { font-size: 20px; line-height: 37px;}
.welcome-feature { display: block; height: 100%; border-radius: 38px; padding: 32px; transition: all ease-out 0.3s;}
.welcome-feature.blue { background: var(--blue-bg) !important;}
.welcome-feature.red { background: var(--red-bg) !important;}
.welcome-feature.yellow { background: var(--yellow-bg) !important;}
.welcome-feature .icon { width: 98px; height: 98px; border: 2px solid var(--white-bg); margin-bottom: 20px; display: inline-flex; justify-content: center; align-items: center;display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.welcome-feature h3 { color: var(--white-bg); font-size: 32px;}
.welcome-feature p { color: var(--white-bg); font-size: 16px;}
.welcome-feature:hover { transform: scale(1.05); box-shadow: 0 5px 25px 0 #00000054;}

.oue-facilities { display: block; padding-top: 52px; border-radius: 32px; background: url(../img/purple-gradient.webp) no-repeat center top; background-size: cover; margin-top: 62px;}
.oue-facilities h2 { color: var(--white-bg);}
.oue-facilities img { display: block; margin: auto;}
.facilities-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 35px;}
.facilities-list li { display: block; text-align: center; padding: 0 15px; width: 16%; font-size: 18px; line-height: 26px; color: var(--white-bg); margin-top: 15px; transition: all ease-out 0.3s;}
.facilities-list li .icon { width: 60px; height: 60px; margin: auto; display: flex; align-items: end; margin-bottom: 15px; transition: all ease-out 0.3s;}
/* .facilities-list li:hover { transform: translateY(-10px);} */
.facilities-list li:hover .icon { transform: scale(1.1);}

.downloads-block { display: block;}
.downloads-block h2 { color: var(--blue-bg); font-size: 55px;}
.downloads-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 18px;}
.downloads-list li { display: inline-block; padding: 0 8px; margin-top: 20px; width: 16%;}
.downloads-list li a { display: block; padding: 40px 10px 25px 10px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.116); border-radius: 32px 0px 0px 0px; height: 100%; transition: all ease-out 0.3s;}
.downloads-list li a .icon { display: inline-block; margin-bottom: 35px;}
.downloads-list li a p { font-size: 15px; margin-bottom: 0;}
.downloads-list li a:hover { transform: translateY(-10px); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);}

.admission-block { display: block; padding-top: 55px; background: linear-gradient(180deg, #E4EEFF 0%, #F7F9FF 100%);}
.admission-block h2 { color: var(--red-bg); font-size: 55px; text-align: center; margin-bottom: 42px;}
.admission-main { display: block; width: 100%; min-height: 445px; background-repeat: no-repeat !important; background-position: center top !important;}
.admission-box { display: block; padding: 36px; background: #ffffff; z-index: 2; position: relative; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25); max-width: 590px; margin: auto;;}
.admission-input { display: block; width: 100%; height: 62px; background: rgba(228, 238, 255, 0.37); padding: 0 23px; border: none; margin-bottom: 25px}
.admission-box .primary-btn { border-color: var(--blue-bg); color: var(--blue-bg); background: var(--white-bg); transition: all ease-out 0.3s; padding: 10px 22px;}
.admission-box .primary-btn:hover { background: var(--blue-bg); color: var(--white-bg);}

.footer { background: url("../img/footer-bg.webp");}
.footer .affiliations { padding: 15px 0; height: 100%;}
.footer h3 { color: var(--white-bg); font-weight: 300;}
.affiliations-slider { text-align: center;}
.affiliations-slider img {	text-align: center;	width: 90px !important;}
.affiliations .message p { color: var(--white-bg);}
.contact-info-footer { background: #000b2da3; padding: 20px 30px; text-align: center; height: 100%;}
.contact-info-footer p {	color: var(--white-bg);	padding: 20px 0;}
.contact-info-footer h3 { font-size: 20px; font-weight: 600;}
.contact-info-footer ul li{	display: inline-block;	margin: 0 10px;	text-align: center;}
.contact-info-footer ul li a{	text-align: center;	color: var(--white-bg);}
.contact-info-footer ul li a span { border: 2px solid var(--white-bg); border-radius: 100%; width: 45px; height: 45px; position: relative; display: table; margin: 0px auto 10px;}
.contact-info-footer ul li a span i { color: var(--white-bg);}
.contact-info-footer ul li a span i { display: table-cell; vertical-align: middle; font-size: 18px;}
.contact-info-footer ul li a:hover span { background: #ffd101; border: 2px solid #ffd101;}
.contact-info-footer ul li:nth-child(2) i { font-size: 20px;}
.contact-info-footer ul li:nth-child(3) i { font-size: 20px;}
.copy-right { background: url("../img/footer-bg.webp");	border-top: 1px solid #3c639e; padding: 25px 0;	color: var(--white-bg);	font-size: 14px;}
.yellow-color-text { color: var(--yellow-bg);}
.yellow-color-text:hover { color: var(--white-bg);}
.footer-contact { display: block;}

.floating-whatsapp { display: block; width: 55px; height: 55px; position: fixed; right: 15px; bottom: 20px;}
.floating-whatsapp a { width: 55px; height: 55px; border-radius: 100%; background: #39be50; color: #ffffff; font-size: 22px; font-size: 25px; border-radius: 100%; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; display: flex; justify-content: center; align-items: center;}

.admission-textarea {
  display: block;
  width: 100%;
  background: rgba(228, 238, 255, 0.37);
  padding: 0 23px;
  border: none;
  margin-bottom: 25px;
  padding-top: 15px;
   
}

.downloads-list li { padding: 0 10px; width: 25%;}
.downloads-list li a { padding: 40px 15px 25px 15px;}









/* :root {
  --blue-bg: #0240B4;
  --red-bg: #ED1C24;
  --yellow-bg: #F1BF2A;
  --black-bg: #000000;
  --white-bg: #ffffff;
} */

/* font-family: 'Mali', cursive;
font-family: 'Montserrat', sans-serif; */