@charset "UTF-8";
/*
--------------------------
	Css Indexing
--------------------------
	Table of Css Content
	------- *** -------

--------------------------
** @typography
--------------------------
** Global style
--------------------------
** Preloader
--------------------------
** breadcrumb-area
--------------------------
** Normalize
--------------------------
** Main Menu Area Start
--------------------------
** Hero Area Start
--------------------------
** About Area Start
--------------------------
** We are best Area Start
--------------------------
** Feature Area Start
--------------------------
** Video Area Start
--------------------------
** Deal Of the Week Start
--------------------------
** Pricing Area Start
--------------------------
** Testimonial Area Start
--------------------------
** FAQ Area Start
--------------------------
** Contact Area Start
--------------------------
** Footer Area Start
--------------------------
** Index-2 Area Start
--------------------------




*/
/*-----------------
    @Typography
-----------------*/
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Poppins:400,500,600,700");
/*---------------------------
** Global style
---------------------------*/

.mybtn2 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  width: 160px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  color: #fff;
  border: 0px;
  cursor: pointer;
  background: rgba(212, 63, 141, 0.2);
  color: #000;
  transition: 0.3s;
  overflow: hidden;
  position: relative;
  z-index: 9;
}
.mybtn2::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 490%;
  width: 180%;
  background: #0250c5;
  transform: translateX(-120%) translateY(-25%) rotate(45deg);
  transition-duration: 0.3s;
  transition-timing-function: linear;
  transition-delay: 0.2s;
}
.mybtn2::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 490%;
  width: 180%;
  background: #d43f8d;
  transform: translateX(-140%) translateY(-25%) rotate(45deg);
  transition-duration: 0.3s;
  transition-timing-function: linear;
  transition-delay: 0s;
  z-index: 2;
}
.mybtn2:hover span {
  color: #fff !important;
}
.mybtn2:hover::after {
  transform: translateX(-41%) translateY(-25%) rotate(45deg);
  transition-duration: 0.3s;
  transition-timing-function: linear;
  transition-delay: 0s;
}
.mybtn2:hover::before {
  transform: translateX(-50%) translateY(-25%) rotate(45deg);
  transition-duration: 0.3s;
  transition-timing-function: linear;
  transition-delay: 0.2s;
}
.mybtn2 span {
  position: inherit;
  z-index: 9;
}

.mybtn3 {
  padding: 10px 30px;
  background: #fff;
  border-radius: 4px;
  font-size: 16px;
  display: inline-block;
  border: 1px solid transparent;
  position: relative;
  text-transform: uppercase;
  z-index: 3;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.4s;
  cursor: pointer;
  outline: none !important;
  overflow: hidden;
}

.mybtn3 span {
  position: relative;
  font-weight: 500;
  z-index: 6;
  transition-delay: 0s;
}

.mybtn3:before,
.mybtn3:after {
  content: "";
  width: 0;
  height: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  transition: width 0.4s;
  z-index: 1;
  opacity: 0.4;
}

.mybtn3:after {
  transition-delay: 0s;
  background: #fff;
  opacity: 1;
}

.mybtn3:hover:before,
.mybtn3:hover:after {
  width: 100%;
}

.mybtn3:hover:after {
  transition-delay: 0.2s;
}

.mybtn3:hover span {
  transition-delay: 0.2s;
}

.mybtn-bg {
  background: #EA384D;
  border-color: #EA384D;
  color: #fff;
}

.mybtn-bg span {
  color: #fff;
}

.mybtn-bg:hover span {
  color: #EA384D;
}

.mybtn-light {
  background: #fff;
}

.mybtn-light:before,
.mybtn-light:after {
  background: #EA384D;
}

.mybtn-light:hover span {
  color: #fff !important;
}

.mybtn-light span {
  color: #EA384D;
}

@keyframes shapeani1 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes shapeani2 {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes shapeani3 {
  0% {
    transform: translateY(15px);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(15px);
  }
}
@keyframes b-shadow {
  0% {
    box-shadow: 0px 0px 0px 20px rgba(59, 38, 219, 0.1), 0px 0px 0px 40px rgba(59, 38, 219, 0.1), 0px 0px 0px 60px rgba(59, 38, 219, 0.1), 0px 0px 0px 80px rgba(59, 38, 219, 0.1), 0px 0px 0px 100px rgba(59, 38, 219, 0.1);
  }
  50% {
    box-shadow: 0px 0px 0px 50px rgba(59, 38, 219, 0.1), 0px 0px 0px 75px rgba(59, 38, 219, 0.1), 0px 0px 0px 100px rgba(59, 38, 219, 0.1), 0px 0px 0px 125px rgba(59, 38, 219, 0.1), 0px 0px 0px 150px rgba(59, 38, 219, 0.1);
  }
  100% {
    box-shadow: 0px 0px 0px 20px rgba(59, 38, 219, 0.1), 0px 0px 0px 40px rgba(59, 38, 219, 0.1), 0px 0px 0px 60px rgba(59, 38, 219, 0.1), 0px 0px 0px 80px rgba(59, 38, 219, 0.1), 0px 0px 0px 100px rgba(59, 38, 219, 0.1);
  }
}
.owl-carousel .owl-item img {
  width: auto;
  display: inline-block;
}

.mix {
  display: none;
}

.remove-col-padding {
  padding: 0;
}

.navbar-light .navbar-toggler {
  border: 0px;
}
.navbar-light .navbar-toggler:focus {
  outline: 0px;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 0.4rem;
  padding-left: 0.4rem;
}

.bottomtotop i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: fixed;
  font-size: 14px;
  text-align: center;
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  transform: rotate(-90deg);
  bottom: 15px;
  right: 15px;
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2);
  z-index: 999;
  transition: all linear 0.3s;
}

.br-10 {
  border-radius: 10px;
}

.section-title {
  text-align: center;
  margin-bottom: 56px;
}
.section-title.extra .title {
  margin-bottom: 24px;
}
.section-title.white .subtitle {
  color: #fff;
}
.section-title.white .title {
  color: #fff;
}
.section-title.white p {
  color: rgba(255, 255, 255, 0.7);
}
.section-title .title {
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 13px;
  color: #242424;
  font-weight: 700;
  text-transform: capitalize;
}
.section-title .title span {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section-title p {
  max-width: 650px;
  font-size: 16px;
  line-height: 26px;
  color: #555;
  margin: 0 auto;
}
.section-title.darkbg .title {
  color: #fff;
}
.section-title.darkbg .title span {
  color: #fff;
}
.section-title.darkbg p {
  color: rgba(255, 255, 255, 0.95);
}

.background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #F7F8FC;
  z-index: -9999;
}

.input-field {
  width: 100%;
  height: 50px;
  padding: 0 20px;
  border-radius: 3px;
  color: #555;
  margin-bottom: 20px;
}
.input-field::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #555;
}
.input-field:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #555;
}
.input-field::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #555;
}
.input-field:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #555;
}
.input-field.borderd {
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.input-field.borderd:focus {
  border: 1px solid #d43f8d;
}
.input-field.textarea {
  min-height: 140px;
  padding: 15px 20px;
  resize: none;
}
.input-field.error {
  border: 1px solid #0250c5;
}
.input-field.error::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #0250c5;
}
.input-field.error:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #0250c5;
}
.input-field.error::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #0250c5;
}
.input-field.error:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #0250c5;
}
.input-field.error:focus {
  border-color: #0250c5;
}

.video-play-btn {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 72px;
  text-align: center;
  font-size: 26px;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.video-play-btn:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
  z-index: -1;
}
.video-play-btn i {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-name: text-color;
  animation-direction: alternate;
  animation-timing-function: ease-out;
  position: inherit;
  z-index: 9;
}

.feature-circle-inner {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
}
.feature-circle-inner:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
  z-index: -9;
}
.feature-circle-inner i {
  font-size: 12px;
  font-weight: 900;
  color: #0250c5;
}

.discount-circle-inner {
  display: inline-block;
  width: 100px;
  height: 100px;
  text-align: center;
  background-color: #d43f8d;
  border-radius: 50%;
  position: relative;
}
.discount-circle-inner:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 50%;
  border: 3px dashed #fff;
  animation: shapeani2 12s linear infinite;
}
.discount-circle-inner:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 120px;
  height: 120px;
  background: white;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
  z-index: -1;
}

