/*=== General Variables ===*/
:root {
  --primary-color: #B0914A;
  --secondary-color: #004b39;
  --tq-color1: #444444;
  --tq-color2: #fff5d7;
  --tq-color3: #f8f8f8;
  --tq-color4: #1c6654;
  --tq-color5: #2ac031;
  --black: #000000;
  --white: #ffffff;
  --behance: #131418;
  --facebook: #3b5999;
  --twitter: #55acee;
  --linkedin: #0077b5;
  --skype: #00aff0;
  --vimeo: #1ab7ea;
  --yahoo: #410093;
  --instagram: #e4405f;
  --dribbble: #ea4c89;
  --flickr: #ff0084;
  --pinterest: #bd081c;
  --youtube: #cd201f;
  --reddit: #ff5700;
  --rss: #f26522;
  --whatsapp: #25d366;
  --medium: #02b875;
  --transition: all 0.2s cubic-bezier(0.19, 0.68, 0.49, 1.21);
  --transition2: all 0.3s linear;
  --Epilogue: "Epilogue", sans-serif;
  --Cinzel-Decorative: "Cinzel Decorative", cursive;
  --round3: 3px;
  --round5: 5px;
  --round10: 10px;
  --round15: 0.9375rem;
  --round20: 1.25rem;
  --round30: 1.875rem;
  --round40: 2.5rem;
  --round60: 3.75rem;
}
.tq-bg-theme {
  background-color: var(--primary-color);
}
.tq-bg-secondary {
  background-color: var(--secondary-color);
}
.tq-bg-tq-color1 {
  background-color: var(--tq-color1);
}
.tq-bg-color2 {
  background-color: var(--tq-color2);
}
.tq-bg-color3 {
  background-color: var(--tq-color3);
}
.tq-bg-color4 {
  background-color: var(--tq-color4);
}
.tq-bg-color5 {
  background-color: var(--tq-color5);
}
.tq-bg-color6 {
  background-color: var(--tq-color6);
}
.tq-bg-color7 {
  background-color: var(--tq-color7);
}
.tq-bg-color8 {
  background-color: var(--tq-color8);
}
.tq-bg-grad1 {
  background-image: var(--grad1);
}
.tq-text-theme {
  color: var(--primary-color);
}
.tq-text-secondary {
  color: var(--secondary-color);
}
.tq-text-color1 {
  color: var(--tq-color1);
}
.tq-text-color2 {
  color: var(--tq-color2);
}
.tq-text-color3 {
  color: var(--tq-color3);
}
.tq-text-color4 {
  color: var(--tq-color4);
}
.tq-text-color5 {
  color: var(--tq-color5);
}
.tq-text-color6 {
  color: var(--tq-color6);
}
.tq-text-color7 {
  color: var(--tq-color7);
}
.tq-text-color8 {
  color: var(--tq-color8);
}

/*== Fill ==*/
.fill-theme {
  fill: var(--primary-color);
}
.fill-secondary {
  fill: var(--secondary-color);
}
.fill-tq-color1 {
  fill: var(--tq-color1);
}
.fill-tq-color2 {
  fill: var(--tq-color2);
}
.fill-tq-color3 {
  fill: var(--tq-color3);
}
.fill-tq-color4 {
  fill: var(--tq-color4);
}
.fill-tq-color5 {
  fill: var(--tq-color5);
}
.fill-white {
  fill: var(--white);
}
.fill-black {
  fill: var(--black);
}
.fill-tq-tq-color1 {
  fill: var(--tq-color1);
}

/*=== Paddings ===
.tq-pb-100 {
  padding-bottom: 6.25rem;
}
.tq-pt-120 {
  padding-top: 7.5rem;
}*/

/*=== Container ===*/
.container {
  padding: 0;
}

/*=== Cross Browser Compatibility ===*/
svg,
svg *,
:before,
:after,
span,
.tq-namaz-timing-cap > * {
  -webkit-transition: var(--transition2);
  transition: var(--transition2);
}

.tq-namaz-timing-box > svg {
  -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1); /* older webkit */
  -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeOutBack */
  -webkit-transition-timing-function: cubic-bezier(
    0.175,
    0.885,
    0.32,
    1
  ); /* older webkit */
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(
    0.175,
    0.885,
    0.32,
    1.275
  ); /* easeOutBack */
}

/*===== General Color Style =====*/
.tq-about-cap > ul li::marker {
  color: var(--primary-color);
}

/*===== Section Title Style =====*/
.tq-sec-title-wrapper {
  margin-bottom: 3.125rem;
}
.tq-sec-title {
  gap: 1.125rem;
}
.tq-sec-title > span {
  font-family: var(--Cinzel-Decorative);
  font-size: 1.25rem;
  font-weight: 700;
}
.tq-sec-title > h2 {
  font-size: 3.4375rem;
}

/*===== About Style 1 =====*/
.tq-about-cap > ul li::marker {
  font-size: 1.5rem;
}

/*===== Namaz Timings Style 1 =====*/
.tq-namaz-timing-boxes {
  margin-bottom: -3.75rem;
  min-width: calc(100% + 1.5rem);
}
.tq-namaz-timing-box > svg.position-absolute {
  left: 0;
  top: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}
.tq-namaz-timing-box:hover > svg.position-absolute {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.tq-namaz-timing-cap {
  left: 50%;
  top: 48%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.tq-namaz-timing-cap > h4 {
  font-size: 1.625rem;
}
.tq-namaz-timing-cap > h4 + p {
  margin-top: 0.1rem;
}
.tq-namaz-timing-cap > p {
    color: var(--black);
    font-weight: 500;
    font-size: 13px;
    line-height: 1.6;
}
.tq-namaz-timing-box:hover .tq-namaz-timing-cap > * {
  color: var(--white);
}
@media (min-width: 1435px) {
  .container {
    max-width: 1370px;
  }
}

@media (max-width: 1370px) {
  body {
    font-size: 1rem;
    line-height: 1.5;
  }
  p {
    line-height: 1.5;
  }
  .tq-sec-title > h2 {
    font-size: 3.125rem;
  }
  .tq-sec-title > span {
    font-size: 1rem;
  }
}

@media (max-width: 1290px) {
  .tq-pt-120 {
    padding-top: 5rem;
  }
  .tq-pb-100 {
    padding-bottom: 5rem;
  }
}

@media (max-width: 1210px) {
  .tq-namaz-timing-cap > h4 {
    font-size: 1.375rem;
  }
}

@media (max-width: 1030px) {
  .tq-sec-title > h2 {
    font-size: 2.5rem;
  }
  .tq-namaz-timing-cap > p {
    font-size: 14px;
    line-height: 1.5;
  }
  .tq-sec-title-wrapper {
    margin-bottom: 2.5rem;
  }
}

@media (max-width: 995px) {
  .tq-sec-title > h2 {
    font-size: 2rem;
  }
  .tq-namaz-timing-boxes {
    margin-bottom: 0;
    min-width: 100%;
  }
  .tq-namaz-timing-box {
    margin-top: 2.5rem;
  }
  .tq-namaz-timing-cap > p {
    font-size: 0.9375rem;
  }
}

@media (max-width: 770px) {
  .tq-namaz-timing-box {
    margin-top: 1.875rem;
  }
  body {
    font-size: 0.9375rem;
    line-height: 1.5;
  }
}

@media (max-width: 577px) {
  .container {
    padding: 0 1.25rem;
  }
}
/* Hide the content until the page is fully loaded */
.hidden-until-bootstrap {
    display: none;
}
.tq-namaz-timings-wrapper .row .col-lg-2 {
    min-width: 20%;
}