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

 h1{
  font-size:2.5em;
  padding:3% 0%;
  font-weight:700
}
/* slide 1 oracle estiamte */
  #mainBanner {
    width:100vw;
    height:100vh;
    background: url('../assets/assessment/1\ \(4\).webp') ; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: bottom;
    color:white;
    border-radius:0px;
    padding-top: 20%;
}


.know_more{
  border-radius: 26px;
  background-color: #1F95DF;
  color: White;
  padding: 0px 28px;
  border: 10px solid white;
  font-size: 1.2em;

}
.outline-grey-div-knowMore 
{
  border-bottom: 0px solid #c3c3c3;
  border-radius: 48px;
  width: 230px;
  padding-top: 5px;
}
#bannerText h3{
  font-size:1.4em;
  padding:3% 0% 5% 0%;
  color: white;
  font-weight:400;
}
.bannerTextDivImg{
  width:90%;
  bottom:0;
  right:0;
  float:right;
}
#bannerText p{
font-size:20px;
}
#bannerTextDiv1{
  padding-left:5%;
  padding-top:2%;
}

.slide2MainTxt{
  padding: 5% 5% 5% 0%;
}
/* pricing slide 2 */

#mainBanner2 {
  width:100vw;
  height:100%;
  background: url('../assets/calculator/1\ \(10\).webp') ; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  border-radius:0px;
  padding-top: 10%;
  padding-bottom:5%;
}
#bannerText2div1{
  padding-left: 5%;
}
.slide2MainImg{
width: 85%;
float: right;
padding-right: 10%;
padding-bottom: 6%;
}
#bannerText{
  color:white;
}

.slide2MainTxt h2{
  font-size:2.5em;
  font-weight:400;
  padding-bottom:3%;
}

.slide2MainTxt h2{
  font-size:2.5em;
  font-weight:400;
  padding-bottom:3%;
}

.slide2MainTxt p{
  padding-right:10%;
  padding-bottom:3%;
}

ul#nav li.active a { color: #f4ba51 ; }

/* Questions 
#questions{
  background: url('../assets/calculator/Page\ 3.webp') ; 
  -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: right;
}
*/
/* form section */

#formSection{
  width:100vw;
  height:100%;
  background:url('../assets/assessment/1\ \(16\).webp') ; 
  -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center;
}
h3{
font-size: 1.4em;
}
input[type=text]{
color:black;
  border:none;
  border-bottom:1px solid black;
  width:70%;    
  background-color: transparent;
  outline:0px;
  margin:2% 10%;
  font-size:1.4em;
  padding:1% 0%;
}

input[type=number]{
  color:black;
    border:none;
    border-bottom:1px solid black;
    width:70%;    
    background-color: transparent;
    outline:0px;
    margin:2% 10%;
    font-size:1.4em;
    padding:1% 0%;
  }
  

