/*
Theme Name: Qualmar
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the Kcloud9 team
Author URI: https://kcloud9.com/
Description: -
Requires at least: 5.3
Tested up to: 6.8
Requires PHP: 5.6
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: -

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/
@import url(assets/css/bootstrap.min.css);
@import url(assets/css/bootstrap-icons.min.css);
:root {
  --c1: #000000;
  --c2: #ffffff;
  --c3: #0040c1;
  --f1: Inter, sans-serif;
}

body {
  font: 400 14px var(--f1);
  color: var(--c1);
  position: relative;
}
body.single-post footer {
  padding: 60px 0 0;
}
body.fixed-bar header {
  position: fixed;
  animation: header 1s linear;
}

@keyframes header {
  from {
    top: -100%;
  }
  to {
    top: 0;
  }
}
a, .btn, button {
  transition: 0.3s linear !important;
}

figure {
  margin: 0 !important;
}

@keyframes jumpInfinite {
  0% {
    top: -10px;
  }
  50% {
    top: 10px;
  }
  100% {
    top: -10px;
  }
}
.btn-theme {
  padding: 0;
  border: 0;
}
.btn-theme .wp-block-button__link {
  font: 500 16px var(--f1);
  color: var(--c2) !important;
  border-radius: 6px;
  background: linear-gradient(to right, #0058ff 0%, #00b2ff 50%, #0058ff 100%);
  background-size: 200% auto;
  padding: 20px 40px;
  border: 0;
}
.btn-theme .wp-block-button__link:hover {
  background-position: right center;
}

.btn-black {
  padding: 0;
  border: 0;
}
.btn-black .wp-block-button__link {
  font: 500 16px var(--f1);
  color: var(--c2) !important;
  border-radius: 6px;
  background: linear-gradient(to right, #3a3a3a 0%, #000000 50%, #3a3a3a 100%);
  background-size: 200% auto;
  padding: 20px 40px;
}
.btn-black .wp-block-button__link:hover {
  background-position: right center;
}

header {
  position: absolute;
  width: 100%;
  z-index: 9;
  top: 30px;
}
header .navbar-toggler {
  padding: 0;
  box-shadow: none !important;
}
header .navbar-toggler .navbar-toggler-icon {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 178, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
header .navbar {
  padding: 0;
}
header .navbar .container {
  padding: 16px 16px 16px 24px;
  border-radius: 16px;
  backdrop-filter: blur(40px);
  background-color: #041842;
}
header .navbar .site-logo img {
  width: auto;
  max-height: 40px;
}
header .navbar .navbar-brand {
  margin: 0;
  padding: 0;
}
header .navbar .navbar-collapse {
  flex-grow: initial;
}
header .navbar .navbar-collapse .navbar-nav {
  gap: 35px;
  align-items: center;
}
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
  font: 500 16px var(--f1);
  color: var(--c2);
}
header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover, header .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {
  color: #00b2ff;
}
header .navbar .navbar-collapse .navbar-nav .nav-item:last-child .nav-link {
  font: 500 16px var(--f1);
  color: var(--c2) !important;
  border-radius: 6px;
  background: linear-gradient(to right, #0058ff 0%, #00b2ff 50%, #0058ff 100%);
  background-size: 200% auto;
  padding: 15px 25px;
}
header .navbar .navbar-collapse .navbar-nav .nav-item:last-child .nav-link:hover, header .navbar .navbar-collapse .navbar-nav .nav-item:last-child .nav-link.active {
  background-position: right center;
}
header .navbar .navbar-collapse .navbar-nav .nav-item:last-child .nav-link.active:hover {
  background-color: var(--c3);
  color: var(--c2);
}
header .navbar .navbar-collapse .navbar-nav .nav-item.current-menu-item .nav-link {
  color: #00b2ff;
}

section.banner {
  padding-top: 80px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, #060c25), linear-gradient(180deg, #060c25, rgba(0, 0, 0, 0.6)), linear-gradient(90deg, #0058ff, #00b2ff);
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-size: auto, 25px, auto, auto;
  height: 100vh;
  position: relative;
  overflow: hidden;
}
section.banner::before {
  content: "";
  background: url(assets/images/abstract-bg.jpg) no-repeat 0 0/cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.4;
}
section.banner .container {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
section.banner .banner-caption {
  position: relative;
  text-align: center;
  padding: 60px 0;
}
section.banner .banner-caption::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(assets/images/abstract-bg.webp) 0 -160px/cover;
  background-size: 1600px;
  position: absolute;
  top: 0;
  left: 0;
}
section.banner .banner-caption h1, section.banner .banner-caption p, section.banner .banner-caption .btn {
  position: relative;
}
section.banner .banner-caption h1 {
  font: 700 72px/85px var(--f1);
  margin: 0 0 20px;
  text-transform: capitalize;
  color: var(--c2);
}
section.banner .banner-caption h1 span {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #0058ff, #00b2ff);
  background-clip: text;
  display: block;
  min-height: 85px;
}
section.banner .banner-caption p {
  max-width: 690px;
  font: 400 20px/30px var(--f1);
  margin: 0 auto 35px;
  color: var(--c2);
}
section.banner .banner-caption .wp-block-buttons {
  display: flex;
  justify-content: center;
}
section.banner .banner-caption .down-arrow {
  font-size: 30px;
  color: var(--c2);
  width: 50px;
  height: 90px;
  margin: 40px auto 0;
  border: 2px solid var(--c2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  cursor: pointer;
  position: relative;
}
section.banner .banner-caption .down-arrow .bi {
  transition: 0.3s linear;
  position: relative;
  animation: jumpInfinite 1.5s infinite;
}
section.banner.inner-banner {
  min-height: 420px;
  height: auto;
}
section.banner.inner-banner::before {
  height: 420px;
}
section.banner.inner-banner .container {
  height: auto;
}
section.banner.inner-banner .banner-caption {
  padding-top: 130px;
}
section.dp {
  padding: 80px 0;
}
section.dp .head p.bgspan {
  position: relative;
  background: #00b2ff;
  border-radius: 30px;
  display: inline-block;
  font: 600 14px/20px var(--f1);
  padding: 8px 25px 8px 45px;
  color: var(--c1);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 12px;
}
section.dp .head p.bgspan::before {
  content: "";
  position: absolute;
  background: url(assets/images/sparkles.svg) no-repeat;
  width: 20px;
  height: 20px;
  left: 15px;
}
section.dp .head-div {
  max-width: 800px;
  margin: auto;
}
section.dp .head-div.w700 {
  max-width: 700px;
  text-align: center;
  margin: 0 auto 40px;
}
section.dp h3 {
  font: 700 55px/65px var(--f1);
  margin: 0 0 20px;
}
section.dp h3 strong {
  font-weight: 700;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #0058ff, #00b2ff);
  background-clip: text;
}
section.dp h3.d-block strong {
  display: block;
}
section.dp p, section.dp ul li {
  font: 400 16px/25px var(--f1);
}
section.dp .tab-section {
  position: relative;
}
section.dp .tab-section .nav {
  flex-wrap: nowrap;
  gap: 24px;
  margin: 0 0 32px;
}
section.dp .tab-section .nav .nav-item {
  width: 33.33%;
}
section.dp .tab-section .nav .nav-item .nav-link {
  padding: 21px 40px;
  width: 100%;
  background-color: #042d6c;
  background-size: 200% auto;
  color: var(--c2);
  border-radius: 50px;
  font: 600 16px/26px var(--f1);
}
section.dp .tab-section .nav .nav-item .nav-link.active {
  background-color: #00b2ff;
  color: var(--c1);
}
section.dp .tab-section .tab-content {
  background-color: #042d6c;
  padding: 32px 81px 32px 32px;
  border: 1px solid rgba(153, 153, 153, 0.1411764706);
  border-radius: 16px;
}
section.dp .tab-section .tab-content .img-section img {
  border-radius: 16px;
  max-width: 100%;
}
section.dp .tab-section .tab-content .content-sec {
  text-align: left;
  padding-left: 30px;
}
section.dp .tab-section .tab-content .content-sec h3 {
  font-size: 45px;
  line-height: 55px;
}
section.about .row {
  justify-content: space-between;
}
section.about .img-section {
  position: relative;
}
section.about .img-section img {
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 16px;
}
section.about .img-section .img-caption {
  background-color: var(--c2);
  padding: 15px;
  display: inline-block;
  min-width: 250px;
  border-radius: 10px;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.15);
  position: absolute;
  bottom: 30px;
  left: -70px;
}
section.about .img-section .img-caption img {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 15px;
  bottom: 15px;
}
section.about .img-section .img-caption p {
  font: 600 20px/30px var(--f1);
  margin: 0 0 10px;
}
section.about .img-section .img-caption h4 {
  font: 700 25px/35px var(--f1);
  margin: 0;
}
section.services {
  background-color: #ecf9ff;
}
section.services .head {
  margin: 0 0 50px;
}
section.services .service-parent {
  grid-row-gap: 120px;
  flex-direction: column;
  width: 100%;
  max-width: 636px;
  display: flex;
}
section.services .service-parent .service-list {
  position: sticky;
  top: 200px;
  min-height: 454px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, #060c25), url(assets/images/banner-line.png), linear-gradient(180deg, #060c25, rgba(0, 0, 0, 0.6)), linear-gradient(90deg, #0058ff, #00b2ff);
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-size: auto, 25px, auto, auto;
  border-radius: 16px;
  padding: 60px;
}
section.services .service-parent .service-list .bgspan {
  position: relative;
  background: #00b2ff;
  border-radius: 30px;
  display: inline-block;
  font: 600 14px/20px var(--f1);
  padding: 8px 25px 8px 45px;
  color: var(--c1);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 12px;
}
section.services .service-parent .service-list .bgspan::before {
  content: "";
  position: absolute;
  background: url(assets/images/sparkles.svg) no-repeat;
  width: 20px;
  height: 20px;
  left: 15px;
}
section.services .service-parent .service-list h4 {
  font: 700 40px/50px var(--f1);
  color: var(--c2);
  margin: 10px 0 20px;
}
section.services .service-parent .service-list p {
  color: var(--c2);
}
section.services .service-imgs {
  grid-row-gap: 120px;
  flex-direction: column;
  width: 100%;
  max-width: 636px;
  display: flex;
}
section.services .service-imgs .serimg-list {
  position: sticky;
  top: 200px;
}
section.services .service-imgs .serimg-list img {
  width: 100% !important;
  min-height: 454px !important;
  object-fit: cover;
  border-radius: 16px;
}
section.products .container {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, #060c25), url(assets/images/banner-line.png), linear-gradient(180deg, #060c25, rgba(0, 0, 0, 0.6)), linear-gradient(90deg, #0058ff, #00b2ff);
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-size: auto, 25px, auto, auto;
  padding: 60px;
  position: relative;
  border-radius: 16px;
  text-align: center;
}
section.products .container::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(assets/images/abstract-bg.webp) 0 -160px/cover;
  background-size: 1600px;
  position: absolute;
  top: 0;
  left: 0;
}
section.products .container .head {
  position: relative;
}
section.products .container .product-content {
  position: relative;
  max-width: 1000px;
  margin: 10px auto 0;
}
section.bg .container {
  position: relative;
}
section.bg h3 {
  color: var(--c2);
}
section.bg h3 strong {
  display: block;
}
section.bg p {
  color: var(--c2);
  margin: 0 0 25px;
}
section.bg .wp-block-buttons {
  justify-content: center;
}
section.membership {
  padding-top: 0;
}
section.membership .row {
  align-items: center;
}
section.membership .img-group {
  display: flex;
  align-items: center;
  gap: 15px;
}
section.membership .img-group .img-sec {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding: 15px;
  min-height: 250px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
}
section.membership .img-group .img-sec img {
  max-width: 100%;
}
section.about1 article {
  height: 100%;
}
section.about1 article > div {
  height: 100%;
}
section.about1 article .img-section img {
  width: 100% !important;
  border-radius: 16px;
  object-fit: cover;
}
section.about1 article .img-section.f1 img {
  height: 544px;
}
section.about1 article .img-section.f2 {
  margin: 0 0 24px;
}
section.about1 article .img-section.f2 img {
  height: 296px;
}
section.about1 article .img-section.f3 img, section.about1 article .img-section.f4 img {
  height: 224px;
}
section.about1 article .content-sec {
  height: 100%;
  border-radius: 16px;
  padding: 25px;
}
section.about1 article .content-sec > div {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
section.about1 article .content-sec h4 {
  font: 700 45px/50px var(--f1);
  margin: 0;
}
section.about1 article .content-sec p {
  font: 500 18px/23px var(--f1);
  margin: 0;
}
section.about1 article .content-sec.c1 {
  height: calc(100% - 24px);
  margin: 0 0 24px;
  background-color: #7ad7ff;
}
section.about1 article .content-sec.c2 {
  background-color: #00b2ff;
}
section.about2 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, #060c25), url(assets/images/banner-line.png), linear-gradient(180deg, #060c25, rgba(0, 0, 0, 0.6)), linear-gradient(90deg, #0058ff, #00b2ff);
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-size: auto, 25px, auto, auto;
  padding: 60px;
  position: relative;
  border-radius: 16px;
  text-align: center;
  border-radius: 0;
}
section.about2::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(assets/images/abstract-bg.webp) 0 -160px/cover;
  background-size: 1600px;
  position: absolute;
  top: 0;
  left: 0;
}
section.about3 .head-div {
  text-align: center;
  margin: 0 auto 40px;
}
section.about3 article {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding: 30px;
  border-radius: 16px;
  height: 100%;
}
section.about3 article .icon {
  width: 80px;
  height: 80px;
  background-color: #00b2ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  margin: 0 0 20px;
}
section.about3 article h4 {
  font: 600 25px/35px var(--f1);
  text-transform: capitalize;
}
section.contact1 .head-div {
  max-width: 700px;
  text-align: center;
  margin: 0 auto 40px;
}
section.contact1 .row {
	justify-content: center;
}
section.contact1 article {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding: 30px;
  border-radius: 16px;
  height: 100%;
}
section.contact1 article > div {
  height: 100%;
  display: flex;
  align-items: center;
}
section.contact1 article .icon {
  margin: 0 15px 0 0;
}
section.contact1 article .icon .bi {
  width: 60px;
  height: 60px;
  background-color: #00b2ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  margin: 0;
}
section.contact1 article h4 {
  font: 600 25px/35px var(--f1);
  text-transform: capitalize;
}
section.contact1 article p {
  margin: 0;
}
section.services1 article {
  background-color: #f7f8fa;
  padding: 30px;
  position: relative;
  border-radius: 16px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  margin: 0 0 24px;
}
section.services1 article .para-sec > div * {
  display: none;
}
section.services1 article .para-sec > div p:first-child {
  display: block;
}
section.services1 article .readmore {
  font-size: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: pointer;
}
section.services1 article .readmore .wp-block-button__link {
  background: none;
  font-size: 0;
}
section.services1 article .bgspan,
section.services1 article span {
  position: relative;
  background: #00b2ff;
  border-radius: 30px;
  display: inline-block;
  font: 600 14px/20px var(--f1);
  padding: 8px 25px 8px 45px;
  color: var(--c1);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 18px;
  padding: 6px 15px 6px 40px;
}
section.services1 article .bgspan::before,
section.services1 article span::before {
  content: "";
  position: absolute;
  background: url(assets/images/sparkles.svg) no-repeat;
  width: 20px;
  height: 20px;
  left: 15px;
}
section.services1 article .bgspan::before,
section.services1 article span::before {
  width: 18px;
  height: 18px;
  background-size: 18px;
}
section.services1 article h4 {
  font: 700 30px/40px var(--f1);
}
section.services1 article p {
  margin: 0;
}
section.services1 article .img-section {
  height: 100%;
}
section.services1 article .img-section > div, section.services1 article .img-section figure {
  height: 100%;
}
section.services1 article .img-section img {
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}
section.services1 article.bottom > div {
  display: flex;
  flex-direction: column;
}
section.services1 article.bottom.row-col .row {
  flex-direction: column;
}
section.services1 article.bottom.row-col .row > div {
  width: 100%;
}
section.services1 article.bottom .content-sec {
  margin: 30px 0 0;
}
section.services1 article.bottom.order .row > div:first-child {
  order: 2;
}
section.services1 article.bottom.order .content-sec {
  margin: 0 0 30px;
}
section.product1 .product-division article {
  padding: 30px;
  border-radius: 16px;
  min-height: 250px;
}
section.product1 .product-division article img {
  width: 100% !important;
  height: 275px;
  object-fit: cover;
  border-radius: 16px;
}
section.product1 .product-division article h4 {
  font: 700 30px/40px var(--f1);
}
section.product1 .product-division article.a1 {
  background-color: #fffadd;
}
section.product1 .product-division article.a2 {
  background-color: #ecedfe;
}
section.product1 .product-division article.a3 {
  background-color: #ceeef5;
}
section.product1 .product-division article.a4 {
  background-color: #ecf9f5;
}
section.product1 .product-division article.a5 {
  background-color: #ffe1f8;
}
section.product1 .product-division article p {
  margin: 0;
}
section.product1 .product-division article ul {
  margin: 15px 0 0;
}
section.product1 .product-division article ul li {
  position: relative;
  padding: 0 0 0 30px;
  font-weight: 500;
}
section.product1 .product-division article ul li::before {
  content: "\f4b6";
  font: 600 16px "bootstrap-icons";
  position: absolute;
  top: 3px;
  left: 0;
}
section.product1 .product-division article ul li + li {
  margin: 8px 0 0;
}
section.product1 .product-division .rightrow .a2, section.product1 .product-division .rightrow .a3 {
  margin: 0 0 24px;
}

footer {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, #060c25), url(assets/images/banner-line.png), linear-gradient(180deg, #060c25, rgba(0, 0, 0, 0.6)), linear-gradient(90deg, #0058ff, #00b2ff);
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-size: auto, 25px, auto, auto;
  position: relative;
  padding: 80px 0 0;
}
footer::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url(assets/images/abstract-bg.webp) 0 -160px/cover;
  background-size: 1600px;
  position: absolute;
  top: 0;
  left: 0;
}
footer .container {
  position: relative;
}
footer .footer-logo img {
  width: auto;
  height: 40px;
}
footer .footer-logo p {
  font: 400 14px/20px var(--f1);
  margin: 25px 0 0;
  max-width: 290px;
  color: var(--c2);
}
footer .footer-link h4 {
  font: 600 20px/25px var(--f1);
  margin: 0 0 20px;
  padding: 0 0 12px 0;
  position: relative;
  color: var(--c2);
}
footer .footer-link h4::before {
  content: "";
  width: 60px;
  height: 3px;
  background-color: var(--c3);
  position: absolute;
  bottom: 0;
  left: 0;
}
footer .footer-link ul .nav-item + .nav-item {
  margin: 15px 0 0;
}
footer .footer-link ul .nav-item .nav-link {
  font: 400 14px var(--f1);
  color: var(--c2);
  display: inline-block;
}
footer .footer-link ul .nav-item .nav-link:hover, footer .footer-link ul .nav-item .nav-link:focus, footer .footer-link ul .nav-item .nav-link:active {
  color: #00b2ff;
}
footer .footer-link.contact-info ul li:first-child {
  pointer-events: none;
}
footer .footer-link.contact-info ul li a {
  position: relative;
  padding-left: 25px;
}
footer .footer-link.contact-info ul li a::before {
  font: 300 16px "bootstrap-icons";
  position: absolute;
  top: 1px;
  left: 0;
}
footer .footer-link.contact-info ul li.address a::before {
  content: "\f3e8";
}
footer .footer-link.contact-info ul li.envelope a::before {
  content: "\f32f";
}
footer .footer-link.contact-info ul li.phone a::before {
  content: "\f5c1";
}
footer .footer-link.contact-info .social-info ul {
  justify-content: flex-start;
}
footer .footer-link.contact-info .social-info ul li {
  margin: 0;
}
footer .footer-link.contact-info .social-info ul li + li {
  margin: 0 0 0 20px;
}
footer .footer-link.contact-info .social-info ul li a::before {
  font-size: 20px;
}
footer .footer-link.contact-info .social-info ul li a:hover, footer .footer-link.contact-info .social-info ul li a:focus, footer .footer-link.contact-info .social-info ul li a:active {
  color: #87bbff !important;
}
footer .copyright {
  font: 400 14px/20px var(--f1);
  padding: 20px 0;
  text-align: center;
  margin: 60px 0 0;
  position: relative;
  color: var(--c2);
}
footer .copyright::before {
  content: "";
  width: 100%;
  height: 1px;
  display: block;
  background: linear-gradient(to left, rgba(255, 255, 255, 0.0392156863), rgba(255, 255, 255, 0.1529411765), rgba(255, 255, 255, 0.0392156863));
  position: absolute;
  top: 0;
  left: 0;
}

.social-info {
  margin: 30px 0 0;
}
.social-info ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.social-info ul li {
  margin: 0 20px 0 0;
}
.social-info ul li a {
  padding: 0;
  font-size: 0 !important;
  position: relative;
}
.social-info ul li a:hover {
  border-color: var(--c3) !important;
  background-color: var(--c3);
  color: var(--c2) !important;
}
.social-info ul li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  font: 300 20px "Bootstrap-icons";
}
.social-info ul li.facebook a::before {
  content: "\f344";
}
.social-info ul li.twitter a::before {
  content: "\f5ef";
}
.social-info ul li.instagram a::before {
  content: "\f437";
}
.social-info ul li.linkedin a::before {
  content: "\f472";
}

.custom-modal .modal-dialog {
  max-width: 850px;
}
.custom-modal .modal-dialog .modal-content .img-section img {
  max-width: 100%;
  border-radius: 16px;
}
.custom-modal .modal-dialog .modal-content .modal-header .modal-title {
  font: 700 25px/35px var(--f1);
}
.custom-modal .modal-dialog .modal-content .modal-header .btn-close {
  box-shadow: none;
  opacity: 1;
}
.custom-modal .modal-dialog .modal-content .modal-body article .headspan {
  position: relative;
  background: #00b2ff;
  border-radius: 30px;
  display: inline-block;
  font: 600 14px/20px var(--f1);
  padding: 8px 25px 8px 45px;
  color: var(--c1);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 18px;
  padding: 6px 15px 6px 40px;
}
.custom-modal .modal-dialog .modal-content .modal-body article .headspan::before {
  content: "";
  position: absolute;
  background: url(assets/images/sparkles.svg) no-repeat;
  width: 20px;
  height: 20px;
  left: 15px;
}
.custom-modal .modal-dialog .modal-content .modal-body article .modal-text p {
  font: 400 16px/25px var(--f1);
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  section.about1 article .content-sec h4 {
    font-size: 30px;
    line-height: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  section.dp h3 {
    font-size: 45px;
    line-height: 55px;
  }
  section.dp .tab-section .tab-content {
    padding: 20px;
  }
  section.dp .tab-section .tab-content .tab-pane .row > div {
    width: 100%;
  }
  section.dp .tab-section .tab-content .content-sec {
    padding: 30px 0 0;
  }
  section.about1 article .content-sec {
    padding: 15px;
  }
  section.about1 article .content-sec h4 {
    font-size: 25px;
    line-height: 35px;
  }
  section.services1 .container > .row > div {
    width: 50%;
  }
  section.services1 article .img-section {
    height: auto;
  }
  section.services1 article.between .img-section {
    margin: 15px 0 0;
  }
  section.services1 article.between1 .img-section {
    margin: 0 0 15px;
  }
  section.services1 article .row > div {
    width: 100%;
  }
  section.contact1 article {
    display: block;
  }
}
@media screen and (max-width: 991px) {
  header {
    top: 0;
  }
  header .navbar .site-logo img {
    max-height: 30px;
  }
  header .navbar .navbar-brand {
    margin: -10px 0 0;
  }
  header .navbar .container {
    border-radius: 0;
    max-width: 100%;
  }
  header .navbar .contact-menu {
    display: none;
  }
  header .navbar .navbar-collapse .navbar-nav {
    align-items: flex-start;
    gap: initial;
    margin: 25px 0 0;
  }
  header .navbar .navbar-collapse .navbar-nav .nav-item + .nav-item {
    margin: 8px 0 0;
  }
  section.banner {
    height: auto;
  }
  section.banner .banner-caption {
    padding: 60px 0;
  }
  section.banner .banner-caption h1 {
    font-size: 50px;
    line-height: 60px;
  }
  section.banner .banner-caption h1 span {
    min-height: 65px;
  }
  section.services .service-parent .service-list {
    padding: 40px;
  }
  section.services .service-parent .service-list h4 {
    font-size: 30px;
    line-height: 40px;
  }
  section.services .service-parent .service-list span {
    letter-spacing: 0;
  }
  section.products h3 {
    font-size: 40px;
    line-height: 50px;
  }
  section.membership .row > div {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  section.banner {
    height: auto;
  }
  section.banner .container {
    height: auto;
  }
  section.banner .banner-caption {
    padding: 60px 0;
  }
  section.banner .banner-caption h1 {
    font-size: 50px;
    line-height: 65px;
  }
  section.banner .banner-caption h1 span {
    font-size: 25px;
    min-height: 65px;
  }
  section.banner.inner-banner {
    min-height: auto;
  }
  section.banner.inner-banner .banner-caption {
    padding-top: 60px;
  }
  section.dp {
    padding: 60px 0;
  }
  section.dp h3 {
    font-size: 30px;
    line-height: 40px;
  }
  section.dp .tab-section .nav {
    gap: 10px;
    margin: 0 0 20px;
  }
  section.dp .tab-section .nav .nav-item .nav-link {
    padding: 15px;
    font-size: 12px;
    line-height: 16px;
  }
  section.dp .tab-section .tab-content {
    padding: 15px;
  }
  section.dp .tab-section .tab-content .img-section {
    margin: 0 0 15px;
  }
  section.dp .tab-section .tab-content .content-sec {
    padding: 0;
  }
  section.dp .tab-section .tab-content .content-sec h3 {
    font-size: 35px;
    line-height: 45px;
  }
  section.about .img-section .img-caption {
    left: 30px;
  }
  section.services .service-imgs {
    display: none;
  }
  section.services .service-parent .service-list {
    padding: 30px;
    top: 100px;
  }
  section.services .service-parent .service-list h4 {
    font-size: 30px;
    line-height: 40px;
  }
  section.services .service-parent .service-list span {
    letter-spacing: 0;
  }
  section.products {
    padding: 0;
  }
  section.products .container {
    padding: 30px;
    border-radius: 0;
  }
  section.membership .img-group .img-sec {
    min-height: auto;
  }
  section.about1 article {
    margin: 0 0 15px;
    height: auto;
  }
  section.about3 article {
    height: auto;
    margin: 0 0 20px;
  }
  section.services1 article {
    padding: 15px;
    margin: 0 0 20px;
  }
  section.services1 article .img-section {
    height: auto;
  }
  section.services1 article.between .img-section {
    margin: 15px 0;
  }
  section.services1 article.between1 .img-section {
    margin: 0 0 15px;
  }
  section.contact1 article {
    height: auto;
    margin: 0 0 15px;
  }
  section.product1 .product-division article img {
    margin: 20px 0 0;
  }
  section.product1 .product-division article.a4 {
    margin: 0 0 20px;
  }
  footer {
    padding: 60px 0 0;
  }
  footer .footer-logo, footer .footer-link {
    margin: 0 0 30px;
  }
  footer .copyright span {
    display: block;
  }
  footer .row > div {
    width: 50%;
  }
  footer .row > div:first-child {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .custom-modal .modal-dialog {
    max-width: 850px;
  }
  .custom-modal .modal-dialog .modal-content .modal-body article {
    margin: 20px 0 0;
  }
}
@media screen and (max-height: 600px) {
  section.banner {
    height: auto;
  }
}

/*# sourceMappingURL=style.css.map */