.email-success {
  display: block;
  width: 100%;
}
.email-error {
  display: block;
  width: 100%;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.3);
    opacity: 0;
  }
}
/*-------------------------
    Preloader Css
---------------------------*/
.preloader-inner {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  justify-content: center;
}
.preloader-inner .cancel-preloader {
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.preloader-inner .cancel-preloader a {
  background-color: #fff;
  font-weight: 600;
  text-transform: capitalize;
  color: #0250c5;
  width: 200px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 30px;
  display: block;
  transition: all 0.3s ease-in;
}
.preloader-inner .cancel-preloader a:hover {
  background-color: #00aeff;
  color: #fff;
}

.cube-folding {
  width: 50px;
  height: 50px;
  display: inline-block;
  transform: rotate(45deg);
  font-size: 0;
}

.cube-folding span {
  position: relative;
  width: 25px;
  height: 25px;
  transform: scale(1.1);
  display: inline-block;
}

.cube-folding span::before {
  content: "";
  background-color: white;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 25px;
  height: 25px;
  transform-origin: 100% 100%;
  animation: folding 2.5s infinite linear both;
}

.cube-folding .leaf2 {
  transform: rotateZ(90deg) scale(1.1);
}

.cube-folding .leaf2::before {
  animation-delay: 0.3s;
  background-color: #f2f2f2;
}

.cube-folding .leaf3 {
  transform: rotateZ(270deg) scale(1.1);
}

.cube-folding .leaf3::before {
  animation-delay: 0.9s;
  background-color: #f2f2f2;
}

.cube-folding .leaf4 {
  transform: rotateZ(180deg) scale(1.1);
}

.cube-folding .leaf4::before {
  animation-delay: 0.6s;
  background-color: #e6e6e6;
}
@keyframes folding {
  0%, 10% {
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%, 75% {
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%, 100% {
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}
.cube-wrapper {
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -50px;
  margin-left: -50px;
  width: 100px;
  height: 100px;
  text-align: center;
}

.cube-wrapper:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  margin: auto;
  width: 90px;
  height: 6px;
  background-color: rgba(0, 0, 0, 0.1);
  filter: blur(2px);
  border-radius: 100%;
  z-index: 1;
  animation: shadow 0.5s ease infinite alternate;
}

.cube-wrapper .loading {
  font-size: 16px;
  letter-spacing: 0.1em;
  display: block;
  color: white;
  position: relative;
  top: 25px;
  z-index: 2;
  animation: text 0.5s ease infinite alternate;
  text-transform: uppercase;
}
@keyframes text {
  100% {
    top: 35px;
  }
}
@keyframes shadow {
  100% {
    bottom: -18px;
    width: 100px;
  }
}
.navigation.innerpage {
  background: #fff;
  border-bottom: 0px;
}

/* Breadcrumb Area Start */
.breadcrumb-area {
  padding: 127px 0px 67px;
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
}
.breadcrumb-area .title {
  font-size: 40px;
  line-height: 50px;
  font-weight: 600;
  margin-bottom: 11px;
  color: #fff;
}
.breadcrumb-area .title.extra-padding {
  margin-bottom: 24px;
}
.breadcrumb-area .breadcrumb-list {
  margin: 0px;
  padding: 0px;
}
.breadcrumb-area .breadcrumb-list li {
  display: inline-block;
}
.breadcrumb-area .breadcrumb-list li span {
  margin: 0px 7px;
  color: #fff;
}
.breadcrumb-area .breadcrumb-list li a {
  font-size: 16px;
  transition: all 0.3s ease-in;
  color: #fff;
}
.breadcrumb-area .breadcrumb-list li a:hover {
  color: #f1f1f1;
}
.breadcrumb-area .breadcrumb-list li a.active {
  color: #f1f1f1;
}

.curve {
  position: absolute;
  z-index: 7;
}
.curve.curve-bottom {
  left: 0;
  bottom: -1px;
  width: 100%;
}
.curve.curve-bottom:after, .curve.curve-bottom:before {
  bottom: 0;
}
.curve.curve-top {
  left: 0;
  top: -1px;
  width: 100%;
}
.curve.curve-top:after, .curve.curve-top:before {
  top: 0;
  border-top: 80px solid #fff;
  border-bottom: 0;
}
.curve.curve-top:after {
  border-left: 70vw solid transparent;
}
.curve.curve-top:before {
  border-right: 30vw solid transparent;
}
.curve:after, .curve:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 80px solid #fff;
  position: absolute;
}
.curve:after {
  right: 0;
  border-left: 30vw solid transparent;
}
.curve:before {
  left: 0;
  border-right: 70vw solid transparent;
}

.google_map_wrapper {
  border: 10px solid #fff;
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
}

/*====================
** Normalize
====================*/
html {
  font-family: "Roboto", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
}

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  margin: 0;
  color: #555;
  overflow-x: hidden;
}

h1 {
  font-size: 60px;
  line-height: 1.0833333333;
}

h2 {
  font-size: 52px;
  line-height: 1.4444444444;
}

h3 {
  font-size: 26px;
  line-height: 1.0833333333;
}

h4 {
  font-size: 22px;
  line-height: 1.2380952381;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #242424;
  font-family: "Poppins", sans-serif;
}

p {
  font-size: 16px;
  color: #555;
  line-height: 1.625;
  -webkit-hyphens: auto;
  hyphens: none;
  text-align: justify;
}

h2.h4 p {
  font-size: 20px !important;
}

h3.h5 p {
  font-size: 18px !important;
}

a {
  color: #242424;
  text-decoration: none;
}

a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}

a i {
  padding: 0 2px;
}

img {
  max-width: 100%;
}

li {
  list-style: none;
}

ul {
  padding-left: 0px;
}

/*input and button type focus outline disable*/
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=number]:focus,
textarea:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus,
select:focus {
  outline: none;
  box-shadow: none;
  border: 1px solid #ddd;
}

/**
 * 5.0 - Alignments
 */
.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 1.75em;
}

/*---------------------------
** Main Menu  Area Start
---------------------------*/
.navigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.navigation.stiky-nav {
  background: #fff;
  border-bottom: 0px;
  border-bottom: 0px;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}
.navigation.stiky-nav .navbar .navbar-brand img {
  filter: unset;
}
.navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link {
  color: #242424;
}
.navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
}
.navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before, .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
}
.navigation .navbar {
  padding: 0px 0px 0px;
}
.navigation .navbar .navbar-brand {
  font-size: 30px;
  line-height: 50px;
  font-weight: 700;
  padding: 0px;
  margin-top: -2px;
  text-transform: uppercase;
  color: #242424;
}
.navigation .navbar .navbar-brand img {
  max-width: 170px;
  filter: brightness(0) invert(1);
}
.navigation .navbar #mainmenu ul .nav-item .nav-link {
  color: #fff;
  position: relative;
  padding: 25px 10px 25px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}
.navigation .navbar #mainmenu ul .nav-item .nav-link::before {
  position: absolute;
  content: " ";
  width: 3px;
  height: 3px;
  left: 50%;
  border-radius: 50px;
  bottom: 0;
  opacity: 0;
  transform: translateX(-50%);
  background: #fff;
  transition: 0.5s;
}
.navigation .navbar #mainmenu ul .nav-item .nav-link:hover::before, .navigation .navbar #mainmenu ul .nav-item .nav-link.active::before {
  position: absolute;
  content: " ";
  width: 70%;
  height: 3px;
  left: 50%;
  transform: translate(-50%);
  bottom: 0px;
  opacity: 1;
  background: #fff;
}
.navigation .navbar #mainmenu ul .nav-item.dropdown:hover .dropdown-menu {
  display: block;
  padding: 0px;
  margin-top: 0px;
  border: 0px;
  border-radius: 0px;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.06);
}
.navigation .navbar #mainmenu ul .nav-item.dropdown:hover .dropdown-menu .dropdown-item {
  background: #fff;
  color: #242424;
  padding: 8px 15px;
  font-size: 15px;
  line-height: 25px;
  font-weight: 600;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease-in;
}

.navigation .navbar #mainmenu ul .nav-item.dropdown:hover .dropdown-menu .dropdown-item.active {
  color: #242424;
}
.navigation .navbar #mainmenu ul .nav-item.dropdown:hover .dropdown-menu .dropdown-item i {
  font-size: 13px;
  margin-right: 4px;
}
.navigation .navbar #mainmenu ul .nav-item.dropdown:hover .dropdown-menu .dropdown-item:hover {
  background: #858583;
  color: #fff;
  opacity: .8;
}
.navigation .navbar #mainmenu ul .nav-item.dropdown:hover .dropdown-menu .dropdown-item:last-child {
  border-bottom: 0px;
}

/*---------------------------
** Main Menu Area End
---------------------------*/
/*-----------------------------
** Hero Area Start
------------------------------*/
.hero-area {
  position: relative;
  padding: 365px 0px 291px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.hero-area.lazy-loaded-bg {
  background-image: url(../images/banners/lnq-index-hero-bg.png);
}

.hero-area .bgimg {
  position: absolute;
  bottom: 0%;
  width: auto;
}
.hero-area .left-content .content .title {
  font-size: 56px;
  line-height: 66px;
  color: #fff;
  font-weight: 700;
}
.hero-area .left-content .content .subtitle {
  font-size: 18px;
  line-height: 28px;
  color: #ffff;
  margin-top: 26px;
}
.hero-area .left-content .content .links {
  margin-top: 42px;
  padding-right: 15px;
}
.hero-area .left-content .content .links a {
  margin-left: 0px;
}
.hero-area .right-img {
  text-align: center;
  position: relative;
}
.hero-area .right-img .discount-circle {
  position: absolute;
  left: 80px;
  top: -30px;
  z-index: 96;
}
.hero-area .right-img .discount-circle .discount-circle-inner {
  text-align: center;
}
.hero-area .right-img .discount-circle .discount-circle-inner .price {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 28px;
  font-weight: 600;
  color: #fff;
  line-height: 30px;
  text-align: center;
}
.hero-area .right-img .discount-circle .discount-circle-inner .price span {
  display: block;
  margin-top: 0px;
  font-size: 20px;
  line-height: 20px;
}
.hero-area .right-img .img {
  position: absolute;
  top: -95px;
  left: 70px;
  max-width: 480px;
  width: auto;
  animation: shapeani3 5s linear infinite;
}

/*---------------------------
** About Area Start
---------------------------*/
.about {
  padding: 110px 0px 120px;
  position: relative;
}
.about .left-shape2 {
  position: absolute;
  bottom: 0px;
  left: -20px;
  top: 200px;
  z-index: -9;
}
.about .box {
  text-align: center;
  background: #F7F9FF;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease-in;
}
.about .box::after {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 0px;
  height: 4px;
  width: 0%;
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  transition: all 0.3s ease-in;
}
.about .box .inner-box {
  width: 100%;
  position: relative;
  z-index: 99;
  padding: 27px 25px 35px;
  transition: 0.3s ease-in;
}
.about .box .inner-box .icon {
  font-size: 55px;
}
.about .box .inner-box .icon i {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: all 0.3s ease-in;
}
.about .box .inner-box .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  color: #242424;
  margin: 9px 0px 22px;
  transition: all 0.3s ease-in;
}
.about .box .inner-box .text {
  margin-bottom: 0px;
  transition: all 0.3s ease-in;
}
.about .box:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0px 20px 20px 2px rgba(0, 0, 0, 0.1);
}
.about .box:hover::after {
  width: 100%;
}