input[type=tel]{
color:white;
  border:none;
  border-bottom:1px solid white;
  width:80%;    
  background-color:#3686bd ;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: black;
  /*opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: black;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: black;
}

input[type=email]{
color:white;
  border:none;
  border-bottom:1px solid white;
  width:70%;    
  background-color:#3686bd ;
}

input[type=submit] {

  background-color: transparent;
  color: black;
  padding: 5px 25px;
  margin: 8px 0;
  border: none;
  border-radius: 25px;
  font-size: 1em;
  padding: 15px 55px;
}

/* experience button select */
.filter-switch label {
  cursor: pointer;
}
.selected{
  background-color:#1F95DF;
  color:white;
}
.filter-switch-item input:checked + label {
  background-color:#1F95DF;
  color:white;
}
.filter-switch-item input:checked + .engagement {
  background-color:#1F95DF;
  color:white;
}
.filter-switch-item input:not(:checked) + label {
  --bg-opacity: 0;
  box-shadow: none;
}

.formDiv {
  border-radius: 50px;
  color: black;
  padding: 3% 5% 0% 5%;
  margin: 2% 15%;
} 
.questionButton{
  padding: 5px 20px;
  border-radius: 20px;
  border: 5px solid #d9d7d7;
  border-top: 3px solid #d9d7d7;
  border-bottom: 3px solid #d9d7d7;
  width:80%;
  margin-bottom:10px;
  background-color:white;
  text-align:left;
  font-size:1.2em;
}
.tabpanel h2 {
  text-align: left;
  font-size: 2em;
  font-weight: 400;
  letter-spacing: 2px;
  color:white;
  }
.tabpanel ul {
  padding-left:0px;
}
.tabpanel select {
  outline: none;
  border: 0px;
  margin: 5% 15% 5% 0%;
  border-radius: 0px;
  width: 50%;
  background-color: #1F95DF;
  padding-left: 15px;
  font-size: 1.2em;
  color: white;
  border-radius: 16px;
}
.tabpanel p{
  color:white;
}
select:focus {
  outline: 0px;
  border:0px;
  border-bottom:1px solid black;
  color:#fff;
}
.industryInput{
  font-size:1.2em;
  padding: 2% 10%;
}
.tabpanel label{
  padding:3px 25px ;
}

input:focus{
  border:0px;
 /* border-bottom:1px solid black; */
  outline:0px;
}

#thankyou{
  width: 80%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
  color: black;
  padding: 10% 0% 0% 20%;
}
#whyLighideaBlock{
  width:100vw;
  height:100%;
  background:url('../assets/calculator/5\ \(1\).webp') ; 
  -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center;
}

.tabpanel ul {
    list-style-type: none;
    display: flex;
    flex-direction: row;
  }
  
  .tabpanel  li {
    
    list-style-type: none;
    padding: 2px;
  }
  


.whoweare{
  padding: 3% 2%;
  margin: 0% 2%;
  flex: 0 0 auto;
  width: 25%;
  color: white;
  font-size: 1.1em;
}

.whoWeAreImg{
width:65px;
margin-top:-50%
}

#filter4{
  flex-direction: column;
}
.sr-only{
  display:none;
}




/* blogs*/
.img-fluid{
    height:250px;
}
#blogTexth3{
    padding:5% 1%;
    font-size:1.3em;
}

.background-tint {
    background-color: rgb(0 0 0 / 50%);
    background-blend-mode: multiply;
  }


#carousel-column{
    margin:4%;
}
#carousel-column a {
    text-decoration: none;
}
@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {
    
     
  .custom-border{
    border-left:0px!important;
  }
    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    .carousel-inner .carousel-item-start.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
  transform: translateX(0);
}

.col-md-6{
    padding:20px;
}
.carousel-control-prev-icon {
    padding:8%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
   }
   
   .carousel-control-next-icon {
    padding:8%;
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
   }

   .carousel-item{
    transition:unset;
   }
   #cardRoundImg{
    border-radius:25px;
   }
   #cardRound{
    border:none;
   }

/* mobile css */

@media only screen and (max-width: 600px) 
{
}




/* multi step form */
.tab-status {
  display: flex;
  align-items: center;
} 
.tab-status span.active {
  background-color: var(--color-2);
  color: white;
}

.hidden {
  display: none;
}

.pagination {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.btn[disabled] {
  opacity: .5;
  pointer-events: none;
}

.btn {
  border: 0;
  background: var(--color-1);
  padding: 1rem;
  border-radius: 25px; 
  color: white;
  cursor: pointer;
}

 
#industry{
color:white;
border:none;
border-bottom:1px solid white;
width:80%;    
background-color:#3686bd ;
border-radius: 0px;
}
#experience:focus{
  outline: none;
  border:0px;
  border-bottom:1px solid black;
  color:black;
}
#experience {
  
  font-size: 1.4em;
  color: black;
  border: none;
  border-bottom: 1px solid black;
  width: 70%;
  background-color: white;
  border-radius: 0px;
}
.form-select {
  padding: 0.75em 0rem 0.75rem 0rem;
};

