/*
Theme Name: divi child
Template: Divi
*/

/**** Fonts ****/

@import url("https://use.typekit.net/hfe3hvq.css");

.roc-wide{
	font-family: "roc-grotesk-wide", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.roc-wide-bold{
	font-family: "roc-grotesk-wide", sans-serif;
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: Campton Book;
	src: url(/wp-content/themes/divi-child/fonts/Campton-Book.otf);
}

@font-face {
	font-family: Campton Semi-Bold;
	src: url(/wp-content/themes/divi-child/fonts/Campton-SemiBold.otf);
}

@font-face {
	font-family: Campton Bold;
	src: url(/wp-content/themes/divi-child/fonts/Campton-Bold.otf);
}

.campton-book{
	font-family: Campton Book;
}

.campton-semi{
	font-family: Campton Semi-Bold;
}

.campton-bold{
	font-family: Campton Bold;
}

/**** End Fonts ****/

/**** General Styles ****/

#page-container{
  overflow:hidden;
}

body.page-id-916{
  background:#000831;
}

body.page-id-75{
  background:#000831;
}

body.page-id-72{
  background:#000831;
}

body.page-id-82{
  background:#000831;
}

p{
	margin: 0 0 10px;
	padding-bottom: 0;
}

.white-bg-link{
	color:#7EA5BB;
	font-size:18px;
	font-family: Campton Book;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

.dbs-hide{
	display: none !important;
}

.dbs-img-center{
	display:block;
	margin:0 auto;
}

.dbs-text-center{ 
	text-align: center;
}

.dbs-flex{
	display: flex !important;
}

.page-id-7 .logo_container{
	display:none;
}

.dbs-body-copy{
	font-size:18px;
	font-family: Campton Book;
	line-height:32px;
	margin-bottom:15px;
}

.dbs-white{
	color:#ffffff;
}

.dbs-grey{
	color:#696969;
}

.dbs-black{
	color:#000000;
}

.dbs-dark-blue{
	color:#16204F;
}

.dbs-dark-green{
	color:#254A29;
}

.dbs-fs-20{
	font-size:20px;
}

.et-l--footer{
  position:relative;
  z-index:1;
}

.dbs-relative{
  position:relative;
  z-index:10;
}

.dbs-opacity-zero{
  opacity:0;
}

.dbs-logo-image{
  max-width:600px;
  margin:0 auto;
  display:block;
  margin-top:30%;
  transform: translateY(-30%);
}



/**** End General Styles ****/

/**** Buttons ****/
.dbs-btn-white{
	color:#ffffff;
	font-family: "roc-grotesk-wide", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:24px;
	padding:12px 50px;
	border:1px solid #ffffff;
}

.dbs-btn-white:hover{
	color:#16204F;
	background:#E2ADAD;
	border:1px solid #E2ADAD;
}

.dbs-btn-white-blue{
	color:#ffffff;
	font-family: "roc-grotesk-wide", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:24px;
	padding:13px 40px;
	border:1px solid #ffffff;
}

.dbs-btn-white-blue:hover{
	color:#ffffff;
	background:#16204F;
	border:1px solid #16204F;
}

.dbs-btn-blue{
	color:#16204F;
	font-family: "roc-grotesk-wide", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:16px;
	padding:13px 40px;
	border:1px solid #7EA5BB;
}

.dbs-btn-blue:hover{
	color:#ffffff;
	background:#16204F;
	border:1px solid #7EA5BB;
}

.dbs-btn-pink{
  color:#030A35;
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:16px;
  padding:13px 40px;
  border:1px solid #E2ADAD;
  background:#E2ADAD;
}

.dbs-btn-pink:hover{
  color:#E2ADAD;
  background:none;
  border:1px solid #E2ADAD;
}

/**** End Buttons ****/

/**** Headings ****/

.dbs-our{
	color:#7EA5BB;
	font-family: "roc-grotesk-wide", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:40px;
}

.dbs-page-title{
	color:#ffffff;
	font-family: "roc-grotesk-wide", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:100px;
}

.dbs-second-title{
	font-family: "roc-grotesk-wide", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:100px;
}

.dbs-third-title{
	font-family: "roc-grotesk-wide", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:80px;
	line-height:90px;
}

.dbs-fourth-title{
	font-family: "roc-grotesk-wide", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:60px;
	line-height:70px;
}

.dbs-fifth-title{
	font-family: Campton Book;
	font-weight: 400;
	font-style: normal;
	font-size:40px;
	line-height:50px;
}

.dbs-sixth-title{
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:70px;
  line-height:50px;
}

.dbs-started{
  color:#ffffff;
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:42px;
  text-align:center;
  line-height:1.2em;
}

.dbs-services-heading{
  color:#16204F;
  font-family: Campton Book;
  font-weight: 400;
  font-style: normal;
  font-size:28px;
  margin-bottom:15px;
  line-height:32px;
}

.dbs-trust{
  color:#7EA5BB;
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size:40px;
  margin-bottom:0;
}

.dbs-process{
  color:#16204F;
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size:100px;
  margin-bottom:0;
}

/**** End Headings ****/

/**** Circles ****/

.dbs-half-circles{
  position:absolute;
  bottom:0px;
  right:0px;
}

.dbs-half-circles-inner{
  position:absolute;
  bottom:0px;
  right:0px;
}

.dbs-half-circles-fixed{
  position:fixed;
  bottom:0px;
  right:0px;
  width:80%;
  z-index:1;
}

#dbs-circles{
  margin-bottom:-370px;
  z-index:1;
}

