@charset "utf-8";
/*..............embedded fonts..............*/
/*..............embedded fonts..............*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Bodoni:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Palanquin+Dark:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
/*..............custom fonts..............*/


/*..............custom fonts..............*/

/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: 'Montserrat', sans-serif;
  font-weight: 600; font-size:20px; color:#060424;}
h1, h2, h3, h4, h5, h6 {font-family: font-family: 'Lora', serif;
  font-weight: 400; margin:0 0 20px; padding:0;     line-height: 1.3;}

h1{ font-size:80px; font-weight: 700}
h2{ font-size:36px; font-weight: 700}
h3{ font-size:30px;}
h4{ font-size:24px;}
h5{ font-size:18px;}
h6{ font-size:16px; }
p { margin:0 0 20px; padding:0; line-height: 1.5; font-size:16px; font-family: 'Montserrat', sans-serif;
 font-weight: 400; color: #111111;}
img{ max-width: 100%; }
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #fff; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none; }

input, textarea, select{'Montserrat', sans-serif; font-weight: 500; font-size: 18px; outline: none;}
input[type="submit"]{ font-family: 'Lora', serif;
 font-weight: 500; font-size: 18px; transition:all 0.3s ease 0s; outline: none;}

.form-group { margin: 0 0 20px; }
.form-group label { margin: 0 0 20px; font-size: 20px; }
.form-control { height: 40px; border: 1px solid #ced4da; border-radius: 5px; background: #fff; margin-bottom: 20px;}
textarea.form-control { height: 120px; resize: none; }
ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
/* --- for placeholder color --- */

.form-control::-moz-placeholder{color:#000000;opacity:1;}
.form-control:-ms-input-placeholder{color:#000000;}
.form-control::-webkit-input-placeholder{color:#000000;}

/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */
/*alert*/

.alert-simple.alert-danger { border: 1px solid #de5656; background-color: #de5656; color: #fff; transition: 0.5s; cursor: pointer; } 
.alert-danger:hover { background-color: rgb(234 94 83); transition: 0.5s; }
 .danger { font-size: 18px; color: #fff; text-shadow: none; } 
 .alert-simple.alert-primary { border: 1px solid rgba(6, 241, 226, 0.81); background-color: rgba(1, 204, 220, 0.9); box-shadow: 0px 0px 2px #03fff5; color: #fff; text-shadow: 2px 1px #00040a; transition: 0.5s; cursor: pointer; } 
 .alert-primary:hover { background-color: rgba(1, 204, 220); transition: 0.5s; } 
.alertprimary { font-size: 18px; color: #fff; text-shadow: none; }
.alert-dismissible .close { position: absolute; top: 50%; transform: translateY(-50%); right: 0; padding: 0.75rem 1.25rem; color: inherit; background: none !important; border: none; -webkit-animation: blink-1 2s infinite both; animation: blink-1 2s infinite both; }
.alert { position: absolute; right: 0; top: 0; z-index: 9; width: auto; }
.alert:before { content: ''; position: absolute; width: 0; height: calc(100% - 44px); border-left: 1px solid; border-right: 2px solid; border-bottom-right-radius: 3px; border-top-right-radius: 3px; left: 0; top: 50%; transform: translate(0, -50%); height: 20px; }
.alert strong { font-size: 16px; }
:root{
    --white: #fff;
    --blue: #3b60c9;
    --green: #1dd983;
    --text-grey:#3a3b3c;
    --yellow:#a4a617;
    --light-sky:#ecf1f5;
}
/* --- Button Styles --- */
.btn {  background-color: #1620a6; font-size: 18px; font-weight: 700; padding: 15px 35px; display: inline-block; transition: all .2s ease-out; color: #fff !important; border-radius: 0; text-transform: capitalize;}
.btn-auth-rev { background-color: #3b60c9; color: #fff}
.btn:hover{background-color: #25cfaf !important; color: var(--white)}




/* --- Button Styles --- */


/* --- checkbox and radio button Styles --- */

.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}

/* --- checkbox and radio button Styles --- */

.common-padd { padding-top: 102px; padding-bottom: 102px; }
.common-padd-small { padding-top: 60px; padding-bottom: 60px; }
.common-padd-lt-rt { padding-left:75px; padding-right:75px; }
.fifty{padding-bottom: 50px;}
/*..............common styles..............*/
/*top header*/
.preheader-area {
    background-color: #161F37;
    color: var(--white);
}
 .preheader-area .preheader-left a {
    display: inline-block;
    margin-right: 10px;
    font-size: 16px;
    color: var(--white);
}
.preheader-left{display: flex; align-items: center;}
.preheader-left p img { width: 20px; border-radius: 4px; filter: invert(1); margin-right: 6px;}
.preheader-left p { margin-bottom: 0; margin-right: 3px; } 

.btn-auth{
    background-color: var(--green) !important;
}
/*header*/
.logo a h1 {
    font-size: 20px;
    color: var(--white);
    font-weight: 600;
    font-size: 50px;
    margin-bottom: 0;
}

.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }

.hdr-rt { display: flex; align-items: center; }
.logo img { width: 400px; } 
.logo { position: relative; text-align: center; z-index: 1;  } 
.logo a { display: block; width: 100%; }


.main-menu {  }
.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.main-menu ul li {position: relative;  list-style: none;  font-size: 17px;  font-weight: 500; margin: 0 5px 0 0px;}
.main-menu ul li:last-child {margin: 0 0 0 0;}
.main-menu ul li a {  display: block; padding: 32px 20px; border-bottom: 3px solid transparent; color: #161F37; position: relative; }
.main-menu ul li:hover a, .main-menu ul li.current-menu-item a { color: #000; background: #ececec}
.main-menu ul li.current-menu-item a:before , .main-menu ul li:hover a:before { position: absolute; background-color: #25cfaf; content: ''; bottom: -3px; left: 0; height: 6px; width: 100%; }
.main-menu ul li.menu-item-has-children:after {position: absolute; width: 13px; height: 14px; content: ""; background: url(../images/down.png) no-repeat; right: -20px; top: 18px; background-size: 100%;}
.main-menu ul li:last-child:hover a:before{display: none;}
.nav_btn { color: var(--blue); font-size: 22px; text-align: right; display: none; }
.nav_close { display: none; color: var(--blue); }


.lang-rt { border: 2px solid #2e3d47; color: #2e3d47; width: 50px; height: 50px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-left: 15px; font-size: 18px; }


.main-header.fixed {  left: 0; position: fixed; top: 0; width:100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 15%)}
/*.main-header.fixed .logo { width: 75px; }*/

body.home .main-header.fixed { position: fixed; background: var(--white);}

.main-header {
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
}

@keyframes slide-down { 

0% {transform: translateY(-100%); 
-moz-transform: translateY(-100%); 
-webkit-transform: translateY(-100%); 
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%); } 
100% { 
transform: translateY(0); 
-moz-transform: translateY(0); 
-webkit-transform: translateY(0); 
-o-transform: translateY(0); 
-ms-transform: translateY(0); } 
}
.page .main-header {
    position: relative;
}
.hdr-btn .all-btn {
    padding: 26px 65px;
}

/*banner*/
.ban-img{position: relative; z-index: 0; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; padding: 230px 0 230px}
.ban-img:after {  background-color: #000000d6; content: ""; left: 0; height: 100%; top: 0; -moz-opacity: .5; -khtml-opacity: .5; -webkit-opacity: .5; opacity: .5; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); filter: alpha(opacity=70); position: absolute; width: 100%; z-index: -1;}
.banner-info h1 , .banner-info h2 { color: var(--white); } 
.banner-info h1{line-height: 1}
.banner-info h2{font-size: 30px;}
.banner-info h2 span { color: #4ac8de; }
.banner-info p { color: var(--white); max-width: 800px; }
.banner-btn {margin-top: 30px;}
.white{background: var(--white) !important; color: var(--text-grey) !important;}
.white:hover{background-color: #25cfaf !important; color: var(--white) !important;}
.multi_slider.slider.slick-initialized.slick-slider { margin-bottom: 0;     position: relative;}
.multi_slider .slick-dots{bottom: 34%; top: auto; left: auto; right: 65px; transform: translateY(-50%);    display: flex; flex-direction: column; width: auto;}
.multi_slider .slick-dots li{width: 25px !important; height: 25px !important; margin: 0 5px; padding: 0; cursor: pointer; background: #ffffff; border-radius: 50% !important;     margin-bottom: 10px;}
.multi_slider .slick-dots .slick-active { background: var(--blue); border:3px solid var(--white); !important;}

/*upcoming event*/
#upcoming-area { margin-top: -190px; padding: 0; position: relative; z-index: 0}
#upcoming-area .upcoming-event-wrap { background-color: var(--blue); padding: 40px; color: var(--white); position: relative; }
#upcoming-area .upcoming-event-wrap .up-event-titile { position: absolute;text-align: center;margin: 0;top: -31px;right: 40px;z-index: 9; }
#upcoming-area .upcoming-event-wrap .up-event-titile h3 { background-color: var(--white); font-size: 24px;color: #000;text-transform: capitalize;font-weight: 700;padding: 10px 45px;margin: 0;box-shadow: 14px 0 26px rgb(0 0 0 / 40%); width: fit-content; text-align: center;}
/*.upcomig-event-slider {overflow: hidden;}*/
.upcomig-event-slider { position: relative; background: var(--blue); } 
.single-upcoming-event { background-color: var(--blue); padding: 40px;color: var(--white);position: relative;}
.upcoming-event-wrap { position: relative; }
.single-upcoming-event .up-event-thumb { position: relative; padding-bottom:60%; }
.single-upcoming-event .up-event-thumb img {     width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover; }
.single-upcoming-event .up-event-thumb .up-event-date { color: #3a3b3c; font-size: 18px;  font-weight: 700; background-color: var(--white); padding: 12px; text-align: center; position: absolute; width: 100%; bottom: -5px; border-bottom: 8px solid #000; }
.event-countdown { margin-bottom: 18px; position: relative; display: inline-block; }
.event-countdown .event-countdown-counter { display: flex; }
.event-countdown .event-countdown-counter .counter-item { text-align: center; color: var(--white); margin-right: 15px; }
.event-countdown .event-countdown-counter .counter-item .counter-label { font-size: 14px; line-height: 1; font-weight: 700; display: block; margin-bottom: 5px; }
.event-countdown .event-countdown-counter .counter-item .single-cont { font-size: 18px;  line-height: 1; font-weight: 700; border: 1px solid var(--white); background-color: #161F37; padding: 10px; display: inline-block; }
.event-countdown p { color: var(--white); font-size: 18px;  line-height: 1; font-weight: 700; margin-bottom: 0; position: absolute; bottom: 0; left: 100%; }
.single-upcoming-event .up-event-text h3 a { color: var(--white); }
.single-upcoming-event p{  color: var(--white); position: relative; }
.btn-brand { background-color: #2f4da1; border-color: var(--white); border-radius: 0; }
.upcomig-event-slider .slick-prev, .upcomig-event-slider .slick-next{background-color: #5481ff; width: 45px; height: 45px; font-size: 3.5rem; line-height: 5.6000000000000005rem; line-height: 45px; text-align: center; margin-bottom: 5px; transition: all .2s ease-out;}
.upcomig-event-slider .slick-next {    right: 7px; top: 77%;}
.upcomig-event-slider .slick-prev{left: 96%; top: 91%; z-index: 99;}
.upcomig-event-slider .slick-next:before{position: absolute; top: 50%; transform: translateY(-50%); left: 35%; content: '\f054'; font-family: 'Font Awesome 5 Free'; font-weight: 900;}
.upcomig-event-slider .slick-prev:before{position: absolute; top: 50%; transform: translateY(-50%); left: 35%; content: '\f053'; font-family: 'Font Awesome 5 Free'; font-weight: 900;}

/*about*/
.abt-wrap{padding: 60px 0 }
.about-img-one { position: relative; padding-bottom: 100%; }
.about-img-one img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; width: 84%; height: 100%; }
.about-img-two { position: absolute; top: 26px; left: 45%; z-index: 99; } 
.about-img-two img { width: 318px; height: 370px; }
.about-content-wrap{margin-left: 40px}
.about-content-wrap img{ border-radius: 10px;  } 
.abt-content {margin-left: 60px;}
.about-content-wrap p { color: var(--white); max-width: 800px; margin: 20px auto; }
.shape-rectangle { width: 126px; height: 9px; background: #4ac8de; display: inline-block; vertical-align: middle;}
.common-heading span { display: inline-block; margin-left: 14px; color: #000; line-height: 1; font-size: 28px; font-weight: 500; }
.cmmn-hding{margin: 20px 0 30px; color: #1620a6}
.about-content p { text-align: justify; } 
.about-content {padding: 30px;}
.about-content h2 {margin: 20px 0 30px; color: #1620a6}
.xtra-margin{margin: 180px 0 0;}

.big-rectangle{height: 808px; max-width: 303px; margin: 60px 0 0 auto; position: relative; background: #4ac8de}
.about-img{height: 585px; max-width: 968px; margin: -742px 65px 0 auto; position: relative; overflow: hidden;}
.about-img img { transition: 0.3s; } 
.about-img img:hover { transform: scale(1.1); }
.u-valign-middle { min-height: 345px; max-width: 532px; height: auto; margin: -83px auto 60px 0; background: #25cfaf; position: relative; padding: 30px 40px; display: flex; flex-direction: column; justify-content: center; }
.u-valign-middle h2 { font-weight: 700; text-transform: none; font-size: 3rem; margin: 16px 1px 0; color: #fff; line-height: 1.1 }
 .u-valign-middle h5 { font-size: 1.5rem; font-family: Roboto, sans-serif; letter-spacing: 2px; text-transform: uppercase; font-weight: 300; margin: 0 51px 0 1px; color: var(--white); }
/*notice*/
.annouce-info {  padding: 20px;     height: 100%;}
.annouce-info h4 a {color: #1620a6;}
.red{background: #F9745E;}
.blue{background: var(--blue);}
.yellow{background: #FBBB60;}
.green{background:#76D7B1;}
.blue{background: #423B7D;}
.annouce-info h4 {text-align: left; font-weight: 600;}
.scroll-notice::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);    background-color: transparent;}
.scroll-notice::-webkit-scrollbar{width: 6px; background-color:##ffffff1f;}
.scroll-notice::-webkit-scrollbar-thumb{background-color: #FFf;border:0;}
.scroll-notice{height: 235px;  overflow-y: auto; padding-right: 20px; overflow-x: hidden;}
.scroll-notice li a { font-size: 16px;  -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); transition: all 0.4s ease-out; position: relative;} 
.scroll-notice li a:hover{-moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); padding-left: 10px;}
.scroll-notice li a:before { content: '\f105'; font-family: 'Font Awesome 5 Free'; font-size: 16px; font-weight: 900; margin-right: 10px; }
.scroll-notice li { border-bottom: 1px solid  #ffffff61; padding: 8px 0px; }
.scroll-notice li:last-child{border-bottom: 0;}
.annouce-box .image-wrap { position: relative; padding-bottom: 50%; } 
.annouce-box .image-wrap:hover img{opacity: 1;
    -webkit-animation: flash 1.5s;
    animation: flash 1.5s;}
 @-webkit-keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}
@keyframes flash {
    0% {
        opacity: .4;
    }
    100% {
        opacity: 1;
    }
}
 .notice-wrap { padding-left: 60px; padding-right: 60px; } 
 .annouce-box {height: 100%; background: #f8f8f8;} 
.annouce-box .image-wrap img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.alumni-dashboard:hover { box-shadow: -1px 1px 3px #ccc; }
.alumni-dashboard { padding: 15px; border: 1px solid #efeaea; margin-bottom: 15px} 
.alumni-icon {margin-bottom: 22px;}
.alumni-icon svg { max-width: 52px; height: 38px; }
.icon-content p { text-align: justify;  height: 96px;} 
.icon-content h5 { font-weight: 600; }
.event-sec { display: flex; padding: 10px; border-bottom: 1px solid #ccc;} 
.date-item { width: 12%; padding: 0 2px; text-align: center; font-size: 14px; text-transform: uppercase; line-height: 1.3; } 
.date-desc-wrapper { width: 88%; padding-left: 20px; } 
.date-item .day { font-size: 24px; color: #19191c!important; font-weight: 600; }

.date-desc p { color: #4b4b4b; font-size: 14px; } 
.date-desc h6 a { font-weight: 600; color: #19191c!important; } 
.date-desc h6 { margin-bottom: 6px; }
.text-light {color: #484848!important;}
/*jobs*/
.single-job-opportunity { border: 6px solid #dbe5f3; padding: 30px 0; margin-top: 30px; color: #3a3b3c; font-size: 14px; transition: all .4s ease-out; box-shadow: 0 0 30px #e6e4e4;}
.single-job-opportunity:hover { box-shadow: 0 8px 14px 0 rgb(0 0 0 / 15%); }
.single-job-opportunity .job-opportunity-text { padding: 0 20px; text-align: center;}
.single-job-opportunity .job-opportunity-text .job-oppor-logo { height: 109px; }
.single-job-opportunity .job-opportunity-text .job-oppor-logo img { max-width: 80px; max-height: 80px; margin: auto; }
.single-job-opportunity .job-opportunity-text h3 a { font-size: 17px;  line-height: 1.3; display: block; font-weight: 700; color: #131c33; transition: all .4s ease-out; }

/*counter*/
.funfact-area { background-color: #161F37; padding: 100px 0; color: #fff; }
.counter-content {display: flex;  align-items: center; justify-content: center;}
.funfact-icon {  width: 50px; height: 50px; }
.counter-count { padding-left: 35px;  }
.counter-count .counter { font-weight: 500; font-size: 40px;   margin: 0; line-height: 1;}
.counter-count p{font-size: 20px ; color: var(--white); margin-bottom: 0}

/*gallery*/
.galbox {
  position: relative;
  overflow: hidden;
}

.galbox img {
  width: 100%;
  height: 170px;
  object-fit: cover;
  transition: 0.3s;
}
.galbox img:hover{
    transform: scale(1.1);
}
.galbox h2 {
  position: relative;
  width: 100%;
  height: auto;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #1029a2;
  font-size: 13px;
  line-height: 1.3;
  padding: 10px 6px;
}
.grid article {
  background-color: #FFFFFF;
  display: block;
  float: left;
  margin: 1%;
  width: 23%;
}
.single-blog-post { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; }
.single-blog-post:hover {box-shadow: 0 8px 14px 0 rgb(0 0 0 / 15%); transform: translateY(-5px);}
.filters-button-group { text-align: center; margin: 50px 0 90px; } 
.filters-button-group button { padding: 15px 35px; margin-right: 25px; font-size: 16px; border: 0; background-color: #dbe5f3; color: #131c33; font-weight: 500; }
.filters-button-group .is-checked { background: var(--green); color: var(--white); }
.blog-content { padding: 30px; background: var(--white)}
.blog-content h3 a{ font-size: 20px; line-height: 3.2rem; line-height: 1.4; color: #131c33; font-weight: 500;}
.blog-content h3 {
    line-height: 1;
}
.light-sky{background:var(--light-sky);}

.masonry {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}
.masonry  .item {
    width: 23.8%;
    margin: 0 0px 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.masonry .item:nth-child(odd) {
    height: 431px;
}

.masonry .item img {
    height: 100%;
    object-fit: cover;
    margin-bottom: 20px;
    transition: 0.3s;
}
.masonry .item img:hover {transform: scale(1.1);}
.masonry .item:nth-child(even)  {
    height: 100%;
    
}
.masonry .item:nth-child(even) a img { height: 205px; }
.item a {
    overflow: hidden;
    display: block;
    height: 100%;
}

.masonry .item:nth-child(even) a:last-child img {
    margin-bottom: 0;
}
/*footer*/
.footer{
        background-color: #161F37;
    color: #b6c1cd;
    padding: 60px 0px;
    
}
.footer-logo { margin-bottom: 23px; }
.footer-logo h2{
    font-weight: 600;
    
    margin-bottom: 30px;
}
.footer-box p{
    color: #FDFDFF;
    font-size: 20px;
    letter-spacing: -0.02em;
}
.footer-menu h3{
    font-weight: 700;
    margin-bottom: 16px;
    font-size: 24px;
    color: var(--white);
    text-align: center;
}
.footer-menu li {
    margin-bottom: 9px;
}
.footer-menu li a {
    color:  #FDFDFF;
    margin-bottom: 0px;
    position: relative;
    font-weight: 400;
    font-size: 16px;
    
}

.flx {
    display: flex; justify-content: space-around; border-top: 1px solid #ffffffcc; padding: 13px 0px; border-bottom: 1px solid #ffffffcc; margin-bottom: 25px;
}
.footer-box {
    text-align: center;
}

.footer-menu h4 {
    font-weight: 700;
}
.footer-menu p{
    color: #FDFDFF;
    font-size: 16px;
}
.footer-menu p span{
    margin-right: 8px;
}
.copyright-pannel{
    background: #1620a6;
    padding: 14px 0px;
    border-top: 1px solid rgb(253 253 255 / 50%);
    color: #FDFDFF;
}

.copyright-pannel h5{
    font-weight: 500;
    margin-bottom: 0;
    font-size: 16px;
}
.copyright-pannel span i {
    border-radius: 50%;
    width: 43px;
    height: 43px;
    background: #FDFDFF;
    line-height: 43px;
    color: #2400FF;
    text-align: center;
    font-size: 18px;
}

.right-info ul { display: flex; justify-content: flex-end; z-index: 9; align-items: center}
.right-info ul li { position: relative; margin-right: 7px; margin-bottom: 0;}
.right-info ul li i { color: var(--blue); font-size: 16px; width: 42px; height: 42px; border-radius: 50%; background: var(--white); text-align: center; line-height: 42px; }


/*inner banner*/
.inner-banner{background-size: cover !important; position: relative; z-index: 1;     background-attachment: fixed !important;}
.inner-banner:before{background-color: #3054cfde; content: ''; height: 100%; left: 0; top: 0; width: 100%; position: absolute; -moz-opacity: .8; -khtml-opacity: .8; -webkit-opacity: .8; opacity: .8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); z-index: -1;}
.page-title-content h3{font-size: 50px; color: #fff; font-weight: 700;}
.page-title-content p{font-size: 16px; color: #fff}
.breadcrumb{justify-content: center;}
.breadcrumb-item.active , .breadcrumb-item+.breadcrumb-item::before { color: #fff;}
/*sign up*/
.register-page-inner { -webkit-box-shadow: 0 3px 30px 0 rgb(0 0 0 / 10%); -moz-box-shadow: 0 3px 30px 0 rgba(0,0,0,.1); box-shadow: 0 3px 30px 0 rgb(0 0 0 / 10%); padding: 60px 80px; position: relative; overflow: hidden;} 
.sign-form input { width: 100%; display: block; text-align: center; background-color: #ecf1f5; border: 1px solid #2f4da1; color: #6a78a1; padding: 12px 15px; margin-bottom: 15px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; }
.register-form-content .register-form-wrap h3 { font-size: 30px; line-height: 3.84rem; line-height: 1; text-transform: capitalize; text-align: center; font-weight: 700; color: #131c33; margin-bottom: 35px; }
.register-form label { font-size: 14px; font-weight: 500; }
.register-form-content .register-form-wrap .file-input .custom-file { background-color: #dbe5f3; font-size: 1.2rem; line-height: 1.92rem; line-height: 1; padding: 15px 25px 25px; border: 1px solid #6a78a1; width: auto; cursor: pointer; }
.register-form-wrap { position: relative; } 
.check-form .form-group {
     position: relative;
     margin-bottom: 30px;
}
/*  .form-group + .form-group {
     margin-top: 30px;
}*/
 .check-form .form-label {
    position: absolute;
    left: 26px;
    top: 50%;
    color: #746d6d;
    background-color: #fff;
    z-index: 10;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
    font-size: 15px;
    margin-bottom: 0;
    transform: translateY(-50%);
}
 .focused .form-label {
     transform: translateY(-125%);
     font-size: 0.75em;
     top: 17px;
     left: 26px;
     color: var(--blue);
     background: #fff;
     padding: 5px;
}
 .check-form .form-input {
    position: relative;
    padding: 12px;
    font-size: 15px;
    color: #878383;
    width: 100%;
    outline: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 0 0 #e5e5e5;
    transition: box-shadow 150ms ease-out;
    background: #fff;
}
 .check-form .form-input:focus {
     /*box-shadow: 0 2px 0 0 blue;*/
     border: 1px solid blue;
}
 .check-form .form-input.filled {
     border-color: #ffb000!important;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    border: 1px solid  #ffb000 !important;
  -webkit-box-shadow: 0 0 0 1000px #fff7f7 inset !important;
    -webkit-text-fill-color: #080808 !important;
}

.check-form i {
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--white);
    background: #16b2e4;
    width: 50px;
    height: 51px;
    line-height: 50px;
    text-align: center;
    border-radius: 0 4px 4px 0;
}
.reg-logo { text-align: center; margin-bottom: 22px; width: 140px; } 
.register-page-inner:before { content: ""; width: 150px; height: 150px; position: absolute; top: 0; right: -25px; background: #ccc; z-index: -1; border-radius: 158px 0 119px 137px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#87e0fd+0,53cbf1+40,05abe0+100;Blue+3D+%23+16 */ background: #87e0fd; /* Old browsers */ background: -moz-linear-gradient(left,  #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=1 ); /* IE6-9 */ }
.register-page-inner:after { content: ""; width: 150px; height: 150px; position: absolute; bottom: 0; left: -25px; background: #ccc; z-index: -1; border-radius: 119px 137px 150px 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#87e0fd+0,53cbf1+40,05abe0+100;Blue+3D+%23+16 */ background: #87e0fd; /* Old browsers */ background: -moz-linear-gradient(left,  #87e0fd 0%, #53cbf1 40%, #05abe0 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,  #87e0fd 0%,#53cbf1 40%,#05abe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=1 ); /* IE6-9 */ }
/*about*/
.inner-bg{background: #f5f5f5}
.inner-bg p{text-align: justify;}
.img-holder { text-align: right; position: relative; } 
.zig-zag-block:after { position: absolute; content: ''; width: 49%; height: 275px; background: #131da5; left: 0; top: 23%; z-index: -1; } 
.zig-zag-block { position: relative; margin-bottom: 50px; z-index: 1;} 
.zig-zag-block:nth-child(even) .row { flex-direction: row-reverse; } 
.zig-zag-block:nth-child(even) .img-holder { text-align: left; } 
.zig-zag-block:nth-child(even):after{ right: 0; left: inherit; }
span.year { color: white; font-size: 110px; text-shadow: 0 0 1px rgb(0 0 0 / 85%); font-family: 'Libre Bodoni', serif; position: absolute; top: -80px; z-index: -1;  left: 0; display: inline-block; line-height: 1; } 
.about-text{ position: relative; z-index: 1;  }

/*event*/
.college-name h3 { font-size: 16px; font-weight: 600; margin-bottom: 10px; } 
.college-name p { font-size: 14px;   } 
.college-name p span {  color: #000; display: inline-block;  border-radius: 5px;     margin: 10px 10px 10px 0;}
.college-logo , .event-banner{margin-bottom: 20px;}
.college-name p span i {color: #1620a6;}

.inner-bg ul li { list-style: lower-roman; font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 400; color: #111111; } 
.inner-bg ul { padding: inherit; margin: 0; }
/*speach*/
.single-testimonial-wrap { background-color: #fff; position: relative; padding: 0 20px 65px; margin: 97px 0 40px; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; text-align: center; }
.single-testimonial-wrap .people-thumb { position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-top: -65px; }
.single-testimonial-wrap .people-thumb img { width: 130px; height: 130px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; border: 4px solid transparent; }
.single-testimonial-wrap .quote-icon { display: inline-block; margin: 90px 0 15px; font-size: 70px; color: #cccccc40}
 .single-testimonial-wrap h4 { font-size: 24px;  line-height: 1; font-weight: 700; background-color: #3b60c9; color: #fff; padding: 20px 10px; margin-bottom: 0; position: absolute; right: 0; bottom: -40px; width: calc(70%); }
 .single-testimonial-wrap h4 .people-deg { font-size: 15px;  line-height: 1; font-weight: 400; color: #fff; -moz-opacity: .8; -khtml-opacity: .8; -webkit-opacity: .8; opacity: .8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); letter-spacing: .7px; display: block; margin-top: 10px; }
.studer-speach-slider .slick-slide{margin-right: 30px;}
.single-testimonial-wrap:hover { box-shadow: 0 8px 14px 0 rgb(0 0 0 / 15%); transform: translateY(-5px);}
 .single-testimonial-wrap:hover .people-thumb img { border-color: #3b60c9; }

/*event*/
.form-inline { text-align: center; } 
.form-inline select { padding: 16px 20px; border: 1px solid var(--blue); }
.event-list .single-upcoming-event {margin-top: 30px;}

/*contact*/
.contact-now { margin: 0px auto; max-width: 470px; }
.contact-form { background: var(--white); padding: 30px; border-radius: 14px; }
.contact-form label{ font-weight: 600; text-transform: uppercase; letter-spacing: .5px; font-size: 13px; }
.contact-form input,  .contact-form textarea  { color: #4a4949; float: left; border: 0; font-size: 13px; line-height: 32px; margin-bottom: 15px; padding: 10px 20px; width: 100%; background: #efefef; border-radius: 0; } 
.contact-form textarea{ height: 90px; } 
.contact-form select{ color:  #8c8c8c; float:  left; border:  1px solid #ddd; font-size:  15px; line-height:  32px; margin-bottom:  15px; padding: 12px 20px; width: 100%; background:url(../images/drp.png) no-repeat right 15px center; -moz-appearance: none; -webkit-appearance: none; } 
.contact { display: flex;     margin-bottom: 30px;} 
.contact-icon { flex: 0 0 50px; }
.contact-icon span i { color: #1620a6; } 
.information h5 { font-weight: 700; color: #1620a6; text-transform: uppercase; margin-bottom: 10px; }

/*newsroom*/
.srch-bar { background-color: #fff; padding: 30px 45px; margin-bottom: 30px; } 
.search input { font-size: 14px;  border: 1px solid #b4b4b4; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 12px 20px; } 
.search button { color: #b4b4b4; background-color: transparent; border: none; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; font-size: 17px; } 
.srch-bar form { position: relative; }
.category-sec { background-color: #fff; padding: 30px 45px; margin-bottom: 30px; } 
.category-sec h4 { font-weight: 700; }
.category-sec ul li a {  color: #3a3b3c;  font-size: 14px;  -moz-opacity: 0.8; -khtml-opacity: 0.8; -webkit-opacity: 0.8; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); filter: alpha(opacity=80); transition: all 0.4s ease-out; position: relative;} 
.category-sec ul li a:hover{-moz-opacity: 1; -khtml-opacity: 1; -webkit-opacity: 1; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); filter: alpha(opacity=100); padding-left: 10px;}
.category-sec ul li a:before { content: '\f105'; font-family: 'Font Awesome 5 Free'; font-size: 16px; font-weight: 900; margin-right: 10px; }
.category-sec ul li { border-bottom: 1px solid #b4b4b4; padding: 8px 0px; }
.category-sec ul li:last-child{border-bottom: 0;}


/*activities*/
.blog-content h3 { font-weight: 600;  line-height: 40px;   color: #555555; margin-bottom: 30px;  }
.yellow-text { color: #6a78a1;}
.blog-img { position: relative; padding-bottom: 42%; } 
.blog-img img { position: absolute; top: 0; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; object-fit: cover; }


/*profile*/
/*custom font*/

/*form styles*/
#msform {
    width: 400px;
    margin: 50px auto;
    text-align: center;
    position: relative;
}
#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    padding: 20px 30px;
    box-sizing: border-box;
    width: 80%;
    margin: 0 10%;
    
    /*stacking fieldsets above each other*/
    position: relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}
/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}
/*buttons*/
#msform .action-button {
    width: 100px;
    background: #27AE60;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 1px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}
#msform .action-button:hover, #msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}
/*headings*/
.fs-title {
    font-size: 15px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
}
.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}
#progressbar li {
    list-style-type: none;
    color: white;
    text-transform: uppercase;
    font-size: 9px;
    width: 33.33%;
    float: left;
    position: relative;
}
#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 20px;
    line-height: 20px;
    display: block;
    font-size: 10px;
    color: #333;
    background: white;
    border-radius: 3px;
    margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: white;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none; 
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before,  #progressbar li.active:after{
    background: #27AE60;
    color: white;
}

.grid-container {
   
   width: 100%;
   margin: 50px 0;
}
.grid-container .gal-images {
  width: 150px;
  margin: 0 10px 10px 0;
  display: inline-block;
  width: 100%;
  border: solid 2px #ccc;
  padding: 5px;
  border-radius: 5px;
  transition: all 0.25s ease-in-out;
  overflow: hidden;
}
 .grid-container .gal-images:hover {
   border-color: #02ca86;
}
 .grid-container .gal-images img {
   width: 100%;
   border-radius: 5px;
   transition: all 0.25s ease-in-out;
  -webkit-transition: 0.9s ease;
  transition: 0.9s ease;
  cursor: zoom-in;
}
 .grid-container .gal-images:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}


/*Media Query css*/



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

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

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

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

}

@media only screen and ( max-width:1440px ) {
    
    .main-menu ul li {
        font-size: 15px;
        
    }
    h1{font-size: 60px; margin: 0px 0 12px;}

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

.main-menu ul li a{ padding: 30px 12px;}
.abt-wrap{background-size: 108%;}
.btn{font-size: 15px;}
.banner-info h2 {font-size: 26px;}
.xtra-margin {margin: 173px 0 0;}
.masonry .item{width: 23.6%; margin: 0 0px 15px}

}
@media only screen and ( max-width:1200px ) {
    
}
@media only screen and ( max-width:1199px ) {
    .big-rectangle{height: 774px; max-width: 259px;}
    .about-img{height: 559px; max-width: 807px; margin-top: -708px; margin-right: 60px;}
    .u-valign-middle{margin-top: -57px; height: auto;}
    .logo img {width: 299px;}
    h2{font-size: 32px;}
    .common-heading span{font-size: 24px;}
    .masonry .item{width: 31.9%;}
    
}
@media only screen and ( max-width:1024px ) {
    
    .logo a h1 {
        font-size: 25px;
    }
   .hdr-btn .all-btn {
        padding: 11px 18px;
    }
    .main-menu ul li {
        
        margin: 0 0 0 11px;
    }
    .grid article {
    width: 31.3%;
  }
  .main-menu ul li a { padding: 24px 8px; }
   
}
@media only screen and ( max-width:991px ) {
    .nav_btn { display: block; cursor: pointer; line-height: 1; margin-left: 10px; width: 42px;}
    .main-menu ul{    margin-top: 38px;}
    .nav_close { display: block; position: absolute; top: 20px; right: 30px; z-index: 999; font-size: 30px;}
    .main-menu { position: fixed; transform:translateX(320px); right: 0; top: 0; bottom: 0; z-index: 999; max-width: 320px; box-shadow: 4px 0 27px rgba(0, 0, 0, 0.11); background-color: var(--white); padding-top: 28px; margin:0; display:block; width: 100%; padding-left: 10px; padding-right: 10px; transition: 250ms ease-in;}
    .main-menu ul li { width: 100%; }
    .main-menu ul li:not(:last-child) { margin: 0 ; }
    .main-menu ul li a { display: block; padding: 10px; }

    .hdr-rt{margin-right: 20px; margin-left: auto;}
    .single-blog-post{margin-bottom: 20px;}
    .preheader-area { padding: 15px 0; }
    .btn{font-size: 16px; padding: 8px 20px;}
    h1 { font-size: 60px;}
    h2{font-size: 30px;}
    #upcoming-area .upcoming-event-wrap .up-event-titile{right: 50%; transform: translateX(50%);}
    .up-event-text{margin-top: 50px;}
    .upcomig-event-slider .slick-next {left: 98%;top: 92%;}
    .filters-button-group button{margin-top: 20px;}
    .counter-content{margin-bottom: 50px;}
    .big-rectangle{height: 812px; max-width: 323px;}
    .about-img{height: 367px; max-width: 617px; margin-top: -746px; margin-right: 43px;}
    .u-valign-middle{max-width: 487px; margin-top: -54px;}
    .ban-img{padding: 200px 0}
    .about-content {padding: 15px;}
    .masonry .item { width: 30.9%;}
    .masonry .item:nth-child(odd) {height: 374px;}
    .masonry .item:nth-child(even) a img { height: 175px; }
    .contact-now {margin: 40px auto 0; max-width: 100%;}

}

    
    
@media only screen and ( max-width:768px ) {
.common-padd{padding-top: 80px; padding-bottom: 80px;}
 .notice-wrap {padding-left: 20px; padding-right: 20px;}   

}


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

.hdr-btn{
    display: none;
}
.map-box{
    width: 100%;
        margin-right: 0;
}
.grid article {
    width: 48%;
  }

.preheader-right { text-align: center; } 
.preheader-left { text-align: center; margin-bottom: 10px; }
.flx { display: flex; justify-content: center; border-top: 0; padding: 13px 0px; border-bottom: 0; margin-bottom: 25px; flex-direction: column; align-content: center; align-items: center; }
.header-row {
    padding: 12px 0px;
}
.upcoming-event-wrap p{display: none;}
.big-rectangle{height: 683px; max-width: 250px;}
.about-img{height: 309px; max-width: 438px; object-position: 100% 50%; margin-top: -617px; margin-right: auto;}
.u-valign-middle h2{font-size: 2.45rem;}
.u-valign-middle{min-height: 295px; max-width: 434px; margin-top: -72px; margin-bottom: -9px;}
.xtra-margin{margin: 0 0}
.u-valign-middle h5{font-size: 1.2rem; margin:0 0px 0 1px;}
.masonry .item {width: 100%;}
.masonry .item:nth-child(even) a img , .masonry .item:nth-child(odd){ height: auto;}
.page-title-content h3{font-size: 30px;}
h2 {font-size: 26px;}
.contact-form{padding: 15px}
.information p{word-break: break-word; font-size: 14px;}
.right-info ul{justify-content: center; margin-top: 20px;}
.copyright-pannel h5{font-size: 15px; text-align: center;}
.register-page-inner{padding: 60px 30px}
.datepicker-dropdown{left: calc(50% - 45%) !important}
}
@media only screen and ( max-width:475px ) {
    .ban-img{padding: 80px 0 100px;}
   .grid article {
    margin: 2% 0;
    width: 100%;
  }
  h1 {font-size: 40px;}
#upcoming-area{margin-top: 0;     padding: 70px 0 0;}
#upcoming-area .upcoming-event-wrap .up-event-titile h3{    font-size: 15px; 
    padding: 10px 25px;}
.common-padd { padding-top: 50px; padding-bottom: 50px; }
.multi_slider .slick-dots{    bottom: 0%; right: 40%;     flex-direction: row;}
.up-event-text h3 {font-size: 20px;}
.big-rectangle{height: 568px; max-width: 186px;}
.about-img{height: 216px; max-width: 394px; margin-top: -502px; margin-left: 16px;}
.u-valign-middle h2{font-size: 1.4rem;}
.u-valign-middle{min-height: 248px; max-width: 368px; margin-top: -27px; margin-bottom: 60px; }
.icon-content p{height: auto;}
.hdr-top {padding: 0 15px;}
.logo img {width: 269px;}
} 
@media only screen and ( max-width:425px ) {
    .about-img{max-width: 318px}
    .u-valign-middle{max-width: 308px}
    .inner-bg{padding-left: 15px; padding-right: 15px;}

}
@media only screen and ( max-width:375px ) {
.logo img {width: 211px;}
}
@media only screen and ( max-width:360px ) {
}

@media only screen and ( max-width:320px ) {
  
}
@media only screen and ( max-width:280px ) {
	
 
}
/*Media Query css*/