body {
  margin: 0;
  padding: 0;
  font-family: Arial, sans-serif;
  overflow-x: hidden;
/*  padding-right: 0 !important;*/
}
/*.modal-open {
      overflow: unset !important;
}*/
.hide-mobile-timeline{
    display: block;
}
.hide-desktop-timeline{
    display: none;
}

/*.section-nav{
        position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
}*/
.sticky{
    position: fixed;
    top: 0;
    z-index: 999;
    background: #000;
    width: 100%;
}
.sticky-logo{
    display: none;
}
.sticky .sticky-logo{
    display: block;
}
/*.top-section .container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}*/
/*.top-section2 {
    background-color: #000;
}*/
.top-section2 {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%;
}
/*sup {
    font-size: 42%;
    top: -30px;
}*/
/*.product-section-img-second sup{
    top: -9px;
}*/
.current-menu-item a{
    color: #C8BF43 !important;
    font-weight: 900 !important;
}
/*.sub-header-page nav#headernav {
    position: fixed;
    background: black;
    z-index: 999;
}*/
/*-----Animation-----*/
.animate__delay-5ms{
    animation-delay: 500ms;
}
.animate__delay-10ms{
    animation-delay: 700ms;
}
.animate__delay-15ms{
    animation-delay: 1000ms;
}
.animate__delay-20ms{
    animation-delay: 1300ms;
}
.animate__delay-25ms{
    animation-delay: 1600ms;
}
.animate__delay-30ms{
    animation-delay: 1900ms;
}
.animate__delay-35ms{
    animation-delay: 2100ms;
}
.animate__delay-40ms{
    animation-delay: 2400ms;
}
.animate__delay-45ms{
    animation-delay: 2700ms;
}
.animate__delay-50ms{
    animation-delay: 3000ms;
}
.animate__delay-55ms{
    animation-delay: 3300ms;
}
.animate__delay-60ms{
    animation-delay: 3600ms;
}
.animate__delay-65ms{
    animation-delay: 3900ms;
}
.animate__delay-70ms{
    animation-delay: 4200ms;
}

.animate__delay-75ms{
    animation-delay: 4500ms;
}
.animate__delay-80ms{
    animation-delay: 4900ms;
}
.animate__delay-85ms{
    animation-delay: 5200ms;
}
.animate__delay-90ms{
    animation-delay: 5500ms;
}
.animate__delay-95ms{
    animation-delay: 5800ms;
}
.animate__delay-100ms{
    animation-delay: 6100ms;
}
.animate__delay-105ms{
    animation-delay: 6400ms;
}
.animate__delay-110ms{
    animation-delay: 6700ms;
}
.animate__delay-115ms{
    animation-delay: 7000ms;
}
.animate__delay-120ms{
    animation-delay: 7300ms;
}
.animate__delay-125ms{
    animation-delay: 7700ms;
}
.animate__delay-130ms{
    animation-delay: 8000ms;
}
.animate__delay-135ms{
    animation-delay: 8300ms;
}
.animate__delay-140ms{
    animation-delay: 8500ms;
}
.animate__delay-145ms{
    animation-delay: 8800ms;
}
.animate__delay-150ms{
    animation-delay: 9100ms;
}
.animate__delay-155ms{
    animation-delay: 9400ms;
}
.animate__delay-160ms{
    animation-delay: 9700ms;
}
.animate__delay-165ms{
    animation-delay: 10000ms;
}
.animate__delay-170ms{
    animation-delay: 10300ms;
}
.animate__delay-175ms{
    animation-delay: 10600ms;
}
.animate__delay-180ms{
    animation-delay: 10900ms;
}
.animate__delay-185ms{
    animation-delay: 11200ms;
}
.animate__delay-190ms{
    animation-delay: 11500ms;
}
.animate__delay-195ms{
    animation-delay: 11800ms;
}

