.top-bar-area {font-size:0.9rem;}
.top-bar-area i {margin-right:0.5rem;color:red}
.top-bar-area a:hover, .top-bar-area a:active {color:red}
.mt-7 {margin-top:7rem}
.mb-7 {margin-bottom:7rem}
.mb-1 {margin-bottom:1rem}
.logo_preload img {width: 241px;opacity:0.5;display: inline-block; margin: 0 30px 0 0}
.consua-preloader .animation-preloader .spinner {      margin: -109px 0 0 -2px;}
#to_top {cursor:pointer}

.navbar-brand>img { max-height: 90px!important;}
nav.navbar.navbar-style-one.validnavs.navbar-fixed.no-background .navbar-header img {top: -26px;}
nav.navbar.sticked .navbar-brand>img {max-height: 70px!important;}

nav.navbar.validnavs li.dropdown ul.dropdown-menu { width: 340px;padding: 0px;}
nav.navbar.validnavs li.dropdown ul.dropdown-menu>li {margin:0;padding:0}
nav.navbar.validnavs li.dropdown ul.dropdown-menu>li>a {font-size: 15px;text-transform: none;line-height:1.2em;    padding: 15px 20px !important;border-bottom:1px solid #eeeeee}
nav.navbar.validnavs li.dropdown ul.dropdown-menu>li>a:hover {background-color:red!important;color:#fff}

.banner-style-one h2 { font-size: 52px;font-weight:600;letter-spacing:2px;text-transform:uppercase}
.banner-area div.swiper-slide .content {padding-left:50px}
.banner-area h4 {color:#d5d5d5}
.shadow.dark:after {opacity: 0.55;}
.btn-primary {background:var(--color-primary)!important;border-color:var(--color-primary)!important;color: var(--white);}
.btn-primary::after {
    position: absolute;
    top: inherit;
    right: inherit;
    bottom: inherit;
    left: -5%;
    content: "";
    height: 150px;
    width: 115%;
    z-index: -1;
    background-color: var(--dark);
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    -webkit-transform: translateY(-45%) skew(25deg) scale(0);
    transform: translateY(-45%) skew(25deg) scale(0);
}


.btn-primary:hover {color: var(--white);border-color:var(--dark)!important;}

.btn-primary:hover::after {
	-webkit-transform: translateY(-45%) skew(25deg) scale(1.2);
	transform: translateY(-45%) skew(25deg) scale(1.2);
}
.btn i {margin: 0 0.75rem 0 0.5rem}
.btn.btn-dark.btn-dark-outline {border:1px solid var(--white)}
.btn.btn-dark.btn-dark-outline:hover {border:1px solid var(--dark)}


.banner-area {  height: 97%;  width: 100%;}
input {min-height: inherit;}
.form-check-input[type=checkbox] {width:1.5rem;height:1rem; margin: 0 0.75rem 0 0}
.form-check {padding-left: 0;}

.modal-open .navbar .container {padding-left:3px;padding-right:20px}

.default-padding {padding-top: 80px; padding-bottom: 80px;}
.about-style-one .about-card {left: -120px;  bottom: -120px;}
.about-card li {border-bottom: none;min-width: 90px;}
.about-card {padding: 50px 50px 30px 50px;}

.anim3 {right:-80px;position:absolute;bottom:-160px}
.anim3 img {width:100%}

.service-tab-navs .nav-link {font-weight:bold}
.service-tab-navs .nav-link::after { width: 40px;left:170px!important;}
.service-tab-navs .nav-link::before { width: 60px;background: #58595b;left:180px!important;}

.prod1 {display:block;font-size:1.0rem;transform: scale(1.0);animation: ease-in-out;line-height:1.2em;text-align:center; padding: 0 30px 30px 0}
.prod1 img {width:100%;height:240px;object-fit:cover;margin: 0 0 10px 0}
.prod1:hover {transform: scale(1.05);animation: ease-in-out;}
.prod1 h4 {font-weight:bold; margin:0; padding: 0;}
.prod1:hover h4 {color:#ff3838}
.prod1 small {font-weight:normal; color:#777}

.triangle-shape {top: inherit;  z-index: 1000;}
.large-shape { max-width: 15%; opacity:0.8}

.project-style-one .info { margin-top: 40px;padding: 60px 60px ;}
.feature-style-one-heading ul li .counter {color:#ff3838}
.feature-style-five .thumb i {color:#DF0A0A;font-size:5rem}
.feature-style-five .thumb {  margin-bottom: 10px;}
.feature-style-five h3 {z-index:1000;    position: relative;}
.feature-style-five { padding: 40px 40px;  background: #f1f1f1;}
.feature-style-five .thumb { margin: 20px 0 10px 0;}
.feature-style-five:nth-child(2n)  {  background: #edeff6;}
.feature-style-five:nth-child(3n) {  background: #f1f1f1;}
.feature-style-five:nth-child(6n)  {  background: #edeff6;}
.feature-style-five .thumb::after { top: 25%; height: 100px; width: 100px;}
.feature-style-five p {font-size:0.9rem}
.feature-style-five-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}
.color2 {color:#777}

.fun-fact .counter {color: #fff;font-size: 58px;}
.fun-factor-style-two-box .fun-fact .medium {    color: #bcbcbc;}
.fun-factor-style-two-box {    border-bottom:0;}

.triangle-shape {    max-width: 7%;}
hr {border-top: 1px solid #727272; margin: 30px 0}



footer .logo {
    margin-bottom: 30px;
    height: 120px;
}
.footer-bottom a {opacity:0.7}
footer .anim3 { right:0px;    bottom: -80px;}

nav.navbar.validnavs.navbar-style-one {    z-index: 2000;}

.breadcrumb-area { padding: 50px 0 80px 0;  padding-top: 120px;}
.breadcrumb-area .breadcrumb a {opacity:0.55}
.breadcrumb-area .breadcrumb a:hover {opacity:1}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {margin:0;padding: 0.5rem 0 1rem 0}
.content p {margin:0;padding: 0.5rem 0 1.5rem 0}
.content ul {margin: 1rem 0 2rem 0; list-style: disc}
.content ul li, ol li {margin: 0 0 0 3rem; list-style: disc}

.category_list .gallery-item h4 {text-align: center;font-size:1.2rem;height: 75px;min-height:75px}
.category_list .gallery-item .gallery-style-two {box-shadow: 0 0 5px rgba(0,0,0,0.1)}
.category_list .gallery-item:hover .gallery-style-two {box-shadow: 0 0 20px rgba(0,0,0,0.2)}
.category_list .gallery-item:hover h4 {color: #df0a0a}
.category_list .gallery-item img {width:100%; height: 240px; object-fit:cover}

.table-xl td {padding: 1em 2em;}
.table-bordered td {border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee;}
.table-bordered {border-top: 1px solid #eeeeee; border-left: 1px solid #eeeeee;}


.blog-style-one .thumb img {
    margin-bottom: 0px;
    border-radius: 5px!important;
	width:100%;
	height:240px;
	object-fit:cover;
}
.blog-style-one h4 {
    font-size: 1.1rem;
    line-height: 1.2;
	padding:0;margin:0.5rem 0 0 0;
}
.blog-meta {  margin: 0; font-size:0.8rem;opacity:0.7}
.blog-style-one:hover {  box-shadow: 0 5px 15px rgb(3 27 78 / 20%);}
.blog-style-one:hover a {color: #df0a0a}
.blog-style-one .info {padding: 0 30px 30px 30px;}
.blog-style-one .thumb {    padding: 15px 15px 15px 15px;}
.blog-style-one .info .small {display:block; margin: 0.5rem 0 0 0; font-size:0.8rem;line-height:1.2rem;color:#999}
.popup-gallery img {width:100%;	height:200px;	object-fit:cover;border-radius:8px}

@media (min-width: 1450px) {
	.container {max-width: 1430px;}
}

@media (max-width: 1023px) {
.navbar-brand>img { max-height: 50px!important;}
#navbar-menu{   width: 90%!important;}
.anim3 {  right: 0px;bottom: -160px;}
.title {font-size: 24px;}
.banner-area div.swiper-slide .content { padding-left: 0}
.about-style-one .about-card { left: 0;    bottom: 0;}

.feature-style-five-grid {    grid-template-columns: 1fr;grid-column-gap: 15px;    grid-row-gap: 15px;}
.partner-map h2 {font-size: 180px;}
.feature-style-five p {    font-size: 0.8rem;}
.feature-style-five h3 {    font-size: 1.4rem;}
.feature-style-five {    padding: 30px 30px;}
.content .gallery-items {padding: 0 15px 0 15px}
.category_list .gallery-item {width:94%!important;}
.default-padding {  padding-top: 30px;    padding-bottom: 30px; }

}