#prev,#next {
  background-color:#1F95DF;
  padding:5px 15px;
}
#form-heading{

padding-left: 14%;
font-size: 2.5em;
padding-top: 3%;
}
input [type="range"]
{
  border:0px;
  outline:0px;
}
.paginationButton{
  width: 120px;
  border-radius: 14px;
  font-size: 1.4em;  
  background-color:#1F95DF;
  color:#fff;
  padding: 10px;
}
/*thank you range slider */

.c-rng {
	--rng-focus: #064374;
	--rng-lower: #6495ED;
	--rng-upper: #CFD8DC;
	--rng-percent: 0%;
	--rng-percent-upper: 80%;
	
	--rng-bdrs: .375rem;
	--rng-bgi: linear-gradient(to right, var(--rng-lower) var(--rng-percent), var(--rng-upper) var(--rng-percent));
	--rng-h: 0.75rem;
	--rng-m: 2rem 0;
	--rng-w: 100%;
	
	--rng-label-c: #333;
	--rng-label-fz: 0.75rem;
	--rng-label-off: 0.25rem;
				
	--rng-thumb-bdrs: 50%;
	--rng-thumb-bxsh: none;
	--rng-thumb-bxsh--focus: inset 0 0 0 0.25rem var(--rng-focus);
	--rng-thumb-bgc: #0960A5;
	--rng-thumb-h: 2rem;
	--rng-thumb-w: 2rem;
	--rng-thumb-z: 1;

	background-image: var(--rng-bgi);
	border-radius: var(--rng-bdrs);
	box-sizing: border-box;
	font-family: inherit;
	height: var(--rng-h);
	margin: var(--rng-m);
	outline: none;
	position: relative;
	width: var(--rng-w);
}
/* 
=====
THUMB
=====
*/
.c-rng::-moz-range-thumb {
	background-color: var(--rng-thumb-bgc);
	border-radius: var(--rng-thumb-bdrs);
	box-shadow: var(--rng-thumb-bxsh);
	color: #000;
	cursor: ew-resize;
  height: var(--rng-thumb-h);  
	margin-top: calc(0px - ((var(--rng-thumb-h) - var(--rng-h)) / 2));
	position: relative;
	width: var(--rng-thumb-w);
	z-index: var(--rng-thumb-z);
}
.c-rng::-webkit-slider-thumb {
	background-color: var(--rng-thumb-bgc);
	border-radius: var(--rng-thumb-bdrs);
	box-shadow: var(--rng-thumb-bxsh);
	cursor: ew-resize;
  height: var(--rng-thumb-h);  
	margin-top: calc(0px - ((var(--rng-thumb-h) - var(--rng-h)) / 2));
	position: relative;
	width: var(--rng-thumb-w);
	z-index: var(--rng-thumb-z);
}
.c-rng:focus::-webkit-slider-thumb {
	box-shadow: var(--rng-thumb-bxsh--focus);
}
/* 
=====
TRACK
=====
*/
.c-rng::-moz-range-track {
	background: transparent;
	background-size: 100%;
	border-radius: var(--rng-bdrs);
	box-sizing: border-box;
	height: var(--rng-h);
}
.c-rng::-webkit-slider-runnable-track {
	background: transparent;
	background-size: 100%;
	border-radius: var(--rng-bdrs);
	box-sizing: border-box;
	height: var(--rng-h);
}
.c-rng,
.c-rng::-webkit-slider-runnable-track,
.c-rng::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
}
/* 
======
LABELS
======
*/
.c-rng::after,
.c-rng::before {
	color: var(--rng-label-c);
	font-size: var(--rng-label-fz);
	line-height: 1;
	position: absolute;
	top: calc(var(--rng-h) + var(--rng-label-off));
	z-index: -1;
}
.c-rng[data-range*="labels"]::after {
	content: attr(max);
	right: 0;
}
.c-rng[data-range*="labels"]::before {
	content: attr(min);
}
.c-rng--labels-above .c-rng::after,
.c-rng--labels-above .c-rng::before {
	top: -1rem; /* TODO */
}

