@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

html,
body{font-family: 'Poppins', sans-serif;}

/* @media (min-width: 1600px){
    .container-wide {max-width:1440px;}
} */

/* calculated for bottom footer */
.bg-background{ background: #f3f5f8;}
main{min-height:100vh;min-height:calc(100vh - 437px);}

.text-underline{text-decoration: underline;}
.text-shadow{text-shadow:0px 1px 2px rgba(0,0,0,0.25);}
.navbar-toggler:focus{outline:none;box-shadow:none;}
.link-unstyled,
.link-unstyled:hover{text-decoration:none;}
.btn-span,
.btn-span:hover{pointer-events:none;}
.bg-dark-alpha-2 {background-color: rgba(0, 0, 0, 0.2) !important;}
.bg-dark-alpha-6 {background-color: rgba(0, 0, 0, 0.6) !important;}
label.invalid-input {color: var(--danger); font-size: 95%; margin-bottom: 0;}

/* navbar ===================================================================================================== */
.twt-navbar.twt-navbar-common{background:#444;transition:0.5s all;min-height:60px;position:fixed;top:0;left:0;right:0;z-index:1022;}
.twt-navbar.twt-navbar-common.fixed{box-shadow:0 1px 15px rgba(30,30,30,0.3); background:#444;padding:15px !important;}
.twt-navbar.twt-navbar-common .navbar-brand span{color:#eee;font-weight:900;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link{transition:0.25s all;border-radius:2px;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link,
.twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{color:#eee;padding:0.75rem 1.5rem;border-bottom:0;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link{background-color:rgba(0,0,0,0.25);}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link,
.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active:hover>.nav-link{color:#000;}
.twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash{display:block;height:3px;width:30px;background:#fff;margin:6px;pointer-events:none;}

.twt-navbar.twt-navbar-common .dropdown-menu{border:0;border-radius:2px;background:none;padding:0;background:#fff;box-shadow:0 2px 15px rgba(0,0,0,0.3);margin-top:0px!important; min-width: 230px;top: 72px;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{transition:0.5s all;color:#444;padding: 8px 15px;;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover{background:rgba(0,0,0,0.15);color:#000;}
.twt-navbar.twt-navbar-common .brand-logo-img{height:70px;}
@media (max-width:1199px){
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link,
    .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding:0.75rem 1.25rem;}
}
@media (max-width:991px){
    .navbar-main{background:#444;}
    .twt-navbar.twt-navbar-common .navbar-brand span{color:#fff;}
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link{color:#efefef;}
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link:hover,
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link,
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link:hover{color:#333;}
    .twt-navbar.twt-navbar-common .slide{position:fixed;z-index:999;top:0;bottom:0;left:0;min-width:250px;width:300px;max-width:90%;background-color:#fff;transform:translate3d(-100%,0,0);transition:0.5s all cubic-bezier(0.165,0.84,0.44,1);border-right:1px solid transparent;overflow-y:auto;}
	.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link,
    .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding:0.75rem 1rem; color: #353535}
    .twt-navbar.twt-navbar-common .dropdown-menu{background:none;box-shadow:none;}
    .twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{color:#353535;padding-left:1.75rem; position: relative;}
    .nav-slide-open .twt-navbar.twt-navbar-common .slide{transform:translate3d(0,0,0);box-shadow:2px 0 5px rgba(0,0,0,0.5);opacity: 1;}
}
@media (max-width:575px){
    .twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{white-space:normal;}
}
@media (min-width:992px){
    .twt-navbar.twt-navbar-common .dropdown-menu.w-200px{min-width:200px;}
    .twt-navbar.twt-navbar-common .dropdown-left .dropdown-menu{left:auto;right:0;}
}

/* for lighter navbars add 'nav-light' class */
.twt-navbar.twt-navbar-common.nav-light .navbar-brand span{color:#333;}
.twt-navbar.twt-navbar-common.nav-light button.navbar-toggler .navbar-dash{background:#333;}
@media (min-width:992px){
	.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link{color:#333;}
	.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link,
    .twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link{color: #fff; background-color: var(--primary)}
}

/* submenu css */
.twt-navbar.twt-navbar-common .dropdown-submenu{position:relative;}
.twt-navbar.twt-navbar-common .dropdown-submenu a:after{position:absolute;top:50%;right:6px;transform:translateY(-50%);border-top:0.3em solid transparent;border-right:0.3em solid transparent;border-bottom:0.3em solid transparent;border-left:0.3em solid;}
.twt-navbar.twt-navbar-common .dropdown-submenu .dropdown-menu{top:0;left:100%;margin-left:0.1rem;margin-right:0.1rem; max-height: 350px;
    overflow-y: scroll;}
@media (max-width:991px){
    .twt-navbar.twt-navbar-common .dropdown-submenu .dropdown-menu{padding-left:1rem;}
}

/* submenu css */

/* hamburger on close */

.twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash{transition:0.2s all;}
.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(2){opacity:0;}
.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(1){transform:rotate(45deg) translate(5px,8px);}
.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(3){transform:rotate(-45deg) translate(5px,-8px);}

/* hamburger on close */


.twt-navbar.twt-navbar-common .nav-bottom .navbar-nav .nav-item .nav-link{border-radius: 0;}

/* nav-shadow ===================================================================================================== */

.nav-shadow {background-color: var(--primary) !important; border-radius: 0;}

/* nav-shadow ===================================================================================================== */

/* navbar ===================================================================================================== */

/* footer ===================================================================================================== */

.footer{background-color:#172337;}
.footer.footer-dark,
.footer.footer-dark a{color:#aaa;}
.footer.footer-dark a{transition:0.1s;}
.footer.footer-dark a:hover{color:#fff; text-decoration: none;}
.footer .brand-logo-img{width:125px;}

/* footer ===================================================================================================== */

/* owlcarousel default override ===================================================================================================== */

/* dots */

.owl-carousel {touch-action: manipulation; }
.owl-theme .owl-dots{position:absolute;left:0;bottom:0;width:100%;}
.owl-theme .owl-dots .owl-dot span{background-color:var(--theme-color, #3b5998);margin:5px;box-shadow: 0 0 1px 1px var(--theme-color, #3b5998);}
.owl-theme .owl-dots .owl-dot.active span{background-color:var(--white);width:30px;}

/* nav (prev-next) */
.owl-theme .owl-nav{margin:0;}
.owl-theme .owl-nav .owl-prev,
.owl-theme .owl-nav .owl-next{font-size:0;position:absolute;top:50%;transform:translateY(-50%);height:50px;width:50px;line-height:50px;padding:0;margin:0;background:#fff;color:#333;box-shadow:0 3px 15px rgba(0,0,0,0.3);}
.owl-theme .owl-nav .owl-prev:hover,
.owl-theme .owl-nav .owl-next:hover{background:#fafafa;color:#333;}
.owl-theme .owl-nav .owl-prev{left:0;}
.owl-theme .owl-nav .owl-next{right:0;}
.owl-theme .owl-nav .owl-prev:after,
.owl-theme .owl-nav .owl-next:after{content:"\f104";font-size:2rem;font-family:"Font Awesome 5 Free";font-weight:900;}
.owl-theme .owl-nav .owl-next:after{content:"\f105";}

/* item */
.main-banner-slider .banner-img{object-fit:cover;object-position:center;}

/* owlcarousel default override ===================================================================================================== */
/* important css Start */
*{padding:0; margin:0; box-sizing: border-box;}
body{overflow-x: hidden; padding:0; margin:0;} 
/* important css End */

/* mobile version display text */
@media(max-width: 991px){
    .mobile-view-none{display: flex;align-items: center;justify-content: center;min-height: 100vh;font-size: 25px;text-align: center;padding: 15px;}
}
/* mobile version display text */



/* -------------------------------------
    header section
------------------------------------- */

.footer-dark, .slider-main-top, .about-section, .category-section, .product-healthcare, .whychoose, .contact-section{overflow: hidden;}




.twt-navbar.twt-navbar-common.fixed a.navbar-brand{
    height: 112px;
    top: -13px;
    box-shadow: none;
    background: transparent;
}
.twt-navbar.twt-navbar-common.fixed .brand-logo-img{
    height: 80px;
    top: 18px;
}
.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link{
    padding: 20px 1.5rem;
    background:-webkit-linear-gradient(left, #fa441a, #fa441a 50%, #000 50%);
    /* background: linear-gradient(left, #d7b56e, #d7b56e 50%, #000 50%) */
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: all 0.5s ease-in-out;
    white-space: nowrap;
}
.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link:hover {
    background-position: 0 100%;
    border-color: #fa441a;
}
.twt-navbar.twt-navbar-common{
    position: relative;
}
.twt-navbar.twt-navbar-common.fixed {
    position: fixed;
}
.header-top {
    position: relative;
    background: #fa441a;
}
a.navbar-brand{
    background: #fff;
    width: 180px;
    text-align: center;
    height: 145px;
    position: absolute;
    top: -65px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
}
.twt-navbar.twt-navbar-common .brand-logo-img {
    height: 100px;
    top: 23px;
    position: relative;
}
.twt-navbar-common .navbar-slide{
    width: 100%;
    justify-content: flex-end;
    display: flex;
}
.header-top .social-media {
    margin-left: auto;
    display: table;
}
.header-top .social-media ul {
    list-style: none;
    margin-bottom: 0;
}
.header-top .social-media ul li {
    display: inline-block;
    padding: 15px 0;
}
.header-top .social-media ul li  a {
    padding: 6px 0px 6px 20px;
    color: #fff;
    position: relative;
}

.header-top .social-media .call-link .social-link .mail-to:hover{
    text-decoration: none;
}
.header-top .social-media .call-link .social-link  .mail-to .mail-icon {
    padding-right: 8px;
    font-size: 16px;
}
.header-top .social-media .call-link .social-link .mail-to:before {
    position: absolute;
    content: "";
    top: 3px;
    right: -8px;
    width: 1px;
    height: 27px;
    background: #fff;
}
.header-top .social-media .call-link .social-link:last-child .mail-to:before{
display: none;
}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item{
    position: relative;
}

.twt-navbar.twt-navbar-common .navbar-nav .nav-item:after {
    position: absolute;
    bottom: 2px;
    left: 0;
    /* right: 0; */
    margin: auto;
    width: 0%;
    content: '.';
    color: transparent;
    background: #fa441a;
    height: 3px;
    z-index: -1;
    transition: all .5s ease-in-out;
}

.twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover:after, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active:after{
    width: 100%;
}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link, 
.twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link{
    background-position: 0 100%;
    border-color: #B78D65;

}

.twt-navbar.twt-navbar-common{background: #fff;}
.twt-navbar.twt-navbar-common.fixed{background: #fff;}

.footer-quick-links .footer-link:hover {
    text-decoration: none;
}

/* banner Start */
.bnr-slider {
    background: #ebf5f5;
    height: 700px;
}
.bnr-img{height: 700px;}
.bnr-img img {
    background-size: cover;
    background-position: right;
    width: 100%;
    height: 100%;
}
.bner-description {
    padding: 50px;
    margin: 0 60px;
}
.bnr-section-cnt {
    font-weight: 500;
    font-size: 16px;
    color: #7A8A9E;
    line-height: 1.8;
    padding-top: 30px;
    opacity: 0;
}
.bner-title {
    font-weight: 800;
    font-size: 51px;
    line-height: 65px;
    opacity: 0;
}
.bnr-slider .item.slick-active .bner-title {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInDown;
    animation-delay: 0.3s;
}
.bnr-slider .item.slick-active .bnr-section-cnt {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.3s;
}
.slider.slider-nav {
    width: 310px;
    margin: -75px  80px 0px auto;
}
.slide-img {
    border: 3px solid #fff;
    height: 90px;
    width: 90px;
    display: inline-block;
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
    background: #fff;
    margin: 20px 0px;
    text-align: center;
}
.slide-img img {
    display: inline-block;
    max-width: 87px;
    border-radius: 50px;
    overflow: hidden;
    height: 90px;
    object-fit: cover;
    margin: 0 auto;
}
.bner-description .read-more-btn {
    background: #fdbe01;
    padding: 15px 0px;
    display: inline-block;
    border-radius: 50px;
    margin-top: 12px;
    width: 35%;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    white-space: nowrap;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
}
.bner-description .read-more-btn:hover {
    color: #fff;
    text-decoration: none;
}
.bnr-slider .item.slick-active .read-more-btn {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.4s;
}
/* banner End */

/* About Us Section Start */

.about-section .aboutus-main-title {
    font-size: 16px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #7a8a9e;
    font-weight: 700;
}
.about-section .about-title {
    max-width: 500px;
    font-size: 33px;
    color: #223645;
    font-weight: 700;
    line-height: 1.44;
}
.about-section .about-cnt {
    font-weight: 500;
    font-size: 16px;
    color: #7A8A9E;
    line-height: 1.8;
    margin-bottom: 0;
    padding-bottom: 12px;
}
.counter-wrap .counter-image {
    margin: 80px 0;
}
.book-icon {
    max-width: 65px;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(
247deg) brightness(103%) contrast(101%);
}
.counter-image{
    position: relative;
}

.counter-image:before{
    position: absolute;
    top: calc(100% + 30px);
    left: 50%;
    margin-left: -22px;
    content: '';
    width: 44px;
    height: 7px;
    background-color: #dfe0e0;
    border-radius: 50%;
}

.counter-wrap {
    text-align: center;
    padding: 0px 15px;
}
.counter-wrap:hover .counter-image img , .counter-wrap:hover .counter-image:before{
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
.counter-wrap:hover .counter-image img{

    -webkit-animation-name: bounce;
    animation-name: bounce;
}
.counter-wrap:hover .counter-image:before{
    -webkit-animation-name: zoom-bounce;
    animation-name: zoom-bounce;
    transition: all 0.5s ease-in-out;
}
@keyframes zoom-bounce {
    50% {
      transform: scale(0.75);
    }
    0%, 100% {
      transform: scale(1);
    }
  }
  
  @-webkit-keyframes zoom-bounce {
    50% {
      -webkit-transform: scale(0.75);
    }
    0%, 100% {
      -webkit-transform: scale(1);
    }
  }
  @-webkit-keyframes bounce {
    50% {
      -webkit-transform: translateY(-10px);
    }
    0%, 100% {
      -webkit-transform: translateY(0px);
    }
  }
  
  @keyframes bounce {
    50% {
      transform: translateY(-10px);
    }
    0%, 100% {
      transform: translateY(0px);
    }
  }
.counter-wrap .number-counter {
    margin-bottom: 17px;
    font-size: 50px;
    line-height: 1;
    font-weight: 700;
    color: #ffffff;
}
.counter-cnt {
    color: #fff;
}
.counter-wrap .number-counter .number-plus {
    font-size: 35px;
    position: relative;
    top: -15px;
    left: -5px;
}
.counter-wrap .counter-title {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 15px;
    color: #ffffff;
    font-weight: 700;
}
.about-section .counter-cnt{
    font-weight: 500;
    font-size: 15px;
    color: #7A8A9E;
    line-height: 1.8;
}
.counter-line{
    position: relative;
    height: 100%;
}
.counter-line:before{
    content: '';
    position: absolute;
    top: 43%;
    right: -15px;
    height: 35%;
    width: 1px;
    background: #f7f7f7;
}
.border-conuter {
    position: relative;
}
/* .border-conuter:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 9px;
    background: #fff;
    z-index: 1;
} */

/* About Us Section End */

/* category Section Start */

.category-section{
    background-color: #fff5d8;
}

.counter-section {
    background-image: url(../images/factory-image.jpg);
    width: 100%;
    background-size: cover;
    position: relative;
    z-index: 1;
    background-position: center;
    background-repeat: no-repeat;
}
.counter-section:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:rgb(92 92 92 / 75%);
}
.product-title {text-align: center;}
.product-heading {
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #7a8a9e;
    font-size: 16px;
    font-weight: 700;
}
.service-title{
    font-size: 36px;
    font-weight: 700;
    line-height: 60px;
    color: #223645;
}
.service-description {
    max-width: 770px;
    font-size: 18px;
    color: #7A8A9E;
    font-weight: 500;
    margin: auto;
    padding: 15px 0;
}

.product-slider .card {
    background-color: #fff;
    box-shadow: 0 0px 10px rgb(0 0 0 / 6%);
    padding: 20px;
    text-align: center;
    border: 0;
    margin: 35px 10px;
    /* height: 495px; */
}
.product-slider .card .card-title {
    font-weight: 700;
    /* font-size: 40px 20px; */
    line-height: 1.4;
    color: #223645;
    padding: 15px 0 5px 0;
    font-size: 20px;
}
.product-slider .prd-img {
    position: relative;
    z-index: 1;
    padding-top: 13px;
    transition: all 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    height: 250px;
    width: 100%;
}
.product-slider .card:hover .prd-img {
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%);
    background: #ebf5f5;
    width: 100%;
    height: 250px;;
}
.product-slider .prd-img:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    background: #ebf5f5;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.product-slider .slick-slide img {
    max-width: 320px;
    margin: auto;
    height: 235px;
    object-fit: contain;
}
.product-slider .card .card-text {
    color: #7A8A9E;
    font-weight: 500;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0px;
}
.product-slider .card .card-footer {
    background: transparent;
    display: block;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid #eee;
    padding: 0 30px;
    line-height: 46px;
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}
.product-slider .card:hover .card-footer .readmore-btn{
    color: #fff;
    /* position: relative;
    top: -9px; */
}
.product-slider .card:hover .card-footer{
    background: #fa441a;
}
/* .product-slider .card .card-footer:before, .product-slider .card .card-footer:after{
    position: absolute;
    top: 50%;
    content: "";
    width: 20px;
    height: 20px;
    background-color: #f9471e;
    border-radius: 50%;
    z-index: -1;
}
.product-slider .card .card-footer:before{
    left: -20px;
    transform: translate(-50%, -50%);
}
.product-slider .card .card-footer:after{
    right: -20px;
    transform: translate(50%, -50%);
}
.product-slider .card:hover .card-footer:before{
    -webkit-animation: criss-cross-left 0.8s both;
    animation: criss-cross-left 0.8s both;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}
.product-slider .card:hover .card-footer:after{
    -webkit-animation: criss-cross-right 0.8s both;
    animation: criss-cross-right 0.8s both;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

@-webkit-keyframes criss-cross-left {
    0% {
      left: -20px;
    }
    50% {
      left: 50%;
      width: 20px;
      height: 20px;
    }
    100% {
      left: 50%;
      width: 375px;
      height: 375px;
    }
  }
  
  @keyframes criss-cross-left {
    0% {
      left: -20px;
    }
    50% {
      left: 50%;
      width: 20px;
      height: 20px;
    }
    100% {
      left: 50%;
      width: 375px;
      height: 375px;
    }
  }
  @-webkit-keyframes criss-cross-right {
    0% {
      right: -20px;
    }
    50% {
      right: 50%;
      width: 20px;
      height: 20px;
    }
    100% {
      right: 50%;
      width: 375px;
      height: 375px;
    }
  }
  @keyframes criss-cross-right {
    0% {
      right: -20px;
    }
    50% {
      right: 50%;
      width: 20px;
      height: 20px;
    }
    100% {
      right: 50%;
      width: 375px;
      height: 375px;
    }
  } */
.product-slider .card .card-footer .readmore-btn {
    color: #fa6c4d;
}
.product-slider .card:hover{
    text-decoration: none;
}
.category-section .product-slider .readmore-icon {
    position: relative;
    top: 1px;
    left: 2px;
}
.category-section .product-slider {
    margin: 0 130px;
}
.product-slider .slick-prev, .product-slider .slick-next{
    width: 50px;
    height: 50px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
    border-radius: 50px;
    z-index: 1;
}
.product-slider .slick-prev {
    left: -32px;
}
.product-slider .slick-next{
    right: -32px;
}
.product-slider .slick-prev:before, .product-slider .slick-next:before{
    font-family: 'Font Awesome 5 Free';
    color: #000;
    font-size: 33px;
    position: relative;
    top: -4px;
    opacity: 1;
}
.product-slider .card{
    transition: all 0.5s ease-in-out;
}
.product-slider .item:hover .card{
    transform: translateY(-20px);
}

/* Why Choose Us Start */

.whychoose-slider .card .card-img-top {
    max-width: 65px;
    margin: auto;
    padding: 20px 0 5px 0;
    margin: 0 20px;
}
.whychoose {
    background: #f3f5f8;
}
.whychoose-slider .card {
    margin: 30px 10px;
    background: #fff;
    border-radius: 0;
    padding: 15px 0;
    transition: all 0.5s ease-in-out;
   height: 265px;;
}
.whychoose-title{
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 20px;
    color: #000;
    font-weight: 700;
    transition: .3s cubic-bezier(.24,.74,.58,1);
}
.whychoose-text{
    color: #7A8A9E;
    font-weight: 500;
    font-size: 14px;
    max-width: 350px;
    transition: .3s cubic-bezier(.24,.74,.58,1);
    margin-bottom: 0;
    
}
.whychoose-slider .card:hover{
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-animation: moveVertical 1s ease forwards;
    animation: moveVertical 1s ease forwards;
    background-color: #fa5530;
}

.whychoose-slider .card:hover .whychoose-title, .whychoose-slider .card:hover .whychoose-text{
    color: #fff;
}
.whychoose-slider .card .card-img-top{
    -webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
    -khtml-transition: .3s cubic-bezier(.24,.74,.58,1);
    -moz-transition: .3s cubic-bezier(.24,.74,.58,1);
    -ms-transition: .3s cubic-bezier(.24,.74,.58,1);
    -o-transition: .3s cubic-bezier(.24,.74,.58,1);
    transition: .3s cubic-bezier(.24,.74,.58,1);
}
.whychoose-slider .card:hover .card-img-top{
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    opacity: 0.9;
}

.whychoose-slider .slick-prev:before, .whychoose-slider .slick-next:before{
    font-family: 'Font Awesome 5 Free';
    font-size: 27px;
    position: relative;
    top: -2px;
    opacity: 1;
    color: #000;
    
}
.whychoose-slider .slick-prev, .whychoose-slider .slick-next{
    width: 50px;
    height: 50px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
    z-index: 1;
    color: #000;
    border-radius: 50px;
}
.whychoose-slider .slick-next {
    right: -15px;
}
.whychoose-slider .slick-prev {
    left: -15px;
}
/* contact section */

.contact-section {
    position: relative;
}
.contact-section:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 40%;
    background: #fdbe01;
}
.contact-heading {
    padding: 45px 53px 45px 30px;
}
.contact-heading .cnt-title{
    color: #ffffff;
    font-size: 42px;
    font-weight: 700;
    line-height: 59px;
}
.contact-heading .contact-title {
    font-size: 20px;
    color: #ffffff;
    font-weight: 700;
    line-height: 35px;
}
.contact-heading .cnt-btn {
    background: #fff;
    padding: 15px 35px;
    display: inline-block;
    border-radius: 50px;
    margin-top: 12px;
    /* width: 35%; */
    text-align: center;
    color: #f96948;
    font-weight: 600;
    font-size: 17px;
    white-space: nowrap;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
}
.contact-heading .cnt-btn:hover {
    text-decoration: none;
    color: #fdbe01;
}
.contact-img:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(253 190 1 / 20%);
}
.contact-img {
    position: relative;
    height: 100%;
}
.contact-img .contact-text-img {
    height: 100%;
}

/* footer */
.footer {
    background-color: #000;
}
.footer-quick-title{
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 20px;
}
.footer-quick-links {
    margin: auto;
    display: table;
}
.footer-quick-links .footer-link {
    padding: 4px 5px 4px 23px;
    display: block;
    font-weight: 500;
    font-size: 16px;
    position: relative;
}
.footer-quick-links .footer-link:before {
    position: absolute;
    content: "\f067";
    top: 6px;
    left: 0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 13px;
}


.footer-dark .link-all .media span.mail-icon {
    color: #fff;
    font-size: 20px;
}
.footer-dark .link-all .media span.mail-icon.call-icon{
    transform: rotate(90deg);
}
.footer-dark .media .media-address {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}
.footer-dark .link-all {
    margin: auto;
    display: table;
    padding: 0 30px;
}


.footer-btm  .follow-us {
    list-style: none;
    margin-bottom: 0;
}
.footer-btm .follow-us .footer-facebook-icon {
    display: inline-block;
    padding: 0 4px;
}
.footer-btm .follow-us .facebook-icon{
    background: #fff;
    width: 50px;
    height: 50px;
    display: block;
    text-align: center;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: 2px solid #fff;
}
.footer-btm .follow-title {
    font-size: 22px;
    color: #fff;
    padding-top: 25px;
    padding-bottom: 10px;
    font-weight: 700;
}
.footer-btn-cnt{
    color: #aaa;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 0;
}

.footer-btm  .follow-us .footer-facebook-icon .facebook-icon:hover:before {
    top: 0;
}
.footer-btm  .follow-us .footer-facebook-icon .facebook-icon:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #3b5999;
    transition: .5s;
    z-index: 2;
}
.footer-btm  .follow-us .footer-facebook-icon .twitter-text:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #55acee;
    transition: .5s;
    z-index: 2;
}
.footer-btm  .follow-us .footer-facebook-icon .linkdin-text:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0077b5;
    transition: .5s;
    z-index: 2;
}
.footer-btm  .follow-us .footer-facebook-icon .instagram-icon-text:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ee3263;
    transition: .5s;
    z-index: 2;
}
.footer-btm  .follow-us .facebook-icon .footer-icon {
    color: #000;
    font-size: 22px;
    line-height: 47px;
    position: relative;
    z-index: 11;
    transition: all 0.5s ease-in-out;
}
.footer-btm .follow-us .facebook-icon:hover .footer-icon{
    color: #fff;
    transform: rotateY(360deg);
}


/* products page */

.description-product {
    background: #fbfbfb;
}
.category-main-product {
    font-weight: 700;
    font-size: 30px;
}
.products-inner-title {
    font-size: 38px;
    color: #000;
    line-height: 43px;
    font-weight: 700;
    margin-bottom: 15px;
}
.product-inner-description {
    font-weight: 500;
    font-size: 16px;
    color: #7A8A9E;
    line-height: 1.8;
    padding-top: 10px;
    margin-bottom: 5px;
}
.product-highlight .product-icon{
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    color: #fdbe01;
    padding: 15px 40px;
    position: relative;
    margin-bottom: 0;
   
}
.product-highlight{
    position: relative;
    border: 3px solid #fdbe01;
    margin-top: 55px;
}
.place-order {
    background: #fdbe01;
    display: inline-block;
    margin-top: 55px;
    padding: 12px 25px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
    color: #fff;
    border-radius: 50px;
    border: none;
}
.product-highlight:before, .product-highlight:after{
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-size: 35px;
    font-weight: 600;
    color: #fdbe01;
    background: #fff;
    padding: 0px 18px;
}
.place-order:hover {
    color: #fff;
    text-decoration: none;
}
.product-highlight:before{
    content: "\f10d";
    top: -38px;
    left: 12px;
}
.product-highlight:after{
    content: "\f10e";
    bottom: -38px;
    right: 12px;
}
.products-img {
    max-width: 380px;
	margin : auto;
    display: table;
}
.products-img img{
    max-height: 450px;
}
.category-product-decs {
    font-size: 23px;
    font-weight: 700;
    border-bottom: 4px solid #fdbe01;
    padding-bottom: 10px;
    /* margin-top: 30px; */
    display: inline-block;
    width: 50px;
    text-transform: capitalize;
}
.prd-feature-title {
    font-size: 17px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0;
    color: #000;
}
.prd-feature-text {
    list-style: none;
    padding: 8px 0;
}

.indicator {
    list-style-type: none;
    margin-bottom: 0;
    padding-top: 12px;
}
.indicator-cnt {
    list-style: none;
    padding: 12px 10px 12px 17px;
    font-weight: 500;
    font-size: 17px;
    color: #7A8A9E;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
    margin: 10px 0px;
    border-radius: 50px;
}
.indicator-cnt .check-icon {
    padding-right: 7px;
    font-size: 16px;
    position: relative;
    top: 1px;
    color: #fdbe01;
}

.bg-color{
    background-color: #ebf5f5;
    height: 120px;
}

/* breadcrumb */
.prd-breadcrumb {
    text-align: center;
    margin: auto;
    display: table;
    padding-top: 22px;
}
.prd-bread {
    font-size: 40px;
    font-weight: 700;
}
.prd-bread {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 0;
}
.breadcrumb{
    background-color: transparent;
    border-radius: 0;
}
.breadcrumb-item.active {
    color: #fa5b37;
}
.breadcrumb-page{
    font-weight: 500;
    color: #212529;
}
.breadcrumb-page:hover {
    color: #212529;
    text-decoration: none;
}
.breadcrumb-item {
    font-weight: 500;
}
.breadcrumb-item+.breadcrumb-item::before{
    color: #212529;
}


/* produt page design */
.product-design .prd-img:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    background: #ebf5f5;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.product-design .card:hover .prd-img {
    /* clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%); */
    background: #ebf5f5;
    width: 100%;
    height: 100%;
}
.product-design .card:hover .readmore-btn .readmore-icon {
    padding-left: 8px;
}
.product-design .card:hover .readmore-btn .readmore-icon{transition: all 0.5s ease-in-out;}
.product-design {
    margin: 0 135px;
}
.product-design .card:hover .card-body .card-title{color: #fdbe01;}
.product-design .card {
    border: 1px solid #ddd;
    border-radius: 0;
    height: 100%;
    
}
/* .product-healthcare .product-design .item.card{
height: 100%;
} */
.product-design .prd-img {
    margin: auto;
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 30px 0 0px 0;
    transition: all 0.5s ease-in-out;
    margin-bottom: 15px;
}
/* .product-design .prd-img:before{display: none;} */
.product-design .prd-img:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    background: #ebf5f5;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.product-design .prd-img .product-design-section {
    max-width: 250px;
    margin: auto;
    display: table;
    height: 250px;
    object-fit: contain;
}
.product-design .card-body .card-title {
    margin-bottom: 0;
    text-align: center;
    color: #000;
    font-weight: 700;
    transition: all 0.5s ease-in-out;
    font-size: 20px;
}
.product-design .card:hover {
    text-decoration: none;
}
.product-design .card-footer{
    background-color: transparent;
    border-top: none;
    text-align: center;
    padding: 0px 0 20px 0;
}
.product-design .readmore-btn {
    background: #fdbe01;
    padding: 13px 30px;
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 50px;
    text-align: center;
}
.product-design .plus-more {
    text-align: center;
    background: #fdbe01;
    margin: auto;
    display: table;
    width: 50px;
    height: 50px;
    font-size: 20px;
    line-height: 48px;
    color: #fff;
    border-radius: 50px;
    margin-top: 16px;
}

/* about us page */

/* .the-aesian {
    position: relative;
    background-image: url(../images/arowana-healthcare-img-new.png);
    width: 100%;
    height: 700px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
} */

.about-top-cnt {
    position: relative;
}
.about-top-design {
    /* position: absolute;
    bottom: 25px;
    right: 0; */
    background: #fff;
    padding: 30px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
    margin-left: -105px;
    z-index: 11;
}
.top-describe{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0;
    font-weight: 500;
}
.top-describe span {
    color: #fa370a;
}

/* about us top end */

/* about us second section */
.about-company-section {
    background: #fbfbfb;
}
.about-us-section {
    background: #fbfbfb;
}
/* about us */
.about-us-page .about-img-wrapper{position: relative;margin: 0 auto;width:300px;max-width: 100%;overflow: hidden;}
.about-us-page .about-img-wrapper::before{content: '';display: block;padding-top: 100%;}
.about-us-page .about-img-wrapper .about-image{position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit:cover;}

.about-us-page .about-ethics .about-item .about-left-box{float: left;height: 100%;width: 90px;}
.about-us-page .about-ethics .about-item .about-icon{background-color: #f7f7f7;left: 8px;position:absolute;width: 120px;height: 120px;z-index: 1;overflow: hidden;top:20%;}
.about-us-page .about-ethics .about-item .about-icon .about-icon-img{font-size: 60px;width: 60px;position: absolute;top: 50% ;left: 50%;transform: translate(-50%,-50%);}
.about-us-page .about-ethics .about-item .about-icon::before{background:#fdbe01;content: "";position: absolute;right: 182px;top: -182px;width: 100%;height: 100%;transform: rotate(45deg) scale(3.2);transition: all .5s ease;}
.about-us-page .about-ethics .about-item:hover .about-icon::before{content: "";position: absolute;right:100%;top:0;color: #fff;z-index: -1;}
.about-us-page .about-ethics .about-item:hover .about-icon .about-icon-img{filter: invert(1)}
.about-us-page .about-ethics .about-item .about-left-box {
    float: left;
    height: 100%;
    width: 30px;
}
.sub-heading {
    font-size: 36px;
    font-weight: 700;
    line-height: 60px;
    color: #223645;
}
.about-item .card-body {
    padding-left: 50px;
}
.about-item .mision-title {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}
@media (min-width:992px){
    .about-us-page .about-img {position: absolute; top: 0; right: 0; width: 50%; height: 100%; object-fit: cover;}
}

@media(max-width:1199px){
    .about-us-page .about-ethics .about-item .about-icon{top:24%;}
}
@media (max-width:991px){
    .about-us-page .about-ethics .about-item .about-icon{top:8%;}
    /* .about-us-page .about-ethics .about-item .card-body.paddingeven{padding: 2rem 1.25rem} */
}
@media (max-width:767px){
    /* .about-us-page .about-ethics .about-item .card-body.paddingeven{padding:1.25rem} */
}
@media (max-width:497px){
    /* .about-us-page .about-ethics .about-item .card-body{padding: 1.2rem} */
}

 /* contact page css start */
.contact-us-section .contact-form .submit-button{background: #fdbe01; color: #fff;border-radius: 10px;padding: 12px 30px;width: 100%;}
.contact-us-section .contact-info .contact-info-part .contact-form-icon{color: #fdbe01;
    font-size: 27px;
    padding-right: 5px;
    background: #f3f3f3;
    border-radius: 50px;
    width: 70px;
    height: 70px;
    text-align: center;
    margin: auto;
    line-height: 65px;}
.contact-us-section .contact-info .contact-info-part .text{color: #737373 !important;font-size: 16px;}
.contact-us-section .contact-info .contact-info-part .sub-heading{font-size: 22px;color: #151414;font-weight: 600;margin-bottom: 0;line-height: 40px;}
.contact-us-section .contact-address p{margin: 0px;}
.contact-us-section .contact-info .contact-text:hover{color: #fdbe01;transition: 0.45s;}
.contact-image{width: 550px;animation: image-animation-contact 3s infinite;}
.contact-page .custom-form-control {
    height: 50px;
    border-radius: 0;
    background-color: #fff;
}
.contact-main-image .contact-image{
    width: 100%;
    animation: inherit;
    height: 530px;
    object-fit: cover;
}
.contact-page .form-control:focus{border-color: #fdbe01;box-shadow: none;}
.contact-page textarea.form-control {
    height: 150px;
    border-radius: 0;
}
.contact-info-part .media .media-body {
    margin-top: 12px;
}
@keyframes image-animation-contact{
    0%{transform: translateY(0px);}
    50%{transform: translateY(20px);}
    100%{transform: translateY(0px);}
} 
@media(max-width: 575px){
    .contact-us-section .contact-info .contact-info-part{padding: 20px;}
}

@media(min-width:768px){
    .contact-us-section .contact-info-part{position: relative;}
    .contact-us-section .contact-info-part::before{content: '';position: absolute;top: 0;bottom: 0;right: 0;height: 100%;width: 1px;background-color: #ddd;}
    .contact-us-section .contact-info-part:last-child:before{display: none;}
}
/* contact page css end */

/* career page */
/* .career {
    background: #fbfbfb;
} */
.career .contact-form {
    background: #fff;
    padding: 30px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}
.career .contact-form .form-control {
    height: 45px;
    border-radius: 0;
}
.career .contact-form textarea.form-control{
    height: 120px;
}
.career .contact-form .form-group label {
    font-size: 14px;
    font-weight: 500;
}
.career .contact-form .submit-button {
    background: #fdbe01;
    color: #fff;
    border-radius: 10px;
    padding: 12px 30px;
    width: 100%;
}
.contact-image {
    width: 550px;
    animation: inherit;
}
.drop-details {
    font-weight: 700;
    font-size: 25px;
    padding-bottom: 18px;
    color: #fdbe01;
}
.career .contact-form  .form-control:focus{
    box-shadow: none;
    border-color: #fa3a0d;
}
.career .contact-form .custom-file-input:focus~.custom-file-label {
    border-color: #fc866b;
    box-shadow: none;
}
.career .contact-form .custom-file-label{
    height: 45px;
    padding: 10px 18px;
    text-transform: capitalize;
    font-size: 16px !important;
    font-weight: 400 !important;
    border-radius: 0;
    white-space: nowrap;
}
.career .contact-form .custom-file-label::after{
    height: 45px;
    background-color: #fdbe01;
    border-radius: 0;
    color: #fff;
    padding: 9px 18px;
    top: -1px;
}
.career .career-cnt{
    font-size: 18px;
    color: #7A8A9E;
    font-weight: 500;
    margin: auto;
    padding: 15px 0;
}
.career  .contact-image{
    width: 100%;
    animation: inherit;
}
.btn.focus, .btn:focus{
    box-shadow: none;
}
.career .contact-main-image .contact-image{
    width: 550px;
    object-fit: contain;
}
iframe {
    width: 100%;
    height: 550px;
    border: 0;
    display: block;
}

/* product submenu */
.twt-navbar.twt-navbar-common .dropdown-submenu .dropdown-toggle:after{
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    content: "\f105";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    top: 12px;
    transform: inherit;
    right: 13px;
}
.dropdown-toggle::after{
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    vertical-align: top;
    margin-left: 8px;
}
.twt-navbar.twt-navbar-common .dropdown-submenu{
    border-bottom: 1px solid #d7d7d7;
}
.twt-navbar.twt-navbar-common .dropdown-submenu:last-child {
    border-bottom: 0;
}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover {
    background: rgb(253 190 1);
    color: #fff;
}

.prd-main-title{
    position: relative;
    text-transform: capitalize;
    font-size: 28px;
    
}
.prd-main-title:before {
    position: absolute;
    content: "";
    bottom: 5px;
    left: 0;
    width: 100px;
    height: 4px;
    background: #fdbe01;
}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{transition: auto;}

/* modal design */
.modal-product .modal-header.bg-theme {
    background: #fdbe01;
    border-bottom: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.modal-product .modal-title {
    color: #fff;
}
.modal-product .modal-body .form-control {
    height: 50px;
    border-radius: 0;
    /* background: transparent; */
}
.modal-product .modal-content{
    border: none;
    border-radius: 0;
}
.modal-product .modal-header .close {
    padding: 0;
    margin: 0;
    background: #fff;
    opacity: 1;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    font-size: 27px;
    font-weight: 400;
    position: absolute;
    right: -10px;
    top: -15px;
}
.modal-product .close:not(:disabled):not(.disabled):focus, .modal-product .close:not(:disabled):not(.disabled):hover {
    opacity: 1;
}
.modal-product button:focus{outline: none;}
.modal-product .modal-body label {
    font-size: 14px;
    font-weight: 500;
}
.modal-product button.btn.bg-theme {
    background: #fdbe01;
    color: #fff;
    border-radius: 0;
    width: 50%;
    padding: 10px 0;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
}
.modal-footer{
    padding: 0px 3px 25px 3px;
    border-top: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.modal-product .modal-body .form-control:focus{
    box-shadow: none;
    border-color: #fdbe01;
}
button:focus{
    outline: none;
}

/*  */
.fixed-button{position: fixed;bottom: 10px;right: 10px;height: 50px;width: 50px;font-size: 18px;z-index: 99999;}
.whatsapp-icon{position: fixed;bottom: 30px;right: 14px;z-index: 1050;background-color: #4caf50;height: 60px;width: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 15px;}
.whatsaap-icon {border: 1px solid #48c757;border-radius: 25%;height: 50px;width: 50px;background: #42c452;line-height: 60px;text-align: center;box-shadow: 2px 2px 5px rgba(52, 52, 52, 0.5);}
.whatsapp-right{right: 14px;left: unset;}
.whatsapp-left{left: 14px;right: unset;}
@media(max-width:767px){
    .whatsapp-icon, .fixed-button{height: 45px;width: 45px;}
    .whatsapp-icon .whatsapp-image{width: 22px;height: 22px;}
    .whatsapp-left{left: 15px;right: unset;}
}

/* Whatsaap Css Start */
.circle:before,.circle:after {content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border: 11px solid #29a4af1f; z-index: -1;}
.circle:before {-webkit-animation: ripple 2s linear infinite;animation: ripple 2s linear infinite;}
.circle:after {-webkit-animation: ripple 2s linear 1s infinite;animation: ripple 2s linear 1s infinite;}
.circle:hover:before,.circle:hover:after {-webkit-animation: none;animation: none;}
.interior-layout .circle {background-color: var(--primary-color);color: white;border-radius: 50%;width: 50px;height: 50px;text-align: center;display: flex;flex-direction: column;justify-content: center;font-size: 15px;position: relative;-webkit-transition: height .25s ease, width .25s ease;transition: height .25s ease, width .25s ease;}
.cover-a-tag{position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;align-items: center;justify-content: center;}
@-webkit-keyframes ripple{0% {-webkit-transform:scale(1); }80% {-webkit-transform:scale(1.75); opacity:1;}100% {-webkit-transform:scale(2); opacity:0;}}
@keyframes ripple{0% {transform:scale(1); }80% {transform:scale(1.75); opacity:1;}100% {transform:scale(2); opacity:0;}}

/* .page-not-found-section  */
.page-not-found-section{position: relative;overflow: hidden;background-color: #f3f5f8;}
.page-not-found-section .page-not-found-content{margin: 100px 0px;}
.page-not-found-section .page-not-found-content .number-text{display: flex;align-items: center;justify-content: center;margin: 20px 0;}
.page-not-found-section .page-not-found-content .number-text .text{font-size: 200px;font-weight: bold;line-height: 1;color: #fdbe01;}
.page-not-found-section .page-not-found-content .number-text .smaily-image{width: 184px;margin: 0 10px;}
.page-not-found-section .page-not-found-content .error-text{font-size: 77px;text-align: center;line-height: 1;font-weight: bold;text-transform: uppercase;color: #fdbe01;letter-spacing: 3px;}
.page-not-found-section .page-not-found-content .normal-text{font-size: 28px;text-align: center;font-weight: bold;color: #fdbe01;}
.page-not-found-section .page-not-found-content .links-pages{text-align: center;margin-top: 20px;}
.page-not-found-section .page-not-found-content .links-pages .common-link{display: inline-block;padding: 8px 15px;background-color: #fdbe01;color: #fff;border-radius: 5px;min-width: 120px;text-decoration: none;}
.page-not-found-section .page-not-found-content .links-pages .common-link.home-page-link{margin-right: 10px;}
@media(max-width: 1024px) {
    .page-not-found-section .page-not-found-content{margin-top: 200px;}
}
@media(max-width: 767px){
    .page-not-found-section .page-not-found-content .number-text .text{font-size: 150px;}
    .page-not-found-section .page-not-found-content .number-text .smaily-image{width: 134px;}
    .page-not-found-section .page-not-found-content .error-text{font-size: 55px}
    .page-not-found-section .page-not-found-content .normal-text{font-size: 22px;}
}
/* @media(max-width:378px){
    .overlay-about{position: absolute;height: 157px;width: 63%;background-color:rgba(0, 0, 0, 0.5);top: 21px;left: 13px;right: 0px;border-radius: 0;}
} */
@media(max-width: 375px){
    .page-not-found-section .page-not-found-content .number-text .smaily-image{width: 100px;}
    .page-not-found-section .page-not-found-content .number-text .text{font-size: 110px;}
    .page-not-found-section .page-not-found-content .error-text{font-size: 44px;}
    .page-not-found-section .page-not-found-content .normal-text{font-size: 18px;}
    

    /* about us section */
}

/*  */
.prod-describtion p {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #7A8A9E;
    line-height: 1.8;
    padding-top: 10px;
    margin-bottom: 5px;
    list-style: none;
}
.prod-describtion p strong {
    font-size: 17px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 0;
    color: #000;
    padding: 0;
}
.header-breadcrm {
    margin-bottom: 33px;
}
.contact-form .custom-file-input{
    overflow: hidden;
}
.contact-form .custom-file{
    overflow: hidden;
    height: 45px;
}
.contact-form .custom-file-label::after{
    right: -1px;
}

.view-all {
    background: #fdbe01;
    color: #fff;
    text-align: center;
    display: table;
    margin: 25px auto 0px auto;
    padding: 10px 25px;
    text-decoration: none;
    border-radius: 50px;
}
.view-all:hover{
    color: #fff;
    text-decoration: none;
}


/* width */
::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #000; 
    border-radius: 3px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #000; 
  }