@charset "utf-8";
/* CSS Document */
body {font-family: 'Montserrat', sans-serif; margin:0px; padding:0px; background-color: #fff; counter-reset: section;}
h1, h2, h3, h4, h5, span, a{ margin:0px; padding:0px; font-family: 'Montserrat', sans-serif; display:block;}
a:focus{ outline:none; text-decoration:none;}
a:hover{ outline:none; text-decoration:none;}

header, section, aside, footer, nav{ display:block;}

@font-face {
    font-family: 'CerebriSans-Bold';
    src: url('assets/fonts/CerebriSans-Bold.woff2') format('woff2'),
         url('assets/fonts/CerebriSans-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'CerebriSans-Book';
    src: url('assets/fonts/CerebriSans-Book.woff2') format('woff2'),
         url('assets/fonts/CerebriSans-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'CerebriSans-ExtraBold';
    src: url('assets/fonts/CerebriSans-ExtraBold.woff2') format('woff2'),
         url('assets/fonts/CerebriSans-ExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'CerebriSans-Heavy';
    src: url('assets/fonts/CerebriSans-Heavy.woff2') format('woff2'),
         url('assets/fonts/CerebriSans-Heavy.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'CerebriSans-Light';
    src: url('assets/fonts/CerebriSans-Light.woff2') format('woff2'),
         url('assets/fonts/CerebriSans-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'CerebriSans-Medium';
    src: url('assets/fonts/CerebriSans-Medium.woff2') format('woff2'),
         url('assets/fonts/CerebriSans-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'CerebriSans-Regular';
    src: url('assets/fonts/CerebriSans-Regular.woff2') format('woff2'),
         url('assets/fonts/CerebriSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'CerebriSans-SemiBold';
    src: url('assets/fonts/CerebriSans-SemiBold.woff2') format('woff2'),
         url('assets/fonts/CerebriSans-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*html {
  scroll-behavior: smooth;
}*/

.nopad{ padding: 0 !important; }
.pad-top-100{ padding-top:100px !important;}
.pad-top-80{ padding-top:80px !important;}
.pad-top-60{ padding-top:60px !important;}
.pad-top-40{ padding-top:40px !important;}
.pad-top-20{ padding-top:20px!important;}

.pad-bottom-100{ padding-bottom:100px!important;}
.pad-bottom-80{ padding-bottom:80px!important;}
.pad-bottom-60{ padding-bottom:60px!important;}
.pad-bottom-40{ padding-bottom:40px!important;}
.pad-bottom-20{ padding-bottom:20px!important;}
.pad-right-5{ padding-right: 5px !important }

.pad-left-0{ padding-left:0px!important;}
.pad-right-0{ padding-right:0px!important;}
.col-md-custom{ width: 23%; float: left; padding: 0px 15px; }

.mar-top-100{ margin-top:100px !important;}
.mar-top-80{ margin-top:80px !important;}
.mar-top-60{ margin-top:60px !important;}
.mar-top-40{ margin-top:40px !important;}
.mar-top-20{ margin-top:20px!important;}
.mar-top-10{ margin-top:10px!important;}
.mar-top-5{ margin-top:5px!important;}
/*-----------------placeholder css -------------------------------*/

input::-moz-placeholder {  /* Firefox 19+ */ opacity:0.7; font-family: 'CerebriSans-Light'; font-size:15px; font-weight:300; color:#999999 !important;}
input::-webkit-input-placeholder {  /* Firefox 19+ */ opacity:0.7;  font-family: 'CerebriSans-Light'; font-size:15px; font-weight:300; color:#999999 !important;}
input:-ms-input-placeholder {  /* Firefox 19+ */ opacity:0.7;  font-family: 'CerebriSans-Light'; font-size:15px; font-weight:300; color:#999999 !important;}
select::-ms-expand {display: none;}

textarea::-moz-placeholder {  /* Firefox 19+ */ opacity:0.5; font-family: 'CerebriSans-Light'; font-size:15px; font-weight:400; color:#999999 !important;}
textarea::-webkit-input-placeholder {  /* Firefox 19+ */ opacity:0.5;font-family: 'CerebriSans-Light'; font-size:15px; font-weight:400; color:#999999 !important;}
textarea:-ms-input-placeholder {  /* Firefox 19+ */ opacity:0.5; font-fam.headercls .navbar-navily:'CerebriSans-Light'; font-size:15px; font-weight:400; color:#999999 !important;}



/* --  ================= menu and logo area ===============  --  */
.callBtn{ display: none; }
.menu-banner-area{ position: relative; float: left; width: 100%; /*height: 680px;*/
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4f8ff+0,c9d9f7+100 */
background: #f4f8ff; /* Old browsers */
background: -moz-linear-gradient(top,  #f4f8ff 0%, #c9d9f7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f4f8ff 0%,#c9d9f7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f4f8ff 0%,#c9d9f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f8ff', endColorstr='#c9d9f7',GradientType=0 ); /* IE6-9 */

 }

.top-header-bar{ position: absolute; top: 0; left: 0; z-index: 912; width: 100%; padding: 7px 0; }
.logo-area{ position: relative; float: left; width: 100%; }
.logo-area a{ display: block; }
.menuBar{ display: none; }
.menu-area{ position: relative; float: left; width: 100%; margin-top: 30px; }
.menu-area ul{ position: relative; float: left; width: 100%; margin: 14px 0 0; padding: 0; }
.menu-area ul li{ list-style-type: none; float: left; margin: 0 7px; padding: 0; }
.menu-area ul li a{ text-decoration: none; display: block; padding: 2px 5px; margin: 0 10px; font-size: 13px; font-family: 'CerebriSans-Medium'; color: #000000; text-transform: uppercase; position: relative; }
.menu-area ul li a:after{ content: ''; position: absolute; width: 0%; height: 2px; bottom: 0; left: 0; background: #ed283f; transition: 0.5s all; }
.menu-area ul li a:hover:after{ width: 100%; transition: 0.5s all; }
.menu-area ul li:last-child a {margin-right: 0; }

.active{ position: relative; }
.active:after{ width: 100% !important; }


a.enquiryBTN{ position: relative; float: right; border: 3px solid #ed283f; font-size: 13px; font-family: 'CerebriSans-Medium'; padding: 10px 25px; display: block; text-transform: uppercase; transition: 0.5s all; margin-top: 30px; border-radius: 30px; color: #000;}
a.enquiryBTN:hover{ background: #ed283f; color: #fff; transition: 0.5s all;}

/*=======  Banner area  ========*/
.banner-content-area{ position: relative; float: left; width: 100%; padding:0; margin-top: -40px; text-align: center; height: 580px;overflow: hidden;}
.slide_area{ position: relative; float: left; width: 100%; height: 580px;  }
.slide_area img{ width: 100%;  }
.image-area{ position: relative; float: left; width: 100%; text-align: center; }
.image-area:after{ content: ''; position: absolute; width: 500px; height: 500px; border-radius: 100%; background:#2358bd; left: -30px; top: 60px;  }
.image-area img{ z-index: 123; position: relative; }

.slide-content{ position: relative; float: left; width: 100%; padding-top: 160px; }
.slide-content h1{ display: block; position: relative; font-size: 75px; line-height: 70px; font-family: 'CerebriSans-Light'; color: #000; padding: 10px 0;  margin: 0; text-align: left; }
.slide-content h1 span{ display: block; font-family: 'CerebriSans-Bold'; }
.slide-content p{ display: block; position: relative; font-size: 12px; font-family: 'CerebriSans-Regular'; color: #000; text-transform: uppercase; padding: 0 5px; text-align: left;}
.slide-content h2{ display: block; position: relative; font-size: 15px; font-family: 'CerebriSans-Heavy'; color: #000; padding: 0px 5px; text-transform: uppercase; margin-bottom: 15px; text-align: left;}
.slide-content h3{ display: block; position: relative; font-size: 12px; font-family: 'CerebriSans-Regular'; color: #000; text-transform: uppercase; padding: 3px 15px; margin-bottom: 16px; position: relative; text-align: left;}
.slide-content h3 span{ font-family: 'CerebriSans-Bold'; font-size: 20px; text-align: left;}
.slide-content h3:after{ content: ''; position: absolute; top: 0; left: 5px; width: 2px; height: 100%; background: #2358bd; }

a.buildBtn{ display: inline-block; background: #2358bd; font-size: 13px; font-family: 'CerebriSans-Medium'; padding: 13px 30px; color: #fff; text-transform: uppercase; transition: 0.5s all; margin-left: 5px;}

ul.slick-dots{ position: absolute; bottom: 10px; left: calc(50% - 50px); margin:0; padding: 0; }
ul.slick-dots li{ list-style-type: none; float: left; margin: 5px; }
ul.slick-dots li button{ width: 6px; height: 12px; background: #000; border: none; overflow: hidden; text-indent: -999px; border-radius: 100%; }
ul.slick-dots li button:focus{ border: none; outline: none; }
.slick-slide img { display: inline-block !important;}
.slick-active button{width: 6px !important; height: 12px !important; border:1px solid #000 !important; background: none !important;}

.slick-slide:focus{ outline: none; }


.content-area{ position: relative; float: left; width: 100%; padding: 65px 0; overflow: hidden; }

.heading-area{ position: relative; float: left; width: 100%; }
.heading-area h2{ position: relative; display: block; font-family: 'jeko'; font-size: 34px; color: #000; line-height: 45px; padding-bottom: 35px; margin-top: -43px; }
.heading-area h2 span{font-size: 43px; color: #ed283f; font-family: 'jeko'; font-weight:900;     margin-top: -10px;}
.heading-area h2:after{ content: ''; position: absolute; width: 50px; height: 3px; background: #fff; left: 5px; bottom: 0; }

.paragraph-area{ position: relative; float: left; width: 100%; margin-top: 25px; }
.paragraph-area p{ display: block; position: relative; font-size: 12px; font-family: 'CerebriSans-Medium'; color: #000; text-transform: uppercase; padding: 0 5px; text-align: left;     margin-top: -49px; }
.paragraph-area a{ display: inline-block; font-family: 'CerebriSans-Bold'; font-size: 15px; text-transform: uppercase;  color: #ed283f; text-decoration: none; margin-top: 20px;     background-color: #ed283f;
    color: white;
    padding: 7px 11px 7px 20px; border-radius: 40px; margin-top: 6px; margin-bottom: 33px;}
.paragraph-area a span{ display: inline-block; padding-left: 15px; }

.products{ position: relative; float: left; width: 100%; padding-top: 15px; }
.products ul{ position: relative; float: left; width: 100%; margin: 0; padding: 0; }
.products ul li{ list-style-type: none; float: left; padding: 0; margin: 0 0 45px; width: 33.33%; }
.products ul li a{ display: block; float: left; width: 100%; padding: 0 10px; }
.single-product{ position: relative; float: left; width: 100%; min-height: 340px; background: #e6ebf7; border-radius: 29px; }
.single-product h3{ display: block; font-size: 19px; font-family: 'CerebriSans-Bold'; color: #000; text-transform: uppercase; text-align: center; letter-spacing: 3px; padding-top: 20px; float: left; width: 100%; }
.single-img-area{ position: relative; float: left; margin: 0 7%; top: -20px; width: 86%; height: 250px; background: #000; display: flex; justify-content: center; align-items: center; overflow: hidden; box-shadow: 0px 10px 20px #36468b5c;
    border-radius: 12%;}
.single-img-area img { width: 100%; height: 255px; object-fit: cover; object-position: top center;}

.second:after{ position: absolute; bottom: 0; left: 1%; font-family: 'CerebriSans-Light'; font-size: 200px; color: #edf1f9; line-height: 130px;}




.thired{ min-height: 630px; background-position: center !important; background-size: cover !important; }
.thired:after{ position: absolute; bottom: 0; left: 1%; font-family: 'CerebriSans-Light'; font-size: 200px; color: #f9465a; line-height: 140px;}

.subHeads{ position: relative; float: left; width: 100%; }
.subHeads h2{ position: relative; display: block; font-family: 'CerebriSans-Bold'; font-size: 50px; color: #fff; line-height: 45px; padding-bottom: 35px; text-align: center;}

.promise-products{ position: relative; float: left; width: 100%; padding-top: 55px; z-index: 12; }
.promise-products .single-product{ position: relative; float: left; width: 100%; min-height: 440px; background: #e6ebf7; border-radius: 6%;     box-shadow: 0px 10px 20px #880808a6;}
.promise-products .single-product h3{ display: block; font-size: 22px; font-family: 'CerebriSans-Bold'; color: #000; text-transform: unset; padding:20px; letter-spacing: 0; float: left; width: 100%; }

.promise-products .single-img-area{ position: relative; float: left; width: 100%; min-height: 325px; background: none; display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 0; margin: 0; box-shadow: none; top: 0; height: inherit; }
.promise-products .single-img-area img { width: 100%; height: 325px; object-fit: cover; object-position: top center; border-radius: 6%;}

.single-product h2{ display: block; font-size: 45px; font-family: 'CerebriSans-ExtraBold'; color: #fff; text-align: left; padding: 0px; }
.single-product p{ display: block; font-size: 14px; font-family: 'CerebriSans-Regular'; color: #fff; text-align: left; padding: 0px; }

a.startBtn{ display: inline-block !important; background: #fff; font-size: 13px; font-family: 'CerebriSans-ExtraBold'; padding: 13px 30px 13px 13px !important; float: none; width: auto !important; color: #000; text-transform: uppercase; transition: 0.5s all; margin-left: 45px; z-index: 123; position: relative; }
a.startBtn img{ padding-right: 10px; }

.promise-products ul li:last-child .single-product:after{ content: ''; position: absolute; bottom: -75px; right: -20px; width: 201px; height: 201px; background: url(assets/images/icon1.png); }




.max-width{ width: 100%; max-width: 1360px; position: relative; margin: 0 auto; }
.galaryBtn{ display: inline-block; font-size: 20px; font-family: 'CerebriSans-Bold'; padding: 13px 0; color: #f9465a; text-transform: uppercase; transition: 0.5s all; line-height: 20px; }
.fourth{ min-height: 810px; }
.small-thumb-gallary-area{ position: absolute; width: 68%; top: 25px; min-height: 670px; right: 0%; }

.imgBxH{ width: 280px; height: 435px; background: #000; position: absolute; top: 40px; right: 0; border-radius: 25px; }
.imgBxW1{ width: 275px; height: 200px; background: #000; position: absolute; top: 0; right: 295px; border-radius: 25px; }
.imgBxW2{ width: 360px; height: 260px; background: #000; position: absolute; top: 215px; right: 295px; border-radius: 25px; }
.imgBxW3{ width: 280px; height: 220px; background: #000; position: absolute; top: 305px; right: 670px; border-radius: 25px; }
.imgBxW4{ width: 350px; height: 180px; background: #000; position: absolute; bottom: 0; right: 0; border-radius: 25px; }
.imgBxW5{ width: 290px; height: 180px; background: #000; position: absolute; bottom: 0; right: 365px; border-radius: 25px; }
.imgBxW6{ width: 280px; height: 130px; background: #000; position: absolute; bottom: 0; right: 670px; border-radius: 25px; }

.imgfit{ display: flex; justify-content: center; align-items: center; overflow: hidden; }

.small-thumb-gallary-area:after{position: absolute; top: 0; left: 1%; font-family: 'CerebriSans-Light'; font-size: 200px; color: #e6ebf7; line-height: 140px; }



.testimonial-area{ position: relative; float: left; width: 100%; text-align: center; }

.testtiDiv{ width: 90%; margin: 0 5%; position: relative; float: left; min-height: 360px; background: #fff; padding: 30px; }
.testtiDiv:after{ content: ''; position: absolute; width: 114px; height: 107px; background: url(assets/images/invert.png); top: -5px; right: 0; }

.testtiDiv h2{ display: block; font-size: 45px; font-family: 'CerebriSans-ExtraBold'; color: #000; text-align: left; padding: 10px 0 25px; }
.testtiDiv p{ display: block; font-size: 15px; font-family: 'CerebriSans-Regular'; color: #000; text-align: left; padding: 0px; margin: 0; }

.nameDiv{ position: absolute; bottom: 0; right: 0; background: #ed283f; padding: 7px 12px; }
.nameDiv:after{ content: ''; position: absolute; width: 32px; height: 32px; background: #d7dce8; top: -32px; right: 0; }
.nameDiv h3{ display: block; font-size: 13px; font-family: 'CerebriSans-Bold'; color: #fff; text-align: left; padding: 0px; margin: 0; }
.nameDiv h3 span{ display: inline-block; font-size: 13px; font-family: 'CerebriSans-Regular'; color: #ffb1ba; }


.testimonial-area ul.slick-dots{ position: relative; display: inline-block; margin:25px 0 0; padding: 0; left: auto; }
.testimonial-area ul.slick-dots li{ list-style-type: none; float: left; margin: 5px; }
.testimonial-area ul.slick-dots li button{ width: 6px; height: 12px; background: #b9c5e1; border: none; overflow: hidden; text-indent: -999px; border-radius: 100%; }
.testimonial-area ul.slick-dots li button:focus{ border: none; outline: none; }
.testimonial-area .slick-active button{ background: #ed283f !important; border: none !important;}



.bgcolor{ background: #e12439; }
.bgcolor .subHeads h2{ text-align: left;     font-size: 42px; }
.addrBook{ position: relative; float: left; width: 100%; background: #ff354b; min-height: 260px; box-sizing: border-box; }
.innerAddrbok{ position: relative; float: left; width: 100%; padding: 25px 25px 0; background: #fff; min-height: 215px; box-shadow: 0px 15px 10px rgba(0,0,0,0.1); box-sizing: border-box;}

.color1{ background: #510009; }
.color2{ background: #9d0213; }
.color3{ background: #c4172a; }
.color4{ background: #f3f7ff; }

.innerAddrbok h2{ display: block; font-size: 32px; font-family: 'CerebriSans-Bold'; color: #fff; text-align: left; padding: 0px; margin: 0; }
.others h2{ color: #e12439; }
.innerAddrbok p{  bottom: 15px; width: 100%; left: 25px; font-size: 35px; font-family: 'CerebriSans-Light'; color: #fff; text-align: left; line-height: 35px; word-break: break-all; }
.fontsize p{ font-size: 19px; line-height: 28px; font-family: 'CerebriSans-Light';  }
.others span{ bottom: 15px; width: 100%; left: 25px; font-size: 16px; font-family: 'CerebriSans-Light'; color: #0f0f0f; text-align: left; line-height: 20px; word-break: break-all; }

.innerAddrbok>div{width: 100%; height: 150px; display: flex; justify-content: center; align-items: flex-end;}
.others .innerAddrbok>div{width: 100%; height: 100px; display: flex; justify-content: center; align-items: flex-end; margin-bottom: 30px;}





.footer-area{ position: relative; float: left; width: 100%; padding: 65px 0 0; overflow: hidden; }
.footer-content{ position: relative; float: left; width: 100%; padding: 10px 0; }
.ftlogo{ position: relative; float: left; width: 100%; }
.ftlogo a{ display: inline-block; }

.calbac{ position: relative; float: left; width: 100%; }
.calbac a{ display: inline-block; text-decoration: none; font-size: 32px; font-family: 'CerebriSans-Light'; color: #000; text-align: left; line-height: 32px; }
.calbac a .fa{ font-size: 14px; padding-left: 25px; }

.footer-content h2{ display: block; font-family: 'CerebriSans-SemiBold'; font-size: 18px; line-height: 21px; margin-bottom: 25px; padding: 12px 0; }
.footer-content ul{ position: relative; float: left; width: 100%; padding: 0; margin: 0; }
.footer-content ul li{ list-style-type: none; float: left; width: 100%; padding: 0; margin:0; }
.footer-content ul li a{ text-decoration: none; display: block; font-size: 16px; font-family: 'CerebriSans-Regular'; color: #7f8ca6; text-align: left; line-height: 20px; padding: 7px 0; }

.conyrigt{ position: relative; float: left; width: 100%; padding: 15px; }
.conyrigt a{ display: inline-block; text-decoration: none; font-size: 16px; font-family: 'CerebriSans-Regular'; color: #000; padding-right: 5px; }
.conyrigt p{ display: inline-block; text-decoration: none; font-size: 16px; font-family: 'CerebriSans-Regular'; color: #000; }




/*======================= Inner page css area  ==========================*/

.inner-banner-area{ min-height: 240px; position: relative; float: left; width: 100%; overflow: hidden; }
.inner-banner-area:after{ content: ''; position: absolute; bottom: -150px; right: 8%; width: 200px; height: 200px; background:#e82740; border-radius: 100%;  }
.inner-banner-area h3{display: block; position: relative; font-size:55px; line-height: 55px; font-family: 'CerebriSans-ExtraBold'; color: #000; padding: 119px 0 0;  margin: 0; text-align: left; }

.inner-banner-area h3 span{ display: block; font-size:75px; font-family: 'CerebriSans-ExtraBold'; }
.inner-banner-area h3 p{ display: inline-block; color: #e82740; text-transform: inherit; font-size:59px; padding: 0; font-family: 'CerebriSans-ExtraBold'; }
.inner-banner-area p{  display: block; text-decoration: none; font-size: 19px; text-align: right; font-family: 'CerebriSans-Regular'; color: #000; margin: 0; padding-top: 70px; /*text-transform: uppercase;*/ }

.inner-heading{ position:  relative; float: left; width: 100%; }
.inner-heading h3{display: block; position: relative; font-size:42px; line-height: 55px; font-family: 'CerebriSans-ExtraBold'; color: #000; padding:0;  margin: 0; text-align: center; }
.inner-heading h3 span{ display: inline-block; font-family: 'CerebriSans-ExtraBold'; color: #2358bd; }


.serviceproductarea{ position: relative; float: left; width: 100%; }

.serviceproductarea .products ul li a{ display: inline-block; float: none; width: auto; padding: 10px 25px; margin-top: 15px; background: #ed283f; color: #fff; }
.serviceproductarea .products ul li{ width: 25%; padding: 0 12px; }
.serviceproductarea .single-img-area{ width: 210px; height: 210px; margin: 0 auto; float: none; }
.serviceproductarea .single-product h3{ text-transform: initial; letter-spacing: 0; padding-top: 0px; padding-bottom: 2px; }
.serviceproductarea .single-product{ text-align: center; min-height: 360px }

.adBanner{ width: 100%; position: relative; float: left; height: 485px; border-radius: 30px; background: #ccc; margin-bottom: 50px; overflow: hidden; }


.modal-dialog{ width: 800px; }
.modeldiv .modal-content{ position: relative; float: left; width: 100%; }
.modeldiv .modal-body{ position: relative; float: left; width: 100%; }
.popUpdiv{ position: relative; float: left; width: 100%; }

.popup-right-area{ position: relative; float: right; width: 50%; padding-left: 15px; }
.popup-right-area h2{ display: block; position: relative; font-size:42px; line-height: 42px; font-family: 'CerebriSans-ExtraBold'; color: #000; padding: 0;  margin: 0 0 15px; text-align: left; }
.popup-right-area p{  display: block; text-decoration: none; font-size: 15px; font-family: 'CerebriSans-Regular'; color: #000; margin: 0; }

.popup-right-area a.enquiryBTN{ background: #ed283f; color: #fff; width: 100%; text-align: center; }

.popup-left-area{ position: relative; float: left; width: 50%; }
.bigImg{ position: relative; width: 100%; margin: 0; height: 300px; background: #ccc; border-radius: 15px; overflow: hidden; display: flex;
    justify-content: center;
    align-items: center; }

.thumbImg{ position: relative; float: left; width: 100%; text-align: center; margin: 7px 0; }
.thumbImg ul{ position: relative; display: inline-block; margin: 0; padding: 0; }
.thumbImg ul li{ list-style-type: none; float: left; padding: 0 5px; }
.thumbImg ul li a{ text-decoration: none; width: 70px; height: 70px; background: #ccc; border-radius: 10px; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.thumbImg ul li a img{ width: 100%; height: 80px; object-fit: cover; object-position: top center; }


.altheader {    font-size: 15px;
    /* border-bottom: blue; */
    background-color: #ff3b3b;
    color: #ffffff;
    border-radius: 30px;
    padding: 4px 11px 4px 11px;
   }


   .offer {    text-decoration: line-through;
    font-size: 12px;
    color: #878787;
    font-family: arial;}

    .price {    font-family: 'CerebriSans-Bold';
    font-size: 15px;}