/* Gopi Start */
      
.menu-visible  {
    opacity: 1 !important;
    margin-left: 50px !important;
}    
.logo-visible {
    opacity: 1 !important;
    left: 50px !important;
    position: relative;
}

.c-nav .slide-social a:hover {
    color: #fe0000 !important;
}
.hide {
    display: none !important;
}
.c-nav_main_item .c-nav_main_link.-half {
    height: 33.333% !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:nth-child(4) .c-nav_main_wrap::before {
    background-color: #ef1515;
}
.social-media {
    display:none;    
}
.bg-black {
    background-color: #000 !important;
}

/* Life at Gowtham */

.details {position: relative;}
.details:before {
    content: "";
    position: absolute;
    background: rgb(0,0,0,.3);
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
}

.hide-all {
    display: none !important;
}
.life-at-gowtham .show-life-at-gowtham {
    display: block !important;
}
.life-at-gowtham .hide-life-at-gowtham {
    display: none;
}

/* Team page */
.principle-ga .architect {width: 100% !important;}
.principle-ga #stories {width: 100% !important;margin-top: 0 !important;}
.principle-ga #stories .story-cont {width: 35% !important;padding: 0 !important;}
.principle-ga .ilango {width: 62% !important;padding: 0 !important;}

.team-div {
 transition-delay: 0s !important;
}
.card {
    position: relative;
}

.people-block.team-div:hover .card .img-top {
    display: inline;
}
.card .img-top {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    right: 0;
    width: 400px;
    height: 450px;
    object-fit: cover;
}
.card img {
    margin: 0 auto;
    display: block;
}
.card img.top {
    filter: grayscale(100%);
    width: 400px;
    height: 450px;
    object-fit: cover;
}

@media only screen and (min-width: 1280px) and (max-width: 1366px) {
 
.menu-visible  {
    margin-left: 50px !important;
}    
.logo-visible {
    left: 50px !important;
}   
.tabs-header li {
    font-size: 16px !important;
}

.tabs-header a {
    padding: 15px 15px !important;
}

.card .img-top,.card img.top {
    width: 350px !important;
    height: 350px !important;
} 
.brand__item img {padding: 10px;}

.c-feed_picture_wrapper.team-hover.overflow {
    overflow: visible;
}

.principle-ga .ilango {padding: 0 15px !important;}

}

@media only screen and (min-width: 1368px) and (max-width: 1660px) {
   
.card .img-top,.card img.top {
    width: 350px !important;
    height: 350px !important;
} 

.principle-ga .ilango {
    width: 62% !important;
    padding-left: 15px !important;
}
    
}

@media only screen and (min-width: 998px) and (max-width: 1279px) {
.c-content-stories_header_title {
    margin: 10px !important;
    width: 100%;
}
.people-block {
    width: 31% !important;
    margin: 0 12px 20px 0 !important;
}

 /* about */

.about-count-content {
       width: 48% !important;margin: 0 10px 25px 0 !important;
}
.c-feed_grid_item.-absolute {
    transform: translate(29%,-70%) !important;
    webkit-transform: translate(29%,-70%);
    -ms-transform: translate(29%,-70%);
}
.at-gw, .abt-team h3 {
    font-size: 3rem !important;
}
.at-gw {margin-right: -5% !important;}
.at-gw1 {
    margin-top: -15vh !important;
}
.abt-team h3 {
    margin-top: -20vh !important;
}

.card .img-top,.card img.top {
    width: 350px !important;
    height: 350px !important;
}

}

@media only screen and (min-width: 768px) and (max-width: 990px) {

.c-nav.js-nav .c-nav_wordmark {padding: 0.875rem 2.75rem !important;}
.c-nav.js-nav .c-nav_wordmark svg{display:none;}
.c-nav.js-nav .c-nav_main {
    top: 16% !important;
}
.c-nav_main_item .c-nav_main_link.-half {
    height: 20% !important;
}
.social-media {
    display:block;    
}
.c-nav_main_item.-big {
    height: 58%;
}
.c-nav_main_item {
    height: 35%;
}
.c-nav_main_item_secondary {
    height: 100% !important;
}
.c-nav_main_item .c-nav_main_link.-half {
    height: 20% !important;
}
.mob-w{
    width: 100% !important;
}
.socila-media.mob-w {
    margin: 0 auto;
    background: #f5f5f5;
}
.social-link {
    padding: 0 20px;
    color: #242424;
}
.social-link:hover {
    color: #f80403;
}
span.c-nav_main_heading.-large {
    font-size: 4rem;
    margin: 38px;
    width: 100%;
    height: auto;
    left: -5px;
    top: 0;
    bottom: 0;
    right: 0;
}
.gw-mb-h {
    display: none;
}
.tabs-header .border {
    display: none;
}
ul.ppl-social-top li a {
    color: #fff;
}
.c-content-stories_header_title {
    margin: 10px !important;
    width: 100%;
}
.people-block {
    width: 31% !important;
    margin: 0 12px 20px 0 !important;
}


.c-nav_main_item:nth-child(1) .c-nav_main_wrap::before {
    background-color: #3b3b3b !important;
}
.c-nav_main_item:nth-child(2) .c-nav_main_wrap::before {
    background-color: #4d4d4d !important;
}
.c-nav_main_item:nth-child(3) .c-nav_main_wrap::before {
    background-color: #5d5d5d !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:first-child .c-nav_main_wrap::before {
    background-color: #6e6e6e !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:nth-child(2) .c-nav_main_wrap::before {
    background-color: #808080 !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:nth-child(3) .c-nav_main_wrap::before {
    background-color: #909090 !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:nth-child(4) .c-nav_main_wrap::before {
    background-color: #a1a1a1 !important;
}


.c-nav_main_item:nth-child(1) .c-nav_main_wrap:hover::before {
    background-color: #2e0d10 !important;
}
.c-nav_main_item:nth-child(2) .c-nav_main_wrap:hover::before {
    background-color: #490f0f !important;
}
.c-nav_main_item:nth-child(3) .c-nav_main_wrap:hover::before {
    background-color: #7d1315 !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:first-child .c-nav_main_wrap:hover::before {
    background-color: #961a1d !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:nth-child(2) .c-nav_main_wrap:hover::before {
    background-color: #bf1f24 !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:nth-child(3) .c-nav_main_wrap:hover::before {
    background-color: #de1f26 !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:nth-child(4) .c-nav_main_wrap:hover::before {
    background-color: #ef1515 !important;
}

/* about */
.about-count-content {
       width: 48% !important;margin: 0 10px 25px 0 !important;
}
.c-feed_grid_item.-absolute {
    transform: translate(12%,-80%) !important;
    webkit-transform: translate(12%,-80%);
    -ms-transform: translate(12%,-80%);
}
.at-gw, .abt-team h3 {
    font-size: 3rem !important;
}
.at-gw {margin-right: -5% !important;}
.at-gw1 {
    margin-top: -15vh !important;
}
.abt-team h3 {
    margin-top: -20vh !important;
}

.card .img-top,.card img.top {
    width: 300px !important;
    height: 300px !important;
}

}


@media only screen and (min-width: 300px) and (max-width: 398px) {
    
.dom-is-animated .logo-visible {
    left: 50px !important;
}
.dom-is-loaded .logo-visible {
    left: 0px !important;
}
.menu-visible  {
    opacity: 1 !important;
    margin-left: 50px !important;
    right: 25px !important;
    top: 65px !important;
}
.c-nav_main_item .c-nav_main_link.-half {
    height: 20% !important;
}
.social-media {
    display:block;    
}
.c-nav_main_item.-big {
    height: 55vh !important;
}
.c-nav_main_item {
    height: 35%;
}
.c-nav_main_item_secondary {
    height: auto !important;
}
.c-nav_main_item .c-nav_main_link.-half {
    height: 20% !important;
}
.mob-w{
    width: 100% !important;
}
.socila-media.mob-w {
    margin: 0 auto;
    background: #f5f5f5;
}
.social-link {
    padding: 0 20px;
    color: #242424;
}
.social-link:hover {
    color: #f80403;
}
.principle-ga #stories .story-cont {
    width: 100% !important;
    margin-bottom: 20px;
}
.c-header-section {
    height: 45vh;
    top: -5px;
}
.client-logo .brand__list {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
    text-align: center !important;
}
.client-logo .brand__list .brand__item:nth-child(odd) {
    padding-right: 5px;
    padding-bottom: 10px;
}
.client-logo .brand__list .brand__item:nth-child(even) {
    padding-left: 5px;
    padding-bottom: 10px;
}

.c-nav_main_item:nth-child(1) .c-nav_main_wrap::before {
    background-color: #3b3b3b !important;
}
.c-nav_main_item:nth-child(2) .c-nav_main_wrap::before {
    background-color: #4d4d4d !important;
}
.c-nav_main_item:nth-child(3) .c-nav_main_wrap::before {
    background-color: #5d5d5d !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:first-child .c-nav_main_wrap::before {
    background-color: #6e6e6e !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:nth-child(2) .c-nav_main_wrap::before {
    background-color: #808080 !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:nth-child(3) .c-nav_main_wrap::before {
    background-color: #909090 !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:nth-child(4) .c-nav_main_wrap::before {
    background-color: #a1a1a1 !important;
}

.c-nav_main_item:nth-child(1) .c-nav_main_wrap:hover::before {
    background-color: #2e0d10 !important;
}
.c-nav_main_item:nth-child(2) .c-nav_main_wrap:hover::before {
    background-color: #490f0f !important;
}
.c-nav_main_item:nth-child(3) .c-nav_main_wrap:hover::before {
    background-color: #7d1315 !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:first-child .c-nav_main_wrap:hover::before {
    background-color: #961a1d !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:nth-child(2) .c-nav_main_wrap:hover::before {
    background-color: #bf1f24 !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:nth-child(3) .c-nav_main_wrap:hover::before {
    background-color: #de1f26 !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:nth-child(4) .c-nav_main_wrap:hover::before {
    background-color: #ef1515 !important;
}

.pl-10 {
    padding-left: 1rem !important;
}
.abt-team {
   padding-left: 5% !important;
}
.abt-team h3 {
    margin-top: -12vh !important;
}
.team-hover {
    width: 175px !important;
    height: 175px !important;
}

.card .img-top,.card img.top {
    width: 300px !important;
    height: 300px !important;
}

#project-img.c-title-block.project-img {
    height: 50vh !important;
}
.tabs-content {
    overflow: visible !important;
}

