* {margin: 0; padding: 0; font-family: 'Nunito Sans';}

.page-template-home {background: url(../images/comp-bg.jpg); background-attachment: fixed;}
:root {
  --primary-color: #1A355F; /*dark blue*/
  --secondary-color: #35AA8A; /*green color*/
  --success-color: #28a745;
  --danger-color: #dc3545;
  --warning-color: #ffc107;
  --light-color: #f8f9fa;
  --dark-color: #343a40;
  --font-family: 'Nunito Sans';
  --border-radius: 6px;
}

.bar{width:300px;  height:6px;  background:#ddd;  margin-top:10px;}
#progress{  width:0%;  height:100%;  background:#35AA8A;}
#loader{ position: fixed; top:0;  left:0;  width:100%;  height:100%;  background:#fff; display:flex;  justify-content:center;
  align-items:center;  z-index:9999;}
.loader-box{font-size:40px; font-weight:bold;}


h1, h2 {text-transform: uppercase; font-weight: 800; color: #fff; }
h3 {text-transform: uppercase; font-weight: bold; color: #fff;}
p, ul li{color: #fff;}
body ul { padding-left: 15px;}

.navbar .dropdown:hover>.dropdown-menu{display:block;}
.dropdown-submenu{position:relative;}
.dropdown-submenu .dropdown-menu{top:0; left:100%; margin-left:0; display:none;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.navbar-toggler{border:none;}
.navbar-toggler.open .navbar-toggler-icon{background-image:none;position:relative;}
.navbar-toggler.open .navbar-toggler-icon::before{content:"✕";font-size:24px;}
.navbar .dropdown:hover>.dropdown-menu {    display: block; background: #35aa8ae0; top: 41px; border-radius: inherit;  width: 290px;
    left: -1px;  padding: 20px 20px;     border: none;}
.dropdown-menu li a {  padding: 10px 0 !important;    background: none;}
.dropdown-menu li a:hover {background: none;}


.text-white {color: #fff;}
.top-head {background: #1A355F; padding: 10px 20px; position: relative;}
.w-100 {max-width: 100% !important; padding: 0;}
.bg-green {background: #35AA8A;}
.alin {align-items: center;}
.top-btn a { background: #35AA8A;  color: #fff; text-decoration: none; padding: 10px 30px;  text-transform: uppercase;  position: absolute;
    right: 0;   top: 0;}
.top-menu { position: absolute;  top: 43px;  width: 100%;   z-index: 5;}
.top-menu:after { content: '';  background: #183E6A;  height: 84%;  width: 100%; display: block;  position: absolute;
    top: 0;  z-index: -1;  opacity: 0.57;}
.top-menu li.nav-item a, .top-menu .nav-link.active {  color: #fff !important; text-transform: uppercase; padding: 0 10px; font-size: 15px;line-height: 1.2;}
ul.navbar-nav {  align-items: center; justify-content: flex-end !important;}
.top-menu li.nav-item { border-left: 2px solid #35AA8A;     height: 38px;   display: flex;   align-items: anchor-center;     margin: 0 11px;}  
.logo img {  max-width: 80%;}
.padd{padding: 80px 0;}
.navbar-expand-lg .navbar-nav {  justify-items: flex-end !important;     width: 100%;     }

.menu-main:after {   content: '';    background: #24599678;    height: 35%;    width: 70%;    display: block;    position: absolute;
    bottom: -150px;    right: 0;    z-index: 1;    clip-path: polygon(0 50%, 100% 0, 100% 100%, 0 50%);}
 .wt-wdt {  position: fixed;    bottom: 20px;    right: 40px;    z-index: 99;}

.menu-main .owl-nav button {  position: absolute;  top: 35%;  z-index: 99;   background: #245996 !important;    color: #fff !important;    height: 40px;
    width: 40px;}
.menu-main .owl-next {    right: 0;}
.menu-main .owl-nav button span {  font-size: 46px;    line-height: 0.6;}

.btm-menu { display: flex;  justify-content: center;}
/*Home Banner*/
.top-menu nav {  padding: 0;}
.owl-carousel img {  width: 100%;    height: auto;}
.banner-txt { position: absolute;  top: 22%;   left: 8%; width:34%; z-index: 2;}
.banner-txt h1 {  color: #fff;  font-weight: 800;  text-transform: uppercase;}
.btn-cls {   padding: 10px 50px;  color: #fff;   text-decoration: none;   margin-right: 10px; border-radius: 50px;     text-transform: uppercase;}
.bg-bor {  background: #245996;  border: 2px solid #245996;}
.bl-bor { background: none;  border: 2px solid #fff;}
.btn-cls:hover{background: #35aa8a;  border: 2px solid #35aa8a;}
.banner-txt span {  margin-top: 60px;  display: block;}
.menu-main {  height: 100vh;  overflow: hidden;}
/*Home Banner*/

/*Section 2*/
.home-sec-two { position: relative; width: 100%;  margin-top: -110px; z-index: 2; /* clip-path: polygon(0 0, 100% 15%, 100% 85%, 0% 100%);*/  padding:13% 0px; }
.home-sec-two:after {  content: '';   background: #35AA8A;   top: 0;    left: 0;    height: 100%;    width: 100%;
    position: absolute;    clip-path: polygon(0 0, 100% 15%, 100% 85%, 0% 100%);}
.home-sec-two .container {  position: relative;    z-index: 2;}
.img-sec {  position: absolute;  top: -80px;  z-index: 999;   left: 0; max-width: 100%;   width: 60%;}
/*Section 2*/

/*Section 3*/
.home-sec-three {background: #245996; padding: 12% 0 14%;  position: relative; margin-top: -140px; clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 85%);  z-index: 9;}
.cap-sec {  background: #19284D;     height: 100%; margin: 0 10px;}
.cap-sec img {  max-width: 100%;   width: 100%;}
.cap-sec span { padding: 20px;  display: block;}
.cap-sec h3 {  line-height: 1;}
.home-sec-four { background: #35AA8A; padding: 12% 5% 15%;  position: relative;  margin-top: -80px;  clip-path: polygon(0 23%, 100% 0, 100% 100%, 0 77%); z-index: 9;}


.home-sec-four P { width: 85%;}
.vion-btm a {  margin-top: 10px;  display: inline-block;}

.vion-logo {position: relative; top: 0;}
.vion-logo span img {position: absolute;  top: -70px;  left: 5%;  max-width: 16%;    z-index: 2;}
.vion-logo:after {  content: '';   background: #fffefe;    width: 100%;    display: block;    position: absolute;    height: 40vh;    top: -190px;}
.img-sec2 {  position: absolute;  top: -30px;  z-index: 9;   right: 0; max-width: 100%;   width: 60%;}
.prod-img { position: absolute; z-index: 11;  margin: 0 auto;  top: 310px;  left: 17%;}
.prod-img img { width: 80%;}


.app-ico {  display: flex;  align-items: center;  margin-bottom: 30px;}
.app-ico p {  margin-bottom: 0;  text-transform: uppercase;  font-weight: 600;    font-size: 18px;}
.home-sec-five {  position: relative;  margin-top:-200px;  z-index: 9;   padding: 14% 0 10%;}

.home-sec-tech {    margin-top: -180px;}
.home-sec-nine { position: relative;  width: 100%;  margin-top: -200px;  z-index: 12;  clip-path: polygon(0 0, 100% 15%, 100% 85%, 0% 100%);    padding: 13% 0px;}
.home-sec-ten {  clip-path: polygon(0 14%, 100% 0, 100% 100%, 0 86%);      margin-top: -140px;  position: relative;   z-index: 14;}
.home-sec-ten .col-md-4 {padding: 0;}
.enro {  position: relative;}
.enro img {max-width: 100%;}
.enro span {  position: absolute;   bottom: 18%;   left: 10%;    width: 80%; z-index: 2;}
.inverto {  position: relative;  width: 100%;   margin-top: 30px;    z-index: 16;    padding: 5% 0px 11%;}
.inver a { margin-top: 10px;  display: inline-block;   background: #35AA8A;}
.dvison {  position: absolute;  top: -35%;}
.subscribe-section {   padding: 10px 0;}
.form-des button {  background: none;   border: none;}
.form-des input { background: #000;   padding: 15px 20px;    border-radius: 15px;    opacity: 0.4;    color: #fff;    width: 100%;}
.form-des img {  max-width: 90%;}
.subscribe-section p {  margin-bottom: 0;}
.site-footer{  background: #1C2A39;}
.btm-menu a {  color: #fff;  text-decoration: none;  margin: 0 25px;}
.btm-menu {  text-align: center;}
.social-icon {  text-align: right;}
.site-footer {  background: #1C2A39;    padding-bottom: 50px;}
.btm-menu+hr {  color: #ffffff;}
.social-icon img {  opacity: 0.3;}

.enro{ position:relative; overflow:hidden; } 
.enro img {    transition: transform 0.5s ease;}
.enro:hover img { transform: scale(1.2); border-radius: 30px;}

.navbar-nav > li:last-child .dropdown-submenu{ width: 100px;}
.navbar-nav > li:last-child .dropdown-submenu .dropdown-item{ white-space: normal;}
.navbar-nav > li:last-child > .dropdown-menu{  width: 200px;  min-width: 200px;}
.max-full {max-width: 100%;}

.abt-sec-one {height: 65vh;}
.abt-sec-one .banner-txt {width: 100%; left: 0;}
.abt-sec-one:after {    bottom: 15%;}
.abt-sec-team {  background: #35AA8A;}
.tem-bg { position: relative; overflow: hidden;}
.tem-bg:before {content: ''; background: #0F3B6E; height: 90%; width: 100%;    display: block;    position: absolute;    bottom: 0; }
.tem-bg .col-md-3, .tem-bg .col-md-6, .tem-bg .col-md-5, .tem-bg .col-md-7 {position: relative; z-index: 1;}
.tem-bg .col-md-5 {left: -30px;}
.tem-bg:before {    left: -10px;}
.ceoteam img {   max-width: 100%;}
.teamname h2 {  color: #7AF7D5;}
.teamname h2 span {   font-weight: 600;}
.teamname p:after {  content: '';    background: #7AF7D5;    height: 2px;   width: 90px;    display: block;    margin-top: 10px;}
.tem-bg:after { content: '';   background: url(../images/power.jpg); width: 100%; height: 90%;    display: block;  position: absolute; left: -10%;   z-index: 0;
background-repeat: no-repeat; bottom: 0;}
.cap-sec2 {  background: #35aa8a;}
.cap-sec2 span{padding: 30px;}
.cap-sec2 img {  clip-path: polygon(0 0%, 100% 0, 100% 80%, 0 100%);}
.abt-sec-team {  background: #35AA8A;    position: relative;    margin-top: -200px;     padding-bottom: 13%;}
.abt-sec-team .container {   position: relative;    z-index: 9;}

.cont-abt {  display: flex;  align-items: anchor-center;  background: #245996;    border-radius: 30px;    padding-left: 30px;     margin-top: 50px;}
.cont-abt img { width: 50%;  border-radius: 0 30px 30px 0;     border-radius: 0 30px 30px 0;  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 40% 100%);}
.cont-abt span {    width: 50%;}
.cont-abt a {  background: #35aa8a;}
.abt-sec-four, .abt-sec-three {background-size: 100% !important; background-repeat: no-repeat !important; background-position: top center !important;}
.cont-abt span p { font-size: 16px;}
.clr-grlt{    color: #7AF7D5;    text-transform: uppercase;    font-weight: bold;    margin-bottom: 0;}
.abt-sec-one img {max-width: 100%;}
.abt-sec-three {   margin-top: -190px;}
.abt-sec-four .img-sec2{width: 64%;}
.abt-sec-four {  clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 87%);    margin-top: -140px;    padding-bottom: 11%; }
.powericon p {  text-transform: capitalize;    margin-left: 20px; }
.powericon {justify-content: center;}
.team-cont-small p { font-size: 16px;}
.teamname-small h2 {font-size: 1.8rem;}
.abt-sec-five {padding-bottom: 5%;}
.tem-bg-small:after {left: -60%;}




/*Bess*/
/*.abt-sec-one:before {   content: '';    background: #24599678;    height: 35%;    width: 70%;    display: block;
    position: absolute;    bottom: -150px;    top: 0; left: 0;    z-index: 1;    clip-path: polygon(0 50%, 100% 0, 100% 100%, 0 50%);}*/
.drk-bg {  background: #24242469;  height: 100%; padding: 10px 5px 10px 15px;   color: #fff;}
.tble-frt .col-md-3, .tble-frt .col-md-9, .tble-frt .col-md-2, .tble-frt .col-md-10 { margin-bottom: 8px;}
.bor-blue {  background: #245996;  color: #fff;  padding: 8px 0px;  margin-bottom: 10px;}
.bor-blue h4 {  text-transform: uppercase;}
.cap-sec3 {background: #245996;}
.table-fort { padding: 11% 0 14%;  margin-top: -230px;    z-index: 9;}
.bess-sec-three {  margin-top: -190px;   padding-bottom: 12%; clip-path: none;}
.bess-sec-three .container {position: relative; z-index: 20;}
.bess-sec-four {  clip-path: none;   margin-top: -240px;    padding: 18% 0 14%;}
.bess-sec-five {  padding: 4% 0;}
.bess-bnr:before {   content: ''; background: #0f3b6e82; height: 90%;  width: 55%;  display: block;  top: auto; position: absolute;  bottom: -10px;
    left: 0;  z-index: 0;  clip-path: polygon(0% 0%, 75% 20%, 100% 100%, 0% 90%);}
.bess-bnr:after {background: #35aa8a75;}

.contactus:after {display: none;}
.form-head {  background: #35AA8A;  padding: 20px 40px; width: 90%;}
.form-head { position: relative;}
.contactus { clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);   padding: 4% 0;}
.form-head a, .form-head span, .form-head p { color: #fff; text-decoration: none;   margin-bottom: 5px;}
.contact-bnr p { width: 55%; text-align: center;  margin: 0 auto;}
.form-head img { position: absolute;  left: -20px;  width: 45px;}
.form-head input, .form-head textarea {   width: 100%;    background: #000;    padding: 10px 15px;    opacity: 0.4;    border: none; color: #fff;}
.form-head h2, .form-head .gfield_required  { display: none;}
.form-head label {  font-weight: 700;  color: #fff;  margin: 7px 0 1px;}
.form-head input#gform_submit_button_2 { background: #245996; opacity: 1;  width: 40%;  margin: 0 auto;  display: block;
    margin-top: 10px;  text-transform: uppercase;  border-radius: 40px;}


form#gform_1 {  display: inline-flex;  align-items: center;   width: 100%;    justify-content: space-around;}
input#gform_submit_button_1 {  background: none;     opacity: 1;  padding: 0px; padding-left: 10px !important;}
.form-des label {  display: none;}
.form-des .gform-body.gform_body { width: 100%;}



@media (min-width: 1680px)
{
    h2 {font-size: 2.5rem;}
    p {font-size: 18px;}
    .menu-main video {  width: 100%;}
}

@media (min-width: 2150px)
{
body{    background-size: cover;}
h1 {font-size: 4rem;}
h2 {font-size: 3rem;}
p, a, ul li {font-size: 26px;}
.top-head p { font-size: 20px;}
.top-head {    padding: 15px 20px;}
.logo img {  max-width: 120%;   width: 120%;}
.top-menu{    top: 57px;}
.top-btn a {font-size: 22px;     padding: 15px 30px;}
.btn-cls {  padding: 20px 70px; margin-right: 30px;}
.top-menu li.nav-item a, .top-menu .nav-link.active {    font-size: 22px;}
.top-menu li.nav-item {    margin: 0 26px; border-left: 3px solid #35AA8A;  height: 50px;}
.navbar .dropdown:hover>.dropdown-menu {width: 390px; top: 54px;}
.menu-main .owl-nav button {height: 50px;  width: 50px;}
.home-sec-two {    margin-top: -200px;}
.menu-main:after {height: 32%;  width: 61%;  bottom: -160px;}
.container {  max-width: 80%;}
.home-sec-three {    margin-top: -220px;}
.cap-sec span {  padding: 40px;    display: block;}
.cap-sec h3 {  line-height: 1;    font-size: 2.5rem;}
.vion-logo:after {height: 50vh;  top: -330px;} 
.vion-logo span img {   top: -110px;    left: 5%;  width: 16%;   max-width: 100%;}
.prod-img img {  width: 100%;}
.prod-img {    top: 610px;  left: 26%;}
.app-ico p {  font-size: 1.8rem;    padding-left: 15px;}
.home-sec-nine {margin-top: -270px;}
.enro img {    width: 100%;}
.enro h3 {font-size: 2.5rem;}
.enro span {    bottom: 15%;}
.dvison img { width: 100%;   max-width: 100%;}
.dvison {   width: 41%;}
.inverto {    padding: 5% 0px 14%;}
.subscribe-section { padding: 20px 0;}
.site-footer {padding: 50px 0 80px !important;}
#percent {  font-size: 30px;}
.btm-menu {  margin: 10px 0 40px;}
.social-icon img {  opacity: 0.4;  width: 43px;   margin: 0 7px;}
.form-des input {    padding: 25px 20px;}
.abt-sec-one img {width: 100%;}
.abt-sec-one {  height: 80vh;}
.abt-sec-one:after {  bottom: 8% !important;}
.abt-sec-team {    margin-top: -280px;}
.ceoteam img {  width: 100%;}
.team-cont { width: 96%;}
.team-cont-small p { font-size: 24px;}
.teamname p:after {height: 4px;  width: 140px;}
.teamname-small h2 {   font-size: 2.6rem;}
.abt-sec-five {  background-size: 100% !important;  margin-top: -310px;}
.powericon img {  width: 120px;}
.cont-abt h3 {  font-size: 3rem;}
.cont-abt span p {font-size: 22px;    margin-bottom: 40px;}
.form-des input {    font-size: 24px;}
.abt-sec-four {margin-top: -200px;}
.teamname h2 {  font-size: 3.6rem;}
.tem-bg:after {background-size: 50%;}
.tem-bg-small:after { left: -60%;  background-size: 100%;}
.tem-bg:before {  left: -30px;}
.abt-sec-four {padding-bottom: 15%;}
.menu-main img {  width: 100%;}
.bess-sec-three, .table-fort, .bess-sec-four, .bess-sec-five{        background-size: cover !important;}
.bess-bnr {  height: 90vh;}
.bess-sec-three {margin-top: -260px;}
.max-full {  width: 100%;}
.drk-bg {    font-size: 24px;}
.bor-blue h4 { padding: 10px 0 7px;  font-size: 2.2rem;}
.bess-sec-four {    margin-top: -320px;}
.bess-sec-five {  margin-top: -290px;}
.form-head input, .form-head textarea {    padding: 20px 15px; font-size: 20px;}
.form-head label, .form-head span {    font-size: 24px;}


}


@media only screen and (max-width: 1670px) and (min-width: 1491px) {

    p, a, ul li {font-size: 17px;}
    .top-menu li.nav-item a, .top-menu .nav-link.active {font-size: 14px;}
    .banner-txt {top: 14%;}
    .menu-main .owl-nav button {    top: 22%;}
    .dvison img {  max-width: 90%;}
    .btm-menu { margin: 0px 0 20px;}
    .app-ico img {  width: 80px;   margin-right: 10px;}

}

@media only screen and (max-width: 1490px) and (min-width: 1225px) {

p, a, ul li {font-size: 13px;}
.top-btn a, .top-head {padding: 7px 20px;}
.banner-txt h1 {  font-size: 36px;  margin-bottom: 0;}
.home-sec-four h2 {  margin-bottom: 0;  line-height: 1;}
.top-menu {top: 34px;}
.home-sec-nine .img-sec { top: 30px;}
.app-ico p {    font-size: 16px;}
.abt-sec-one {  height: 75vh;}
.top-menu li.nav-item {height: 30px;}
.banner-txt {top: 12%;}
.menu-main .owl-nav button {    top: 22%;}
.top-menu li.nav-item a, .top-menu .nav-link.active {    font-size: 12px;}
.logo img {   max-width: 70%;}
.dvison img {  max-width: 80%;}
.banner-txt span {  margin-top: 20px;}
.banner-txt {width: 38%;}
.menu-main:after {    bottom: -110px; width: 90%;}
.prod-img img { width: 45%;}
.prod-img {    top: 250px;}
.app-ico img {  width: 80px;   margin-right: 10px;}
.home-sec-five {padding: 17% 0 15%;}
.home-sec-nine {padding: 19% 0px;}
.img-sec {    width: 60%;    top: -60px;}
.home-sec-tech {  margin-top: -170px;  padding: 15% 0;}
.home-sec-nine .home-cont {   padding-left: 10%;}
.home-sec-ten {    margin-top: -210px;}
.enro span {bottom: 15%;}
.top-menu li.nav-item {margin: 0 15px 0 0px;}
.top-menu li.nav-item a, .top-menu .nav-link.active {padding: 0 0px 0 10px !important;}
.dropdown-menu li a {  margin-bottom: 10px;}
.navbar .dropdown:hover>.dropdown-menu {width: 220px; padding: 20px 15px;}
.btn-cls {   padding: 7px 30px;}

.abt-sec-one .banner-txt { top: 23%;}
.team-cont-small p {  font-size: 13px;}
.abt-sec-four {    padding-bottom: 16%;}
.abt-sec-five { padding: 10% 0 5% !important;}
.cont-abt span p {  font-size: 14px;}
.tem-bg:after {left: -13%;}
.teamname h2 {  margin-bottom: 0;}
.teamname p:after {width: 70px;}
.tem-bg-small:after {  left: -79% !important;}
.powericon p {  margin-left: 10px;}
.bess-bnr .banner-txt {  top: 25%;}
.bess-bnr:before {width: 60%;}
.bess-sec-three {    margin-top: -210px;     padding: 17% 0;}
.drk-bg {font-size: 14px;}
.bess-sec-four {   margin-top: -230px;    padding: 22% 0 20%;}
.bess-sec-four .img-sec2 {    top: 20px;}
.bess-sec-five {margin-top: -270px;}
.bess-sec-five {  padding: 4% 0 !important;}
.tem-bg-small {   margin-bottom: 30px;}
.tem-bg-small:before, .tem-bg-small:after  {height: 100%;}
.tem-bg {   margin: 20px 0;}
.teamname-small h2 {  font-size: 1.4rem;}
.abt-sec-team .container {  max-width: 97%; }
.tem-bg-small .col-md-7 { width: 48%;}
.tem-bg-small .col-md-5 {  width: 52%;  padding-left: 4%;  padding-right: 0;}
.teamname-small p { margin-bottom: 5px;}
.tem-bg-small { padding-top: 30px;}
.tem-bg-small p {  font-size: 13px !important;}
.tem-bg-small {  align-items: end !important;}
.abt-sec-team .container {  max-width: 97% !important;    }
.row > .col-md-6:nth-child(1) .tem-bg-small { align-items: center !important;}
.row > .col-md-6:nth-child(2) .tem-bg-small {  align-items: center !important;}
.abt-sec-team {margin-top: -170px;}

}

@media (max-width: 767px)
{

.brnt {display: none;}
.dvison {  position: inherit;}
.dvison img {  max-width: 100%;}
.logo { width: 80%;}
.home-sec-four P { width: 95%;}
.banner-txt { position: absolute;  top: 12%; width: 90%; left: 5%;}
.top-btn a{font-size: 13px; padding: 10px 15px;}
.top-head p {  font-size: 13px;  width: 60%;   line-height: 1.2;}
.top-head {    background: #1A355F;  padding: 4px 0px 5px;}
.banner-txt span {  margin-top: 24px;}
.btn-cls {  padding: 10px 25px;   font-size: 14px;}
ul.navbar-nav {  align-items: flex-start;}
.top-menu li.nav-item{    margin: 0px 10px 10px !important;}
.img-sec {  position: relative;  top: -10px;    max-width: 100%;    width: 95%;}
.menu-main:after {    bottom: -80px; width: 100%;}
.home-sec-two:after {    clip-path: polygon(0 0, 100% 9%, 100% 100%, 0% 100%);}
.home-sec-two {padding: 100px 0 0px;}
.home-sec-three {padding: 100px 0; margin-top: -80px; clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 94%);}
.home-sec-three .col-md-4 {  margin-bottom: 30px;}
.top-menu {    top: 39px;}
.vion-logo span img { top: -56px;  max-width: 35%;  left: 2%;}
.home-sec-four {padding: 160px 0 0px;     clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 90%);}
.img-sec2 {   position: initial; max-width: 100%; width: 100%; padding-top: 60px;}
.prod-img {top: 390px;     left: 50px;}
.prod-img img { width: 100%;}
.home-sec-five {margin-top: -30px;}
.app-ico img {  max-width: 100px;   margin-right: 10px;}
.home-sec-tech {    margin-top: -90px;    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%) !important;    padding: 120px 0 !important;}
.home-sec-nine {margin-top: -40px;  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
.home-sec-ten {  clip-path: polygon(0 4%, 100% 0, 100% 100%, 0 98%);    margin-top: -140px;}
.enro span { bottom: 6%;  left: 5%;  width: 90%;}
.btm-menu a {    margin: 0 25px 10px; display: block;}
.site-footer p {  text-align: center;}
.social-icon {  text-align: center;   margin-top: 20px;}
.top-menu:after {height: 100%; opacity: 0.9;}
ul.navbar-nav {   padding-top: 14%;    }
.navbar button:focus {  box-shadow: none;  border: none; outline: none;}
.navbar button { right: 10px;  position: relative; filter: brightness(1) invert(1);}
.wt-wdt {right: 20px;}
.menu-main .owl-nav button {    height: 32px;  width: 32px; top: 25% !important;}
.menu-main .owl-nav button span { font-size: 32px;  line-height: 0.7;}
.abt-sec-one img {  max-width: max-content;}
.abt-sec-one {  height: 95vh;}
.abt-sec-one .banner-txt {   top: 30%;}
.abt-sec-three .col-md-6 { margin-bottom: 20px;}
.abt-sec-three {background-size: cover !important;}
.abt-sec-three {padding: 170px 0px; margin-top: -180px;}
.tem-bg:before {    height: 100%;}
.tem-bg .col-md-5 {  left: 0;}
.abt-sec-mission{ margin-top: -100px;   padding-top: 40%;}
.tem-bg:before { left: 2.5%;    width: 95%;}
.tem-bg:after {display: none;}
.abt-sec-team {    padding-bottom: 30%;}
.abt-sec-team .tem-bg { margin-bottom: 30px;  padding: 20px 10px;}
.ceoteam img {  margin-bottom: 20px;}
.abt-sec-four {margin-top: -150px; background-size: cover !important; clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);}
.abt-sec-four .img-sec2 {  width: 100%;   padding-top: 0;}
.abt-sec-five {  margin-top: -60px !important;}
.powericon p {margin-left: 10px;}
.cont-abt { display: inline-grid;  border-radius: 20px;   padding-left: 0px;   margin-top: 50px;}
.cont-abt span {  width: 100%;  padding: 20px;}
.cont-abt img {  width: 100%;   border-radius: 0 0px 20px 20px;   clip-path: none;}
.bess-bnr .banner-txt { top: 22%;}
.bess-bnr:before {width: 90%;}
.bess-sec-three { margin-top: -260px !important;  padding: 70% 0 10% !important;  clip-path: none !important; background-repeat: no-repeat;  background-size: cover !important;  background-position: top !important;}
.table-fort {    margin-top: -50px;}
.drk-bg {overflow: hidden;}
.bor-blue h4 {  font-size: 18px;}
.bess-sec-four .img-sec2 {padding-top: 0px;}
.bess-sec-four {        padding: 250px 0 0px;}
.bess-sec-five {margin-top: -80px;}
.top-menu {z-index: 9;}
.drk-bg {  font-weight: 700;}
.drk-bg2 {  font-weight: 400;}
.contact-bnr p {  width: 90%;}
.form-head {  padding: 20px 30px; width: 90%;    margin: 0 auto;}
.contactus {    margin-top: -150px;}
.contactus h3 {  margin-left: 15px;}
.btm-menu {display: block;}

}