html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
/*	font: inherit;*/
	vertical-align: baseline;
}
/*/ HTML5 display-role reset for older browsers /*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
/*	line-height: 1;*/
	background:#fff;
	font-family: 'Open Sans', sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a { color:#4bac4c; text-decoration:none; transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; }
img{max-width:100%;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1, h2{font-family: 'Open Sans', sans-serif; font-weight: 700;}
h3, h4{font-family: 'Open Sans', sans-serif; font-weight: 600;}
p, a, span{font-family: 'Open Sans', sans-serif;}




/* ************************************************* */
:root{
    /* bg Colors */
	--primary_bg:#343A40;
    /* Fonts Colors */
	--highlited_color:#008081;
    --title_color:#222222;
    --secondary_title_color:#FFF9F9;
    --text_color:#656565;
    --secondary_text_color:#FFFFFF;
}


/* Primary Styling */


.page-header{background: var(--primary_bg);}
.header.content{padding: 30px; text-align: center;}

.page-layout-1column-full-width .page-main{padding: 0;}
.columns.noflex{display: block;}
.main_container{max-width: 1340px; margin:auto; padding:0px 20px; box-sizing: border-box;}
.footer.content{max-width: 1340px; margin:auto; padding:0px 20px; box-sizing: border-box;}

.banner_title{font-size: 60px; line-height: 68px; color: var(--secondary_text_color); text-transform: capitalize; text-align: right; font-weight: 600; padding: 20px 0px;}
.banner_text{font-size: 20px; line-height: 28px; color:#E3E2E2; text-align: right;}

.primary_title{font-size: 60px; line-height: 68px; color: var(--title_color); text-transform: capitalize; text-align: center; font-weight: 600;}
.secondary_title{font-size: 23px; line-height: 30px; color: var(--title_color); font-weight: 600;}
.primary_text{font-size: 18px; line-height: 26px; color: var(--text_color);}
.secondary_text{font-size: 22px; line-height: 30px; color: var(--text_color);}
.primary_cta{font-size: 20px; line-height: 28px; color: var(--text_color); border:1px solid var(--text_color); border-radius: 4px; min-width: 10em; text-align: center; display: inline-block; padding:10px 20px; box-sizing: border-box; text-transform: capitalize;}
.primary_cta:hover{background-color: var(--highlited_color); color:var(--secondary_text_color);}


.secondary_color.primary_title{color:var(--secondary_text_color);}
.secondary_color.secondary_text{color: var(--secondary_title_color);}


.section_bg{background-color: var(--primary_bg);}
.section_padding{padding:80px 0px; box-sizing: border-box;}

._keyfocus :focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus{box-shadow: none !important;}
.control div.mage-error {
  color: #e02b27;
  font-size: 14px;
  margin-top: 10px;}
/* ********************************************************************** */

/* Banner */
.banner{position: relative;}
.banner .overlay img{max-width:100%; width:100%;}
.banner .banner_section{ position: absolute; top:50%; left:0px; transform: translate(-0%, -50%); width:100%;}
.banner_section .banner_section_inner{display: flex; align-items: center; justify-content: space-between; grid-gap: 30px;}
.banner_section .banner_section_inner .banner_block{width: 48%;}
.banner_section .banner_section_inner .banner_block .image_block { text-align: right;}
.banner_section .banner_section_inner .banner_block .image_block img{ max-width: 100%;}
.banner_block .app_cta{display: flex; align-items: center; justify-content: flex-end; grid-gap: 20px; padding-top:30px; }
.banner_block .app_cta .app_item .app_link{display: block;}

/* Form Block */
.contact_block{max-width:780px; margin: auto;}
.contact_block .content_sec{padding:0px 40px; box-sizing: border-box;}
.contact_block .secondary_text{text-align: center; padding-top: 30px;}
.contact_block .form_block{padding-top:40px }
.form_block form{display: flex; justify-content: space-between; flex-wrap:wrap; grid-gap: 40px;}
/* .form_block .form_field{padding:10px 0px;} */
.form_block .form_field.half{width:47%;}
.form_block .form_field.full{width:100%;}
.form_block  .actions-toolbar .primary{width: 100%; float: none;}
.form_block .form_field .field_item{font-size: 22px; line-height: 30px; font-family: inherit; width:100%; border:0px; border-bottom: 2px solid #666666; color: #666666; padding:0px 0px; box-sizing: border-box; background-color: transparent; min-height: 50px; resize: none;}
.form_block .form_field .form_cta{width: 100%; background-color: var(--highlited_color); color: var(--secondary_text_color); border-color: var(--highlited_color); cursor: pointer; transition: .3s ease-in-out; margin: 0; font-size: 20px;
  line-height: 28px;; font-weight: normal;}
.form_block .form_field .form_cta:hover{background-color: var(--secondary_text_color); color: var(--highlited_color); border-color: var(--secondary_text_color); }


/* Scroll Top */

.scroll_top{position: fixed; bottom:60px; right:50px; z-index: 10; opacity: 0; display: none; transition: .5s ease-in-out; cursor: pointer;}
.scroll_top.active{opacity: 1; display: block;}
.scroll_top a img{max-width: 100%;}



/* Footer */
.footer .footer_inner{ padding:40px 0px; display: flex; align-items: center; justify-content: space-between; grid-gap: 20px;}
.footer .footer_inner .footer_block.col-1{width:40%;}
.footer .footer_inner .footer_block{width:48%;}
.footer .footer_inner .footer_block .foot_content{padding-top:30px;}
.footer .app_cta{display: flex; align-items: center; justify-content: flex-end; grid-gap: 20px; padding-top:30px;}
.footer .app_cta .app_item .app_link{display: block;}
.footer .footer_bottom{padding:30px 0px; border-top:1px solid #DDDDDD;}
.footer .footer_bottom .primary_text {font-size: 15px; line-height: 22px; font-weight: 600; color:#393939;}
.footer .footer_bottom .primary_text span{color:#5C5C5C; font-weight: 400;}

.footer .footer_bottom .copyright {font-size: 15px; line-height: 22px; font-weight: 600; color:#393939;}
.footer .footer_bottom .copyright span{color:#5C5C5C; font-weight: 400;}

.page-footer{padding: 0; margin: 0; background: none;}

.footer_bottom .copyright {
  background-color: transparent;
  font-size: 15px;
  line-height: 22px;
  font-weight: 600;
  color: #393939;
  box-sizing: border-box;
  display: block;
  padding: 0;
  text-align: left;
}


/* .tab-container {
  width: 100%;
  margin: auto;
} */

.tab {
  display: flex; /* Make buttons display in a row */
  justify-content: center;
  overflow: auto; /* Enable horizontal scrolling */
  max-width: 800px;
  margin:auto;
  grid-gap: 10px;
}
  
  .tab .tablinks {
   
	background-color: white;
	color: #888484;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 13px 10px;
    transition: 0.3s;
	min-width: 10em;
    font-size: 18px;
	border-radius: 4px;
    border: 1px solid #888484;
	margin: 0px 5px; text-align: center;

  }
  
  .tab .tablinks:hover {
    background-color: #008081;
	color: white;
  }
  
  .tab .tablinks.active {
    background-color: #008081;
	color: white;
  }
  
  .tabcontent {
    display: none;
    padding: 80px 12px;
    border-top: none;
  }
  .tabcontent.active{display: block;}

 .tabcontent .row{
    display: flex;
    justify-items: center;
    align-items: center;
 }

 .tab_detail .primary_text{
  padding-bottom: 30px;
 }

 .tabcontent .row{
    display: flex;
 }

 .tabcontent .row .tab1{
    width: 33.33%;
 }

 .tabcontent .row .tabcenter{
    width: 50%;
 }

 .tab1{
	display: flex;
	flex-direction: column;
  grid-gap: 20px;

	
 }

 .tab1_content
 {
	margin: 70px 0px;
 }

 .top_content .primary_title{
  padding: 15px 0px;
 }

 .icon_box.grid{
    display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); grid-gap: 40px;
 }

 .tab1 .right{
  text-align: right;
 }

 .tab_detail .left{
  text-align: left;
 }

 .tab1 .card:nth-child(odd){
  margin-bottom: 125px;
 }

 .tab_detail h3{
  padding: 12px 0px;
 }

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

 .two_col{
	display: flex;justify-content: space-between;   align-items: center;
 }

 .two_col .primary_title{
	padding: 15px 0px;
 }

 .two_col  .primary_text {
  width: 520px; padding-bottom: 45px;
 }
 .two_col .img_block, .two_col .content_block{
	width: 50%;
 }

 .top_content{
  padding-bottom: 50px;
 }

 .icon_box{
  padding-bottom: 120px;
 }


 .contact-index-index .column:not(.sidebar-main) .form.contact{width: 100%;}

 .message.error{margin-bottom: 0;font-size: 16px;}


.login-container .block .block-title {
  font-size: 26px;
}
.page-title-wrapper{padding: 30px 0;}
.page-title-wrapper .page-title{font-size: 28px;
  line-height: 30px;
  color: var(--title_color);
  font-weight: 600;}




.action.primary {
  background-image:none;
 background-color: var(--highlited_color);
  color: var(--secondary_text_color);
  border-color: var(--highlited_color);
  cursor: pointer;
  transition: .3s ease-in-out;
  margin: 0;
  font-size: 20px;
  line-height: 28px;
  font-weight: normal;
}

.action.primary:hover{background-color: var(--secondary_text_color);
  color: var(--highlited_color);
  border-color: var(--highlited_color);} 

.action.primary:focus,
.action.primary:active {
  background-color: var(--highlited_color);
  color: var(--secondary_text_color);
  border-color: var(--highlited_color);
}


 @media screen and (min-width: 200px) and (max-width: 700px) {
  .tab-container .tab {text-align: center; display: block;}
  .tab-container .tab .tablinks {
    min-width: 100px;
    width: auto;
    display: inline-block;
    margin: 0 1%;
    box-sizing: border-box;
    padding: 10px 10px;
    font-size: 15px;
  }

  .page-title-wrapper{padding: 20px 0;}
.page-title-wrapper .page-title{font-size: 20px;
  line-height: 26px}
  .login-container .block .block-title {
  font-size: 22px;
}
}

 @media screen and (min-width: 200px) and (max-width: 424px) {
  
  .tab-container .tab .tablinks {
    min-width: 70px;
    width: auto;
    display: inline-block;
    margin: 0 1%;
    box-sizing: border-box;
    padding: 10px 5px;
    font-size: 14px;
  }
}