@import url(https://fonts.googleapis.com/css?family=Poppins:400,600,700);
*{margin:0;padding:0;box-sizing:border-box}
body{font-size:14px;box-sizing:border-box;font-family:Poppins,sans-serif!important;color:#565656}
p{line-height:1.88}
a{text-decoration:none;color:#565656}
a:hover{text-decoration:none;color:#565656}
.contact-wrp a{padding:8px 0;display:inline-block;color:#333;text-decoration:none}
.navigation-sec{background-color:#ffc21b}
.nav-item.nav-link{margin-left:30px}
.nav-item.nav-link:first-child{margin-left:0}
.banner-sec{position:relative;padding-top:36px;padding-bottom:20px;background:url(../images/banner/background-pattern.jpg) no-repeat center center;background-size:cover}
.carousel-title{text-transform:uppercase;line-height:1.53;font-weight:600;font-size:35px}
.point-list{margin-top:30px}
.point-list li{display:inline}
.point-list li .circle-icon{display:inline-block;width:6px;height:6px;margin:0 8px;background-color:#848484;border-radius:50%;vertical-align:middle}
.sub-title,.title{color:#565656;font-weight:600;margin-bottom:15px}
.title{font-size:36px}
.sub-title{font-size:25px}
.section{padding:60px 0}
.uppercase{text-transform:uppercase}
.about-sec{background-image:linear-gradient(to bottom,#fffefb,#f6f1d4)}
.button{display:inline-block;text-decoration:none;padding:10px 20px;background-color:#ffc21b;color:#565656;border-radius:20px;text-transform:uppercase}
.swiper-container.product-slider{padding:10px}
.swiper-container.product-slider .swiper-wrapper{align-items:stretch}
.swiper-container.product-slider .swiper-slide{height:auto;align-self:stretch}
.products-sec{position:relative}
.floating-img{position:absolute}
.products-sec .floating-img{z-index:-1}
.img-right{top:50px;right:0}
.img-left{top:360px;left:0}
.prod-wrp{box-shadow:0 6px 16px 0 rgba(0,0,0,.09);border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;background-color:#fff;padding:40px 20px;height:100%}
.prod-cont{color:#565656}
.prod-title{font-weight:600;font-size:16px;margin-bottom:0}
.prod-desc{font-weight:400;font-size:14px;margin-bottom:0}
.product-slider-sec{box-sizing:border-box;position:relative;text-align:center;overflow:hidden;background:url(../images/product-bg-img.svg) no-repeat center bottom;background-size:100%}
.queries-sec{background-color:#bd9b74;position:relative}
.white{color:#fff!important}
.form-wrap{background:#fff;padding:15px;border-radius:5px}
.queries-sec .img-left{top:250px;left:0}
.form-control:focus{color:#495057;background-color:#fff;border-color:#ffc21b;outline:0;box-shadow:0 0 0 .2rem rgba(255,194,27,.25)}
.product-slider-sec .container{position: relative;}
.product-slider-sec .swiper-button-next, .product-slider-sec .swiper-button-prev {bottom: -40px;top: auto;}
.home-slider .swiper-button-next, .home-slider .swiper-button-prev {bottom: 0px;top: auto;}
.product-slider-sec .swiper-button-next{left:40px}
.home-slider .swiper-button-next{left:40px}
.swiper-button-prev::after, .swiper-button-next::after {font-size: 20px;color:#565656}
.footer-title {font-size: 18px;line-height: 1.78;margin-bottom: 10px;font-weight: 600;}
.footer-links a{display: block;margin:10px 0}
address, .contact-det {margin-bottom: 10px;}
.contact-det {line-height: 14px;}
.social-links a{font-size: 16px;}
.social-links a {font-size: 20px;margin-right: 10px;}
.contact-det i,.contact-wrp i{margin-right:10px}
.footer-sec{position: relative;}
@media screen and (max-width:768px){
    .carousel-title {
        font-size: 25px;
    }
    .footer-sec .col-sm-6{
        margin-bottom:20px
    }
}
@media screen and (max-width:767px){
    .carousel-title {
        font-size: 12px;
    }
    .home-slider .swiper-slide .col-sm-6,.home-slider .swiper-slide .col-sm-7,.home-slider .swiper-slide .col-sm-5{
        width:50%
    }
    .home-slider .swiper-slide p,.home-slider .swiper-slide ul{display: none;}
    .swiper-button-prev::after, .swiper-button-next::after {font-size: 12px;}
    .home-slider .swiper-button-next, .home-slider .swiper-button-prev {bottom: -15px;}
    .home-slider .swiper-slide .row{margin:0}
    .navbar-toggler-icon {width: 0.8em;height: 0.8em;}
    .title {font-size: 25px;}
    #about-sec .row {flex-direction: column-reverse;}
    #products-sec .img-left{bottom:10px;top:auto}
    #contact-sec .floating-img{z-index: 0;}
    #contact-sec .container{z-index: 1;position: relative;}
    .section {padding: 30px 0;}
}