*{ margin:0; padding:0; box-sizing: border-box;}
ul,li,ol{ list-style: none;}
a{ text-decoration: none;}
body{ font-family: 'Poppins', sans-serif;}
/* smarat wrapper */
.samrat-wrapper{ display: flex;}
.samrat-header{ width:11.9%; text-align: center; padding:1.97vw 0 0 0;}
.samrat-header .logo{ margin:0 0 1.979vw 0;}
.samrat-header .logo a img{ max-width: 100%; display: block;}
.samrat-main-content{ width:88.1%;}
.header-infor img{ display: block; margin: 0 auto;}
.header-infor ul li{ margin:0 0 1.35vw 0;}
.main-banner img{ display: block; max-width: 100%;}
.breadcrumb{ border-bottom:2px solid #dfdfdf; padding:0.9vw 0 0.41vw 0;} 
.breadcrumb ul{ display: flex;}
.breadcrumb ul li{}
.breadcrumb ul li a{ font-weight: 400; letter-spacing: 4.2px; font-size:clamp(14px,1.093vw,21px); color: #000000;}
.main-content{ padding:1.45vw 0 0 0;}
.main-content h1{ font-weight: 800; font-size:clamp(20px,2.08vw,40px);  color: #000000; margin:0 0 1.5vw 0;}
.main-content h1 + p{ font-size:clamp(14px,1.093vw,21px);  line-height: clamp(24px,16.71vw,31px); color: #000000; margin:0 0 2.65vw 0;}
/* tmt boxes */

.tmt-bar-box-wrapper{ display: flex; flex-wrap: wrap;}
.tmt-bar-box{ width:21%; margin:0 4% 4.16vw 0; border: 1px solid #549390; box-shadow: 0px 3px 6px #00000029; border-radius: 20px; padding:8px 8px 0 8px;
}
.tmt-bar-box-img{ position: relative;}
.tmt-bar-box-img img{ display: block; width:100%;}
.tmt-bar-box-img span{ background: #FFE014 ; border-radius: 0px 100px 100px 0px; font-weight: 600; font-size:clamp(14px,1.093vw,21px); letter-spacing: 0.42px; color: #000000; position: absolute; left:0; top:28px; display: inline-block; padding:4px 2.1875vw 3px 2.1875vw;}
.main-content .tmt-bar-box .prices-starts-from{ text-align: center; padding:1.35vw 0 0.625vw 0;}
.main-content .tmt-bar-box .prices-starts-from p{ font-size:clamp(14px,1.093vw,20px); letter-spacing: 0.6px; color: #000000;}
.main-content .tmt-bar-box .prices-starts-from p span.price{ font-size:clamp(16px,1.145vw,22px); color: #0E5399; font-weight: 600;}
/* media quries */

@media screen and (max-width: 1400px) {
  .main-content .tmt-bar-box .prices-starts-from p{ letter-spacing: 0;}
  } 
@media screen and (max-width: 980px) {
  .samrat-wrapper{ flex-wrap: wrap;}
  .samrat-header{ width:94%; margin:0 auto; display: flex; padding:10px 0 10px 0; justify-content: space-between; align-items: center;}
  .samrat-header .header-infor ul{ display: flex; align-items: center;}
  .samrat-header .header-infor ul li{ margin-left:5px}
  .samrat-main-content{ width:100%;}
  .breadcrumb{ width:100%; padding-left:3%; padding-right:3%;}
  .main-content{ width:100%; padding-left:3%; padding-right:3%;}
}
@media screen and (max-width: 500px) {
  .tmt-bar-box{ width:46%; }
  .main-content h1{ text-align: center;}
  .samrat-header .header-infor ul li img{ max-width:30px;}
}