body{font-family:"Poppins"; overflow-x:hidden;}
a {text-decoration: none;}
ul{margin: 0; padding: 0;}
li{list-style: none}
html{overflow-x:hidden;}

.sticky-top {position: fixed !important;width: 100%;top: 0;transition: all 0.5s ease-in-out;z-index: 999;}
.navbar {padding: 11px 0 !important;}
.navbar .navbar-nav .nav-link {margin-right: 35px;padding: 0;outline: none;}
.navbar .dropdown-toggle::after {border: none;content: "\f107";font-family: "Font Awesome 6 Free";font-weight: 900;vertical-align: middle;margin-left: 8px;}
.header_area .navbar-nav li a{color: #fff; cursor: pointer; transition: all 0.5s; font-weight: 600; text-transform: uppercase;}
.header_area .navbar-nav li a:hover{color: #d71a1e;}
.header_area .dropdown-menu{background: #000 !important; border-radius: 15px; padding: 15px; width: max-content;}
.sticky-top.bg-primary{background: #d71a1e !important;}
.header_area .navbar-brand{padding: 0;}
.header_area .navbar-brand img{width: 140px; transition: all 0.5s;}
.header_area.active .navbar-brand img{filter: brightness(0) invert(1);}
.header_area.active .navbar-nav li a:hover{color: #000;}
.header_area.active .navbar-nav .dropdown-menu li a:hover{color: #d71a1e;}
@media (max-width: 991.98px) {
	.navbar .navbar-nav {padding: 0 15px;background: #d71a1e;}
	.navbar .navbar-nav .nav-link {margin-right: 0;padding: 10px 0;}
}
@media (min-width: 992px) {
	.navbar .nav-item .dropdown-menu {display: block;border: none;margin-top: 0 !important;top: 150%;opacity: 0;visibility: hidden;transition: .5s;}
	.navbar .nav-item:hover .dropdown-menu {top: 100%;visibility: visible;transition: .5s;opacity: 1;}
}

.slider_area{width:100%;background-position: center;background-size:cover;}
.slider_area .slide img {display: block;height: 700px;background-size: cover;width: 100%;object-fit:cover;}
.slide_img{position:relative;}
.slide_img:before {content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(114deg, rgb(0 10 46) 0%, rgb(110 110 110 / 0%) 100%);}
.slider_area .slick-arrow{border: none;background: transparent;color: #fff;position: absolute;top: 50%;left: 10px;width:45px;height:45px;border-radius:100px;line-height:45px; z-index:1;}
.slider_area .slick-arrow.slick-next{right: 10px;left: auto;transition:ease-in-out 0.3s;z-index: 1;}
.slider_area .slick-arrow i{font-size:25px; transition:all 0.3s; background: #d71a1e;;color: #fff !important;width: 45px;height: 45px;border-radius:30px;line-height: 45px;}
.slider_area .slick-arrow i:hover{background:#000;}
.slider_area .slick-prev:before, .slider_area .slick-next:before{display: none;}
.slide{position:relative;}
.slide{position:relative;z-index:100;}
.cont_center{position: absolute;top: 50%;transform: translateY(-50%); width: 100%;}
.slide_content h2{font-size:50px;font-weight:bold;color:#fff;}
.slide_content p{text-align:left;color:#fff;}

.btn_area{background:#d71a1e;color: #ffffff !important;display: inline-block;position: relative;cursor: pointer;overflow: hidden;padding: 10px 30px;border: 2px solid #ffffff;transition: color 0.5s;z-index: 1;font-size: 13px;border-radius: 100px;font-weight: 500;box-shadow:0 2px 10px rgba(0,0,0,0.3);text-align:center;}
.btn_area:before {content: "";position: absolute;z-index: -1;background: #000000;height: 150px;width: 200px;border-radius: 50%;top: 100%;left: 100%;transition: all 0.7s;}
.btn_area:hover {color: #fff;}
.btn_area:hover:before {top: -30px;left: -30px;}

.head_area h4{color: #d71a1e; border-radius: 100px; border: 1px solid #d71a1e; font-size: 16px; margin: 0 0 10px; display: inline-block; text-align: center; padding: 5px 15px;}
.head_area h2{color: #000; margin: 0 0 10px; font-size: 28px; font-weight: bold;}
.abt_area{padding: 40px 0;}
.abt_area p{color: #505050; line-height: 28px; margin: 0 0 10px;}
.about-img {position: relative;overflow: hidden;}
.about-img::after {position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background: url(../images/bg-about-img.png) top left no-repeat;background-size: contain;}

.service_area{background: #f4f7fe; padding: 40px 0;}
.service_area p{color: #505050; line-height: 28px;}
.service-item {position: relative;padding: 45px 30px;background: #FFFFFF;transition: .5s;width: 100%;}
.service-item:hover {background: #d71a1e;}
.service-item .service-icon {margin: 0 auto 20px auto;width: 90px;height: 90px;color: #d71a1e;background: #f4f7fe;transition: .5s;padding: 0;border-radius:10px;}
.service-item:hover .service-icon {background: #FFFFFF;border-radius: 100px;}
.service-item .service-icon i{line-height: 90px;}
.service-item h5, .service-item p {transition: .5s;}
.service-item:hover h5, .service-item:hover p {color: #FFFFFF;}
.service-item a.btn {position: relative;display: flex;color: #d71a1e;transition: .5s;z-index: 1;}
.service-item:hover a.btn {color: #d71a1e;}
.service-item a.btn::before {position: absolute;content: "";width: 35px;height: 35px;top: 0;left: 0;border-radius: 35px;background: #f4f7fe;transition: .5s;z-index: -1;}
.service-item:hover a.btn::before {width: 100%;background: #f4f7fe;}

.choose_area{padding: 40px 0;background: #002e4e;position: relative; z-index: 1;}
.choose_area:after{content: ""; background: url(../images/bg-hero.png) center center no-repeat; background-size: cover; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.3; z-index: -1;}
.choose_area .head_area h4{color: #fff; border-color: #fff;}
.choose_area .head_area h2{color: #fff;}
.choose_left p{line-height: 28px;}
.icon_area{margin:10px 0;}
.icon_area i{width: 30px; height: 30px; background: #fff; color: #d71a1e; border-radius: 100px; line-height: 30px; text-align: center;}
.icon_area span{color: #fff; margin: auto 0 auto 10px;}

.work_area{padding: 40px 0;}
.manu_img img{width: 100%;}

.footer_area {background: url(../images/footer.png) center center no-repeat #14183e;background-size: cover; color: rgba(255, 255, 255, .5);}
.footer_area .btn.btn-social {margin-right: 5px;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;color: rgba(255,255,255,.5);border: 1px solid rgba(256, 256, 256, .1);border-radius: 40px;transition: .3s;}
.footer_area .btn.btn-social:hover {color: #d71a1e;}
.footer_area .btn.btn-link {display: block;margin-bottom: 10px;padding: 0;text-align: left;color: rgba(255,255,255,.5);font-weight: normal;transition: .3s;}
.footer_area .btn.btn-link:hover {color: #FFFFFF;}
.footer_area .btn.btn-link::before {position: relative;content: "\f105";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 10px;}
.footer_area .btn.btn-link:hover {letter-spacing: 1px;box-shadow: none;}
.footer_area .copyright {padding: 25px 0;font-size: 14px;border-top: 1px solid rgba(256, 256, 256, .1);}
.footer_area .copyright a {color: rgba(255,255,255,.5);}
.footer_area .copyright a:hover {color: #FFFFFF;}
.footer_area .copyright p{margin: 0;}
.footer_area .footer-menu a {margin-right: 15px;padding-right: 15px;border-right: 1px solid rgba(255, 255, 255, .1);}
.footer_area .footer-menu a:last-child {margin-right: 0;padding-right: 0;border-right: none;}
.footer_area ul li{margin: 8px 0;}
.footer_area ul li a, .footer_area p a{color: rgba(255, 255, 255, .5); transition: all 0.5s;}
.footer_area ul li a:hover, .footer_area p a:hover{color: #d71a1e;}





/*===============Responsive Starts===============*/
@media all and (min-width: 800px) {
}
@media (min-width:981px) and (max-width:1366px){
}

@media (min-width:768px) and (max-width:980px){
	.slide_content{padding: 0 50px;}
	.choose_right {text-align: center;}
}

@media (max-width:767px){
	.slide_content{padding: 0 50px;}
	.slide_content h2{font-size: 24px;}
	.slide_content p{font-size: 14px;}
	.slider_area .slide img{height: 500px;}

	.head_area h2{font-size: 20px;}
	.abt_area p, .service_area p, .choose_left p, .icon_area span{font-size: 14px; line-height: 22px;}
}

/*===============Responsive Ends===============*/