html{ scroll-behavior: smooth; }
body{ overflow-x: hidden; }
::-webkit-scrollbar { width: 5px;}
::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px;}
::-webkit-scrollbar-thumb { background: #1f1f1f; border-radius: 3px; transition:500ms;}
::-webkit-scrollbar-thumb:hover { background: #DD2431; }
a:focus-visible { outline: 1px solid #f00; box-shadow: 0px 0px 5px -1px #000000e8;}

h1, h2, h3, h4, h5, h6, p, ul, li{ margin:0; padding:0;}
/*.container{ max-width:1375px !important;}*/
.w-100{ width:100%;}

.heading{ font-family: 'Montserrat', sans-serif; font-size:35px; color:#DD2431; font-weight:500; line-height:120%;}
.sub-heading{ font-family: 'Inter', sans-serif; font-size:14px; color:#545454; line-height:120%; letter-spacing:1.25px;}
.header-space{ background:#BBBBBB; height:3px; width:70px; margin:10px 0 25px;}
p.bold{ font-family: 'Inter', sans-serif; font-size:25px; color:#333333; line-height:33px;}
p.semibold{font-family: 'Inter', sans-serif; font-size:22px; color:#545454; line-height:28px;}
p{ font-family: 'Inter', sans-serif; font-size:17px; color:#545454; line-height:25px;}
span{color:#DD2431;}


a.button{ font-family: 'Inter', sans-serif; font-size:13px; font-weight: 600; color:#153172; line-height:20px; text-transform: uppercase; text-decoration:none; display:inline-block; margin-bottom:0px; margin-top:22px; position:relative; backface-visibility:hidden; transition: 500ms;}
a.button span{width:20px; height:2px; font-size: 13px; color: #153172; line-height: 20px; margin-left:27px; position: absolute; z-index: 1;}
a.button:after{content:""; position:absolute; bottom:-4px; right:-44px; border:2px solid #153172; border-radius:5px; width:28px; height:28px; margin-left:10px; padding:5px 10px; transition:500ms;}

a.button.light{ color:#fff;}
a.button.light span{ color: #153172;}
a.button.light:after{ background:#fff; border:2px solid #153172;}

.btn-1{font-family: 'Inter', sans-serif; font-size:16px; color:#fff; line-height:120%; text-decoration:none; background:linear-gradient(to right, #DD2431, #CA4C5A); padding:15px 30px; text-align:center; display:block; transition: 500ms;}
.btn-1:hover{ color:#fff; box-shadow: 0 0 5px 0px rgb(0 0 0 / 58%);}

/*================================================ Top Header ======================================*/
.top-header{ background:#000; color:#fff; display:flex;}
.top-header ul.top-content{ float:right;}
.top-contact{ padding:10px 15px; border-right:1px solid rgba(255, 255, 255, 0.25); font-family: 'Inter', sans-serif; font-size: 12px; line-height: 22px; display: inline-flex; align-items: center; color:#bbb;}
.top-content .top-contact:last-child{ border:none; padding: 10px 0 10px 15px;}
.top-contact a{ color:#fff; text-decoration:none; transition: 500ms; font-size:15px;}
.top-contact a:hover{ color:#fe1a1a;}
.top-contact p{ display:inline-block; font-size:15px;}
.top-contact i{ font-size:22px; margin:0 5px;}
.top-contact ul{ display:inline-flex; margin-left:5px;}
.top-contact ul li{ float:left; list-style:none;}
/*================================================ Main Header ======================================*/
.navbar-brand{ max-height:70px;}
.navbar-collapse { width: fit-content; margin: 0 auto;}
nav .navbar-collapse ul{ padding: 0; margin: 0; list-style: none; position: relative; }
nav .navbar-collapse a{ display:block; padding:0 16px; color:#333; font-size:16px; line-height: 45px; font-weight:600; text-decoration:none; font-family: 'Inter', sans-serif;}
nav .navbar-collapse a.active, nav .navbar-collapse a:hover{ color: #fe1a1a;}
nav .navbar-collapse ul ul{ display: none; position: absolute;  margin-left:10px; background:linear-gradient(to bottom, rgb(79 102 175) , rgb(0 103 147));}
nav .navbar-collapse ul ul a{ line-height:40px; color: rgb(255 255 255 / 65%); transition: 500ms; font-size:14px}
nav .navbar-collapse ul ul a.active, nav .navbar-collapse ul ul a:hover{ color: #fff;; background:rgb(190 30 45 / 20%); padding-left:25px;}
nav .navbar-collapse ul ul a.active:before,  nav .navbar-collapse ul ul a:hover:before{ position: absolute; content: "\f105"; font-family: 'Fontawesome'; color: #fff; left: 15px; font-size: 15px; animation-name:nav-arrow; animation-duration: 500ms; transition: 500ms;}
@keyframes nav-arrow {
  0%   { opacity:0;}
  100% { opacity:1;}
}
nav .navbar-collapse ul ul li{ width:290px; float:none; display:list-item; position: relative; border-top: 1px solid rgb(255 255 255 / 15%);  border-bottom: 1px solid rgb(0 0 0 / 20%);}
nav .navbar-collapse ul ul ul li{ position: relative; top:-60px; left:170px;}
.nav-link:focus, .nav-link:hover { color: #fe1a1a;}
.navbar-toggle {  border: none; background:none;}
.navbar-toggle .navbar-toggle-icon i{font-size: 30px; color: #1A2545;}
.navbar-toggle:focus { box-shadow: 0 0 9px 0px #00000087;}
.dropdown-item.active, .dropdown-item:active { background-color: #e9ecef;}
.navbar-header{ display:block;}
.dropdown:hover .dropdown-menu{ animation-name:fade-in-up; animation-duration: 500ms; transition: opacity 1.5s ease;}
@keyframes fade-in-up {
  0%   { opacity:0; margin-top:50px;}
  100% { opacity:1; margin-top:0;}
}
/*================================================ Home Slider ======================================*/
.main-slider .carousel-item::before{ display: block; content: ""; background-image: url(../img/slider-bg.png); background-size:cover; background-position: left; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.slider-img{ float:right; width:49%;}
.main-slider .carousel-item .product-slider{ position: absolute; top:20%; left:36%; max-width:850px; z-index: 2;}
.main-slider .carousel-caption { position: absolute; top:50%; left:15%; bottom:auto; padding:0; width:445px; height: fit-content; transform:translateY(-50%); color: #fff; text-align: left; z-index: 3;}
.main-slider .carousel-caption h3{ font-family: 'Montserrat', sans-serif; font-weight:500; font-size:45px; color:#fff; line-height:120%; margin-bottom:10px;}
.main-slider .carousel-caption p{ font-family: 'Inter', sans-serif; font-size:20px; font-weight:500; color:#fff; line-height:28px;}
/*================================================ Home About ======================================*/
.home-about{ background:#F6F6F6; padding:90px 0;}
.home-about .sub-heading{ padding-top:24px;}
.home-about p { margin-bottom:20px;}
.home-about p:last-child{ margin-bottom:0px;}
/*================================================ Home Product ======================================*/
.home-product{ padding:60px 0;}
.home-product a{ text-decoration:none;}
.home-product .pro-des{ display: flex; flex-direction: column; justify-content: center; height: 330px; padding:0 15px 0 0;}
.home-product .pro-des p.semibold{ font-size:20px;}
.home-product .item{ padding:36px 24px; border:2px solid #eee; border-radius:10px; text-align:center;}
.home-product .owl-item{ }
.home-product .item img{ transition: 500ms;}
.owl-carousel .owl-item img { width:auto !important; margin: 0 auto; padding: 15px;}
.home-product .item:hover img{ transform: scale(1.1);}
.home-product .item h4{ font-family: 'Inter', sans-serif; font-size:17px; color:#535353; line-height:120%; transition: 500ms;}
.home-product .item h4:before{ content:""; display:block; height:2px; width:150px; background:#ddd; margin:0 auto 25px;}
.home-product .item:hover h4{ color:#fe1a1a;}
.home-product .owl-nav{ position: absolute; top: 50%; transform: translateY(-50%); width:100%;}
.home-product .owl-nav .owl-prev, .home-product .owl-nav .owl-next{ width: 30px;height: 30px; background: #fff; border: 1px solid #ccc; border-radius: 5px; text-align: center;}
.home-product .owl-nav .owl-prev{ float:left; margin-left:-15px;}
.home-product .owl-nav .owl-next{ float:right; margin-right:-15px;}

.home-product .owl-nav i{ color: #1E56A1; line-height: 28px; font-weight: 600;}
/*================================================ Home Contact ======================================*/
.home-contact{ padding:80px 0; background:linear-gradient(to right, rgb(79 102 175 / 85%) , rgb(0 103 147 / 85%)), url(../img/bg_1.jpg); background-attachment: fixed; background-size: cover;}
.home-contact h4{ font-family: 'Inter', sans-serif; font-size:30px; color:#fff; line-height:42px; font-weight:400;}
.home-contact h6{ font-family: 'Inter', sans-serif; font-size:18px; color:#fff; font-weight:400; line-height:120%; letter-spacing:3.5px; border: 1px solid rgb(255 255 255 / 35%); width: fit-content; margin: 25px auto; padding: 10px 40px; transition: 900ms;}
.home-contact:hover h6{ background: #fe1a1a; color:#fff;}
.home-contact a.button span{ margin-left:20px;}
/*================================================ Home counter ======================================*/
.home-counter{ padding:40px 0;}
.counter{ padding:50px 0;}
.counter:nth-child(odd){ background:#F4F4F4;}
.counter .counter-content{ margin:0 auto; width: fit-content;}
.counter h3, .counter p{ display:inline-block;}
.counter h3, .counter span{ font-family: 'Montserrat', sans-serif; font-size:50px; color:#0A6797; line-height:120%; transition: 500ms; font-weight:600;}
.counter h3 sup{ font-size:35px; color:#D72E2E; font-weight:300; top: -25px;}
.counter p{ font-family: 'Inter', sans-serif; font-size:16px; color:#888888; line-height:20px; width: min-content; margin-left:10px;}
.counter:hover h3, .counter:hover h3 span{ color: #fe1a1a;}
/*================================================ Footer ======================================*/
.footer{ padding:45px 0 35px; background:#3866A7;}
.footer hr{ background: rgba(255, 255, 255, 0.15); margin:25px 0; opacity:1;}
.footer .footer-top{ padding:25px 35px 0; font-family: 'Inter', sans-serif; font-weight:400; color:#fff;}
.footer .footer-top .foot-top-sec{ padding:0 35px 50px; border-right:1px solid rgba(255, 255, 255, 0.15);}
.footer .footer-top .foot-top-sec:first-child{ padding:0 50px 0 0;}
.footer .footer-top .foot-top-sec:last-child{ padding:0 0 0 35px; border:none;}
.footer .footer-top .footer-heading{ font-size:15px; text-transform:uppercase; line-height:120%; margin-bottom:15px;}
.footer .footer-top .footer-title{ font-size:15px; text-transform:none; margin-bottom:5px;}
.footer .footer-top p{ font-size:15px; color: rgba(255, 255, 255, 0.65); line-height:22px; transition: 500ms;}
/*.footer .footer-top p:hover{ color:#fff;}*/
.footer .footer-top ul li{ position:relative; list-style:none;}
.footer .footer-top ul li a{ font-size:15px; color: rgba(255, 255, 255, 0.65); line-height:28px; text-decoration:none; transition: 500ms;}
.footer .footer-top ul li a:hover{ margin-left:10px; color: rgba(255, 255, 255, 1);}
.footer .footer-top ul li a:hover::before{ position: absolute; content: "\f105"; font-family: 'Fontawesome'; color: #fff; left: 0px; font-size: 15px; animation-name:nav-arrow; animation-duration: 500ms; transition: 500ms;}
.foot-top-sec ul.foot-pro-link li{ float:left; width: 50%;}
.foot-top-sec ul.foot-pro-link li a{ position:relative;}
.foot-top-sec ul.foot-pro-link li a:hover{ margin-left:0px; padding-left:10px;}
.foot-top-sec ul.foot-pro-link li:nth-child(even)::after { height: 100%; width: 1px; background: rgba(255, 255, 255, 0.15); position: absolute; top: 0; left: 0; content: ""; }
.foot-top-sec ul.foot-pro-link li:nth-child(even){ padding-left:35px;}
.footer .footer-mdl{ padding:10px 20px;}
.footer .footer-mdl ul.foot-mobile{ display:inline-block; font-family: 'Inter', sans-serif; font-size:25px; line-height:120%; }
.footer .footer-mdl ul.foot-mobile li{ float:left; list-style:none; margin-right:70px;}
.footer .footer-mdl ul.foot-mobile li:last-child{ margin-right:0;}
.footer .footer-mdl ul.foot-mobile a{ color:#fff; text-decoration:none; transition: 500ms; }
.footer .footer-mdl ul.foot-mobile a img{ transition: 500ms; margin-right:25px;}
.footer .footer-mdl ul.foot-mobile a:hover, .footer .foot-social a:hover{ color: rgb(255 255 255 / 65%);}
.footer .footer-mdl ul.foot-mobile a:hover img{ filter: opacity(0.65);}
.footer .foot-social{ font-family: 'Inter', sans-serif; font-size:13px; color:#FFF; line-height:120%; padding:6px 0; display: flex; justify-content: center; align-items: center;}
.footer .foot-social ul{ display: inline-flex; align-items: center;}
.footer .foot-social ul li{ list-style:none; margin-left:10px;}
.footer .foot-social ul li a{ font-size:30px; color:#fff; line-height:120%; transition: 500ms;}
.footer .footer-btm{ padding:0px 20px;}
.footer .footer-btm .copy, .footer .footer-btm .copy a{ font-family: 'Inter', sans-serif; font-size:14px; color: rgba(255, 255, 255, 0.75); line-height:120%; text-decoration:none; -webkit-transition: 500ms; -moz-transition: 500ms; transition: 500ms;}
.footer .footer-btm .copy a:hover{ color: rgba(255, 255, 255, 1);}
/*========================================================
                       Extra Links
========================================================*/
/*====================== Side Button =========================*/
body.modal-open{overflow-y: scroll !important;padding-right: 0 !important;}
.modal-backdrop.show { opacity: 0;}
.side-fx-part{ position:fixed; top:50%; right:0; transform:translateY(-50%); z-index:9;}
.side-fx-part button{ width:100px; height:100px; padding:5px; background: #222; border: none; font-family: 'Inter', sans-serif; font-size:11px; color:#fff; line-height:120%; border-radius:0; display: flex; justify-content: center; align-items: center; flex-direction: column; -webkit-transition: 500ms; -moz-transition: 500ms; transition: 500ms;}
.side-fx-part button:nth-child(2){ background:#000;}
.side-fx-part button:focus {border-color: #0000; box-shadow: 0 0 0 0 rgb(13 110 253 / 0%);}
.side-fx-part button img{ margin-bottom:10px; -webkit-transition: 500ms; -moz-transition: 500ms; transition: 500ms;}
.side-fx-part button:hover{ color:rgba(255, 255, 255, 0.5);}
.side-fx-part button:hover img{ filter: opacity(0.5);}
.modal.r-home-btn .modal-dialog{ height: 100vh; float: right; margin:0; padding:30px 0;}
.contact-pop, .rq-frm { top: 50%; right: 120px; transform: translateY(-50%);}
.contact-pop, .rq-frm{ background:#fff; padding:20px; border:1px solid #d3d3d3; box-shadow:0 19px 38px rgb(0 0 0 / 10%), 0 15px 12px rgb(0 0 0 / 2%); border-radius:3px;}
.contact-pop .heading, .rq-frm .heading{ color:#333; margin-bottom:15px; transition: 500ms;}
.contact-pop-show, .rq-frm-show{ right:120px;}
.contact-pop:before, .rq-frm:before{ content:""; display:block; width:20px; height:20px; background:#fff; border:1px solid #d3d3d3; border-width: 1px 1px 0 0; position: absolute; right: -10px; transform: rotateZ(45deg);}
.contact-pop .contact-details { padding: 10px; /*box-shadow: 0px 0px 29px 0px #0000001c;*/ border:1px solid #d3d3d3; background: rgb(255 255 255 / 5%); margin-bottom: 15px; border-radius: 4px; display: flex; flex-direction: row;}
.contact-pop >.contact-details:last-child{ margin-bottom:0px;}
.contact-pop .contact-details i { font-size: 30px; color: #DD2431; width: 68px; height: 68px; line-height: 68px; text-align: center; background: rgb(255 255 255 / 13%); margin-right: 20px; border-radius: 4px;}
.contact-pop .contact-body { -ms-flex: 1; flex: 1;}
.contact-body h6 { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 500; color: #959595; font-weight: 500; margin-bottom: 7px; transition: 500ms;}
.contact-pop .contact-body p{ font-family: 'Inter', sans-serif; font-size:17px; line-height:160%; transition: 500ms;}
.contact-pop .contact-details:hover .contact-body h6{ color:#dd2431;}
.contact-pop .contact-details:hover .contact-body p{ color: #333;}
.contact-pop:before{ top: 38%;}
.rq-frm input, .rq-frm textarea { border: 1px solid #d3d3d3; width: 100%; font-family: "Inter", sans-serif; font-size: 16px; line-height: 32px; padding: 5px 20px; margin-bottom: 10px; outline: none; background: #fff;/* color: #fff; */border-radius: 4px; resize:none; -webkit-transition: 500ms; -moz-transition: 500ms; transition: 500ms;}
.rq-frm .form-control:focus { color: #212529; background-color: #f4f4f4; border-color: #000000; outline: 0; box-shadow: 0 0 5px 0 rgb(255 255 255 / 25%);}
.rq-frm button{ border:1px solid #DD2431; border-radius:4px;}
.rq-frm:before{ top: 58%;}
/*====================== WhatsApp =========================*/
.whatsapp a{ background:#00BD39; border-radius:5px 5px 0 0; position:fixed; bottom:0; right:0; padding:8px 40px; text-decoration:none; font-family: 'Inter', sans-serif; font-size:17px; color:#fff; font-weight:400; line-height:120%; z-index:9; -webkit-transition: 500ms; -moz-transition: 500ms; transition: 500ms;}
.whatsapp a:hover{ background:#03a132;}
.whatsapp a i{ font-size:30px; line-height:120%; vertical-align: middle;}
.whatsapp a span{ color:#FFF;}
/*====================== Back to top =========================*/
#back-top { position: fixed; bottom: 45px; right:230px; z-index:9; }
#back-top a { display: block; text-align: center; text-decoration: none; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
#back-top span { padding:10px 15px; display: block; background: rgb(56 102 167 / 80%); box-shadow: 0 0 4px 1px rgb(0 0 0 / 20%); color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
#back-top a:hover span { background-color: rgb(56 102 167 / 100%);}