@charset "UTF-8";

@import url(fonts.css?1);
@import url(header.css);
@import url(footer.css);
@import url(cookies.css);
@import url(faqs.css);
:root {
  --museo-sans: 'museo-sans-rounded';
  --azo-sans: 'Azo Sans';
  --black: #000;
  --white: #fff;
  --matte-blue:#646F95;
  --matte-blue-dark:#3E496D;
  --matte-purple: #9E8EAA;
  --purple-dark:#7B678B;
  --purple:#7119F4;
  --purple-bg:#7119F4;
  --darkblack:#222222;
  --blue:#2E69FF;
  --darkblue:#173580;
  --gray:#495057;
  --lightgray:#6C757D;
  --borderlight:#ADB5BD;
  --borderdark:#222222;
  --pagination-bg:#CED4DA;
   --matte-blue-bg:#646F95;
   --matte-purple-bg:#9E8EAA;
   --matte-green-bg:#68858F;
   --matte-grey-bg:#9799A6;
   --bluebg:#2E69FF;
   --green-dark:#4C666F;
   --matte-green-light-bg:#9fb2c5;
   --matte-purple-light-bg:#9e7384;
    --extended-red-bg:#A27384;
  --hype-blue-bg:#2E4172;

  --graybg:#343A40;
  --whitebg:#fff;
  --lightbg:#F1F1F1;
  --submenuborder:#AEAEAE;

  --videobg:#1b2337;
  --socialbg:#343A40;

  --font10:0.625rem;
  --font11:0.6875rem;
  --font12:0.75rem;
  --font13:0.8125rem;
  --font14:0.875rem;
  --font15:0.813rem;
  --font16:1rem;
  --font17:0.9375rem;
  --font18:0.9375rem;
  --font19:1rem;
  --font20:1.125rem;
  --font21:1.1875rem;
  --font22:1.25rem;
  --font23:1.25rem;
  --font24:1.313rem;
  --font25:1.375rem;
  --font26:1.4375rem;
  --font27:1.6875rem;
  --font28:1.5rem;
  --font29:1.8125rem;
  --font30:1.5625rem;
  --font32:1.6875rem;
  --font34:1.875rem;
  --font35:1.8125rem;
  --font36:2.25rem;
  --font40:2.125rem;
  --font45:2.375rem;
  --font48:2.563rem;
  --font50:2.6875rem;
  --font55:2.9375rem;
  --font60:3.188rem;


  --weight300:300;
  --weight400:400;
  --weight500:500;
  --weight600:600;
  --weight700:700;


  --radius10:10px;
  --radius15:15px;
  --radius20:20px;
  --radius30:30px;

}
body{
	font-size:var(--font16);
	font-weight:var(--weight300);
	letter-spacing:0.02rem;
	background-color:var(--lightbg);
  font-family: var(--museo-sans);
  color: var(--darkblack);
  background-image: url(../img/blur-group.png), url(../img/background-gradient-1.png);
  background-repeat: no-repeat;
  background-position: top center, top center;
  background-size: auto, auto;
  padding-top: 170px;
}

a{
	color: var(--blue);
  text-decoration: none;
}
a:hover{
	color: var(--purple);
}
img{
  max-width: 100%;
}
strong{
  font-weight: var(--weight600);
}
h1{
	font-size:4.8125rem;
	font-weight:var(--weight700);
  font-family: var(--azo-sans);
  line-height: 100%;
  text-transform: uppercase;
}
h2{
	font-size:var(--font50);
	font-weight:var(--weight300);
}
.lead {
	font-size:1.3125rem;
	font-weight:400;
}

.form-control {
  background-color: var(--whitebg);
  border-color: var(--darkblack);
  border-radius: var(--radius10);
  min-height: 48px;
  letter-spacing: 0.28px;
  font-size: var(--font14);
  font-weight: var(--weight300);
  color: var(--matte-blue);
}
.form-control::placeholder {
  color: var(--matte-blue);
}
.form-control::-moz-placeholder {
  color: var(--matte-blue);
}
.form-control::-webkit-placeholder {
  color: var(--matte-blue);
}
.form-control::-ms-placeholder {
  color: var(--matte-blue);
}
.form-item label{
  letter-spacing: 0.36px;
  font-size: var(--font18);
  font-weight: var(--weight500);
  padding-bottom: 5px;
}

.form-required::after {
  height: auto;
  content: "*";
  background-image: none;
  line-height: normal;
  vertical-align: top;
  margin-left: 0;
}
.form-select {
  --bs-form-select-bg-img: url("../img/arrow-bottom.svg");
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-position: right 1rem center;
  background-size:14px 20px;
}

.region-content {
  padding: 0;
}

.ev-col-5{
  width: 20%;
  padding: 0 15px;
}

.matte-blue-bg {
  background-color: var(--matte-blue-bg);
}
.matte-purple-bg{
  background-color: var(--matte-purple-bg);
}
.matte-green-bg{
  background-color: var(--matte-green-bg);
}
.matte-grey-bg {
  background-color: var(--matte-grey-bg);
}

.btn-primary {
  letter-spacing: 0.55px;
  text-transform: uppercase;
  font-size: var(--font11);
  font-weight: var(--weight600);
  border-radius: var(--radius10);
  background-color: var(--whitebg);
  border: 1px solid var(--darkblack);
  padding: 7px 25px 27px 10px;
  min-height: 52px;
  background-repeat: no-repeat;
  color: var(--darkblack);
  position: relative;
  display: inline-block;
  z-index: 1;
  min-width: 100px;
  line-height: 16px;
}
.btn-primary::after {
  content: "\e901";
  font-family: 'icomoon';
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: var(--font17);
  font-weight: var(--weight300);
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--purple-bg);
  border-color: var(--purple-bg);
  color: var(--white);
}


@media (min-width: 1400px) {
  .container {
      max-width: 1140px;
  }
}





/**************alert-success alert-dismissible***********/

.alert-success.alert-dismissible{
  position: absolute;
  top: 135px;
}



/************connect*page*****************/

.path-connect{
  background-image: url(../img/blur-group.png), url(../img/background-gradient-1.png),  url(../img/connect-bottom.png);
  background-repeat: no-repeat;
  background-position:top center, top center, bottom 120px left ;
  background-size:auto, auto, auto;
  position: relative;
}
/*.path-connect:before{
  background-image: url(../img/blur-group.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 1820px;
  height: 1820px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  z-index: -1;
}
.path-connect:after{
  background-image: url(../img/DNA-3.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 1100px;
  height: 1100px;
  right: 0;
  top: 0;
  background-position: top  right;
  z-index: -2;
  background-size: 100%;
}*/

/*.path-connect .dialog-off-canvas-main-canvas{
  background-image: url(../img/connect-bottom.png);
  background-repeat: no-repeat;
  background-position:bottom left;
}*/
.sub-heading {
  text-align: center;
  max-width: 730px;
  margin: 0 auto;
  width: 100%;
  letter-spacing: 0.4px;
  font-size: var(--font20);
  padding-bottom: 70px;
  padding-top: 35px;
  font-weight: var(--weight500);
}
.sub-heading strong{
  color: var(--purple);
}
.context-news-events .sub-heading, .context-case-studies .sub-heading {
  font-size: var(--font24);
}
.context-case-studies .sub-heading  strong{
  color: var(--black);
  /*font-weight: var(--weight500);*/
}
.context-news-events .sub-heading strong{
  color: var(--blue);
}
.context-connect-form .sub-heading strong, .context-connect-form .sub-heading a{
  color: var(--purple);
}

.path-connect #block-envisiontheme-content {
  background-color: var(--whitebg);
  border-radius: var(--radius20);
  padding:35px 20px 20px 20px;
}
#webform-submission-contact-us-add-form {
  position: static;
}
#webform-submission-contact-us-add-form .contextual {
	top: 86px;
	right: 35px;
}
.view-connect form fieldset, .view-connect form fieldset .fieldset-wrapper{
  width: 100%;
  margin: 0 0 1rem 0;
  position: relative;
}
.view-connect form fieldset legend{
  position: absolute;
  background-color: #ecf0f2;
  display: inline-block;
  border-radius: 20px 0 20px 0;
  width: auto;
    top: -35px;
    left: -20px;
    font-weight: var(--weight400);
  line-height: normal;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  font-size: var(--font14);
}
.view-connect form fieldset legend .fieldset-legend{
  display: inline-block;
  position: relative;
  padding: 20px 30px 30px 15px;
}
.view-connect form fieldset legend::before {
  left: 0px;
  border-radius:  30px 0 0 0;
  -moz-border-radius:  30px 0 0 0;
  -webkit-border-radius: 30px 0 0 0;
  -webkit-box-shadow: 30px 0 0 0 #fff;
  box-shadow: 0 0 30px #fff;
  content: "";
  bottom: -30px;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: #fff;
  z-index: 1;
}
.view-connect form fieldset legend::after {
  left: 0px;
  content: "";
  bottom: -25px;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: var(--lightbg);
}

.view-connect form fieldset legend .fieldset-legend::before {
  right: -40px;
  border-radius: 30px 0 0 0;
  -moz-border-radius: 30px 0 0 0;
  -webkit-border-radius: 30px 0 0 0;
  -webkit-box-shadow: 30px 0 0 0 #fff;
  box-shadow: 0 0 30px #fff;
  content: "";
  top: 0;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: #fff;
  z-index: 1;
}
.view-connect form fieldset legend .fieldset-legend::after {
  right: -40px;
  content: "";
  top: 0;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: var(--lightbg);
}



.view-connect form .fieldset-wrapper ul{
  padding: 0;
  margin: 0;
  display: flex;
  justify-content:center;
  width: 100%;
  list-style-type: none;
}
.view-connect form .fieldset-wrapper ul li{
  padding: 0 30px;
}
.view-connect form .fieldset-wrapper ul li .form-item{
  position: relative;
  margin: 0 0 5px 0;
}
.view-connect form .fieldset-wrapper ul li [type="radio"]{
  position: absolute;
  opacity: 0;
}
.view-connect form .fieldset-wrapper ul li .form-item label{
  font-size: var(--font22);
  font-weight: var(--weight300);
  cursor: pointer;
  letter-spacing: 0.44px;
}
.view-connect form .fieldset-wrapper ul li input[checked="checked"] ~ label{
  font-weight: var(--weight600);
}


.col-section{
  display: flex;
  flex-wrap: wrap;
}
.location-col{
  display: flex;
  padding:15px 20px;
  width: 25%;
}
.node--view-mode-contact-card {
  border: 1px solid var(--darkblack);
  padding: 30px 21px 21px 21px;
  border-radius: var(--radius20);
  display: flex;
  min-height: 100%;
  flex-direction: column;
  width: 100%;
  letter-spacing: 0.36px;
  font-size:var(--font18);
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition: color 1000ms;
  transition: color 1000ms;
  overflow: hidden;
  background-color: var(--whitebg);
}
/*.node--view-mode-contact-card:hover{
  background-color: var(--matte-blue-dark);
  color: var(--white);
}*/
.node--view-mode-contact-card:hover{
  color: var(--white);
}
.node--view-mode-contact-card:before{
  background-color: var(--matte-blue-dark);
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition: 300ms ease-out;
  transition: 300ms ease-out;
}
.node--view-mode-contact-card:hover:before{
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.node--view-mode-contact-card h2{
  font-size: var(--font24);
  font-family: var(--museo-sans);
  flex-grow: 1;
  margin: 0;
  padding-bottom: 50px;
  letter-spacing: 0.48px;
  font-weight: var(--weight600);
}
.node--view-mode-contact-card:hover h2{
  color: var(--white);
}
/*.node--view-mode-contact-card h2::before{
  content: "\e900";
  font-family: 'icomoon';
  position: relative;
  padding-bottom: 20px;
  display: block;
  font-weight: var(--weight500);
  font-size: var(--font30);
}*/
.node--view-mode-contact-card .field--name-field-flag {
  padding-bottom: 20px;
}

.node--view-mode-contact-card h2 .field--name-node-title {
  font-weight: var(--weight500);
}
.node--view-mode-contact-card a{
  color: var(--darkblack);
}
.node--view-mode-contact-card:hover a{
  color: var(--white);
}
.node--view-mode-contact-card h2 .field--name-title::first-letter{
  font-weight: var(--weight500);
}
.node--view-mode-contact-card .field--name-body{
    line-height: 130%;
}
.node--view-mode-contact-card .field--type-telephone {
  color: var(--darkblack);
}
.node--view-mode-contact-card:hover .field--type-telephone {
  color: var(--white);
}
.node--view-mode-contact-card .field--type-telephone, .node--view-mode-contact-card .field--name-field-get-directions {
  font-weight: var(--weight600);
  padding-top: 10px;
}
.node--view-mode-contact-card .field--name-field-get-directions a{
  position: relative;
  padding-left: 30px;
}
.node--view-mode-contact-card .field--name-field-get-directions a svg{
 /* position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  fill: var(--darkblack);*/
  display: none;
}
.node--view-mode-contact-card .field--name-field-get-directions a:before{
  content: "\e92e";
  position: absolute;
  left: 0;
  font-family: 'icomoon';
}


.select2-container .select2-selection--single .select2-selection__rendered {
  background-color: var(--whitebg);
  border-color: var(--darkblack);
  border-radius: var(--radius10);
  min-height: 48px;
  letter-spacing: 0.28px;
  font-size: var(--font14);
  font-weight: var(--weight300);
  color: var(--matte-blue);
  --bs-form-select-bg-img: url(../img/arrow-bottom.svg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-position: right 1rem center;
    background-size: 14px 20px;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid var(--darkblack);
  border-radius: var(--radius10);
  height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
 display: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border: 1px solid #aaa;
}
[type=search] {
  outline-offset:0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--purple-bg);
}
.select2-dropdown {
  border-color: var(--darkblack);
}

/***********end*connect*page*****************/


/************Conatct*Form*****************/

.path-webform{
  background-image: url(../img/blur-group.png), url(../img/contact-gradient.png),  url(../img/connect-bottom.png);
  background-repeat: no-repeat;
  background-position:top center, top center, bottom 120px left ;
  background-size:auto, auto, auto;

}
/*.path-webform:before{
  background-image: url(../img/blur-group.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 1820px;
  height: 1820px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  z-index: -1;
}
.path-webform:after{
  background-image: url(../img/DNA-3.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 1100px;
  height: 1100px;
  right: 0;
  top: 0;
  background-position: top  right;
  z-index: -2;
  background-size: 100%;
}*/
.path-webform #block-envisiontheme-content {
  background-color: var(--whitebg);
  border-radius: var(--radius30);
  padding:72px 43px 0px 43px;
  position: relative;
  display: inline-block;
  width: 100%;
}
.contact-heading {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--lightbg);
  border-radius: 20px 0 20px 0;
  letter-spacing: 3.75px;
  text-transform: uppercase;
  font-size: var(--font15);
  font-weight: var(--weight400);
}
.contact-heading::before {
  left: 0px;
  border-radius:  30px 0 0 0;
  -moz-border-radius:  30px 0 0 0;
  -webkit-border-radius: 30px 0 0 0;
  -webkit-box-shadow: 30px 0 0 0 #fff;
  box-shadow: 0 0 30px #fff;
  content: "";
  bottom: -30px;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: #fff;
  z-index: 1;
}
.contact-heading::after {
  left: 0px;
  content: "";
  bottom: -25px;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: var(--lightbg);
}
.contact-heading-text {
  padding: 9px 15px 20px 15px;
  display: inline-block;
  position: relative;
}
.contact-heading-text::before {
  right: -40px;
  border-radius: 30px 0 0 0;
  -moz-border-radius: 30px 0 0 0;
  -webkit-border-radius: 30px 0 0 0;
  -webkit-box-shadow: 30px 0 0 0 #fff;
  box-shadow: 0 0 30px #fff;
  content: "";
  top: 0;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: #fff;
  z-index: 1;
}
.contact-heading-text::after {
  right: -40px;
  content: "";
  top: 0;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: var(--lightbg);
}

.webform-submission-contact-us-form h5{
  font-size: var(--font34);
  font-weight: var(--weight300);
  letter-spacing: 0.68px;
}
.webform-submission-contact-us-form .form-item-contactus {
  padding-bottom: 7px;
}
.webform-submission-contact-us-form .form-item-contactus strong{
  font-weight: var(--weight400);
}
.webform-submission-contact-us-form .form-item-contactus p{
  margin: 0;
}
.webform-submission-contact-us-form textarea{
  min-height: 265px;
  padding: 15px;
}
.webform-submission-contact-us-form .text-count-wrapper {
  font-size: var(--font13);
  padding-top: 7px;
}
.webform-submission-contact-us-form .description {
  font-size:var(--font17);
}
.fieldset-wrapper .form-item{
  margin-bottom: 1.25rem;
}
.form-type-checkbox {
  margin-top: 0;
  padding-top: 5px;
}
.form-type-checkbox .form-check-input[type=checkbox]{
  float: left;
  border-color:var(--darkblack);
  width: 28px;
  height: 28px;
  border-radius: var(--radius10);
  margin: 0;
}
.form-type-checkbox .description {
  margin-left: 43px;
}

input[type="submit"] {
  letter-spacing: 0.55px;
  text-transform: uppercase;
  font-size: var(--font11);
  font-weight: var(--weight600);
  border-radius: var(--radius10);
  background-color: var(--lightbg);
  border-color: var(--darkblack);
  padding: 7px 25px 27px 10px;
  min-height: 52px;
  background-image: url(../img/right-black-icon.svg);
  background-repeat: no-repeat;
  background-position: bottom 5px right 7px;
  color: var(--darkblack);
}
form input[type="submit"]:hover, form  input[type="submit"]:focus, form input[type="submit"]:active {
  background-color: var(--purple-bg);
  border-color: var(--purple-bg);
  background-image: url(../img/right-icon.svg);
}

