@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,300&display=swap');
                    html,
                    body {
                        overflow-x: hidden;
                        scroll-behavior: smooth;
                    }
                    
                    body {
                        font-family: 'Roboto', sans-serif;
                        color: #444;
                    }
                    
                    a {
                        color: #428bca;
                    }
                    
                    a:hover {
                        color: #9eccf4;
                        text-decoration: none;
                    }
                    
                    h1,
                    h2,
                    h3,
                    h4,
                    h5,
                    h6,
                    .font-primary {
                        font-family: 'Roboto', sans-serif;
                    }
                    
                    .red {
                        color: #ff0101 !important;
                    }
                    /*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
                    
                    .back-to-top {
                        position: fixed;
                        display: none;
                        width: 40px;
                        height: 40px;
                        border-radius: 3px;
                        right: 15px;
                        bottom: 15px;
                        background: #de1c85;
                        color: #fff;
                        transition: display 0.5s ease-in-out;
                        z-index: 99999;
                    }
                    
                    .back-to-top i {
                        font-size: 24px;
                        position: absolute;
                        top: 8px;
                        left: 8px;
                    }
                    
                    .back-to-top:hover {
                        color: #fff;
                        background: #225b83;
                        transition: background 0.2s ease-in-out;
                    }
                    /*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
                    
                    #topbar {
                        background: #225b83;
                        border-bottom: 1px solid #eee;
                        font-size: 13px;
                        color: rgba(255, 255, 255, 0.70);
                        padding: 0;
                    }
                    
                    #topbar .contact-info {
                        padding-top: 7px;
                        padding-bottom: 6px;
                    }
                    
                    #topbar .contact-info a {
                        line-height: 1;
                        color: rgba(255, 255, 255, 0.70);
                        transition: 0.3s;
                        padding-top: 10px;
                    }
                    
                    #topbar .contact-info a:hover {
                        color: rgba(255, 255, 255, 0.99);
                    }
                    
                    #topbar .contact-info i {
                        color: rgba(255, 255, 255, 0.70);
                        padding: 4px;
                    }
                    
                    #topbar .contact-info .icofont-phone {
                        padding-left: 20px;
                        margin-left: 10px;
                    }
                    
                    #topbar .social-links {
                        color: #fff;
                        background-color: #8d306c;
                        padding: 7px 8px;
                    }
                    
                    #topbar .social-links a {
                        color: rgb(255 255 255 / 85%);
                        display: inline-block;
                        line-height: 1px;
                        transition: 0.3s;
                        background-color: #8d306c;
                    }
                    
                    #topbar .social-links a:hover {
                        color: #fff;
                    }
                    
                    #topbar .contact-info ul.skip {
                        list-style: none;
                        padding: 0;
                        margin-left: 20px;
                        margin-bottom: 0;
                    }
                    
                    #topbar .contact-info ul.skip li {
                        padding: 0;
                        display: inline-block;
                        color: rgba(255, 255, 255, 0.40)
                    }
                    
                    #topbar .contact-info ul.skip li a {
                        color: rgba(255, 255, 255, 0.70);
                        text-decoration: none;
                        padding: 5px 10px;
                    }
                    
                    #topbar .contact-info ul.skip li a:hover {
                        color: rgba(255, 255, 255, 0.99);
                        text-decoration: none;
                    }
                    
                    #topbar .contact-info ul.skip li span {
                        color: rgba(255, 255, 255, 0.70);
                        padding: 5px 8px;
                        cursor: pointer;
                    }
                    
                    #topbar .contact-info ul.skip li span:hover {
                        color: rgba(255, 255, 255, 0.99);
                        text-decoration: none;
                        outline: none;
                    }
                    
                    #topbar #SearchBox {
                        max-width: 300px;
                        position: relative;
                        float: right;
                        clear: both;
                        width: 100%;
                        margin-top: 10px;
                        transition: ease-in-out all 0.5s;
                    }
                    
                    #topbar #SearchBox form input {
                        border-radius: 0;
                    }
                    
                    .btn-search {
                        background-color: #de1c85;
                        color: #fff;
                        outline: none;
                        border: 0;
                        position: absolute;
                        right: 0;
                        top: 0px;
                        padding: 10px 15px;
                    }
                    
                    #header .sidebar {
                        height: 100%;
                        width: 0;
                        position: fixed;
                        z-index: 1;
                        top: 0;
                        right: 0;
                        background-color: #003664;
                        overflow-x: hidden;
                        transition: 0.5s;
                        padding-top: 60px;
                        z-index: 99;
                    }
                    
                    #header .sidebar a {
                        padding: 8px 8px 8px 32px;
                        text-decoration: none;
                        font-size: 14px !important;
                        color: #fff;
                        display: block;
                        transition: 0.3s;
                        text-transform: uppercase;
                    }
                    
                    #header .sidebar a:hover {
                        color: #fff;
                    }
                    
                    #header .sidebar .closebtn {
                        position: absolute;
                        top: 0;
                        right: 25px;
                        font-size: 36px;
                        margin-left: 50px;
                    }
                    
                    #header .openbtn {
                        font-size: 20px;
                        cursor: pointer;
                        background-color: transparent;
                        color: white;
                        padding: 10px 15px;
                        border: none;
                        outline: none;
                    }
                    
                    #header .openbtn:hover,
                    #header .openbtn:focus {
                        background-color: transparent;
                    }
                    
                    #header {
                        transition: margin-left .5s;
                    }
                    
                    @media screen and (max-height: 450px) {
                        #header .sidebar {
                            padding-top: 15px;
                        }
                        #header .sidebar a {
                            font-size: 18px;
                        }
                    }
                    /*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
                    
                    .logo-branding {
                        background-image: url('../images/header_bg.jpg');
                        background-position: center top;
                        background-repeat: no-repeat;
                        background-size: cover;
                        height: 140px;
                    }
                    
                    .logo-branding h1 {
                        font-size: 28px;
                        margin: 0;
                        padding-top: 20px;
                        line-height: 1;
                        font-weight: 600;
                        text-transform: capitalize;
                        color: #de1c85;
                    }
                    
                    .logo-branding h3 {
                        font-size: 24px;
                        margin: 0;
                        padding-top: 8px;
                        font-weight: 400;
                        text-transform: capitalize;
                        color: #225b83;
                    }
                    
                    .logo-branding span {
                        font-size: 20px;
                        margin: 0;
                        padding-top: 10px;
                        font-weight: 400;
                        text-transform: capitalize;
                        color: #225b83;
                        display: block;
                    }
                    
                    .logo-branding span strong {
                        font-weight: 600;
                        color: #ff0101;
                    }
                    
                    .logo-branding .logo h1 a,
                    .logo-branding .logo h1 a:hover {
                        color: #1c5c93;
                        text-decoration: none;
                    }
                    
                    .logo-branding .logo {
                        width: 25%;
                    }
                    
                    .logo-branding .logo img {
                        padding: 12px 0;
                        margin: 0;
                    }
                    
                    #header {
                        height: 50px;
                        transition: all 0.5s;
                        transition: all 0.5s;
                        background: #225b83;
                        z-index: 997;
                        border-bottom: 1px solid #de1c85;
                    }
                    
                    #header.header-scrolled {
                        box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
                    }
                    /*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
                    /* Desktop Navigation */
                    
                    .nav-menu,
                    .nav-menu * {
                        margin: 0;
                        padding: 0;
                        list-style: none;
                    }
                    
                    .nav-menu>ul>li {
                        position: relative;
                        white-space: nowrap;
                        float: left;
                    }
                    
                    .nav-menu a {
                        display: block;
                        position: relative;
                        color: #fff;
                        padding: 15px 8px;
                        transition: 0.3s;
                        font-size: 13px;
                        font-family: "Open Sans", sans-serif;
                        text-transform: uppercase;
                    }
                    
                    .nav-menu a:hover,
                    .nav-menu .active>a,
                    .nav-menu li:hover>a {
                        color: #fff;
                        text-decoration: none;
                        background-color: #8d306c;
                    }
                    
                    .nav-menu .drop-down ul {
                        display: block;
                        position: absolute;
                        left: 0;
                        top: 100%;
                        z-index: 99;
                        opacity: 0;
                        visibility: hidden;
                        padding: 10px 0;
                        background: #fff;
                        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
                        transition: ease all 0.3s;
                    }
                    
                    .nav-menu .drop-down:hover>ul {
                        opacity: 1;
                        top: 100%;
                        visibility: visible;
                    }
                    
                    .nav-menu .drop-down li {
                        min-width: 180px;
                        position: relative;
                    }
                    
                    .nav-menu .drop-down ul a {
                        padding: 10px 20px;
                        font-size: 14px;
                        font-weight: 400;
                        text-transform: none;
                        color: #225b83;
                    }
                    
                    .nav-menu .drop-down ul a:hover,
                    .nav-menu .drop-down ul .active>a,
                    .nav-menu .drop-down ul li:hover>a {
                        color: #de1c85;
                        background-color: #fff;
                    }
                    
                    .nav-menu .drop-down ul li {
                        border-bottom: 1px dashed #ccc;
                    }
                    
                    .nav-menu .drop-down>a:after {
                        content: "\ea99";
                        font-family: IcoFont;
                        padding-left: 5px;
                    }
                    
                    .nav-menu .drop-down .drop-down ul {
                        top: 0;
                        left: 100%;
                    }
                    
                    .nav-menu .drop-down .drop-down:hover>ul {
                        opacity: 1;
                        top: 0;
                    }
                    
                    .nav-menu .drop-down .drop-down>a {
                        padding-right: 35px;
                    }
                    
                    .nav-menu .drop-down .drop-down>a:after {
                        content: "\eaa0";
                        font-family: IcoFont;
                        position: absolute;
                        right: 15px;
                    }
                    
                    .nav-menu>ul>li a i {
                        font-size: 20px;
                        line-height: 16px;
                    }
                    
                    @media (max-width: 1366px) {
                        .nav-menu .drop-down .drop-down ul {
                            left: -90%;
                        }
                        .nav-menu .drop-down .drop-down:hover>ul {
                            left: -100%;
                        }
                        .nav-menu .drop-down .drop-down>a:after {
                            content: "\ea9d";
                        }
                    }
                    /* Mobile Navigation */
                    
                    .mobile-nav {
                        position: fixed;
                        top: 0;
                        bottom: 0;
                        z-index: 9999;
                        overflow-y: auto;
                        left: -260px;
                        width: 260px;
                        padding-top: 18px;
                        background: #1f3548;
                        transition: 0.4s;
                    }
                    
                    .mobile-nav * {
                        margin: 0;
                        padding: 0;
                        list-style: none;
                    }
                    
                    .mobile-nav a {
                        display: block;
                        position: relative;
                        color: #e3f0fc;
                        padding: 10px 20px;
                        font-weight: 500;
                    }
                    
                    .mobile-nav a:hover,
                    .mobile-nav .active>a,
                    .mobile-nav li:hover>a {
                        color: #9eccf4;
                        text-decoration: none;
                    }
                    
                    .mobile-nav .drop-down>a:after {
                        content: "\ea99";
                        font-family: IcoFont;
                        padding-left: 10px;
                        position: absolute;
                        right: 15px;
                    }
                    
                    .mobile-nav .active.drop-down>a:after {
                        content: "\eaa0";
                    }
                    
                    .mobile-nav .drop-down>a {
                        padding-right: 35px;
                    }
                    
                    .mobile-nav .drop-down ul {
                        display: none;
                        overflow: hidden;
                    }
                    
                    .mobile-nav .drop-down li {
                        padding-left: 20px;
                    }
                    
                    .mobile-nav-toggle {
                        position: fixed;
                        right: 15px;
                        top: 20px;
                        z-index: 9998;
                        border: 0;
                        background: none;
                        font-size: 24px;
                        transition: all 0.4s;
                        outline: none !important;
                        line-height: 1;
                        cursor: pointer;
                        text-align: right;
                    }
                    
                    .mobile-nav-toggle i {
                        color: #5c768d;
                    }
                    
                    .mobile-nav-overly {
                        width: 100%;
                        height: 100%;
                        z-index: 9997;
                        top: 0;
                        left: 0;
                        position: fixed;
                        background: rgba(31, 53, 72, 0.7);
                        overflow: hidden;
                        display: none;
                    }
                    
                    .mobile-nav-active {
                        overflow: hidden;
                    }
                    
                    .mobile-nav-active .mobile-nav {
                        left: 0;
                    }
                    
                    .mobile-nav-active .mobile-nav-toggle i {
                        color: #fff;
                    }
                    /*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
                    
                    #hero {
                        width: 100%;
                        height: calc(100vh - 114px);
                        padding: 0;
                        overflow: hidden;
                    }
                    
                    #hero .carousel-item {
                        width: 100%;
                        height: calc(100vh - 114px);
                        background-size: cover;
                        background-position: top right;
                        background-repeat: no-repeat;
                        overflow: hidden;
                    }
                    
                    #hero .carousel-item::before {
                        content: '';
                        background-color: rgba(19, 27, 35, 0);
                        position: absolute;
                        height: 100%;
                        width: 100%;
                        top: 0;
                        right: 0;
                        left: 0;
                        bottom: 0;
                        overflow: hidden;
                    }
                    
                    #hero .carousel-container {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        position: absolute;
                        bottom: 0;
                        top: 0;
                        left: 0;
                        right: 0;
                        overflow: hidden;
                    }
                    
                    #hero .carousel-content {
                        text-align: left;
                    }
                    
                    @media (max-width: 992px) {
                        #hero,
                        #hero .carousel-item {
                            height: calc(100vh - 70px);
                        }
                        #hero .carousel-content.container {
                            padding: 0 50px;
                        }
                    }
                    
                    #hero h2 {
                        color: #fff;
                        margin-bottom: 20px;
                        font-size: 40px;
                        font-weight: 400;
                    }
                    
                    #hero p {
                        width: 80%;
                        -webkit-animation-delay: 0.4s;
                        animation-delay: 0.4s;
                        color: #fff;
                        font-size: 20px;
                        font-weight: 300;
                    }
                    
                    #hero .carousel-inner .carousel-item {
                        transition-property: opacity;
                        background-position: center top;
                    }
                    
                    #hero .carousel-inner .carousel-item,
                    #hero .carousel-inner .active.carousel-item-left,
                    #hero .carousel-inner .active.carousel-item-right {
                        opacity: 0;
                    }
                    
                    #hero .carousel-inner .active,
                    #hero .carousel-inner .carousel-item-next.carousel-item-left,
                    #hero .carousel-inner .carousel-item-prev.carousel-item-right {
                        opacity: 1;
                        transition: 0.5s;
                    }
                    
                    #hero .carousel-inner .carousel-item-next,
                    #hero .carousel-inner .carousel-item-prev,
                    #hero .carousel-inner .active.carousel-item-left,
                    #hero .carousel-inner .active.carousel-item-right {
                        left: 0;
                        transform: translate3d(0, 0, 0);
                    }
                    
                    #hero .carousel-control-prev,
                    #hero .carousel-control-next {
                        width: 10%;
                    }
                    
                    #hero .carousel-control-next-icon,
                    #hero .carousel-control-prev-icon {
                        background: none;
                        font-size: 48px;
                        line-height: 1;
                        width: auto;
                        height: auto;
                    }
                    
                    #hero .carousel-indicators li {
                        cursor: pointer;
                    }
                    
                    #hero .btn-get-started {
                        font-family: "Raleway", sans-serif;
                        font-weight: 700;
                        font-size: 14px;
                        letter-spacing: 1px;
                        display: inline-block;
                        padding: 12px 32px;
                        border-radius: 20px;
                        transition: 0.5s;
                        line-height: 1;
                        color: #fff;
                        -webkit-animation-delay: 0.8s;
                        animation-delay: 0.8s;
                        border: 0;
                        background: #428bca;
                    }
                    
                    #hero .btn-get-started:hover {
                        background: #225b83;
                    }
                    
                    @media (max-width: 768px) {
                        #hero h2 {
                            font-size: 28px;
                        }
                    }
                    
                    @media (min-width: 1024px) {
                        #hero p {
                            width: 60%;
                        }
                        #hero .carousel-control-prev,
                        #hero .carousel-control-next {
                            width: 5%;
                        }
                    }
                    
                    #logoCarousel.carousel {
                        width: 100%;
                    }
                    
                    #logoCarousel .carousel-item img {
                        border: 1px solid #ddd;
                        border-radius: 5px;
                    }
                    
                    #logoCarousel .carousel-item .col-md-4 {
                        padding-right: 8px;
                        padding-left: 8px;
                    }
                    
                    #logoCarousel .carousel-item .col-md-4:nth-of-type(1) {
                        text-align: right;
                    }
                    
                    #logoCarousel .carousel-item .col-md-4:nth-of-type(2) {
                        text-align: center;
                    }
                    
                    #logoCarousel .carousel-item .col-md-4:nth-of-type(3) {
                        text-align: left;
                    }
                    
                    #logoCarousel .carousel-inner {
                        width: 85%;
                        margin-left: 85px;
                    }
                    
                    #logoCarousel .carousel-control-prev,
                    #logoCarousel .carousel-control-next {
                        color: #333;
                        border: 2px solid #333;
                        border-radius: 25px;
                        width: 30px;
                        height: 30px;
                        padding: 6px 5px;
                        top: 45px;
                    }
                    
                    #collegeCarousel .carousel-item .col-md-2 a {
                        background-color: #fff;
                        display: block;
                    }
                    
                    #logoCarousel .carousel-indicators li {
                        background-color: #225b83;
                    }
                    
                    #logoCarousel .carousel-indicators {
                        bottom: -60px;
                    }
                    /***start college carousel***/
                    
                    #collegeCarousel .carousel-item img {
                        border: 0px solid #ddd;
                        border-radius: 0px !important;
                    }
                    
                    #collegeCarousel .carousel-indicators li {
                        background-color: #225b83;
                    }
                    
                    #collegeCarousel .carousel-indicators {
                        bottom: -60px;
                    }
                    
                    #collegeCarousel .carousel-item a .box-title {
                        font-size: 12px;
                        background-color: #225b83;
                        text-align: center;
                        padding: 10px;
                        color: #fff;
                        text-decoration: none;
                    }
                    
                    #collegeCarousel .carousel-item a .box-title:hover {
                        color: #fff;
                        text-decoration: underline;
                    }
                    /*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
                    
                    section {
                        padding: 60px 0 30px 0;
                    }
                    
                    .section-bg {
                        background-color: #f5f9fc;
                    }
                    
                    .section-title {
                        text-align: center;
                        padding-bottom: 30px;
                    }
                    
                    .section-title h2 {
                        font-size: 32px;
                        font-weight: 500;
                        margin-bottom: 20px;
                        padding-bottom: 0;
                        color: #225b83;
                    }
                    
                    .section-title p {
                        margin-bottom: 0;
                    }
                    /*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
                    
                    .breadcrumbs {
                        padding: 15px 0;
                        background-color: #f5f9fc;
                        min-height: 40px;
                    }
                    
                    .breadcrumbs h2 {
                        font-size: 24px;
                        font-weight: 300;
                    }
                    
                    .breadcrumbs ol {
                        display: flex;
                        flex-wrap: wrap;
                        list-style: none;
                        padding: 0;
                        margin: 0;
                        font-size: 14px;
                    }
                    
                    .breadcrumbs ol li+li {
                        padding-left: 10px;
                    }
                    
                    .breadcrumbs ol li+li::before {
                        display: inline-block;
                        padding-right: 10px;
                        color: #6c757d;
                        content: "/";
                    }
                    
                    @media (max-width: 768px) {
                        .breadcrumbs .d-flex {
                            display: block !important;
                        }
                        .breadcrumbs ol {
                            display: block;
                        }
                        .breadcrumbs ol li {
                            display: inline-block;
                        }
                    }
                    /*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
                    
                    .left_sidebar {
                        background-color: #f5f9fc !important;
                        padding: 20px;
                        margin-bottom: 30px;
                        border: 1px solid #dce3e8;
                    }
                    
                    .about {
                        padding-bottom: 30px;
                        /*background-image: url('../images/tabing_bg.jpg');*/
                        background-position: 102.99% top;
                        background-repeat: no-repeat;
                    }
                    
                    .about .tabing {
                        background-color: rgba(255, 255, 255, 0.80);
                    }
                    
                    .tab-content ul {
                        padding: 0 0 20px;
                        margin: 0;
                        list-style: none;
                        border-bottom: 1px solid #ddd;
                    }
                    
                    .tab-content ul li {
                        padding: 5px 5px 6px 0px;
                        margin-bottom: 40px;
                        display: block;
                        line-height: 20px;
                        clear: both;
                        margin-top: 20px;
                    }
                    
                    a.viewmore {
                        text-decoration: underline;
                        color: #225b83;
                        padding: 10px;
                        text-align: center;
                        display: block;
                        font-size: 14px;
                    }
                    
                    a.viewmore:hover {
                        text-decoration: none;
                        color: #c40062;
                    }
                    
                    .tab-content ul li a {
                        padding: 0;
                        color: #003663;
                        text-decoration: none;
                        font-size: 14px;
                        display: inline-flex;
                        float: left;
                        width: 90%;
                        padding-left: 10px;
                    }
                    
                    .tab-content ul li img {
                        display: inline-flex;
                        width: 30px;
                        float: left;
                        margin-top: 5px;
                    }
                    
                    .tab-content ul li a:hover,
                    .tab-content ul li a:focus {
                        color: #c40062;
                        text-decoration: none;
                    }
                    
                    .readmore {
                        background-color: #225b83;
                        font-size: 14px;
                        font-weight: 400;
                        border-radius: 4px;
                        text-decoration: none;
                        color: #fff !important;
                        transition: 0.5s;
                        padding: 10px 20px;
                        margin-top: 20px;
                        display: inline-block;
                    }
                    
                    .readmore:hover,
                    .readmore:focus {
                        background-color: #c40062;
                        text-decoration: none;
                        color: #fff !important;
                    }
                    /* .about .container {
    box-shadow: 0 5px 25px 0 rgba(214, 215, 216, 0.6)
    ;
} */
                    
                    .about h6 {
                        color: #225b83;
                        font-size: 20px;
                        margin-bottom: 25px;
                    }
                    
                    .about h6::after {
                        width: 33px;
                        height: 2px;
                        background-color: #225b83;
                        position: absolute;
                        content: "";
                        top: 26px;
                        left: 0;
                    }
                    
                    .about .video-box img {
                        padding: 15px 0;
                    }
                    
                    .about .section-title p {
                        text-align: left;
                        color: #225b83!important;
                    }
                    
                    .about .about-content {
                        padding: 40px;
                    }
                    
                    .about .icon-box+.icon-box {
                        margin-top: 40px;
                    }
                    
                    .about .icon-box .icon {
                        float: left;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 72px;
                        height: 72px;
                        background: #f1f7fb;
                        border-radius: 6px;
                        transition: 0.5s;
                    }
                    
                    .about .icon-box .icon i {
                        color: #428bca;
                        font-size: 32px;
                    }
                    
                    .about .icon-box:hover .icon {
                        background: #428bca;
                    }
                    
                    .about .icon-box:hover .icon i {
                        color: #fff;
                    }
                    
                    .about .icon-box .title {
                        margin-left: 95px;
                        font-weight: 700;
                        margin-bottom: 10px;
                        font-size: 18px;
                        text-transform: uppercase;
                    }
                    
                    .about .icon-box .title a {
                        color: #343a40;
                        transition: 0.3s;
                    }
                    
                    .about .icon-box .title a:hover {
                        color: #428bca;
                    }
                    
                    .about .icon-box .description {
                        margin-left: 95px;
                        line-height: 24px;
                        font-size: 14px;
                    }
                    
                    .about .video-box {
                        position: relative;
                    }
                    
                    .about .play-btn {
                        width: 94px;
                        height: 94px;
                        background: radial-gradient(#428bca 50%, rgba(66, 139, 202, 0.4) 52%);
                        border-radius: 50%;
                        display: block;
                        position: absolute;
                        left: calc(50% - 47px);
                        top: calc(50% - 47px);
                        overflow: hidden;
                    }
                    
                    .about .play-btn::after {
                        content: '';
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        transform: translateX(-40%) translateY(-50%);
                        width: 0;
                        height: 0;
                        border-top: 10px solid transparent;
                        border-bottom: 10px solid transparent;
                        border-left: 15px solid #fff;
                        z-index: 100;
                        transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
                    }
                    
                    .about .play-btn::before {
                        content: '';
                        position: absolute;
                        width: 120px;
                        height: 120px;
                        -webkit-animation-delay: 0s;
                        animation-delay: 0s;
                        -webkit-animation: pulsate-btn 2s;
                        animation: pulsate-btn 2s;
                        -webkit-animation-direction: forwards;
                        animation-direction: forwards;
                        -webkit-animation-iteration-count: infinite;
                        animation-iteration-count: infinite;
                        -webkit-animation-timing-function: steps;
                        animation-timing-function: steps;
                        opacity: 1;
                        border-radius: 50%;
                        border: 5px solid rgba(66, 139, 202, 0.7);
                        top: -15%;
                        left: -15%;
                        background: rgba(198, 16, 0, 0);
                    }
                    
                    .about .play-btn:hover::after {
                        border-left: 15px solid #428bca;
                        transform: scale(20);
                    }
                    
                    .about .play-btn:hover::before {
                        content: '';
                        position: absolute;
                        left: 50%;
                        top: 50%;
                        transform: translateX(-40%) translateY(-50%);
                        width: 0;
                        height: 0;
                        border: none;
                        border-top: 10px solid transparent;
                        border-bottom: 10px solid transparent;
                        border-left: 15px solid #fff;
                        z-index: 200;
                        -webkit-animation: none;
                        animation: none;
                        border-radius: 0;
                    }
                    
                    @-webkit-keyframes pulsate-btn {
                        0% {
                            transform: scale(0.6, 0.6);
                            opacity: 1;
                        }
                        100% {
                            transform: scale(1, 1);
                            opacity: 0;
                        }
                    }
                    
                    @keyframes pulsate-btn {
                        0% {
                            transform: scale(0.6, 0.6);
                            opacity: 1;
                        }
                        100% {
                            transform: scale(1, 1);
                            opacity: 0;
                        }
                    }
                    /*--------------------------------------------------------------
# About Head
--------------------------------------------------------------*/
                    
                    .about-head #bg-head h2 {
                        color: #fff;
                        margin-bottom: 50px;
                        font-weight: 400;
                    }
                    
                    .about-head #bg-head h2::after {
                        width: 90px;
                        height: 2px;
                        background-color: #c40062;
                        position: absolute;
                        content: "";
                        top: 40px;
                        left: 15px;
                    }
                    
                    .about-head #bg-head2 h2 {
                        color: #225b83;
                        margin-bottom: 50px;
                        font-weight: 400;
                        text-align: center;
                    }
                    
                    .about-head #bg-head2 h2::after {
                        width: 90px;
                        height: 2px;
                        background-color: #c40062;
                        position: absolute;
                        content: "";
                        top: 45px;
                        left: 42%;
                    }
                    
                    .about-head #bg-head {
                        background-image: url(../images/bg_head.jpg);
                        background-position: left top;
                        background-repeat: no-repeat;
                        background-size: cover;
                        margin: 0;
                        padding: 40px;
                    }
                    
                    .about-head .head-img,
                    .about-head .head-name {
                        float: left;
                    }
                    
                    .about-head .head-img {
                        width: 100%;
                    }

                    .about-head .head-img img{
                        display:block;
                        margin:30px auto 0px;
                    }
                    
                    .about-head .head-name {
                        width: 100%;
                    }
                    
                    .about-head .head-name h4 {
                        font-size: 18px;
                        color: #c40062;
                        font-weight: 500;
                        text-align: center;
                        padding-top: 30px;
                        margin-bottom: 5px;
                    }
                    
                    .about-head .head-name p {
                        font-size: 14px;
                        color: #225b83;
                        font-weight: normal;
                        text-align: center;
                        padding: 0;
                    }
                    
                    .about-head #bg-head2 {
                        background-color: #ebebeb;
                        margin: 0;
                        padding: 40px;
                    }
                    
                    .about-head .row {
                        overflow: hidden;
                    }
                    
                    .about-head .content-item {
                        padding: 40px;
                        border-left: 1px solid #d9e8f4;
                        border-bottom: 1px solid #d9e8f4;
                        margin: -1px;
                    }
                    
                    .about-head .content-item span {
                        display: block;
                        font-size: 24px;
                        font-weight: 400;
                        color: #9eccf4;
                    }
                    
                    .about-head .content-item h4 {
                        font-size: 28px;
                        font-weight: 400;
                        padding: 0;
                        margin: 20px 0;
                    }
                    
                    .about-head .content-item p {
                        color: #aaaaaa;
                        font-size: 15px;
                        margin: 0;
                        padding: 0;
                    }
                    
                    @media (max-width: 768px) {
                        .about-head .content-item {
                            padding: 40px 0;
                        }
                    }
                    /*--------------------------------------------------------------
# Support Head
--------------------------------------------------------------*/
                    
                    .support-manage #bg1 h2 {
                        color: #fff;
                        margin-bottom: 50px;
                        font-weight: 400;
                    }
                    
                    .support-manage #bg1 h2::after {
                        width: 90px;
                        height: 2px;
                        background-color: #de1c85;
                        position: absolute;
                        content: "";
                        top: 40px;
                        left: 15px;
                    }
                    
                    .support-manage #bg2 {
                        background-image: url(../images/suppoert_bg.jpg);
                        background-position: left top;
                        background-repeat: no-repeat;
                        background-size: cover;
                        margin: 0;
                        padding: 40px;
                        min-height: 400px;
                    }
                    
                    .support-manage #bg1 {
                        background-color: #003663;
                        margin: 0;
                        padding: 40px;
                    }
                    
                    .support-manage ul {
                        padding: 0px;
                        margin: 0;
                        list-style: none;
                        display: block;
                    }
                    
                    .support-manage ul li {
                        margin-right: 10px;
                        width: 80px;
                        display: block;
                        float: left;
                        height: 120px;
                    }
                    
                    .support-manage .box-icon {
                        padding: 0px;
                    }
                    
                    .support-manage ul li a {
                        padding: 10px;
                        text-decoration: none;
                        background-color: #fff;
                        border-radius: 5px;
                        display: block;
                        text-align: center;
                        color: #de1c85;
                        transition: 0.3s;
                    }
                    
                    .support-manage ul li a:hover i {
                        color: #003663;
                        text-decoration: none;
                    }
                    
                    .support-manage ul li h3 {
                        padding: 10px 0;
                        text-decoration: none;
                        font-size: 12px;
                        color: #fff;
                        text-align: center;
                    }
                    
                    .support-manage .support-manage .row {
                        overflow: hidden;
                    }
                    
                    .support-manage .content-item p {
                        color: #aaaaaa;
                        font-size: 15px;
                        margin: 0;
                        padding: 0;
                    }
                    
                    @media (max-width: 768px) {
                        .support-manage .content-item {
                            padding: 40px 0;
                        }
                    }
                    
                    .inner-page p {
                        text-align: justify;
                        color: #225b83;
                        font-weight: 300;
                    }
                    
                    .inner-page ul {
                        list-style: none;
                        padding: 0;
                        margin: 20px 0;
                        font-weight: 300;
                    }
                    
                    .inner-page ul li i {
                        color: #de1c85;
                        font-weight: 600;
                    }
                    
                    .inner-page ul li {
                        color: #225b83;
                    }
					
					
                    .inner-page ul li a {
                        color: #225b83;
                        font-size: 14px;
                        ;
                    }
                    
                    .inner-page ul li a:hover,
                    .inner-page ul li a:focus {
                        color: #de1c85;
                    }
                    
                    .inner-page h2,
                    .inner-page h3,
                    .inner-page h4 {
                        color: #225b83;
                        font-weight: 400;
                    }
                    
                    .inner-page table.table thead th {
                        text-align: center;
                        font-size: 14px;
                        color: #fff;
                        background-color: rgb(34 91 131);
                        font-weight: 400;
                    }
                    
                    .inner-page table.table td {
                        font-size: 13px;
                        color: rgba(72, 72, 72, 90%);
                        text-align: left;
                        vertical-align: middle;
                    }
					
					
                    /*--------------------------------------------------------------
# Our Portfolio
--------------------------------------------------------------*/
                    
                    .portfolio .portfolio-item {
                        margin-bottom: 30px;
                    }
                    
                    #gallery .section-title h2 {
                        color: #225b83;
                        margin-bottom: 50px;
                        font-weight: 400;
                        text-align: center;
                    }
                    
                    #gallery .section-title h2::after {
                        width: 90px;
                        height: 2px;
                        background-color: #c40062;
                        position: absolute;
                        content: "";
                        top: 45px;
                        left: 46%;
                    }
                    /* .portfolio .portfolio-item .shadow {
    box-shadow: 0 2px 3px #1f3548;
} */
                    
                    .portfolio .portfolio-item .block {
                        margin: 7px 0;
                        padding: 0;
                        background-color: #fff;
                        color: #003663;
                    }
                    
                    .portfolio .portfolio-item .block h4 {
                        color: #003663;
                        font-size: 18px;
                        font-weight: 500;
                        text-align: center;
                        margin: 0;
                        padding: 10px;
                        text-transform: uppercase;
                    }
                    
                    .portfolio .portfolio-item {
                        margin: 0 0 20px 0;
                    }
                    
                    .portfolio .portfolio-item a.more {
                        color: #003663;
                        border: 1px solid rgba(34, 91, 131, 0.20);
                        padding: 10px 20px;
                        font-size: 14px;
                        line-height: 20px;
                        display: inline-block;
                        margin: 25px auto 10px auto;
                        background-color: #fff;
                        transition: all 0.3s ease-in-out;
                    }
                    
                    .col-lg-4.col-md-6.portfolio-item.filter-photo,
                    .col-lg-4.col-md-6.portfolio-item.filter-video,
                    .col-lg-4.col-md-6.portfolio-item.filter-media {
                        text-align: center !important;
                    }
                    
                    .portfolio .portfolio-item a.more:hover {
                        color: #fff;
                        text-decoration: none;
                        border: 1px solid #de1c85;
                        background-color: #de1c85;
                    }
                    
                    .portfolio .portfolio-item.shadow {
                        position: relative !important;
                        left: auto !important;
                        top: auto !important;
                    }
                    
                    .portfolio #portfolio-flters {
                        padding: 0;
                        margin: 0 0 35px 0;
                        list-style: none;
                        text-align: center;
                    }
                    
                    .portfolio #portfolio-flters li {
                        cursor: pointer;
                        margin: 0 15px 15px 0;
                        display: inline-block;
                        padding: 10px 20px;
                        font-size: 14px;
                        line-height: 20px;
                        color: #003663;
                        border-radius: 0px;
                        text-transform: uppercase;
                        background: #fff;
                        margin-bottom: 5px;
                        transition: all 0.3s ease-in-out;
                        border: 1px solid rgba(34, 91, 131, 0.20);
                    }
                    
                    .portfolio #portfolio-flters li:hover,
                    .portfolio #portfolio-flters li.filter-active {
                        background: #de1c85;
                        color: #fff;
                        border: 1px solid #de1c85;
                    }
                    
                    .portfolio #portfolio-flters li:last-child {
                        margin-right: 0;
                    }
                    
                    .portfolio .portfolio-wrap {
                        box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
                        transition: 0.3s;
                        position: relative;
                        overflow: hidden;
                    }
                    
                    .portfolio .portfolio-wrap img {
                        transition: 0.3s;
                    }
                    
                    .portfolio .portfolio-wrap .portfolio-info {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        flex-direction: column;
                        opacity: 0;
                        position: absolute;
                        bottom: 0;
                        top: 0;
                        left: 0;
                        right: 0;
                        transition: 0.3s;
                        text-align: center;
                        background: rgba(16, 32, 43, .70);
                        padding-bottom: 30px;
                    }
                    
                    .portfolio .portfolio-wrap .portfolio-info h4 {
                        font-size: 20px;
                        color: #fff;
                        font-weight: 600;
                    }
                    
                    .portfolio .portfolio-wrap .portfolio-info p {
                        color: #fff;
                        font-size: 14px;
                        text-transform: inherit;
                        padding: 20px 20px 10px;
                    }
                    
                    .portfolio .portfolio-wrap .portfolio-info a {
                        color: #428bca;
                        margin: 0 4px;
                        font-size: 18px;
                        line-height: 1;
                        background-color: #fff;
                        padding-top: 7px;
                        border-radius: 50px;
                        text-align: center;
                        width: 36px;
                        height: 35px;
                        display: inline-block;
                        transition: 0.3s;
                    }
                    
                    .portfolio .portfolio-wrap .portfolio-info a.btn {
                        color: #ffffff;
                        margin: 0 4px;
                        font-size: 14px;
                        line-height: 1;
                        background-color: #de1c85;
                        padding: 10px 30px;
                        border-radius: 50px;
                        text-align: center;
                        display: inline-block;
                        transition: 0.3s;
                    }
                    
                    .portfolio .portfolio-wrap .portfolio-info a.btn {
                        color: #ffffff;
                        margin: 0 4px;
                        font-size: 14px;
                        line-height: 1;
                        background-color: #de1c85;
                        padding: 10px 30px;
                        border-radius: 50px;
                        text-align: center;
                        display: inline-block;
                        transition: 0.3s;
                        text-decoration: none;
                        width: auto;
                        height: auto;
                    }
                    
                    .portfolio .portfolio-wrap .portfolio-info a.btn:hover {
                        background: #de1c85;
                        color: #fff;
                        text-decoration: none;
                    }
                    
                    .portfolio .portfolio-wrap .portfolio-info a:hover {
                        background: #428bca;
                        color: #fff;
                    }
                    
                    .portfolio .portfolio-wrap:hover {
                        box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);
                    }
                    
                    .portfolio .portfolio-wrap:hover .portfolio-info {
                        opacity: 1;
                        padding-bottom: 0;
                    }
                    
                    .portfolio .portfolio-wrap:hover img {
                        transform: scale(1.1);
                    }
                    /*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
                    
                    .portfolio-details {
                        padding-top: 30px;
                    }
                    
                    .portfolio-details .portfolio-details-container {
                        position: relative;
                    }
                    
                    .portfolio-details .portfolio-details-carousel {
                        position: relative;
                        z-index: 1;
                    }
                    
                    .portfolio-details .portfolio-details-carousel .owl-nav,
                    .portfolio-details .portfolio-details-carousel .owl-dots {
                        margin-top: 5px;
                        text-align: left;
                    }
                    
                    .portfolio-details .portfolio-details-carousel .owl-dot {
                        display: inline-block;
                        margin: 0 10px 0 0;
                        width: 12px;
                        height: 12px;
                        border-radius: 50%;
                        background-color: #ddd !important;
                    }
                    
                    .portfolio-details .portfolio-details-carousel .owl-dot.active {
                        background-color: #428bca !important;
                    }
                    
                    .portfolio-details .portfolio-info {
                        padding: 30px;
                        position: absolute;
                        right: 0;
                        bottom: -70px;
                        background: #fff;
                        box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
                        z-index: 2;
                    }
                    
                    .portfolio-details .portfolio-info h3 {
                        font-size: 22px;
                        font-weight: 700;
                        margin-bottom: 20px;
                        padding-bottom: 20px;
                        border-bottom: 1px solid #eee;
                    }
                    
                    .portfolio-details .portfolio-info ul {
                        list-style: none;
                        padding: 0;
                        font-size: 15px;
                    }
                    
                    .portfolio-details .portfolio-info ul li+li {
                        margin-top: 10px;
                    }
                    
                    .portfolio-details .portfolio-description {
                        padding-top: 50px;
                    }
                    
                    .portfolio-details .portfolio-description h2 {
                        width: 50%;
                        font-size: 26px;
                        font-weight: 700;
                        margin-bottom: 20px;
                    }
                    
                    .portfolio-details .portfolio-description p {
                        padding: 0 0 0 0;
                    }
                    
                    @media (max-width: 768px) {
                        .portfolio-details .portfolio-description h2 {
                            width: 100%;
                        }
                        .portfolio-details .portfolio-info {
                            position: static;
                            margin-top: 30px;
                        }
                    }
                    
                    .contact .error-message {
                        color: #ed3c0d;
                        text-align: left;
                        padding: 15px;
                        font-weight: 400;
                    }
                    
                    .contact .error-message br+br {
                        margin-top: 25px;
                    }
                    
                    .contact .sent-message {
                        color: #fff;
                        background: #7da97c;
                        text-align: center;
                        padding: 15px;
                        font-weight: 400;
                    }
                    
                    .contact .loading {
                        background: #fff;
                        text-align: center;
                        padding: 15px;
                    }
                    
                    .contact .loading:before {
                        content: "";
                        display: inline-block;
                        border-radius: 50%;
                        width: 24px;
                        height: 24px;
                        margin: 0 10px -6px 0;
                        border: 3px solid #225b83;
                        border-top-color: #eee;
                        -webkit-animation: animate-loading 1s linear infinite;
                        animation: animate-loading 1s linear infinite;
                    }
                    
                    .contact input,
                    .contact textarea {
                        border-radius: 0;
                        box-shadow: none;
                        font-size: 14px;
                    }
                    
                    .contact input::focus,
                    .contact textarea::focus {
                        background-color: #225B83;
                    }
                    
                    .contact input {
                        padding: 20px 15px;
                    }
                    
                    .contact textarea {
                        padding: 12px 15px;
                    }
                    
                    .contact button[type="submit"] {
                        background: #225B83;
                        border: 0;
                        padding: 10px 24px;
                        color: #fff;
                        transition: 0.4s;
                        margin-top: 20px;
                    }
                    
                    .contact button[type="submit"]:hover {
                        background: #de1c85;
                    }
                    
                    @-webkit-keyframes animate-loading {
                        0% {
                            transform: rotate(0deg);
                        }
                        100% {
                            transform: rotate(360deg);
                        }
                    }
                    
                    @keyframes animate-loading {
                        0% {
                            transform: rotate(0deg);
                        }
                        100% {
                            transform: rotate(360deg);
                        }
                    }
                    
                    #footer {
                        background: #8d306c;
                        padding: 0 0 10px 0;
                        color: #fff;
                        font-size: 14px;
                    }
                    
                    #footer .footer-top {
                        background: #003663;
                        /* border-top: 1px solid #003663;
    border-bottom: 1px solid #003663;
    padding: 20px 0 20px 0; */
                    }
                    
                    #footer .footer-top .footer-info {
                        margin-bottom: 0px;
                        text-align: center;
                        padding-top: 20px;
                    }
                    
                    #footer .footer-top .shape {
                        border-bottom: 281px solid #e1e1e1;
                        border-left: 120px solid transparent;
                        border-right: 120px solid transparent;
                        height: 0;
                        width: 125px;
                    }
                    
                    #footer .footer-top .footer-info h3 {
                        font-size: 18px;
                        margin: 20px 0 0px 0;
                        padding: 2px 0 2px 0;
                        line-height: normal;
                        font-weight: 500;
                        color: #363997;
                    }
                    
                    #footer .footer-top .footer-info p {
                        font-size: 13px;
                        line-height: 24px;
                        margin-bottom: 0;
                        color: #363997;
                    }
                    
                    #footer .footer-top .social-links a {
                        font-size: 18px;
                        display: inline-block;
                        background: #768fa6;
                        color: #fff;
                        line-height: 1;
                        padding: 8px 0;
                        margin-right: 4px;
                        border-radius: 50%;
                        text-align: center;
                        width: 36px;
                        height: 36px;
                        transition: 0.3s;
                    }
                    
                    #footer .footer-top .social-links a:hover {
                        background: #428bca;
                        color: #fff;
                        text-decoration: none;
                    }
                    
                    #footer .footer-top h4 {
                        font-size: 16px;
                        font-weight: 600;
                        color: #fff;
                        position: relative;
                        padding-bottom: 12px;
                    }
                    
                    #footer .footer-top .footer-links {
                        margin-bottom: 30px;
                        padding-top: 20px;
                    }
                    
                    #footer .footer-top .footer-links ul {
                        list-style: none;
                        padding: 0;
                        margin: 0;
                    }
                    
                    #footer .footer-top .footer-links ul i {
                        padding-right: 2px;
                        color: #9eccf4;
                        font-size: 18px;
                        line-height: 1;
                    }
                    
                    #footer .footer-top .footer-links ul li {
                        padding: 4px 0;
                        display: flex;
                        align-items: center;
                    }
                    
                    #footer .footer-top .footer-links ul li:first-child {
                        padding-top: 0;
                    }
                    
                    #footer .footer-top .footer-links ul a {
                        color: #fff;
                        transition: 0.3s;
                        display: inline-block;
                        line-height: 1;
                    }
                    
                    #footer .footer-top .footer-links ul a {
                        color: #fff;
                        transition: 0.3s;
                        display: inline-block;
                        line-height: 1;
                    }
                    
                    #footer .footer-top .footer-links ul a:hover {
                        color: #9eccf4;
                    }
                    
                    #footer .disclaimer {
                        padding-top: 20px;
                    }
                    
                    #footer .disclaimer p {
                        font-size: 12px;
                    }
                    
                    #footer .copyright {
                        text-align: center;
                        padding-top: 10px;
                    }
                    
                    #footer .footer-inner {
                        background-color: #003663;
                        padding-top: 5px;
                    }
                    
                    #footer .footer-inner {
                        background-color: #003663;
                    }
                    
                    #footer .footer-inner ul {
                        list-style: none;
                        padding: 0;
                        margin: 0 auto;
                    }
                    
                    #footer .footer-inner ul li {
                        display: inline;
                        padding-right: 10px;
                    }
                    
                    #footer .footer-inner ul li a {
                        text-decoration: none;
                        color: #fff;
                        font-size: 13px !important;
                    }
                    
                    #footer .footer-inner ul li a:hover,
                    #footer .footer-inner ul li a:focus {
                        text-decoration: none;
                        color: #9eccf4;
                    }
                    
                    #footer .footer-inner .disclaimer {
                        text-align: center;
                        width: 100%;
                        padding-top: 5px;
                    }
                    
                    #footer .footer-inner .disclaimer p {
                        margin-bottom: 7px;
                        font-size: 11px;
                        font-weight: 300;
                    }
                    
                    @media screen and (max-width:400px) {
                        .logo-branding h1 {
                            font-size: 15px;
                            padding-top: 10px;
                            line-height: 18px;
                        }
                        .logo-branding h3 {
                            font-size: 13px;
                            line-height: 17px;
                        }
						.logo-branding h4 {
                            font-size: 14px;
                            line-height: 9px;
                        }
                        .logo-branding span {
                            font-size: 11px;
                        }
                        .tab-content ul li img {
                            display: none;
                        }
                        .tab-content ul li a {
                            width: 100%;
                            margin-bottom: 15px;
                        }
                        #logoCarousel .carousel-control-prev,
                        #logoCarousel .carousel-control-next {
                            top: 45px;
                        }
                    }
                    
                    @media screen and (min-width:401px) and (max-width:480px) {
                        .logo-branding .logo img {
                            max-width: 80px;
                        }
                        .logo-branding h1 {
                            font-size: 18px;
                            padding-top: 10px;
                            line-height: 22px;
                        }
                        .logo-branding h3 {
                            font-size: 14px;
                            line-height: 17px;
                        }
                        .logo-branding h4 {
                            font-size: 14px;
                            line-height: 9px;
                        }
                        .logo-branding span {
                            font-size: 14px;
                        }
                        .support-manage .col-lg-10.col-md-10.offset-2.mb-4 {
                            margin-left: 0.666667%;
                        }
                        #logoCarousel .carousel-control-prev,
                        #logoCarousel .carousel-control-next {
                            top: 65px;
                        }
                    }
                    
                    @media screen and (max-width:480px) {
                        #bg-head.w-50 .col-lg-8.col-md-8.offset-2 {
                            width: 100%;
                            margin-left: 0%;
                        }
                        .about-head .head-img,
                        .about-head .head-name {
                            width: 100%;
                            text-align: center;
                        }
                    }
                    
                    @media screen and (max-width:600px) {
                        #hero .carousel-item {
                            background-size: contain !important;
                        }
                        #hero .carousel-control-prev,
                        #hero .carousel-control-next {
                            bottom: 50% !important;
                            top: 0;
                        }
                    }
                    
                    @media screen and (min-width:500px) and (max-width:767px) {
                        .logo-branding h1 {
                            font-size: 20px;
                            padding-top: 16px;
                            line-height: 22px;
                        }
                        .logo-branding h4 {
                            font-size: 14px;
                            line-height: 9px;
                        }
                        .support-manage .col-lg-10.col-md-10.offset-2 {
                            margin-left: 7.666667%;
                        }
                        #bg-head.w-50 .col-lg-8.col-md-8.offset-2 {
                            width: 90%;
                            margin-left: 0%;
                        }
                        #logoCarousel .carousel-control-prev,
                        #logoCarousel .carousel-control-next {
                            top: 100px;
                        }
                    }
                    
                    @media screen and (max-width:767px) {
                        .logo-branding .logo img {
                            max-width: 70px;
                            padding: 5px 0;
                        }
						
                       /* .logo-branding h1 {
                            padding-top: 5px;
                        }*/
						.logo-branding h1 {
                            font-size: 20px;
                            padding-top: 5px;
                            line-height: 22px;
                        }
						.logo-branding h4 {
                            font-size: 14px;
                            line-height: 9px;
                        }
                        .logo-branding .float-left:nth-of-type(2) {
                            width: 100%;
                            float: right !important;
                        }
                        .support-manage #bg2 {
                            display: none;
                        }
                        .support-manage #bg1.w-50 {
                            width: 100% !important;
                        }
                        #logoCarousel .carousel-item .col-md-4:nth-of-type(1) {
                            text-align: left;
                        }
                        #logoCarousel .carousel-item .col-md-4:nth-of-type(2) {
                            text-align: left;
                        }
                        #logoCarousel .carousel-item .col-md-4:nth-of-type(3) {
                            text-align: left;
                        }
                        #logoCarousel .carousel-inner {
                            width: 90%;
                            margin-left: 10%;
                        }
                        #logoCarousel .carousel-item .col-md-4 {
                            width: 30%;
                        }
                        .logo-branding .logo {
                            width: 100%;
                            text-align: center;
                        }
                        .logo-branding h3,
                        .logo-branding span {
                            display: none;
                        }
                        #logoCarousel .carousel-item .col-md-2 {
                            width: 30%;
                            margin-bottom: 10px;
                        }
                    }
                    
                    @media screen and (max-width:999px) {
                        .mobile-nav-toggle i {
                            color: #fff;
                        }
                        .mobile-nav-toggle {
                            top: 10px;
                            background-color: #225b83;
                            padding: 5px;
                            border-radius: 4px;
                        }
                        .about {
                            background-image: none;
                        }
                        #myRightbar {
                            display: none;
                        }
                        #footer .footer-top .shape {
                            border-left: 0;
                            border-right: 0;
                            width: 100%;
                        }
                    }
                    
                    @media screen and (width:1024px) {
                        .nav-menu a {
                            font-size: 9px;
                        }
                    }
                    
                    @media screen and (min-width:768px) and (max-width:999px) {
                        .logo-branding .float-left:nth-of-type(2) {
                            width: 70%;
                            float: left !important;
                        }
                        .logo-branding h1 {
                            font-size: 19px;
                            padding-top: 20px;
                            line-height: 22px;
                        }
                        .logo-branding h3 {
                            font-size: 16px;
                        }
                        .logo-branding h4 {
                            font-size: 14px;
                        }
                        .logo-branding span {
                            font-size: 20px;
                            padding-top: 5px;
                        }
                        #logoCarousel .carousel-inner {
                            margin-left: 50px;
                        }
                        #logoCarousel .carousel-control-prev,
                        #logoCarousel .carousel-control-next {
                            top: 20px;
                        }
                    }
                    
                    @media screen and (min-width:768px) and (max-width:1024px) {
                        #bg-head2 .col-lg-10.col-md-10 {
                            margin: 10px auto;
                        }
                    }
                    
                    @media screen and (max-width:1024px) {
                        .about-head #bg-head.w-50,
                        .about-head #bg-head2.w-50 {
                            width: 100% !important;
                        }
                        #collegeCarousel .carousel-item img {
                            width: 100% !important;
                        }
                    }
                    
                    @media screen and (max-width:1200px) {
                        #topbar .contact-info,
                        .mobile-nav ul li:last-child {
                            display: none;
                        }
                    }
                    
                    @media screen and (min-width:1200px) {
                        .logo-branding h1 {
                            font-size: 34px;
                            padding-top: 15px;
                            font-weight: 500;
                        }
                        .logo-branding h3 {
                            font-size: 24px;
                            padding-top: 6px;
                        }
                        .logo-branding span {
                            padding-top: 0px;
                            font-size: 16px
                        }
                    }
                    
                    @media screen and (min-width:1450px) and (max-width:1920px) {
                        #collegeCarousel .carousel-item img {
                            width: 100%;
                        }
                        .support-manage ul li {
                            width: 120px;
                        }
                    }