.dbs-half-circles-fixed .st1{
  fill:#E2ADAD;
}

.dbs-half-circles-fixed.dbs-circle-change .st1{
  fill:#000000;
}

/**** End Circles ****/

/**** Dot Nav ****/

.dbs-dots{
  position:fixed;
  right:20px;
  top:50%;
  transform: translateY(-50%);
  z-index:998;
}

.dbs-btns{
  position:fixed;
  right:20px;
  top:30px;
  z-index:999;
}

.dbs-nav-dot{
  height:25px;
  width:25px;
  border:1px solid rgba(0,0,0,0);;
  border-radius:999px;
  padding:0;
  display:block;
  margin:10px;
  position: relative;
}
  
.dbs-inner{
  width:16px;
  height:16px;
  position: absolute;
  background-color:#0E4D71;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  border-radius:999px;
  display:block;
}

.dbs-nav-dot.active{
  border: 1px solid #E2ADAD;
  border-radius: 100%;
  position: relative;
  width: 25px; height: 25px;
  display:block;
  margin:10px;
}

.dbs-nav-dot.active .dbs-inner{
  width:16px;
  height:16px;
  position: absolute;
  background-color:#4F7654;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  border-radius:999px;
  display:block;
}

.dbs-nav-dot.active-1{
  border: 1px solid #E2ADAD;
  border-radius: 100%;
  position: relative;
  width: 25px; height: 25px;
  display:block;
  margin:10px;
}

.dbs-nav-dot.active-1 .dbs-inner{
  width:16px;
  height:16px;
  position: absolute;
  background-color:#ddf6d9;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  border-radius:999px;
  display:block;
}
/**** End Dot Nav ****/

/**** Arrow Nav ****/

.dbs-arrow{
  position:fixed;
  bottom:5%;
  width:80px;
  left:50%;
  transform: translateX(-50%);
  z-index:999;
}

#dbs-nav-arrow{
  opacity:0;
}

/**** End Arrow Nav ****/

/**** Panels ****/

#dbs-para-1{
  opacity:0;
}

.pin-spacer{
    z-index:99 !important;
  }

.dbs-panel{
  height:100vh;
}

.dbs-panel-long{
  min-height:100vh;
}

.dbs-vert-align{
  top:50%;
  transform: translateY(-50%);
}

.dbs-team-title-1{
  margin-left:50px;
}
  
.dbs-team-title-2{
  margin-left:50px;
}
  
.dbs-team-section2-text{
  margin-left:77px;
}

.dbs-story-title-1{
  margin-left:50px;
}
  
.dbs-story-title-2{
  margin-left:50px;
}
  
.dbs-story-title-3{
  margin-left:50px;
}
  
.dbs-story-section2-text{
  margin-left:70px;
}
  
.dbs-story-section3-text{
  margin-left:70px;
}
  
.dbs-inline-5{
  display:flex;
}
  
.dbs-tagline-5{
  margin-right:15px;
}

.dbs-client-title-1{
  margin-left:50px;
}
  
.dbs-client-title-2{
  margin-left:50px;
}

.dbs-services-title-1{
  margin-left:50px;
}
  
.dbs-services-title-2{
  margin-left:50px;
}

.dbs-arrows-flex{
  display:flex;
}

.dbs-arrows-flex-left{
  flex:1;
}

.dbs-arrows-flex-right{
  flex:1;
}

.dbs-operations{
  text-align:right;
}

.dbs-team-name{
  color:#ffffff;
  font-family: Campton Book;
  font-weight: 400;
  font-style: normal;
  font-size:34px;
  margin-bottom:15px;
}

.dbs-team-position{
  color:#254A29;
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size:18px;
  margin-bottom:20px;
}