.contact-1-col {
  width: 47%;
  float: left;
  margin-top: 0;
}
.contact-2-col {
  width: 47%;
  float:right;
  margin-top: 0;
}

.webform-submission-contact-us-form .form-actions {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  background-color: var(--lightbg);
  border-radius: var(--radius20)  0 0 0;
}
.contact-button {
  padding: 18px 0 0 18px;
  display: inline-block;
  position: relative;
}
.webform-submission-contact-us-form .form-actions::before {
  left: -70px;
  border-radius: 0 0 30px 0;
  -moz-border-radius:  0 0 30px 0;
  -webkit-border-radius: 0 0 30px 0;
  -webkit-box-shadow: 0 0 30px 0 #fff;
  box-shadow: 30px 0 0  #fff;
  content: "";
  bottom: 0;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: #fff;
  z-index: 1;
}
.webform-submission-contact-us-form .form-actions::after {
  left: -35px;
  content: "";
  bottom:0;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: var(--lightbg);
}

.contact-button::before {
  right: 30px;
  border-radius: 0 0 30px 0;
  -moz-border-radius:  0 0 30px 0;
  -webkit-border-radius: 0 0 30px 0;
  -webkit-box-shadow: 0 0 30px 0 #fff;
  box-shadow: 30px 0 0  #fff;
  content: "";
  top: -30px;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: #fff;
  z-index: 1;
}
.contact-button::after {
  right:0;
  content: "";
  top:-28px;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: var(--lightbg);
}




/**************end*contact*page*****************/


/***********view-case-study***********/

.path-case-studies {
  background-image: url(../img/blur-group.png),url(../img/case-studies.png), url(../img/background-gradient-case-studies.png);
  background-repeat: no-repeat;
  background-position:top center,top right, top center;
  background-size:auto, 993px, auto;
}
/*.path-case-studies:before{
  background-image: url(../img/blur-group.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 1820px;
  height: 1820px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  z-index: -1;
}
.path-case-studies:after{
  background-image: url(../img/case-studies.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 993px;
  height: 824px;
  right: 0;
  top: 0;
  background-position: top  right;
  z-index: -2;
  background-size: 100%;
}*/


.view-case-study .views-row{
  margin-bottom: 30px;
}
.study-case-list{
    position: relative;
    border-radius: var(--radius20);
    min-height: 229px;
    display: flex;
    flex-direction: column;
    color: var(--white);
    background-color: var(--matte-blue-bg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.study-case-list::after{
  content: "\e907";
  font-family: 'icomoon';
  position: absolute;
  right: 25px;
  top: 20px;
  font-size: var(--font30);
}

.study-case-list .field--type-datetime {
  position: relative;
  padding:28px 15px 15px 35px;
  font-size: var(--font14);
  font-weight: var(--weight400);
  z-index: 1;
  top: 0;
  left: 0;
}

.study-case-list .Casestudydatagroup  {
  position: relative;
  padding:28px 15px 0 35px;
  z-index: 1;
  bottom: 0;
  left: 0;
}
.study-case-list .field--name-field-minutes-required{
  padding:10px 180px 25px 35px;
  font-size: var(--font14);
  font-style: italic;
  letter-spacing: 0.28px;
}
.study-case-list .Casestudydatagroup  h2, .study-case-list .Casestudydatagroup .field--name-field-sub-title{
  font-size: var(--font28);
  font-weight: var(--weight300);
  letter-spacing: 0.56px;
  line-height: 130%;
  margin: 0;
}
.study-case-list .field--name-node-link{
  position: absolute;
  bottom: 0;
  right: 0;
  /*background-color: var(--lightbg);
  border-radius: var(--radius20) 0 0 0;*/
  padding: 32px 0 0 32px;
  background-image: url(../img/case-curve.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom -1px right -1px;

}
.study-case-list .field--name-node-link a{
  letter-spacing: 0.55px;
  text-transform: uppercase;
  font-size: var(--font11);
  font-weight: var(--weight600);
  border-radius: var(--radius10);
  background-color: var(--lightbg);
  border:1px solid var(--darkblack);
  padding: 7px 25px 27px 10px;
  min-height: 52px;
  background-repeat: no-repeat;
  color: var(--darkblack);
  position: relative;
  display: inline-block;
}
.study-case-list .field--name-node-link a::after{
  content: "\e901";
  font-family: 'icomoon';
  position: absolute;
  right: 5px;
  bottom: 3px;
  font-size: var(--font17);
  font-weight: var(--weight300);
}
.study-case-list .field--name-node-link a:hover, .study-case-list .field--name-node-link a:focus {
  background-color: var(--purple-bg);
  border-color: var(--purple-bg);
  color: var(--white);
}


/****************end*case*study**************/



/*************case*study*details***************/

.page-node-type-case-study {
  background-image:url(../img/event-detail-2.png), url(../img/event-detail-1.png), url(../img/blur-group.png), url(../img/new-detail-gradient.png);
  background-repeat: no-repeat;
  background-position:right center, top 0 right 72px, top center, top center;
  background-size:auto, 660px, auto, auto;
}


/*.page-node-type-case-study:before{
  background-image: url(../img/blur-group.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 1820px;
  height: 1820px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  z-index: -1;
}
.page-node-type-case-study:after{
  background-image: url(../img/event-detail-1.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 660px;
  height: 559px;
  right: 72px;
  top: 0;
  background-position: top  right;
  z-index: -2;
}
*/




.case-study-header-container {
  position: relative;
  border-radius: var(--radius15);
  padding: 40px 20px 35px 55px;
  color: var(--white);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  min-height: 300px;
  display:flex;
  flex-direction: column;
  margin-top: 11px;
}
.case-study-header-container::after{
  content: "\e91a";
  font-family: 'icomoon';
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: var(--font30);
  line-height: normal;
}

.case-study-detail {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  letter-spacing: 0.28px;
  font-size: var(--font14);
  flex-grow: 1;
  padding-bottom: 50px;
}
.case-study-detail .field--name-bundle-fieldnode {
  padding-right: 10px;
}
/*.news-event-header-container::before {
  font-family: 'icomoon';
  position: absolute;
  right: 20px;
  top: 40px;
  font-size: var(--font36);
  line-height: normal;
}

.news-event-header-container.news::before{
  content: "\e905";
  font-size: var(--font30);
}*/
.case-study-info h2, .case-study-info .field--name-field-sub-title{
  font-weight: var(--weight300);
  font-size: var(--font34);
  margin: 0;
}
.case-study-infoo .field--name-node-title{
  max-width: 732px;
}

.case-study-header-container .field--name-field-press-release{
  padding-bottom: 25px;
  letter-spacing: 0.21px;
  font-size: var(--font11);
}

.case-study-info .content-body {
    max-width: 630px;
    margin: 0 auto;
    padding-top:40px;
    line-height: 145%;
  letter-spacing: 0.42px;
}

.case-study-info .content-body .field--name-field-minutes-required {
  font-style: italic;
  font-size: var(--font14);
  padding-bottom: 20px;
}
.sharethis-wrapper {
  max-width: 630px;
  margin: 0 auto;
  text-align: right;
}
.addtoany_list {
  float: right;
  padding-top: 11px;
}
.addtoany_share{
  color: var(--darkblack);
}
.addtoany_share:before {
  content: "Share";
  letter-spacing: 0.28px;
  font-weight: var(--weight600);
  font-size: var(--font14);

  padding-right: 4px;
}
.addtoany_share svg{
  left: 0;
  width: 28px;
  height: 28px;
  fill: var(--darkblack);
}
.addtoany_share svg.ext path {
  stroke:var(--darkblack);
  stroke-width: 1;
}
.addtoany_share:hover{
  color: var(--purple);
}
.addtoany_share:hover svg{
  fill: var(--purple);
}
.addtoany_share:hover svg.ext path {
  stroke:var(--purple);
}

/**********related-case-studies*************/
.related-case-studies{
  padding-top: 40px;
}
.related-case-studies>h2{
  font-size: var(--font30);
  line-height: normal;
  margin-bottom: 25px;
}
.related-case-studies .node--type-case-study .study-case-list{
  margin-bottom: 30px;
}
.page-node-type-case-study .block-connect-with-us-block {
  margin-top: 40px;
}

/*************end*case study*details**************/






/************************pagination ****************/

.pagination {
  padding: 60px 0 0 0;
  margin: 0;
}
.pagination .page-item{
  padding:2px 5px;
}
.pagination .page-link, .pagination .pager__item--next a, .pagination .pager__item--previous a{
  padding: 7px 4px;
  border-radius:var(--radius10);
  border:1px solid var(--gray);
  color: var(--gray);
  min-width: 40px;
  text-align: center;
  font-size: var(--font20);
  line-height: normal;
  background-color: var(--lightbg);
  display: inline-block;
}
.pagination .pager__item--next a, .pagination .pager__item--previous a{
  background-color: var(--pagination-bg);
}
.pagination .pager__item--previous span, .pagination .pager__item--next span{
  font-size: 0;
}
.pagination .pager__item--previous span::before, .pagination .pager__item--next span::before{
  font-size: var(--font17);
}
.pagination .pager__item--previous span::before {
  position: relative;
  transform: rotateY(180deg);
  display: inline-block;
}
.pagination .active > .page-link, .pagination .page-link:hover, .pagination .page-link:focus{
    color: var(--white);
    background-color: var(--blue);
    border-color:var(--blue);
    box-shadow: none;
}
.pagination .page-item:last-child .page-link, .pagination .page-item:first-child .page-link {
  border-radius:var(--radius10);
}
.pagination .page-item:not(:first-child) .page-link {
  margin-left: 0;
}

/**********news-event************/
.path-news-events{
  background-image:  url(../img/blur-group.png),url(../img/case-studies.png), url(../img/background-gradient-news.png), url(../img/new-event-dna.png);
  background-repeat: no-repeat;
  background-position: top center, top right, top center, 50px 530px;
  background-size: auto, auto, auto, auto;
}

/*.path-news-event:before{
  background-image: url(../img/blur-group.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 1820px;
  height: 1820px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  z-index: -1;
}
.path-news-event:after{
  background-image: url(../img/case-studies.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 993px;
  height: 824px;
  right: 0;
  top: 0;
  background-position: top  right;
  z-index: -2;
  background-size: 100%;
}*/

.page-node-type-news .file {
  padding: 0;
}


.view-news-event .view-content {
  margin: 0 -15px;
}
.view-news-event .view-content .node--view-mode-related-article {
  width: 100%;
}

.one-column, .two-column , .grid-three{
  padding:15px 15px;
  display: flex;
}
.one-column{
  width: 100%;
}
.grid-three {
  display: flex;
  width: 33.33%;
}
.two-column {
  width: 66.66%;
}
.news-event-info {
  color: var(--white);
  padding: 20px 30px 30px 34px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  border-radius: var(--radius20);
  position: relative;
  min-height: 222px;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: var(--bluebg);
  font-size: var(--font14);
}
.news-event-info::before {
  font-family: 'icomoon';
  position: absolute;
  right: 18px;
  top: 20px;
  font-size: var(--font26);
  line-height: normal;
}
.event::before{
  content: "\e904";
}
.news::before{
  content: "\e905";
  font-size: var(--font22);
}
.news-event-info h2{
  font-weight: var(--weight300);
  font-size: var(--font22);
  margin: 0;
}
.news-event-info .field--name-field-subtitle {
  padding-top: 10px;
}
.news-event-info .field--name-field-date{
  padding-top: 30px;
}
.news-event-info:hover{
  color: var(--white);
}
.news-event-header{
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  letter-spacing: 0.28px;
  font-size: var(--font14);
  flex-grow: 1;
  padding-bottom: 50px;
}
.news-event-header .field--name-bundle-fieldnode {
  padding-right: 25px;
}
.news-event-title .field--name-field-press-release{
  letter-spacing: 0.21px;
  font-size: var(--font11);
  margin-bottom: 25px;
}
.one-column .news-event-title, .one-column .event .field--name-node-title{
  max-width: 665px;
}
.two-column .news-event-title, .two-column .event .field--name-node-title{
  max-width: 360px;
}
.grid-three .news-event-info {
  min-height: 420px;
  background-position: center center;
}

/*.news-event-info .field--name-node-title {
  padding-right: 55px;
}*/
/*.event .field--name-node-title h2{
  font-size: var(--font30);
}*/

.news-event-info .field--name-node-link, .new-event-inside .field--name-node-link{
  position:absolute;
  right: 0;
  bottom: 0;
  padding: 35px 0 0 35px;
  /*border-radius:40px 0 0 0px;
  background-color: var(--lightbg);*/
  background-image: url(../img/news-curve.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom -1px right -1px;
  border-radius: 0 0 15px 0;
}
.news-event-info .field--name-node-link a, .new-event-inside .field--name-node-link a{
  align-items: center;
    justify-content: center;
    font-size: var(--font20);
    display: flex;
  width: 66px;
  height: 66px;
  border: 1px solid var(--darkblack);
  border-radius: 50%;
  font-size: var(--font20);
  color: var(--darkblack);
}
.news-event-info .field--name-node-link a:hover, .new-event-inside .field--name-node-link a:hover, .new-event-inside:hover .field--name-node-link a{
  background-color: var(--purple-bg);
  color: var(--white);
  border-color: var(--purple-bg);
}

.two-column .news-event-info{
  background-position: center center;
}

.new-event-inside {
  display: flex;
  width: 100%;
  position: relative;
}

/**********home section**************/


/*.context-home  .grid-three .news-event-info {
  background-position: left center;
}
.context-home .event .field--name-node-title h2, .context-home .one-column .news-event-info h2{
  font-size: var(--font26);
}*/
.context-home .news-event-info h2 {
  font-size: var(--font20);
}
.context-home .news-event-info .field--name-field-date {
  padding-bottom: 0;
}
/******************end news and event*********************/


/********************new-event-details************/

.page-node-type-news, .page-node-type-event{
  background-image: url(../img/blur-group.png), url(../img/new-detail-dna.png), url(../img/new-detail-dna-2.png), url(../img/new-detail-gradient.png) ;
  background-repeat: no-repeat;
  background-position:top center, top 0 right 120px, center right, top center;
  background-size:auto, 800px, 600px, auto;
}

/*.page-node-type-news:before, .page-node-type-event::before{
  background-image: url(../img/blur-group.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 1820px;
  height: 1820px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  z-index: -1;
}
.page-node-type-news:after, .page-node-type-event::after{
  background-image: url(../img/new-detail-dna.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 993px;
  height: 824px;
  right: 100px;
  top: 0;
  background-position: top  right;
  z-index: -2;
  background-size: 100%;
}*/


.news-event-header-container {
  position: relative;
  border-radius: var(--radius15);
  padding: 40px 20px 45px 55px;
  color: var(--white);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  min-height: 300px;
  display:flex;
  flex-direction: column;
  margin-top: 11px;
  background-color: var(--bluebg);

}
.news-event-detail {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  letter-spacing: 0.28px;
  font-size: var(--font14);
  flex-grow: 1;
  padding-bottom: 50px;
}
.news-event-detail .field--name-bundle-fieldnode {
  padding-right: 10px;
}
.news-event-header-container::before {
  font-family: 'icomoon';
  position: absolute;
  right: 20px;
  top: 40px;
  font-size: var(--font36);
  line-height: normal;
}

.news-event-header-container.news::before{
  content: "\e905";
  font-size: var(--font30);
}
.news-event-info h2{
  font-weight: var(--weight300);
  font-size: var(--font22);
}
.new-event-info .field--name-node-title{
  max-width: 732px;
}
.new-event-info .field--name-node-title h2, .new-event-info .field--name-node-title h1{
  font-weight: var(--weight300);
  font-size: var(--font30);
  font-family: var(--museo-sans);
  text-transform: none;
}
.news-event-header-container .field--name-field-press-release{
  padding-bottom: 25px;
  letter-spacing: 0.21px;
  font-size: var(--font11);
}
.new-event-info .content-body img{
  height: auto;
  padding: 10px 0 10px 15px;
}
.new-event-info .content-body {
    max-width: 100%;
    margin: 0 auto;
    padding-top:40px;
    line-height: 145%;
  letter-spacing: 0.42px;
  font-size: var(--font19);
  padding-left: 10%;
  padding-right: 10%;
}
.new-event-info .content-body strong{
  font-weight: var(--weight600);
}

.new-event-info .content-body h4{
  font-size: var(--font21);
  font-weight: var(--weight500);
  line-height: 140%;
  padding-bottom: 20px;
}
.new-event-info .content-body h4 strong{
  font-weight: var(--weight500);
  color: var(--blue);
}
.new-event-info .field--name-field-minute-read {
  font-style: italic;
  font-size: var(--font14);
  padding-bottom: 20px;
}
.backtotop {
  max-width: 100%;
  margin: 0 auto;
  padding-top: 20px;
  padding-left: 10%;
  padding-right: 10%;
}
.scroll-top-button {
  color: var(--darkblack);
  font-size: var(--font14);
  font-weight: var(--weight600);
  letter-spacing: 0.28px;
}
.scroll-top-button:hover {
  color: var(--purple);
}
/**********Related Articles news and events************/
.related-articles{
  padding-top: 40px;
}
.related-articles>h2{
  font-size: var(--font30);
  line-height: normal;
  margin-bottom: 25px;
}
.related-articles .node--type-case-study .study-case-list{
  margin-bottom: 30px;
}
.related-articles .block-connect-with-us-block {
  margin-top: 40px;
}
.related-articles .grid-three {
  width: 100%;
}
.related-articles .grid-three .field--name-field-related-article{
  display: flex;
  margin: 0 -15px;
}
.related-articles .grid-three .field--name-field-related-article > .field__item{
  width: 33.33%;
  padding: 0 15px;
  display: flex;
}

/*********************** end news details ************/


/************static page *******************/
.page-node-type-page{
  background-image:  url(../img/background-gradient-case-studies.png), url(../img/case-studies.png), url(../img/blue-group.svg);
  background-repeat: no-repeat;
  background-position: top center, top -10px right -10px, top center ;
  background-size: auto , 993px, auto;
}
.page-node-type-page #block-envisiontheme-content{
  background-color: var(--whitebg);
  padding: 30px;
  border-radius: var(--radius20);
  overflow: hidden;
}


.page-node-type-page .block-page-title-block{
  text-align: center;
  padding-bottom: 30px;
}

#block-envisiontheme-content .webform-submission-gated-content-form .contact-heading
{
	display: none;
}

#block-envisiontheme-content .field--type-webform .contact-button::before {
	content: none;
}

#block-envisiontheme-content .field--type-webform .contact-button::after {
        content: none;
}

.block-i-envision-cookie-notice {
	    background-color: var(--whitebg);
    padding: 30px;
    border-radius: var(--radius20);
    overflow: hidden;
    }

.block-i-envision-cookie-notice table {
    --bs-table-color-type: initial;
    --bs-table-bg-type: initial;
    --bs-table-color-state: initial;
    --bs-table-bg-state: initial;
    --bs-table-color: var(--bs-emphasis-color);
    --bs-table-bg: var(--bs-body-bg);
    --bs-table-border-color: var(--bs-border-color);
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--bs-emphasis-color);
    --bs-table-striped-bg: #f9f9f9;
    --bs-table-active-color: var(--bs-emphasis-color);
    --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
    --bs-table-hover-color: var(--bs-emphasis-color);
    --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
    width: 100%;
    margin-bottom: 1rem;
    vertical-align: top;
    border-color: var(--bs-table-border-color);
    caption-side: unset;
    border-collapse: collapse;
}

