
body{font-family: 'Montserrat', sans-serif;overflow-x:hidden;line-height:1.4;font-size:16px;}
a{text-decoration:none;}ul{margin:0px;}
.navbar-expand-lg .navbar-nav .nav-link{text-transform:uppercase;font-weight:500;color:#000;}
.navbar-brand{padding:0px 4%;display:flex;gap:0px 10px;align-items:center;font-weight:500;}
.navbar-nav{margin-left:0px !important;}
.nav-link{padding:0px 15px !important;font-size:14px;}
a{color:#000;}
header{position:relative;}
.carousel-caption h3{text-transform:uppercase;text-align:left;margin-bottom:30px;font-weight:400;}
.btns{padding:10px 20px;display:inline-flex;font-weight:500;color:#fff !important;position:relative;z-index:9;}
.carousel-caption{left:10%;right:auto;bottom:35%;width:50%;text-align:left;}
.slide h1{font-size:50px;line-height:50px;font-weight:400;text-transform:uppercase;}
.carousel-indicators{justify-content:center;bottom:5%;}
.carousel-indicators [data-bs-target]{width:5px;height:5px;border-radius:50%;margin:0px 10px;
    background:#fff;opacity:1;border:1px solid #fff;}.carousel-indicators .active{background:transparent;}
.h2s{text-transform:uppercase;color:#001e40;}
.yellow{background:var(--yellow);}
.pad6{padding:60px 0px;}
.btns::after{content:'';position:absolute;width:100%;height:100%;background:#000;transform:scale(0);
transition:all 0.3s ease;left:0;right:0;top:0;z-index:-1;}
.btns:hover::after{transform:scale(1);}
.btns::before{content:'';position:absolute;width:100%;height:100%;background:#cf2127;
transition:all 0.3s ease;left:0;right:0;top:0;z-index:-1;}
.serv1,.serv2{height:400px;}
section{overflow: hidden;}.row{margin:0px;}.navbar-collapse{justify-content:flex-end;padding-right:4%;}
.grey_bg{background-color:#f5f5f5;padding:20px 0px;text-align:center;}.grey_bg1{background:#f5f5f5;}
.grey_bg ul{margin:0px;justify-content:center;}.grey_bg a,.grey_bg li{color:#212529;}
.grey_bg h1{font-weight:400;}
.btn-whatsapp-pulse {z-index:99;
	background: #25d366;
	color:#fff !important;
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 30px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	80% {
		box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
	}
}

.btn-whatsapp-pulse-border {
	bottom: 120px;
	right: 20px;
	animation-play-state: paused;
}

.btn-whatsapp-pulse-border::before {
	content: "";
	position: absolute;
	border-radius: 50%;
	padding: 25px;
	border: 5px solid #25d366;
	opacity: 0.75;
	animation-name: pulse-border;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
}

@keyframes pulse-border {
	0% {
		padding: 25px;
		opacity: 0.75;
	}
	75% {
		padding: 50px;
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
.no-resize{resize:none;}
        input{height:46px;}
        .grid2{display:grid;grid-template-columns:25% 70%;justify-content:space-between;align-items:center;
        background:#000;color:#fff;padding:40px 30px;}
        .grid2 svg{width:90px;height:90px;}.grid2 svg path{fill:#fff;}
        .mail{display:flex;gap:10px;}.mail a{display:flex;flex-direction:column;}
        .contact a{color:#000;}.contact b{font-weight:500;}
        .grid-3{display:grid;grid-template-columns:22% 50% 22%;justify-content:space-between;}
        .nowrap{white-space: nowrap;}.links{text-align:right;}footer h4{text-transform:uppercase;margin-bottom:15px;} 
.green_text{color:#7cb77d;}
.aicon li::before{position: absolute;
    content: '\f105';
    left: 0px;
    top: 2px;
    font-size: 14px;
            font-family: 'FontAwesome';} .aicon li{position:relative;padding-left:15px;margin-bottom:10px;}
        .aicon{list-style-type:none;padding:0px;}
        .g-img{background:#f9f9f9;}.g-img img{mix-blend-mode: multiply;}
        .color-bg::after{content:'';position:absolute;background:#f9f9f9;left:0;height:100%;width:50%;top:0;z-index:-1;}
        .color-bg{position:relative;}
        .color-bg .row > div{padding:50px;}
        .green_bg{background: #dfede0;}
.dropdown-menu{border-radius:0px;margin:0px !important;border:0px;padding:0px;background:#ededed;}.nav-link{line-height:90px;}
.dropdown-item{padding:10px;border-bottom:1px dashed #f99f1e;}.dropdown-menu li:last-child a{border:0px;}
nav.navbar{padding:0px;}.dropdown-item:hover{background:#f99f1e;color:#fff;}
footer .navbar-brand{font-size:20px;}.copyright{border-top:1px solid #e9e9e9;}
nav .nav-link:hover, footer a:hover{color:#f99f1e !important;}
footer ul li{margin-bottom:5px;}footer ul li:last-child{margin-bottom:0px;}
.abg::after{content:'';position:absolute;background:url(images/application-bg.png) no-repeat;width:50%;height:70%;right:0;
    background-position:right;top:0;}.abg{position:relative;}.abg h2{padding:40px 0px;}
.owl-dot span{width:8px;height:8px;display:flex;border:1px solid #7cb77d;margin:0px 10px;border-radius:50%;background:#7cb77d;}
.owl-dots{margin-top:10px;}
.owl-dot.active span{border:1px solid #7cb77d;background:transparent;}
.anime img{transition:all 0.3s ease-out;}.anime{position:relative;overflow:hidden;}
.black_bg::after{background:#232323;width:100%;height:100%;content:'';position:absolute;top:0;z-index:-1;}.black_bg{position:relative;}
.twhite{color:#fff;}.black_bg .container-fluid{padding-right:0px;padding-left:7%;}
p.twhite{padding:20px 0px;}
.space2{padding-top:80px;}
.certificate .owl-item{padding:10px;background:#fff;}.submit{background:#cf2127;border:0px;padding:10px 40px;
transition:all 0.3s linear;}
.submit:hover{background:#000;}
.orange_bg{background:#fa9f1d;}
td{text-align:center;vertical-align:middle;}
.certificate{display:grid;grid-template-columns: 60% 38%;justify-content:space-between;}.certificate .item{display:flex;padding:10px;
background:#fff;justify-content:space-between;}
.certificate img{object-fit:contain;width:200px;}.carousel h1{position:absolute;color:#fff;}.carousel{display:flex;align-items:center;justify-content:center;}

 .gallery {
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.gallery img {
  width: 100%;height:300px;
  cursor: pointer;margin:3px;object-fit:cover;
}

.lightbox {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  display: none;
  background: #7f8c8d;
  perspective: 1000;z-index:9999;
}

.filter {
  position: absolute;
  width: 100%;
  height: 100%;
  filter: blur(20px);
  opacity: 0.5;
  background-position: center;
  background-size: cover;
}

.lightbox img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotateY(0deg);
  max-height: 95vh;
  max-width: calc(95vw - 100px);
  transition: 0.8s cubic-bezier(0.7, 0, 0.4, 1);
  transform-style: preserve-3d;
}


[class^="arrow"] {
  height: 200px;
  width: 50px;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

[class^="arrow"]:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 15px;
  height: 15px;
}

.arrowr {
  right: 0;
}

.arrowr:after {
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}

.arrowl {
  left: 0;
}

.arrowl:after {
  border-left: 1px solid white;
  border-top: 1px solid white;
}

.close {
  position: absolute;
  right: 0;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.4);
  margin: 20px;
  cursor: pointer;
}

.close:after,
.close:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #e74c3c;
}

.close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.whitebg img{background-color:#ffffff;border:1px solid #e6e4e4;object-position:top;}
.whitebg{gap:20px;}
      

@media (max-width:1100px){.navbar-brand{padding-right:0px;}.navbar-brand img{width:230px;}}
@media (max-width:991px){.nav-link{line-height:44px;}
    nav .container-fluid{padding:0px;}.navbar-toggler{margin-right:20px;border:0px;outline:0px;box-shadow:none !important;}.navbar-collapse{padding-right:0px;}
    .nav-item{border-bottom:1px solid #ccc;}.navbar-brand{margin:10px 0px;}
    .slide h1{font-size:40px;line-height:40px;}footer .container{max-width:95%;width:95%;}
    .grid-3{grid-template-columns:25% 40% 25%;}.container{width:95%;max-width:95%;}
    .gallery{grid-template-columns: repeat(2,1fr);}.color-bg::after{display:none;}.g-img{background:transparent;}.color-bg .row > div{
        padding:20px 30px !important;
    }
}
@media (max-width:767px){.slide h1{font-size:30px;}
    .abs{margin-bottom:40px;}.products .col-md-6{padding:0px !important;}
    .products .ps-5{margin-top:20px;}.products .space2{flex-direction:column-reverse;gap:20px 0px;padding-top:30px;}
    .grid-3{grid-template-columns:100%;}.grid-3 div:nth-child(1){order:2;}.links{text-align: left;margin:20px 0px;}
    .grid-3 div.text-center{text-align:left !important;}footer.py-5{padding-bottom:20px !important;}
    .contact .row{gap:30px 0px;}.gallery{column-width:250px;}.abtpage img{width:100%;object-fit:cover;}
    .abtpage{padding-bottom:10px;}.color-bg .row > div.g-img{padding-bottom:0px !important;}
}

@media screen and (max-width: 480px) {
    .navbar-toggler{margin-right:10px;}.slide img{height:350px;object-fit:cover;}.abg h2{padding:0px 0px 20px;}
    .abg::after{display:none;}.pad6{padding:40px 0px;}.products .space2{padding-top:20px;}
    .certificate{grid-template-columns:100%;gap:0px;}.certificate .item:last-child img{width:150px;}
    .certificate .item:last-child{justify-content:center;}footer .links{margin-top:10px;}
    .grid2 svg{width:45px;height:45px;}.grid2{grid-template-columns: 20% 75%;}.grid2{padding:40px 15px;}
    .container{width:100%;max-width:100%;}.gallery{grid-template-columns: repeat(1,1fr);}
    [class^="arrow"]{height:50px;width:50px;}.close:after, .close:before{height:50%;}.close{margin:10px;}.abtpage{padding-bottom:10px;}
    .color-bg .row > div{padding: 20px 15px !important;}.color-bg{margin:20px 0px !important;}.applist{padding-top:0px;}
}
@media screen and (max-width: 380px) {
    .navbar-brand img{width:200px;}.slide h1{font-size:26px;}.certificate .item img{width:100px !important;}
}