/* PHD TEMPLATE START HERE */

 .bg-banner{
    position: relative;
    width: 100%;
    min-height:10px;
    overflow-y: hidden;
    /*background: linear-gradient( rgba(222,28,133,0.95), rgba(34,91,131,0.95)), url(../images/bg-course.jpg); */
	background-image: url(../images/bread-crumbs-bg4.jpg); 
    background-position: center;
    color: #000000;
    /*background-size: cover; */
	background-size: 100%; 
 }

 .mo-banner p {
    padding-top: 10px;
    color: #b2b4b5;
    font-weight: light;
    font-size: 14px;
 }

 .mo-banner p a{
    color: #f1f1f1;
    font-weight: normal;
    font-size: 14px;
 }

 .mo-courses .tab-content .tab-pane p span, .mo-courses p span {
    color: #de1c85;
    padding-right: 10px;
}

.mo-nav-tabs .nav-item a {
    border: 1px solid #d29cb9;
    margin: 5px;
    padding: 15px 20px;
    background: #FFFFFF;
    color:#444444;
    font-size: 15px;
}

.mo-nav-tabs .nav-link.active, .mo-nav-tabs .nav-item.show .nav-link, .mo-nav-tabs .nav-link:hover.nav-link{
    color: #de1c85;
    background: #f2f2f2;
    transition:all 1s ease;
    border: 1px solid #de1c85;
}