/*---------------------------
** We are best Area Start
---------------------------*/
.whaybest {
  position: relative;
  padding: 110px 0px 83px;
}
.whaybest .row-one {
  margin-bottom: 55px;
}
.whaybest .info .info-title {
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  color: #242424;
  margin-bottom: 23px;
  display: block;
}
.whaybest .info .info-title span {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.whaybest .about-img {
  text-align: center;
  padding: 0px 30px;
  align-self: center;
}
.whaybest .about-img img {
  animation: shapeani3 5s linear infinite;
}
.whaybest .feature-list {
  padding-left: 0px;
  margin-top: 59px;
  display: flex;
  flex-wrap: wrap;
}
.whaybest .feature-list li {
  max-width: 50%;
  flex: 50%;
  padding-left: 15px;
  padding-right: 15px;
  list-style: none;
  cursor: pointer;
  margin-bottom: 8px;
}
.whaybest .feature-list li:last-child {
  margin-bottom: 0px;
}
.whaybest .feature-list li .icon {
  margin-bottom: 14px;
}
.whaybest .feature-list li .icon i {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 55px;
  line-height: 65px;
}
.whaybest .feature-list li .content {
  flex: 1;
}
.whaybest .feature-list li .content h4 {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  margin-bottom: 5px;
}
.whaybest .feature-list li .content p {
  font-size: 16px;
  line-height: 26px;
}
.whaybest .feature-list li:hover .icon::after {
  border-color: #d43f8d;
  animation: shapeani2 10s linear infinite;
}

/*---------------------------
** Feature Area Start
---------------------------*/
.feature {
  padding: 110px 0px 95px;
  position: relative;
}
.feature .section-title {
  margin-bottom: 47px;
}
.feature .left-feature .feature-box .icon {
  margin-left: 20px;
}
.feature .left-feature .feature-box .details {
  text-align: right;
}
.feature .right-feature .center-feature {
  text-align: center;
  justify-content: center;
}
.feature .right-feature .feature-box .icon {
  margin-right: 20px;
}
.feature .right-feature .feature-box .details {
  text-align: left;
}
.feature .feature-box {
  margin-bottom: 30px;
  display: flex;
  transition: all 0.3s ease-in;
  position: relative;
}
.feature .feature-box .icon-area {
  display: flex;
}
.feature .feature-box .icon-area .icon {
  align-self: center;
}
.feature .feature-box .icon {
  width: 70px;
  height: 70px;
  margin-right: 20px;
  text-align: center;
  line-height: 70px;
  font-size: 55px;
  border-radius: 50%;
  position: relative;
}
.feature .feature-box .icon i {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: none;
}
.feature .feature-box:hover .icon i {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: block;
}
.feature .feature-box .details {
  flex: 1;
}
.feature .feature-box .details .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  color: #242424;
  margin: 26px 0px 19px;
}
.feature .feature-box .details .text {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 8px;
}
.feature .feature-box .feature-circle {
  opacity: 0;
  transition: all 0.3s ease-in;
  z-index: 95;
  display: none;
}
.feature .feature-box:hover .feature-circle {
  opacity: 1;
}
.feature .feature-box1 .feature-circle {
  position: absolute;
  right: -90px;
  top: 170px;
}
.feature .feature-box2 .feature-circle {
  position: absolute;
  right: -90px;
  top: 80px;
}
.feature .feature-box3 .feature-circle {
  position: absolute;
  right: -90px;
  top: -5px;
}
.feature .feature-box4 .feature-circle {
  position: absolute;
  left: -120px;
  right: auto;
  top: 110px;
}
.feature .feature-box5 .feature-circle {
  position: absolute;
  left: -100px;
  top: 80px;
}
.feature .feature-box6 .feature-circle {
  position: absolute;
  left: -130px;
  top: 50px;
}
.feature .container ul li p i {
  color: #1a3a65;
}
/*---------------------------
** Video Area Start
---------------------------*/
.video {
  padding: 110px 0px 90px;
  background: #F7F9FF;
  position: relative;
}
.video .right-shape2 {
  position: absolute;
  right: 0px;
  top: 0px;
}
.video .section-title .title {
  margin-bottom: 24px;
}
.video .video-wrapper {
  position: relative;
}
.video .video-wrapper .video-box {
  position: relative;
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  padding: 243px 0px;
  z-index: 99;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.video .video-wrapper .video-box::after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 100%;
  background-color: #f9f9f9;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  left: 0;
  z-index: -1;
}

.video .video-wrapper .video-box.lazy-loaded-bg::after {
  background-image: url(../images/lnq-growth.png);
}

.video .video-wrapper .video-box .overly {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  opacity: 0.5;
}
.video .video-wrapper .video-box .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.video .fun-box .inner-content {
  padding: 40px 20px 30px;
  background: #fff;
  position: relative;
  margin-bottom: 30px;
  text-align: center;
  border-radius: 3px;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.06);
}
.video .fun-box .inner-content .icon {
  font-size: 45px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  line-height: 80px;
  display: inline-block;
  position: relative;
}
.video .fun-box .inner-content .icon::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px dashed #ffff;
  animation: shapeani2 10s linear infinite;
}
.video .fun-box .inner-content .categori {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-top: 25px;
}
.video .fun-box .inner-content1 {
  background: #858583;
}
.video .fun-box .inner-content1 .icon i {
  color: #fff;
}
.video .fun-box .inner-content1 .icon text {
  color: #fff;
}
.video .fun-box .inner-content1 .categori {
  color: #fff;
}
.video .fun-box .inner-content2 .icon text {
  color: #1a3a65;
}
.video .fun-box .inner-content3 .icon text {
  color: #1a3a65;
}
.video .fun-box .inner-content4 {
  background: #858583;
}
.video .fun-box .inner-content4 .icon i {
  color: #fff;
}
.video .fun-box .inner-content4 .icon text {
  color: #fff;
}
.video .fun-box .inner-content4 .categori {
  color: #fff;
}
.video .fun-box .inner-content2 {
  margin-top: 30px;
}
.video .fun-box .inner-content2 .icon i {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.video .fun-box .inner-content2 .icon::after {
  border: 1px dashed #1a3a65 ;
}
.video .fun-box .inner-content3 {
  margin-top: -30px;
}
.video .fun-box .inner-content3 .icon i {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.video .fun-box .inner-content3 .icon::after {
  border: 1px dashed #1a3a65 ;
}
.video .logo {
  text-align: center;
  margin-bottom: 24px;
}
.video .logo img {
  max-width: 300px;
  filter: brightness(0) invert(1);
}


/*---------------------------
** Deal Of the Week Start
---------------------------*/
.dealofweek {
  padding: 110px 0px 120px;
  background: #F7F9FF;
  position: relative;
}
.dealofweek .deal-slider-area {
  background: #fff;
  border-radius: 3px;
  padding: 40px 40px 40px;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.06);
}
.dealofweek .deal-slider-area .content .left-area {
  text-align: center;
  padding: 0px 50px;
}
.dealofweek .deal-slider-area .content .right-area {
  align-self: center;
}
.dealofweek .deal-slider-area .content .right-area .stars {
  padding-left: 0px;
  margin-bottom: 5px;
}
.dealofweek .deal-slider-area .content .right-area .stars li {
  display: inline-block;
  font-size: 14px;
  color: #f9bd22;
}
.dealofweek .deal-slider-area .content .right-area .name {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 9px;
  font-weight: 600;
}
.dealofweek .deal-slider-area .content .right-area .description {
  margin-bottom: 16px;
}
.dealofweek .deal-slider-area .content .right-area .price {
  margin-top: 25px;
}
.dealofweek .deal-slider-area .content .right-area .price p span {
  font-size: 30px;
  line-height: 30px;
  font-weight: 900;
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0px;
}
.dealofweek .deal-slider-area .content .right-area .price del {
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  margin-left: 10px;
  color: #555;
}
.dealofweek .deal-slider-area .content .right-area .links {
  display: inline-block;
  margin-top: 30px;
}
.dealofweek .deal-slider-area .content .right-area .links .mybtn1 {
  background: rgba(212, 63, 141, 0.2);
  color: #000;
  transition: all 0.3s linear;
}
.dealofweek .deal-slider-area .content .right-area .links .mybtn1:hover {
  color: #fff;
}
.dealofweek .deal-slider-area .content .right-area .deal-counter {
  margin-top: 10px;
}
.dealofweek .deal-slider-area .content .right-area .deal-counter span {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
  padding: 8px 20px;
  border-radius: 3px;
  display: inline-block;
  margin-right: 10px;
  font-weight: 700;
  font-size: 24px;
  line-height: 24px;
  color: #242424;
}
.dealofweek .deal-slider-area .content .right-area .deal-counter span:last-child {
  margin-right: 0px;
}
.dealofweek .deal-slider-area .content .right-area .deal-counter span small {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #555;
}

/*-----------------------------
** Pricing Area Start
------------------------------*/
.pricing {
  padding: 110px 0px 120px;
  position: relative;
}
.pricing .product-slider .item {
    background: #fff;
    border-radius: 25px;
    height: 440px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .08);
}
.pricing .product-slider .item .single-product {
  text-align: center;
}
.pricing .product-slider .item .single-product .img {
  text-align: center;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pricing .product-slider .item .single-product .img .links {
  display: inline-block;
  position: absolute;
  top: 101%;
  left: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease-in;
  opacity: 0;
}
.pricing .product-slider .item .single-product .img .links .mybtn1 {
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s linear;
}
.pricing .product-slider .item .single-product .img .links .mybtn1:hover {
  color: #fff;
}
.pricing .product-slider .item .single-product .content {
  padding: 25px 27px;
}
.pricing .product-slider .item .single-product .content .stars {
  padding-left: 0px;
  margin-bottom: 10px;
}
.pricing .product-slider .item .single-product .content .stars li {
  display: inline-block;
  font-size: 14px;
  color: #56eb00;
}
.pricing .product-slider .item .single-product .content .title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 0px;
}
.pricing .product-slider .item .single-product .content .price {
  margin-bottom: 0px;
}
.pricing .product-slider .item .single-product .content .price .new-price {
  display: inline-block;
  font-size: 26px;
  line-height: 36px;
  font-weight: 700;
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 7px;
  letter-spacing: -1px;
  margin-bottom: 5px;
}
.pricing .product-slider .item .single-product .content .price small {
  font-size: 18px;
  font-weight: 700;
  color: #888;
  display: inline-block;
}
.pricing .product-slider .item .single-product:hover .img .links {
  top: 0px;
  opacity: 1;
}
.pricing .product-slider .owl-controls {
  display: block;
  text-align: center;
  margin-top: 40px;
}
.pricing .product-slider .owl-controls .owl-nav {
  display: inline-block;
}
.pricing .product-slider .owl-controls .owl-nav div {
  width: 40px;
  height: 40px;
  display: inline-block;
  line-height: 41px;
  text-align: center;
  margin: 0px 5px;
  border-radius: 50%;
  font-size: 22px;
  transition: all 0.3s ease-in;
  background: rgba(2, 80, 197, 0.05);
  color: #242424;
}
.pricing .product-slider .owl-controls .owl-nav div:hover {
  background: #0250c5;
  color: #fff;
}

