@font-face {
        font-family: Gotham-regular;
        src: url(../font/SourceSansPro-Regular.otf);
    }
    
    @font-face {
        font-family: Gotham-bold;
        src: url(../font/GothamBold.ttf);
    }




    body{
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
    }

.menu{
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.footer{
    background-color: #2b2b2b;
    /* font-size: 15px; */
    
}

    #nav-icon1 {
        width: 40px;
        height: 45px;
        position: relative;
        margin: 10px auto;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
      }
      
      #nav-icon1 span {
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        background: #ffffff;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
      }
      
      #nav-icon1 span:nth-child(1) {
        top: 8px;
      }
      
      #nav-icon1 span:nth-child(2) {
        top: 21px;
      }
      
      #nav-icon1 span:nth-child(3) {
        top: 34px;
      }
      
      #nav-icon1.open span:nth-child(1) {
        top: 18px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
      }
      
      #nav-icon1.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
      }
      
      #nav-icon1.open span:nth-child(3) {
        top: 18px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
      }


    
    .main-banner {
        background-image: url(../img/main-banner.png);
        background-repeat: no-repeat;
        background-size: cover;
        height: 450px;
        background-position: center;
    }
    
     h1 {
        font-size: 50px;
    line-height: 1;
    letter-spacing: -2px;
    font-weight: bold;
    }
    
    h2 {
        font-size: 40px;
        
        line-height: 1;
        letter-spacing: -2px;
        font-weight: bold;
    }
    h1, h2, h3, h4, h5, p{
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    }
    
    p {
        font-size: 17px;
    }
    
    .gray-color {
        color: #626B7A;
    }
    
    .deep-blue-bg {
        background-color: #203F75;
    }
    
    .deep-blue-font {
        color: #193F7A;
    }
    
    .blue-font {
        color: #2D67C5;
    }
    .bg-black{
        background-color: rgba(0, 0, 0, 0.3);
        
    }
    .health-safety-outer {
        background-image: url(../img/Globe.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    .about-Terra-outer {
        background-image: url(../img/Why-Terra-bg.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    /* .the-proof-outer {
        background-image: url(../img/dot.png);
        background-repeat: no-repeat;
        background-position: center;
    } */
    
    .gray-corner {
        background-image: url(../img/Gray-bg.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 340px;
        margin-bottom: 270px;
    }
    .value-delivered-bg{
        background-image: url(../img/value-delivered.png);
        background-repeat: no-repeat;
        background-position: center; 
        height: 620px;
    }
    .screenshot-bg{
        background-image: url(../img/triangle.png);
        background-repeat: no-repeat;
        background-position: center; 
        height: 690px;
        margin-top: -38%;
    }

    .globe-bg{
        background-image: url(../img/global.png);
        background-repeat: no-repeat;
        background-position: center; 
        height: 690px;
    }
    .screen-shot-position{
        margin-top: -6%;
        position: absolute;
    }
    .download-btn-psn{
        text-align: right;
    }
    .vdo-btn-psn{
        text-align: left;
    }
    .inline-block {
        display: inline-block;
    }
    
    .gray-bg {
        background-color: #EDF1F4;
    }
    
    .text-white {
        color: #ffffff;
    }
    
    .bg-white {
        background-color: #ffffff;
    }
    .cyan-bg{
        background-color: #52BEEC;
    }
    .cyan-font{
        color: #52BEEC;
    }
    .green-font{
        color: #326F36;
    }
    
    .pt-5 {
        padding-top: 40px;
    }
    
    .pb-5 {
        padding-bottom: 40px;
    }
    .p-6{
        padding: 6%;
    }
    
    .p-4 {
        padding: 15px;
    }
    .pl-6{
        padding-left: 6%;
    }
    .p-0{
        padding:0px
    }
    
    .mt-5 {
        margin-top: 40px;
    }
    .mt-2{
        margin-top: 20px;
    }
    
    .mb-5 {
        margin-bottom: 40px;
    }
    .sub-head{
        font-size: 40px;
    }
    .line-height{
        line-height: .1;
    }
    .tab-height{
        height: 400px;
    }
    .dot-position{
        position: absolute;
    }
    
    .drop-shadow {
        box-shadow: 0px 2px 7px 0px rgba(26, 137, 193, 0.31);
        -webkit-box-shadow: 0px 2px 7px 0px rgba(26, 137, 193, 0.31);
        -moz-box-shadow: 0px 2px 7px 0px rgba(26, 137, 193, 0.31)
    }

    .button{
        border: 1px solid #193F7A;
        padding: 17px 50px;
        text-decoration: none;
        font-size: 17px;
    }
    .button:hover,
    .button:focus
    {
        background-color: #193F7A;
        color: #ffffff;
        text-decoration: none;
    }

    .button-white{
        border: 1px solid #ffffff;
        padding: 10px 20px;
        text-decoration: none;
        font-size: 17px;
        color: #ffffff;
    }
    .button-white:hover,
    .button-white:focus
    {
        background-color: #193F7A;
        color: #ffffff;
        text-decoration: none;
    }

    .dropbtn {
        background-color: rgba(0, 0, 0, 0.1);
        color: white;
        padding: 16px;
        font-size: 16px;
        border: none;
        cursor: pointer;
        border: 1px solid white;
      }
      
      .dropdown {
        position: relative;
        display: inline-block;
      }
      .dropbtn::after {
        content: url(../img/icons/dropdown-arrow.png);
      }

      
      .dropdown-content {
        display: none;
        position: absolute;
        background-color: rgb(1 13 48 / 50%);
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 1;
      }
      
      .dropdown-content a {
        color: rgb(255, 255, 255);
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        width: 288px;
      }
      
      .dropdown-content a:hover {background-color: #0055d5}
      
      .dropdown:hover .dropdown-content {
        display: block;
      }
      
      .dropdown:hover .dropbtn {
        background-color: rgba(0, 0, 0, 0.3)
      }

    .globe-position{
        position: absolute;
        margin-top: 3%;
    }
    .request-demo-bt-psn{
        position: absolute;
        bottom: 40px;
        left: 31%;
    }

    
    .schedule-demo{
        /* border: 1px solid #193F7A; */
        background-color: #376ABD;
        padding: 16px 50px;
        text-decoration: none;
        font-size: 24px;
        border-radius: 30px;
        color: #ffffff;
    }
    .schedule-demo:hover,
    .schedule-demo:focus
    {
        background-color: #193F7A;
        color: #ffffff;
        text-decoration: none;
    }
    .big-font{
        font-size: 30px;
    }
    
    .border-radious {
        border-radius: 15px;
    }
    
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next
    {
        display: none;
    }
    .item-heading-style{
        font-size: 24px;
        color: #203F75;
        margin-top: 30px;
    }

    
    .owl-carousel .owl-dots {
        text-align: center;
        bottom: 5px;    
        /* margin-top: -35px; */
        width: 100%;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden
    }
    
    .financial-carousel  .owl-carousel .owl-dot {
        height: 10px;
        width: 10px;
        display: inline-block;
        background: rgba(175, 175, 175, 0.5) !important;
        background-color: rgba(175, 175, 175, 0.5) !important;
        margin-left: 5px;
        margin-right: 5px;
        outline: 0;
    }
    
    .financial-carousel  .owl-carousel .owl-dot.active {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        padding: 0px 25px 0px 0px;
        background: #203F75 !important;
        width: 25px;
    }
    .liability-carousel  .owl-carousel .owl-dot {
        height: 10px;
        width: 10px;
        display: inline-block;
        background: rgba(175, 175, 175, 0.5) !important;
        background-color: rgba(175, 175, 175, 0.5) !important;
        margin-left: 5px;
        margin-right: 5px;
        outline: 0;
    }
    
    .liability-carousel  .owl-carousel .owl-dot.active {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        padding: 0px 25px 0px 0px;
        background: #203F75 !important;
        width: 25px;
    }
    
    .owl-carousel .owl-item img {
        width: auto;
        margin: 0 auto;
    }
    .liability-carousel .item{
        min-height: 278px;
        margin: 10px;
        padding:5px 35px 35px 35px;
    }
    .financial-carousel .item{
        min-height: 178px;
        margin: 10px;
        padding:5px 35px 35px 35px;
    }

    .importance .item{
        min-height: 345px;
        margin: 10px;
        padding:35px;
    }


    .importance .owl-carousel .owl-dot {
        height: 10px;
        width: 10px;
        display: inline-block;
        background: rgba(255, 255, 255, 0.5) !important;
        background-color: rgba(255, 255, 255, 0.5) !important;
        margin-left: 5px;
        margin-right: 5px;
        outline: 0;
    }
    
    .importance .owl-carousel .owl-dot.active {
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        padding: 0px 25px 0px 0px;
        background: #ffffff !important;
        width: 25px;
    }
    


    /* .verification-serv::before{
        content: url(../img/icons/verification-service.png);
    } */

.cybersecurity-text::before{
    content: url(../img/icons/Dot.png);
}
.negative_margin{
    margin-top: -17px;
}













    .our-approach .nav-tabs {
        border-bottom: 2px solid #DDD;
        background: #ffffff;
    }
    
    .our-approach .nav-tabs>li.active>a,
    .our-approach .nav-tabs>li.active>a:focus,
    .our-approach .nav-tabs>li.active>a:hover {
        border-width: 0;
    }
    
    .our-approach .nav-tabs>li>a {
        border: none;
        /* color: #ffffff; */
        background: #ffffff;
    }

    .our-approach .nav-tabs>li>a{
        font-size: 20px;
    }
    /* .our-approach .nav-tabs>li.active>a,
    .our-approach .nav-tabs>li>a:hover {
        border: none;
        color: #097230 !important;
        background: #fff;
    } */
    .our-approach .nav-tabs>li>.financial
    {
        border: none;
        /* color: #097230 !important; */
        background: #fff;
        background: url(../img/icons/Financial-risk.png) ;
        background-repeat: no-repeat;
        background-position: center;
        display: block;
    }
    .our-approach .nav-tabs>li.active>.financial,
    .our-approach .nav-tabs>li>.financial:hover {
        border: none;
        color: #097230 !important;
        background: #fff;
        background: url(../img/icons/Financial-risk_hover.png) ;
        background-repeat: no-repeat;
        background-position: center;
        display: block;
    }

    .our-approach .nav-tabs>li>.liability
    {
        border: none;
        background: #fff;
        background: url(../img/icons/Liability-risk.png) ;
        background-repeat: no-repeat;
        background-position: center;
        display: block;
    }
    .our-approach .nav-tabs>li.active>.liability,
    .our-approach .nav-tabs>li>.liability:hover {
        border: none;
        color: #097230 !important;
        background: #fff;
        background: url(../img/icons/Liability-risk_hover.png) ;
        background-repeat: no-repeat;
        background-position: center;
        display: block;
    }
    .our-approach .nav-tabs>li>.cybersecurity
    {
        border: none;
        /* color: #097230 !important; */
        background: #fff;
        background: url(../img/icons/cybersecurity-risk.png) ;
        background-repeat: no-repeat;
        background-position: center;
        display: block;
    }
    .our-approach .nav-tabs>li.active>.cybersecurity,
    .our-approach .nav-tabs>li>.cybersecurity:hover {
        border: none;
        color: #097230 !important;
        background: #fff;
        background: url(../img/icons/cybersecurity-risk_hover.png) ;
        background-repeat: no-repeat;
        background-position: center;
        display: block;
    }

    .tab-font{
        margin-top: 100px;
    }
    .tab-margin{
        margin-top: -40px;
    }
    
    .our-approach .nav-tabs>li>a::after {
        content: "";
        background: #097230;
        height: 5px;
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -1px;
        transition: all 250ms ease 0s;
        transform: scale(0);
    }
    .our-approach .nav-tabs>li.active>a::before {
        content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #097230;
    position: absolute;
    top: 150px;
    left: 48%;
    }
    
    .our-approach .nav-tabs>li.active>a::after,
    .our-approach .nav-tabs>li:hover>a::after {
        transform: scale(1);
    }
    
    .our-approach .tab-nav>li>a::after {
        background: #5a4080 none repeat scroll 0% 0%;
        color: #fff;
    }
    
    .our-approach .tab-pane {
        padding: 15px 0;
    }
    
    .our-approach .tab-content {
        padding: 20px
    }
    
    .our-approach .nav-tabs>li {
        width: 33%;
        text-align: center;
    }
    
    .our-approach .card {
        /* background: #FFF none repeat scroll 0% 0%; */
        /* box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);  */
        margin-bottom: 30px;
    }


.nav-tabs{
 border-bottom: #ffffff;
}




    /* .proof-numbers .nav-tabs {
        border-bottom: 2px solid #DDD;
    } */
    
    .proof-numbers .nav-tabs>li.active>a,
    .proof-numbers .nav-tabs>li.active>a:focus,
    .proof-numbers .nav-tabs>li.active>a:hover {
        border-width: 0;
    }
    
    .proof-numbers .nav-tabs>li>a {
        border: none;
        /* color: #ffffff; */
        background: #A0A0A0;
    border-radius: 30px;
    }
    
    .proof-numbers .nav-tabs>li.active>a,
    .proof-numbers .nav-tabs>li>a:hover {
        border: none;
      
        background: #376ABD;
        border-radius: 25px;
        color: #ffffff
    }
    
    /* .proof-numbers .nav-tabs>li>a::after {
        content: "";
        background: #097230;
        height: 5px;
        position: absolute;
        width: 100%;
        left: 0px;
        bottom: -1px;
        transition: all 250ms ease 0s;
        transform: scale(0);
    } */
    /* .proof-numbers .nav-tabs>li.active>a::before {
        content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #097230;
    position: absolute;
    top: 40px;
    left: 48%;
    } */
    .proof-numbers .nav-tabs>li>a{
        font-size: 24px;
    }
    .proof-numbers .nav-tabs>li.active>a::after,
    .proof-numbers .nav-tabs>li:hover>a::after {
        transform: scale(1);
    }
    
    .proof-numbers .tab-nav>li>a::after {
        background: #5a4080 none repeat scroll 0% 0%;
        color: #fff;
    }
    
    .proof-numbers .tab-pane {
        padding: 15px 0;
    }
    
    .proof-numbers .tab-content {
        padding-top: 20px
    }
    
    .proof-numbers .nav-tabs>li {
        width: 35%;
        text-align: center;
    }
    
    .proof-numbers .card {
        /* background: #FFF none repeat scroll 0% 0%; */
        /* box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);  */
        margin-bottom: 30px;
    }

    .proof-numbers .nav-tabs > li {
        float:none;
        display:inline-block;
        zoom:1;
    }
    
    .proof-numbers .nav-tabs {
        text-align:center;
    }

.testi_box_psn{
    margin-left: -25%;
    /* margin-right: 25%; */
    margin-top: 14%;
}
.quotation::before{
    content: url('../img/icons/Quotation1.png');
    position: absolute;
    margin-top: -3%;
}
.quotation::after{
    content: url('../img/icons/Quotation2.png');
    position: absolute;
    margin-bottom: -3%;
    margin-left: -8%;
}




    



    
    

























    /* #nav {
        margin: 24px auto;
        border-top: 1px solid #999;
        border-right: 1px solid #999;
        border-left: 1px solid #999;
        width: 95%;
    } */
    
    /* ul#nav {
      padding: 0;
    }
    
    #nav li {
      list-style: none; 
    }
    #nav li a {
        display: block;
        padding: 10px 15px;
        background: #ccc;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #999;
        text-decoration: none;
        color: #000;
    }
    #nav li a:hover, #nav li a.active {
        background: #B3B3B3;
        color: #F2F2F2;
    }
    
    
    
    #nav section {
      display: none; 
      float: left;
        background: #B3B3B3;
        overflow: hidden; 
      padding: 1% 3% 0 3%;
    }
    
    .no-js #nav section {
      display: block; 
    }
    #nav li ul li a {
        padding: 10px 25px;
        border-bottom: 1px dotted #ccc;
    }
    
    @media only screen and (min-width: 30em) { 
        #nav {width: 80%; position: relative; border: none; }
        #nav li { display: inline; }
        #nav li a {display: inline-block; }  
        #nav section { padding: 1%; position: absolute; top: 42px; left: 0;  }
        
    } */










    /* .nav-tabs li a,
    .nav-tabs li a:active,
    .nav-tabs li a:focus {
         outline:0px !important; 
         -webkit-appearance:none;  
         text-decoration:none; }   */

































    .btn-style{
        background-color: #A0A0A0;
        color: #ffffff;
        font-size: 24px;
        border-radius: 25px;
        padding-left: 35px;
        padding-right: 35px;
    }

    /* .btn-style:active{
        background-color: #376ABD;
        color: #ffffff;
       
    } */
    .btn.active{
        background-color: #376ABD; 
    }





















        .panel-tabs {
            position: relative;
            bottom: 30px;
            clear: both;
            border-bottom: 1px solid transparent;
        }
        .panel-tabs>li {
            float: left;
            margin-bottom: -1px;
        }
        .panel-tabs>li>a {
            margin-right: 2px;
            margin-top: 4px;
            line-height: .85;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
            color: #ffffff;
        }
        .panel-tabs>li>a:hover {
            border-color: transparent;
            color: #ffffff;
            background-color: transparent;
        }
        .panel-tabs>li.active>a,
        .panel-tabs>li.active>a:hover,
        .panel-tabs>li.active>a:focus {
            color: #fff;
            cursor: default;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
            background-color: rgba(255, 255, 255, .23);
            border-bottom-color: transparent;
        }