:root {
  --primary: #00AAC6;
  --secondary: #005a96;
  --dk-gray: #1A1A1A;
  --light-gray: #808080;
  --medium-gray: #4D4D4D;
}

@font-face {
  font-family: 'Gilroy Bold';
  src: url('../fonts/Gilroy-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Gilroy Heavy';
  src: url('../fonts/Gilroy-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Gilroy Black';
  src: url('../fonts/Gilroy-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Gilroy ExtraBold';
  src: url('../fonts/Gilroy-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Gilroy SemiBold';
  src: url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Gilroy Regular';
  src: url('../fonts/Gilroy-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Gilroy Medium';
  src: url('../fonts/Gilroy-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Gilroy UltraLight';
  src: url('../fonts/Gilroy-UltraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Inter Medium';
  src: url('../fonts/Inter-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Inter Light';
  src: url('../fonts/Inter-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Inter Bold';
  src: url('../fonts/Inter-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Inter ExtraLight';
  src: url('../fonts/Inter-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Inter ExtraBold';
  src: url('../fonts/Inter-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Inter Black';
  src: url('../fonts/Inter-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Inter Regular';
  src: url('../fonts/Inter-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Inter SemiBold';
  src: url('../fonts/Inter-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Inter Thin';
  src: url('../fonts/Inter-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: 'Roboto Regular';
  src: url('../fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

html{
  overflow-x: hidden;
}
ul,
ul li {
  /* list-style: none */
}

a,
a:hover {
  text-decoration: none
}

ul#tabs-nav {
  margin: 0;
  padding: 5px;
  overflow: auto
}

ul#tabs-nav li {
  cursor: pointer;
  width: 100%;
  height: 100%;
  background: #fff;
  position: relative;
  padding: 25px 32px;
  margin-bottom: 26px
}

ul#tabs-nav li.active,
ul#tabs-nav li:hover {
  box-shadow: 0 2px 15px rgb(0 0 0 / 5%);
  border-radius: 6px
}

#tabs-nav li a {
  text-decoration: none
}

.explore-the-canvs-platform-main .tab-content {
  height: 550px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  animation: fadeIn ease 2s;
  -webkit-animation: fadeIn ease 2s;
  -moz-animation: fadeIn ease 2s;
  -o-animation: fadeIn ease 2s;
  -ms-animation: fadeIn ease 2s
}

@keyframes fadeIn {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

@-moz-keyframes fadeIn {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

@-webkit-keyframes fadeIn {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

@-o-keyframes fadeIn {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

@-ms-keyframes fadeIn {
  0% {
      opacity: 0
  }

  100% {
      opacity: 1
  }
}

.explore-the-canvs-platform-main ul#tabs-nav li.active:after {
  background: var(--dk-gray);
  position: absolute;
  left: 0;
  width: 3px;
  height: 100%;
  content: "";
  top: 0;
  border-radius: 6px
}

.tab-detail-heading {
  font-size: 24px;
  line-height: 24px;
  font-family: 'Inter Bold';
  color: var(--dk-gray);
  margin-bottom: 11px
}

.tab-detail-desc {
  font-size: 16px;
  line-height: 20px;
  font-family: 'Gilroy Regular';
  color: var(--medium-gray)
}

.custom-link-style {
  font-size: 12px;
  line-height: 17px;
  font-family: 'Gilroy Bold';
  color: var(--dk-gray)
}

.custom-link-style img {
  margin-left: 5px
}

.custom-link-style:hover {
  color: var(--primary)
}

.tab-flex {
  display: flex
}

.tab-icon-bg-img {
  width: 64px !important;
  height: 64px !important;
  max-width: 64px !important;
  position: relative;
  margin-right: 18px
}

.tab-content-bg {
  position: relative;
  background: #fde9d6;
  border-radius: 20px;
  width: 581px;
  height: 567px
}

.tab-content-bg>img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: auto;
  height: 495px
}

.current-open-positions-heading, .bzCategory {
  font-size: 24px;
  line-height: 29px;
  font-family: 'Inter Light';
  color: var(--dk-gray)
}

.current-open-positions-role-heading, ul.bzOpeningsList li.bzOpening a h2 {
  font-size: 24px;
  line-height: 29px;
  font-family: 'Inter Medium' !important;
  color: var(--dk-gray);
  position: relative;
}
ul.bzOpeningsList li.bzOpening:hover a h2:after {
    content: "";
    background-image: url(../imgs/hover-link.png);
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
    right: 8px;
    top: 4px;
}
.show-icon-on-hover svg {
  opacity: 0;
  width: 20px;
  margin-left: 5px;
  margin-top: 5px
}

.current-open-positions-role-heading:hover, ul.bzOpeningsList li.bzOpening:hover a h2 {
  color: var(--primary) !important;
}

.current-open-positions-role-heading:hover .show-icon-on-hover svg {
  opacity: 1
}

.current-open-positions-role-sub-heading {
  font-size: 18px;
  line-height: 21px;
  font-family: 'Inter Regular' !important;
  color: var(--light-gray)
}

.current-open-positions-experience, ul.bzOpeningsList li.bzOpening ul.bzMeta > li {
  font-size: 24px;
  line-height: 29px;
  font-family: 'Inter Medium';
  color: var(--medium-gray);
}

.current-open-positions-list ul li, ul.bzOpeningsList li.bzOpening {
  padding: 18px 10px;
  margin-bottom: 18px
}

.current-open-positions-list ul li:last-child, ul.bzOpeningsList li.bzOpening:last-child {
  margin-bottom: 0
}

.current-open-positions-list ul li:hover, ul.bzOpeningsList li.bzOpening:hover {
  background: #fff;
  box-shadow: 0 4px 24px rgba(0, 0, 0, .08);
  border-radius: 10px
}

.current-open-positions-cols-items {
  margin-bottom: 18px
}

.current-open-positions-cols-items:last-child {
  margin-bottom: 0
}

.current-open-positions-list ul {
  padding-left: 0;
  margin-bottom: 0
}

.current-open-positions-role {
  width: 82%
}

.current-open-positions-cols-items .current-open-positions-heading, .bzCategory {
  font-family: 'Inter Medium' !important;
  padding-top: 18px;
}

.leadership-team-heading {
  font-size: 24px;
  line-height: 31px;
  font-family: 'Gilroy SemiBold';
  color: var(--dk-gray);
  margin-bottom: 0
}

.leadership-team-sub-heading {
  font-size: 18px;
  line-height: 23px;
  font-family: 'Gilroy Medium';
  color: var(--dk-gray)
}

.leadership-team-double-quotes {
  padding: 25px 0 18px 0;
  width: 34px;
}

.leadership-team-desc {
  font-size: 16px;
  line-height: 22px;
  font-family: 'Inter Regular';
  color: var(--light-gray)
}

.leadership-team-slider-nav .slick-slide {
  margin: 0 16px
}

.leadership-team-img img {
  width: 100%;
  filter: grayscale(1)
}

.leadership-team-slider-nav .slick-track {
  display: flex;
  align-items: end
}

.leadership-team-slider-nav .slick-slide .leadership-team-img {
  width: 130px;
  height: 130px
}

.leadership-team-slider-nav .slick-slide.slick-current .leadership-team-img {
  height: 380px
}

.leadership-team-slider-nav .slick-slide.slick-current .leadership-team-img img {
  filter: unset;
  height: 100%;
  object-fit: cover
}

.leadership-team-arrow {
  position: absolute;
  bottom: -45px;
  width: 42px;
  height: 42px;
  border: 2px solid #1d5b84;
  box-sizing: border-box;
  border-radius: 50px;
  cursor: pointer
}

.leadership-team-arrow i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 28px;
  width: 21px;
  height: 21px;
  color: #1d5b84
}

.leadership-team-arrow.leadership-team-right.slick-arrow i:before {
  position: absolute;
  left: 6px;
  top: -4px
}

.leadership-team-arrow.leadership-team-left.slick-arrow i:before {
  position: absolute;
  left: 4px;
  top: -4px
}

.leadership-team-arrow:hover {
  background: #1d5b84
}

.leadership-team-arrow:hover i {
  color: #fff
}

.leadership-team-arrow.leadership-team-right.slick-arrow {
  left: 60px
}

.canvs-core-values-main {
  background: #00aac6;
  color: #fff;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 50px;
  z-index: 1
}

.custom-main-heading {
  font-size: 32px;
  line-height: 45px;
  font-family: 'Gilroy SemiBold';
  color: #fff;
  margin-bottom: 52px
}

.canvs-core-values-slides .slick-list,
.canvs-core-values-slides .slick-track {
  height: 100vh
}

.canvs-core-values-slides .slick-dotted.slick-slider {
  margin: 0
}

.canvs-core-values-slides {
  width: 100%;
  height: 100vh
}

.canvs-core-values-slide-border {
  height: calc(100% - 190px);
  position: fixed;
  left: 0;
  right: 0;
  top: 60px;
  bottom: 0;
  z-index: 1;
  margin: auto;
  border: 2px solid #e6f6f5;
  box-sizing: border-box;
  border-radius: 20px;
  display: none
}

.slick-dots {
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-align: left
}

.slick-dots li {
  display: block
}

.canvs-core-values-img>img {
  width: 92%;
  max-height: 450px;
  box-shadow: 0 16px 32px rgb(0 0 0 / 9%);
  border-radius: 20px;
  margin: 0 auto
}

.canvs-core-values-sub-title {
  color: #006777;
  opacity: .1;
  font-size: 148px;
  line-height: 114px;
  font-family: 'Gilroy Heavy';
  text-align: center;
  position: fixed;
  left: 0;
  top: 50%;
  z-index: 1;
  margin: auto;
  right: 0;
  transform: translateY(-50%);
  display: none
}

.canvs-core-values-heading {
  font-size: 32px;
  line-height: 64px;
  font-family: 'Gilroy SemiBold';
  letter-spacing: .01em;
  color: #fff;
  margin-top: 120px
}

.canvs-core-values-desc {
  font-size: 18px;
  line-height: 28px;
  color: #e6f6f5;
  font-family: 'Inter Regular';
  color: #fff
}

.sidenavbar {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  display: none
}

.main-slider.active #header .canvs-core-values-sub-title,
.main-slider.active .canvs-core-values-slide-border,
.main-slider.active .sidenavbar {
  display: block
}

.sidenavbar li {
  margin-bottom: 25px;
  display: block;
  cursor: pointer
}

.sidenavbar li a {
  width: 60px;
  height: 3px;
  background-color: #006777;
  cursor: pointer;
  display: block;
  transition: all .8s;
  margin: 0 0 auto auto
}

.sidenavbar li a.active {
  width: 120px;
  background-color: #fff
}

.main-slider.active #header,
.main-slider.active .sidenavbar {
  display: block
}

#main {
  width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 99;
  max-width: 100%
}

#main li {
  /* list-style-type: none; */
  margin-top: 600px;
  transform: translateY(-400px)
}

#main li img {
  width: 100%
}

#main ul {
  padding-left: 0
}

hr.border-line {
  border: 1px dashed #006777;
  margin-top: 0;
  margin-bottom: 3rem
}

section.elementor-section.elementor-top-section.elementor-element.elementor-element-17c8cf8 {
  z-index: 9
}

section.elementor-section.elementor-top-section.elementor-element.elementor-element-0bf786a {
  z-index: 9;
  background: #fff
}

.blog-list-img-main {
  position: relative;
  height: 350px;
}
.blog-list-img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    border-radius: 10px !important;
}
.blog-list-heading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 45px;
  font-family: 'Inter Medium';
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  opacity: 1;
  transition: all 0.8s ease;
  z-index: 1;
}
.blog-list-img-main a:after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.57) 0%, #006777 100%);
  border-radius: 10px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  opacity: 1;
  transition: all 0.5s ease;
}
.blog-list-img-main a:hover:after, .blog-list-img-main a:hover .blog-list-heading{
  opacity: 1;
}
.blog-list-category{
  font-family: 'Inter Medium';
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #FFFFFF;
  background: var(--primary);
  padding: 6px 14px;
  border-radius: 50px;
  position: relative;
  top: -15px;
  left: 22px;
  z-index: 1;
}
.blog-list-desc{
  margin-top: 32px;
}
ul.blog-list-update-date-time {
  padding: 0;
  margin-bottom: 8px;
}
ul.blog-list-update-date-time li, ul.featured-articles-update-date-time li {
  display: contents;
}
ul.blog-list-update-date-time li:after {
  content: "|";
  color: var(--primary);
  padding: 0 4px 0 8px;
}
ul.blog-list-update-date-time li:last-child:after{
  content: "";
}
.blog-list-date, .blog-list-read-time{
  font-family: 'Inter Medium';
  font-size: 14px;
  line-height: 17px;
  color: var(--primary);
}
.blog-list-detail{
  font-family: 'Inter Regular';
  font-size: 12px;
  line-height: 18px;
  color: var(--medium-gray);
}
.blog-list-read-link{
  font-family: 'Gilroy Bold';
  font-size: 12px;
  line-height: 17px;
  color: #464646;
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.blog-list-read-link:hover{
  color: var(--secondary);
}
.blog-list-read-link svg{
  margin-left: 10px;
}
.blog-list-read-link:hover svg path{
  fill: var(--secondary);
}
.blog-list-cols {
  padding: 0 25px 54px;
}
.custom-blog-search-textbox{
  border: 0.5px solid var(--primary);
  box-sizing: border-box;
  border-radius: 46px;
  padding: 16px 65px;
  font-family: 'Inter Regular';
  font-size: 14px;
  line-height: 17px;
  color: var(--light-gray);
  width: 100%;
  outline: 0;
}
.custom-blog-search-btn {
  border: 0;
  outline: 0;
  background-color: transparent;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  outline: 0 !important;
}
.custom-search-dropdwon-blog-list{
  margin-bottom: 40px;
}
.search.search-results .custom-search-dropdwon-blog-list, .search.search-no-results .custom-search-dropdwon-blog-list, .archive.category .custom-search-dropdwon-blog-list{
  margin-top: 40px; 
}
.search.search-results .custom-blog-list .pagination, .archive.category .custom-blog-list .pagination{
    margin-bottom: 54px !important;
    margin: 0 auto;
}
.custom-dropdown-style{
  font-family: 'Inter Medium';
  font-size: 16px;
  line-height: 19px;
  color: var(--dk-gray);
  padding: 14px 30px;
  outline: 0 !important;
  border: 0.5px solid #00AAC6;
  box-sizing: border-box;
  border-radius: 46px;
  background-color: transparent;
  cursor: pointer;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-dropdown-style svg{
  margin-left: 70px;
}
.custom-dropdown-list-design {
  display: none;
  position: absolute;
  height: 294px;
  width: 100%;
  z-index: 99;
  padding: 14px 0;
  top: 65px;
  background: #FFFFFF;
  box-shadow: 0px 1px 6px rgb(0 0 0 / 15%);
  border-radius: 10px;
  overflow-y: scroll;
}
.custom-dropdown-list-design ul {
  padding: 0;
  margin: 0;
}
.custom-dropdown-list-design ul li {
  margin-bottom: 14px;
}
.custom-dropdown-list-design ul li:last-child {
  margin-bottom: 0px;
}
.custom-dropdown-list-design ul li a{
  padding: 12px 26px;
  display: block;
  font-family: 'Inter Regular';
  font-size: 14px;
  line-height: 17px;
  color: var(--medium-gray);
}
.custom-dropdown-list-design ul li a:hover{
  background: #E6F6F5;
  font-family: 'Inter Medium';
  color: var(--dk-gray);
}
.pagination {
  display: flex;
  justify-content: center;
  margin-top: 26px;
}
.pagination ul {
  margin: 0 18px;
  padding-left: 0;
}
.pagination a, .pagination ul li, .pagination .page-numbers{
   font-size: 14px;
  line-height: 14px;
  font-family: 'Roboto Regular';
  color: var(--dk-gray);
}
.pagination ul li a, .pagination .page-numbers{
  padding: 7px 12px;
  border-radius: 50%;
}
.pagination ul li, .pagination .page-numbers {
  display: initial;
  margin: 0 10px;
}
.pagination ul li a:hover, .pagination .page-numbers.current, .pagination .page-numbers:hover {
  background: #E6F6F5;
}
.pagination-btn{
  border: 1px solid var(--primary);
  box-sizing: border-box;
  border-radius: 50px;
  position: relative;
  width: 33px;
  height: 33px;
}
.pagination-btn svg{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.pagination-btn:hover{
  border: 1px solid #E6F6F5;
  background: #E6F6F5;
}
.pagination .next.page-numbers:hover, .pagination .prev.page-numbers:hover{
  color: var(--primary);
  background: transparent; 
}
.pagination-btn:hover svg path{
  fill: var(--dk-gray);
}
.canvs-ai-box-heading{
  font-size: 24px;
  line-height: 55px;
  font-family: 'Inter SemiBold';
  color: var(--dk-gray);
  text-align: center;
}
.canvs-ai-box-methodology-heading{
  font-size: 24px;
  line-height: 30px;
  font-family: 'Inter SemiBold';
  color: var(--primary);
  text-align: center;
  width: fit-content;
  position: relative;
  margin: 0 auto;
  display: block;
}
.canvs-ai-box-methodology-heading:after {
  content: "";
  border-bottom: 2.5px solid #00AAC6;
  width: 100%;
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
}
.mt-12{
  margin-top: 12px;
}
.canvs-ai-box {
  background: #E6F6F5;
  border-radius: 10px;
  padding: 16px;
}
.canvs-ai-box-border {
  border: 1px solid var(--primary);
  border-radius: 10px;
  padding: 16px;
}
.canvs-ai-box-bg-img {
  background-image: url(../imgs/Insight_Cool_2.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.featured-articles-update-date-time{
  padding: 0;
}
ul.featured-articles-update-date-time li{
  font-family: 'Inter Regular';
  font-size: 14px;
  line-height: 17px;
  color: var(--light-gray);
}
ul.featured-articles-update-date-time li:after {
  content: "|";
  color: var(--light-gray);
  padding: 0 4px 0 8px;
}
ul.featured-articles-update-date-time li:last-child:after {
  content: "";
}
.featured-articles-list-inner > ul{
  padding-left: 0;
  margin-bottom: 0;
}
.featured-articles-list-inner > ul > li > a{
  font-family: 'Inter Regular';
  font-size: 14px;
  line-height: 20px;
  color: var(--dk-gray);
  text-transform: uppercase;
}
.featured-articles-list-inner > ul > li > a:hover{
  color: var(--primary);
}
.featured-articles-list-inner > ul > li{
  border-bottom: 0.5px solid rgb(128,128,128, 0.5);
  padding: 28px 0;
}
.featured-articles-list-inner > ul > li:first-child{
  padding-top: 0;
}
.articles-heading{
  font-family: 'Inter Medium';
  font-size: 18px;
  line-height: 22px;
  color: var(--dk-gray);
  text-transform: uppercase;
  position: relative;
  margin-bottom: 40px;
}
.articles-heading:after{
  content: "";
  position: absolute;
  width: 33px;
  height: 0px;
  left: 0;
  bottom: -9px;
  border: 2px solid var(--dk-gray);
}
.featured-articles-list-main {
  box-shadow: 0px 1px 6px rgb(0 0 0 / 8%);
  border-radius: 10px;
  margin-top: 30px;
  padding: 34px;
}
.cmt-45{
  margin-top: 45px;
}
.featured-articles-get-started-link{
  font-family: 'Inter Medium';
  font-size: 24px;
  line-height: 42px;
  color: #fff;
  background: var(--primary);
  text-transform: uppercase;
  padding: 10px 36px;
  margin-top: 47px;
  border-radius: 100px;
  display: block;
  text-align: center;
}
.featured-articles-get-started-link:hover{
  background: var(--dk-gray);
  color: #fff;
}
.resource-library-link{
  font-family: 'Inter Medium';
  font-size: 16px;
  line-height: 19px;
  color: #E6F6F5;
  border: 1px solid #E6F6F5;
  border-radius: 50px;
  text-align: center;
  padding: 10px 20px;
  width: fit-content;
  margin: 30px auto 0;
}
.resource-library-main-icon {
  background: #F5FBFB;
  border-radius: 200px;
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 1;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px;
}
.resource-library-inner {
  border: 1.5px solid #00AAC6;
  border-radius: 200px;
  width: 70px;
  height: 70px;
  position: relative;
}
.resource-library-inner img {
  width: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.resource-library-blog-list-cols {
  padding: 0px 40px 90px 15px;
}
.resource-libaray-search-dropdwon{
  margin-bottom: 80px;
}
.resource-libaray-banner-heading{
  font-family: 'Gilroy Bold';
  font-size: 42px;
  line-height: 64px;
  color: var(--dk-gray);
  text-align: center;
  letter-spacing: 0.01em;
}
.resource-libaray-banner-desc{
  font-family: 'Gilroy Medium';
  font-size: 34px;
  line-height: 44px;
  color: var(--medium-gray);
  text-align: center;
}
.resource-libaray-banner{
  padding: 110px 0;
  background: #E6F6F5;
}
.resource-libaray-main{
  padding: 70px 0 120px 0;
}
.related-articles-heading{
  font-family: 'Inter Medium';
  font-size: 24px;
  line-height: 29px;
  color: var(--dk-gray);
}
.blog-detail-related-articale-item{
  padding: 0 12px;
}
.blog-detail-related-articles-slider{
  margin-top: 40px;
}
.blog-detail-related-articale-item img.blog-list-img {
  object-fit: fill;
}
.blog-detail-related-articles-slider ul.slick-dots {
  bottom: -90px;
  width: auto;
  left: 46%;
  transform: translateX(-50%);
}
.blog-detail-related-articles-left, .blog-detail-related-articles-right {
  bottom: -75px;
}
.blog-detail-related-articles-slider .slick-dots li button:before{
  font-size: 16px;
  color: #EDF1F3;
  opacity: 1;
}
.slick-dots li.slick-active button:before {
  color: #1D5B84;
}
.blog-detail-related-articles-slider ul.slick-dots li {
  display: inline-block;
}
.blog-detail-related-articles-right.slick-arrow {
  left: unset !important;
  right: 500px;
}
.blog-detail-related-articles-slider .slick-arrow {
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}


@media(min-width:1280px) {
  .container {
      max-width: 1170px
  }
  .resource-libaray-right {
      padding-left: 50px;
  }
  /* .open-end-blog-detail .container {
      max-width: 100%;
      padding: 0;
  } */
  /* .blog-detail-related-articles-slider .slick-list {
      padding: 0 20% 0 0 !important;
  } */
  .blog-detail-related-articale-item{
    padding: 0 28px 0 0;
  }
  .blog-detail-related-articles-slider{
    width: calc(150% - 100px);
  }
  .blog-detail-related-articles-left.slick-arrow {
      left: -60px;
  }
  .blog-detail-related-articles-slider ul.slick-dots {
      bottom: -90px;
      width: auto;
      left: 550px;
      /* transform: translateX(-50%); */
  }
   ul.bzOpeningsList li.bzOpening ul.bzMeta {
      text-align: right;
  }
  .elementor-column.elementor-element.elementor-element-56e2130 {
      text-align: right;
      margin-right: 25px;
  }
  .elementor-inner-column.elementor-element.elementor-element-a10e611 {
      margin-left: 28px;
  }
}

@media(min-width: 1360px) {
  .blog-detail-related-articles-left.slick-arrow {
      left: -70px;
  }
}

@media(min-width: 1440px) {
  /* .blog-detail-related-articles-slider .slick-list {
      padding: 0 26% 0 0 !important;
  } */
}
@media(min-width: 1680px) {
  /* .blog-detail-related-articles-slider .slick-list {
      padding: 0 32% 0 0 !important;
  } */
}
@media(min-width: 1920px) {
  /* .blog-detail-related-articles-slider .slick-list {
      padding: 0 40% 0 0 !important;
  } */
}
@media(max-width:1680px) {
  .sidenavbar li a {
      width: 30px
  }
  .sidenavbar li a.active {
      width: 50px
  }
}

@media only screen and (max-width:1280px) {
  .sidenavbar li a {
      width: 40px
  }
  .sidenavbar li a.active {
      width: 70px
  }
}

@media(max-width:1024px) {
  .tab-content-bg {
      width: auto;
      height: 467px
  }

  .tab-content-bg>img {
      height: 400px
  }

  #main li {
      margin-top: 500px
  }

  .canvs-core-values-sub-title {
      font-size: 110px
  }
  .custom-dropdown-style, .custom-dropdown-list-design{
    width: 100%;
  }
  .blog-list-heading {
      font-size: 18px;
      line-height: 26px;
  }
  .resource-libaray-main-row {
      justify-content: center;
  }
  .resource-library-blog-list-cols {
      padding: 0px 15px 80px 15px;
  }
  .blog-detail-related-articles-right.slick-arrow {
    left: unset !important;
    right: 0px;
  }
  .blog-detail-related-articles-slider ul.slick-dots {
      bottom: -90px;
      width: auto;
      left: 50%;
      transform: translateX(-50%);
  }
  .elementor-42 .elementor-element.elementor-element-0bf3dcc .bzOpeningsList li ul {
      padding-left: 85px !important;
  }

}

@media(max-width:768px) {
  .leadership-team-double-quotes {
      padding: 14px 0 12px 0;
      width: 24px;
  }

  .custom-main-heading, .resource-libaray-banner-heading {
      font-size: 28px;
      line-height: 32px;
  }

  .explore-the-canvs-platform-main .tab-content {
      height: auto;
  }

  .tab-content-bg {
      width: 581px;
      height: 567px;
      margin: 0 auto
  }

  .tab-content-bg>img {
      height: 490px
  }

  .sidenavbar li a {
      width: 25px
  }

  .sidenavbar li a.active {
      width: 40px
  }

  .canvs-core-values-sub-title {
      font-size: 85px
  }
  .pagination {
      margin-top: 1rem;
  }
  .resource-libaray-banner-desc {
      font-size: 24px;
      line-height: 29px;
  }
  ul.bzOpeningsList li.bzOpening:hover a h2:after {
      right: -20px;
  }
  .elementor-42 .elementor-element.elementor-element-0bf3dcc .bzOpeningsList li ul {
      padding-left: 65px !important;
  }
}

@media(max-width:767px) {
  .tab-content-bg {
      width: auto;
      height: 320px;
      margin: 0 auto
  }

  .tab-content-bg>img {
      height: 260px
  }

  .tab-detail-heading {
      font-size: 18px;
      line-height: 20px
  }

  .tab-icon-bg-img {
      width: 56px !important;
      height: 56px !important;
      max-width: 56px !important
  }

  .current-open-positions-role-heading {
      font-size: 18px;
      line-height: 20px;
      margin-bottom: 8px;
      display: block
  }

  .current-open-positions-experience {
      font-size: 21px;
      line-height: 23px;
      margin-top: 8px;
      display: block
  }

  .current-open-positions-role {
      width: 100%
  }

  .current-open-positions-list ul li {
      padding: 18px 14px
  }

  .heading-format>ul {
      padding-left: 14px
  }

  .leadership-team-slider-nav .slick-slide .leadership-team-img,
  .leadership-team-slider-nav .slick-slide.slick-current .leadership-team-img {
      width: 180px;
      height: 180px
  }

  .leadership-team-slider-nav .slick-slide.slick-current .leadership-team-img img {
      height: auto
  }

  .leadership-team-cols:first-child {
      order: 1
  }

  .leadership-team-slider-nav .slick-slide {
      margin: 0
  }

  .leadership-team-heading {
      font-size: 21px;
      line-height: 23px
  }

  .main-slider.active .sidenavbar {
      display: none
  }

  .canvs-core-values-sub-title {
      font-size: 72px;
      line-height: 76px
  }

  .canvs-core-values-heading {
      font-size: 22px;
      line-height: 24px;
      margin-top: 40px
  }

  hr.border-line {
      margin-bottom: 1rem
  }

  .current-open-positions-heading {
      font-size: 22px;
      line-height: 26px;
  }
  .canvs-core-values-slide-border {
      width: 95%;
  }
  .leadership-team-cols {
      padding: 0;
  }
  .blog-list-img-main {
      height: 330px;
  }
  .blog-list-heading {
      font-size: 16px;
      line-height: 24px;
  }
  .pagination {
      display: table;
  }
  .pagination ul li {
      display: inline-block;
      margin: 16px 10px;
  }
  .elementor-42 .elementor-element.elementor-element-0bf3dcc .bzOpeningsCategory h1, .elementor-42 .elementor-element.elementor-element-0bf3dcc .bzOpeningsList, .elementor-42 .elementor-element.elementor-element-0bf3dcc .bzOpeningsList li h2 {
      flex-basis: 100% !important;
  }
  ul.bzOpeningsList li.bzOpening:hover a h2:after {
      right: 0;
  }
  .elementor-42 .elementor-element.elementor-element-0bf3dcc .bzOpeningsList li ul {
      flex-basis: 100% !important;
      padding-left: 0 !important;
  }

}