h1 {
    font-size: 2rem !important;
 }

    
}

@media only screen and (min-width: 399px) and (max-width: 767px) {

h1 {
    font-size: 2rem !important;
 }
.dom-is-animated .logo-visible {
    left: 50px !important;
}
.dom-is-loaded .logo-visible {
    left: 0px !important;
}
.menu-visible  {
    opacity: 1 !important;
    margin-left: 50px !important;
    right: 25px !important;
    top: 75px !important;
}
.c-nav_main_item .c-nav_main_link.-half {
    height: 20% !important;
}
.social-media {
    display:block;    
}
.c-nav_main_item.-big {
    height: 53vh;
}
.c-nav_main_item {
    height: 35%;
}
.c-nav_main_item_secondary {
    height: auto !important;
}
.c-nav_main_item .c-nav_main_link.-half {
    height: 20% !important;
}
.mob-w{
    width: 100% !important;
}
.socila-media.mob-w {
    margin: 0 auto;
    background: #f5f5f5;
}
.social-link {
    padding: 0 20px;
    color: #242424;
}
.social-link:hover {
    color: #f80403;
}
.principle-ga #stories .story-cont {
    width: 100% !important;
    margin-bottom: 20px;
}
.c-header-section {
    height: 45vh;
    top: -5px;
}
.client-logo .brand__list {
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
    text-align: center !important;
}
.client-logo .brand__list .brand__item:nth-child(odd) {
    padding-right: 5px;
    padding-bottom: 10px;
}
.client-logo .brand__list .brand__item:nth-child(even) {
    padding-left: 5px;
    padding-bottom: 10px;
}

