/*your custom css goes here*/

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

:root {
  --blue          : #007bff;
  --indigo        : #6610f2;
  --purple        : #6f42c1;
  --pink          : #e83e8c;
  --red           : #dc3545;
  --orange        : #fd7e14;
  --yellow        : #ffc107;
  --green         : #28a745;
  --teal          : #20c997;
  --cyan          : #17a2b8;
  --white         : #fff;
  --gray          : #6c757d;
  --gray-dark     : #343a40;
  --primary       : #8f0336 !important;
  --hov-primary   : #343a40;
  --soft-primary  : rgba(253, 44, 121, 0.15);
  --secondary     : #8f97ab;
  --soft-secondary: rgba(143, 151, 171, 0.15);
  --success       : #0abb75;
  --soft-success  : rgba(10, 187, 117, 0.15);
  --info          : #25bcf1;
  --soft-info     : rgba(37, 188, 241, 0.15);
  --warning       : #ffc519;
  --soft-warning  : rgba(255, 197, 25, 0.15);
  --danger        : #ef486a;
  --soft-danger   : rgba(239, 72, 106, 0.15);
  --light         : #f2f3f8;
  --dark          : #111723;
  --soft-dark     : rgba(42, 50, 66, 0.15);
  --breakpoint-xs : 0;
  --breakpoint-sm : 576px;
  --breakpoint-md : 768px;
  --breakpoint-lg : 992px;
  --breakpoint-xl : 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
    "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style : normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style : normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style : normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style : normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style : normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style : normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style : normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style : normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style : normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style : italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style : italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style : italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style : italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style : italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style : italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style : italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style : italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style : italic;
}

body {
  font-family: "Poppins", sans-serif !important;
  line-height: 2 !important;
}

h6, h5, h4{
   line-height: 1.8 !important;
}

.top-navbar {
  background-color: var(--gray-dark);
  color           : var(--white);
}

.bg-yellow {
  background-color: #fff0c3 !important;
}

.h-md-40px,
.size-md-40px {
  height: 54px;
}

.rounded-16 {
  border-radius: 16px;
}

.btn {
  border-radius: 100px;
}

.call-btn {
  margin-top: 15px;
}

.call-icon {
  width          : 42px;
  height         : 42px;
  display        : flex;
  align-items    : center;
  justify-content: center;
  border         : 1px solid var(--gray);
  border-radius  : 100%;
  margin-right   : 8px;
  margin-left    : 6px;
}

.call-icon i {
  font-size: 20px;
}

.call-btn h5 {
  font-size    : 14px;
  margin-bottom: 2px;
}

.call-btn h3 {
  font-size: 16px;
}

.inner-content {
  margin-top: 90px;
}

.list-none{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.list-none li{
  margin-bottom: 12px;
}

.pattern-bg{
  background-image: url(image-001.png);
  background-repeat: no-repeat;
  
  background-position: right -100px top -100px;
  position: relative;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bg-12{
  background-color: var(--teal);
  padding: 60px 0px;
  color: var(--white);
  margin-top: 40px;
}

.address-list{
  list-style: none;
  color: var(--dark);
  margin: 30px 0px;
  padding: 0px;
}

.address-list li {
  list-style: none;
  font-size: 18px;
  display: flex;
  margin-bottom: 20px;
}

.address-list li .ic-box{
 width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--gray);
  border-radius: 100%;
  margin-right: 12px;
}

.address-list li a{
  color: var(--dark);
   display: flex;
}

@media (max-width: 1199px) {
  .header-right .btn {
    padding  : 9px 4px;
    font-size: 12px;
  }

  .inner-content {
  margin-top: 240px;
}

  .nav-link {
    padding: .5rem .5rem;
  }
}

@media (min-width: 992px) {
  .desk-right {
    text-align: right;
  }
}

@media (max-width: 991px) {
  .mob-center {
    text-align: center;
  }

  .h-30px,
  .size-30px {
    height: 65px;
  }

  .header-right .btn {
    padding      : 9px 9px;
    font-size    : 16px;
    margin-bottom: 12px;
  }

  .slider-top-setting-normal {
    margin-top: 266px;
  }
}