/* Home Page banner & breadcrumb */
.banner-bg {position: relative;  }
.banner-bg .carousel{overflow: hidden;}
.banner-bg .carousel-item{height: 100%; position: relative;}
.banner-bg .carousel::before { width:100%; height:100%; left:0; top:0; position:absolute; background-color:rgba(0, 0, 0, 0.01); content:"";z-index:1;}
.banner-shrt{ position:absolute; padding:20px 20px; top:49%; z-index:8; right:0; margin:auto;  width:100%; max-width:100%; display: flex; justify-content: flex-end; align-items: center;}
.banner-bg .carousel-item span{width: 100%; height: 1000px; display: flex;}
.banner-bg .carousel-item span img{background-size: cover; background-position: center center; width: 100%; height: 100%; object-fit: cover; position: relative;}
.banner-bg .carousel-caption { position: absolute; text-align: left; z-index:0; right:230px; width:35%; height:auto; overflow: hidden; bottom: auto; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; padding:0px; left: unset;} 
.banner-bg .carousel-caption h3{ font-size:20px; font-weight:300; color:rgb(255, 255, 255); width:100%; margin:0; position:relative; z-index:0; padding:10px 2px; display:flex; align-items:center; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; padding-left:50px;}
.banner-bg .carousel-caption h3::before{position:absolute; left:0; background-color:#d9261c; width:40px; height:2px; content:""; z-index:-1;}
.banner-bg .carousel-caption h4{ color:#fff; font-size:50px; text-align:left; font-weight:800; position:relative; margin:0px 0px 0px; line-height:54px; -webkit-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.banner-bg .carousel-caption h5{ font-size:24px; line-height: 32px; font-weight:200; color:rgb(255, 255, 255); width:100%; margin:40px 0 0 0; position:relative; z-index:0; padding:0px; display:flex; align-items:center; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.banner-bg .carousel-item video { width:100%;}

.banner-bg .carousel-indicators{ margin-bottom:75px; justify-content:center;}
.banner-bg .carousel-indicators button.active{ background-color:#a6ff00; width:50px; transition:all ease-in 0.4s;}
.banner-bg .carousel-indicators button{ background-color:#fff; height:2px; border-radius:10px; width:25px; margin:0px 10px; transition:all ease-in 0.4s;}

.bnr-lft-img{position: absolute; top: 0; left: 12%; width: 50%; display: flex; align-items: center; height: 100%; z-index: 1;}
.bnr-lft-img::before{position: absolute; content: ''; width: 500px; height: 500px; left: -35px; bottom: 70px; background: url(../images/bnr-lft-img-bg.png) no-repeat; background-size: contain; z-index: 9; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 1s;}
.bnr-lft-img span{width: 588px !important; height: 636px !important; display: flex !important; margin: 100px 0px 0px 30px; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.bnr-lft-img span img{object-fit: contain !important; width: 100%; height: 100%;}
.carousel-inner .carousel-item:nth-child(2) .bnr-lft-img{left: 14%;}
.carousel-inner .carousel-item:nth-child(2) .bnr-lft-img span{margin-left: 0; z-index: 1!important; width: 588px!important; height: 597px !important;}
.carousel-inner .carousel-item:nth-child(2) .bnr-lft-img::before{width: 580px; height: 200px; background: url(../images/bnr-lft-img-bg1.png) no-repeat; background-size: contain; z-index: -1; bottom: 15px;}
.carousel-inner .carousel-item:nth-child(3) .bnr-lft-img{left: 14%;}
.carousel-inner .carousel-item:nth-child(3) .bnr-lft-img span{margin-left: 0; z-index: 1!important; width: 588px!important; height: 645px !important; position: relative;}
.carousel-inner .carousel-item:nth-child(3) .bnr-lft-img::before{width: 588px; height: 616px; background: url(../images/bnr-lft-img-bg2.png) no-repeat; background-size: contain; z-index: -2; bottom: 70px; left: -50px;}

/* Home Page Banner Arrow */
.cont-arrow-dwn { display:flex; justify-content:center; position:absolute; left:0; right:0; bottom:2%; width:10%; margin:0 auto; z-index:9; }
.cont-arrow-dwn a.in-arrow { color:#fff; font-size:22px; display: flex; flex-wrap: wrap; justify-content: center; transition:all ease 0.4s;}
.cont-arrow-dwn a small { width: 100%; text-align: center; font-size: 14px; padding-bottom:5px; }
.cont-arrow-dwn a.in-arrow span.lnr { border: 1px solid rgba(255, 255, 255, 0.2); padding:10px; border-radius:50px; font-size:20px; transition:all ease 0.4s;}
.cont-arrow-dwn:hover a.in-arrow{ color:#a6ff00; transition:all ease 0.4s;}
.cont-arrow-dwn:hover a.in-arrow span.lnr { transition:all ease 0.4s;}

.bnr-icon-prt{position: absolute; width: 25%; right: 250px; bottom: 0; display: flex; z-index: 1; justify-content: space-between;}
.icon-prt-bx{width: 130px; display: flex; flex-wrap: wrap; justify-content: center; position: relative; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-delay: 1s;}
.icon-prt-bx::before{position: absolute; content: ''; width: 100%; height: 75px; left: 0; bottom: 0; background-color: rgba(255, 255, 255,0.25); z-index: -2;}
.icon-prt-bx::after{position: absolute; content: ''; width: 100%; height: 15px; left: 0; top: 100px; background-color: rgba(145, 204, 34,1); border-radius: 50%; z-index: -1;}
.icon-prt-bx span{width: 120px; height: 120px; display: flex; justify-content: center; align-items: center; margin: -5px auto 0px; position: relative;}
.icon-prt-bx span img{object-fit: contain; width: 100%; height: 100%; max-height: 115px; position: relative;}
.icon-prt-bx strong{position: relative; text-transform: uppercase; color: #fff; font-size: 16px; margin: 10px 0px 10px; font-weight: 600; letter-spacing: 0px;}
.icon-prt-bx:nth-child(2){animation-delay: 2s;}
.icon-prt-bx:nth-child(2) strong{margin: 30px 0px 30px;}
.icon-prt-bx:nth-child(2)::before{height: 90px;}
.icon-prt-bx:nth-child(2)::after{top: 85px;}
.icon-prt-bx:nth-child(2) span{margin-top: -20px;}
.icon-prt-bx:nth-child(3){animation-delay: 3s;}
.icon-prt-bx:nth-child(3) strong{margin: 30px 0px 40px;}
.icon-prt-bx:nth-child(3)::before{height: 105px;}
.icon-prt-bx:nth-child(3)::after{top: 70px;}
.icon-prt-bx:nth-child(3) span{margin-top: -35px;}

/* Service Part */
.hom-ser-bg{background-color:#fff; position:relative;}
.hom-ser-bg::before{position: absolute; content: ''; width: 100%; height: 657px; left: 0; top: 0; background: url(../images/ser-bg-1.jpg) no-repeat; background-size: cover; background-position: center;}
.hom-ser-bg::after{position: absolute; content: ''; width: 100%; height: 739px; left: 0; bottom: 0; background: url(../images/ser-bg-2.jpg) no-repeat; background-size: cover; background-position: center; background-attachment: fixed;}
.hom-ser-main{width: 100%; padding:100px 0px 100px 0px; position: relative; z-index: 1;}
.hom-ser-tit{width: 100%; padding-bottom: 100px;}
.hom-ser-tit h3{font-size: 72px; font-weight: 900; color: #090909; text-align: center; margin-bottom: 30px;}
.hom-ser-tit p{font-size: 24px; line-height: 30px; font-weight: 300; color: #262626; margin: 0 auto; width: 50%; text-align: center;}
.hom-ser-lnk{width: 100%; display: grid; grid-template-columns: repeat(4,1fr); grid-gap:60px 25px; padding-bottom: 50px;}
.hom-ser-lnk a{width: 100%; display: flex; flex-wrap: wrap; background-color: #0e10d6; transition: all .2s ease-in-out;}
.hom-ser-lnk a .hom-ser-bx{width: 100%; padding: 30px; position: relative; z-index: 1;}
.hom-ser-lnk a .hom-ser-bx::before{position: absolute; content: ''; width: 100%; height: 100%; background: url(../images/ser-bx-bg-1.jpg) no-repeat; background-size: cover !important; left: 0; top: 0; z-index: 0; opacity: 0.1;}
.hom-ser-lnk a .hom-ser-bx span{width: 100px; height: 100px; display: flex; margin: 0 auto; position: relative;}
.hom-ser-lnk a .hom-ser-bx span img{object-fit: contain; width: 100%; height: 100%;}
.hom-ser-lnk a .hom-ser-bx small{width: 75px; height: 75px; display: flex; align-items: center; justify-content: center; margin: 0px auto -65px; background-color: #7aba00; border-radius: 50%; position: relative; box-shadow: 0px 5px 20px rgba(0,0,0,0.4);}
.hom-ser-lnk a .hom-ser-bx small img{object-fit: contain; max-height: 20px; position: relative;}
.hom-ser-lnk a .hom-ser-bx h6{font-size: 22px; font-weight: 700; color: #fff; margin: 30px 0px 15px; text-align: center;}
.hom-ser-lnk a .hom-ser-bx strong{width: 100%; display: flex; justify-content: center; text-align: center; font-size: 15px; line-height: 20px; font-weight: 300; color: #fff; margin-bottom: 30px; position: relative; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.hom-ser-lnk a:nth-child(2) .hom-ser-bx::before{background: url(../images/ser-bx-bg-2.jpg) no-repeat;}
.hom-ser-lnk a:nth-child(3) .hom-ser-bx::before{background: url(../images/ser-bx-bg-3.jpg) no-repeat;}
.hom-ser-lnk a:nth-child(4) .hom-ser-bx::before{background: url(../images/ser-bx-bg-4.jpg) no-repeat;}
.hom-ser-lnk a:nth-child(5) .hom-ser-bx::before{background: url(../images/ser-bx-bg-5.jpg) no-repeat;}
.hom-ser-lnk a:nth-child(6) .hom-ser-bx::before{background: url(../images/ser-bx-bg-6.jpg) no-repeat;}
.hom-ser-lnk a:nth-child(7) .hom-ser-bx::before{background: url(../images/ser-bx-bg-7.jpg) no-repeat;}
.hom-ser-lnk a:nth-child(8) .hom-ser-bx::before{background: url(../images/ser-bx-bg-8.jpg) no-repeat;}

.hom-ser-lnk a:hover{transform: scale(1.1); transition: all .2s ease-in-out; box-shadow: 0px 0px 30px rgba(0,0,0, 0.6);}

/* Button Animation */
.btn-animate { position: relative; animation: 1.6s playShadow ease-out infinite; transition: 0.4s; } 
.btn-animate:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; z-index: -1; pointer-events: none; transition: 0.35s; } 
.btn-animate:hover:after { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3), 0 0 0 8px rgba(255, 255, 255, 0.2); } 
@keyframes playShadow { 
 0% { box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.3), 0 0 0 0px rgba(255, 255, 255, 0.2); transform: scale(1); } 
 18% { box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.3), 0 0 0 0px rgba(255, 255, 255, 0.2); } 
 35% { transform: scale(1.08); } 
 76% { transform: scale(0.96); } 
 100% { box-shadow: 0 0 0 16px rgba(255, 255, 255, 0), 0 0 0 27px rgba(255, 255, 255, 0); transform: scale(1); } 
 }

/* About Part */
.hom-abt-bg{width:100%; background:url(../images/about-bg.jpg) no-repeat; background-size: cover; background-position: center; position: relative; background-attachment: fixed;}
/* .hom-abt-bg{width:100%; background:url(../images/hom-abt-bg.jpg) no-repeat; background-size: cover; background-position: center; position: relative; background-attachment: fixed;} */
.hom-abt-bg::before{position: absolute; content: 'About'; width: 583px; height: 168px; left: 220px; top: 50px; font-size: 188px; color: rgba(0, 0, 0, 0.06); font-weight: 800;}
.hom-abt-main{width: 100%; display: flex; justify-content: space-between; align-items:center; padding: 150px 0px 125px; position: relative;}
.hom-abt-lft{width: 48%;}
.hom-abt-lft h1{font-size: 48px; text-transform: uppercase; color: #0e1168; font-weight: 900; line-height: 54px; margin-bottom: 50px;}
.hom-abt-lft p{font-size: 16px; line-height: 24px; font-weight: 300; color: #1d1d1d; text-align: justify; margin-bottom: 30px;}
.hom-abt-lft span{width: 100%; display: flex; justify-content: flex-start; padding-top: 25px;}
.hom-abt-lft span a{padding:15px 20px 15px 15px; border-radius: 3px; border: 1px solid #dadada; color: #0e1168; font-weight: 800; display: flex; align-items: center; text-transform: uppercase; transition: all .2s ease-in-out;}
.hom-abt-lft span a small{width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; margin-left: 10px;}
.hom-abt-lft span a small img{object-fit: contain; max-width: 25px;}
.hom-abt-lft span a:hover{transition: all .2s ease-in-out; box-shadow: 0px 0px 30px rgba(0,0,0, 0.2); color: #68a200; transform: scale(1.1);}
.hom-abt-rht{width: 47%;}
.hom-abt-rht span{width: 100%; height: 100%; display: flex;}
.hom-abt-rht span img{padding: 0;}
.hom-abt-rht span img:nth-child(2){ display:none;}
.hom-abt-icon{width: 100%; display: grid; grid-template-columns: repeat(4,1fr); background: url(../images/hom-abt-icon-bg.jpg) no-repeat; background-size: cover; background-position: center; box-shadow: 0px 20px 40px rgba(0,0,0,0.15); margin-bottom: -150px; position: relative; z-index: 1;}
.hom-abt-icon .abt-icon-bx{width: 100%; padding: 50px 30px; background-color: rgba(14, 17, 104, 0.05); text-align: center;}
.hom-abt-icon .abt-icon-bx span{width: 110px; height: 110px; display: flex; margin: 0 auto;}
.hom-abt-icon .abt-icon-bx span img{object-fit: contain; width: 100%; height: 100%; max-height: 100px;}
.hom-abt-icon .abt-icon-bx h4{font-size: 20px; font-weight: 900; color: #0e1168; margin: 20px 0px 10px;}
.hom-abt-icon .abt-icon-bx p{font-size: 18px; font-weight: 300; color: #1d1d1d; margin-bottom: 0; line-height: 21px;}
.hom-abt-icon .abt-icon-bx:nth-child(2n+2){background-color: rgba(255, 255, 255, 0.05);}
.hom-abt-icon .abt-icon-bx:nth-child(2n+2) h4{color: #68a200;}

/* Product Part */
.hom-prd-bg{width: 100%; padding-top: 150px; background-color: #fff; min-height: 300px; position: relative;}
.hom-prd-main{width: 100%; display: flex; justify-content: space-between; align-items: flex-start; padding: 140px 0px 140px; position: relative;}
.hom-prd-lft{width: 47%; position: relative;}
.hom-prd-lft::after{position: absolute; content: ''; width: 305px; height: 301px; right: -25px; background: url(../images/hom-prd-lin.png) no-repeat; background-size: contain; top: 135px;}
.hom-prd-lft span{width: 515px; height: 493px; display: flex; position: relative; margin-top: 70px; z-index: 1; box-shadow: 0px 20px 40px rgba(0,0,0,0.25);}
.hom-prd-lft span::before{position: absolute; content: ''; width: 80%; height: 50%; left: 0; right: 0; margin: 0 auto; background-color: #b8d87e; z-index: -1; top: -70px;}
.hom-prd-lft span::after{position: absolute; content: ''; width: 341px; height: 288px; right: -60px; margin: 0 auto; border: 10px solid rgba(14, 17, 104, 0.6); z-index: -1; bottom: -60px;}
.hom-prd-lft span img{object-fit: contain; width: 100%; height: 100%;}
.hom-prd-rht{width: 42%;}
.hom-prd-rht b{font-size: 40px; color: #949494; text-transform: uppercase; font-weight: 200; line-height: 42px;}
.hom-prd-rht h2{font-size: 44px; text-transform: uppercase; color: #5b8a02; font-weight: 900; line-height: 40px; margin-bottom: 40px;}
.hom-prd-rht p{font-size: 16px; line-height: 24px; font-weight: 300; color: #000; text-align: justify; margin-bottom: 30px;}
.hom-prd-rht ul{list-style: none; padding: 0; margin: 0;}
.hom-prd-rht ul li{width: 100%; display: flex; align-items: flex-start; font-size: 16px; line-height: 24px; font-weight: 300; color: #000; text-align: justify; margin-bottom: 25px;}
.hom-prd-rht ul li small{width: 30px; height: 30px; display: flex; justify-content: flex-start; margin-right: 25px;}
.hom-prd-rht ul li small img{object-fit: contain; max-width: 25px;}
.hom-prd-rht ul li i{width: 90%; font-style: normal;}
.hom-prd-rht span{width: 100%; display: flex; justify-content: flex-start; padding-top: 25px;}
.hom-prd-rht span a{padding:15px 20px 15px 15px; border-radius: 3px; border: 1px solid #dadada; color: #0e1168; font-weight: 800; display: flex; align-items: center; text-transform: uppercase; transition: all .2s ease-in-out;}
.hom-prd-rht span a:hover{transition: all .2s ease-in-out; box-shadow: 0px 0px 30px rgba(0,0,0, 0.2); color: #68a200; transform: scale(1.1);}
.hom-prd-rht span a small{width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; margin-left: 10px;}
.hom-prd-rht span a small img{object-fit: contain; max-width: 25px;}

/* Other Services */
.hom-othr-bg{ width:100%; background-color:#fff; padding: 10px 0px 150px;}
.othr-ser-prt{width: 100%; position: relative; min-height: 490px; display: flex; align-items: center;}
.othr-ser-prt::before{position: absolute; content: ''; width: 50%; height: 100%; left: 0; top: 0; background: url(../images/othr-ser-lft.jpg) no-repeat;}
.othr-ser-prt::after{position: absolute; content: ''; width: 50%; height: 100%; right: 0; top: 0; background: url(../images/othr-ser-rht.jpg) no-repeat; background-size: cover; background-attachment: fixed; background-position-x:450px;}
.othr-ser-cnt{position: relative; width: 40%; margin-right: auto;}
.othr-ser-cnt h4{font-size: 60px; font-weight: 800; color: #0e1168; margin: 0px 0px 25px;}
.othr-ser-cnt p{font-size: 16px; line-height: 24px; color: #1f1f1f; font-weight: 300; text-align: left;}
.othr-ser-cnt a{width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: #7aba00; position: absolute; right: -173px; margin: 0 auto; z-index: 1; bottom: 70px; box-shadow: 0px 5px 20px rgba(0,0,0,0.5); transition: all .2s ease-in-out;}
.othr-ser-cnt a img{object-fit: contain; width: 100%; height: 100%; max-height: 30px;}
.othr-ser-cnt a:hover{background-color: #0e1168; transition: all .2s ease-in-out; transform: scale(1.1);}

/* Clients */
.hom-clnt-bg{width:100%; position: relative;}
.hom-clnt-bg::before{position: absolute; content: ''; width: 59%; height: 100%; left: 0; top: 0; background: url(../images/hom-clint-bg.jpg) no-repeat; background-size: cover; background-position-x: -450px; background-attachment: fixed;}
.hom-clnt-prt{width: 100%; position: relative; display: flex; padding: 120px 0px; align-items: center;}
.hom-clnt-img{width: 51%;}
.clnt-img-sec{width: 100%; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 3px;}
.clnt-img-bx{width: 100%; background-color: #fff; padding: 15px;}
.clnt-img-bx span{width: 135px; height: 135px; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
.clnt-img-bx span img{object-fit: contain; width: 100%; height: 100%; max-height: 135px;}
.clnt-img-bx h6{font-size: 14px; font-weight: 200;}
.hom-clnt-btn{width: 18%;}
.hom-clnt-btn a{width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: #7aba00; margin: 0 auto; box-shadow: 0px 5px 20px rgba(0,0,0,0.5); transition: all .2s ease-in-out;}
.hom-clnt-btn a img{object-fit: contain; width: 100%; height: 100%; max-height: 30px;}
.hom-clnt-btn a:hover{background-color: #0e1168; transition: all .2s ease-in-out; transform: scale(1.1);}
.hom-clnt-cnt{width: 31%;}
.hom-clnt-cnt h4{font-size: 60px; font-weight: 800; color: #5b8a02; margin: 0px 0px 25px; text-align: center;}
.hom-clnt-cnt p{font-size: 16px; line-height: 24px; color: #1f1f1f; font-weight: 300; text-align: center;}

/* Enquiry From */
.enq-frm-bg{width:100%; position:relative; background:#fff;}
.enq-frm-bg::before{position: absolute; content: ''; width: 38%; height: 100%; left: 0; top: 0; background-color: #82b91e;}
.enq-frm-bg::after{position: absolute; content: ''; width: 62%; height: 100%; right: 0; top: 0; background: url(../images/hom-enq-bg.jpg) no-repeat; background-size: cover;}
.equ-frm-part{ width:100%; margin:0 auto; padding:200px 0px; display:flex; align-items:center; justify-content:space-between; position: relative; z-index: 1;}
.enq-frm-main{ width:55%; margin:0px auto 0px 200px; position:relative; padding:40px 75px 40px; background: url(../images/hom-frm-bg.jpg) no-repeat; background-size: cover; box-shadow: 0px 15px 30px rgba(0,0,0,0.5);}

.enq-frm-main .tit{ width:100%; text-align: center; margin-bottom:60px;}
.enq-frm-main .tit h2{ margin-bottom:0px; font-weight:200; font-size:45px; color: #fff; position:relative; display:flex; align-items:center;  justify-content: center;}
.enq-frm-main .tit p{ font-size:20px; text-align: center; font-weight:300; padding:0px 100px;}

.enq-frm-main .form-row { width:100%; display:grid; grid-template-columns:repeat(1,1fr); grid-gap:20px 50px;}
.enq-frm-main .form-group { position: relative; padding-top: 15px; margin-bottom: 30px; width: 100%; }
.enq-frm-main .form-group .form-control { border-radius:0; border-width:0 0 1px 0; font-size:16px; padding:8px 5px; border-bottom:1px solid rgba(255,255,255,0.25); background-color: transparent; color: #fff;}
.enq-frm-main .form-group label { position:absolute; left:0px; top:-5px; transition:all 0.4s ease; color:#aaa; display:flex; align-items:center; text-transform:uppercase; font-size:15px;}
.enq-frm-main .form-group label ion-icon{ margin-right: 12px; color: #aaa; font-size:20px;}
.enq-frm-main .form-group textarea { resize:vertical; width:100%; border:0 none; border-top-width:0px; border-right-width:0px; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: 0px; border-left-width: 0px; border-bottom:1px solid rgba(255,255,255,0.25); border-bottom-width: 1px; border-radius:0px; border-radius:0; border-width:0 0 1px 0; font-size:16px; padding:5px 5px; color: #fff; margin-bottom:0px; background: transparent;}

.enq-frm-main .form-group .form-control:focus, .enq-frm-main .form-group .form-control.hasValue { box-shadow: none; border-color:#ced4da;}
.enq-frm-main .form-group .form-control:focus ~ .input-highlight, .enq-frm-main .form-group .form-control.hasValue ~ .input-highlight { width: 100%;}
.enq-frm-main .form-group .form-control:focus ~ label, .enq-frm-main .form-group .form-control.hasValue ~ label {-webkit-transform:scale(1); transform: scale(1); top:0; left:0; color: #cbcbcb;}
.enq-frm-main .form-group .custom-select:focus, .enq-frm-main .form-group .custom-select.hasValue { box-shadow: none; border-color:#ced4da;}
.enq-frm-main .form-group .custom-select:focus ~ .input-highlight, .enq-frm-main .form-group .custom-select.hasValue ~ .input-highlight { width: 100%;}
.enq-frm-main .form-group .custom-select:focus ~ label, .enq-frm-main .form-group .form-control.hasValue ~ label { -webkit-transform: scale(1); transform:scale(1); top:0; left:0; color: #cbcbcb;}
.enq-frm-main .form-group textarea:focus, .enq-frm-main .form-group textarea.hasValue { box-shadow:none; border-color:#ced4da; outline:none !important;}
.form-group textarea:focus{outline: none !important;}
.enq-frm-main .form-group textarea:focus ~ .input-highlight, .enq-frm-main .form-group .custom-select.hasValue ~ .input-highlight { width:100%;}
.enq-frm-main .form-group textarea:focus ~ label, .enq-frm-main .form-group textarea.hasValue ~ label { -webkit-transform: scale(1);  transform: scale(1); top:0; left:0; color: #cbcbcb;}
.enq-frm-main .sred { color:#ff0000; margin:0 4px;}
.enq-frm-main .form-group:last-child{margin-bottom: 0;}
.enq-frm-main .form-group:nth-child(4){margin-bottom: 15px;}

.enq-frm-btn { text-align:center; width:100%; padding:40px 0px 30px; transition:0.4s;}
.enq-frm-btn .frmsubmit { background:#82b91e; color:#fff; font-weight: 400; border: 0 none; cursor: pointer; padding:8px 40px; margin:0px 5px; transition:0.4s; overflow:hidden; position:relative; border:1px solid #82b91e; -webkit-box-shadow:5px 5px 40px -5px rgba(5, 74, 145,0.3); -moz-box-shadow:5px 5px 40px -5px rgba(0, 0, 0, 0.2); box-shadow:5px 5px 40px -5px rgba(0, 0, 0, 0.2); text-transform: uppercase;}
.enq-frm-btn .frmsubmit:hover { background:transparent; color:#6e6d72; transition:0.4s; border:1px solid #6e6d72;}


/* Extra large devices (large desktops, 1368px and up) */
@media (max-width: 1366px) { 
.prd-cnt a h5{ font-size:16px;}
.prd-cnt a span{ height:320px;}
.mpwel-bg{ padding:80px 0 15px 0;}
.chose-main .lft .bx-cnt{ margin:30px 0px;}
.banner-bg .carousel::after { width:150px; height:150px; right:40px;}
.hom-abt-bg::before {left: 60px;}
.bnr-lft-img{left: 0;}
.banner-bg .carousel-caption{right: 60px; width: 45%;}
.bnr-icon-prt{width: 34%; right: 75px;}
.carousel-inner .carousel-item:nth-child(2) .bnr-lft-img{left: 3%;}
.carousel-inner .carousel-item:nth-child(3) .bnr-lft-img{left: 3%;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1200px) {
.banner-bg .carousel-caption h4{font-size: 32px; line-height: 36px;}
.banner-bg .carousel-caption h5{margin: 15px 0 0 0; font-size: 20px; line-height: 24px;}
.banner-bg .carousel-caption{right: 50px; width: 40%;}
.banner-shrt{top: 42%;}
.bnr-lft-img span{margin: 0px 0px 0px 0px; width: 450px !important; height: 487px !important;}
.bnr-lft-img {left: 50px; top: 50px;}
.banner-bg .carousel-item span{height: 700px;}
.bnr-lft-img::before{width: 350px; height: 350px; left: -38px; bottom: 70px;}
.bnr-icon-prt { width: 36%; right: 40px; }
.carousel-inner .carousel-item:nth-child(2) .bnr-lft-img span{width: 443px !important; height: 450px !important;}
.carousel-inner .carousel-item:nth-child(2) .bnr-lft-img::before {width: 350px !important; height: 121px !important; left: -12px; bottom: 45px;}
.carousel-inner .carousel-item:nth-child(2) .bnr-lft-img span img{object-fit: contain !important; max-height: 450px;}
.carousel-inner .carousel-item:nth-child(3) .bnr-lft-img span{width: 456px !important; height: 500px !important;}
.carousel-inner .carousel-item:nth-child(3) .bnr-lft-img::before {width: 477px !important; height: 500px !important; left: -50px; bottom: 45px;}
.carousel-inner .carousel-item:nth-child(3) .bnr-lft-img span img{object-fit: contain !important; max-height: 500px;}
.icon-prt-bx{width: 100px;}
.icon-prt-bx strong{font-size: 12px;}
.icon-prt-bx::after {top: 95px;}
.icon-prt-bx span img{max-height: 80px;}
.icon-prt-bx:nth-child(2)::before{height: 85px;}
.icon-prt-bx:nth-child(2)::before{height: 100px;}
.icon-prt-bx:nth-child(2)::after{top: 70px;}
.icon-prt-bx:nth-child(3)::after{top: 60px;}
.icon-prt-bx:nth-child(3)::before{height: 110px;}
.hom-ser-tit h3{font-size: 56px;}
.hom-ser-tit p{font-size: 20px; line-height: 26px; width: 100%;}
.hom-ser-main{padding: 75px 0px 75px 0px;}
.hom-ser-tit{padding-bottom: 75px;}
.hom-ser-lnk{grid-template-columns: repeat(3,1fr);}
.hom-ser-bg::after{height: 1000px;}
.top-links.sticky .nav-rht{line-height: normal; width: 82%;}
.top-links.sticky .topflex .navbar .nav-lft{width: 18%;}
.hom-ser-bg::before{height: 570px;}
.hom-abt-main{flex-wrap: wrap; padding: 100px 0px 100px;}
.hom-abt-lft{width: 100%;}
.hom-abt-rht{width: 100%; margin-top: 50px;}
.hom-abt-bg::before { left: 0; right: 0; margin: 0 auto; top: 0;}
.hom-abt-lft h1{margin: 0px auto 50px; text-align: center; width: 80%;}
.hom-abt-lft span{justify-content: center;}
.hom-abt-rht span{justify-content: center;}
.hom-prd-main{flex-wrap: wrap-reverse;}
.hom-prd-lft{width: 100%; margin-top: 75px;}
.hom-prd-rht{width: 100%; text-align: center;}
.hom-prd-rht span{justify-content: center;}
.hom-prd-lft span{margin: 70px auto 0px;}
.hom-prd-lft::after{right: 75px;}
.othr-ser-prt::after {background-attachment: unset; background-position-x:0px;}
.othr-ser-cnt h4{font-size: 48px;}
.othr-ser-cnt a{right: -145px;}
.clnt-img-sec{grid-template-columns: repeat(2,1fr);}
.clnt-img-bx h6{text-align: center;}
.clnt-img-bx:nth-child(7){display: none;}
.clnt-img-bx:nth-child(8){display: none;}
.clnt-img-bx:nth-child(9){display: none;}
.hom-clnt-cnt h4{font-size: 48px;}
.enq-frm-main{width: 60%; margin: 0px auto 0px 100px; padding: 40px 50px 40px;}
.enq-frm-bg::after {background-position: center;}
.enq-frm-btn{padding: 20px 0px 0px;}
.enq-frm-main .form-group{margin-bottom: 15px;}
}

/* iPads (portrait and landscape)  @media only screen and (min-device-width : 970px) and (max-device-width : 1024px) */
@media (max-width: 1024px) {
.chose-main .lft h2{font-size: 34px;}
.othr-ser-cnt h4{font-size: 46px;}
.hom-clnt-cnt h4{font-size: 46px;}
.hom-abt-rht span img:nth-child(1){ display:none;}
.hom-abt-rht span img:nth-child(2){ display:flex;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {
.banner-bg .carousel-caption h5 {font-size: 16px; line-height: 20px; }
.banner-bg .carousel-caption h4 { font-size: 24px; line-height: 28px;}
.banner-bg .carousel-caption{right: 40px;}
.bnr-lft-img { left: 20px; top: 20px; }
.bnr-lft-img::before {width: 300px; height: 300px; left: -25px; bottom: 120px;}
.banner-bg .carousel-indicators {justify-content: flex-start; margin-left:5%; margin-right: 5%; margin-bottom: 30px;}
.bnr-icon-prt{width: 40%;}
.carousel-inner .carousel-item:nth-child(3) .bnr-lft-img::before { width: 400px !important; height: 450px !important; left: -40px; bottom: 55px; }
.hom-ser-tit p{font-size: 18px; line-height: 24px;}
.hom-ser-bg::before { height: 350px; z-index: 1;}
.hom-ser-bg::after { height: 100%; z-index: 0;}
.hom-ser-tit { padding-bottom: 175px; }
.hom-ser-lnk { grid-template-columns: repeat(2,1fr); }
.hom-abt-lft h1{width: 100%;}
.hom-abt-icon{grid-template-columns: repeat(2,1fr);}
.hom-abt-icon .abt-icon-bx:last-child{grid-row-start: 3; grid-row-end: 2;}
.hom-prd-main{padding: 100px 0px 140px;}
.hom-prd-lft::after { right: -5px; }
.hom-othr-bg{padding: 10px 0px 230px;}
.othr-ser-cnt{position: relative; width: 100%; z-index: 9;}
.othr-ser-prt::before {width: 100%; background-position: center; height: 250px; background-size: contain;}
.othr-ser-prt::after {width: 100%; top: unset; bottom: -230px;}
.othr-ser-prt{min-height: 500px; align-items: flex-start;}
.othr-ser-cnt h4{text-align: center;}
.othr-ser-cnt p{text-align: center;}
.othr-ser-cnt a { right: 0; left: 0; bottom: -130px;}
.othr-ser-cnt a img{transform: rotate(180deg);}
.hom-clnt-prt{flex-wrap: wrap-reverse; padding: 65px 0px 80px;}
.hom-clnt-cnt{width: 100%;}
.hom-clnt-btn{width: 100%; margin-top: 30px;}
.hom-clnt-img{width: 100%; margin-top: 50px;}
.hom-clnt-bg::before{background-position-x: 0; width: 100%; height: 67%; top: unset; bottom: 0;}
.hom-clnt-cnt p{width: 60%; margin: 0px auto 0px;}
.clnt-img-sec {grid-template-columns: repeat(3,1fr);}
.equ-frm-part{padding: 100px 0px;}
.enq-frm-bg::before{display: none;}
.enq-frm-bg::after{width: 100%; background-attachment: fixed;}
.enq-frm-main { width: 85%; margin: 0px auto 0px; }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) {
.banner-bg .carousel::after{display: none;}
.banner-bg .carousel-caption h4 { font-size: 20px; line-height: 24px; }
.banner-bg .carousel-caption h5 { font-size: 14px; line-height: 20px; }
.bnr-icon-prt{display: none;}
.banner-shrt { top: 50%; }
.bnr-lft-img::before { display: none; }
.banner-bg .carousel-item span { height: 550px; }
.banner-bg .carousel-indicators{justify-content: flex-end;}
.bnr-lft-img{top: 50px;}
.hom-ser-lnk{grid-gap: 75px 25px;}
.hom-ser-main { padding: 50px 0px 50px 0px; }
.hom-ser-tit { padding-bottom: 50px; }
.hom-abt-lft h1{font-size: 40px; line-height: 44px;}
.hom-ser-bg::before {height: 320px;}
.hom-ser-lnk a .hom-ser-bx{padding: 20px;}
.hom-ser-lnk a .hom-ser-bx span{width: 70px; height: 70px;}
.hom-ser-lnk a .hom-ser-bx h6{font-size: 18px; margin: 20px 0px 15px;}
.hom-ser-lnk a .hom-ser-bx strong{line-height: 18px; margin-bottom: 20px;}
.hom-abt-rht span img{max-height: 520px;}
.hom-abt-icon .abt-icon-bx{padding: 20px 20px;}
.hom-abt-icon .abt-icon-bx span{width: 75px; height: 75px;}
.hom-abt-icon .abt-icon-bx h4{font-size: 16px;}
.hom-abt-icon .abt-icon-bx p{font-size: 14px; line-height: 18px;}
.hom-prd-rht h2{font-size: 42px; line-height: 46px; margin-bottom: 25px;}
.hom-prd-lft span{width: 100%; height: 100%; margin: 0;}
.hom-prd-lft::after{display: none;}
.hom-prd-lft span::before{display: none;}
.hom-prd-lft span::after{display: none;}
.hom-abt-main{padding: 60px 0px 60px;}
.hom-prd-bg{padding-top: 120px;}
.hom-prd-main {padding: 100px 0px 70px;}
.othr-ser-prt::after{height: 85%;}
.clnt-img-sec{grid-template-columns: repeat(2,1fr);}
.hom-clnt-bg::before{height: 72%;}
.enq-frm-main{padding: 40px 40px 40px; width: 100%;}
.hom-abt-bg::before{width: 500px; font-size: 150px;}
.hom-ser-lnk a .hom-ser-bx small{width: 60px; height: 60px; margin: 0px auto -50px;}
.hom-ser-tit h3 { font-size: 42px; }
.enq-frm-main .tit h2{font-size: 36px;}

}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
.banner-bg .carousel-item span{height: 550px;}
.banner-bg .carousel-caption{width: 83%;}
.banner-bg .carousel-caption h4{text-align: center;}
.banner-bg .carousel-caption h5{text-align: center;}
.banner-bg .carousel-indicators{justify-content: center; margin-bottom: 60px;}
.banner-shrt{top: unset; bottom: 28%; }
.bnr-lft-img {top: 0px; left: 0; right: 0; margin: 0 auto; }
.bnr-lft-img span{width: 100% !important; height: 100% !important;}
.hom-abt-lft h1{font-size: 32px; line-height: 36px;}
.hom-abt-bg::before{width: 400px; font-size: 130px;}
.hom-abt-rht span img { max-height: 100%; object-fit: contain; width: 100%; }
.hom-ser-lnk a .hom-ser-bx small img{max-height: 15px;}
.hom-ser-lnk a .hom-ser-bx { padding: 22px; }
.hom-ser-bg::before { height: 340px; }
.hom-ser-tit p{line-height: 20px; font-size: 16px;}
.hom-ser-tit { padding-bottom: 50px; }
.hom-clnt-cnt h4{font-size: 36px;}
.hom-clnt-cnt p{width: 100%;}
.enq-frm-main .tit{margin-bottom: 30px;}
.enq-frm-main .form-group{padding-top: 5px; margin-bottom: 15px;}
.enq-frm-btn{padding: 15px 0px 15px;}
}

/* Extra small devices (portrait phones, less than 375px) */
@media (max-width:480px) {
.hom-ser-lnk { grid-template-columns: repeat(1,1fr); }
.banner-shrt{bottom: 38%;}
.hom-abt-bg::before { width: 300px; font-size: 90px; }
.hom-abt-lft h1 { font-size: 24px; line-height: 28px; margin-bottom: 25px; }
.hom-abt-lft span{padding-top: 0;}
.hom-abt-rht{margin-top: 35px;}
.banner-bg .carousel-caption{width: 85%; right: 25px;}
.hom-abt-icon { grid-template-columns: repeat(1,1fr); }
.hom-abt-icon .abt-icon-bx:last-child { grid-row-start: unset; grid-row-end: unset; }
.hom-ser-tit { padding-bottom: 40px; }
.hom-prd-rht h2{font-size: 26px; line-height: 30px;}
.hom-prd-rht b{font-size: 24px; line-height: 28px;}
.enq-frm-main .tit h2{font-size: 24px;}
.enq-frm-main{padding: 30px;}
.othr-ser-cnt h4{font-size: 36px;}
.othr-ser-prt::after { height: 80%;}
.hom-clnt-bg::before { height: 85%; }
.clnt-img-sec { grid-template-columns: repeat(1,1fr); }
.enq-frm-main .form-row{display: flex; flex-wrap: wrap;}
.form-group .g-recaptcha div{width: 100% !important;}
.form-group .g-recaptcha div iframe{width: 100% !important;}

}