/*=====================================================
                  Inner Header
======================================================*/
.inner-header{ width:100%; padding:15px 20px; background:linear-gradient(to bottom, rgb(79 102 175 / 90%) , rgb(0 103 147 / 85%)), url(../inner-image/inner-banner.jpg); background-size: cover; background-attachment: fixed; background-position:center; }
.inner-header .page-identity{ min-width: 270px; max-width: 750px; width: fit-content; margin:15px auto;}
.inner-header .page-identity h3{ color:#fff;}
.inner-header .line-devider{ width: 90%; height: 3px; background: linear-gradient(to right, rgb(255 255 255) , rgb(255 255 255 / 18%)); border-radius: 2px; margin: 15px 5%;}
.inner-header .page-location{ display: flex; justify-content: center;}
.inner-header .page-location ul{ padding: 0 0px;}
.inner-header .page-location ul li{ list-style:none; display:inline-block; padding:0 15px; border-right:1px solid #fff;}
.inner-header .page-location ul li, .inner-header .page-location ul li a{ color:#fff; text-decoration:none; transition: 500ms ease all;}
.inner-header .page-location ul li:last-child{ padding-right:0; border-right:0;}
.inner-header .page-location ul li:first-child{ padding-left:0;}
.inner-header .page-location ul li a:hover, .inner-header .page-location ul li span:hover{ color:rgb(255 255 255 / 60%);}
.inner-header .page-location ul li span{ cursor: default; color:rgb(255 255 255 / 60%);}
/*=====================================================
                  Inner Body
======================================================*/
.inner-body{ margin:80px 30px; position:relative;}
#sticky { position: sticky; top: 70px; }
.table{ font-family: 'Inter', sans-serif; font-size: 16px; color: #545454; line-height: 25px; box-shadow: 0 0 1px 0 #000;}
p.table-head { text-align: left; text-indent: 0; font-size: 20px; font-weight: 500; border: 1px solid rgb(56 102 167 / 25%); border-bottom: 0; border-radius: 5px 5px 0 0; padding: 10px; margin: 0!important; background: rgb(56 102 167 / 15%);}
p.table-head small{ font-size:80%;}
.table-striped>tbody>tr:nth-of-type(odd) { --bs-table-accent-bg: rgb(221 36 49 / 6%);}
.table tbody tr, .table tbody tr td{ padding:8px 15px; color:#545454; transition: 0.5s;}
.table tbody tr:hover{ background: rgb(56 102 167 / 6%);}
.table tbody tr:hover td{ padding-left:20px;}
/*=====================================================
                  Inner About Us Page
======================================================*/
.about-us .about-img{ width:100%; position:relative; }
.about-us .about-img::before, .about-us .about-img::after{ content:""; display:block; position:absolute; width:50%; height:50%; border:8px solid; z-index:-1; --angle: 0deg; border-image: linear-gradient(var(--angle), #DD2431, #CA4C5A, #089ddd) 1; animation: 10s rotate linear infinite; }
.about-us .about-img::before{ top: -15px; left:-15px;}
.about-us .about-img::after{ bottom: -15px; right:-15px;}
.about-us .about-content{ padding:30px 0;}
.about-us .about-content p{ margin-bottom:15px;}
.icon-part{ display: flex; width: fit-content; margin: 50px auto 0; flex-direction: row; align-items: center; position:relative;}
.icon-part img{ width: 100px; margin-right: 120px; padding: 17px; background: #fff; border: 2px solid #3866A7; border-radius: 50%; z-index: 1;}
.icon-part img:last-child{ margin-right:0;}
.icon-part::after{ content:""; display:block; height:2px; width:100%; background: #d5d5d5; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.about-us span{ position: absolute; right: 5%; z-index: 2; animation: plus-totate 30s infinite; font-size: 240px; line-height: 100%; color: #dd243114;}
@keyframes plus-totate {
  100% {transform: rotate(360deg);}
}
/*=====================================================
                  Inner Product Page
======================================================*/
.product-card{ position:relative; margin-bottom:20px;}
.product-card::after{ content: "DN Meditech"; display: block; position: absolute; left: -25px; top: 40px; font-size: 12px; font-family: 'Inter', sans-serif; font-weight: 600; color: #dd2431; text-shadow: 1px 1px 2px #fff9ec; transform: rotate(90deg); }
.product-card .pro-area{ position:relative;}
.product-card .pro-img{ width:100%; min-height:100px; border-radius:5px; overflow:hidden; border:2px solid #DD2431; }
.product-card .pro-img img{ transition: 1000ms;}
.product-card .pro-img img:hover{ transform: scale(1.1);}
.product-card .pro-img::before, .product-card .pro-img::after{ display:block; content:""; height:5px; background:#ccc; border-radius: 3px; position: absolute; right: 110px;}
.product-card .pro-img::before{ width:65%; bottom: -13px;}
.product-card .pro-img::after{ width:55%; bottom: -23px;}
.product-card .pro-btn{ padding:15px 30px; background:#DD2431; border-radius:5px; border:3px solid #fff; color:#fff; font-size:30px; line-height:30px; text-decoration:none; position:absolute; bottom:-28px; right:20px; transition: 500ms;}
.product-card .pro-btn:hover{ background:#f33945;}
.product-card .pro-btn::after{ display:block; content:""; height: 68.5%; width: 115%; border: 3px solid #dd2431; border-bottom: none; border-radius: 5px 5px 0 0; position: absolute; top: -6px; left: -6px;}
.product-card .pro-head{ width:100%; margin-top:37px; text-align:center;}
.product-card .pro-head a{ font-size:24px; font-weight:600; color:#545454; text-decoration:none; transition: 500ms;}
.product-card .pro-head a:hover{ color:#3866a7;}
.product-description ul{ padding:20px 0px 20px 10px;}
.product-description ul li { position: relative; list-style:none; padding: 0 0 0 16px; font-family: 'Inter', sans-serif; font-size: 17px; color: rgb(0 0 0 / 0.65); line-height: 25px; margin: 0 40px 10px 0; display:inline-block;}
.product-description ul li:before { position: absolute; content: "\f101"; font-family: 'Fontawesome'; color: #DD2431; left: 0; font-size: 15px; line-height:25px;}
/*=====================================================
                  Inner Single Product Page
======================================================*/
.product-details{ margin:80px 0px;}
.product-details .bg{ position:relative;}
.product-details .bg::before{ content:''; display:block; background:url(../inner-image/bg.jpg); background-size:cover; background-repeat: no-repeat; background-position:bottom right; position: absolute; bottom: -60px; right: 0px; height: 100%; width: 100%; opacity:0.075; z-index: -1;}
.main-pro-img{ width:100%; border:2px solid #F00; border-radius:3px; box-shadow: 2px 2px 8px 3px rgb(0 0 0 / 35%);}
.product-details p{ text-align:justify; text-indent: 30px; margin-bottom:15px;}
.product-details p:last-child{ margin-bottom:0;}
.product-description{ background:linear-gradient(to right, rgb(234 239 255 / 90%) , rgb(216 244 255 / 90%)), url(../img/bg_1.jpg); background-size: cover; padding: 15px 30px; border: 2px solid rgb(25 63 116);  border-radius: 5px;}
.product-description p{ margin-bottom:10px; color:rgb(0 0 0 / 0.65);}
.product-description p:last-child{ margin-bottom:0;}
.pro-detail-btn-area img{ border:2px solid #DD2431; border-radius:5px; filter: blur(0px); transition: 0.5s;}
.pro-detail-btn-area:hover img{ filter: blur(1.5px);}
.pro-detail-btn-area .pro-detail-btn{ width:90%; margin:-30px auto 0; display:flex;}
.pro-detail-btn-area .pro-detail-btn a{ background:#DD2431; width:50%; padding: 15px 10px; text-align: center; border-left:1px solid rgb(255 255 255 / .25); border-right:1px solid rgb(0 0 0 / .25); font-family: 'Inter', sans-serif; font-size:17px; color:#fff; text-decoration:none; position:relative; transition:500ms;}
.pro-detail-btn-area .pro-detail-btn a:hover{ background:#c91f2b;}
.pro-detail-btn-area .pro-detail-btn a::after{content: '\00bb'; font-family:'FontAwesome'; position: absolute; opacity: 0; top: 45%; transform: translateY(-50%); transition: 0.5s;}
.pro-detail-btn-area .pro-detail-btn a:hover::after{opacity: 1; margin-left: 5px;}
.pro-detail-btn-area .pro-detail-btn a:first-child{ border-radius:5px 0 0 5px; border-left:none;}
.pro-detail-btn-area .pro-detail-btn a:last-child{ border-radius:0 5px 5px 0; border-right:none;}
#inquireModal .modal-header { border-bottom: none; background:none; margin-bottom:30px; flex-direction: column; align-items: normal; padding-left:46px;}
#inquireModal .modal-title{ font-family: 'Montserrat', sans-serif; font-size:35px; color:#DD2431; line-height:120%; text-shadow: 2px 2px 3px #0000005c;}
#inquireModal .close-modal{ width: 40px; height: 40px; position: absolute; top: -20px; right: -20px; z-index: 1; background: #dd2431; border: none; border-radius: 50px; font-size: 24px; color: #fff; padding: 0; font-family: 'Montserrat', sans-serif; text-align: center;}
#inquireModal .modal-content{ background:url('../inner-image/inquiry_bg.jpg'); background-repeat: no-repeat; background-size: cover; background-position: bottom right; border: 5px solid rgb(221 36 49 / 80%); border-radius:10px; overflow:inherit;}
#inquireModal .contact-form .form-control { background: #ffffffd1;}
.pro-tab-area{ margin:30px 0; position:relative;}
.pro-tab-area p{ text-indent:0; font-size:16px;}
.pro-tab-area .heading{ font-size:24px; margin-bottom:15px;}
.pro-tab-header{ background:linear-gradient(to right, rgb(79 102 175 / 85%) , rgb(0 103 147 / 85%)), url(../img/bg_1.jpg); background-size: cover; margin-bottom:30px;}
.pro-tab-header .nav-tabs { border-bottom: none;}
.pro-tab-header .nav-tabs .nav-link{ border-radius: 0; padding: 15px 30px; font-family: 'Inter', sans-serif; font-size:20px; color:#fff; margin:0; border:none; border-left: 1px solid rgb(255 255 255 / 0.2); border-right: 1px solid rgb(0 0 0 / 0.2); transition: 0.5s;}
.pro-tab-header .nav-tabs .nav-item.show .nav-link, .pro-tab-header .nav-tabs .nav-link.active, .pro-tab-header .nav-tabs .nav-link:hover { color: #fff; background-color: rgb(0 0 0 / 30%); border-color: #0000; }
.nav-tabs .nav-link:focus { border-color: #0000; color:#fff;}
.pro-flex-area{ display: flex; flex-direction: row; align-items: center; justify-content: flex-start; position:relative; color:#545454;}
.pro-flex-area::before, .pro-flex-area::after{ content:'\f067'; font-family:'FontAwesome'; position: absolute; line-height: 100%; color: rgb(221 36 49 / 5%);}
.pro-flex-area::before{ right: 100px; bottom:110px; font-size: 50px;}
.pro-flex-area::after{ right: 10px; bottom:10px; font-size: 140px;}
.pro-flex-con{ margin:0 0 20px 20px; padding:15px 20px; width: -webkit-fill-available; min-height:150px; border: 1px solid #eeeeee; border-radius: 3px;}
.pro-flex-con h6{font-family: 'Inter', sans-serif; font-size:20px; color:#666; margin-bottom:15px;}
.pro-flex-con ul li{ list-style:none; position:relative; padding-left:20px; transition: 0.5s;}
.pro-flex-con ul li:before{ content:'\f046'; font-family:'FontAwesome'; font-size:14px; line-height:24px; color:#03a132; position:absolute; left:0;}
.pro-flex-con ul li:hover{ margin-left:5px;}

.pro-gallery-tab-header{ border-right: 4px solid #3866A7; padding:15px 0; height: 100%;}
.pro-gallery-tab-header li button{}
.pro-gallery-tab-header .nav-tabs{ border:none;}
.pro-gallery-tab-header .nav-item{ width:100%;}
.pro-gallery-tab-header .nav-tabs .nav-link{ width:100%; border:none; border-radius: 5px 0 0 5px; font-family: 'Inter', sans-serif; font-size:17px; color:#3866A7; text-align:left; margin:0; padding:15px; transition: 500ms;}
.pro-gallery-tab-header .nav-tabs .nav-link:hover{ background-color:#f6f6f6;}
.pro-gallery-tab-header .nav-tabs .nav-link.active{ background:#3866A7; color:#fff; }
.fancy-gallery .heading { font-size: 24px; margin-bottom: 15px; }
.fancy-gallery a{ text-decoration:none; position:relative;}
.fancy-gallery .card{ padding:15px; border: 2px solid #eee; border-radius: 5px; overflow:hidden;}
.fancy-gallery .card img{ transition: 500ms;}
.fancy-gallery .card:hover img{ transform:scale(1.1);}
.fancy-gallery .card .caption{ font-family: 'Inter', sans-serif; color: #999; font-size: 17px; margin: 0px auto; width: fit-content; text-align:center; padding:15px 15px 0; transition: 500ms;}
.fancy-gallery .card:hover .caption{ color:#fe1a1a;}
.fancy-gallery .card .caption::before{ display:block; content:''; width:150px; height:2px; margin:15px auto; background:#ddd;}
.fancybox-infobar span{ color:#ccc;}
/*=====================================================
                  Inner Testimonial Page
======================================================*/
#customers-testimonials .item { text-align: center; margin-bottom:50px; opacity: .2; -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
#customers-testimonials .owl-item.active.center .item { opacity: 1; -webkit-transform: scale3d(1.0, 1.0, 1); transform: scale3d(1.0, 1.0, 1); }
.shadow-effect { background: #fff; padding: 35px; border-radius: 4px; text-align: center; border:1px solid #ECECEC; box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02); position:relative; }
#customers-testimonials .shadow-effect p.comment { font-family: 'Inter', sans-serif; margin: 0 0 17px 0; }
#customers-testimonials .shadow-effect p.comment::before, #customers-testimonials .shadow-effect p.comment::after{ font-family: 'FontAwesome'; font-size:40px; color: rgb(0 0 0 / 15%); display:block; position:absolute;}
#customers-testimonials .shadow-effect p.comment::before{ content:"\f10d";}
#customers-testimonials .shadow-effect p.comment::after{ content:"\f10e"; right:40px;}
#customers-testimonials .shadow-effect .client-details{ margin-top: 50px; text-align:left;}
#customers-testimonials .shadow-effect .client-details .heading{ font-size: 21px; font-weight: 600;}
#customers-testimonials .shadow-effect .client-details .sub-heading{ position:relative; padding-left:25px;}
#customers-testimonials .shadow-effect .client-details .sub-heading::before{ content:""; display:block; width:20px; height:3px; background:#545454; position:absolute; top:7px; left:0;}
.owl-carousel .owl-item img { transform-style: preserve-3d; max-width: 110px; margin: 15px auto 0; border-radius: 30px 30px 0 0;border: 6px solid #3190e7; border-bottom: none; }
.shadow-effect::after { content: ""; display: block; width: 100%; height: 8px; background-image: radial-gradient(#6c6c6c 21%, #00000000 41%); position: absolute; bottom: 32px; left: 0; border-radius: 50%;}
.testimonial-btn { margin: -36px auto 0; display: table; width: auto; background: #3190E7; padding: 20px 35px; border-radius: 0 0 30px 30px; text-align: center; text-transform:uppercase; color: #fff; box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05); transition: 500ms; position:relative; }
.testimonial-btn .bar{ width:130px; height:2px; background:#FFF; border-radius:3px; margin:4px auto 0;}
.testimonial-btn .bar:nth-child(odd){ width:80px;}
#customers-testimonials.owl-carousel .owl-dots{ display: inline-block; width: 100%; text-align: center;}
#customers-testimonials.owl-carousel .owl-dots .owl-dot{ display: inline-block; }
#customers-testimonials.owl-carousel .owl-dots .owl-dot span { background: #dd2431; display: inline-block; height: 20px; width: 20px; margin: 0 2px 5px; transform: translate3d(0px, -50%, 0px) scale(0.3); transform-origin: 50% 50% 0; transition: all 250ms ease-out 0s; }
#customers-testimonials.owl-carousel .owl-dots .owl-dot.active span, #customers-testimonials.owl-carousel .owl-dots .owl-dot:hover span { background: #dd2431; transform: translate3d(0px, -50%, 0px) scale(0.7); }

.testimonial-img{ margin:0px 0px 30px 0px; padding:0px 0px; position:relative;}
.testimonial-img img{padding: 15px;background:#fff;border: 1px solid #ccc;max-height: 410px;width: 100%;object-fit: cover;box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 11%);}
.testimonial-img a{ position:relative; display:block;}
.testimonial-img a:before{ content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:25%; opacity:0; background:rgba(0,0,0,0.35); transition:all ease 0.3s; -ms-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s;}
.testimonial-img a:hover:before{ background:rgba(0,0,0,0.60); opacity:1; height:100%; top:0;}
.testimonial-img a:after{content:'\f00e';font-family: 'FontAwesome';color:#333;font-size: 20px;display:block;position:absolute;left:0;top:0;right:0;bottom:0;width:75px;height:55px;margin:auto;border-radius:5px;opacity:0;background: rgb(255 255 255 / 89%);border:2px solid #fff;transition:all ease 0.3s;-ms-transition:all ease 0.3s;-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;text-align: center;line-height: 55px;}
.testimonial-img a:hover:after{ opacity:1; border:#000;}
/*=====================================================
                  Inner Contact Page
======================================================*/
.contact-page{ padding-top:60px; padding-bottom:60px; position:relative;}
.contact-page::before{ content:""; display:block; position:absolute; top:0; right:0; width:85%; height:100%; background:#fff; box-shadow:0 1px 7px rgba(0,0,0,0.5);}
.contact-page div.z1{ z-index:1;}
.contact-area{ width:100%; height:100%; background:url(../inner-image/contact-bg.jpg); box-shadow:0 1px 7px rgba(0,0,0,0.5); background-size: cover; background-position: bottom right;}
.contact-area-overlay{ padding:30px; background: linear-gradient(-45deg, rgb(36 65 159 / 85%), rgb(4 138 195 / 85%)); background-size: 400% 400%; animation: gradient 4s ease infinite; height: 100%;}
@keyframes gradient {
	0% { background-position: 0% 50%;}
	50% { background-position: 100% 50%;}
	100% { background-position: 0% 50%;}
}
.contact-area .heading { color:#fff;}
.contact-area .sub-heading { color:#ffffff75;}
.contact-area .header-space{ background:#ffffff75;}
.contact-area .contact-details { margin-top: 30px; display: flex; flex-direction: row; align-items: center;}
.contact-area .contact-details i { font-size: 20px; color: #dd2431c7; width: 45px; height: 45px; line-height: 45px; text-align: center; margin-right: 20px; background: #ffffff80; border-radius:3px; border: 2px solid #ffffff80;}
.contact-area .contact-body { -ms-flex: 1; flex: 1;}
.contact-area .contact-body h6 { font-family: 'Montserrat', sans-serif; font-size: 19px; font-weight: 500; color: #fff; font-weight: 500; margin-bottom: 7px; transition: 500ms;}
.contact-area .contact-body p{ font-family: 'Inter', sans-serif; font-size:16px; line-height:160%; transition: 500ms; color:#fff;}
.contact-area .contact-body p.semibold{ font-weight:600; margin-bottom:10px;}
.contact-area .contact-body a{ color:#fff; text-decoration:none; transition: 500ms;}
.contact-area .contact-details:hover a, .contact-area .contact-details:hover p{ color:rgb(255 255 255 / 75%);}
.contact-area .contact-social{ margin:40px 0 0; display: flex; justify-content: center;}
.contact-area .contact-social ul{}
.contact-area .contact-social ul li{ list-style:none; float:left;}
.contact-area .contact-social ul li a{ width: 50px; height: 50px; margin-right: 20px; border: 2px solid #ffffff80; border-radius:3px; text-align: center; color:#ffffff80; font-size: 25px; text-decoration:none; display: flex; align-items: center; justify-content: center; transition: 500ms; background:#00000050}
.contact-area .contact-social ul li:last-child a{ margin-right: 0px;}
.contact-area .contact-social ul li a:hover{ color:#fff; border-color: #fff;}
.contact-form{ margin:30px;}
.contact-form .form-control { border-width: 1px; font-weight: 400; font-size: 16px; box-shadow: 0px 0px 12px -2px rgb(0 0 0 / 15%);}
.contact-form .form-control { height: 54px; margin-bottom: 10px; border: 1px solid #999999; outline: none; background: #ffffff; font-size: 15px; padding: 12px 16px; letter-spacing: 0.2px;}
.contact-form textarea.form-control{ height:85px; resize:none;}
.contact-form [type=submit]{ border:none; margin:0;}
.contact-form .form-control::placeholder{font-family: 'Inter', sans-serif; font-size:14px; font-weight: 400; color: #999999; }
.contact-form .form-control::-webkit-input-placeholder{color: #999999 !important; }
.contact-form .form-control:-moz-placeholder { color: #999999 !important; }
.contact-form .form-control::-moz-placeholder{ color: #999999 !important; }
.contact-form .form-control:-ms-input-placeholder{color: #999999 !important; }
.contact-map { --angle: 0deg; width: 100%; height: 500px; border-top: 5px solid; border-image: linear-gradient(var(--angle), #365fdf, #dd2532, #089ddd) 1; animation: 10s rotate linear infinite;}
.contact-map iframe{ width:100%; height:100%;}
@keyframes rotate {
  to { --angle: 360deg; }
}
@property --angle { syntax: '<angle>'; initial-value: 0deg; inherits: false;}
/*=====================================================
                  Error 404 Page
======================================================*/
.thankyou, .error, .product-error{ text-align:center;}
.thankyou .heading, .error .heading{ font-weight: 700; font-size: 110px; letter-spacing: 15px;}
.thankyou .sub-heading, .error .sub-heading, .product-error .sub-heading{ font-size: 35px; font-weight: 600; letter-spacing: normal;}
.thankyou p, .error p, .product-error p{max-width: 700px; margin: auto; }
.thankyou .btn-1, .error .btn-1, .product-error .btn-1{ display: inline-block; margin: 30px 0 0;}
.thankyou .heading{ color: #00BD39;}
.product-error .heading{ font-weight: 700; font-size: 90px; letter-spacing: 5px; margin-bottom: 15px; }