.c-nav_main_item:nth-child(1) .c-nav_main_wrap::before {
    background-color: #3b3b3b !important;
}
.c-nav_main_item:nth-child(2) .c-nav_main_wrap::before {
    background-color: #4d4d4d !important;
}
.c-nav_main_item:nth-child(3) .c-nav_main_wrap::before {
    background-color: #5d5d5d !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:first-child .c-nav_main_wrap::before {
    background-color: #6e6e6e !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:nth-child(2) .c-nav_main_wrap::before {
    background-color: #808080 !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:nth-child(3) .c-nav_main_wrap::before {
    background-color: #909090 !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:nth-child(4) .c-nav_main_wrap::before {
    background-color: #a1a1a1 !important;
}

.c-nav_main_item:nth-child(1) .c-nav_main_wrap:hover::before {
    background-color: #2e0d10 !important;
}
.c-nav_main_item:nth-child(2) .c-nav_main_wrap:hover::before {
    background-color: #490f0f !important;
}
.c-nav_main_item:nth-child(3) .c-nav_main_wrap:hover::before {
    background-color: #7d1315 !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:first-child .c-nav_main_wrap:hover::before {
    background-color: #961a1d !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:nth-child(2) .c-nav_main_wrap:hover::before {
    background-color: #bf1f24 !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:nth-child(3) .c-nav_main_wrap:hover::before {
    background-color: #de1f26 !important;
}
.c-nav_main_item:nth-child(4) .c-nav_main_link:nth-child(4) .c-nav_main_wrap:hover::before {
    background-color: #ef1515 !important;
}