.block-i-envision-cookie-notice table thead,
.block-i-envision-cookie-notice table tbody,
.block-i-envision-cookie-notice table tfoot,
.block-i-envision-cookie-notice table tr,
.block-i-envision-cookie-notice table td,
.block-i-envision-cookie-notice table th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

.block-i-envision-cookie-notice table > thead {
    vertical-align: bottom;
}

.block-i-envision-cookie-notice table > tbody {
    vertical-align: inherit;
}

.block-i-envision-cookie-notice table > :not(caption) > * > * {
    padding: 0.5rem 0.75rem;
    color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
    background-color: var(--bs-table-bg);
    border-bottom-width: var(--bs-border-width);
    box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}



/********end static page**************/


/***********about us***********/

.context-about-our-story{
  background-image: url(../img/blur-group-story.png),url(../img/our-story-dna.png), url(../img/background-gradient-story.png),  url(../img/story-left.png);
  background-repeat: no-repeat;
  background-position:top center,top right, top center, top 1370px left 0 ;
  background-size: auto, 432px, auto, auto;

}
/*.context-about-our-story:before{
  background-image: url(../img/blur-group-story.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 1820px;
  height: 1820px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  z-index: -1;
}
.context-about-our-story:after{
  background-image: url(../img/our-story-dna.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 708px;
  height: 550px;
  right: 0;
  top: 0;
  background-position: top  right;
  z-index: -2;
  background-size: 100%;
}*/

/*********glance-block**************/

.glance-block-wrap {
  padding: 50px 0;
}
.glance-block-inside {
  border-radius: var(--radius30);
  /*overflow: hidden;*/
  position: relative;
  background-color: var(--videobg);
}
.glance-video .background-video {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: var(--radius30);
}
.glance-video .background-video iframe {
  /*width: 100vw;
  height: 56.25vw; *//* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  /*min-width: 177.77vh;*/
  min-height: 100vh;
  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.glance-block-sec {
  position: relative;
  color: var(--white);
  padding:90px 25px 50px 25px;
  z-index: 2;
}
.glance-block-inside:before {
  background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(113,25,244,1) 100%);
  position: absolute;
  right: 0;
  left: 0;
  content: "";
  top: 0;
  bottom: 0;
  z-index: 1;
  border-radius: var(--radius30);
}
.glance-block-sec:after {
  content: "\e91b";
  color: #fff;
  font-family: 'icomoon';
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: var(--font32);
}

/*.glance-video {
  border-radius: var(--radius30);
  overflow: hidden;
}*/
.glance-title{
  position: absolute;
  left:0;
  top:0;
  font-size: var(--font17);
  letter-spacing: 4.25px;
    text-transform: uppercase;
  margin: 0;
  border-radius: 20px 0 20px 0;
  font-weight: var(--weight400);
}
/*.glance-title::before {
  left: 0px;
  border-radius: 30px 0 0 0;
  -moz-border-radius: 30px 0 0 0;
  -webkit-border-radius: 30px 0 0 0;
  -webkit-box-shadow: 30px 0 0 0 var(--whitebg);
  box-shadow: 0 0 30px var(--whitebg);
  content: "";
  bottom: -30px;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: var(--whitebg);
  z-index: 1;
}
.glance-title::after {
  left: 0px;
  content: "";
  bottom: -25px;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: var(--lightbg);
}*/
.title-effect {
  position: relative;
  padding: 16px 36px 26px 40px;
  color: var(--darkblack);
  display: block;
  background-image: url(../img/at-glance-bg.svg);
  background-repeat: no-repeat;
  background-size: 266px;
  background-position: left top -1px;
  min-width: 266px;
  min-height: 90px;
  border-radius: 20px 0 0 0;
}
/*.title-effect::before {
  right: -40px;
  border-radius: 30px 0 0 0;
  -moz-border-radius: 30px 0 0 0;
  -webkit-border-radius: 30px 0 0 0;
  -webkit-box-shadow: 30px 0 0 0 var(--whitebg);
  box-shadow: 0 0 30px var(--whitebg);
  content: "";
  top: 0;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: var(--whitebg);
  z-index: 1;
}
.title-effect::after {
  right: -40px;
  content: "";
  top: 0;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: var(--lightbg);
}*/