.dbs-list-flex{
  display:flex;
  align-items:flex-start;
  padding-bottom:12px;
}

.dbs-list-flex span{
  margin-bottom:0 !important;
  line-height:1.1em;
}

.dbs-list-arrow{
  width:20px;
  margin-right:8px;
  position:relative;
  bottom:1px;
}

/**** End Panels ****/


/**** Footer ****/

.dbs-footer-text{
	color:#696969;
	font-family: Campton Book;
	font-weight: 400;
	font-style: normal;
	font-size:14px;
}

.dbs-footer-nav{
	padding:0 !important;
}

.dbs-footer-nav li{
	list-style-type:none;
}

.dbs-footer-nav li a{
	color:#696969;
	font-family: Campton Book;
	font-weight: 400;
	font-style: normal;
	font-size:14px;
}

.dbs-footer-nav li a:hover{
	color:#3F3F3F;
}

.dbs-copyright{
	color:#16204F;
	font-family: "roc-grotesk-wide", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:11px;
}

/**** End Footer ****/


/**** Splat ****/

.dbs-creative-circles{
  position:relative;
  right:0;
}

.dbs-creative-paint-1{
  position:absolute;
  right:0;
}

.dbs-splats-arrow{
  margin-bottom:20px;
}

.dbs-changing-bg{
  background-color:#ffffff;
}

/**** End Splat ****/

/**** Compelling ****/

.dbs-compelling-and{
  color:#ffffff;
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:60px;
  line-height:60px;
}

.dbs-compelling{
  color:#E2ADAD;
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:120px;
  line-height:120px;
}

.dbs-compelling-way{
  color:#ffffff;
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:60px;
  text-align:right;
  line-height:60px;
}

.dbs-comp-para{
  color:#ffffff;
  font-family: Campton Book;
  font-weight: 400;
  font-style: normal;
  font-size:20px;
  line-height:24px;
  padding-left:14%;
  padding-right:17%;
}

/**** End Compelling ****/

/**** Process ****/

.dbs-pro-para{
  padding-left:50%;
}

.dbs-develop-circles{
  max-width:700px;
  display:block;
  margin:0 auto;
}

.dbs-develop-arrow{
  max-width:700px;
  display:block;
  margin:0 auto;
  position:relative;
  top:30px;
  margin-bottom:-70px;
}

.dbs-align-circles{
  max-height:700px;
  display:block;
  margin:0 auto;
}

.dbs-amplify-circles-wrapper{
  display: flex;
  justify-content: flex-end;
}

.dbs-amplify-arrow-wrapper{
  display: flex;
  justify-content: flex-end;
}

.dbs-amplify-circles{
  max-width:700px;
  display:block;
  margin-top:-9%;
}

.dbs-amplify-arrow{
  max-width:700px;
  display:block;
  position:relative;
  top:30px;
}

.dbs-align-flex{
  display:flex;
  align-items:center;
  margin-bottom:-12%;
  justify-content:flex-end;
}

.dbs-align-left{
  margin-right:10%;
}

.dbs-align-arrow{
  width:100px !important;
  max-width:100px !important;
  position:relative;

}

/**** End Process ****/

.dbs-services-left{
  padding-left:14%;
}

.dbs-mobile-creative{
  color:#060F3B;
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:80px;
}

.dbs-compelling-and-mobile{
  color:#ffffff;
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:30px;
  line-height:30px;
}

.dbs-compelling-mobile{
  color:#E2ADAD;
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size:80px;
  line-height:60px;
  text-align:center;
}

.dbs-compelling-way-mobile{
  color:#ffffff;
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:30px;
  text-align:right;
  line-height:30px;
}

.dbs-trust-mobile{
  color:#7EA5BB;
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:60px;
  text-align:center;
}

.dbs-process-mobile{
  color:#16204F;
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size:70px;
  text-align:center;
}

.dbs-essence-mobile{
  color:#16204F;
  font-family: Campton Book;
  font-weight: 400;
  font-style: normal;
  font-size:34px;
  line-height:1.2em;
}

.dbs-nav-bar-mobile{
  position:fixed;
  width:100%;
  top:0;
}

.dbs-mobile-logo-img{
  width:100px;
}

.dbs-mobile-nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
}


.dbs-nav {
  position: relative;
  width: auto;
  display: inline-block;
  border: none;
}

.dbs-btn-nav {
  position: fixed;
  top: 80px;
  right: 60px;
  background: transparent;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 12;
}

.dbs-btn-nav:focus {
  outline: 0;
}

.dbs-husted-logo{
	position: fixed;
  top: 90px;
  left: 60px;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 12;
  width:140px !important;
}