.mo-director{
    color: #de1c85;
}
/* PHD TEMPLATE START HERE */

/* contact us */

.mo-contact{
  padding: 60px 0px;
}

.mo-contact .mo-card {
    border: 0;
    height: 100%;
    background: #f3f3f3;
    position: relative;
    box-shadow: 5px 5px 25px #f2f2f2;
}

.mo-contact .mo-card:hover{
    cursor: pointer;
    background: #ffffff;
    transition: all 1s ease;
}

.mo-contact .mo-card p a{
    color: #de1c85;
}

.mo-contact .mo-card img{
    width: 101px;
    display: block;
    margin: 0px auto;
}

.mo-contact .moi-first{
    background-size: conver;
    background: linear-gradient( rgb(253 253 253 / 60%), rgb(240 236 236 / 60%)), url(../images/address-bg.jpg) no-repeat center center;
}

.mo-contact .moi-second{
    background-size: conver;
    background: linear-gradient( rgb(253 253 253 / 60%), rgb(240 236 236 / 60%)), url(../images/email-bg.jpg) no-repeat center center;
}

.mo-contact .moi-third{
    background-size: conver;
    background: linear-gradient( rgb(253 253 253 / 60%), rgb(240 236 236 / 60%)), url(../images/phone-bg.jpg) no-repeat center center;
}

