::selection{background:#0c3738;color:#fff;}
::-webkit-scrollbar {width: 5px;}
/* Track */
::-webkit-scrollbar-track {background:#fff;}
/* Handle */
::-webkit-scrollbar-thumb {background: #175254;}
::-webkit-scrollbar-thumb:window-inactive {background: #175254;}
body,html{padding:0px;margin:0px;height:100%;font-size: 15px;color: #202020;font-family: 'Poppins', sans-serif;font-weight:400;}

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../images/logo.webp') 50% 50% no-repeat rgb(30, 32, 28, 0.9);
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 99;
  font-size: 18px;
  outline: none;
  cursor: pointer;
}
.fixed-top-own 
{
    animation: .75s ease-in-out 0s normal none 1 running fadeInDown;
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
	top:0;
	padding:4px 0px !important;
	background-color:#fff !important;
	box-shadow: 0 .2rem 0.4rem rgba(0,0,0,.15)!important;
}


.navbar
{
	z-index:5;
	flex-wrap: wrap !important;
	animation: .75s ease-in-out 0s normal none 1 running fadeInUp;
	font-weight:500;
}
.navbar-expand-md .navbar-nav .nav-link
{
	font-size:13px;
	color:#fff;
	letter-spacing: 2px;
    text-transform: uppercase;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover 
{
	color: #afcb20;
}
.nav-link:focus, .nav-link:hover 
{
    color: #afcb20;
}
.navbar-expand-md .navbar-nav .nav-link::after 
{
    display      : block;
    content      : '';
    border-bottom: solid 1px #afcb20;
    transform    : scaleX(0);
    transition   : transform 300ms ease-in-out;
	margin-left: 0px !important;
    vertical-align: 0px !important;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
}
.navbar-expand-md .navbar-nav .nav-link:hover::after 
{
    transform: scaleX(1);
}
/************** Mouse hover dropdown **********************/
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
	animation: .75s ease-in-out 0s normal none 1 running fadeInUp;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
}
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

.dropdown-menu {
	padding: 0rem 0;
	border: 0px solid rgba(0,0,0,.15);
	box-shadow: 0 .2rem 0.4rem rgba(0,0,0,.15)!important;
}
.dropdown-item.active, .dropdown-item:active {background: linear-gradient(to right, #1e201c, #3e7b71);color: #afcb20;}
.dropdown-item {color: #fff;background: linear-gradient(to right, #1e201c, #3e7b71);font-size:13px;text-transform: uppercase;font-weight:500;}
.dropdown-item:focus, .dropdown-item:hover {color: #afcb20;background: linear-gradient(to right, #1e201c, #3e7b71);}
.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: auto;
    margin-top: 0rem;
}
.dropdown-menu .nav-link
{
	padding:0px !important;
}
.dropdown-menu .nav-item:hover .nav-link
{
	color:#afcb20 !important;
    border-bottom: solid 0px #00ff37;
}
.dropdown-submenu.active .nav-link
{
	color:#afcb20 !important;
}
/************** Mouse hover dropdown **********************/

.border-green {
    border-right: 1px solid #4e888b!important;
}
/*
.carousel-control-next, .carousel-control-prev 
{
	background-color: #175254;
	width:50px;
	height: 50px;
	margin: auto 0px;
    margin-bottom: 5%;
    margin-right: 10%;
}
.carousel-caption {
    right: 10%;
    bottom: 100px;
    left: 10%;
	text-align: left;
}
.carousel-control-prev {
    right: 50px;
	left: auto;
}
*/

.theme-flst-green
{
	color:#afcb20;
}
.theme-green
{
	color:#3e7b71;
}
.theme-deepgreen
{
	color:#1e201c;
}
.theme-light
{
	color:#fff;
}
.bg-green
{
	/*background-color:#3e7b71;*/
	background: linear-gradient(to top, #1e201c, #3e7b71);
}
.bg-bdgreen
{
	/*background-color:#3e7b71;*/
	background: linear-gradient(to right, #1e201c, #3e7b71);
}
.bg-deepgreen
{
	/*background-color:#1e201c;*/
	background: linear-gradient(to bottom, #1e201c, #3e7b71);
}
.bg-gdgreen
{
	background: linear-gradient(to right, #1e201c, #3e7b71);
}
.bg-dark
{
	background-color:#322e2c !important;
}
.bg-light
{
	background-color:#fff !important;
}
.bg-light-green
{
	background-color:#afcb20;
}
.bg-lightgreen
{
	background-color:#adfff24a;
}


.top-custom {
    top: -300 !important;
}
.top-custom1 {
    top: -150 !important;
}


hr:not([size]) {
    height: 0.1px;
}
.c-pointer
{
	cursor:pointer;
}
.list-group-horizontal .list-group-item, .list-group-item 
{
	background-color: transparent; 
	border: 1px solid rgba(0, 0, 0, 0);
}
.inline-block
{
	display:inline-block;
}


.smallFont
{
	font-size:18px;
}


.heading-border h6:after {
    content: "";
    width: 30px;
    height: 2px;
    display: block;
    background: linear-gradient(to right, #afcb20 , #afcb20);
    margin: 4px 0px;
    display: inline-block;
    margin-left: 5px;
}
.heading-border1 h6:after {
    content: "";
    width: 30px;
    height: 2px;
    display: block;
    background: linear-gradient(to right, #fff , #fff);
    margin: 4px 0px;
    display: inline-block;
    margin-left: 5px;
}

.btn-green 
{
	background-size: 200%, 1px;
    transition: all 200ms linear 0ms;
	background-image: linear-gradient(90deg, #1e201c 0%, #3e7b71 50%, #1e201c);
	color:#fff;
	font-weight:500;
	font-size:14px;
}
.btn-green:hover 
{
    color: #fff;
    transition: all 200ms linear 0ms;
    background-position: 120%;
}
.btn-check:focus+.btn-green, .btn-green:focus 
{
    color: #fff;
   background-position: 120%;
}

.btn-lightgreen 
{
	background-size: 200%, 1px;
    transition: all 200ms linear 0ms;
	background-image: linear-gradient(90deg, #afcb20 0%, #afcb20 50%, #afcb20);
	color:#1e201c;
	font-weight:500;
	font-size:14px;
}
.btn-lightgreen:hover 
{
    color: #1e201c;
    transition: all 200ms linear 0ms;
    background-position: 120%;
}
.btn-check:focus+.btn-lightgreen, .btn-lightgreen:focus 
{
    color: #1e201c;
   background-position: 120%;
}

.header-upper .list-group-item a:hover
{
	color:#fff;
}
.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(23 82 84 / 24%);
}


.list-group-item 
{
    padding: 0px;
    border: 1px solid rgb(0 0 0 / 0%);
}
.text-justify
{
	text-align:justify;
	text-justify: inter-word;
}
.footerMain h4:after {
    content: "";
    width: 35px;
    height: 2px;
    display: block;
    background-color: #afcb20;
    margin: 8px 2px;
}
.footer-page .heading-border h5:after, .footer-page .heading-border h5:before 
{
	background-color: #fff;
}

.text-center-justify
{
	text-align:justify;
	text-align-last:center;
	text-justify: inter-word;
}

.max-charecter7
{
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}

.thumb {
  width: 100%;
  height: 200px;             /* CHANGE this to whatever uniform height you want */
  overflow: hidden;
  background: #eee;
  display: block;
}

/* image fills the thumb & crops if needed, keeping center focus */
.thumb img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;         /* important: preserves aspect ratio and crops */
  object-position: center;   /* tweak to focus subject */
}

.bg-client-success
{
	background-image: url(../images/client-success.webp);
    height: auto;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.footer-section ul li a {
	color:#fff;
	text-decoration:none;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #afcb20;
}
.breadcrumb-item.active {
    color: #afcb20;
}
.breadcrumb a:hover {
    color: #afcb20 !important;
}

a:hover {
    color: #afcb20 !important;
}

.form-floating>label {
    padding: 1rem 1.2rem;
}
.form-control 
{
    color: #212529;
    background-color: #f3f3f3;
    border: 1px solid #ffffff;
}
.form-control:focus {
     color: #212529;
    background-color: #f3f3f3;
    border: 1px solid #ffffff;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);
}


.owl-prev, .owl-next
{
	width: 50px;
    height: 25px;
    position: absolute;
    display: block !important;
    border: 1px solid #fff !important;
    border-radius: 5% !important;
    color: #fff !important;
    font-size: 30px !important;
    opacity: 1 !important;
    font: revert !important;
    background: linear-gradient(to right, #afcb20 , #afcb20) !important;
}
.owl-prev {bottom: -10%;left: 50px !important;}
.owl-next{right: 50px !important;bottom: -10%;}
.owl-prev i, .owl-next i {transform : scale(1,6); color: #ccc;}
.owl-theme .owl-nav [class*=owl-]:hover {background: linear-gradient(to right, #fff , #fff) !important;border: 1px dashed #afcb20 !important;color: #0022db !important;text-decoration: none;transition: 0.5s all;}
.owl-theme .owl-dots .owl-dot span {background: #fff;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #afcb20;}


.catalog a:hover
{
	color:#fff;
}

.nav-item a:hover
{
	color:#fff;
}



@media screen and (min-width: 768px) and (max-width: 1100px)
{ 
	
}

.carousel-caption h2 {
	text-shadow: 2px 2px #fff;
}
.carousel-caption p {
	text-shadow: 1px 1px #175254;
}

@media screen and (max-width: 520px)
{ 
	.navbar-collapse{background: linear-gradient(to right, #1e201c, #3e7b71);}
	.navbar-brand .w-50{
		width: 75%!important;
	}
	.fixed-top-own {margin-top:0px;}
	.navbar-light .navbar-toggler {color: rgb(0 0 0 / 0%);border-color: rgb(0 0 0 / 0%);width: 10%;}
	.navbar-expand-md .navbar-nav .nav-link{font-size:14px;}
	.dropdown-menu {
		box-shadow: 0 0rem 0rem rgba(0,0,0,0)!important;
	}
	/*.carousel-item img {
        height: 50vh;
        width: auto !important;
        display: flex !important;
        align-items: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
	.carousel-control-next, .carousel-control-prev {
		background-color: #175254;
		width: 20px;
		height: 50px;
		margin: auto 0px;
	}
	.carousel-caption .my-5{
		margin:5px 0px !important;
	}
	.carousel-caption {
		right: 8%;
		bottom: 25px;
		left: 8%;
	}
	.carousel-caption .btn{
		font-size:10px;
		padding-top: 0.2rem!important;
		padding-bottom: 0.2rem!important;
		padding-right: 1rem!important;
		padding-left: 1rem!important;
	}
	.carousel-caption h4 {
		font-size: 12px;
	}
	.carousel-caption h2 {
		font-size: 35px !important;
		text-shadow: 2px 2px #fff;
	}*/
	.nav-item.pe-2 {
		padding-left: 0.5rem!important;
		padding-right: 0.5rem!important;
	}
	.owl-prev {bottom: -2%;left: -15px !important;}
	.owl-next{right: -15px !important;bottom: -2%;}
}