/*----Common Css----*/
a {
    color: #8763a9;
}
.primary-btn-1{
    background-color: #C8BF43;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Ruda', sans-serif;
    padding: 10px 30px;
    border-radius: 5px;
}
.primary-btn-1:hover{
    color: #fff;
    text-decoration: none;
}
.font-400{
    font-weight: 400;
}
.bg-green{
    background: #E4FFF3;
}
.bg-purple{
    background: #E8EAFF;
}
.bg-yellow{
    background: #FFFCD7;
}
.border-green{
    border: 4px solid #61B48D;
}
.border-purple{
    border: 4px solid #51578C;
}
.border-yellow{
    border: 4px solid #C8BF43;
}
.color-green{
    color: #61B48D;
}
.color-purple{
    color: #51578C;
}
.color-purple-primary{
    color: #8763A9 !important;
}
.color-yellow{
    color: #C8BF43;
}
.page-heading{
    color: #000;
    text-align: center;
    font-family: 'Ruda', sans-serif;
    font-size: 45px;
    font-weight: 900;
    line-height: 40px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    margin-bottom: 80px;
}
.page-sub-heading{
    color: #8763A9;
    font-family: 'Ruda', sans-serif;
    font-size: 40px;
    font-weight: 900;
    line-height: 50px; 
    text-transform: uppercase;
    margin-bottom: 40px;
}
.page-content{
    color: #000;
    font-family: 'Rosario', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; 
}
.logo-bg-left:before{
    content: "";
    background: url(../assests/img/product-section-bg.svg);
     position: absolute; 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    padding: 40px 10px;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.logo-bg-right:before{
    content: "";
    background: url(../assests/img/product-section-bg-right.svg);
     position: absolute; 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    padding: 40px 10px;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.logo-bg-yellow-left:before{
    content: "";
    background: url(../assests/img/logo-bg-yellow-left.svg);
     position: absolute; 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    padding: 40px 10px;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.logo-bg-yellow-right:before{
    content: "";
    background: url(../assests/img/logo-bg-yellow-right.svg);
     position: absolute; 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    padding: 40px 10px;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}
.logo-purple-bg-left:before{
    content: "";
    background: url(../assests/img/product-section-bg-purple.svg);
    position: absolute; 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    padding: 40px 10px;
    top: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.logo-purple-bg-right:before{
    content: "";
    background: url(../assests/img/product-section-bg-purple-right.svg);
    position: absolute; 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    padding: 40px 10px;
    top: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.logo-bg-career:before{
    content: "";
    background: url(../assests/img/logo-bg-career.svg);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    padding: 40px 10px;
    top: 0;
    right: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
}
.logo-bg-career-center:before{
    content: "";
    background: url(../assests/img/logo-bg-career-center.svg);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    padding: 40px 10px;
    top: 0;
    right: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
}
.breadcrumb-outter nav .breadcrumb{
    background: transparent;
}
.breadcrumb-item a{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px;
    letter-spacing: 0.2px;
    text-transform: capitalize;
}
.breadcrumb-item.active{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 900;
    line-height: 60px;
    letter-spacing: 0.2px;
    text-transform: capitalize;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: #000000 !important;
    content: "|" !important;
}
p.banner-credit {
    position: absolute;
    right: 30px;
    bottom: -6px;
    color: #FFF;
    font-family: 'Ruda', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.sub-page{
    position: relative;
}
.sub-page p.banner-credit {
    bottom: 0;
}
.sub-page.section-banner-content p.banner-credit {
    bottom: -20px;
}
/*--- comming soon page---*/
.coming-soon {
    display: flex;
/*    align-items: flex-start;*/
    justify-content: center;
    height: 100vh;
    padding-top: 15px;
    text-align: center;
}
/*img.logo-img {
    width: 350px;
}*/
.coming-soon.active {
    justify-content: flex-start;
}
.coming-soon.active .coming-soon-inner { width: 500px; display: flex;
}
.coming-soon.active .rightcontent{right:0;}
/*.coming-soon:after {
    content: "";
    background: url(../assests/img/banner-bg.png);
    position: absolute;
        background-size: cover;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-position: bottom;
}*/
.coming-soon-outer:after {
    content: "";
    background: url(../assests/img/onkologic-banner-2.png);
    position: absolute;
    background-size: cover;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-position: bottom;
}
.coming-soon-inner{
    transition: all 0.7s linear;
    width: 100%;
}
.coming-soon-outer.display-right .coming-soon-inner{
    transform: translateX(-100px);
    width: 50%;
}
.coming-soon-text h1 {
    color: #FFEE06;
    font-size: 35px;
    line-height: 48px;
    font-weight: 900;
    font-family: 'Ruda', sans-serif;
    margin: 30px 0 0;
}
.coming-soon-text h2 {
    color: #ffffff;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    font-family: 'Rosario', sans-serif;
}
.coming-soon-text p {
    color: #ffffff;
    font-size: 25px;
    line-height: 40px;
    font-weight: 400;
    font-family: 'Rosario', sans-serif;
    margin: 20px 0;
}
.coming-soon-action {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.active .coming-soon-action {
    flex-direction: column;
}
.form-inner p{
/*    border-bottom: 4px solid #FFEE06;*/
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding-bottom: 8px;
}
/*.display-right .form-inner p{
    width: 490px;
}*/
.footer-form input.wpcf7-form-control.wpcf7-text.wpcf7-email {
    border: 1px solid #E5E6EF;
    background: #FFF;
    margin-right: 15px;
    color: #000 !important;
    font-family: 'Ruda', sans-serif;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    padding: 0 20px;
    border-radius: 5px;
}
.footer-form input.wpcf7-form-control.wpcf7-text.wpcf7-email::placeholder{
    color: #000000 !important;
    font-family: 'Ruda', sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.footer-form input.wpcf7-form-control.wpcf7-submit {
        background-color: #C8BF42;
    color: transparent;
/*    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Roboto Mono', monospace;
    margin-bottom: 0px;
    border: none;
        padding: 0;*/
        position: relative;
}
.footer-form .wpcf7-submit.newsletter-submit{
    background: url(../assests/img/banner-arrow-right.svg) !important;
    position: absolute;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    bottom: 2px;
    left: -25px;
    z-index: -1;
    width: 50px;
    height: 50px;
    z-index: 99;
        border: none;
}
.form-inner input[type="text"]{
    background-color: transparent;
     width: 230px; 
    border: none;
    color: #000;
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    font-family: 'Roboto Mono', monospace;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email:focus-visible{
    outline: none;
}
.form-inner input[type="submit"]{
    background-color: #8763A9;
    color: #fff;
    padding: 0px 26px;
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    font-family: 'Roboto Mono', monospace;
    margin-bottom: 0px;
    border: none;
}
span.wpcf7-spinner {
    display: none;
}
.coming-soon-kpi {
    border-bottom: 4px solid #FFEE06;
    display: flex;
    justify-content: space-between;
}
.active .coming-soon-kpi {
    display: none;
}
.coming-soon-kpi p{
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    color: #FFFFFF;
    font-family: 'Roboto Mono', monospace;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 8px;
}
.coming-soon-kpi .open img {   
    margin-bottom: 5px;
}
.rightcontent {
    position: fixed;
    right: -2500px;
    top: 0;
    background-color: rgb(0 0 0 / 83%);
    height: 100%;
    width: 58%;
  transition: all 0.7s linear;
      display: flex;
    flex-direction: column;
    justify-content: center;
}
.display-right .rightcontent {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
p.close {
    position: absolute;
    top: 24px;
    left: 22px;
    z-index: 999;
}
.rightcontent-heading {
    color: #FFEE06;
        font-size: 25px;
    line-height: 20px;
    font-weight: 700;
    font-family: 'Ruda', sans-serif;
}
.rightcontent-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.kpi-title {
    position: relative;
    /* background: rgba(255, 255, 255, 0.1); */
/*    padding: 20px;*/
    flex-basis: 38%;
    margin: 15px 8px;
    transition: all 0.9s linear;
    width: 310px;
    min-height: 60px;
}
.kpi-title div {
        background: rgba(255, 255, 255, 0.1);
    padding: 20px;
    transition: width 0.3s linear, height 0.3s linear;
    width: 310px;
    min-height: 60px;
}
/*.kpi-title:hover div {
width: 350px;
    position: absolute;
    height: 117px;
    bottom: -13px;
    left: 0;
    transition: width 0.3s linear, height 0.3s linear;
    background: #252320;
}*/
.rightcontent-list p {
    color: #FFEE06;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    text-align: left;
        align-items: center;
}
.rightcontent-list div.search-section {
/*    flex-basis: 85%;
        background: rgba(255, 255, 255, 0.1);*/
    padding: 10px 20px;
}
.search-section  .prm-btn {
    padding: 6px 20px;
    font-weight: 400;
    color: #fff;
        cursor: pointer;
}
.rightcontent-list .search-section p img {
    margin: 0 20px 0 0;
}
.search-section input#search {
    background-color: transparent;
    color: #FFEE06;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    border: none;
    width: 380px;
}

.search-section input#search:placeholder{
    color: #FFEE06 !important;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
}
.search-section input#search::placeholder {
    color: #FFEE06 !important;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
}

.search-section input#search:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #FFEE06 !important;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
}

.search-section input#search::-ms-input-placeholder { /* Microsoft Edge */
 color: #FFEE06 !important;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
}
.search-section input#search:focus-visible{
    outline: none;
}
.prm-btn{
    background-color: #8763A9;
    color: #fff;
    padding: 1px 26px;
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    font-family: 'Roboto Mono', monospace;
    margin-bottom: 0;
    border: none;
}
.wpcf7-response-output {
    border-color: yellow !important;
}
::placeholder {
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    font-family: 'Roboto Mono', monospace;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    font-family: 'Roboto Mono', monospace;
}

::-ms-input-placeholder { /* Microsoft Edge */
 font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    font-family: 'Roboto Mono', monospace;
}
.hide-desktop{
    display: none;
}
.rightcontent-list p img {
    margin: 0 0 0 10px;
}
.wpcf7-not-valid-tip {
    position: absolute;
    margin-top: 3px;
    font-size: 16px;
}
.product-form-field .wpcf7-not-valid-tip {
    position: absolute;
    margin-top: -19px;
    font-size: 12px;
}
.product-form .wpcf7-response-output{
    bottom: 8px;
    font-size: 18px;
}
.footer-form .wpcf7-not-valid-tip {
    position: absolute;
    margin-top: 13px;
    font-size: 10px;
    top: -30px;
}
.wpcf7-response-output {
    position: absolute;
    border: none !important;
    padding: 0 !important;
    bottom: -37px;
    color: red;
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
    font-family: 'Ruda', sans-serif;
}
.sent .wpcf7-response-output{
    color: #46b450;
}
.product-form {
    padding: 0 20px 30px 20px;
}
.product-form-field p {
    margin-bottom: 0;
}
/*.wpcf7 form.sent .wpcf7-response-output {
    display: none;
}*/
/*.wpcf7-response-output {
    display: none;
}*/
p.kpi-details {
    display: none;
}

/*.kpi-title:hover p.kpi-details {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    font-weight: 400;
}*/
/*----Modal Box----*/
.form-modal .modal-dialog {
    max-width: 700px;
}
.form-modal .modal-content {
    background-color: #000;
    border: 2px solid #FFEE06;
    border-radius: 0;
}
.form-modal .form-title {
    color: #FFEE06;
    font-size: 23px;
    line-height: 30px;
    font-weight: 700;
    font-family: 'Ruda', sans-serif;
}
.form-modal .form-inner input,
.form-modal .form-inner textarea{
    background-color: transparent;
    width: 100%;
    border: none;
    color: #fff;
    font-size: 16px;
    line-height: 27px;
    font-weight: 500;
    font-family: 'Roboto Mono', monospace;
    margin: 12px 0;
}
.form-modal button.close {
    color: #FFEE06;
}
.form-modal .Submit {
    margin-top: 30px;
}
.text-area p {
    display: block;
}
.form-modal .form-inner.text-area textarea {
        height: 60px;
}
.modal-header {
    border-bottom: none;
}

/*.fade.show{
    opacity: 1;
}*/
input:focus-visible {
    outline: none;
}
textarea:focus-visible {
    outline: none;
}
.form-modal .wpcf7-response-output {
        bottom: 0;
    }
    .form-modal .Submit p input {
    width: 100%;
    padding: 10px;
}
.form-inner {
    margin-bottom: 0;
}
/*------Home page----*/
.top-section{
    position: relative;
    padding-bottom: 0;
    height: 700px;
}
.page-template-template-product section.top-section {
    height: auto;
}
.top-section:before {
    content: "";
/*    background: linear-gradient(90deg, rgba(3, 3, 3, 0.70) 0%, rgba(0, 0, 0, 0.41) 64.83%, rgba(0, 0, 0, 0.24) 90.81%, rgba(0, 0, 0, 0.00) 100%);
    position: absolute;*/
    background-size: cover;
    top: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    }
.top-section:after {
    content: "";
    background: url(../assests/img/banner-green1.svg);
    position: absolute;
    background-size: cover;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-position: right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}
/*.top-section.parent.home-page-banner {
    height: 1000px;
}*/
.top-section.home-page-banner:after {
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-position: right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}
/*
.home-page-banner.top-section.highlight:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}*/
/*.top-section,
.top-section:before{
    height: 900px;
}*/
/*---Navigation---*/
/*.section-nav {
    background: rgba(0, 0, 0, 0.20);
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.08);
}
*/li.nav-item {
    padding: 20px;
    position: relative;
}
.nav-item a{
    color: #ffffff;
    text-align: center;
    font-family: 'Ruda', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px; 
    letter-spacing: 0.2px;
    text-transform: uppercase;
}
.nav-item:hover a{
    color: #C8BF43;
        text-decoration: none;
}
.nav-item:hover a,
.current-menu-item a{
    border-bottom: 2px solid #C8BF43;
}
li.nav-item.nav-btn:hover a,
.current-menu-item.nav-btn a{
    border-bottom: none;
    color: #fff !important;
}
/*.nav-item:hover a:after,
.current-menu-item a:after{
    content: "";
    background-color: #C8BF43;
    width: 100%;
    height: 2px;
    bottom: 10px;
    line-height: 0;
    position: absolute;
    left: 0;
}*/
li.nav-item.nav-btn a {
    background-color: #C8BF43;
    padding: 6px 16px;
    border-radius: 5px;
}
li.nav-item.nav-btn a{
    color: #000;
    font-size: 18px;
    font-weight: 400;
    text-transform: initial;
}
/*--- homepage banner content---*/
.section-banner-content {
    padding: 0;
}
.banner-product-img {
    display: flex;
}
.banner-product-img img {
    margin-left: 20px;
    width: 50%;
}
.section-banner-content h1{
    color: #FFF;
    font-family: 'Ruda', sans-serif;
    font-size: 45px;
    font-weight: 900;
        margin-bottom: 40px;
}
.section-banner-content h2{
    color: #FFF;
    font-family: 'Rosario', sans-serif;
    font-size: 45px;
    font-weight: 700;
}
.carousel-element {
    margin-top: 50px;
}
.banner-carousel-img img {
    width: 80% !important;
    margin: auto;
}
/*.banner-carousel-block {
    text-align: center;
    position: relative;
    height: 250px;
}
.banner-carousel-img {
    border-radius: 10px 0 0 0;
    border: 3px solid #C8BF43;
    background: #FFF;
    box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.15);
    position: absolute;
    top: 0;
    width: 91%;
}
.banner-carousel-img img {
    border-radius: 10px 0 0 0;
}*/
.section-banner {
    padding-bottom: 30px;
}
.banner-carousel-content {
    height: 215px;
    display: flex;
    align-items: flex-end;
    border: 1px solid #C8BF43;
    border-radius: 0 0 10px 0;
    background: #F9F4B7;
    margin: 40px 0 0 29px;
    padding-top: 58px;
    position: relative;
    z-index: -9;
    top: 34px;
}
.banner-carousel-content p {
    padding: 10px 40px;
    margin-bottom: 0;
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
}
.custom-prev{
    content: "";
    background: url(../assests/img/banner-arrow-left.svg) !important;
    position: absolute;
    background-size: contain !important;
    background-repeat: no-repeat !important;
        bottom: 18%;
    left: 15px;
    z-index: -1;
    width: 35px;
    height: 35px;
    z-index: 99;
        border: none;
}
.custom-next{
    content: "";
    background: url(../assests/img/banner-arrow-right.svg) !important;
    position: absolute;
    background-size: contain !important;
    background-repeat: no-repeat !important;
        bottom: 18%;
    right: 15px;
    z-index: -1;
    width: 35px;
    height: 35px;
    z-index: 99;
        border: none;
}
button.owl-prev:focus,
button.owl-next:focus {
    outline: none;
}
.section-heading{
    color: #030303;
    text-align: center;
    font-family: 'Ruda', sans-serif;
    font-size: 40px;
    font-weight: 900;
    line-height: 60px;
    text-transform: uppercase;
/*    display: grid;*/
}
.product-section .section-heading{
    margin-bottom: 40px;
    display: grid;
}
/*----Home page Product Section---*/
.product-section {
    padding: 100px 0 50px;
    position: relative;
}
.product-section-content h3{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 35px;
    font-weight: 900;
    line-height: 60px; 
    text-transform: uppercase;
}
.product-section-content p{
    color: #000;
    font-family: 'Rosario', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
}

.product-section-content{
    position: relative;
}
.product-section.logo-bg-left:before {
    background-size: auto;
}

.product-section-img-first {
    position: relative;
    text-align: center;
        margin-bottom: 20px;
}
.product-section-img-first:after {
    content: "";
    border-radius: 10px;
    background: #8763A9;
    position: absolute;
    height: 200px;
    width: 100%;
    right: 0;
    z-index: -1;
    bottom: 0;
}
.product-section-img {
    margin-top: 100px;
}
.product-section-img-second {
    border-radius: 10px;
    background: #F9F2FF;
    margin-top: -20px;
    padding: 40px;
}
.product-section-img-second p{
    color: #000;
    font-family: 'Rosario', sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 40px;
    display: flex;
    justify-content: flex-start;
}
.product-section-img-second p .product-section-details{
    font-size: 22px;
    font-weight: 400;
    line-height: 40px;
    padding-left: 30px;
}
span.product-section-title {
    min-width: 110px;
}
/*---- Resource----*/
.resource-section {
    padding: 80px 0;
}
.resource-section-block {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.nav.nav-pills{
    display: flex;
    flex-direction: column;
    min-width: 600px;
}
.resource-section-block li a{
    color: #000;
}
.resource-section-block li a:focus-visible,
.resource-section-block li a:active,
.resource-section-block li a:hover{
    text-decoration: none;
}
.resource-section-block li a,
.resource-section-block li{
    font-family: 'Ruda', sans-serif;
    font-size: 35px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 5px 10px;
    margin: 20px 0;
}
.resource-section-block li .active {
    font-size: 45px;
    font-weight: 900;
    border-left: 5px solid #FFEE06;
    line-height: 45px;
}
/*----data figure----*/
.data-figure p{
    color: #000;
    text-align: center;
    font-family: 'Rosario', sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    padding-top: 50px;
}
.data-figure p b{
    text-decoration: underline;
}
/*---Performance---*/
.performance-section {
    padding: 150px 0;
}
.performance-section-block {
    border-radius: 0px 0px 40px 0px;
    margin: 60px 10px;
    height: 545px;
}
.performance-section-block img{
    position: relative;
    top: -25px;
    left: -20px;
    border-radius: 33px 0 0 0;
}
.performance-section-content {
    padding: 10px 25px;
}
.performance-section-heading{
    font-family: 'Ruda', sans-serif;
    font-size: 35px;
    font-weight: 900;
    line-height: 50px;
}
.performance-section-details{
    color: #000;
    font-family: 'Rosario', sans-serif;
    font-size: 22px;
    font-weight: 300;
    line-height: 32px;
}
.performance-section-block{
    background-size: 65%;
    background-repeat: no-repeat;
    z-index: -1;
    background-position: 100% 100%;
}
.logo-layer-green{
    background-image: url(../assests/img/logo-layer-green.svg);
}
.logo-layer-purple{
    background-image: url(../assests/img/logo-layer-purple.svg);
}
.logo-layer-yellow{
    background-image: url(../assests/img/logo-layer-yellow.svg);
}
/*----- Footer----*/
.footer{
    background: #F5F5F4;
    padding: 60px 0;
}
.footer-logo{
    padding-top: 50px;
}
.footer-nav {
    display: flex;
    justify-content: space-between;
}
.footer-nav-block {
    padding: 20px;
}
.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.connect-with-us {
    margin-top: 40px;
}
.footer-social {
    display: flex;
    justify-content: space-evenly;
    position: relative;
}
.footer-social img {
    margin: 0 10px;
    width: 70% !important;
        z-index: 99;
    position: relative;
}
.footer-nav-heading,
.footer-nav-heading a{
    color: #8763A9;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 24px; 
    letter-spacing: 0.2px;
    text-transform: uppercase;
}
.footer-nav-heading.footer-social-heading{
    text-transform: initial;
}
.footer-nav-item{
    color: #A4A3A3;
    font-family: 'Ruda', sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px; 
    letter-spacing: 0.2px;
}
.footer-social-tooltip{
    display: none;
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
        text-align: center;
}
.footer-social-icon:hover .footer-social-tooltip{
    display: block;
}
.footer-social-tooltip p{
    margin-top: 26px;
    padding: 9px 20px;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.04);
    width: 100%;
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
    border: 2px solid #E5E6EF;
    text-align: left;
}
.footer-social-tooltip p span,
.footer-social-tooltip p a{
    color: #8763A9;
}
.footer-social-tooltip p:after{
    content: "";
    position: absolute;
    top: 18px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #E5E6EF;
}
.footer-social-tooltip.phone-tooltip p:after{
    left: 18px;
}
.footer-social-tooltip.gps-tooltip p:after{
    left: 120px;    
}
.footer-social-tooltip.linkedin-tooltip p:after{   
    left: auto;
    right: 13px;  
}
.tab-content {
    overflow: hidden;
}
.data-carousel{
    text-align: center;
        height: 1200px;
}
.carousel-item.data-carousel img {
    height: 500px;
}
.carousel-control-prev{
    content: "";
    background: url(../assests/img/banner-arrow-left.svg) !important;
    position: absolute;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    top: 18%;
    left: 0px;
    z-index: -1;
    width: 40px;
    height: 40px;
    z-index: 99;
    opacity: 1;
}
.carousel-control-next {
    content: "";
    background: url(../assests/img/banner-arrow-right.svg) !important;
    position: absolute;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    top: 18%;
    right: 16px;
    z-index: -1;
    width: 40px;
    height: 40px;
    z-index: 99;
    opacity: 1;
}
.tab-content{margin: auto 0;}
.resource-carousel-item{
    max-width: 550px;
    margin: auto;
}
.resource-testimonial-head {
    display: flex;
}
.testimonial-img {
    margin-right: 20px;
}
.testimonial-img img {
    border-radius: 50%;
}
.resource-testimonial {
    border-radius: 10px;
    border: 3px solid #C8BF43;
    padding: 20px 10px;
    max-width: 550px;
    margin: auto 70px;
}
.testimonial-desciption h5 {
    color: #8763A9;
    font-family: 'Ruda', sans-serif;
    font-size: 20px;
    font-weight: 900;
    line-height: 30px;
}
.testimonial-desciption h5 span {
    font-weight: 400;
}
.testimonial-desciption p {
    color: #676767;
    font-family: 'Ruda', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
.resource-testimonial-content p{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 0;
}
.resource-testimonial-download {
    display: flex;
    justify-content: space-between;
    padding-top: 35px;
    align-items: center;
    border-top: 2px solid #ECE9E9;
}
.carousel-inner{
    z-index: 99;
}
/*-----Home page----*/
.mission-section,
.vission-section,
.home-product,
.home-video {
    padding: 80px 0 130px;
    position: relative;
}
.home-video video {
    background-color: #000;
}
.content-heading{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 45px;
    font-weight: 900;
    line-height: 40px; 
    letter-spacing: 0.2px;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.content-sub-heading{
    color: #C8BF43;
    font-family: 'Ruda', sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 50px; /* 125% */
    text-transform: uppercase;
}
.home-content {
    color: #000;
    font-family: 'Rosario', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 40px; 
     margin-bottom: 40px;
}
.home-product h1{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 40px;
}
/*----About---*/
.about-banner {
    background: url(../assests/img/inside-page-banner.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.about-banner-content {
    padding: 200px 0 250px;
}
.about-banner-content h1{
    color: #C8BF43;
    font-family: 'Ruda', sans-serif;
    font-size: 50px;
    font-weight: 900;
    line-height: 60px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
}
.about-banner-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 50px 0 50px;
    z-index: 99;
    position: relative;
}
/*.about-banner-nav:after {
    content: "";
    background: linear-gradient(90deg, rgba(3, 3, 3, 0.80) 0%, rgba(0, 0, 0, 0.41) 52.08%, rgba(0, 0, 0, 0.24) 77.60%, rgba(0, 0, 0, 0.00) 100%);
    position: absolute;
    width: 100%;
    height: 100%;
    right: -50px;
    bottom: 0px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    z-index: -9;
}*/
.about-banner-nav p a{
    display: flex;
    flex-direction: column;
    color: #C8BF43;
    font-family: 'Rosario', sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0.2px;
    justify-content: flex-end;
    align-items: flex-end;
}
.about-banner-nav p img {
    width: 50px;
    height: 50px;
        margin-top: 15px;
}
.history-section,
.about-timeline{
    padding: 100px 0 0px;
    position: relative;
}

.about-content{
    color: #000;
    text-align: center;
    font-family: 'Rosario', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; 
}
.about-timeline-outer {
    align-items: flex-end;
    justify-content: space-between;
}
.about-timeline-outer img{
    position: relative;
    z-index: 9;
}
.about-timeline-inner{
    padding: 50px 0;
    position: relative;
}
.about-timeline-year{
    color: #8763A9;
    font-family: 'Ruda', sans-serif;
    font-size: 50px;
    font-weight: 900;
    line-height: 40px; 
}
.about-timeline-details{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 45px;
    text-transform: capitalize;
}
.about-timeline-outer img{
    width: 100%;
}
.timeline-border-left:after{
    content: "";
    position: absolute;
    background-color: #676767;
    width: 590px;
    height: 2px;
    left: 0;
    bottom: 30px;
    z-index: -1;
}
.timeline-border-right:after{
    content: "";
    position: absolute;
    background-color: #676767;
    width: 590px;
    height: 2px;
    right: 0;
    bottom: 30px;
    z-index: -1;
}
.timeline-vertical-line:after {
    content: "";
    position: absolute;
    background-color: #676767;
    width: 2px;
    height: 400px;
    right: 53px;
    top: 7px;
    z-index: -1;
}
.timeline-vertical-line-top:after {
    content: "";
    position: absolute;
    background-color: #676767;
    width: 2px;
    height: 50px;
    right: 53px;
    top: -37px;
    z-index: -1;
}
.timeline-border-right:before {
    content: "";
    position: absolute;
    background-color: #D9D9D9;
    width: 20px;
    height: 20px;
    bottom: 23px;
    border-radius: 50%;
        right: 0;
}
.timeline-border-left:before {
    content: "";
    position: absolute;
    background-color: #D9D9D9;
    width: 20px;
    height: 20px;
    bottom: 23px;
    border-radius: 50%;
}
img.open-leader {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}
.leader-img {
    position: relative;
    margin-bottom: 25px;
}
.leader-img:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 90%;
    right: 0;
    bottom: 0;
    border-radius: 50px 0px;
    background: #F5EBFF;
    z-index: -1;
}
.about-leadership-inner:hover .leader-img:after{
    background: #8763A9;
}
.leader-name{
    color: #8763A9;
    text-align: center;
    font-family: 'Ruda', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: 900;
    line-height: 45px;
    border-bottom: 2px solid #C8BF43;
}
.leader-designation{
    color: #676767;
    text-align: center;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}
.leader-modal .modal-header{
    max-width: 300px;
    max-height: 300px;
    margin: auto;
        justify-content: center;
}
.leader-modal  .carousel-item.data-carousel img,
.leader-modal .data-carousel{
    height: auto;
}
.leader-modal .modal-body {
    margin: 25px;
}
.leader-heading-modal{
    color: #000;
    text-align: center;
    font-family: 'Ruda', sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px; /* 100% */
    text-transform: uppercase;
    margin-bottom: 12px;
        margin-top: 30px;
}
.leader-designation-modal{
    color: #000;
    text-align: center;
    font-family: 'Rosario', sans-serif;
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 128.571% */
}
.leader-content-modal{
    color: #000;
    text-align: center;
    font-family: 'Rosario', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 142.857% */

}
.leader-modal .modal-dialog {
    max-width: 1200px;
}

.section-about-partner,
.section-about-investor,
.section-about-career,
.about-leadership,
.section-about-advisory {
     padding: 100px 0;
    position: relative;
}
.section-about-investor,
.section-about-career {
    background-color: #F5EBFF;
    margin-bottom: 10px;
}
.section-about-advisory {
    background-color: #F5EBFF;
    text-align: left;
}
.panel-title .advisory-close{
    position: relative;
}
a.advisory-close:focus,
a.advisory-close:hover {
    text-decoration: none;
}
.panel-title .advisory-close:before {
    content: "";
    background: url(../assests/img/down-arrow.svg);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    padding: 0;
    top: 0;
    right: 0;
    z-index: 99;
    width: 50px;
    height: 100%;
}
.panel-title .collapsed.advisory-close:before {
    content: "";
    background: url(../assests/img/arrow-right.svg);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    padding: 0;
    top: 35px;
    right: 0;
    z-index: 99;
    width: 50px;
    height: 50px;
}
.panel-title-inner {
    display: flex;
    gap: 25px;
}
.panel-body p:first-child {
    margin-top: 30px;
}
.panel-heading .panel-title a h5{
    color: #8763A9;
    font-family: 'Ruda', sans-serif;
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 50px;
    background-color: transparent;
    border: none;
    text-decoration: none;
    display: inherit;
    width: 100%;
    position: relative;
}
.panel-heading .panel-title a p{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: bold;
    line-height: 20px; /* 71.429% */
    text-transform: capitalize;
}
.panel.panel-default {
    padding: 35px 0 25px;
    border-bottom: 3px solid #fff;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
}
.panel.panel-default:last-child {
    border-bottom: none;
}
.panel-group .panel.panel-default>.panel-heading {
    background-color: transparent;
}
/*.panel-body{
    margin-top: 25px;
}*/
.panel-body p{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 40px;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none !important;
}
/*----Investor---*/
.investor-banner {
    background: url(../assests/img/inside-page-banner.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.newsroom-banner {
    background: url(../assests/img/inside-page-banner.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.investor-edge-img p{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
        margin-top: 50px;
}
.investor-value,
.investor-phase,
.investor-edge,
.investor-sector{
    position: relative;
    padding: 150px 0;
    text-align: center;
}
.investor-table{
   position: relative;
    padding: 50px 0;
    text-align: center; 
}
.investor-requirement{
    position: relative;
    padding: 50px 0 0pxpx;
    text-align: center;
}
.investor-table table {
    width: 100%;
    border-spacing: 22px;
    border-collapse: inherit;
        display: table;
}
.table-text {
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: right;
    margin-bottom: 0;
}
.table-heading {
    border-radius: 10px;
    background: #61B48D;
    color: #FFF;
    font-family: 'Ruda', sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 14px;
}
th.table-sub-heading {
    border-radius: 10px;
    background: #EFEFEF;
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 18px;
    font-weight: 400;
}
.investor-table .table-green td {
    color: #61B48D;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-weight: 900;
}
.investor-table td {
    color: #676767;
    font-family: 'Ruda', sans-serif;
    font-size: 18px;
    font-weight: 400;
    padding: 20px;
}
.investor-table td:first-child {
    text-align: left;
}
.investor-sector.logo-bg-yellow-right:before {
    content: "";
    background: url(../assests/img/logo-bg-yellow-right.svg);
    position: absolute;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: top right;
    padding: 40px 10px;
    top: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}
/*--- Career---*/
.career-banner {
    background: url(../assests/img/inside-page-banner.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.career-diversity,
.career-section{
    padding: 250px 0;
}
.career-about{
    padding: 200px 0 60px;
}
.career-about .page-heading {
    margin-bottom: 50px;
}
.career-corevalues-content {
    padding-top: 200px;
}
.career-corevalues-content .page-heading{
    margin-bottom: 40px;
}
.career-benefit,
.career-corevalues-conten{
    padding: 150px 0;
}
.career-diversity-outter {
    border-radius: 10px;
    background: #F6F6F6;
    padding: 45px;
}
.career-diversity-inner {
    display: flex;
    align-items: flex-start;
}
.home-content a{
    color: #8763A9;
    text-decoration: underline;
}
.download-section {
    border-top: 3px solid #D9D9D9;
    padding-top: 25px;
    display: flex;
    gap: 166px;
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-transform: initial;
}
.career-corevalues {
    background-color: #8763A9;
    padding: 40px 0;
    position: relative;
    margin: 0;
}
.carousel-indicators{
    bottom: -25px;
}
.carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 0 10px;
}
.core-value-img {
    position: relative;
    z-index: 99;
}
.core-value-img img.w-100 {
    margin-bottom: 35px;
}
.career-corevalues .carousel {
    height: 600px;
}
.career-carousel-block {
display: flex;
    justify-content: flex-start;
    margin-top: 40px;
    gap: 90px;
}
.career-carousel-block ul.nav.nav-pills {
    display: flex;
    flex-direction: column;
    min-width: 400px;
    z-index: 99;
    position: relative;
        justify-content: center;
}
.tab-content.logo-bg-career-center {
    position: relative;
}
.career-carousel-block ul.nav.nav-pills:after {
    content: "";
    position: absolute;
    background: #fff;
    width: 2px;
    height: 100%;
    right: 30px;
}
.tab-pane {
    z-index: 99;
    position: relative;
}
.career-carousel-block .nav.nav-pills li a{
    color: #FFF;
    font-family: 'Ruda', sans-serif;
    font-size: 45px;
    font-weight: 400;
    line-height: 80px;
    text-decoration: none;
}
.career-carousel-block .nav.nav-pills li a.active{
    color: #C8BF43;
        background-color: transparent;
}
.career-carousel-block .nav.nav-pills li.career-carousel-heading a{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 45px;
    font-weight: 900;
    line-height: 20px;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.career-carousel-item{
    padding: 110px 0;
}
.career-carousel-item-heading{
    color: #C8BF43;
    text-align: center;
    font-family: 'Ruda', sans-serif;
    font-size: 90px;
    font-weight: 900;
    text-transform: uppercase;
}
.career-carousel-item-content{
    color: #FFF;
    text-align: center;
    font-family: Ruda;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}
/*----Home page navigation animation---*/
body.body-highlight {
     overflow: hidden;
}
body.body-highlight section.top-section.parent.home-page-banner,
body.body-highlight .top-section:before  {
    height: 100vh;
}
#add-class-button {
    z-index: 99;
    position: absolute;
    top: 65%;
    left: 43%;
        cursor: pointer;
}
.parent p#add-class-button img {
    width: 50px;
    height: 50px;
    display: block;
}
p#add-class-button img {display: none;}
.parent.highlight #add-class-button{
    display: none;
}
.parent .section-banner,
.parent .section-nav {
       opacity: 0;
    -webkit-transition: opacity 3s, -webkit-transform 3s;
    transition: opacity 3s, transform 3s;
    -webkit-transform: scale3d(0.9,0.9,1);
    transform: scale3d(0.9,0.9,1);
        padding-top: 20px;
}
.parent.top-section.highlight .section-banner{
       opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
        -webkit-transition-delay: 3s;
    transition-delay: 3s;
}
.parent.top-section.highlight .section-nav {
       opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
        -webkit-transition-delay: 2s;
    transition-delay: 2s;
}

.parent .logo-nav{
    max-width: 660px;
     position: absolute;
     top: 30%;
     left: 3%;
     /* transform: translate(-50%, -50%); */
     width: 600px;
     /* transition: all 2s ease-in-out; */
         display: block;
 }
 .logo-nav{display: none;}
 .sticky-logo{
    display: block;
 }
 .parent .sticky-logo{
    display: none;
 }
.top-section.highlight .logo-nav{
    /* top: 15px;
    left: 17%; */
    top: 21px;
    width: 240px;
    /* transform: translateX(-50%); */
    animation: slide-in 4.5s alternate;
}
img.logo {  
   width: 100%
}
.highlight img.logo {  
    /* width: 156px;
    height: 58px; */
}
/* Existing CSS styles */

@keyframes slide-in {
    0% {
      top: 35%;
      width: 600px;
    }
    100% {
      top: 25px;
      width: 240px;
    }
  }

/*.fade:not(.show) {
    opacity: 0.9 !important;
}*/
/*.fade.show {
    opacity: 0.9;
}*/
.resource-form-modal .modal-dialog {
    margin-top: 186px;
    max-width: 600px;
    background-color: #fff;
}
.resource-form-modal .modal-header {
    flex-direction: column;
    align-items: center;
    padding: 14px 50px 15px;
}
.resource-form-modal .modal-title {
    margin-top: 40px;
    color: #000;
    text-align: center;
    font-family: 'Ruda', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.resourese-form {
    text-align: center;
}
.modal-header .close:focus {
    outline: none;
}
button.close {
    position: absolute;
    top: 20px;
    right: 20px;
}
.resourese-form .form-inner1 input {
        border-radius: 10px;
    background-color: #E5E6EF;
    width: 100% !important;
    height: 50px;
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0 20px;
    border: none;
}
.resourese-form .form-inner1 input:placeholder{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.Submit-resource-btn {
    border-radius: 10px;
    background: #8763A9;
    color: #FFF;
    text-align: center;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    height: 50px;
}
/*----Career-page---*/
.career-section-inner{
    border-radius: 10px;
    background: #FAF4FF;
    padding: 50px;
}
.career-form-heading{
    color: #000;
    text-align: center;
    font-family: 'Ruda', sans-serif;
    font-size: 45px;;
    font-weight: 900;
    line-height: 50px; 
    letter-spacing: 0.2px;
    text-transform: uppercase;
}
.career-form-sub-heading{
    color: #676767;
    font-family: 'Ruda', sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: 0.2px;

}
.form-inner2 {
    margin-bottom: 20px;
}
.form-inner2 input {
    border-radius: 10px;
    background: #FFF;
    border: none;
    height: 50px;
    width: 100%;
    color: #676767;
    font-family: 'Ruda', sans-serif;
    font-size: 18px;
    font-weight: 400;
    padding: 0 20px;
}
.form-inner2 input::placeholder
.form-inner2 textarea::placeholder {
    border-radius: 10px;
    background: #FFF;
    border: none;
    height: 50px;
    width: 100%;
    color: #676767 !important;
    font-family: 'Ruda', sans-serif;
    font-size: 18px;
    font-weight: 400;
}
.form-inner2 label{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 18px;
    font-weight: 400;
}
input.wpcf7-form-control.wpcf7-file {
    padding: 50px;
    text-align: center;
}
.Submit-career-btn {
    border-radius: 10px;
    background: #C8BF43;
    border: none;
    padding: 10px 40px;
    color: #000;
    text-align: center;
    font-family: 'Ruda', sans-serif;
    font-size: 18px;
    font-weight: 400;
}
.career-opening {
    padding: 150px 0;
}
.career-opening-inner{
    border: 1px solid #E5E6EF;
    background: #FFF;
    padding: 30px;
    display: flex;
    justify-content: space-around;
}
.career-opening-designation{
    color: #C8BF43;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 800;
    line-height: 30px; /* 136.364% */
    margin-bottom: 0px;
}
.career-opening-company{
    color: #676767;
   font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0px;
}
.career-opening-location{
     color: #B4B4B4;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; 
    margin-bottom: 0px;  
}
/***Contact Page---***/
.contact-banner {
    background: url(../assests/img/inside-page-banner.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.contact-form,
.contact-address,
.contact-customer-service,
.contact-technical-service,
.contact-order{
    padding: 150px 0;
}
.contact-form-outter {
    text-align: center;
    background: #F5EBFF;
    padding: 50px;
}
.contact-form-outter .page-sub-heading {
    font-size: 22px;
    line-height: 40px;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.contact-form .page-content,
.contact-address .page-content,
.contact-customer-service .page-content,
.contact-technical-service .page-content,
.contact-order .page-content,{
    font-family: 'Ruda', sans-serif;    
}
.contact-address-1{
    margin: auto;
    text-align: center;
}
.contact-address-1 img{
    width: 85%;
}
.contact-address-bg {
    background: url(../assests/img/map.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 805px;
    text-align: center;
}
.contact-address-bg .page-sub-heading {
    text-align: left;
    margin-bottom: 14px;
}
.contact-address-bg .page-content {
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: 0.2px;
    text-align: left;
}
.contact-social-media{
    margin-top: 50px;
}
.contact-social-media p{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0.2px;
    margin-bottom: 30px;
}
.contact-social-media-inner img{
    padding: 0 20px;
}
.contact-technical-service{
    background: #F5EBFF;
}
.contact-subscribe-content{
    color: #676767;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.2px;
    margin-bottom: 25px;
}
.primary-btn-2{
    border-radius: 10px;
    background: #C8BF43;
    padding: 20px 40px;
    color: #000;
    text-align: center;
    font-family: 'Ruda', sans-serif;
    font-size: 18px;
    font-weight: 400;
}
.contact-technical-content{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: 0.2px;
    margin-bottom: 2px;
}
.contact-order-inner p{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0.2px;
}
.contact-order-img {
    border-radius: 20px;
    border: 2px solid #ECE9E9;
    background: #FFF;
}
.contact-order img{
    width: 100%;
}
.contact-technical:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 3px;
    height: 100%;
    left: -50px;
}
.subject label {
    display: flex;
    border-radius: 10px;
/*    border: 2px solid #8763A9;*/
    background: #F5EBFF;
    width: auto;
    height: 50px;
    margin-left: 10px;
}
.form-inner2 p {
    color: #676767;
    font-family: 'Ruda', sans-serif;
    font-size: 18px;
    font-weight: 400;
}
.red{
    color: #FB2424
}
.subject label input {
    width: 20px;
    height: 27px;
    margin-right: 8px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    border: none;
    height: 100px;
    border-radius: 10px;
    background: #FFF;
    padding: 0 20px;
}
section.top-section.parent.home-page-banner.highlight .custom-navigation{
    display: none;
}


/* Newsroom */
/* Newsroom Carousel */
.newsroom_carousel{
    margin: 150px 0 200px 0;
}
.newsroom_carousel__wrap > .owl-carousel{
    padding-bottom: 30px;
    border-bottom: 3px solid #D9D9D9;
}
.newsroom_carousel__wrap > .owl-carousel .item{
    background: #F5EBFF;
    padding: 50px;
}
.newsroom_carousel__wrap > .owl-carousel .item span{
    color: #676767;
    font-family: 'Ruda', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 222.222% */
    letter-spacing: 0.2px;
}
.newsroom_carousel__wrap > .owl-carousel .item h3{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 900;
    line-height: 50px;
    letter-spacing: 0.2px;
    margin-bottom: 20px 0 10px 0;
}
.newsroom_carousel__wrap > .owl-carousel .item h3 > strong{
    color: #8763A9;
    font-family: 'Ruda', sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 900;
    line-height: 50px; /* 142.857% */
    letter-spacing: 0.2px;
}
.newsroom_carousel__wrap > .owl-carousel .item p{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 159.091% */
    letter-spacing: 0.2px; 
    margin-bottom: 50px;  
}
.newsroom_carousel__wrap > .owl-carousel .item a{
    border-radius: 10px;
    background: #8763A9;
    display: inline-block;
    color: #fff;
}
.newsroom_carousel__wrap > .owl-carousel .owl-nav{
    position: absolute;
    right: 100px;
    bottom: -80px;
}
.newsroom_carousel__wrap > .owl-carousel .owl-nav .nav-btn{
    background-color: #C8BF43;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
.newsroom_carousel__wrap > .owl-carousel .owl-nav .nav-btn.prev-slide{
    margin-right: 30px;
    background-image: url(../assests/img/left_arrow.png);
}
.newsroom_carousel__wrap > .owl-carousel .owl-nav .nav-btn.next-slide{
    background-image: url(../assests/img/right_arrow.png);
}
/* Newsfeed */
.newsfeed{
    margin-bottom: 150px;
}
.newsfeed__wrap{
    display: flex;
}
.newsfeed__subscribe{
    background: #F5EBFF;
    padding: 50px 70px;
    position: relative;
    left: -100px;
    text-align: center;
    width: 453px;
}
.newsfeed__subscribe h3{
    color: #8763A9;
    text-align: center;
    font-family: 'Ruda', sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px; /* 114.286% */
    letter-spacing: 0.2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.newsfeed__subscribe p{
    color: #676767;
    text-align: center;
    font-family: 'Ruda', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    letter-spacing: 0.2px;
    margin-bottom: 30px;
}
.newsfeed__subscribe a{
    border-radius: 10px;
    display: inline-block;
}
.newsfeed__feeds{
    margin-left: 35px;
}
.newsfeed__feeds__form{
    text-align: right;
    margin-bottom: 50px;
}
.newsfeed__feeds__form input[type="search"]{
    border: 1px solid #E5E6EF;
    width: 504px;
    height: 50px;
    color: #676767;
    font-family: Ruda;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 50px;
    padding: 14px 20px;
    display: inline-block;
}
.newsfeed__feeds__form input[type="submit"]{
    text-indent: -99999px;
    outline: none;
    border: 0;
    background-color: #C8BF43;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-image: url(../assests/img/search-black.png);
    background-repeat: no-repeat;
    background-position: center;
}
.newsfeed__feeds__wrap a{
    display: flex;
}
.newsfeed__feeds--date{
    color: #676767;
    font-family: 'Ruda', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 222.222% */
    letter-spacing: 0.2px;
    margin-right: 50px;
    min-width: 140px;
}
.newsfeed__feeds--content h4{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px; /* 181.818% */
    letter-spacing: 0.2px;
}
.newsfeed__feeds--content p{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0.2px;
    padding-bottom: 15px;
    border-bottom: 2px solid #D9D9D9;
}
.newsfeed__feeds__wrap.last > .newsfeed__feeds--content p{
    margin-bottom: 0;
    border-bottom: 0;
}
/* Current Events */
.current_events__cards__wrap{
    display: flex;
    margin-bottom: 50px;
}
.current_events__cards__wrap a{
    display: flex;
}
.current_events__cards__wrap.last > .current_events__cards--content{
    padding-bottom: 0;
    border-bottom: 0;
}
.current_events__cards--img{
    margin-right: 50px;
}
.current_events__cards--img img{
    max-width: 429px;
    border-radius: 50px 0px 50px 0px;
    border: 3px solid #FFF;
    background: #FFF;
    box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.20);
}
.current_events__cards--content{
    padding-bottom: 50px;
    border-bottom: 1px solid #333;
}
.current_events__cards--content span{
    color: #676767;
    font-family: 'Ruda', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 222.222% */
    letter-spacing: 0.2px;
    margin-bottom: 10px;
}
.current_events__cards--content h2{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 35px;
    font-style: normal;
    font-weight: 900;
    line-height: 45px; /* 128.571% */
    letter-spacing: 0.2px;
    margin-bottom: 10px;
}
.current_events__cards--content p{
    color: #000;
    font-family: 'Rosario', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 181.818% */
}
@media (min-width: 1200px){
    .container{
        max-width: 1270px;
    }
}
/* Resources */
/* Banner */
.about-banner-content{
    position: relative;
}
.kpis_dropdown{
    border-radius: 10px;
    background: #8763A9;
    width: 590px;
    position: absolute;
    bottom: 0;
    margin-bottom: 50px;
    transition: all 0.2s ease;
}
.kpis_dropdown.active{
    background: #fff;
    border-radius: 10px 10px 0 0;
}
.kpis_dropdown .kpis_dropdown--btn{
    color: #FFF;
    font-family: Rosario;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 125% */
    letter-spacing: 0.2px;
    border: 0;
    outline: none;
    background: none;
    padding: 20px 30px;
    width: 100%;
    text-align: left;
    position: relative;
}
.kpis_dropdown .kpis_dropdown--btn:after{
    content: "";
    position: absolute;
    right: 30px;
    width: 30px;
    height: 18px;
    background-image: url(../assests/img/white_down_arrow.svg);
    top: 50%;
    transform: translateY(-50%);
}
.kpis_dropdown.active .kpis_dropdown--btn{
    color: #000;
}
.kpis_dropdown.active .kpis_dropdown--btn:after{
    background-image: url(../assests/img/black_down_arrow.svg);
}
.kpis_dropdown__content{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 10;
    transition: all 0.2s ease;
    border-radius: 10px;
}
.kpis_dropdown__content.active{
    visibility: visible;
    opacity: 1;
    border-radius: 0 0 10px 10px;
}
.kpis_dropdown__content a{
    display: block;
    color: #000;
    font-family: Rosario;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 142.857% */
    letter-spacing: 0.2px;
    padding: 15px 30px;
    border-bottom: 1px solid #D9D9D9;
}
.kpis_dropdown__content a:hover {
    background: #8763A9;
    color: #fff;
    text-decoration: none;
}
.kpis_dropdown__content a:last-child{
    border-bottom: 0;
}

.resouces-banner {
/*    background: url(../assests/img/inside-page-banner.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;*/
        height: 739px;
}

/* Resources Carousel */

.performance_carousel__wrap > .owl-carousel{
    padding-bottom: 30px;
}
/*.performance_carousel__wrap{
    max-width: 1230px;
    width: 100%;
    margin: 0 auto;
}*/
.performance_carousel .item{
    background: #F5EBFF;
    padding: 40px;
    height: 488px;
    margin:100px 10px 10px 10px;
    padding-top: 80px;
    border-radius: 50px 0px;
    text-align: center;
    position: relative;
}

.performance_carousel .item h3{
    color: #8763A9;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 900;
    line-height: 28px;
    letter-spacing: 0.2px;
    margin-bottom: 10px 0 10px 0;
}

.performance_carousel .item p{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px; /* 159.091% */
    letter-spacing: 0.2px; 
    margin-bottom: 50px;  
    border-bottom: 2px solid #C8BF4
}
.performance_carousel .item a{
    border-radius: 10px;
    background: #8763A9;
    display: inline-block;
    color: #fff;
}
.performance_carousel .item p.condition-text {
    color: #676767;
    font-family: Ruda;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0.2px;
    border-bottom: navajowhite;
    text-align: right;
    bottom: 0;
    position: absolute;
    bottom: 0;
    right: 40px;
}
.performance_carousel .item:after {
    content: "";
    position: absolute;
    background: #C8BF43;
    width: 78%;
    height: 2px;
    right: 23px;
    bottom: 90px;
}
.career-corevalues-content.citation {
    padding-top: 100px;
}
.performance_carousel__wrap > .owl-carousel .owl-nav .nav-btn{
    background-color: #C8BF43;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
.performance_carousel__wrap > .owl-carousel .owl-nav .nav-btn.prev-slide{
    margin-right: 30px;
    background-image: url(../assests/img/left_arrow.png);
    position: absolute;
    left: -60px;
}
.performance_carousel__wrap > .owl-carousel .owl-nav .nav-btn.next-slide{
    background-image: url(../assests/img/right_arrow.png);
    position: absolute;
    right: -60px;
}
.performance_carousel__wrap > .owl-carousel .owl-nav{
    position: absolute;
    top: 45%;
    width: 100%;
}

.carousel_icon_wrapper{
    width: 100px;
    height: 100px;
    border-radius: 100px;
    border:5px solid #fff ;
    padding:23px;
    background-color: #8763A9;
    margin: -125px auto 25px auto;
}

.refrence_title{

    color: #000;
    font-family: Rosario;
    font-size: 22px;
    font-weight: 700;
}
.refrence_copy{
    color: #000;
    font-family: Rosario;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}


/* comparison chart */
.comparison_chart{
    padding-top: 200px;
    font-family: 'Ruda', sans-serif;
}
.kpis_section{
    max-width: 1230px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 100px 0;
}
.performance_carousel.kpis_section .custom-prev,
.performance_carousel.kpis_section .custom-next {
    bottom: 44%;
}
.comparison_chart .table-striped tbody tr:nth-of-type(odd){
    background: transparent;
}
.comparison_chart .table thead th{
    border: none;
    
}
.comparison_chart .table td, .comparison_chart .table th{
    border-top: none;
}
.comparison_chart .table th{
    font-weight: 700;
    font-size: 22px;
   line-height: 40px;
   
}
.active_heading{
    color: #8763A9;
    font-weight: 900;
}
.disable_heading{
    color: #676767;
    font-size: 22px;
   font-weight: 400 !important;
}


/* The container */
.cc_label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .cc_label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 40%;
    right: 40%;
    height: 25px;
    width: 25px;
    background-color: #eee;
  }
  .checkmark.check_blank{

    border: 3px solid #E5E5E5;
    background: transparent;
  }
  /* On mouse-over, add a grey background color */
/*  .cc_label:hover input ~ .checkmark {
    background-color: #ccc;
  }*/
  
  /* When the checkbox is checked, add a blue background */
  .cc_label input:checked ~ .checkmark {
    background-color: #8763A9;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .cc_label input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .cc_label .checkmark:after {
    left: 10px;
    top: 5px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .cc_label input:checked ~ .checkmark.disabled {
    background-color: #eee;
  }
 
/** publications */

.item_row_wrapper{
    border: 3px solid #C8BF43;
    border-radius: 3px;
    width: 440px;
}
.heading_wrapper_left_icon{
    width: 52px;
    height: 52px;
    border-radius: 100px;
    background: #F5EBFF;
}
.resource-section.kpis_section .resource-section-block .tab-content{
    overflow: visible;
}
.carousel-control-prev.resource{
    position: absolute;
    bottom: 80px;
    top: auto;
    left: 16px;
}
.carousel-control-next.resource{
    position: absolute;
    bottom: 80px;
    top: auto;
}
.resource-section.kpis_section .resource-section-block .tab-pane{
    padding-bottom: 30px;
    border-bottom: 3px solid #D9D9D9;
}
.tab-pane{
    z-index: 9!important;
}


/* Revathi Styles Starts*/

.gmp-development {
    padding: 100px 0;
}
.regulation-increase{
    padding: 30px 0;
    
}
.note{
    font-family: 'Rosario', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}
.gmp-qlity-statement{
    padding: 100px 0;
}
.gmp-qlity-statement ul{
    padding-top: 40px;
}
.gmp-qlity-statement ul li{
    color: #000;
    font-family: 'Rosario', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}
.gmp-ality-content{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
}
.gmp-ality-content div > div{
    font-family: 'Rosario', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    padding: 50px;
    color:#000;
    border-radius: 40px 0px 40px 0px ;
}
.gmp-ality-content div > div.bg-yellow{
    padding: 35px;
}
.bg-green{
    background-color: #E4FFF3;
    border:4px solid #61B48D;

}
.bg-blue{
    background-color: #D3D8FF;
    border:4px solid #51578C;
}
.bg-yellow{
    background-color: #FFFCD7;
    border:4px solid #C8BF43;
}
.preclinical-vs-gmp{
    padding: 50px 0;
}
.preclinical-table{
    padding: 30px 0;
}
.preclinical-table table{
    width:100%
}
.preclinical-table table tr th span{
    background-color: #EFEFEF;
    padding: 20px 0px;
    display: block;
    margin-right: 5%;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 40px;
    font-family: 'Rosario', sans-serif;
    font-size: 22px;
    font-weight: 900;
    line-height: 40px;
}
.preclinical-table table tr span{
    font-family: 'Rosario', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 60px;
    text-align: center;
    display: block;
}
.preclinical-table table tr{
    border-bottom: 2px solid #D9D9D9;
}

.faq .form-inputs{
    position:relative;
    margin: 30px 0;
}
.faq  .form-inputs .form-control{
    height:45px; 
    font-family: 'Rosario', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    border: 2px solid #000000;
    color:#000;
}

.faq .form-inputs .form-control:focus{
    box-shadow:none;
    border:2px solid #000;
}

.faq  .form-inputs img{
    position: absolute;
    right: 10px;
    top: 15px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.faq .page-heading{
    font-family: 'Rosario', sans-serif;
    font-size: 45px;
    font-weight: 800;
    line-height: 60px;
}

.faq .accordion .card-header:after {
    background: url("./img/arrow-up.png")no-repeat;
    width: 23px;
    height: 13px;
    float: right; 
    content:'';
}
.faq .accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content:'';
    background: url("./img/arrow-down.png")no-repeat;
    width: 23px;
    height: 13px;
}
.faq .accordion{
    margin-bottom: 40px;
}
.faq .card{
    border: none;
}
.faq .accordion>.card .card-header{
    background: #FBF9DD;
    font-family: 'Rosario', sans-serif;
    font-size: 22px;
    font-weight: 800;
    line-height: 32px;
    color:#000;
    border-bottom: none;
    padding-bottom: 10px;
}
.faq .card-body{
    font-family: 'Rosario', sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 32px;
    padding-top: 0px;
}
.faq .card-panel{
    background: #FBF9DD;
    margin-bottom: 20px;
}
.faq{
    padding: 100px 0;
}
/* Revathi Styles Ends*/
.resource-section.kpis_section .resource-testimonial{
min-width: 500px;
}
/*---Product form---*/
.resource-form-modal.product-form-modal .modal-dialog {
    margin-top: 100px;
    max-width: 700px;
    background-color: #fff;
}
.product-form-field input,
.product-form-field textarea,
.product-form-field select {
    border-radius: 10px;
    background: #E5E6EF;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    border: none;
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
        margin-bottom: 20px;
}
.product-form-field input.wpcf7-form-control.wpcf7-number {
    padding: 0 5px 0 14px;
    width: 50px;
}
.product-form-field textarea{
    height: 60px !important;
    border-radius: 10px !important;
    background: #E5E6EF !important;
        padding: 20px !important;
}
.product-form-field input::placeholder,
.product-form-field textarea::placeholder,
.product-form-field select::placeholder{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.product-form-field-product-outer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.product-form-field-product-outer.border-btm{
    border-bottom: 1px solid #000;
}
p.product-form-field-title {
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 20px;
    font-weight: 600;
}
p.product-form-field-desc{
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 16px;
    font-weight: 400;
        display: flex;
    flex-direction: column;
}
.product-submit {
    border-radius: 5px;
    background: #8763A9;
    padding: 10px 30px;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: 'Ruda', sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 0;
}

.product-form-field-quantity p {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    font-size: 12px;
    flex-direction: row;
}
.product-form-field.product-form-field-quantity input {
        width: 60px;
    height: 37px;
    font-size: 16px;
    margin: 0 20px 20px;
}
.product-form-field.product-checkbox p span {
    display: flex;
    flex-wrap: wrap;
}
.product-checkbox span.wpcf7-list-item label {
    display: flex;
    min-width: 260px;
    min-height: 73px;
}
.product-checkbox input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin-right: 8px;
    margin-bottom: 0;
    margin-top: 5px;
}
.product-form-field.product-form-field-quantity div {
/*    border-bottom: 1px solid #000;*/
    padding-top: 10px;
        min-height: 75px;
}
.modal-backdrop.fade {
    opacity: 0;
}

.product-name span {
    width: 100%;
    display: block;
}
p.product-name span.wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    justify-content: flex-start;
}
p.product-name span.wpcf7-list-item label {
    display: flex;
    justify-content: flex-start;
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.product-name input[type="checkbox"] {
    width: 25px;
    height: 25px;
    margin-right: 10px;
}
p.product-name-details {
    color: #8763A9;
    font-family: 'Ruda', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0 0 30px 17px;
}
.product-name-sub-qty p {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 20px;
    color: #000;
    font-family: 'Ruda', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}