/* contact form */

.mo-form{
    padding:50px 0px;
    background-color: #f2f2f2;
    background:linear-gradient( rgb(95 88 88 / 80%), rgb(160 148 148 / 80%)), url(../images/form-contact.jpg) no-repeat center center;
    background-size: cover;
}

.mo-form .mo-formArea label {
    display: block;
    color: #FFFFFF;
    font-size: 14px;
    width: 100%;
    text-transform: uppercase;
}

.mo-form .mo-formArea input, .mo-form .mo-formArea textarea {
    display: block;
    color: #444444;
    font-size: 14px;
    width: 100%;
    height: 38px;
    border-radius:4px;
    border:0px solid #de1c85;
    padding-left: 10px;
    background: #e6e6e6;
}


.mapouter{
    position:relative;
    text-align:right;
    height:300px;
    width:100%;
}
.gmap_canvas {
    overflow:hidden;
    background:none!important;
    height:300px;
    width:100%;
}
 
/* contact us */

/* Program Section */

.mo-Cards p.moi-title{
    color: #343434;
    font-size: 14px;
    font-family: inherit;
}

.mo-Cards .item .item-card h5 {
    font-size: 18px;
    padding: 15px 15px 5px;
    text-transform: capitalize;
    margin-bottom: 0;
}

