html {
  scroll-behavior: smooth;
}


.txt12 {
  font-size: 12px;
  line-height: 1.2em;
}

.regular {
  font-family: Gilroy-Regular;
}

.dark {
  color: #000;
}

.txt16 {
  font-size: 16px;
  line-height: 1.2em;
}

.semibold {
  font-family: Gilroy-Semibold;
}

@media (min-width: 576px) {
.txt20 {
  font-size: 20px;
  line-height: 1.2em;
}}
@media (max-width: 575px) {
.txt20 {
  font-size: 14px;
  line-height: 1.2em;
}}

.blue {
  color: #4a81f6;
}

.brown {
  color:#5a2f1f;
}

.text-underline {
  text-decoration:underline;
}

.btn-red {
  background: #df4e2f;
  border-radius: 10px;
  padding: 30px 70px;
}


.btn-red:hover {
  background: #b63417;
  border-radius: 10px;
}


a.no-line:hover {
  text-decoration: none;
}

#background {
  background: linear-gradient(to bottom, rgba(255,255,255,0.45), rgba(255,255,255,0.45)), url("../../assets/img/background.jpg") center/cover no-repeat;
  padding-top: 20px;
  padding-bottom:50px;
  overflow:hidden;
}
@media (max-width: 575px) {
  #background {
    padding-bottom:20px;
  }
}

@media (max-width: 575px) {
  .txt25 {
  font-size: 17px;
  line-height: 1.2em;
}
.txt30 {
  font-size: 20px;
  line-height: 1.2em;
}
  .txt36 {
    font-size: 24px;
    line-height: 1.2em;
  }
}

@media (min-width: 576px) {
  .txt25 {
  font-size: 25px;
  line-height: 1.2em;
}
.txt30 {
  font-size: 30px;
  line-height: 1.2em;
}
  .txt36 {
    font-size: 33px;
    line-height: 1.2em;
  }
}

.bold {
  font-family: Gilroy-Bold;
}

.txt18 {
  font-size: 18px;
  line-height: 1.2em;
}



@media (max-width: 767px) {
  .quiz-body {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 0 60px rgba(0,0,0,0.15);
    min-height: 100px;
  }
}

@media (min-width: 768px) {
  .quiz-body {
    background: #fff;
    border-radius: 10px;
    padding: 50px;
    box-shadow: 0 0 60px rgba(0,0,0,0.15);
    min-height: 600px;
  }
}

.quiz {
  position: relative;
  max-width: 990px;
  height: 580px;
  padding: 0px;
  margin: 0px auto;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

#footer .container {
  padding-top: 40px;
  padding-bottom: 40px;
}

.grey {
  color: #707a8b;
}

.light-grey {
  color:#ad978a;
}

.txt13 {
  font-size: 13px;
  line-height: 1.2em;
}
.txt14 {
  font-size: 14px;
  line-height: 1.2em;
}

.txt11 {
  font-size: 11px;
  line-height: 1.2em;
}

@media (min-width: 768px) and (max-width:991px) {
  .quiz {
    height: inherit;
  }
}

#success {
  background: url("../../assets/img/header-bg.jpg") top/cover;
  height: 100vh;
  padding-top: 200px;
}

.txt45 {
  font-size: 45px;
  line-height: 1.2em;
}

@media (min-width: 576px) {
.txt70 {
  font-size: 70px;
  line-height: 1em;
}}
@media (max-width: 575px) {
.txt70 {
  font-size: 50px;
  line-height: 1em;
}}

