html {
     scroll-behavior: smooth;
}
 * {
     text-decoration: none !important;
}
/* .menu li a {
     padding: 30px 15px;
     transition: 0.2s;
     background-image: linear-gradient(to left, transparent, transparent 50%, #15bef6 50%, #0075d300);
     background-position: 100% 0;
     background-size: 200% 100%;
     transition: all .25s ease-in;
     font-weight: 600;
     text-decoration: none;
     color: #fff;
}
 */
 @media (min-width: 1200px) {
     .container {
         max-width: 1200px !important;
    }
}
 html, body {
     overflow-x: hidden;
     font-family: 'Roboto', sans-serif !important;
}
 nav.navbar.navbar-expand-md.navbar-light.shadow-sm {
     background-color: #002147;
     border-color: transparent;
     z-index: 999;
     border-radius: 0;
     min-height: auto;
     border: none;
     padding: 10px 0;
}
 .dropdown-menu {
     top: 32px !important;
     background-color: #24256b !important;
     border-top: 3px solid #FFC107 !important;
}
 .navbar-nav>li>.dropdown-menu li a {
     border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
     color: #fff !important;
     display: block;
     padding: 10px 10px 10px 15px !important;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
     font-size: 14px !important;
}
 .navbar-nav>li>.dropdown-menu li a:hover {
     background: #1a3b61;
     color: #93cef1 !important;
     border-radius: .125rem;
     -webkit-box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
     box-shadow: 0 5px 11px 0 rgb(0 0 0 / 18%), 0 4px 15px 0 rgb(0 0 0 / 15%);
}
 .navbar-nav .show, .navbar-nav .show:focus, .navbar-nav .show:hover {
     background: #1a3b61;
     color: #93cef1 !important;
}
 .dropdown-toggle::after {
     top: 3px;
     position: relative;
}
 .navbar-nav>li>.dropdown-menu li {
     width: 100%;
}
 .logo img {
     padding: 10px 0;
}
 .top-hd {
     background: #d9251d;
     color: #fff;
     border-bottom: 3px solid #1f3777;
     height: 40px;
     display: flex;
     align-items: center;
}
 .top-hd .top-menu-top {
     align-items: center;
     display: flex;
}
 .top-hd .accounts li:nth-child(1) {
     margin-left: 0;
}
 .table-bordered td p {
     margin: 0;
}
 .time {
     float: left;
     font-size: 14px;
     padding: 0 10px 0 0;
     color: #fff;
}
 .date {
     float: left;
     font-size: 14px;
     padding: 0 10px 0 0;
     color: #fff;
}
 .top-hd .accounts li span.fa {
     padding-right: 5px;
     color: #fdc800;
}
 .top-hd .accounts li a {
     color: #ffffff;
}
 .top-hd .social-top {
     text-align: right;
}
 .btn-theme4 {
     padding: 6px 16px;
     color: #fff;
     font-size: 16px;
     text-transform: capitalize;
     font-weight: 600;
     transition: 0.3s ease-in;
     border: 2px solid #1f3777;
     background: #1f3777;
     border-radius: 0;
}
 .btn-theme4:hover {
     background: #002147;
     border: 2px solid #fff;
     color: #ffffff;
}
 .top-hd .accounts li {
     display: inline-block;
     margin: 0 24px;
     font-size: 16px;
     line-height: 10px;
     color: #ffffff;
}
 .main_contant {
     margin: 0 0 0;
}
 div#revolutionSlider_forcefullwidth {
     overflow: hidden;
}
 a.scroll-to-top.hidden-mobile.visible {
     display: none;
}
 .mg-sis {
     width: 100%;
     height: auto;
     float: left;
     background: #002147;
     border-bottom: #ff0202 5px solid;
     padding: 20px 0;
}
 ul {
     padding: 0;
     margin: 0;
     list-style: none;
}
.mg-sis ul li {
    list-style: none;
    display: inline-block;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    width: 16.666666%;
    float: left;
}
.gallery_product .thumbnail {
    display: block;
    padding: 0px 0 15px;
    box-shadow: 0 0 6px #ccc;
    border-radius: 10px;
    background: #ffffff;
    color: #333;
    border-top: 5px solid #ff9800;
    border-bottom: 5px solid #4caf50;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
}
 .hvr-float-shadow {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: perspective(1px) translateZ(0);
     transform: perspective(1px) translateZ(0);
     box-shadow: 0 0 1px transparent;
     position: relative;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-property: transform;
     transition-property: transform;
}
 .mg-sis ul li img {
     width: 100px;
     height: 100px;
     border-radius: 50%;
    /* border: rgb(255 255 255) 4px solid;
     */
     box-shadow: 0px 0px 15px #fff;
     background: #fff;
}
 .mg-sis ul li a p {
     color: #fff;
     font-size: 16px;
     margin: 10px 0 0;
}
 .pages_modal .modal-header {
     padding: 8px 0;
     border: none;
     position: relative;
}
 .pages_modal .modal-header .close {
     margin-top: -1px;
     color: #FF5722;
     opacity: 1;
     font-size: 28px;
     margin-right: 7px;
     position: absolute;
     right: 0;
     top: 0;
     outline: none;
     padding: 0;
     z-index: 9999;
}
 .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px);
}
 section {
     clear: both;
}
 .new-and-events {
     width: 100%;
     padding-top: 40px;
     border-bottom: 4px double #a20707;
     padding-bottom: 0;
}
 .tabs.news_acti {
     padding: 0 0;
     border-radius: 25px;
     box-shadow: 2px 4px 10px #ccc;
     border-top: 6px solid #000;
     border-bottom: 6px solid #000;
     overflow: hidden;
     width: 30%;
}
 .about_h {
     height: 468px;
}
 .tabs {
     width: 49%;
     float: left;
     padding-right: 50px;
}
 h2.artii_title {
     text-align: center;
     font-size: 28px;
     background: -webkit-linear-gradient(30deg, #045DE9, #09C6F9 30%, #045DE9);
     margin: 0 0 20px;
     padding: 10px 0;
     color: #fefefe;
     border-bottom: 3px solid #000;
}
 .news-list.resp-tab-content.hor_1.resp-tab-content-active {
     padding: 0 10px;
     height: auto;
}
 .news-list {
     width: 100%;
     height: 445px;
     float: left;
}
 .for-marquee {
     height: 445px;
}
 marquee.html-scroller {
     height: 340px;
}
 .newss {
     border-bottom: #a20707 thin dotted;
     margin-top: 0px;
     padding: 0 0 15px;
     margin: 0 0 30px;
     display: inline-block;
}
 .newss a i {
     float: left;
     margin-right: 5px;
}
 .newss a {
     color: #080808;
     font-size: 16px;
}
 .news a span {
     font-size: 12px;
     margin: 0 5px 0 0;
     float: left;
}
 .newss a em {
     font-style: normal;
     background: #a20707;
     color: #fefefe;
     font-weight: 400;
     border-radius: 5px;
     padding: 3px 15px;
     font-size: 12px;
     float: left;
     margin: -2px 0 0 10px;
}
 .newss a p {
     font-size: 16px;
     margin: 5px 0 0px;
     width: 100%;
     float: left;
}
 .news {
     width: 100%;
     height: auto;
     float: left;
     border-bottom: #a81818 thin dotted;
     margin-top: 0px;
     padding: 15px;
}
 .news:hover {
     box-shadow: 0 0 20px rgba(0, 0, 0, .15);
     padding: 15px;
}
 .news a {
     color: #080808;
     font-size: 16px;
}
 .news a p {
     font-size: 16px;
     margin: 5px 0 0px;
     width: 100%;
     float: left;
}
 .news a span {
     font-size: 12px;
     margin: 0 5px 0 0;
     float: left;
}
 .news a em {
     font-style: normal;
     background: #a20707;
     color: #fefefe;
     font-weight: 400;
     border-radius: 5px;
     padding: 3px 15px;
     font-size: 12px;
     float: left;
     margin: -2px 0 0 10px;
}
 .news a i {
     float: left;
     margin-right: 5px;
}
 .news a:hover p {
     color: #ff0202;
}
 .event-slider.about_h {
     background: #ffffff;
     background-image: url(../img/1622717590_aboutbg.png);
     background-repeat: no-repeat;
     background-position: right top;
}
 .w3l-feature-3 .three-grids-columns {
     padding: 40px 30px;
     transition: 0.3s ease-out;
     border-radius: 4px;
     background-color: #fff;
     box-shadow: 0 0 30px #cccccc73;
}
 .blink_bgg {
     color: #fff;
     padding: 10px;
     display: inline-block;
     border-radius: 5px;
     animation: blinkingBackground 2s infinite;
}
 @keyframes blinkingBackground {
     0% {
         background-color: #10c018;
    }
     25% {
         background-color: #1056c0;
    }
     50% {
         background-color: #ef0a1a;
    }
     75% {
         background-color: #254878;
    }
     100% {
         background-color: #04a1d5;
    }
}
 a.blink-bg {
     text-align: center;
     font-size: 20px;
     text-transform: uppercase;
     line-height: normal;
     padding: 0px 30px 3px;
     border-radius: 0;
     margin: 15px 0 19px;
     padding: 4px 45px;
}
 span.date__ {
     display: block;
     font-size: 34px;
     line-height: 25px;
     font-weight: bold;
     margin: 0px 0 5px;
}
 span.apple_now {
     background: #fff;
     color: #000;
     font-size: 18px;
     padding: 1px 10px 3px;
     display: inline-block;
}
 .w3l-feature-3 .three-grids-columns h4 {
     font-size: 20px;
     color: #fff;
     line-height: 30px;
     padding-top: 25px;
     font-weight: 600;
}
 .w3l-feature-3 .three-grids-columns p {
     padding-top: 15px;
     font-size: 16px;
     line-height: 24px;
     color: #fff;
}
 .w3l-feature-3 .three-grids-columns p {
     padding-top: 15px;
     font-size: 16px;
     line-height: 24px;
     color: #fff;
}
 .btn-theme3 {
     padding: 6px 16px;
     color: #fff;
     font-size: 16px;
     text-transform: capitalize;
     font-weight: 600;
     transition: 0.3s ease-in;
     border: 2px solid #1f3777;
     background: #1f3777;
}
 .btn-theme3 {
     padding: 6px 16px !important;
     color: #fff !important;
     font-size: 16px !important;
     text-transform: capitalize !important;
     font-weight: 600 !important;
     transition: 0.3s ease-in !important;
     border: 2px solid #1f3777 !important;
     background: #1f3777 !important;
     position: unset !important;
     border-radius: 10px !important;
}
 .parallax-custom {
     background-image: url(../img/1557569017_13.jpg);
     min-height: 600px;
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     padding: 50px;
     margin: 0 0;
}
 .w3l-feature-3 .three-grids-columns span.fa {
     font-size: 36px;
     color: #fff;
}
 .w3l-feature-3 .middle-section {
     display: grid;
     clear: both;
}
 .w3l-feature-3 .grid-column {
     grid-template-columns: 1fr 1fr 1fr;
     grid-gap: 20px;
}
 .three-grids-columns.box1 {
     background: #2196F3;
}
 .three-grids-columns.box2 {
     background: #FF5722;
}
 .three-grids-columns.box3 {
     background: #00BCD4;
}
 .event-slider {
     width: 51%;
     float: left;
}
 .es {
     border-left: #ff0202 2px solid;
     padding: 0 30px;
     margin-left: -2px;
     min-height: 480px;
     width: 100%;
     box-sizing: border-box;
}
 .swiper-container.slide1 {
     height: 430px;
}
 .swiper-container {
     overflow: inherit;
}
 .slider_container.slide1 {
     margin-left: auto;
     margin-right: auto;
     position: relative;
     overflow: hidden;
     list-style: none;
     padding: 0;
     z-index: 1;
}
 .swiper-button-prev, .swiper-button-next {
     top: 30% !important;
     width: 20px !important;
     height: 20px !important;
     padding: 20px !important;
     background: #000 !important;
}
 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
     right: -20px !important;
}
 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
     left: -20px !important;
}
 .swiper-button-prev:after, .swiper-button-next:after {
     color: #fff;
     font-size: 28px !important;
}
 .about_textouter {
     padding: 20px 20px 0;
}
 .title {
     width: 100%;
     text-align: center;
}
 .title h2 {
     font-size: 40px;
     font-weight: 400;
     color: #002147;
}
 .title h2 em {
     font-style: normal;
     color: #a20707;
     display: inline-block;
}
 .title h2 em:before {
     background: #a20707;
     width: 2px;
     height: 20px;
     content: "";
     display: block;
     margin: auto;
}
 .title h2 em:after {
     background: #a20707;
     width: 2px;
     height: 20px;
     content: "";
     display: block;
     margin: auto;
}
 .w3l-index1 p {
     line-height: 20px;
     color: #000;
     margin-left: 0 !important;
     font-size: 16px;
     text-align: justify;
}