.glance-block-sec h3{
  font-size: var(--font40);
  text-align: center;
  margin-bottom: 40px;
  font-weight: var(--weight300);
}
.glance-row{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.glance-col-1{
  width: 60%;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
}
.glance-col-2{
  width: 40%;
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
}
.glance-info{
  padding:15px 0;
}
.glance-cont{
  border: 1px solid rgba(217, 217, 217, 0.20);
  background: linear-gradient(115deg, #646F95 30.39%, rgba(100, 111, 149, 0.40) 86.62%);
  padding: 15px 15px 18px 22px;
  border-radius: var(--radius20);
  min-height: 186px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.glance-icon{
  flex-grow: 1;
  text-align: right;
}
.glance-text, .glance-sub-text {
  letter-spacing: 0.2px;
  font-size: var(--font20);
  line-height: 120%;
}
.glance-numb {
  font-size:var(--font55);
  letter-spacing: 0.55px;
  line-height: normal;
  font-weight: var(--weight400);
}
.glance-plus {
  font-size: var(--font34);
  top: -17px;
  position: relative;
  font-weight:  var(--weight400);
}
.glance-desc {
  display: flex;
  width: 100%;
  align-items: center;
}
.glance-left {
  white-space: nowrap;
  padding-right: 8px;
}

.glance-per{
  color: var(--white);
  font-size: var(--font50);
  line-height: 130%;
  letter-spacing: 0.5px;
  opacity: 0.9;
  vertical-align: top;
}

.glance-notes {
  padding-top: 40px;
  font-size: var(--font15);
  line-height: normal;
}

.glance-notes ol{
  padding-left: 18px;
}
@media (min-width:768px) {
.glance-info-two .glance-desc {
  flex-wrap: wrap;
}
}
.margin-top-30{
  margin-top: 30px;
}
.glance-video video{
  vertical-align: top;
}


/*****************end*****************/

.view-news-event .view-footer{
  text-align: center;
  padding-top: 20px;
}
.view-news-event .view-footer .views-display-link {
    letter-spacing: 0.55px;
    text-transform: uppercase;
    font-size: var(--font11);
    font-weight: var(--weight600);
    border-radius: var(--radius10);
    background-color: var(--lightbg);
    border: 1px solid var(--darkblack);
    padding: 7px 25px 27px 10px;
    min-height: 52px;
    background-repeat: no-repeat;
    color: var(--darkblack);
    position: relative;
    display: inline-block;
}
.view-news-event .view-footer .views-display-link:hover, .view-news-event .view-footer .views-display-link:focus {
  background-color: var(--purple-bg);
  border-color: var(--purple-bg);
  color: var(--white);
}
.view-news-event .view-footer .views-display-link::after {
  content: "\e901";
  font-family: 'icomoon';
  position: absolute;
  right: 5px;
  bottom: 3px;
  font-size: var(--font17);
  font-weight: var(--weight300);
}

/***********home*************/

.path-frontpage{
  background-image: url(../img/home-frame-1.png), url(../img/home-bg.png);
  background-repeat: no-repeat;
  background-position: top center, top -350px center;
  background-size: auto, auto;
}
/*.path-frontpage:before{
  background-image: url(../img/home-frame.png);
  background-repeat: no-repeat;
  background-position: top right;
  position: absolute;
  content: "";
  width: 100%;
  height: 1617px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  z-index: -2;
  max-width: 1920px;
  opacity: 0.4;
}*/
/*.path-frontpage:after{
  background-image: url(../img/home-dna.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 1240px;
  height: 745px;
  right: 0;
  top: 0;
  left: 0;
  margin: 0 auto;
  background-position: top right ;
  z-index: -1;
}*/
.home-main-heading:before {
  background-image: url(../img/home-dna.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 1240px;
  height: 745px;
  right: 0;
 /* top: -170px;*/
  top: 0;
  left: 0;
  margin: 0 auto;
  background-position: top right ;
  z-index: 1;
}

.user-logged-in .home-main-heading:before {
  top: -180px;
}

/*********home case_study*************/

.case_study {
  border-radius: var(--radius20);
  padding: 70px 60px;
  color: var(--white);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 100px;
}
.case_study::after{
  content: "\e907";
  font-family: 'icomoon';
  position: absolute;
  right: 30px;
  top: 25px;
  font-size: var(--font30);
}
.case-study-detail{
  text-transform: uppercase;
}
.case_study h2, .case_study .field--name-field-sub-title{
  font-size:var(--font60);
  font-weight: var(--weight300);
  margin: 0;
  line-height: normal;
}


.case_study .content-body {
  max-width: 500px;
  font-size: var(--font16);
  line-height: 145%;
  letter-spacing: 0.32px;
  padding-top: 30px;
}
.case_study .content-body .field--name-field-minutes-required{
  font-size:  var(--font14);
  font-style: italic;
  padding-top: 40px;
}

/************button**********/
.case_study .field--name-node-link {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 32px 0 0 34px;
  background-image: url(../img/shape-right.svg);
  background-repeat: no-repeat;
  background-position: bottom -1px right -1px;
  background-size: 26px 88px;
}
.case_study .field--name-node-link:before {
  background-image: url(../img/shape-left.svg);
  content: "";
  width: 49px;
  height: 66px;
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: 0;
}
.case_study .field--name-node-link:after {
  background-image: url(../img/shape-repeat.svg);
  content: "";
  height: 66px;
  position: absolute;
  display: inline-block;
  right: 24px;
  bottom: 0;
  left: 45px;
  background-repeat: repeat;
  background-size: 66px;
}
.case_study .field--name-node-link a {
  letter-spacing: 0.55px;
  text-transform: uppercase;
  font-size: var(--font11);
  font-weight: var(--weight600);
  border-radius: var(--radius10);
  background-color: var(--lightbg);
  border: 1px solid var(--darkblack);
  padding: 7px 25px 27px 10px;
  min-height: 52px;
  background-repeat: no-repeat;
  color: var(--darkblack);
  position: relative;
  display: inline-block;
  z-index: 1;
  min-width: 100px;
  line-height: 16px;
}
.case_study  .field--name-node-link a::after {
  content: "\e901";
  font-family: 'icomoon';
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: var(--font17);
  font-weight: var(--weight300);
}
.case_study  .field--name-node-link a:hover, .case_study .field--name-node-link a:focus {
  background-color: var(--purple-bg);
  border-color: var(--purple-bg);
  color: var(--white);
}


/*************end home case study*********/

/***********home-main-heading********/

.home-main-heading {
  text-align: center;
  font-family: var(--azo-sans);
  font-size: var(--font45);
  line-height: 103%;
  color: var(--purple);
  padding: 100px 0 136px 0;
  /*position: relative;
  z-index: 1;*/
}


.home-main-heading  .field--type-text-with-summary{
  position: relative;
  z-index: 2;
}
.home-main-heading h1{
  color: var(--darkblack);
  text-align: center;
  max-width: 700px;
  margin: 0;
  line-height: 79px;
}
.home-main-heading strong{
  font-weight: var(--weight500);
}
.home-main-heading p{
  border-radius: 8.971px;
  background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(225,225,225,1) 100%);
  padding: 8px 15px;
  display: inline-block;
  clear: both;
}
/***********block-life-science-tech-block**********/
/******admin login**********/

.region-front-solution  .contextual, .region-front-technology  .contextual {
    top: 40px;
    right: 35px;
}
.contextual-region.solution-main-heading, .contextual-region.technology-main-heading {
	position: static;
}

/*****end*admin login**********/

.region-front-solution{
  background-color: var(--whitebg);
  padding:35px 24px 24px 24px;
  border-radius: var(--radius30);
  margin: 30px 0;
  position: relative;
}
.solution-main-heading{
  text-align: center;
  font-size: var(--font30);
  line-height: 135%;
  letter-spacing: 0.6px;
  padding: 0 15px;
}
.solution-main-heading .field--type-text-with-summary {
  max-width: 610px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.solution-main-heading .field--type-text-with-summary strong{
  font-weight: var(--weight500);
}
.solution-main-heading .field--type-text-with-summary a{
  color: var(--darkblack);
}
.solution-main-heading .field--type-text-with-summary a:hover{
  color: var(--purple);
}
.solution-main-heading h2{
  position: absolute;
  background-color:var(--lightbg);
  display: inline-block;
  border-radius: 20px 0 20px 0;
  width: auto;
  top: 0;
  left:0;
  font-weight: var(--weight500);
  line-height: normal;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  font-size: var(--font14);
}
.solution-main-heading h2::before {
  left: 0px;
  border-radius: 30px 0 0 0;
  -moz-border-radius: 30px 0 0 0;
  -webkit-border-radius: 30px 0 0 0;
  -webkit-box-shadow: 30px 0 0 0 #fff;
  box-shadow: 0 0 30px #fff;
  content: "";
  bottom: -30px;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: #fff;
  z-index: 1;
}
.solution-main-heading h2::after {
  left: 0px;
  content: "";
  bottom: -25px;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: var(--lightbg);
}
.solution-main-heading h2 span{
  display: inline-block;
    position: relative;
    padding: 16px 30px 19px 30px;
}
.solution-main-heading h2 span::before {
  right: -40px;
  border-radius: 30px 0 0 0;
  -moz-border-radius: 30px 0 0 0;
  -webkit-border-radius: 30px 0 0 0;
  -webkit-box-shadow: 30px 0 0 0 #fff;
  box-shadow: 0 0 30px #fff;
  content: "";
  top: 0;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: #fff;
  z-index: 1;
}
.solution-main-heading h2 span::after {
  right: -40px;
  content: "";
  top: 0;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: var(--lightbg);
}

.solution-block-cont .view-content{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.solution-block-cont .views-row{
  display: flex;
  flex-wrap: wrap;
  padding:15px;
  width: 50%;
}
.solution-info .field--name-taxonomy-term-title {
  flex-grow: 1;
}
.solution-info {
  color: var(--white);
  font-size: var(--font15);
  letter-spacing: 0.3px;
  position: relative;
  padding-right: 213px;
  border-radius: var(--radius20);
  padding-left: 34px;
  display: flex;
  flex-direction: column;
}
.solution-icon{
  font-size: var(--font20);
  padding-bottom: 30px;
  padding-top: 34px;
  line-height: normal;
}
.solution-block-cont h2{
  font-size: var(--font25);
  font-weight: var(--weight400);
  line-height: normal;
  letter-spacing: 0.5px;
}
.solution-content{
  padding-top: 65px;
  padding-bottom: 28px;
  line-height: 130%; /* 19.5px */
  align-items: flex-end;
}
.solution-content p:last-child{
  margin-bottom: 0;
}
.solution-content .field--name-field-logo-media {
  display: flex;
  width: 100%;
  align-items: center;
}
.solution-content .field--name-field-logo-media .field__item {
  padding-bottom: 10px;
  padding-right: 30px;
}
.solution-content .field--name-field-logo-media.field__item:last-child {
  padding-right: 0;
}
.solution-image-block{
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 181px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--radius20);
}

.solution-info .field--name-field-link {
  position: absolute;
  bottom: -1px;
  right: 0;
  padding: 32px 0 1px 34px;
  background-image: url(../img/shape-right-white.svg);
  background-repeat: no-repeat;
  background-position: bottom -1px right -1px;
  background-size: 26px 88px;
}
.solution-info .field--name-field-link:before {
  background-image: url(../img/shape-left-white.svg);
  content: "";
  width: 49px;
  height: 66px;
  position: absolute;
  display: inline-block;
  left: 1px;
  bottom: 0;
}
.solution-info .field--name-field-link:after {
  background-image: url(../img/shape-repeat-white.svg);
  content: "";
  height: 66px;
  position: absolute;
  display: inline-block;
  right: 24px;
  bottom: 0;
  left: 45px;
  background-repeat: repeat;
  background-size: 66px;
}
.solution-info .field--name-field-link a {
  letter-spacing: 0.55px;
  text-transform: uppercase;
  font-size: var(--font11);
  font-weight: var(--weight600);
  border-radius: var(--radius10);
  background-color: transparent;
  border: 1px solid var(--darkblack);
  padding: 7px 25px 27px 10px;
  min-height: 52px;
  background-repeat: no-repeat;
  color: var(--darkblack);
  position: relative;
  display: inline-block;
  z-index: 1;
  min-width: 100px;
  line-height: 16px;
}
.solution-info  .field--name-field-link a::after {
  content: "\e901";
  font-family: 'icomoon';
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: var(--font17);
  font-weight: var(--weight300);
}
.solution-info  .field--name-field-link a:hover, .solution-info  .field--name-field-link a:focus {
  background-color: var(--purple-bg);
  border-color: var(--purple-bg);
  color: var(--white);
}


/*********end solution*1************/


/*********solution*block 2************/

.solution-block-cont-2 {
  margin: 20px 0;
  display: inline-block;
  width: 100%;
}
.solution-info-2{
  background-color: var(--blue);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  border-radius: var(--radius20);
  color: var(--white);
  position: relative;
  display: flex;
  padding: 60px;
  min-height: 196px;
  align-items: center;
}
.solution-info-2 .solution-content {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 30px;
}
.solution-info-2 .solution-content img{
  max-width: 376px;
}
.solution-info-2 h2{
  font-size: var(--font18);
  font-weight: var(--weight400);
  line-height: normal;
  letter-spacing: 0.18px;
  margin: 0;
}

.solution-info-2 .field--name-field-link {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 32px 0 0 34px;
  background-image: url(../img/shape-right.svg);
  background-repeat: no-repeat;
  background-position: bottom -1px right -1px;
  background-size: 26px 88px;
}
.solution-info-2 .field--name-field-link:before {
  background-image: url(../img/shape-left.svg);
  content: "";
  width: 49px;
  height: 66px;
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: 0;
}
.solution-info-2 .field--name-field-link:after {
  background-image: url(../img/shape-repeat.svg);
  content: "";
  height: 66px;
  position: absolute;
  display: inline-block;
  right: 24px;
  bottom: 0;
  left: 45px;
  background-repeat: repeat;
  background-size: 66px;
}
.solution-info-2 .field--name-field-link a {
  letter-spacing: 0.55px;
  text-transform: uppercase;
  font-size: var(--font11);
  font-weight: var(--weight600);
  border-radius: var(--radius10);
  background-color: var(--lightbg);
  border: 1px solid var(--darkblack);
  padding: 7px 25px 27px 10px;
  min-height: 52px;
  background-repeat: no-repeat;
  color: var(--darkblack);
  position: relative;
  display: inline-block;
  z-index: 1;
  min-width: 100px;
  line-height: 16px;
}
.solution-info-2  .field--name-field-link a::after {
  content: "\e901";
  font-family: 'icomoon';
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: var(--font17);
  font-weight: var(--weight300);
}
.solution-info-2  .field--name-field-link a:hover, .solution-info-2  .field--name-field-link a:focus {
  background-color: var(--purple-bg);
  border-color: var(--purple-bg);
  color: var(--white);
}

/**********solution block 2 **********/

.region-front-technology{
  background-color: var(--whitebg);
  padding:35px 24px 24px 24px;
  border-radius: var(--radius30);
  margin: 40px 0;
  position: relative;
  display: inline-block;
  width: 100%;
}
.technology-main-heading{
  text-align: center;
  font-size: var(--font30);
  line-height: 135%;
  letter-spacing: 0.6px;
  padding: 0 15px;
}
.technology-main-heading .field--type-text-with-summary {
  max-width: 700px;
  margin: 0 auto;
}
.technology-main-heading .field--type-text-with-summary strong{
  font-weight: var(--weight500);
}
.technology-main-heading h2{
  position: absolute;
  background-color: var(--lightbg);
  display: inline-block;
  border-radius: 20px 0 20px 0;
  width: auto;
  top: 0;
  left:0;
  font-weight: var(--weight500);
  line-height: normal;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  font-size: var(--font14);
}
.technology-main-heading h2::before {
  left: 0px;
  border-radius: 30px 0 0 0;
  -moz-border-radius: 30px 0 0 0;
  -webkit-border-radius: 30px 0 0 0;
  -webkit-box-shadow: 30px 0 0 0 #fff;
  box-shadow: 0 0 30px #fff;
  content: "";
  bottom: -30px;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: #fff;
  z-index: 1;
}
.technology-main-heading h2::after {
  left: 0px;
  content: "";
  bottom: -25px;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: var(--lightbg);
}
.technology-main-heading h2 span{
  display: inline-block;
    position: relative;
    padding: 16px 30px 19px 30px;
}
.technology-main-heading h2 span::before {
  right: -40px;
  border-radius: 30px 0 0 0;
  -moz-border-radius: 30px 0 0 0;
  -webkit-border-radius: 30px 0 0 0;
  -webkit-box-shadow: 30px 0 0 0 #fff;
  box-shadow: 0 0 30px #fff;
  content: "";
  top: 0;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: #fff;
  z-index: 1;
}
.technology-main-heading h2 span::after {
  right: -40px;
  content: "";
  top: 0;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: var(--lightbg);
}

.technology-block-cont .view-content{
  display: grid;
  grid-template-columns: 70% 0 30%;
}
 .technology-col-1 {
  grid-column: 1 / span 2;
  grid-row: 1;
  padding: 15px;
}
 .technology-col-1:nth-child(2) {
  grid-column: 1 / span 2;
  grid-row: 2;
}
.technology-col-2{
  grid-column: 3;
  grid-row: 1 / span 2;
  padding: 15px;
}

.technology-block-info{
  background-color: var(--matte-blue-bg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  border-radius: var(--radius20);
  color: var(--white);
  position: relative;
  padding: 30px;
  min-height: 250px;
  height: 100%;
  font-size: var(--font15);
  line-height: 130%;
  letter-spacing: 0.3px;
  display: flex;
  flex-direction: column;
}

.technology-block-header {
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding-bottom: 30px;
  flex-grow: 1;
}
.technology-block-header .field--type-text {
  font-size: var(--font14);
  font-weight: var(--weight600);
  line-height: normal;
  letter-spacing: 0.28px;
  flex-grow: 1;
  padding-left: 10px;
  text-align: right;
}
.technology-body-text {
  max-width: 400px;
}
.technology-col-2 .technology-body-text {
  max-width: 400px;
  padding-bottom: 40px;
}
.technology-body-text h2{
  font-size: var(--font23);
  letter-spacing: 0.46px;
}


.technology-block-info .field--name-field-link {
  position: absolute;
  bottom: -1px;
  right: 0;
  padding: 32px 0 1px 34px;
  background-image: url(../img/shape-right-white.svg);
  background-repeat: no-repeat;
  background-position: bottom -1px right -1px;
  background-size: 26px 88px;
}
.technology-block-info .field--name-field-link:before {
  background-image: url(../img/shape-left-white.svg);
  content: "";
  width: 49px;
  height: 66px;
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: 0;
}
.technology-block-info .field--name-field-link:after {
  background-image: url(../img/shape-repeat-white.svg);
  content: "";
  height: 66px;
  position: absolute;
  display: inline-block;
  right: 22px;
  bottom: 0;
  left: 42px;
  background-repeat: repeat;
  background-size: 66px;
}
.technology-block-info .field--name-field-link a {
  letter-spacing: 0.55px;
  text-transform: uppercase;
  font-size: var(--font11);
  font-weight: var(--weight600);
  border-radius: var(--radius10);
  background-color: transparent;
  border: 1px solid var(--darkblack);
  padding: 7px 25px 27px 10px;
  min-height: 52px;
  background-repeat: no-repeat;
  color: var(--darkblack);
  position: relative;
  display: inline-block;
  z-index: 1;
  min-width: 100px;
  line-height: 16px;
}
.technology-block-info  .field--name-field-link a::after {
  content: "\e901";
  font-family: 'icomoon';
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: var(--font17);
  font-weight: var(--weight300);
}
.technology-block-info  .field--name-field-link a:hover, .technology-block-info .field--name-field-link a:focus {
  background-color: var(--purple-bg);
  border-color: var(--purple-bg);
  color: var(--white);
}


/***********block-life-science-tech-block**********/


.block-life-science-tech-block {
  padding:60px 0 100px 0;
}
.science-tech-left{
  max-width: 500px;
}
.science-tech-left h5{
  letter-spacing: 3.5px;
  text-transform: uppercase;
  font-size:var(--font14);
  color: var(--lightgray);
}
.science-tech-left h2{
  font-size: var(--font45);
  line-height: 125%;
  text-shadow: 0px 11.862916946411133px 15.817222595214844px #FFF;
  letter-spacing: 0.9px;
  font-weight: var(--weight300);
}
.science-tech-left h2 strong{
  font-weight: var(--weight500);
}
.science-tech-info {
  background-color: var(--matte-blue-bg);
  border-radius: var(--radius20);
  padding: 25px 22px 16px 27px;
  min-height: 100%;
  color: var(--white);
  line-height: 130%; /* 23.4px */
  letter-spacing: 0.36px;
  font-size: var(--font18);
  position: relative;
  min-height: 316px;
  flex-direction: column;
  display: flex;
}
.matte-blue-bg-block {
  background-color: var(--matte-blue-bg);
}
.matte-purple-bg-block{
  background-color: var(--matte-purple-bg);
}
.matte-green-bg-block{
  background-color: var(--matte-green-bg);
}
.matte-grey-bg-block {
  background-color: var(--matte-grey-bg);
}
.matte-green-light-bg-block {
  background-color: var(--matte-green-light-bg);
}
.matte-purple-light-bg-block {
  background-color: var(--matte-purple-light-bg);
}




.science-tech-info h3{
  font-size: var(--font14);
  font-weight: var(--weight500);
  line-height: normal;
  letter-spacing: 0.28px;
  flex-grow: 1;
  max-width: 130px;
}
.techblock-image {
  position: absolute;
  right: -80px;
  top: 0;
  max-width: 220px;
}

.stats-group{
  font-size: 64px;
  font-weight: var(--weight500);
  line-height: normal;
  letter-spacing: 1.28px;
  padding-bottom: 10px;
}
.prefix{
  font-size: var(--font35);
  line-height: normal;
  letter-spacing: 0.7px;
  opacity: 0.4;
  font-weight: var(--weight300);
  vertical-align: top;
  line-height: 57px;
}
.techblock-logo{
  padding-bottom: 20px;
  max-width: 116px;
}
.tech-mb{
  margin-bottom: 40px;
}
.padding-left30{
  padding-left: 40px;
}
.padding-right0{
  padding-right: 0;
}
.science-tech-desp {
  position: relative;
}
.science-tech-desp strong{
  font-weight: var(--weight500);
}
.tech-note {
  line-height: normal;
  padding-left: 28px;
  font-size: var(--font14);
}
.tech-mb h2{
  line-height: 54px;
  font-size: 64px;
}
.tech-mb:nth-child(3) .techblock-image{
  top: 110px;
}
.tech-mb:nth-child(3) .science-tech-desp {
  max-width: 126px;
}


/*************************************gallery***********************/
.custom-image-gallery {
  background-color: var(--whitebg);
  /*column-gap: 15px;*/
  border-radius: var(--radius30);
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  padding:0 15px 0 0 ;
  margin: 45px 0;
}
.gallery-item {
  border-radius: var(--radius15);
  max-width: 100%;
  max-height:238px;
  margin: 15px 0 15px 15px;
}

@media (min-width:1200px) {
  .custom-image-gallery {
    padding: 0 5px;
  }
  .gallery-column {padding: 0 10px;}

  .gallery-column:nth-child(1) {
    width: 25%;
  }
  .gallery-column:nth-child(2) {
    width: 42%;
  }
  .gallery-column:nth-child(3) {
    width: 33%;
  }
  .gallery-item {
    margin-left: 0;
  }
  .gallery-column:nth-child(4) {
    width: 33%;
  }
  .gallery-column:nth-child(5) {
    width: 16%;
  }
 .gallery-column:nth-child(6) {
    width: 33%;
  }
  .gallery-column:nth-child(7) {
    width: 17%;
  }
}

/*******************Life Science********************/
.sciencetech-block{
  padding: 40px 0 20px 0;
}
.why-envision-col {
  padding:15px;
  display: flex;
}
.why-envision-info {
  border: 1px solid var(--borderdark);
  background-color: rgba(246,246,246, 0.9);
  padding: 20px 15px 25px 15px;
  border-radius: var(--radius20);
  font-size: var(--font16);
  line-height: 130%;
  letter-spacing: 0.32px;
  min-height: 100%;
  width: 100%;
}
.iconenvision-block{
  padding-bottom: 50px;
  font-size: var(--font27);
  color: var(--purple);
}
.why-envision-info h2{
  letter-spacing: 0.26px;
  font-size: var(--font26);
  font-weight: var(--weight600);
}
.why-envision-info h5{
  line-height: 130%;
  letter-spacing: 0.4px;
  font-weight: var(--weight500);
  font-size: var(--font20);
  margin: 0;
  padding-bottom: 10px;
}
.why-envision-info h5 a{
  color: var(--darkblack);
}
.why-envision-info h5 a:hover{
  color: var(--purple);
}
.why-envision-info p:last-child{
  margin: 0;
}

.sciencetech-block .field--name-field-section-heading{
  font-size: var(--font50);
  line-height: 130%; /* 36.4px */
  letter-spacing: 0.56px;
  padding-bottom: 10px;
}
.sciencetech-block .envision-sub-heading {
  font-size: var(--font20);
  padding-bottom: 40px;
}
.sciencetech-block .envision-sub-heading  a{
  font-weight: var(--weight600);
}
.sciencetech-block .field--name-field-section-sub-heading {
  color: #5D5F6F;
}

/*********end**Life Science******/

/************customized-solution-sec**********/

.customized-solution-sec {
  background-color: var(--whitebg);
  padding: 30px 30px 0 30px;
  border-radius: var(--radius30);
  background-image: url(../img/12.png);
  background-position: left center;
  background-repeat: no-repeat;
  margin: 30px 0;
}
.customized-solution-sec .field--name-field-section-heading{
  font-size: var(--font30);
  padding-bottom: 10px;
}
.customized-solution-sec .why-envision-info{
  background-color: rgba(255,255,255, 0.8);
}


/***********our-values-block*************/
.block-our-values{
  padding: 30px 0 50px 0;
  max-width: 800px;
  text-align: center;
  margin: 0 auto;
}
.block-our-values h3{
  font-size: var(--font14);
  font-weight: var(--weight400);
  line-height: normal;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  color: var(--lightgray);
  margin-bottom: 15px;
}
.block-our-values .field--name-field-block-description{
  font-size: var(--font32);
  line-height: 130%; /* 41.6px */
  letter-spacing: 0.64px;
  font-weight: var(--weight300);
}
.block-our-values .field--name-field-block-description a, .block-our-values .field--name-field-block-description strong{
  font-weight: var(--weight500);
  color: var(--purple);
}

/*********solution-technology************/

.solution-technology-block{
  background-repeat: no-repeat;
  background-size: cover;
  font-size: var(--font16);
  line-height: 130%;
  letter-spacing: 0.32px;
  position: relative;
  width: 100%;
  color: var(--white);
  padding: 40px;
  border-radius: var(--radius20);
  min-height: 540px;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  background-color: var(--bluebg);
}
.st-icon{
  font-size: var(--font40);
  flex-grow: 1;
}
.st-large-icon{
  position: absolute;
  right: -12px;
  top: -21px;
  font-size: 250px;
  color: #D9D9D9;
    /*mix-blend-mode: hard-light;
     opacity: 0.5;*/
}

.st-large-icon .icon-life-sciences::before{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(../img/solutions-icon.png);
  width: 238px;
  height: 238px;
  display: inline-block;
  background-size: 100%;
}
.st-large-icon .icon-round::before{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(../img/round-t.png);
  width: 238px;
  height: 238px;
  display: inline-block;
  background-size: 100%;
}

.solution-technology-block h2{
  letter-spacing: 1px;
  margin: 0;
}

.solution-technology-description {
  padding-top:20px;
}

.solution-technology-description p:first-child{
  font-weight: var(--weight500);
}
.solution-technology-list {
  padding: 10px 0;
}
.solution-technology-list a{
  display: flex;
  width: 100%;
  border: 1px solid var(--darkblack);
  background: #f5f5f5;
  margin: 10px 0;
  color: var(--darkblack);
  border-radius: var(--radius15);
  padding: 16px 50px 16px 25px;
  align-items: center;
  position: relative;
}
.solution-list-icon{
  font-size: var(--font25);
  color: var(--purple);
  line-height: normal;
}
.field--name-field-solution-technology-blk .col-lg-6:nth-child(2) .solution-list-icon{
  color: var(--blue);
}

.solution-technology-list h5{
  font-size: var(--font19);
  font-weight: var(--weight500);
  line-height: 130%; /* 23.4px */
  letter-spacing: 0.36px;
  margin: 0;
  padding-left: 25px;
}

.solution-technology-list a:after{
  content: "\e901";
  font-family: 'icomoon';
  position: absolute;
  right: 20px;
  font-size: var(--font22);
  line-height: normal;
}

.solution-technology-list a:hover{
  background-color: var(--purple-bg);
  color: var(--white);
  border-color: var(--white);
}
.solution-technology-list a:hover .solution-list-icon{
  color: var(--white);
}
.field--name-field-solution-technology-blk .col-lg-6:nth-child(2) .solution-technology-list a:hover .solution-list-icon{
  color: var(--white);
}



/************careers******************/
.context-careers{
  background-image: url(../img/blur-group-story.png), url(../img/careers-top.png), url(../img/background-gradient-story.png),  url(../img/careers-left.png);
  background-repeat: no-repeat;
  background-position: top center,top right, top center, bottom 550px left 0;
  background-size: auto, 996px, auto, auto;

}
/*.context-careers:before{
  background-image: url(../img/blur-group-story.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 1820px;
  height: 1820px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  z-index: -1;
}
.context-careers:after{
  background-image: url(../img/careers-top.png);
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  width: 996px;
  height: 757px;
  right: 0;
  top: 0;
  background-position: top  right;
  z-index: -2;
  background-size: 100%;
}*/

.block-page-title-block {
  text-align: center;
  padding-top: 35px;
}
.block-page-title-block h1{
  margin-bottom: 20px;
}
.description-block {
  text-align: center;
  max-width: 805px;
  margin: 0 auto;
  width: 100%;
  letter-spacing: 0.4px;
  font-size: var(--font20);
  padding-bottom: 50px;
  font-weight: var(--weight500);
  width: 100%;
}
.description-block strong{
  font-weight: var(--weight500);
  color: var(--blue);
}

/***************end description****************/

/*********our-story-content-block*************/

.block-our-story-content-block {
      text-align: left;
      max-width: 750px;
      margin: 0 auto;
      width: 100%;
      letter-spacing: 0.34px;
      padding-bottom: 30px;
      width: 100%;
}
.our-story-text {
  font-size: var(--font23);
  padding-bottom: 25px;
  padding-top: 20px;
  line-height: 145%; /* 33.35px */
  letter-spacing: 0.46px;
  font-weight: var(--weight500);
}
.our-story-text strong{
  font-weight: var(--weight500);
  color: var(--purple);
}
.block-our-story-content-block a{
  color: var(--purple);
}


/**********careers-common-block*********/

.careers-common-block {
    padding: 100px 70px;
    color: var(--white);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--radius20);
    font-size: var(--font19);
    letter-spacing: 0.4px;
    position: relative;
    line-height: 130%;
    margin: 20px 0;
    display: inline-block;
    width: 100%;
    background-color: var(--matte-blue-dark);
}
.careers-common-block .careers-block-icon{
  position: absolute;
  right: 25px;
  top: 25px;
  line-height: normal;
  font-size: 30px;
}
.careers-common-block h2{
  font-size: var(--font45);
  margin: 0;
  padding-bottom: 20px;
}
.careers-common-block h2 strong{
  font-weight: var(--weight500);
}
.careers-common-block .field--name-field-description {
  max-width: 510px;
}
.careers-common-block .field--name-field-description strong{
  font-weight: var(--weight500);
}
.careers-common-block .field--name-field-description p:last-child{
  margin-bottom: 0;
}
.careers-common-block .field--name-field-link {
  position: absolute;
  bottom: -1px;
  right: 0;
  padding: 32px 0 1px 34px;
  background-image: url(../img/shape-right.svg);
  background-repeat: no-repeat;
  background-position: bottom -1px right -1px;
  background-size: 26px 88px;
}
.careers-common-block .field--name-field-link:before{
  background-image: url(../img/shape-left.svg);
  content: "";
  width: 49px;
  height: 66px;
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: 0;
}

.careers-common-block .field--name-field-link:after{
  background-image: url(../img/shape-repeat.svg);
  content: "";
    height: 66px;
    position: absolute;
    display: inline-block;
    right: 22px;
    bottom: 0;
    left: 42px;
    background-repeat: repeat;
    background-size: 66px;
}
/*.careers-common-block .field--name-field-link a:before{
  background-image: url(../img/shape-right.svg);
  content: "";
  width: 26px;
    height: 107px;
    position: absolute;
    display: inline-block;
    right: 0;
    bottom: 0;
    background-repeat: repeat;
}*/
.careers-common-block .field--name-field-link a {
  letter-spacing: 0.55px;
  text-transform: uppercase;
  font-size: var(--font11);
  font-weight: var(--weight600);
  border-radius: var(--radius10);
  background-color: var(--lightbg);
  border: 1px solid var(--darkblack);
  padding: 7px 25px 27px 10px;
  min-height: 52px;
  background-repeat: no-repeat;
  color: var(--darkblack);
  position: relative;
  display: inline-block;
  z-index: 1;
  line-height: 16px;
}
.careers-common-block  .field--name-field-link a::after {
  content: "\e901";
  font-family: 'icomoon';
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: var(--font17);
  font-weight: var(--weight300);
}

.careers-common-block .field--name-field-link a:hover, .careers-common-block .field--name-field-link a:focus {
  background-color: var(--purple-bg);
  border-color: var(--purple-bg);
  color: var(--white);
}
.careers-common-block .field--name-field-link a svg{
  display: none;
}

.Passion {
  padding-top: 70px;
  padding-bottom: 70px;
}
.Opportunities {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #646F95;
}
.Passion h2{
  font-size: var(--font35);
  max-width: 600px;
}
.Passion .field--name-field-description {
  max-width: 600px;
}
.Communication h2{
  font-size: var(--font35);
  max-width: 700px;
}
.Communication .field--name-field-description {
  max-width: 700px;
}
/**************end*careers-common block**********/




/*************our-values-content***********/

.careers-our-values-block {
  padding-top: 60px;
  padding-bottom: 200px;
  padding-left:10%;
}
.careers-our-values-block .field--name-field-block-title {
  color: var(--lightgray);
  font-size: var(--font14);
  font-weight: var(--weight500);
  line-height: normal;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  padding-bottom: 25px;
}
.careers-our-values-block .field--name-field-block-heading{
  text-shadow: 0px 15px 20px #FFF;
  font-size: var(--font35);
  line-height: 130%;
  letter-spacing: 0.7px;
  max-width: 710px;
}
.careers-our-values-block .field--name-field-block-heading strong{
  color: var(--blue);
  font-weight: var(--weight500);
}


.our-values-content {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  padding-top: 45px;
}
.our-values-content .field--name-field-block-description {
  width: 27%;
  line-height: 145%;
  letter-spacing: 0.34px;
  padding-right: 30px;
}
.our-values-content .field--name-field-image {
  width: 73%;
}
.our-values-content .field--name-field-block-description strong{
  font-weight: var(--weight500);
}
/*************end our-values-content***********/

/**********paragraph--type--video**********/
.paragraph--type--video {
  text-align: center;
  padding: 90px 0;
}
.video-sec{
  position: relative;
  max-width: 848px;
  margin: 0 auto;
}
.video-sec iframe{
  max-width: 848px;
  width: 100%;
  vertical-align: top;
  border-radius: var(--radius20);
  overflow: hidden;
}
.video-sec button{
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  width: 62px;
  height: 62px;
  margin: auto;
  left: 0;
  right: 0;
  border: none;
  appearance: none;
  font-size:0;
  background-image: url(../img/play.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 48px;
  background-color: transparent;
  display: none;
}

.video-sec button.pause{
  background-image: url(../img/pause.svg);
  opacity: 0;
  background-size: 32px;
}
.video-sec:hover button.pause{
  opacity: 1;
}


/*********************/

/**************block-connect-with-us-block***********/

.block-connect-with-us-block {
  margin-top: 60px;
}
.connectwithus {
  background: linear-gradient(90deg, rgba(142,154,181,1) 0%, rgba(125,100,183,1) 63%, rgba(109,105,183,1) 100%);
  color: var(--white);
  padding: 35px 200px 20px 50px;
  border-radius: var(--radius20);
  font-size:  var(--font19);
  line-height: 130%; /* 24.7px */
  letter-spacing: 0.38px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
}
.connectwithus h4{
  font-size: var(--font35);
  font-weight: var(--weight300);
}


/**************block*connect*end****************/



/************404 page************/
.context-error-page, .context-access-denied  {
    background-image:url(../img/blur-group.png), url(../img/error-page.png);
    background-repeat: no-repeat;
    background-position: top center, top center;
    background-size: auto, auto;
}
.context-error-page #block-envisiontheme-content, .context-access-denied #block-envisiontheme-content{
    background-image:url(../img/error.png);
    background-repeat: no-repeat;
    background-position: top 0 right 180px;
    background-size: auto;
    padding-top: 160px;
    padding-bottom: 190px;
    text-align: center;
    margin-top: 15px;
    background-color: var(--whitebg);
    border-radius: var(--radius20);
    padding-left: 20px;
    padding-right: 20px;
}
.context-error-page #block-envisiontheme-page-title, .context-access-denied #block-envisiontheme-page-title{
  display: none;
}
.context-error-page #block-envisiontheme-content h4, .context-access-denied #block-envisiontheme-content h4{
  font-size: var(--font35);
  line-height: 130%; /* 45.5px */
  letter-spacing: 0.7px;
}
.context-error-page #block-envisiontheme-content h2, .context-access-denied #block-envisiontheme-content h2{
  color: var(--darkblack);
  text-align: center;
  font-size: 130px;
  font-weight: var(--weight600);
  line-height: normal;
  letter-spacing: 2.6px;
}

.context-error-page #block-envisiontheme-content .field--name-body,  .context-access-denied #block-envisiontheme-content .field--name-body{
  max-width: 600px;
  margin: 0 auto;
}

