/*-----Font Families-----*/
/* Poppins */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
:root {
  --red: #ff3838;
  --gray: #777777;
  --text: #555555;
  --blue: #1494a9;
  --white: #ffffff;
  --chalk: #f5f5f5;
  --green: #11b76b;
  --purple: #b12fad;
  --orange: #e86121;
  --yellow: #ffab10;
  --body: #f5f6f7;
  --border: #e8e8e8;
  --heading: #6e101a;
  --primary: #9A1725;
  --sub-heading: #565765;
  --green-chalk: #ddffd5;
  --green-dark: #072f17;
  --gray-chalk: #cccccc;
  --intro-bg: #f8fffa;
  --facebook: #3b5998;
  --linkedin: #0e76a8;
  --twitter: #00acee;
  --primary-bshadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1);
  --primary-tshadow: 2px 3px 8px rgba(0, 0, 0, 0.1)
}
@media (min-width: 1800px) {.container{max-width: 1600px;}}
@media (min-width: 1600px) and (max-width: 1799px)  {.container {max-width: 1200px;}}
@media (min-width: 1400px) and (max-width: 1599px) {.container {max-width: 1200px;}}
/**/
body{font-family: 'Poppins';overflow-x: hidden; font-size: 14px; color: #252D3C;}
.cursor-pointer{cursor: pointer;}
.backdrop {position: fixed;top: 0px;left: 0px;z-index: 1050;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);display: none;}
a {color: inherit;text-decoration: none;transition: all 0.4s ease;}
a:hover {color: #AE4551;}
a,input,textarea,button,select {outline: none;}
a:hover,h1:focus,h2:focus,h3:focus,h4:focus,h5:focus,h6:focus {text-decoration: none;}
a:focus,button:focus,select:focus,input:focus,textarea:focus {outline: none;text-decoration: none;}
img {max-width: 100%;}
section{padding: 80px 0;}
.width-full{width: 100%;}
.width-150{width: 150px;}
.font-12{font-size: 12px;}
.font-14{font-size: 14px !important;}
.font-18{font-size: 18px;}
.font-16{font-size: 16px;}
.font-20{font-size: 20px;}
.font-24{font-size: 24px;}
.line-height-18{line-height: 18px;}
.line-height-22{line-height: 22px;}
.line-height-24{line-height: 24px;}
.line-height-28{line-height: 28px;}
.font-weight-400{font-weight: 400 !important;}
.font-weight-500{font-weight: 500 !important;}
.font-weight-600{font-weight: 600 !important;}
.font-weight-700{font-weight: 700;}
.font-weight-800{font-weight: 800;}
.heading{font-size: 32px;font-weight: 600;line-height: 40px;text-transform: capitalize;color: #252D3C;}
.heading-md{font-size: 24px;font-weight: 700;line-height: 30px;text-transform: capitalize;}
.heading-sm{font-size: 20px;font-weight: 600;line-height: 24px;}
.heading-xs{font-size: 16px;font-weight: 700;line-height: 28px;}
.btn-green{border-radius: 8px;background: #1C5E49;padding: 16px 24px; color: #fff; font-weight: 500;letter-spacing: 0.36px; transition: all .3s;}
.btn-green:hover{background: #9A1725; color: #fff;}
.btn-light-green{border-radius: 8px;background: #179A8C;padding: 16px 24px; color: #fff; font-weight: 600;letter-spacing: 0.36px; transition: all .3s; font-size: 16px;}
.btn-light-green:hover{background: #078e82; color: #fff;}
.btn-light-red{background-color: #E0B7BB; border-radius: 4px; color:#9A1725 ; padding: 8px 24px; transition: all .3s;}
.btn-light-red:hover{background: #9A1725; color: #fff;}
.btn-red{border-radius: 8px;background: #9A1725;padding: 16px 24px; color: #fff; font-weight: 500;letter-spacing: 0.36px; transition: all .3s;}
.btn-red:hover{background: #6e101a; color: #fff;}
.btn-black{background-color: #161B23; border-radius: 8px;padding: 16px 24px; color: #fff; font-weight: 500;letter-spacing: 0.36px; transition: all .3s;}
.btn-black:hover{background-color: #000; color: #fff;}
.text-red{color:#9A1725 !important;}
.text-red-light{color:#ee4037;}
.text-green{color:#1C5E49;}
.text-orange{color: #EFA148;}
.text-gray{color: #5D6676 !important;}
.text-lightgray{color: #C0C4CA;}
.text-darkgray{color: #666;}
.text-very-dark{color: #252D3C;}
.mt--2{margin-top: -2px;}
.mob-footer-icons{display: none;}
.gap-12{gap: 12px;}
.gap-16{gap: 16px;}
.linkedin{background: #0E76A8;}
.facebook{background: #3B5998;}
.twitter{background: #3d3d3d;}
.whatsapp{background: #128C7E;}
.product-wrapper .product-info .product-price-wrapper .price-symbol{font-family: sans-serif; font-size: 16px;}
.price-symbol{font-family: sans-serif;}
.font-monospace{font-family: monospace !important;}
.inner-page-content{max-width: 900px; margin: 0 auto; padding-top: 60px; padding-bottom: 60px;}
.height-48{height: 48px;}
.height-40{height: 40px;}
.bg-gray{background-color: #F9F9FA;}
.bg-red-light{background: #F5E8E9;}
.bg-blue-light{background:#EEF2FF}
.bg-yellow-light{background:#FFFAEB}
.bg-mehroon{background-color: #9a1725;}
.bg-yellow{background: #FBBF24;}
.mb-32{margin-bottom: 32px;}
.flex-1{flex: 1;}
.border-radius-4{border-radius: 4px;}
.p-24{padding: 24px;}


 /* Pre Loader css*/
 .preloader{position: fixed;margin: 0;display: flex;align-items: center;justify-content: center;width: 100%;height: 100vh;background: rgba(255,255,255,.8);z-index: 9999999999;}
 .loading {--duration: 1s;--num-dot: 10;}
 .loading {width: 1em;border-radius: 0.2em;position: relative;}
 .loading::before {content: "";position: absolute;top: 1px;left: 1px;right: 1px;bottom: 1px;border-radius: 0.2em;background-color: var(--box-color);}
 .loading > * {position: absolute;width: 100%;height: 100%;top: 0;left: 0;transform: rotate(calc((360deg / var(--num-dot) /* Number of child */) * var(--index)));}
 .loading > *::before {position: absolute;content: "";top: 0.15em;left: 0.45em;width: 10px;height: 10px;transform: scale(0);border-radius: 50%;animation: scaleTo1 var(--duration) ease-in-out calc(var(--duration) / var(--num-dot) * var(--index)) infinite reverse;}
/* Loader animaition */
 @keyframes scaleTo1 {
   0% {
     transform: scale(0);
     background: #fcb040;
   }
   50% {
     background:  #ee4037;
   }
   100% {
     transform: scale(1);
     background: #9a1725;
   }
 }



  /*Footer*/
.footer-wrapper{padding: 60px 0 40px 0;background: #141414;}
.footer-wrapper .footer-inner-wrapper{display: flex;align-items: flex-end;gap: 100px;align-self: stretch;padding-bottom: 40px;}
.footer-wrapper .footer-logo-wrapper{display: flex;flex-direction: column;align-items: flex-start;gap: 28px;align-self: stretch;}
.footer-wrapper .footer-appStore{display: flex; gap: 16px;}
.footer-wrapper .footer-links-wrapper{display: flex;justify-content: space-between;align-items: flex-start;flex: 1 0 0;}
.footer-wrapper .footer-links-wrapper h3 , .footer-wrapper .mob-footer-icons h3{color: rgba(255, 255, 255, 0.72);font-size: 16px;font-weight: 500;line-height: 28px;}
.footer-wrapper .footer-links-wrapper ul{padding: 0; list-style: none;}
.footer-wrapper .footer-links-wrapper ul li a{display: inline-block; color: #D9D9D9; padding: 8px 0;font-size: 12px;font-style: normal;font-weight: 400;line-height: 18px; transition: all .3s;}
.footer-wrapper .footer-links-wrapper ul li a:hover{color:#9A1725;}
.footer-wrapper .mob-footer-icons{border-top:1px solid #323232;margin-top: 24px;padding-top: 24px;padding-bottom: 24px;border-bottom: 1px solid #323232;}
.footer-wrapper .mob-footer-icons a{height: 40px; width: 40px;background: #282828;border-radius: 100%;display: flex; align-items: center; justify-content: center; transition: all .3s;}
.footer-wrapper .mob-footer-icons a:hover{background: #9A1725;}
.footer-wrapper .mob-footer-icons .app-social-icons{gap: 20px;}
.footer-wrapper .bottom-bar{display: flex; align-items: center; justify-content: space-between; color: #fff;}
.footer-wrapper .bottom-bar span{font-size: 12px; line-height: 18px;}