.col_row_img img{
    z-index: -999;
    position: relative;
}
 .read_morebtn {
     background: #fff;
     padding: 8px 20px;
     font-size: 18px;
     border-radius: 0 17px;
     border: 1px solid #000;
     float: right;
}
 .calltoaction-20-content.row {
     justify-content: center;
}
 .col_row_img {
     padding: 0 !important;
}
 .col_row_img p {
     margin: 0;
}
.w3l-index1 .column.ccont-left img {
    border-radius: 50px 4px 4px 50px;
    height: 470px;
    margin: 0 0 70px;
    width: 100%;

}
 .col_row_text p img {
     border: 3px solid #ebebeb;
     border-radius: 40px 0;
}
 .col_row_text p span {
     color: #fff !important;
     font-size: 14px;
     line-height: 30px;
}
 .tabs.resent_update {
     width: 62%;
     padding: 0;
     background: #f2f9ff;
     padding: 30px 30px 26px;
     border-radius: 25px;
     box-shadow: 2px 4px 10px #ccc;
     float: left;
}
 h2.arti_title {
     position: relative;
     text-align: center;
     font-size: 34px;
     font-weight: 400;
     margin: 0 0 30px;
}
 h2.arti_title:before {
     left: 43%;
}
 h2.arti_title:after, h2.arti_title:before {
     position: absolute;
     background: #a20707;
     width: 10%;
     height: 2px;
     content: " ";
     bottom: -3%;
}
 h2.arti_title:after {
     bottom: -20%;
     right: 43%;
}
 .card-media {
     border-radius: 2px;
     box-shadow: 0 2px 8px rgb(0 0 0 / 12%);
     height: 145px;
     transition: all 300ms ease-out;
     width: 97%;
     margin: 0 auto 25px;
}
 .card-media {
     border-radius: 2px;
     box-shadow: 0 2px 8px rgb(0 0 0 / 12%);
     height: 145px;
     transition: all 300ms ease-out;
     width: 97%;
     margin: 0 auto 25px;
}
 .card-media-object-container {
     background: none;
     float: left;
     height: 100%;
     width: 35%;
     position: relative;
     overflow: hidden;
}
 img.img-acti_late {
     height: 145px;
     width: 100%;
}
 .card-media-body {
     background-color: #fff;
     float: left;
     height: 100%;
     padding: 9px 12px;
     position: relative;
     width: 65%;
}
 .u-float-right {
     float: right;
}
 span.card-media-body-heading {
     font-size: 14px;
     text-align: justify;
     display: block;
     word-break: break-word;
}
 .card-media-body-supporting-bottom {
     position: absolute;
     bottom: 10px;
     left: 0;
     opacity: 1;
     padding: 0 15px;
     transition: all 300ms ease-out;
     width: 100%;
}
 .card-media-link1 {
     color: #2d0897;
     font-weight: 100;
     font-size: 12px;
     display: inline-block;
}
 .card-media-link {
     color: #41C1F2;
     text-decoration: none;
     float: right;
     display: inline-block;
}
 .event-slider.downoload_part {
     width: 35%;
     margin-left: 25px;
     height: 500px;
     padding: 0 0;
     border-radius: 20px;
     border-top: 6px solid #000;
     border-bottom: 6px solid #000;
     overflow: hidden;
     float: left;
}
 .quicklink li {
     border-bottom: 1px solid #3F51B5;
}
 .quicklink li a {
     font-size: 20px;
     padding: 10px 0;
     display: block;
     color: #0729ce;
}
 .quick_linkk {
     padding: 0 20px;
}
 .modal-body img {
     width: 100% !important;
     height: auto !important;
     margin: 0 0 20px;
}
 section#features {
     clear: both;
     margin: 50px 0 0;
     display: inline-block;
     width: 100%;
}
 .w3l-feature-3 .grid.top-bottom {
     clear: both;
}
 .w3l-feature-3 .grid.top-bottom {
     margin-top: 0;
     z-index: 10;
     position: relative;
}
 .col-lg-3.col-news-top.text-center {
     flex: 0 0 20%;
     max-width: 20%;
}
 .ih-item.circle {
     position: relative;
     width: 210px;
     height: 210px;
     border-radius: 50%;
}
 .ih-item.circle.effect16.left_to_right .img {
     -webkit-transform-origin: 95% 40%;
     -moz-transform-origin: 95% 40%;
     -ms-transform-origin: 95% 40%;
     -o-transform-origin: 95% 40%;
     transform-origin: 95% 40%;
}
 .ih-item.circle.effect16 .img {
     z-index: 11;
     -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
}
 .ih-item.circle .img {
     position: relative;
     width: 210px;
     height: 210px;
     border-radius: 50%;
}
/* body a:hover {
     text-decoration: none;
     -webkit-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -o-transition: 0.5s all;
     -ms-transition: 0.5s all;
     transition: 0.5s all;
}
 */
 .ih-item.circle .img:before {
     position: absolute;
     display: block;
     content: '';
     width: 100%;
     height: 100%;
     border-radius: 50%;
     box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
     -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
}
 .rounded-circle {
     border-radius: 50% !important;
}
 .ih-item.circle.effect16.left_to_right .img:after {
     content: '';
     width: 8px;
     height: 8px;
     position: absolute;
     border-radius: 50%;
     top: 40%;
     left: 95%;
     margin: -4px 0 0 -4px;
     background: rgba(0, 0, 0, 0.8);
     box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
}
 .ih-item.circle.effect16 .info {
     background: #333333;
     -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
}
 .ih-item.circle .info {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     text-align: center;
     border-radius: 50%;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
}
 .ih-item.circle.effect16 .info h3 {
     color: #fff;
     text-transform: uppercase;
     position: relative;
     letter-spacing: 0px;
     font-size: 20px;
     margin: 0 30px;
     padding: 55px 0 0 0;
     height: 127px;
     text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
 .text-white {
     color: #fff !important;
}
 .ih-item.circle.effect16 .info p {
     color: #bbb;
     padding: 10px 5px;
     font-style: italic;
     margin: 0 30px;
     font-size: 12px;
     border-top: 1px solid rgba(255, 255, 255, 0.5);
     -webkit-transition: all 0.35s ease-in-out;
     -moz-transition: all 0.35s ease-in-out;
     transition: all 0.35s ease-in-out;
}
 .ih-item.circle.effect16.left_to_right a:hover .img {
     -webkit-transform: rotate(-120deg);
     -moz-transform: rotate(-120deg);
     -ms-transform: rotate(-120deg);
     -o-transform: rotate(-120deg);
     transform: rotate(-120deg);
}
 .slider-box img.img-fluid {
     height: 250px;
     width: 100%;
     border: 5px solid #002147;
}
 .new-and-events .event-slider .swiper-container {
     overflow: inherit !important;
}
 .about_textouter img {
     margin: -220px 20px 0 -20px !important;
     border-radius: 0 50px 0 50px;
     box-shadow: 0px 0px 8px #c6c6c6;
}
 .about_textouter p:nth-child(2) {
     margin: 0 186px 5px 200px;
     text-align: left !important;
     line-height: 32px;
}
 .about_textouter p span {
     padding: 0 0 0;
     font-size: 18px !important;
}
 .pages_modal .modal-body.popup_menu {
     padding-top: 0;
     text-align: center;
}
 .pages_modal .modal-body.popup_menu li {
     border-bottom: 1px solid #ccc;
     padding: 5px 0;
}
 .pages_modal .modal-body.popup_menu li a {
     font-size: 24px;
     color: #FF5722;
}
 .about {
     padding: 20px 0 0;
}
 .sticky {
     position: fixed !important;
     width: 100%;
     z-index: 99999;
     transition: all .25s ease-in;
     top: 0;
}
 .sticky .logo img {
     width: 100px;
}
 .sticky .menu li a {
     padding: 23px 15px;
}
 a.navbar-brand.logo {
     padding: 0;
}
 .logo_responsive {
     display: none !important;
}
/* .logo img{
     filter: brightness(0) invert(1);
     transition: all .25s ease-in;
}
 */
 .menu li a:hover {
     color: #fff;
     background-position: 0 0;
}
 .slide_section {
     height: 580px;
     position: relative;
     overflow: hidden;
}
 .slide_section .container {
     padding-top: 30px;
}
 .overlay {
     background-image: -webkit-linear-gradient(30deg, #435bef, #23a0f4 30%, #02e3f7);
     position: absolute;
     width: 100%;
     height: 100%;
     opacity: 0.95;
}
 .slide_contant {
     margin: 130px 0 0;
}
 .slide_contant h2 {
     color: #fff;
     font-size: 54px;
     margin: 0;
     line-height: 40px;
     font-weight: 500;
     z-index: 999;
     position: relative;
}
 .slide_contant h2 span {
     font-size: 28px;
}
 .slide_contant ul {
     padding: 0;
     margin: 10px 0 0;
     list-style: none;
     color: #fff;
     z-index: 999;
     position: relative;
}
 .slide_contant ul li {
     position: relative;
     margin: 0 0 0 23px;
     font-size: 18px;
     line-height: 37px;
}
/* .slide_contant ul li:before {
     content: '';
     width: 10px;
     height: 2px;
     display: block;
     color: #fff;
     background: #fff;
     position: absolute;
     left: -20px;
     top: 16px;
}
 */
 .icon {
     position: absolute;
     top: 50%;
     left: -7px;
     transform: translate(-50%, -50%);
     width: 40px;
     height: 40px;
     cursor: pointer;
}
 .arrow {
     position: absolute;
     top: 20px;
     width: 45%;
     height: 2px;
     background-color: #fff;
     box-shadow: 0 3px 5px rgb(0 0 0 / 20%);
     animation: arrow 700ms linear infinite;
}
 .arrow::before {
     top: 3px;
     box-shadow: 0 3px 5px rgb(0 0 0 / 20%);
     transform: rotate(-45deg);
}
 .arrow::after {
     top: -4px;
     transform: rotate(45deg);
}
 .arrow::after, .arrow::before {
     content: '';
     position: absolute;
     width: 60%;
     height: 2px;
     right: -2px;
     background-color: #fff;
}
 .slide_contant p {
     color: #fff;
     line-height: 34px;
     z-index: 999;
     position: relative;
}
 @keyframes scale {
     0% {
         -moz-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
         -ms-transform: scale(1) rotate(0deg);
         -webkit-transform: scale(1) rotate(0deg);
         transform: scale(1) rotate(0deg);
    }
     25% {
         -moz-transform: scale(0.8) rotate(45deg);
         -o-transform: scale(0.8) rotate(45deg);
         -ms-transform: scale(0.8) rotate(45deg);
         -webkit-transform: scale(0.8) rotate(45deg);
         transform: scale(0.8) rotate(45deg);
    }
     50% {
         -moz-transform: scale(0.9) rotate(90deg);
         -o-transform: scale(0.9) rotate(90deg);
         -ms-transform: scale(0.9) rotate(90deg);
         -webkit-transform: scale(0.9) rotate(90deg);
         transform: scale(0.9) rotate(90deg);
    }
     75% {
         -moz-transform: scale(0.8) rotate(45deg);
         -o-transform: scale(0.8) rotate(45deg);
         -ms-transform: scale(0.8) rotate(45deg);
         -webkit-transform: scale(0.8) rotate(45deg);
         transform: scale(0.8) rotate(45deg);
    }
     100% {
         -moz-transform: scale(1) rotate(0deg);
         -o-transform: scale(1) rotate(0deg);
         -ms-transform: scale(1) rotate(0deg);
         -webkit-transform: scale(1) rotate(0deg);
         transform: scale(1) rotate(0deg);
    }
}
 .slide_section:after, .slide_section:before {
     content: "";
     position: absolute;
     left: -200px;
     bottom: -200px;
     width: 600px;
     height: 600px;
     border-radius: 25%;
     background: #000;
     opacity: 0.1;
     -moz-transition: ease all 0.5s;
     -o-transition: ease all 0.5s;
     -webkit-transition: ease all 0.5s;
     transition: ease all 0.5s;
     animation: scale 20s linear infinite;
}
 .slide_section:before {
     left: auto;
     top: -200px;
     bottom: auto;
     right: -340px;
     z-index: 99;
}
 .technology_title {
     display: inline-block;
     padding: 15px 20px 15px 0;
     border-right: 1px solid #eaeaea;
}
 .technology_title h3 span {
     font-weight: 200;
}
 .technology ul {
     display: flex;
     float: right;
     justify-content: space-between;
     width: 82%;
     padding: 20px 0 0 0;
}
 .technology ul li {
     list-style: none;
}
 .technology {
     background: #fffafa;
}
 .technology ul li img:hover {
     filter: inherit;
}
 section#mbr_about {
     background: #e8f9ff;
}
 .about_btn a {
     background: #bfddf6;
     margin: 10px 0 0;
}
 .btn:link, .btn:visited {
     text-transform: uppercase;
     text-decoration: none;
     padding: 15px 40px;
     display: inline-block;
     border-radius: 100px;
     transition: all .2s;
     position: absolute;
}
 .btn:hover {
     transform: translateY(-3px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
 .btn:active {
     transform: translateY(-1px);
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
 .btn-white {
     background-color: #fff;
     color: #777;
}
 .btn::after {
     content: "";
     display: inline-block;
     height: 100%;
     width: 100%;
     border-radius: 100px;
     position: absolute;
     top: 0;
     left: 0;
     z-index: -1;
     transition: all .4s;
}
 .btn-white::after {
     background-color: #fff;
}
 .btn:hover::after {
     transform: scaleX(1.4) scaleY(1.6);
     opacity: 0;
}
 .btn-animated {
     animation: moveInBottom 5s ease-out;
     animation-fill-mode: backwards;
}
 @keyframes moveInBottom {
     0% {
         opacity: 0;
         transform: translateY(30px);
    }
     100% {
         opacity: 1;
         transform: translateY(0px);
    }
}
 .mbr_section {
     padding: 40px 0;
}
 .mbr_title {
     border-bottom: 1px solid #a9a9a9;
     padding: 0 0 7px;
     margin: 0px 0 30px;
     position: relative;
     color: #34454f;
     font-weight: 600;
     font-size: 28px;
}
 .mbr_title:after {
     content: '';
     background: #435bef;
     display: block;
     width: 212px;
     height: 3px;
     position: absolute;
     bottom: -1px;
}
 #mbr_service .mbr_title:after {
     width: 175px;
}
 .gray_box {
     background: #f8f8f8;
}
 .mbr_serbox {
     text-align: center;
     border: 1px solid #eaeaea;
     padding: 35px 15px;
     transition: 0.5s;
     margin: 0 0 0;
     margin-left: -1px;
     margin-bottom: -1px;
}
 .mbr_serbox img {
     transition: 0.5s;
     box-shadow: inset 0px 0px 7px 0px #e1e1e1;
     padding: 10px;
}
 .mbr_serbox img {
     transition: 0.5s;
}
 .ser_title {
     margin: 15px 0 0;
     padding: 0;
     color: #34454f;
     line-height: normal;
     transition: 0.5s;
     font-size: 18px;
}
 .ser_title:before {
     content: '';
     background: #ccc;
     height: 2px;
     width: 80px;
     display: block;
     margin: 20px auto;
     padding: 0 0;
}
 #mbr_service .col-sm-3 {
     padding: 0;
}
/* #mbr_portfolio .portfolio-item:hover {
     background: #000;
     border-radius: 0px 0px 20px 0px;
}
 */
/*----------------team---------------------*/
 #mbr_team {
     background: #f8f8f8;
}
 .mbr-team-card {
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
     -webkit-box-shadow: 0 2px 43px 0 rgba(2, 2, 2, .07);
     box-shadow: 0 2px 43px 0 rgba(2, 2, 2, .07);
     border-radius: 4px;
     margin: 0 0 20px;
}
 .mbr-team-card:hover {
     -webkit-transform: translateY(-8px);
     -ms-transform: translateY(-8px);
     transform: translateY(-8px);
     -webkit-box-shadow: 0 50px 30px -40px rgba(0, 0, 0, .1);
     box-shadow: 0 50px 30px -40px rgba(0, 0, 0, .1);
}
 .mbr-team-img.mbr-bg {
     height: 220px;
     border-radius: 4px 4px 0 0;
}
 .mbr-bg {
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
}
 .mbr-team-text {
     padding: 16px 15px 14px;
}
 .mbr-team-name {
     font-size: 18px;
     color: #222;
     margin: 0;
}
 .mbr-team-position {
     font-size: 14px;
     color: #666;
}
 .mbr-team-card.text-center hr {
     margin: 0;
     background-color: transparent;
     border-color: #eaeaea;
}
 .mbr-team-social {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding: 8px 5px;
}
 .mbr-team-social a {
     font-size: 12px;
     color: #b5b5b5;
     padding: 0 6px;
     font-weight: 400;
     position: relative;
     text-decoration: none;
}
/*-------------------------------------------login page--------------------------------*/
 .login_regi .card {
     margin: 40px 0;
}
 .login_regi .card-header {
     text-align: center;
     background-image: -webkit-linear-gradient(30deg, #435bef, #23a0f4 30%, #02e3f7);
     color: #fff;
     font-size: 28px;
     padding: 5px 0 10px;
     line-height: normal;
     border-color: #fff;
}
 .login_regi button.btn.btn-primary {
     background-image: -webkit-linear-gradient(30deg, #435bef, #23a0f4 30%, #02e3f7);
     border: none;
     padding: 7px 20px 12px;
     font-size: 21px;
}
/* Portfolio Section --------------------------------*/
 section#mbr_portfolio {
     background: #f8f8f8;
}
 #mbr_portfolio #portfolio-flters {
     padding: 0;
     margin: 5px 0 35px 0;
     list-style: none;
     text-align: center;
}
 #mbr_portfolio #portfolio-flters li {
     display: inline-block;
}
 #mbr_portfolio #portfolio-flters li a {
     cursor: pointer;
     margin: 15px 15px 15px 0;
     display: inline-block;
     padding: 10px 20px;
     font-size: 14px;
     line-height: 20px;
     border-radius: 4px;
     background: #fff;
     margin-bottom: 5px;
     transition: all 0.3s ease-in-out;
     text-transform: capitalize;
     font-weight: 500;
     text-decoration: none;
}
 .viewPlan #load-more {
     background: #435bef;
     margin: 0 auto;
     display: table;
     text-align: center;
     color: #fff;
     padding: 10px 20px;
     font-size: 18px;
     border-radius: 5px;
     text-decoration: none;
}
 .hidden {
     display: none;
}
 #mbr_portfolio #portfolio-flters li a:hover, #mbr_portfolio #portfolio-flters li a.current {
     background: #435bef;
     color: #fff;
}
 #mbr_portfolio #portfolio-flters li:last-child {
     margin-right: 0;
}
 #mbr_portfolio .portfolio-wrap {
     box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
     transition: 0.3s;
}
 #mbr_portfolio .portfolio-wrap:hover {
     -webkit-transform: translateY(-8px);
     -ms-transform: translateY(-8px);
     transform: translateY(-8px);
     -webkit-box-shadow: 0 50px 30px -40px rgba(0, 0, 0, .1);
     box-shadow: 0 50px 30px -40px rgba(0, 0, 0, .1);
}
 #mbr_portfolio .portfolio-item {
     position: relative;
     height: 275px;
     overflow: hidden;
}
 .allgallery {
     color: #000;
     text-align: center;
     display: block;
     background: #fff;
     margin: 20px 0 0;
     padding: 6px 0;
     font-size: 19px;
     border-radius: 3px;
     z-index: 999999;
}
 #mbr_portfolio .portfolio-item figure {
     background: #000;
     overflow: hidden;
     height: 240px;
     position: relative;
     border-radius: 4px 4px 0 0;
     margin: 0;
}
 #mbr_portfolio .portfolio-item figure:hover img {
     opacity: 0.4;
     transition: 0.3s;
}
 #mbr_portfolio .portfolio-item figure .link-preview, #mbr_portfolio .portfolio-item figure .link-details {
     position: absolute;
     display: inline-block;
     opacity: 0;
     line-height: 1;
     text-align: center;
     width: 36px;
     height: 36px;
     background: #fff;
     border-radius: 50%;
     transition: 0.2s linear;
}
 #mbr_portfolio .portfolio-item figure .link-preview i, #mbr_portfolio .portfolio-item figure .link-details i {
     padding-top: 6px;
     font-size: 22px;
     color: #333;
}
 #mbr_portfolio .portfolio-item figure .link-preview:hover, #mbr_portfolio .portfolio-item figure .link-details:hover {
     background: #435bef;
}
 #mbr_portfolio .portfolio-item figure .link-preview:hover i, #mbr_portfolio .portfolio-item figure .link-details:hover i {
     color: #fff;
}
 #mbr_portfolio .portfolio-item figure .link-preview {
     left: calc(50% - 38px);
     top: calc(50% - 18px);
}
 #mbr_portfolio .portfolio-item figure .link-details {
     right: calc(50% - 38px);
     top: calc(50% - 18px);
}
 #mbr_portfolio .portfolio-item figure:hover .link-preview {
     opacity: 1;
     left: calc(50% - 44px);
}
 #mbr_portfolio .portfolio-item figure:hover .link-details {
     opacity: 1;
     right: calc(50% - 44px);
}
 #mbr_portfolio .portfolio-item .portfolio-info {
     background: #fff;
     text-align: center;
     padding: 16px 15px 14px;
     border-radius: 0 0 3px 3px;
}
 #mbr_portfolio .portfolio-item .portfolio-info h4 {
     margin: 0;
     padding: 0;
     line-height: 0;
}
 #mbr_portfolio .portfolio-item .portfolio-info h4 a {
     font-size: 18px;
     color: #222;
     margin: 0;
     line-height: normal;
     text-decoration: none;
}
 #mbr_portfolio .portfolio-item .portfolio-info h4 a:hover {
     color: #435bef;
}
 #mbr_portfolio .portfolio-item .portfolio-info p {
     padding: 0;
     margin: 0;
     text-transform: capitalize;
     font-size: 14px;
     color: #666;
}
/*--------------- Section--------------------------------*/
 .mbr_section.silvar {
     background: #f5f5f5;
}
 .gallery_section h2 {
     font-size: 38px;
     color: #e30808;
     font-weight: bold;
     margin-bottom: 35px;
     text-align: center;
}
 .slider-box a {
     position: relative;
     display: block;
     color: #000;
}
 .slider-box h3 a {
     color: #005aff;
}
/* .slider-box a:hover:before {
     width: 100%;
}
 .slider-box a:before {
     content: '';
     display: block;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     width: 0;
     background: rgb(0 0 0 / 48%);
     -webkit-transition: all ease 0.4s;
     -moz-transition: all ease 0.4s;
     -ms-transition: all ease 0.4s;
     -o-transition: all ease 0.4s;
     transition: all ease 0.4s;
}
 */
 .slider-box h3 {
     font-size: 24px;
     margin: 20px 0 10px;
}
 .gtitle {
     position: absolute;
     bottom: 0;
     color: #fff;
     width: 100%;
     height: 100px;
     z-index: 1;
     display: flex;
     align-items: flex-end;
     font-size: 22px;
     padding: 0 0 20px 25px;
     background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.75) 100%);
     background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.75) 100%);
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.75) 100%);
}
 .swiper-btn i.fa {
     display: inline-block;
     width: 40px;
     height: 40px;
     background: #ffeb3b;
     border-radius: 50%;
     margin: 0 5px;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .swiper-nav {
     display: flex;
     justify-content: center;
     margin: 10px 0 0;
}
 a.allvideogallery {
     color: #000;
     text-align: center;
     background: #ffeb3b;
     margin: 0 0 0;
     padding: 6px 30px;
     font-size: 19px;
     border-radius: 3px;
     z-index: 999999;
     display: inline-block;
     position: relative;
     top: -40px;
}
 .allgallery {
     color: #000;
     text-align: center;
     background: #ffeb3b;
     margin: -40px 0 0;
     padding: 6px 30px;
     font-size: 19px;
     border-radius: 3px;
     z-index: 999999;
     display: inline-block;
     float: right;
     position: relative;
}
/*---------------------------------------------------------------------------------------------- LIGHTBOX CSS -----------------------------------------------------------------------------------------------*/
 .lb-loader, .lightbox {
     text-align: center;
     line-height: 0 
}
 .lb-dataContainer:after, .lb-outerContainer:after {
     content: "";
     clear: both 
}
 html.lb-disable-scrolling {
     overflow: hidden;
     position: fixed;
     height: 100vh;
     width: 100vw 
}
 .lightboxOverlay {
     position: absolute;
     top: 0;
     left: 0;
     z-index: 99999999999;
     background-color: #000;
     filter: alpha(Opacity=80);
     opacity: .8;
     display: none 
}
 .lightbox {
     position: absolute;
     left: 0;
     width: 100%;
     z-index: 99999999999;
     font-weight: 400 
}
 .lightbox .lb-image {
     width: 100% !important;
     display: block;
     height: auto;
     max-width: inherit;
     max-height: none;
     border-radius: 3px;
     border: 4px solid #fff;
     height: auto !important;
}
 .lb-closeContainer {
     position: absolute;
     top: -30px;
     right: 334px;
     left: 0;
}
 .lightbox a img {
     border: none 
}
 .lb-outerContainer {
     position: relative;
     width: 50% !important;
     height: auto !important;
     margin: 0 auto;
     border-radius: 4px;
     background-color: #fff;
}
 @supports (-webkit-overflow-scrolling: touch) {
    /* CSS specific to iOS devices */
     html.lb-disable-scrolling {
        /* Position fixed required for iOS. Just putting overflow: hidden;
         on the body is not enough. */
         position: fixed;
    }
}
 .lb-loader, .lb-nav {
     position: absolute;
     left: 0 
}
 .lb-outerContainer:after {
     display: table 
}
 .lb-loader {
     top: 43%;
     height: 25%;
     width: 100% 
}
 .lb-cancel {
     display: block;
     width: 32px;
     height: 32px;
     margin: 0 auto;
     background: url(../img/loading.gif) no-repeat 
}
 .lb-nav {
     top: 0;
     height: 100%;
     width: 100%;
     z-index: 10 
}
 .lb-container>.nav {
     left: 0 
}
 .lb-nav a {
     outline: 0;
     background-image: url(data:image/gif;
    base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) 
}
 .lb-next, .lb-prev {
     height: 100%;
     cursor: pointer;
     display: block 
}
 .lb-nav a.lb-prev {
     width: 24%;
     left: 0;
     float: left;
     background: url(../img/prev.png) left 48% no-repeat;
     filter: alpha(Opacity=0);
     opacity: 0;
     -webkit-transition: opacity .6s;
     -moz-transition: opacity .6s;
     -o-transition: opacity .6s;
     transition: opacity .6s 
}
 .lb-nav a.lb-prev:hover {
     filter: alpha(Opacity=100);
     opacity: 1 
}
 .lb-nav a.lb-next {
     width: 24%;
     right: 0;
     float: right;
     background: url(../img/next.png) right 48% no-repeat;
     filter: alpha(Opacity=0);
     opacity: 0;
     -webkit-transition: opacity .6s;
     -moz-transition: opacity .6s;
     -o-transition: opacity .6s;
     transition: opacity .6s 
}
 .lb-nav a.lb-next:hover {
     filter: alpha(Opacity=100);
     opacity: 1 
}
 .lb-dataContainer {
     margin: 0 auto;
     padding-top: 5px;
     width: 100%;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px 
}
 .lb-dataContainer:after {
     display: table 
}
 .lb-data {
     padding: 0 4px;
     color: #ccc 
}
 .lb-data .lb-details {
     width: 85%;
     float: left;
     text-align: left;
     line-height: 1.1em 
}
 .lb-data .lb-caption {
     font-size: 13px;
     font-weight: 700;
     line-height: 1em 
}
 .lb-data .lb-caption a {
     color: #4ae 
}
 .lb-data .lb-number {
     display: block;
     clear: left;
     padding-bottom: 1em;
     font-size: 12px;
     color: #999 
}
 .lb-data .lb-close {
     display: block;
     float: right;
     width: 30px;
     height: 30px;
     background: url(../img/close.png) top right no-repeat;
     text-align: right;
     outline: 0;
     filter: alpha(Opacity=70);
     opacity: .7;
     -webkit-transition: opacity .2s;
     -moz-transition: opacity .2s;
     -o-transition: opacity .2s;
     transition: opacity .2s 
}
 .lb-data .lb-close:hover {
     cursor: pointer;
     filter: alpha(Opacity=100);
     opacity: 1 
}
 .main-social-footer a {
     margin-right: 10px;
     color: #fff;
     background: rgba(26, 68, 116, 0.55);
     width: 35px;
     height: 35px;
     line-height: 35px;
     display: inline-block;
     text-align: center;
     font-size: 14px;
     border-radius: 50%;
     transition: 0.3s;
}
 .main-social-footer a.facebook {
     background: #3b5998;
     color: #fff;
}
 .main-social-footer a.twitter {
     background: #1da1f2;
     color: #fff;
}
 .main-social-footer a.instagram {
     background: #c13584;
     color: #fff;
}
 .main-social-footer a.google-plus {
     background: #dd4b39;
     color: #fff;
}
 .main-social-footer a.linkedin {
     background: #0077b5;
     color: #fff;
}
 .main-social-footer {
     padding: 18px 0 0;
     display: flex;
     align-items: center;
}
 .main-social-footer .fa.fa-facebook {
     margin: 7px 0 0 0;
     display: block;
}
 .counter {
     text-align: center;
}
 .developed_by {
     text-align: right;
}
 .footer_top {
     margin: 0;
     padding: 40px 0;
     background: #062066;
     color: #fff;
}
 .copyright_mbr {
     background: #2a2a2a;
     padding: 25px 0;
}
 .foo_title:after {
     content: '';
     background: #fff;
     display: block;
     height: 8px;
     width: 8px;
     border-radius: 50px;
     position: absolute;
     right: -1px;
     bottom: -5px;
}
 .foo_title {
     color: #fff;
     font-weight: 500;
     font-style: italic;
     padding: 0px 0 5px;
     border-bottom: 1px solid #fff;
     position: relative;
}
 .footer_top ul {
     list-style: none;
     padding: 0;
     margin: 0;
     color: #fff;
}
 .footer_top ul li a {
     color: #fff;
     line-height: 28px;
     font-size: 19px;
}
 .gall_slide {
     width: 100%;
     height: 280px;
}
 .copyright_mbr p {
     margin: 0;
     color: #fff;
}
 .social-links {
     text-align: right;
}
 .social-links a {
     background: #fff;
     padding: 5px 11px;
     border-radius: 5px;
     font-size: 20px;
     color: #4d65fc;
     margin: 0 5px 0 0;
}
 a.facebook {
     padding: 5px 14px;
}
/*--------------------------------------post---------------------------------------------*/
 .breadcrumb_top ol.breadcrumb {
     padding: 20px 0 20px;
     background: transparent;
     margin: 0;
}
/* ----contact----- */
/* .contact_bg {
     margin: 90px 0;
     padding: 10px;
     box-shadow: 0px 0px 6px #ccc;
     border-radius: 10px;
     background: #fff;
}
 */
 .form-row label {
     font-weight: bold;
}
 .contact_mbr {
     margin: 60px 0 0;
}
 .contact_info {
     background: #435bef;
     padding: 40px 70px 70px;
     color: #fff;
     border-radius: 8px;
}
 .contact_mbr ul {
     list-style: none;
     padding: 0;
     margin: 0;
     line-height: 50px;
}
 .contact_mbr li i {
     padding: 0 25px 0 0;
     font-size: 18px;
     color: #FFEB3B;
}
 textarea.form-control {
     height: 260px !important;
}
 .contact_mbr li i.fa.fa-map-marker {
     font-size: 26px;
}
/* .portlet-body-mbr {
     padding: 43px 0 0;
}
 */
 html {
     --scrollbarBG: -webkit-linear-gradient(30deg, #435bef, #23a0f4 30%, #02e3f7);
     --thumbBG: #FFEB3B;
}
 body::-webkit-scrollbar {
     width: 11px;
}
 body {
     scrollbar-width: thin;
     scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
 body::-webkit-scrollbar-track {
     background: var(--scrollbarBG);
}
 body::-webkit-scrollbar-thumb {
     background-color: var(--thumbBG);
     border-radius: 6px;
     border: 3px solid var(--scrollbarBG);
}
 .main-social-1 a {
     background: #002147;
     width: 35px;
     height: 35px;
     line-height: 35px;
     display: inline-block;
     text-align: center;
     border-radius: 50%;
     transition: 0.3s;
}
 .main-social-1 a.facebook span {
     margin: -3px 0 0 0;
     display: block;
}
 .main-social-1 a span.fa {
     color: #fff;
     line-height: 35px;
     font-size: 16px;
}
 .mbrweb_price .item {
     border-radius: 20px;
     margin-bottom: 0;
     background-color: #FFFFFF;
     position: relative;
     padding: 30px;
     -webkit-box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.05);
     box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.05);
}
 .mbrweb_price .item .btn.btn-primary {
     height: 44px;
     border-radius: 22px;
     font-weight: 700;
     font-size: .875rem;
     position: relative;
}
 .mbrweb_price .item--01 .item__pricing {
     background-color: #686EE0;
     -webkit-box-shadow: 0 0 0 10px rgba(104, 110, 224, 0.1);
     box-shadow: 0 0 0 10px rgba(104, 110, 224, 0.1);
}
 .mbrweb_price .item--01 .item__content ul li .koolicon {
     color: #686EE0;
}
 .mbrweb_price .item--01 .btn.btn-primary {
     background-color: #686EE0;
     border-color: #686EE0;
}
 .mbrweb_price .item--01 .btn.btn-primary:hover {
     background-color: #3e45d7;
     border-color: #3e45d7;
}
 .mbrweb_price .item--03 .item__pricing {
     background-color: #8BC63F;
     -webkit-box-shadow: 0 0 0 10px rgba(139, 198, 63, 0.1);
     box-shadow: 0 0 0 10px rgba(139, 198, 63, 0.1);
}
 .mbrweb_price .item--03 .item__content ul li .koolicon {
     color: #8BC63F;
}
 .mbrweb_price .item--03 .btn.btn-primary {
     background-color: #8BC63F;
     border-color: #8BC63F;
}
 .mbrweb_price .item--03 .btn.btn-primary:hover {
     background-color: #70a230;
     border-color: #70a230;
}
 .mbrweb_price .item--02 {
     background: #F9AF3F;
     background: -webkit-gradient(linear, left bottom, left top, from(#435bef), to(#02e3f7));
     background: -o-linear-gradient(bottom, #435bef 0%, #02e3f7 100%);
     background: linear-gradient(0deg, #435bef 0%, #02e3f7 100%);
     color: #FFFFFF;
}
 .mbrweb_price .item--02 .item__pricing {
     -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.15);
     box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.15);
}
 .mbrweb_price .item--02 .item__content ul li {
     color: #FFFFFF;
}
 .mbrweb_price .item--02 .btn.btn-primary {
     background-color: #FFFFFF;
     border-color: #FFFFFF;
     color: #F9AF3F;
}
 .mbrweb_price .item--02 .btn.btn-primary:hover {
     background-color: rgba(255, 255, 255, 0.8);
     border-color: rgba(255, 255, 255, 0.8);
}
 .mbrweb_price .item__heading h3 {
     font-size: 1.125rem;
     font-weight: 700;
     line-height: 1.25rem;
     margin: 0;
     margin-bottom: 30px;
}
 .mbrweb_price .item__content ul {
     margin: 0;
     padding: 0;
     list-style: none;
     margin-bottom: 30px;
}
 ul.navbar-nav.menu li a {
     font-size: 18px;
     font-weight: 500;
     color: #fff;
     padding: 7px 10px;
     text-transform: capitalize;
     -webkit-transition: all 0.5s;
     -o-transition: all 0.5s;
     transition: all 0.5s;
}
 .navbar-center {
     text-align: center;
     display: block;
     float: none;
     padding: 0px 0 0;
}
 ul.navbar-nav.menu li {
     display: inline-block;
}
 ul.navbar-nav.menu li a:hover {
     background: #1a3b61;
     color: #93cef1;
     border-radius: 0px;
}
 .mbrweb_price .item__content ul li {
     line-height: 36px;
     font-size: 14px;
     color: #999999;
     position: relative;
     padding-left: 46px;
}
 .mbrweb_price .item__content ul li .koolicon {
     position: absolute;
     left: 0;
     top: 0;
     display: block;
     font-size: 1.5rem;
     width: 36px;
     height: 36px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .mbrweb_price .item__pricing {
     width: 140px;
     height: 140px;
     border-radius: 70px;
     color: #FFFFFF;
     margin: 0 auto;
     margin-bottom: 30px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .mbrweb_price .item__pricing p {
     font-size: 2rem;
     font-weight: 700;
     line-height: 2.625rem;
     margin: 0;
}
 .mbrweb_price .item__pricing p small {
     display: block;
     font-size: .75rem;
     line-height: .875rem;
     margin: 0;
}
 .mbrweb_price a {
     background: #435bef;
     height: 44px;
     border-radius: 22px;
     font-weight: 700;
     font-size: 18px;
     position: relative;
     padding: 8px 55px;
     display: inline-block;
     text-decoration: none !important;
     color: #fff !important;
}
 .mbrweb_price .item--02 a {
     background: #fff;
     color: #000 !important;
}
 .mbrweb_price .item--03 a {
     background: #8BC63F;
}
 section#mbr_pricingplan {
     background: #f3f3f3;
}
/*--------------------about unit--------------------------*/
 .tab_div_class .nav-tabs .nav-link {
     font-family: 'Roboto', sans-serif !important;
}
 .tab_div_class .nav-tabs>li>a {
     font-weight: 700;
     font-size: 14px;
     margin-right: 19px;
     line-height: 1.42857143;
     border-radius: 4px 4px 0 0;
}
 .tab_div_class .nav>li>a {
     text-decoration: none !important;
     position: relative;
     color: #000 !important;
     display: block;
     padding: 12px 15px;
}
 .tab_div_class .nav>li>a:hover, .nav>li>a:focus {
     text-decoration: none;
     background-color: transparent;
}
 .tab_div_class .nav-tabs .nav-item.show .nav-link, .tab_div_class .nav-tabs .nav-link.active {
     background-color: #febe10 !important;
     border: 1px solid #febe10 !important;
}
 .tab_div_class .nav-tabs>li {
     margin-bottom: -1px !important;
}
 .home-top-cour .col-md-3 img {
     width: 100%;
}
 .home-top-cour-desc h3 {
     font-size: 20px;
     color: #000000 !important;
     margin: 0;
     padding-bottom: 10px;
}
 .home-top-cour-desc h4 {
     font-size: 15px;
     padding-bottom: 8px;
     font-weight: 700;
     line-height: 24px;
     color: #febe10;
}
 .home-top-cour-desc p {
     text-align: justify !important;
     margin-bottom: 0px;
     font-size: 13px;
}
 .home-top-cour-desc a.btn.btn-danger {
     color: #fff;
     height: 36px;
     text-transform: uppercase !important;
     padding: 6px 12px;
     margin-bottom: 0;
     font-size: 14px;
     font-weight: normal;
     line-height: 1.42857143;
     background-color: #e10013;
     border-color: #e10013;
     float: right !important;
     border: 1px solid transparent;
     border-radius: 4px;
     letter-spacing: .5px;
     transition: .2s ease-out;
     position: unset;
}
 .home-top-cour-desc a:hover {
     color: #000 !important;
     background-color: #febe10 !important;
     border-color: #febe10 !important;
}
 hr {
     margin-top: 20px;
     margin-bottom: 20px;
     border: 0;
     border-top: 1px solid #eee;
}
 .tab_div_class .tab-content {
     background: #fffaf8 !important;
}
 .home-top-cour {
     position: relative;
     overflow: hidden;
     background: #f8f9fa;
     padding: 15px 15px;
     margin-bottom: 30px;
     transition: all 0.5s ease;
     border: 1px solid #e4e4e4;
}
 .home-top-cour:hover {
     transform: scale(1.02);
     box-shadow: 0px 11px 9px -10px rgb(0 0 0 / 52%);
     transition: all 0.5s ease;
}
 .acadmic_overview p.first_perag {
     text-align: justify;
     margin: 0;
     color: #000 !important;
     font-size: 16px;
     line-height: 22px;
}
 .acadmic_overview .card {
     margin-bottom: 20px;
     border: 0px !important;
     background: transparent !important;
}
 .acadmic_overview .card-header {
     background-color: transparent !important;
     border-bottom: solid 2px #cf6e5e !important;
     padding: 18px !important;
}
 .acadmic_overview .card-header a.card-link.collapsed {
     color: #000 !important;
     font-size: 15px !important;
}
 .acadmic_overview .card-header a i {
     color: #000 !important;
     font-size: 15px !important;
     font-weight: 100 !important;
}
 .acadmic_overview .card-header a:hover {
     color: #000;
}
 .acadmic_overview .card-body {
     background: #fff !important;
     padding-bottom: 0;
     padding-top: 10px;
}
 .card_con_head h3 {
     font-weight: 700;
     line-height: 24px;
     color: #febe10;
     font-size: 24px;
     margin-top: 20px;
     margin-bottom: 10px;
}
 .card_con_head {
     padding: 24px;
     border-radius: 0 0 2px 2px;
}
 .new_inner_tabs ul li {
     width: 25%;
     text-align: center;
}
 .card_con_head .nav>li>a:hover, .card_con_head .nav>li>a:focus {
     background-color: none !important;
}
 .new_inner_tabs {
     position: relative;
     margin: 0.5rem 0 1rem 0;
     background-color: #fff;
     transition: box-shadow .25s;
     border-radius: 2px;
     box-shadow: 0 2px 2px 0 rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
}
 .new_inner_tabs .tab-content {
     padding: 24px !important;
     border-radius: 0 0 2px 2px;
     background-color: #f5f5f5 !important;
}
 .new_inner_tabs .tab-content .tab-pane {
     background: #fffaf8 !important;
}
 .new_inner_tabs .tab-content .tab-pane p {
     margin: 0px;
}
 .new_inner_tabs ul.nav.nav-pills.nav-fill a:hover {
     background: none !important;
     color: #ee6e73 !important;
     text-decoration: underline !important;
}
 .new_inner_tabs ul.nav.nav-pills.nav-fill a {
     color: rgba(238, 110, 115, 0.7) !important;
     display: block;
     padding-bottom: 15px;
     width: 100%;
     height: 100%;
     padding: 0 24px 15px;
     font-size: 14px;
     text-overflow: ellipsis;
     overflow: hidden;
     transition: color .28s ease;
}
 .persnalis_pera h3 {
     font-weight: 700;
     line-height: 24px;
     color: #febe10;
     font-size: 24px;
     margin-top: 20px;
     margin-bottom: 10px;
}
 .persnalis_pera p {
     text-align: justify;
     margin: 0;
     font-size: 16px;
     line-height: 22px;
     font-weight: 400;
}
 .persnalis_pera {
     padding-top: 30px;
}
 .ragging h3 {
     font-weight: 700;
     line-height: 24px;
     color: #febe10;
     font-size: 24px;
     margin-top: 20px;
     margin-bottom: 10px;
}
 .ragging p {
     text-align: justify;
     margin: 0;
     font-size: 16px;
     line-height: 22px;
     font-weight: 400;
     color: #000;
}
 .tab_div_class {
     border-bottom: solid 1px #000 !important;
}
/*-------------------------------mbr_About-----------------------------------*/
 .title_ {
     background: #f8f8f8;
     text-transform: uppercase;
}
 .title_ h2 {
     padding: 15px 0;
     margin: 0;
}
 .about_contant {
     padding: 20px 0;
}
 .why_choose h2 {
     text-align: center;
     margin: 10px 0 5px;
}
 .why_box {
     text-align: left;
     padding: 40px 15px 15px;
     position: relative;
     box-shadow: 0 0 10px #e1e1e1;
     margin: 70px 0 0;
     height: 210px;
     transition: 0.4s ease-in-out;
     cursor: pointer;
}
 .why_box:hover {
     background: #ffeb3b;
}
 .why_box:hover i.icon_a {
     background: #ffeb3b;
}
 .why_box i {
     background: #ffffff;
     width: 60px;
     height: 60px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 60px;
     box-shadow: 0 0 10px #2196f361;
     font-size: 35px;
     position: absolute;
     left: -13px;
     top: -30px;
     margin: 0 auto;
     transition: 0.4s ease-in-out;
}
 .why_box h3 {
     font-size: 18px;
     text-transform: uppercase;
}
 .why_choose {
     padding: 30px 0;
}
 .why_choose p {
     text-align: left;
}
/*-------------------------------mbr_testimonial-----------------------------------*/
 .testi_outer {
     padding: 30px;
     background: linear-gradient(0deg, #435bef 0%, #02e3f7 100%);
     border-radius: 25px 0;
     height: 290px;
}
 .testi_outer h3 {
     background-color: #007584;
     color: #fff;
     box-shadow: 0 0 0 5px rgb(255 255 255 / 78%);
     display: inline-block;
     width: 60px;
     height: 60px;
     border-radius: 100px;
     display: flex;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin: 0 auto 30px;
}
 .testi_outer p {
     text-align: center;
     color: #fff;
}
 .testi_outer h2 {
     text-align: center;
     font-size: 25px;
     color: #fff;
}
/*--------------------------*/
 .breadcrumb_top {
     background-image: linear-gradient(to right, rgba(0, 33, 71, 0.8), rgba(0, 33, 71, 0.8)), url(../img/banner.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     display: inline;
     float: left;
     height: 130px;
     margin-top: 0px;
     padding: 10px 0;
     text-align: left;
     width: 100%;
}
 .breadcrumb_top .breadcrumb a {
     color: #E91E63;
}
 .breadcrumb_top .breadcrumb-item.active {
     color: #fff;
}
 .breadcrumb_top .breadcrumb-item+.breadcrumb-item::before {
     color: #fff;
}
 .breadcrumb_top h2 {
     color: #fff;
     font-size: 36px;
     font-weight: bold;
     text-align: left;
     text-transform: capitalize;
}
 .breadcrumb_top ol.breadcrumb {
     padding: 10px 0 8px;
}
 .section_content {
     clear: both;
     margin: 50px 0;
     display: inline-flex;
     width: 100%;
}
 .table_sre a {
     color: #000;
     text-decoration: none;
     background: #fff;
     padding: 7px 30px;
     border-radius: 5px;
     box-shadow: 0 1px 6px #000;
     margin: 0 auto;
     font-size: 18px;
     font-weight: 600;
}
 .table_sre p {
     font-size: 18px;
     color: #000;
     font-weight: 700;
}
 .table_sre tr td {
     padding: 10px 20px;
     text-align: center;
}
 tr {
     border-color: #000;
}
 .elearning .col-sm-4 {
     border: 1px solid #000;
     border-left: none;
     border-bottom: none;
}
 .e_title {
     font-size: 26px;
     margin: 0 0 8px;
     color: #fff;
     background: #F44336 !important;
     border: none !important;
     outline: none !important;
}
 .table_eler a {
     color: #000;
     text-decoration: none;
     padding: 10px 0;
     display: block;
}
 .elearning .modal-header .close {
     margin-top: -20px;
}
 .elearning .modal {
     z-index: 999999999;
}
 .contact_form {
     clear: both;
     margin: 30px 0;
     display: inline-flex;
     width: 100%;
}
 .cont-subs {
     border: 1px solid #bdbdbd;
     border-radius: 4px;
}
 .cont-add {
     grid-template-columns: 1fr auto;
     display: grid;
     grid-gap: 20px;
     align-items: center;
     padding: 20px;
}
 .add-2 {
     border-top: 1px solid #bdbdbd;
     border-bottom: 1px solid #bdbdbd;
}
 .add-3 {
     border-top: 1px solid #bdbdbd;
}
 @media (min-width: 768px) {
     .elearning .modal-dialog {
         max-width: 1080px;
         margin: 30px auto;
    }
}
/*--------------------------------------- responcive--------------------------------------- */
 @media (max-width:767px) {
     .container, .container-sm {
         max-width: 100% !important;
    }
     .slide_section .col-sm-6.hide-text img {
         width: 100%;
         height: auto !important;
    }
     .menu li a {
        /* padding: 15px 0 5px !important;
         */
         background: transparent;
         background-image: inherit;
         display: block;
    }
     .navbar-light .navbar-toggler {
         color: rgb(255 255 255) !important;
         border-color: rgb(255 255 255) !important;
         outline: none;
    }
     .slide_contant {
         margin: 20px 0 0;
    }
     .footer_top ul li a {
         font-size: 12px;
    }
     .technology_title {
         display: block;
         padding: 15px 20px 15px 0;
         border-right: none;
         text-align: center;
    }
     .technology {
         display: flex;
         overflow: hidden;
    }
     .technology ul {
         float: none;
         width: 100%;
         padding: 0px 0 0 0;
         overflow-x: auto;
    }
     .technology ul li {
         list-style: none;
         padding: 0 10px 0;
    }
     .mbr_section {
         padding: 30px 0;
    }
     .about_btn {
         position: relative;
    }
     .about_btn a {
         position: relative !important;
    }
     .mbrweb_price .item {
         margin: 0 0 30px;
    }
     .mbr-team-card.text-center {
         margin: 0px auto 20px;
         width: 70%;
    }
     .contact_bg {
         margin: 0px 0 30px;
    }
     .contact_info {
         padding: 10px 10px 10px;
    }
     .contact_mbr {
         margin: 10px 0 0;
    }
     .contact_info h2 {
         font-size: 25px;
    }
     .top-hd {
         height: 110px;
    }
     .col-md-6.col-6 {
         flex: 100%;
         max-width: 100%;
    }
     .accounts {
         margin: 0 0 6px;
    }
     .logo img {
         padding: 10px 0;
         width: 100%;
    }
     li.top_li {
         display: block !important;
         margin: 10px 0 !important;
    }
     li.top_li {
         display: block !important;
         margin: 5px 0 !important;
         line-height: 17px !important;
    }
     .time {
         float: none;
    }
     .date {
         float: none;
    }
     nav.navbar.navbar-expand-md.navbar-light.shadow-sm {
         padding: 10px 20px;
    }
     button.navbar-toggler:before {
         content: 'Menu';
         margin: 6px 0 0;
         float: left;
    }
     button.navbar-toggler {
         border: none;
    }
     span.icon-bar {
         display: block;
         width: 35px;
         height: 6px;
         border-radius: 50px;
         background: #fff;
         margin: 0 0 6px;
    }
     button.navbar-toggler {
         width: 100%;
         margin: 0;
         text-align: left;
    }
     .mg-sis ul li {
         width: 49% !important;
         float: none !important;
    }
     .for-marquee {
         height: auto;
    }
     .tabs.news_acti {
         width: 100%;
    }
     .event-slider {
         width: 100%;
         float: none;
         margin-left: 0;
         margin-top: 40px;
         display: inline-block;
    }
     .about_textouter img {
         margin: 0 10px 0 0 !important;
         border-radius: 0 50px 0 50px;
         box-shadow: 0px 0px 8px #c6c6c6;
         float: none !important;
         height: auto !important;
         width: 70% !important;
    }
     .title h2 {
         font-size: 22px;
         font-weight: 400;
         color: #002147;
    }
     .card-media {
         height: auto;
         display: inline-block;
    }
     .card-media-object-container {
         width: 100%;
    }
     .card-media-body {
         width: 100%;
    }
     .card-media-body-supporting-bottom {
         position: unset;
    }
     .about_textouter p:nth-child(2) {
         margin: 0 0 5px 0;
    }
     .about_textouter {
         padding: 0 20px 0;
    }
     .about_h {
         height: auto;
    }
     .tabs.resent_update {
         width: 100%;
         float: none;
    }
     .event-slider.downoload_part {
         width: 100%;
         margin-left: 0;
         float: none;
    }
     .col-lg-3.col-news-top.text-center {
         flex: 0 0 100%;
         max-width: 100%;
    }
     .table-responsive>.table-bordered {
         width: 960px !important;
    }
     a.allvideogallery {
         top: 10px;
    }
     .allgallery {
         margin: 10px 0 0;
    }
}
 @media (max-width:576px) {
     .footer_top ul li a {
         font-size: 16px;
    }
     .copyright_mbr p {
         text-align: center;
    }
     .social-links {
         text-align: center;
         margin: 15px 0 0;
    }
     #mbr_service .row {
         margin: 0 !important;
    }
     .slide_section {
         height: auto !important;
    }
     .slide_contant h2 {
         font-size: 28px;
    }
}
 @media (min-width: 2000px) {
     .col_row_text p span {
         color: #fff !important;
         font-size: 16px;
         line-height: 30px;
    }
}
 .footer-title-29 {
     color: #fff;
     font-size: 20px;
     line-height: 25px;
     text-transform: capitalize;
     margin-bottom: 25px;
     font-weight: 600;
}
 .footer-list-29 ul li a, .footer-list-29 ul li p {
     font-weight: normal;
     font-size: 16px;
     line-height: 25px;
     color: #fff;
}
 .footer-list-29 ul li span.fa {
     color: #e91e63;
     width: 20px;
}
 .main-social-footer-29 a {
     margin-right: 10px;
     color: #fff;
     background: rgba(26, 68, 116, 0.55);
     width: 35px;
     height: 35px;
     line-height: 35px;
     display: inline-block;
     text-align: center;
     font-size: 14px;
     border-radius: 50%;
     transition: 0.3s;
}