.pl-10 {
    padding-left: 1rem !important;
}
.abt-team {
   padding-left: 5% !important;
}
.abt-team h3 {
    margin-top: -12vh !important;
}
.team-hover {
    width: 175px !important;
    height: 175px !important;
}

.card .img-top,.card img.top {
    width: 300px !important;
    height: 300px !important;
}

#project-img.c-title-block.project-img {
    height: 50vh !important;
}
.tabs-content {
    overflow: visible !important;
}

}

@media only screen and (min-width: 300px) and (max-width: 420px) {
    #project-img.c-title-block.project-img {
    height: 50vh !important;
}
}

            /* Gopi End */
            

@media (max-width: 899px){
	.c-nav_main_item.-big {
    width: 33.3%;
}
.c-nav_main_item {
    height: 25%;
}
	.has-nav-open .c-nav_main_item:nth-child(4) .c-nav_main_link .c-nav_main_wrap::before{
		bottom:0 !important
	}
       .mble-h4{
               font-size:1.5rem
        }
      .mble-h2{
              font-size:1.5rem
       }
}

@media (max-width: 699px){
.c-nav_main {
    top: 0px !important;
    height: calc(100vh - 168px) !important;
    margin-top: 168px !important;
}
}




.c-header-section_heading {
  text-align:center !important;
}







