html{box-sizing:border-box; -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;
margin:0; font-family: 'Rubik', sans-serif;}
*:before,*:after{box-sizing:inherit;}
a{text-decoration: none;}
div {display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
div,h1, h2, h3, h4, h5, h6, p, a, li {font-family: 'Nunito', sans-serif;}
img{max-width: 100%;}
.text-right{text-align: right;}
.pagination{justify-content: center;}
.pagination li a{border: 1px solid #cdcdcd; width: 40px; color: #003f6d;
height: 40px; text-align: center; line-height: 40px; border-radius: 2px;
background: #fff; display: inline-block;}
.pagination li a:hover{background-image: linear-gradient(96deg, #bf0b3040 0%, #003f6d42 100%);
color: #000;}
.pagination li span{border: 1px solid #cdcdcd; width: 40px;
height: 40px; text-align: center; line-height: 40px; border-radius: 2px;
background: #fff; display: inline-block;}
.pagination li.active span{color: #fff;
background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%);}
/*Top Top Top Section CSS*/
.top-top-top-section{background: #003f6d; position: relative;
z-index: 11; text-align: center;}
.top-top-top-section .content{display: flex; align-items: center; justify-content: space-between;}
.top-top-top-section .content p{margin-bottom: 0px; font-size: 18px; color: #eee;
letter-spacing: 0.2px; text-align: center;}
.top-top-top-section .content p b{color: #fff;}
.top-top-top-section .right-logo{width: 130px;}
/*Top Top Section CSS*/
.top-top-section{background: #fff; position: relative; z-index: 11;}
.top-top-section .row{align-items: center; background: #003f6d;
padding: 4px 4px 4px 6px; border-radius: 4px;}
.top-top-section .content p{margin-bottom: 0px; font-size: 22px; color: #eee;
letter-spacing: 0.2px; text-align: center;}
.top-top-section .content p b{color: #fff;}
.top-top-section .top-top-btn{text-align: right; padding-right: 16px;}
.top-top-section .top-top-btn a{display: inline-block; background: #bf0b30;
color: #fff; padding: 4px 18px; letter-spacing: 0.6px; border-radius: 4px;}
/*Top Section CSS*/
.top-section{background: #003f6d; padding: 8px 0px; position: relative; z-index: 1111;}
.top-section .row{align-items: center;}
.top-section .left{padding-left: 150px;}
.top-section .left .logo{position: absolute; left: 0; top: -24px; z-index: 11;}
.top-section .left .logo img{width: 160px;}
.top-section ul{padding: 0; margin: 0;}
.top-section ul li{list-style: none; display: inline-block; margin-left: 10px;}
.top-section ul li a{color: #fff}
.top-section ul li a svg{position: relative; top: 2px; right: 4px; color: #eee;}
.top-section .right{text-align: right; padding-left: 0px; padding-right: 0px;}
.top-section .right .certificate a{background: #3f51b5; padding: 5px 18px 6px 24px;
border-radius: 30px; border: 3px solid #8798f3; color: #fff; font-size: 15px;}
.top-section .right .certificate a svg{color: #fff;}
.top-section .right .donate a{background: #bf0b30; padding: 5px 18px 6px 24px;
border-radius: 30px; border: 3px solid #e53b5e; font-size: 15px;}
.top-section .right .login{margin-left: 10px; margin-right: 30px;}
.top-section .right .login a{background: #0b78a5; padding: 5px 18px 6px 24px;
border-radius: 30px; border: 3px solid #4bb5e1; font-size: 15px;}
.top-section .right .flag{width: 32px; margin-left: 5px;}
.hardcopy-certificate .modal-title{font-size: 18px; font-weight: 800;
margin-bottom: 0px; color: #003f6d;}
.hardcopy-certificate .form-group{text-align: left; margin: 0px 0px 20px 0px;}
.hardcopy-certificate .form-group label{margin-bottom: 2px;}
.hardcopy-certificate .btn-primary {color: #fff; border-color: #fff;
background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%);}
.donation-form .card .card-header h5{font-weight: 800; font-size: 26px;
letter-spacing: 1px; word-spacing: 2px; color: #003f6d; margin-bottom: 0px;}
.donation-form .card .form-group{margin: 8px 0px;}
.donation-form .card .form-group .input-group-text {padding: 0.9rem 0.75rem;}
.donation-form .card .form-group .form-control {padding: 0.6rem 0.75rem;}
.donation-form .card .form-group label {margin-bottom: 5px; color: #555;}
.donation-form .card .btn-primary {color: #fff; background-color: #003f6d;
border-color: #003f6d; text-transform: uppercase; letter-spacing: 0.5px;
font-size: 14px; word-spacing: 3px; font-weight: 600;}
.donation-form .card .btn-primary svg{margin-right: 10px;}
.donation-form .card .btn-warning {color: #fff; background-color: #bf0b30;
border-color: #bf0b30; text-transform: uppercase; letter-spacing: 0.5px;
font-size: 14px; word-spacing: 3px; font-weight: 600;}
.donation-form .card .btn-warning svg{margin-right: 10px;}
/*Menu Section CSS*/
.fixed-top {background: #fff; box-shadow: 0px 0px 25px 0px #0000004a;
position: fixed!important;}
.fixed-top .logo-category .logo {top: -15px!important;}
.menu-section{background: #fff; position: relative; z-index: 111;}
.menu-section .logo-category{display: flex; align-items: center; position: relative;
padding-right: 0;}
.fixed-top .logo-category .logo{display: block!important;}
.menu-section .logo-category .logo{position: absolute; left: 0; top: -60px; z-index: 11; display: none;}
.menu-section .logo-category .logo img{width: 160px;}
.menu-section .logo-category .category-button{margin-left: 140px; margin-top: 6px;
background: transparent; border: none; color: #003f6d; font-size: 18px;
font-weight: 700;}
.dropdown-category{position: relative;}
.dropdown-category .category-dropdown-menu{display: none; position: absolute;
background-color: #fff; min-width: 260px; width: auto; left: 56%;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; padding-left: 0px;}
.dropdown-category .category-dropdown-menu .nav-item{list-style: none;}
.dropdown-category .category-dropdown-menu .nav-link{color: #003f6d;
font-weight: 600; border-bottom: 1px solid #ddd; padding-top: 12px;
padding-bottom: 11px;}
.dropdown-category .category-dropdown-menu .nav-link:hover{background-color: #e9ecef;}
.dropdown-category:hover .category-dropdown-menu{display: block;}
.dropdown-category .dropdown .dropdown-menu{left: 100%; top: 0; background: #fff;}
.dropdown-category .dropdown:hover .dropdown-menu{display: block;}
.dropdown-category .dropdown .dropdown-menu .dropdown-item{color: #003f6d;
font-weight: 600;}
.menu-section .logo-category .category-button svg{margin-right: 4px;}
.menu-section .logo-category .category-button:focus {box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 0%);}
.menu-section .navbar{position: relative; top: 4px;}
.menu-section .navbar-light .navbar-nav .active{color: #f80930!important; background: #d6e9ff;}
.menu-section .navbar-light .navbar-nav .nav-link {font-size: 18px; padding: 8px 15px;
color: #003f6d; height: 56px; line-height: normal; font-weight: 600;}
.menu-section .navbar-light .navbar-nav .nav-item:last-child .nav-link{padding-right: 0px;}
.menu-section .col-md-9{padding-right: 0px;}
.menu-section .navbar-light .navbar-nav .nav-link:hover{background: #d6e9ff;
color: #000!important;}
.menu-section .navbar-light .nav-item:hover .dropdown-menu{display: block; }
.menu-section .dropdown-menu{border: none; padding: 0;
box-shadow: 0px 5px 20px rgb(0 0 0 / 10%);}
.menu-section .dropdown-menu li{border-bottom: solid 1px #f2f2f2;}
.menu-section .dropdown-menu li .dropdown-item{padding-top: 12px; padding-bottom: 11px;}
#workWithUs .form-group{margin: 5px 0px;}
#workWithUs .form-control {width: 100%; height: 50px; border: none; outline: none;
font-size: 18px;
color: #595959;
background-color: #e5f3ff;
box-shadow: inset 2px 2px 5px #babecc, inset -5px -5px 10px #ffffff73;
padding: 0px 30px;
margin: 4px 0px;
border-radius: 25px;
}
#workWithUs .form-group label {
margin-bottom: 2px;
}
#workWithUs label {
margin-left: 10px;
color: #555;
}
/*Banner Section CSS*/
.banner-section{background-color: #F8F8F8; position: relative; z-index: 11;}
.banner-section .row{align-items: center; margin: 0;}
.banner-section .left .content{position: relative; z-index: 1;}
.banner-section .left .content h6{font-size: 18px; font-weight: 800; color: #d4002c;}
.banner-section .left .content h1{font-size: 46px; font-weight: 800; color: #003f6d;}
.banner-section .left .content h1 span{color: #d4002c;}
.banner-section .left .content p{font-size: 17px; color: #555;}
.banner-section .left form {position: relative; z-index: 1;}
.banner-section .left form .search-field {height: 68px; background: #fff;
box-shadow: 0 0 10px rgb(0 0 0 / 10%); padding-right: 60px!important;
border: none;}
.banner-section .left form svg{color: #d4002c; font-size: 22px;
position: relative; top: 2px;}
.banner-section .left form .search-submit {position: absolute; top: 0; right: 0;
height: 100%; padding: 0; border: 0; width: 60px; text-align: center; box-shadow: none;
-webkit-transform: none; -ms-transform: none; transform: none; background: transparent;
color: var(--edumall-color-primary);}
.banner-section .right{position: relative;}
.banner-section .right:before{position: absolute; content: " "; top: 0;
left: -140px; background-image: url(../images/shape1.png); width: 100%;
height: 100%; background-repeat: no-repeat;}
.banner-section .owl-dots{position: absolute; right: 2%; top: 30%;}
.banner-section .owl-theme .owl-dots .owl-dot {display: block;}
.banner-section .owl-theme .owl-dots .owl-dot.active span,
.banner-section .owl-theme .owl-dots .owl-dot:hover span {
background: #bf0b30;}
.banner-section .box{position: relative;}
.banner-section .box .image {position: relative; height: 577px; overflow: hidden;}
.banner-section .box .content{position: absolute; left: 6%; top: 30%;
color: #fff; height: 100%; vertical-align: middle; width: 50%;}
.banner-section .box .content h1{font-weight: 700; font-size: 36px; text-shadow: 2px 2px #060606c2;}
/*banner-bottom-section CSS*/
.banner-bottom-section{background: #003f6d; padding-top: 10px; padding-bottom: 10px;
position: relative; z-index: 11;}
.banner-bottom-section .box{display: flex; align-items: center; padding: 10px;}
.banner-bottom-section .box .icon img{height: 48px; width: 48px;}
.banner-bottom-section .box h2{font-size: 20px; font-weight: 600; color: #ddd; margin-left: 24px;
margin-bottom: 0px;}
.message-top-section{background: #bf0b30; padding-top: 6px; padding-bottom: 6px;
position: relative; z-index: 11; text-align: center;}
.message-top-section p{margin-bottom: 0px; color: #fff;}
/*message-section CSS*/
.message-section{background: #fff; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11;}
.message-section:before{position: absolute; content: " "; top: 0;
right: 0px; background-image: url(../images/shape1.png); width: 100%;
height: 100%; background-repeat: no-repeat;}
.message-section .content ul{margin: 0; padding: 0; margin-top: 15px;}
.message-section .row{align-items: center;}
.message-section .image{box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 16%);
background-image: linear-gradient(96deg, #dbc5fb 0%, #a6d5df 100%);}
.message-section .image img{border: 10px solid #003f6d7d;}
.message-section .heading h1{font-weight: 800; font-size: 34px; color: #003f6d;
text-align: center; font-family: sans-serif; margin-bottom: 5px;}
.message-section .heading h1 span{color: #bf0b30;}
.message-section .heading small{text-align: center; margin-bottom: 20px;
display: block; font-weight: 700;}
.message-section .content {padding: 0;}
.message-section .content ul li{list-style: none; width: 22%; display: inline-block; text-align: center;
margin: 10px 6px; box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 16%); padding: 10px 5px;
border-radius: 6px;}
.message-section .row .col-md-3:nth-child(2) {padding-left: 0px!important;}
.message-section .row .col-md-3:nth-child(5) {padding-right: 0px!important;}
.message-section .row .col-md-3:nth-child(odd) .content{box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 16%); padding: 10px; text-align: center; background-image: linear-gradient(96deg, #003f6d33 0%, #bf0b302b 100%);}
.message-section .row .col-md-3:nth-child(even) .content{box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 16%); padding: 10px; text-align: center; background:#fff;}
.message-section .row .col-md-3 h3{font-size: 18px; color: #01375e; margin-bottom: 0; font-weight: 700;}
.message-section .row .col-md-3 .counter{font-size: 36px; font-weight: 800; color: #d0002b;}
.message-section .content h4{font-size: 20px; font-weight: 700; color: #bf0b30; margin-bottom: 20px;}
.message-section .content p{text-align: justify; font-size: 16px; color: #555; margin-bottom: 0px;}
/*Apply Section CSS*/
.apply-event-section{background: #fff; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11;}
.apply-event-section:before {position: absolute; content: " "; bottom: 0; left: 0px;
background-image: url(../images/background-shape.png); width: 100%; height: 100%;
background-repeat: no-repeat;}
.apply-section{margin-bottom: 0px;}
.apply-section .box .image{box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 16%);
text-align: center; background: #f3f7fc; border-bottom-left-radius: 66px;
border-bottom-right-radius: 66px;}
.apply-section .box .image a{color: #bf0b30; border: 1px solid #bf0b30; padding: 6px 26px;
display: inline-block; border-radius: 60px; margin: 10px 0px;}
.apply-section .tool-content{background: #fff; text-align: center; border-radius: 15px;
box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 16%); padding: 15px; margin-bottom: 20px;}
.apply-section .tool-content img{height: 150px;}
.apply-section .tool-content p{font-size: 18px; display: block; margin-bottom: 0px;
color: #003f6d; font-weight: 700;}
.event-section{background: #fff;
padding-top: 0px; padding-bottom: 80px; position: relative; z-index: 11;}
.event-section .heading {align-items: center; margin-bottom: 30px;}
.event-section .heading h1 {font-size: 30px; font-weight: 800; color: #003f6d;}
.event-section .heading p {font-size: 17px; color: #555; margin-bottom: 0px;}
.event-section .heading .right {text-align: right;}
.event-section .heading a {width: 200px; display: block; color: #fff;
background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%);
text-align: center; height: 44px; line-height: 46px; border-radius: 50px;
display: inline-block;}
.event-section .heading a svg {position: relative; top: 2px;}
.event-section .row{align-items: center;}
.event-section .box .image{height: 230px; overflow: hidden; position: relative;}
.event-section .box .image p{position: absolute; left: 0; bottom: 0; margin-bottom: 0px;
background: #bf0b30; color: #fff; padding: 8px 24px 6px 18px;
border-top-right-radius: 60px; border-bottom-right-radius: 60px;
border-top: 2px solid #f3f7fc;}
.event-section .box .title{padding: 10px 0px}
.event-section .box .title h1{font-size: 24px; margin-bottom: 0px;}
.event-section .box .title h1 a{color: #003f6d;}
.event-section .owl-theme .owl-dots .owl-dot.active span{background: #bf0b30;}
.event-section .owl-theme .owl-dots .owl-dot span {background: #003f6d5e;}
.event-section .price{top: 10px;
bottom: auto!important;
background: #003f6d!important;}
/*Program Section CSS*/
.program-section{padding-top: 20px; padding-bottom: 15px;
position: relative; z-index: 11;}
.program-section .heading{padding: 0px 300px; display: flex; align-items: center;
margin-bottom: 30px;}
.program-section .heading .content{text-align: right; border-right: 2px solid #ddd;
padding-right: 20px;}
.program-section .heading .content h1{font-size: 30px; font-weight: 800; color: #003f6d;}
.program-section .heading .content p{font-size: 17px; color: #555; margin-bottom: 0px;}
.program-section .heading .program-btn{padding-left: 20px;}
.program-section .heading .program-btn a{width: 200px; display: block; color: #fff;
background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%); text-align: center;
height: 44px; line-height: 46px; border-radius: 50px;}
.program-section .heading .program-btn a svg{position: relative; top: 2px;}
.program-section .box{background: #fff; box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 16%);
padding-left: 0px; align-items: center; width: 100%; overflow: hidden;
margin: 12px 0px; border-radius: 15px; height: auto;}
.program-section .box .col-md-4{padding-left: 0px;}
.program-section .box .image{width: 100%; overflow: hidden;}
.program-section .box .image img{max-width: 800px; width: auto; max-height: 335px;}
.program-section .box .title a{font-size: 22px; font-weight: 700; color: #003f6d; line-height: 28px; margin-top: 15px; display: block;}
.program-section .box .description{max-height: 96px; overflow: hidden;}
.program-section .box .description p{font-size: 17px; color: #555;}
.program-section .box .bottom{padding-bottom: 20px;}
.program-section .box .bottom ul{margin: 0; padding: 0;}
.program-section .box .bottom ul li{list-style: none; display: inline-block;}
.program-section .box .bottom ul li:last-child{text-align: right;}
.program-section .box .bottom ul li.show-btn a{color: #bf0b30; border: 1px solid #bf0b30;
padding: 10px 8px 10px 0px; font-weight: 600; background: transparent;
box-shadow: none; display: inline-block; font-size: 14px;}
.program-section .box .bottom ul li.show-btn a span{border: 1px solid #bf0b30; width: 38px;
height: 43px; padding: 10px; position: relative; top: 0px; left: 4px;}
.program-section .box .bottom ul li.apply-btn{position: relative; right: -20%;}
.program-section .box .bottom ul li.apply-btn a{color: #fff; font-size: 14px;
padding: 10px 9px 9px 20px; font-weight: 600; border-radius: 40px;
background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%);}
.program-section .box .bottom ul li.show-btn a svg{
border-right: 1px solid #bf0b30;
width: 32px;
height: 14px;
position: relative;
margin-right: 4px;
}
.program-section .box .bottom ul li.apply-btn a svg{width: 38px;
height: 43px; padding: 9px; position: relative; top: 14px; left: -1px;}
.program-section .box .bottom [type=button] {-webkit-appearance: initial!important;}
.program-section .course-detail ul{padding: 0; margin: 0;}
.program-section .course-detail ul li{list-style: none;}
.program-section .course-detail ul li a{color: #003f6d; font-weight: 600; font-size: 16px;
border-bottom: 1px solid #eee; display: block; padding: 4px 0px;}
.program-section .course-detail ul li:last-child a{border-bottom: none;}
.program-section .box .accordion-body{background: #f8f8f8; padding: 0px 15px;}
.program-section .box .accordion-body ul{margin: 0; padding: 0}
.program-section .box .accordion-body ul li{list-style: none;}
.program-section .box .accordion-body ul li a{color: #003f6d; font-weight: 600;
display: block; border-bottom: 1px solid #ddd; margin: 6px 0px;
padding: 6px 0px;}
.program-section .box .accordion-body ul li:last-child a{border-bottom: none;}
.program-section .box .date ul{margin: 0; padding: 0;}
.program-section .box .date ul li{list-style: none; display: inline-flex; margin-right: 20px;
align-items: center;}
.program-section .box .date ul li:last-child{margin-right: 0;}
.program-section .box .date ul li .icon{margin-right: 6px; background: #003f6d; width: 34px;
height: 34px; text-align: center; display: flex; align-items: center; justify-content: center;
color: #fff; border-radius: 4px; background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%);}
.program-section .box .date ul li span{font-size: 12px;}
.program-section .box .date ul li p{margin-bottom: 0; color: #003f6d; font-weight: 600;}
.program-section .program-update-data{margin-top: 30px; margin-bottom: 15px; background: #eff5ff;
border-radius: 8px; padding: 15px;}
.program-section .program-update-data h4{text-align: left; font-size: 22px; font-weight: 800;
color: #222; line-height: 28px;}
.program-section .program-update-data h1{text-align: left; color: #003f6d; font-size: 46px;
font-weight: 900;}
.program-section .program-update-data ul {padding-left: 22px;}
.program-section .program-update-data li{font-weight: 700;}
.program-section .program-update-data img{max-height: 250px; transition: 0.5s;}
.program-section .program-update-data img:hover{transform: scale(1.15);}
.program-section .program-update-data a.btn{
width: 100%;
color: #fff;
font-size: 14px;
padding: 10px 9px 9px 20px;
font-weight: 600;
border-radius: 40px;
background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%);
transition: 0.5s;
}
.program-section .program-update-data a.btn:hover{transform: scale(1.04);}
/*.video-staff{background: #fff; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11;}
.video-staff:before {position: absolute; content: " "; bottom: 0; left: 0px;
background-image: url(../images/background-shape.png); width: 100%;
height: 100%; background-repeat: no-repeat;}*/
/*Video Section CSS*/
.video-section {background: #fff; position: relative; z-index: 11; padding-bottom: 40px;}
.video-section .heading{align-items: center; margin-bottom: 30px;}
.video-section .heading h1{font-size: 30px; font-weight: 800; color: #003f6d;}
.video-section .heading p{font-size: 17px; color: #555; margin-bottom: 0px;}
.video-section .heading .video-btn a{width: 200px; display: block; color: #fff;
background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%); text-align: center;
height: 44px; line-height: 46px; border-radius: 50px; display: inline-block;}
.video-section .heading .video-btn a svg{position: relative; top: 2px;}
.video-section .heading .right{text-align: right;}
.video-section .video{box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 16%);
background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%);
padding: 7px 7px 0px 7px; border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;}
.video-section .video .video-content{background: #fff; text-align: center;
margin-top: -7px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.video-section .video .video-content h4{font-size: 20px; font-weight: 700;
padding: 15px;}
/*Staff Section CSS*/
.staff-section .heading{padding: 0px 300px; text-align: center;
margin-top: 100px; margin-bottom: 30px;}
.staff-section .heading h1{font-size: 30px; font-weight: 800; color: #003f6d;}
.staff-section .heading p{font-style: 17px; color: #555;}
.staff-section .box{border-style: solid; border-width: 1px 1px 1px 1px;
border-color: #E3E3E3; transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0px 10px 0px 10px; --e-column-margin-right: 10px; --e-column-margin-left: 10px;
padding: 15px 15px 25px 15px; border-radius: 15px 15px 15px 15px;}
.staff-section .box .image{background-image: url('../images/staff-bg.jpg');
background-position: center center; background-size: cover;
border-radius: 15px 15px 15px 15px; height: 240px; overflow: hidden;}
.staff-section .box h1{font-size: 24px; font-weight: 800; color: #003f6d;
text-align: center; margin-top: 15px; margin-bottom: 2px;}
.staff-section .box h2{text-align: center; font-size: 16px; color: #c00e32;
font-weight: 700;}
.staff-section .box ul{margin: 0; padding: 0; text-align: center;
margin-top: 22px;}
.staff-section .box ul li{list-style: none; display: inline-block;}
.staff-section .box ul li a {color: #fff; display: block; width: 32px;
height: 32px; text-align: center; line-height: 34px;
background-image: linear-gradient(96deg, #dbc5fb 0%, #a6d5df 100%);
border-radius: 40px;}
.staff-section .box ul li a svg {width: 16px; color: #193865;}
.staff-section .owl-theme .owl-dots .owl-dot.active span{background: #bf0b30;}
.staff-section .owl-theme .owl-dots .owl-dot span {background: #003f6d5e;}
/*Staff Section CSS*/
.course-detail-expert .heading{padding: 0px 300px; text-align: center;
margin-top: 50px; margin-bottom: 30px;}
.course-detail-expert .heading h1{font-size: 30px; font-weight: 800; color: #003f6d;}
.course-detail-expert .box{border-style: solid; border-width: 1px 1px 1px 1px;
border-color: #E3E3E3; transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0px 10px 0px 10px; --e-column-margin-right: 10px; --e-column-margin-left: 10px;
padding: 15px 15px 25px 15px; border-radius: 15px 15px 15px 15px; display: flex;
align-items: center;}
.course-detail-expert .box .image{background-image: url('../images/staff-bg.jpg');
background-position: center center; background-size: cover; width: 240px;
border-radius: 15px 15px 15px 15px; height: 240px; overflow: hidden;
margin-right: 15px;}
.course-detail-expert .box h1{font-size: 20px; font-weight: 800; color: #003f6d;
margin-top: 15px; margin-bottom: 2px;}
.course-detail-expert .box h2{font-size: 16px; color: #c00e32;
font-weight: 600;}
.course-detail-expert .box h4 {font-size: 18px; font-weight: 700; color: #333;}
.course-detail-expert .owl-theme .owl-dots .owl-dot.active span{background: #bf0b30;}
.course-detail-expert .owl-theme .owl-dots .owl-dot span {background: #003f6d5e;}
.course-detail-instructor .heading{padding: 0px 15px; text-align: left;
margin-top: 50px; margin-bottom: 8px;}
.course-detail-instructor .heading h1{font-size: 30px; font-weight: 800; color: #003f6d;}
.course-detail-instructor .box{border-style: solid; border-width: 1px 1px 1px 1px;
border-color: #E3E3E3; transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0px 10px 0px 10px; --e-column-margin-right: 10px; --e-column-margin-left: 10px;
padding: 15px 15px 25px 15px; border-radius: 15px 15px 15px 15px; display: flex;
align-items: center;}
.course-detail-instructor .box .image{background-image: url('../images/staff-bg.jpg');
background-position: center center; background-size: cover; width: 150px;
border-radius: 15px 15px 15px 15px; height: 150px; overflow: hidden;
margin-right: 15px;}
.course-detail-instructor .box h1{font-size: 20px; font-weight: 800; color: #003f6d;
margin-top: 15px; margin-bottom: 2px;}
.course-detail-instructor .box h2{font-size: 16px; color: #c00e32;
font-weight: 600;}
.course-detail-instructor .box h4 {font-size: 18px; font-weight: 700; color: #333;}
/*Press Section CSS*/
.press-section{margin-top: 80px;}
.press-section .heading{align-items: center; margin-bottom: 30px;}
.press-section .heading h1{font-size: 30px; font-weight: 800; color: #003f6d;}
.press-section .heading p{font-size: 17px; color: #555; margin-bottom: 0px;}
.press-section .heading .video-btn a{width: 200px; display: block; color: #fff;
background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%); text-align: center;
height: 44px; line-height: 46px; border-radius: 50px; display: inline-block;}
.press-section .heading .video-btn a svg{position: relative; top: 2px;}
.press-section .heading .right{text-align: right;}
.press-section .box{border-style: solid; border-width: 1px 1px 1px 1px;
border-color: #E3E3E3; transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0px 10px 0px 10px; --e-column-margin-right: 10px; --e-column-margin-left: 10px;
padding: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px;}
.press-section .box .image{height: 200px; overflow: hidden;}
.press-section .box .image img{border-radius: 15px 15px 15px 15px;}
.press-section .box .date{position: relative;}
.press-section .box .date p{color: #003f6d; position: absolute; top: -18px;
background-image: linear-gradient( 96deg, #dbc5fb 0%, #a6d5df 100%);
font-weight: 700; padding: 6px 15px; font-size: 15px;}
.press-section .box h1 a {display: block; font-size: 24px; font-weight: 800;
color: #003f6d; margin-top: 30px; margin-bottom: 2px;}
.press-section .box .description{height: 100px; overflow: hidden;}
.press-section .box p{font-style: 17px; color: #555;}
.press-section .box .btn{padding: 0px;}
.press-section .box .btn a{width: 140px; color: #bf0d31; font-weight: 600;
text-align: center; height: 36px; line-height: 36px; display: inline-block;
border: 1px solid #ddd; border-radius: 40px;}
.press-section .box .btn a svg{position: relative; top: 2px;}
/*feature-student-section CSS*/
.feature-student-section{background: #fff; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; background-image: linear-gradient(
96deg, #003f6d33 0%, #bf0b302b 100%);}
.feature-student-section .heading {padding: 0px 300px; text-align: center;}
.feature-student-section .heading h1 {font-size: 30px; font-weight: 800; color: #003f6d;}
.feature-student-section .heading p {font-style: 17px; color: #555;}
.feature-student-section .box{box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%); background: #fff;
text-align: center; padding: 0px 30px 30px 30px; margin-top: 140px; height: 314px;}
.feature-student-section .image {margin: 0 auto; overflow: hidden; width: 222px;
height: 222px;border-radius: 50%; border: 2px dashed #bf0b30; position: relative;
top: -100px; animation: spin 10s infinite reverse linear; transition: all 0.4s ease-in-out 0s;}
.feature-student-section .image:hover{animation: none; transition: all 0.4s ease-in-out 0s;}
@keyframes spin {
100% {
transform: rotate(1turn);
}
}
.feature-student-section .image img{width: 190px!important; height: 190px;border-radius: 50%;
margin-top: 15px; margin-left: 15px; box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);}
.feature-student-section .box h1 {font-size: 24px; font-weight: 800; color: #003f6d;
text-align: center; margin-top: -80px; margin-bottom: 2px;}
.feature-student-section .box h4{font-size: 16px; color: #c00e32; font-weight: 700;}
.feature-student-section .owl-theme .owl-dots .owl-dot.active span{background: #bf0b30;}
.feature-student-section .owl-theme .owl-dots .owl-dot span {background: #003f6d5e;}
/*Gallery Section CSS*/
.gallery-section{background: #fff; padding-top: 30px; padding-bottom: 30px;
position: relative; z-index: 11;}
.gallery-section .heading {align-items: center; margin-bottom: 24px;}
.gallery-section .heading h1 {font-size: 30px; font-weight: 800; color: #003f6d;}
.gallery-section .heading p {font-size: 17px; color: #555; margin-bottom: 0px;}
.gallery-section .heading .right {text-align: right;}
.gallery-section .heading .right a {padding: 0px 20px; display: block; color: #fff;
background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%);
text-align: center; height: 44px; line-height: 46px; border-radius: 50px;
display: inline-block;}
.gallery-section .heading .right a svg{margin-left: 6px;}
.gallery-section .box{position: relative; box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
margin: 15px 0px;}
.gallery-section .svg-shape {position: absolute; bottom: 0; left: 0; width: 100%;
overflow: hidden; line-height: 0; transform: scaleX(-1);}
.gallery-section .svg-shape svg {position: relative; display: block; width: calc(183% + 1.3px);
height: 80px; transform: rotateY(180deg);}
.gallery-section .svg-shape .shape-fill {fill: #FFFFFF;}
.gallery-section .box .content{position: absolute; bottom: 0; left: 10px;}
.gallery-section .box .content .count p{font-size: 16px; color: #bf0b30; font-weight: 600;
margin-bottom: 0px;}
.gallery-section .box .content h1{font-size: 18px; font-weight: 600;}
.gallery-section .box .content h1 a{color: #003f6d;}
.gallery-section .box .image{height: 206px; overflow: hidden;}
.gallery-section .owl-theme .owl-dots .owl-dot.active span{background: #bf0b30;}
.gallery-section .owl-theme .owl-dots .owl-dot span {background: #003f6d5e;}
/*Testimonia Section CSS*/
.testimonial-section{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11;}
.testimonial-section:after{position: absolute; content: " "; top: 0;
right: 100px; background-image: url(../images/shape1.png); width: 100%;
height: 100%; background-repeat: no-repeat;}
.testimonial-section .row{align-items: center;}
.testimonial-section .heading{position: relative; z-index: 1;}
.testimonial-section .heading:after {position: absolute; content: " "; left: 24%; top: -50%;
opacity: 0.6; right: 0; background-image: url(../images/testimonial-icon.png); z-index: -1;
width: 100%; height: 100%; background-repeat: no-repeat; background-size: 200px;}
.testimonial-section .heading h2{font-size: 18px; font-weight: 800; color: #d4002c;}
.testimonial-section .heading h1{font-size: 30px; font-weight: 800; color: #003f6d;}
.testimonial-section .heading p{margin-bottom: 0; color: #555; font-size: 17px;}
.testimonial-section .box{border: 2px solid #eff1fe; padding: 30px 30px 15px 30px;
margin-right: 30px; background: #fff; position: relative; height: 300px; overflow: hidden;}
.testimonial-section .box:after {content: ""; position: absolute; top: 0; bottom: 0;
left: 0; right: 0; z-index: 1; background-image: url(../images/price-shape.png);
background-size: contain; background-position: bottom; background-repeat: no-repeat;}
.testimonial-section .box .profile{display: flex; align-items: center; margin-bottom: 20px;}
.testimonial-section .box .profile .profile-icon{width: 80px; height: 80px; overflow: hidden;
margin-right: 10px;}
.testimonial-section .box .profile .profile-icon img{width: 80px; height: 80px;border-radius: 60px;}
.testimonial-section .box .profile h4{font-size: 22px; font-weight: 700; color: #003f6d;
margin-bottom: 0;}
.testimonial-section .box .profile h5{font-size: 18px; font-weight: 700; color: #bf0b30;
margin-bottom: 0;}
.testimonial-section .box p{font-size: 17px; color: #555;}
.testimonial-section .owl-theme .owl-dots .owl-dot.active span{background: #bf0b30;}
.testimonial-section .owl-theme .owl-dots .owl-dot span {background: #003f6d5e;}
/*Partner Section CSS*/
.partner-section {background: #fff; padding-top: 40px; padding-bottom: 38px;
margin-bottom: 480px; position: relative; z-index: 11; box-shadow: 0px 10px 10px 0px #0000004a;}
.partner-section .row{align-items: center;}
.partner-section .heading h2{font-size: 18px; font-weight: 800; color: #d4002c;}
.partner-section .heading h1{font-size: 30px; font-weight: 800; color: #003f6d;}
.partner-section .heading p{margin-bottom: 0; color: #555; font-size: 17px;}
.partner-section .row{align-items: center; display: flex;}
.partner-section .box .image{text-align: center;}
.partner-section .box .image img{}
/*Footer Section CSS*/
.footer-section {background-color: #f8f8f8; padding-top: 60px; position: fixed; bottom: 0;
left: 0; right: 0; z-index: 1;}
.footer-section:before {position: absolute; content: " "; top: 0; left: 0px;
background-image: url(../images/map-new.png); width: 100%; height: 100%;
background-repeat: no-repeat;}
.footer-section .one .logo{display: flex; align-items: center; margin-bottom: 10px;}
.footer-section .one .logo img{width: 140px;}
.footer-section .one .logo h1{font-size: 28px; font-weight: 900; margin-left: 12px; color: #003f6d;
margin-bottom: 0px;}
.footer-section .one .logo h1 span{color: #bf0b30;}
.footer-section .one p{color: #555; font-size: 17px;}
.footer-section .one a{color: #bf0b30; font-weight: 600;}
.footer-section .one a svg{position: relative; top: 2px;}
.footer-section .two h1{font-size: 24px; font-weight: 800; color: #003f6d; margin-bottom: 20px;}
.footer-section .two ul {margin: 0; padding: 0;}
.footer-section .two ul li {list-style: none; display: inline-block; width: 49%;}
.footer-section .two ul li a {color: #003f6d; margin: 2px 0px; display: block;}
.footer-section .two ul li a svg{width: 16px; color: #003f6d;}
.footer-section .four h1{font-size: 24px; font-weight: 800; color: #003f6d; margin-bottom: 20px;}
.footer-section .four p{color: #555; font-size: 17px;}
.footer-section .four form {position: relative; z-index: 1;}
.footer-section .four form .search-field {height: 68px; background: #fff;
box-shadow: 0 0 10px rgb(0 0 0 / 10%); padding-right: 60px!important;
border: none; height: 55px;}
.footer-section .four form svg{color: #d4002c; font-size: 22px;
position: relative; top: 2px;}
.footer-section .four form .search-submit {position: absolute; top: 0; right: 0;
height: 100%; padding: 0; border: 0; width: 115px; text-align: center; box-shadow: none;
-webkit-transform: none; -ms-transform: none; transform: none; background: transparent;
color: var(--edumall-color-primary); background-image: linear-gradient(96deg, #003f6d 0%, #bf0b30 100%);
color: #fff; font-size: 18px; font-weight: 600; letter-spacing: 0.5px;}
.footer-section .four ul {margin: 0; padding: 0; margin-top: 24px;}
.footer-section .four ul li {list-style: none; display: inline-block; margin-right: 2px;
color: #003f6d; font-size: 18px; font-weight: 700;}
.footer-section .four ul li a {color: #fff; display: block; width: 32px; height: 32px; text-align: center;
line-height: 34px; background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%);
border-radius: 40px;}
.footer-section .four ul li a svg{width: 16px; color: #eee;}
.footer-section .four .payment-getway ul a{background: transparent; width: 60px;}
.footer-section .four .payment-getway ul li{margin-right: 18px;}
.footer-section .footer-bottom{border-top: 1px solid #ddd; padding: 15px 0px; margin-top: 60px;}
.footer-section .footer-bottom .col-md-6{padding: 0px;}
.footer-section .footer-bottom p{margin-bottom: 0px; color: #666;}
.footer-section .footer-bottom .right{text-align: right;}
.footer-section .footer-bottom .right a{color: #003e6c;}
.page-content{background: #f8f8f8; padding-top: 46px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
/*About Page CSS*/
.about-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
.about-page .row{align-items: center;}
/*Bod Page*/
.bod-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
.bod-page .bod-grid {align-items: center; margin-bottom: 30px;
padding: 15px 20px; background-color: #fff;
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);}
.bod-page .bod-grid img {height: 200px; width: 200px; border-radius: 50%;}
.bod-page .bod-grid h6{font-size: 26px; font-weight: 800; color: #003f6d;
margin-bottom: 2px;}
.bod-page .bod-grid .designation{font-size: 18px; font-weight: 700;
color: #bf0b30;}
.bod-page .bod-grid p{font-size: 15px; color: #555;}
.bod-page .bnt-heading h1{text-align: left; font-size: 36px;
font-weight: 800; color: #222; margin-bottom: 32px;}
/*administrative_staff Page*/
.administrative_staff-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
.administrative_staff-page.staff-section .heading {margin-top: 0px;}
.administrative_staff-page .box{margin-bottom: 30px; margin-left: 0px; margin-right: 0px;}
/*career Page*/
.career-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
/*resident-professors Page*/
.resident-professors-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
.resident-professors-page .bod-grid {align-items: center; margin-bottom: 30px;
padding: 15px 20px; background-color: #fff;
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);}
.resident-professors-page .bod-grid img {height: 200px; width: 200px; border-radius: 50%;}
.resident-professors-page .bod-grid h6{font-size: 26px; font-weight: 800; color: #003f6d;
margin-bottom: 2px;}
.resident-professors-page .bod-grid .designation{font-size: 18px; font-weight: 700;
color: #bf0b30;}
.resident-professors-page .bod-grid p{font-size: 15px; color: #555;}
.resident-professors-page .bnt-heading h1{text-align: left; font-size: 36px;
font-weight: 800; color: #222; margin-bottom: 32px;}
/*visiting-professors Page*/
.visiting-professors-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
.visiting-professors-page .bod-grid {align-items: center; margin-bottom: 30px;
padding: 15px 20px; background-color: #fff;
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);}
.visiting-professors-page .bod-grid img {height: 200px; width: 200px; border-radius: 50%;}
.visiting-professors-page .bod-grid h6{font-size: 26px; font-weight: 800; color: #003f6d;
margin-bottom: 2px;}
.visiting-professors-page .bod-grid .designation{font-size: 18px; font-weight: 700;
color: #bf0b30;}
.visiting-professors-page .bod-grid p{font-size: 15px; color: #555;}
.visiting-professors-page .bnt-heading h1{text-align: left; font-size: 36px;
font-weight: 800; color: #222; margin-bottom: 32px;}
/*consultants Page*/
.consultants-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
.consultants-page .bod-grid {align-items: center; margin-bottom: 30px;
padding: 15px 20px; background-color: #fff;
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);}
.consultants-page .bod-grid img {height: 200px; width: 200px; border-radius: 50%;}
.consultants-page .bod-grid h6{font-size: 26px; font-weight: 800; color: #003f6d;
margin-bottom: 2px;}
.consultants-page .bod-grid .designation{font-size: 18px; font-weight: 700;
color: #bf0b30;}
.consultants-page .bod-grid p{font-size: 15px; color: #555;}
.consultants-page .bnt-heading h1{text-align: left; font-size: 36px;
font-weight: 800; color: #222; margin-bottom: 32px;}
/*instructors Page*/
.instructors-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
.instructors-page .bod-grid {align-items: center; margin-bottom: 30px;
padding: 15px 20px; background-color: #fff;
box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);}
.instructors-page .bod-grid img {height: 200px; width: 200px; border-radius: 50%;}
.instructors-page .bod-grid h6{font-size: 26px; font-weight: 800; color: #003f6d;
margin-bottom: 2px;}
.instructors-page .bod-grid .designation{font-size: 18px; font-weight: 700;
color: #bf0b30;}
.instructors-page .bod-grid p{font-size: 15px; color: #555;}
.instructors-page .bnt-heading h1{text-align: left; font-size: 36px;
font-weight: 800; color: #222; margin-bottom: 32px;}
/*apply-for-scholarship Page*/
.apply-for-scholarship-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
.apply-for-scholarship-page form{padding: 40px 60px!important;}
.apply-for-scholarship-page h3{text-align: center; font-size: 36px;
font-weight: 800; color: #222; margin-bottom: 32px;}
.apply-for-scholarship-page .form-group{margin: 6px 0px;}
.apply-for-scholarship-page label {font-size: 16px!important;
font-weight: 600; color: #003f6d; margin-bottom: 6px;}
.apply-for-scholarship-page .form-check-input{width: 12px;
height: 12px; position: relative; left: 5px; top: 2px;}
.apply-for-scholarship-page .image-file{align-items: center;}
/*project Page*/
.project-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
.project-page .bnt-heading h1{text-align: left; font-size: 36px;
font-weight: 800; color: #222; margin-bottom: 10px; margin-left: 15px;}
.project-page .box{border-style: solid; border-width: 1px 1px 1px 1px;
border-color: #E3E3E3; transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0px 10px 0px 10px; --e-column-margin-right: 10px; --e-column-margin-left: 10px;
padding: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px;
margin-top: 30px;}
.project-page .box .image{height: 200px; overflow: hidden;}
.project-page .box .image img{border-radius: 15px 15px 15px 15px;}
.project-page .box .date{position: relative;}
.project-page .box .date p{color: #003f6d; position: absolute; top: -18px;
background-image: linear-gradient( 96deg, #dbc5fb 0%, #a6d5df 100%);
font-weight: 700; padding: 6px 15px; font-size: 15px;}
.project-page .box h1 a {display: block; font-size: 22px; font-weight: 800;
color: #003f6d; margin-top: 30px; margin-bottom: 2px;}
.project-page .box p{font-style: 17px; color: #555;}
.project-page .box .btn{padding: 0px;}
.project-page .box .btn a{width: 140px; color: #bf0d31; font-weight: 600;
text-align: center; height: 36px; line-height: 36px; display: inline-block;
border: 1px solid #ddd; border-radius: 40px;}
.project-page .box .btn a svg{position: relative; top: 2px;}
.blog-details {background: #f8f8f8; padding-bottom: 15px;}
.blog-details h4{font-size: 26px; font-weight: 700; color: #003f6d;}
.blog-details .details-img {position: relative; text-align: center;
background: #f8f8f8; padding: 15px; margin: 0px; margin-top: 10px;}
.blog-details .details-img img {border: 1px solid #ddd; max-width: 100%;
padding: 10px; position: relative; height: 466px;}
.blog-details .blog-info {padding: 6px 0;}
.blog-info .post-tags a{padding: 3px 20px; color: #fff; border-radius: 40px;
background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%); margin: 0px 3px;}
.blog-sidebar .sidebar-widget {margin-bottom: 40px; padding: 20px 20px 0px 35px;
background: #fff; border: 1px solid #e6e6e6; box-shadow: 0 0 5px rgb(0 0 0 / 10%);
position: relative; border-radius: 10px;}
.blog-sidebar .sidebar-widget .category-title {color: #003f6d; padding: 0;
border-bottom: 1px solid #f0f0f0; font-size: 22px; font-weight: 700;
padding-bottom: 10px; margin-bottom: 20px;}
.blog-sidebar .sidebar-widget ul{margin: 0; padding: 0;}
.blog-sidebar .sidebar-widget ul li{border-bottom: 1px solid #ddd;}
.blog-sidebar .sidebar-widget ul li:last-child{border-bottom: none;}
.blog-sidebar .blog-item {margin-bottom: 12px; display: block; width: 100%;
display: inline-flex; align-items: center; padding-bottom: 12px;}
.blog-sidebar .blog-item .post-thumb {margin-right: 10px; width: 100px;
border: 1px solid #ddd; padding: 5px; float: left; text-align: center;
height: 90px; display: flex;}
.blog-sidebar .blog-item .post-thumb a {width: 90px; display: block; display: flex;
align-items: center;}
.blog-sidebar .blog-item .post-thumb img {height: 100%; overflow: hidden;
max-width: 100%;}
.blog-sidebar .blog-item .blog-detail {vertical-align: top; padding-left: 10px;}
.blog-sidebar .blog-item .blog-detail h4 {font-size: 15px; margin-bottom: 5px;
overflow: hidden; color: #003f6d; font-weight: 600; line-height: 21px;}
.blog-sidebar .blog-item .blog-detail p {font-size: 14px; margin-top: 5px;
text-align: justify; margin-bottom: 0; overflow: hidden;}
.blog-sidebar .blog-item .blog-detail .post-info {font-size: 14px; color: #666;}
.blog-details {background: #fff; padding-bottom: 15px;}
.blog-details h1.title{font-size: 30px; font-weight: 800; color: #003f6d;
margin-top: 15px;}
.blog-details .date ul{margin: 0; padding: 0; margin-top: 10px;}
.blog-details .date ul li{list-style: none; display: inline-flex; margin-right: 20px;
align-items: center;}
.blog-details .date ul li:last-child{margin-right: 0;}
.blog-details .date ul li .icon{margin-right: 6px; background: #003f6d; width: 34px;
height: 34px; text-align: center; display: flex; align-items: center; justify-content: center;
color: #fff; border-radius: 4px; background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%);}
.blog-details .date ul li span{font-size: 12px;}
.blog-details .date ul li p{margin-bottom: 0; color: #003f6d; font-weight: 600;}
.sweeper-style .row .col-md-12 .row{border-style: solid; border-width: 1px 1px 1px 1px;
border-color: #E3E3E3; transition: background 0.5s, border 0.3s,
border-radius 0.3s, box-shadow 0.3s; margin: 0px 10px 0px 10px;
--e-column-margin-right: 10px; --e-column-margin-left: 10px; align-items: center;
padding: 15px 5px 15px 5px; border-radius: 15px 15px 15px 15px; margin: 12px 0px;}
.sweeper-style .row .col-md-12 .row .col-lg-4 img {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
border-top-right-radius: 0px;
}
.sweeper-style h5 {margin-top: 40px; font-weight: 700; text-transform: uppercase;
background-color: #003f6d; color: #fff; padding: 10px; word-spacing: 3px;
border-left: 3px solid #c00f32; font-size: 18px; letter-spacing: 0.5px;
}
.card-img-top {width: 100%; border-top-left-radius: calc(0.25rem - 1px);
border-top-right-radius: calc(0.25rem - 1px);}
.sweeper__card_title a {font-size: 22px; font-weight: 800; text-transform: capitalize;
color: #003f6d;}
.sweeper-style .card-body{padding: 0px;}
/*project-detail Page*/
.project-detail-page{background: #f8f8f8; padding-top: 15px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
/*gallery Page*/
.gallery-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
.gallery-page .bnt-heading h1{text-align: left; font-size: 36px;
font-weight: 800; color: #222; margin-bottom: 32px;}
.program-grid {border: 1px solid #efefef; text-align: center; padding-bottom: 20px;
margin-bottom: 10px;}
.image-grid {background: rgb(220 213 213 / 30%); box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%);
height: 208px; overflow: hidden;}
.image-grid img {position: relative; width: 100%; transition-duration: 4s;}
.image-grid img:hover {transform: scale(1.2); -webkit-transform: scale(1.2);
-moz-transform: scale(1.2); z-index: 0;}
.project-content {padding: 0 10px;}
.project-content p{color: #555;}
.program-grid h4 {color: #003f6d; font-size: 20px; font-weight: 600;
line-height: 26px; margin-bottom: 0; margin-top: 10px;}
/*gallery-detail Page*/
.gallery-detail-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
.gallery-detail-page img{ margin: 15px; border: 4px solid #ddd;}
/*event Page*/
.event-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
.event-page .bnt-heading h1{text-align: left; font-size: 36px;
font-weight: 800; color: #222; margin-bottom: 10px; margin-left: 15px;}
.event-page .box{border-style: solid; border-width: 1px 1px 1px 1px;
border-color: #E3E3E3; transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0px 10px 0px 10px; --e-column-margin-right: 10px; --e-column-margin-left: 10px;
padding: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px;
margin-top: 30px;}
.event-page .box .image{height: 200px; overflow: hidden;}
.event-page .box .image img{border-radius: 15px 15px 15px 15px;}
.event-page .box .date{position: relative;}
.event-page .box .date p{color: #003f6d; position: absolute; top: -18px;
background-image: linear-gradient( 96deg, #dbc5fb 0%, #a6d5df 100%);
font-weight: 700; padding: 6px 15px; font-size: 15px;}
.event-page .box h1 a {display: block; font-size: 22px; font-weight: 800;
color: #003f6d; margin-top: 30px; margin-bottom: 2px;}
.event-page .box p{font-style: 17px; color: #555;}
.event-page .box .btn{padding: 0px;}
.event-page .box .btn a{width: 140px; color: #bf0d31; font-weight: 600;
text-align: center; height: 36px; line-height: 36px; display: inline-block;
border: 1px solid #ddd; border-radius: 40px;}
.event-page .box .btn a svg{position: relative; top: 2px;}
/*event-detail Page*/
.event-detail-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
/*press Page*/
.press-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px; margin-top: 0px;}
.press-page .box{margin-bottom: 30px; margin-left: 0px; margin-right: 0px;}
/*press-detail Page*/
.press-detail-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
/*video Page*/
.video-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
.video-page.program-section .heading {padding: 0px;}
.video-page.program-section .video{margin-bottom: 40px;}
/*webinar Page*/
.webinar-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
.webinar-page .bnt-heading h1{text-align: left; font-size: 36px;
font-weight: 800; color: #222; margin-bottom: 10px; margin-left: 15px;}
.webinar-page .box{border-style: solid; border-width: 1px 1px 1px 1px;
border-color: #E3E3E3; transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0px 10px 0px 10px; --e-column-margin-right: 10px; --e-column-margin-left: 10px;
padding: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px;
margin-top: 30px;}
.webinar-page .box .image{height: 200px; overflow: hidden;}
.webinar-page .box .image img{border-radius: 15px 15px 15px 15px;}
.webinar-page .box .date{position: relative;}
.webinar-page .box .date p{color: #003f6d; position: absolute; top: -18px;
background-image: linear-gradient( 96deg, #dbc5fb 0%, #a6d5df 100%);
font-weight: 700; padding: 6px 15px; font-size: 15px;}
.webinar-page .box h1 a {display: block; font-size: 22px; font-weight: 800;
color: #003f6d; margin-top: 30px; margin-bottom: 2px;}
.webinar-page .box p{font-style: 17px; color: #555;}
.webinar-page .box .btn{padding: 0px;}
.webinar-page .box .btn a{width: 140px; color: #bf0d31; font-weight: 600;
text-align: center; height: 36px; line-height: 36px; display: inline-block;
border: 1px solid #ddd; border-radius: 40px;}
.webinar-page .box .btn a svg{position: relative; top: 2px;}
.course-summary {background: #FCFCFC; box-shadow: 0px 4px 5px 2px rgb(0 0 0 / 34%);
border-radius: 10px; margin-bottom: 25px;}
.course-summary .course-head {background: #1D97C9; text-align: center; padding: 15px;
border-radius: 10px 10px 0px 0px;}
.course-summary .course-body ul li {list-style-type: none; line-height: 20px;
font-size: 16px; padding: 10px;}
.course-summary .course-footer {padding: 15px; background: #E17D2F; text-align: center;
font-size: 30px; border-radius: 0px 0px 10px 10px;}
/*webinar-detail Page*/
.webinar-detail-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
/*alumni Page*/
.alumni-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
/*program-page Page*/
.program-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
/*course-page Page*/
.course-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
/*admission-page Page*/
.admission-page{background: #f8f8f8; padding-top: 5px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
.admission-page .mini-head{font-size: 30px; font-weight: 800; margin-top: 30px;
color: #003f6d;}
.admission-page .form-group{margin: 10px 0px;}
.admission-page .form-control.field {width: 100%; height: 100%; border: none;
outline: none; font-size: 18px; color: #595959; background-color: #e5f3ff;
box-shadow: inset 2px 2px 5px #babecc, inset -5px -5px 10px #ffffff73;
padding: 14px 30px; margin: 4px 0px; border-radius: 25px;}
.admission-page .form-control.select-field{height: 56px; padding: 0px 30px;}
.admission-page label{margin-left: 10px; color: #555;}
.admission-page .login-box h4{font-size: 30px; font-weight: 800; color: #003f6d;}
.admission-page .login-box ul{padding: 0; margin: 0;}
.admission-page .login-box ul li{list-style: none; margin: 8px 0px;}
.admission-page .login-box ul li i{margin-right: 4px;}
.hardcopy-certificate label{margin-left: 10px; color: #555;}
.hardcopy-certificate .form-control {width: 100%; height: 100%; border: none;
outline: none; font-size: 18px; color: #595959; background-color: #e5f3ff;
box-shadow: inset 2px 2px 5px #babecc, inset -5px -5px 10px #ffffff73;
padding: 10px 30px; margin: 4px 0px; border-radius: 25px;}
/*carrer-page-section CSS*/
.carrer-page-content{padding-top: 60px;}
.carrer-page-section .heading{align-items: center; margin-bottom: 40px;}
.carrer-page-section .heading .left h1{font-size: 40px; font-weight: 800;
color: #065ca9;}
.carrer-page-section .heading .left p{font-size: 18px; color: #555;}
.carrer-page-section .heading .box{display: flex; padding-left: 30px}
.carrer-page-section .heading .box .icon svg{background: #ea2529; color: #fff;
font-size: 30px; width: 36px; height: 36px; padding: 10px; margin-right: 12px;
border-radius: 4px;}
.carrer-page-section .heading .box h1{font-size: 24px; font-weight: 800; margin-top: 6px;}
.carrer-page-section a{display: block; border-radius: 6px; padding: 15px;
box-shadow: 0px 0px 25px 0px #0000004a; margin: 15px 0px;
background: linear-gradient(to left, #e8e8ff 40%, #ffffff 100%);}
.carrer-page-section a:hover{background: #fff;}
.carrer-page-section a:hover .valid-time .time{background: #e8e8ff;}
.carrer-page-section a:hover .valid-time p{background: #065ca9;}
.carrer-page-section a:hover .location{border-bottom: 1px solid #bbb;}
.carrer-page-section a .valid-time .time{background: #e8e8ff; display: inline-block;
padding: 6px 12px 4px 12px; font-size: 13px; text-transform: uppercase; margin-bottom: 0px;
letter-spacing: 1px; font-weight: 700; color: #ea2529; border-radius: 2px;}
.carrer-page-section a .valid-time{display: flex; align-items: center; margin-bottom: 10px;
justify-content: space-between;}
.carrer-page-section a .valid-time p{background: #ea2529f0; display: inline-block;
padding: 6px 12px 3px 12px; font-size: 12px; text-transform: uppercase; margin-bottom: 0px;
letter-spacing: 1px; font-weight: 700; color: #fff; border-radius: 2px;}
.carrer-page-section a .title h1{font-size: 28px; font-weight: 800; color: #065ca9;}
.carrer-page-section a .location{font-size: 16px; font-weight: 700; color: #333;
letter-spacing: 0.5px; border-bottom: 1px solid #eeee; padding-bottom: 14px;}
.carrer-page-section a .description{height: 76px; overflow: hidden;}
.carrer-page-section a .description p{color: #555; font-size: 16px;}
/*carrer-detail-page CSS*/
.carrer-detail-breadcumb h2{font-size: 60px!important; font-weight: 800; letter-spacing: 2px;
text-shadow: 2px 2px #040404; color: #fff;}
.carrer-detail-breadcumb .breadcumb-inner li{background: #ea2529; padding: 8px 15px 6px 46px;
font-weight: 700; letter-spacing: 1px; word-spacing: 6px; position: relative;}
.carrer-detail-breadcumb .breadcumb-inner li svg{background: #fff; color: #ea2529;
padding: 8px; width: 35px; height: 35px; position: absolute; left: 0px;
top: 0px;}
.carrer-detail-breadcumb .breadcumb-inner p{font-size: 20px; color: #f5ec1a;
font-weight: 700; letter-spacing: 1px; margin-top: 15px; margin-left: 5px;}
.carrer-detail-page-section{padding-top: 40px; padding-bottom: 60px;}
.carrer-detail-page-section .left{padding-right: 30px;}
.carrer-detail-page-section .left h1{font-size: 36px; font-weight: 800;
color: #065ca9;}
.carrer-detail-page-section .left p{font-size: 17px; color: #555;}
.carrer-detail-page-section .left li{font-size: 17px; color: #555;}
.carrer-detail-page-section .right .contact-form{padding: 30px 40px;
box-shadow: 0px 0px 25px 0px #0000004a; background: #fff; border-radius: 6px;}
.carrer-detail-page-section .right .contact-form h1{font-size: 26px; font-weight: 800;
color: #065ca9; margin-bottom: 20px;}
.carrer-detail-page-section .right .contact-form .form-group{margin: 15px 0px;}
.carrer-detail-page-section .right .contact-form .form-group .form-control {
border: 1px solid #73b2eb;}
.carrer-detail-page-section .right .contact-form button{background: #065ca9;
color: #fff; letter-spacing: 0.5px; font-weight: 600;}
/*login Page*/
.login-page{padding-top: 60px; padding-bottom: 60px; position: relative;
z-index: 11; margin-bottom: 480px; background: #fff;}
.login-page .row{align-items: center;}
.login-page form{background: #fff; box-shadow: 13px 13px 51px 0px rgb(10 51 80 / 16%);
padding: 60px; position: relative;}
.login-page .login-logo{text-align: center; margin-bottom: 60px;}
.login-page .login-logo h3{font-size: 30px; font-weight: 800; margin-top: 30px;
color: #003f6d;}
.login-page .login-logo h3 span{color: #bf0b30;}
.login-page input.field {width: 100%; height: 100%; border: none;
outline: none; font-size: 18px; color: #595959; background-color: #e5f3ff;
border-radius: 25px; box-shadow: inset 2px 2px 5px #babecc, inset -5px -5px 10px #ffffff73;
padding: 14px 30px; margin: 20px 0px;}
.login-page input.field:focus {background-color: #eaf0f9;
box-shadow: inset 1px 1px 2px #babecc, inset -1px -1px 2px #ffffff73;}
.login-page form .row .col-md-4{padding: 0px;}
.login-page form .row .col-md-4 input{width: 28px;}
.login-page form label{font-size: 15px; font-weight: 800; letter-spacing: 0.5px;
color: #003f6d; text-transform: uppercase;}
.login-page form a{color: #bf0b30;}
.login-page form button{background: #003f6d; color: #fff; border-color: transparent;
padding: 8px 40px; border-radius: 50px; font-size: 14px; letter-spacing: 1px;
font-weight: 700; text-transform: uppercase; margin-top: 30px;}
.login-page form button svg{position: relative; left: -4px;}
/*admin-login Page*/
.admin-login-page{padding-top: 60px; padding-bottom: 60px; position: relative;
z-index: 11; margin-bottom: 480px; background: #fff;}
.admin-login-page .row{align-items: center;}
.admin-login-page .contact {margin:0 auto; width: 330px; padding: 40px 30px;
background-color: #dde1e7; border-radius: 10px;
box-shadow: -3px -3px 7px #ffffff73, 2px 2px 5px rgba(94, 104, 121, 0.288);
}
.admin-login-page .login-box{background:#fff; border-radius: 20px; padding-top: 40px;}
.admin-login-page .login-logo{text-align: center; margin-bottom: 20px;}
.admin-login-page .login-logo h3{font-size: 30px; font-weight: 800; margin-top: 30px;
color: #003f6d;}
.admin-login-page .login-logo h3 span{color: #bf0b30;}
.admin-login-page form{padding: 20px 100px 40px 100px;}
.admin-login-page input.field {width: 100%; height: 100%; border: none;
outline: none; font-size: 18px; color: #595959; background-color: #e5f3ff;
border-radius: 25px; box-shadow: inset 2px 2px 5px #babecc, inset -5px -5px 10px #ffffff73;
padding: 14px 30px; margin: 20px 0px;}
.admin-login-page input.field:focus {background-color: #eaf0f9;
box-shadow: inset 1px 1px 2px #babecc, inset -1px -1px 2px #ffffff73;}
.admin-login-page .checkbox label{font-size: 18px;}
.admin-login-page .checkbox input{width: 26px; height: 18px;
position: relative; top: 2px;}
.admin-login-page .contact .text {font-size: 33px; margin-bottom: 35px;
font-weight: 600; color: #595959;}
.admin-login-page .fild {width: 100%; height: 50px; display: flex;
position: relative;}
.admin-login-page .fild:nth-child(2) {margin-top: 20px;}
.admin-login-page .fild span {width: 50px; color: #595959; position: absolute;
line-height: 50px;}
.admin-login-page .fild label {position: absolute; top: 50%;
transform: translatey(-50%); left: 45px; pointer-events: none; color: #666;}
.admin-login-page .fild input:valid ~ label {opacity: 0;}
.forget-pass{margin-top:20px;}
.admin-login-page .forget-pass a {color: #3498db; font-size: 14px;
text-decoration: none;}
.admin-login-page .forget-pass:hover a {text-decoration: underline;}
.admin-login-page button {width: 56%; height: 42px; line-height: 10px; margin: 15px 0;
font-size: 14px; font-weight: 700; border: none; outline: none; border-radius: 56px;
color: #ffffff; background-color: #003f6d; text-transform: uppercase;
letter-spacing: 1px;}
.admin-login-page button:focus {color: #3498db;
box-shadow: inset 1px 1px 2px #babecc, inset -1px -1px 2px #ffffff73;}
.admin-login-page .signup {font-size: 16px; margin: 10px 0; color: #595959;}
.admin-login-page .signup a {color: #3498db; text-decoration: none;}
.admin-login-page .signup a:hover {text-decoration: underline;}
.webinar-detail-page .webinar-left{margin-bottom: 40px; padding: 65px 30px 0px 35px;
background: #fff; border: 1px solid #e6e6e6; box-shadow: 0 0 5px rgb(0 0 0 / 10%);
position: relative; margin-top: 30px;}
.webinar-detail-page .webinar-left .price{box-shadow: 0 0 35px rgb(0 0 0 / 10%);
padding: 12px 20px; border-radius: 3px; text-align: left; position: absolute;
background: #fff; top: -40px; left: 0; right: 0; margin: 0 20px;}
.webinar-detail-page .webinar-left .price h1{margin-bottom: 0;
font-size: 30px; font-weight: 800; color: #c00e33;}
.webinar-detail-page .webinar-left .price-row h6{font-weight: 800; letter-spacing: 0.6px;
margin-bottom: 0; font-size: 18px; color: #003f6d;}
.webinar-detail-page .webinar-left .price-row h6 span{color: #f8740a; font-size: 22px;}
.webinar-detail-page .webinar-left .price-row{align-items: center; margin-bottom: 2px;}
.webinar-detail-page .webinar-left .price-row .left-rating p{border-bottom: 0px;
padding-bottom: 0; margin-bottom: 0; text-align: right;}
.webinar-detail-page .webinar-left p .icon{margin-right: 6px; background: #003f6d;
text-align: center; line-height: 27px; color: #fff; border-radius: 4px;
width: 26px; height: 26px; display: inline-block;}
.webinar-detail-page .webinar-left p .icon i{font-size: 15px;}
.webinar-detail-page .webinar-left p svg{width: 16px; height: 16px;}
.webinar-detail-page .webinar-left h2{font-size: 30px; font-weight: 600;
margin-bottom: 18px; color: #f8740a;}
.webinar-detail-page .webinar-left .enroll-btn{text-align: center; margin-top: 30px;
display: flex; justify-content: center;}
.webinar-detail-page .webinar-left .enroll-btn a{color: #fff; background: #c00e33;
padding: 10px 26px; letter-spacing: 0.5px; font-weight: 600;}
.course-detail-left{margin-bottom: 40px; padding: 65px 30px 0px 35px;
background: #fff; border: 1px solid #e6e6e6; box-shadow: 0 0 5px rgb(0 0 0 / 10%);
position: relative; margin-top: 30px;}
.course-detail-left .price{box-shadow: 0 0 35px rgb(0 0 0 / 10%);
padding: 12px 20px; border-radius: 3px; text-align: left; position: absolute;
background: #fff; top: -40px; left: 0; right: 0; margin: 0 20px;}
.course-detail-left .price h1{margin-bottom: 0;
font-size: 30px; font-weight: 800; color: #c00e33;}
.course-detail-left .price-row h6{font-weight: 800; letter-spacing: 0.6px;
margin-bottom: 0; font-size: 18px; color: #003f6d;}
.course-detail-left .price-row h6 span{color: #f8740a; font-size: 22px;}
.course-detail-left .price-row{align-items: center; margin-bottom: 2px;}
.course-detail-left .price-row .left-rating p{border-bottom: 0px;
padding-bottom: 0; margin-bottom: 0; text-align: right;}
.course-detail-left p .icon{margin-right: 6px; background: #003f6d;
text-align: center; line-height: 27px; color: #fff; border-radius: 4px;
width: 26px; height: 26px; display: inline-block;}
.course-detail-left p .icon i{font-size: 15px;}
.course-detail-left p svg{width: 16px; height: 16px;}
.course-detail-left h2{font-size: 30px; font-weight: 600;
margin-bottom: 18px; color: #f8740a;}
.course-detail-left .enroll-btn{text-align: center; margin-top: 30px;
display: flex; justify-content: center;}
.course-detail-left .enroll-btn a{color: #fff; background: #c00e33;
padding: 10px 26px; letter-spacing: 0.5px; font-weight: 600;}
/*ContactForm .left*/
.ContactForm .left .contact-box {
margin: 46px 38px 0 0px;
border: 1px solid #dc3545;
padding: 15px;
background-color: #fff;
}
.ContactForm .left .contact-box .btn {
padding: 5px 15px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin-top: -56px;
border-radius: 4px;
}
.ContactForm .left h2{font-size: 36px; font-weight: 800; color: #003f6d;}
.ContactForm .left .contact-box .content{display: flex; align-items: center; margin: 10px;}
.ContactForm .left .contact-box p {
font-size: 18px;
margin-bottom: 0px;
font-weight: 600;
color: #003f6d;
margin-left: 10px;
}
.ContactForm .left .contact-box a {
color: #003f6d;
}
.ContactForm .left .contact-box .icon {
font-size: 18px;
color: #ffffff;
background: #003f6d;
width: 34px;
height: 34px;
line-height: 36px;
border-radius: 4px;
text-align: center;
}
.ContactForm{padding-bottom: 80px;}
.ContactForm form{background: #fff; padding: 45px; box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;}
.ContactForm form h4{font-size: 26px; text-transform: uppercase; font-weight: 800; text-align: center;
color: #003f6d; letter-spacing: 1px;}
.ContactForm form .form-control {padding: 0.6rem 0.75rem; margin: 15px 0px;}
.ContactForm form .btn-warning {color: #fff; border-color: #ffffff;
background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%);}
.category-detail-program .row{border-style: solid; border-width: 1px 1px 1px 1px;
border-color: #E3E3E3; transition: background 0.5s, border 0.3s,
border-radius 0.3s, box-shadow 0.3s; margin: 0px 10px 0px 10px;
--e-column-margin-right: 10px; --e-column-margin-left: 10px; align-items: center;
padding: 15px 5px 15px 5px; border-radius: 15px 15px 15px 15px;
margin: 20px 0px;}
.category-detail-program h1.title{margin-top: 40px; font-weight: 700;
text-transform: uppercase; background-color: #003f6d; color: #fff;
padding: 10px; border-left: 3px solid #c00f32; font-size: 18px;
letter-spacing: 0.5px; word-spacing: 4px;}
.category-detail-program .row p{color: #444;}
.category-detail-program .row .left img{border-top-left-radius: 10px;
border-bottom-left-radius: 10px;}
.alumni-data .alumni-row{align-items: center; border-style: solid;
border-width: 1px 1px 1px 1px; border-color: #E3E3E3;
transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 12px 0px 12px 0px; --e-column-margin-right: 10px;
--e-column-margin-left: 10px; padding: 15px 15px 15px 15px;
border-radius: 15px 15px 15px 15px; background: #fff;}
.alumni-data .alumni-row .project-grid{max-height: 160px; overflow: hidden;}
.alumni-data .alumni-row .program-grid{padding-bottom: 0px; margin-bottom: 0px;}
.alumni-data .alumni-row .webinar-content p{margin-bottom: 4px;}
.alumni-data .alumni-row .webinar-content p b{color: #003f6d;}
.alumni-data .alumni-row .webinar-content h4.name{font-size: 20px; font-weight: 600;
letter-spacing: 0.5px; color: #bf0b30;}
.alumni-data .alumni-row .right h1{font-size: 22px; color: #003f6d; font-weight: 600;}
.alumni-page .blog-details .details-img{align-items: center; margin-bottom: 15px;}
.alumni-page .blog-details .details-img .left{background: #ddd;}
.alumni-page .blog-details .details-img img{height: 280px;}
.alumni-page .blog-details .details-img .right{text-align: left;}
.alumni-page .blog-details .details-img .right h1.name{font-size: 22px;
font-weight: 700; color: #bf0b30; letter-spacing: 0.5px;}
.alumni-page .blog-details .details-img .right p{margin-bottom: 6px;}
.alumni-page .blog-details .details-img .right p b{color: #003f6d;}
.alumni-page .blog-details .blog-info {padding: 4px 0;}
.alumni-page .blog-details .blog-info h1.title {font-size: 26px;}
.hardcopy-certificate-page{background: #f8f8f8; padding-top: 60px; padding-bottom: 60px;
position: relative; z-index: 11; margin-bottom: 480px;}
.hardcopy-certificate-page h1 {
text-align: left;
font-size: 36px;
font-weight: 800;
color: #222;
margin-bottom: 10px;
margin-left: 15px;
}
.hardcopy-certificate-page form{border-style: solid; border-width: 1px 1px 1px 1px;
border-color: #E3E3E3; transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0px 10px 0px 10px; --e-column-margin-right: 10px; --e-column-margin-left: 10px;
padding: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; margin-top: 30px;
background: #fff;}
.hardcopy-certificate-page form .form-group{margin-bottom: 15px;}
.hardcopy-certificate-page form .form-group .form-label{margin-left: 15px; margin-bottom: 2px;}
.hardcopy-certificate-page form .form-select, .hardcopy-certificate-page form .form-control{
width: 100%;
border: none;
outline: none;
font-size: 18px;
color: #595959;
background-color: #e5f3ff;
border-radius: 25px;
box-shadow: inset 2px 2px 5px #babecc, inset -5px -5px 10px #ffffff73;
padding: 14px 30px;
}
.hardcopy-certificate-page form .total-amount{margin-left: 15px; font-weight: 700; font-size: 22px;}
.hardcopy-certificate-page form .total-amount span{color: #bf0b30; font-weight: 800;}
.hardcopy-certificate-page form .btn-primary {color: #fff; border-color: #fff; margin-top: 6px;
background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%);
padding: 12px 22px; font-size: 17px; }
@media (max-width: 575.98px) {
body{padding-top: 0px!important;}
.top-section .left {padding-left: 0;}
.top-section .right {text-align: left;}
.top-section .right .donate a {padding: 3px 8px 3px 12px; margin-top: 8px;
display: flex; margin-left: -18px; font-size: 14px;
border: 2px solid #e53b5e;}
.top-section .right .login a {padding: 3px 8px 3px 12px; margin-top: 8px;
display: flex; margin-left: -5px; font-size: 14px;
border: 2px solid #4bb5e1;}
.menu-section {z-index: 111;}
.menu-section .navbar .navbar-nav {background: #d3ecff;}
.navbar-light .navbar-toggler {color: rgb(211 236 255);
border-color: rgb(211 236 255);}
.menu-section .navbar-light .navbar-nav .nav-link {border-bottom: 1px solid #003f6d26;}
.menu-section .logo-category .logo img {width: 120px;}
.menu-section .logo-category .logo {position: relative; left: 0; top: 0;}
.menu-section .logo-category .category-button {margin-left: 0;}
.program-section .heading {padding: 0px; display: block; margin-bottom: 10px;
border-radius: none; text-align: center;}
.program-section .heading .program-btn a {display: inline-block;}
.program-section .heading .content {text-align: center; margin-bottom: 10px;}
.program-section .heading .program-btn {padding-left: 0;}
.program-section .box {height: auto;}
.program-section .box .bottom ul li.apply-btn {right: -16%;}
.staff-section .heading {padding: 0px; margin-top: 40px;}
.video-section .heading .right {text-align: center; margin-top: 10px;}
.top-section .left .logo {position: absolute; left: -16px; top: -24px;}
.top-section .left .logo img {width: 130px;}
.top-section ul {text-align: right;}
.top-section .right .certificate a {padding: 4px 10px 4px 12px;
border: 2px solid #8798f3; font-size: 14px; margin-left: 60px;
margin-top: 2px; margin-right: 6px; display: inline-block;}
.top-section .right .login {margin-right: 6px;}
.top-section .right .flag {margin-left: 0px; margin-right: 6px;}
.banner-section .left .content h1 {font-size: 30px;}
.banner-section {padding: 10px 0px;}
.banner-section .owl-dots {right: 0; top: 0%;}
.message-section {padding-top: 15px; padding-bottom: 15px;}
.message-section:before{content: none;}
.message-section .content h1 {font-size: 20px; margin-top: 10px;}
.message-section .content ul li {width: 45%;}
.message-section .content ul li .counter {font-size: 18px;}
.message-section .content ul li h3 {font-size: 14px;}
.apply-event-section {padding-top: 15px; padding-bottom: 15px;}
.apply-event-section:before {content: none;}
.apply-section{margin-bottom: 30px;}
.apply-section .box{margin: 15px 0px;}
.program-section {padding-top: 0px; padding-bottom: 30px;}
.program-section .box .col-md-4 {padding-right: 0px;}
.program-section .box .image img {max-width: 100%; width: auto;}
.program-section .box .image {height: 172px;}
.event-section{padding-bottom: 30px;}
.event-section .row{text-align: center;}
.event-section .heading{padding-top: 0px;}
.event-section .heading .right {text-align: center;}
.feature-student-section {padding-top: 40px; padding-bottom: 15px;}
.feature-student-section .heading {padding: 0px 30px;}
.video-staff {padding-top: 0px; padding-bottom: 15px;}
.video-section .heading{text-align: center;}
.press-section {margin-top: 40px;}
.press-section .heading{text-align: center;}
.press-section .heading .right {text-align: center; margin-top: 15px;}
.press-section .box {margin: 10px 0px 10px 0px;}
.gallery-section {padding-top: 30px; padding-bottom: 30px;}
.gallery-section .heading{text-align: center;}
.gallery-section .heading .right{text-align: center; margin-top: 15px;}
.testimonial-section {padding-top: 30px; padding-bottom: 30px;}
.testimonial-section:after{display: none;}
.testimonial-section .heading:after{display: none;}
.testimonial-section .box{margin-right: 0;}
.partner-section {margin-bottom: 0px;}
.footer-section {position: relative; padding-top: 30px;}
.footer-section .one .logo img {width: 100px;}
.footer-section .four .payment-getway ul a {width: 45px;}
.fixed-top{position: relative!important;}
.about-page{padding-top: 15px; padding-bottom: 0; margin-bottom: 0;}
.bod-page {padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px;}
.bod-page .bod-grid {margin-left: 0px; margin-right: 0px;}
.bod-page .bnt-heading h1{margin-bottom: 15px;}
.administrative_staff-page{padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px;}
.carrer-page-content{padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px;}
.project-page{padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px;}
.project-page .bnt-heading h1 {margin-bottom: 0;}
.project-page .box{margin: 10px 0px 10px 0px;}
.project-detail-page{padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px;}
.blog-details .details-img img {height: auto;}
.blog-sidebar .sidebar-widget {margin-bottom: 0px; margin-top: 30px;}
.resident-professors-page{padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px;}
.resident-professors-page .bod-grid {margin-left: 0px; margin-right: 0px;}
.resident-professors-page .bnt-heading h1{margin-bottom: 15px;}
.visiting-professors-page{padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px;}
.visiting-professors-page .bod-grid {margin-left: 0px; margin-right: 0px;}
.visiting-professors-page .bnt-heading h1{margin-bottom: 15px;}
.consultants-page{padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px;}
.consultants-page .bod-grid {margin-left: 0px; margin-right: 0px;}
.consultants-page .bnt-heading h1{margin-bottom: 15px;}
.instructors-page{padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px;}
.instructors-page .bod-grid {margin-left: 0px; margin-right: 0px;}
.instructors-page .bnt-heading h1{margin-bottom: 15px;}
.apply-for-scholarship-page{padding-top: 15px; padding-bottom: 0px; margin-bottom: 0px;}
.apply-for-scholarship-page form {padding: 30px 30px!important;}
.apply-for-scholarship-page h3 {font-size: 26px;}
.gallery-page{padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px;}
.gallery-page .bnt-heading h1 {margin-bottom: 15px;}
.gallery-detail-page{padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px;}
.event-page{background: transparent; padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px;}
.event-detail-page{background: transparent; padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px;}
.press-page{background: transparent; padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px;}
.press-detail-page{background: transparent; padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px;}
.video-page{background: transparent; padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px;}
.webinar-page{background: transparent; padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px;}
.webinar-page .box{margin: 10px 0px 10px 0px}
.webinar-detail-page{background: transparent; padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px;}
.alumni-page{background: transparent; padding-top: 30px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px;}
.page-content{background: transparent; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px;}
.course-page{background: transparent; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px;}
.login-page{background: transparent; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px;}
.login-page .left .image{display: none;}
.login-page form{margin-top: 15px; padding: 20px;}
.login-page form .form-check {padding-left: 0;}
.login-page .login-logo{margin-bottom: 0px;}
.login-page form a {position: relative; top: -25px;}
.login-page form button{margin-top: 0px;}
}
.scrollTop {position: fixed; right: 6.5%; bottom: 70px; opacity: 0; z-index: 111; }
.scrollTop a {font-size: 18px; color: #fff; padding: 12px 20px;
transition: all 0.4s ease-in-out 0s; border-radius: 4px; display: block;
background-image: linear-gradient(96deg, #bf0b30 0%, #003f6d 100%);}
.not-found-page {
text-align: center;
background: #e3f4fe;
padding: 140px;
}
.not-found-page h2 {
font-weight: 800;
font-size: 20px;
margin-left: 15px;
color: #d5323b;
margin-top: 10px;
font-style: italic;
letter-spacing: 1px;
}
.not-found-page a {
text-decoration: none;
background: #d5323b;
color: #e3f4fe;
padding: 10px 40px;
border-radius: 47px;
font-size: 18px;
display: inline-block;
margin-top: 30px;
border: 2px solid #014388;
box-shadow: 0 0 35px rgb(0 0 0 / 10%);
}