:root{
--bg:#ffffff;
--primary:#18266a;
--primary-btn-text:#e6e6e6;
--primary-light:#5785fb;
--primary-text:#f4f6ff;
--secondary:#666666;
--secondary-dark-txt:#908f8f;
--secondary-light-txt:#e2e1e1;
--primary-btn:#595959;
--contrast-color:#e1454a;
/** 
--hero-scroll:#b61f24;
**/
--hero-scroll:#b61f24;
--error:#e1454a;
--contrast-color-text:#fef9f9;
--anchor-text:#585858;
--hero-p:#494848;
--heading:#333;
--heading2:#4a4a4a;
--paragraph:#333;
--shadow-bg:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
--transition:transform 0.3s ease-in-out;
--hero-border:#f5f5f5;
/** case studies **/
--intro-top:#263685;
--intro-top-light:#4f66d7;
--intro-text:#585858;
--intro-box-text:#f1effd;
--intro-bg:#fcfcfc;
--intro-text-bg-dark:#585858;
--intro-text-bg-darker:#393838;
--box-shadow:1px 1px 3px 5px rgba(199, 197, 197, 0.3);
/** case studies **/
}


*{
margin: 0 auto;
padding: 0;
box-sizing: border-box;
}

html:not([data-page="terms"]),
body:not([data-page="terms"]){
height: auto;
font-family: "Roboto", sans-serif;
scroll-behavior: smooth;
}
/** classes **/
.change-height{
height: 750px !important;
text-align: center !important;
display: flex;
justify-content: center;
align-items: center;
}
.w-75{
width:75% !important;
margin: 0 auto 0 !important;
}

.w-100{
width:100% !important;
margin: 0 auto 0 !important;
}
/** classes **/

section{
z-index:1 !important;
}

main{
margin: 0 auto !important;
padding: 0 !important;
}

.hero-main-wrapper{
height: 100vh;
margin: 0 auto 2rem;
overflow: hidden;
width: 100%;
padding: 0;
background-image: url('/assets/images/hero-bg-test-1.webp');
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}

