@charset "UTF-8";
/*Button*/
@font-face {
  font-family: "Americana BT";
  src: url("fonts/AmericanaBT-Roman.eot");
  src: url("fonts/AmericanaBT-Romand41d.eot?#iefix") format("embedded-opentype"), url("fonts/AmericanaBT-Roman.woff") format("woff"), url("fonts/AmericanaBT-Roman.ttf") format("truetype"), url("fonts/AmericanaBT-Roman.svg#Montserrat-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat-Thin.eot");
  src: url("fonts/Montserrat-Thind41d.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat-Thin.woff") format("woff"), url("fonts/Montserrat-Thin.ttf") format("truetype"), url("fonts/Montserrat-Thin.svg#Montserrat-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("fonts/Montserrat-Light.eot");
  src: url("fonts/Montserrat-Lightd41d.eot?#iefix") format("embedded-opentype"), url("fonts/Montserrat-Light.woff") format("woff"), url("fonts/Montserrat-Light.ttf") format("truetype"), url("fonts/Montserrat-Light.svg#Montserrat-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Didot LT Std";
  src: url("fonts/DidotLTStd-Bold.eot");
  src: url("fonts/DidotLTStd-Boldd41d.eot?#iefix") format("embedded-opentype"), url("fonts/DidotLTStd-Bold.woff") format("woff"), url("fonts/DidotLTStd-Bold.ttf") format("truetype"), url("fonts/DidotLTStd-Bold.svg#DidotLTStd-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-Medium.eot");
  src: url("fonts/Gilroy-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Medium.woff") format("woff"), url("fonts/Gilroy-Medium.ttf") format("truetype"), url("fonts/Gilroy-Medium.svg#Gilroy-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-SemiBold.eot");
  src: url("fonts/Gilroy-SemiBoldd41d.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-SemiBold.woff") format("woff"), url("fonts/Gilroy-SemiBold.ttf") format("truetype"), url("fonts/Gilroy-SemiBold.svg#Gilroy-SemiBold") format("svg");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-Regular.eot");
  src: url("fonts/Gilroy-Regulard41d.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Regular.woff") format("woff"), url("fonts/Gilroy-Regular.ttf") format("truetype"), url("fonts/Gilroy-Regular.svg#Gilroy-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("fonts/Gilroy-Bold.eot");
  src: url("fonts/Gilroy-Boldd41d.eot?#iefix") format("embedded-opentype"), url("fonts/Gilroy-Bold.woff") format("woff"), url("fonts/Gilroy-Bold.ttf") format("truetype"), url("fonts/Gilroy-Bold.svg#Gilroy-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: 'BHARTIYA HINDI_081';
    src: url('fonts/BHARTIYA-HINDI_081.eot');
    src: url('fonts/BHARTIYA-HINDI_081d41d.eot?#iefix') format('embedded-opentype'),url('fonts/BHARTIYA-HINDI_081.woff') format('woff'),url('fonts/BHARTIYA-HINDI_081.ttf') format('truetype'),url('fonts/BHARTIYA-HINDI_081.svg#BHARTIYA-HINDI_081') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.animated {visibility: visible; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-play-state: running; -moz-animation-play-state: running; -ms-animation-play-state: running; -o-animation-play-state: running; animation-play-state: running;}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

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

:root {
  font-size: 16px;
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-weight: normal;
  font-family: 'Poppins', sans-serif;
}

input:-internal-autofill-selected {
  background-color: transparent !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  border: none;
  -webkit-text-fill-color: #000;
  box-shadow: 0 0 0px 1000px #000 inset;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.error {
  color: #e74c3c;
  font-size: 11px;
}
.prd-0{ padding-right:0 !important;}
a {
  text-decoration: none;
}

.mr-3 {
  margin-right: 30px;
}

.mt48{margin-top:48px}

h1, h2, h3, h4, h5, h6 {
  font-family: "Americana BT" !important;
  font-weight: 100;
}

p {
  font-size: 1rem;
  line-height: 2;
 /* opacity: 0.6;*/
  font-family: "Gilroy";
  letter-spacing:0.4px;
}
p:last-child{ margin-bottom:0;}
.slpd{ padding-bottom:141px;}
.pad100 {
  padding: 100px 0;
}
.pad80 {
  padding: 80px 0;
}
.pad80 {
  padding-bottom: 80px;
}
.padb100 {
  padding-bottom: 100px;
}
.pdright {
  padding-right: 60px;
}
.pdt-70{ padding-top:140px;}
.pd-r-0 {
  padding-right: 0px !important;
}
.pd-l-0 {
  padding-left: 0px !important;
}

.backcolor {
  background: #d9e7f2;
  /* background-color: #1568b129; */
}
.posrelate{ position:relative;}
.pright{right:0;}
.pleft{right:0;}
.title_text {
  width: auto;
  font-size: 0.79rem;
  color: #012a4a;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  font-weight: 300;
  font-family: "Montserrat";
}

.hdtag {
    padding-left: 80px;
  font-size: 3.5rem;
  color: #012a4a;
  margin-top: 15px;
}
.hdtag2 {
  font-size: 2rem;
  color: #fff;
  font-weight:500;
  line-height:1.8;
  text-align:center;
}

.fixedbtneq {
  display: none;
}

.overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background: #00000073;
}

.overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
  height: 100%;
  width: 100%;
  z-index: 0;
}

.text_paira {
      padding-left: 140px;
  position: relative;
  margin-top: 30px;
}

.text_paira h2{ font-size:22px; margin:25px 0 10px 0;}

.nrheading {
  font-size: 3.5rem;
  color: #012a4a;
  margin-top: 15px;
}

.modal {
  z-index: 999999;
}

.modal-dialog {
  max-width: 500px;
  margin: 1.75rem auto;
}

.modal-body {
  padding: 0;
  border-radius: 0;
  border: none;
  box-shadow: none;
}
.modal-body a{
    display:block;
}
.modal-body img {
  width: 100%;
}

.modal-content {
  position: relative;
}

.modal-content .close {
  width: 35px;
  height: 35px;
  position: absolute;
  right: -35px;
  top: 0px;
  z-index: 99;
  border: none;
  background: #012a4a;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-content .close img {
  width: 35px;
}
 
img{
  user-drag: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
}

.fixed-top {
  position: fixed !important;
  top: 0;
  left: 0;
  -webkit-animation: navbar-animation 0.6s;
  animation: navbar-animation 0.6s;
  background-color: rgba(0, 0, 0, 0.9);
}

@-webkit-keyframes navbar-animation {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes navbar-animation {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.navbarhd {
  height: 70px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  margin: 0;
  transition: all 2s ease;
  transform: translateY(0%);
}
.navbarhd .nvbg {
  width: 100%;
  color:white;
  background: white;
  position: absolute;
  height: 445px;
  top: 0;
  left: 0;
  display: none;
}
.navbarhd .container {
  position: relative;
}
.navbarhd .container .col-lg-3, .navbarhd .container .col-lg-9 {
  margin: 0;
}

.brand {
  width: 100%;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.brand img {
  width: 120px;
}
.brand:before {
  content: "";
  width: 1px;
  height: 100%;
  background: #738d9f;
  position: absolute;
  right: 0px;
  top: 0;
  opacity: 0.5;
}
.brand a {
  font-weight: 600;
  margin: 0;
}
.brand a,
.brand a:visited {
  color: #0c0c0c;
  text-decoration: none;
}

.navbarhd nav {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.navbarhd nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.navbarhd nav ul li {
  position: relative;
  height:100%;
  display: flex;
  align-items: center;
  padding: 0px 10px !important;
  justify-content: center;
}
nav ul li:nth-last-child(0) a {
  background: #000;
}
.navbarhd nav ul li a {
  display: block;
  padding-top: 0px;
  line-height: normal;
  text-decoration: none;
  /*margin: 0 25px;*/
  position: relative;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: all 0.4s linear;
  font-size: 0.85rem;
  text-transform:capitalize;
}
.navbarhd nav ul li a:hover {
  color: #0c0c0c;
  opacity: 1;
}
.navbarhd nav ul li a::before {
  transition: 300ms;
  height: 1px;
  content: "";
  position: absolute;
  background-color: #000000;
  width: 0%;
  bottom: -5px;
}
.navbarhd nav ul li a:hover::before {
  width: 100%;
}
.navbarhd nav ul li a:not(:only-child):after {
  padding-left: 4px;
  content: " ▾";
}
.navbarhd nav ul li:hover a:not(:only-child):after {
  transform:rotate(90deg);
}
/*nav ul li ul li {*/
/*  min-width: 190px;*/
/*}*/
.navbarhd nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}
.navbarhd nav ul .enbtn {
  display: flex; 
  justify-content: end;
  background: #1567b1;
  height: 100%;
  display: flex;
  align-items: center;
  transition: all 0.8s ease;
  margin:0;
padding: 0 15px;
}
.navbarhd nav ul .enbtn a {
  color: #fff !important;
  display: flex;
  align-items: center;
  height: 100%;
}
.navbarhd nav ul .enbtn a::before {
  display: none !important;
}
.navbarhd nav ul .enbtn:hover {
  background: #000000;
  color: #ffffff !important;
}
.navbarhd nav ul .enbtn::before {
  display: none !important;
}
.navbarhd nav ul li:hover .nav-dropdown{opacity:1; visibility:visible; transform:translateY(0px);}
.nav-dropdown {
 display:block !important;
  position: absolute;
  z-index: 1;
  background:#1567b04a;
  height: auto;
  top: 70px;
  left:0;
  width:200px;
  padding:6px 0 0px;
  transition:all 0.5s ease;
  transform:translateY(-20px);
  opacity:0;
  visibility:hidden;
  display:flex;
  min-width:150px;
  height:auto !important;
  padding-top: 10px !important;
}
.navbarhd nav ul li ul.nav-dropdown li{
    padding-bottom:5px; 
  margin-bottom:5px;
  display:block !important;
  height:auto !important;
  width:100%;
  text-align:left;  
  border-bottom:1px solid rgba(255,255,255,0.3)
}
.navbarhd nav ul li ul.nav-dropdown li:last-child{ margin-bottom:0;}
.navbarhd nav ul li ul.nav-dropdown li a{
    padding:0;
  display: inline-block;
  width:100%;
    /*text-transform: uppercase;*/
}

.navbarhd nav ul li ul.nav-dropdown li a img{ width:40px;  display:inline-block;}
.navbarhd nav ul li ul.nav-dropdown li a::before{bottom:-6px;}
.nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background: #1567b04a;
  height: 70px;
  width: 70px;
}

.navbar-nav li .dropdown-menu{display: none;}
.navbar-nav li:hover .dropdown-menu{display: block;}
.dropdown-item{ text-transform:uppercase; opacity: 1; font-size: 0.79rem !important;}

.navbar .dropdown-menu{padding:0;background-color:rgba(0,0,0,.9)}
.navbar .dropdown-menu .dropdown-item{position:relative;padding:10px 20px;color:#fff;font-size:0.89rem;border-bottom:1px solid rgba(255,255,255,.1); transition:color .2s ease-in; background:#000;}
.navbar .dropdown-menu .dropdown-item:last-child{border-bottom:none}
.navbar .dropdown-menu .dropdown-item:hover{background:0 0;color:#80b953;}
.navbar .dropdown-menu .dropdown-item::before{content:'';position:absolute;bottom:0;left:0;top:0;width:5px;background-color:#80b953;opacity:0;transition:opacity .2s ease-in}
.navbar .dropdown-menu .dropdown-item:hover::before{opacity:1} 
@media screen and (min-width:767px){
    
    .dropdown-menu{min-width:155px;left:2rem; -webkit-animation:dropdown-animation .3s;animation:dropdown-animation .3s;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}
}
@-webkit-keyframes dropdown-animation{0%{-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0)}75%{-webkit-transform:scaleY(1.1);-ms-transform:scaleY(1.1);transform:scaleY(1.1)}100%{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}}
@keyframes dropdown-animation{0%{-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0)}75%{-webkit-transform:scaleY(1.1);-ms-transform:scaleY(1.1);transform:scaleY(1.1)}100%{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1)}}

@media only screen and (max-width: 990px) {
  .nav-mobile {
    display: block;
  }
  .navbarhd nav {
    width: 100%;
  }
  .navbarhd nav ul {
    display: none;
  }
  .navbarhd nav ul li {
    float: none;
  display:block;
   height:auto;
  }
  .navbarhd nav ul li a {
    padding: 15px;
    line-height: 20px;
  }
  .navbarhd nav ul li a:hover::before {
    width: 30%;
  }
  .navbarhd nav ul li ul li a {
    padding-left: 30px;
  }
  .navbarhd nav ul li ul.nav-dropdown {
    /*position: static;*/
    width: auto;
    left: 33%;
    top: 15px;
    height: auto;
  }
}
#nav-toggle {
  position: absolute;
  left: 16px;
  top: 19px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 2px;
  width: 30px;
  background: #000000;
  position: absolute;
  display: block;
  content: "";
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
  top: -10px;
}
#nav-toggle span:after {
  bottom: -10px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}

@-webkit-keyframes pulse-border {
  0% {
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    transform: scale(1);
    opacity: 0;
    box-shadow: none;
  }
}
@keyframes pulse-border {
  0% {
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
  }
  100% {
    transform: scale(1);
    opacity: 0;
    box-shadow: none;
  }
}
.pagination{display:block !important}
.sdup {
  transform: translateY(-100%);
  transition: all 2s ease;
}

.sdbantext {
  transform: translateY(100%) !important;
  transition: all 2s ease !important;
}

.stopscroll {
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  scroll-behavior: auto;
  overflow: hidden;
}
.othban .banner_text{ height:90vh !important;}
.combanner {
  background: url(../images/commercial-banner.webp) no-repeat;
  background-size: cover;
  background-position: top;
  height:90vh !important;
}
.certificates-resbanner {
  background: url("../images/become-distributor.jpg") no-repeat;
  background-size: cover;
  background-position: top;
  height:90vh !important;
}

.resbanner {
  background: url(../images/residential-banner.webp) no-repeat;
  background-size: cover;
  background-position: top;
  height:90vh !important;
}
.retailsbanner {
  background: url("../images/environment.jpg") no-repeat;
  background-size: cover;
  background-position: top;
  height:90vh !important;
}
.teambanner {
  background: url("../images/about-us.jpg") no-repeat;
  background-size: cover;
  background-position: top;
  height:90vh !important;
}
.associatebanner {
  background: url(../images/Associate-banner.webp) no-repeat;
  background-size: cover;
  background-position:0px -10px;
  height:90vh !important;
}
.philosophybanner {
  background: url(../images/philosophy-banner.webp) no-repeat;
  background-size: cover;
  background-position: center;
  height:90vh !important;
}
.philosphycenterban{ 
    background:url(../images/philosophy-center-banner.webp) no-repeat;
    background-size: cover;
    background-position: center;
    width:100%;
    height:auto;
    padding:80px 0;
}

.gallerybanner {
    background: url(../images/Gallery-Banner.jpg) no-repeat;
    background-size: cover;
    background-position: top;
    height: 90vh !important;
}

.mediabanner {
  background: url(../images/Media-Banner.webp) no-repeat;
  background-size: cover;
  background-position: top;
  height:90vh !important;
}
.contactbanner {
  background: url("../images/contact-us.jpg") no-repeat;
  background-size: cover;
  background-position: top;
  height:90vh !important;
}

.dblock{display:block;}

.banner_wrap {
  height: 100vh !important;
  width: 100%;
  position: relative;
  margin-top: 70px;
}
.banner_wrap .closevdbtn {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 99999999;
  opacity: 0;
  visibility: hidden;
  transition: all 2s ease;
  transform: translateY(-100%);
}
.banner_wrap .closevdbtn span {
  color: #fff;
  font-size: 20px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background: #ffffff;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.banner_wrap .closevdbtn span img {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.banner_wrap .closevdbtn.opshow {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
}
.banner_wrap #ganga-video {
  width: 100%;
  height: 100% !important;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: fill;
     object-fit: fill;
  position: absolute;
}
.banner_wrap .fullscreen {
  width: 100%;
  height: 100% !important;
  position: fixed !important;
  top: 0;
  left: 0;
  transition: all 5s ease;
  z-index: 33;
  margin-top: 0px !important;
}
.banner_wrap .banner_text {
  position: relative;
  width: 100%;
}
.banner_wrap .banner_text .baninner {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 55;
  width: 100%;
  height: 100% !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transform: translateY(0%);
  transition: all 2s ease;
  padding-top: 70px;
}
.banner_wrap .banner_text .baninner .sub_title {
  width: 100%;
  letter-spacing: 5px;
  font-size: 2.5rem;
  color: #ffffff;
  text-align: center;
  font-weight: 100;
  font-family: "Montserrat";
}
.banner_wrap .banner_text .baninner .banhd {
  width: 100%;
  letter-spacing: 1px;
  font-size: 5rem;
  color: #ffffff;
  text-align: center;
}
.banner_wrap .banner_text .baninner .banhd img {
  width: 550px;
}
.banner_wrap .banner_text .baninner p.bntxt {
  font-size: 1rem;
  color: #ffffff;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  line-height: 1.5;
  font-weight: normal;
  letter-spacing: 1px;
}
.banner_wrap .banner_text .baninner .plybtn {
  width: 150px;
  height: 150px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  cursor: pointer;
}
.banner_wrap .banner_text .baninner .plybtn span {
  width: 80px;
  height: 80px;
  border: 1px solid #ffffff;
  border-radius: 100px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 0.5;
}
.banner_wrap .banner_text .baninner .plybtn span i {
  font-size: 20px;
  color: #ffffff;
  position: relative;
  left: 3px;
}
.banner_wrap .banner_text .baninner .plybtn svg {
  width: 100%;
  max-width: 5.4rem;
  -webkit-animation: rotate 4.6s linear infinite;
          animation: rotate 4.6s linear infinite;
  position: absolute;
}
.banner_wrap .banner_text .baninner .plybtn svg circle {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.5px;
  stroke-dasharray: 300;
  -webkit-animation: outline 5s cubic-bezier(0.77, 0, 0.18, 1) infinite;
          animation: outline 5s cubic-bezier(0.77, 0, 0.18, 1) infinite;
}
@-webkit-keyframes outline {
  0% {
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dashoffset: -300;
  }
  100% {
    stroke-dashoffset: -600;
  }
}
@keyframes outline {
  0% {
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dashoffset: -300;
  }
  100% {
    stroke-dashoffset: -600;
  }
}
@-webkit-keyframes rotate {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(0turn);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(0turn);
  }
}
.banner_wrap .banner_text .baninner .ban_bottom_wrap {
  width: auto;
  position: absolute;
  right: 0;
  bottom: 30px;
}
.banner_wrap .banner_text .baninner .ban_bottom_wrap a {
  font-size: 13px;
  color: #ffffff;
  margin-left: 30px;
  transition: all 0.8s ease;
  width: auto;
  position: relative;
  font-family: "Montserrat";
  font-weight: 300;
}
.banner_wrap .banner_text .baninner .ban_bottom_wrap a::before {
  transition: 300ms;
  height: 1px;
  content: "";
  position: absolute;
  background-color: #ffffff;
  width: 0%;
  bottom: -5px;
}
.banner_wrap .banner_text .baninner .ban_bottom_wrap a:hover::before {
  width: 100%;
}
.banner_wrap .banner_text .baninner .banner-logo {
  width: auto;
  position: absolute;
  left: 0;
  bottom: 30px;
}
.banner_wrap .banner_text .baninner .banner-logo img {
  width: 70px;
}

.jll{width:180px !important;margin-left:25px;border-left:1px solid rgba(255, 255, 255, 0.5);padding-left:30px;}

/*O U R P H I LO S O P H Y*/
.philosphywrap {
  width: 100%;
  position: relative;
  /* color: #d9e7f2; */
  margin-top: -60px;
}
.philosphywrap .left_side {
  padding-right: 85px;
}
.philosphywrap .right_img {
  width: 100%;
  height: 100%;
  position: relative;
}
.philosphywrap .right_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.residentialwrap {
  width: 100%;
  position: relative;
}
.residentialwrap .myslider .item {
  width: 100%;
  position: relative;
}
.residentialwrap .myslider .item .slideimg {
  width: 100%;
  height: 500px;
}
.residentialwrap .myslider .item .slideimg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.residentialwrap .slick-dots {
  position: absolute;
  top: 345px;
  transform: translateY(0%);
  right: 0%;
  width: 50px;
}
.residentialwrap .slick-dots .slick-active {
  background-color: #1567b1;
  height: 15px;
}
.residentialwrap .slick-dots li {
  list-style: none;
  margin: 15px 0;
  width: 15px;
  height: 15px;
  background-color: transparent;
  text-indent: -9999px;
  outline: 0;
  border: 1px solid #012a4a;
  cursor: pointer;
}
.residentialwrap .slick-dots button {
  width: 15px;
  height: 15px;
  background-color: transparent;
  text-indent: -9999px;
  outline: 0;
  border: 1px solid #012a4a;
}
.residentialwrap .slick-dots button:hover {
  background-color: #012a4a;
}

/*Button*/
.viewbtn {
  width: auto;
  margin-top: 40px;
}
.viewbtn .btns {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 150px;
  height: auto;
  max-width: 150px;
  text-transform: uppercase;
  border: 1px solid #012a4a;
  padding: 15px 0px;
  margin-left: 140px;
  z-index: 11;
  text-align: center;
}
.viewbtn .btn-6 {
  color: #1567b1;
  font-weight: 600;
  font-size: 0.85rem;
}
.viewbtn .btn-6 span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #1567b1;
  transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.viewbtn .btn-6:hover {
  color: #ffffff;
  border: 1px solid #1567b1;
}
.viewbtn .btn-6:hover span {
  width: 225%;
  height: 462.5px;
}
.viewbtn .btn-6:active {
    background-color: #1567b1;
}

.submitbtn {
  width: auto;
  margin-top: 0px;
  float: right;
}
.submitbtn button {
  background-color: transparent;
}
.submitbtn .btns {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 150px;
  height: auto;
  max-width: 150px;
  text-transform: uppercase;
  border: 1px solid #012a4a;
  padding: 15px 0px;
  z-index: 11;
  text-align: center;
}
.submitbtn .btn-6 {
  color: #012a4a;
  font-weight: 600;
  font-size: 0.89rem;
}
.submitbtn .btn-6 span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #1567b1;
  transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.submitbtn .btn-6:hover {
  color: #ffffff;
  border: 1px solid #012a4a;
}
.submitbtn .btn-6:hover span {
  width: 225%;
  height: 462.5px;
}
.submitbtn .btn-6:active {
  background-color: #012a4a;
}

/*button*/
.chairpersonwrap {
  width: 100%;
  position: relative;
  padding-bottom: 65px;
}
.chairpersonwrap .left_side {
  padding-right: 85px;
}
.chairpersonwrap .right_img {
  width: 100%;
  height: 100%;
  margin-top: -45px;
  position: relative;
}
.chairpersonwrap .right_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.ganga_map{ width:100%;}
.ganga_map iframe{ width:100%; height:500px;}

.contactwrap {
  width: 100%;
  position: relative;
}
.contactwrap::after {
  content: "";
  background: #1567b04a;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  z-index: -1;
}
.contactwrap .condetails {
  width: 100%;
}
.contactwrap .condetails h3 {
  font-size: 2rem;
  font-weight: 700;
  font-family: "Arima Madurai", cursive;
}
.contactwrap .conformdetails {
  width: 100%;
  padding: 30px;
  border: 1px solid #012a4a;
  background: #ffffff;
  margin-top: 40px;
}
.contactwrap .conformdetails .form-group.input-material {
  position: relative;
  margin-bottom: 40px;
  /* textarea label */
}
.contactwrap .conformdetails .form-group.input-material .form-control{
    height:37px;
    font-size:13px;
}
.contactwrap .conformdetails .form-group.input-material textarea.form-control{
    height:auto;
    font-size:13px;
}
.contactwrap .conformdetails .form-group.input-material label {
  position: absolute;
}
.contactwrap .conformdetails .form-group.input-material span {
  color: #616161;
  font-size: 13px;
  letter-spacing: 0.5px;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 0px;
  bottom: 10px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}
.contactwrap .conformdetails .form-group.input-material textarea.form-control ~ span {
  bottom: 90%;
  bottom: calc(100% - 26px);
}
.contactwrap .assoreg .form-group.input-material textarea.form-control ~ span {
    bottom: 90%;
    bottom: calc(100% - 26px);
}
.contactwrap .conformdetails .form-group.input-material .form-control,
.contactwrap .conformdetails .form-group.input-material .form-select {
  border: none;
  border-bottom: 1px solid #7a7a7a;
  border-radius: 0px;
  background-color: transparent;
  padding-left: 0px;
  box-shadow: none;
  position: relative;
  /* required fields */
  /* active state */
  /* invalid state */
}
.contactwrap .conformdetails .form-group.input-material .form-control:required ~ span::after,
.contactwrap .conformdetails .form-group.input-material .form-select:required ~ span::after {
  content: "*";
  color: #dc3545;
  padding-left: 0px;
  font-size: 1.2em;
}
.contactwrap .conformdetails .form-group.input-material .form-control:required ~ span.ms::after,
.contactwrap .conformdetails .form-group.input-material .form-select:required ~ span.ms::after {
  display: none;
}
.contactwrap .conformdetails .form-group.input-material .form-control:focus, .contactwrap .conformdetails .form-group.input-material .form-control[value]:not([value=""]),
.contactwrap .conformdetails .form-group.input-material .form-select:focus,
.contactwrap .conformdetails .form-group.input-material .form-select[value]:not([value=""]) {
  border-bottom-color: #012a4a;
  color: #012a4a;
}
.contactwrap .conformdetails .form-group.input-material .form-control:focus ~ span, .contactwrap .conformdetails .form-group.input-material .form-control[value]:not([value=""]) ~ span,
.contactwrap .conformdetails .form-group.input-material .form-select:focus ~ span,
.contactwrap .conformdetails .form-group.input-material .form-select[value]:not([value=""]) ~ span {
  top: unset;
  bottom: 100%;
  bottom: calc(100% - 8px);
  font-size: 11px;
  color: #012a4a;
  font-weight: 500;
  transition: all 0.2s ease-out;
}
.contactwrap .conformdetails .form-group.input-material .form-control:focus.invalid, .contactwrap .conformdetails .form-group.input-material .form-control.invalid, .contactwrap .conformdetails .form-group.input-material .form-control:focus.parsley-error, .contactwrap .conformdetails .form-group.input-material .form-control[value]:not([value=""]).parsley-error,
.contactwrap .conformdetails .form-group.input-material .form-select:focus.invalid,
.contactwrap .conformdetails .form-group.input-material .form-select.invalid,
.contactwrap .conformdetails .form-group.input-material .form-select:focus.parsley-error,
.contactwrap .conformdetails .form-group.input-material .form-select[value]:not([value=""]).parsley-error {
  border-bottom-color: #dc3545;
}
.contactwrap .conformdetails .form-group.input-material .form-control:focus.invalid ~ span, .contactwrap .conformdetails .form-group.input-material .form-control.invalid ~ span, .contactwrap .conformdetails .form-group.input-material .form-control:focus.parsley-error ~ span, .contactwrap .conformdetails .form-group.input-material .form-control[value]:not([value=""]).parsley-error ~ span,
.contactwrap .conformdetails .form-group.input-material .form-select:focus.invalid ~ span,
.contactwrap .conformdetails .form-group.input-material .form-select.invalid ~ span,
.contactwrap .conformdetails .form-group.input-material .form-select:focus.parsley-error ~ span,
.contactwrap .conformdetails .form-group.input-material .form-select[value]:not([value=""]).parsley-error ~ span {
  color: #dc3545;
}
.contactwrap .conformdetails .form-group.input-material .form-select {
  background-position: right 0 center;
  padding-left: 0;
}
.contactwrap .conformdetails .form-group.input-material .parsley-errors-list {
  color: #dc3545;
  list-style: none;
  font-size: 0.7em;
  padding-left: 5px;
  position: absolute;
  top: 107%;
}
.contactwrap .conformdetails .custom-checkbox {
  position: relative;
  font-family: sans-serif;
  margin: 8px 0;
}
.contactwrap .conformdetails .custom-checkbox input[type=checkbox] {
  display: none;
}
.contactwrap .conformdetails .custom-checkbox input[type=checkbox] ~ b {
  display: inline-block;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #012a4a;
  font-size: 20px;
  color: #012a4a;
  cursor: pointer;
  line-height: 1;
  outline: 0;
  text-align: center;
  vertical-align: middle;
  height: 40px;
  width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.contactwrap .conformdetails .custom-checkbox input[type=checkbox]:checked ~ b:after {
  content: "✓";
}
.contactwrap .conformdetails .custom-checkbox input[type=checkbox]:disabled ~ b {
  background-color: #012a4a;
}
.contactwrap .conformdetails .custom-checkbox input[type=checkbox]:disabled:checked ~ b:after {
  content: "✓";
}
.contactwrap .conformdetails .custom-checkbox input[type=checkbox]:disabled ~ b:after {
  content: "";
}
.contactwrap .conformdetails .custom-checkbox input[type=checkbox]:hover ~ b {
  border: 1px solid #012a4a;
}
.contactwrap .conformdetails .custom-checkbox input[type=checkbox]:hover:disabled ~ b {
  border-color: #012a4a;
  cursor: not-allowed;
}
.contactwrap .conformdetails .custom-checkbox input[type=checkbox]:hover:disabled ~ b ~ span {
  cursor: not-allowed;
}
.contactwrap .conformdetails .custom-checkbox span {
  cursor: pointer;
  margin-left: 20px;
  font-size: 14px;
  font-family: "Gilroy";
}

footer {
  padding: 80px 0 50px;
  width: 100%;
  background: #1567b04a;
}
footer .left_add {
  width: 100%;
  height: 100%;
}
footer .left_add strong {
  font-size: 1rem;
  margin-bottom: 5px;
  display: block;
  color: #012a4a;
  font-weight: bold;
  line-height: 2;
}
footer .left_add p {
  color: #012a4a;
  opacity: 1;
  margin-bottom: 5px;
  font-size: 13px;
}
footer .left_add .nomail {
  width: auto;
  margin-top: 15px;
  display: inline-block;
}
footer .left_add .nomail a {
  display: inline-block;
  font-size: 0.85rem;
  color: #012a4a;
  margin-top: 5px;
  position: relative;
  width: auto;
  font-weight: bold;
}
footer .left_add .nomail a:hover {
  color: #000;
}
footer .left_add .nomail a::before {
  transition: 300ms;
  height: 1px;
  content: "";
  position: absolute;
  background-color: #012a4a;
  width: 0%;
  bottom: 0px;
}
footer .left_add .nomail a:hover::before {
  width: 100%;
}
footer .right_nav {
  width: 100%;
  position: relative;
  text-align: right;
  height: 100%;
}
footer .right_nav ul {
  margin: -5px 0 0 0;
  padding: 0;
}
footer .right_nav ul li {
  display: inline-block;
  margin-left: 22px;
  line-height: 3.3;
}
footer .right_nav ul li a {
  width: 100%;
  display: block;
  font-size: 0.85rem;
  color: #012a4a;
  font-weight: 600;
  letter-spacing: 1px;
  position: relative;
}
footer .right_nav ul li a::before {
  transition: 300ms;
  height: 1px;
  content: "";
  position: absolute;
  background-color: #000000;
  width: 0%;
  bottom: 8px;
}
footer .right_nav ul li a:hover::before {
  width: 100%;
}
footer .right_nav ul span {
  font-size: 13px;
  margin: 0 10px 0 0;
  color: #012a4a;
  position: relative;
  top: -2px;
  display: none;
}
footer .right_nav .media_icon {
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
footer .right_nav .media_icon ul {
  margin: 10px 0 0 0;
  padding: 0;
}
footer .right_nav .media_icon ul li {
  display: inline-block;
  margin-left: 15px;
}
footer .right_nav .media_icon ul li a {
  width: 35px;
  height: 35px;
  background: #012a4a;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 0.5s ease;
}
footer .right_nav .media_icon ul li a:hover {
  background: #000;
}
footer .right_nav .media_icon ul li a i {
  font-size: 15px;
  color: #ffffff;
}
footer .right_nav .media_icon ul li a::before {
  display: none;
}



.mobslide {
  display: none !important;
}

.overflowbd {
  overflow: hidden;
  transition: all 0.8s ease;
}

.certificateswrap {
  width: 100%;
  position: relative;
}
.certificateswrap .col-lg-4 {
  margin-left: 0;
}
.certificateswrap .certifi_grid {
  width: 100%;
  margin-bottom: 30px;
  overflow: hidden;
}
.certificateswrap .certifi_grid img {
  width: 100%;
  transition: all 0.5s ease;
}
.certificateswrap .certifi_grid img:hover {
  transform: scale(1.05);
}
.s-input > input {
  width: 0.5px !important;
  height: 0.5px !important;
  opacity: 0;
  position: absolute;
}
.s-input > label{
    font-size:14px;
    width:100%;
}
.s-input > label.error{
    font-size:11px;
    display:block;
}
.s-input > label > i {
  position: relative;
  padding: 0 5px;
  display: inline-block;
  vertical-align: middle;
  width: 35px;
  height: 33px;
  margin-right: 20px;
  border: 1px solid #606060;
}

.s-input > input:checked + label > i:after {
  content: "\f00c";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -7px;
  margin-left: -8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.s-input--rounded > label i, .s-input--rounded > label i:after {
  border-radius: 0;
  display: inline-block;
}
.s-input--rounded > label b{ font-weight:normal;}

/* Plugin Style Start */
.kwt-file {
  max-width: 380px;
  margin: 0 auto;
}

.kwt-file__drop-area {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding:0px 0 1px 0;
  background-color: transparent;
  transition: 0.3s;
  border-bottom: 1px solid #7a7a7a;
  height:37px;
}
.kwt-file__drop-area label{ position:absolute; bottom: -20px;}
/*.kwt-file__drop-area.is-active {*/
/*  background-color: #d1def0;*/
/*}*/

.kwt-file__choose-file {
  flex-shrink: 0;
  background-color: none;
  /*border-radius: 100%;*/
  color: #ffffff;
  /*width: 35px;*/
  /*height: 35px;*/
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0px;
position: absolute;
right: 0;
top: 13px;
}

.kwt-file__choose-file.kwt-file_btn-text {
  border-radius: 4px;
  width: auto;
  height: auto;
  padding: 10px 20px;
  font-size: 14px;
}

.kwt-file__choose-file svg {
  width: 18px;
  height: 18px;
  display: block;
  fill: #012a4a;
}

.kwt-file__msg {
  color: #1d3557;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
    margin-left: 0;
}

.kwt-file__input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}

.kwt-file__input:focus {
  outline: none;
}

.kwt-file__delete {
  display: none;
  position: absolute;
  left: 0px;
    width: 15px;
    height: 15px;
    cursor: pointer;
    opacity:0;
}

.kwt-file__delete:before {
  content: "";
  position: absolute;
  left: 0;
  transition: 0.3s;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%231d3557' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 438.5 438.5'%3e%3cpath d='M417.7 75.7A8.9 8.9 0 00411 73H323l-20-47.7c-2.8-7-8-13-15.4-18S272.5 0 264.9 0h-91.3C166 0 158.5 2.5 151 7.4c-7.4 5-12.5 11-15.4 18l-20 47.7H27.4a9 9 0 00-6.6 2.6 9 9 0 00-2.5 6.5v18.3c0 2.7.8 4.8 2.5 6.6a8.9 8.9 0 006.6 2.5h27.4v271.8c0 15.8 4.5 29.3 13.4 40.4a40.2 40.2 0 0032.3 16.7H338c12.6 0 23.4-5.7 32.3-17.2a64.8 64.8 0 0013.4-41V109.6h27.4c2.7 0 4.9-.8 6.6-2.5a8.9 8.9 0 002.6-6.6V82.2a9 9 0 00-2.6-6.5zm-248.4-36a8 8 0 014.9-3.2h90.5a8 8 0 014.8 3.2L283.2 73H155.3l14-33.4zm177.9 340.6a32.4 32.4 0 01-6.2 19.3c-1.4 1.6-2.4 2.4-3 2.4H100.5c-.6 0-1.6-.8-3-2.4a32.5 32.5 0 01-6.1-19.3V109.6h255.8v270.7z'/%3e%3cpath d='M137 347.2h18.3c2.7 0 4.9-.9 6.6-2.6a9 9 0 002.5-6.6V173.6a9 9 0 00-2.5-6.6 8.9 8.9 0 00-6.6-2.6H137c-2.6 0-4.8.9-6.5 2.6a8.9 8.9 0 00-2.6 6.6V338c0 2.7.9 4.9 2.6 6.6a8.9 8.9 0 006.5 2.6zM210.1 347.2h18.3a8.9 8.9 0 009.1-9.1V173.5c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a8.9 8.9 0 00-9.1 9.1V338a8.9 8.9 0 009.1 9.1zM283.2 347.2h18.3c2.7 0 4.8-.9 6.6-2.6a8.9 8.9 0 002.5-6.6V173.6c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a9 9 0 00-6.6 2.6 8.9 8.9 0 00-2.5 6.6V338a9 9 0 002.5 6.6 9 9 0 006.6 2.6z'/%3e%3c/svg%3e");
}

.kwt-file__delete:after {
  content: "";
  position: absolute;
  opacity: 0;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(0);
  background-color: #1d3557;
  border-radius: 50%;
  transition: 0.3s;
}

.kwt-file__delete:hover:after {
  transform: translate(-50%, -50%) scale(2.2);
  opacity: 0.1;
}



.fileUpwrap {
    position: relative;
    border-bottom: 1px solid #7a7a7a;
    height: 37px;
}
.fileUpwrap svg {
  position: absolute;
  cursor: pointer;
  pointer-events: none;
  right:0;
  width:18px;
  top: 50%;
  transform: translatey(-50%);
}
.fileName {
  position: absolute;
    top: 12px;
    pointer-events: none;
    font-size: 11px;
    margin: 0;
}
.fileName sup{
    color: red;
    font-size: 16px;
    position:relative;
    top:-2px;
}
/*.fileName::after {*/
/*    content: "*";*/
/*    color: #dc3545;*/
/*    padding-left: 0px;*/
/*    font-size: 1.2em;*/
/*}*/
input[type=file] {
  opacity: 0;
}
.careerbtn {
  width: 100%;
  margin-top: 30px;
}
.careerbtn .btns {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 150px;
  height: auto;
  max-width: 150px;
  text-transform: uppercase;
  border: 1px solid #012a4a;
  padding: 15px 0px;
  margin-left: 0px;
  z-index: 11;
  text-align: center;
}
.careerbtn .btn-6 {
  color: #fff;
  font-weight: 600;
  font-size: 0.85rem;
  background-color: #012a4a;
}
.careerbtn .btn-6 span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #fff;
  transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.careerbtn .btn-6:hover {
  color: #012a4a;
  border: 1px solid #012a4a;
}
.careerbtn .btn-6:hover span {
  width: 225%;
  height: 462.5px;
}
.careerbtn .btn-6:active {
  background-color: #012a4a;
}


.fileUpwrap label{ position:absolute; bottom: -20px;}
/*p.resume{ color:#212529; opacity:1; font-size:11px; top: 7px !important; left:102px;}
.fileUploadWrapresume span{color:#212529; opacity:1; font-size:13px; position: relative; top: 4px;}
.fileUploadWrapresume #resume_upl{ position:relative; top:-26px;}*/

.fileUpwrap label{ position:absolute; bottom: -20px;}
.fileUploadWraptestform p.resume{ color:#212529; opacity:1; font-size:11px; top: 7px !important; left:102px;}
.fileUploadWraptestform span{color:#616161; opacity:1; font-size:13px; position: relative; top: 4px; }
.fileUploadWraptestform #file_upl{ position:relative; top:-26px;}
.fileUploadWraptestform p.resume{ left:80px;}
/*.fileUploadWraptestform{border: none;}
.fileUploadWraptestform svg{ right:unset; left:0;}
.fileUploadWraptestform span{ left:30px;}
.fileUploadWraptestform svg{top:44%;}

.active{bottom: calc(100% - 8px) !important;}*/

#country-field{appearance: none; -webkit-appearance: none; background: url(../images/down-arrow.svg) no-repeat; background-size: 11px; background-position: 99% 15px; color: #878787;}
.appauto span.ophide{ opacity:0;}
.appauto{appearance: auto; -webkit-appearance: auto; -moz-appearance: auto;}
.ftsize{ font-size:2.3rem; margin-bottom: 25px;}
.assoreg .col-lg-6{ padding: 0 20px;}
.assoreg .col-lg-12{ padding: 0 20px;}
.assoreg .col-lg-9{ padding-left:20px;}
.assoreg .col-lg-3{ padding-right:20px;}
.assoreg .col-md-8{ width:60%;}
.assoreg .col-md-4{ width:40%;}
/*slider Arrow*/
.res_gallery_wrap{ width:100%; position:relative;}
.gallery{ width:100%;}
.gallery img{ width:98%;}
.gallery strong{ font-size:16px; display:block; margin-top:15px; padding-left:5px;}
.gallery-thumb{overflow:hidden;position:relative;margin: 10px 0;}
.gallery-thumb div{overflow:hidden;}
.gallery-thumb img {width: 100%;transition: .5s;cursor: pointer;}
.gallery-thumb:hover img {transform: scale(1.1);}
.title{padding: 20px;background: linear-gradient(to bottom,rgba(230,230,230,0) 0,rgb(230 230 230 / 0) 1%,rgb(4 4 4 / 61%) 39%,rgb(21 21 21 / 76%) 64%,rgb(36 36 36 / 84%) 100%);
    position: absolute;bottom: 0;width: 100%;}
.title h5 {transition: 0.5s ease-in-out;font-family: "Americana BT" !important;color: #fff;font-size:18px;padding:0;margin:0;font-weight: 100;letter-spacing: 1px;}
.gallery-thumb:hover .title h5{padding-bottom:10px;}
.contol_custom{position:absolute; top:-53px; right:5px;}
.contol_custom span{width:35px;height:35px; border:solid 1px #012a4a; background:transparent; display: flex; align-items: center; justify-content: center; line-height:21px;padding:10px;margin:0;cursor:pointer;-webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s;transition:all ease-in-out .3s}
.contol_custom span:hover{background:#012a4a}
.contol_custom span:hover svg{stroke:#fff;}
.contol_custom{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:0px}
.contol_custom span.slide-right{margin-left:15px}
.contol_custom span svg{ width: 15px; height:15px; fill:none;stroke:#012a4a;}
.contol_custom span svg polyline.cls-1 {fill: none;}
/*About Us*/
.hdmb-30{ margin-bottom:30px;}
.scstyle::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #1567b04a;}
.scstyle::-webkit-scrollbar{width: 6px; background-color: #012a4a;}
.scstyle::-webkit-scrollbar-thumb{background-color: #012a4a; border:6px solid #012a4a;}
.sticky{position:-webkit-sticky; position:sticky; top:120px; padding-right: 35px;}
.leaderwrap{ width:100%;}
.padright{padding-right: 20px;}
.padleft{padding-left: 15px !important;}
.cusmrg{ position:relative;}
.cusmrg .contol_custom{ justify-content: flex-end; top:15px; right:15px;}
.teamgrid{ width:100%; display: flex; flex-wrap: wrap; padding:0; position:relative; margin-top:30px;}
/*.teamgrid .col-lg-6,.teamgrid .col-md-6{ padding:0 10px;}*/
.teamgrid .slick-slide{ margin:0 5px;}
.mrg-0{margin:0;}
.newsgrid{    width: 100%;
    max-width: 100%;
    height: 420px;
    border: 0px solid #012a4a;
    background: transparent;
    padding: 0;
    position: relative;
    object-fit: fill;
    overflow: hidden;
    margin-bottom: 20px;}
.newsgrid:after{ content:""; width:100%; height: 10%; position: absolute; bottom: 0px; left: 0; background: -webkit-gradient(linear,left top,left bottom,from(rgba(230,230,230,0)),color-stop(1%,rgb(230 230 230 / 0)),color-stop(39%,rgb(4 4 4 / 32%)),color-stop(64%,rgb(21 21 21 / 39%)),to(rgb(36 36 36))); background: -o-linear-gradient(top,rgba(230,230,230,0) 0,rgb(230 230 230 / 0) 1%,rgb(4 4 4 / 32%) 39%,rgb(21 21 21 / 39%) 64%,rgb(36 36 36) 100%); background: linear-gradient(to bottom,rgba(230,230,230,0) 0,rgb(230 230 230 / 0) 1%,rgb(4 4 4 / 32%) 39%,rgb(21 21 21 / 39%) 64%,rgb(36 36 36) 100%);}
.newsgrid img{    width: 100%;
    height: 420px;
    object-fit: cover;
    object-position: top;
    max-width: 420px;}
.newsgrid p{padding:30px; color:transparent; line-height: 1.5; font-size:14px; width:100%; height:0%; position:relative; transition: all 0.85s ease-out; opacity: 0; visibility: hidden;}
.newsgrid p b{display:block; margin-bottom:15px;}
.name-dis{ position:absolute; bottom:5px; right:15px; z-index:22;}
.name-dis strong{ display:block; color:#fff; font-weight:normal; font-size:14px;}
.hoverdetails{ width:100%; height:100%; display: flex; align-items: center; justify-content: center; padding: 30px; position: absolute; bottom:0; z-index: 1; background: #012a4a; transform:translateY(100%); transition: all 0.85s ease;}
/*.hoverdetails p{ color:#fff; line-height: 1.5; font-size:13px; height: 100%; width: 100%; transition: all 0.85s ease-out;}*/
.newsgrid:hover .hoverdetails{transform:translateY(0%); height:100%;}
.newsgrid:hover p{ color:#fff; height:100%; position:absolute; z-index:22;top:0; opacity: 1; visibility: visible;}

.policywrap{ width:100%;}
.policywrap ul{ width:100%; margin:0; padding:0;}
.policywrap ul li{width:95%; font-size: 1rem; line-height: 2; opacity: 0.6; font-family: "Gilroy"; margin-left:15px;}
.poltrma{ width:100%; margin: 6px 0; text-align:right;}
.poltrma a{ display:inline-block; color:#fff; font-size:13px; opacity:0.7;}
.poltrma a:hover{ opacity:1;}

.tathas{ padding-top:50px;}
.tathas .viewbtn{ text-align:right;}
.tathastubanwrap{ width:100%;}
.tathastubanwrap img{ width:100%;}
.tathastulogo{ width:100%;}
.tathastulogo img{ width:200px;}
.cclogo{ width:auto; position:absolute; bottom:5px; right:15px; list-style:disc;}
.media-thumb:hover .hoverdetails2{transform: translateY(0%);height: 100%;}
.hoverdetails2 {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;left:0;position: absolute;bottom: 0;z-index: 1;background: #012a4a;transform: translateY(100%);transition: all 0.85s ease;}
.media-thumb:hover p, .media-thumb:hover .date{color:#fff;}
.media-thumb{background: #1567b04a;padding: 20px;position:relative;overflow: hidden;min-height:280px;}
.date{margin-bottom:18px;color: #012a4a;font-size: 15px;position: relative;z-index: 9;font-weight: 600;}
.media-thumb p{line-height:25px;opacity:1;position: relative;z-index: 9;}
.viewbtn .btns2 {width: 130px;height: auto;max-width: 130px;padding: 9px 0px;margin-left: 0;}
.media-thumb:hover .viewbtn .btn-6 span{background-color: #fff;}
.media-thumb:hover .viewbtn .btns{border:1px solid #fff;}
.media-thumb:hover .viewbtn .btn-6 {color: #fff;}
.media-thumb:hover .viewbtn .btn-6:hover {color: #012a4a;border: 1px solid #012a4a;}
.media-box{margin:10px 0;border: 1px solid #cbdade;}
.media-box img{height:auto;object-fit:cover;}
.media-thumb .viewbtn {margin-top: 40px;position: absolute;bottom: 20px;}
.mediabanner .banner_text .baninner .banhd{margin-bottom:215px}
.partners-slider{margin-top:40px;}
.logo-thumnail{padding: 40px 0px;/*background:#f6f6f69c;*/background:#fff;margin:0 8px; position:relative; overflow:hidden;}
.g-logo{padding: 41px 53px !important;}
.logo-thumnail img{height: 70px;width:100%;}
.logo-thumnail strong{width:100%; height:100%; display:block; font-size:16px; color:#012a4a; position:absolute; bottom:0; left:0; background:#1567b04a; padding:6px 10px 6px; transition:all 0.5s ease-out; transform:translateY(100%); display:flex; align-items:center; justify-content:center;}
.logo-thumnail:hover strong{transform:translateY(0%)}
.lsglogo_g{ padding:20px 0;}
.lsglogo_g img{ height:110px}
.cbre_logo img{ width:150px}
.uha_logo img{ width:200px}
.association{display:none;}
.whatsapp {
    width: 40px;
    height: 40px;
    color: #fff !important;
    bottom:35px;
    position: fixed;
    right:35px;
    font-size:30px;
    z-index: 99;
    line-height: 54px;
    text-align: center;
    border-radius: 100px;
}

.whatsapp .fa {
    position: relative;
}

.whatsapp:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 65%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 50px;
    height: 50px;
    background: #25d366;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}

.whatsapp:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    top: 65%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 50px;
    height:50px;
    background: #25d366;
    border-radius: 50%;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    box-shadow: 0px ​0px 15px #45514;
}   


@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

.whatsapp2 {
    width: 30px;
    height: 30px;
    color: #fff !important;
    background: #25d366;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    right: 80px;
    top: 19px;
    border-radius: 100px;
    display: none;
}
#enquirepop .modal-header{ padding:0}
#enquirepop .modal-body{ padding:25px;}
#enquire-form{border:none; margin:30px 0 0 0; padding:0;}
.mt-top{ margin-top:25px !important;}
@media(max-width:767px){
  .modal-content .close {
  width: 21px;
  height: 21px;
  position: absolute;
  right: -35px;
  top: 0px;
  z-index: 99;
  border: none;
  background: #012a4a;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-content .close img {
  width: 18px;
}
  .modal-content .close {
    right: 0;
    /* left: 0; */
}
  #enquirepop .modal-content .close{ width:30px; height:30px;}
  #enquirepop .modal-content .close img{ width:25px}
  .mt-top{ margin-top:0px !important;}
}
.videowrap .container{position:relative;}
/*Contact Us Css*/
.conuspage .container{position:relative}
.conuspage:after{display:none}
.conuspage .container .nrheading{position:relative; top:-13px;}

/*Blog*/
.latestblogwrap{ width:100%; position:relative; background:#1567b04a; height:100%;}
.latestblog_grid{ width:100%; height:100%; overflow:hidden; position:relative}
.blg_img{ width:100%; height:100%; overflow:hidden; position:relative}
.blg_img img{ width:100%;height: 100%;object-fit: cover;transition:all 0.85s ease; transform:scale(1);}
.latestblog_grid:hover .blg_img img{ transform:scale(1.2);}
.firstblogtext{ width:100%; display:flex; align-items:center; justify-content:space-between; position:absolute; bottom:0; left:0; padding:30px 30px 16px; z-index:1;}
.firstblogtext:after{ content:""; width:100%; height:100%; background: linear-gradient(to bottom,rgba(230,230,230,0) 0,rgb(230 230 230 / 0) 1%,rgb(4 4 4 / 32%) 39%,rgb(21 21 21 / 39%) 64%,rgb(36 36 36) 100%); position:absolute; left:0; bottom:0; z-index:-1;}
.firstblogtext .itemt{ width:48%;}
.itemt h3{line-height:normal; font-size:20px; color:#fff; text-align:left;}
.itemt .viewbtn{ text-align:right; margin:0;}
.itemt .viewbtn .btns{border:1px solid #fff;}
.itemt .viewbtn .btn-6 {color: #fff;}
.itemt:hover .viewbtn .btns{ border-color:transparent;}

.blogtextgrid{ width:100%; height:100%;}
.blgd .row{height:100%;}
.blog_thumb{background: #fff; height:100%; padding: 20px; position:relative; overflow: hidden; border:1px solid #c2c2c2;}
.blog_thumb2{ border-left:none; background:#012a4a !important;}
.blog_thumb2 h3{ color:#fff}
.blog_thumb2 .viewbtn .btns{border:1px solid #fff;}
.blog_thumb2 .viewbtn .btn-6 {color: #fff;}
.date{margin-bottom:18px;color: #abadaf; font-size: 15px;position: relative;z-index: 9;font-weight: normal;}
.blog_thumb h3{line-height:normal; font-size:20px; opacity:1; position: relative; z-index: 9;}
.viewbtn .btns2 {width: 130px;height: auto;max-width: 130px;padding: 9px 0px;margin-left: 0; margin-top: 44px;}
.blog_thumb .viewbtn {margin-top: 40px;position: absolute;bottom: 20px; font-weight:normal;}
.blpl_0{ padding-left:0;}
.blpr_0{ padding-right:0;}
.blpp_0{ padding:0;}

.media_coverage{ width:100%;  padding:0px; margin-top:30px; position:relative; transform:scale(1); transition:all 0.85s ease;}
/*.media_coverage:last-child{ border:none; border-bottom:1px solid rgba(0,0,0,0.2);}*/
.media_date{ width:100%; padding-right:15px;}
.media_date span{ font-size:20px; display:block; color:#abadaf; position:relative;}
.media_date span:after{ content:""; width:20px; height:1px; background:#abadaf; position:absolute; bottom:0; left:0;}
.media_date strong{ font-size:40px; color:#000; display:block; margin-top:0px; font-family: "Americana BT" !important; font-weight: 100;}
.media_img{ width:100%; height:100%; overflow:hidden; position:relative; /*border:1px solid #abadaf;*/ transition:all 0.85s ease; background:#012a4a; display: flex; align-items: center; justify-content: center; padding:20px;}
.media_img img{ width:100%; transition:all 0.85s ease; transform:scale(1);}
.media_text{ width:100%; height:100%; background:#f6f6f69c; padding:20px; position:relative;}
.media_text span{ font-size:12px; display:block; color:#abadaf; margin-bottom:8px;}
.media_text h3{ margin-bottom:15px; line-height:normal; font-size:19px;}
.media_text p{line-height:1.5; margin-bottom:5px; font-size:13px;}
.simblg_btn{ width:auto; display:inline-block; position:absolute; bottom:20px; left:20px;}
.simblg_btn a{ width:auto; color:#012a4a; font-size:14px;position:relative; display:block; font-weight:bold;}
.simblg_btn a:before {transition: 300ms; height: 1px; content: ""; position: absolute; background-color: #000000; width: 0%; bottom: -2px;}
.simblg_btn:hover a:before{ width:100%;}
.media_coverage:hover .media_img{ background:#1567b04a;}
.media_coverage:hover { background:#1567b04a;}
.media_btn a{ margin-right:0 !important;}
.blg_btn{ margin-top:30px; text-align:left;}
.blg_btn a{ margin-left:0 !important;}

.videowrap .container{position:relative;}
.vdgrid{ width:100%; height:500px;}
.vdgrid #player{ width:100%; height:100%;}

@media(max-width:991){
  .firstblogtext .itemt{ width:100% !important;}
  .itemt .viewbtn{ text-align:left !important;}
  .blg_btn{ margin-top:30px !important;}
  .simblg_btn,.blog_thumb .viewbtn{ position:static !important;}
  .blogtextgrid{ margin-top:15px; margin-bottom:0 !important;}
  .blogtextgrid,.blog_thumb,.blgd .row{ height:auto !important;}
  .whatsapp {display:none;}
  .blpl_0{ padding-left:11px !important;}
    .blpr_0{ padding-right:15px !important;}
  .mt48{margin-top:70px}
  
}

@media(max-width:560px){
.gallerybanner {
    background-position: 63%;
}

}
.clrwh{color:#fff !important; font-weight:600; font-size:45px; margin:0}
.clr2{color:#012a4a !important; font-weight:600; font-size:45px; margin:0}
.constentwrap{ width:100%; height:100vh; overflow:hidden;}
.details_wrap{ width:100%; height:100%; display:flex; align-items:center;}
.constentwrap .bgcons{position:absolute; left:0; top:0; background:#000; height:100vh; width:50%; display:flex; align-items:center; z-index:-1;}
.constentwrap .left_constent{ width:85%; height:100%; align-items: center; display: flex; margin-left:0; flex-direction: column; overflow:hidden; justify-content: center;}
.constentwrap .left_constent h1{ margin-bottom:30px; position:relative;}
.constentwrap .left_constent h1:after{content:""; background:#05d343; height:2px; width:50px; position:absolute; bottom:-10px; left:0;}
.constentwrap .left_constent p{color:#fff; font-size:14px; margin-bottom:0}
.innerscroll{ height:80%; overflow-y:scroll;}
.constentwrap .rightform{ margin-right:0;}
.constentwrap .contactwrap{ padding-left:80px;}
.constentwrap .conformdetails{ border:none; padding:0;}
.constentwrap .conformdetails .submitbtn{float:left;}
.logo{ width:auto; position: absolute; z-index: 11; margin-top:20px;}
.logo img{ width:110px;}
.tremswrap{position:absolute; bottom:15px;}
.tremswrap a{color:#fff; display:inline-block; font-size:14px; border-bottom:1px solid #fff; opacity:0.5; transition:all 0.5s ease;}
.tremswrap a:hover{opacity:1}
.trems_dt_wrap{ width:100%; padding:30px;}
.trems_dt_wrap ul li{ font-size:14px; margin-bottom:6px;}
.trems_dt_wrap p{line-height:1.5; font-size:14px;}
.constantpop .modal-dialog{max-width:700px;}
.constentwrap .conformdetails .submitbtn .btn-6 span{background:#05d343;  }
.constentwrap .conformdetails .submitbtn .btn-6{transition: all 0.5s;}
.constentwrap .conformdetails .submitbtn:hover .btn-6{border-color: #05d343;}
.constantpop .modal-header{position:absolute; right:0; top:0; padding:0;}
.constantpop .modal-content .close{position:static;}
#age-field {appearance: none; -webkit-appearance: none; background: url(../images/down-arrow.svg) no-repeat; background-size: 11px; background-position: 99% 15px; color: #878787;}
.fileUploadWraptestform p.resume {left: 80px; line-height: normal; color:#616161; top:11.3px !important;}
.constantpop  .modal-content {position: relative; border-radius: 0;}
.fileUploadWraptestform span{letter-spacing: 0.2px; font-weight: normal;}

.g-recaptcha >div{margin:0 0 0 auto;}
.submitbtn{margin-top: 25px;}
#hiddenRecaptcha1-error{position: absolute;right: 15%;}

@media(max-width: 991px){
  .constentwrap .container{ padding:0 30px;}
  .logo{ margin-top:15px;}
  .clrwh br{display:none}
  .clrwh{font-size:1.8rem; padding-top:30px}
  .constentwrap{ height:auto;}
  .constentwrap .left_constent{ width:100%}
  .constentwrap .bgcons{width:100%;height:450px; padding-top:50px}
  .constentwrap .left_constent{height:auto; height:450px; }
  .constentwrap .contactwrap{ padding:0; margin:50px 0;}
  .fileUploadWraptestform{ margin-bottom:30px}
  .constentwrap .contactwrap .conformdetails{ padding:0}
  .tremswrap{position:fixed; left:0; bottom:0; background:#000; padding:14px 0 16px; text-align:center; width:100%; z-index:22}
  .rightform{ margin-bottom:50px;}
  .constentwrap .left_constent{flex-direction: inherit;}
}

@media(max-width: 767px){
  .constentwrap .left_constent{ width:100%}
  .constentwrap .bgcons{width:100%; height:450px; padding-top:50px}
  .constentwrap .left_constent {height: 450px;}
  .constentwrap .contactwrap {padding: 0;margin: 40px 0;}
  .constantpop .modal-dialog{ max-width:600px}
  .constantpop .modal-content .close{ width:35px; height:35px;}
  .constantpop .modal-content .close img{ width:30px;}
  .fileUploadWraptestform span{font-size:11px; letter-spacing: 0.2px; font-weight: normal;}
  .fileUploadWraptestform p.resume {left: 63px;}
  .clrwh{ padding-top:40px}
  .tremswrap a{font-size:12px;}
  
  .g-recaptcha >div {
    margin: 0;
    transform: scale(0.7);
    position: relative;
    left: -18%;
}
}

@media(max-width:450px){
  .constentwrap .bgcons{width:100%; height:550px; padding-top:50px}
  .constentwrap .left_constent {height: 550px;}
  .constentwrap .contactwrap {padding: 0;margin: 40px 0;}
  .clrwh{ padding-top:40px}
  .tremswrap a{font-size:12px;}
}
@media(max-width:370px){
  .constentwrap .bgcons{width:100%; height:640px; padding-top:50px}
  .constentwrap .left_constent {height: 640px;}
  .constentwrap .contactwrap {padding: 0;margin: 40px 0;}
  .clrwh{ padding-top:40px}
  .tremswrap a{font-size:12px;}
}

@media(max-width:340px){
  .constentwrap .bgcons{width:100%; height:680px; padding-top:50px}
  .constentwrap .left_constent {height: 680px;}
  .constentwrap .contactwrap {padding: 0;margin: 40px 0;}
  .clrwh{ padding-top:40px}
  .tremswrap a{font-size:12px;}
}

.table tr th {color: #fff; background-color: #012a4a; border-color: #fff; vertical-align: top;}
.trleft{ text-align:center;}
@media(max-width: 767px){
  .trleft{ text-align:left;}
  .pad80 {padding-bottom: 50px;}  
}


.opg_first_paragraph{
  padding: 50px 0px;
  text-align: center;
}
.opg_last_paragraph{
  padding: 70px 80px;
  text-align: center;
}
.enbtn-bar{
  justify-content: end;
}

.explore_button{
  padding-left: 140px;
}
.refresh_bar{
  color: white;
  padding: 30px 0px;
  background-color: #1567b1;
}
.world_refresh span{
  font-style: italic;
  font-size:28px;
}

ul.nav-list.enbtn-bar li.enbtn {
  padding: 0px 20px !important;
}
.carousel-caption{
  color: rgb(255, 255, 255);
  left: 15%;
  bottom: 30%;
  position: absolute;
  text-align: left;
}
.carousel-caption h5{
  font-weight: 700;
  font-size: 40px;
}
.carousel-caption p{
  font-weight: 500;
  font-size: 30px;
}
.product_page_heading h2{
  font-size: 60px;
  padding-bottom: 50px;
}


.banner_video_bar {
  width: 100%;
  height: 100vh;
  position: relative;
  margin-top: 13px;
  z-index: 0;
}
.banner_video_bar .closevdbtn {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 99999999;
  opacity: 0;
  visibility: hidden;
  transition: all 2s ease;
  transform: translateY(-100%);
}
.banner_video_bar .closevdbtn span {
  color: #fff;
  font-size: 20px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background: #ffffff;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.banner_video_bar .closevdbtn span img {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.banner_video_bar .closevdbtn.opshow {
  opacity: 1;
  visibility: visible;
  transform: translateY(0%);
}
.banner_video_bar #ganga-video {
  width: 100%;
  height: 100% !important;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: fill;
     object-fit: fill;
  position: absolute;
}
.banner_video_bar .fullscreen {
  width: 100%;
  height: 100% !important;

  top: 0;
  left: 0;
  transition: all 5s ease;
  z-index: 33;
  margin-top: 0px !important;
}
.banner_video_bar .banner_text {
    left:0px;
    top:15%;
  position: absolute;
  width: 100%;
}
.banner_video_bar .banner_text .baninner {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 55;
  width: 100%;
  height: 320px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transform: translateY(0%);
  transition: all 2s ease;
  padding-top: 70px;
}
.banner_video_bar .banner_text .baninner .sub_title {
  width: 100%;
  letter-spacing: 5px;
  font-size: 2.5rem;
  color: #ffffff;
  text-align: center;
  font-weight: 100;
  font-family: "Montserrat";
}
.banner_video_bar .banner_text .baninner .banhd {
  width: 100%;
  letter-spacing: 1px;
  font-size: 5rem;
  color: #ffffff;
  text-align: center;
}
.banner_video_bar .banner_text .baninner .banhd img {
  width: 550px;
}
.banner_video_bar .banner_text .baninner p.bntxt {
  font-size: 1rem;
  color: #ffffff;
  max-width: 800px;
  margin: 0 auto;
  text-align: center;
  line-height: 1.5;
  font-weight: normal;
  letter-spacing: 1px;
}
.banner_video_bar .banner_text .baninner .plybtn {
  width: 150px;
  height: 150px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  cursor: pointer;
}
.banner_video_bar .banner_text .baninner .plybtn span {
  width: 80px;
  height: 80px;
  border: 1px solid #ffffff;
  border-radius: 100px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  opacity: 0.5;
}
.banner_video_bar .banner_text .baninner .plybtn span i {
  font-size: 20px;
  color: #ffffff;
  position: relative;
  left: 3px;
}
.banner_video_bar .banner_text .baninner .plybtn svg {
  width: 100%;
  max-width: 5.4rem;
  -webkit-animation: rotate 4.6s linear infinite;
          animation: rotate 4.6s linear infinite;
  position: absolute;
}
.banner_video_bar .banner_text .baninner .plybtn svg circle {
  fill: none;
  stroke: #ffffff;
  stroke-width: 1.5px;
  stroke-dasharray: 300;
  -webkit-animation: outline 5s cubic-bezier(0.77, 0, 0.18, 1) infinite;
          animation: outline 5s cubic-bezier(0.77, 0, 0.18, 1) infinite;
}
@-webkit-keyframes outline {
  0% {
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dashoffset: -300;
  }
  100% {
    stroke-dashoffset: -600;
  }
}
@keyframes outline {
  0% {
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dashoffset: -300;
  }
  100% {
    stroke-dashoffset: -600;
  }
}
@-webkit-keyframes rotate {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(0turn);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0turn);
  }
  to {
    transform: rotate(0turn);
  }
}
.banner_video_bar .banner_text .baninner .ban_bottom_wrap {
  width: auto;
  position: absolute;
  right: 0;
  bottom: 30px;
}
.banner_video_bar .banner_text .baninner .ban_bottom_wrap a {
  font-size: 13px;
  color: #ffffff;
  margin-left: 30px;
  transition: all 0.8s ease;
  width: auto;
  position: relative;
  font-family: "Montserrat";
  font-weight: 300;
}
.banner_video_bar .banner_text .baninner .ban_bottom_wrap a::before {
  transition: 300ms;
  height: 1px;
  content: "";
  position: absolute;
  background-color: #ffffff;
  width: 0%;
  bottom: -5px;
}
.banner_video_bar .banner_text .baninner .ban_bottom_wrap a:hover::before {
  width: 100%;
}
.banner_video_bar .banner_text .baninner .banner-logo {
  width: auto;
  position: absolute;
  left: 0;
  bottom: 30px;
}
.banner_video_bar .banner_text .baninner .banner-logo img {
  width: 70px;
}
.image_change img{
  padding-top: 0px;
  height: 300px !important;
}
.slider_paragraph{
  width: 435px !important;
  padding: 10px 30px !important;
  height: 350px !important;
}

.zylo_image_envirment{
  padding-top: 50px;
}
.zylo_image_envirment img{
  width:100%;
}
#Directors{
  padding-top: 150px;
}
.home_first_image img{
   height: 600px !important;
}
.image_change_contant{
  align-items: center;
}
.greener_image img{
height: 300px;
}
.greener_image_contant{
  justify-content: center;
  align-items: center;
}
.image_natural img{
  padding-top: 80px;
}
.map_bar{
  width: 100%; 
  overflow: hidden;
}

.refreshment_img_change{
  height: 330px !important  ;
}
.refreshment_img_change_conatant{
  padding-top: 40px;
}
.refreshment_img_change_conatant_full{
  padding: 40px 0px;
  padding-bottom: 50px;
}
.bottal_bar{
  padding: 60px 0px;
  padding-bottom: 70px;
}

.staunch_bar{
    padding-top:60px;
     padding-bottom:60px;
}
.staunch_bar_contant{
    padding-top:25px;
}


.text_paira::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  background: #738d9f;
  width: 95px;
  height: 1px;
}
.white_logo_footer img{
 width: 100px;
}
.copyright p {
  font-size: 14px;
  margin: 6px 0;
  text-align: end;
  padding-top: 5px;

}
.copyright-section{
    padding:20px;
}
.team-slider{
    width:100%;
}


li.enbtn1.des_none {
    display: none;
}
video.video-stream.html5-main-video {
    width: 100% !important;
}