:root{
  --orange: #EB1551;
  --dark-blue: #1f8997;
  --light-blue :#424242;
  scrollbar-width: none !important;
}


/* reset css */
*,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none;}
img{max-width: 100%;}
ul,li{list-style: none;margin: 0;}
a{text-decoration: none !important;display: inline-block;color: #383838;font-size: 16px;cursor: pointer;}
select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;cursor: pointer;font-size: 16px;}
select:focus,input:focus,textarea:focus,button:focus{border: none;outline: none;}
input::placeholder, textarea::placeholder {opacity: 1;color: #626262;}  
textarea{resize: none;}
p {color: #3a3a3a;font-size: 18px;margin: 15px 0;text-align: justify;line-height: 1.6;}
.textl{text-align: left;}
.textc{text-align: center;}
.textr{text-align: right;}
/* reset css */


.poppins-semibold {
  font-family: "Poppins", serif;
  /* font-weight: 600; */
  font-style: normal;
}



h1, h2, h3, h4, h5, h6, p, a, body {font-family: "Poppins", serif;;}
h1.index-h1 {font-size: 50px;}
h1 {font-size: 34px; font-weight: 400;} 
h2 {font-size: 32px;color: #1f8997;font-weight: 400;} 
h3 {font-size: 30px;font-weight: 100;} 
h4 {font-size: 20px;} 
h5 {font-size: 18px;} 
h6 {font-size: 16px;} 

/* fonts */

/* common css */
.wrapper{width: 100%;overflow: hidden;}
.fluid-container{width: 100%;max-width: 1280px;margin: 0 auto;padding: 0 20px;}
/* common css */

/* Button */
.common-btn {display: flex;justify-content: flex-start;align-items: center;padding: 20px 0;}
.common-btn a { color: #fff; position: relative; background:var(--orange); padding: 10px 30px; font-size: 16px; cursor: pointer; transition: ease all .4s; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius:25px;}
.common-btn.yellow-btn a {background: var(--yellow);color: #fff;border-bottom: solid 2px #ffff04;}
.common-btn a{background: var(--dark-blue);}
/* .common-btn a:hover { background-color:var(--yellow); color: #fff; }
.common-btn.yellow-btn a:hover {background-color: var(--dark-blue); } */
/* Button */






.header-main-right ul li a.act-link{color: var(--orange) !important;}
.header-main-right ul li:last-child a.act-link{background: #fff; color: var(--dark-blue) !important; border:solid 1px var(--orange);}


/*  Resp menu css  */
.main-nav-links {display: none !important;}
html.hc-nav-yscroll {overflow-y: scroll;}

.inner-desk-ham {display: flex;}
.nav-dropdown li a {padding: 10px 0 10px 30px !important;}
.nav-dropdown li a::before {content: '';position: absolute;left: 2px;width: 6px;height: 6px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(-45deg);top: 0;bottom: 0;margin: auto;left: 15px;}
.nav-dropdown li a:hover {background: #fff;color: #03548d !important;}
.desk-ham-menu li a.act-link ~ .nav-dropdown > li > a.act-link{left: 0;}
.nav-dropdown-1 { background: #718d67; border-top: 3px solid #fff;}
.nav-dropdown {display: flex;flex-direction: column;gap: 5px !important;background: #f9bc134f;border-top: 3px solid #303030;border-bottom: 3px solid #303030;}
.nav-dropdown li a {font-size: 15px !important;}


/* header */
.section-new {width: 100%;background: #000;opacity: 0;pointer-events: none;transition: all .9s ease;}
.section-new.act-section {transition: all 1s ease;opacity: .6;position: fixed;pointer-events: visible;top: 0; z-index: 2;height: 100%;}
header {position: fixed;transition: .5s ease;left: 0;z-index: 2;right: 0;margin: auto;}
.wrapper.home-wrapper header {position: fixed;top: 0;left: 0;right: 0;margin: auto;z-index: 1;transition: .5s ease;}
.header-main-inner .heder-main-left span{font-size: 34px; color:hsl(251.45deg 64.89% 41.67%);}
.header-main-right ul{width: 100%; max-width: 100%; display: flex; justify-content:end; align-items: center; gap: 40px;}
.header-main-right ul li a{ font-size: 20px; color: #383838; transition: ease all .4s;} 
.header-main-right ul li a:hover {color: var(--orange);}
.scrolled-header .header-main-right ul li a:hover{color: var(--dark-blue);}

.header-main-right ul li:last-child{width: 100%; max-width: 150px;}
.header-main-right ul li:last-child a {width: 100%;max-width: 150px;background:var(--orange); color: #fff !important;padding: 10px;border-radius: 25px;font-size: 18px;display: flex;justify-content: center;align-items: center; transition: ease all .4s; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
/* .header-main-right ul li:last-child a:hover{background: var(--dark-blue);} */

.scrolled-header .header-main-right ul li a {color: #000 }
.scrolled-header .header-nav{background: #000;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-bottom: solid 2px #f4b40080;}






/* .header-main-inner > a {padding: 5px 0;} */

.right-desktop-menu-container {width: 100%;padding: 0 30px 0 0;}
.header-main-inner {display: flex;justify-content:space-between;align-items: center;gap: 20px;position: relative;}
.header-main-right{width: 100%; max-width: 60%;}
.links-main-wrapper {display: flex;justify-content: flex-end;align-items: center;gap: 50px;}
.links-main-wrapper li:hover a {color: var(--blue);}
.links-main-wrapper li a {color: #fff;padding: 40px 0px;font-size: 24px;transition: 1s ease; font-weight: 600;}
.links-main-wrapper li a.act-link, .links-main-wrapper li a:hover, .coe-top.act {color: var(--blue) !important;}
.header-main-wrapper {padding: 35px 0;}


/* header */

/* scrolled header */
header.scrolled-header .header-main-wrapper {position: fixed;left: 0;right: 0;top: 0;width: 100%;z-index: 9999;box-shadow: 0px 6px 9px -4px rgba(34, 56, 101, 0.12);transition: all .3s;background: #fff;padding:15px  0;border: none; border-bottom: solid 1px var(--orange);}
header.scrolled-header .desk-resp-ham ul.toggle-desk li {background:var(--dark-blue);}



/* scrolled header */

/* shashank Page */

.common-heading h2 {font-size: 40px;}

header.lp .desk-resp-ham {display: none;}
header.lp .right-desktop-menu-container {padding: 0;}
.lp-wrapper .footer-form::before {background: #00148900;}
.lp-wrapper .footer-form {padding: 20px 0;}
.lp-wrapper select, .lp-wrapper input, .lp-wrapper textarea, .lp-wrapper button {color: #fff;}
.lp-wrapper .career-cta-inner {padding: 40px 0;}


/* Banner */
.shashank-page-banner-wrapper {position: relative;height: 780px;display: flex;flex-direction: column;justify-content: space-between;align-items: stretch;}
.shashank-page-banner-wrapper::before {content: '';position: absolute;background:#5FBBC7;opacity: .6;width: 100%;height: 100%;left: 0;top: 0;}
.shashank-page-banner-wrapper > .fluid-container {height: 100%;min-height: calc(100vh - 155px);height: 100%;}
.shashank-page-banner-inner { display: flex; justify-content: space-between; align-items: center; gap: 20px; position: relative; padding: 140px 0 20px; height:780px;position: relative;}
.shashank-page-banner-inner::before {position: absolute;content: "";width: 100%;max-width:800px;height:600px;background: url("../images/shashank.webp") no-repeat center center/cover;right: 0;bottom:0;}
.banner-details-left  {width: 100%;max-width: 600px;height: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.shashank-page-banner-text h3 {color:#383838;font-size: 42px;margin: 10px auto 0;display: flex;justify-content:flex-start;align-items: center;text-align: center;text-align: start;font-weight: 500; line-height: 1.4;}
.shashank-page-banner-text span{font-size:36px; color:#383838; font-weight: 500; color: #EB1551; }

.shashank-page-banner-text p {font-size:16px;color:#383838;line-height: 1.4;text-align: left;}
.shashank-page-yoe {display: flex;justify-content: center;align-items: center;gap: 20px;width: 100%;max-width: fit-content;}
.shashank-page-yoe .yoe-right h2.inner-h2 {font-weight: 400;color: #fff;font-size: 20px;position: relative;}
.shashank-page-yoe .yoe-right h2.inner-h2 span {display: inline-block;width: 10px;vertical-align: super;}
.shashank-page-yoe .yoe-right h2.inner-h2 span img {width: 10px;filter: invert(84%) sepia(99%) saturate(3713%) hue-rotate(182deg) brightness(119%) contrast(108%);}
.shashank-page-yoe:nth-child(2) .yoe-left span:first-child {width: 44px;}
.shashank-page-yoe:nth-child(3) .yoe-left span:first-child {width: 90px;}
.yoe-left span {display: flex;justify-content: center;align-items: center;font-size: 40px;font-weight: 600;color: var(--blue);}
.yoe-left {text-align: center;font-size: 20px;color: #fff;font-weight: 600;padding: 0 50px;position: relative;text-transform: uppercase;}
.yoe-left::before {content: '';position: absolute;background: #ffffff91;width: 1px;height: 85%;top: 10px;right: 0;bottom: 0;margin: auto;}
.shashank-page-yoe:last-child .yoe-left::before {display: none;}
/* .banner-details-right {width: 100%;max-width: 500px;height: 100%;margin: 70px 0 0;} */ 




/*  Resp menu css  */
.desk-resp-ham {display: none;}
.desk-resp-ham ul.toggle-desk {position: absolute;cursor: pointer;line-height: 12px;min-height: 34px;display: block !important;width: 34px;text-align: center;right: 10px;bottom: 47px;margin:unset !important;top:-1px;}
.desk-resp-ham ul.toggle-desk li {transform: translateY(-50%);list-style: none;display: block;position: absolute;left: 0;height: 2px;right: 0;margin: 0 auto;width: 30px;opacity: 1;background:var(--light-blue);transition: all .25s ease;}
.desk-resp-ham ul.toggle-desk li:nth-of-type(1) {top: 20%;}
.desk-resp-ham ul.toggle-desk li:nth-of-type(2) {top: 50%;}
.desk-resp-ham ul.toggle-desk li:nth-of-type(3) {top: 80%;}
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(1) {top: 50%;transform: translateY(-50%) rotate(45deg);}
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(2) {transform: translateY(-50%) rotate(45deg);opacity: 0;}
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(3) {top: 50%;transform: translateY(-50%) rotate(-45deg);}
.desk-resp-ham ul.toggle-desk.active li{background-color: #fff !important;}
.desk-resp-ham .sidebar {position: fixed;top: 0;left: -350px;background: #f9f9f9;width: 270px;height: 100vh;box-sizing: border-box;text-align: center;transition: .9s;z-index: 999;overflow: scroll;overflow-x: hidden;}
.desk-resp-ham .sidebar::-webkit-scrollbar {display: none;}
.desk-resp-ham .sidebar.active {left: 0;box-shadow: 1px 0 8px rgba(0, 0, 0, 0.637);}
.desk-resp-ham .sidebar.active > a{width: 100%;background: #dcd1bf;display: flex;justify-content: center;align-items: center;padding: 20px 10px;}
.desk-resp-ham .sidebar img {width: 85%;}
.desk-resp-ham .sidebar ul.menu {position: relative;text-align: center;width: 100%;display: flex;flex-direction: column;gap: 0;margin: 0;}
.desk-resp-ham .sidebar ul.menu li {list-style: none;width: 100%;cursor: pointer;}
.desk-resp-ham .sidebar ul.menu li a {position: relative;color: var(--purple);width: 100%;width: 100%;justify-content: space-between;display: flex;padding: 15px 20px 15px 20px;font-size: 17px;text-align: left;}
.desk-resp-ham .sidebar ul.menu li a.act-link{color: #dcd1bf;}
.desk-resp-ham .sidebar ul.menu > li > a.act-link { color: #fff !important; background: var(--dark-blue);}
.nav-dropdown li a {padding: 10px 0 10px 30px !important;}
.nav-dropdown li a::before {content: '';position: absolute;left: 2px;width: 6px;height: 6px;border-right: 2px solid #e2e2e2;border-bottom: 2px solid #e2e2e2;transform: rotate(-45deg);top: 0;bottom: 0;margin: auto;left: 15px;}
.desk-resp-ham .sidebar ul.menu > li > a:hover {background:var(--dark-blue);color: #fff !important;}
.desk-resp-ham .sidebar ul.menu>li>a {display: flex;gap: 5px;align-items: center;border-bottom: 1px dotted #30302e;  color: #30302e !important;}
.desk-ham-menu li a.act-link ~ .nav-dropdown > li > a.act-link{left: 0;}
.nav-dropdown-1 { background: #718d67; border-top: 3px solid #dcd1bf;}
.desk-resp-ham .sidebar ul.menu > li > span { display: flex; gap: 5px; align-items: center; border-bottom: 1px dotted #c9c9c9;}
.desk-resp-ham .sidebar ul.menu li span { position: relative; text-transform: capitalize; color: var(--purple); width: 100%; width: 100%; justify-content: space-between; display: flex; padding: 15px 20px 15px 20px; font-size: 17px; text-align: left;}
.desk-resp-ham .sidebar ul.menu > li > span:hover, .desk-resp-ham .sidebar ul.menu > li > span.act-link ,.bottom-box ul li.act-link a {background: var(--dark-blue);color:#fff !important;}
.nav-dropdown li.act-link a,.nav-dropdown li a:hover a,.desk-resp-ham .sidebar ul.menu>li>a.act-link a{color: #dcd1bf !important;}
.nav-dropdown li a.act-link::before,.nav-dropdown li a:hover::before,.desk-resp-ham .sidebar ul.menu>li>a.act-link a::before {border-right: 2px solid #ffd49b;border-bottom: 2px solid #ffd49b;}
.nav-dropdown li a.act-link,.nav-dropdown li a:hover,.desk-resp-ham .sidebar ul.menu>li>a.act-link a {color: #ffd49b !important;}
.desk-resp-ham .sidebar ul.menu li a i {position: relative;bottom: -2px;font-size: 16px;}
.desk-resp-ham .sidebar ul.social-icon {position: relative;margin-top: 10%;width: 100%;height: 55px;display: flex;justify-content: center;}
.desk-resp-ham .sidebar ul.social-icon li a {text-decoration: none;display: flex;justify-content: center;gap: 0;width: 100%;height: 100%;position: relative;color: #111b30;border-radius: 50%;font-size: 25px;}
.nav-dropdown {display: flex;flex-direction: column;gap: 5px !important;padding: 10px 0;border-bottom: 1px dotted #c9c9c9;background:var(--dark-blue);}
.nav-dropdown li a {font-size: 15px !important;color: #fff !important;}
.desk-resp-ham .sidebar ul.social-icon li:hover a {color: #dcd1bf;}
.desk-resp-ham .sidebar ul.social-icon a .fa {line-height: 55px;}
.desk-ham-menu li a.act-link ~ ul{display: block !important;}
.scrolled-header .desk-resp-ham ul.toggle-desk {bottom:27px; top:4px; right: 0;}
.header-logo a{padding:20px 0; font-size: 22px; color: #6B5ACD;}
/*  Resp menu css  */








/* shashank detials */


.shashank-detials-main-wrapper{padding: 60px 0;}
.shashank-detials-inner-wrapper{width: 100%; max-width: 100%; display: flex; justify-content: center; align-items:stretch; gap: 40px;}
.shashank-details-card {width: 100%;max-width: 300px;background: #f9f9f9f9;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 30px 20px;border-radius: 15px;border: solid 1px #00000036;}
.shashank-details-card span{width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center;} 
.shashank-details-card p , .shashank-details-card a{width:100%;margin: 0; text-align: center; font-size: 14px; word-break: break-all;}
.shashank-details-name{font-size: 22px !important; color: #026f7d !important; margin: 5px 0  0;}
.shashank-details-card span img{width: 100%; max-width: 60px;filter: brightness(0) saturate(100%) invert(23%) sepia(92%) saturate(5002%) hue-rotate(333deg) brightness(92%) contrast(100%);   animation: bendLeftRight 3s infinite ease-in-out;}
@keyframes bendLeftRight {
  0%, 100% {
      transform: rotate(0deg);
  }
  25% {
      transform: rotate(-10deg);
  }
  50% {
      transform: rotate(10deg);
  }
  75% {
      transform: rotate(-5deg);
  }
}








.about-us-main-wrapper {padding: 60px 0 60px;position: relative;background: #f9f9f9;}
/* .about-us-main-wrapper::before{position: absolute;content: ""; width: 100%; max-width: 100%; height: 100%;background:url('../images/about-us-bg.webp') no-repeat center center/cover; top: 0; left: 0; right: 0; bottom: 0;} */

.about-us-inner-wrapper{width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; gap: 60px;}
.about-us-right-content h1{text-align:start; color: var(--dark-blue);}
.about-us-right-content p{text-align: start;}
.about-us-right-content .common-btn{padding: 20px 0 0;}
.about-us-left-content {width: 100%;max-width: 50%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 0 40px;border-radius: 15px; border-left: solid 2px var(--light-blue);}
.about-us-right-content{width: 100%; max-width: 50%;}
.about-us-left-exp{width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; gap: 20px;}
.about-us-left-exp p{font-size:40px; margin:0 0 15px !important; line-height: 1.3;}
.about-us-left-exp-bottom p{text-align: start; line-height: 1.5; margin: 0 0 15px;}
.about-us-left-exp span{font-size: 200px; color: var(--orange);}
  
.thoughts-wrap p{font-size: 32px;color: #fff;margin-bottom: 0; text-align: center;}
.about-thought{padding: 80px 0;position: relative;z-index: -1;}
.about-thought::before{position: absolute;content: '';width: 100%;height: 100%;background:#424242a6;z-index: -1;left: 0;top: 0;}
.thoughts-wrap{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.thoughts-wrap span{color:var(--orange);font-size: 18px;}
/* myentire career */


.skills-main-wrapper{padding: 60px 0; position: relative;}
.skills-main-wrapper::before {position: absolute;content: "";background: url("../images/skills-bg.webp") no-repeat center center/cover;width: 100%;max-width: 100%;height: 100%;opacity: 0.2;z-index: -1; top: 0;}

.skills-inner-wrapper h2{text-align: center;}
.skills-cards {padding-top: 30px;display: flex;justify-content: center;align-items: stretch;flex-wrap: wrap;gap: 30px;}
.skills-card {width: 100%;max-width: 300px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 20px 40px;border-radius: 15px;border: solid 1px #00000038; background: #fff;}
.skills-card span{width:100%; max-width: 100%; display: flex; justify-content: center; align-items: center;} 
.skills-card span img{width: 100%; max-width: 60px; filter: brightness(0) saturate(100%) invert(23%) sepia(92%) saturate(5002%) hue-rotate(333deg) brightness(92%) contrast(100%);  animation: bendLeftRight 3s infinite ease-in-out;}
.skills-card h3{font-size: 22px; color: var(--dark-blue); font-weight: 400; text-align: center; padding-top:15px; line-height: 1.3;}
.skills-card p {text-align: center;margin:unset;line-height: 1.4; font-size: 16px;}
 
.filmography-wrapper{padding:20px 0}
.filmography-wrapper ul li{padding: 5px 0 5px 20px; position: relative; } 


  
/* myentire career */
.career { padding: 60px 00 19px;}
.timeline::before {content: '';position:absolute;height:100%;left:50%;width:2px;top:-20px;background:#ffbe01;z-index:0;}
.heading{margin-bottom: 40px;text-align: center;}
.heading .h_tit:before { content: ""; position: absolute; width: 54px; height: 2px; background: #151d2a; bottom: -1px; right: 0; left: 0; margin: 0 auto;}
.heading .d_tit > span { font-size: 40px; font-weight: 800; margin-right: 10px;}
.h_tit{text-align: center;}
.d_tit{display: inline-block;color: #151d2a;font-size: 22px;}
.heading{margin-bottom: 40px;text-align: center;}
.heading .h_tit:before {content: "";position: absolute;width: 54px;height: 2px;background: #151d2a;bottom: -1px;right: 0;left: 0;margin: 0 auto;}
/* .timeline:before {content: '';position:absolute;height:100%;left:50%;width:2px;top:-20px;background:#ffbe01;z-index:0;} */
.timeline{position:relative;margin: 50px auto;width:1000px;padding:50px 0;z-index: -1;}
.timeline ul{ margin:0; padding:0 ;}
.timeline ul li{list-style:none;box-sizing:border-box; line-height:normal;position:relative;width:50%;padding: 40px 70px;}
.timeline{position:relative;margin: 50px auto;width:1000px;padding:50px 0;z-index: -1;}
.timeline ul{margin:0;padding:0 ;}
.timeline ul li{list-style:none;box-sizing:border-box; line-height:normal;position:relative;width:50%;padding: 40px 70px;}
.right_content h2{color: var(--dark-blue);}
.timeline ul li:nth-child(2n) .right_content p{text-align: start;}

  
.appreciation-main-wrapper{padding: 60px 0;}
.appreciation-inner-wrapper  h2{text-align: center; padding-bottom: 30px;}
.appreciation-wrapper{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 40px;}
.appreciation-card {width: 100%;max-width: 500px; display: flex; justify-content: space-between; align-items: center; background-color: #fff; padding: 15px 20px; border-radius: 8px; transition: transform 0.2s ease; border-left: solid 2px var(--dark-blue); border-right: solid 2px var(--dark-blue); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
.appreciation-card:hover { transform: translateY(-5px);}
.appreciation-card h3 {font-size: 18px;color: var(--orange);margin-right: 18px;flex-grow: 1; font-weight: 400; text-align: center;}
.appreciation-card a {display: flex;align-items: center;text-decoration: none;color: #00329E;font-weight: bold;background-color: #f0f0f0; padding: 10px 15px;border-radius: 5px;transition: background-color 0.3s ease, color 0.3s ease;}
.appreciation-card a:hover {background-color: var(--dark-blue);color: #fff;}
.appreciation-card a img {width: 25px;margin-right: 10px;}
.appreciation-card a:hover img {filter: brightness(0) saturate(100%) invert(96%) sepia(16%) saturate(321%) hue-rotate(286deg) brightness(117%) contrast(100%);}
.appreciation-card a span {font-size: 14px;}








.timeline ul li .right_content h2{
  padding:0px 2px 6px 0px;
}

.right_content h2{
  font-size: 18px !important;
}
.right_content p{
  margin-bottom:unset ;
  margin:unset;
}
.timeline ul li:nth-child(odd){
  float:left;
  text-align:right;
  clear:both;
}

.timeline ul li:nth-child(even){
  float:right;
  text-align:left;
  clear:both;
}

.left_content{
  padding:15px 0;
}



@keyframes glow {
  0% {
      box-shadow: var(--orange), 0 0 10px rgba(59,112,239,0.3);
      transform: scale(1);
  }
  50% {
      box-shadow: 0 0 10px rgba(255, 0, 0, 1), 0 0 15px rgba(59,112,239,0.5);
      transform: scale(1.2);
  }
  100% {
      box-shadow: var(--orange), 0 0 10px rgba(59,112,239,0.3);
      transform: scale(1);
  }
}

.timeline ul li:nth-child(odd):before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  background:var(--orange);
  border-radius: 50%;
  right: -6px;
  top: 24px;
  z-index: 1;
  animation: glow 1.5s infinite ease-in-out;
}











.timeline ul li:nth-child(even):before{
  content: '';
  position:absolute;
  width:10px;
  height:10px;
 background:var(--orange);
  border-radius:50%;
  left:-4px;
  top:24px;
  border: solid 1px rgba(59,112,239,0.3);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  animation: glow 1.5s infinite ease-in-out;
  
}

.timeline ul li:nth-child(odd) .left_content{
  position:absolute;
  top:12px;
  right:-325px;
  margin:0;
  width: 290px;
  text-align: center;
  border: solid 1px rgba(59,112,239,0.3);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

.timeline ul li:nth-child(even) .left_content{
  position:absolute;
  top:12px;
  left:-325px;
  margin:0;
  width: 290px;
  text-align: center;
  border: solid 1px rgba(59,112,239,0.3);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.timeline ul li .right_content h2{
  padding:0px 2px 6px 0px;
}

.right_content h2{
  font-size: 22px !important;

}
.right_content p{
  margin-bottom:unset ;
  margin:unset;
  text-align: end;
} 

.timeline ul li:nth-child(even) {
  float: right;
  text-align: left !important;
  clear: both;
}



.left_content{
  padding:15px 0;
}

.timeline ul li:nth-child(even):before{
  content: '';
  position:absolute;
  width:10px;
  height:10px;
 background:var(--orange);
  border-radius:50%;
  left:-4px;
  top:24px;
  border: solid 1px var(--light-blue);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  animation: glow 1.5s infinite ease-in-out;
  
}

.timeline ul li:nth-child(odd) .left_content{
  position:absolute;
  top:12px;
  right:-325px;
  margin:0;
  width: 290px;
  text-align: center;
  border: solid 1px var(--light-blue);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

.timeline ul li:nth-child(even) .left_content{
  position:absolute;
  top:12px;
  left:-325px;
  margin:0;
  width: 290px;
  text-align: center;
  border: solid 1px var(--light-blue);
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.left_content h3{
 font-size: 18px;
 font-weight: 400;
}


/* Error page */
.error-inner-wrapper {padding: 40px 0;}
.error-inner-wrapper h2{text-align: center; color: var(--dark-orange);}
.error-inner-wrapper span {width: 100%;max-width: 100%;display: flex;justify-content: center;align-items: center;}
.error-inner-wrapper span img {width: 100%;max-width: 600px;}
.error-inner-wrapper p {text-align: center;}
.error-inner-wrapper .common-btn {display: flex;justify-content: center;}
/* Error page */   






/* footer */
.lp-footer .footer-section { width: 100%; max-width: fit-content !important;}
.lp-footer .footer-links { display: flex; justify-content: center; align-items: center; gap: 30px; flex-wrap: wrap;}
.lp-footer .footer-bottom {flex-direction: column; padding: 40px 0;}

/* footer */

/* footer */
.footer-main {position: relative;}
.footer-main::before {content: '';position: absolute;background:#5FBBC7;width: 100%;height: 100%;opacity: .8;}
.footer-main-inner-wrapper {position: relative;}
.footer-top {display: flex;justify-content: center;align-items: center;gap: 20px;padding: 50px 0 30px 0;border-bottom: 2px solid #ffffff45;}
.footer-top-left {display: flex;justify-content: center;align-items: center;gap: 40px 20px;width: 100%;max-width: 800px;flex-wrap: wrap;}
.location-details {display: flex;justify-content: flex-start;align-items: center;gap: 20px;width: 100%;max-width: 380px;}
.location-details:hover h3, .location-details:hover p {color: var(--blue);}
.location-details:hover span {background: var(--blue);}
.location-details:hover span img {filter: invert(100%) sepia(57%) saturate(0%) hue-rotate(206deg) brightness(107%) contrast(101%);}
.location-details span {display: flex;justify-content: center;align-items: center;background: #fff;width: 50px;height: 50px;border-radius: 5px;}
.location-details span img {width: 100%;max-width: 35px; filter: invert(12%) sepia(79%) saturate(4086%) hue-rotate(230deg) brightness(76%) contrast(121%);}
.location-name h3 {color: #fff;text-transform: uppercase;font-weight: 600;font-size: 16px;}
.location-name p {color: #fff;text-transform: uppercase;margin: 0;font-size: 14px;}
.footer-top-right {width: 100%;max-width: 400px;}
.footer-top-right h2 {color: #fff !important;text-align: center;}
.social-links-main {background: #fff;padding: 10px;border-radius: 10px;margin: 10px 0 0;}
.playstore-appstore {display: flex;justify-content: center;align-items: center;gap: 20px;}
.playstore-appstore a {display: flex;justify-content: center;align-items: center;background: #000;border-radius: 5px;}
.playstore-appstore a img {width: 100%;max-width: 200px;height: 60px;object-fit: contain;border-radius: 5px;}
.social-links {display: flex;justify-content: center;align-items: center;gap: 20px;padding: 10px 0 0;}
.social-links a {display: flex;justify-content: center;align-items: center;}
.social-links a img {width: 100%;max-width: 30px;}
.footer-bottom {display: flex;justify-content: center;align-items: center;  padding: 30px 0 50px 0;}
.footer-section a span{font-size: 28px; color:#383838;}
.footer-section p {color:#383838;text-align: center;font-size: 16px; margin: 0 0 10px; line-height: 1.5;}
.footer-links li {text-align: center;margin: 15px 0;}
.footer-links li a {color: #fff;font-size: 16px;}
.footer-links li a:hover, .footer-links li a.act-link {color: #7e9f9a;}
.footer-section > a {display: flex;justify-content: center;align-items: center; color: #383838;}
.footer-section > a img { width: 100%;max-width: 250px;}


/* Copyrights */
.footer-bottom-wrapper {display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 10px 0;}
.footer-bottom-wrapper p , .footer-bottom-wrapper a{font-size: 13px;margin: 0; color: #000;}

.copyrights-ul li a:hover, .copyrights-ul li a.act-link {color: #ff0000;}
.copyrights-ul {display: flex;justify-content: center;align-items: center;}
.copyrights-ul li {border-left: 1px solid #0000009a;padding: 0 10px;}
.copyrights-ul li:first-child {border-left: none;}
/* Copyrights */
/* footer */


.whatsapp-link {cursor: pointer;position: fixed;bottom: 100px;right: 10px;width: 50px;height: 50px;z-index: 9;padding: 6px;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.whatsapp-link a img {width: 100%;max-width: 50px;position: relative;left: 1px;top: 1px;} 

/* go to top */
#to-top {cursor: pointer;position: fixed;bottom: 25px;right: -1px;width: 70px;height: 70px;z-index: 9;padding: 6px;border-radius: 50%;rotate: 45deg;}
#to-top img{width: 100%;max-width: 50px;}
/* go to top */

.grecaptcha-badge {right: -500px !important;}



/* Contact Us Now */

/* Form */
.index-form { display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; width: 100%; max-width: 1200px; margin: auto;  padding: 40px 0 0;}
.input-wrapper { position: relative; margin-bottom: 20px;width: 48%;  border-bottom: 1px solid #131313;}
/* Form */

/* Lable Animation */
.user-box input,
.user-box-readonly input,
.user-box select{ width: 100%; padding: 20px 0 10px 0; font-size: 18px; border: none; outline: none; background: transparent; position: relative;color: #131313;}
.user-box textarea { width: 100%; margin: 20px 0 10px 0; font-size: 18px; border: none; outline: none; background: transparent; position: relative; height: 22px;color: #131313;}
.user-box label,
.user-box-readonly label { position: absolute; top: 0; left: 0; padding: 10px 0; font-size: 20px; color: #131313; pointer-events: none; transition: .5s;}
.user-box-readonly label {top: -15px;}
.banner-details-right .user-box-readonly label {color: var(--blue); top: -15px;}
.user-box-readonly select {padding: 20px 0 10px;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;  transition: background-color 5000s ease-in-out 0s;  background-clip: content-box !important; /* Keeps styling consistent */}
form.index-page input:-webkit-autofill {-webkit-text-fill-color: #131313 !important;}
.input-color input:-webkit-autofill {-webkit-text-fill-color: #131313 !important; }
/* Lable Animation */


.contact-us-main-wrapper{padding: 60px 0;}
.contact-us-form {width: 100%;max-width: 600px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 30px;}
.contact-us-wrapper{width: 100%; max-width: 100%;display: flex; justify-content:center; align-items:stretch; padding:80px 0; gap: 30px;}
.contact-us-menu{ width: 100%; max-width: 600px;display: flex; justify-content: center; align-items:stretch; gap:25px; flex-wrap: wrap;}
.contact-us-card {width: 100%;max-width: 100%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 30px;position: relative;transition: transform 0.3s ease, box-shadow 0.3s ease;background:#9cd3da;border-left: solid 3px var(--orange);border-right: solid 3px var(--orange);border-radius: 15px;}
.contact-us-card:hover {transform: translateY(-5px);box-shadow: rgba(0, 0, 0, 0.4) 0px 6px 16px;}
.contact-us-card::before {content: "";position: absolute;width: 200px;height: 8px;bottom: 0;left: 0;right: 0;margin: 0 auto;background: var(--yellow);border-top-left-radius: 100px;border-top-right-radius: 100px;}
.contact-us-card span {width: 100%; max-width:100%; display: flex; justify-content: center; align-items: center;}
.contact-us-card span img{width: 100%; max-width: 40px; position: relative; filter: brightness(0) saturate(100%) invert(18%) sepia(90%) saturate(5251%) hue-rotate(335deg) brightness(94%) contrast(95%);     animation: floatUpDown 2s ease-in-out infinite;}
@keyframes floatUpDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px); /* Moves up */
    }
    100% {
        transform: translateY(0);
    }
}
.contact-us-card span::before {position: absolute;content: "";width: 100px;height: 79px;top: -9px;bottom: 0;left: -9px;right: 0;border-radius: 30%;}
.contact-us-card .contact-name{margin: 15px 0 0; font-weight: 600; text-align: center; color: #000;}
.contact-us-card .contact-creditials, .contact-creditials a {text-align: center !important;margin: 0;font-size: 16px;width: 100%;max-width: 100%;color: #000;line-height: 1.5;}
.contact-us-form span{font-size: 28px;}
.contact-us-form h1{color: #1f8997;}

.contact-us-form .input-wrapper{width: 100%;}
.index-contact-us-btn {width: 100%;max-width: 100%;display: flex;justify-content: center;align-items: center;padding-top: 20px;}
.submit-btn {  padding: 10px 40px; background:var(--orange); color: #fff; font-size: 16px; border: none; border-radius: 6px; cursor: pointer; transition: background 0.3s; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

















@media(max-width:1900px){
  .shashank-page-banner-inner::before {max-width: 500px;height: 400px;}
}


@media(nax-width:1600px){
  .header-main-inner .heder-main-left span {font-size: 30px;}
}

@media(max-width:1450px){
  .shashank-page-banner-text h3 { font-size: 32px;}
  .shashank-page-banner-text span {font-size: 38px;}
  .career { padding: 60px 0 0px;}
  .shashank-page-banner-wrapper { height: 600px;}
  .shashank-page-banner-inner::before { bottom: 180px;}
  .contact-us-menu { max-width:450px; gap: 20px;}



}

@media(max-width) {
  
}

@media(max-width:1200px){
  /* .shashank-page-banner-inner::before {max-width: 400px;height: 450px;} */
  .about-us-inner-wrapper {gap: 40px;}
  .about-us-left-exp span {font-size: 180px;}
  .about-us-left-exp p{font-size: 32px;}
  .about-us-right-content .common-btn {padding: 10px 0 0;}
  .header-main-inner .heder-main-left span { font-size: 30px;}
  .contact-us-wrapper {padding: 60px 0;}


} 


@media(max-width:1080px){
  .header-main-right ul li a { font-size: 17px;}
}



@media(max-width:992px){
  .shashank-detials-main-wrapper {padding: 50px 0;}
  .shashank-detials-inner-wrapper{flex-wrap: wrap;}
  .about-us-inner-wrapper {flex-direction: column;}
  .about-us-right-content {max-width: 100%;}
  .about-us-right-content h1{text-align: center;}
  .about-us-right-content p {text-align:justify;}
  .about-us-right-content .common-btn{justify-content: center;}
  .skills-main-wrapper {padding: 40px 0;}
  .about-us-left-content {max-width: 70%;}
  .about-us-left-exp span {font-size: 160px;}
  .lp-footer .footer-bottom { padding: 30px 0;}
  /* .shashank-page-banner-inner::before {max-width: 350px;height: 350px;} */
  .desk-resp-ham{display: block !important;}
  .header-main-right{display: none !important;}
  .banner-details-left { max-width: 500px;}
  .contact-us-wrapper{flex-direction: column;}
  .contact-us-menu , .contact-us-form { max-width: 100%;}
  .contact-us-form h1 , .contact-us-form span{text-align: center; display: block;}
  .contact-us-form {padding: 20px;}
  .appreciation-main-wrapper { padding: 60px 0 40px;}





  
}

@media(max-width:860px){
.shashank-page-banner-text span {font-size: 24px;line-height: 1.2;}
  
}


@media(max-width:768px){
  .footer-bottom-wrapper{gap: unset; justify-content: center; flex-direction: column;}
  .shashank-page-banner-inner::before {max-width:400px;height:300px;}
}


@media(max-width:576px){
  p{font-size: 16px};
  .header-main-wrapper {padding: 30px 0 0;}
  .shashank-page-banner-inner{padding: 0 0  20px;}
  .shashank-page-banner-text h3 {font-size: 28px;}
  .shashank-page-banner-text span { font-size: 26px;}
  .desk-resp-ham ul.toggle-desk{margin: unset; right: 0;}
  .shashank-details-card {max-width: 220px;}
  .shashank-details-card span img {max-width: 45px;}
  .shashank-details-name {  font-size: 16px !important;}
  .shashank-detials-inner-wrapper {gap: 25px;}
  .skills-card {max-width: 100%;}
  .skills-card span img {max-width: 50px;}
  .skills-cards {padding-top: 15px;}
  .thoughts-wrap p {font-size: 22px;}
  .right_content h2 {font-size: 20px !important;}
  .about-us-left-content { max-width: 100%;}
  .about-us-left-exp span {font-size: 140px;}
  .about-us-right-content p { margin: 0;}
  .thoughts-wrap p {font-size: 24px;line-height: 1.3;}
  .h_tit {font-size: 24px !important;}
  .inner-page-banner { height: 250px !important;}
  .left_content h3 { font-size: 14px;}
  .skills-card h3 {padding-top:8px;}
  .about-thought { padding: 40px 0 !important;}

  .shashank-page-banner-wrapper { height: 700px;}
  .shashank-page-banner-inner {height: 700px;}
  .shashank-page-banner-inner::before { bottom:0; }
  .appreciation-card h3 {font-size: 16px;}





}


@media(max-width:480px){
  .shashank-details-card { max-width: 170px;}
  .shashank-detials-inner-wrapper { gap: 20px;}
  .shashank-detials-main-wrapper {  padding: 40px 0;}
  .about-us-inner-wrapper {gap: 20px;}
  .skills-card h3{font-size: 20px;}
  .header-main-inner .heder-main-left span { font-size: 26px;}
  .shashank-page-banner-text h3 {font-size: 24px;}
  .shashank-page-banner-text span { font-size: 24px;}
  .shashank-page-banner-text p{margin: 5px 0 0 ;}
  .footer-bottom-wrapper p {text-align: center;}
  .footer-section a span { font-size: 24px;}
  .inner-page-banner {  height: 250px;}
  .award { margin: 0 0 30px 0;}
  .footer-bottom-wrapper p, .footer-bottom-wrapper a {font-size: 12px;}
  .h_tit { font-size: 20px !important;}
  .filmography-wrapper {padding: 10px 0;}
  .appreciation-card{flex-direction: column; gap: 10px; justify-content: center;}

}

@media(max-width:420px){


}


@media(max-width:400px){
  .header-main-inner .heder-main-left span {font-size: 22px;}
.desk-resp-ham ul.toggle-desk {top: -6px;}
.shashank-details-card { max-width: 100%;}
.about-us-left-content {padding: 0 30px;}
.about-us-left-exp span {font-size: 120px;}
.scrolled-header .desk-resp-ham ul.toggle-desk {top: 0px;}

}



@media (max-width: 992px){
  
  .career {padding: 40px 0 0;}
  .heading {  margin-bottom: 30px;}

}





@media (max-width: 1000px){

.timeline{
  width:100%;
}
}

@media (max-width: 767px){
.timeline{
  width:100%;

}
.timeline:before{
  left:20px;
}
.timeline ul li:nth-child(odd),
.timeline ul li:nth-child(even){
  width:100%;
  text-align:left;
 padding-left:50px; 
}

.timeline ul li:nth-child(odd):before
  {
  top:-18px;
  left:16px;

}
.timeline ul li:nth-child(even):before
{ 
  top:-18px;
  left:16px;
}

  .timeline ul li:nth-child(odd) .left_content,
.timeline ul li:nth-child(even) .left_content
{
  top:-30px;
  left:50px;
  right:inherit;
}


.right_content p {
    text-align:start;
}
}







.breadcrumbs a{color: #fff;}
.breadcrumbs a:hover{color: #ffbe01;}
.breadcrumbs span{color: #fff;margin: 0 5px;}
.breadcrumbs span img{width: 12px;vertical-align: middle; filter: brightness(0) saturate(100%) invert(17%) sepia(73%) saturate(3943%) hue-rotate(331deg) brightness(100%) contrast(100%);}
/* .inner-page-banner{background: url(../images/inner-page-bg.webp)repeat-x;height: 200px;} */
.banner-txt{width: 100%; height: 100%; display: flex; justify-content: flex-start; align-items: flex-end;}
.banner-txt-wrap{display: flex;margin: 0 0 20px;}
.heading .h_tit:before { content: ""; position: absolute; width: 54px; height: 2px; background: #151d2a; bottom: -1px; right: 0; left: 0; margin: 0 auto;}
.heading .d_tit > span { font-size: 40px; font-weight: 800; margin-right: 10px;}


/* about section */
.about{padding: 70px 0;}
.h_tit{ font-size: 36px; border-bottom: 1px solid #b3b3b3; padding-bottom: 10px; margin-right: 10px; position: relative; display: inline-block; color: #151d2a; z-index: -1;}
.d_tit{ display: inline-block; color: #151d2a; font-size: 22px;}
.heading{margin-bottom: 40px;text-align: center;}
.heading .h_tit:before { content: ""; position: absolute; width: 54px; height: 2px; background: #151d2a; bottom: -1px; right: 0; left: 0; margin: 0 auto;}
.heading .d_tit > span {font-size: 40px;font-weight: 800;margin-right: 10px;}
.about-photo{  width: 100%;  max-width: 400px;}
.about-photo img{width: 100%; max-width: 400px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 15px;}
.about-txt-wrap{width: 100%;max-width: 100%; display: flex; justify-content: center; align-items: center; gap: 40px;}
.about-txt{width: calc(100% - 480px);}
.thoughts-wrap p{font-size: 32px;color: #fff;margin-bottom: 0; text-align: center;}
.about-thought{padding: 80px 0;position: relative;z-index: -1;}
.about-thought::before{position: absolute;content: '';width: 100%;height: 100%;background: #000000c2;z-index: -1;left: 0;top: 0;}
.thoughts-wrap{ display: flex; justify-content: center; align-items: center; flex-direction: column;}