.page-id-7 .dbs-husted-logo{
  display:none;
}

.dbs-top {
  display: block;
  margin: 12px 0;
  width: 60px;
  height: 2px;
  background-color: #3E4E9A;
}

.dbs-middle {
  display: block;
  margin: 12px 0;
  width: 60px;
  height: 2px;
  background-color: #6E9374;
}

.dbs-bottom {
  display: block;
  margin: 12px 0;
  width: 60px;
  height: 2px;
  background-color: #EDD0D0;
}

.dbs-nav-content {
  position: fixed;
  top: -100%;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #0F1946;
  display: block;
  height: 100%;
  z-index: 9;
}

.dbs-nav-list {
  list-style: none !important;
  padding: 0;
  position: relative;
  top:40%;
  transform: translateY(-40%);
}

.dbs-item-anchor {
  color: #fff;
  font-size: 50px;
  position: relative;
  text-decoration: none;
  letter-spacing: 1px;
  list-style-type:none;
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.dbs-item-anchor:hover,
.dbs-item-anchor:focus {
  color: #ffffff;
}

.dbs-nav-item {
  margin: 2% 10%;
  text-align: right;
  line-height:1;
}

.dbs-animated {
  display: block;
  margin: 0 auto;
}

.dbs-animated:hover .dbs-icon-bar,
.dbs-animated:focus .dbs-icon-bar{
  background-color: #5B6DC1;
}

.dbs-animated:focus {
  cursor: pointer;
  z-index: 9999;
}

.dbs-middle {
  margin: 0 auto;
}

.dbs-icon-bar {
  -webkit-transition: all .7s ease;
  -moz-transition: all .7s ease;
  -ms-transition: all .7s ease;
  -o-transition: all .7s ease;
  transition: all .7s ease;
  z-index: 999999;
}

.dbs-animated .dbs-icon-bar {
  z-index: 999999;
  background-color: #5B6DC1;
}

.dbs-animated .dbs-top {
  -webkit-transform: translateY(10px) rotateZ(45deg);
  -moz-transform: translateY(15px) rotateZ(45deg);
  -ms-transform: translateY(15px) rotateZ(45deg);
  -o-transform: translateY(15px) rotateZ(45deg);
  transform: translateY(15px) rotateZ(45deg);
}

.dbs-animated .dbs-bottom {
  -webkit-transform: translateY(-12px) rotateZ(-45deg);
  -moz-transform: translateY(-12px) rotateZ(-45deg);
  -ms-transform: translateY(-12px) rotateZ(-45deg);
  -o-transform: translateY(-12px) rotateZ(-45deg);
  transform: translateY(-12px) rotateZ(-45deg);
}

.dbs-animated .dbs-middle {
  width: 0;
}

.page-id-72 .dbs-item-anchor.story:before{
  content: url(/wp-content/uploads/2024/02/nav-arrow-1.svg);
  width:50px;
  display:inline-block;
  margin-right:15px;
  position:relative;
}

.page-id-916 .dbs-item-anchor.team:before{
  content: url(/wp-content/uploads/2024/02/nav-arrow-1.svg);
  width:50px;
  display:inline-block;
  margin-right:15px;
  position:relative;
}

.page-id-75 .dbs-item-anchor.service:before{
  content: url(/wp-content/uploads/2024/02/nav-arrow-1.svg);
  width:50px;
  display:inline-block;
  margin-right:15px;
  position:relative;
}

.page-id-82 .dbs-item-anchor.client:before{
  content: url(/wp-content/uploads/2024/02/nav-arrow-1.svg);
  width:50px;
  display:inline-block;
  margin-right:15px;
  position:relative;
}

.page-id-85 .dbs-item-anchor.opp:before{
  content: url(/wp-content/uploads/2024/02/nav-arrow-1.svg);
  width:50px;
  display:inline-block;
  margin-right:15px;
  position:relative;
}

.page-id-89 .dbs-item-anchor.contact:before{
  content: url(/wp-content/uploads/2024/02/nav-arrow-1.svg);
  width:50px;
  display:inline-block;
  margin-right:15px;
  position:relative;
}

.dbs-item-anchor:hover:before{
  content: url(/wp-content/uploads/2024/02/nav-arrow-1.svg);
  width:50px;
  display:inline-block;
  margin-right:15px;
  position:relative;
}


@keyframes dbs-showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-webkit-keyframes dbs-showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-moz-keyframes dbs-showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

@-o-keyframes dbs-showNav {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}

.dbs-showNav {
  -webkit-animation: dbs-showNav 1s ease forwards;
  -moz-animation: dbs-showNav 1s ease forwards;
  -o-animation: dbs-showNav 1s ease forwards;
  animation: dbs-showNav 1s ease forwards;
}

@keyframes dbs-hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-webkit-keyframes dbs-hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-moz-keyframes dbs-hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

@-o-keyframes dbs-hideNav {
  from {
    top: 0;
  }
  to {
    top: -100%;
  }
}

.dbs-hideNav {
  -webkit-animation: dbs-hideNav 1s ease forwards;
  -moz-animation: dbs-hideNav 1s ease forwards;
  -o-animation: dbs-hideNav 1s ease forwards;
  animation: dbs-hideNav 1s ease forwards;
}

.dbs-hidden {
  display: none;
}

@media(max-width:1300px){
  .dbs-services-left{
    padding-left:18%;
  }
}

@media(max-width:1250px){
  .dbs-services-left{
    padding-left:22%;
  }
}

@media(max-width:1200px){
  .dbs-services-left{
    padding-left:26%;
  }
}

@media(max-width:1150px){
  .dbs-services-left{
    padding-left:30%;
  }
}

@media(max-width:1100px){
  .dbs-services-left{
    padding-left:34%;
  }
}

@media(max-width:1000px){
  .dbs-services-left{
    padding-left:38%;
  }
}

@media (max-width: 980px) {

.dbs-footer-left-col{
    margin-bottom:0;
}

.dbs-page-title{
  font-size:70px;
}

.dbs-second-title{
  font-size:70px;
}

.dbs-third-title{
  font-size:70px;
  line-height:76px;
}

.dbs-logo-image-mobile{
  max-width:500px;
  margin:0 auto;
  display:block;
  margin-top:10%;
  transform: translateY(-10%);
}

.dbs-item-anchor {
  font-size: 30px;
  margin-bottom:25px;
}

.dbs-btn-nav {
  position: fixed;
  top: 20px;
  right: 40px;
  background: transparent;
  border: none;
  padding: 10px;
  cursor: pointer;
  z-index: 12;
}

.dbs-btn-nav:focus {
  outline: 0;
}

.dbs-husted-logo{
  position: fixed;
  top: 30px;
  left: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  z-index: 12;
  width:140px !important;
}

.dbs-nav-list {
  padding-right: 50px;
}

}

@media(max-width:767px){

.dbs-page-title{
  font-size:50px;
}

.dbs-second-title{
  font-size:50px;
}

.dbs-third-title{
  font-size:50px;
  line-height:56px;
}

.dbs-arrows-flex{
  display:block;
}

.dbs-item-anchor {
  font-size: 30px;
  margin-bottom:25px;
}

.dbs-nav-item {
  margin: 4% 10%;
}

.page-id-72 .dbs-item-anchor.story:before{
  width:30px;
}

.page-id-916 .dbs-item-anchor.team:before{
  width:30px;
}

.page-id-75 .dbs-item-anchor.service:before{
  width:30px;
}

.page-id-82 .dbs-item-anchor.client:before{
  width:30px;
}

.page-id-85 .dbs-item-anchor.opp:before{
  width:30px;
}

.page-id-89 .dbs-item-anchor.contact:before{
  width:30px;
}

.dbs-item-anchor:hover:before{
  width:30px;
}


.dbs-comp-para{
  padding-left:0;
  padding-right:17%;
}

.dbs-mobile-creative{
  color:#060F3B;
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:50px;
}

.dbs-compelling-mobile{
  font-weight: 700;
  font-style: normal;
  font-size:40px;
  line-height:60px;
}

.dbs-logo-image-mobile{
  max-width:500px;
  margin:0 auto;
  display:block;
  margin-top:30%;
  transform: translateY(-30%);
}

.dbs-trust-mobile{
  color:#7EA5BB;
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:40px;
  text-align:center;
}

.dbs-process-mobile{
  color:#16204F;
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size:50px;
  text-align:center;
}

.dbs-sixth-title{
  font-family: "roc-grotesk-wide", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size:50px;
  line-height:50px;
}

.dbs-fourth-title{
  font-size:40px;
  line-height:50px;
}

.dbshide{
  opacity: 0;
  transition: opacity 0.6s linear;
}

.dbshide1{
  opacity: 0;
  transition: opacity 0.6s linear;
}

.dbs-nav-list {
  padding-right: 0;
}

.dbs-btn-white{
  font-size:20px;
  padding:12px 30px;
  border:1px solid #ffffff;
}

.dbs-btn-white-blue{
  font-size:20px;
  padding:13px 30px;
  border:1px solid #ffffff;
}


}

@media(max-width:575px){
  
}

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}