.clr-bl{color:#000;}
.gw-abt-head{
	background-image:url('../images/about/about-banner-2.jpg');
	background-size: 100%;
}
.abt-story-sec{width: 80%; }
.gw-mr {  width: 90%;padding-top: 5vh;}
.gw-offset{ padding: 0 0 0 3.75rem !important;}
.abt-p{	width:50%;    padding-bottom: 5vh;}
a.h2{text-decoration:none;}
.o-page_cta_title::after {
background-color: #0000;}
.o-page_cta:hover .o-page_cta_title::after {
    background-color: #fff0;
}
.count1 h2 { margin: 0; color: #ff0000;  text-align: center;}
.count1 h4 { color: #ff0000;text-align: center;}
.at-gw{
	    text-align: right;
    font-size: 4rem;
    margin-right: -10% !important;

}
.at-gw1{margin-top: -22vh;  position: inherit;z-index: 1;}
.abt-team{
	    text-align: left;
    padding-left: 10%;
    margin-top: -10vh;
    position: relative;
    z-index: 1;
}
.team-hover {
        text-decoration: none !important;
}
.team-hover:hover {
        text-decoration: underline !important;
}

.at-gw.c-feed_picture {
    margin-right: 10% !important;
}
.at-gw1 .at-gw {
    margin-right: 0% !important;
}
.count { padding: 4vh 0;}
section.count-sec {  padding: 0 0 15vh 0;}
.ctnt h3 {
    font-size: 1.5rem;
}

p.c-nav_text.-small.slide-social a {
    display: inline;
    font-size: 32px;
    text-decoration: none;
	font-weight:600;
    text-align:center;
    padding:0 5px;

}
p.c-nav_text.-small.slide-social {
    padding: 0;
    text-align:center;
    margin-bottom: 40px;
}
@media (min-width: 1000px){
.u-1\/3\@from-medium {
    width: 25%;
}
}



/* We-do*/

.we-do-ftr{
	background-image: url('../images/we-do/we-do-footer.jpg');
	transform: translate3d(0px, -61.3px, 0px);
	background-size:100% 100%;
	background-repeat:no-repeat
}

.gw-4-cl-1 h3,.gw-4-cl-2 h3,.gw-4-cl-3 h3,.gw-4-cl-4 h3{
    vertical-align: middle;
    display: table-cell; height: 50vh;
}

.gw-4-cl-1 h3:before,.gw-4-cl-2 h3:before,.gw-4-cl-3 h3:before,.gw-4-cl-4 h3:before {
    font-size: 8rem; font-weight: 800; color: #efefef;
    position: relative; display: block;
    z-index: -99;	margin:0;
}
.gw-4-cl-1 h3:before{  content: "1";}
.gw-4-cl-2 h3:before{ content: "2";}
.gw-4-cl-3 h3:before{ content: "3";}
.gw-4-cl-4 h3:before{ content: "4";}

.ctnt {    margin-top: -25vh;}



/*People */
.ple-h3{
	font-size:4rem;
}
h3.ple-h3 {
    color: #fff !Important;
}

.ppl-ar{
	width:33%;
	float:left;
}
.ple-wi{
	width:70%;
}
.people-p{
	font-size:1.5rem;
	font-weight:400;
	color:#fff;
}




[ripple] {
  z-index: 1;
  position: relative;
  overflow: hidden;
}
[ripple] .ripple {
  position: absolute;
  background: #FFFFFF;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  -webkit-animation: ripple 1.6s;
          animation: ripple 1.6s;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(40);
            transform: scale(40);
    opacity: 0;
  }
}

@keyframes ripple {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(40);
            transform: scale(40);
    opacity: 0;
  }
}
.tabs {
  z-index: 15px;
  position: relative;
  background: #FFFFFF;
  width: 100%;
  border-radius: 4px;
 
  margin: 100px auto 10px;
  overflow: hidden;
}
.tabs-header {
  position: relative;
 // background: #4285F4;
  overflow: hidden;
  width:100%;
  margin:0 auto;
}
.tabs-header .border {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #ff0000;
  width: auto;
  height: 2px;
  transition: 0.3s ease;
}
.tabs-header ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: calc(100% - 68px);
  margin:0;
}
.tabs-header li {
  transition: 0.3s ease;
  list-style:none;
  font-size:19px;
}
.tabs-header a {
  z-index: 1;
  display: block;
  box-sizing: border-box;
  padding: 15px 20px;
  color: #7a7272;
  font-weight: 600;
  text-decoration: none;
}
.tabs-nav {
  position: absolute;
  top: 0;
  right: 0;
  background: #4285F4;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 10px;
  color: #000000;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.tabs-nav:before {
  content: '';
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  box-shadow: 0 0 20px 10px #4285F4;
}
.tabs-nav i {
  border-radius: 100%;
  cursor: pointer;
}
.o-page{border-left:1px solid #efefef;}
.tabs-content {
  position: relative;
  padding:15px 20px 15px 0px;
  transition: 0.3s ease;
  overflow: hidden;
  min-height:90vh;
  width: 100%;
    margin: 0 auto;
}
.tabs-content:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  box-shadow: 0 0 20px 10px #FFFFFF;
}
.tabs-content .tab {
  display: none;
}
.tabs-content .tab.active {
  display: block;
}

.pen-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 600px;
  margin: 20px auto 100px;
}
.pen-footer a {
  color: #FFFFFF;
  font-size: 12px;
  text-decoration: none;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.pen-footer a .material-icons {
  width: 12px;
  margin: 0 5px;
  vertical-align: middle;
  font-size: 12px;
}

.cp-fab {
  background: #FFFFFF !important;
  color: #4285F4 !important;
}

.tab-img {
    width: 60%;
    float: left;
}
.tab-ctnt {
    width:39%;
    float: left;
	padding: 0px 40px 40px 40px;
    font-size: 22px;
}

.tab-h{
	font-size:80px;
	margin-bottom:-40px;
}
.c-nav_main_text {
    opacity: 0;
}

.c-nav_main_item:hover .c-nav_main_text {
    opacity: 1;
    transition:1s
}
.container {
  height: 100vh;
  width: calc(100vw - 10rem);
}

canvas {
  position: absolute;
  background: #efefef;
}



@media (max-width: 699px){
.tabs {
    margin: 30px auto 10px !important; 
    overflow: hidden;
}
.tabs-header ul {
    width: 100%;
padding:0 10px;
}
.tabs-header {
    width: 100%;
}
.tabs-header a {
    padding: 10px 10px;
}
.tabs-header .border{display:none;}
.tab-img {
    width: 100%;}
.tab-h {
    font-size: 26px;
    margin-bottom: 15px;
}
.tab-ctnt {
    width: 100%;
    float: left;
    padding: 0px;
    font-size: 16px;
}
.tabs-content {
    overflow: auto;
    min-height: 60vh;
    width: 100%;
}
.gw-4-cl-1 h3:before, .gw-4-cl-2 h3:before, .gw-4-cl-3 h3:before, .gw-4-cl-4 h3:before {
    font-size: 6rem;vertical-align: top;
    display: table-cell;
    height: 36vh;}
.ctnt {
    margin-top: -32vh;
}
.container {
  margin-top:0vh;
  height: 100vh;
  width: 100vw;
}
.about-count-content-align {
    padding: 20px !important;
}
.about-count-content {
    width: 47.5% !important;
    margin: 0 5px 15px 0 !important;
}
.tabs-header li {
    font-size: 16px;
}

}




.circle-rpl {
  background-color: #35ffc300;
  border-radius: 50%;
  -webkit-animation: rpl 0.7s linear infinite;
          animation: rpl 0.7s linear infinite;
}

@-webkit-keyframes rpl {
  0% {
    box-shadow: 0 0 0 0 rgba(160, 153, 153, 0.75), 0 0 0 0.5em rgba(237, 234, 234, 0.31);
  }
  100% {
    box-shadow: 0 0 0 0.5em rgba(168, 162, 162, 0.31), 0 0 0 0.5em rgba(237, 234, 234, 0.9);
  }
}


@media (max-width: 699px){
.c-nav_main {
    top: 0px !important;
    height: calc(100vh - 100px) !important;
    margin-top: 100px !important;
}
}