@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-size: 100%;
  overflow-x: hidden;
  font-size: 62.5%;
}


:root {
  --font-regular: 'Rubik', sans-serif;
  --font-heading: "Fira Sans", sans-serif;
  --green-color: #00b050;
  --blue-color: #0678a3;
}


body {
  font-family: 'Rubik', sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
  background: #fff;
  overflow-x: hidden
}

.mt30 {
  margin-top: 30px;
}

.margin-none {
  margin-bottom: 0 !important;
}

p a {
  color: var(--green-color);
  font-weight: 600;
}

.p-10 { padding: 1rem;}
.p-20 { padding: 2rem;}
.p-30 { padding: 3rem;}
.p-40 { padding: 4rem;}

.padt-10 { padding-top: 1rem;}
.padt-20 { padding-top: 2rem;}
.padt-30 { padding-top: 3rem;}
.padt-40 { padding-top: 4rem;}
.padt-50 { padding-top: 5rem;}
.padt-60 { padding-top: 6rem;}
.padt-70 { padding-top: 7rem;}

.padb-10 { padding-bottom: 1rem;}
.padb-20 { padding-bottom: 2rem;}
.padb-30 { padding-bottom: 3rem;}
.padb-40 { padding-bottom: 4rem;}
.padb-50 { padding-bottom: 5rem;}
.padb-50 { padding-bottom: 6rem;}
.padb-70 { padding-bottom: 7rem;}

.pady-70 { padding-top: 7rem; padding-bottom: 7rem;}

.mart-10 { margin-top: 1rem;}
.mart-20 { margin-top: 2rem;}
.mart-30 { margin-top: 3rem;}
.mart-40 { margin-top: 4rem;}
.mart-50 { margin-top: 5rem;}
.mart-50 { margin-top: 6rem;}
.mart-70 { margin-top: 7rem;}

.marb-10 { padding-bottom: 1rem;}
.marb-20 { padding-bottom: 2rem;}
.marb-30 { padding-bottom: 3rem;}
.marb-40 { padding-bottom: 4rem;}
.marb-50 { padding-bottom: 5rem;}
.marb-50 { padding-bottom: 6rem;}
.marb-70 { padding-bottom: 7rem;}


.mary-7 { margin-top: 7rem; margin-bottom: 7rem;}
.m-0 { margin: 0;}
.mt-0 { margin-top: 0;}
.container {
  max-width: 1270px;
  padding: 0 15px;
  margin: 0 auto;
  width: 100%;
  position: relative;
}