/*-----------------------------
** Pricing Area Start
------------------------------*/
/*---------------------------
** Testimonial Area Start
---------------------------*/
.testimonial-area {
  padding: 110px 0px 120px;
  position: relative;
  background: #F7F9FF;
}
.testimonial-area .section-title {
  margin-bottom: 0px;
}
.testimonial-area .testimonial-img {
  position: relative;
}
.testimonial-area .testimonial-img img {
  position: absolute;
  border-radius: 50%;
  border: 4px solid #fff;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
}
.testimonial-area .testimonial-img .img1 {
  width: 60px;
  height: 60px;
  top: 67px;
  left: -110px;
  animation: shapeani1 3.1s linear infinite;
}
.testimonial-area .testimonial-img .img2 {
  width: 75px;
  height: 75px;
  top: 160px;
  left: -200px;
  animation: shapeani1 3.5s linear infinite;
}
.testimonial-area .testimonial-img .img3 {
  width: 60px;
  height: 60px;
  top: 270px;
  left: -110px;
  animation: shapeani1 3.2s linear infinite;
}
.testimonial-area .testimonial-img .img4 {
  width: 60px;
  height: 60px;
  top: 67px;
  right: -110px;
  animation: shapeani1 3.2s linear infinite;
}
.testimonial-area .testimonial-img .img5 {
  width: 75px;
  height: 75px;
  top: 160px;
  right: -200px;
  animation: shapeani1 3.5s linear infinite;
}
.testimonial-area .testimonial-img .img6 {
  width: 60px;
  height: 60px;
  top: 270px;
  right: -110px;
  animation: shapeani1 3.1s linear infinite;
}
.testimonial-area .testimonial-slider .owl-stage-outer {
  overflow: hidden;
}
.testimonial-area .testimonial-slider .client {
  margin: 65px 30px 65px;
  padding: 85px 30px 27px;
  text-align: center;
  position: relative;
  background: #fff;
  box-shadow: 0px 0px 28px 2px rgba(0, 0, 0, 0.1);
  transition: 0.3s ease-in;
  height: 330px;
}
.testimonial-area .testimonial-slider .client .client-image {
  position: absolute;
  height: 60px;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  display: inline-block;
  margin-bottom: 16px;
}

.testimonial-area .testimonial-slider .client .client-image img {
  height: 60px;
  object-fit: contain;
}
.testimonial-area .testimonial-slider .client .client-say {
  margin-bottom: 19px;
}
.testimonial-area .testimonial-slider .client .client-name {
  color: #242424;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 0px;
  text-transform: uppercase;
}
.testimonial-area .testimonial-slider .client .client-name a {
  color: #242424;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  text-transform: capitalize;
}
.testimonial-area .testimonial-slider .client .designation {
  color: #555;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0px;
}
.testimonial-area .testimonial-slider .owl-controls {
  display: block;
  text-align: center;
  margin-top: -24px;
  position: relative;
  z-index: 91;
}
.testimonial-area .testimonial-slider .owl-controls .owl-nav {
  display: inline-block;
}
.testimonial-area .testimonial-slider .owl-controls .owl-nav div {
  width: 40px;
  height: 40px;
  display: inline-block;
  line-height: 41px;
  text-align: center;
  margin: 0px 5px;
  border-radius: 50%;
  font-size: 22px;
  transition: all 0.3s ease-in;
  background: rgba(2, 80, 197, 0.07);
  color: #242424;
}
.testimonial-area .testimonial-slider .owl-controls .owl-nav div:hover {
  background: #0250c5;
  color: #fff;
}

/*---------------------------
** Testimonial Area End
---------------------------*/
/*-----------------------------
** FAQ Area Start
------------------------------*/
.faq {
  padding: 110px 0px 100px;
  position: relative;
  background: #F7F9FF;
}
.faq .right-shape {
  position: absolute;
  right: 0;
  top: 350px;
}
.faq .accordion .panel {
  margin-bottom: 20px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.1);
  position: relative;
}
.faq .accordion .panel::after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  height: 100%;
  width: 4px;
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
}
.faq .accordion .panel .panel-body {
  padding: 4px 20px 7px;
}
.faq .accordion .panel-title {
  display: block;
  width: 100%;
  background: #fff;
  padding: 15px 40px 15px 20px;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
  color: #242424;
  position: relative;
  border-radius: 3px;
  cursor: pointer;
}
.faq .accordion .panel-title::after {
  position: absolute;
  content: "";
  width: 40px;
  height: 100%;
  border-radius: 3px 0px 0px 3px;
  right: 0;
  top: 0;
  text-align: center;
}
.faq .accordion .panel-title::before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  text-align: center;
  z-index: 1;
  font-size: 12px;
  transition: 0.3s ease-in;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  line-height: 22px;
  border-radius: 50%;
  color: #555;
  margin-right: 10px;
}
.faq .accordion .panel-title[aria-expanded=true]::before {
  font-family: "Font Awesome 5 Free";
  content: "";
}
.faq .faq-img {
  align-self: center;
}

/*-----------------------------
** Contact Area Start
------------------------------*/
.contact {
  padding: 110px 0px 90px;
  position: relative;
}
.contact .info-box {
  background: #fff;
  margin-bottom: 30px;
  padding: 30px 30px 22px;
  position: relative;
  cursor: pointer;
  text-align: center;
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
}
.contact .info-box .left {
  margin-bottom: 25px;
}
.contact .info-box .left .icon {
  font-size: 30px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  text-align: center;
  line-height: 70px;
  display: inline-block;
  position: relative;
}
.contact .info-box .left .icon::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px dashed #0250c5;
  animation: shapeani2 10s linear infinite;
}
.contact .info-box .left .icon i {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.contact .info-box .right {
  text-align: center;
}
.contact .info-box .right .content p {
  margin-bottom: 0px;
}
.contact .info-box:hover .left .icon::after {
  border: 1px dashed #d43f8d;
}
.contact .contact-form-wrapper {
  background: #fff;
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
  padding: 40px 25px 40px;
  transition: 0.3s ease-in;
}
.contact .contact-form-wrapper .section-title {
  margin-bottom: 48px;
}
.contact .contact-form-wrapper #contact-form textarea {
  margin-bottom: 9px;
}
.contact .contact-form-wrapper #contact-form .mybtn1 {
  margin-top: 7px;
  background: rgba(212, 63, 141, 0.2);
  color: #000;
  transition: 0.3s;
}
.contact .contact-form-wrapper #contact-form .mybtn1:hover {
  color: #fff;
}
.contact .contact-form-wrapper #contact-form-submit-msg {
  margin-top: 10px;
}
.contact .google_map_wrapper {
  padding: 0px !important;
}
.contact .google_map_wrapper iframe {
  width: 100% !important;
  height: 405px !important;
  margin: 0px;
  padding: 0px;
}