.eror-page-btn a, .back-to-home-btn a, .access-denied-btn a {
  letter-spacing: 0.55px;
  text-transform: uppercase;
  font-size: var(--font11);
  font-weight: var(--weight600);
  border-radius: var(--radius10);
  background-color: var(--white);
  border: 1px solid var(--darkblack);
  padding: 7px 25px 27px 10px;
  min-height: 52px;
  background-repeat: no-repeat;
  color: var(--darkblack);
  position: relative;
  display: inline-block;
  margin: 10px 15px;
}
.eror-page-btn a::after, .back-to-home-btn a::after, .access-denied-btn a::after {
  content: "\e901";
  font-family: 'icomoon';
  position: absolute;
  right: 5px;
  bottom: 3px;
  font-size: var(--font17);
  font-weight: var(--weight300);
}

.eror-page-btn a:hover, .eror-page-btn a:focus, .back-to-home-btn a:hover, .back-to-home-btn a:focus, .access-denied-btn a:hover, .access-denied-btn a:focus  {
  background-color: var(--purple-bg);
  border-color: var(--purple-bg);
  color: var(--white);
}

/*****************error page**************/


.context-thankyou  {
  background-image:url(../img/blur-group.png), url(../img/error-page.png);
  background-repeat: no-repeat;
  background-position:top center, top center;
  background-size: auto, auto;
}
.context-thankyou #block-envisiontheme-content{
  background-image:url(../img/thank-you.png);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto;
  padding:200px 120px;
}
.context-thankyou #block-envisiontheme-content h4{
  color: #6C757D;
  font-size: var(--font14);
  font-weight: var(--weight500);
  line-height: normal;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.back-to-home-btn a{
  margin-left: 0;
}

.context-thankyou #block-envisiontheme-content  .field--name-body {
  font-size: var(--font35);
  letter-spacing: 0.7px;
  max-width: 820px;
}
.context-thankyou #block-envisiontheme-content  .field--name-body p{
  line-height: 130%; /* 45.5px */
}
.context-thankyou #block-envisiontheme-content  .field--name-body strong{
  font-weight: var(--weight500);
}
/**********end*thankyou***************/




/*************************testimonial-block*******************/


.testimonial-block {
  border: 1px solid var(--borderdark);
  padding: 80px 30px 30px 45px;
  border-radius: var(--radius20);
  margin: 27px 0 24px 0;
  background-color: rgba(245, 245,245,0.8);
}
.testimonial-block .item {
  max-width: 700px;
  margin: 0 auto;
  text-align: center;
  font-size: var(--font19);
  line-height: 140%; /* 26.6px */
  letter-spacing: 0.38px;
}
.testimonial-block .item strong{
  color: var(--purple);
  font-weight: var(--weight500);
}
.testimonial-block .item h2{
  color: var(--purple);
  font-size: var(--font20);
  font-weight: var(--weight600);
  line-height: normal;
  letter-spacing: 0.4px;
}
.owl-carousel .owl-dots{
  text-align: center;
  padding-top: 30px;
}
.owl-carousel button.owl-dot {
  position: relative;
  margin: 0 35px;
}
.owl-carousel button.owl-dot span{
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: var(--darkblack);
  border: none;
  display: inline-block;
}
.owl-carousel button.owl-dot.active span{
  width: 28px;
  height: 8px;
  border-radius: 10px;
  transform: rotate(-45deg);
  position: relative;
}


/*************end testimonal************/

/****************capabilities******************/

.capabilities-sec {
    background-color: var(--whitebg);
    padding: 82px 32px 10px 32px;
    border-radius: var(--radius30);
    position: relative;
    width: 100%;
}
.capabilities-sec h3 {
  position: absolute;
  background-color: #ebf1f1;
  display: inline-block;
  border-radius: 20px 0 20px 0;
  width: auto;
  top: 0;
  left: 0;
  font-weight: var(--weight400);
  line-height: normal;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  font-size: var(--font14);
}
.capabilities-sec h3::before {
  left: 0px;
  border-radius: 30px 0 0 0;
  -moz-border-radius: 30px 0 0 0;
  -webkit-border-radius: 30px 0 0 0;
  -webkit-box-shadow: 30px 0 0 0 var(--whitebg);
  box-shadow: 0 0 30px var(--whitebg);
  content: "";
  bottom: -30px;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color:var(--whitebg);
  z-index: 1;
}
.capabilities-sec h3::after {
  left: 0px;
  content: "";
  bottom: -25px;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: #ebf1f1;
}
.capabilities-sec h3 span {
  display: inline-block;
  position: relative;
  padding: 16px 30px 19px 30px;
}
.capabilities-sec h3 span::before {
  right: -40px;
  border-radius: 30px 0 0 0;
  -moz-border-radius: 30px 0 0 0;
  -webkit-border-radius: 30px 0 0 0;
  -webkit-box-shadow: 30px 0 0 0 var(--whitebg);
  box-shadow: 0 0 30px var(--whitebg);
  content: "";
  top: 0;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: var(--whitebg);
  z-index: 1;
}
.capabilities-sec h3 span::after {
  right: -40px;
  content: "";
  top: 0;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: #ebf1f1;
}

