
/* tab section css start*/
        .pageTabSec h2{font-size:29px !important;font-weight:bold !important;text-align:center;margin-bottom:30px !important; color: #333;}
 .pageTabSec{max-width:974px;margin:0 auto;margin-bottom:40px;}
 .pageTabSec ul.pageTab{padding:0 30px;border-bottom:1px solid #e7e7e7;text-align:center;box-sizing:border-box;}
 .pageTabSec ul.pageTab li{padding:12px 20px;box-sizing:border-box;margin:0 20px;display:inline-block;font-size:15px;color:#8c9ca2;cursor:pointer;}
 .pageTabSec ul.pageTab li.active{border-bottom:2px solid #055367;color:#055367;font-weight:600;}
 .pageTabSec ul.pageTab li:hover{color:#055367;}
 .pageTabSec .pageTabView{padding:30px 0;display:none;}
 .pageTabSec .pageTabView.active{display:block;}
 .pageTabSec .pageTabView ul{width:32%;display:inline-block;padding-left:20px;box-sizing:border-box;list-style:disc;color:#93bac9;vertical-align:text-top;}
 .pageTabSec .pageTabView.solutions-tab ul{width:25%;float:left;}
 .pageTabSec .pageTabView.solutions-tab ul:nth-child(1){width:27%;}
 .pageTabSec .pageTabView.solutions-tab ul:nth-child(2){width:26%;}
 .pageTabSec .pageTabView.solutions-tab ul:nth-child(3){width:28%;}
 .pageTabSec .pageTabView.solutions-tab ul:nth-child(4){width:19%;}
 .pageTabSec .pageTabView ul li a{}
 .pageTabSec .pageTabView ul li a:hover{ text-decoration: underline; }
 .pageTabSec .pageTabView ul li{padding:6px 0;margin:0;list-style-type:disc !important;color:#93bac9;}
 @media(max-width:1024px){.pageTabSec .pageTabView{padding:30px 20px }
 }
 @media(max-width:1023px){.pageTabSec ul.pageTab{padding:0 10px;}
 .pageTabSec ul.pageTab li{padding:12px 10px;margin:0 10px;font-size:13px;}
 .pageTabSec .pageTabView ul{font-size:13px;}
 .pageTabSec .pageTabView{padding:20px;}
 }
 @media (max-width:991px){.pageTabSec .pageTabView.solutions-tab ul{width:25% !important;}
 }
 @media (max-width:767px){.pageTabSec{display:none !important;}
 }

        /* tab section css end */

/*
.tabImgRef img{margin:13px 0 0 0;max-width:36px;width:36px}
.ulAlign li{margin: 8px 0;}
.gdpr-box-left,.gdpr-box-right{float:left;box-sizing:border-box}.gdpr-box{position:relative;overflow:hidden;width:100%;margin-bottom:30px}.gdpr-box h2{padding-bottom:15px}.gdpr-box-left{width:70%;padding-right:40px}.gdpr-box-left p{margin-top:0}.gdpr-box-right{width:30%}.gdpr-box-main img{width:100%}
*/
body, html{}
#scroll{padding: 0;}
        #scroll .container{max-width: 1100px; width: 1100px;}
        .heading-menu{display: none;}
        .hTag1{font-size: 50px; line-height: 67px; color: #0b5366; font-weight: 600; padding-top: 80px;}
        #scroll{position: relative;}
        #scroll::before{content: ""; position: absolute; height: 250px; width: 100%; top: 0; left: 0; background: #d6f3fd; background: -webkit-linear-gradient(to bottom,#d6f3fd,#fff); background: linear-gradient(to bottom,#d6f3fd,#fff);z-index: -1;}
        .complianceBox{margin: 85px 0 50px;}
        .complianceBox h2{font-size: 32px; line-height: 44px; font-weight: 600;}
        .complianceBox h2 span{color: #0b5366; position: relative;}
        .complianceBox h2 span::after{content: ""; position: absolute; bottom: -1px; left: 0; height: 2px; width: 100%; background: #0b5366;}
        .complianceBox p{font-size: 22px; line-height: 38px; padding: 0 10%; margin-bottom: 0;}
        .complianceLogos{position: relative; text-align: center; margin-top: 45px;}
        .compLogo{display: inline-block; vertical-align: top; height: 100px; width: calc(100%/7.3); background: url(https://www.manageengine.com/latam/data-security/compliance/images/gdpr-compliance-tool-sprite.png) no-repeat; background-size: 800px; background-position: 30px -260px; transition: .3s;color: transparent;cursor: pointer;}
        .compLogo.cl2{background-position: -108px -260px;}
        .compLogo.cl3{background-position: -246px -263px;}
        .compLogo.cl4{background-position: -525px 11px;}
        .compLogo.cl5{background-position: -520px -264px;}
        .compLogo.cl6{background-position: -652px -262px;}
        .compLogo.cl7{background-position: -397px 11px;}
        .compLogo:hover{box-shadow: 0 0 12px rgba(193,193,193,.28);cursor: pointer;}
        .compLogo.cl1:hover{background-position: 30px -410px}
        .compLogo.cl2:hover{background-position: -108px -409px;}
        .compLogo.cl3:hover{background-position: -246px -410px;}
        .compLogo.cl4:hover{background-position: -525px -71px;}
        .compLogo.cl5:hover{background-position: -520px -413px;}
        .compLogo.cl6:hover{background-position: -652px -410px;}
        .compLogo.cl7:hover{background-position: -397px -72px;}
        
        .topContent{position: relative; margin: 80px 0 70px;}
        .topContentBox{display: inline-block; width: calc(100% - 380px); vertical-align: top; padding-right: 20px;}
        .topContent p{font-size: 17px; line-height: 33px; margin: 0;}
        .topContent ul{padding-left: 20px; margin: 15px 0;}
        .topContent li{font-size: 17px; line-height: 33px; position: relative; padding-left: 30px;}
        .topContent li::before{content: ""; position: absolute; left: 0; top: 7px; height: 18px; width: 18px; background: url(https://www.manageengine.com/latam/data-security/compliance/images/gdpr-compliance-tool-sprite.png) no-repeat; background-size: 800px; background-position: -9px -198px;}
        .resourceCard {width: 350px; min-height: 100px; display: inline-block; } 
        .resourceCard .img {height: 175px; width: 100%; background: url(https://www.manageengine.com/latam/data-security/compliance/images/gdpr-compliance-tool-sprite.png) no-repeat; background-size: 930px; background-position: -4px -9px;} 
        .resourceText {text-align: left; padding: 30px; padding-top: 25px; background: #0c424c; } 
        .resourceText h4 {color: white; font-weight: bold; font-size: 18px; margin: 0; margin-bottom: 10px;font-weight: 600;font-size: 16px; text-transform: uppercase; } 
        .resourceText p {font-size: 14px; color: white; opacity: .8; line-height: 22px; margin: 0; margin-bottom: 20px; } 
        .resourceText .more-btn {border-radius: 2px; color: white; display: inline-block; font-size: 15px; height: 35px; line-height: 35px; min-width: 125px; text-align: center; } 
        .resourceText .more-btn a {border: 1px solid white; color: #fff; padding: 8px 17px; text-decoration: none; transition: all .5s; border-radius: 2px; } 
        .resourceText .more-btn a:hover {background: white; border: solid 1px #0c3f4a; transition: all .5s; color: #0c3f4a; } 
        .resourceText .more-btn a .arrow-icn {display:inline-block;vertical-align:middle;background:url('https://www.manageengine.com/latam/data-security/compliance/images/gdpr-compliance-tool-sprite.png') no-repeat;background-size: 800px; background-position: -39px -203px; width: 10px;height:10px; margin-left:5px;transition:all .5s ease; position: relative; left: 6px; top: 1px;}
        .resourceText .more-btn a:hover .arrow-icn {background-position: -39px -219px; }
        .tableTitle h2{color: #333; font-size: 25px; line-height: 29px; font-weight: 600; margin: 0;}
        .tableTitle p{color: #333; font-size: 17px; line-height: 27px; padding: 23px 13% 35px; margin: 0;}
        .upgradeTbl th{background: #0b5366; padding: 23px 5px; text-align: center; font-weight: 500; color: #fff; font-size: 20px;border: 1px solid #e1e1e1; position: sticky;top: 0px;}
        .upgradeTbl td h4{font-size: 18px; line-height: 29px; font-weight: 500; margin: 0;}
        .upgradeTbl td{font-size: 16px; line-height: 21px;}
        .upgradeTbl td p{font-size: 16px; line-height: 21px; margin: 5px 0 15px;}
        .upgradeTbl td:first-of-type{background: #f9fafc; padding: 25px 25px 20px 25px; width: 33.333%;}
        .upgradeTbl td:nth-of-type(2){padding: 25px 25px 25px 25px; }
        .upgradeTbl td:last-of-type{padding: 25px 25px 25px 25px; }
        .upgradeTbl td ol{list-style-type: decimal; padding-left: 20px;}
        .upgradeTbl td ol li{margin-bottom: 30px;}
.upgradeTbl td ol li:last-child {margin-bottom: 0px;}
        .upgradeTbl td:nth-of-type(3) h5{margin-bottom: 20px;}
        #scroll .upgradeTbl td ul.star{list-style-type: disc; padding-left: 20px;}
        #scroll .upgradeTbl td ul.star li{margin: 2px 0;}
        .disclaimer p{font-size: 15px; line-height: 27px; padding-right: 13%; margin: 43px 0 0;}
        #btmBar.fixed{position: relative;}
    @media screen and (max-width: 1150px){
        #scroll .container{max-width: 90%; width: 90%;}
    }
    @media screen and (max-width: 991px) {
        .topContentBox{display: block; width: 100%; padding-right: 0;}
        .resourceCard{display: block; margin: 0 auto; margin-top: 30px;}
        .compLogo{width: 170px; margin-bottom: 20px;}
        .disclaimer p{padding-right: 0;}
    }
    @media screen and (max-width: 950px) {
         .upgradeTblWrapper{overflow: scroll;}
         .upgradeTbl{width: 900px;}
     }
     @media screen and (max-width: 767px){
         .hTag1{font-size: 35px; line-height: 52px; padding: 0 5%;}
         #scroll::before{top: -10px;}
     }
     @media screen and (max-width: 400px){
         .resourceCard{width: 100%;}
     }
.complianceBox h2 span.TypeCursor {display: none; background-color: #ccc; margin-left: 4px; width: 2px; animation: blink 1s infinite; }
span.TypeCursor.typing {animation: none; }
@keyframes blink {
  0%  { background-color: #ccc; }
  49% { background-color: #ccc; }
  50% { background-color: transparent; }
  99% { background-color: transparent; }
  100%  { background-color: #ccc; }
}
