@charset "utf-8";
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
:root {
     --white         : #ffffff;
     --black         : #000000;
     --primary_clr   : #111111;
     --blue-clr      : #0c5ca5;
     --green-clr     : #29a71a;
     --yellow-clr    : #ffc107;
     --gray-clr      : #4b4b4b;
}

.blue-clr{color: var(--blue-clr);}

figure,h1,h2,h3,h4{padding:0;margin:0}h4,ol,ul,ul ul{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0}:focus,body a,body a:active,input[type=text]:focus,textarea:focus{outline:0}article,aside,dialog,figure,footer,header,hgroup,nav,ol,p,section{display:block}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,command,datalist,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,source,span,strike,strong,sub,sup{outline:0;vertical-align:baseline}figure{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}ol{list-style-type:decimal}a img,img{vertical-align:middle}a img{border:0}body a:focus{-mos-outline-style:none;outline:0}body:-moz-any-link:focus{outline:0}::-moz-selection{background:#000;color:#fff}::selection{background:#000;color:#fff}

div{vertical-align:top;}
img{ max-width:100%;  height:auto; width:auto;}
a{cursor:pointer; text-decoration:none!important; transition:all 0.5s ease;} 
a:hover, a:focus{text-decoration:none!important; color:var(--redclr);}

html {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:relative;  -webkit-text-size-adjust:none; border: 0 !important;}
aside, .right-side, .navbar-collapse{-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease; transition:all 0.5s ease;}
button:focus {outline:0px dotted; outline:0px auto -webkit-focus-ring-color;}
.btn.focus, .btn:focus {outline:0; box-shadow:0 0 0 0rem rgb(0 123 255 / 25%);}
.form-control:focus{box-shadow:0 0 0 0rem rgba(0,123,255,.25);}

html {height:100%;}
body {min-height:100%;}

.enquiry-whatsapp{
    background-color: #29a71a;
}

/*Typekit*/

html,
body {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    padding-bottom: 60px;
    width: 425px;
    margin: auto;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

@media (max-width: 576px) {

    html,
    body {
        width: 100% !important;
        border: 0 !important;
    }

    .manu-main {
        justify-content: space-between !important;
        gap: 0 !important;
        width: 100% !important;
    }
}

div p:last-child{margin-bottom:0px;}
.row:before, .row:after {display:none !important;}

h1, h2, h3, h4, h5, h6{font-family: 'Poppins', sans-serif; margin-bottom:15px; color:var(--primary_clr);}
h1{font-size:33px; font-weight:600;}
h2{font-size:32px;}
h3{font-size:28px; font-weight:600;}
h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px}

.btn-close:focus {outline: 0; box-shadow: 0 0 0 0rem rgb(13 110 253 / 25%);opacity: 1;}

.btn-primary, .btn-secondary{background: var(--blue-clr); font-weight:500; border: 0px; font-size: 1rem; padding: 5px 15px;}
.btn-secondary{background: var(--green-clr);}

.btn-primary:hover,
.btn-secondary:hover{background: var(--yellow-clr);}

.navigation-icon{top:15px;right:15px;z-index: 10;}
.navigation-icon a img{max-width: 2.4rem;}

.brand-area{z-index: 11;}
.brand-area .logo{background: var(--white);z-index: 1000;margin-top: -20%; position: relative;width: 10rem;height: 10rem; border-radius:0px; box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.08);box-shadow: 0px 5px 12px rgba(0, 0, 0, 0.08); justify-content: center;} 


.hero-outer{border-radius: 0px;overflow: hidden;z-index: 9;}

