/*----------------------------------------*/
/* Typography
/*----------------------------------------*/

@font-face {
    font-family: 'Gotham';
    src: url('../../assets/fonts/Gotham-Book.eot');
    src: url('../../assets/fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'),
        url('../../assets/fonts/Gotham-Book.woff2') format('woff2'),
        url('../../assets/fonts/Gotham-Book.woff') format('woff'),
        url('../../assets/fonts/Gotham-Book.ttf') format('truetype'),
        url('../../assets/fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    src: url('../../assets/fonts/Gotham-Bold.eot');
    src: url('../../assets/fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../assets/fonts/Gotham-Bold.woff2') format('woff2'),
        url('../../assets/fonts/Gotham-Bold.woff') format('woff'),
        url('../../assets/fonts/Gotham-Bold.ttf') format('truetype'),
        url('../../assets/fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
    /* ---------------------------------------------
    --------------------------------------------- */
    
    * {
        margin: 0;
        padding: 0;
    }

    /* -----------------------------------------
        :: Place your custom css code here ::
    ----------------------------------------- */

    .header_area{
        background: #0B1147;
    }
    .h-btn{
        padding-top: 20px;
    }

    .hero-block-content h2{
        color: #ffffff;
        font-size: 48px;
        line-height: 54px;
        font-weight: 300;
    }

    .hero-block-content h2 span{
        font-weight: 700;
        font-family: 'Exo', sans-serif !important;
    }

    .btn-mat {
        background-color: #A50101;
        border-color: #A50101;
        color: #fff;
        border-radius: 0px !important;
        text-transform: uppercase;
    }

    .btn-mat:hover, .btn-mat:focus {
        background-color: transparent;
        border-color: #A50101;
        color: #fff !important;
    }
    .btn{
        font-size: 16px;
        font-weight: 400;
    }

    .btn-pill {
        padding: 0.3em 1em !important;
    }

    .all-content-text h2{
        font-size: 30px;
        color: #000000;
        margin-bottom: 20px;
    }
    .text-color-blue{
        color: #0B1147 !important;
    }
    .all-content-text p{
        font-size: 18px;
        color: #212121;
        margin-bottom: 20px;
    }
    .all-content-text span{
        font-size: 14px;
        color: #A50101;
        font-weight: 700;
        text-transform: uppercase;
    }
    .project-box{
        position: relative;
        padding: 0px 30px;
    }
    .project-background{
        position: relative;
        z-index: 2;
        background-position: center center;
        background-size: cover;
        border-radius: 15px;
    }
    .project-box h4{
        font-family: 'Gotham', sans-serif !important;
        font-size: 18px;
        font-weight: 700;
        color: #000000;
        margin-bottom: 20px;
    }

    .project-box ul{
        padding: 0;
        margin: 0;
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .project-box ul li{
        list-style: disc;
        font-size: 18px;
        color: #000000;
        margin-bottom: 2px;
    }

    .project-box a{
        font-family: 'Gotham', sans-serif !important;
        font-size: 14px;
        font-weight: 300;
        color: #A50101;
        text-transform: uppercase;
    }

    .bg-blue{
        background: #9CBECC;
    }
    
    .single_feature .feature_text h5 {
        color: #A50101;
        font-size: 14px;
        text-transform: capitalize;
        border-bottom: 1px solid #A50101;
        display: inline-block;
        padding-bottom: 5px;
        margin-bottom: 10px;
    }

    .single_feature .feature_text h3 {
        color: #000;
        font-size: 16px;
        font-weight:400;
    }
    .single_feature .feature_text h3 span {
        font-weight:700;
    }

    .single_feature .feature_text h5 a{
        color: #A50101;
    }
    .contact-bg{
        background: #0B1147;
        border-radius: 15px;
        padding: 40px 30px;
    }
    .contact_input_area label {
        color: #ffffff;
        font-size: 14px;
    }
    .ft-link{
        text-align: center;
        border-top: 1px solid rgba(255, 255, 255, 0.4);
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .ft-link ul{
        padding: 0;
        margin: 0;
    }
    .ft-link ul li{
        font-size: 14px;
        font-weight: 300;
        color: #ffffff;
        text-transform: uppercase;
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px;
    }
    .ft-link ul li a{
        font-size: 14px;
        font-weight: 300;
        color: #ffffff;
        text-transform: uppercase;
        display: inline-block;
    }

    .copy-link{
        padding-bottom: 50px;
        padding-top: 50px;
        text-align: center;
    }
    .copy-link ul{
        padding: 0;
        margin: 0;
    }
    .copy-link ul li{
        font-size: 14px;
        font-weight: 400;
        color: #000000;
        text-transform: uppercase;
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px;
    }
    .copy-link ul li a{
        font-size: 14px;
        font-weight: 400;
        color: #000000;
        text-transform: uppercase;
        display: inline-block;
    }
    .container-fluid{
        width: 96%;
    }

    .inner-bg{
        background: linear-gradient(0deg, #0B1147, #0B1147);
    }

    .inner_page_title h4{
        letter-spacing: 0.01em;
        font-family: 'Gotham', sans-serif !important;
        color: #ffffff;
        font-size: 14px;
        text-transform: uppercase;
    }

    .inner_page_title h1 {
        font-family: 'Gotham', sans-serif !important;
        color: #ffffff;
        font-size: 44px;
        line-height: 55px;
        font-weight: 400;
    }

    .inner_banner_img{
        margin-bottom: -70px;
    }

    .video-bg{
        background: #0B1147;
        border-radius: 15px;
        padding: 80px 50px 50px 50px;
    }
    .leadership-bg{
        background: #98B9C7;
        border-radius: 15px;
        padding: 60px 50px 30px 50px;
    }
    .white-border{
        border-bottom: 1px solid rgba(243, 243, 243, 0.5);
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .video_box_img{
        position: relative;
        margin-bottom: -150px;
    }

    .video-btn{
        position: absolute;
        z-index: 9;
        top: 50%; 
        left: 50%; 
        transform: translate(-50%, -50%);
        text-align: center;
        padding: 30px;
        width: 100%;
    }

    .com-list ul{
        padding: 0;
        margin: 0;
        margin-top: 20px;
    }

    .com-list ul li{
        list-style-type: none;
        position: relative;
        padding-bottom: 8px;
        margin-bottom: 8px;
        font-size: 18px;
        font-weight: 400;
        color: #000000;
        text-transform: none;
        padding-left: 20px;
        border-bottom: 1px solid rgba(11, 17, 71, 0.3);
    }
    .com-list ul li:before {
        content: "\f0da";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 18px;
        font-weight: 900;
        position: absolute;
        color: #C82A34;
        top: 4px;
        left: 0px;
    }

    .why_text{
        padding: 0px 30px 0px 0px;
    }

    .why_text ul{
        padding: 0;
        margin: 0;
        margin-bottom: 30px;
    }
    .why_text ul li{
        list-style: none;
        font-size: 18px;
        font-weight: 400;
        color: #ffffff;
        border-bottom: 1px solid rgba(243, 243, 243, 0.5);
        margin-bottom: 15px;
        padding-bottom: 15px;
        padding-left: 0;
    }
    .why_text ul li:last-child{
        border: none;
    }
    .case-study-box h4{
        font-size: 20px;
        font-weight: 700;
        color: #ffffff;
        padding-bottom: 10px;
        margin-bottom: 20px;
        display: inline-block;
        border-bottom: 1px solid #FF0505;
    }
    .case-study-box h2{
        font-size: 30px;
        font-weight: 700;
        color: #ffffff;
        margin-bottom: 10px;
    }
    .case-study-box p {
        font-size: 18px;
        color: #ffffff;
        margin-bottom: 0;
    }
    .client-bg-blue{
        background: #ECF4FF;
        border-radius: 15px;
        padding: 20px;
    }
    .border-left-blue{
        border-left:1px solid #9CBECC;
    }
    .icon-w{
        width: 26px;
        height: 26px;
        margin-right: 15px;
    }
    .pro-text{
        width: 100%;
    }
    .pro-text h4{
        font-size: 20px;
        color: #CC0000;
        font-weight: 700;
    }
    .pro-text p{
        font-size: 16px;
        color: #212121;
        font-weight: 300;
        padding-bottom: 15px;
    }
    .pro-text p span{
        font-weight: 700;
    }
    .pt-blue-bg{
        background: #F2F8FF;
        border-radius: 15px;
        padding: 20px;
    }
    .pt-box-content{
        border-left: 1px solid #9CBECC;
        padding-left: 20px;
    }
    .pt-box-content h3{
        font-size: 22px;
        color: #0B1147;
        font-weight: 700;
        margin-bottom: 15px; 
    }
    .pt-box-content p{
        font-size: 16px;
        color: #212121;
        font-weight: 300;
        margin-bottom: 0;
    }
    .reach-us-box{
        background: #F2F8FF;
        border-radius: 15px;
        padding: 20px;
    }
    .map{
        border-radius: 15px;
    }
    .map iframe{
        border-radius: 15px;
    }
    .reach-us-box i{
        font-size: 24px;
        color: #212121;
        margin-right: 15px;
    }
    .reach-us-box p{
        font-size: 18px;
        color: #212121;
        font-weight: 500;
    }
    .reach-us-box p a{
        font-size: 18px;
        color: #212121;
        font-weight: 500;
    }
    .reach-us-box p a:hover{
        color: #CC0000;
    }
    .reach-us-box p span{
        font-weight: 700;
    }
    .i-icon-box{
        width:48px;
        height: 46px;
        margin-right: 20px;
    }
    .industry-box{
        margin-bottom: 10px;
        border-bottom: 1px solid rgba(11, 17, 71, 0.3);
    }
    .industry-box p{
        font-size: 16px;
        color: #212121;
        font-weight: 300;
        margin-bottom: 0px;
        padding-bottom: 10px;
    }
    .industry-box p span{
        font-weight: 700;
    }
    .industry-box:last-child{
        border: none;
    }
    .card-header {
        padding: 0.75rem 0rem;
        margin-bottom: 0;
        background-color: transparent;
        border-bottom: 1px solid rgba(11, 17, 71, 0.3);
    }
    .card-header h6{
        font-size: 18px;
        color: #000000;
        font-weight: 700;
    }
    #accordion .card-header a:after {
        font-family: 'FontAwesome';  
        content: "\f0d7";
        font-size: 20px;
        color: #A50101;
        float: right; 
    }
    #accordion .card-header a.collapsed:after {
        /* symbol for "collapsed" panels */
        content: "\f0da" !important; 
    }
    .list ul{
        padding: 0;
        margin: 0;
        margin-top: 20px;
    }

    .list ul li{
        list-style-type: none;
        position: relative;
        padding-bottom: 8px;
        margin-bottom: 8px;
        font-size: 16px;
        font-weight: 400;
        color: #000000;
        text-transform: none;
        padding-left: 20px;
        border-bottom: 1px solid rgba(11, 17, 71, 0.3);
    }
    .list ul li:before {
        content: "\f192";
        font: normal normal normal 14px/1 FontAwesome;
        font-weight: 500;
        position: absolute;
        color: #000000;
        top: 5px;
        left: 0px;
    }
    .list ul li:last-child{
        border: none;
    }

/* Flexbox Equal Height Bootstrap Columns (fully responsive) */
@media only screen and (min-width : 768px) {
    .flex-row.row {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    .flex-row.row > [class*='col-'] {
     display: flex;
     flex-direction: column;
    }
    .flex-row.row:after, .flex-row.row:before {
      display: flex;
    }
    }
    /* Grow thumbnails to fill columns height */
    .flex-row .euqal-height {
      display: flex;
      flex: 1 0 auto;
      flex-direction: column;
    }
    /* Flex Grow Text Container */
    .flex-row p.flex-text {
      flex-grow: 1;
    }
    /* pre hack for small devices */
    pre {
      display: flex;
      flex: 1;
    }
    .flex-row.flex-code.row > [class*='col-'] .flex-text {
      flex-grow: 1;
      display: flex;
    }
    .noflex {
      display:block !important;
    }

    .careers-video-bg{
        background: #98B9C7;
        border-radius: 15px;
        padding: 50px 50px 50px 50px;
    }
    .rounded{
        border-radius: 0.938rem!important;
    }

    .rounded-right-bottom {
        border-top-right-radius: 1.563rem!important;
        border-bottom-left-radius: 1.563rem!important;
    }