.mo-Cards .item .item-card p{
    font-size: 15px;
    line-height: 22px;
    color: #343434;
    padding: 5px 15px;
    margin-bottom: 0;
}

.mo-Cards .item .item-card button{
    width: 120px;
    font-size: 14px;
    padding: 5px;    
    margin: 15px;
    background: #8d306c;
    border: none;
    outline: none;
}

.mo-Cards .item .item-card button:hover, .mo-Cards .item .item-card button:focus{ 
    background: #8d306c;
    transition: all 1s ease;
    border:none;
    outline:none;
    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0);
}

  .item-card{
    transition:0.5s;
    cursor:pointer;
    border:none;
  }
  
  .card:hover{
    transform: scale(1.05);
    box-shadow: 10px 10px 15px rgba(0,0,0,0.3);
  }
   .card::before, .card::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale3d(0, 0, 1);
    transition: transform .3s ease-out 0s;
    background: rgba(255, 255, 255, 0.1);
    content: '';
    pointer-events: none;
  }
  .card::before {
    transform-origin: left top;
  }
  .card::after {
    transform-origin: right bottom;
  }
  .card:hover::before, .card:hover::after, .card:focus::before, .card:focus::after {
    transform: scale3d(1, 1, 1);
  }


  /* student reivews */

.bg-raCustom{
    background: #f8f9fa;
}