.capabilities-info {
  padding: 30px;
  color: var(--white);
  border-radius: var(--radius20);
  min-height: 100%;
  display: flex;
  width: 100%;
  flex-direction: column;
  color: var(--greys-white, #FFF);
  font-size: var(--font16);
  line-height: 130%; /* 20.8px */
  letter-spacing: 0.16px;
}
.capabilities-icon {
  padding-bottom: 60px;
  font-size: var(--font27);
}
.mb-30{
  margin-bottom: 30px;
}
.capabilities-info h4{
  font-size: var(--font24);
  font-weight: var(--weight400);
  line-height: 130%; /* 31.2px */
  letter-spacing: 0.24px;
  margin-bottom: 28px;
}

/****************************/

.page-node-type-solution-pages {
  background-image:url(../img/blur-group.png), url(../img/lsc-dna.png), url(../img/life-science-gradient.png);
  background-repeat: no-repeat;
  background-position: top center, top right, top center;
  background-size: auto, 610px, auto;
}
.context-solutions-consulting{
  background-image:url(../img/blur-group.png), url(../img/strategic-dna.png), url(../img/strategic-left.png), url(../img/strategic-gradient.png);
  background-repeat: no-repeat;
  background-position: top center, top 0 right 70px, left 80px bottom 320px, top -300px center;
  background-size: auto, 900px, auto, auto;
}

.context-solutions-medical-affairs  {
  background-image: url(../img/blur-group.png), url(../img/integrated-dna.png), url(../img/integrated-bg.png);
  background-repeat: no-repeat;
  background-position: top center, top 0 right 40px, top center;
  background-size: auto, 1017px, auto;
}

/************solution-page-title************/

.solution-page-title{
  display: flex;
  width: 100%;
  padding-left: 15px;
}
.solution-title{
  font-size: var(--font16);
  font-weight: var(--weight500);
  line-height: 130%; /* 20.8px */
  letter-spacing: 0.32px;
  text-transform: uppercase;
  color: #5D5F6F;
  padding-right: 20px;
  padding-top: 4px;
  font-family: var(--azo-sans);
  min-width: 144px;
  text-align: left;
}
.solution-page-title h1 {
  font-family: var(--azo-sans);
  font-size: var(--font40);
  font-weight: var(--weight700);
  line-height: 130%; /* 52px */
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin-bottom: 20px;
  max-width: 650px;
  text-align: left;
  margin-bottom: 10px;
}
.solution-page-description {
  padding-left: 160px;
  line-height: 145%;
  letter-spacing: 0.34px;
  max-width: 905px;
  padding-bottom: 30px;
}
.solution-page-description strong{
  color: var(--purple);
  font-weight: var(--weight300);
}
.solution-page-description a{
  color: var(--purple);
  font-weight: var(--weight300);
}
/**********end**solution-page-title************/

/************block-solution-content-block***********/

.block-solution-content-block {
  max-width: 900px;
  line-height: 145%; /* 24.65px */
  letter-spacing: 0.34px;
}

/***************end*****************/


/**********our-division-block***********/

.our-divisions-wrap {
  padding: 30px 16px;
}
.our-divisions-wrap h3{
  padding-left: 15px;
  font-weight: var(--weight300);
  font-size: var(--font30);
}
.our-division-sub-info {
  max-width: 630px;
  letter-spacing: 0.34px;
  padding-bottom: 25px;
  padding-left: 15px;
}
.our-division-sub-info h3{
  font-size: var(--font30);
  line-height: normal;
  margin-bottom: 10px;
  padding-left: 0;
}
.our-division-block{
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	color: var(--white);
	padding:26px 25px 70px 40px;
	border-radius: var(--radius20);
	display: flex;
	flex-direction: column;
  min-height: 100%;
  background-color: var(--bluebg);
}
.od-icon {
  text-align: right;
  font-size: var(--font24);
  flex-grow: 1;
  padding-bottom: 100px;
}
.our-division-logo {
  padding-bottom: 45px;
}
.our-division-description {
  max-width: 470px;
  font-size: var(--font16);
  line-height: 130%; /* 20.8px */
  letter-spacing: 0.32px;
}
/*.our-divisions-wrap .row .col-lg-6:nth-child(2) .our-division-block{
  color: var(--darkblack);
  font-weight: var(--weight500);
}*/
.our-divisions-wrap .our-division-logo {
  min-height: 128px;
}

/**************our-division**end*****************/



/*************global btn****************/
.btn-link {
  position: absolute;
  bottom: -1px;
  right: 0;
  padding: 32px 0 1px 34px;
  background-image: url(../img/shape-right.svg);
  background-repeat: no-repeat;
  background-position: bottom -1px right -1px;
  background-size: 26px 88px;
}
.btn-link:before {
  background-image: url(../img/shape-left.svg);
  content: "";
  width: 49px;
  height: 66px;
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: 0;
}
.btn-link:after {
  background-image: url(../img/shape-repeat.svg);
  content: "";
  height: 66px;
  position: absolute;
  display: inline-block;
  right: 22px;
  bottom: 0;
  left: 43px;
  background-repeat: repeat;
  background-size: 66px;
}
.btn-link a {
  letter-spacing: 0.55px;
  text-transform: uppercase;
  font-size: var(--font11);
  font-weight: var(--weight600);
  border-radius: var(--radius10);
  background-color: var(--lightbg);
  border: 1px solid var(--darkblack);
  padding: 7px 25px 27px 10px;
  min-height: 52px;
  background-repeat: no-repeat;
  color: var(--darkblack);
  position: relative;
  display: inline-block;
  z-index: 1;
  min-width: 100px;
  line-height: 16px;
}
.btn-link a::after {
  content: "\e901";
  font-family: 'icomoon';
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: var(--font17);
  font-weight: var(--weight300);
}
.btn-link a:hover, .btn-link a:focus {
  background-color: var(--purple-bg);
  border-color: var(--purple-bg);
  color: var(--white);
}
.btn-link a svg{
  display: none;
}
.btn-whitebg-link {
  position: absolute;
  bottom: -1px;
  right: 0;
  padding: 32px 0 1px 34px;
  background-image: url(../img/shape-right-white.svg);
  background-repeat: no-repeat;
  background-position: bottom -1px right -1px;
  background-size: 26px 88px;
}
.btn-whitebg-link:before {
  background-image: url(../img/shape-left-white.svg);
  content: "";
  width: 49px;
  height: 66px;
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: 0;
}
.btn-whitebg-link:after {
  background-image: url(../img/shape-repeat-white.svg);
  content: "";
  height: 66px;
  position: absolute;
  display: inline-block;
  right: 22px;
  bottom: 0;
  left: 42px;
  background-repeat: repeat;
  background-size: 66px;
}
.btn-whitebg-link a {
  letter-spacing: 0.55px;
  text-transform: uppercase;
  font-size: var(--font11);
  font-weight: var(--weight600);
  border-radius: var(--radius10);
  background-color: var(--whitebg);
  border: 1px solid var(--darkblack);
  padding: 7px 25px 27px 10px;
  min-height: 52px;
  background-repeat: no-repeat;
  color: var(--darkblack);
  position: relative;
  display: inline-block;
  z-index: 1;
  min-width: 100px;
  line-height: 16px;
}
.btn-whitebg-link a::after {
  content: "\e901";
  font-family: 'icomoon';
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: var(--font17);
  font-weight: var(--weight300);
}
.btn-whitebg-link a:hover, .btn-whitebg-link a:focus {
  background-color: var(--purple-bg);
  border-color: var(--purple-bg);
  color: var(--white);
}

.btn-link-secondary {
  position: relative;
  display: inline-block;
}
.btn-link-secondary a {
  letter-spacing: 0.55px;
  text-transform: uppercase;
  font-size: var(--font11);
  font-weight: var(--weight600);
  border-radius: var(--radius10);
  background-color: var(--lightbg);
  border: 1px solid var(--darkblack);
  padding: 7px 25px 27px 10px;
  min-height: 52px;
  background-repeat: no-repeat;
  color: var(--darkblack);
  position: relative;
  display: inline-block;
  z-index: 1;
  min-width: 100px;
  line-height: 16px;
}
.btn-link-secondary a::after {
  content: "\e901";
  font-family: 'icomoon';
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: var(--font17);
  font-weight: var(--weight300);
}
.btn-link-secondary-white a{
  background-color: var(--whitebg);
}
.btn-link-secondary a:hover, .btn-link-secondary a:focus {
  background-color: var(--purple-bg);
  border-color: var(--purple-bg);
  color: var(--white);
}

.btn-link-secondary a svg{
  display: none;
}
.mailto svg{
  display: none;
}


.btn-toggle {
  position: absolute;
  bottom: -1px;
  right: 0;
  padding: 32px 0 1px 34px;
  background-image: url(../img/shape-right-white.svg);
  background-repeat: no-repeat;
  background-position: bottom -1px right -1px;
  background-size: 26px 88px;
}
.btn-toggle:before {
  background-image: url(../img/shape-left-white.svg);
  content: "";
  width: 49px;
  height: 66px;
  position: absolute;
  display: inline-block;
  left: 0;
  bottom: 0;
}
.btn-toggle:after {
  background-image: url(../img/shape-repeat-white.svg);
  content: "";
  height: 66px;
  position: absolute;
  display: inline-block;
  right: 22px;
  bottom: 0;
  left: 42px;
  background-repeat: repeat;
  background-size: 66px;
}
.btn-toggle a {
  letter-spacing: 0.55px;
  text-transform: uppercase;
  font-size: var(--font11);
  font-weight: var(--weight600);
  border-radius: var(--radius10);
  background-color:transparent;
  border: 1px solid var(--darkblack);
  padding: 7px 25px 27px 10px;
  min-height: 52px;
  background-repeat: no-repeat;
  color: var(--darkblack);
  position: relative;
  display: inline-block;
  z-index: 1;
  min-width: 100px;
  line-height: 16px;
}
.btn-toggle a::after {
  content: "";
  position: absolute;
  right: 7px;
  bottom: 12px;
  font-size: var(--font17);
  font-weight: var(--weight300);
  background-color:var(--darkblack);
  height: 2px;
  width: 18px;
}
.btn-toggle a::before {
  content: "";
  position: absolute;
  right: 15px;
  bottom: 4px;
  font-size: var(--font17);
  font-weight: var(--weight300);
  background-color:var(--darkblack);
  height: 18px;
  width: 2px;
}
.btn-toggle a:hover, .btn-toggle a:focus {
  background-color: var(--purple-bg);
  border-color: var(--purple-bg);
  color: var(--white);
}
.btn-toggle a:hover::after, .btn-toggle a:focus::after, .btn-toggle a:hover::before, .btn-toggle a:focus::before {
  background-color:var(--whitebg);
}


.btn-toggle a.opened::before{
    opacity: 0;
}


/*************end*global btn****************/

/**************okra************/
.context-technology-okra-ai {
  background-image:url(../img/home-frame.png), url(../img/okra-background-gradient.png);
  background-repeat: no-repeat;
  background-position: top center, top center;
  background-size: auto, 100%;
}
/*.context-okraai:before {
  background-image: url(../img/home-frame.png);
  background-repeat: no-repeat;
  background-position: top right;
  position: absolute;
  content: "";
  width: 100%;
  height: 1617px;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 0;
  z-index: -2;
  max-width: 1920px;
  opacity: 0.4;
}*/

.okra-block{
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	color: var(--white);
	padding:30px 30px 50px 80px;
	border-radius: var(--radius20);
	display: flex;
	flex-direction: column;
  background-color: var(--green-dark);
}
.okra-icon {
  text-align: right;
  font-size: var(--font30);
  flex-grow: 1;
  padding-bottom: 100px;
}
.okra-logo {
  padding-bottom: 150px;
}

.okra-description h4{
  font-size: var(--font29);
  line-height: 130%; /* 37.7px */
  letter-spacing: 0.58px;
  margin-bottom: 40px;
  font-weight: var(--weight300);
}
.okra-description {
  max-width: 650px;
  font-size: var(--font20);
  line-height: 130%; /* 26px */
  letter-spacing: 0.4px;
}
.okra-block .btn-link a svg{
  display: none;
}
.okra-btn a::after{
  content: "\e92e";
  font-size: var(--font20);
}
.okra-description h4 strong{
    font-weight: var(--weight400);
}


/*************end*okra************/



/*******************************value-access*************/

.context-solutions-market-access {
  background-image: url(../img/blur-group.png), url(../img/value-access.png), url(../img/life-science-gradient.png);
  background-repeat: no-repeat;
  background-position: top center, top 0 right 100px, top center;
  background-size: auto, 742px, auto;
}
.context-solutions-market-access .field--name-field-add-content, .context-solutions-medical-affairs  .field--name-field-add-content{
  background-color: var(--whitebg);
  border-radius: var(--radius30);
  padding: 30px;
}

.accordian-head-content{
  background: linear-gradient(90deg, rgba(142,154,181,1) 0%, rgba(125,100,183,1) 63%, rgba(109,105,183,1) 100%);
  color: var(--white);
  padding: 35px 230px 30px 35px;
  border-radius: var(--radius20);
  line-height: 140%; /* 23.8px */
  letter-spacing: 0.17px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 30px;
}
.accordin-icon{
  padding-bottom: 45px;
  font-size: var(--font30);
}
.accordian-heading-cont{
  display: flex;
  line-height: 140%; /* 23.8px */
  letter-spacing: 0.34px;
}
.accordian-head-content h4{
  font-size: var(--font30);
  font-weight: var(--weight300);
  line-height: normal;
  letter-spacing: 0.6px;
  min-width: 300px;
  max-width: 300px;
  margin: 0;
}

.accordian-heading-cont .field--name-field-description {
  max-width: 470px;
  padding-left: 50px;
}

.accordian-body-content {
  padding: 40px 100px;
  margin: 0 -30px;
}

.accordian-body-content .field--name-field-section-heading {
  font-size: var(--font28);
  padding: 0;
}
.accordian-body-content .field--name-field-section-heading p{
  margin-bottom: 10px;
}

.block-value-access-bottom-text {
    font-size: var(--font30);
    text-align: center;
}

.accordian-body-content .ev-col-5{
  padding:5px 7px;
}
.accordian-body-content .ev-col-5 .why-envision-info {
  padding: 20px;
}
.accordian-body-content .why-envision-info {
  background-color: rgba(255,255,255, 0.8);
}
@media (min-width:768px) {
.accordian-block .connectwithus .btn-link {
  background-image: url(../img/shape-right-white.svg);
}
.accordian-block .connectwithus .btn-link:before {
  background-image: url(../img/shape-left-white.svg);
}
.accordian-block .connectwithus .btn-link:after {
  background-image: url(../img/shape-repeat-white.svg);
}
.accordian-block .connectwithus .btn-link a {
  background-color: var(--whitebg);
}
.accordian-block .connectwithus .btn-link a:hover {
  background-color: var(--purple-bg);
}
}

.accordian-block .col-3-section{
  padding: 0;
}
.accordian-body-content{
  -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
}
.context-solutions-market-access .accordian-body-content{
  background-image:url(../img/accordian-1.png), url(../img/accordian-2.png);
  background-repeat: no-repeat;
  background-position: left 0 top 180px,  right center;
}
.context-solutions-market-access .accordian-body-content.odd{
  background-image: url(../img/accordian-3.png);
  background-repeat: no-repeat;
  background-position: right bottom 40px;
}

.context-solutions-medical-affairs  .accordian-body-content {
  padding: 24px 37px 55px 190px;
}


/*.collapse {
  transition: all 0.3s ease-in-out;
}*/

/**************end**************/


.informative-sec {
    display: flex;
    align-items: flex-end;
}
.informative-des {
  width: 60%;
  font-size: var(--font20);
  line-height: 130%; /* 26px */
  letter-spacing: 0.4px;
}
.informative-des strong{
  font-weight: var(--weight500);
}
.informative-des p:last-child{
  margin-bottom: 0;
}
.informative-des p:last-child{
  margin-bottom: 0;
}

.informative-sec .btn-link-secondary {
  flex-grow: 1;
  text-align: right;
}

.informative-des .field--name-field-title {
  font-weight: var(--weight600);
  font-size: var(--font26);
  /*padding-bottom: 20px;*/
}

.accordian-body-content .sciencetech-block .envision-sub-heading {
  padding-bottom: 25px;
}
/***************solution-reviews**************/
.solution-reviews-block{
  padding: 0;
}
.solution-reviews-block .field--name-field-title{
  padding-bottom: 30px;
}
.solution-reviews-info{
    border: 1px solid var(--borderdark);
    padding: 16px 30px 16px 28px;
    border-radius: var(--radius15);
    font-size: var(--font16);
    line-height: 130%;
    letter-spacing: 0.32px;
    min-height: 100%;
    display: flex;
    width: 100%;
    align-items: center;
    background-color: rgba(255,255,255, 0.9);
}

.reviews-icon {
    font-size: var(--font24);
    min-width: 45px;
    color: var(--purple);
}
.solution-reviews-info .field--name-field-title{
  padding-bottom: 0;
}
.solution-reviews-info h5{
  font-size: var(--font19);
  font-weight: var(--weight400);
  line-height: 120%; /* 22.8px */
  letter-spacing: 0.19px;
  margin: 0;
}
.solution-reviews-info h5 p{
  margin: 0;
}

/******************end*value access***********************/







/*****************ienvision****************/

.context-technology-i-envision {
  background-image: url(../img/blur-group.png), url(../img/ienvision-dna.png), url(../img/ienvision-left.png);
  background-repeat: no-repeat;
  background-position: top center, top 0 right 50px, left top 1550px;
  background-size: auto, 870px, auto;
}

.envision-top-block{
  background-color: var(--whitebg);
  border-radius: var(--radius30);
  padding: 30px;
  margin-bottom: 30px;
}

.envision-req-block {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--radius20);
  color: var(--white);
  padding: 80px 130px 80px 80px;
  margin-bottom: 35px;
  display: inline-block;
  width: 100%;
  background-color: var(--bluebg);
}
.envision-req-info{
  display: flex;
  width: 100%;
  font-size: var(--font20);
  line-height: 130%; /* 26px */
  letter-spacing: 0.4px;
  align-items: center;
  flex-wrap: wrap;
}

.envision-req-info .field--name-field-image-media {
  width: 43%;
}
.envision-req-info .field--name-field-block-description {
  width: 57%;
  padding-left: 30px;
}
.envision-req-info .field--name-field-block-description p:last-child{
  margin-bottom: 0;
}


.about-envision-block {
  display: inline-block;
  width: 100%;
  padding: 35px 45px;
  vertical-align: top;
}
.about-envision-block .field--name-field-title{
  font-weight: var(--weight300);
  line-height: 130%;
  letter-spacing: 0.8px;
  font-size: var(--font40);
  padding-bottom: 5px;
}
.about-envision-block .field--name-field-title strong{
  font-weight: var(--weight500);
}
.about-envision-left{
  width: 47%;
  padding: 0 15px 0 0;
  float: left;
}
.about-envision-right{
  width: 50%;
  padding:0 15px;
  line-height: 145%;
  letter-spacing: 0.34px;
  float: right;
}
.about-envision-right ul li{
  padding-bottom: 10px;
}

.about-envision-left .field--name-field-descriptive-line {
  font-weight: var(--weight600);
  line-height: 145%;
  letter-spacing: 0.42px;
  color: var(--blue);
  font-size: var(--font21);
  padding-bottom: 50px;
  padding-top: 15px;
}
.about-envision-button .file{padding: 0;}
.about-envision-button .btn-link-secondary:first-child{
  margin-right: 20px;
  margin-bottom: 10px;
}



/***********new-release-block*************/


.new-release-block {
  display: flex;
  padding: 35px 70px 35px 55px;
  width: 100%;
  border-radius: var(--radius20);
  position: relative;
  margin-top: 30px;
  background-color: #E9ECEF;
  flex-wrap: wrap;
}
.new-release-left {
  padding:15px 0;
  width: 50%;
}
.new-release-right {
  padding:15px 15px 70px 100px;
  width: 50%;
}


.new-release-left .field--name-field-block-title{
  font-size: var(--font14);
  font-weight: var(--weight400);
  line-height: normal;
  letter-spacing: 0.28px;
  padding-bottom: 25px;
  text-transform: uppercase;
}

