@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */

/* Test */




















.dnd-section > .row-fluid {
	max-width: 1300px;
}

.dnd-section {
	padding-bottom: 80px;
	padding-top: 80px;
}

.body-container__homepage .dnd-section:nth-child(odd) {
	background-color: #F8FAFC;
}
.page-center {
	max-width: 1300px;
}




html {
	font-size: 18;
}

body {
  color: #3B3D3E;
  font-family: Roboto;
  font-weight: 400;
  font-size: 18px;
}


p {
	font-family: Roboto;
	font-weight: 400
}

a {
	font-family: Roboto;
	color: rgba(51, 122, 183, 1.0);
	cursor: pointer;
	-webkit-transition: all 0.15s linear;
	-moz-transition: all 0.15s linear;
	-o-transition: all 0.15s linear;
	transition: all 0.15s linear;
}

.button a, .btn{font-family: Roboto;letter-spacing: 0.05em;color: #fff; border:2px solid #12f4e9;font-weight: 700; border-radius: 50px;  line-height: 22px; min-width: 175px; display: inline-block; text-align: center; outline: none; text-decoration: none;padding: 13px 30px;}
.button a:hover, .btn:hover{ background-color: #14c2b9; color:#fff; }


a:hover,
a:focus {
	color: rgba(35, 82, 124, 1.0);
}

a:active {
	color: rgba(91, 162, 223, 1.0);
}

h1 {
	color: #3B3D3E;
	font-family: CenturyGothicStd-Bold;
	font-size: 36px;
	font-weight: 700;
}
.titleStyle h2{font-size:48px;font-weight: 700; font-family: CenturyGothicStd-Bold; line-height: 55px;}
.titleStyleV2 h2{font-size:64px;font-weight: 700; font-family: CenturyGothicStd-Bold; line-height: 55px;}


@media(max-width: 767px) {
	h1 {
		font-size: 30.599999999999998px;
	}
}

h2 {
	color: #3B3D3E;
	font-family: CenturyGothicStd-Bold;
	font-size: 26px;
	font-weight: 500;
}

@media(max-width: 767px) {
	h2 {
		font-size: 24.7px;
	}
}

h3 {
	color: #3B3D3E;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: 700;
}

@media(max-width: 767px) {
	h3 {
		font-size: 22.799999999999997px;
	}
}

h4 {
	color: #3B3D3E;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: 700;
}

.fontWhite h1 ,.fontWhite h2,.fontWhite h3,.fontWhite h4 ,.fontWhite h5,.fontWhite h6{color:#fff;}
.fontGreen h1 ,.fontGreen h2,.fontGreen h3,.fontGreen h4 ,.fontGreen h5,.fontGreen h6{color:#18a19a;}
.bodyColor p ,.bodyColor span{color:#fff;}

@media(max-width: 767px) {
	h4 {
		font-size: 22.799999999999997px;
	}
}

h5 {
	color: #1db1ab;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: 700;
}

h6 {
	color: #1db1ab;
	font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: 700;
}

blockquote {
	border-left: 5px solid #F8FAFC;;
}






form,
.submitted-message {
	border-color: rgba(#null, 0.0);
	font-family: Roboto;
}

h3.form-title {
	background-color: rgba(255, 255, 255, 1.0);
	color: rgba(29, 177, 171, 1.0);

  padding: 10px 5px;
  
  
}

.hs-button,
.button--primary {
	background-color: rgba(239, 128, 48, 1.0);
	border-color: rgba(255, 255, 255, 0.0);
	border-radius: 7px;
	border-width: 1px;
	color: rgba(255, 255, 255, 1.0);
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 8px;
	padding-bottom: 8px;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
 	background-color: rgba(239, 128, 48, 1.0);
	border-color: #ef8030;
 	border-color: rgba(#null, 0.0);
 	color: rgba(255, 255, 255, 1.0);
}

.hs-button:active,
.button--primary:active {
	background-color: rgba(255, 168, 88, 1.0);
	border-color: rgba(255, 255, 255, 0.0);
	color: rgba(255, 255, 255, 1.0);
}

.hs-form label,label {
	color: rgba(51, 51, 51, 1.0);
}

.hs-form legend {
	color: rgba(51, 51, 51, 1.0);
}

form input,
form select,
form textarea,
.hs-input {box-shadow: none;
  background-color: rgba(255, 255, 255, 1.0);
border-color: rgba(204, 204, 204, 1.0);
  color: rgba(27, 27, 27, 1.0);
  border-radius: 4px;
 border-width: 1px;
}

form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus {
	border-color: rgba(204, 204, 204, 1.0);
}

.fn-date-picker .pika-table thead th {
	color: rgba(255, 255, 255, 0.0);
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
	color: #3B3D3E;
}

.hs-richtext {
	font-size: 18;
}

.hs-default-font-element,
.hs-main-font-element {
	font-family: Roboto;
}

.fn-date-picker td.is-today .pika-button {
	color: #494A52;
}

.fn-date-picker td.is-selected .pika-button {
	background: #494A52;
}

.fn-date-picker td .pika-button:hover {
	background-color: #F8FAFC !important;
}





th,
td {
	background-color: rgba(255, 255, 255, 1.0);
	border: 1px solid rgba(#, 1.0);
	color: rgba(#, 1.0);
}

thead th,
thead td {
	background-color: rgba(#, 1.0);
	color: rgba(255, 255, 255, 1.0);
}

tfoot td {
	background-color: rgba(255, 255, 255, 1.0);
	color: rgba(#, 1.0);
}

table,
tbody + tbody {
	border-color: rgba(#, 1.0);
}





header.header {
	background-color: rgba(255, 255, 255, 1.0);
}

.header__container {
	max-width: 1300px;
}

body .custom-menu-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a { 
color: rgba(59, 61, 62, 1.0);
}

body .custom-menu-primary .submenu.level-1 > li:hover > a,
body .custom-menu-primary .submenu.level-1 > li:focus > a,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
 color: rgba(59, 61, 62, 1.0);
}

body .custom-menu-primary a.active-branch,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
 color: rgba(59, 61, 62, 1.0);
}
body .custom-menu-primary .submenu.level-1 > li.active-branch,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li:active {
 background-color: rgba(255, 255, 255, 1.0);
}
body .custom-menu-primary .submenu.level-1 > li {
 background-color: rgba(#null, 0.0);
}
body .custom-menu-primary .submenu.level-1 > li:hover,
body .custom-menu-primary .submenu.level-1 > li:focus {
 background-color: rgba(255, 255, 255, 1.0);
}
body .custom-menu-primary .submenu.level-1 > li > a.active-branch {
color: rgba(59, 61, 62, 1.0);
}

body .custom-menu-primary .submenu.level-1 > li > a.active-branch:after {
 background-color: rgba(59, 61, 62, 1.0);
}
body .custom-menu-primary .submenu.level-2 > li > a {
color: rgba(59, 61, 62, 1.0);
}

body .custom-menu-primary .submenu.level-2{
 background-color: rgba(255, 255, 255, 1.0);
}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link {
 background-color: rgba(#null, 0.0);
}
body .custom-menu-primary .submenu.level-2 .triangle-container .triangle {
 background-color: rgba(#null, 0.0);
}

body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:hover,
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:focus,
body .header__language-switcher .lang_list_class li:hover,
body .custom-menu-primary .submenu.level-2 .triangle-container.level-2.hover .triangle {
 background-color: rgba(255, 255, 255, 1.0);
color: rgba(59, 61, 62, 1.0);
}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link.active-branch {
 color: rgba(59, 61, 62, 1.0);
  background-color: rgba(255, 255, 255, 1.0);
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
	font-family: Roboto;
}

.header__language-switcher-label-current:after {
	border-top-color: rgba(59, 61, 62, 1.0);
}


/* Text Alignment */
.uppercase { text-transform: uppercase; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-left { text-align:left; }

/* Widths */
.fl { float:left; }
.fr { float:right; }
.ib.vt { vertical-align:top !important;  }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33.33%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w66 { width: 66.66%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w100 { width: 100%; }

/*unique paddings*/

.pb10,.p10-0 { padding-bottom:10px; }
.pb20,.p20-0 { padding-bottom:20px; }
.pb30,.p30-0 { padding-bottom:30px  }
.pb40,.p40-0 { padding-bottom:40px; }
.pb50,.p50-0 { padding-bottom:50px; }
.pb60,.p60-0 { padding-bottom:60px; }
.pb70,.p70-0 { padding-bottom:70px; }
.pt10,.p10-0 { padding-top:10px; }
.pt20,.p20-0 { padding-top:20px; }
.pt30,.p30-0 { padding-top:30px  }
.pt40,.p40-0 { padding-top:40px; }
.pt50,.p50-0 { padding-top:50px; }
.pt60,.p60-0 { padding-top:60px; }
.pt70,.p70-0 { padding-top:70px; }
.pl15, .p15 { padding-left:15px; }
.pr15, .p15 { padding-right:15px; }
.pt15, .p15 { padding-top:15px; }
.pb15, .p15 { padding-bottom:15px; }
.pl0,.p0-0 { padding-left:0; }
.pr0,.p0-0 { padding-right:0; }
.pt0,.p0-0 { padding-top:0; }
.pb0,.p0-0 { padding-bottom:0; }
.p90-0  { padding-top: 90px;padding-bottom: 90px; }
.p80-0  { padding-top: 80px;padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }


@media(max-width: 767px) {
    h1{font-size: 35px;line-height: 40px;}
	.header__navigation {
		background-color: rgba(255, 255, 255, 1.0);
	}

	.header__navigation-toggle svg,
	.menu-arrow svg {
		fill: rgba(59, 61, 62, 1.0);
	}
}





footer.footer {
	background-color: rgba(0, 0, 0, 1.0);
 color: rgba(255, 255, 255, 1.0);
}

footer.footer a{min-width: 135px;
 color: rgba(255, 255, 255, 1.0);
}

footer.footer a:hover{
 color: rgba(255, 255, 255, 1.0);
}

.footer__container {	max-width: 1300px;width:100%; float:none; margin:0 auto;padding-left: 15px;padding-right: 15px;}






.content-wrapper {
	max-width: 1300px;
}

.blog-post__date {
	border-color: #3B3D3E;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
	color: #3B3D3E;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
	color: #131516;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
	color: #636566;
}

.blog-tag-filter__menu-link--active-item:after {
	background-color: #494A52;
}

.blog-pagination__link {
	color: #3B3D3E;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
	background-color: #494A52;
}

.blog-post__title {
	color: #3B3D3E;
	font-family:CenturyGothicStd-Bold;
	font-size: 26px;
	font-weight: ;
}

.blog-post__author {
	background-color: #F8FAFC;
}

#comments-listing .comment-reply-to {
	color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
	color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
	color: rgba(#null, 0.0);
}

/*             Blog Grid Listing and Post styles            */

.blog-header {
	background-color: rgb(238, 240, 242);
}

.hs-blog-listing,
.hs-blog-post {
	background-color: #F8FAFC;
}

.blog-index__post-inner-card {
	box-shadow: -5px 0px 20px 0px rgba(73, 75, 77, 0.10);
}

.blog-post__tag-link:hover{
	color: #23527c;
}

.blog-post__read-more svg {
	fill: #3B3D3E;
}

.blog-post__read-more a:hover svg {
	fill: #23527c;
}

.blog-sidebar ul {
	box-shadow: -5px 0px 20px 0px rgba(73, 75, 77, 0.10);
}

.blog-sidebar a {
	color: #3B3D3E;
}

.blog-sidebar a:hover {
	color: #23527c;
}

.blog__subscription-block {
	background-color: rgb(238, 240, 242);
}

.post-featured-image {
	max-height: 600px;
}

.blog-post {
	box-shadow: -5px 0px 20px 0px rgba(73, 75, 77, 0.10);
}

.blog-post__meta a {
	color: #3B3D3E;
}

.blog-post__body, .blog-post__tags a {
	color: #3B3D3E;
}

.blog-post__meta a:hover {
  color: #23527c
}

.blog-post__links {
	border-top:  2px solid rgb(228, 230, 232);
}

.blog-post__back-to-blog {
	color: #3B3D3E;
}

.blog-post__back-to-blog:hover {
	color: #23527c;
}

.blog-post__back-to-blog svg {
	fill: #3B3D3E;
}

a.blog-post__back-to-blog:hover svg {
	fill: #23527c;
}

.comment.depth-0,
.blog-comments form {
	border-top: 2px solid rgb(228, 230, 232);
}

.comment.depth-1 {
	border-left: 2px solid rgb(228, 230, 232);
}

.section.post-footer .hs-input {
	border-color: rgb(228, 230, 232);
}

.blog-recent-posts {
	background-color: rgb(238, 240, 242);
}










body .icon svg {
	fill: #494A52;
}

body .tns-nav button.tns-nav-active {
	background-color: #494A52;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
	background-color: #494A52;
}

body .social-links__icon {
	background-color: #494A52;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
	fill: rgba(#null, 0.0);
}

body .social-links__icon:active svg {
	fill: rgba(#null, 0.0);
}

body .team-member__description {
	background-color: #F8FAFC;
}

.page-center {
	max-width: 1300px;
	margin: 0 auto;
}




.body-container__website .dnd-section:nth-child(odd) {
	background-color: {typography=, tables=, buttons=, spacing=, footer=, global_colors=, blog_settings=, header=, forms=}
}

/************************* DESIGN 2021 ***********************************/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap');
@font-face {
  font-family: "CenturyGothicStd-Bold";
  src: url('https://www.deepki.com/web/wp-content/themes/deepki/font/CenturyGothicStdBold/font.woff2') format('woff2'), url('https://www.deepki.com/web/wp-content/themes/deepki/font/CenturyGothicStdBold/font.woff') format('woff');
}
html,body{
	padding:0;
	margin:0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body{
	text-align:left;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-variant: normal;
    line-height:1.5 !important;
	font-weight: 300;
	font-size: 16px;
	line-height:20px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	position:relative;
	min-height:100vh;
}
img{
	max-width:100%;
	height:auto;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 400;
    font-style: normal;
	margin:0;
	cursor:default;
}
form, .submitted-message,
.inputs-list label,
.hs-form label, label,
p{
	margin:0;
	margin-bottom: 1.37rem;
	cursor:default;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	font-size: 16px;
	line-height:1.45;  
}
form{
  margin-left:auto;
  margin-right:auto;
}
h1,h2,h3,h4,h5,h6{
	font-family: "CenturyGothicStd-Bold";
	font-style: normal;
	font-weight: 400;	
}
h1{
    font-size: 46px;
    line-height: 55px;
}
h2{
	font-size: 36px;
	line-height: 40px;
	margin-bottom:22px;
}
h3{
	font-size: 22px;
	line-height: 26px;
	margin-bottom:16px;
}
h4{
	font-size: 22px;
	line-height: 26px;
	margin-bottom:12px;
}
.clear{
	clear:both;
}
html{
	background-color:white;
	min-height:100%;	
}
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-x:hidden;
}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
	backface-visibility: hidden;
	-webkit-transform-style: flat;
	transform-style: flat;	
}
form select,
form textarea,
form input, form select, form textarea, .hs-input{
  border: 1px solid rgba(255, 255, 255, 1);
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
  padding:12px;
  border-radius:30px;
  width:100%;
	display:block;
}
.hs-button, .button--primary{
	border: 2px solid #16908A;
	display:inline-block;
	padding: 14px 30px;
  font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 19px;
	letter-spacing: 0em;
	text-align: center;
	text-decoration:none;
	border-radius:25px;
	
  background: transparent;
  color:black;
}
.hs-button:hover, .button--primary:hover{
	background: #16908A;
  border: 2px solid #16908A;
	color:white;
}
a{
  color:#16908A;
}
form fieldset.form-columns-1,
form fieldset.form-columns-2,
form fieldset.form-columns-3{
	max-width:100%;
	margin-bottom:22px;
}
form{
	max-width:860px;
	margin:0 auto;
    font-size: 16px;
    line-height: 26px;	
}
form a{
	color: #16908A;
	text-decoration:none;
}
.hbspt-form form .hs-error-msgs{
	color:red;
	margin-bottom:0;
}
.hbspt-form form .hs_submit{
	text-align:center;
}
.hbspt-form form .hs_submit input{
	display:inline-block;
	width:auto;
}
.hbspt-form form fieldset.form-columns-3 .hs-input,
.hbspt-form form fieldset.form-columns-1 .hs-input,
.hbspt-form form fieldset.form-columns-2 .hs-input{
	width:100%;
}
.hbspt-form form fieldset.form-columns-1 .input,
.hbspt-form form fieldset.form-columns-2 .input,
.hbspt-form form fieldset.form-columns-3 .input{
	margin-right:0;
}
.hbspt-form form fieldset.form-columns-2 .hs-form-field:first-child{
	margin-right:12px;
}
.hbspt-form form fieldset.form-columns-2 .hs-form-field:nth-child(2){
	margin-left:12px;
}
.hbspt-form form fieldset.form-columns-2 .hs-form-field{
	width:calc(50% - 12px);
}
form li, form ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
form ul.hs-error-msgs{
	padding-top:10px;
}
form .legal-consent-container p{
	font-size:14px;
	line-height:20px;
	margin-bottom:12px;
}
form .hs-form-booleancheckbox p{
	font-size:16px;
	line-height:24px;	
}
form label{
	cursor:pointer;
}
input[type=checkbox]{
	margin-bottom:0;
	margin-top: 5px;
	margin-right:12px;
}
textarea{
	resize: vertical;
}

@media (max-width:991px ) {
   .pb40,.p40-0 { padding-bottom:25px; }
      .pb50,.p50-0 { padding-bottom:30px; }
      .pb60,.p60-0 { padding-bottom:35px; }
      .pb70,.p70-0 { padding-bottom:40px; }
      .pt40,.p40-0 { padding-top:25px; }
      .pt50,.p50-0 { padding-top:30px; }
      .pt60,.p60-0 { padding-top:35px; }
      .pt70,.p70-0 { padding-top:40px; }
      .p90-0 ,.p80-0,.get-InTouch { padding: 40px 0; }
      .pb90 { padding-bottom: 40px; }
      .tabw100 { width: 100% }
      .ib.tabw100 { width: 100%; display:block; margin-right: 0 }  
}
@media (max-width:767px ) {
    
}

@media (max-width:550px ) {
  h1{font-size:24px;line-height: 35px;}
    .title-With-Content p{font-size: 16px;}
    
}