/** Shopify CDN: Minification failed

Line 4841:0 Unexpected "}"

**/
@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Lexend:wght@100..900&display=swap');

html {
  font-size: 62.5%;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body {
  scroll-behavior: smooth;
}
/* font-family: "Lexend", sans-serif;
font-family: "Hanken Grotesk", sans-serif;
font-family: "Inter", sans-serif; */
:root {
  --page-width: 128rem;
  --font-Lexend: "Lexend", sans-serif;
  --font-Hanken-Grotesk: "Hanken Grotesk", sans-serif;
  --font-Inter: "Inter", sans-serif;

  --pure-white: #FFFFFF;
  --cerulean:#67B0FF;
  --sapphire:#2D3892;
  --off-white:#EEF6FF;
  --muted-blue:#B0CAE3;
  --black:#000;

  --p14:1.4rem;
  --p15:1.5rem;
  --p16:1.6rem;
  --p17:1.7rem;
  --p18:1.8rem;
  --p20:2.0rem;
  --p23:2.3rem;
  --p24:2.4rem;
  --p25:2.5rem;
  --p27:2.7rem;
  --p30:3.0rem;
  --p32:3.2rem;
  --p36:3.6rem;
  --p40:4.0rem;
  --p43:4.3rem;
  --p44:4.4rem;
  --p48:4.8rem;
  --p63:6.3rem;
  --p64:6.4rem;
  --p80:8.0rem;
  
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
p {
  margin: 0 0 2rem;
}
p:last-child {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
.h0,
.h1,
.h2,
.h3,
.h4,
.h5,
.drawer__heading {
font-family: var(--font-Lexend);
margin: 0 0 1rem 0;
padding: 0;
font-weight: 700;
line-height: 109%;
}

h1,
.h1 {
  font-size: var(--p80);
 line-height: 109%;
}

h2,
.h2,
.drawer__heading, .title {
  font-size: var(--p48);
  line-height: 1.0;
}
h2 strong{
  letter-spacing: -0.03em;
}
h3,
.h3 {
  font-size: var(--p32);
  line-height: 1.08;
}
h4,
.h4 {
  font-size: var(--p24);
  line-height: 1.08;
}
h5,
.h5 {
  font-size: var(--p18);
  line-height: 1.08;
}
h6,
.h6 {
  font-size: var(--p24);
  line-height: 1.08;
}
a {
  margin: 0;
  padding: 0;
  text-decoration: none;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:hover {
}
img,
video,
iframe {
  max-width: 100%;
  display: inherit;
  height: auto;
}

video,
iframe {
  border: 0;
}

table {
  width: 100%;
}

.mobile {
  display: none !important;
}

.section_heading,
.title,
.common-heading {
  margin: 0 0 1rem 0;
  font-size: var(--p48);
}

body {
  font-family: var(--font-Lexend);
  color: #fff;
  letter-spacing: 0rem;
  font-style: normal;
  font-weight: 400;
  font-size: var(--p16);
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

.page-width,
.shopify-policy__container,
.header-wrapper header.header.page-width {
  max-width: var(--page-width);
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-left: auto;
  margin-right: auto;
}

.button:before,
.button:after,
button:before,
button:after,
.customer button:before,
.customer button:after{
content: normal; 
}

.button, .btn, .customer button{
  height: 5.0rem;
  padding: 0 2.069rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* background:var(--pure-white); */
  border-radius: 0.635287rem;
  cursor: pointer;
  transition: all 0.45s ease-in-out;
  font-family: var(--font-Lexend);
  font-weight: 600;
  font-size: var(--p16);
  line-height: 1.25;
  gap: 1.207rem;
}
.btn-xl{
height: 6.3rem;
padding: 0 3.021rem;
font-size: var(--p23)
}
.btn-md{
height: 4.548rem;
}
.btn-sm{
  height: 4.0rem;
  padding: 0 1.8rem;
  gap: 0.3rem;
  font-weight: 600;
  font-size: var(--p14);
  line-height: 143%;
}


.blue-btn{
color: var(--pure-white);
background: var(--sapphire);
box-shadow: 0px 1.05881px 4.23524px rgba(25, 33, 61, 0.08);
}
.white-btn{
 background: var(--pure-white); 
color: var(--sapphire);
}
.cer-blue-btn{
  background-color: var(--cerulean);
  color: var(--pure-white);
}
.line-btn{
border: .2rem solid #EEF6FF;
border-radius: .635287rem;
min-width:13.724rem;
color:#EEF6FF;
}
.blue-line-btn{
 border: .2rem solid #2D3892;
border-radius: .635287rem;
min-width:13.724rem;
color:#2D3892; 
}

.btn .icon{
  height: 1.6rem;
}
.btn-sm .icon {
    height: 1.2rem;
}
.btn-sm .icon svg{
  height: 100%;
  width: 100%;
}

.button:hover, .btn:hover, .customer button:hover{
}

.blue-btn:hover{
background: var(--cerulean);
}

.white-btn:hover{
 background: var(--cerulean); 
 color:var(--pure-white);
}

.cer-blue-btn:hover{
  background-color: var(--sapphire);
}
.btn svg path{
transition:all 0.45s ease-in-out;
}
.line-btn:hover{
background-color:var(--cerulean);
}
/* =============== Announcement Bar =============== */
.index-announcement-wrap{
background: var(--sapphire);
}
.index-announcement-inner{
}
.index-announcement-inner .txt{
    text-align: center;
    font-family: var(--font-Lexend);
    font-weight: 400;
    font-size: var(--p14);
    line-height: 171%;
    color: var(--page-width);
    padding: 0.654rem 0;
}
.index-announcement-inner .txt em{
  font-style:normal;
}
.index-announcement-inner .txt strong{
  font-weight: 700;
}
.index-announcement-inner .txt a{
  color: var(--page-width);
  text-decoration: underline;
}
.index-announcement-inner .txt a:hover{
  color: var(--cerulean);
}
/* =============== Announcement Bar END =============== */ 

/* =============== MAIN HEADER START    =============== */ 
.section-header.shopify-section-group-header-group {
z-index: 10;
}
.header-wrapper{
padding: 0;
background-color: transparent;
position: absolute;
left: 0;
top: 2.0rem;
width: 100%;
transition:all 0.45s ease-in-out;
}
.shopify-section-header-sticky .header-wrapper{
  top:0;
}
.shopify-section-header-sticky .header-wrapper .header{
  background-color: var(--pure-white);
  transition:all 0.45s ease-in-out;
}
.header-wrapper header.header.page-width{
  max-width:100%;
  padding:2.5rem 6.95rem 2.5rem;
  justify-content: space-between;
  grid-template-columns: 140px auto 140px;
}
.header-wrapper .header .header__heading-link{
  margin:0;
  padding:0;
}
.header-wrapper .header .header__heading-link .header__heading-logo{
  width:11rem;
  filter: brightness(0) invert(1);
  transition:all 0.45s ease-in-out;
}
.header .header__inline-menu{
}
.header .header__inline-menu ul.list-menu--inline{
  gap:3.0rem;
}
.header .header__inline-menu ul.list-menu--inline li{
}
.header .header__inline-menu ul.list-menu--inline li .header__menu-item{
  padding:0;
  font-family: var(--font-Lexend);
  font-weight: 600;
  font-size: var(--p14);
  line-height: 143%;
  color: var(--pure-white);
  transition:all 0.45s ease-in-out;
}
.header .header__inline-menu ul.list-menu--inline li .header__active-menu-item,
.header .header__inline-menu ul.list-menu--inline li .header__menu-item:hover span,
.header .header__inline-menu details[open]>.header__menu-item,
.js .header .header__inline-menu details>ul.header__submenu li a.header__menu-item:hover {
text-decoration: none;
}
.header .header__inline-menu ul.list-menu--inline li .header__active-menu-item{
    color: var(--sapphire);
}
.header .header__inline-menu ul.list-menu--inline li summary.header__menu-item{
  padding-right:2.1rem;
}
.header .header__inline-menu ul.list-menu--inline .header__menu-item .icon-caret {
  right: 0;
  top: calc(50% - .4rem);
  width:1.4rem;
  height:0.9rem;
}
.js .header .header__inline-menu details>ul.header__submenu{
  border-radius:1rem;
  padding:0.5rem 0;
  background: var(--sapphire);
  border:0;
}
.js .header .header__inline-menu details>ul.header__submenu li{
}
.js .header .header__inline-menu details>ul.header__submenu li a.header__menu-item{
      padding: 1rem 2rem;
      border-bottom:1px solid var(--cerulean);
}
.js .header .header__inline-menu details>ul.header__submenu li:last-child a.header__menu-item{
  border-bottom:0;
}
.shopify-section-header-sticky .header-wrapper .header .header__heading-link .header__heading-logo{
filter: none;
}
.shopify-section-header-sticky .header .header__inline-menu ul.list-menu--inline li .header__menu-item{
  color:var(--sapphire);
}
.shopify-section-header-sticky .header .header__inline-menu ul.list-menu--inline li .header__active-menu-item{
    color: var(--cerulean);
}
.shopify-section-header-sticky .header .header__icons .header__icon svg path:nth-of-type(1),
.shopify-section-header-sticky .header .header__icons .header__icon svg path:nth-of-type(2){
  fill:var(--sapphire);
}
.shopify-section-header-sticky .header .header__icons .header__icon svg path:nth-of-type(3){
  stroke:var(--sapphire);
}
.shopify-section-header-sticky .header .header__inline-menu ul.list-menu--inline .header__menu-item .icon-caret path{
  stroke:var(--sapphire);
}
.js .shopify-section-header-sticky .header .header__inline-menu details>ul.header__submenu li a.header__menu-item{
color:var(--pure-white);
}

.header-white-text .header-wrapper .header .header__heading-link .header__heading-logo{
  filter:none;
}
.header-white-text .header .header__inline-menu ul.list-menu--inline li .header__menu-item{
  color:var(--sapphire);
}
.header-white-text .header .header__inline-menu ul.list-menu--inline li ul .header__menu-item{
  color:var(--pure-white); 
}
.header-white-text .header .header__inline-menu ul.list-menu--inline li .header__active-menu-item{
 color:var(--pure-white);
}
.header-white-text:has(.article-template) .header .header__inline-menu ul.list-menu--inline li .header__active-menu-item{
 color:var(--cerulean);
}
.header-white-text:has(.article-template) .header .header__inline-menu ul.list-menu--inline .header__menu-item .icon-caret path{
 stroke:var(--cerulean);
}
.header-white-text .header .header__inline-menu ul.list-menu--inline .header__menu-item .icon-caret path{
stroke:var(--sapphire);
}
.header-white-text .header .header__icons .header__icon svg path:nth-of-type(1),
.header-white-text .header .header__icons .header__icon svg path:nth-of-type(2){
  fill:var(--sapphire);
}
.header-white-text .header .header__icons .header__icon svg path:nth-of-type(3){
  stroke:var(--sapphire);
}

.header-white-text .shopify-section-header-sticky .header .header__inline-menu ul.list-menu--inline li .header__active-menu-item{
 color:var(--cerulean);
}





.header .header__inline-menu ul.list-menu--inline .header__menu-item .icon-caret path{
  transition:all 0.45s ease-in-out;
}
.header .header__icons{
  margin:0;
  padding:0;
  gap:3.0rem;
  transition:all 0.45s ease-in-out;
}
.header .header__icons .header__icon{
  margin:0;
  width:3.0rem;
  height: auto;
}
.header .header__icons .header__icon svg{
  width:2.0rem;
  height:auto;
}
.header .header__icons .btn{
height:4.1rem;
padding: 0 1.55rem;
font-family: var(--font-Lexend);
font-weight: 600;
font-size: var(--p14);
line-height: 143%;
}

/* =============== MAIN HEADER END      =============== */

/* =============== Index Banner START   =============== */
.index-banner{
padding: 2rem 2.0rem;
background: var(--pure-white);
}
.index-banner-wrap{
  position: relative;
}
.index-banner-wrap .banner-wrapper{
  width: 100%;

}
.index-banner-wrap .banner-wrapper .img-sec{
  width: 100%;
  border-radius: 1.0rem;
  overflow: hidden;
}

.index-banner-wrap .banner-wrapper .img-sec img{
  width: 100%;
}

.index-banner-wrap .index-banner-inner{
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  display: flex;
  align-items: flex-end;
  height: 100%;
  padding-bottom: 4.1rem;
}
.index-banner-wrap .index-banner-inner .info{
  max-width: 50.0rem;
  width: 100%;
}
.index-banner-wrap .index-banner-inner .info h1{
font-weight: 700;
font-size: var(--p80);
line-height: 109%;
letter-spacing: -0.04em;
color: var(--pure-white);
  margin: 0 0 3.0rem 0;
}
.index-banner-wrap .index-banner-inner .info h1 strong{
  font-weight: 700;
  display: block;
  position: relative;
  width:fit-content;
}
.index-banner-wrap .index-banner-inner .info h1 strong:after{
    content: "";
    display: inline-block;
    width: 100%;
    height: .4rem;
    background-color: var(--pure-white);
    position: absolute;
    left: 0;
    bottom: 2px;
}
.index-banner-wrap .index-banner-inner .info .txt{
font-family: var(--font-Lexend);
font-weight: 600;
font-size: var(--p24);
line-height: 1.25;
color: var(--sapphire);
padding-right: 8.2rem;
  margin: 0 0 4.3rem 0;
}
.index-banner-wrap .btn-wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 2.0rem;
  align-items: center;
  margin: 0 0 8.0rem;
}
.index-banner-wrap .explore-arrow{
  display: inline-flex;
  align-items: center;
  font-family:var(--font-Lexend);
  font-weight: 300;
  font-size: var(--p24);
  line-height: 1.25;
  color: var(--pure-white);
  cursor: pointer;
}
.index-banner-wrap .explore-arrow .arrow{
  height: 3.0rem;
}
/* =============== Index Banner END      ================= */
/* =============== We're Tengo           ================= */
.shopify-section:has(.cus-image-banner){
    background-color:#EEF6FF;
  padding:1.9rem 2.0rem 1.8rem;
}
.shopify-section .cus-image-banner{

}

.shopify-section .cus-image-banner:after,
.shopify-section .cus-image-banner .banner__media:before,
.shopify-section .cus-image-banner .banner__media:after{
  content:normal !important;
}
.shopify-section .cus-image-banner:before{
padding-bottom: 42.358% !important;
}
.shopify-section .cus-image-banner .banner__media{
  border-radius:1.0rem;
}

.shopify-section .cus-image-banner .banner__content{
max-width: var(--page-width);
width: 100%;
padding:1.5rem;
}
.cus-image-banner .banner__content .banner__box{
  padding:0;
  background-color:transparent;
  max-width:39.7rem;
  width:100%;
  min-width:auto;
}
.cus-image-banner .banner__content .banner__heading{
font-family: var(--font-Lexend);
font-weight: 800;
font-size: var(--p48);
line-height: 104%;
letter-spacing: -0.03em;
color: var(--pure-white);
margin:0 0 1.0rem 0;
}
.cus-image-banner .banner__content .banner__text{
font-family: var(--font-Lexend);
font-weight: 500;
font-size: var(--p24);
line-height: 1.25;
color: var(--pure-white);
}
/* =============== We're Tengo END      ================= */
/* =============== Tego Features        ================= */
.index-tego-features{
  background: #EEF6FF;
padding: 3.1rem 3.0rem;
}
.index-tegofeatures-wrap{
background: rgba(176, 202, 227, 0.2);
border-radius: 1.0rem;
}
.index-tegofeatures-wrap .page-width{
  max-width: 122.1rem;
}
.index-tegofeatures-wrap .index-tegofeatures-inner{
  display: flex;
  flex-wrap: wrap;
      padding: 8.7rem 0;
  position: relative;
}
.index-tegofeatures-wrap .index-tegofeatures-inner .left-panel{
  width: 67%;
  display: flex;
}
.index-tegofeatures-wrap .index-tegofeatures-inner .heading--panel{
  width: 57%;
      position: relative;
    z-index: 1;
}
.index-tegofeatures-wrap .index-tegofeatures-inner .img-sec{
  width: 43%;
  position: absolute;
  bottom: 0;
}
.index-tegofeatures-wrap .index-tegofeatures-inner .imgsec--inner{
width: calc(100% + 604px);
}
.index-tegofeatures-wrap .index-tegofeatures-inner .rgt-panel{
  width: 32.9974811083%;
  margin-left: auto;
    gap: 4.0rem;
    display: flex;
  flex-direction: column;
}
.index-tegofeatures-wrap .index-tegofeatures-inner .item{
  display: flex;
  position: relative;
  padding-left: 16.154rem;
}
.index-tegofeatures-wrap .index-tegofeatures-inner .item h4:before{
    content: "";
    width: 14.861rem;
    height: .102rem;
    background: var(--sapphire);
    position: absolute;
    right: calc(100% + 1.294rem);
    bottom: 10px;
}
.index-tegofeatures-wrap .index-tegofeatures-inner .item .info{
}
.index-tegofeatures-wrap .index-tegofeatures-inner .item .info h4{
font-weight: 700;
font-size: var(--p18);
line-height: 1.27777777778;
text-transform: uppercase;
color: var(--sapphire);
  margin: 0 0 0.5rem 0;
  position: relative;
}
.index-tegofeatures-wrap .index-tegofeatures-inner .item .info .txt{
font-weight: 400;
font-size: var(--p15);
line-height: 1.26666666667;
text-transform: uppercase;
color: #000000;
}
.sub-heading{
font-weight: 500;
font-size: var(--p16);
line-height: 150%;
letter-spacing: 1.28px;
text-transform: uppercase;
color: var(--sapphire);
}
.common-heading{
font-weight: 700;
font-size: var(--p63);
line-height: 113%;
letter-spacing: -1.357px;
color: var(--sapphire);
  
}
.index-tegofeatures-wrap .sub-heading{
  margin: 0 0 3.1rem;
}
.index-tegofeatures-wrap .common-heading{
  margin: 0;
}
/* =============== Tego Features END     ================ */

/* =============== Call to Action        ================ */
.index-cta{
  background-color: var(--pure-white);
  padding: 3rem 2rem 3rem;
}
.index-cta-wrap{
  background-color: var(--cerulean);
  border-radius: 1.0rem;
  overflow: hidden;
}

.index-cta-wrap .page-width{
  max-width: 100%;
  padding: 0;
  padding-left: calc((100% - 120.6rem) / 2);
}
.index-cta-wrap .index-cta-inner{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.index-cta-wrap .index-cta-inner .left-panel{
  /* width: 45.2173913043%; */
  width: 41.53%;
  padding: 2.9rem 10.1rem 0 1.5rem;
}
.index-cta-wrap .index-cta-inner .rgt-panel{
  /* width: 54.7826086957%; */
      width: 58.47%;
}
.index-cta-wrap .index-cta-inner .common-heading{
font-size: var(--p64);
font-weight: 800;
line-height: 114%;
letter-spacing: -0.03em;
  margin: 0 0 8.7rem;
}
.index-cta-wrap .index-cta-inner .cta-wrap{
background: var(--pure-white);
box-shadow: .7rem .8rem .285rem rgba(24, 35, 67, 0.2);
border-radius: 1.0rem;
width: calc(100% + 267px);
position: relative;
z-index: 1;
padding: 3.8rem 3.5rem;
display: flex;
gap: 5.346rem;
justify-content: space-between;
    min-height: 218px;
    align-items: center;
}

@media screen and (min-width: 1250px) and (max-width: 1520px) {
  .index-cta-wrap .index-cta-inner .cta-wrap {
    width: calc(100% + 267px);
    min-height: 218px;
    align-items: center;
  }
.index-cta-wrap .index-cta-inner .common-heading {
        font-size: 5rem;
        margin: 0 0 5rem;
}
}


.index-cta-wrap .index-cta-inner .cta-wrap .title-price-wrap h4{
font-weight: 600;
font-size: var(--p30);
line-height: 110%;
letter-spacing: -0.03em;
color: var(--sapphire);

}
.index-cta-wrap .index-cta-inner .cta-wrap .title-price-wrap span{
font-weight: 400;
font-size: var(--p25);
letter-spacing: -0.03em;
color: #6D758F;
}
.index-cta-wrap .index-cta-inner .btn{
  width: auto;
  flex-shrink: 0;
  border:0;
}
.index-cta-wrap .index-cta-inner .img-sec,
.index-cta-wrap .index-cta-inner .img-sec img{
width: 100%;  
}
.template-blog .card__media .media img {
    object-position: 25% !important;
}
/* =============== Call to Action END    ================ */

/* =============== Tego Different        ================ */
.index-tego-different{
background: #EEF6FF;
  padding: 0 2.0rem;
}
.index-tegodifferent-wrap{
background: var(--sapphire);
border-radius: 10px;
  padding-top:5.8rem;
}
.index-tegodifferent-wrap .page-width{
  max-width: 117.4rem;
}
.index-tegodifferent-wrap .index-tegodifferent-inner{
}
.index-tegodifferent-wrap .index-tegodifferent-inner .common-heading{
font-weight: 800;
font-size: var(--p48);
line-height: 104%;
letter-spacing: -0.03em;
color: var(--cerulean);
text-align: center;
  margin: 0 0 2.3rem 0;
}
.index-tegodifferent-wrap .index-tegodifferent-inner .txt{
  text-align: center;
  max-width: 56.6rem;
  width: 100%;
  margin: 0 auto 4.0rem;
  font-weight: 500;
  font-size: var(--p24);
  line-height: 1.25;
  color:var(--pure-white);
}
.index-tegodifferent-wrap table{
  border: 0;
  box-shadow: none;
}
.index-tegodifferent-wrap .table-wrap{
  background-color: var(--pure-white);
  padding: 3.0rem 2.4rem 7.0rem;
  border-radius: 1.6rem 1.6rem 0 0;
}
.index-tegodifferent-wrap .table-wrap th,
.index-tegodifferent-wrap .table-wrap td{
  text-align: left;
  border: 0;
  padding: 0 0.8rem;
}
.index-tegodifferent-wrap .table-wrap th{
font-weight: 500;
font-size: var(--p15);
line-height: 1.25;
letter-spacing: -0.24px;
color: #19282D;
    vertical-align: bottom;
}
.index-tegodifferent-wrap .table-wrap table tr th:nth-of-type(1){
width: 16.79%;
}

.index-tegodifferent-wrap .table-wrap th .tab-haed{
border-bottom: 1px solid rgba(25, 40, 45, 0.25);
padding: .8rem 2.4rem 1.8rem;
}
.index-tegodifferent-wrap .table-wrap td .tab--col{
border-bottom: 1px solid rgba(25, 40, 45, 0.25);
padding: 2.5rem .0rem 2.4rem;
  display: flex;
  gap: 0.8rem;
  min-height:9.4rem;
}
.index-tegodifferent-wrap .table-wrap td .tab--col .icon{
    width: 1.6rem;
    flex-shrink: 0;
    display: inline-block;
    margin-top: 2px;
}
.index-tegodifferent-wrap .table-wrap td{
font-family: var(--font-Lexend);
font-weight: 300;
font-size: var(--p16);
line-height: 138%;
letter-spacing: -0.24px;
color: #19282D;
  vertical-align: bottom;

}
.index-tegodifferent-wrap .table-wrap table tr td:first-child{
font-weight: 500;
}
.index-tegodifferent-wrap .table-wrap table tr:last-child td div{
  border: 0;
}
.index-tegodifferent-wrap .table-wrap td .tab--col .btn{
  width: 100%;
  height: 4.2rem;
  font-family: var(--font-Lexend);
  font-weight: 500;
  font-size: var(--p14);
  line-height: 89%;
  letter-spacing: -0.315px;
  color: #FAF7F5;
  border-radius: 6.4rem;
}

/* NEW TABLE */
.index-tegodifferent-wrap .block-wrap {
    background-color: var(--pure-white);
    padding: 3rem 2.4rem 7rem;
    border-radius: 1.6rem 1.6rem 0 0;
}
.index-tegodifferent-wrap .block-wrap .table-item{
  display:flex;
  gap:1.6rem;
width:100%;
}
.index-tegodifferent-wrap .block-wrap .table-item .table-wrapper{
  display:flex;
  gap:1.6rem;
  width:83.21%;
}
.index-tegodifferent-wrap .block-wrap .table-item .table-wrapper .row{
  display:flex;
  gap:1.6rem;
  border-bottom: 1px solid rgba(25, 40, 45, .25);
    padding: 2.5rem 0rem 2.4rem;
    width:33.333%;


}
.index-tegodifferent-wrap .block-wrap .table-item h4{
margin:0;
font-family: var(--font-Lexend);
font-weight: 500;
font-size: var(--p16);
line-height: 138%;
display: flex;
align-items: center;
letter-spacing: -0.24px;
color: #19282D;
width: 16.79%;
border-bottom: 1px solid rgba(25, 40, 45, .25);
    padding: .8rem 2.4rem 1.8rem 0;
}
.index-tegodifferent-wrap .block-wrap .tabledata{
      font-family: var(--font-Lexend);
    font-weight: 300;
    font-size: var(--p16);
    line-height: 138%;
    letter-spacing: -.24px;
    color: #19282d;
       display: flex;
    gap: .8rem;

}
.index-tegodifferent-wrap .block-wrap .tabledata .icon {
    width: 1.6rem;
    flex-shrink: 0;
    display: inline-block;
    margin-top: 2px;
}
.index-tegodifferent-wrap .block-wrap .img-sec{
  display:none;
}

.index-tegodifferent-wrap .block-wrap .table-item:first-child .table-wrapper .row,
.index-tegodifferent-wrap .block-wrap .table-item:first-child h4{
    padding: 1rem 2.4rem 1.3rem;
}
.index-tegodifferent-wrap .block-wrap .table-item:first-child h4{
font-size:0;
}
.index-tegodifferent-wrap .block-wrap .table-item:first-child .row:first-child .img-sec{
  display:block;
}
.index-tegodifferent-wrap .block-wrap .table-item:first-child .tabledata{
font-weight: 500;
}
.index-tegodifferent-wrap .block-wrap .table-item:first-child .tabledata .icon{
  display:none;
}
.index-tegodifferent-wrap .block-wrap .table-item:first-child .table-wrapper .row:first-child .tabledata:has(.icon){
  display:none;
}
/* =============== Tego Different END    ================ */

/* =============== Index Btn With Img    ================ */
.index-btn-with-img{
  background-color: var(--pure-white);
    padding: 0rem 2.0rem 5.4rem;
}
.index-btnimg-wrap{

border-radius: 1.0rem;
position: relative;
}
.index-btnimg-wrap:after{
    content: "";
    background: var(--sapphire);
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 1rem;
    height: 83%;
    width: 100%;
    z-index: 1;
}
.index-btnimg-wrap .page-width{
  padding: 0;
  padding-left: calc((100% - 120.6rem) / 2);
  max-width: 100%;
  position: relative;
  z-index: 2;
}
.index-btnimg-wrap .index-cta-inner{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-left: 1.5rem;
  min-height: 25.0rem;
  position: relative;
  align-items: center;
}
.index-btnimg-wrap .left-panel{
width: 48.3%;
  padding-top:3.5%;
}
.index-btnimg-wrap .rgt-panel{
width: 44.14%;
margin-left: auto;
  /* position: absolute;
  right: 0;
  bottom: 0; */
}
.index-btnimg-wrap .rgt-panel img{
  width: 100%;
}
.index-btnimg-wrap .common-heading{
font-weight: 800;
font-size: var(--p40);
line-height: 1.25;
color: #FFFFFF;
  margin: 0 0 2.0rem;
}
.index-btnimg-wrap .btn-wrap{
  display: flex;
  gap: 1.6rem;
}
.index-btnimg-wrap .cer-blue-btn:hover{
background-color:var(--pure-white);
color:var(--sapphire);
}
.index-btnimg-wrap .cer-blue-btn:hover svg path{
stroke:var(--sapphire);
}
/* =============== Index Btn With Img END ================ */

/* =============== How It Works      ================ */
.index-how-it-works{
  padding: 1.6rem 2.0rem 1.5rem;
  background-color: #EEF6FF;

}
.index-howitWorks-wrap{
background: var(--cerulean);
border-radius: 1.0rem;
}
.index-howitWorks-wrap .page-width{
  max-width: 130.8rem;
}
.index-howitWorks-wrap .index-howitWorks-inner{
  display: flex;
  padding: 5.4rem 0;
}
.index-howitWorks-wrap .sub-heading{
  color: #fff;
  margin: 0 0 3.0rem 0;
  flex-wrap: wrap;
}
.index-howitWorks-wrap .common-heading{
  color: #fff;
  font-size: var(--p63);
  margin: 0;
}
.index-howitWorks-wrap .index-howitWorks-inner .left-panel{
  width: 38.8888888889%;
}
.index-howitWorks-wrap .index-howitWorks-inner .rgt-panel{
  width: 55.6338028169%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  gap: 9.0rem;
  padding-right: 12.4rem;
  position: relative;
}
.index-howitWorks-wrap .item{
  display: flex;
  gap: 5.0rem;
}
.index-howitWorks-wrap .item .img-sec{
    width: 16rem;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
      align-items: flex-start;
      margin:1.2rem 0;
}

.index-howitWorks-wrap .item .img-sec img {
  height:150px;
  object-fit:contain;
}
.index-howitWorks-wrap .item .info{
  padding-right: 3.7rem;
}
.index-howitWorks-wrap .item .info h4{
font-weight: 700;
font-size: var(--p32);
line-height: 1.2;
letter-spacing: -0.735px;
color: var(--pure-white);
margin: 0 0 3.0rem 0;
padding-right: 0rem;
}
.index-howitWorks-wrap .item .info .txt{
font-weight: 400;
font-size: var(--p20);
line-height: 1.25;
color: var(--pure-white);
}
.index-howitWorks-wrap .splide__arrows{

}

.index-howitWorks-wrap .splide__arrows .splide__arrow{
  position:absolute;
  right:0;
  bottom:0;
  width:5.4rem;
  height:5.4rem;
  border:3px solid #fff;
  border-radius:100%;
  transform: rotate(270deg);
  background-color:transparent;
  left: auto;
    top: auto;
    opacity: 1;
    transition:all 0.45s ease-in-out;
}
.index-howitWorks-wrap .splide__arrows .splide__arrow:hover{
 border:3px solid var(--sapphire); 
 background-color:var(--sapphire); 
}
.index-howitWorks-wrap .index-howitWorks-inner .rgt-panel .splide{
  position:static;
}
.index-howitWorks-wrap .index-howitWorks-inner .rgt-panel .splide__arrow--prev{
  display:none;
}

/* =============== How It Works End  ================ */

/* =============== Tego Benefit     ================ */
.index-tego-benefit{
  padding: 3.1rem 3.0rem;
  background-color: #EEF6FF;
}
.index-tegobenefit-wrap{
  position: relative;
}
.index-tegobenefit-wrap .banner-wrapper{
}
.index-tegobenefit-wrap .banner-wrapper .img-sec{
}
.index-tegobenefit-wrap .banner-wrapper .img-sec img{
  width: 100%;
  border-radius: 1.0rem;
}
.index-tegobenefit-wrap .index-tegobenefit-inner{
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
      height: 100%;
    display: flex;
    align-items: center;
  
}
.index-tegobenefit-wrap .index-tegobenefit-inner .page-width{
  max-width: 107.5rem;
}
.index-tegobenefit-wrap .index-tegobenefit-inner .common-heading{
font-weight: 800;
font-size: var(--p48);
line-height: 104%;
text-align: center;
letter-spacing: -0.03em;
color: var(--pure-white);
  margin: 0 0 2.0rem 0;
}
.index-tegobenefit-wrap .index-tegobenefit-inner .txt{
  max-width: 55.6rem;
  width: 100%;
  margin: 0 auto 6.0rem;
  font-weight: 500;
  font-size: var(--p24);
  line-height: 1.25;
  text-align: center;
  color: var(--pure-white);
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wrap{
  display: flex;
  --tgbgap: 11.0rem;
  column-gap: var(--tgbgap);
  margin: 0 0 6.0rem 0;
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wrap .item{
  max-width: calc(33.333% - (var(--tgbgap) - (var(--tgbgap) / 3)));
  width: 100%;
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wrap .img-sec{
  width: 8.0rem;
  height: 8.0rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cerulean);
  margin: 0 auto 2.4rem;
  transition:all 0.45s ease-in-out;
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wrap .item:hover .img-sec{
    background-color: var(--sapphire);
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wrap h4{
font-weight: 700;
font-size: var(--p32);
line-height: 1.25;
text-align: center;
color: var(--pure-white);
  margin: 0 0 1.5rem 0;
  white-space:nowrap;
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wrap .txt{
font-family: var(--font-Hanken-Grotesk);
font-weight: 500;
font-size: var(--p16);
line-height: 1.3125;
text-align: center;
color: var(--pure-white);
  margin: 0;
  padding:0 1.5rem;
}
.index-tegobenefit-wrap .btn{
margin: 0 auto;
display: flex;
width: fit-content;
font-size:var(--p14);
}

.for-mobile{
  display:none !important;
}
/* =============== Tego Benefit END ================ */

/* =============== AS SEEN IN       ================ */

.multicolumn{
  background-color:var(--pure-white);
  padding:3.4rem 0;
}
.multicolumn .page-width{
padding:0 1.5rem;
max-width:131rem;
}
.multicolumn .title-wrapper-with-link{
  width:100%;
  margin:0 0 2.0rem 0;
  text-align:center;
  justify-content: center;
}
.multicolumn .title{
font-family: var(--font-Lexend);
font-weight: 500;
font-size: var(--p16);
line-height: 1.25;
letter-spacing: 1.28px;
color: var(--sapphire);
}
.multicolumn ul.multicolumn-list{
  padding:0;
  margin:0;
  --grid-desktop-horizontal-spacing:2.0rem;
  --grid-desktop-vertical-spacing:2.0rem;
  column-gap: var(--grid-desktop-horizontal-spacing);
  row-gap: var(--grid-desktop-vertical-spacing);
}
.multicolumn ul.multicolumn-list li.multicolumn-list__item{
}
.multicolumn ul.multicolumn-list li.multicolumn-list__item .multicolumn-card{
background:transparent;
}
.multicolumn ul.multicolumn-list li.multicolumn-list__item .multicolumn-card__image-wrapper{
margin:0;
padding:2.5rem 4.5rem;
}
/* =============== AS SEEN IN END   ================ */
/* =============== MAIN FOOTER.     ================ */
footer.footer{
padding:7.2rem 0;
margin:0;
border-top: 1px solid #E1E4ED !important;
background: #FFFFFF;
}
footer.footer .page-width{
max-width: 117.8rem;
padding:0 1.5rem;
}

footer.footer .footer__content-top .footer__blocks-wrapper{
display:flex;
margin:0;
padding:0;
justify-content:space-between;
}
footer.footer .footer__content-top .footer__blocks-wrapper .footer-block {
max-width: 36.6rem;
width:100%;
}
footer.footer .footer__content-top .img-sec{
  margin:0 0 2.8rem 0;
}
footer.footer .footer__content-top .img-sec a{
  display:block;
}
footer.footer .footer__content-top .img-sec img{
  max-width:11.93rem;
  width:100%;
}
footer.footer .footer__content-top .footer__blocks-wrapper .footer-block ul{
  padding:0;
  margin:0;
  display:flex;
  gap:2.4rem;
}
footer.footer .footer__content-top .footer__blocks-wrapper .footer-block ul li{
  padding:0;
  margin:0;
}
footer.footer .footer__content-top .footer__blocks-wrapper .footer-block ul li a{
display:block;
font-family: var(--font-Lexend);
font-weight: 600;
font-size: var(--p16);
line-height: 1.25;
color: var(--sapphire);
text-decoration:none;
padding:0;
margin:0;
transition:all 0.45s ease-in-out;
}
footer.footer .footer__content-top .footer__blocks-wrapper .footer-block ul li a:hover
/* footer.footer .footer__content-top .footer__blocks-wrapper .footer-block ul li a.list-menu__item--active*/ {  
  color:var(--cerulean);
}
footer.footer .footer__content-top .footer__blocks-wrapper .newsletter-wrap{
max-width: 43.5rem;
width:100%;
}
footer.footer .footer__content-top .footer__blocks-wrapper .newsletter-wrap .img-sec{
  display:none;
}
footer.footer .footer__content-top .footer__blocks-wrapper .newsletter-wrap .footer-block__newsletter{
  text-align:left;
}
footer.footer .footer__content-top .footer__blocks-wrapper .footer-block__heading{
font-family: var(--font-Lexend);
font-weight: 700;
font-size: var(--p18);
line-height: 1.22222222222;
color: #67B0FF;
letter-spacing: 0;
margin:0 0 2.5rem 0;
}
footer.footer .footer__content-top .footer__blocks-wrapper .newsletter-wrap .newsletter-form,
footer.footer .footer__content-top .footer__blocks-wrapper .newsletter-wrap .newsletter-form .newsletter-form__field-wrapper{
max-width:100%;
}
footer.footer .footer__content-top .footer__blocks-wrapper .field{

}
footer.footer .footer__content-top .footer__blocks-wrapper .field::before,
footer.footer .footer__content-top .footer__blocks-wrapper .field::after{
content:normal;
}
footer.footer .footer__content-top .footer__blocks-wrapper .field .field__input{
padding:0 11rem 0 1.8rem;
margin:0;
height: 50px;
background: #FFFFFF;
border: 1px solid #F1F3F7;
box-shadow: 0px 1px 4px rgba(25, 33, 61, 0.08);
border-radius: 0.8rem;
font-family: var(--font-Lexend);
font-weight: 400;
font-size: var(--p14);
line-height: 1.28571428571;
color: var(--sapphire);
}
footer.footer .footer__content-top .footer__blocks-wrapper .field .field__label{
font-family: var(--font-Lexend);
font-weight: 400;
font-size: var(--p14);
line-height: 1.28571428571;
color: var(--sapphire);
letter-spacing:0;
top:1.5rem;
left:1.8rem;
transition:all 0.45s ease-in-out;
}
footer.footer .footer__content-top .footer__blocks-wrapper .field .field__input:focus~.field__label, 
footer.footer .footer__content-top .footer__blocks-wrapper .field .field__input:not(:placeholder-shown)~.field__label, 
footer.footer .footer__content-top .footer__blocks-wrapper .field .field__input:-webkit-autofill~.field__label {
  opacity:0;
}
footer.footer .footer__content-top .footer__blocks-wrapper .field .newsletter-form__button{
width: 9.1rem;
height: 3.4rem;
background:var(--sapphire);
box-shadow: 0px 1px 4px rgba(25, 33, 61, 0.08);
border-radius: 4px;
font-family: var(--font-Lexend);
font-style: normal;
font-weight: 400;
font-size: var(--p14);
line-height: 1.28571428571;
color: #FFFFFF;
top:0.8rem;
right:0.8rem;
transition:all 0.45s ease-in-out;
}
footer.footer .footer__content-top .footer__blocks-wrapper .field .newsletter-form__button:hover{
 background: var(--cerulean); 
}
footer.footer .newsletter-form__message--success {
    margin-top: 0.5rem;
    font-size: var(--p14);
    letter-spacing: 0;
    color:var(--sapphire);
}
footer.footer .footer__content-top .footer__blocks-wrapper .social-media-wrap{
max-width: 15.0rem;
width:100%;
margin:0;
padding:0;
}
footer.footer .footer__content-top .footer__blocks-wrapper .social-media-wrap .footer-block__heading{
  color:var(--sapphire);
}
footer.footer ul.list-social{
    display: flex;
    gap: 1.667rem;
    justify-content: flex-start;
    align-items: center;
}
footer.footer ul.list-social li.list-social__item{
}
footer.footer ul.list-social li.list-social__item a{
  padding:0;
  margin:0;
  transition:all 0.45s ease-in-out;
  display:block;
}
footer.footer ul.list-social li.list-social__item a svg{
  width:2.5rem;
  height:auto;
  transform: none;
}
footer.footer ul.list-social li.list-social__item a svg path{
  transition:all 0.45s ease-in-out;
}
footer.footer ul.list-social li.list-social__item a:hover svg path{
  fill:var(--cerulean);

}
footer.footer .footer__content-bottom{
  border:0;
  padding:0;
}
footer.footer .footer__content-bottom .footer__content-bottom-wrapper--center {
    justify-content: flex-end;
}
footer.footer .footer__content-bottom .footer__copyright{
  margin:2.4rem 0 0 0;
}
footer.footer .footer__content-bottom .footer__copyright .copyright__content{
font-family: var(--font-Lexend);
font-weight: 400;
font-size: var(--p14);
line-height: 157%;
color: #252C43;
letter-spacing:0;
}
footer.footer .footer__content-bottom .footer__copyright .copyright__content span{
color: #e1e4ed;
    display: inline-block;
    height: 2rem;
    margin-left: .4rem;
    margin-right: 0rem;
}
footer.footer .footer__content-bottom .footer__copyright .copyright__content a{
  color: #252C43;
  text-decoration:none;
}
footer.footer .footer__content-bottom ul.policies{
  padding:0;
  margin:0;
}
footer.footer .footer__content-bottom ul.policies li{
  margin:0;
}
footer.footer .footer__content-bottom ul.policies li:before{
  content:normal;
}
footer.footer .footer__content-bottom ul.policies li a:before{
content:"|";
color:#E1E4ED;
padding: 0 0.5rem;
}
footer.footer .footer__content-bottom ul.policies li a{
font-family: var(--font-Lexend);
font-weight: 400;
font-size: var(--p14);
line-height: 157%;
color: var(--sapphire);
letter-spacing:0;
transition:all 0.45s ease-in-out;
border-bottom:1px solid var(--sapphire);
text-decoration:none !important;
}
footer.footer .footer__content-bottom ul.policies li a:hover,
footer.footer .footer__content-bottom .footer__copyright .copyright__content a:hover{
color: var(--cerulean);  
}

/* =============== MAIN FOOTER END  ================ */

/* ========================================================= */
/*                 CASE STUDIES PAGE                         */
/* ========================================================= */
/* CASE STUDIES BANNER */
.case-studies-banner{
}
.case-studies-banner .index-banner-wrap .index-banner-inner .info{
max-width:106.4rem;
}
.case-studies-banner .index-banner-wrap .index-banner-inner .info h1{
font-size: var(--p64);
font-weight: 800;
line-height: 1.25;
padding-right: 6rem;
letter-spacing:0;
}
.case-studies-banner .index-banner-wrap .index-banner-inner .info h1 a{
  display: inline-block;
  color:var(--muted-blue);
  pointer-events:none; 
}
.case-studies-banner .index-banner-wrap .index-banner-inner .info strong{
 display: inline-block;
  color:var(--muted-blue);
}
.case-studies-banner .index-banner-wrap .index-banner-inner .info strong::after{
  background-color:var(--muted-blue);
  bottom: .8rem;
}
.case-studies-banner .index-banner-wrap .index-banner-inner .info .txt{
  color:var(--pure-white);
  font-weight: 500;
  padding:0;
}
.case-studies-banner .index-banner-wrap .btn-wrap {
margin: 0 0 6rem;
}
.case-studies-banner .index-banner-wrap .btn-wrap .btn .icon{
  display:none;
}
.case-studies-powering .index-banner-wrap .banner-wrapper .img-sec {

    border-radius: 0rem;

}
/* CASE STUDIES BANNER End */

/* CASE STUDIES TEXT WITH IMAGE */
.case-studies-text-with-img{
  padding:3.1rem 3.0rem;
  background-color:var(--pure-white);
}
.case-studies-text-with-img .case-studies-textimg-wrap{
  border-radius: 1.0rem;
   background-color:var(--pure-white);
}
.case-studies-text-with-img:nth-of-type(odd) .case-studies-textimg-wrap{
background-color: #EEF6FF ;
}
.case-studies-text-with-img:nth-of-type(odd) .case-studies-textimg-inner{
  padding:7.6rem 0rem;
}
.case-studies-text-with-img:nth-of-type(even) .case-studies-textimg-wrap{
background:var(--pure-white);
padding:2.2rem 0;
}
.case-studies-text-with-img:nth-of-type(even) .case-studies-textimg-inner{
  padding:0 2.5rem;
}

.case-studies-textimg-wrap{
}

.case-studies-textimg-wrap .page-width,
.case-studies-imgtxt-wrap .page-width{
max-width:114.9rem;
}

.case-studies-textimg-inner,
.case-studies-imgtxt-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.case-studies-textimg-inner .common-heading,
.case-studies-imgtxt-inner .common-heading{
font-weight: 800;
font-size: var(--p36);
line-height: 1.25;
color: var(--sapphire);
margin:0;
}
.case-studies-textimg-inner .left-panel,
.case-studies-imgtxt-inner .left-panel{
  width:48%;
}
.case-studies-textimg-inner .rgt-panel,
.case-studies-imgtxt-inner .rgt-panel{
  width:48%;
  display:flex;
  flex-direction:column;
  gap:3.0rem;
}
.case-studies-textimg-inner .img-sec,
.case-studies-imgtxt-inner .img-sec{

}
.case-studies-textimg-inner .img-sec img,
.case-studies-imgtxt-inner .img-sec img{
  width:100%;
  border-radius:0.8rem;
}
.case-studies-textimg-inner .txt,
.case-studies-imgtxt-inner .txt{
font-family:var(--font-Hanken-Grotesk);
font-weight: 500;
font-size: var(--p20);
line-height: 1.3;
color:var(--sapphire);
background: #EEF6FF;
border-radius: .8rem;
padding: 3.0rem;
}
.case-studies-textimg-inner .img-sec{
    margin:0;
}
.case-studies-textimg-inner .common-heading+.txt,
.case-studies-textimg-inner .common-heading+.txt{
  padding:0;
  background:none;
}
.case-studies-top-txt{
  width:100%;
  margin:0 0 3.0rem 0;
}
.case-studies-top-txt .txt{
  width:48%;
}
/* CASE STUDIES TEXT WITH IMAGE END */
 /* CASE STUDIES POWERING */
 .case-studies-powering{
 }
.case-studies-powering .index-banner-wrap .index-banner-inner .info{
max-width: 64.3rem;
margin: 0 auto;
text-align: center;
}
.case-studies-powering .index-banner-wrap .index-banner-inner .info h1{
font-weight: 800;
font-size: var(--p40);
line-height: 1.25;
color: var(--pure-white);
margin:0 0 2.0rem 0;
}
.case-studies-powering .index-banner-wrap .index-banner-inner .info h1 strong{
display:inline-block;
color:var(--muted-blue);
}
 .case-studies-powering .index-banner-wrap .index-banner-inner .info h1 strong::after{
  background-color:var(--muted-blue);
  bottom: .2rem;
 }
.case-studies-powering .index-banner-wrap .index-banner-inner{
padding:0;
align-items:center;
 }
.case-studies-powering .index-banner-wrap .index-banner-inner .btn-wrap{
  margin:0;
  justify-content: center;
 }
 .case-studies-powering .index-banner-wrap .index-banner-inner .btn-wrap .blue-btn{
  min-width:17.5rem;
 }
 /* CASE STUDIES POWERING END */
 .shopify-section:has(.blog){
background-color:var(--pure-white);
padding:4.4rem 3.0rem;
 }
.shopify-section .blog{
background: #EEF6FF;
border-radius: 1rem;
padding:6.0rem 0 6.8rem;
 }
 .shopify-section .blog .page-width-desktop{
  max-width:113.6rem;
  padding:0 1.5rem;
 }
 .blog .title-wrapper-with-link{
  text-align:center;
  justify-content:center;
}
.blog .title-wrapper-with-link .blog__title{
font-family: var(--font-Lexend);
font-weight: 800;
font-size: var(--p48);
line-height: 104%;
text-align: center;
letter-spacing: -0.03em;
color: #2D3892;
}
.blog ul.blog__posts{
}
.blog ul.blog__posts li.blog__post{
}
.blog ul.blog__posts li.blog__post .article-card-wrapper{
}
.blog ul.blog__posts li.blog__post .article-card-wrapper .card{
  border:0;
  background-color:#fff;
  flex-direction: row;
  border-radius:0.8rem;
  flex-wrap:wrap;
   box-shadow: 0px 1px 4px rgba(25, 33, 61, 0.08);
    border: 1px solid #E1E4ED;
}
.blog ul.blog__posts li.blog__post .article-card-wrapper .card .card__inner{
width: 46.565%;
}
.blog ul.blog__posts li.blog__post .article-card-wrapper .card .card__inner:before{
  padding-bottom: 56.00%;
}
    
.blog ul.blog__posts li.blog__post .article-card-wrapper .card .card__inner .card__media{
  margin:0;
  width:100%;
      border-radius: 0.8rem 0 0 0.8rem;
}
.blog ul.blog__posts li.blog__post .article-card-wrapper .card .card__inner .card__media{

}
.blog ul.blog__posts li.blog__post .article-card-wrapper .card>.card__content{
  width:53.435%;
padding:0;
background: transparent;
border: 1px solid #E1E4ED;
    display: flex;
    align-items: center;
    margin:0;
}
.blog ul.blog__posts li.blog__post .article-card-wrapper .card>.card__content .card__information{
padding: 0px 4.8rem 0px 5.5rem;
text-align:left;
}
.blog ul.blog__posts li.blog__post .article-card-wrapper .card>.card__content .card__information .date-cat-wrap{
  display:flex;
  align-items:center;
      gap: 1.8rem;
      margin-bottom:1.6rem;
}
.blog ul.blog__posts li.blog__post .card__information .date-cat-wrap:before{
content:"";
width:2.2rem;
height:1px;
background-color:#E1E4ED;
order:2;
}
.blog ul.blog__posts .card__information .date-cat-wrap .article-card__info{
margin:0;
font-family: var(--font-Lexend);
font-weight: 400;
font-size: var(--p16);
line-height: 138%;
color: #000000;
letter-spacing:0;
    padding: 0;
    display:flex;
    align-items:center;
    gap:0.6rem;
}
.blog ul.blog__posts .card__information .date-cat-wrap .article-card__info .icon{
  height:1.6rem;
  display:inline-block;
}
.blog ul.blog__posts .card__information .date-cat-wrap .cat-name{
font-family: var(--font-Lexend);
font-weight: 400;
font-size: var(--p16);
line-height: 138%;
color: #000000;
letter-spacing:0;
align-items:center;
display:flex;
gap:0.6rem;
order:3;
}

.blog ul.blog__posts .card__information .date-cat-wrap .cat-name .icon{
  height:1.6rem;
  display:inline-block;
}

.blog ul.blog__posts li.blog__post .article-card-wrapper .card>.card__content .card__heading {
font-family: var(--font-Lexend);
font-weight: 600;
font-size: var(--p36);
line-height: 111%;
color: var(--sapphire);
margin:0 0 2.2rem 0;
}

.blog ul.blog__posts li.blog__post .article-card-wrapper .card>.card__content .card__heading a {
  color: var(--sapphire);
  text-decoration:none;
  overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.blog ul.blog__posts li.blog__post .article-card-wrapper .card>.card__content .btn{
  position:relative;
  z-index:2;
  text-decoration:none;
}
.blog ul.blog__posts li.blog__post .article-card-wrapper .card>.card__content .btn:hover{
  background-color:var(--sapphire);
  color:var(--pure-white);
}
/* ========================================================= */
/*               CASE STUDIES PAGE END                       */
/* ========================================================= */


/* ========================================================= */
/*                  OUR WHY PAGE                             */
/* ========================================================= */
.our-why-banner{
}
.our-why-banner .index-banner-wrap .index-banner-inner .info{
  max-width:46.7rem;
}
.our-why-banner .index-banner-wrap .index-banner-inner .info .txt{
padding:0;
margin:0 0 9.6rem 0;
font-weight: 500;
}
.our-why-banner .index-banner-wrap .index-banner-inner .info h1{
font-weight: 800;
font-size: var(--p64);
line-height: 1.25;
color: var(--sapphire);
}
.our-why-banner .index-banner-wrap .index-banner-inner .info h1 strong{
  display:inline-block;
  font-weight: 800;
}
.our-why-banner .index-banner-wrap .index-banner-inner .info h1 strong::after{
  background-color:var(--sapphire);
}
.our-why-banner .index-banner-wrap .explore-arrow{
font-weight: 300;
font-size: var(--p24);
line-height: 1.25;
color: var(--sapphire);
}
.our-why-banner .index-banner-wrap .explore-arrow path{
  fill:var(--sapphire);
}
.our-why-banner .index-banner-wrap .index-banner-inner{
  padding-bottom:8.6rem;
}

.shopify-section:has(.cus-our-mission),
.shopify-section:has(.cus-detail-mission),
.shopify-section:has(.cus-our-team){
background: #EEF6FF;
padding:3.1rem 3.0rem;
}
.shopify-section .cus-our-mission,
.shopify-section .cus-detail-mission,
.shopify-section .cus-our-team{
min-height:auto !important;
}
.shopify-section .cus-our-mission:after,
.shopify-section .cus-our-mission .banner__media:before,
.shopify-section .cus-our-mission .banner__media:after,
.shopify-section .cus-detail-mission:after,
.shopify-section .cus-detail-mission .banner__media:before,
.shopify-section .cus-detail-mission .banner__media:after,
.shopify-section .cus-our-team:after,
.shopify-section .cus-our-team .banner__media:before,
.shopify-section .cus-our-team .banner__media:after{
  content:normal !important;
}
.shopify-section .cus-our-mission:before,
.shopify-section .cus-detail-mission:before,
.shopify-section .cus-our-team:before {
    padding-bottom: 41.4% !important;
    content: '';
        display: block;
}

.shopify-section .cus-our-mission .banner__media,
.shopify-section .cus-detail-mission .banner__media,
.shopify-section .cus-our-team .banner__media{
  border-radius:1.0rem;
}

.shopify-section .cus-our-mission .banner__content,
.shopify-section .cus-detail-mission .banner__content,
.shopify-section .cus-our-team .banner__content{
max-width: var(--page-width);
width: 100%;
padding:1.5rem 1.5rem 5.8rem 1.5rem;
}
.cus-our-mission .banner__content .banner__box,
.cus-detail-mission .banner__content .banner__box,
.cus-our-team .banner__content .banner__box{
  padding:0;
  background-color:#EEF6FF;
  max-width:52.6rem;
  width:100%;
  min-width:auto;
      text-align: left;
      padding:5.4rem 6.0rem;
      border-radius:0.8rem;
}
.cus-our-mission .banner__content .banner__heading,
.cus-detail-mission .banner__content .banner__heading,
.cus-our-team .banner__content .banner__heading{
font-family: var(--font-Lexend);
font-weight: 800;
font-size: var(--p40);
line-height: 104%;
letter-spacing: -0.03em;
color: var(--sapphire);
margin:0 0 1.7rem 0;
}
.cus-our-mission .banner__content .banner__text,
.cus-detail-mission .banner__content .banner__text,
.cus-our-team .banner__content .banner__text{
font-family: var(--font-Hanken-Grotesk);
font-weight: 400;
font-size: var(--p20);
line-height: 130%;
color: #252C43;
}
.cus-detail-mission .banner__content .banner__heading{
  font-size:var(--p36);
}
.cus-detail-mission .banner__content .banner__box{
    max-width:55.7rem;
}
.cus-detail-mission .banner__content .banner__text{
  padding-right:6.0rem;
}
.shopify-section .cus-our-team .banner__content{
  padding-bottom:4.6rem;
}
.shopify-section .cus-our-team:before{
padding-bottom: 26.1%!important;
}
.cus-our-team .banner__content .banner__box{
  max-width:46.7rem;
  padding:0;
  background-color:transparent;
}
.cus-our-team .banner__content .banner__heading{
  color:#fff;
  font-size:var(--p48);
}
.cus-our-team .banner__content .banner__text{
color:#fff;
font-family: var(--font-Hanken-Grotesk);
font-weight: 500;
}






.our-why-make-tego{
  padding:3.5rem 3.0rem;
  background-color:#EEF6FF;
}
.our-why-make-tego .our-whymake-wrap{
  background-color:#EEF6FF;
  padding:6.0rem 0;
}
.our-why-make-tego .our-whymake-wrap .page-width{
  max-width:107.5rem;
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner{
  text-align:center;
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .common-heading{
    font-weight: 800;
    font-size: var(--p48);
    line-height: 104%;
    text-align: center;
    letter-spacing: -.03em;
    color: var(--sapphire);
    margin: 0 0 2rem;
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .txt{
      max-width: 44.1rem;
    width: 100%;
    margin:0 auto 4.5rem auto;
    font-weight: 500;
    font-size: var(--p24);
    line-height: 1.25;
    text-align: center;
    color: var(--sapphire);
}


.our-why-make-tego .our-whymake-wrap .our-whymake-inner .block-wrap{
  display: flex;
  --tgbgap: 11.0rem;
  column-gap: var(--tgbgap);
  margin: 0 0 3.0rem 0;
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .block-wrap .item{
  max-width: calc(33.333% - (var(--tgbgap) - (var(--tgbgap) / 3)));
  width: 100%;
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .block-wrap .img-sec{
  width: 8.0rem;
  height: 8.0rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--cerulean);
  margin: 0 auto 1.4rem;
  transition:all 0.45s ease-in-out;
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .block-wrap h4{
font-weight: 700;
font-size: var(--p32);
line-height: 1.25;
text-align: center;
color: var(--cerulean);
  margin: 0 0 1.2rem 0;
  letter-spacing:0;
  transition:all 0.45s ease-in-out;
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .block-wrap .item:hover h4{
color: var(--sapphire);
text-decoration: underline;
text-underline-offset: 8px;
text-decoration-thickness: 2px;
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .block-wrap .item:hover .img-sec{
background-color: var(--sapphire);  
}
.our-why-make-tego .our-whymake-wrap .blue-line-btn:hover{
background-color:var(--sapphire);
color:#fff;
}
.cus-newsletter{
}
.cus-newsletter .newsletter{
  background-color:var(--sapphire);
  padding:5.4rem 0;
}
.cus-newsletter .newsletter .newsletter__wrapper{
  max-width:var(--page-width);
  padding:0rem 1.5rem;
  margin:0 auto;
  background-color:transparent;
  display: flex;
  justify-content: space-between;
  text-align: left;
  align-items:center;
}
.cus-newsletter .newsletter .inline-richtext{
font-weight: 800;
font-size: var(--p30);
line-height: 120%;
color: #FFFFFF;
max-width:41.4rem;
width:100%;
}
.cus-newsletter .newsletter .newsletter-form,
.cus-newsletter .newsletter .newsletter-form__field-wrapper{
width:400px;
}


.cus-newsletter .newsletter .newsletter-form__field-wrapper .field{

}
.cus-newsletter .newsletter .newsletter-form__field-wrapper .field::before,
.cus-newsletter .newsletter .newsletter-form__field-wrapper .field::after{
content:normal;
}
.cus-newsletter .newsletter .newsletter-form__field-wrapper .field .field__input{
padding:0 11rem 0 1.8rem;
margin:0;
height: 50px;
background: #FFFFFF;
border: 1px solid #F1F3F7;
box-shadow: 0px 1px 4px rgba(25, 33, 61, 0.08);
border-radius: 0.8rem;
font-family: var(--font-Lexend);
font-weight: 400;
font-size: var(--p14);
line-height: 1.28571428571;
color: var(--sapphire);
}
.cus-newsletter .newsletter .newsletter-form__field-wrapper .field .field__label{
font-family: var(--font-Lexend);
font-weight: 400;
font-size: var(--p14);
line-height: 1.28571428571;
color: var(--sapphire);
letter-spacing:0;
top:1.5rem;
left:1.8rem;
transition:all 0.45s ease-in-out;
}
.cus-newsletter .newsletter .newsletter-form__field-wrapper .field .field__input:focus~.field__label, 
.cus-newsletter .newsletter .newsletter-form__field-wrapper .field .field__input:not(:placeholder-shown)~.field__label, 
.cus-newsletter .newsletter .newsletter-form__field-wrapper .field .field__input:-webkit-autofill~.field__label {
  opacity:0;
}
.cus-newsletter .newsletter .newsletter-form__field-wrapper .field .newsletter-form__button{
width: 9.1rem;
height: 3.4rem;
background:var(--sapphire);
box-shadow: 0px 1px 4px rgba(25, 33, 61, 0.08);
border-radius: 4px;
font-family: var(--font-Lexend);
font-weight: 600;
font-size: 1.2rem;
line-height: 1.28571428571;
color: #FFFFFF;
top:0.8rem;
right:0.8rem;
transition:all 0.45s ease-in-out;
}

.cus-newsletter .newsletter .newsletter-form__field-wrapper .field .newsletter-form__button:hover{
 background: var(--cerulean); 
}
.cus-newsletter .newsletter .newsletter-form__field-wrapper .newsletter-form__message--success {
    margin-top: 0.5rem;
    font-size: var(--p14);
    letter-spacing: 0;
    color:var(--sapphire);
}
.cus-newsletter .newsletter__wrapper>*+* {
    margin-top: 0;
}

/* ========================================================= */
/*                 OUR WHY PAGE END                          */
/* ========================================================= */
/* ========================================================= */
/*                 FAQ'S PAGE START                          */
/* ========================================================= */
.faq-banner{
}
.faq-banner .index-banner-wrap .index-banner-inner{
  padding-bottom:3.3rem;
}
.faq-banner .index-banner-inner .info{
    max-width: 100%;
    text-align: center;
}
.faq-banner .index-banner-inner .info .sub-heading{
font-family: var(--font-Lexend);
font-weight: 700;
font-size: var(--p18);
line-height: 1.22222222222;
letter-spacing: -0.123429px;
color: var(--pure-white);
}
.faq-banner .index-banner-inner .info .common-heading{
font-family: var(--font-Lexend);
font-weight: 700;
font-size: var(--p48);
line-height: 1.25;
letter-spacing: -0.329143px;
color: var(--pure-white);
}
.shopify-section:has(.collapsible-content){
}
.gradient:has(.collapsible-content){
  background-color:var(--pure-white);
}
.shopify-section .collapsible-content .collapsible-content__wrapper{
  padding:8.5rem 0 9.6rem;

}
.shopify-section .collapsible-content .collapsible-content-wrapper-narrow{
  max-width:122.5rem;
}
.shopify-section .collapsible-content .accordion{
  border-color:var(--cerulean);
  border-top: 0;
  margin: 0;
}
.shopify-section .collapsible-content .accordion details{
  margin-top:2.9rem;
}
.shopify-section .collapsible-content .accordion:first-child details{
  margin-top:0;
}
.shopify-section .collapsible-content .accordion details summary{
  background-color:transparent;
  padding:2.0rem 6.5rem 2.0rem 0;
  position:relative;
}
.shopify-section .collapsible-content .accordion details summary:before,
.shopify-section .collapsible-content .accordion details summary:after{
  content:"";
  border-radius:1.0rem;
  background-color:var(--cerulean);
  position:absolute;
  transition:all 0.45s ease-in-out;
}
.shopify-section .collapsible-content .accordion details summary:before{
 width:0.33rem;
 height:2.8rem;
 right:4.1rem;
 top:2.3rem;
}
.shopify-section .collapsible-content .accordion details[open] summary:before{
opacity:0;
}
.shopify-section .collapsible-content .accordion details summary:after{
   width:2.8rem;
  height:0.33rem;
  right:2.9rem;
    top:3.5rem;
}
.shopify-section .collapsible-content .accordion details summary svg{
  display:none;
}
.shopify-section .collapsible-content .accordion .accordion__title {
font-family: var(--font-Lexend);
font-weight: 700;
font-size: var(--p24);
line-height: 1.25;
letter-spacing: -0.212571px;
color: #2D3892;
    text-decoration: none;
}
.shopify-section .collapsible-content .accordion .accordion__content {
  padding:0;
font-size: var(--p20);
line-height: 1.25;
color: #252C43;
}
/* ========================================================= */
/*                 FAQ'S PAGE END                          */
/* ========================================================= */

/* ========================================================= */
/*                 CONTACT PAGE END                          */
/* ========================================================= */
.cus-contact-form{
}
.cus-contact-form .index-banner-wrap .banner-wrapper .img-sec{
  min-height:81.9rem;
  max-height:calc(100dvh - 5.7rem);
}
.cus-contact-form .index-banner-wrap .banner-wrapper .img-sec img{
object-fit: cover;
height: 100%;
min-height: 81.9rem;
}
.cus-contact-form .index-banner-wrap .info-wrap{
position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 0 8.85rem 0;
}
.cus-contact-form .index-banner-wrap .info-wrap .title{
font-family: var(--font-Lexend);
font-weight: 700;
font-size: var(--p80);
line-height: 109% ;
letter-spacing: -0.04em;
color: #FFFFFF;
margin:0 0 4.0rem 0;
}
.contact.page-width{
  padding:0 1.5rem;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
}
.contact .form-wrap {
  max-width:37.8rem;
  width:100%;
padding: 3.0rem;
background: #FFFFFF;
border-radius: .8rem;
}
.contact .form-wrap .common-heading{
font-family: var(--font-Lexend);
font-weight: 900;
font-size: var(--p36);
line-height: 1.25;
color: var(--sapphire);
margin:0 0 2.2rem 0;
letter-spacing:0;
}
.contact .form-wrap .field{
flex-wrap:wrap;

}
.contact .form-wrap .field:before,
.contact .form-wrap .field:after{
  display:none;
}
.contact .form-wrap .field .field__input{
padding: 0 1.6rem;
width: 100%;
height: 4.6rem;
background: #FFFFFF;
border: 1px solid #F1F3F7;
box-shadow: 0px 1px 4px rgba(25, 33, 61, 0.08);
border-radius: .6rem;
font-family: var(--font-Lexend);
font-weight: 400;
font-size: var(--p14);
margin:0;
color: #161B1E;
}
.contact .form-wrap .field .text-area.field__input{
padding:1.6rem;
    min-height: 9.2rem;
}

.contact .form-wrap .field .field__label{
  position:static;
  order:-1;
  width:100%;
  font-family: var(--font-Lexend);
  font-weight: 600;
  font-size: var(--p14);
  line-height: 1.28571428571;
  color: var(--sapphire);
  letter-spacing:0;
  margin:0 0 1.0rem 0;
}
.contact .form-wrap .field  ::-webkit-input-placeholder {
color: #161B1E;
opacity: 1;
display:block !important;
}
.contact .form-wrap .field :-ms-input-placeholder { 
color: #161B1E;
opacity: 1;
display:block !important;
}
.contact .form-wrap .field ::placeholder {
color: #161B1E;
opacity: 1;
display:block !important;
}
.contact .form-wrap .contact__button {
        margin-top: 2rem;
}
.contact .form-wrap .contact__button .button {
  height:4.8rem;
font-weight: 600;
font-size: var(--p14);
letter-spacing:0;
    padding: 0 1.71rem;
}
.contact .form-wrap .contact__button .button:hover{
  background-color:var(--cerulean);
}
/* ========================================================= */
/*                 CONTACT PAGE END                          */
/* ========================================================= */

/* ========================================================= */
/*                 THANK YOU PAGE START                      */
/* ========================================================= */
.Thanks-for-subscribing{
  padding:10rem 2rem 2rem;
  background-color:#B0CAE3;
}
.Thanks-for-subscribing-wrap{
background-color: #eef6ff;
    padding: 3rem;
    border-radius: 1rem;
    text-align: center;
    min-height: 70dvh;
    display: flex;
    align-items: center;
}
.Thanks-for-subscribing-wrap .info{
 max-width: 50rem;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 1rem;
    padding: 3rem;
    box-shadow: 0px 0px 30px #67b0ff;
}
.Thanks-for-subscribing-wrap .common-heading{
font-size:var(--p24);
}
body:has(.Thanks-for-subscribing) .header-wrapper {
top: 0;
}
/* ========================================================= */
/*                 THANK YOU PAGE END                        */
/* ========================================================= */

/* ========================================================= */
/*                        BLOG PAGE                          */
/* ========================================================= */
.blog-banner{
}
.blog-banner .index-banner-wrap .index-banner-inner .info h1{
  color:var(--sapphire);
  margin: 0 0 3.6rem;
  font-weight: 800;
}
.blog-banner .index-banner-wrap .index-banner-inner{
  padding-bottom:5.645rem;
}
.blog-banner .menu-wrap{
}
.blog-banner .menu-wrap ul{
  display:flex;
  gap:2.0rem;
}
.blog-banner .menu-wrap ul li{
}
.blog-banner .menu-wrap ul li a{
  min-width:14.0rem;
  text-decoration:none;
  color:var(--pure-white);
}
.blog-banner .menu-wrap ul li a:hover,
.blog-banner .menu-wrap ul li a.list-menu__item--active{
  background-color:var(--sapphire);
  border-color:var(--sapphire);
}
.shopify-section:has(.main-blog){
  background-color:var(--pure-white);
  padding:4.896rem 0;
}
.main-blog.page-width{
  padding:0 1.5rem;
  max-width:128.6rem;
}

.main-blog .blog-articles{
grid-template-columns: 1fr 1fr 1fr;
--grid-desktop-horizontal-spacing:2.776rem;
--grid-desktop-vertical-spacing:3.6rem;
column-gap: var(--grid-desktop-horizontal-spacing);
row-gap: var(--grid-desktop-vertical-spacing);
}
.main-blog .blog-articles .blog-articles__article{

}
.main-blog .blog-articles .blog-articles__article .article-card-wrapper{
}
.main-blog .blog-articles .blog-articles__article .article-card-wrapper .card{
  border:0;
  background-color:transparent;
}
.main-blog .blog-articles .blog-articles__article .article-card-wrapper .card .card__inner{
}
.main-blog .blog-articles .blog-articles__article .article-card-wrapper .card .card__inner:before{
padding-bottom: 100.3%;
}
.main-blog .blog-articles .blog-articles__article .article-card-wrapper .card .card__inner .card__media{
  margin:0;
  width: 100%;
      border-radius: 0.6rem;
}
.main-blog .blog-articles .blog-articles__article .article-card-wrapper .card--card.card--media>.card__content{
    padding: 0;
    margin: 0;
}
.main-blog .blog-articles .blog-articles__article .article-card-wrapper .card__information{
  padding:2.179rem 0 0 0;
  text-align: left;
}
.main-blog .blog-articles .blog-articles__article .article-card-wrapper .card__information .cat-name{
font-family: var(--font-Lexend);
font-weight: 600;
font-size: 10.8951px;
line-height: 117%;
letter-spacing: 1.36189px;
color: var(--cerulean);
margin:0 0 2.179rem 0;
}
.main-blog .blog-articles .blog-articles__article .article-card-wrapper .card__information .card__heading{
font-family: var(--font-Lexend);
font-weight: 700;
font-size: var(--p20);
line-height: 1.25;
color: var(--sapphire);
margin:0 0 1.527rem 0;
letter-spacing:0;
}
.main-blog .blog-articles .blog-articles__article .article-card-wrapper .card__information .card__heading a{
color: var(--sapphire);
text-decoration:none;
font-weight: 700;
}


.main-blog .blog-articles .blog-articles__article .article-card-wrapper .card__information .article-card__excerpt{
font-family: var(--font-Lexend);
font-weight: 500;
font-size: var(--p18);
line-height:  120%;
color: #252C43;
margin-bottom:1.4rem;
}
.main-blog .blog-articles .blog-articles__article .article-card__info{
  margin:0;
}
.main-blog .blog-articles .blog-articles__article .article-card__info .circle-divider{
font-family: var(--font-Lexend);
font-weight: 600;
font-size: 10.8951px;
line-height: 117%;
letter-spacing: 0.907923px;
text-transform: uppercase;
color: var(--cerulean);
}

.main-blog .pagination-wrapper{
  margin-top:3.6rem;
}
.pagination-wrapper .pagination{
}
.pagination-wrapper .pagination ul.pagination__list{
  gap:1.672rem;
}
.pagination-wrapper .pagination ul.pagination__list li{
  display:none;
    flex: unset;
    max-width: inherit;
    margin:0;
}
.pagination-wrapper .pagination ul.pagination__list li:last-child,
.pagination-wrapper .pagination ul.pagination__list li:first-child{
  display:block;
}
.pagination-wrapper .pagination ul.pagination__list li a{
width: 3.4rem;
height: 3.4rem;
border: 1px solid var(--sapphire);
border-radius: 6px;
transition:all 0.45s ease-in-out;
background: var(--sapphire);
}
.pagination-wrapper .pagination ul.pagination__list li a.pagination__item--prev svg{
    transform: scalex(-1);
}
.pagination-wrapper .pagination ul.pagination__list li a svg path{
  stroke:var(--sapphire);
  transition:all 0.45s ease-in-out;
}
.pagination-wrapper .pagination ul.pagination__list li a.icondisable{
  background: #F8FAFF;
 border: 1px solid #E1E4ED;
 pointer-events:none;
}
.pagination-wrapper .pagination ul.pagination__list li a.icondisable svg path{
  stroke:var(--sapphire);
}



.pagination-wrapper .pagination ul.pagination__list li a svg path{
    stroke:var(--pure-white);
}
.mobile-main-blog{
  display:none;
}
body:has(.article-template) .header-wrapper{
  background-color:var(--pure-white);
}
body:has(.article-template) .header-wrapper header.header.page-width,
body:has(.article-template) .header-wrapper{
  position:static;
}
.article-template{
      background-color: #fff;
}
.article-template>*:first-child:not(.article-template__hero-container) {
margin-top: 0 !important;
}
.article-template .article-template__hero-medium {
padding-bottom:16.7361111111%;
height:auto;
}
.article-template .page-width{
  max-width:125.4rem;
  margin:0 auto;
}
.article-template header.page-width{
  margin-top:10.9rem;
  margin-bottom:3.6rem;
}

.article-template .cat-name{
font-family: var(--font-Lexend);
font-weight: 600;
font-size: var(--p27);
line-height: 117%;
letter-spacing: 3.4749px;
text-transform: uppercase;
color: #252C43;
margin:0 0 0.7rem 0;
}
.article-template .article-template__title{
font-family: var(--font-Lexend);
    font-weight: 600;
    font-size: var(--p44);
    line-height: 1.1;
    text-transform: capitalize;
    color: #2d3892;
    letter-spacing: 0;
    margin:0 0 0.8rem 0;
}
.article-template .circle-divider{
font-family: var(--font-Lexend);
font-weight: 500;
font-size: var(--p27);
line-height: 117%;
text-transform: capitalize;
color: #252C43;
 letter-spacing: 0;
}
.article-template .article-template__content{
font-family: var(--font-Lexend);
font-weight: 500;
font-size: var(--p24);
line-height: 1.20833333333;
color: #252C43;
padding-bottom: 5.4rem;
}
.article-template .article-template__content ul,
.article-template .article-template__content ol{
padding: 0 0 0 2.2rem;
margin: 0;
list-style-position: outside;
}
.article-template .article-template__content ul li,
.article-template .article-template__content ol li{
  margin:0 0 0.5rem 0;
}
.article-template .article-template__content h2,
.article-template .article-template__content h3,
.article-template .article-template__content h4,
.article-template .article-template__content h5,
.article-template .article-template__content h6{
font-family: var(--font-Lexend);
font-weight: 600;
 line-height: 1.1;
 margin-top:2rem;
}
.article-template .article-template__content h2 strong,
.article-template .article-template__content h3 strong,
.article-template .article-template__content h4 strong,
.article-template .article-template__content h5 strong,
.article-template .article-template__content h6 strong,
.article-template .article-template__content h2 b,
.article-template .article-template__content h3 b,
.article-template .article-template__content h4 b,
.article-template .article-template__content h5 b,
.article-template .article-template__content h6 b{
font-family: var(--font-Lexend);
font-weight: 600;

}
.article-template .article-template__content h2{
  font-size:var(--p32);
}
.article-template .article-template__content h3{
  font-size:var(--p27);
}
.article-template .article-template__content h4{
  font-size:var(--p24);
}
.article-template .article-template__content h5{
  font-size:var(--p20);
}
.article-template .article-template__content h6{
  font-size:var(--p18);
}

.blog-slider-sec{

}
.blogslider-sec-wrap{
  padding:9.6rem 0;
  background-color:var(--cerulean);
}
.blogslider-sec-wrap .page-width{
  max-width:132.71rem;
}
.blogslider-sec-inner{
}
.blogslider-sec-inner .splide__slide {
    max-width: inherit;
}
.blogslider-sec-inner .common-heading{
font-family: var(--font-Lexend);
font-weight: 600;
font-size: var(--p43);
line-height: 142.88%;
text-transform: capitalize;
color: #FFFFFF;
text-align:center;
margin-bottom:4.8rem;
}
.blog-block{
}
.blog-block ul{
}
.blog-block ul li.blog__post{
}
.blog-block ul li.blog__post .article-card-wrapper .card{
  border:0;
  background-color:var(--pure-white);
  padding:1.908rem;
}
.blog-block ul li.blog__post .article-card-wrapper .card .card__inner{
}
.blog-block ul li.blog__post .article-card-wrapper .card .card__inner:before{
padding-bottom: 100%;
}
.blog-block ul li.blog__post .article-card-wrapper .card .card__inner .card__media{
  margin:0;
  width: 100%;
      border-radius: 0.6rem;
}
.blog-block ul li.blog__post .article-card-wrapper .card--card.card--media>.card__content{
    padding: 0;
    margin: 0;
}
.blog-block ul li.blog__post .article-card-wrapper .card__information{
  padding:2.179rem 0 0 0;
  text-align: left;
}
.blog-block ul li.blog__post .article-card-wrapper .card__information .cat-name{
font-family: var(--font-Lexend);
font-weight: 600;
font-size: 10px;
line-height: 117%;
letter-spacing: 1.28px;
color: var(--cerulean);
margin:0 0 2.179rem 0;
}
.blog-block ul li.blog__post .article-card-wrapper .card__information .card__heading{
font-family: var(--font-Lexend);
font-weight: 700;
font-size: 1.9rem;
line-height: 1.25;
color: var(--sapphire);
margin:0 0 1.927rem;
letter-spacing:0;
}
.blog-block ul li.blog__post .article-card-wrapper .card__information .card__heading a{
color: var(--sapphire);
text-decoration:none;
}
.blog-block ul li.blog__post .article-card-wrapper .card__information .article-card__excerpt{
font-family: var(--font-Lexend);
font-weight: 500;
font-size: 1.7rem;
line-height:  120%;
color: #252C43;
margin-bottom:1.6rem;
}
.blog-block ul li.blog__post .article-card__info{
  margin:0;
}
.blog-block ul li.blog__post .article-card__info .circle-divider{
font-family: var(--font-Lexend);
font-weight: 600;
font-size: 1.0rem;
line-height: 117%;
letter-spacing: 0.85px;
text-transform: uppercase;
color: var(--cerulean);
}

.blog-block .splide__arrows{
  display:flex;
  gap:1.672rem;
  justify-content: center;
  margin-top:4.8rem;
}
.blog-block .splide__arrows .splide__arrow{
  position:static;
  transform:none;
  width: 3.4rem;
  height: 3.4rem;
  background: #2D3892;
  border-radius: 0.6rem;
  opacity:1;
  transition:all 0.45s ease-in-out;
}
.blog-block .splide__arrows .splide__arrow.splide__arrow--prev svg {
transform: rotate(-90deg);
}
.blog-block .splide__arrows .splide__arrow.splide__arrow--next svg {
transform: rotate(90deg);
}
.blog-block .splide__arrows .splide__arrow[disabled]{
  background: #F8FAFF;
  border: 1px solid #E1E4ED;
  pointer-events: none;
}
.blog-block .splide__arrows .splide__arrow svg{
}
.blog-block .splide__arrows .splide__arrow[disabled] svg path{
fill:#2D3892;
}

/* ========================================================= */
/*                 BLOG PAGE END                             */
/* ========================================================= */


/* ========================================================= */
/*                 PDP PAGE START                            */
/* ========================================================= */
body:has(.product) .header-wrapper{
  background-color:var(--pure-white);
}
body:has(.product) .header-wrapper header.header.page-width,
body:has(.product) .header-wrapper{
  position:static;
}
.section section.gradient:has(.product){
  padding:2.0rem 0;
      background-color: #fff;
}
.section .page-width:has(.product){
max-width:141rem;
}
.product .product__media-wrapper{
  max-width:55.0724637681%  !important;
  width:  100%!important;
}
.product .product__media-wrapper .slider-mobile-gutter:has(.product__media-list){
  padding:0;
  margin:0;
}
.product .slider-mobile-gutter ul.product__media-list{
}
.product .slider-mobile-gutter ul.product__media-list li.product__media-item{
}
.product .slider-mobile-gutter ul.product__media-list li.product__media-item .product-media-container{
width:100%;
}
.product .slider-mobile-gutter ul.product__media-list li.product__media-item .product-media-container .product__media{
padding-top: 105.265%;
border-radius:1.0rem;
}
    
.product .product__info-wrapper{
max-width:38.4057971014% !important;
width:100% !important;
padding-left:8.2rem !important;
}
.product .product__info-wrapper .product__info-container {
max-width: 100%;
}
.product .product__title{
  margin:0 0 1.0rem;
}
.product .product__title h1{
font-family:var(--font-Lexend);
font-weight: 800;
font-size: var(--p48);
line-height: 104%;
letter-spacing: -0.03em;
color: var(--sapphire);
}
.product div:has(>.price){
  margin:0 0 0.3rem;
}
.product .price{
  letter-spacing: 0;
        line-height: normal;
}
.product .price .price__container{
  margin:0;
  line-height:normal;
}
.product .price .price__container span,
.product .price .price__container s{
font-family: var(--font-Lexend);
font-weight: 600;
font-size: var(--p32);
line-height: 1;
letter-spacing: -0.03em;
color: var(--sapphire);
}
.product .installment{
  display:none;
}
.product .cus-product-description{
  margin:0;
}
.product .cus-product-description hr{
  margin:2rem 0;
}
.product .cus-product-description h3{
  font-size:var(--p24);
  letter-spacing: 0;
}

.product .cus-product-description ul,
.product .cus-product-description ol{
padding:0 0 0 16px;
margin:0;
}

.product .cus-product-description ul li, 
.product .cus-product-description ol li{
margin:0 0 1rem 0;
}
.product .cus-product-description ul li:last-child, 
.product .cus-product-description ol li:last-child{
margin:0 0 0rem 0;
}
.product .cus-product-description.description-active .bottom-desc,
.product .cus-product-description.description-active .readless{
display:block !important;
}
.product .cus-product-description.description-active .readmore,
.product .cus-product-description.description-active .top-desc-wrap{
    display: none !important;
}
.product .cus-product-description.description-active .bottom-desc{
  margin-top:2rem;
  font-family: var(--font-Lexend);
    font-weight: 400;
    font-size: var(--p16);
    line-height: 1.1875;
    color: var(--sapphire);
}
.product .cus-product-description .top-desc-wrap{
font-family: var(--font-Lexend);
font-weight: 400;
font-size: var(--p16);
line-height: 1.1875;
color: var(--sapphire);
}

.product .cus-product-description .readmore,
.product .cus-product-description .readless{
font-family: var(--font-Lexend);
    font-weight: 600;
    font-size: var(--p14);
    line-height: 1.1875;
    color: var(--sapphire);
    text-decoration: underline;
    font-style: italic;
    margin-top: 0.5rem;
    display:inline-block;
    cursor:pointer;
}

.product .accordion-wrap{
display: flex;
flex-direction: column;
padding: 2.0rem 1.51543rem;
max-width: 44.8rem;
width:100%;
background: #FFFFFF;
border: 1px solid #67B0FF;
border-radius: 1rem;
gap:2.0rem;
margin:6.0rem 0;
}
.product .accordion-wrap .accordion-header{
  position:relative;
  display:flex;
  justify-content:space-between;
  cursor:pointer;
}
.product .accordion-wrap .accordion-header h4{
font-family: var(--font-Lexend);
font-weight: 600;
font-size: var(--p15);
line-height: 140%;
color: #2D3892;
    margin: 0;
    letter-spacing: 0;
}
.product .accordion-wrap .accordion-content{
  display:none;
  gap:1.938rem;
  justify-content:center;
}
.product .accordion-wrap.active .accordion-content{
    display:flex;
}
.product .accordion-wrap .accordion-content .item{
  max-width:11.2rem;
  width:100%;
  text-align: center;
font-family: var(--font-Lexend);
font-weight: 500;
font-size: 1.03372rem;
line-height: 130%;
color: var(--sapphire);
padding:0 0.7rem;
}
.product .accordion-wrap .accordion-content .item .img-sec{
  height:5.0rem;
  display: flex;
    justify-content: center;
    margin:0 0 0.9rem;
}
.product .accordion-wrap .accordion-content .item .img-sec img{
  height:100%;
  width:auto;
}
.product .accordion-wrap .accordion-content .item strong{
font-family: var(--font-Lexend);
font-weight: 800;
font-size: var(--p14);
line-height: 1.21428571429;
color: var(--sapphire);
display: block;
margin:0 0 1.0rem;
}

.product .variant-qty-wrapper{

}
.product .variant-qty-wrapper .product-form__input{
width: 13.3rem;
    margin: 0;
    min-width: auto;
        position: relative;
}
.product .variant-qty-wrapper .product-form__input .quantity__label{
    position: absolute;
    width: 3.5rem;
    top: -7.83px;
    background: #fff;
    font-family: var(--font-Lexend);
    font-weight: 700;
    font-size: 1.36654rem;
    line-height: 128%;
    text-transform: uppercase;
    color: var(--sapphire);
    margin: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    text-align: center;
}

.product .variant-qty-wrapper .product-form__input .quantity{
width:100%;
height:6.0rem;
border: 1px solid #EEF6FF;
border-radius: 6px;
padding: 0 1.9rem;
}
.product .variant-qty-wrapper .product-form__input .quantity .quantity__button{
  width:1.4rem;
      opacity: 1;
}
.product .variant-qty-wrapper .product-form__input .quantity .quantity__button svg{
  width:1.4rem;
  height:auto;
}
.product .variant-qty-wrapper .product-form__input .quantity .quantity__input{
font-family: "Chakra Petch", sans-serif;
font-weight: 400;
font-size: 1.82205rem;
text-align: center;
color: var(--sapphire);
background-color:transparent;
box-shadow:none;
outline:none;

}
.product .variant-qty-wrapper .product-form__input .quantity:before,
.product .variant-qty-wrapper .product-form__input .quantity:after{
  content:normal;
}

.product .buy-btn-wrap{
}
.product .product__info-container .buy-btn-wrap .product-form{
  margin:0;
}
.product .buy-btn-wrap .product-form__buttons{
  max-width:100%;
      margin-top: -60px;
}
.product .buy-btn-wrap .product-form__buttons .product-form__submit{
height: 6.0rem;
background: #2D3892;
border: 1px solid #2D3892;
border-radius: .6rem;
font-family: var(--font-Lexend);
font-weight: 400;
font-size: var(--p20);
line-height: 114%;
display: flex;
align-items: center;
text-align: center;
text-transform: uppercase;
color: var(--pure-white);
    margin: 0;
    width: calc(100% - 150px);
    margin-left: auto;
    margin-bottom:1.3rem;
}
.product .buy-btn-wrap .product-form__buttons .product-form__submit:hover{
  background-color:var(--cerulean);
  border-color:var(--cerulean);
}

.product .buy-btn-wrap .product-form__buttons .shopify-payment-button{
  padding:0;
}
.product .buy-btn-wrap .product-form__buttons .shopify-payment-button shop-pay-wallet-button{
    height: 60px;
    background-color: #5433eb;
    border-radius: .69rem;
    width: 100%;
    display: block;
    justify-content: center;
    align-items: center;
padding: 7px 0;
}
.product .buy-btn-wrap .product-form__buttons .shopify-payment-button shop-pay-wallet-button:hover{
background-color:#4815d1;
}
.product .buy-btn-wrap .product-form__buttons .shopify-payment-button more-payment-options-link{
  display:none;
}
.accelerated-checkout-button {
    height: 60px;
}
body:has(.product) .index-how-it-works {
    padding: 0.8rem 2rem 0.8rem;
}
body:has(.product) .index-tegofeatures-wrap .index-tegofeatures-inner .item .info h4 {
    letter-spacing: 0;
}
/* ========================================================= */
/*                 PDP PAGE END                              */
/* ========================================================= */
.mobile-banner,
.mobile-view,
.product .quantity__rules-cart,
.cus-newsletter .newsletter .newsletter__subheading{
  display:none;
}
.index-mobile-table,
.shopify-section .cus-image-banner .banner__media .mobile-banner{
  display:none;
}
  .header .header__icons .header__icon.header__icon--cart svg {
    width: 3rem;
    height: auto;
}
.header .cart-count-bubble {
    background-color: var(--sapphire);
    color: var(--pure-white);
    left: auto;
    right: 0;
    bottom: auto;
    top: 5px;
}
body:has(cart-items) main,
.template-404 main,
body:has(.default--page) main,
.header-white-text main {
  padding:12rem 0 5rem 0;
  background-color: #EEF6FF;
}
.template-product main,
.template-page-our-why main,
.template-page-case-studies main,
.template-blog:has(.blog-banner) main,
.template-article:has(.article-template__hero-medium img) main,
.template-page-faq main,
.template-page-contact main{
    padding:0;
}
body cart-items.gradient,
.cart__footer-wrapper .gradient{
background-color: var(--pure-white);  
}
.cart__footer-wrapper .totals{
gap:1.0rem;
}
.cart__footer-wrapper .totals .totals__total,
.cart__footer-wrapper .totals .totals__total-value{
font-size:2.2rem;
    letter-spacing: 0;
}
.cart__footer-wrapper .tax-note{
  letter-spacing:0;
}
cart-items .title-wrapper-with-link {
    margin-top: 0;
    align-items: center;
}
body .is-empty .cart__empty-text, body .is-empty .cart__warnings {
    font-size: 3.0rem;
    letter-spacing: 0;
}
body  .cart__login-title {
    font-size: 3rem;
    letter-spacing: 0;
}
.cart__login-paragraph{
  font-size:2.0rem;
  letter-spacing:0;
}
.drawer__heading {
      font-size: 2.4rem;
    letter-spacing: 0;
}
.cart-item__name {
    font-size: 1.4rem;
    letter-spacing: 0;
}
.default--page .rte{
  font-size:var(--p18);
  color:var(--sapphire);
}
.main-page-title{
    font-size: var(--p48);
    letter-spacing: 0;
}
.default--page .page-width{
  padding-right:2.2rem;
  padding-left:2.2rem;
}
.collection-hero__title {
    font-size: 3.2rem;
}
.template-collection .facets-wrapper{
  display:none;
}
.template-collection ul.product-grid{
  margin:0;
}
/* ============================================================== */
/*                    RESPONSIVE START                           */
/* ============================================================ */
@media only screen and (max-width:1400px) {
  /* FONT SIZE */
.index-banner-wrap .index-banner-inner .info h1,
.our-why-banner .index-banner-wrap .index-banner-inner .info h1 {
font-size:4.8rem;
}
.index-howitWorks-wrap .common-heading,
.index-tegofeatures-wrap .common-heading {
font-size: 4.0rem;
}
.index-howitWorks-wrap .item .info h4 {
font-size: 1.8rem;
}
.index-howitWorks-wrap .item .info .txt {
font-size: 1.2rem;
}
.index-tegobenefit-wrap .index-tegobenefit-inner .common-heading,
.index-tegodifferent-wrap .index-tegodifferent-inner .common-heading {
font-size: 3.6rem;
}
.index-tegobenefit-wrap .index-tegobenefit-inner .txt,
.index-tegodifferent-wrap .index-tegodifferent-inner .txt {
font-size: 2.0rem;
}
.index-tegofeatures-wrap .index-tegofeatures-inner .item .info h4{
font-size:1.556rem;
}
.index-tegofeatures-wrap .index-tegofeatures-inner .item .info .txt{
font-size:1.297rem;
}
.index-cta-wrap .index-cta-inner .common-heading{
font-size: 4.5rem;
}
.index-cta-wrap .index-cta-inner .cta-wrap .title-price-wrap h4{
font-size:2.25rem;

}
.index-cta-wrap .index-cta-inner .cta-wrap .title-price-wrap span {
font-size: 1.747rem;
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wrap h4 {
    font-size: 2.4rem;
}
.faq-banner .index-banner-inner .info .common-heading {
    font-size: 3.2rem;
            margin: 0;
}
.cus-contact-form .index-banner-wrap .info-wrap .title{
  font-size:4.0rem;
}
.contact .form-wrap .common-heading {
    font-size: 2.988rem;
}
.case-studies-banner .index-banner-wrap .index-banner-inner .info h1{
  font-size:3.6rem;
}
.case-studies-textimg-inner .common-heading, .case-studies-imgtxt-inner .common-heading{
  font-size:3.2rem;
}
.blog .title-wrapper-with-link .blog__title{
  font-size:4.0rem;
}
.blog ul.blog__posts li.blog__post .article-card-wrapper .card>.card__content .card__heading{
font-weight: 600;
font-size: 2.0rem;
line-height: 143%;
}

.product .price .price__container span, .product .price .price__container s{
  font-size:3.0rem;
}
.product .cus-product-description .top-desc-wrap,
.product .cus-product-description.description-active .bottom-desc{
  font-size:1.522rem;
}
.product .accordion-wrap .accordion-header h4 {
    font-size: 1.139rem;
}
.product .accordion-wrap .accordion-content .item strong{
  font-size:1.052rem;
}
  /* FONT SIZE */
  .product .variant-qty-wrapper .product-form__input {
    width: 10rem;
}
.product .buy-btn-wrap .product-form__buttons .product-form__submit {
width: calc(100% - 112px);
height:4.5rem;
font-size: 1.50313rem;
line-height: 1.7rem;
text-transform: uppercase;
color: #FFFFFF;
}
.product .variant-qty-wrapper .product-form__input .quantity {
height:4.5rem;
padding:0 1.4rem;
}
.index-cta-wrap .index-cta-inner .left-panel {
    padding: 2.0rem 2rem 0 1.5rem;
}
.index-cta-wrap .index-cta-inner .common-heading {
    margin: 0 0 2rem;
}
.index-cta-wrap .index-cta-inner .cta-wrap {
    padding: 2rem;
}
.shopify-section .collapsible-content .collapsible-content__wrapper {
    padding: 5.0rem 0 5.0rem;
}
.product .variant-qty-wrapper .product-form__input .quantity__label {
    font-size: 1.27rem;

}
.product .buy-btn-wrap .product-form__buttons {
    margin-top: -45px;
}
.product .buy-btn-wrap .product-form__buttons .shopify-payment-button shop-pay-wallet-button {
    height: 4.5rem;
    padding: 0 0;
    overflow:hidden;
}
.product .variant-qty-wrapper .product-form__input .quantity .quantity__input {
    font-size: 1.32205rem;
}
.product .variant-qty-wrapper .product-form__input .quantity .quantity__button {
    width: 1.096rem;
}
/*========================1440PX===========================*/    
}
@media only screen and (max-width:1340px) {
/*========================1340PX===========================*/    
}
@media only screen and (max-width:1199px) {

.index-banner-wrap .banner-wrapper .img-sec,
.shopify-section:has(.cus-image-banner) .cus-image-banner,
.index-tegobenefit-wrap .banner-wrapper .img-sec{
  height:100dvh;
}
.our-why-banner .index-banner-wrap .banner-wrapper .img-sec{
  height:650px;
  min-height:auto;
}
.index-banner-wrap .banner-wrapper .img-sec img,
.shopify-section .cus-image-banner .banner__media img,
.index-tegobenefit-wrap .banner-wrapper .img-sec img{
height:100%;
object-fit:cover;
}
.shopify-section .cus-image-banner .banner__media{
  position:absolute;
}
.index-howitWorks-wrap .index-howitWorks-inner .rgt-panel {
gap: 3rem;
padding-right: 0;
}
.index-howitWorks-wrap .item {
gap: 3rem;
}
.index-howitWorks-wrap .item .img-sec {
width: 10rem;
margin: 1.2rem 0;
}
.index-howitWorks-wrap .index-howitWorks-inner .left-panel {
    width: 42%;
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wrap {
--tgbgap: 2rem;
}
.multicolumn ul.multicolumn-list li.grid__item {
width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
max-width: calc(20% - var(--grid-desktop-horizontal-spacing) * 4 / 5);
}
.multicolumn ul.multicolumn-list li.multicolumn-list__item .multicolumn-card__image-wrapper {
    padding: 2.0rem 3.5rem;
}
    .index-tegofeatures-wrap .index-tegofeatures-inner .img-sec {
        left: -100px;
    }

.index-tegofeatures-wrap .index-tegofeatures-inner .imgsec--inner {
    width: calc(100% + 400px);
}
.index-tegofeatures-wrap .index-tegofeatures-inner .item {
    padding-left: 5.154rem;
}
.index-tegofeatures-wrap .index-tegofeatures-inner .item h4:before {
    width: 4rem;
}
.index-tegofeatures-wrap .index-tegofeatures-inner {
    padding: 3.3rem 0 3.3rem;
}
.index-tegofeatures-wrap .index-tegofeatures-inner .rgt-panel {
    width: 35.997481%;
    gap: 2rem;
}
.case-studies-text-with-img:nth-of-type(odd) .case-studies-textimg-inner {
    padding: 2rem;
}

.faq-banner .index-banner-wrap .banner-wrapper .img-sec{
  height:45.0rem;
}
.product .product__media-wrapper {
    max-width: 48.072464% !important;
}
.product .product__info-wrapper {
    max-width: 51.405797% !important;
    padding-left: 3rem !important;
}
.product .product__title h1 {
    font-size: 3.2rem;
}
/*========================1199PX===========================*/    
}
@media only screen and (max-width:1024px) {
footer.footer .footer__content-top .footer__blocks-wrapper .footer-block {
    max-width: 27rem;
}
footer.footer .footer__content-top .footer__blocks-wrapper .footer-block ul {
gap: 1.0rem;
}
footer.footer .footer__content-top .footer__blocks-wrapper .footer-block ul li a {
font-size: 1.3rem;
}
footer.footer .footer__content-top .footer__blocks-wrapper .newsletter-wrap {
    max-width: 30rem;
}
footer.footer .footer__content-top .footer__blocks-wrapper .social-media-wrap {
    max-width: 14rem;
}
footer.footer ul.list-social {
  gap: 1.0rem;
}

/*========================1020PX===========================*/    
}
@media only screen and (max-width:989px) {

.index-tegodifferent-wrap .table-wrap th,
.index-tegodifferent-wrap .table-wrap td {
font-size: 1.3rem;
}
.index-tegofeatures-wrap .index-tegofeatures-inner .img-sec {
left: -133px;
}
.index-tegofeatures-wrap .index-tegofeatures-inner .imgsec--inner {
width: calc(100% + 384px);
}
    .index-cta-wrap .index-cta-inner .common-heading {
        font-size: 3.8rem;
    }
    .header .header__icons .btn{
      display:none;
    }
    .header-wrapper header.header.page-width {
    grid-template-columns: 50px auto 50px;
}
.header__icon .icon {
    height: 1.8rem;
    width: 2.8rem;
}
.js body header.header .menu-drawer{
  position:fixed;
  left:0;
  top:0;
  height:100dvh;
 padding-top: 3rem;
}
.header__icon .icon.icon-close {
position: absolute;
left: 366px;
top: -43px;
z-index: 4;
}

.shopify-section-header-sticky .header-wrapper .header .icon.icon-hamburger path{
fill:var(--sapphire);
}
.shopify-section-header-sticky .header-wrapper .header .header__icon .icon.icon-close {
top: 10px;
 }
 .header-wrapper .header .menu-drawer__inner-container .menu-drawer__utility-links {

 }
.header-wrapper .header .menu-drawer__inner-container .menu-drawer__utility-links .menu-drawer__account{
  height: 4.1rem;
    padding: 0 1.55rem;
    font-family: var(--font-Lexend);
    font-weight: 600;
    font-size: var(--p14);
    line-height: 143%;
    width:auto;
    background-color:var(--cerulean);
      margin:0 0 1rem 0;
      border-radius:1.0rem;
}

.header-wrapper .header .menu-drawer__inner-container ul.list-social{
    display: flex;
    gap: 1.667rem;
    justify-content: flex-start;
    align-items: center;
            margin: 0;
}
.header-wrapper .header .menu-drawer__inner-container ul.list-social li.list-social__item{
}
.header-wrapper .header .menu-drawer__inner-container ul.list-social li.list-social__item a{
  padding:0;
  margin:0;
  transform:all 0.45s ease-in-out;
}
.header-wrapper .header .menu-drawer__inner-container ul.list-social li.list-social__item a svg{
  width:2.5rem;
  height:auto;
  transform: none;
}
.header-wrapper .header .menu-drawer__inner-container ul.list-social li.list-social__item a svg path{
  transition:all 0.45s ease-in-out;
  fill:var(--pure-white);
}
.header-wrapper .header .menu-drawer__inner-container ul.list-social li.list-social__item a:hover svg path{
  fill:var(--cerulean);
}
.menu-drawer__inner-container .menu-drawer__navigation-container a.btn{
  background-color:var(--cerulean);
}
.case-studies-textimg-wrap .page-width, .case-studies-imgtxt-wrap .page-width {
    padding: 0;
}
.case-studies-text-with-img:nth-of-type(even) .case-studies-textimg-inner{
  padding:0 0;
}
.product .accordion-wrap .accordion-content {
    gap: 0.5rem;
}
.product .accordion-wrap {
    margin: 3rem 0;
}

.header-white-text .header__icon .icon.icon-hamburger path{
  fill:var(--sapphire);
}

body:has(.product) .header-wrapper,
body:has(.article-template) .header-wrapper {
background: #F1F3F7;
border-bottom: 1px solid #D9D9D9;
}
.header .cart-count-bubble {
    top: 0;
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .block-wrap h4 {
    font-size: 2.4rem;
    white-space: nowrap;
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .block-wrap {
   --tgbgap: 3rem;
}
.blog ul.blog__posts li.blog__post{
  width:100%;
  max-width:100%;
}
.blog ul.blog__posts li.blog__post .article-card-wrapper .card>.card__content .card__information {
    padding: 2rem;
}
/*========================989PX===========================*/    
}
@media only screen and (max-width:767px) {
.index-cta-wrap .index-cta-inner .cta-wrap {
    justify-content: center;
}


.index-banner {
padding: 2.6rem 2.2rem;
}
.header-wrapper header.header.page-width {
padding: 2.873rem 4.873rem;
}
.shopify-section:has(.cus-image-banner){
  padding:1.3rem 2.2rem;
  background-color: #fff;
}
.shopify-section .cus-image-banner .banner__content {
    margin: 0;
    justify-content: flex-start;
    align-items: flex-start;
    padding:10.1rem 4.35rem;
}
.cus-image-banner .banner__content .banner__box {
    max-width: 100%;
    margin: 0 0;
    text-align: left;
}
.cus-image-banner .banner__content .banner__heading{
  margin:0 0 1.5rem 0;
}
.index-howitWorks-wrap .page-width {
padding:0;
}
.index-howitWorks-wrap .index-howitWorks-inner {
    padding: 4.4rem 3.7rem;
    flex-wrap:wrap;
}
    .index-howitWorks-wrap .index-howitWorks-inner .left-panel {
        width: 100%;
        margin:0 0 5.0rem 0;
    }
    .index-howitWorks-wrap .index-howitWorks-inner .rgt-panel {
    width: 100%;
    }
    .index-howitWorks-wrap .sub-heading {
    margin: 0 0 2.1rem 0;
}
    .index-howitWorks-wrap .item .img-sec {
        width: 8rem;
        margin: 0.4rem 0;
    }
    .index-howitWorks-wrap .item .img-sec img{
        max-width: inherit;
        height: auto;
        width: auto;
        max-height:6.6rem;
        height:100%;
    }
        .index-howitWorks-wrap .item {
        gap: 1.6rem;
    }
    .index-howitWorks-wrap .item .info {
    padding-right: 1.6rem;
}
    .index-howitWorks-wrap .item .info h4 {
       margin:0 0 1.649rem;
    }

    .index-tego-features {
    background: #fff;
    padding: 1.3rem 2.2rem;
}
    .index-tegofeatures-wrap .index-tegofeatures-inner .left-panel {
    width: 100%;
    flex-wrap:wrap;
}
.index-tegofeatures-wrap .index-tegofeatures-inner .heading--panel {
    width: 100%;
    padding:0 4.2rem;
}
    .index-tegofeatures-wrap .index-tegofeatures-inner .img-sec {
        left: -0;
        position: static;
        width:100%;
        overflow: hidden;
    }
        .index-tegofeatures-wrap .index-tegofeatures-inner .imgsec--inner {
width:100%;
        margin-top: 2.3rem;
    }
    .index-tegofeatures-wrap .index-tegofeatures-inner .rgt-panel {
        width: 100%;
        gap: 3.374rem;
        padding:0 2.7rem;
    }
        .index-tegofeatures-wrap .index-tegofeatures-inner .item {
        padding-left: 9.692rem;
    }
    .index-tegofeatures-wrap .page-width {
padding:0;
}
.index-tegofeatures-wrap .index-tegofeatures-inner .item h4:before {
        width: 8.6rem;
    }
    .index-tegofeatures-wrap .index-tegofeatures-inner {
        padding: 3.2rem 0;
    }
.index-tegofeatures-wrap .index-tegofeatures-inner .imgsec--inner .desktop-banner,
.index-cta-wrap .index-cta-inner .img-sec .desktop-banner,
.index-btnimg-wrap .rgt-panel .img-sec .desktop-banner,
.shopify-section:has(.cus-image-banner) .cus-image-banner .banner__media .desktop-banner{
      display:none;
    }
.index-tegofeatures-wrap .index-tegofeatures-inner .imgsec--inner .mobile-banner,
.index-cta-wrap .index-cta-inner .img-sec .mobile-banner,
.index-btnimg-wrap .rgt-panel .img-sec .mobile-banner,
.shopify-section:has(.cus-image-banner) .cus-image-banner .banner__media .mobile-banner{
display:block !important;
}

.index-cta {
padding: 2.6rem 2.2rem 0;
}
.index-cta-wrap .index-cta-inner .left-panel {
width: 100%;
padding: 4.6rem 3.5rem;
}
.index-cta-wrap .index-cta-inner .cta-wrap {
width:100%;
padding:2.5rem;
flex-wrap:wrap;
gap: 3rem;
margin-bottom: -86px;
}
.index-cta-wrap .index-cta-inner .rgt-panel {
width: 100%;
}
.index-cta-wrap .index-cta-inner .btn {
width: 205px;
flex-shrink: 0;
border: 0;
max-width: 100%;
height: 4.325rem;
font-size: 1.61264rem;
}
.index-cta-wrap {
border-radius: 1rem 1rem 0 0;
}
.index-btn-with-img {
    padding: 2.2rem;
}
.index-btnimg-wrap .left-panel {
    width: 100%;
 padding:5.4rem 2.9rem 3.0rem;
}
.index-btnimg-wrap .rgt-panel {
    width:100%;
    margin-left: auto;
}
.index-btnimg-wrap:after {
    height: 100%;
}
.index-btnimg-wrap .index-cta-inner {
    padding-left:0;
    min-height: auto;
}
footer.footer {
    padding: 3.75rem 0 3.65rem;
border: 0 !important;

}
footer.footer .page-width {
    padding: 0 5.6rem;
}
    footer.footer .footer__content-top .footer__blocks-wrapper .footer-block {
        max-width: 100%;
        text-align: center;
        margin:0;
    }
    footer.footer .footer__content-top .img-sec a {
    display: inline-block;
}
footer.footer .footer__content-top .footer__blocks-wrapper .footer-block ul li a {
        font-size: 2.0rem;
    }
        footer.footer .footer__content-top .footer__blocks-wrapper .footer-block ul {
        gap: 1.2rem;
        flex-direction: column;
    }
        footer.footer .footer__content-top .footer__blocks-wrapper .newsletter-wrap {
        max-width: 100%;
    }
    footer.footer .footer__content-top .footer__blocks-wrapper .footer-block__heading {
    text-align: center;
}
    footer.footer .footer__content-top .footer__blocks-wrapper .social-media-wrap {
        max-width: 100%;
        margin-top:0.7rem;
    }

    footer.footer ul.list-social {
justify-content:center;
}
footer.footer .footer__content-bottom .footer__copyright {
    margin: 4.0rem 0 0;
    padding-top:1.9rem;
    border-top:1px solid #E1E4ED;
}
.index-howitWorks-wrap .index-howitWorks-inner .rgt-panel.for-desktop,
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wrap.for-desktop{
display:none;
}
.index-howitWorks-wrap .index-howitWorks-inner .rgt-panel.for-mobile{
display: flex !important;
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wraper.for-mobile{
  display: block !important;
  width:100%;
}
.index-howitWorks-wrap .index-howitWorks-inner .rgt-panel {
gap: 3.5rem;
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wraper{
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wraper .item{
    width:100%;
    margin:0 0 2.7rem 0;
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wraper .item .img-sec{
      width: 8rem;
    height: 8rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--cerulean);
    margin: 0 auto 1.5rem;
    transition: all .45s ease-in-out;
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wraper .item .img-sec img{
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wraper .item .info{
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wraper .item .info h4{
  font-weight: 700;
        font-size: var(--p32);
    line-height: 1.25;
    text-align: center;
    color: var(--pure-white);
    margin: 0 0 1.5rem;
    white-space: nowrap;
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wraper .item .info .txt{
  font-family: var(--font-Hanken-Grotesk);
    font-weight: 500;
    font-size: var(--p16);
    line-height: 1.3125;
    text-align: center;
    color: var(--pure-white);
    margin: 0;
    padding: 0 1.5rem;
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wraper .item.is-active .img-sec{
  background-color: var(--sapphire);
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wraper .splide__pagination {
    position: static;
    display: flex;
        gap: 1rem;
        padding:0;
        margin:0 0 6.0rem 0;
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wraper .splide__pagination li{
        margin: 0;
        padding: 0;
        height: 0.7rem;
        display: flex;
        align-items: center;
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wraper .splide__pagination li button{
  margin:0;
  width:0.7rem;
  height:0.7rem;
  transform: none;
  background: #FFFFFF;
  opacity: 0.4;
  transition:all 0.45s ease-in-out;
   border-radius:1.0rem;
}
.index-tegobenefit-wrap .index-tegobenefit-inner .block-wraper .splide__pagination li button.is-active{
  width:6.1rem;
  opacity: 1.0;
  border-radius:1.0rem;
}
.index-tegobenefit-wrap .btn{
  width:100%;
background: #F8FAFF;
border-radius: 10px;
font-size: 14px;
line-height: 143%;
color: #2D3892;
}
.index-tegobenefit-wrap .btn:hover{
  background-color:var(--cerulean);
  color:#fff;
}
.index-banner-wrap .index-banner-inner .page-width{
  padding:0 3.2rem;
}
.index-banner-wrap .btn-wrap{
  flex-direction:column;
  gap:1.5rem;
  margin: 0 0 15.5rem;
}
.index-banner-wrap .btn-wrap .btn{
width:100%;
}
.index-banner-wrap .index-banner-inner .info .txt{
  padding:0;
}
.index-banner-wrap .index-banner-inner .info h1 {
margin:0 0 3.5rem 0;
}
.index-banner-wrap .banner-wrapper .img-sec img.desktop-banner{
  display:none;
}
.index-banner-wrap .banner-wrapper .img-sec img.mobile-banner{
  display:block !important;
}
.index-banner-wrap .index-banner-inner{
  padding-bottom:3.25rem;
}
.index-announcement-inner .txt{
  font-size:var(--p16);
}
.index-announcement-inner .txt em {
display:none;
}
footer.footer .For-desktop.footer-block,
footer.footer .for-mobile.footer-block .img-sec{
display:none;
}
footer.footer .for-mobile.footer-block{
display:block !important;
}
footer.footer .footer__content-top .img-sec {
    text-align: center;
        margin: 0 0 3.8rem;
}
footer.footer .footer__content-top .footer__blocks-wrapper {
    gap: 3.2rem;
}
footer.footer .footer__content-top .footer__blocks-wrapper .footer-block__heading{
  font-size:var(--p20);
}
.index-tegobenefit-wrap .index-tegobenefit-inner .page-width{
  padding:7.25rem 5.3rem;
}
.multicolumn ul.multicolumn-list {
    flex-wrap: nowrap;
    overflow:auto;
    scrollbar-width: none;
    justify-content: center;
}
.multicolumn ul.multicolumn-list li.grid__item {
min-width: 24rem;
animation: none;
transform: none !important;
opacity: 1 !important;
}
.multicolumn ul.multicolumn-list li.multicolumn-list__item .multicolumn-card__image-wrapper {
padding: 2.5rem 4.5rem;
}
.multicolumn .title-wrapper-with-link {
margin-bottom: 2.0rem;
}

.index-mobile-table{
  display:block;
}
.index-tegodifferent-wrap .page-width {
    padding: 2.3rem 2.0rem;
}
.index-tegodifferent-wrap .block-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 1.7rem;
    padding:2.078rem;
background: #FFFFFF;
border-radius: 13.8547px;

}
.index-tegodifferent-wrap .block-wrap .table-item{
  flex-wrap:wrap;
          gap: 0;
}
.index-tegodifferent-wrap .block-wrap .table-item h4{
  width:100%;
  display:flex;
  align-items:flex-end;
}
.index-tegodifferent-wrap .block-wrap .table-item .table-wrapper {
    width: 100%;
    flex-wrap: wrap;
    gap:0;
}
.index-tegodifferent-wrap .block-wrap .table-item .table-wrapper .row{
  width:100%;
}
.index-tegodifferent-wrap .block-wrap .img-sec {
    display: flex;
}
.index-tegodifferent-wrap .block-wrap .tabledata{
  width:50%;
}

.index-tegodifferent-wrap .block-wrap .table-item:first-child .table-wrapper .row:first-child .tabledata:has(.icon) {
    display: flex;
}
.index-tegodifferent-wrap .block-wrap .table-item:first-child .tabledata .icon {
    display: flex;
}
.index-tegodifferent-wrap .block-wrap .table-item:first-child .table-wrapper .row, .index-tegodifferent-wrap .block-wrap .table-item:first-child h4 {
    padding: 0;
}
.index-tegodifferent-wrap .block-wrap .table-item .table-wrapper .row{
  padding:0;
}
.index-tegodifferent-wrap .block-wrap .table-item:first-child h4,
.index-tegodifferent-wrap .block-wrap .table-item h4 {
    font-size: 1.212rem;
    padding:0 0 0.7rem 0;
    min-height: 3.878rem;
    border-bottom:1px solid var(--sapphire);
}
.index-tegodifferent-wrap .block-wrap .tabledata,
.index-tegodifferent-wrap .block-wrap .tabledata{
  font-size:1.039rem;
  padding:0.693rem 0;
  font-weight: 300 !important;
        align-items: flex-start;
}
.index-tegodifferent-wrap .block-wrap .tabledata .icon {
    width: 1.3rem;
    margin-top: 0;
            height: 1.4rem;
}
.index-tegodifferent-wrap .block-wrap .tabledata .icon svg{
  width:100%;
  height:auto;
}  
.index-tegodifferent-wrap .block-wrap .table-item:first-child .tabledata img,
.index-tegodifferent-wrap .block-wrap .tabledata.img-sec img{
  width:auto;
  height:2.0rem;
}
.index-tegodifferent-wrap .block-wrap .table-item .table-wrapper .row:nth-of-type(1),
.index-tegodifferent-wrap .block-wrap .table-item .table-wrapper .row:nth-of-type(2){
  min-height:4.243rem;
}   
.index-tegodifferent-wrap .block-wrap .btn{
  width:100%;
padding: 1.25559rem 1.47207rem;
height: 3.637rem;
border-radius: 5.5419rem;
font-family: var(--font-Lexend);
font-weight: 500;
font-size: 1.26641rem;
line-height: 11px;
letter-spacing: -0.272765px;
color: #FAF7F5;
        margin-top: -0.4rem;
} 
.index-tegodifferent-wrap {
    padding-top: 2.6rem;
}
.index-tego-different.desktop--view {
  display:none;
} 
.index-tegodifferent-wrap .index-tegodifferent-inner .txt{
  margin-bottom:3.7rem;
}
.index-btnimg-wrap {
    overflow: hidden;
}

.index-banner-wrap .banner-wrapper .img-sec,
.index-tegobenefit-wrap .banner-wrapper .img-sec{
  min-height:79.0rem;
}
.shopify-section:has(.cus-image-banner) .cus-image-banner{
  min-height:75.9rem;
}

.index-banner.faq-banner{
  padding:2.9rem 2.2rem;
}
.faq-banner .index-banner-wrap .banner-wrapper .img-sec{
  height:40.7rem;
  min-height:auto;
}
.shopify-section .collapsible-content .collapsible-content-wrapper-narrow {
padding:0 3.0rem;
}
.shopify-section .collapsible-content .accordion details summary {
    padding: 2rem 3.2rem 2rem 0;
}
.shopify-section .collapsible-content .accordion details summary:before {
    height: 2.774rem;
    right: 12px;
    width:3px;
}
.shopify-section .collapsible-content .accordion details summary:after {
    width: 2.774rem;
     right: 0;
height:3px;
}
.shopify-section .collapsible-content .accordion details {
    margin-top: 2.0rem;
}
.accordion__title {
    max-width: calc(100% - 3.2rem);
}
.contact.page-width {
flex-wrap:wrap;
padding:0 3.6rem;
}
.cus-contact-form .index-banner-wrap .banner-wrapper .img-sec{
    min-height: 78.4rem;
    max-height: calc(100dvh - 5.7rem);
}
.contact .form-head-wrap{
  width:100%;
}
.cus-contact-form .index-banner-wrap .info-wrap {
padding: 0 0 2.585rem;
}
.contact .form-wrap {
max-width: 100%;
padding: 2.49rem;
}
.cus-contact-form .index-banner-wrap .info-wrap .title {
margin-bottom:3.8rem;
text-align:center;
}
.contact .form-wrap .field .field__input {
height: 3.788rem;
padding: 0 1.328rem;
font-size: 1.162rem;
}
.contact .form-wrap .field .text-area.field__input {
    min-height: 7.6rem;
    padding:1.0rem 1.328rem;
}
.contact .form-wrap .field .field__label {
    font-size: 1.162rem;
    margin: 0 0 0.8rem;
}
.contact .form-wrap .contact__button {
    margin-top: 1.6rem;
}
.contact .form-wrap .contact__button .button{
    height: 4.024rem;
}
.contact .form-wrap .contact__button .button{
height: 4.024rem;
min-height: auto;
font-weight: 600;
font-size: 1.16192rem;
line-height: 143%;
text-align: center;
color: #FFFFFF;
padding: 0 0.5rem;
width: 13.1rem;
}
.contact .form-wrap .contact__button .button span{
height: 1.2rem;
}
.contact .form-wrap .common-heading {
line-height: 124.3%;
padding-right: 0;
}
.info-wrap .contact .field {
margin-bottom: 1.6rem;
}
.info-wrap .contact .contact__fields {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 2rem;
}

.case-studies-textimg-inner .left-panel, .case-studies-imgtxt-inner .left-panel {
    width: 100%;
}
.case-studies-textimg-inner .rgt-panel, .case-studies-imgtxt-inner .rgt-panel{
  width: 100%; 
}
footer.footer .footer__content-top .footer__blocks-wrapper .newsletter-wrap .img-sec {
    display: block;
}
.index-banner-wrap .explore-arrow{
gap:3.7rem;
}
.index-tegodifferent-wrap .index-tegodifferent-inner .common-heading{
  line-height:1.25;
}
.index-cta-wrap .index-cta-inner .common-heading{
line-height: 1.24444444444;
}
footer.footer .footer__content-bottom ul.policies li a {
    padding-left: 4px;
}
footer.footer .footer__content-bottom ul.policies li a:before {
    padding: 0 .1rem;
}

.case-studies-banner.index-banner {
        padding: 2.4rem 2.2rem;
    }
.case-studies-banner .index-banner-wrap .index-banner-inner .page-width {
        padding:0;
    }
    .case-studies-banner .index-banner-wrap .index-banner-inner{
      padding:2.9rem 3.5rem;
    }
    .case-studies-banner .index-banner-wrap .btn-wrap {
    gap:2.0rem;
}
.case-studies-banner .index-banner-wrap .index-banner-inner .info .txt {
margin-bottom:3.4rem;
}
    .case-studies-banner .index-banner-wrap .index-banner-inner .info h1 {
    margin-bottom:2.2rem;
    padding:0;
    }
.case-studies-banner .index-banner-wrap .banner-wrapper .img-sec{
   min-height: 91.2rem;
    }
.case-studies-banner .index-banner-wrap .banner-wrapper .img-sec img{
        object-position: center top;
    }

.case-studies-text-with-img {
    padding: 4.45rem 3.5rem 5.45rem;
}

.case-studies-text-with-img:nth-of-type(even) .case-studies-textimg-wrap {
  padding:0;
}
.case-studies-textimg-inner .left-panel{
  padding-bottom:5.1rem;
}
.case-studies-textimg-inner .txt, .case-studies-imgtxt-inner .txt{
  padding:3.0rem 3.4rem;
}
.desktop-view{
  display:none;
}
.mobile-view{
  display:block;
}
.case-studies-text-with-img:nth-of-type(odd) .case-studies-textimg-wrap {
    background-color: #fff;
}
    .case-studies-text-with-img:nth-of-type(odd) .case-studies-textimg-inner {
        padding: 0;
    }
.case-studies-top-txt.mobile-view{
  margin:3rem 0 0 0;
}
.case-studies-top-txt.mobile-view .txt{
  width:100%;
  margin:0;
}
.case-studies-img-with-text .case-studies-textimg-inner .rgt-panel{
padding:0 2.1rem;
}
.case-studies-textimg-inner .common-heading, .case-studies-imgtxt-inner .common-heading{
  letter-spacing:0;
line-height: 1.25;
}
.case-studies-powering{
padding: 2.8rem 2.2rem 2.7rem;
}
.case-studies-powering .index-banner-wrap .banner-wrapper .img-sec {
 border-radius: 1.00rem;
 min-height:59.8rem;
}
.case-studies-powering .index-banner-wrap .index-banner-inner .page-width {
padding:5.0rem 4.8rem 6.0rem;
}
.case-studies-powering .index-banner-wrap .index-banner-inner .info h1{
margin-bottom:4.8rem;
}
.case-studies-powering .index-banner-wrap .index-banner-inner .btn-wrap {
gap: 2.0rem;
}
body:has(.case-studies-powering) .shopify-section:has(.cus-image-banner) .cus-image-banner .banner__media {
height:100%;
}
.shopify-section:has(.blog) {
    padding: 0.9rem 2.2rem;
}
.shopify-section .blog .page-width-desktop {
padding:0;
}
.shopify-section .blog {
    padding: 5.8rem 2.3rem 6.8rem;
          margin: 2.5rem 0;
}
.shopify-section .blog .page-width-desktop ul.blog__posts{
  margin:0;
  gap:0;
}
.shopify-section .blog .page-width-desktop ul.blog__posts li{
  margin:0;
  padding:0;
}
.blog ul.blog__posts li.blog__post .article-card-wrapper .card .card__inner {
    width: 100%;
}
.blog ul.blog__posts li.blog__post .article-card-wrapper .card>.card__content {
    width: 100%;
}
.blog ul.blog__posts li.blog__post .article-card-wrapper .card>.card__content .card__information {
    padding: 2rem;
    text-align: left;
}
.blog ul.blog__posts li.blog__post .article-card-wrapper .card>.card__content .card__heading{
margin:0 0 2.6rem 0;
}
.blog ul.blog__posts li.blog__post .article-card-wrapper .card>.card__content .card__information .date-cat-wrap{
  margin:0 0 2.6rem;
}
.blog ul.blog__posts .card__information .date-cat-wrap .article-card__info,
.blog ul.blog__posts .card__information .date-cat-wrap .cat-name{
  font-size:1.143rem;
  align-items: center;
}
.blog ul.blog__posts .card__information .date-cat-wrap .article-card__info .icon{
  height:1.2rem;
}
.blog ul.blog__posts .card__information .date-cat-wrap .article-card__info .icon svg{
  height:1.1rem;
}
.blog .title-wrapper-with-link .blog__title {
line-height: 1.25;
letter-spacing: -0.03em;
}
.blog ul.blog__posts li.blog__post .article-card-wrapper .card .card__inner .card__media {

    border-radius: .8rem .8rem 0 0;
}
.cus-newsletter .newsletter .newsletter__wrapper {
flex-direction: column;
padding:0;
gap:3.23rem;
}
.cus-newsletter .newsletter .inline-richtext{
  text-align:center;
}
.cus-newsletter .newsletter {
    padding: 4.7rem 3.8rem 5.4rem;
}
.cus-newsletter .newsletter .newsletter-form, .cus-newsletter .newsletter .newsletter-form__field-wrapper {
    max-width: 35.4rem;
}
.cus-newsletter .newsletter .newsletter-form__field-wrapper .field .field__input{
  height:4.8rem;
}
.cus-newsletter .newsletter .newsletter-form__field-wrapper .field .newsletter-form__button{
top: .7rem;
right: .7rem;
}

.our-why-banner.index-banner {
padding: 2.4rem 2.2rem 2.3rem;
}
.our-why-banner .index-banner-wrap .index-banner-inner .page-width{
  padding:0;
}
.our-why-banner .index-banner-wrap .index-banner-inner{
  padding:2.9rem 3.8rem;
}
.our-why-banner .index-banner-wrap .banner-wrapper .img-sec{
min-height:91.2rem;
}
.our-why-banner .index-banner-wrap .index-banner-inner .info h1{
  margin-bottom:3.1rem;
}
.our-why-banner .index-banner-wrap .index-banner-inner .info .txt {
    padding: 0 2.8rem 0 0;
   margin: 0 0 52.4rem;
}
.our-why-banner .index-banner-wrap .explore-arrow{
  color:var(--pure-white);
}
.our-why-banner .index-banner-wrap .explore-arrow path {
    fill: var(--pure-white);
}


.shopify-section:has(.cus-our-mission), 
.shopify-section:has(.cus-detail-mission), 
.shopify-section:has(.cus-our-team) {
    background: #fff;
    padding: 2.4rem 2.2rem;
}

.cus-our-mission,
.cus-detail-mission,
.cus-our-team{
  height:64.5rem;
          align-items: flex-end;
}

.shopify-section:has(.cus-our-mission) .explore-section.banner__media,
.shopify-section:has(.cus-detail-mission) .explore-section.banner__media,
.shopify-section:has(.cus-our-team) .explore-section.banner__media{
position:absolute;
height:100% !important;
}
.shopify-section .cus-our-mission .banner__content, 
.shopify-section .cus-detail-mission .banner__content, 
.shopify-section .cus-our-team .banner__content {
    padding: 2.6rem 2.6rem 2.7rem;
}
.cus-detail-mission .banner__content .banner__text {
    padding-right: 0;
}
.cus-our-mission .banner__content .banner__box, .cus-detail-mission .banner__content .banner__box, .cus-our-team .banner__content .banner__box {
    padding: 3.5rem;
 background-color: #eef6ff !important;
}
.cus-our-mission .banner__content .banner__heading, .cus-detail-mission .banner__content .banner__heading, .cus-our-team .banner__content .banner__heading{
font-weight: 800;
font-size: 2.4rem;
line-height: 1.25;
letter-spacing:0;
}
.cus-our-mission .banner__content .banner__text, .cus-detail-mission .banner__content .banner__text, .cus-our-team .banner__content .banner__text {
font-family: var(--font-Hanken-Grotesk);
font-weight: 400;
font-size: 1.6rem;
line-height: 130%;
color: #252C43;
}
.shopify-section:has(.cus-our-team) .banner__content .banner__box{
   background-color: transparent !important;
   padding:0;
}
.shopify-section:has(.cus-our-team) .banner__content .banner__box .banner__heading{
  font-size:4.8rem;
  margin:0 0 1.2rem 0;
}
.shopify-section:has(.cus-our-team) .banner__content .banner__box .banner__text{
  color:#fff;
  font-size:2.0rem;
}
.shopify-section .cus-our-team .banner__content{
  padding:4.8rem 6.9rem 4.8rem 5.2rem;
}
.product .product__title h1 {
font-size: 4rem;
}
.product .product__media-wrapper {
max-width: 100% !important;
}
.product .product__info-wrapper {
max-width: 100% !important;
padding:2.5rem 2.465rem 0 !important;
}
.section section.gradient:has(.product) {
padding: 2.5rem 0;
}
.section .page-width:has(.product) {
padding:0 2.2rem;
}
.product .accordion-wrap {
margin: 3.3rem 0;
}
.blog-banner .menu-wrap ul {
    flex-direction: column;
}
.index-banner-wrap .index-banner-inner .info {
    max-width: 100%;
    width: 100%;
}
.blog-banner .menu-wrap ul li a {
    width: 100%;
}
.blog-banner .index-banner-wrap .index-banner-inner .info h1 {
font-size:6.4rem;
margin:0 0 4.2rem 0;
}
.blog-banner .index-banner-wrap .banner-wrapper .img-sec{
  height:59.4rem;
  min-height:auto;
}
.blog-banner.index-banner {
padding: 1.8rem 2.2rem;
}
.blog-banner .index-banner-wrap .index-banner-inner {
padding-bottom: 0;
}
.blog-banner .index-banner-wrap .index-banner-inner .page-width {
 padding:3.2rem 2.9rem;
}
.shopify-section:has(.main-blog) {
    padding: 6.0rem 0;
}
.main-blog.page-width {
    padding: 0 3.5rem;
}
.desktop-main-blog{
  display:none;
}
.mobile-main-blog{
  display:block !important;
}
.main-blog .blog-articles{
      grid-template-columns: 1fr;
      --grid-desktop-vertical-spacing:2.5rem;
}
.article-template .article-template__hero-medium {
    padding-bottom: 43.1%;
}
.article-template header.page-width {
    margin-top: 8.0rem;
    margin-bottom: 4.0rem;
    padding:0 3.95rem;
}
.article-template__content.page-width {
  padding:0 5.0rem;
}
.article-template .cat-name {
    margin: 0 0 1.8rem;
}
.article-template .article-template__title {
font-size: 3.6rem;
line-height: 1.47222222222;
margin:0 0 1.8rem 0;
}
.article-template {
padding-bottom:8.0rem;
}
.article-template .article-template__content {
font-weight: 500;
font-size: 1.6rem;
line-height: 1.1875;
color: #252C43;

}

.article-template .article-template__content h2{
  font-size:2.6rem;
}
.article-template .article-template__content h3{
 font-size:2.3rem;
}
.article-template .article-template__content h4{
 font-size:2.1rem;
}
.article-template .article-template__content h5{
 font-size:1.8rem;
}
.article-template .article-template__content h6{
 font-size:1.6rem;
}
.blogslider-sec-wrap {
    padding: 5.1rem 0;
}
.blogslider-sec-wrap .page-width {
padding-left:5.1rem;
padding-right: 0rem;
}
.blogslider-sec-inner .splide__slide {
    max-width: 85.25%;
}
.blog-block ul li.blog__post .article-card-wrapper .card__information .article-card__excerpt {
    font-size: 1.3rem;
}
.blog-block ul li.blog__post .article-card-wrapper .card__information .card__heading {
    font-size: 1.499rem;
    margin:0 0 1.1rem;
}
.blog-block ul li.blog__post .article-card-wrapper .card__information .article-card__excerpt{
  margin-bottom:1.0rem;
}
.blog-block ul li.blog__post .article-card-wrapper .card {
    padding: 1.4rem;
}
.blogslider-sec-inner .common-heading {
    font-size: 3.6rem;
    text-align: left;
    margin-bottom: 4.8rem;
}
.blog-block .splide__arrows {
    justify-content: flex-start;
}
.blog-block .splide__pagination{
  display:none;
}
.title-wrapper-with-link .title {
    font-size: 2.4rem;
}
.blog-block ul li.blog__post .article-card-wrapper .card__information {
    padding: 1.6rrem 0 0;
}
.blog-block ul li.blog__post .article-card-wrapper .card__information .cat-name {
    margin: 0 0 1.6rem;
}
.main-page-title {
    font-size: 3.6rem;
    letter-spacing: 0;
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .block-wrap.for-desktop{
  display:none;
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .for-mobile{
  display:block !important;
  width:100%;
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .for-mobile .item{
  width:100%;
  max-width:100%;
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .for-mobile .item{
  margin-bottom:2.0rem;
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .for-mobile .item .img-sec{
  width:8.0rem;
  height:8.0rem;
  border-radius:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:var(--sapphire);
          margin: 0 auto 2.0rem;
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .for-mobile .item .info{

}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .for-mobile .item .info h4{
font-family: var(--font-Lexend);
font-style: normal;
font-weight: 700;
font-size: 3.2rem;
line-height: 1.25;
text-decoration-line: underline;
color: #2D3892;
margin:0;
}
.our-why-make-tego {
    padding: 6.9rem 5.3rem 6.8rem;
    background-color: #eef6ff;
}
.our-why-make-tego .our-whymake-wrap ,
.our-why-make-tego .our-whymake-wrap .page-width{
padding:0;
}
.our-why-make-tego .blue-line-btn {
width:100%;
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .txt{
  margin-bottom:6.0rem;
}



.our-why-make-tego .our-whymake-wrap .our-whymake-inner .splide__pagination {
    position: static;
    display: flex;
        gap: 1rem;
        padding:0;
        margin:0 0 6.0rem 0;
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .splide__pagination li{
        margin: 0;
        padding: 0;
        height: 0.7rem;
        display: flex;
        align-items: center;
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .splide__pagination li button{
  margin:0;
  width:0.7rem;
  height:0.7rem;
  transform: none;
  background: #67B0FF;
  opacity: 0.4;
  transition:all 0.45s ease-in-out;
   border-radius:1.0rem;

   
}
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .splide__pagination li button.is-active{
  width:2.7rem;
  opacity: 1.0;
  border-radius:1.0rem;
}
.template-page-our-team .shopify-section:has(.cus-image-banner) .cus-image-banner .banner__media .desktop-banner {
  display:block;
}
.template-page-our-team .shopify-section:has(.cus-image-banner) .cus-image-banner {
        min-height: auto;
        height: 300px;
    }
    .product .product__media-wrapper .slider-mobile-gutter:has(.product__media-list) li{
             margin: 0 !important;
        padding: 0;
        width:100%;
    }
.product .product__media-wrapper .slider-mobile-gutter:has(.product__media-list) .slider.slider--mobile {
        margin: 0;
        gap: 0;
        padding: 0;
    }

    .case-studies-banner .index-banner-wrap .index-banner-inner .info strong:after {
    bottom: 0;
}
.cus-our-mission .banner__content .banner__heading{
  font-size:3.2rem;
}
    .article-template .article-template__title {
        line-height: 1.2;
    }
    .our-why-banner .index-banner-wrap .banner-wrapper .img-sec{
  height:100dvh;
  min-height:91.2rem;
}
/*========================767PX===========================*/    
}
@media only screen and (max-width:749px) {
.header__icon .icon.icon-close {
left: 91%;
}
    .blog .title-wrapper-with-link .blog__title {
        font-size: 3.2rem;
    }
}
/*========================749PX===========================*/    
}
@media only screen and (max-width:575px) {
/*========================575PX===========================*/  
}
@media only screen and (max-width:410px) {
footer.footer .page-width {
padding: 0 2.5rem;
}
.index-howitWorks-wrap .common-heading{
font-size:3.6rem;
}
.index-btnimg-wrap .left-panel,
.index-cta-wrap .index-cta-inner .left-panel,
.index-tegofeatures-wrap .index-tegofeatures-inner .heading--panel,
.index-howitWorks-wrap .index-howitWorks-inner,
.shopify-section .cus-image-banner .banner__content,
.index-banner-wrap .index-banner-inner .page-width,
.index-tegobenefit-wrap .index-tegobenefit-inner .page-width,
.index-tegodifferent-wrap .page-width {
padding-left:1.5rem;
padding-right:1.5rem;
}
.product .product__info-wrapper {
    max-width: 100% !important;
    padding:2.5rem 0rem 0 !important;
}
    .cus-our-mission .banner__content .banner__box, .cus-detail-mission .banner__content .banner__box, .cus-our-team .banner__content .banner__box {
        padding: 3.0rem;
    }
.shopify-section .cus-our-team .banner__content {
        padding: 3rem;
    }
    .index-banner-wrap .index-banner-inner {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
.our-why-make-tego .our-whymake-wrap .our-whymake-inner .common-heading {
    font-size: 3.2rem;
}
.our-why-make-tego .our-whymake-wrap .page-width {
    padding: 0;
}
    .article-template .article-template__title {
        font-size: 3.0rem;
    }
        .article-template header.page-width {
        padding: 0 2rem;
    }
        .article-template__content.page-width {
        padding: 0 2rem;
    }
/*========================410PX===========================*/  
}
@media only screen and (max-width:350px) {
/*========================350PX===========================*/  
}

#shopify-section-template--18389488074812__1771356975b2911f95 {
  background-color:white;
}

@media only screen and (max-width: 767px) {
    .index-tegodifferent-wrap .block-wrap .tabledata {
        font-size: 1.4rem;
    }
  .product-toggle {
    width: fit-content;
    justify-content: center;
    margin: 0px auto 20px;
}
   }

.template-page-blue-box-video  .header-wrapper {
    background-color: #ffffff;
    top: 0;
}

.template-page-blue-box-video.header-white-text main {
    padding: 10rem 0 5rem !important;
}

.template-page-accessibility #MainContent, .template-page-safety #MainContent, .template-page-case-studies #MainContent {
  background-color: #fff;
}

.template-page-our-team main, .template-collection main {
    padding: 12rem 0 0rem 0 !important;
    background-color: #fff;
}

@media only screen and (max-width: 767px) {
    .template-index .header-wrapper header.header.page-width {
        padding: .873rem 4.873rem;
    }
  .template-index .header__heading-link .header__heading-logo {
    width: 9rem;
}
}