.new-release-left .field--name-field-subtitle{
  font-size: var(--font60);
  line-height: 110%;
  letter-spacing: 1.2px;
  color: var(--darkblue);
}
.new-release-left .field--name-field-subtitle strong{
  font-weight: var(--weight500);
}

.new-release-left .field--name-field-descriptive-line{
  color: var(--blue);
  font-size: var(--font20);
  font-weight: var(--weight600);
  line-height: normal;
  letter-spacing: 0.4px;
}
.new-release-left .field--name-field-block-description{
  padding-top: 35px;
}

.new-release-right .field--name-field-logo-image-media{
  padding-top: 40px;
  padding-bottom: 30px;
}

.new-release-right .field--name-field-logo-img-md{
  display: flex;
  justify-content: center;
  padding-right: 0;
}

.new-release-block .btn-link{
  bottom: -2px;
  right: -2px;
}

/*************end***********/


/****envision-video-block**********/

.envision-video-block {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 100px 0;
  flex-wrap: wrap;
}
.envision-video-left{
  width: 40%;
  padding: 15px 200px 15px 0;
}
.envision-video-right{
  width: 60%;
  padding: 15px;
}
.envision-video-left .video-icon{
  font-size: var(--font24);
  color: var(--blue);
  padding-bottom: 35px;
}
.envision-video-left .field--name-field-card-title{
  font-size: var(--font40);
  font-weight: var(--weight300);
  line-height: 110%;
  letter-spacing: 0.8px;
}

.envision-video-left .field--name-field-description {
  font-size: var(--font16);
  line-height: 145%; /* 23.2px */
  letter-spacing: 0.16px;
}
.envision-video-left .btn-link-secondary{
  padding-top: 30px;
}

.envision-video-right .video-sec{
  max-width: 100%;
  border: 1px solid #afafb7;
  border-radius: var(--radius20);
}


/*************end***************/

/***********envision-support-block****************/

.envision-support-block {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--radius20);
  color: var(--white);
  padding: 20px 30px 70px 50px;
  margin: 60px 0;
  background-color: var(--bluebg);
}
.envision-support-block .field--name-field-icon-text {
  text-align: right;
  letter-spacing: 0.28px;
  font-weight: var(--weight400);
  font-size: var(--font14);
}

.envision-support-info{
  padding-top: 40px;
  display: flex;
}
.envision-support-info .field--name-field-title{
    font-size: var(--font24);
    max-width: 230px;
    line-height: normal;
    letter-spacing: 0.48px;
}
.envision-support-info .field--name-field-title strong{
  font-size: var(--font34);
  font-weight: var(--weight400);
  display: block;
  letter-spacing: 0.68px;
}
.envision-support-info .field--name-field-description{
  font-size: var(--font20);
  line-height: normal;
  letter-spacing: 0.4px;
  max-width: 600px;
  padding-left: 60px;
}
.envision-support-info .field--name-field-description p:last-child{
  margin-bottom: 0;
}

/*****************end********************/


.envision-solution-block {
  border: 1px solid #646F95;
  padding: 30px 60px 40px 55px;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  border-radius: var(--radius20);
  background-color: var(--whitebg);
  height: 100%;
}

.envision-solution-block .field--name-field-block-title{
  font-size: var(--font14);
  font-weight: var(--weight600);
  line-height: normal;
  letter-spacing: 0.28px;
  padding-bottom: 70px;
}
.envision-solution-block .field--name-field-heading{
  letter-spacing: 0.48px;
  font-weight: var(--weight500);
  line-height: normal;
  font-size: var(--font24);
  padding-bottom: 10px;
}
.envision-solution-block .envision-solution-icon{
  font-size: var(--font40);
  padding-bottom: 25px;
}

.envision-solution-block ul li{
  padding-top: 8px;
}


/*******************end******************/