.blue-btn:hover {
  background: linear-gradient(to bottom,#df4e2f 0%,#b4290a 100%);
}

.blue-btn {
  background: linear-gradient(to bottom,#df4e2f 0%,#c23617 100%);
  padding: 30px;
  border-radius: 10px;
  border: 0px;
}


.red {
  color: #df4e2f;
}

a:hover {
  color: #df4e2f;
}

.medium {
  font-family: Gilroy-Medium;
}

#block2 {
  padding-bottom: 70px;
}



.post1 {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 50px rgba(0,0,0,0.15);
  position: absolute;
  top: 0;
  left: 0;
}

.post2 {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 50px rgba(0,0,0,0.15);
  position: absolute;
  top: 210px;
  right: 0;
}
/*
#footer .container {
  border-top: 1px solid #d4dcea;
}*/

@media (max-width: 575px) {
  .post-col {
    min-height: 260px;
  }
}

@media (min-width: 576px) {
  .post-col {
    min-height: 370px;
  }
}

@media (max-width: 575px) {
  .post1 img {
    width: 300px;
  }
}

@media (max-width: 575px) {
  .post2 img {
    width: 250px;
  }
}

@media (max-width: 575px) {
  .post2 {
    top: 150px;
  }
}

@media (max-width: 575px) {
  .quiz {
    height: 950px;
  }
}

.carousel-item {
  border-radius: 20px;
  overflow: hidden;
}

.txt15 {
  font-size: 15px;
  line-height: 1.2em;
}

.tag {
  background: #df4e2f;
  padding: 10px 15px;
  border-radius: 10px;
  max-width: 220px;
  position: absolute;
  z-index: 2;
  bottom: 20px;
  right: 35px;
}

#faq {
  padding-top: 70px;
  padding-bottom: 70px;
  overflow:hidden;
}

#carousel-1 {
  max-width: 500px;
  margin: auto;
}

@media (max-width: 575px) {
  #background {
    padding-top: 20px;
  }
}

@media (min-width: 576px) {
  .logo {
    max-width: 160px;
    height: 60px;
  }
}
@media (max-width: 575px) {
  .logo {
    max-width: 50px;
    height: 40px;
  }
}

@media (max-width: 575px) {
  .logo-txt p {
    font-size: 15px;
    line-height: 1.2em;
  }
}

#accordionFAQ .card, #accordionFAQ2 .card {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 0 40px rgba(0,0,0,0.15);
  margin-bottom: 10px;
}

#accordionFAQ .card-header, #accordionFAQ2 .card-header {
  background: none;
  border: none;
  padding: 30px 50px 30px 30px;
  position: relative;
}

#accordionFAQ .card-header img, #accordionFAQ2 .card-header img {
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#accordionFAQ .card-header.collapsed img, #accordionFAQ2 .card-header.collapsed img {
  transform: rotate(180deg);
}

#accordionFAQ .card-body, #accordionFAQ2 .card-body {
  padding: 0 30px 30px 30px;
}

#accordionFAQ .card-body p, #accordionFAQ2 .card-body p {
  line-height: 25px;
}

.collapse-line {
  width: 100%;
  height: 1px;
  margin-bottom: 30px;
  background: #d4dcea;
}

.logo-footer {
  width: 100px;
}

div.b-quizgo-wrapper__inner-block {
  height: inherit;
}


@media (max-width: 575px) {
.logo-woman {
  max-width:500px;
  width:100%;
}}

@media (min-width: 992px) {
.bullit-body {
  margin-top:50px;
  width:750px;
  position:relative;
  z-index:2;
  margin-left:0px;
}}
@media (min-width: 576px) and (max-width: 991px) {
  .bullit-body {
    margin-top:50px;
  }
}

@media (min-width: 576px) {
.bull-item {
  background:#5a2f1f;
  padding:20px;
  border-radius:10px;
}}
@media (max-width: 575px) {
.bull-item {
  background:#5a2f1f;
  padding:10px;
  border-radius:10px;
}

}

@media (max-width:991px) {
  .top-woman img {
    max-width:100%;
  }
}

.bull-item-light img {
  filter: invert(100%);
  zoom:70%;
}

.bull-item-light .txt14 {
  font-size:13px;
}



.pin-static {
	position: absolute;
	margin: 9px 0px 0px -15px;
	width: 6px;
	height: 6px;
	background-color: #df4e2f;
	border-radius: 8px;
}

.pin-active {
	top: 2px;
	bottom: 2px;
	left: 2px;
	right: 2px;
	position: absolute;
	background-color: #df4e2f;
	border-radius: 50%;
	animation: growth 1.5s infinite ease-in-out;
}