.moi-administration{
    position: relative;
    width: 100%;
    min-height: auto;
    overflow-y: hidden;
    background: linear-gradient(  rgba(222,28,133,0.95), rgba(34,91,131,0.95)),  url('../images/administration.png');
    background-position: center;
    background-size: cover;
}

.carousel-caption p a, .carousel-caption p a:hover, .carousel-caption p a:focus {
    background: #de1c85;
    border: none;
    outline: none;
    color:#FFFFFF;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0);
}

.ziom-card {
    border: none;
    outline: none;
    box-shadow: 1px 1px 15px #eae4e4;
    background: #f7f7f7;
    cursor: pointer;
}

.ziom-card img{
    width: 100px;
    height: 100px;
    margin: 0px auto;
}

.ziom-card .card-body .card-title{
    font-size: 15px;
    font-weight: bold;
    color: #de1c85;
}

.ziom-card .card-body .card-text{
    font-size:12px;
}

.moi-administaration{
    position: relative;
    width: 100%;
    min-height: auto;
    overflow-y: hidden;
    background: linear-gradient( rgba(34,91,131,0.95), rgba(34,91,131,0.95)),  url('../images/administion.jpg');
    background-position: center;
    background-size: cover;
}

.ziom-block img{
    width: 120px;
    margin: 0px auto;
}