/*-----------------------------
** Contact Area End
------------------------------*/
.compare-section {
  padding: 90px 0px 90px;
}
.compare-section .mybtn1 {
  width: 120px;
  height: 40px;
  font-size: 14px;
  line-height: 40px;
  background: rgba(212, 63, 141, 0.2);
  color: #000;
  transition: all 0.3s linear;
}
.compare-section .mybtn1:hover {
  color: #fff !important;
}
.compare-section .compare-table th,
.compare-section .compare-table td {
  font-size: 14px;
  vertical-align: middle;
}
.compare-section .compare-table .price {
  font-size: 24px;
  font-weight: 700;
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.compare-section .compare-table thead .product-image {
  padding: 30px 15px;
}
.compare-section .compare-table thead .product-title {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 0px;
  color: #242424;
}
.compare-section .compare-table thead .product-subtitle {
  font-size: 14px;
  font-weight: normal;
  color: #555;
  line-height: 24px;
  margin-bottom: 0px;
}
.compare-section .compare-table tbody th {
  width: 150px;
  color: #242424;
}
.compare-section .compare-table tfoot td {
  vertical-align: middle;
}
.compare-section .compare-table tfoot td a {
  display: block;
  margin: 0 auto;
}


/* -----------------------------
 Footer Area Start
------------------------------*/
.footer {
  overflow: hidden;
  position: relative;
  padding: 90px 0px 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
}
.footer.lazy-loaded-bg {
  background-image: url(../images/banners/lnq-footer.png);
}
.footer .footer-info-area {
  text-align: center;
}
.footer .footer-info-area .footer-logo {
  margin-bottom: 23px;
  display: block;
}
.footer .footer-info-area .footer-logo .logo-link {
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
  text-transform: uppercase;
}
.footer .footer-info-area .footer-logo img {
  max-width: 180px;
}
.footer .footer-info-area .text {
  margin-bottom: 24px;
}
.footer .fotter-social-links {
  text-align: center;
  margin-top: 35px;
}
.footer .fotter-social-links ul {
  padding-left: 0px;
  margin-left: 0px;
}
.footer .fotter-social-links ul li {
  display: inline-block;
}
.footer .fotter-social-links ul li a {
  font-size: 14px;
  width: 35px;
  height: 35px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 36px;
  margin: 0px 3px;
  color: #fff;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.18);
  transition: all 0.3s ease-in;
}
.footer .fotter-social-links ul li a.facebook {
  background: #0069f7;
  border-color: #0069f7;
}
.footer .fotter-social-links ul li a.twitter {
  background: #000000;
  border-color: #000000;
}
.footer .fotter-social-links ul li a.linkedin {
  background: #007bb5;
  border-color: #007bb5;
}
.footer .fotter-social-links ul li a.dribbble {
  background: #f7007a;
  border-color: #f7007a;
}
.footer .fotter-social-links ul li a.google-plus {
  background: #d1062c;
  border-color: #d1062c;
}
.footer .copy-bg {
  padding: 20px 0px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  margin-top: 84px;
}
.footer .copy-bg p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0px;
}
.footer .copy-bg a {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0px;
  transition: 0.3s ease-in;
}
.footer .copy-bg a:hover {
  color: #0250c5;
}

.footer-widget .title {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  color: #242424;
}
.footer-widget ul {
  padding-left: 0px;
  margin-bottom: 0px;
}
.footer-widget ul li {
  list-style: none;
}
.footer-widget ul li a {
  color: #555;
  transition: all 0.3s ease-in;
}
.footer-widget ul li a:hover {
  color: #0250c5;
}
.footer-widget ul li i {
  font-size: 14px;
  margin-right: 4px;
}

.support-link-widget .title,
.use-full-link-widget .title {
  margin-bottom: 11px;
}
.support-link-widget .link-list li,
.use-full-link-widget .link-list li {
  border-bottom: 2px dotted rgba(0, 0, 0, 0.3);
  padding: 9px 0;
  display: block;
}
.support-link-widget .link-list li:last-child,
.use-full-link-widget .link-list li:last-child {
  border-bottom: 0px;
}

/*-----------------------------
** Footer Area End
------------------------------*/

/* Blog Area Start */
.blog-section {
  padding: 60px 0px 60px;
}
.blog-section .section-heading {
  margin-bottom: 56px;
}

.single-blog .img {
  position: relative;
  border-radius: 13px;
  overflow: hidden;
}
.single-blog .img::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: all 0.3s ease-in;
}
.single-blog .img img {
  width: 100%;
}
.single-blog .content .top-meta {
  margin-top: 23px;
  margin-left: 0px;
  padding-left: 0px;
}
.single-blog .content .top-meta li {
  display: inline-block;
  margin-right: 20px;
}
.single-blog .content .top-meta li:last-child {
  margin-right: 0px;
}
.single-blog .content .top-meta li p {
  margin-bottom: 11px;
}
.single-blog .content .title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  transition: all 0.3s ease-in;
}
.single-blog .content .title:hover {
  color: #0250c5;
}
.single-blog:hover .img::after {
  opacity: 1;
}

/* Blog Area End */
/* Blog Page Grid Area Start */
.blog-page {
  padding: 30px 0px 30px;
}
.blog-page .single-blog {
  margin-bottom: 26px;
}
.blog-page .single-blog.blog-details {
  padding: 0px 20px 30px 20px;
}

/* Blog Page Grid Area End */
/*  Pagination Area Css Start */
.pagination {
  margin-top: 30px;
  display: block;
  margin-bottom: 0px;
}
.pagination .page-item {
  display: inline-block;
}
.pagination .page-item .page-link {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  background: #fff;
  line-height: 35px;
  color: rgba(0, 0, 0, 0.6);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.2);
  font-size: 14px;
  margin: 0px 3px 0px;
  padding: 0px;
  font-weight: 600;
  border: 0px;
  transition: all 0.3s ease-in;
}
.pagination .page-item .page-link.active, .pagination .page-item .page-link:hover {
  color: #fff;
  background: #0250c5;
}

/*  Pagination Area Css End */
/*  categori-widget Start */
.categori-widget {
  padding: 22px 30px 25px;
  border-radius: 10px;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.15);
}
.categori-widget .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 17px;
  margin-bottom: 13px;
  text-align: center;
}
.categori-widget .cat-list {
  padding-top: 2px;
  display: block;
  margin-left: 0px;
  padding-left: 0px;
}
.categori-widget .cat-list li {
  list-style: none;
  margin-bottom: 5px;
}
.categori-widget .cat-list li:last-child {
  margin-bottom: 0px;
}
.categori-widget .cat-list li a {
  display: flex;
  justify-content: space-between;
}
.categori-widget .cat-list li a p {
  line-height: 26px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0px;
  color: #242424;
  transition: all 0.3s ease-in;
}
.categori-widget .cat-list li a .count {
  font-size: 10px;
  line-height: 10px;
  font-weight: 600;
  background: #0250c5;
  color: #fff;
  padding: 4px 8px;
  border-radius: 50px;
  align-self: center;
}
.categori-widget .cat-list li a:hover p {
  color: #0250c5;
}

/*  categori-widget End */
/*  latest-post-widget Start */
.latest-post-widget {
  margin-top: 30px;
  padding: 22px 30px 28px;
  border-radius: 10px;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.15);
}
.latest-post-widget .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 11px;
  margin-bottom: 12px;
  text-align: center;
}
.latest-post-widget .post-list {
  padding-left: 0px;
  margin-bottom: 0px;
  margin-top: 18px;
}
.latest-post-widget .post-list li {
  list-style: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.latest-post-widget .post-list li:last-child {
  border-bottom: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.latest-post-widget .post-list li .post {
  display: flex;
}
.latest-post-widget .post-list li .post .post-img {
  margin-right: 15px;
  display: flex;
}
.latest-post-widget .post-list li .post .post-img img {
  align-self: center;
  width: 100%;
  width: 60px;
}
.latest-post-widget .post-list li .post .post-details {
  flex: 1;
  line-height: 20px;
}
.latest-post-widget .post-list li .post .post-details .post-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 0px;
  transition: all 0.3s ease-in;
}
.latest-post-widget .post-list li .post .post-details .post-title:hover {
  color: #0250c5;
}

/*  latest-post-widget End */
/*  newsletter-widget Start */
.newsletter-widget {
  margin-top: 30px;
  padding: 22px 30px 30px;
  border-radius: 10px;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.15);
}
.newsletter-widget .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding-bottom: 12px;
  margin-bottom: 20px;
  text-align: center;
}
.newsletter-widget form .input-field {
  width: 100%;
  height: 50px;
  padding: 0px 20px;
  border-radius: 50px;
  font-size: 14px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.newsletter-widget form .mybtn2 {
  display: block;
  margin: 0 auto;
}

/*  newsletter-widget End */
/*  Blog Details Area Start */
.single-blog-details .img {
  position: relative;
  border-radius: 13px;
  overflow: hidden;
}
.single-blog-details .img img {
  width: 100%;
}
.single-blog-details .content .top-meta {
  margin-top: 23px;
  margin-bottom: 8px;
  text-align: right;
}
.single-blog-details .content .top-meta li {
  display: inline-block;
  margin-right: 20px;
}
.single-blog-details .content .top-meta li:last-child {
  margin-right: 0px;
}
.single-blog-details .content .top-meta li p {
  padding-left: 0px;
  margin-bottom: 0px;
}
.single-blog-details .content .title {
  font-size: 30px;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 20px;
  transition: all 0.3s ease-in;
}
.single-blog-details .content blockquote {
  margin: 22px 0px 22px;
  display: block;
  background: #f1f1f1;
  padding: 34px 40px 37px;
  border-left: 4px solid #1a3a65 ;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}
.single-blog-details .content blockquote p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 0px;
}

.single-blog-details .content .blockquote {
  margin: 22px 0px 22px;
  display: block;
  background: #f1f1f1;
  padding: 34px 40px 37px;
  border-left: 4px solid #1a3a65 ;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
}
.single-blog-details .content .blockquote p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 0px;
}
.single-blog-details .content ul {
  margin-bottom: 15px;
}
.single-blog-details .content ul li p {
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 26px;
  padding-left: 30px;
  position: relative;
}
.single-blog-details .content ul li p i {
  position: absolute;
  left: 0px;
  top: 4px;
  color: #1a3a65;
}