/**************envision-excellence-block***********/
.envision-excellence-block::before{
  background-color: #9799A6;
  content: "";
  position:absolute;
  height: 1px;
  width: calc(100vw - 17px);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.envision-excellence-block::after{
  background-color: #9799A6;
  content: "";
  position:absolute;
  height: 1px;
  width: calc(100vw - 17px);
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.envision-excellence-block{
  padding: 50px 8%;
  /*border-top: 1px solid #9799A6;*/
  position: relative;
}

.envision-excellence-block .field--name-field-title {
  font-size: var(--font45);
  position: relative;
  max-width: 250px;
  margin: 0 auto;
  line-height: normal;
  padding-bottom: 8px;
}
.envision-excellence-block .field--name-field-title:after{
  content: "";
  position: absolute;
  background: hsla(270, 15%, 61%, 1);
  background: linear-gradient(360deg, hsla(270, 15%, 61%, 1) 0%, hsla(198, 15%, 49%, 1) 100%);
  background: -moz-linear-gradient(360deg, hsla(270, 15%, 61%, 1) 0%, hsla(198, 15%, 49%, 1) 100%);
  background: -webkit-linear-gradient(360deg, hsla(270, 15%, 61%, 1) 0%, hsla(198, 15%, 49%, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#9B8CAA", endColorstr="#6B8590", GradientType=1 );
  border-radius: 5px;
  height: 5px;
  width: 210px;
  bottom: 0;
  left: 3px;
}
.envision-excellence-block .field--name-field-descriptive-line{
  font-size: var(--font22);
  color: #9d9fab;
  max-width: 250px;
  margin: 0 auto;
  line-height: normal;
  padding-top: 7px;
  padding-bottom: 50px;
}
.envision-excellence-grid{
  display: flex;
  margin: 0 -15px;
  flex-wrap: wrap;
}
.operational-card-info {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.operational-card-info .field--name-field-block-description{
  flex-grow: 1;
  padding-bottom: 30px;
}
.operational-card-info .file{
padding: 0;
}
.envision-excellence-grid>.field__item{
  display: flex;
  padding: 30px 15px 20px 15px;
  width: 33.33%;
  position: relative;
  margin-top: 40px;
}
.envision-excellence-grid .field--name-field-block-heading{
  font-size: var(--font24);
  font-weight: var(--weight600);
  line-height: normal;
  letter-spacing: 0.48px;
  color: var(--purple-dark);
  padding-bottom: 25px;
}
.envision-excellence-grid .field--name-field-image-media{
  margin-bottom: 80px;
  text-align: center;
}
.envision-excellence-grid .paragraph--type--grid-section ul li{
  padding-bottom: 8px;
}
.card-purple-dark .field--name-field-block-heading{
  color: var(--purple-dark);
}
.card-blue-dark .field--name-field-block-heading{
  color: var(--matte-blue-dark);
}
.card-green-dark .field--name-field-block-heading{
  color: var(--green-dark);
}

.envision-excellence-grid>.field__item:nth-child(1)::after {
  background-image: url(../img/Vector.png);
  background-repeat: no-repeat;
  background-position: top right;
  content: "";
  position: absolute;
  right: -3px;
  top: 8px;
  width: 270px;
  height: 225px;
  background-size: 100%;
}
.envision-excellence-grid>.field__item:nth-child(2)::after {
  background-image: url(../img/Vector-2.png);
  background-repeat: no-repeat;
  background-position: top right;
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 326px;
  height: 215px;
  background-size: 100%;
}
.envision-excellence-grid>.field__item:nth-child(3)::after {
  background-image: url(../img/Vector-1.png);
  background-repeat: no-repeat;
  background-position:left top;
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 266px;
  height: 210px;
  background-size: 100%;
}

/************end**envision-excellence****************/

.envision-expandable-block{
  background-color: var(--whitebg);
  border-radius: var(--radius30);
  padding:25px 30px 0 30px;
  margin: 30px 0;
  position: relative;
  display: inline-block;
  width: 100%;
}
.in-detail-title {
  position: absolute;
  background-color: var(--lightbg);
  display: inline-block;
  border-radius: 20px 0 20px 0;
  width: auto;
  top: 0;
  left: 0;
  font-weight: var(--weight400);
  line-height: normal;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  font-size: var(--font14);
}
.in-detail-title::before {
  left: 0px;
  border-radius: 30px 0 0 0;
  -moz-border-radius: 30px 0 0 0;
  -webkit-border-radius: 30px 0 0 0;
  -webkit-box-shadow: 30px 0 0 0 var(--whitebg);
  box-shadow: 0 0 30px var(--whitebg);
  content: "";
  bottom: -30px;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: var(--whitebg);
  z-index: 1;
}
.in-detail-title::after {
  left: 0px;
  content: "";
  bottom: -25px;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: #ebf1f1;
}
.in-detail-title span {
  display: inline-block;
  position: relative;
  padding: 16px 30px 19px 30px;
}
.in-detail-title span::before {
  right: -40px;
  border-radius: 30px 0 0 0;
  -moz-border-radius: 30px 0 0 0;
  -webkit-border-radius: 30px 0 0 0;
  -webkit-box-shadow: 30px 0 0 0 var(--whitebg);
  box-shadow: 0 0 30px var(--whitebg);
  content: "";
  top: 0;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: var(--whitebg);
  z-index: 1;
}
.in-detail-title span::after {
  right: -40px;
  content: "";
  top: 0;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: #ebf1f1;
}
.envision-expandable-des{
  font-size: var(--font22);
  line-height: 130%; /* 28.6px */
  letter-spacing: 0.44px;
  padding-left: 230px;
  padding-bottom: 20px;
}
.envision-expandable-des strong{
  font-weight: var(--weight500);
}

.mb-50{
  margin-bottom: 50px;
}

.envision-expandable-card{
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  height: 100%;
}
.envision-expandable-card-info{
  color: var(--white);
  padding: 35px 25px 85px 35px;
  border-radius: var(--radius20);
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  font-size: var(--font16);
  font-weight: var(--weight300);
  min-height: 365px;
  display: flex;
  flex-direction: column;
  line-height: 130%;
  background-color: var(--matte-blue-bg);
  height: 100%;
}

.envision-expandable-card-info .field--name-field-title{
  font-size: var(--font28);
  line-height: normal;
  letter-spacing: 0.6px;
  flex-grow: 1;
  padding-bottom: 20px;
  font-weight: var(--weight300);
}

.envision-expandable-card-info p:last-child{
  margin-bottom: 0;
}
.envision-expandable-content {
  display: flex;
  width: 100%;
  padding: 10px 5% 105px 16.5%;
  align-items: flex-end;
  flex-wrap: wrap;
}
.envision-expandable-content-left{
  width: 65%;
  padding:10px;
}
.envision-expandable-content-left strong{
  font-weight: var(--weight500);
}
.envision-expandable-content-right {
  width: 35%;
  padding: 10px;
  display: flex;
  flex-direction: column;
}
.envision-expandable-content-right .file {
  padding-left: 0;
}
.envision-expandable-content-right .btn-link-secondary {
 margin-top: 30px;
}
.envision-expandable-content-left .field--name-field-block-heading{
  font-size: var(--font28);
  font-weight: var(--weight500);
  line-height: 130%; /* 36.4px */
  letter-spacing: 0.28px;
  padding-bottom: 30px;
}

.envision-expandable-content-left  p:last-child{
  margin-bottom: 0;
}


.envision-expandable-card-info .btn-toggle i{
  font-style: normal;
}

.indetails-close {
  display: none;
}

/************end envision expandable************/

/***********envision-excellence-links***********/

.envision-excellence-links {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}
.envision-excellence-links .btn-link-secondary {
  margin: 10px 0;
}


.envision-excellence-links .field--name-field-upload-file{
  display: flex;
}
/**********end*envision-excellence-links***********/


/**************helix******************/
.context-technology-helix {
  background-image:url(../img/helix-dna.png), url(../img/blur-group.png), url(../img/helix-left.png), url(../img/helix-right.png), url(../img/helix-bg.png);
  background-repeat: no-repeat;
  background-position:top right, top center, top 1000px left, bottom 520px right, top center;
  background-size: 1091px, auto, auto, auto, auto;
}
.helix-info-block {
  border-radius: var(--radius20);
  padding: 30px ;
  background-color: var(--whitebg);
}

.helix-intro-block {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--radius20);
  padding: 40px 40px 90px 30px;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  background-color: var(--lightbg);
}
.helix-intro-left {
  width: 40%;
  text-align: center;
}
.helix-intro-right {
  width: 60%;
  padding-top: 30px;
  padding-left: 50px;
}
.helix-intro-left .field--name-field-logo-image .field__item{
  padding: 20px 10px;
}

.helix-intro-right h2, .helix-intro-right h1{
  line-height: normal;
  letter-spacing: 1.4px;
  font-weight: var(--weight700);
  font-family: var(--azo-sans);
  text-transform: uppercase;
  font-size: 3.75rem;
  margin: 0;
}

.helix-intro-right .field--name-field-descriptive-line{
  font-size: var(--font24);
  font-weight: var(--weight500);
  line-height: 130%; /* 31.2px */
  letter-spacing: 0.48px;
  color: var(--lightgray);
  padding-bottom: 45px;
}
.helix-intro-right .field--name-field-card-description{
  line-height: 130%;
  letter-spacing: 0.4px;
  font-size: var(--font20);
}

.helix-built-block {
  display: flex;
  width: 100%;
  margin: 50px 0;
  flex-wrap: wrap;
}

.helix-built-left {
  width: 50%;
  padding: 15px 50px;
}

.helix-built-right {
  width: 50%;
  padding: 15px 50px;
  text-align: center;
}

.helix-built-left h3{
  font-size: var(--font40);
  font-weight: var(--weight300);
  line-height: 130%; /* 52px */
  letter-spacing: 0.8px;
  margin-bottom: 30px;
}

.helix-built-left .paragraph--type--icon-with-description{
  display: flex;
  width: 100%;
  padding-bottom: 8px;
  align-items: flex-start;
}

.helix-built-left .paragraph--type--icon-with-description i{
  min-width: 52px;
  font-size: var(--font30);
  color: var(--blue);
}

.helix-built-button {
  padding-top: 30px;
}
.helix-built-button .btn-link-secondary{
  margin-bottom: 10px;
}

.helix-compliance-block {
  display: flex;
  width: 100%;
  margin: 36px 0;
  border-radius:var(--radius20) ;
  background-color: var(--whitebg);
  padding: 120px 50px;
  flex-wrap: wrap;
}
.helix-compliance-content-left {
  width: 45%;
  padding: 15px 20px;
  text-align: center;
}
.helix-compliance-content-right  {
  width: 55%;
  padding: 15px 20px;
}

.helix-compliance-content-right h3{
  font-size: var(--font40);
  font-weight: var(--weight300);
  line-height: 130%; /* 52px */
  letter-spacing: 0.8px;
  margin-bottom: 30px;
}

.helix-compliance-content-right .paragraph--type--icon-with-description{
  display: flex;
  width: 100%;
  padding-bottom: 8px;
  align-items: flex-start;
}

.helix-compliance-content-right .paragraph--type--icon-with-description i{
  min-width: 52px;
  font-size: var(--font18);
  color: var(--blue);
  margin-top:6px;
}

/**************5 column***************/


.helix-card-block{
  padding-top: 65px;
}

.helix-card-block .field--name-field-block-heading {
  font-size: var(--font32);
  padding-bottom: 35px;
  line-height: 130%;
  letter-spacing: 0.64px;
  padding-bottom: 25px;
  text-align: center;
}

.helix-card-content-block {
  border: 1px solid var(--darkblack);
  background-color: rgba(255, 255,255,0.8);
  padding: 25px 20px 20px 20px;
  border-radius: var(--radius20);
  font-size: var(--font16);
  line-height: 130%;
  letter-spacing: 0.32px;
  min-height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.helix-card-icon{
  padding-bottom: 70px;
  font-size: var(--font27);
  flex-grow: 1;
}
.helix-card-content-block p:last-child {
  margin: 0;
}
.helix-card-content-block .field--name-field-percentage{
  font-size: var(--font48);
  font-weight: var(--weight500);
  line-height: 130%; /* 62.4px */
  letter-spacing: 0.96px;
  color: var(--blue);
  padding-bottom: 10px;
}

.helix-card-block .helix-card-info{
  display: flex;
  margin: 0 -12px;
  flex-wrap: wrap;
}

.helix-card-block .helix-card-info>.field__item {
  width: 20%;
  padding:12px;
}


.context-technology-helix .connectwithus {
  background-image: linear-gradient(115deg,
    hsl(202deg 75% 63%) 0%,
    hsl(197deg 78% 58%) 8%,
    hsl(192deg 80% 51%) 16%,
    hsl(188deg 100% 44%) 24%,
    hsl(185deg 100% 43%) 31%,
    hsl(182deg 100% 41%) 39%,
    hsl(178deg 100% 40%) 46%,
    hsl(173deg 100% 40%) 53%,
    hsl(166deg 68% 49%) 61%,
    hsl(156deg 60% 55%) 68%,
    hsl(142deg 55% 60%) 76%,
    hsl(122deg 49% 65%) 84%,
    hsl(100deg 52% 62%) 92%,
    hsl(83deg 54% 59%) 100%
  );
}

/********helix******/


/*****************japac*****************/




.page-node-type-proscribe-kk, .context-solutions-en-japac {
  background-image:url(../img/japac-dna.png), url(../img/blur-group.png), url(../img/japac-left.png), url(../img/japac-right.png), url(../img/background-gradient-1.png);
  background-repeat: no-repeat;
  background-position:top right, top center, top 1100px left, bottom 720px right, top center;
  background-size: auto, auto, auto, auto, auto;
}
.japac-card-info {
  border-radius: var(--radius20);
  padding: 30px ;
  background-color: var(--whitebg);
  margin-bottom: 60px;
}
.japac-card-info .btn-whitebg-link a::after {
  content: "\e953";
}
.about-envision-right .field--name-field-service-icons{
  display: flex;
  margin: 0 -8px;
  justify-content: space-between;
 padding-top: 10px;
}
.about-envision-right .field--name-field-service-icons .field__item{
  padding:8px;
}
.about-envision-right .services-icon {
  font-size: var(--font35);
  color: var(--blue);
}
.about-envision-right h3{
  font-size: var(--font30);
  margin-bottom: 20px;
}
.context-solutions-en-japac .about-envision-left h2, .page-node-type-proscribe-kk .about-envision-left h2{
  font-size: var(--font30);
  margin-bottom: 20px;
}
.context-solutions-en-japac .about-envision-left h2 strong, .page-node-type-proscribe-kk .about-envision-left h2 strong{
  font-weight: var(--weight500);
}

.japac-career-opp .field--name-field-description {
  max-width: 740px;
}
.careers-common-block .field--name-field-description a{
  color: var(--white);
}
.japac-career-opp .field--name-field-description p{
  margin-bottom: 1.5rem;
}
.japac-career-opp .field--name-field-description a svg{
  display: none;
}
.technology-solutions{
  padding-top:30px;
  padding-bottom: 20px;
}

.context-solutions-en-japac .sciencetech-block .field--name-field-section-heading, .page-node-type-proscribe-kk .sciencetech-block .field--name-field-section-heading {
  font-size: var(--font40);
}
.context-solutions-en-japac .sciencetech-block .envision-sub-heading,  .page-node-type-proscribe-kk .sciencetech-block .envision-sub-heading{
  font-size: var(--font17);
  padding-bottom: 40px;
  max-width: 830px;
}
.technology-solutions .envision-solution-block{
  background:rgba(255,255,255,0.8);
  border-color: var(--darkblack);
}
.technology-solutions-sub-heading {
  padding-bottom: 30px;
  max-width: 830px;
}
.technology-solutions-sub-heading  a{
  font-weight: var(--weight600);
}

.solutions-sec-block {
  padding: 70px;
  color: var(--white);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--radius20);
  position: relative;
  line-height: 145%;
  margin: 20px 0;
  display: inline-block;
  width: 100%;
  background-color: var(--bluebg);
}
.solutions-sec-block-cont {
  max-width: 690px;
}
.solutions-sec-block h2{
  font-size: var(--font50);
  margin-bottom: 25px;
}

@media (min-width:768px) {
  .solutions-sec-block h2 {
    width: 85%;
  }
}

.solutions-sec-block a, .solutions-sec-block strong{
  font-weight: var(--weight500);
}
.solutions-sec-block a{
  color: var(--white);
}
.s-large-icon {
    position: absolute;
    right: -12px;
    top: -21px;
    font-size: 198px;
    color: #D9D9D9;
    /*mix-blend-mode: soft-light;*/
}

.technology-solutions .envision-solution-block{
  min-height: 400px;
}
.technology-solutions .envision-solution-block .envision-solution-icon {
  padding-bottom: 70px;
}
.technology-solutions .s-large-icon .icon-life-sciences::before{
    content: "";
    background-image: url(../img/japac-dashboard.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 168px;
    height: 168px;
    background-size: 100%;
    vertical-align: top;
}
.technology-solutions .s-large-icon .icon-round::before{
    content: "";
    background-image: url(../img/japac-round.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 168px;
    height: 168px;
    background-size: 100%;
    vertical-align: top;
}
/**************video ******************/

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


/*****************end*************/


/*****************careers*page***********/

.career-vid-block{
  position: relative;
  display: inline-flex;
  width: 100%;
  background-color: var(--whitebg);
  padding: 20px;
  border-radius: var(--radius20);
  margin: 20px 0;
  text-align: left;
  clear: both;
  flex-wrap: wrap;
}

.career-vid {
  width: 60%;
}
.career-vid-content{
  width: 40%;
  padding:20px 60px;
  margin: auto;
}

.career-vid-content h5{
  font-size: var(--font30);
  line-height: 130%;
  margin-bottom: 25px;
  font-weight: var(--weight300);
}

.career-carousel-block {
  position: relative;
  display: inline-flex;
  width: 100%;
  background-color: var(--whitebg);
  padding: 20px;
  border-radius: var(--radius20);
  margin: 20px 0;
  text-align: left;
  flex-wrap: wrap;
}

.career-carousel-left {
  width: 60%;

}
.career-image-carousel{
  border-radius: var(--radius20);
  overflow: hidden;
}
.career-carousel-content-right{
  width: 40%;
  padding:20px 60px 40px 60px;
  margin: auto;
}

.career-carousel-content-right h5{
  font-size: var(--font30);
  line-height: 130%;
  margin-bottom: 25px;
  font-weight: var(--weight300);
}

.column-reverse  {
  flex-direction: row-reverse;
}


.notification{
  background-color:#FFE9A8;
  padding: 40px 80px;
  border-radius: var(--radius20);
  display: inline-flex;
  width: 100%;
  margin: 20px 0;
  flex-direction: column;
}

.notification .field--name-field-blk-title {
  font-size: var(--font20);
  padding-bottom: 5px;
  font-weight: var(--weight500);
}
.notification p:last-child{
  margin-bottom: 0;
}


.column-reverse .btn-link {
  right: auto;
  left: 0;
  padding: 32px 34px 0 0 ;
  background-image: url(../img/shape-right-side.svg);
  background-position: bottom -2px right -1px;
  background-size: 46px;
  bottom: 0;
}
.column-reverse .btn-link::before {
  background-image: url(../img/shape-left-side.svg);
  background-repeat: no-repeat;
  width: 28px;
  height: 86px;
  border-radius: 0 0 10px 0;
}
.column-reverse .btn-link::after {
  right: 40px;
  left: 25px;
}
.column-reverse .career-vid-content {
  padding-bottom: 70px;
}

/*****************end****************/


/***************our-leaders*****************/
.context-about-leadership-team {
  background-image: url(../img/blur-group.png), url(../img/leaders-dna.png), url(../img/background-gradient-1.png) ;
  background-repeat: no-repeat;
  background-position: top center, top right, top center;
  background-size: auto, auto, auto;
}
.view-our-leaders-team .view-header{
    text-align: center;
    padding-bottom: 50px;
    padding-top: 30px;
}

.view-our-leaders-team .view-content {
  border-radius: var(--radius20);
  padding: 30px 20px 0 20px;
  background-color: var(--whitebg);
  margin: 0;
}
.view-our-leaders-team .view-content .views-row{
  margin-bottom: 30px;
}
.our-leaders-sec{
  display: flex;
  min-height: 100%;
  width: 100%;
}
.our-leaders-sec .our-leaders-link{
  border: 1px solid var(--darkblack);
  padding: 25px 15px 20px 15px;
  border-radius: var(--radius15);
  display: block;
  width: 100%;
  text-align: center;
  background-color: var(--whitebg);
}

.our-leaders-sec .field--name-field-photos {
  width: 160px;
  height: 160px;
  border-radius: 50%;
  margin: auto;
  position: relative;
}
.our-leaders-sec .field--name-field-photos img{
  border-radius: 50%;
  overflow: hidden;
}
.our-leaders-sec .field--name-field-photos:after{
  font-size: var(--font20);
  font-family: 'icomoon';
  content: "\e92f";
  background-color: var(--purple-bg);
  border-radius: 50%;
  width: 38px;
  height: 38px;
  line-height: 38px;
  justify-content: center;
  color: var(--white);
  display: inline-flex;
  position: absolute;
  bottom: 0;
  right: 10px;
}
.our-leaders-sec h2{
    font-size: var(--font22);
    font-weight: var(--weight500);
    color: var(--darkblack);
    padding-top: 15px;
}
.our-leaders-sec .field--name-field-designation{
    font-weight: var(--weight500);
    color: var(--purple);
    line-height: 130%;
}

/*********cookies*********************/
.block-cookies .cookiesjsr-banner {
  background-color: var(--purple);
}
.block-cookies .cookiesjsr-btn.cookiesjsr-settings {
  background-color: var(--purple);
}
.cookiesjsr-links.links--row li a {
  border-bottom: 1px solid var(--white);
}
.cookiesjsr-links.links--row li a:hover {
 color: var(--white);
}
.cookiesjsr-service-group.active .cookiesjsr-service-group--content {
  background-color: var(--purple);
}
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab {
  background-color: var(--purple);
}
.cookiesjsr-btn.important.invert {
  border-color: var(--purple);
  background-color: var(--purple);
}
.cookiesjsr-btn.invert {
  color: var(--purple);
  border-color: var(--purple);
}
.cookiesjsr-btn.important{
  color: var(--purple);
}


div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
  background-color:  var(--purple);
}
.eu-cookie-compliance-content {
  padding: 10px 0;
}
.eu-cookie-compliance-buttons {
  margin: 0;
  padding-top: 17px;
  max-width: 30%;
}
.eu-cookie-compliance-message {
  max-width: 70%;
}
.eu-cookie-compliance-message p {
  font-size: var(--font14);
  font-weight: var(--weight400);
}
.agree-button {
  border: 1px solid var(--white);
  color: var(--white);
}
.agree-button:hover, .agree-button:focus {
  border: 1px solid var(--white);
  color: var(--black);
  background-color: var(--whitebg);
}
.decline-button {
  background-color: var(--whitebg);
  border: 1px solid var(--white);
  color: var(--black);
  text-shadow: none;
}
.decline-button:hover, .decline-button:focus {
  background-color: var(--purple);
  background-image: none;
  color: var(--white);
  border: 1px solid var(--white);
  box-shadow: none;
}


/***************end*cookies*********************/



.context-sustainability-report .file{
  padding: 0;
}


/********** career **********/

.career-opportunities-info{
  margin-bottom: 20px;
}
.career-opportunities-info .info-block {
    padding: 40px 40px 40px 70px;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background-size: cover;
}
.career-opportunities-info .informative-des {
    color: #fff;
    font-size: var(--font34);
    text-shadow: 0px 2px 2px rgba(0,0,0,0.5);
}
.career-opportunities-info .btn-link-secondary-white a {
    background-color: rgba(255,255,255,0.1);
    border: solid 1px #EBE5FC;
    color: #fff;
}
.career-opportunities-info .btn-link-secondary-white a:hover,
.career-opportunities-info .btn-link-secondary-white a:focus{
  background-color: var(--purple-bg);
  border-color: var(--purple-bg);
  color: var(--white);
}

/********** news-event-view **********/
.news-event-view .views-exposed-form .form--inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.news-event-view .views-exposed-form .form--inline fieldset.fieldgroup{
  display: flex;
  align-items: center;
}
.news-event-view .views-exposed-form .form--inline fieldset.fieldgroup legend{
  width: auto;
  padding: 0;
  margin: 0 ;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 3px;
  display: contents;
}
.news-event-view .views-exposed-form .form--inline fieldset.fieldgroup legend span{
  padding-right: 15px;
}
.news-event-view .views-exposed-form .form--inline fieldset.form-item {
  margin: 0;
}
.news-event-view .views-exposed-form .form-radios{
  display: flex;
  align-items: center;
}
.news-event-view .views-exposed-form div.js-form-item.form-item {
    padding: 0;
    margin: 5px 5px 5px 0;
    display: inline-flex;
    position: relative;
}
.news-event-view .views-exposed-form .form-radios .js-form-type-radio input[type="radio"] {
    position: absolute;
    z-index: -1;
    left: 25px;
    top: 25px;
    opacity: 0;
    visibility: hidden;
}
.news-event-view .views-exposed-form .form-radios .js-form-type-radio label {
    border: solid 1px #222222;
    background-color: rgba(255,255,255,0.7);
    padding: 15px;
    border-radius: 30px;
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
.news-event-view .views-exposed-form .form-radios .js-form-type-radio:first-child label {
  font-size: 0;
  position: relative;
}
.news-event-view .views-exposed-form .form-radios .js-form-type-radio:first-child label:after {
  content: "Show All";
  font-size: 11px;
  line-height: 11px;
  display: inline-flex;

}
.news-event-view .views-exposed-form .js-form-type-radio input[type="radio"]:checked ~ label{
  color:#fff;
  background-color: #7119F4;
  box-shadow: 0px 1px 3px #390D7A inset;
}

.news-event-view .views-exposed-form  [data-drupal-selector="edit-field-date-value-wrapper"] > legend{
  display: none;
}
.news-event-view .views-exposed-form  [data-drupal-selector="edit-field-date-value-wrapper"] .fieldset-wrapper {
    display: flex;
    align-items: center;
}
.news-event-view .views-exposed-form [class*="form-item-field-date-value-"] {
    display: flex;
    align-items: center;
}

.news-event-view .views-exposed-form [class*="form-item-field-date-value-"] .bef-datepicker{
  max-width: 130px;
  background-image: url(../img/calendar-icon.svg);
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 20px auto;
  border-radius: 30px;
  color: #000;
}
.news-event-view .views-exposed-form [class*="form-item-field-date-value-"] > label{
  display: none;
}
.news-event-view .views-exposed-form .form-actions {
  padding: 0;
  margin: 0;
}
.news-event-view .views-exposed-form .form-actions .form-submit {
    background-color: transparent;
    border: none;
    padding: 0;
    margin:0;
    height: auto;
    background-image: url(../img/reset-icon.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px auto;
    min-height: 48px;
    min-width: 65px;
    text-align: left;
}
.news-event-view .views-exposed-form .form-submit:hover,
.news-event-view .views-exposed-form .form-submit:focus{
  color:#000;
}
.news-event-view .views-exposed-form .js-form-item-keys > label{display: none;}
.news-event-view .views-exposed-form .js-form-item-keys .form-text{
    border-radius: 30px;
    background-image: url(../img/search-icon.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px auto;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
  border: 1px solid var(--blue);
  background:var(--bluebg);
  color: var(--white);
}
 .ui-state-active, .ui-widget-content .ui-state-active {
  border: 1px solid var(--purple);
  background:var(--purple-bg);
  color: var(--white);
}
.ui-state-highlight:hover, .ui-widget-content .ui-state-highlight:hover, .ui-widget-header .ui-state-highlight:hover, .ui-state-active:hover, .ui-widget-content .ui-state-active:hover {
  color: var(--white);
}

/******open opportunities***********/
.opport-btn-fix .field--name-field-link{
  background-image: none;
  position: fixed;
  top: 50%;
  right:0;
  bottom: auto;
  z-index: 99999;
  padding: 0;
  background-color: transparent;
}
@media (min-width:1600px) {
  .opport-btn-fix .field--name-field-link{
    right: 13%;
  }
  }
.opport-btn-fix .field--name-field-link:before, .opport-btn-fix .field--name-field-link:after{
  display: none;
}
.opport-btn-fix .field--name-field-link a{
  background: rgb(46,105,255);
  background: linear-gradient(90deg, rgba(46,105,255,1) 0%, rgba(23,53,128,1) 100%);
  color: var(--white);
  border-color:var(--white);
}

.layer-wrapper.gin-layer-wrapper {
     background-color: green;
}

.white-card {
  background-color: var(--whitebg);
  border-radius: var(--radius30);
  padding: 60px 30px 30px 30px;
  margin-bottom: 30px;
  background-repeat: no-repeat;
  background-position: right center;
  position: relative;
}

.white-card.large_padding {
  padding-left: 150px;
  padding-right: 150px;
}

h3.card-notch-title {
  position: absolute;
  background-color: #ebf1f1;
  display: inline-block;
  border-radius: 20px 0 20px 0;
  width: auto;
  top: 0;
  left: 0;
  font-weight: var(--weight400);
  line-height: normal;
  letter-spacing: 3.5px;
  text-transform: uppercase;
  font-size: var(--font14);
}
h3.card-notch-title::before {
  left: 0px;
  border-radius: 30px 0 0 0;
  -moz-border-radius: 30px 0 0 0;
  -webkit-border-radius: 30px 0 0 0;
  -webkit-box-shadow: 30px 0 0 0 var(--whitebg);
  box-shadow: 0 0 30px var(--whitebg);
  content: "";
  bottom: -30px;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color:var(--whitebg);
  z-index: 1;
}
h3.card-notch-title::after {
  left: 0px;
  content: "";
  bottom: -25px;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: #ebf1f1;
}
h3.card-notch-title span {
  display: inline-block;
  position: relative;
  padding: 16px 30px 19px 30px;
}
h3.card-notch-title span::before {
  right: -40px;
  border-radius: 30px 0 0 0;
  -moz-border-radius: 30px 0 0 0;
  -webkit-border-radius: 30px 0 0 0;
  -webkit-box-shadow: 30px 0 0 0 var(--whitebg);
  box-shadow: 0 0 30px var(--whitebg);
  content: "";
  top: 0;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: var(--whitebg);
  z-index: 1;
}
h3.card-notch-title span::after {
  right: -40px;
  content: "";
  top: 0;
  position: absolute;
  width: 40px;
  height: 30px;
  background-color: #ebf1f1;
}

@media (max-width:992px) {
  .white-card.large_padding {
    padding-left: 30px;
    padding-right: 30px;
  }
}

/************admin css*************/

@media (min-width:992px) {
body.user-logged-in {
  padding-top: 200px !important;
}
body.user-logged-in .header-fix {
	top: 80px;
}

body.user-logged-in #toolbar-administration {
	position: relative;
	z-index: 9999;
}
body.user-logged-in .alert-success.alert-dismissible {
	top: 175px;
}

}

/***********end*admin css*************/