.social-links a{display: inline-flex;align-items: center;justify-content: center; width:3.5rem; height:3.5rem; background: #496AE2;}
.social-links a svg{max-width: 100%;max-height: 100%;}
.social-links a svg path{fill:var(--white);}

.social-links a + a{background: #1B994E;}
.social-links a + a + a {background: #DC3F3F;}
.social-links a + a + a + a{background: #5F4DCE;}
.social-links a + a + a + a + a{background: #EA458A;}

.all-rating img{max-width: 20px; margin: 0px 3px;}
.top-rating span{font-weight:300; font-size: 14px;}
.top-rating span strong{font-weight: 600;}

.sl-area .d-flex{z-index: 0; position: relative;}
.sl-area .sl-image{display: inline-flex;align-items: center;justify-content: center;min-width:3.5rem;min-height:3.5rem;max-width:3.5rem;max-height:3.5rem; background: #181818;}
.sl-area{
    margin-left: 16px;
}
.sl-area .d-flex + .d-flex .sl-image{background: #496AE2;}
.sl-area .d-flex + .d-flex + .d-flex .sl-image{background: #DC3F3F;}
.sl-area .d-flex + .d-flex + .d-flex + .d-flex .sl-image{background: #5F4DCE;}
.sl-area .d-flex + .d-flex + .d-flex + .d-flex  + .d-flex .sl-image{background: #EA458A;}

.sl-area .sl-image img{max-width:45%; max-height:45%;}
.sl-area .sl-image svg path{fill:var(--white);}


.no-before::before{display: none;}

.sl-info a{color: var(--primary_clr); font-weight: 500;}
.sl-info p{margin-bottom:3px;}

.wp-share{border: 1px solid #F1F1F1;box-shadow: unset;border-radius: 0;background: #F1F1F1;}
.wp-share .form-control{font-size: 14px;background: #F1F1F1;}

.wp-share button{word-wrap: normal;white-space: nowrap;font-size:12px;color: var(--white);background:#29a71a;flex-basis: 160px;text-align: center;justify-content: center;border-radius: 0;}
.wp-share button .svg{max-width: 20px;}
.wp-share button .svg path {fill: #ffffff;}

.share-group a{background: var(--blue-clr);color: var(--white);padding: 9px 25px;border-radius:0px;font-size: 0.9rem;margin: 0.3rem 0px;}
.share-group a img{max-width: 1.1rem;}
.share-group a:hover{background: var(--green-clr);}

.logo-frame .swiper-slide{width: auto; margin:0px 15px;}
.logo-frame .swiper-slide img{max-height:40px;}

.sub-hd{font-size:1.2rem;font-weight:600;position: relative; color:var(--primary_clr); padding:0rem 0px 1rem 0px;}
.sub-hd span{background: var(--white); padding:0px 10px 0px 0px; position: relative;}
.sub-hd::before{content:'';width: 96%;height: 1px;background: #0C5CA5;position: absolute;left:0px;float: left;bottom: 27px;opacity: 0.5;}

.about-cnt ul{list-style: none; padding:0px; margin: 0px;;}
.about-cnt ul li{position: relative; padding: 0px 0px 15px 15px; width:100%; vertical-align: top; display: inline-block;}
.about-cnt ul li:before{content: ''; width: 6px; height: 6px; border-radius: 50%; background: #000000; position: absolute; left: 0px; top:7px;}
.about-cnt p{padding-left: 20px;}
.about-cnt .btn-primary{border-radius:0px; padding:7px 20px;}

.service-card{position: relative;background: #F3F3F3;border: 1px solid #F3F3F3;}
.service-card p{font-size: 0.8rem;}
.service-card:last-child p{margin: 0px!important;}

.service-card ul{list-style: none; padding: 0px; margin: 0px;}
.service-card ul li{padding-left: 15px;position: relative;font-size: 0.8rem;padding-bottom: 5px;}


.service-card table{margin-top: 15px;}
.service-card table tr td{font-size:0.8rem;}

.product-name-group{flex: 1;}
.product-name-group h6{font-size: 16px; font-weight:600; overflow-wrap: anywhere; line-height: 30px;}
.product-price{font-size: 18px; color: var(--black); font-weight: 800; display: flex; gap: 6px; align-items: center;}
.product-price .old-price{color: #BFBFBF; font-size: 16px; font-weight: 600;}
.product-price .old-price::before{content: ''; position: absolute; top: 50%; width: 100%; height: 1px; left: 0px; background: red;}
.service-card .btn-secondary{border-radius:0px; padding: 5px 15px;}

.discout-text{color: #44C0B9; font-size: 14px; font-weight: 400;}

.card-rating .all-rating img{max-width:12px;}
.card-rating span{font-size: 0.8rem;}

.play-video{position: absolute; top: 0px; left: 0px; width:100%; height: 100%; display:flex; align-items: center; justify-content: center;}
.play-video img{max-width: 42px;}

.video-container {position: relative; padding-bottom: 56.25%; height: 0; width: 100%;}
.video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.search-products{background: #F1F1F1; border: 1px solid #F1F1F1; /* box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08); border-radius: 10px; */}
.search-products .form-control{font-size: 14px;background: #F1F1F1;}
.search-products button{background: transparent;}
.search-products button img{max-width:20px;}

.product-filter{margin-left: 15px;}
.product-filter .swiper-slide{width: auto;}
.product-filter .swiper-slide a{/* background: #F3F3F3; */color:#5F5F5F;padding: 7px 15px;display: inline-block;font-size: 0.9rem;font-weight: 500;/* border-radius:8px; */ border-bottom: solid 2px var(--white); position: relative;}

.product-filter .swiper-slide a:after{content: '';background: #5F5F5F;width: 1px;height: 15px;position: absolute;top: 9px;right: -7px;opacity: 0.5;}
.product-filter .swiper-slide a:focus,
.product-filter .swiper-slide a:hover,
.product-filter .swiper-slide a.active{color:var(--blue-clr); border-bottom: solid 2px var(--blue-clr);}

.portfolio-row{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 15px;}
.portfolio-row figure{border-radius:0px;overflow: hidden;}
.portfolio-row figure img{height: 100%; object-fit:cover; width: 100%;}

/* .video-section #gallery .position-relative > img{border-radius: 17px;} */
.video-grid{display: grid;justify-content: space-between;grid-template-columns:1fr 1fr;gap: 10px;}

.feedback-outer{background: #F3F3F3;}

.payment-inner{background: #F3F3F3; /* box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.11); border-radius: 9.4525px; */}
.payment-inner ul{list-style: none; padding: 0px; margin: 0px;}
.payment-inner ul li{font-weight: 600;display: flex; flex-direction: column; font-size: 0.85rem;margin-bottom: 10px; position: relative; padding-left:0px;}
/* .payment-inner ul li:before{content: ''; width:6px; height:6px; position: absolute; top:6px; left: 0px; background: var(--blue-clr); border-radius: 10px;} */
.payment-inner ul li:last-child{margin-bottom: 0px;}
.payment-inner ul li span{font-weight: 400;width:100%;}

.qr-code img{max-width: 150px;}
.qr-code h5{font-weight: 600;}

.fb-content p{font-size: 18px; font-weight: 500; color: #181818;}
/* .fb-content p:before, 
.fb-content p:after{content: " "; background: url(../images/coma-left.png) no-repeat left; width: 10px; height: 10px; display: inline-block; background-size: contain; margin-right: 5px; position: relative; top: -5px;}
.fb-content p:after{background: url(../images/coma-right.png) no-repeat left; background-size: contain;  margin-left: 5px; margin-right: 0px;}
 */
.fb-rating{min-width:120px; text-align: right;}
.fb-rating .all-rating img{max-width:14px; margin: 0px 2px;}
.fb-content span{font-size:14px; color:#5B5B5B;}

.rs-left{text-align: center; width:40%; line-height:20px;}
.rs-left p{font-weight: 600;}
.rs-left span{font-size:14px;font-weight: 600;}
.rs-img img{max-width: 15px; position: relative; top: -2px;}

.rs-right{flex: 1;}
.rs-bar{display:flex; align-items: center;}
.rsb-left{width: 20px;font-size: 14px;font-weight: 500;display: flex;align-items: center;}
.rsb-left img{max-width:16px; margin-right:5px;}

.rsb-right{width:20px; text-align: center;}

.rsb-mid{flex: 1;background:#e9ecef;border-radius: 30px;height: 20px;font-size: 12px;line-height: 14px;font-weight:500;text-align: center;color:var(--white);position: relative;overflow: hidden;}

.green-bar,
.red-bar{position: absolute; height: 100%; display: flex; align-items: center; justify-content: center;}

.green-bar{background: #29a71a;}
.red-bar{background: #dc3545;}
.gap-10{gap: 10px;}
.wp-btn{background:#29a71a; color: #ffffff;padding: 0.8rem 1.4rem;font-size: 1.2rem; border-radius:0px;}
.wp-btn img{max-width: 2rem;margin-right: 10px;}
.wp-btn:hover{background: var(--green-clr); color:var(--white);}

.flinks{color: var(--black); font-size: 14px;}
.flinks a{color: var(--black);}


.gallery .swiper-container{overflow: hidden;}
.gallery .swiper-slide{height: auto;display: flex;align-items: center;justify-content: center;}
.gallery .swiper-slide img{object-fit: contain;height: 100%;}
.product-th {width: 100%; padding: 0; overflow: hidden;}
.product-th .swiper-slide {width: 80px; height: 80px; padding: 5px; border: solid 2px #F3F3F3; background: #F3F3F3; overflow: hidden; display: flex; align-items: center;}
.product-th .swiper-slide-active {border: solid 2px #0C5CA5;}

.product-th img{height: 100%;}

.view-more-link a{font-size: 14px; color: #0C5CA5; font-weight: 500;}
/*extra css*/
@media (min-width: 1200px){
     .container, .container-lg, .container-md, .container-sm, .container-xl {
          max-width: 400px;
     }
}
.modal{
  width: 100%;
}
.modal-content {
    border-radius: 13px
}
.modal-body {
    color: #3b3b3b
}
.modal-dialog{
  width: 600px;
  animation: fadeIn 0.5s linear;
  animation-fill-mode: both;
}
.service-card img{
    width: 100%;
    display: flex;
    margin: auto;
}
.smd {
    width: 110px;
    font-size: small;
    text-align: center;
    display: inline-block;
}
.smd a {
    text-decoration: none;
    font-size: 15px;
    color: black;
}
@media screen and (max-width:980px) {
  .smd {
      width:70px;
      font-size: small;
      text-align: center;
      display: inline-block;
      /*padding: 20px;*/
  }
  .smd p{
    font-size: 15px;
  }
  .smd .fa:before {
    position: relative;
  }
  .modal-body{
    padding:0px;
  }
  
  .social_modal .modal-dialog{
    width:300px;
  }

  .enquiry_modal .modal-dialog{
    width:350px;
  }
  .img-thumbnail {
      border-radius:10px;
      width:50px;
      height:50px;
      font-size:20px;
  }
}
input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}

input[data-autocompleted] {
    background-color: transparent !important;
}
/* social icon */

.icon-main-menu {
    list-style: none !important;
    display: flex;
    text-align: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.icon-main-menu li {
    width: 100%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #ededed;
    border-radius: 50px;
}

.icon-main-menu li img {
    width: 22px !important;
}
/*feedback css*/
.rating {
    display:inline-flex;
    flex-direction: row-reverse;

    justify-content: start;
}

.rating>input {
    display: none
}

.rating>label {
    position: relative;
    width: 1em;
    font-size:42px;
    color: #FFD600;
    cursor: pointer
}

.rating>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating>label:hover:before,
.rating>label:hover~label:before {
    opacity: 1 !important
}

.rating>input:checked~label:before {
    opacity: 1
}

.rating:hover>input:checked~label:before {
    opacity: 0.4
}    
.feedback-text {
    display: inline-block;
    word-break: break-word;
}
/*slider css*/
.img-fill img {
    min-height: 100%;
    min-width: 100%;
    position: relative;
    display: inline-block;
    max-width: none;
}

/*feedback load*/
.feedback-wrapper{
  display: none;
}
.modal-open{
    padding-right: 0 !important;
}
.modal-backdrop{
    width: 100% !important;
    height: 100% !important;
}


.whatsapp-share{
    background-color: #fff;
    padding: 6px;
    width: max-content;
    position: fixed;
    border-radius: 10px;
    z-index: 500;
    bottom: 147px;
    right: 16px;
    animation: share 1s infinite 1s cubic-bezier(0.25, 0, 0, 1);
    box-shadow: 0 0 0 0 #0c5ca5;
}

@keyframes share {
    to {
      box-shadow: 0 0 0 18px rgba(255, 255, 255, 0); 
    }
}
.manu-main {
    gap: 32px;
    backdrop-filter: blur(8px);
    position: fixed;
    bottom: -1px;
    width: 423px;
    list-style: none;
    background-color: hsla(0, 0%, 100%, 0.8);
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px -5px rgba(0, 0, 0, 0.75);
    height: 60px;
    z-index: 1000;
    align-items: center;
    border-radius: 20px 20px 0px 0px;
}
.scrollToTopBtn {
    position: fixed;
    z-index: 100;
    bottom: 80px;
    right: 20px;
    padding: 8px;
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #0c5ca5;
    color: #fff;
    cursor: pointer;
    display: none;
}


.nav-item img {
    filter: invert(70%) sepia(13%) saturate(30%) hue-rotate(327deg) brightness(105%) contrast(77%);
    width: 20px;
}

.nav-item.active img {
    filter: invert(23%) sepia(100%) saturate(1287%) hue-rotate(188deg) brightness(96%) contrast(92%);
}

.nav-item.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 22px;
    height: 4px;
    background-color: #0c5ca5;
}
.modal {
    width: 100%;
}

.modal-content {
    border-radius: 13px
}

.modal-body {
    color: #3b3b3b
}

.modal-dialog {
    width: 600px;
    animation: fadeIn 0.5s linear;
    animation-fill-mode: both;
}

.close-btn {
    background-color: #fff;
    border: 0;
    font-size: 30px;
}

.modal-header {
    justify-content: end;
    border: 0 !important;
    padding: 0px 10px !important;
}

.img-thumbnail {
    color: #fff !important;
    width: 43px !important;
    height: 43px !important;
    display: flex;
    margin: auto;
    font-size: 24px;
}

#enquiry-add-form .btn-secondary {
    width: 100px;
}

.modal {
    width: 100%;
}

.modal-content {
    border-radius: 13px
}

.modal-body {
    color: #3b3b3b
}

.modal-dialog {
    width: 600px;
    animation: fadeIn 0.5s linear;
    animation-fill-mode: both;
}

.smd {
    width: 110px;
    margin: 28px 0px;
    font-size: small;
    text-align: center;
    display: inline-block;
}

.smd a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-decoration: none;
    font-size: 15px;
    color: black;
}

.close-btn {
    background-color: #fff;
    border: 0;
    font-size: 30px;
}

@media screen and (max-width:980px) {
    .smd {
        width: 96px;
        font-size: small;
        text-align: center;
        display: inline-block;
    }

    .smd p {
        font-size: 12px;
    }

    .smd .fa:before {
        position: relative;
    }

    .modal-body {
        padding: 0px;
    }

    .social_modal .modal-dialog {
        width: 100%;
        margin: 0;
    }

    .enquiry_modal .modal-dialog {
        width: 100%;
        margin: 0;
    }

    .img-thumbnail {
        border-radius: 10px;
        width: 50px;
        height: 50px;
        font-size: 20px;
    }
}