/* You can add global styles to this file, and also import other style files */
html,
body {
height: 100%;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
box-sizing: border-box;
position: relative;
}

html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}

body {
font-family: "Poppins", sans-serif;
font-weight: normal;
color: #fff;
background:#151515;
/*background: url('../images/Mapbg.png'); background-size: cover;*/
}


/*--- Global styles ----*/
h1,h2,h3,h5{ font-weight:700; margin: 0;}
h1{
font-size: 5.625em; line-height: 1.5em; margin: 0 0 30px;
}
h2{
font-size: 3.188em; line-height: 1.3em;
}
h3{
font-size: 2.375em; line-height: 3em;
}
h4{
font-size:1.75em; line-height:1em;margin: 0;
}
h5{
font-size:1.313em; line-height:2em;
}
p{font-size:1.063em; line-height:1.5em;color:#D3DAE6;}

/* Colors */
:root {
--color-yellow:#F9C74F;
--color-first:#69707D;
--color-black:#2E2E2E;
--color-white:#ffffff;
--color-hover:#e7b12e;
--color-paragraph:#D3DAE6;
--color-border:#464851;
--color-works:#9ADDA2;
--color-copy:#B3C1CD

}
/* Light Theme */
[data-theme="light"] {
    --color-yellow: #007bff;
    --color-first: #5A748E;
    --color-black: #ffffff;
    --color-white: #001F29;
    --color-hover: #0971e1;
    --color-paragraph: #2E2E2E;
    --color-border: #cfd4dc;
    --color-heading:#082A47;    
    --color-sub-paragraph:#D3DAE6;
    --color-bg:#005AE1;
    --color-child-paragraph:#828282;
    --color-works:#F9C74F;
    --color-copy:#69707D
  }

  body[data-theme="light"] {
    background: #fff;
  }
  [data-theme="light"] p{
    color:var(--color-paragraph)
  }
  [data-theme="light"] h1,
  [data-theme="light"] h2,
  [data-theme="light"] h3,
  [data-theme="light"] h4,
  [data-theme="light"] h5 {
    color: var(--color-heading);
  }

a.explore{
font-size:1.313em; line-height:1.6em; border: 1px solid var(--color-yellow); padding: 8px 30px; border-radius:4px; text-align: center; cursor: pointer; font-weight: 500;
color:var(--color-yellow); display: inline-flex;
}
a.explore:hover{
background:var(--color-yellow); color:var(--color-black) ;
}

ol,
ul{
list-style: none;
margin: 0;
padding: 0;
}

p,figure {
margin: 0;
}

a:hover{ text-decoration: none ;}
a,a:hover,a::after, a:hover::after{
-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; text-decoration: none;
}
.bottom-space { margin-bottom: 150px;}
/*--------------------------------*/

/*---- Header ----*/ 
header {padding: 25px 0 10px;background:transparent; position: relative;
}
.container {max-width:1600px; margin:0 auto;}
header .navbar-collapse { flex-grow: inherit;
}
header .nav-link {font-weight:500; font-size: 21px; line-height: 25px; display: inline;
-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; 
color:var(--color-white);
}
header .navbar-nav li {padding-right:60px; position: relative;
-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; 
}
header .navbar-nav li:nth-last-child(1) { padding-right: 0;}
header .nav-link:focus, header .nav-link:hover { color:var(--color-yellow);}
header .navbar-nav li.active a {color:var(--color-yellow);}


footer{
background: #121212;
padding: 30px 0; border-top: #27282E 1px solid;
}
.footer-in { display:flex; align-items: center; justify-content: space-between;}
.footer-in ul { display:flex; align-items: center;}
.footer-in ul li a{ cursor: pointer;}
.footer-in ul li a .fa{color:#A9ACB8; font-size: 26px; line-height: 26px;}
.footer-in ul li a .fa:hover {color:var(--color-yellow);}
.footer-in ul li{padding-right: 30px;}
.footer-in ul li:nth-last-child(1) { padding-right: 0;}

header .navbar-nav li.resume a.nav-link{
    border: 2px solid var(--color-yellow); padding: 11px 35px; border-radius:6px; color:var(--color-yellow);
}
header .navbar-nav li.resume {padding-right: 25px;}
header .navbar-nav li.email a.nav-link{
color:var(--color-black);
background:var(--color-yellow);
padding: 13px 35px; border-radius:6px; font-weight: 600;
}

header .navbar-nav li.resume a.nav-link span {position: relative; top:-2px; display: inline-block; left: 10px;}
header.sticky {position:fixed; top: 0; left: 0; width: 100%; z-index: 9999;
background:#101010; border-bottom: #27282E 1px solid;

}
.container-fluid {padding: 0;}
header .navbar-nav li.resume a.nav-link:hover {
background:var(--color-yellow); color:var(--color-black);
}
header .navbar-nav li.resume a:hover span svg path {fill:var(--color-black); stroke: var(--color-black);}
header .navbar-nav li.email a.nav-link:hover {
background:var(--color-hover);
}
.mobile-view{ display: none;}
.footer-lft { display: flex; align-items: center;}
.footer-lft p { padding-left: 30px; font-size: 16px; color: #8e9aa5;}

.banner {padding: 120px 0; margin:100px 0 120px;}
.banner.home-banner{
padding:200px 0 0;
background: url('../images/home/banner-bg.png') no-repeat 0 -90px; height:900px; background-size: cover;
margin: 100px 0 0;
width: 100%;
position: relative;
z-index: 99;
}
.banner h4{
font-weight: 600; color: var(--color-first); margin-bottom: 10px;
}
.banner h4.designer{
font-weight: 600; color: var(--color-white); margin-bottom: 30px;
}
.banner p {
color:var(--color-paragraph); font-size:1.13em; line-height:1.6em; margin-bottom: 20px;
}


.banner-lft .banner-btm p {
color:var(--color-paragraph); font-size:1.125em; line-height:1.6em; margin-bottom: 50px;
}
.banner-btm p span { color: var(--color-yellow); font-size: 2.375em; line-height:1em; font-weight: bold; }

.key-skills h4{ color:var(--color-first); margin-bottom: 15px; font-weight: 500;}
.skills-left{ position: relative;}
.skills-block { margin-bottom: 15px;}

.design-think h2{ margin-bottom: 60px;}
.design-think figure img {width: 100%; height: auto;}

.banner-btm h2{ margin-bottom: 20px;}

.lets-hand h2{
margin-bottom: 30px;
}
.lets-hand p{
margin-bottom: 20px;
}
.lets-hand h6 { font-weight: 500; font-size: 1.125em; line-height:24px;}
.stories-block h2 span{ color:var(--color-yellow);}
.stories-block h2{ margin-bottom: 20px;}
.stories-block h6{ color:var(--color-white); line-height: 1.3em; font-size:1.7em; margin-bottom: 60px;}

.design-philosophy h2{
margin-bottom: 30px;
}
.design-philosophy p { margin-bottom: 80px;}
.design-cont h3{ color: var(--color-black);line-height: 1.5em; font-weight: 600; display: inline-block; background:#9adda2c7; padding: 0 10px;
}
.design-philosophy h6 { margin-top: 10px; font-weight: 500; color:var(--color-paragraph); font-size: 1.125em;}
.design-cont {position: relative; display: inline-block;}
.design-cont sup { position: absolute; top: -30px; left: 98px;}
.design-cont sub {position: absolute; bottom: -20px; right: 224px; transform: rotateZ(180deg);}
.design-cont sup img, .design-cont sub img { opacity: 0.5;}
.design-cont h3.design-top {
border-top: 6px solid #9ADDA2; margin-top: -6px;
}
.skills-design {position: relative;}
.skills-design figure img { position: absolute; bottom: 10px; right: 40px;}

.design-philosophy.showcase p { margin-bottom: 40px;}
.all-section-main { position: relative;}
.all-section-main figure img {position: absolute; bottom: -160px; right: 210px;}

.leadership{ padding-top:40px;}
.leadership h2{ margin-bottom: 20px;}
.leadership p { margin-bottom: 30px;}
.leadership a.explore { margin-bottom: 50px; align-items: center;}
.leadership a.explore span { margin-left: 15px; line-height:0;}
.leadership a.explore span .fa { font-size: 1.5em;}

/*---------- Carousel sliders ------------------------*/

.carousel-control-prev-icon{
background-image:url('../images/home/arrow-hover-right.png'); height: 45px; width: 45px;  
transform: rotateY(180deg);
}

.carousel-control-next-icon {
background-image:url('../images/home/arrow-hover-right.png'); height: 45px; width: 45px;  
}

.carousel-control-prev.enabled .carousel-control-prev-icon,
.carousel-control-next.enabled .carousel-control-next-icon {
background-image:url('../images/home/arrow-hover-right.png'); height: 45px; width: 45px; 
}

.carousel-control-prev.disabled .carousel-control-prev-icon{
background-image:url('../images/home/arrow-right.png'); height: 45px; width: 45px;  
transform: rotateZ(0);
}

.carousel-control-next.disabled .carousel-control-next-icon {
background-image:url('../images/home/arrow-right.png'); height: 45px; width: 45px;  
}

.carousel-control-prev.disabled,
.carousel-control-next.disabled {
pointer-events: none;
opacity:1; 
}

.carousel-control-next.disabled{
transform: rotateY(-180deg);
bottom: -70px;
}

.leadership .carousel-control-next:focus, .leadership .carousel-control-next:hover, .leadership .carousel-control-prev:focus, .leadership .carousel-control-prev:hover {opacity: 1;}
.leadership .carousel-control-prev {
left: auto;
right:65px;
}


.leadership .carousel-control-next, .leadership .carousel-control-prev { top: auto; width: auto; bottom: -70px; display: inline-block; opacity: 1;}
.leadership .carousel-indicators { bottom: -60px;}
.leadership .carousel-indicators [data-bs-target] {
border-top: transparent; border-bottom: transparent; border-radius: 10px; margin: 0 5px; width: 8px; height: 8px;
background: #D9D9D9;

} 
.leadership .carousel-indicators .active {
width: 30px;
background:var(--color-yellow);
}
.leadership .carousel-item {
background:
#1E1E1E; border-radius: 8px;
text-align: center; padding: 40px 0; height: 470px;
}

/*-----------------------------------------------*/


.leader-cont {text-align: center; margin: auto; position: relative;}
.leader-cont sub {
position: absolute;
top: -30px;
left: -50px;
transform: rotateZ(180deg);
bottom: auto;
}
.leader-cont h5 {
font-size:1.75em;
line-height: 1.4em;
font-weight:300;    
position: relative; padding-top: 10px; min-height: 250px; max-width: 95%; margin: auto;
}
.leader-cont img { border-radius: 50%; margin-bottom: 10px;}
.leader-cont h6 {font-size: 1.25em;}
.leader-cont sub img { border-radius:inherit;}

.banner.success-banner h1 { line-height:90px; font-weight: 700; font-size:4.188em;}
.success-block{ }
.success-block h2{ margin-bottom: 50px;}
.success-block ul li figure { position: relative; overflow:hidden; -webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;
border-radius: 10px;}
.success-block ul li .stories-cont { position: absolute; bottom: 20px; left: 30px; z-index: 99; width: 100%;}
.success-block ul li .stories-cont h4 { margin-bottom: 20px; font-weight: 600; color: var(--color-white);}
.success-block ul li .stories-cont p { margin-bottom: 20px; font-weight: 500;}
.success-block ul li .stories-cont span { font-weight: 500; color: var(--color-paragraph);}
.success-block ul li { margin-bottom: 30px;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.success-block ul li figure img {width: 100%; height: auto;
-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;
filter: grayscale(1);
}

.success-block ul li figure img:hover{filter:inherit;}

.curious-block h2 { margin-bottom: 50px;}
.curious-block { position: relative;}
.curious-block img { position: absolute;left:100px; bottom:0;}
.curious-block a.explore.here { background: var(--color-yellow); color: var(--color-black);}
.curious-block a.explore.here:hover {background:var(--color-hover); color: var(--color-black);}

.problem-left h3{ line-height:40px; margin-bottom: 30px;}
.problem-left ul li p {position: relative; padding-left: 20px; margin-left: 10px;}
.problem-left ul li p::after {
content: ''; background: #D3DAE6; width: 6px; height: 6px; border-radius: 30px; position: absolute; left: 0; top:10px;
}
.problem-left ul li { margin-bottom: 20px;}
.problem-rgt figure img {width: 95%; height: auto;}
.problem-left.project-left {padding-left: 50px;}
.problem-rgt {position: relative;}
.problem-rgt img.problem-vector { position: absolute;top:-10px;
left: -250px;
z-index: -9;}

.problem-rgt img.project-vector { position: absolute;top:-55px;
right: -170px;
z-index: -9;}


.research-section p {position: relative; padding-left: 20px; margin: 0 0 20px 8px;}
.research-section p::after {
content: ''; background: #D3DAE6; width: 6px; height: 6px; border-radius: 30px; position: absolute; left: 0; top:10px;
}
.research-section h5{ margin-bottom: 10px;}
.summary-block {position: relative;}
.summary-block img { position: absolute; top:-25px; left:auto; right: 20px;}
.summary-block h3{line-height: 2em; margin-bottom: 20px;}

.design-philosophy.research-slide .design-cont sup { left: 100px;}
.design-philosophy.research-slide .design-cont sub {
right: 58px;
}

.key-skills.global-service h3 {line-height:1.5em;}
.key-skills.global-service .skills-design figure img { bottom: auto;}
.skills-right { position: relative;}

.key-skills.global-service figure.global-right-img img {position: absolute; bottom:-105px;right:0; left: 0; margin: auto;}
.result-block h2 { margin-bottom: 30px;}
.result-block h3 { margin-bottom: 30px; line-height:1em;}
.result-block .skills-left::after {left: -5px;}

.explore-block { justify-content: space-between; display: flex; align-items: center; border-top: 0.5px solid #69707D; padding-top: 40px;}
.explore-lft a, .explore-rgt a{ color: var(--color-first); font-weight: normal;}
.explore-rgt { display: flex; align-items: center; text-align: center;}
.explore-lft a { padding-left: 25px;font-size:1.313em;color: var(--color-white);}
.explore-rgt a { padding-right: 25px; color:var(--color-white);font-size:1.313em; text-align: right;}
.explore-rgt svg { transform: rotateZ(-180deg);}
.explore-rgt svg, .explore-lft svg{ cursor: pointer;}
.explore-rgt svg path, .explore-lft svg path { fill:var(--color-white);}

.explore-block a.explore.case {
    color:var(--color-paragraph); border:1px solid var(--color-paragraph);
}   
.explore-block a.explore.case:hover {
color:var(--color-black);border:1px solid var(--color-black);
}

.curious-block.Creative Works-intrest img {left: 90px; bottom: 0;}

.work-blocks {
background:url('../images/home/show-case-main-bg.png') no-repeat top center; height: 1500px; background-size: cover; padding-top: 120px;
}
.work-blocks ul li figure { position: relative; overflow: hidden; border-radius: 10px;}
.work-blocks ul li .work-cont { position: absolute; bottom: 40px; left: 30px; z-index: 99;}
.work-blocks ul li .work-cont h4 { margin-bottom: 15px; font-weight: 600; color: var(--color-white)}
.work-blocks ul li .work-cont p {font-weight: 500; color: var(--color-paragraph); margin-bottom:15px; font-size: 1.125em;}
.work-blocks ul li a:hover span { color:var(--color-hover); text-decoration: underline;}
.work-blocks ul li .work-cont span { font-size:1.125em; font-weight: 600; cursor: pointer; color:var(--color-paragraph);}


.work-blocks ul { display: flex;  flex-wrap: wrap;}

.timeline-section h3{ margin-bottom: 50px; line-height:50px;}
.timeline-lft h4{ font-weight: 500; text-align: center; margin-bottom: 20px;}
.timeline-lft h5 { font-weight: 400; text-align: center; margin-top: 10px;}
.learning-cont { margin-top: 40px;}
.learning-cont p {position: relative; padding-left: 20px; margin-bottom: 20px;}
.learning-cont p::after {
content: ''; background: #D3DAE6; width: 6px; height: 6px; border-radius: 30px; position: absolute; left: 0; top:10px;
}

.learning-border { position:relative;}
.learning-border::after {
content: ''; border-left: 1px solid var(--color-border); height:28vh;  position: absolute; left: -8px; top:0;
}

.success-block figure::after {
content:'';
background:linear-gradient(180deg, rgba(0, 0, 0, 0) 22.9%, rgba(0, 0, 0, 0.85) 73.89%);
position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%;
border-radius: 10px;
}
.success-block ul li figure:hover > img {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-webkit-transform: scale(1.1);
transform: scale(1.1);
-ms-transform: scale(1.1); /* IE 9 */
-webkit-transform: scale(1.1); /* Safari and Chrome */
filter:inherit;
}
.success-block ul li figure:hover::after{
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 36.9%, rgba(0, 0, 0, 0.85) 73.89%);
border-radius: 10px;
}
.success-block ul li figure:hover a{ color: var(--color-yellow); text-decoration: underline;}



.work-blocks ul li figure::after {
content:'';
background:linear-gradient(180deg, rgb(0 0 0 / 28%) 0%, rgba(0, 0, 0, 0.85) 73.89%);
position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%;
border-radius: 10px;
}
.work-blocks ul li figure:hover img {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-webkit-transform: scale(1.1);
transform: scale(1.1);
-ms-transform: scale(1.1); /* IE 9 */
-webkit-transform: scale(1.1); /* Safari and Chrome */ border-radius: 10px; filter:inherit;
}
.work-blocks ul li figure:hover::after{
/* background: linear-gradient(180deg, rgba(0, 0, 0, 0) 36.9%, rgba(0, 0, 0, 0.85) 73.89%); */
border-radius: 10px;
}
.work-blocks ul li figure:hover a{ color: var(--color-yellow); text-decoration: underline;}
.work-blocks ul li figure img {
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;border-radius: 12px; filter: grayscale(1); width: 100%; height: auto;
}
/* .work-blocks ul li a{ cursor: pointer;} */
/* .work-blocks ul li { padding: 0 10px; margin-bottom: 30px;} */
/* .work-blocks ul.top-img-block { justify-content: end; align-items: end; position: relative;}
.work-blocks ul.btm-img-block { align-items:center;}
.work-blocks ul li.marketing { position: absolute; bottom: -120px; left: 120px;}
.work-blocks ul li.web-appli { position: relative; top: -30px;} */

/* .banner.success-banner { height:910px; } */
.explore-rgt:hover svg path, .explore-lft:hover svg path { fill:var(--color-yellow);}
.explore-rgt:hover a, .explore-lft:hover a { color:var(--color-yellow);}

.envision { margin-left: 0;}
.skills-left  .success-block ul li { margin-bottom: 0;}
.skills-left .success-block ul li .stories-cont span { 
margin-bottom: 0; font-size: 1.125em;
}
.skills-left .success-block ul li .stories-cont { bottom: 30px;}

.skills-left .carousel-control-next{ top: auto; width: auto; bottom: -62px; display: inline-block; opacity: 1; line-height: 0; z-index: 99;}
.skills-left .carousel-indicators { bottom: -50px; margin: 0; right: auto;}
.skills-left .carousel-indicators [data-bs-target] {
border-top: transparent; border-bottom: transparent; border-radius: 10px; margin: 0 5px; width: 8px; height: 8px;
background: #D9D9D9;

} 
.skills-left .carousel-indicators .active {
width: 30px;
background:var(--color-yellow);
}

.success-explore-main { padding: 70px 0;}

.career-high ul li h4{ font-size:4.1em; line-height: 67px; color:var(--color-works); margin-bottom: 20px; font-weight: bold;}
.career-high h2 { margin-bottom: 50px;}
.career-high h5 { font-weight: 500;}
.career-high ul li {
border-right: 0.5px solid #69707D; text-align: center;
}
.career-high ul li:nth-last-child(1) { border-right: none;}

.work-success-stories .skills-left::after { display: none;}

.work-success-stories .stories-block h2 span { color: var(--color-white);}
.right-explore { text-align: right; margin-bottom: 25px;}

.work-success-stories .stories-block h2 {
margin-bottom: 0; line-height: 40px;
}


.work-success-stories .skills-left .carousel-indicators {
margin: 0;
right: 0;
bottom: -45px;

}
.creative-logos h2{ margin-bottom: 50px;}
.creative-logos ul li a {cursor: pointer;}
.banner.about-banner h4 { color:var(--color-yellow);}

.banner.about-banner p {font-size: 1.313em; line-height: 35px; color:var(--color-white); margin-bottom: 50px;}

.about-links ul { display: flex; align-items: center;}
.about-links ul li { margin-right:40px;}
.about-links ul li a { cursor: pointer;}
.about-links ul li:nth-last-child(1) { margin-right: 0;}

.banner.about-banner figure { margin-top: 0;}
/* .professional figure img { width: 80%; height: auto;} */

.professional ul li { width:16%; text-align: center;}
.professional ul li img { margin-bottom: 20px;}
.professional ul li h5.organization {color:#828282;}
.professional ul li h5 { font-weight: 500; line-height: 30px;}
.professional h2 {position: relative; display: inline-block; margin-bottom: 60px;}

.curious-block.explore-about img{
left: 20%;
}
.career-high {padding-top: 80px;}
.footer-in ul li a svg:hover path, .about-links ul li a svg:hover path { fill:var(--color-yellow);}
p.banner-para { font-weight: 500;}
.banner.success-banner.logo-banner { background: none; height: auto; padding: 120px 0 0;}
.creative-logos ul li a img { filter: grayscale(1);}
.creative-logos ul li a img:hover { filter: inherit;}

header a.switch { position: absolute; top: 57px; right: 60px;}
header a { cursor: pointer;}

.professional.education ul li {width: 33.3%; text-align: left; margin-bottom: 30px; padding: 0 15px;}

.certificate-main .success-block figure::after { position: static;}
.certificate-main .success-block ul li figure:hover::after { display: none;}
.certificate-main .success-block ul li figure:hover img { -webkit-transform:none;}

.professional.education ul li p { margin-bottom: 12px; color:var(--color-white);}
.professional.education ul li h5 { margin-bottom: 10px;}
.professional.education ul li h4 { font-size: 1.31em; color:var(--color-first);}
.professional h2 span { position: absolute; bottom: -130px; left: 14%; top: auto;}

.creative-tools h2 { margin-bottom: 50px;}
.creative-tools ul li { display: flex; align-items: center; justify-content:space-between;}
.creative-tools ul li span {background: #2E2E2E; width: 50%; height: 10px; border-radius: 10px; position: relative;}
.creative-tools ul li span small {
background: #2C9DC1; position: absolute; top: 0; left: 0; width: 95%; height: 10px;border-radius: 10px;
}
.creative-tools ul li h5{ width: 35%; font-weight: normal;}

.creative-tools ul.last-ul li { justify-content: end;}
.creative-tools ul li span small.figma{width: 90%;}
.creative-tools ul li span small.adobe-xd{width: 85%;}
.creative-tools ul li span small.sketch{width: 80%;}
.creative-tools ul li span small.autodesk-max{width: 80%;}
.creative-tools ul li span small.autodesk{width: 90%;}


.certificat-lft ul li { margin-bottom: 20px;}
.certificat-lft ul li h5{ font-weight:500; margin-bottom: 10px; line-height:1.5em; position: relative;}
.certificat-lft ul li p{ font-size: 1.31em; line-height: 21px; color: var(--color-first);}
.certificat-lft ul  {padding:40px 40px 0 110px;}
.certificat-lft ul {position: relative;}
.certificat-lft ul::after{ content: ''; position: absolute; top: 0; left: 75px; height:100%;
background:url('../images/line.svg') no-repeat top center; width: 2px;}
.certificat-lft ul li h5::after{content:''; position: absolute; top: 8px; left: -42px; background:var(--color-yellow); width: 15px; height: 15px; border-radius: 50px;z-index: 99;}

.success-explore-main .skills-left {padding-top:0;}

.certificate-main.arena-animate .certificat-lft ul {
padding: 60px 40px 0 110px;
}
.certificate-main.arena-animate .success-explore-main .skills-left {
padding-top: 150px;
}
.certificate-main.arena-animate .success-explore-main .skills-left::after {
top: 150px;
height: 72%;
}

.banner.success-banner.story-banner { height: auto; background: none; margin-bottom: 0;}
.banner figure img {width: 100%; height: auto;}

.banner-avatar{
position: relative;
}
.banner-avatar figure {
background: linear-gradient(148deg, rgba(233, 123, 59, 0.60) 8.29%, rgba(149, 45, 185, 0.60) 92.58%);filter: blur(150px);position: relative;z-index: 999;
width: 400px;
height: 320px;
margin:auto;
top: 150px;
}
.banner-avatar img {
position: absolute;
top: 30px;
left: -72px;
right: 0;
margin: auto;
z-index: 999;
width: 80%;
height: auto;
}

/* .banner.about-banner { height:900px;} */
header .navbar-expand-sm .navbar-nav { align-items: center;}
header .navbar-nav li.resume a.nav-link, header .navbar-nav li.email a.nav-link { width:180px; display: flex; justify-content: center;}

.creative-logos .modal-content { background:transparent; border: none;}
.creative-logos .modal.show .modal-dialog { max-width: 80%;}
.creative-logos button.close { position: absolute; top: -40px; right: -20px; background: transparent; border: none; z-index: 999;}

.creative-logos  .carousel-control-next {
right: 10%;
}

.creative-logos .carousel-control-next, .creative-logos .carousel-control-prev {width: auto; cursor: auto; opacity: 1;}
.creative-logos  .carousel-control-prev {
left: 46%;
top: auto; bottom: -60px;
}
.creative-logos .carousel-control-next{ top: auto; right: 46%; bottom: -60px;}
.creative-logos .carousel-control-next-icon, .creative-logos .carousel-control-prev-icon { cursor:pointer;}


.skills-left .carousel-control-prev {
top: auto;
bottom: -63px;
right: 70px; width: auto;
left: auto;
}


.work-success-stories .skills-left .carousel-control-prev {
bottom: -64px;
z-index: 99;
}

/* .certificate-main .skills-left .carousel-control-prev {
right:0;
} */
.carousel-control-next, .carousel-control-prev { opacity: 1;}
.creative-logos a { margin-bottom: 30px; position: relative;}
.creative-logos a img { filter: grayscale(1); width: 100%;}
.creative-logos a:hover img { filter:inherit;}
.creative-logos .modal-body img { border-radius: 10px; border: 1px solid #464851;}
.creative-logos .modal { z-index: 10000; background: #151515eb;}

.banner .banner-lft h1 { line-height: 1.3em; font-weight: 700;}

.success-story-bg{
    background: url('../images/success-bg.png') no-repeat top center; background-size: cover; margin-bottom:100px;
}
/* .success-block.work-success-main { position: relative; top: -150px;} */
.about-banner.success-story-bg {
background-position-y: -200px;
height: 800px;
}

.certificate-main .success-explore-main {padding:0;}

/* Baburao */
.sticky-header {
position: fixed;
    top: 0;
    z-index: 1020;
    width:100%;
    /* transition: all 0.5s ease-in-out; */
    
    }
a.explore.lets-talk {padding: 6px 50px;}
/* .bread-crumb {padding: 15px 0;} */
.bread-crumb ul { display: flex; align-items:center;}
.bread-crumb ul li a{ font-size:16px; font-weight: 500; color:var(--color-white);}
.bread-crumb ul li h5{ font-size:16px; font-weight: 500; color:var(--color-first);}
.bread-crumb ul li { margin-right: 10px;}
.success-block ul li a { color:var(--color-paragraph); font-weight: 500; font-size:1.125em; cursor: pointer;} 
.success-block ul li a:hover span{ color:var(--color-yellow); text-decoration: underline;}
.skills-block.wire-frame-space { margin-bottom: 40px;}
.testing-space { margin-top: 15px;}
.creative-logos button.close img { border: none;}
/* .leader-cont h5.brett-btm-space{ margin-bottom:30px;} */
/* .professional  { position: relative; top: -100px;} */

/* .experience-img { position: relative; top:-35px;} */
.bread-crumb-main {padding: 15px 0;}

.professional .modal-content { background:transparent; border: none;}
.professional .modal.show .modal-dialog { max-width: 80%;}
.professional button.close { position: absolute; top:0; right: 70px; background: transparent; border: none; z-index: 999;}
.professional ul li a { display: block; font-size: 1.313em; font-weight: 500; line-height: 30px; cursor: pointer; color:var(--color-white);}
/* .professional .img-fluid { max-width: 90%;} */
.banner.home-banner h1 {font-size: 6.75em; line-height:108px; margin-bottom: 40px; display: inline-block;}
.banner.home-banner h5 { font-weight: 700; font-size: 2.375em; text-align: center; margin-bottom: 60px; line-height:40px;}
.banner.home-banner p { font-weight: 500; font-size: 1.313em; text-align: center; margin: 0; color:var(--color-white);}

.banner.home-banner::before {
content: "";
position: absolute;
top: 30%;
left: 0;
width:60%;
background: linear-gradient(50deg, rgba(233, 123, 59, 0.60) 8.29%, rgba(149, 45, 185, 0.60) 92.58%);
filter: blur(120px);
z-index: -1;
height:300px;
right: 0;
margin: auto;
}
.key-skills.row {position: relative; top: -150px; z-index: 99;}
.success-compliment{
padding-top:0;
}
.success-compliment .design-cont sup {    
left:33px;
}

.success-compliment .design-cont sub {
right: 70px;
}

.success-compliment h6 { margin-top: 10px; font-weight: 500; color:var(--color-paragraph); font-size: 1.125em;}

.banner.about-banner{
background: url('../images/about/about-banner-patern.png') no-repeat 0 -100px; height: 800px; background-size: cover;
margin-bottom: 0; padding-bottom: 0;
}
.banner.about-banner h5{
font-weight: 500; font-size: 1.75em;color:var(--color-first)
}
.location {
display: flex; align-items: center;
}
.location h6{
font-size:1.313em;font-weight: 500; margin: 0 0 0 25px; color:#B3c1cd;
}
.about-links{
margin-bottom: 40px;
}
.banner-btm p { font-size: 1.125em;}
.banner-btm {position: relative; top: -50px;}

.key-skills.stories-block span.certificate-vector {
position: absolute; top: -90px; right:-60px;
}
.key-skills.stories-block { position: static;}
.certificate-right{
margin-top: 115px;
}
.certificate-right a.explore {
padding: 8px 60px; float: right; clear: both; margin-bottom: 30px; position: relative; z-index: 99;
}
.certificat-lft a {
font-size: 1.313em; color:var(--color-first); font-weight: 500; margin-left: 105px;
}
.certificat-lft a:hover { text-decoration:underline; color: var(--color-hover);}
.banner.home-banner h4 {padding-left:85px;}
.professional ul li a:hover { color:var(--color-yellow);}
.banner.success-banner p.banner-para{ margin-bottom: 0; position: relative;z-index: 99;}
.problem-left.project-solution { padding: 0 0 0 100px;}
.success-explore-main .skills-left.skills-right::after{
top:0; height:100%;
}
.banner.about-banner h1 { font-weight: 700; margin-bottom: 20px; font-size: 5em;}
.footer-lft p a {color: #8e9aa5;}
.footer-lft p a:hover {color: var(--color-hover);}
.design-purpose p { margin-bottom: 30px; color:var(--color-paragraph);}
.design-purpose p span { font-weight: 700;}

.design-purpose-cards p {position: relative; padding-left: 20px; margin-left: 10px;}
.design-purpose-cards p::after {
content: ''; background: #D3DAE6; width: 6px; height: 6px; border-radius: 30px; position: absolute; left: 0; top:10px;
}

.problem-left.project-persons {padding:10px 0 0;}
.problem-rgt.person-right img.project-vector{
top:-45px; right: -170px;
}
.certificate-banner { margin-top: 30px;}

.certificate-details-lft h3{line-height:45px; margin-bottom:30px; font-size:2.3em;}
.certificate-details-lft figure img, .certificate-details-rgt figure img {width: 100%; height: auto; border-radius: 10px;}
.certificate-details-lft figure { margin-bottom: 30px;}
.certificate-details-rgt figure img { border-radius: 10px;}
.certificate-details-lft a {
font-size:1.125em; line-height: 24px; color:var(--color-paragraph); margin-bottom: 20px; font-weight: 600; display: inline-block;
}
.certificate-details-lft a:hover { color:var(--color-hover);}
.certificate-details-lft span { display: block; font-size: 16px; color:var(--color-first);font-weight: 600;}
.bread-crumb ul li a:hover { color:var(--color-hover);}
.work-blocks ul li.showcase-middle { margin-top: 300px;}
.work-blocks ul li.showcase-right { margin-top: 500px;}
/* .leadership-cont {position: relative;}
.leadership-cont sub{
position: absolute;
top: -24px;
left: -50px;
transform: rotateZ(180deg);
bottom: auto;
}
.leadership-cont sub img {
border-radius: 0; margin-bottom: 0;
}
.leadership-cont h5{

} */

.success-block ul li:nth-last-child(1) { margin-bottom: 0;}
.professional.professional-skills { background:url('../images/about/professional-skills.png') no-repeat top center; background-size: cover; width: 100%; height: 764px;}
.banner .coming-soon h4{
font-weight: 400; line-height: 35px; margin-bottom: 10px; font-size: 1.313em;
}
/* .coming-soon-rgt h5 { font-weight:500;margin-bottom: 20px; color: var(--color-paragraph);}
.coming-soon-rgt a.explore{background:var(--color-yellow); color:var(--color-black); font-weight: 500; padding:8px 40px;}
.coming-soon-rgt a.explore:hover {
background: var(--color-hover);
} */
.coming-soon { margin:40px auto 0;}
.getin-touch h2{ margin-bottom: 30px;}
.creative-logos.certificate-loghtbox .img-fluid { max-width: 70%;}
.creative-logos.certificate-loghtbox button.close {
top: -40px;
right: 60px;
}

.creative-logos.certificate-loghtbox.arena-animate .img-fluid {
max-width: 40%;
}
.creative-logos.certificate-loghtbox.arena-animate button.close {
top: -30px;
right:60px;
}

.certificate-details-main { align-items: center; margin-bottom: 100px;}
.key-skills.global-service { position: static;}


.success-story-bg.wave-backgroung{
background: url('../images/success-bg.png') no-repeat top right; background-size:contain; margin-bottom:100px;
position: relative; top: -210px; padding-top: 200px; height: 1500px;
}
.banner.success-banner.success-story-bg { height: 1000px; margin-bottom: 0;}
.success-block.work-success-main { position: relative; top: -100px; margin-bottom: 60px;}
.work-success-stories .success-explore-main.padding-space { padding:40px 0;}
/* .sticky-header .bread-crumb {padding: 15px 0 0;} */
header.sub-header { padding: 25px 0 0;}
.explore-lft { display: flex; align-items: center;}

.banner.success-banner.coming-soon-bg {
background: url('../images/coming-soon-bg.png') no-repeat top center; background-size:cover;height: 1000px; margin-bottom: 0;
}
.banner .coming-soon figure img {width: auto;}
.banner .coming-soon figure { margin-bottom:50px;}

.creative-logos.arena-animate .arena-slider .img-fluid {
max-width: 70%;
}
.certificate-banner img {width: 100%; height: auto;}
.succes-mobile-display, .success-stories-display { display: none;}
.succes-mobile-hide, .success-stories-hide { display:block;}
.skills-left.user-impact {position: relative;}
.skills-left.user-impact::after {
content: ''; border-left: 1px solid var(--color-border); height:100%;  position: absolute; left: -8px; top:0;
}
.certificate-details-main.certificate-top { padding-top: 50px;}
.professional .modal-body.awards-recognitions .img-fluid {max-width: 70%; border-radius: 10px;}
.professional .modal {
z-index: 10000;
background:#151515eb;
}


#scrollToTopBtn {
position: fixed;
bottom: 120px;
right: 40px;
display: none;
background-color: #1E1E1E;    
border: none;
border-radius:10px;
width: 50px;
height: 50px;    
cursor: pointer;    
transition: opacity 0.3s, transform 0.3s;
z-index: 999;
}
#scrollToTopBtn:hover, #scrollToTopBtn:hover svg path {stroke: #fff;border: 1px solid #556473}

#scrollToTopBtn.show {
display: block;
opacity: 1;
transform: translateY(0);
}
.design-cont .mobile-display { display: none;}
.banner-avatar.mobile { display: none;}
.banner.home-banner h5 span { font-weight:300; display: inline-block;}
.design-philosophy.research-slide.leading-insurance .design-cont sup { left: 118px;}
.design-philosophy.research-slide.leading-insurance .design-cont sub { right: 170px;}
.contact-form{
background: #1E1E1E;
border: 1px solid #556473; padding: 50px; border-radius:10px; float: right; clear: both;
}
.contact-form h3{
font-size: 1.75em; line-height: 44px; font-weight: 700; margin-bottom: 30px;
}
.contact-form ul li input.form-control { background-color:transparent;border: 1px solid #556473; border-radius: 4px; padding: 10px 15px; color:#fff;}
.contact-form ul li label {font-size: 1.125em; margin-bottom: 10px; font-weight: 500;}
.contact-form ul li { margin-bottom:20px;}
.contact-form ul li input.form-control:focus {
background-color:transparent;
border-color:#556473;
outline: 0;
box-shadow:none;
}

/* WebKit browsers (Chrome, Safari) */
.contact-form ul li input.form-control::-webkit-input-placeholder, .contact-form ul li  textarea.form-control::-webkit-input-placeholder {
color:#556473;
}

/* Firefox 19+ */
.contact-form ul li input.form-control::-moz-placeholder, .contact-form ul li textarea.form-control::-moz-placeholder {
color:#556473;
}

/* Internet Explorer 10-11 */
.contact-form ul li input.form-control:-ms-input-placeholder, .contact-form ul li textarea.form-control:-ms-input-placeholder {
color:#556473;
}

/* Microsoft Edge */
.contact-form ul li input.form-control::-ms-input-placeholder, .contact-form ul li textarea.form-control::-ms-input-placeholder {
color:#556473;
}
textarea.form-control { background-color: transparent;border: 1px solid #556473; color:#fff;}
.contact-form ul li button {background: #F9C74F; border-radius: 4px; color: #2E2E2E; padding: 15px 0; text-align: center; width: 100%; font-weight:600; border: none;
font-size: 1.313em; margin-top: 20px;}
.contact-form ul li button:hover {
background: #d9a72e;
}
.work-stories-mobile, .certificate-right-mobile, .arena-animate-mobile { display: none;}
/*-----------------------------------*/
.getin-touch { margin:0 0 150px; display: inline-block; width: 100%;}
.getin-touch figure {
text-align: right;
margin-left: 70px;
}
input:invalid {
border-color: #dc3545;
}

.tooltip-msg {
position: absolute;
top: -40px;
left: 0;
background: #28a745;
color: white;
padding: 8px 12px;
border-radius: 4px;
font-size: 14px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
z-index: 999;
transition: opacity 0.3s ease;
}
textarea.form-control:focus { background-color:transparent; color:#fff; box-shadow: none;border: 1px solid #556473;}
.invalid-feedback { color:#b53541;}
.invalid-feedback {
color:#b53541;
}

/* For most browsers */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}

/* For Firefox */
input[type="number"] {
-moz-appearance: textfield;
}

/* The Modal (background) */
.getin-touch .modal {
display: none; /* Hidden by default */
position: fixed; /* Stay in place */
/*z-index: 1; */
padding-top: 100px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.form-control{
color:#000;
}
@media (max-width: 768px) {
.getin-touch .modal-content {
height:auto !important;
width: 100% !important;
}
}

/* Modal Content */
.getin-touch .modal-content {
background-color: #fff;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 45%;
height: 200px;
color: #343434;
}

/* The Close Button */
.close {
color: #000;
float: right;
font-size: 28px;
font-weight: bold;
opacity: .5;
text-align: right;
}

.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}

.alert-success{
background-image: -webkit-linear-gradient(top,#dff0d800 0,#c8e5bc00);
}
.contacttext p{
font-size:15px;
color: #343434;
}
.problem-state.bottom-space { margin-bottom: 150px;}
.problem-state.unified-design-system .problem-left ul li p::after { display: none;}
.problem-state.unified-design-system .problem-left ul li h4 { position: relative; color: var(--color-paragraph); font-size: 1.125em; line-height: 25px; margin-bottom:10px;
font-weight: 700; padding-left: 20px; margin-left: 10px;}
.problem-state.unified-design-system .problem-left ul li h4::after{
content: '';
background: #D3DAE6;
width: 6px;
height: 6px;
border-radius: 30px;
position: absolute;
left: 0;
top: 10px;
}
.problem-state.unified-design-system h2{
font-size: 1.313em; line-height:25px; margin: 25px 0;
}
.problem-left h5{
font-size: 1.313em; font-weight: 600; line-height: 25px; color:var(--color-paragraph); margin: 25px 0;
}
.problem-state.high-field-main .problem-rgt img.project-vector { top: 10px; right: -70px;}
.problem-state.unified-design-system .problem-rgt img.problem-vector { top: -50px;}
.problem-state.person-block .problem-rgt img.problem-vector { top: -40px; left: -220px;}
.problem-state {display: flex; flex-wrap: wrap;}
.banner.call-center-automated{ margin: 100px 0 0; padding: 120px 0 40px;}
.project-overview h5 {margin-bottom: 30px;}
.project-overview p{ font-size: 1.125em; margin-bottom: 60px;}
.project-overview .table>:not(caption)>*>* {color:var(--color-paragraph); background-color: transparent;border-bottom: 0.5px solid #3e3f42; padding:32px 25px; font-size: 18px;
border-radius: 5px;}
.project-overview .table { background:#1E1E1E; border-radius: 10px;margin: 0;}
.project-overview .table tbody tr:last-child td {
border-bottom: none;
}
.problem-state.wireframes p { margin-bottom: 30px;}
.problem-state.wireframes .problem-left ul li p {position: relative;}
.problem-state.wireframes .problem-left ul li p::before{
content: '';
background: #D3DAE6;
width: 6px;
height: 6px;
border-radius: 30px;
position: absolute;
left: 0;
top: 10px;
}
.problem-state.wireframes .problem-left img {transform: rotateY(-175deg);
    margin-left: auto;
    display: block;}
.problem-state.call-center-unified-design .problem-rgt figure img {width: auto; position: static;}
.problem-state.call-center-unified-design .problem-rgt {position: relative;}
.problem-state.call-center-unified-design .problem-rgt img {position: absolute; top: 0; right: 30px;z-index: -9;}
.problem-state.unified-design-system.wireframes .problem-left ul li h4::after { display: none;}
.problem-state.unified-design-system.wireframes .problem-left ul li h4 {padding-left: 0;}
.problem-state.unified-design-system.wireframes .problem-left ul li p { margin-bottom:20px;}
.problem-state.unified-design-system.wireframes .problem-rgt img.call-center-mockups { position: absolute; left: -230px; top:-20px; right: 0;}

.design-philosophy.research-slide.leading-insurance.call-center-quotes .design-cont sup {
    left: -10px;
}

.design-philosophy.research-slide.leading-insurance.call-center-quotes .design-cont sub {
    right:76px;
}
.problem-state.call-center-unified-design .problem-rgt .call-center-high-img .call-high-mocups { position: absolute; bottom: -90px; right: 190px; top: auto;
}
.research-section.call-center-research h3{ line-height:50px; margin-bottom: 30px;}
.professional h2 span img {width: 200px; height: auto;}
.desktop-experience{ display: block;}
.mobile-experience { display: none;}
.project-overview .table thead th:nth-child(1), .project-overview .table tbody td:nth-child(1) { width: 250px;}
.bottom-space.success-explore-main { margin-bottom: 200px;}
.certificate-main h2 { margin-bottom: 60px;}
.design-purpose {margin-top: 130px;}
.pharma-award img{ margin-bottom: 20px;}
.pharma-award a {
    display: block;
    font-size: 1.313em;
    font-weight: 500;
    line-height: 30px;
    cursor: pointer;
    color: var(--color-white);
}
.pharma-award a:hover {
    color: var(--color-hover);
}
.project-overview h3 { line-height: 40px; margin-bottom: 30px;}
.problem-state.pharma-problem-state .problem-left ul li p::after { display: none;}
.problem-state.pharma-problem-state .problem-left ul li p {padding: 0; margin: 0;}
.problem-state.pharma-problem-state .problem-left ul li h6, .problem-state.pharma-project-solu .problem-left ul li h6 {font-size:1.125em; line-height: 25px; margin-bottom: 10px; color:var(--color-paragraph); font-weight: bold;}
.problem-state.pharma-problem-state .problem-left ul li, .problem-state.pharma-project-solu .problem-left ul li { margin-bottom: 30px;}
.problem-state.pharma-project-solu .problem-left.project-solution {
    padding: 0;
}
.problem-state.unified-design-system.pharma-unified-design .problem-left ul li h4::after { display: none;}
.problem-state.pharma-unified-design .problem-left ul li h4{ margin:0 0 10px; padding: 0;}
.problem-state.pharma-unified-design .problem-left ul li p { margin:0; padding: 0;}
.design-philosophy.research-slide.leading-insurance.pharma-compliments .design-cont sup {
    left: 50px;
}
.design-philosophy.research-slide.leading-insurance.pharma-compliments .design-cont sub {
    right: -33px;
}
.problem-state.pharm-high-field-main .problem-left.project-solution {padding: 0;}
.problem-state.pharma-problem-state .problem-rgt img.problem-vector {top: 0; left: -150px;}
.problem-state.pharma-project-solu .problem-rgt img.project-vector {top: -75px; right:-80px;}
.problem-state.pharm-high-field-main .problem-rgt img.project-vector { right: -80px;}
.facing-mobile-app h2 { margin-bottom: 30px;}
.facing-mobile-app p { margin-bottom: 60px;}
.facing-mobile-app ul { display: flex; flex-wrap: wrap; margin-bottom: 30px;}
.facing-mobile-app ul li {margin-bottom: 30px;}
.facing-mobile-app ul li p {margin: 0; position: relative; padding-left: 20px; margin-left: 10px;}
.facing-mobile-app { display: flex; flex-wrap: wrap;}
.facing-mobile-app h3{ line-height: 40px; margin-bottom: 30px;}
.facing-mobile-app ul li p::after {
content: ''; background: #D3DAE6; width: 6px; height: 6px; border-radius: 30px; position: absolute; left: 0; top:10px;
}
.user-experince h3 {line-height: 50px; margin-bottom: 30px;}
.facing-mobile-main { margin-bottom:80px;}
.feature-scope-block h4{ margin-bottom: 30px;}
.feature-scope-block ul { display: flex; align-items: center; flex-wrap: wrap;}
.feature-scope-block ul li { margin-bottom: 20px;}
.feature-scope-block ul li h6{ font-size: 18px; line-height: 20px; font-weight: bold; color:var(--color-paragraph); position: relative; padding-left: 20px;
margin-left: 10px;}
.feature-scope-block ul li h6::after {
    content: ''; background: #D3DAE6; width: 6px; height: 6px; border-radius: 30px; position: absolute; left: 0; top:10px;
}
.project-overview span { font-size: 21px; line-height: 30px; font-weight: 600; color:var(--color-paragraph); margin-bottom: 34px; display: block;}
.project-overview ul { display: flex; align-items: center; flex-wrap: wrap; margin-top: 100px;}
.project-overview ul li h4 { font-weight: 600; text-decoration: underline; padding-right: 40px; color:var(--color-white);}
.project-overview ul li p { margin: 40px 0 30px;}
.project-overview ul li:hover { background:#1A1A1A;border: 1px dashed #3A3A3A;padding:40px 30px; border-radius: 10px;}
.project-overview ul li {padding:40px 30px;border: 1px solid transparent; cursor: pointer;}
.project-overview ul li:hover h4{ color:var(--color-hover);}
.project-overview ul li:hover svg path {stroke: var(--color-hover);}

.facing-mobile-app {position: relative;}
.facing-mobile-app img.facing-app-vector {position: absolute; bottom: 20px; right: 28%; z-index: -9;}
.feature-scope-block img.user-exper-vector{ position: absolute; left:-250px; bottom:-120px;z-index: -9;}
.user-experince {position: relative; top:-170px;}

/*----- Light Theme CSS ---*/
.light-theme header .navbar-nav li.resume a.nav-link span svg path { stroke:var(--color-yellow);}
.light-theme header .navbar-nav li.resume a:hover span svg path {stroke: var(--color-black);}
#light-logo {
display: none;
}
.light-theme #light-logo {
display:inline-block;
}
.light-theme #dark-logo {
display: none;
}
.light-theme .banner.home-banner h1 { color:#151515;}
.light-theme .sticky-header { background-color:#fff !important;}
.light-theme .success-block ul li .stories-cont h4, .light-theme .work-blocks ul li .work-cont h4, .light-theme .contact-form h3,
.light-theme .success-block ul li .stories-cont h4 { color:var(--color-black);}
.light-theme .success-block ul li .stories-cont p, .light-theme .success-block ul li .stories-cont span, .light-theme .work-blocks ul li .work-cont p, .light-theme .work-blocks ul li, 
.light-theme .project-overview .table>:not(caption)>*>*, .light-theme .work-blocks ul li .work-cont span{ color:var(--color-sub-paragraph);}
.light-theme .design-cont h3 { background:var(--color-bg);}
.light-theme .design-cont h3.design-top { border-top:6px solid var(--color-bg);}
.light-theme .leader-cont h5{ color:var(--color-paragraph);}
.light-theme .work-blocks ul li a:hover span, .light-theme .success-block ul li a:hover span { color:var(--color-bg);}
/* .light-theme .carousel-control-next-icon {
    background-image: url(../images/light-theme/light-arrow-right.png);
} */

/**Slick Slider */
.slider .slick-dots li button:before{ background:#D9D9D9; opacity:0.5; border-radius: 10px; width: 8px; height: 8px; color: transparent;}
.slider .slick-dots li.slick-active button:before { background:var(--color-yellow); opacity: 1; width: 30px;color:transparent; margin: 0 -10px;} 
.slider .slick-dots li { margin:0 5px; width: auto; height: auto;} 
.slider .slick-dots li button { width: auto; height: auto; padding: 0 8px;}


/* .main111 {
  max-height: 300px; 
  overflow-y: auto;   
  overflow-x: hidden; 
}

.carousel-item {
  overflow: visible !important;
} */

.light-theme #scrollToTopBtn{
    background: #F1F4FA;
}
.light-theme #scrollToTopBtn svg path {stroke: #969EA4;}

.light-theme #scrollToTopBtn:hover svg path {stroke: #556473;border: 1px solid #556473}
.light-theme .contact-form{
    border: #C4C8D4 1px solid; background:#f1f4fa;

}
.light-theme .contact-form h3{
    color: #082A47;
}
.light-theme .contact-form ul li button{
    background: #005AE1; color:#fff;
}
.light-theme .contact-form ul li label{
    color: #2E2E2E;
}
.light-theme .contact-form ul li input.form-control{
    border: 1px solid #5E6A74;
}
.light-theme footer { background: #fff; border-top: #D3DAE6 1px solid;}
.light-theme .leadership .carousel-item{
    background: #F1F4FA;
}
.light-theme .leader-cont h6 { color:var(--color-paragraph);}
.light-theme .leader-cont span { color:var(--color-child-paragraph);}
.light-theme .footer-in ul li a svg path{fill:var(--color-copy);}
.light-theme .footer-lft p, .light-theme .footer-lft p a {color: var(--color-copy);}
.light-theme .footer-in ul li a svg:hover path {fill:var(--color-yellow);}
.light-theme .footer-lft p a:hover { color: var(--color-yellow);}

.web-app-block ul li a  img{filter: grayscale(1);}
.web-app-block ul li a {cursor: pointer;}
.web-app-block ul li { margin-bottom:35px;}
.success-block ul li figure em, .web-app-block ul li a em{ position: absolute; top:20px; right: 20px;z-index: 99;}
.success-block ul li figure em img {
   transform: none;
   transition: none; filter: inherit;
}
.creative-logos a em img, .web-app-block ul li a em  img {filter: inherit;}
.creative-logos a em{ position: absolute; top:20px; right: 30px;z-index: 99;}
.web-app-block ul li a {position: relative;display: block;}
.web-app-block figure {position: relative; padding: 0;}
.web-app-block figure span{position: absolute; bottom: -32%; right: 20%;}
.information-block { margin-bottom: 50px;}
.information-block h1{font-size: 4.188em; line-height:70px;}
.web-app-block figure img {width:100%; height: auto;}
.banner.success-banner.logo-banner.web-hr-banner { margin: 100px 0 0;}
.web-app-block ul li a img:hover{
    filter:inherit;
    -webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;
}