html, body{
  margin: 0;
  padding: 0;
 overflow-x: hidden;
}
div{
  margin: 0;
  padding: 0;
}
.full_width {
  width: auto; object-fit: cover;
}
.bg-black{
  background-color: #141413;
  text-align: center;
}
.bg-white{
  background-color: #FFFFFF;
  text-align: center;
}
.bg-grey{
  background-color: #222222;
  text-align: center;
}
.bg-lightgrey{
  background-color: #555250;
  text-align: center;
}
.bg-beige{
  background-color: #F3F0EE;
  text-align: center;
}
.bg-demo{
  background-color: #F3F0EE;
  text-align: center;
  background-image: url("../images/feature/book-a-demo-img.png");
}
.bg-brown{
  height: 580px;
  background-color: #301C00;
 background-image: url("../images/feature/story-img.png");
 background-repeat: no-repeat;
}
.bg-brown-container{
  text-align: center;
  width:1200px;
  padding-left:500px;
}
.hero{ 
  width: 100%;
  height: 500px;
  background-image: url("../images/intro-img.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}
.hero div{
  width: 1200px;
  margin: auto;
}
.media{ 
  width: 100%;
  background-image: url("../images/media/intro-2-img.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.media div{
  width: 1200px;
  margin: auto;
}
.newsletters{ 
  width: 100%;
  background-image: url("../images/newsletters/intro-4-img.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.newsletters div{
  width: 1200px;
  margin: auto;
}
.webinars{ 
  width: 100%;
  background-image: url("../images/webinars/intro-3-img.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.webinars div{
  width: 1200px;
  margin: auto;
}
.hero-2{  width: 100%;
  height: 340px;
  background-image: url("../images/feature/hero-2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 150px;
}
.intro-1 {
  width: 1200px;
  text-align: left;
}
.demo1{  width: 100%;
  background-image: url("../images/bookdemo-img1.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 0;
}
.container{
  padding: 100px 0px 100px 0px;
}
.text-gif{
 padding-top: 140px;
}
.gap-60 img{
  margin-bottom: 48px;
}
.no-gap{
  margin-bottom: 0;
  padding: 0;
}
.grid-container-nogap {
  display: grid;
  column-gap: 0px;
  grid-template-columns: auto auto;
  width: 1200px;
  text-align: center;
  margin: auto;
}
.grid-container {
  display: grid;
  column-gap: 40px;
  grid-template-columns: auto auto;
  width: 1200px;
  text-align: center;
  margin: auto;
}
.grid-container-3 {
  display: grid;
  column-gap: 40px;
  grid-template-columns: auto auto auto;
  width: 1200px;
  text-align: center;
  margin: auto;
}
.grid-item{
  width: auto;
  text-align: center;
}
.grid-resources {
  display: grid;
  column-gap: 20px;
  grid-template-columns: auto auto auto ;
  width: 1200px;
  text-align: center;
  margin: auto;
}
.grid-resources-item{
  margin-top: 20px;
  width: auto;
  text-align: center;
  background-color: white;
  transition: background-color 0.3s ease-out;
}
.grid-resources-item:hover{
  background-color:  rgba(0, 0, 0, 0.02);
  background-blend-mode: darken;
  transition: background-color 0.3s ease-out;
}

.header{
  height: 70px;
}
.header div{
  display: inline-block;
  height: 70px;
}
.header-link-logo{
  margin-right: 397px;
}
.header-link-1{
  background-image: url("../images/header/regulatory-services.png");
  width: 186px;
  transition: background-image 0.3s ease-out;
}
.header-link-1:hover{
  background-image: url("../images/header/regulatory-services-h.png");
transition: background-image 0.3s ease-out;
}
.header-link-2{
  background-image: url("../images/header/regulatory-insights.png");
  width: 183px;
  transition: background-image 0.3s ease-out;
}
.header-link-2:hover{
  background-image: url("../images/header/regulatory-insights-h.png");
transition: background-image 0.3s ease-out;
}
.header-link-4{
  background-image: url("../images/header/media.png");
  width: 81px;
  transition: background-image 0.3s ease-out;
}
.header-link-4:hover, .header-link-4.active{
  background-image: url("../images/header/media-h.png");
transition: background-image 0.3s ease-out;
}

.sticky{
  position: sticky;
  top: 0;
  z-index: 999;
}


.tab {
  overflow: hidden;
  border-bottom: 1px solid #ccc;
  width: 1200px;
  margin: 0 auto;
}
.tab button {
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  height: 46px;
  background-color:#F3F0EE;
}
.tab button:hover {
  background-color:  rgba(0, 0, 0, 0.02);
  background-blend-mode: darken;
}
.tab button.active {
  border-bottom: 4px solid #cf4500;
}
.tabcontent {
  display: none;
  padding-top: 40px;
}
.tab-img-content{
  width: 800px;
}