hr { border: none; height: 1px; background-color: #1f1f1f;}

.discalaimber p { font-size: 13px; opacity: 0.7; line-height: normal;}

img { max-width: 100%;}
.d-flex { display: flex;}
.align-center { align-items: center;}
.align-end { align-items: flex-end;}
.justify-between { justify-content: space-between;}
.gap-10 { gap: 1rem;}
.gap-20 { gap: 2rem;}
.gap-30 { gap: 3rem;}

.green-color { color: var(--green-color);}
.blue-color { color: var(--blue-color);}

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

.site-title {font-size: 5rem; line-height: 1.2; font-family: var(--font-heading); font-weight: 800; margin: 0 0 5rem 0;}
.sub-title {font-size: 3.5rem; line-height: 1.2; font-family: var(--font-regular); font-weight: 600; margin: 0 0 4rem 0;}

.col-shadow { border-radius: 10px; box-shadow: 0 -5px 20px rgba(16, 24, 40, .08)}
ul { list-style: none; margin: 0; padding: 0;}

.two-grid {display: grid; gap: 3rem; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: center;}

ul.item-list  { display: flex; flex-direction: column;  gap: 2rem;}
ul.item-list li { display: flex; gap: 15px;}
ul.item-list li span.material-symbols-outlined {margin-top: 3px; font-size: 3rem; color: var(--green-color)}

h1 {font-size: 5.7rem; font-family: var(--font-heading); padding: 0; margin-top: 0; line-height: normal; }
h2 {font-size: 5rem; font-family: var(--font-heading); padding: 0; margin-top: 0; line-height: normal; }
h3 {font-size: 4rem; font-family: var(--font-heading); padding: 0; margin-top: 0; line-height: normal; }
h4 {font-size: 3rem; font-family: var(--font-heading); padding: 0; margin-top: 0; line-height: normal; }
h5 {font-size: 2rem; font-family: var(--font-heading); padding: 0; margin-top: 0; line-height: normal; }
h6 {font-size: 18px; font-family: var(--font-heading); padding: 0; margin-top: 0; line-height: normal; }


ul.list-style {  text-align: left; display: flex; flex-direction: column; gap: 2rem;}
ul.list-style li {display: flex; gap: 15px;}
ul.list-style li span.material-symbols-outlined { margin-top: 3px; color: var(--blue-color);}
/* ------------------------------------------------------------------------------------------------- */

.paid-advert { position: absolute; right: 3.5rem; bottom: 0; text-align: center; z-index: 12;}
.paid-advert span {background: rgba(0,0,0,0.5);
  display: inline-block;
  padding: 1px 10px;
  font-size: 14px;
  border-radius: 1px;
  color: #fff;}

.header { background: url(../images/banner-img.jpg) no-repeat center top; height: 100vh; background-size: cover; position: relative;}
.header .container { max-width: 95%; z-index: 2; border-image: linear-gradient(#ffffff00, #2195e0) 30; border-width: 2px; border-style: solid; height: 100%; display: flex;
  flex-direction: column;}
.header .main-logo { max-width: 200px;}
.header .tag {background-image: linear-gradient(45deg, white, #e3e3e3); padding: 0.5rem 2rem; border-radius: 2rem; color: black;  align-self: center;
  line-height: normal; border: solid 1px #fff;}
.header .overlay { background: rgb(25 137 179 / 29%); height: 100%; position: absolute; top: 0; left: 0; width: 100%;}

.header .text-content { text-align: center;
  margin: auto;
  color: white;
  line-height: 7rem;
  max-width: 1000px;
  margin-left: 0; }
.header .text-content h1 { line-height: 9rem;}
.header .text-content h1 span { background-color: #00000098; padding: 0.5rem 1rem;}
.header h3 {background-color: rgba(0, 0, 0, 0.3); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); padding: 2rem; font-weight: 400; border-top: solid 1px rgba(255,255,255,0.2);}


/* section one */
.section-one { background-color: #f9f9f9; position: relative; overflow: hidden;}
.section-one .shape {position: absolute; width: 100%; height: 100%; left: 0;}
.section-one ul.list-style li { background: white; padding: 1rem;} 

.section-one .review {padding: 4.5rem 6rem; border-radius: 2px; background-color: var(--blue-color); -webkit-box-shadow: 0px 7px 19px 1px rgba(7, 48, 61, 0.07); box-shadow: 0px 7px 19px 1px rgba(7, 48, 61, 0.07);  background-color: #fff; background-color: var(--blue-color); color: white;}
.section-one .review span { color: #000;}
.section-one .review p { font-weight: 300; font-style: italic;}

.section-two { display: grid; grid-template-columns: 1fr 1fr;}
.section-two .left { background-color: #000; color: white;} 
.section-two .right { background-color: var(--blue-color); color: white;} 
.section-two .column { padding: 5rem 3rem; display: flex; flex-direction: column; justify-content: center;}
.section-two .column h2 { margin: 0 0 0rem 0;}


/* section three */
.section-three {  background: url(../images/blue-abstract-bg.jpg) no-repeat center top; background-size: cover;  }
.section-three ul { list-style: auto; text-align: left; display: flex; flex-direction: column; gap: 2rem;}
.section-three ul li { background-image: linear-gradient(360deg, #f9f9f9, transparent); padding: 0 2rem 2rem; border-bottom: solid 1px var(--blue-color);}


.column-three { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 3rem;}

/* section four */
.section-four {background-image: linear-gradient(#0c3962, #0a7798); color: white;}
.section-four .column-three div {padding: 3rem 5rem; border-radius: 2px ; background-color: #fff; -webkit-box-shadow: 0px 7px 19px 1px rgba(7, 48, 61, 0.07);  box-shadow: 0px 7px 19px 1px rgba(7, 48, 61, 0.07); background-color: #0b557a; border-top: solid 1px #fff; text-align: left; font-weight: 100;}
.section-four .column-three div strong { font-weight: 600;}
.section-four .column-three div a {color: #00AEEF;}
.section-four .last-child {background: rgba(0,0,0,0.5); padding: 2rem; border-left: solid 5px var(--green-color)}

/* section five */
.section-five { background-color: #f6f6f6;}
.section-five .column-three {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); margin-top: 5rem;}
.section-five .column-three p {padding: 3rem; border-radius: 2px; box-shadow: rgba(7, 48, 61, 0.07) 0px 7px 19px 1px;  background-color: rgb(255, 255, 255);  border-radius: 0 0 0 38%; border-bottom: solid 5px var(--blue-color); margin-top: 0;}

.section-five hr { background-color: #c5c3c3}

/* section six */
.section-six { background: url(../images/dna-representation-concept.jpg); background-size: cover; background-attachment: fixed;}
.section-six .overlay { background-color: rgb(9 71 118 / 83%); color: white; padding: 5rem 0;}
.section-six hr { background-color: rgba(255,255,255,0.5); margin: 5rem 0;}
.section-six h3 {color: #00ffea}


/* section seven */
.section-seven ul { text-align: left;}
.section-seven ul.one { list-style: auto; text-align: left; display: flex; flex-direction: column; gap: 1rem;}
.section-seven ul.one li { border-bottom: solid 1px #ccc; padding: 2rem;}

.section-seven ul.last {list-style-type: circle; margin: 1rem 0 0 1rem; list-style-position: inside; font-size: 18px;}


/* section eight */
.section-eight { background: #000 url(../images/bg-dark.jpg) repeat-y; color: white;}
.section-eight h2 { color: #2db9af;}
.section-eight hr { background-color: #2db9af; margin: 2rem 0 5rem;}

.section-ten { background-color: #f9f9f9;}
.section-ten .review {padding: 2rem;
  border: solid 1px #ccc;}
.section-ten .review p { font-style: italic;}
.section-ten .review span { font-weight: 600;}

.news-column { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-bottom: 4rem;}
.news-column a { border-bottom: solid 1px #cccc; padding-bottom: 2rem;}

.copyright { font-size: 14px; opacity: 0.7;}

.container.discalaimber { max-width: 1050px; padding-top: 5rem;}
.container.discalaimber h2.site-title { margin-bottom: 2rem;}
.container.discalaimber p { font-size: 15px; line-height: 28px;}










.chartone {
  width: 100%;
  margin-bottom: 30px;
}


.two-col { display: grid; grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); gap: 3rem;}
.chart.charttwo iframe {
  height: 500px !important;
  width: 100% !important;
}

.case-studies-block ul li {
  display: flex;
  align-items: center;
  gap: 50px;
  background: #f7f7f7;
}