.comment-area {
  display: block;
  margin-top: 45px;
}
.comment-area .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.comment-area .comment-box-area {
  padding-left: 0px;
  margin-bottom: 0px;
}
.comment-area .comment-box-area li {
  list-style: none;
  margin-bottom: 30px;
  border: 1px solid #e5e9f4;
  padding: 30px 30px 25px;
}
.comment-area .comment-box-area li .comment-box {
  position: relative;
}
.comment-area .comment-box-area li .comment-box .left {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
}
.comment-area .comment-box-area li .comment-box .left .img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 19px;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
}
.comment-area .comment-box-area li .comment-box .left .img img {
  width: 100%;
  border-radius: 50%;
}
.comment-area .comment-box-area li .comment-box .left .replay {
  padding: 3px 20px;
  text-align: center;
  border-radius: 50px;
  display: inline-block;
  color: #fff;
  background: #0250c5;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.3s ease-in;
  border: 1px solid #0250c5;
}
.comment-area .comment-box-area li .comment-box .left .replay:hover {
  background: #fff;
  color: #0250c5;
}
.comment-area .comment-box-area li .comment-box .right {
  margin-left: 100px;
}
.comment-area .comment-box-area li .comment-box .right .name {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  line-height: 24px;
}
.comment-area .comment-box-area li .comment-box .right .date {
  font-size: 14px;
  font-weight: 24px;
  color: #888;
}
.comment-area .comment-box-area li .comment-box .right .text p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 0px;
}
.comment-area .comment-box-area li .comment-box.replay-comment {
  margin-left: 100px;
  margin-top: 26px;
}
.comment-area .comment-box-area li .replay-form {
  margin-left: 0px;
  padding: 30px 0px 5px;
  position: relative;
}
.comment-area .comment-box-area li .replay-form .replay-form-close {
  position: absolute;
  top: 22px;
  right: -7px;
  font-weight: 700;
  width: 25px;
  height: 25px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  text-align: center;
  font-size: 18px;
  line-height: 23px;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
}
.comment-area .comment-box-area li .replay-form .replay-form-close:hover {
  background: #0250c5;
  border-color: transparent;
  color: #fff;
}
.comment-area .comment-box-area li .replay-form .input-field {
  background: none;
  border: 1px solid #e5e9f4;
  height: 60px;
  font-size: 14px;
  height: 100px;
  padding: 10px 20px;
  resize: none;
}
.comment-area .comment-box-area li .replay-form .replay-comment-btn {
  border: 0px;
  cursor: pointer;
}
.comment-area .comment-box-area li:last-child {
  margin-bottom: 0px;
}
.comment-area .comment-box-area li:last-child .comment-box .right {
  border-bottom: 0px;
}

.write-comment {
  display: block;
  margin-top: 53px;
}
.write-comment .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 600;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.write-comment .input-field {
  display: block;
}
.write-comment .base-btn1 {
  cursor: pointer;
  margin-top: 10px;
  border: 0px;
  font-weight: 600;
  border: 1px solid #0250c5;
}
.write-comment .base-btn1 i {
  font-size: 14px;
  margin-left: 10px;
}

/*  Blog Details Area End */
/* Signin Area Start */
.auth {
  padding: 120px 0px 120px;
}
.auth .sign-form {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
  padding: 33px 30px 40px;
}
.auth .sign-form .heading {
  text-align: center;
  margin-bottom: 26px;
}
.auth .sign-form .heading .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 0px;
}
.auth .sign-form .heading .subtitle {
  font-size: 16px;
  line-height: 26px;
}
.auth .sign-form .form-control {
  margin-bottom: 15px;
  height: 50px;
  padding: 0px 20px;
  font-size: 14px;
}
.auth .sign-form .custom-checkbox {
  margin-top: 25px;
  font-size: 14px;
  line-height: 24px;
}
.auth .sign-form .custom-checkbox .custom-control-label a {
  color: #0250c5;
}
.auth .sign-form .base-btn1 {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding: 0px;
  border-radius: 4px;
  margin-top: 27px;
  margin-bottom: 25px;
}
.auth .sign-form .reg-text {
  font-size: 14px;
}
.auth .sign-form .reg-text a {
  font-weight: 600;
  transition: all 0.3s ease-in;
}
.auth .sign-form .reg-text a:hover {
  color: #0250c5;
}

.bigbtn {
  width: 100%;
  background: #0250c5;
  border: 0px;
  cursor: pointer;
  color: #fff;
  padding: 9px 20px;
  border-radius: 3px;
  box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.1);
  margin-top: 20px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  transition: all 0.3s ease-in;
}
.bigbtn:hover {
  background: #d43f8d;
}

.h-100v {
  height: 100vh !important;
}

/* Signin Area End */
/* 404 Area Start */
.error-404 .base-btn1 {
  margin-top: 30px;
}

@keyframes sclanmi3 {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}


.home .mybtn-light span {
  color: #0250c5;
}
.home .mybtn-light:before, .home .mybtn-light:after {
  background: #0250c5;
}
.home .mybtn-bg {
  background: #0250c5;
  border-color: #0250c5;
}
.home .mybtn-bg:hover span {
  color: #0250c5;
}
.home .contact .contact-form-wrapper .mybtn3.mybtn-bg {
  margin-top: 10px;
}
.home .hero-area {
  position: relative;
  background: none;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.home .hero-area.lazy-loaded-bg {
  background: url(../images/banners/lnq-index-hero-bg.png);
}
.home .hero-area::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);
  opacity: 0.9;
}
@keyframes sclanmi3 {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}
.home .hero-area .discount-circle-inner {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
}
.home .about {
  position: relative;
}
.home .about .box {
  margin-bottom: 30px;
  background: #fff;
  box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.1);
  border-radius: 30px 0px 30px 0px;
}
.home .about .box .inner-box .icon i {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
}
.home .about .box::after {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  opacity: 1;
  width: 100%;
  height: 0%;
  top: 0px;
  left: 0px;
  transition: all 0.3s ease-in;
}
.home .about .box:hover {
  transform: translateY(0px) !important;
}
.home .about .box:hover::after {
  height: 100%;
}
.home .about .box:hover .icon i {
  background: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.home .about .box:hover .title {
  color: #fff;
}
.home .about .box:hover .text {
  color: #fff;
}

.home .about .box:hover img {
  filter: brightness(0) invert(1);
}
.home .pricing .product-slider .owl-controls .owl-nav div:hover {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
}
.home .video {
  position: relative;
  background: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
}
.home .video.lazy-loaded-bg {
  background: url(../images/banners/lnq-about-us.png);
}
.home .video::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  opacity: 0.9;
}
.home .video .shape {
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 0px 0px 300px 0px;
  animation: sclanmi3 7s linear infinite;
}
.home .video .section-title .title {
  color: #fff;
}
.home .video .section-title p {
  color: #fff;
}
.home .video .video-play-btn i,
.home .video .fun-box .inner-content2 .icon i,
.home .video .fun-box .inner-content3 .icon i {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
}
.home .testimonial-area {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
}

.home .testimonial-area.lazy-loaded-bg {
  background-image: url(../images/banners/lnq-what-our-client-says.png);
}