/* registration css */

.ziom-registration {
    padding:60px 0px;
}

.ziom-registration .form-group .ziom-label{
    display:block;
    width:100%;
    font-size: 14px;
    color:#343434;
}

.ziom-registration .form-group select, .ziom-registration .form-group input{
    display: block;
    width: 100%;
    font-size: 14px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid #e7e7e7;
    padding-left: 5px;
    color: #666666;
}

.ziom-registration .form-group p{
    font-size: 12px;
    line-height: 16px;
}

.ziom-payment, .ziom-payment:hover, .ziom-payment:focus{
    background: #de1c85;
    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0);
    border: none;
    outline: none;
}

.ziom-agree, .ziom-conttact{
   font-size:13px;
   font-weight: 600;
}

.ziom-important{
    background: rgb(222 28 133 / 0.4);
    margin-bottom: 30px;
    font-size: 12px;
    border-radius: 5px;
    padding: 5px 40px;
}

/* pgpt home template css */

.ziom-ptpg h3{
    font-size: 18px;
    text-transform: uppercase;
    color: #225b83;
}

.ziom-ptpg table tr td {
    padding: 0px;
    line-height: 30px;
}

.ziom-ptpg table tr td a h5, .card-header button h5 {
    font-size: 14px;
    color: #ffffff;
    background: #003663;
    padding: 10px 15px;
}
.pt-5, .py-5 {
    padding-top: 3rem !important;
}

