z  *{margin: 0; padding: 0; box-sizing: border-box;}
img{max-width: 100%;}
a, a:hover, a:focus, a:visited, a:active{text-decoration: none;}
p, ul, li{padding: 0; margin: 0;}
body{font-family: 'Dosis', sans-serif;}

::selection {color: #fff; background-color: #182145;}

.owl-theme .owl-dots .owl-dot span{background-color: #000;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background-color: #182145;}



/* header */
header{position: relative; z-index: 9; background-color: #fff; box-shadow: 0 0 10px #00000021; padding: 0;}
header .header-top{background-color: #182145; padding: 5px 0;}
header .header-top ul{display: flex; list-style: none; justify-content: space-between; }
header .header-top ul li a{color: #fff; font-size: 16px; font-weight: 500;}

header .navbar-brand{width: 19%;}
header .nav-link{color: #000; font-size: 18px; font-weight: 500; transition: .5s; position: relative; padding: 0px 0px !important;}
header .nav-link::before{content: ''; background-color: #182145; width: 0%; height: 2px; position: absolute; bottom: -5px; left: 0; transition: .5s;}
header .nav-link:hover::before{width: 100%;}
header .nav-link:hover, header .nav-link:focus{ color: #182145;}
header .navbar-nav{gap: 20px;}

header .whatsapp{justify-content: end;}
header .whatsapp li a{font-size: 16px; background-color: #182145; color:  #fff; font-weight: 500; display: inline-block; padding: 10px 30px; border: 2px solid #182145; border-radius: 5px; transition: .5s;}
header .whatsapp li a:hover{background-color: #fff; color: #182145;}

header .navbar-toggler{border: none; color: #182145; font-size: 28px; border-radius: 0;}
header .navbar-toggler:focus{box-shadow: none ;}
header .offcanvas-title{font-size: 30px; color: #182145; font-weight: bold;}
header .navbar-nav{position: relative;}

.sticky{top: -35px; left: 0; right: 0; z-index: 999; position: fixed !important; animation: slideDown .5s ease-out;}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(10);
  }
}


header .navbar-nav .dropdown-menu{border: 0; box-shadow: #0000004b 0 0 10px;}
header .dropdown-item.active, header .dropdown-item:active, header .dropdown-item:hover{background-color: #182145; color: #fff;}


/* slider */
#slider {position: relative;}
#slider .owl-item{background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 305px 0;}
#slider .owl-theme .owl-nav.disabled+.owl-dots{position: absolute; left: 0; right: 0; bottom: 20px;}


/* category */
#category{padding: 60px 0; background-color: #fff;}
#category h2{color: #000; font-size: 36px; margin-bottom: 30px; text-align: center; font-weight: bold;} 
#category .row{row-gap: 25px;} 
#category .inner img{transition: .5s;}
#category .inner:hover img{transform: scale(1.3);}
#category .inner{text-align: center; overflow: hidden; border-radius: 8px; position: relative;}
#category .inner .link{display: block; position: absolute; bottom: 10px; left: 10px; right: 10px; background-color: #fff; border-radius: 8px; padding: 10px 0; color: #000; font-size: 16px; transition: .5s;}
#category .inner:hover .link{background-color: #182145; color: #fff;}



/* product */
#product{padding: 60px 0; background-color: #fff;}
#product h2{color: #000; font-size: 36px; margin-bottom: 30px; text-align: center; font-weight: bold;} 
#product .row{row-gap: 25px;}
#product .inner{text-align: center; position: relative; transition: .5s; margin: 10px;}
#product .inner .img{display: block; overflow: hidden;}
#product .inner .img img{transition: .5s;}
#product .inner .img img:hover{transform: scale(1.3);}
#product .inner:hover{box-shadow: 0 0 10px #0000003d;}
#product .inner .link{display: block; background-color: #182145; padding: 10px 0; color: #fff; font-size: 16px; transition: .5s;}
#product .inner:hover .link{background-color: #000;}



/* testimonals */
#testimonals {padding: 60px 0px; background-color: #FAF9FF;}
#testimonals h2 { color: #000; font-size: 36px; font-weight: bold; text-align: center;}
#testimonals .p1 { font-size: 18px; text-align: center; color: #6d6d6d; margin-bottom: 40px;}
#testimonals .testimonalsinr { padding: 20px; background-color: #fff; margin: 10px; border-right: 3px solid #182145; box-shadow: 0 6px 12px #00000023; display: flex; gap: 15px; list-style: none; border-radius: 15px;}
#testimonals .testimonalsinr img { border-radius: 50%; border: 1px solid #6d6d6d;}
#testimonals .testimonalsinr li:first-child{width: 15%;}
#testimonals .testimonalsinr li:last-child{width: 85%;}
#testimonals .testimonalsinr p { font-size: 20px; line-height: 30px; color: grey; font-style: italic; margin-bottom: 16px;}
#testimonals .testimonalsinr h3 { font-size: 18px; color: #000; display: inline-block; font-weight: bold;}


/* footer */
footer .footertop{background-color: #FAF9FF; padding: 70px 0px 20px;}
footer .row{row-gap: 25px;}
footer .footertop .about img{width: 40%;}
footer .footertop .about p{color: #000; font-size: 15px; margin-top: 20px; }
footer .footertop ul{list-style: none;}
footer .footertop ul li{color: #000; margin-top: 10px;}
footer .footertop ul li a{color: #000; font-size: 16px; transition: .5s; display: inline-block; border-bottom: 1px solid transparent;}
footer ul li h4{color: #182145;}
footer .footertop ul li a:hover{color: #182145;}
footer .footertop .addres li{margin-bottom: 20px;}
footer .footertop .addres li i{color: #182145; font-size: 22px;}
footer .footerboo ul{display: flex; justify-content: space-between; margin: 0; border-top: 1px solid #18214536;padding-top: 20px;}
footer .footerboo{background-color:#FAF9FF; padding: 20px;}
footer .footerboo .soical li:first-child{color: #182145; text-align: center;}
footer .footerboo .soical li:first-child a{color: #fff; font-size: 16px; display: inline-block; width: 35px;height: 35px; line-height: 35px; background-color: #182145; border-radius: 50%; transition: .5s;}
footer .footerboo .soical li:first-child a:hover{background-color: #000;}
footer .footerboo ul li img{width: 220px; background-color: #182145; padding: 0px 10px 8px; border-radius: 100px;}


  /* quickcontact */
.quickcontact {
  width: 45px;
  position: fixed;
  top: 77%;
  right: 15px;
  z-index: 102;
}


/* modal */
.modal form.row{row-gap: 20px;}
.modal .btn-theme {border-radius: 0px; background: #182145; color: #fff;}
.modal .btn-theme:hover{background-color: #000; color: white;} 
.modal .form-control{border-radius: 0px; border: none; box-shadow: none; background-color: #f3f3f3;}
.modal .form-control:focus{border-color: #000;}
.modal .submit{background-color: #182145; color: #fff; font-weight: 500px; padding: 10px; border: 0; transition: .5;}
.modal .submit:hover{background-color: #182145;}


/* ======================================
            inner page
======================================= */

/* heading */
#heading{background-image: url(../images/banner4.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
#heading .heading-bg{padding: 100px 0;}
#heading h2{font-size: 40px; font-weight: bold; color: #000;}
#heading p, #heading a{font-size: 16px; color: #000; font-weight: bold; transition: .5s;}
#heading a:hover{color: #182145;}



/* about */
#about{padding: 60px 0; }
#about .row{row-gap: 30px;}
#about .img{text-align: center;}
#about .img img{width: 90%; border-radius: 10px;}
#about .content .p1{color: #182145; font-size: 16px;  font-weight: bold;}
#about .content p{font-size: 16px; color: #6d6d6d; line-height: 30px;}
#about .content p b{color: #000;}
#about .content h2{color: #000; font-weight: bold; font-size: 44px; margin: 20px 0;}



/* contact */
#contact{padding: 70px 0px;}
#contact .row{row-gap: 30px;}
#contact .location h2{font-size: 40px; font-weight: 500; color: #000;}
#contact .location h2 span{font-weight: 800; color: #182145;}
#contact .location p{font-size: 16px; color: grey; margin-bottom: 30px;}
#contact .location ul li a{color: #000; font-size: 16px; font-weight: 500; transition: .5s;}
#contact .location ul li{transition: .5s; padding: 15px; height: 100px; margin-bottom: 20px; background-color: #FAF9FF; font-size: 20px; color: #182145; transition: .5s; border-radius: 10px; box-shadow: 0 0 10px #00000033;}
#contact .location ul li:hover a, #contact .location ul li:hover{color: #182145;}
#contact .location .map iframe{border-radius: 20px;}
#contact form{background-color: #FAF9FF; padding: 30px 15px; box-shadow: 0 0 10px #00000033; border-radius: 10px;}
#contact form .form-control{border: none; border-bottom: 1px solid #182145; background-color: #ffffff00; border-radius: 0px; color: #000;}
#contact form .label{color: #000; font-size: 16px; font-weight: 600; margin-bottom: 10px;}
#contact form .form-control:focus{box-shadow: none; border-color: #182145;}
#contact form .form-control::placeholder{color: #535353;}
#contact form .btn{background-color: #182145; color: #fff; width: 100%;}


/* category-page */
#category-page{padding: 60px 0; background-color: #fff;}
#category-page h2{color: #000; font-size: 36px; margin-bottom: 30px; text-align: center; font-weight: bold;} 
#category-page .row{row-gap: 25px;} 
#category-page .inner img{transition: .5s;}
#category-page .inner:hover img{transform: scale(1.3);}
#category-page .inner{text-align: center; overflow: hidden; border-radius: 8px; position: relative;}
#category-page .inner .link{display: block; position: absolute; bottom: 10px; left: 10px; right: 10px; background-color: #fff; border-radius: 8px; padding: 10px 0; color: #000; font-size: 16px; transition: .5s;}
#category-page .inner:hover .link{background-color: #182145; color: #fff;}


/* zoomp */
#zoomp{padding: 60px 0px;}
#zoomp .row{row-gap: 30px;}
#zoomp .zoom-gallery .selectors{margin: 10px 0px 0px 10px;}
#zoomp .zoom-gallery a img{width: 70px; margin: auto;}
#zoomp .content h3{font-size: 25px; font-weight: bold; margin-bottom: 20px;}
#zoomp .content h2 .linetrot{text-decoration: line-through; padding-right: 15px;}
#zoomp .content h2 .text-danger{margin-left: 15px;}
#zoomp .content h2{font-size: 18px;}
#zoomp .content p{color: grey; font-size: 18px; margin-top: 20px; text-align: justify;}
#zoomp .content a{background-color: #182145; display: inline-block; padding: 10px 30px; border-radius: 8px; font-size: 16px; font-weight: 500; color: #fff; margin-top: 30px;}