.home .testimonial-area::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  opacity: 0.9;
}
.home .testimonial-area .section-title .title {
  color: #fff;
}
.home .testimonial-area .section-title p {
  color: #fff;
}
.home .testimonial-area .testimonial-slider .client {
  border-radius: 4px;
}
.home .testimonial-area .testimonial-slider .owl-controls .owl-nav div {
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
.home .testimonial-area .testimonial-slider .owl-controls .owl-nav div:hover {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
}
.home .testimonial-area .testimonial-slider .client .client-image::after {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
}
.home .subscribe-section .download-buttons {
  margin-top: 55px;
  display: block;
  text-align: center;
}
.home .subscribe-section .download-buttons .text {
  font-size: 16px;
  line-height: 26px;
}
.home .subscribe-section .download-buttons a {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  display: inline-block;
  padding: 18px 30px;
  font-size: 18px;
  border-radius: 3px;
  margin: 4px 5px;
  color: #fff;
}
.home .subscribe-section .download-buttons a i {
  font-size: 24px;
}
.home .subscribe-section .newsletter-form-area button {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  cursor: pointer;
}
.home .dealofweek {
  position: relative;
}
.home .contact .info-box .left .icon i {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
}
.home .contact .info-box .left .icon::after {
  border: 1px dashed #0250c5;
  animation: shapeani2 10s linear infinite;
}
.home .footer .footer-info-area .text p,
.home .footer .copy-bg p,
.home .footer .copy-bg p a {
  color: #fff;
}
.home .bottomtotop i {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
}
.home .pricing:before {
/* 2. Set the pseudo-element to cover the entire section */
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1; /* 3. Send the pseudo-element behind the content */
    
    background-size: cover;
    background-repeat: no-repeat;
    /* IMPORTANT: background-attachment: fixed; must be on a non-scrolling parent 
       or the <body> for it to work globally. For this example, we keep it here. */
    background-attachment: fixed;

    /* 5. Apply the opacity! */
    opacity: 0.1; /* Change this value (0.0 to 1.0) to set the transparency */
}
.home .pricing.lazy-loaded-bg:before {
  background-image: url(../images/team/lnq-team.png);
}

.home .compare-section .compare-table .price,
.home .pricing .product-slider .item .single-product .content .price .new-price,
.home .dealofweek .deal-slider-area .content .right-area .price p span {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
}
.home .footer .copy-bg {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.home .footer .footer-info-area .footer-logo img {
  max-width: 170px;
  filter: brightness(0) invert(1);
}
.home .navigation .navbar #mainmenu ul .nav-item.dropdown:hover .dropdown-menu .dropdown-item:hover {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
}
.home .preloader-inner {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
}
.home .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link:hover::before, .home .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link.active::before {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
}
.home .navigation.stiky-nav .navbar #mainmenu ul .nav-item .nav-link::before {
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
}
.home .footer {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.home .footer.lazy-loaded-bg {
  background-image: url(../images/banners/lnq-footer.png);
}
.home .footer::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background-image: linear-gradient(55deg, #1a3a65 0%, #1a3a65 75%);;
  opacity: 0.9;
}
.home .pricing .mybtn-bg {
  top: 50%;
  transform: translateY(-50%);
}

.odd {
  background: #F7F9FF;
}

/* --- SECTION STYLING --- */
.client-logos-section {
    padding: 40px 0;
    text-align: center;
    background: #fff; /* Light background for contrast */
}

/* --- CAROUSEL CONTAINER (Critical for Animation) --- */
.logo-carousel-track {
    
    /* Sets the width and enables flex for horizontal layout */
    width: 100%;
    display: flex;

    /* The animation is applied directly to the track */
    animation: scroll-left 40s linear infinite; /* 40s duration for speed */
}

/* Pauses the animation when the user hovers over the track */
.logo-carousel-track:hover {
    animation-play-state: paused;
}

/* --- INDIVIDUAL SLIDES/LOGOS (Responsible for the duplication) --- */
.logo-slide {
    /* Ensures the duplicate set of logos (slide 2) sits right next to slide 1 */
    display: flex;
    flex-shrink: 0; /* Prevents logos from shrinking below their content width */
}

/* --- INDIVIDUAL LOGO STYLING --- */
.logo-slide img {
    /* Give each logo a fixed size and spacing */
    height: 60px; /* Adjust height as needed */
    width: auto;
    margin: 0 40px; /* Add horizontal spacing between logos */
    
    /* Ensures logos are visually clean */
    filter: grayscale(100%); /* Optional: Make logos grayscale */
    opacity: 0.6; /* Optional: Make them slightly faded */
    transition: opacity 0.3s;
}

/* Hover effect on individual logo */
.logo-slide img:hover {
    opacity: 1;
    filter: grayscale(0%); /* Optional: Colorize on hover */
}


/* --- CSS ANIMATION KEYFRAMES (The Magic) --- */
@keyframes scroll-left {
    from {
        /* Start position: 0 (shows the first set of logos) */
        transform: translateX(0);
    }
    to {
        /* End position: Scrolls left by exactly half the content's total width */
        /* This transition seamlessly moves to the beginning of the duplicate set */
        transform: translateX(-50%);
    }
}

.icon text {
  color: #fff
}


/* --- DOMAIN EXPERTISE SECTION STYLING (GLOBAL) --- */
.domain-expertise-section {
    padding: 110px 0px 95px;
    position: relative;
}

.domain-expertise-section .section-title {
  text-align: left;
}
/* Container for the two-column layout */
.domain-container {
    display: flex;
    flex-wrap: wrap; 
    max-width: 1200px;
    margin: 0 auto;
    align-items: flex-start;
}

/* --- COLUMN LAYOUT & CONTENT --- */
.domain-content-left {
    padding-right: 40px; 
    text-align: left;
    flex: 1; /* Allows it to take up available space */
    min-width: 300px; 
}

/* Chart container—must be relative for labels to position absolutely */
.domain-chart-right {
    flex: 0 0 450px; /* Fixed size to maintain chart visibility */
    display: flex;
    justify-content: center; /* Centers the chart horizontally */
    align-items: center;
    position: relative;
    padding: 20px;
    transition: transform 0.3s ease-out; /* Animation for subtle zoom */
}

/* Subtle zoom effect on hover for the entire chart area */
.domain-chart-right:hover {
    transform: scale(1.03); 
    z-index: 10;
}

/* --- TEXT & PARAGRAPH STYLING --- */
h2 { color: #fff; margin-bottom: 15px; }
.expertise-summary { margin-bottom: 30px; line-height: 1.5; opacity: 0.85; }
.chart-note { font-size: 0.85em; opacity: 0.7; margin-top: 20px; }


/* --- LEGEND STYLING (Two-Column Grid) --- */
.chart-legend {
    display: grid; 
    grid-template-columns: 1fr 1fr; /* Two equal columns */
    gap: 10px 20px; 
    font-size: 0.95em;
    margin-bottom: 20px;
    text-align: left; 
}

.chart-legend span {
    display: flex;
    align-items: center;
}

/* Targets the Font Awesome icon for color dot styling */
.chart-legend i {
    font-size: 10px; 
    margin-right: 8px;
}


/* --- COLOR PALETTE (For Chart Background and Legend Icon Color) --- */
.iot-color { background-color: #11263a; color: #11263a; }
.fintech-color { background-color: #1a3a65; color: #1a3a65; } 
.energy-color { background-color: #546e8f; color: #546e8f; }
.healthcare-color { background-color: #a3b9ce; color: #a3b9ce; }
.ecommerce-color { background-color: #d3e5ed; color: #d3e5ed; }
.supplychain-color { background-color: #f4f0ea; color: #f4f0ea; }
.bms-color { background-color: #ccccce; color: #ccccce; }
.others-color { background-color: #818182; color: #818182; } /* Light color for dark background */


/* --- PIE CHART VISUALIZATION (CORE CSS) --- */
.css-pie-chart {
    width: 400px; /* Chart Size */
    height: 400px;
    border-radius: 50%;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    
    /* CALCULATED CONIC GRADIENT FOR SLICES */
    background: conic-gradient(
        #11263a 0%, #11263a 16%, 
        #1a3a65 16%, #1a3a65 29%,
        #546e8f 29%, #546e8f 40%,
        #a3b9ce 40%, #a3b9ce 48%,
        #d3e5ed 48%, #d3e5ed 56%,
        #f4f0ea 56%, #f4f0ea 64%,
        #ccccce 64%, #ccccce 69%,
        #818182 69%, #818182 100%
    );
}

/* Creates the 'donut' effect */
.pie-hole {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 170px; 
    height: 170px;
    border-radius: 50%;
    background-color: #fff; /* Must match section background color */
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
}

/* --- IN-SLICE LABELS (Absolute Positioning) --- */
.chart-labels {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    pointer-events: none; /* Allows mouse events to pass through to the chart */
}

.chart-labels .chart-label {
    position: absolute;
    font-weight: bold;
    font-size: 0.9em;
    color: transparent; /* Dark text for visibility on the bright pie slices */
    text-shadow: none;
    pointer-events: auto; /* Makes the text itself interactable */
    transition: all 0.2s ease-in-out; 
    text-align: center;
    width: 150px;
    height: 45px;
}

.chart-labels .chart-label:hover .chart-label-txt,
.chart-labels .chart-label:focus .chart-label-txt {
    position: absolute;
    background-color: #fff;
    padding: 0px 5px;
    border: 1px solid #11263a;
    white-space: nowrap;
}

/* Individual label hover effect */
.chart-labels .chart-label:hover {
    font-size: 1.1em;
    color: inherit;
    cursor: pointer;
}

/* Manual Label Positioning - ADJUST AS NEEDED! */
.chart-labels .chart-label.label-iot { 
    top: 13%;
    left: 50%;
    transform: rotate(30deg);
    width: 140px;
 }
.chart-labels .chart-label.label-iot .chart-label-txt {
    transform: rotate(-30deg);
    left: 41px;
    top: 12px;
    color: transparent;
}

.chart-labels .chart-label.label-iot:hover .chart-label-txt {
    color: #11263a;
}
.chart-labels .chart-label.label-fintech {
    top: 38%;
    left: 76%;
    transform: rotate(80deg);
    width: 110px;
 }

.chart-labels .chart-label.label-fintech .chart-label-txt {
    transform: rotate(-80deg);
    left: 4px;
    top: -8px;
}
  

.chart-labels .chart-label.label-energy {
    top: 66%;
    left: 71%;
    transform: rotate(115deg);
    width: 100px;
 }

 .chart-labels .chart-label.label-energy .chart-label-txt {
    transform: rotate(-115deg);
    left: -19px;
    top: -6px;

}
.chart-labels .chart-label.label-healthcare {
    top: 81%;
    left: 54%;
    transform: rotate(156deg);
    width: 80px;
}
.chart-labels .chart-label.label-healthcare .chart-label-txt {
    transform: rotate(-156deg);
    left: -63px;
    top: -10px;
}
.chart-labels .chart-label.label-ecommerce {
    top: 85%;
    left: 35%;
    transform: rotate(188deg);
    width: 80px;
}
.chart-labels .chart-label.label-ecommerce .chart-label-txt {
    transform: rotate(-188deg);
    left: 19px;
    top: -3px;
}
.chart-labels .chart-label.label-supplychain {
    top: 77%;
    left: 16%;
    transform: rotate(220deg);
    width: 80px;
}

.chart-labels .chart-label.label-supplychain .chart-label-txt {
    transform: rotate(-220deg);
    left: 1px;
    top: -29px;
}
.chart-labels .chart-label.label-bms { 
    top: 67%;
    left: 5%;
    transform: rotate(59deg);
    width: 50px;
 }
 .chart-labels .chart-label.label-bms .chart-label-txt {
    transform: rotate(-59deg);
    left: -100px;
    top: 23px;
}
.chart-labels .chart-label.label-others {
    top: 26%;
    left: -10%;
    transform: rotate(127deg);
    width: 280px;
}
 .chart-labels .chart-label.label-others .chart-label-txt {
    transform: rotate(-127deg);
    left: 92px;
    top: 39px;
}


/* --- RESPONSIVENESS (Mobile Stacking) --- */
@media (max-width: 992px) {
    .domain-container {
        flex-direction: column; /* Stack columns vertically on tablets/mobile */
    }
    .domain-content-left {
        padding-right: 15px; 
        text-align: center;
    }
    .chart-legend {
        grid-template-columns: 1fr; /* Collapse legend to one column on mobile */
        max-width: 300px;
        margin: 0 auto;
    }
    .domain-chart-right {
        flex: 1 1 auto; 
    }
    /* Shrink chart size for mobile visibility */
    .css-pie-chart {
        width: 300px;
        height: 300px;
        margin-top: 20px;
    }
    .pie-hole {
        width: 130px;
        height: 130px;
    }
}


/* --- STAR RATING STYLING (OVERLAY METHOD) --- */

.score-chart-container {
    width: 100%;
    max-width: 350px;
    text-align: left;
    margin: 30px auto;
    margin-top: 0px;
}

.star-row {
    display: flex;
    align-items: center;
    padding: 5px 0px;
    border-bottom: 1px solid #eee;
}

.metric-label {
    width: 210px; 
    font-size: 0.95em;
    padding-right: 15px;
    flex-shrink: 0;
}

/* Container for the 5 empty/background stars */
.stars-outer {
    position: relative;
    display: inline-block;
    color: #ccc; /* Gray color for empty stars */
    font-size: 1.2em;
    flex-grow: 1;
    white-space: nowrap;
    padding-left: 5px; /* Adjust spacing */
}

/* Container for the filled stars, clipped to the score width */
.stars-filled {
    position: absolute;
    top: -13px;
    left: 0;
    overflow: hidden; /* CRITICAL: Hides the stars beyond the score width */
    color: #11263a; /* GOLD color for filled stars */
    white-space: nowrap;
}

/* Ensure the stars themselves are styled consistently */
.stars-outer i {
    margin-right: 2px;
}


/* --- ADDRESS CONTAINER STYLING --- */
.contact-addresses {
    text-align: center;
}

.address-cycler-viewport {
    /* Critical: Sets the visible area and hides the other addresses */
    width: 350px;
    height: 78px; /* Adjust height to fit the tallest address text */
    margin: 0px;
    overflow: hidden;
    position: relative;
    margin-left: -25px;
}

/* --- THE MOVING TRACK --- */
.address-track {
    /* The track holds all slides horizontally. 4 slides * 100% viewport width = 400% width. */
    width: 400%;
    height: 100%;
    display: flex;
    transition: transform 0.8s ease-in-out; /* Smooth transition between slides */
    
    /* Apply the animation */
    animation: rotate-addresses 9s infinite; /* 3 addresses * 3s display time = 9s cycle */
}

/* Pause animation on hover */
.address-track:hover {
    animation-play-state: paused;
}

/* --- INDIVIDUAL SLIDE STYLING --- */
.address-slide {
    /* Each slide is 1/4th of the track's total width, which is the exact width of the viewport */
    width: 25%; 
    text-align: center;
    box-sizing: border-box;
}

.address-slide h4 {
    margin-top: 0;
    font-size: 1.1em;
    color: #1a3a65; /* Using your corporate color */
}

.address-slide p {
    font-size: 0.9em;
    line-height: 1.4;
    color: #555;
}

/* --- CSS ANIMATION KEYFRAMES --- */
@keyframes rotate-addresses {
    /* 4 states (0%, 25%, 50%, 75%) must fit into the 100% animation cycle:
    0% - Show Slide 1 (Position 0%)
    25% - Show Slide 2 (Position -25%)
    50% - Show Slide 3 (Position -50%)
    75% - Show Slide 4/Duplicate (Position -75%)
    100% - Immediately returns to 0% to start the cycle over
    */
    
    0% { transform: translateX(0%); } 
    25% { transform: translateX(0%); } /* Holds Address 1 */
    
    33.33% { transform: translateX(-25%); } /* Start moving to Address 2 */
    58.33% { transform: translateX(-25%); } /* Holds Address 2 */
    
    66.66% { transform: translateX(-50%); } /* Start moving to Address 3 */
    91.66% { transform: translateX(-50%); } /* Holds Address 3 */

    100% { transform: translateX(-75%); } /* Moves to duplicate (Address 4) and instantly loops back */
}

/* --- GLOBAL SLIDER STYLING --- */
.map-slider-section {
    padding: 30px 0;
    text-align: center;
    background-color: #f8f8f8;
}

.map-slider-container {
    max-width: 600px;
    margin: 20px auto;
    position: relative;
}

/* Hide the actual radio buttons */
.map-slider-container input[type="radio"] {
    display: none;
}

.map-slider-viewport {
    width: 100%; 
    height: 360px; 
    overflow: hidden;
    position: relative;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    margin-top: -25px;
}

.map-track {
    /* 3 slides * 100% = 300% width */
    width: 300%;
    height: 100%;
    display: flex;
    /* CRITICAL: Smooth transition when position changes */
    transition: transform 0.6s ease-in-out; 
}

.map-slide {
    width: calc(100% / 3); 
    height: 100%;
}
.map-slide iframe {
    display: block;
}
.map-slide h4 {
    /* Styles for the map title overlay... (keep previous styles) */
}


/* --- CSS MAGIC: CONTROLLING THE SLIDE POSITION --- */

/* When slide 1 is checked, show the first slide (no offset) */
#slide1:checked ~ .map-slider-viewport .map-track {
    transform: translateX(0%);
}

/* When slide 2 is checked, shift the track left by 100% */
#slide2:checked ~ .map-slider-viewport .map-track {
    transform: translateX(-33.3333%);
}

/* When slide 3 is checked, shift the track left by 200% */
#slide3:checked ~ .map-slider-viewport .map-track {
    transform: translateX(-66.6666%);
}

/* --- NAVIGATION CONTROLS (Arrows) --- */
.arrow-navigation {
    /* Positions the navigation container over the slider viewport */
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    z-index: 20;
    pointer-events: none; /* Allows clicks to pass through to the map when not clicking an arrow */
}

.slider-control {
    /* Base styling for the clickable arrow area */
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px 15px;
    font-size: 18px;
    cursor: pointer;
    transition: background-color 0.3s;
    pointer-events: auto; /* IMPORTANT: Makes the label/button itself clickable */
}
.slider-control:hover {
    background-color: rgba(0, 0, 0, 0.8);
}
.prev { left: 0; border-radius: 0 5px 5px 0; }
.next { right: 0; border-radius: 5px 0 0 5px; }

.manual-navigation {
    position: absolute;
    top: 50%;
    width: 100%;
}

/* --- NAVIGATION DOTS (Active State) --- */
.slider-dots {
    text-align: center;
    padding-top: 15px;
}
.dot {
    height: 10px;
    width: 10px;
    margin: 0 5px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.3s;
    cursor: pointer;
}

/* Change dot color when the corresponding radio is checked */
#slide1:checked ~ .slider-dots .dot1,
#slide2:checked ~ .slider-dots .dot2,
#slide3:checked ~ .slider-dots .dot3 {
    background-color: #1a3a65;
}

/* --- ARROW DISPLAY LOGIC (Pure CSS Visibility Control) --- */

/* Hide all navigation controls by default */
.manual-navigation .slider-control {
    display: none; 
}

/* LOGIC FOR SLIDE 1 (Show Prev=Slide3, Next=Slide2) */
#slide1:checked ~ .map-slider-viewport .manual-navigation .control3.prev,
#slide1:checked ~ .map-slider-viewport .manual-navigation .control2.next {
    display: block;
}

/* LOGIC FOR SLIDE 2 (Show Prev=Slide1, Next=Slide3) */
#slide2:checked ~ .map-slider-viewport .manual-navigation .control1.prev,
#slide2:checked ~ .map-slider-viewport .manual-navigation .control3.next {
    display: block;
}

/* LOGIC FOR SLIDE 3 (Show Prev=Slide2, Next=Slide1 [to loop back]) */
#slide3:checked ~ .map-slider-viewport .manual-navigation .control2.prev,
#slide3:checked ~ .map-slider-viewport .manual-navigation .control1.next {
    display: block;
}

/* Multi-level dropdown */
.dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0;
  margin-left: 0;
}

/* Visual cue for nested toggle */
.dropdown-submenu > .dropdown-toggle::after {
  content: "▶";
  float: right;
  border: 0;
  margin-left: .5rem;
}

/* Mobile: stack nested menu under parent */
@media (max-width: 991.98px) {
  .dropdown-submenu > .dropdown-menu {
    left: 0;
    margin-left: 1.25rem;
  }
}