/* 
======
OUTPUT
======
*/
.c-rng__output {
	--rng-output-bgc: #444;
	--rng-output-c: #EEE;
	--rng-output-p: 0.25rem 0 0 0;
	--rng-output-t: 0.25rem;
	--rng-output-w: 2rem;

	background-color: var(--rng-output-bgc);
	color: var(--rng-output-c);
	display: inline-block;
	font-family: sans-serif;
	font-size: 0.675rem;
	left: calc(1% * var(--rng-unit) - ((var(--rng-thumb-w) / 100) * var(--rng-unit)));
	padding: var(--rng-output-p);
	position: relative;
	text-align: center;
	top: var(--rng-output-t);
	width: var(--rng-output-w);
}
.c-rng__output::after {
	border-left: calc(var(--rng-output-w) / 2) solid transparent;
  border-right: calc(var(--rng-output-w) / 2) solid transparent;
	border-top: calc(var(--rng-output-w) / 3) solid var(--rng-output-bgc);
	content: "";
	height: 0; 
	left: 0;
	position: absolute;
	top: 100%;
	width: 0;
}
/* 
=======
WRAPPER
=======
*/
.c-rng__wrapper .c-rng {
	bottom: 1rem;
	left: 0;
	margin: 0;
	position: absolute;
}
.c-rng__wrapper .c-rng__output {
	position: absolute;
	top: 0;
}
.c-rng__wrapper {
	--rng-ticks-fill: #B0B0B0;
	flex: 1;
	height: 4rem; /* TODO */
	margin-bottom: 1rem;
	position: relative;
}
/* 
=====
MULTI
=====
*/
.c-rng__multi [data-range*="lower"] {
	--rng-bgi: linear-gradient(to right, var(--rng-upper) var(--rng-percent), var(--rng-lower) var(--rng-percent), var(--rng-lower) var(--rng-percent-upper), var(--rng-upper) var(--rng-percent-upper));
}
.c-rng__multi [data-range*="upper"] {
	background: none;
}
/*
========
CIRCULAR
========
*/
.c-rng--circular {
	--circle-bgc: #FFF;
	--circle-size: 200px;
	--track-bgc: hsl(219, 20%, 85%);
	--track-fill: cornflowerblue;
	--thumb-size: 30px;

	--gradient-start: 0deg;
	--gradient-end: 0deg;

	background-image: conic-gradient(var(--track-bgc) 0, var(--track-bgc) var(--gradient-start), var(--track-fill) var(--gradient-start), var(--track-fill) var(--gradient-end), var(--track-bgc) var(--gradient-end), var(--track-bgc));
	border-radius: 50%;
	display: inline-block;
	height: var(--circle-size);
	margin: 0.25rem;
	position: relative;
  touch-action: none;
	width: var(--circle-size);
}
.c-rng--circular::before {
	align-items: center;
	background-color: var(--circle-bgc);
	border-radius: 50%;
	content: attr(data-value);
	display: flex;
	font-family: ui-sans-serif, ui-system, sans-serif;
	font-size: 2rem;
	height: calc(var(--circle-size) - (var(--thumb-size) * 2));
	justify-content: center;
	left: var(--thumb-size);
	position: absolute;
	top: var(--thumb-size);
	width: calc(var(--circle-size) - (var(--thumb-size) * 2));
}
.c-rng--circular::after {
	background-color: var(--track-fill);
	border-radius: 50%;
	content: "";
	height: var(--thumb-size);
	position: absolute;
	left: calc(50% - (var(--thumb-size) / 2));
	width: var(--thumb-size);
}
.c-rng--circular-output {
	background: transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	height: var(--thumb-size);
	margin-top: calc(var(--thumb-size) / -2);
	transform: rotate(var(--angle));
	transform-origin: center left;
	width: 50%;
	z-index: 1;
}
.c-rng--circular-output::before {
	background-color: var(--thumb-bgc, #FFF);
	border: var(--thumb-bdw, 2px) solid var(--track-fill);
	border-radius: 50%;
	box-shadow: var(--thumb-bxsh, none);
	box-sizing: border-box;
	content: "";
	cursor: grab;
	display: inline-block;
	height: var(--thumb-size);
	position: absolute;
	right: 0;
	width: var(--thumb-size);
}
.c-rng--circular-output:focus {
	--thumb-bxsh: inset 0 0 0 2px #FFF, inset 0 0 0 10px var(--track-fill);
	outline: none;
}
/*
======
TICKS
======
*/
.c-rng--ticks {
	fill: var(--rng-ticks-fill);
	bottom: 0;
	height: 1rem; /* TODO */
	left: 0;
	position: absolute;
	width: calc(100% - var(--rng-thumb-w));
	margin-left: calc(var(--rng-thumb-w) / 2);
}
.c-rng--ticks rect:first-of-type {
	transform: translateX(1px);
}
.c-rng--ticks rect:last-of-type {
	transform: translateX(-1px);
}
.c-rng--ticks-above .c-rng--ticks {
	bottom: auto;
	top: 1.25rem;
}
.c-rng--ticks-full .c-rng--ticks {
	--rng-ticks-fill: #ffccd5; /* TODO! */
	height: 2.5rem;
}

/* Modifiers */
.c-rng--grey {
	--rng-focus: #A0A0A0;
	--rng-lower: #B0B0B0;
	--rng-upper: #DEDEDE;
	--rng-h: 8px;
	--rng-thumb-bgc: #FFF;
	--rng-thumb-bxsh: 1px 2px 4px 1px rgba(0, 0, 0, .25);
}
.c-rng--pink {
	--rng-focus: #E6002A;
	--rng-lower: #FF91A6;
	--rng-upper: #FFE0E5;
	--rng-h: 4px;
	--rng-thumb-bdrs: 0.25rem;
	--rng-thumb-bgc: #FF2F56;
	--rng-thumb-h: 2rem;
	--rng-thumb-w: 1rem;
	--rng-ticks-fill: #ffccd5;
}
.c-rng--hue {
	--rng-value: 0;
	--rng-bgi: linear-gradient(to right, red, #ff8000, #ff0, #80ff00, lime, #00ff80, cyan, #007fff, blue, #7f00ff, #f0f, #ff0080, red);
	--rng-thumb-bgc: hsl(var(--rng-value), 100%, 50%);
	--rng-thumb-bxsh--focus: inset 0 0 0 0.125rem rgba(255, 255, 255, 0.8), 0 0 0 0.125rem hsl(var(--rng-value), 100%, 25%);
  --rng-thumb-bxsh: inset 0 0 0 0.125rem hsl(var(--rng-value), 100%, 30%);
}
.c-rng--icons {
	--ico-audio: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 32"><path d="M27.814 28.814c-0.384 0-0.768-0.146-1.061-0.439-0.586-0.586-0.586-1.535 0-2.121 2.739-2.739 4.247-6.38 4.247-10.253s-1.508-7.514-4.247-10.253c-0.586-0.586-0.586-1.536 0-2.121s1.536-0.586 2.121 0c3.305 3.305 5.126 7.7 5.126 12.374s-1.82 9.069-5.126 12.374c-0.293 0.293-0.677 0.439-1.061 0.439zM22.485 25.985c-0.384 0-0.768-0.146-1.061-0.439-0.586-0.586-0.586-1.535 0-2.121 4.094-4.094 4.094-10.755 0-14.849-0.586-0.586-0.586-1.536 0-2.121s1.536-0.586 2.121 0c2.55 2.55 3.954 5.94 3.954 9.546s-1.404 6.996-3.954 9.546c-0.293 0.293-0.677 0.439-1.061 0.439v0zM17.157 23.157c-0.384 0-0.768-0.146-1.061-0.439-0.586-0.586-0.586-1.535 0-2.121 2.534-2.534 2.534-6.658 0-9.192-0.586-0.586-0.586-1.536 0-2.121s1.535-0.586 2.121 0c3.704 3.704 3.704 9.731 0 13.435-0.293 0.293-0.677 0.439-1.061 0.439z"></path><path d="M13 30c-0.26 0-0.516-0.102-0.707-0.293l-7.707-7.707h-3.586c-0.552 0-1-0.448-1-1v-10c0-0.552 0.448-1 1-1h3.586l7.707-7.707c0.286-0.286 0.716-0.372 1.090-0.217s0.617 0.519 0.617 0.924v26c0 0.404-0.244 0.769-0.617 0.924-0.124 0.051-0.254 0.076-0.383 0.076z"></path></svg>');
	--ico-mute: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 32"><path d="M13 30c-0.26 0-0.516-0.102-0.707-0.293l-7.707-7.707h-3.586c-0.552 0-1-0.448-1-1v-10c0-0.552 0.448-1 1-1h3.586l7.707-7.707c0.286-0.286 0.716-0.372 1.090-0.217s0.617 0.519 0.617 0.924v26c0 0.404-0.244 0.769-0.617 0.924-0.124 0.051-0.254 0.076-0.383 0.076z"></path></svg>');
	align-items: center;
	display: flex;
	width: 100%;
}
.c-rng--tomato {
	--circle-bgc: #FFF;
	--track-bgc: hsl(9, 20%, 85%);
	--track-fill: tomato;
}
.c-rng--darkcyan {
	--circle-bgc: #FFF;
	--track-bgc: hsl(180, 20%, 80%);
	--track-fill: darkcyan;
}
[data-icon] {
	--icon-bgc: #B0B0B0;
	--icon-w: 2rem;
	background-color: var(--icon-bgc);
	height: var(--icon-w);
	margin-top: 0.5rem;
	mask: no-repeat center/var(--icon-w) var(--icon);
	-webkit-mask: no-repeat center/var(--icon-w) var(--icon);
	width: var(--icon-w);
}
[data-icon="audio"] { --icon: var(--ico-audio); margin-left: 1rem }
[data-icon="mute"] { --icon: var(--ico-mute); }




/* section 2  why cloud solution*/
#section2{
  padding-bottom:5%;
  width:100vw;
  height:100%;
  background: url('../assets/retail/12.webp') ; 
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: bottom;
}
.retailDivImg
{
width:120px;
padding-right:5%;
}
.retailDivTxt{
padding-left:5%;
}
#section2 h2{
padding: 5%  0%;
  font-size:2em;
  font-weight:700;
}
#section2 h3{
font-size: 2em;
font-weight: 700;
}
#section2p {
font-size:1.4em;
padding-bottom:5%;
width:90%;
}
#sec2MainDiv{
  justify-content: space-around;
}


/* section 6*/



.solutionBtn
{
  font-size:1.4em;
  padding: 10px 50px;
  background-color: white;
  border:none;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 75px;
  border-top-right-radius: 75px;
  border-bottom-right-radius: 0px;
}
.solutionBtn:hover{
  background-color:#0960A5;
  color:white;
}
#solutionSpan{
  border-radius: 50px;
  background-color: white;
  padding: 10px 15px;
  color: black;
  margin-right: 30px;

}
#solutionNetsuitebtn
{
  padding: 10px 40px;
  margin-bottom:8%;
}
#solutionEpmbtn{
  padding: 10px 65px;
}
#section6 h2 {
  padding: 0% 0% 10% 0%;
  font-size: 2em;
  font-weight: 600;

}
#section6 p{
  padding-bottom: 10%;
  font-size: 1.4em;
}
#section6{
  position:relative;
  padding-top:10%;
  color:white;
  width:100vw;
  height:100%;
  background-position: left;
  background: url('../assets/assessment/2\ \(7\).webp') ; 
  -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      background-position: center;
      padding: 10% 0%;
}
#section6Person {
  float: right;
  width: 30%;
  bottom: 0;
  position: absolute;
  right: 0;
}