.hero-text-wrap{
width: 100%;
margin: 3rem auto 2rem;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.hero-cta-wrap{
margin: 2rem auto 1rem;
}

.hero-cta{
background: var(--primary);
color: var(--primary-text);
border-radius: .6rem;
padding: 1rem;
text-decoration: none !important;
border: .12rem solid var(--primary-text);
width: auto;
box-shadow: 6px 6px 4px 4px rgba(0,0,0,0.3);
transition: opacity 0.3s ease;
}

.hero-btn-bg{
background: var(--hero-scroll);
}

.fixed{
position:fixed;
transition: var(--transition);
bottom:20px;
left:50%;
transform: translateX(-50%);
z-index:1000;
width: auto;
opacity: 1;
}


.hero-cta:hover,.hero-cta:active, .hero-cta:focus{
background: var(--contrast-color);
color:var(--contrast-color-text);
border: .12rem solid var(--contrast-color-text);
width: auto;
font-weight: 500;
}  

/** hero ends ***/
ul li a{
cursor: pointer !important;
}

[data-page="index"] body ,
[data-page="case-studies"] body{
background: var(--bg);
line-height: 1.6;
letter-spacing: 0.5px;
}

.accesibility-icon{
width: 35px;
height: 35px;
}

[data-settings-icon="true"]{
width:37px;
height:35px;
}

[data-svg-anchor="yes"],
img,
[data-is-closeTip="yes"]{
pointer-events: none !important;
}

[data-is-svg="true"]{
width:35px ;
height: 35px;
}
[data-svg-class="icon"]{
fill:var(--contrast-color);
width:25px;
height:25px;
}
.tool-tip-info{
width:16px;
height: 16px;
cursor: pointer;
}
.chevrons-down{
width: 32px;
height: 18px;
fill:var(--bg);
}
.our-work-box img{
width: 100%;
object-fit: contain;
max-width: 100%;
height: 80%;
}
.menu-toggler-icon{
width: 35px;
height:100%;
}

.gradient-bg{
width: 100%;
background-repeat:repeat-y;
background-position:top center;
background-size: cover;
height: auto;
overflow: hidden;
z-index: 0;
}
.app-container img:not(.carousel-section img){
display: block;
max-width: 100%;
}

.app-container ul li:not([data-page="terms"] ul li){
list-style: none;
}
[data-page="terms"]{
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
.app-container h1{
color:var(--heading);
}

h2{
color:var(--heading2);
}

.app-container p{
color:var(--paragraph);
font-weight: 300;
line-height: 1.6;
word-spacing: -0.5px !important;
letter-spacing: -0.5px !important;
}

.brand a{
font-family: 'Anton';
}
.chevron-contact{
fill:var(--contrast-color);

}

.icon-user,.chevron-contact{
width:35px;
height: 35px;
}

.icon-user{
fill:var(--primary-light); 
}
.icon-user:hover,
.icon-user:focus,
.icon-user:active{
fill:var(--contrast-color);
}

nav ul li a:hover,
nav ul li a:active,
nav ul li a:focus,
.brand a:hover,
.brand a:active,
.brand a:focus,
.chevron-contact:hover,
.chevron-contact:focus,
.chevron-contact:active
{
color:var(--primary);
font-weight: 400;
}
.index-container ul li a,
.nav-left a{
text-decoration: none;
color:var(--anchor-text);
font-weight: 300;
}


/** nav starts **/
.closeMenu{
margin-top: 1rem;
cursor: pointer;
display: inline-block;
position: relative;
left:75%;
}
.close-menu-icon{
width:35px;
height: 35px;
fill:var(--paragraph);
}

header{
margin: 0 auto 2rem;
height:50px;
}
.main-section{
margin: 7rem auto 2rem !important;
}

header,section{
background: var(--shadow-bg);
}

nav{
padding: .5rem .5rem;
height:auto;
display: flex;
}

.nav-inner{
  display: grid;
  grid-template-columns:1fr 1fr 1fr;
width: 100%;
height: 100%;
}

.nav-left{
display: flex;
width: auto;
}
.nav-middle{
width: auto;
}
.nav-middle ul{
display: flex;
align-items: center;
justify-content: center;
}
.nav-middle ul li{
margin-left: 2rem;
}
.nav-right{
margin:auto;
}


.nav-right ul li a{
display: flex;
flex-direction: column;
align-items: center;
}
[data-is-appended="true"]{
width: 100% !important;
text-wrap:nowrap !important;
word-spacing: -1px !important;
letter-spacing: -1px !important;
text-align: center !important;
justify-self: center;
align-self: center;
}
.brand img{
object-fit: contain;
object-position: top;
width: 100%;
max-width: 100%;
height: 100%;
}
/** nav ends **/

/** critical css for case studies details **/
[data-common-identifier="case-details"] section,
[data-insight-graph="true"]
{
width:60%;
margin: 0 auto;
}
[data-common-identifier="case-details"]  h3{
color: var(--intro-text-bg-darker);
text-align: left;
margin-bottom: 1rem;
}
[data-common-identifier="case-details"] .home-svg-right{
width: 24px;
height: 24px;
fill: #ffffff;
}
[data-common-identifier="case-details"] .go-back-gome{
position: absolute;
right:4%;
top:35%;
text-decoration: none;
}

[data-common-identifier="case-details"] body{
background: var(--intro-bg);
opacity: 1;
}

[data-common-identifier="case-details"] .external-links{
color:var(--contrast-color)
}
[data-common-identifier="case-details"] .citations{
color:var(--intro-top-light);
}
[data-common-identifier="case-details"].cta{
font-style: italic;
}

[data-common-identifier="case-details"] h4,  h5,h6{
color: var(--intro-text-bg-darker);
}

[data-common-identifier="case-details"] img:not(.banner img):not(header img){
box-shadow: 6px 6px 4px 4px rgba(0,0,0,0.3) !important;
border-radius: .8rem !important;
}
/** main css **/
[data-common-identifier="case-details"] .case-insight-inner p{
font-weight: 300;
font-style: italic;
}

[data-case-banner="true"]{
height:auto;
width: 100%;
margin:1rem auto 1rem;
position: relative;
cursor: pointer;
}

[data-case-banner="true"] .banner-wrapper img{
max-height: 30%;
min-height: 30%;
height: 30%;
width: 100%;
max-width: 100%;
object-fit: contain;
object-position: top;
}

[data-common-identifier="case-details"] img:not(header img){
object-fit: contain;
}

[data-insight-graph="true"]{
overflow: hidden;
}

/** critical css for case studies details ends **/

.last-block{
display:flex;
position:relative;
left:2rem;
}
.last-block .dropdown-for-dashboard:last-child{
margin-left:2rem;
}

.nav-right{
position: relative;
width:100%;
}


.form-add-height{
height: 500px !important;
}
.open-dashboard-dropdown{
  position:relative;
cursor:pointer !important;
margin-left:2rem;
}

/** dashboard **/
.dropdown-for-dashboard{
position: absolute;
background: var(--bg);
box-shadow:var(--deep-shadow);
z-index:5000;
border-radius:.5rem;
width:auto;
left:35%;
right:0;
top:calc(50px + 15px);
transition:var(--transition);
padding:.8rem;
margin-left:0 !important;
}

.dropdown-for-dashboard li:first-child{
margin-top:.8rem;
}
.dropdown-for-dashboard li{
margin-bottom:1rem;
padding-left:1rem;
padding-right:1rem;
}
.dropdown-for-dashboard li a{
cursor:pointer;
}


.dropdown-for-dashboard li:last-child{
display:flex;
}
.dropdown-for-dashboard li:last-child svg{
margin-left:.6rem;
margin-top:-.2rem;
}

.tx-white{
color:var(--bg) !important;
}
.bg-white{
background:var(--bg) !important;
width:45%;
margin:0 auto;
box-shadow:var(--deep-shadow);
border-radius:.6rem;
padding:.8rem;
}
.w-100{
  width:100% !important;
}