@keyframes growth {
	from {
		top: 2px;
		bottom: 2px;
		left: 2px;
		right: 2px;
		opacity: 0.8;
	}

	to {
		top: -20px;
		bottom: -20px;
		left: -20px;
		right: -20px;
		opacity: 0;
	}
}

.top-stat {
  background:#f7f4f1;
  border-radius:20px;
  border: 2px solid #e0d6cc;
  padding:20px;
  box-shadow:0 0 50px rgba(0,0,0,0.1);
  position:relative;
}

.separate {
  background:#d6c4ab;
  width:100%;
  height:1px;
}

.top-stat .folder {
  position:absolute;
  opacity:0.05;
  width:120px;
  bottom:50px;
  right:20px;
}

.graph {
  background:#e7e2dc;
  width:100%;
  height:6px;
  border-radius:20px;
}

.red-graph {
  background:#df4e2f;
  width:80%;
  height:6px;
  border-radius:20px;
}
.graph25 {
  width:25%;
}

.graph31 {
  width:31%;
}

.graph16 {
  width:16%;
}

.graph23 {
  width:23%;
}

.graph5 {
  width:5%;
}

.space {
  height:80px;
}

#dashboard {
  background:#f7f4f1;
  padding-top:70px;
  padding-bottom:70px;
  margin-top:5px;
}

.dashboard-body {
  background:#fff;
  border-radius:20px;
  border: 2px solid #e0d6cc;
  padding:40px;
  box-shadow:0 0 50px rgba(0,0,0,0.1);
  position:relative;
}
@media (max-width: 575px) {
  .dashboard-body {
    padding:20px;
    max-width:390px;
    min-width:340px;
    margin-left:auto;
    margin-right:auto;
  }
}

@media (min-width: 992px) {
.master-board {
  max-width:400px;
}}

.received {
  background:linear-gradient(to bottom, #624a3e, #3d2c25);
  border-radius:20px;
  padding:30px;
  position:relative;
}

.received img {
  filter: invert(100%);
  opacity:0.05;
  width:120px;
  position:absolute;
  right:20px;
  top:0;
  bottom:0;
  margin:auto;
}

.passed {
  background:#f7f4f1;
  border-radius:20px;
  /*border: 2px solid #e0d6cc;*/
  padding:20px;
  position:relative;
}

.percent {
  border:1px solid #e0d6cc;
  border-radius:20px;
  padding:10px;
  height:100%
}

.icon-round {
  width:40px;
  height:40px;
  background:#f7f4f1;
  border-radius:50%;
  position:relative;
}

.icon-round img {
  position:absolute;
  top:0;
  bottom:0;
  left: 0;
  right:0;
  margin:auto;
}

.clmn-3 {
  max-width:250px;
}
@media (max-width: 575px) {
  .clmn-3 {
  max-width:150px;
}
.clmn-4, .clmn-5 {
  margin-top:10px;
}
}

.clmn-4 {
  max-width:100px;
}

@media (min-width: 576px) {
.clmn-5 {
  max-width:150px;
}}

@media (max-width: 575px) {
  .percent .txt16 {
    font-size: 13px;
  }
}



@media (min-width: 576px) {
.mess-btn {
  width:50%;
}}

.tg-btn {
  background:linear-gradient(to bottom, #2198f7, #128de9);
  border-radius:10px;
  padding:15px;
  color:#fff;
  font-size:16px;
  font-family: Gilroy-Semibold;
}
.tg-btn:hover {
  background:linear-gradient(to bottom, #1189eb, #128de9);
  color:#fff;
  }

.max-btn {
  background:linear-gradient(to bottom, #0077ff, #066de2);
  border-radius:10px;
  padding:15px;
  color:#fff;
  font-size:16px;
  font-family: Gilroy-Semibold;
}
.max-btn:hover {
  background:linear-gradient(to bottom, #0b68d3, #0c65ca);
  color:#fff;
  }

.tg-btn img, .max-btn img {
  width:20px;
}