body{ margin: 0px 0px; padding: 0px 0px; font-family: 'Inter', sans-serif; text-decoration: none; outline: none;}
h6{ font-size: 22px; color: #333; margin: 0px 0px;}
p{ font-size: 17px; line-height: 25px; font-weight: 500; color: #414141; margin: 0px 0px 20px 0px;}
.large-para{ font-size: 40px !important; color:#414141; font-weight: 600; white-space: pre-line; line-height: 50px !important;}
a:focus{ outline: none;}

.read-more{ margin: 10px 0px 20px 0px; padding: 0px 0px;}
.read-more a{color: #414141;font-size: 18px;text-decoration: none;position: relative;padding: 3px 25px; z-index: 1; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.read-more a:hover{ padding: 3px 5px 3px 0px;}
.read-more a::before{content: '';display: block;position: absolute; z-index: -1; left: 0px;clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 33% 50%, 0% 0%);background: #CFB35E;width: 14px;height: 100%;top: 0; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;} 
.read-more a:hover::before{ left: 100%;}

#header-scsn{ width: 100%; margin: 0px 0px; padding: 0px 0px; position: relative;}
.header-top{ width: 100%; margin: 0px 0px; padding: 0px 0px; position: relative; border-bottom: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD;}
.top-left{ margin: 0px 0px; padding: 0px 25px; position: relative;}
.top-left li{ display: inline-block; margin: 0px 0px; padding: 0px 0px;}
.top-left li a{font-size: 13px;color: #444444;font-weight: 500;padding: 17px 15px;display: block;text-decoration:none;transition: all ease 0.3s;-moz-transition: all ease 0.3s;-ms-transition: all ease 0.3s;-webkit-transition: all ease 0.3s;}
.top-left li a:hover,
.top-left li a.active{ color: #000000; transform: scale(1.075);}
.top-right{ margin: 0px 0px; padding: 0px 25px; position: relative;}
.top-right li{display: inline-block;margin: 0px 0px;padding: 0px 0px;border-left: 1px solid #DDDDDD;}
.top-right li:first-child{ border: none;}
.top-right li a{ font-size: 16px; color: #444444; font-weight: 500; display: block; padding: 15px 20px; text-decoration:none;}
.top-right li a i{font-size: 20px;margin: 0px 5px 0px 5px;color: #767864;position: relative;top: 2px;}

.top-right .dropdown-menu{min-width: 110px;border-radius: 0;border: none;padding: 0px 0px;}
.top-right .dropdown-menu li{width: 100%;margin: 0px 0px;padding: 0px 0px;position: relative;border: none;border-bottom: 1px solid #efefef;}
.top-right .dropdown-menu li a{font-size: 13px;color: #414141;padding: 7px 20px;}
.top-right .dropdown-menu li:last-child{ border-bottom: none;}

.header-menu .navbar{ padding: 0px 0px; border-right: 1px solid #DDDDDD;}
.header-menu .navbar-nav .nav-item{ border-right: 1px solid #DDDDDD;}
.header-menu .navbar-nav .nav-item:last-child{ border: none;}
.header-menu .navbar-nav .nav-link{ font-size: 17px; color: #444; font-weight: 500; padding:25px 50px; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
/* #header-scsn .navbar-nav .nav-item:hover .nav-link,
#header-scsn .navbar-nav .nav-link.active{ color: #000; transform: scale(1.075);} */

.header-menu .navbar-nav:hover .nav-item .nav-link {transform: scale(1); opacity: .35; filter: blur(.10px);}
.header-menu .navbar-nav .nav-item:hover .nav-link,
.header-menu .navbar-nav .nav-link.active{ transform: scale(1.075); opacity: 1; filter: blur(0); color: #000000;}

.header-menu .dropdown-menu{ padding:10px 35px; min-width:300px; border-radius:0; border:none; box-shadow:0px 15px 15px -4px rgb(0 0 0 / 12%); border-radius: 0px 0px 10px 10px; transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -webkit-transition: all ease 0.4s;}
.header-menu .dropdown-menu li{ margin:0px 0px; padding:0px 0px; border-bottom:1px solid #f5f5f5;}
.header-menu .dropdown-menu li a{ font-size:15px; color:#333; font-weight: 500; text-decoration:none; padding:10px 15px; display:block; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.header-menu .dropdown-menu li:last-child{ border:none;}
.header-menu .dropdown-menu li a:hover{ transform:translateX(5px);}
.logo-part{ margin: 15px 20px 15px 20px; padding: 0px 0px; text-align: right;}

#main-slider{ width: 100%; margin: 0px 0px; padding: 0px 0px; position: relative;}
#main-slider::before{ content: ''; display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); z-index: 1;}
#main-slider::after{content: '';display: block;position: absolute;left: 0px;top: 0px;width: 100%;height: 10px;background: linear-gradient(to bottom, rgb(0 0 0 / 42%) 0%, rgb(255 255 255 / 0%) 100%);z-index: 1;}
#main-slider img{ width: 100%; min-height: 200px; object-fit: cover; object-position: center;}
#main-slider .carousel-control-next, #main-slider .carousel-control-prev{ background: none; border: none;}
#main-slider .carousel-indicators{ display: none;}
#main-slider .carousel-caption{ z-index: 2; text-align: left; right: 0px !important; left: 20px;}
#main-slider .carousel-caption p{ font-size: 65px; color: #fff; font-weight: 600; white-space: pre-line; line-height: 80px;}

#main-slider .container{ position: relative;}

#welcome-part,.welcome-part{ width: 100%; margin: 30px 0px; padding: 30px 0px; position: relative;}
#welcome-part::before,.welcome-part::before{ content: ''; display: block; position: absolute; left: 0px; background: url(../images/welcome-shape.png) no-repeat; max-width: 630px; width: 100%; height:100%; background-size: contain;}
#welcome-part::after,.welcome-part::after{ content: ''; display: block; position: absolute; right: 0px; bottom: 0px; width: 30%; height: 100%; background: #767864; z-index: -1;}
.welcome-content{ margin: 0px 0px; padding: 45px 0px 35px 0px; position: relative;}

.welcome-content p{ font-size: 17px; color: #444; line-height: 24px; white-space: pre-line;}
.welcome-img{ margin: 0px 0px; padding: 25px 0px; position: relative;}
.welcome-img img { width: 100%;}

#countdown-scsn{ width: 100%; margin: 0px 0px; padding: 30px 0px; position: relative;}
.counter-details{ margin: 0px 0px 30px 0px; padding: 0px 0px; text-align: center;}
.counter-details h3{ font-size: 65px; color: #414141; font-weight: 300; margin: 0px 0px; position: relative;}
.counter-details h3::after{ content:"+"; font-size: 65px; color: #98D62C;}
.counter-details h6{ font-size: 18px; color: #767864;}

#group-scsn{ width: 100%; margin: 0px 0px; padding: 45px 0px 45px 0px; position: relative; z-index: 1;}
#group-scsn::before{ content: ''; display: block; position: absolute; left: 0px; top: 0px; background: #73CCC3; width: 100%; height: 55%; z-index: -1;}
#group-scsn h6{ font-size: 22px; color: #fff; margin: 0px 0px;}
#group-scsn h2{ font-size: 40px; white-space: pre-line; font-weight: 600; color: #fff; margin: 0px 0px 30px 0px;}
.group-slider{ margin: 0px 0px 30px 0px; padding: 0px 20px;}
.group-slider .item{ margin: 0px 0px; padding: 0px 0px; position: relative; overflow: hidden;}
.group-slider .item img{ width: 100%;}
.group-slider .item a{ display: block; position: relative;}
.group-slider .item a:before{ content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.16) 0%, rgba(0,0,0,0.82) 100%);}
.group-slider .item:hover .slider-content{ height:80%;}
.slider-content{ position: absolute; bottom: 0px; padding: 25px; height: 85px; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.slider-content h3{ font-size: 30px; color: #fff; margin: 0px 0px 20px 0px;}
.slider-content p{ font-size: 17px; color: #fff; margin: 0px 0px 15px 0px;}
.slider-content .read-more{ margin: 0px 0px; padding: 0px 0px;}
.slider-content .read-more span{color: #fff;font-size: 18px;text-decoration: none;position: relative;padding: 3px 25px; z-index: 1; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.slider-content .read-more span:hover{ padding: 3px 15px 3px 0px;}
.slider-content .read-more span::before{content: '';display: block;position: absolute; z-index: -1; left: 0px;clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 33% 50%, 0% 0%);background: #CFB35E;width: 14px;height: 100%;top: 0; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;} 
.slider-content .read-more span:hover::before{left: 100%;}

#sustainability,.sustainability{width: 100%;margin: 0px 0px 45px 0px;padding: 0px 0px 0px 0px;position: relative;overflow-x: hidden;}
#sustainability::before,.sustainability::before{ content: ''; display: block; position: absolute; left: 0px; top: 0px; width: 30%; height: 100%; background: #767864; z-index: -1;}
#sustainability::after,.sustainability::after{content: '';display: block;position: absolute;right: -17px;top: 0px;background: url(../images/logo-shape.png) no-repeat;max-width: 520px;width: 100%;height:100%;background-size: contain;z-index: -2;}
.sustainable-img{ margin: 0px 0px; padding: 30px 0px; position: relative;}
.sustainable-img img{ width: 100%;}
#sustainability h3{ font-size: 40px; white-space: pre-line; font-weight: 600; color:#414141; margin: 0px 0px 30px 0px;}
.sustainable-content{ margin: 0px 0px; padding: 0px 150px 0px 150px; position: relative;}

#products-part{ width: 100%; margin: 0px 0px; padding:45px 0px 30px 0px;}
.home-pro-list{margin: 0px 0px;padding: 0px 0px;position: relative;max-width: 620px;}
#hexGrid { display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; padding: 0px 0px; overflow: hidden; list-style-type: none; }
.hex { position: relative; visibility: hidden; outline: 1px solid transparent; transition: all 0.5s; backface-visibility: hidden; will-change: transform; transition: all 0.5s; min-width: 250px; }
.hex::after { content: ''; display: block; padding-bottom: 86.602%;  /* =  100 / tan(60) * 1.5 */ }
li.hex:nth-child(3) { left: 20.2%; }
li.hex:nth-child(4) { left: 20.2%; }
li.hex:nth-child(5) { margin-bottom: 100px; }



/*----------------- My test -------------------------*/
li.hex:nth-child(1) .hexa-content, li.hex:nth-child(1) .hexIn .img:after { animation: hexanim 20s infinite; }
li.hex:nth-child(2) .hexa-content, li.hex:nth-child(2) .hexIn .img:after { animation: hexanim 20s 8s infinite; }
li.hex:nth-child(3) .hexa-content, li.hex:nth-child(3) .hexIn .img:after { animation: hexanim 20s 16s infinite; }
li.hex:nth-child(4) .hexa-content, li.hex:nth-child(4) .hexIn .img:after { animation: hexanim 20s 4s infinite; }
li.hex:nth-child(5) .hexa-content, li.hex:nth-child(5) .hexIn .img:after { animation: hexanim 20s 12s infinite; }
li.hex:nth-child(6) .hexa-content, li.hex:nth-child(6) .hexIn .img:after { animation: hexanim 20s 18s infinite; }
li.hex .hexIn:hover .img:after{ animation: unset;}
@keyframes hexanim {
  0%   { opacity: 0;}
  10%  { opacity: 0;}
  15%  { opacity: 1;}
  30%  { opacity: 1;}
  35%  { opacity: 0;}
  100% { opacity: 0;}
}
/*----------------- end test -------------------------*/


li.hex:hover .hexa-content { opacity: 1; animation:none !important;}
.hexa-content { position: absolute; top: 50%; bottom: 50%; left: 0; margin: auto; display: flex; text-align: center; justify-content: space-around; align-items: center; right: 0; opacity: 0; transition: all 0.5s; }
.hexa-content h2 { font-size: 18px; color: #333; white-space: pre-line; font-weight: 500; }
.hexa-content span { font-size: 15px; font-weight: 500; color: #333; text-decoration: underline; position: relative; margin: 70px 0px 0px 0px; }
.hexIn { position: absolute; width: 96%; padding-bottom: 110.851%; /* =  width / sin(60) */ margin: 2%; overflow: hidden; visibility: hidden; outline: 1px solid transparent; /* fix for jagged edges in FF on hover transition */ -webkit-transform: rotate3d(0, 0, 1, -60deg) skewY(30deg); -ms-transform: rotate3d(0, 0, 1, -60deg) skewY(30deg); transform: rotate3d(0, 0, 1, -60deg) skewY(30deg); transition: all 0.5s; }
.hexIn * { position: absolute; visibility: visible; outline: 1px solid transparent; /* fix for jagged edges in FF on hover transition */ }
.hexLink { display: block; width: 100%; height: 100%; text-align: center; color: #fff; overflow: hidden; -webkit-transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg); -ms-transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg); transform: skewY(-30deg) rotate3d(0, 0, 1, 60deg); }
.hexIn .hexLink.active .img::after, .hexIn .hexLink.active .hexa-content{opacity: 1;}
/*** HEX CONTENT **********************************************************************/
.hex img { left: -100%; right: -100%; width: auto; height: 100%; margin: 0 auto; }
.img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center center; background-size: cover; overflow: hidden; -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
.img:before, .img:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: 0; transition: 500ms; }
.img:before { background: rgba(22, 103, 137, 0.3) }
.img:after { background: linear-gradient(to right, rgba(152,214,46,1) 0%, rgba(115,204,198,1) 100%); }
/*** HOVER EFFECT  **********************************************************************/

.hexIn .img:after { transition:500ms; }
.hexIn:hover .img:before,  .hexIn:hover .img:after,  .hexIn:hover .hexLink { opacity: 1; }

#industries-serve{ width: 100%; margin: 0px 0px; padding: 50px 0px 30px 0px; position: relative; background: #F9F9F9;}
.industries-slider{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative; text-align: center; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.serve-img{ width: 150px; height: 150px; background: #fff; text-align: center; line-height: 150px; margin:0px auto 15px auto; border-radius: 10px; box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 5%);}
.serve-img img{ margin: 0px 0px; padding: 0px 0px; position: relative;}
#industries-serve .owl-stage-outer {
  padding: 35px 0px;
}
.industries-slider h5{ font-size: 16px;}
.industries-slider .item{ position: relative; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.industries-slider .item img{ position: relative; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.industries-slider .item:hover img{ filter: sepia(1); transform: scale(.80);}
#industries-serve .owl-nav { position: absolute; top: -30px; right: 0;}
#industries-serve .owl-carousel .owl-nav button.owl-prev { left: -75px;}
#industries-serve .owl-nav button{ color: #767864; font-size: 25px;}

#home-team-scsn{ width: 100%; padding:65px 0px 30px 0px;}
.our-team{margin: 0px 0px;padding: 30px 25px 45px 25px;position: relative;background: url(../images/team-img.jpg) no-repeat;background-size: cover; z-index: 1; height: 100%;}
.our-team::before{ content: ''; display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.75); z-index: -1;}
.our-team h6{ font-size: 22px; color:#CEB25E; margin: 0px 0px 15px 0px; }
.our-team h3{ font-size: 40px; color: #fff; margin: 0px 0px 20px 0px;}
.our-team .read-more{ margin: 0px 0px; padding: 0px 0px;}
.our-team .read-more a{color: #fff;font-size: 18px;text-decoration: none;position: relative;padding: 3px 20px; z-index: 1; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.our-team .read-more a:hover{ color: #fff; padding: 3px 15px 3px 0px;}
.our-team .read-more a::before{content: '';display: block;position: absolute; z-index: -1; left: 0px;clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 33% 50%, 0% 0%);background: #CFB35E;width: 14px;height: 100%;top: 0; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;} 
.our-team .read-more a:hover::before{left: 100%;}

.export{ margin: 0px 0px; padding: 30px 25px; position: relative; background: url(../images/export.jpg); height: 100%; background-size: cover; z-index: 1;}
.export h6{ font-size: 22px; margin: 0px 0px 15px 0px; padding: 0px 0px; position: relative;}
.export::before{ content: ''; display: block; position: absolute; left: 0px; top: 0px; background: linear-gradient(to right, rgb(118 205 182 / 65%) 0%, rgb(254 231 117 / 65%) 100%); width: 100%; height: 100%; z-index: -1;}
.export .read-more{ margin: 0px 0px; padding: 0px 0px;}
.export .read-more a{color: #414141;font-size: 18px;text-decoration: none;position: relative;padding: 3px 25px; z-index: 1; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.export .read-more a:hover{padding: 3px 15px 3px 0px;}
.export .read-more a::before{content: '';display: block;position: absolute; z-index: -1; left: 0px;clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 33% 50%, 0% 0%);background: #414141;width: 14px;height: 100%;top: 0; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;} 
.export .read-more a:hover::before{left: 100%;}

.reading-part{ background:#CFB35E; padding: 30px 25px; height: 100%;}
.reading-part h6{ font-size: 22px; margin: 0px 0px 15px 0px; padding: 0px 0px; position: relative;}
.reading-part h5{ font-size: 14px; color: rgba(255,255,255,.65); margin: 0px 0px 10px 0px;}
.reading-part p{ font-size: 19px; color: #fff; font-weight: 500; line-height: 25px;}
.reading-part .read-more{ margin: 0px 0px; padding: 0px 0px;}
.reading-part .read-more a{color: #fff;font-size: 18px;text-decoration: none;position: relative;padding: 3px 25px; z-index: 1; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
.reading-part .read-more a:hover{ padding: 3px 20px 3px 0px;}
.reading-part .read-more a::before{content: '';display: block;position: absolute; z-index: -1; left: 0px;clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 33% 50%, 0% 0%);background: #414141;width: 14px;height: 100%;top: 0; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;} 
.reading-part .read-more a:hover::before{ left: 100%;}

#footer-scsn{ width: 100%; margin: 0px 0px; padding: 60px 0px 0px 0px; position: relative; background: #2f4137; z-index: 1;}
#footer-scsn::before{ content: ''; display: block; position: absolute; top: 0px; left: 0px; background: url(../images/footer-bg.jpg) no-repeat bottom center; background-size: cover; width: 100%; height: 100%; z-index: -1; opacity: .10;}
.footer-address{ margin: 0px 0px 20px 0px; padding: 0px 0px; position: relative;}
.footer-address img{ margin: 0px 0px 20px 0px; padding: 0px 0px; position: relative; -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);}
  .footer-address p{ font-size: 16px; color: rgba(255,255,255,.75); font-weight: 500; white-space: pre-line;}
  .footer-nav{ margin: 0px 0px 20px 0px; padding: 0px 0px; position: relative;}
  .footer-nav li{ list-style: none; margin: 0px 0px 0px 0px; padding: 5px 0px;}
  .footer-nav li a{ color: #fff; text-decoration: none; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
  .footer-nav li a:hover{ color: #ffd964; text-decoration: underline;}
  .group-nav{ margin: 0px 0px 20px 0px; padding: 0px 0px; position: relative;}
  .group-nav h3{ font-size: 16px; color: #fff; margin: 0px 0px 15px 0px;}
  .group-nav ul{ margin: 0px 0px; padding: 0px 0px; position: relative;}
  .group-nav ul li{ list-style: none; margin: 0px 0px 0px 0px; padding: 3px 0px;}
  .group-nav ul li a{ color:rgba(255,255,255,.75); text-decoration: none; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
  .group-nav ul li a:hover{color: #ffd964; text-decoration: underline;}

  .footer-newsletter{ width: 100%; margin: 25px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; border-top: 1px solid rgba(255,255,255,.25); border-bottom: 1px solid rgba(255,255,255,.25);}
  .newsletter{ margin: 0px 0px; padding: 65px 25px 25px 25px; position: relative; }
  .newsletter .form-group{ margin: 0px 0px; padding: 0px 0px; position: relative;}
  .newsletter h6{ font-size: 15px; color: rgba(255,255,255,.65); font-weight: 500; margin: 0px 0px 10px 0px;}
  .newsletter input{ width: 100%; padding: 10px 15px 10px 15px; font-size: 15px; color: #fff; background:rgb(255 255 255 / 10%); border: 1px solid rgba(255,255,255,.40);}
  .newsletter input:focus{ border: 1px solid #fff; outline: none;}
  .newsletter input::placeholder{ color:rgba(255,255,255,.50); font-size: 13px;}
  .newsletter  .subscribe{ position: absolute; right:0; height: 100%; padding: 10px 15px; background: #CFB35E; color: #fff; font-size: 15px; border: none; box-shadow: none;}

  .footer-connect{ margin: 0px 0px; padding: 65px 30px 45px 30px; position: relative; border-left: 1px solid rgba(255,255,255,0.35);}
  .footer-connect li{ padding: 0px 0px 0px 60px; position: relative; list-style: none;}
  .footer-connect li img{ position: absolute; left: 0px; margin: 10px 0px 0px 0px;}
  .footer-connect li small{ display: block; font-size: 15px; color: #fff; font-weight: 500;}
  .footer-connect li a{ font-size: 22px; color: #fff; margin: 0px 0px 0px 0px; text-decoration: none; font-weight: 500; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
  .footer-connect li a:hover{ color: #ffd964;}

  .footer{ width: 100%; padding: 25px 0px;}
  .footer h6{ font-size: 14px; color:rgba(255,255,255,.65); font-weight: 500; margin: 0px 0px 0px 0px; line-height: 25px;}
  .footer h6 a{ color: rgba(255,255,255,.65); text-decoration: none; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
  .footer h6 a:hover{ color: #fff;}
  .policy-link{ margin: 0px 0px; padding: 0px 0px; position: relative;}
  .policy-link li{ display: inline-block; margin: 0px 0px; padding: 0px 5px;}
  .policy-link li a{ color: #fff; font-size: 14px; text-decoration: none; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
  .policy-link li a i{ font-size: 25px; color: #fff; padding: 0px 10px; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -webkit-transition: all ease 0.3s;}
  .policy-link li a:hover, .policy-link li a:hover i{color: #ffd964;}



/*08/02/2022 */
.allpage-enq{ animation-name: float-enqBtn; animation-duration: 1.5s; animation-iteration-count: infinite; animation-timing-function: linear; z-index: 111; position: fixed; top: 58%; right: -78px;}
.allpage-enq .btn-enquiry{ transform: rotate(-90deg); border-radius:0px; border:none; padding: 12px 45px; background: #98d62d; color: #fff; font-size: 17px; font-weight: 500; text-transform: uppercase; transition: all ease 0.5s;}
.allpage-enq .btn-enquiry:hover, .allpage-enq .btn-enquiry.focus, .allpage-enq .btn-enquiry:focus, .btn:hover{ background: #98d62d linear-gradient(to right, rgba(152,214,46,1) 0%, rgba(115,204,198,1) 100%); box-shadow: 0 0 10px 0 rgb(0 0 0 /20%); outline: none;}
body[style*='margin-right'] .allpage-enq{right:-61px; }
.allpage-enq .btn-enquiry:focus{ outline: none;}
@keyframes float-enqBtn { 
  0% { -webkit-transform:translateY(-20px); transform:translateY(-20px); }
  50% { -webkit-transform:translateY(-10px); transform:translateY(-10px); }
  100% { -webkit-transform:translateY(-20px); transform:translateY(-20px); }
}

#enquiryModal .modal-content { background-color: #fff;}
.enq-title { font-size: 30px; color: #333;  margin: 0px 0px 16px 0px; font-weight: 600; text-transform:uppercase;}
.enq-close { position: absolute; right: 30px; background: #333; border-radius: 0; width: 30px; height: 30px; border:none; opacity: 0.9; color: #fff;}
button.enq-close:focus { outline: none;}
.enq-form{ padding:30px;}
.enq-form .form-group{ position:relative;}
.enq-form .form-group .bdr{ position:absolute; bottom:0; left:0; display:block; content:''; width:0%; height:1px; background:rgb(0 0 0 /70%); transition:500ms;}
.enq-form .form-group input:focus+.bdr, .enq-form .form-group textarea:focus+.bdr{ width:100%;}
.enq-form .form-group input, .enq-form .form-group textarea { padding: 10px 20px; margin: 0px 0px; background: #fff0; font-size: 15px; color: #414141; width: 100%; border-radius: 0px; border: 0; border-bottom: 1px solid rgb(0 0 0 /20%); outline: 0;}
.enq-form .form-group textarea { height: 100px; resize: none;}
.enq-form .form-group .submit { display: inline-block; padding: 15px 50px; margin: 0px 0px; background: #333; color: #fff; border: none; position: relative; font-size: 14px; text-transform: uppercase;}
.enq-form .form-group input::placeholder, .enq-form .form-group textarea::placeholder { color: rgb(65 65 65 / 25%);}
.enq-form .form-group .form-control:focus{box-shadow:none;}

/*bottom-top*/
.progress-wrap {position: fixed;right: 25px;bottom: 15px;height: 46px;width: 46px;cursor: pointer;display: block;border-radius: 50px;box-shadow: inset  0 0 0 2px rgba(255,255,255,0.2);z-index: 11;opacity: 0;visibility: hidden;transform: translateY(15px);-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progress-wrap.active-progress {opacity: 1; visibility: visible; transform: translateY(0); }
.progress-wrap::after {position: absolute;font-family: 'FontAwesome';content: '\f176';text-align: center;line-height: 46px;font-size: 24px;color: #98d62d;left: 0;top: 0;height: 46px;width: 46px;cursor: pointer;display: block;z-index: 1;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progress-wrap:hover::after {opacity: 0; }
.progress-wrap::before {position: absolute;font-family: 'FontAwesome';content: '\f176';text-align: center;line-height: 46px;font-size: 24px;opacity: 0;/*background: rgb(37 37 37 / 50%); border-radius: 50%;*/background-image: linear-gradient(298deg, var(--red), var(--yellow));-webkit-background-clip: text;-webkit-text-fill-color: #98d62d;left: 0;top: 0;height: 46px;width: 46px;cursor: pointer;display: block;z-index: 2222;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
.progress-wrap:hover::before {opacity: 1; }
.progress-wrap svg path {fill: none; }
.progress-wrap svg.progress-circle path {stroke: #98d62d;stroke-width: 4;box-sizing:border-box;-webkit-transition: all 200ms linear;transition: all 200ms linear;}
/**/

.investor-list{ margin:0px 0px 0px 0px; padding:0px 0px; position:relative;max-width: 1200px;}
.investor-list li{ margin:0px 0px; padding:0px 0px; position:relative;list-style: none; background:#f9f9f9;}
.investor-list li:nth-child(even){ background:#fff;}
.investor-list li a{padding: 15px 25px 15px 45px; font-size:17px; color:#333; display: block;text-decoration: none;font-weight: 500;}
.investor-list li a:before{ content:'\f1c1';font-family: 'FontAwesome'; display:block; position:absolute;left: 15px; font-size:20px;color: #d32316;top: 12px;}




/* 19-05-2025 */
.footer-details {align-items: center; text-align: center; gap: 5px}
.footer-details .webplus { color: rgba(255,255,255,.65); font-size: 14px; }
.footer-details .webplus:before { content:' | '; }
.footer-details .webplus a {padding-left: 4px;}
.footer-details .webplus img {filter: invert(1) grayscale(1) brightness(2); opacity: 0.55; transition: 0.5s all; margin-left: 0px;}
.footer-details .webplus:hover img {opacity: 0.8; }