ul.ziomList{
    list-style: none;
    padding: 0px 15px;
}

ul.ziomList li a{
    color: #343434;
    font-size: 14px;
    line-height: 26px;
    padding-left: 5px;
}

.ziom-midddle tbody tr td{
    vertical-align: middle !important;
}

ul.ziomList li a:hover, .ziom-apps tr td a:hover{
    color:#de1c85;
    transition: all 1s ease;
}

ul.ziomList li span{
    color:#de1c85;
}

.ziom-apps tr td{
    padding-left:15px !important;
    line-height: 30px;
    color: #343434;
}

.ziom-apps tr td i{
    font-size:16px;
    color:#de1c85;
}


.ziom-apps tr td a span{
    color: #003663;
    font-size: 14px;
}

.ziom-apps tr td a{
    color: #343434;
    font-size: 13px;
}

.ziom-apps tr:hover{
    background-color: #FFFFFF !important;
}

.ziom-apps tr .ziom-bold{
    font-weight: bold;
    font-weight: 15px;
}

.ziom-equal{
    min-height: 270px;
    border: none;
    box-shadow: 2px 2px 20px #f2f2f2;
}

.accordion .card, .accordion .card .card-header{
    background-color: none;
    border:none;
}

.accordion .card, .accordion .card .card-header button{
    text-decoration: none;
}

.accordion .card, .accordion .card:hover {
    transform: scale(1);
    box-shadow: 0px 0px 0px rgba(0,0,0,0);
}