body {
        /*background-color: #f4f4f4;*/
        /*min-height: 75rem;*/
        padding-top: 4.5rem;
        /* font-size: 13px; */
    }
    
    h2 {
        font-size: xx-large;
        font-weight: 200;
    }
    
    p {
        font-size: small;
        font-weight: 100;
    }
    
    a {
        text-decoration: none!important;
    }
    
    .lead {
        font-size: 18px;
    }
    
    .mb-10 {
        margin-bottom: 40px;
    }
    
    .center {
        margin: auto;
        width: 70%;
        /* border: 3px solid green; */
        /* padding: 16px; */
    }
    
    .profile h4 {
        font-size: 19px;
        color: #191c4a!important;
        text-decoration: none!important;
    }
    
    .profile p {
        font-size: 15px;
        color: #4d4c4c!important;
        text-decoration: none!important;
        font-weight: 400;
    }
    
    .profile li {
        font-size: 15px;
        color: #4d4c4c!important;
        text-decoration: none!important;
        font-weight: 400;
    }
    
    .profile .link {
        width: 25px;
        float: right;
    }
    
    .link {
        width: 25px;
        float: right;
    }
    
    .navbar-light .navbar-nav .nav-link {
        line-height: 16px;
        margin: 10px 10px 0 0;
        /*color: #171B45;*/
        font-size: smaller;
        font-weight: 700;
        white-space: nowrap;
    }
    
    .second .navbar-light .navbar-brand {
        color: rgba(0, 0, 0, .9)
    }
    
    .second-nav.navbar-light .nav-item:hover .nav-link {
        color: #fff !important;
    }
    
    .second-nav.navbar-light .nav-item:hover {
        background-color: #000033;
    }
    
    .second-nav {
        margin-top: 70px;
        z-index: 1;
    }
    
    .second-nav .nav-item {
        display: inline-block;
        width: 100% !important;
        padding-left: 3px;
        padding-right: 3px;
        border-right: 1px solid #f1f1f1;
        height: 60px;
        /* background: rgb(216, 210, 210); */
    }
    
    .second-nav .nav-item {
        display: inline-block;
        font-weight: 200;
        text-align: left;
        padding: 5px;
    }
    
    .second-nav li a {
        font-weight: 200;
    }
    
    .indicies {
        font-size: small;
    }
    
    .indicies span {
        margin-right: 10px;
    }
    
    .btn,
    .bg-primary,
    .sign-in,
    .sign-in:hover,
    .sign-in:active,
    .sign-in:focus {
        background-color: #191c4a;
        border-color: #191c4a;
        font-weight: 100;
        line-height: 1.2;
        border-radius: 200px;
        height: 36px;
    }
    
    .table td,
    .table th {
        font-size: 14px;
    }
    
    .footer {
        background-color: #191c4a;
    }
    
    .footer>.container {
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .footer .text-muted {
        color: #ffffff!important;
        font-size: 12px;
        font-weight: 100
    }
    
    .footer-menu li {
        display: inline-block;
        color: #fff;
        text-align: center;
        padding: 5px;
        cursor: pointer;
    }
    
    .sidebar {
        background-color: #191c4a;
        height: 900px;
        padding: 0px 0px 0px 0px !important;
    }
    
    .details {
        background: #cccccc;
        height: 900px;
        padding: 15px;
    }
    
    .profile {
        /* background: rgb(255, 255, 255); */
        padding: 10px;
        width: 100%;
        margin-right: 15px;
        margin-top: 10px;
    }
    
    .profile h4 {
        padding-top: 20px;
        text-align: left;
    }
    
    .profile p {
        padding-bottom: 20px;
    }
    
    .profile img {
        width: 100%;
    }
    
    .whitepage {
        background: rgb(245, 241, 241);
        padding: 15px;
        text-align: justify;
    }
    
    .bluepage {
        background: #ccc;
        padding: 15px;
        text-align: justify;
        overflow: scroll !important;
        max-height: 900px;
    }
    
    #title {
        padding: 10px;
        font-size: 17px;
    }
    
    .search {
        border-radius: 13px;
        width: 200px;
        padding: 10px !important;
        height: 30px;
    }
    /* accodio */
    /* Hover */
    /* a8caf9 */
    /* active bar  */
    /* 191c4a */
    
    .accordion {
        background-color: #191c4a;
        color: #fff;
        cursor: pointer;
        padding: 18px;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        font-size: 13px;
        transition: 0.4s;
        outline: none;
    }
    
    .accordion.active,
    .accordion:hover {
        background-color: #a8caf9;
        color: #191c4a;
        outline: none;
        font-weight: 800;
    }
    
    .panel {
        background-color: #191c4a;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }
    
    .accordion::after {
        /* content: '\02771'; */
        /* Unicode character for "plus" sign (+) */
        font-size: 13px;
        color: #777;
        float: left;
        margin-left: 5px;
        margin-right: 10px;
    }
    
    .activ::after {
        content: "\2796";
        /* Unicode character for "minus" sign (-) */
    }
    
    .panel ul {
        padding: 0px;
    }
    /* 
.panel ul li {
    list-style: none;
    padding: 150px;
} */
    /* .panel ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    text-align: center;
} */
    
    .panel ul a li:hover {
        background: #a7a8a8;
    }
    
    .sidebar ul {
        padding: 0px;
    }
    
    .sidebar ul li {
        list-style: none;
        padding: 15px 15px 15px 50px;
        color: red;
    }
    
    .sidebar ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 13px;
        text-align: center;
    }
    
    .sidebar ul li a:hover {
        color: #191c4a;
    }
    
    .sidebar ul li:hover {
        background-color: #a8caf9;
        color: #191c4a;
        outline: none;
        font-weight: 800;
    }
    
    .top-to {
        position: relative;
        display: inline-block;
    }
    
    .form-forms {
        display: none;
        position: absolute;
        background-color: #000033;
        min-width: 300px;
        min-height: 152px;
        left: 0px;
        top: -30px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        padding: 12px 16px;
        z-index: -99;
        color: #fff;
    }
    
    .button {
        color: #000033 !important;
        /* Green */
        border: none;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 14px;
    }
    
    .form-forms button {
        padding: 5px;
        margin: 5px;
        background: #fff;
        color: rgb(173, 173, 173);
        border: none;
        border-radius: 0px;
        width: 180px;
    }
    
    .top-to:hover .form-forms {
        display: inline-block;
        z-index: 1;
    }
    
    .card {
        /* height: 400px; */
    }
    
    .sells span {
        font-size: 10px;
        margin-left: 5px;
        margin-bottom: 10px;
    }
    /* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
    
    .icon-bar {
        position: fixed;
        margin-left: 98%;
        float: right;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 50;
    }
    /* Style the icon bar links */
    
    .icon-bar a {
        display: block;
        text-align: center;
        padding: 10px;
        transition: all 0.3s ease;
        color: white;
        font-size: 20px;
    }
    /* Style the social media icons with color, if you want */
    
    .icon-bar a:hover {
        background-color: #2172ba;
        /* background-color: #191c4a */
    }
    
    .facebook {
        /* background: #3B5998; */
        background-color: #191c4a;
        color: white;
    }
    
    .twitter {
        background-color: #191c4a;
        /* background: #55ACEE; */
        color: white;
    }
    
    .google {
        background-color: #191c4a;
        /* background: #dd4b39; */
        color: white;
    }
    
    .linkedin {
        background-color: #191c4a;
        /* background: #007bb5; */
        color: white;
    }
    
    .youtube {
        background-color: #191c4a;
        /* background: #bb0000; */
        color: white;
    }
    /* 
.flip-box {
    background-color: transparent;
    width: 350px;
    height: 500px;
    perspective: 1000px;
} */
    /* .flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
} */
    /* .flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
} */
    
    .board-director-position {
        position: absolute;
        top: -8px;
        /* left: 16px; */
        color: #333;
        /* color: #333; */
        font-size: 14px;
        text-align: left;
        opacity: 0.5;
    }
    
    .board-director-item-title {
        position: absolute;
        top: -30px;
        /* left: 16px; */
        color: #333;
        /* background-color: white; */
        font-size: 18px;
        text-align: left;
        padding-bottom: 5px;
        opacity: 0.5;
    }
    
    .flip-box-back-content {
        position: absolute;
        top: -30px;
        /* left: 16px; */
        color: #333;
        /* background-color: white; */
        font-size: 18px;
        text-align: left;
        padding-bottom: 5px;
        opacity: 0.5;
    }
    
    .board-more {
        bottom: 0;
        content: '';
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 3;
    }
    /* .board-director-img {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    bottom: 0;
    height: auto;
    width: 70%;
    height: 80%;
    position: absolute;
    right: 0;
} */
    /* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
    
    .flip-box {
        /* border: 1px solid #a2a2a2; */
        background-color: transparent;
        /* width: 300px; */
        /* height: 200px; */
        perspective: 1000px;
        /* Remove this if you don't want the 3D effect */
        padding-top: 150px;
        background: white;
    }
    /* This container is needed to position the front and back side */
    
    .flip-box-inner {
        padding-top: 120%;
        position: relative;
        /* height: 100%; */
        text-align: center;
        transition: transform 0.8s;
        width: 100%;
        transform-style: preserve-3d;
    }
    /* Do an horizontal flip when you move the mouse over the flip box container */
    
    .flip-box:hover .flip-box-inner {
        transform: rotateY(180deg);
    }
    /* Position the front and back side */
    /* .flip-box-front,
.flip-box-back {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    backface-visibility: hidden;
} */
    /* Style the front side */
    
    .flip-box-front {
        background: rgba(226, 224, 225, 1);
        /* background: -moz-linear-gradient(top, rgba(226, 224, 225, 1) 0%, rgba(207, 203, 204, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226, 224, 225, 1)), color-stop(100%, rgba(207, 203, 204, 1)));
        background: -webkit-linear-gradient(top, rgba(226, 224, 225, 1) 0%, rgba(207, 203, 204, 1) 100%);
        background: -o-linear-gradient(top, rgba(226, 224, 225, 1) 0%, rgba(207, 203, 204, 1) 100%);
        background: -ms-linear-gradient(top, rgba(226, 224, 225, 1) 0%, rgba(207, 203, 204, 1) 100%);
        background: linear-gradient(to bottom, rgba(226, 224, 225, 1) 0%, rgba(207, 203, 204, 1) 100%);
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -webkit-box-shadow: 0 2px 2px 0 rgba(210, 210, 210, 1);
        -moz-box-shadow: 0 2px 2px 0 rgba(210, 210, 210, 1);
        box-shadow: 0 2px 2px 0 rgba(210, 210, 210, 1);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e2e0e1', endColorstr='#cfcbcc', GradientType=0); */
    }
    /* Style the back side */
    
    .flip-box-back {
        background-color: red;
        background: rgba(245, 178, 97);
        background: -moz-linear-gradient(top, rgba(245, 178, 97, 1) 0%, rgba(232, 123, 50, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245, 178, 97, 1)), color-stop(100%, rgba(232, 123, 50, 1)));
        background: -webkit-linear-gradient(top, rgba(245, 178, 97, 1) 0%, rgba(232, 123, 50, 1) 100%);
        background: -o-linear-gradient(top, rgba(245, 178, 97, 1) 0%, rgba(232, 123, 50, 1) 100%);
        background: -ms-linear-gradient(top, rgba(245, 178, 97, 1) 0%, rgba(232, 123, 50, 1) 100%);
        background: linear-gradient(to bottom, rgba(245, 178, 97, 1) 0%, rgba(232, 123, 50, 1) 100%);
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -webkit-box-shadow: 0 2px 2px 0 rgba(210, 210, 210, 1);
        -moz-box-shadow: 0 2px 2px 0 rgba(210, 210, 210, 1);
        box-shadow: 0 2px 2px 0 rgba(210, 210, 210, 1);
        /* overflow: hidden; */
        /* transform: rotateY(180deg); */
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f5b261', endColorstr='#e87b32', GradientType=0);
    }
    
    .flip-box-back-content {
        color: #2a2a2a;
        /* font-size: 20px; */
        left: 35px;
        position: absolute;
        right: 35px;
        text-align: left;
        /* text-overflow: ellipsis; */
        top: 300px;
        /* max-height: 150px; */
        /* overflow: hidden; */
        /* background-color: #ffff; */
        opacity: .5;
    }
    
    .flip-box-back-content a.more {
        color: #2a2a2a;
        display: block;
        font-size: 18px;
        line-height: 1;
        line-height: 50px;
        /* margin-top: 30px; */
        text-decoration: underline;
    }
    
    .board-director-img {
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        bottom: 0;
        height: auto;
        width: 100%;
        /* height: 100%; */
        position: absolute;
        right: 0;
    }
    
    #slider-animation {
        max-height: 550px;
    }
    
    .heading-box h2 {
        width: 100%;
        color: red;
    }
    
    h2,
    p {
        color: #fff;
    }
    
    .carousel-item img {
        width: 100%;
    }
    
    .text-box {
        position: absolute;
        top: 70%;
        left: 15%;
        right: 15%;
        color: #fff;
        transform: translateY(-50%);
    }
    
    .text-4,
    .text-5 {
        position: absolute;
        top: 50%;
        left: 5%;
        right: 15%;
        color: #000033;
        transform: translateY(-50%);
        text-align: left;
    }
    
    .text-5 h1,
    .text-5 p {
        /* font-size: 1em; */
    }
    
    .navblueColor {
        color: #191c4a;
    }
    
    .lightblueColor {
        color: #2172ba;
    }
    
    .whiteColor {
        color: #fff;
        border-color: #fff;
    }
    
    .boldText {
        font-size: 5em;
        font-weight: 400;
    }
    
    .bigText {
        font-size: 2em;
        font-weight: 400;
    }
    
    .boldText {
        font-size: 5em;
        font-weight: 400;
    }
    
    .boldlogo {
        font-size: 8em;
        font-weight: 400;
        padding: 0;
        margin: 0;
    }
    
    .text-3 {
        position: absolute;
        top: 70%;
        left: 8%;
        right: 15%;
        transform: translateY(-50%);
        text-align: left;
    }
    
    .text-3 .boldText {
        font-size: 6em;
        font-weight: 400;
    }
    
    .text-4 .bigText {
        font-size: 4em;
        font-weight: 50;
        padding: 0;
        margin: 0;
    }
    
    .webImagessss {
        display: block;
    }
    
    .mobileImages {
        display: none;
    }
    
    @media screen and (max-width: 480px) {
        .webImagessss {
            display: none;
        }
        .mobileImages {
            display: block;
        }
    }