@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body, html {  margin: 0;  padding: 0;   font-family: 'Roboto', sans-serif !important; height: 100vh;}

a:hover {  text-decoration: none;}

img {width: 100%; height: auto;}

.pointer {  cursor: pointer}

.full-div-span {  padding: 15px;  color: #404245;  line-height: 30px;  display: block;  margin-block-start: 1em;  margin-block-end: 1em;  margin-inline-start: 0;  margin-inline-end: 0 }

[aria-expanded=false] > .expanded, [aria-expanded=true] > .collapsed {  display: none;}

* {  margin: 0;  padding: 0 }

p { line-height: 30px; font-size: 16px;  padding-bottom: 18px}

h1,h2,h3,h4,h5 {padding: 20px 0;line-height: 1;}

ul.breadcrumb {  padding: 10px 0;  list-style: none;  background-color: #fff;  float: right}

ul.breadcrumb li {  display: inline;  font-size: 18px;  text-align: right}

ul.breadcrumb li + li:before {  padding: 8px;  color: #000;  content: "\00a0"}

ul.breadcrumb li a {  color: #000;  text-decoration: none}

ul.breadcrumb li a:hover {  color: #000;  text-decoration: underline}

.header-sec {  min-height: 90px;  width: 100%;  position: absolute;  background-color: rgba(255, 255, 255, .59);  z-index: 2}

.container_1 {  max-width: 1170px;  margin: 0 auto;  display: flex;  justify-content: space-between;  line-height: 50px}

ul.main > li {  list-style: none;  display: inline-block;  padding: 30px;  font-size: 16px;  font-weight: 600}

ul.main > li a {  color: #000;  text-decoration: none}

ul.main > li a:hover {  color: #000;  text-decoration: none;}

.drop-psn-1 {left:29.8% !important;}

.drop-psn-2 {left:36.8% !important;}

.drop-psn-3 {left:60% !important;}

/*.menu-spacer { margin-left: 30%}*/

/*Banner Section*/

.banner_height{ height: 650px;}

.banner { background:url(../images/Banner.jpg) no-repeat 92% top; background-size: cover; object-fit: cover; position: relative;  width: 100%;}

.breadcrumb_text-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 400px; }

.breadcrumb_text { position: absolute; top: 50%; transform: translateY(-50%); color: #fff;}

.content { padding-top: 30px; padding-bottom: 30px;}

/*---Content-Title heads---*/

.content-h1-title-banner { font-family: 'Fira Sans', sans-serif; font-size: 3.8em; font-weight: 500; line-height: normal;}

.content-title {font-size: 3.8em; font-weight: 500;}

.content-sub-title {font-size: 2.3em; font-weight: 800;}

.content-text-title {font-size: 1.8em; font-weight: normal;}

.content-text-sub-title {font-size: 1.3em; font-weight: 500;}

.readmore {  color: #e2602c;  text-decoration: underline;}

.readmore:hover {  color: #e2602c;  text-decoration: underline;}

.btn { background-color: #1f84b8;  border: none;  color: #fff;  padding: 10px 50px;  text-align: center;  text-decoration: none;  display: inline-block;
  font-size: 18px;  cursor: pointer;  border-radius: 8px;  outline: 0 !important;}

.btn:hover {  background-color: #1f84b8;  color: #fff !important;}

.btn:focus {  background-color: #1f84b8;  color: #fff !important;  box-shadow: none !important;}

.bg-white {background: #fff; padding:50px 0;}

.bg-grey {background: #F6F4F2; padding:50px 0;}

.bg-dl-grey {background: #000; padding:50px 0; color: #fff;}

.title-Yellow {color: #e8b200;}

.Read-Yellow {color: #e8b200;}

.Read-Yellow:hover {color: #8d6c00}

.MD {margin-top:-60%;  align-items: flex-end; display: flex;}

.bg-d-grey {background: #0b0b0b; padding:50px 0; color: #fff; min-height: 475px;}

.p-btm {padding-bottom: 0;}

.video-box-wrap { display: flex; justify-content: flex-start;  flex-direction: row;}

.video-box {width: 33.33%; box-sizing: border-box; padding: 15px;}

.video-box-Caption {text-align: center; font-size: 20px; font-weight: 500; color: #fff; padding: 10px; background: #000; height: 70px; line-height: 1;}

.video-number {font-size: 32px; color: #e8b200;}

.hit-box {width:calc(100% - 33.33%); padding: 15px;}

ul.introduction {list-style: none; margin-top: 0; padding-top: 0; }

ul.introduction li {line-height: 40px;}

/*  Footer */

.footer-postition {position: absolute; bottom: 0; left:0; width: 100%;}

.footerwrap { margin: 0;  }

.footer-top {background-color: #e4eef8;  min-height: 200px; padding: 30px 0 15px;}

.footer-top h4 {font-size: 1.6em; text-transform: uppercase; font-weight: 500;}

.footer-top p { font-size: 1.2em !important; }

.footer-bottom {background-color: #000; color: #fff; min-height: 80px; line-height: 30px; box-sizing: border-box; padding-top: 15px;}

.footer-bottom-MN {position: absolute; bottom: 0;}

.copywright {text-align: left; line-height: 30px;/* padding-top: 25px;*/ font-size: 14px; box-sizing: border-box;}

.footer-icon {  font-size: 18px;  padding-left: 30px; }

.fa-ico {  padding: 10px;  font-size: 21px;  width: 40px;  height: 40px;  text-align: center;  text-decoration: none;  margin: 5px 2px;  border-radius: 50%; }

.fa-ico:hover {  opacity: .7;  text-decoration: none;  color: #fff;}

.fa-phone, .fa-envelope { font-size: 1.2em; padding-right: 10px; }

.fa-facebook {   border: 1px solid #fff;  color: #fff; margin-top: 0; margin-left: 10px; }

.fa-facebook: hover; {   border: 1px solid #fff;  color: #fff; margin-top: 22px; }

.fa-youtube { border: 1px solid #fff;  color: #fff;}

.link { color: #366C97; font-weight: 500;  text-decoration: none; padding-bottom: 15px;}

.link:hover {  color: #069CDB;}
 
 .footerlinks {font-size: 14px; padding-top: 15px;}

 .footerlinks a {color: #fff; padding: 0 10px; text-decoration: none;}

 .footerlinks a:hover {text-decoration: underline;}

 @media (max-width:394px) {

  .video-box-Caption {font-size: 16px !important;}

  .video-number {font-size: 26px !important;}
 }

@media (max-width:667px) {

  header .logo { padding: 10px 0 15px 10px !important; }

  header .logo img {  height: 25px !important;    transition: .3s all ease-in-out;}

  header.shrink { height: 55px !important;}

  header.shrink .logo { padding: 0px 0 0px 10px !important; }

  header.shrink .logo img {  height: 35px !important;}

  .menu-spacer { margin-left: 0%}

  .drop-psn-1 {left:0% !important;}

  .drop-psn-2 {left:0% !important;}

  .drop-psn-3 {left:0% !important;}

  .banner_height { height: 400px;}

  .banner { background:url(../images/Mohandas-Banner-short.jpg) no-repeat 85% top; background-size: cover; object-fit: cover; position: relative;  width: 100%;}
 
  .breadcrumb_text-wrap {position: none; width: 100%; text-align: center;}

  .breadcrumb_text { position: absolute; top: 98% !important; transform: translateY(-50% , -50%); left: 5% !important;  color: #fff;}

  .content-h1-title-banner {font-size: 1.8em; color: #000}

  .content-sub-title {font-size: 1.8em !important; font-weight: 800; line-height: 1.8em; }

  .content-text-title { font-size: 1.3em !important; font-weight: normal; line-height: 1.5em;}

  .video-box-wrap { display: flex; justify-content: space-between;  flex-direction: column;}

  .video-box {width: 100%; box-sizing: border-box; padding: 15px;}

  #video-popup-container {width: 80% !important; margin-left: -40% !important;}

  .footer-bottom{ padding-bottom: 15px; padding-top: 0; }

  .footerlinks a {  padding: 0 5px;}

  .fa-ico {  padding: 7px;  font-size: 15px;  width: 30px;  height: 30px;}

  .img-none {display: none;}

  /*Innerpage Section*/

  .innerpagebanner_height { height: 190px !important;}

  .breadcrumb_text-wrap {left: 46% !important;}

  .content { text-align: justify; }

  .content-h1-title { font-size: 1.1em !important; font-weight: 500;}

  .copywright { padding-left: 20px;}

}

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

    header {  height: 80px;}

    header .logo { float: left; margin: 0; padding: 10px 0 0px 0 !important; transition: .2s;}

    header .logo img {  height: 25px !important;    transition: .3s all ease-in-out;}

  header.shrink { height: 55px !important;}

  header.shrink .logo { padding: 0px 0 0px 10px !important; }

  header.shrink .logo img {  height: 35px !important;}

    .menu-spacer { margin-left: 0%}

    .drop-psn-1 {left:0% !important;}

  .drop-psn-2 {left:0% !important;}

  .drop-psn-3 {left:0% !important;}

    .carousel-caption { top: 40%; left: 10%; right: 0; width: 100% }

   .display-4 { font-size: 2.5rem !important; font-weight: 500; line-height:30px; margin-top: 0; width: 100% }

   .display-5 { font-size: 1.8rem !important; font-weight: 500; line-height:10px; margin-top: 0px; padding-top: 0px;}

   .butt_marg { margin: 20px auto 0; }   

   .video-box {width: 50%; box-sizing: border-box; padding: 10px;}

    #video-popup-container {width: 80% !important; margin-left: -40% !important;}

    #video-popup-container {width: 80% !important; margin-left: -40% !important;}

    .content { text-align: justify; }

   .content-h1-title { font-size: 1.4em !important; font-weight: 500;}
    
}

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

  header .logo img {  height: 35px !important; transition: .3s all ease-in-out;}

  header.shrink { height: 55px !important;}

  header.shrink .logo { padding: 0px 0 0px 0px !important; }

  header.shrink .logo img {  height: 45px !important;}

  .menu-spacer { margin-left: 0%}

  .drop-psn-1 {left:0% !important;}

  .drop-psn-2 {left:0% !important;}

  .drop-psn-3 {left:0% !important;}

  .carousel-caption { color: rgb(255, 255, 255); position: absolute; top: 35%; left: 10%; right: 0; transform: translateY(-50%); text-align: left; height: 100%; width: 100%; }

  .display-4 { font-size: 4rem !important; font-weight: 500; line-height:40px; margin-top: 0; width: 70% }

  .display-5 { font-size: 2.5rem !important; font-weight: 500; line-height:20px; margin-top: 0px; padding-top: 0px;}

  .copywright {text-align: right; font-size: 13px; }

  .video-box {width: 50%; box-sizing: border-box; padding: 10px;}

  #video-popup-container {width: 80% !important; margin-left: -40% !important;}

  .footerlinks {padding-left: 0; padding-bottom: 15px;}

  .footerlinks a { color: #fff; padding: 0px 4px;  text-decoration: none; font-size: 13px; }

  .content { text-align: justify; }

  .content-h1-title { font-size: 2em !important; font-weight: 500;}
}

@media  only screen and (min-width:1024px ) and (max-width:1365px) {

    header {  height: 80px;}

    header .logo { float: left; margin: 0; padding: 10px 0 0px 0 !important; transition: .2s;}

    header .logo img { height: 50px !important; transition: .2s; }

   .carousel-caption { color: rgb(255, 255, 255); position: absolute; top: 40%; left: 10%; right: 0; text-align: left; height: 100%; width: 100%;}

  .display-4 { font-size: 4rem !important; font-weight: 500; line-height:40px; margin-top: 0; width: 50% }

   .display-5 { font-size: 2.5rem !important; font-weight: 500; line-height:20px; margin-top: 0px; padding-top: 0px;}

    .butt_marg { margin: 20px auto 0; }
}


/*---Inner page starts---*/

.innerpagebanner_height{ height: 415px;}

.Inner_banner { background:url(../images/inner.jpg) no-repeat 92% top; background-size: cover; object-fit: cover; position: relative;  width: 100%;}

.breadcrumb_text-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 400px; }

.breadcrumb_text { position: absolute; top: 50%; transform: translateY(-50%); color: #fff;}

.content { padding-top: 30px; padding-bottom: 30px;}

/*---Content-Title heads---*/

.content-h1-title { font-family: 'Fira Sans', sans-serif; font-size: 3em; font-weight: 500;}

.content-title {font-size: 2.8em; font-weight: 500;}

.content-sub-title {font-size: 2.3em; font-weight: normal; text-align: center;}

.content-text-title {font-size: 1.8em; font-weight: normal;}

.content-text-sub-title {font-size: 1.3em; font-weight: 500;}


@media only screen and (min-width:1024px) and (max-width:1200px) {

}

@media only screen and (min-width:1921px) {

}