/*
************
*************************

-----------------------------------------------------------------------------------



******************************************************* 
*************************************************************** */
/*
************
*************************
01. common
******************************************************* 
*************************************************************** */
/* @media (max-width: 1100px) {
 #navbar .row {
    --bs-gutter-x: 0rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1* var(--bs-gutter-y));
    margin-right: calc(-2.5* var(--bs-gutter-x)) !important;
    margin-left: calc(-.5* var(--bs-gutter-x));
  }
} */

/* ///////////////////////////////////////////////////////////
Responsive Layout Declaration 
/////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////
Font Family Declaration 
/////////////////////////////////////////////////////////// */
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css");
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&display=swap");
/* ///////////////////////////////////////////////////////////
Color Declaration 
/////////////////////////////////////////////////////////// */
:root {
  --clr-common-white: #FFFFFF;
  --clr-common-black: #000000;
  --clr-common-gray: #333333;
  --clr-common-border: #525252;
  --clr-common-lightBlack: #1C1C1C;
  --clr-body-heading: #FFFFFF;
  --clr-body-text: #000000;
  
  --clr-color-skyBlue: #AFB1E4;
  --clr-color-lightOrange: #f5821f;
  --clr-color-lightblue: #2E3192;
  --clr-theme-primary: #020457;
  --clr-bg-gray: #F6F6F6;
}
*{

 scroll-behavior: smooth;
 scrollbar-color: #2E3192  #e9e9e9;


}


/* ///////////////////////////////////////////////////////////
Mixin Declaration 
/////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////
Animation Declaration 
/////////////////////////////////////////////////////////// */
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes wcSlideBottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes wcSlideBottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes reveal {
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
}
@keyframes reveal {
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
  }
}
@-webkit-keyframes wcfadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes wcfadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes wcSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes wcSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body {
  font-family: "monstrance", sans-serif;
  font-weight: 400;
  font-style: normal;
  /* color: var(--clr-body-heading); */
  font-size: 16px;
  line-height: 24px;
  background: var(--clr-color-lightblue);
  background-image: url('../img/bg-patten.png');
  animation: moveUpDown 120s infinite alternate ease-in-out,moveUpDown1 150s infinite alternate-reverse ease-in-out;
  background-repeat: repeat;
  padding: 0px !important;
  margin: 0px !important;
 
}

/* .animated-bg {


  background-repeat: repeat-y;
  background-image: url('../img/bg-patten.png');
 
  background-position: center;
  animation: moveUpDown 120s infinite alternate ease-in-out,moveUpDown1 150s infinite alternate-reverse ease-in-out;

 overflow: hidden;
  width: 100%;
  opacity: 0.6;

} */
/* .animated-bg1 {
  position: absolute;
    background-repeat: repeat-y;
    background-image: url('../img/bg-patten.png');
   top: 0;
    background-position: center;
    animation: moveUpDown 120s infinite alternate-reverse ease-in-out;
    height: 800vh;
    width: 100%;
    opacity: 0.3;
    overflow: hidden;
  } */
@keyframes moveUpDown {
  0% {
 
      background-position: center top;
  }
  100% {
 
      background-position: center bottom;
  }
}
@keyframes moveUpDown1 {
  0% {
    background-position: center bottom;

  }
  100% {
    background-position: center top;
  }
}

.img, img {
  max-width: 100%;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

a,
.button, button {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: medium none;
}

button:focus, input:focus, input:focus, textarea, textarea:focus {
  outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px;
  line-height: 1.2;
  font-weight: 600;

  font-family: "Montserrat", sans-serif;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
}

h1 {
  font-size: 64px;
}

h2 {
  font-size: 44px;
}

h3 {
  font-size: 32px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 14px;
}

a {
  text-decoration: none;
  transition: all 0.3s linear 0s;
}

p {
  font-family: "montserrat", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--clr-body-text);
}

ul {
  margin: 0;
  padding: 0;
}

hr {
  border-top: 0 none;
  padding: 0;
  opacity: 1;
}

label {
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
}

*::-moz-selection {
  background-color: var(--clr-theme-primary);
  color: var(--clr-common-white);
  text-shadow: none;
}

::-moz-selection {
  background-color: var(--clr-theme-primary);
  color: var(--clr-common-white);
  text-shadow: none;
}

::selection {
  background-color: var(--clr-theme-primary);
  color: var(--clr-common-white);
  text-shadow: none;
}

input:focus::placeholder, textarea:focus::placeholder {
  opacity: 0;
}

input::-webkit-input-placeholder {
  color: var(--clr-body-text);
  font-size: 14px;
  opacity: 1;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
input:-moz-placeholder {
  color: var(--clr-body-text);
  font-size: 14px;
  opacity: 1;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
input::-moz-placeholder {
  color: var(--clr-body-text);
  font-size: 14px;
  opacity: 1;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
input:-ms-input-placeholder {
  color: var(--clr-body-text);
  font-size: 14px;
  opacity: 1;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

textarea::-webkit-input-placeholder {
  color: var(--clr-body-text);
  font-size: 14px;
  opacity: 1;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
textarea:-moz-placeholder {
  color: var(--clr-body-text);
  font-size: 14px;
  opacity: 1;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
textarea::-moz-placeholder {
  color: var(--clr-body-text);
  font-size: 14px;
  opacity: 1;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
textarea:-ms-input-placeholder {
  color: var(--clr-body-text);
  font-size: 14px;
  opacity: 1;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

/* <<<<<<<    Common Classes   >>>>>>>>> */
.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.zq_common_width {
  max-width: 1780px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.zq_common_width_inner {
  border-radius: 34px;
  background-color: var(--clr-common-lightBlack);
}

.zq_common_width-2 {
  max-width: 1750px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.zq_common_width-2_inner {
  border-radius: 8px;
  background-color: var(--clr-common-lightBlack);
}

.zq_common_width-3 {
  max-width: 1790px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.zq_common_width-3_inner {
  border-radius: 16px;
  background-color: var(--clr-common-lightBlack);
}

.zq_border-top {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.zq_border-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.zq_dark_bg {
  background-color: rgb(15, 15, 15);
}

.pt-205 {
  padding-top: 205px;
}

.mb-05 {
  margin-bottom: 5px;
}

.zq_navigation {
  display: flex;
  gap: 15px;
  align-items: center;
}

.zq_navigation div {
  width: 40px;
  height: 40px;
  background-color: var(--clr-theme-primary);
  border: 1px solid rgba(53, 103, 241, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 20px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  color: #F6F6F6;
}

.zq_navigation div:hover {
  background: var(--clr-color-lightOrange);

}

@media (max-width: 1599px) {
  .body-wrapper.pt-30 {
    padding-top: 15px;
  }
}

.z-index-9 {
  z-index: 9;
}

/* <<<<<<<    Overlay   >>>>>>>>> */
[data-overlay] {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
[data-overlay]::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  content: "";
}

/* <<<<<<<    Margin & Padding     >>>>>>>>> */
.mt-5 {
  margin-top: 5px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-125 {
  margin-top: 125px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-135 {
  margin-top: 135px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-145 {
  margin-top: 145px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-155 {
  margin-top: 155px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-165 {
  margin-top: 165px;
}

.mt-170 {
  margin-top: 170px;
}

.mt-175 {
  margin-top: 175px;
}

.mt-180 {
  margin-top: 180px;
}

.mt-185 {
  margin-top: 185px;
}

.mt-190 {
  margin-top: 190px;
}

.mt-195 {
  margin-top: 195px;
}

.mt-200 {
  margin-top: 200px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-105 {
  margin-bottom: 105px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-125 {
  margin-bottom: 125px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-135 {
  margin-bottom: 135px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-145 {
  margin-bottom: 145px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-155 {
  margin-bottom: 155px;
}

.mb-160 {
  margin-bottom: 160px;
}

.mb-165 {
  margin-bottom: 165px;
}

.mb-170 {
  margin-bottom: 170px;
}

.mb-175 {
  margin-bottom: 175px;
}

.mb-180 {
  margin-bottom: 180px;
}

.mb-185 {
  margin-bottom: 185px;
}

.mb-190 {
  margin-bottom: 190px;
}

.mb-195 {
  margin-bottom: 195px;
}

.mb-200 {
  margin-bottom: 200px;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-55 {
  margin-left: 55px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-65 {
  margin-left: 65px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-75 {
  margin-left: 75px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-85 {
  margin-left: 85px;
}

.ml-90 {
  margin-left: 90px;
}

.ml-95 {
  margin-left: 95px;
}

.ml-100 {
  margin-left: 100px;
}

.ml-105 {
  margin-left: 105px;
}

.ml-110 {
  margin-left: 110px;
}

.ml-115 {
  margin-left: 115px;
}

.ml-120 {
  margin-left: 120px;
}

.ml-125 {
  margin-left: 125px;
}

.ml-130 {
  margin-left: 130px;
}

.ml-135 {
  margin-left: 135px;
}

.ml-140 {
  margin-left: 140px;
}

.ml-145 {
  margin-left: 145px;
}

.ml-150 {
  margin-left: 150px;
}

.ml-155 {
  margin-left: 155px;
}

.ml-160 {
  margin-left: 160px;
}

.ml-165 {
  margin-left: 165px;
}

.ml-170 {
  margin-left: 170px;
}

.ml-175 {
  margin-left: 175px;
}

.ml-180 {
  margin-left: 180px;
}

.ml-185 {
  margin-left: 185px;
}

.ml-190 {
  margin-left: 190px;
}

.ml-195 {
  margin-left: 195px;
}

.ml-200 {
  margin-left: 200px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-55 {
  margin-right: 55px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-65 {
  margin-right: 65px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-75 {
  margin-right: 75px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-85 {
  margin-right: 85px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-95 {
  margin-right: 95px;
}

.mr-100 {
  margin-right: 100px;
}

.mr-105 {
  margin-right: 105px;
}

.mr-110 {
  margin-right: 110px;
}

.mr-115 {
  margin-right: 115px;
}

.mr-120 {
  margin-right: 120px;
}

.mr-125 {
  margin-right: 125px;
}

.mr-130 {
  margin-right: 130px;
}

.mr-135 {
  margin-right: 135px;
}

.mr-140 {
  margin-right: 140px;
}

.mr-145 {
  margin-right: 145px;
}

.mr-150 {
  margin-right: 150px;
}

.mr-155 {
  margin-right: 155px;
}

.mr-160 {
  margin-right: 160px;
}

.mr-165 {
  margin-right: 165px;
}

.mr-170 {
  margin-right: 170px;
}

.mr-175 {
  margin-right: 175px;
}

.mr-180 {
  margin-right: 180px;
}

.mr-185 {
  margin-right: 185px;
}

.mr-190 {
  margin-right: 190px;
}

.mr-195 {
  margin-right: 195px;
}

.mr-200 {
  margin-right: 200px;
}

.pt-5 {
  padding-top: 5px;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-130 {
  padding-top: 130px;
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pt-150 {
  padding-top: 150px;
}

.pt-155 {
  padding-top: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-165 {
  padding-top: 165px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-175 {
  padding-top: 175px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pt-200 {
  padding-top: 200px;
}

.pb-5 {
  padding-bottom: 5px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}

.pb-155 {
  padding-bottom: 155px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-185 {
  padding-bottom: 185px;
}

.pb-190 {
  padding-bottom: 190px;
}

.pb-195 {
  padding-bottom: 195px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pb-205 {
  padding-bottom: 205px;
}

.pb-210 {
  padding-bottom: 210px;
}

.pb-215 {
  padding-bottom: 215px;
}

.pb-220 {
  padding-bottom: 220px;
}

.pb-225 {
  padding-bottom: 225px;
}

.pb-230 {
  padding-bottom: 230px;
}

.pb-235 {
  padding-bottom: 235px;
}

.pb-240 {
  padding-bottom: 240px;
}

.pb-245 {
  padding-bottom: 245px;
}

.pb-250 {
  padding-bottom: 250px;
}

.pb-255 {
  padding-bottom: 255px;
}

.pb-260 {
  padding-bottom: 260px;
}

.pb-265 {
  padding-bottom: 265px;
}

.pb-270 {
  padding-bottom: 270px;
}

.pb-275 {
  padding-bottom: 275px;
}

.pb-280 {
  padding-bottom: 280px;
}

.pb-285 {
  padding-bottom: 285px;
}

.pb-290 {
  padding-bottom: 290px;
}

.pb-295 {
  padding-bottom: 295px;
}

.pb-300 {
  padding-bottom: 300px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-55 {
  padding-left: 55px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-65 {
  padding-left: 65px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-75 {
  padding-left: 75px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-85 {
  padding-left: 85px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-95 {
  padding-left: 95px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-105 {
  padding-left: 105px;
}

.pl-110 {
  padding-left: 110px;
}

.pl-115 {
  padding-left: 115px;
}

.pl-120 {
  padding-left: 120px;
}

.pl-125 {
  padding-left: 125px;
}

.pl-130 {
  padding-left: 130px;
}

.pl-135 {
  padding-left: 135px;
}

.pl-140 {
  padding-left: 140px;
}

.pl-145 {
  padding-left: 145px;
}

.pl-150 {
  padding-left: 150px;
}

.pl-155 {
  padding-left: 155px;
}

.pl-160 {
  padding-left: 160px;
}

.pl-165 {
  padding-left: 165px;
}

.pl-170 {
  padding-left: 170px;
}

.pl-175 {
  padding-left: 175px;
}

.pl-180 {
  padding-left: 180px;
}

.pl-185 {
  padding-left: 185px;
}

.pl-190 {
  padding-left: 190px;
}

.pl-195 {
  padding-left: 195px;
}

.pl-200 {
  padding-left: 200px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-55 {
  padding-right: 55px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-65 {
  padding-right: 65px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-75 {
  padding-right: 75px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-85 {
  padding-right: 85px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-95 {
  padding-right: 95px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-105 {
  padding-right: 105px;
}

.pr-110 {
  padding-right: 110px;
}

.pr-115 {
  padding-right: 115px;
}

.pr-120 {
  padding-right: 120px;
}

.pr-125 {
  padding-right: 125px;
}

.pr-130 {
  padding-right: 130px;
}

.pr-135 {
  padding-right: 135px;
}

.pr-140 {
  padding-right: 140px;
}

.pr-145 {
  padding-right: 145px;
}

.pr-150 {
  padding-right: 150px;
}

.pr-155 {
  padding-right: 155px;
}

.pr-160 {
  padding-right: 160px;
}

.pr-165 {
  padding-right: 165px;
}

.pr-170 {
  padding-right: 170px;
}

.pr-175 {
  padding-right: 175px;
}

.pr-180 {
  padding-right: 180px;
}

.pr-185 {
  padding-right: 185px;
}

.pr-190 {
  padding-right: 190px;
}

.pr-195 {
  padding-right: 195px;
}

.pr-200 {
  padding-right: 200px;
}

.container {
  padding-right: 15px;
  padding-left: 15px;
}

/* .row {
  --bs-gutter-x: 30px;
}
.row.g-0 {
  --bs-gutter-x: 0;
}
.row.g-20 {
  --bs-gutter-x: 20px;
} */

@media (min-width: 1400px) {
  .container {
    max-width: 1350px;
  }
}
@media (min-width: 576px) {
  .container.container-custom-1 {
    max-width: 1750px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
i[class^=flaticon-]:before, i[class*=" flaticon-"]:before {
  line-height: inherit;
}

/************
/////////////////////////////////////////////
MENU TEXT ROLLING CSS START 
///////////////////////////////////////////
***************/
.eu_header_nav_menu ul > li > a .menu-text {
  display: flex;
  overflow: hidden;
  text-shadow: 0 16px 0 var(--black-2);
  color: var(--clr-common-white);
}

.eu_header_nav_menu ul > li > a .menu-text span {
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-style: normal;
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: translateY(var(--m)) translateZ(0);
  transform: translateY(var(--m)) translateZ(0);
  transform: translateY(-16px) translateZ(0);
  transform: translateY(0px) translateZ(0);
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(1) {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(2) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(3) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(4) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(5) {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(6) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(7) {
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(8) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(9) {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(10) {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(11) {
  -webkit-transition-delay: 0.55s;
  transition-delay: 0.55s;
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(12) {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(13) {
  -webkit-transition-delay: 0.65s;
  transition-delay: 0.65s;
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(14) {
  -webkit-transition-delay: 0.7s;
  transition-delay: 0.7s;
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(15) {
  -webkit-transition-delay: 0.75s;
  transition-delay: 0.75s;
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(16) {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(17) {
  -webkit-transition-delay: 0.85s;
  transition-delay: 0.85s;
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(18) {
  -webkit-transition-delay: 0.9s;
  transition-delay: 0.9s;
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(19) {
  -webkit-transition-delay: 0.95s;
  transition-delay: 0.95s;
}

.eu_header_nav_menu ul > li > a .menu-text span:nth-child(20) {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.eu_header_nav_menu ul > li > a:hover, .eu_header_nav_menu ul > li > a:hover {
  --y: -4px;
  transform: translateY(0px);
}

.eu_header_nav_menu ul > li > a:hover span, .eu_header_nav_menu ul > li > a:hover span {
  --m: calc(16px * -1);
  transform: translateY(-25px) translateZ(0);
}

/*---------------------------------------------------*/
/*          mouse cursor animation
/*---------------------------------------------------*/
.cursor {
  position: fixed;
  left: 0;
  pointer-events: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  color: var(--white);
  background-color: var(--clr-common-primary);
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 999;
  opacity: 0;
  mix-blend-mode: hard-light;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cursor.large {
  width: 180px;
  height: 180px;
  text-align: center;
  font-size: 19px;
  font-weight: 400;
}

.cursor1 {
  position: fixed;
  width: 40px;
  height: 40px;
  border: 1px solid var(--clr-common-primary);
  border-radius: 50%;
  left: 0;
  top: 0;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.15s;
  transition: 0.15s;
  z-index: 999;
  mix-blend-mode: difference;
}

@media (max-width: 1200px) {
  .cursor1 {
    display: none;
  }
}
.cursor1.hide {
  opacity: 0;
  visibility: hidden;
}

.cursor2 {
  position: fixed;
  width: 8px;
  height: 8px;
  background-color: var(--clr-common-primary);
  border-radius: 50%;
  left: 0;
  top: 0;
  pointer-events: none;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 999;
  mix-blend-mode: difference;
}

/* Search  */
.ba-search-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 99999;
  margin-top: -540px;
  transform: translateY(-110%);
  -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition: all 0.6s linear 0s;
  -moz-transition: all 0.6s linear 0s;
  -ms-transition: all 0.6s linear 0s;
  -o-transition: all 0.6s linear 0s;
  transition: all 0.6s linear 0s;
}
.ba-search-popup::after {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 560px;
  background-image: url(../images/bg/waves-shape.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-top: 0px;
  content: "";
}
.ba-search-popup .ba-color-layer {
  position: fixed;
  content: "";
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 1500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.ba-search-popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 9999;
  transform: translate(-50%, -50%);
  width: 50%;
}
@media (max-width: 991px) {
  .ba-search-popup-inner {
    width: 70%;
  }
}
@media (max-width: 575px) {
  .ba-search-popup-inner {
    width: 85%;
  }
}
@media (max-width: 767px) {
  .ba-search-popup-inner {
    width: 70%;
  }
}
.ba-search-popup-inner form {
  position: relative;
}
.ba-search-popup-inner form input {
  width: 100%;
  height: 70px;
  border: 0;
  border-radius: 4px;
  padding: 0 20px;
  padding-right: 90px;
}
.ba-search-popup-inner form button {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 70px;
  border: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: var(--clr-theme-primary);
  color: #fff;
  font-size: 20px;
}

.search-active .ba-search-popup {
  transform: translateY(0%);
  margin-top: var(--margin-zero);
}

/* ///////////////////////////////////////////////////////////
02. header
/////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////
Header CSS 01 Start
/////////////////////////////////////////////////////////// */
.zq_header-left {
  display: flex;
  align-items: center;
  gap: 120px;
}
@media (max-width: 1199px) {
  .zq_header-left {
    gap: 50px;
  }
}
.zq_header-logo {
  max-width: 150px;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .zq_header-logo {
    max-width: 140px;
  }
}
@media (max-width: 991px) {
  .zq_header-menu {
    display: none;
  }
}
.zq_header-menu nav ul {
  display: flex;
  align-items: center;
  list-style: none;
  gap: 30px;
}
@media (max-width: 1199px) {
  .zq_header-menu nav ul {
    gap: 20px;
  }
}
.zq_header-menu nav ul .menu-has-child {
  position: relative;
  z-index: 99;
  text-align: start;
}
.zq_header-menu nav ul li a {
  color: var(--clr-body-text);
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  height: 44px;
  line-height: 44px;
}
.zq_header-menu nav ul li .submenu {
  position: absolute;
  left: 0;
  top: 100%;
  background: #fff;
  width: 240px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
  display: block;
}
.zq_header-menu nav ul li .submenu li {
  display: block;
  margin-right: 0;
  position: relative;
  z-index: 99;
}
.zq_header-menu nav ul li .submenu li a {
  padding: 12px 25px;
  color: var(--clr-common-black);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  height: auto;
  line-height: 20px;
}
.zq_header-menu nav ul li .submenu li .submenu {
  left: 100%;
  top: 0;
}
.zq_header-menu nav ul li .submenu li:hover > a {
  background-color: var(--clr-theme-primary);
  color: #fff;
}
.zq_header-menu nav ul li .submenu li:not(:last-child) {
  border-bottom: 1px solid #f2f2f2;
}
.zq_header-menu nav ul li:hover > .submenu {
  opacity: 1;
  visibility: visible;
}
.zq_header-menu nav ul li:hover > a {
  color: var(--clr-theme-primary);

}

.zq_header-right {
  display: flex;
  align-items: center;
  gap: 30px;
  background: var(--clr-theme-primary);
  padding: 18px 45px 18px 45px;
  border-radius: 34px 34px 0 0;
  width: max-content;
  position: relative;
  z-index: 1;
}
@media (max-width: 1599px) {
  .zq_header-right {
    padding: 18px 35px 18px 35px;
  }
}
@media (max-width: 1199px) {
  .zq_header-right {
    padding: 18px 25px 18px 25px;
    gap: 20px;
  }
}
.zq_header-action-shape {
  position: absolute;
  left: -34px;
  bottom: 0px;
  z-index: 999;
  transform: rotate(180deg);
}
.zq_header-action-shape svg {
  color: var(--clr-theme-primary);
  width: 34px;
}
.zq_header-btn {
  border-radius: 60px;
  background: rgb(15, 41, 35);
  color: rgb(255, 255, 255);
  font-family: Outfit;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 30px;
  height: 56px;
}
.zq_header-btn svg {
  width: 12px;
  height: 15px;
}
.zq_header-btn:hover {
  background-color: #fff;
  color: var(--clr-common-black);
}
@media (max-width: 575px) {
  .zq_header-btn {
    display: none;
  }
}
.zq_header-menuIcon {
  color: var(--clr-common-black);
  font-size: 30px;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.zq_header-menuIcon:hover {
  color: #fff;
}

/* ///////////////////////////////////////////////////////////
Header CSS 02 Start
/////////////////////////////////////////////////////////// */






.sticky {
  background: #ffffff;
  border-color: rgb(255, 255, 255);
  padding: 0;
  border-radius: 0px 0px 40px 40px;
  position: fixed !important;
  top:-80px !important;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  -o-transition: transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
}










.zq_h2_header-area {
  position: absolute;
  left: 0;
  top: 25px;
  right: 0;
  z-index: 9;
}
@media (max-width: 991px) {
  .zq_h2_header-area {
    top: 25px;
  }
}
@media (max-width: 767px) {
  .zq_h2_header-area {
    top: 20px;
  }
}
@media (max-width: 575px) {
  .zq_h2_header-area {
    top: 15px;
  }
}
.zq_h2_header-wrap {
  background-color: #ffffff;
  padding: 10px 16px 10px;
  margin-left: -35px;
  margin-right: -35px;
  border-radius: 88px !important;
}
@media (max-width: 1199px) {
  .zq_h2_header-wrap {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .zq_h2_header-wrap {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 575px) {
  .zq_h2_header-wrap {
    margin-left: 0;
    margin-right: 0;
  }
}
.zq_h2_header-left {
  display: flex;
  align-items: center;
  gap: 100px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .zq_h2_header-left {
  
    font-size: 14px;
    text-wrap: nowrap;
  }
  .zq_h2_header-menu nav ul {
    gap: 18px;
}
}
@media (max-width: 1199px) {
  .zq_h2_header-left {
    gap: 50px;
  }
}
.zq_h2_header-logo {
    max-width: 200px;
    flex-shrink: 0;
    padding-left: 40px !important;
}

@media (max-width: 1199px) {
  .zq_h2_header-logo {
    max-width: 140px;
    padding-left: 20px !important;
  }
}
@media (max-width: 991px) {
  .zq_h2_header-menu {
    display: none;
  }
}
.zq_h2_header-menu nav ul {
  display: flex;
  align-items: center;
  list-style: none;
  gap: 30px;
}
@media (max-width: 1199px) {
  .zq_h2_header-menu nav ul {
    gap: 25px;
  }
}
.zq_h2_header-menu nav ul .menu-has-child {
  position: relative;
  z-index: 99;
  text-align: start;
}
.zq_h2_header-menu nav ul li a {
  color: var(--clr-theme-primary);
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  height: 44px;
  line-height: 44px;
  transition: all 0.3s linear 0s;
}
.zq_h2_header-menu nav ul li:hover > a {
    color: #f5821f !important;
    border-bottom: 2px solid #f5821f;
    border-left: 2px solid #f5821f;
    transition: all 0.0s linear 0s;
    padding-left: 8px;
    border-radius: 0px 0px 0px 10px;
    -webkit-border-radius: 0px 0px 0px 10px;
    -moz-border-radius: 0px 0px 0px 10px;
    -ms-border-radius: 0px 0px 0px 10px;
    -o-border-radius: 0px 0px 0px 10px;
}
.zq_h2_header-menu nav ul li > a {
    padding-left: 12px;
}

@keyframes text-rotate {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
    }
}

.text-rotate {
    letter-spacing: -1.5px;
    /* -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); */
}

    .text-rotate span {
        display: inline-block;
        /* font-family: 'Montserrat', sans-serif; */
        padding: 0;
        margin: 0;
        /* font-size: 14px; */
    }

    .text-rotate:hover span {
        animation: text-rotate 1s ease forwards 1;
        -webkit-animation: text-rotate 1s ease forwards 1;
    }

        .text-rotate:hover span:nth-child(2) {
            animation-delay: 0.1s;
        }

        .text-rotate:hover span:nth-child(3) {
            animation-delay: 0.2s;
        }

        .text-rotate:hover span:nth-child(4) {
            animation-delay: 0.3s;
        }

        .text-rotate:hover span:nth-child(5) {
            animation-delay: 0.4s;
        }

        .text-rotate:hover span:nth-child(6) {
            animation-delay: 0.5s;
        }

        .text-rotate:hover span:nth-child(7) {
            animation-delay: 0.6s;
        }

        .text-rotate:hover span:nth-child(8) {
            animation-delay: 0.7s;
        }

        .text-rotate:hover span:nth-child(9) {
            animation-delay: 0.8s;
        }

        .text-rotate:hover span:nth-child(10) {
            animation-delay: 0.9s;
        }

        .text-rotate:hover span:nth-child(11) {
            animation-delay: 1s;
        }

@keyframes text-rotate {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(360deg);
    }
}



.zq_h2_header-menu nav ul li .submenu {
  position: absolute;
  left: 0;
  top: 100%;
  background: #fff;
  width: 240px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
  display: block;
}
.zq_h2_header-menu nav ul li .submenu li {
  display: block;
  margin-right: 0;
  position: relative;
  z-index: 99;
}
.zq_h2_header-menu nav ul li .submenu li a {
  padding: 12px 25px;
  color: var(--clr-common-black);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  height: auto;
  line-height: 20px;
}
.zq_h2_header-menu nav ul li .submenu li .submenu {
  left: 100%;
  top: 0;
}
/* dropdown */
.zq_h2_header-menu nav ul li .submenu li:hover > a {
  background-color: var(--clr-theme-primary);
  color: #ffffff;
}
.zq_h2_header-menu nav ul li .submenu li:not(:last-child) {
  border-bottom: 1px solid #f2f2f2;
}
.zq_h2_header-menu nav ul li:hover > .submenu {
  opacity: 1;
  visibility: visible;
}
.zq_h2_header-menu nav ul li:hover > a {
  color: var(--clr-theme-primary);
}

.zq_h2_header-action {
  display: flex;
  align-items: center;
  gap: 30px;
}
.zq_h2_header-action-search {
  color: #fff;
}
@media (max-width: 480px) {
  .zq_h2_header-action-search {
    display: none;
  }
}
.zq_h2_header-action-btn {
  border-radius: 60px;
  background: var(--clr-color-lightOrange);
  color: var(--clr-body-heading);
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 25px;
  height: 56px;
  text-wrap: nowrap;
}
.zq_h2_header-action-btn svg {
  width: 12px;
  height: 15px;
}
.zq_h2_header-action-btn:hover {
  background-color:var(--clr-theme-primary);
  color: var(--clr-body-heading);
}
@media (max-width: 767px) {
  .zq_h2_header-action-btn {
    display: none;
  }
}

/* ///////////////////////////////////////////////////////////
Header CSS 03 Start
/////////////////////////////////////////////////////////// */
.zq_h3_header-area {
  position: absolute;
  left: 0;
  top: 35px;
  right: 0;
  z-index: 9;
}
.zq_h3_header-logo {
  max-width: 150px;
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  .zq_h3_header-logo {
    max-width: 140px;
  }
}
.zq_h3_header-menu {
  display: flex;
  justify-content: center;
}
@media (max-width: 1199px) {
  .zq_h3_header-menu {
    justify-content: flex-start;
  }
}
@media (max-width: 991px) {
  .zq_h3_header-menu {
    display: none;
  }
}
.zq_h3_header-menu nav ul {
  display: flex;
  align-items: center;
  list-style: none;
  gap: 30px;
}
@media (max-width: 1199px) {
  .zq_h3_header-menu nav ul {
    gap: 25px;
  }
}
.zq_h3_header-menu nav ul .menu-has-child {
  position: relative;
  z-index: 99;
  text-align: start;
}
.zq_h3_header-menu nav ul li a {
  color: var(--clr-body-text);
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  height: 44px;
  line-height: 44px;
}
.zq_h3_header-menu nav ul li .submenu {
  position: absolute;
  left: 0;
  top: 100%;
  background: #fff;
  width: 240px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
  display: block;
}
.zq_h3_header-menu nav ul li .submenu li {
  display: block;
  margin-right: 0;
  position: relative;
  z-index: 99;
}
.zq_h3_header-menu nav ul li .submenu li a {
  padding: 12px 25px;
  color: var(--clr-common-black);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  height: auto;
  line-height: 20px;
}
.zq_h3_header-menu nav ul li .submenu li .submenu {
  left: 100%;
  top: 0;
}
.zq_h3_header-menu nav ul li .submenu li:hover > a {
  background-color: var(--clr-theme-primary);
  color: #fff;
}
.zq_h3_header-menu nav ul li .submenu li:not(:last-child) {
  border-bottom: 1px solid #f2f2f2;
}
.zq_h3_header-menu nav ul li:hover > .submenu {
  opacity: 1;
  visibility: visible;
}
.zq_h3_header-menu nav ul li:hover > a {
  color: var(--clr-theme-primary);
}

.zq_h3_header-action {
  display: flex;
  align-items: center;
  gap: 30px;
}
.zq_h3_header-action-search {
  color: #fff;
}
@media (max-width: 480px) {
  .zq_h3_header-action-search {
    display: none;
  }
}
.zq_h3_header-action-btn {
  border-radius: 60px;
  background: var(--clr-theme-primary);
  color: var(--clr-common-black);
  font-family: Outfit;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 30px;
  height: 56px;
}
@media (max-width: 767px) {
  .zq_h3_header-action-btn {
    display: none;
  }
}
.zq_h3_header-action-btn svg {
  width: 12px;
  height: 15px;
}
.zq_h3_header-action-btn:hover {
  background-color: #fff;
  color: var(--clr-common-black);
}

/* ///////////////////////////////////////////////////////////
Header CSS 04 Start
/////////////////////////////////////////////////////////// */
.zq_h4_header-wrap {
  border-radius: 8px;
}

/* ///////////////////////////////////////////////////////////
Header CSS 05 Start
/////////////////////////////////////////////////////////// */
.zq_h5_header-area {
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
  z-index: 9;
  width: 100%;
}
.zq_h5_header-left {
  display: flex;
  align-items: center;
  gap: 120px;
}
@media (max-width: 1199px) {
  .zq_h5_header-left {
    gap: 50px;
  }
}
.zq_h5_header-logo {
  max-width: 150px;
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  .zq_h5_header-logo {
    max-width: 140px;
  }
}
@media (max-width: 991px) {
  .zq_h5_header-menu {
    display: none;
  }
}
.zq_h5_header-menu nav ul {
  display: flex;
  align-items: center;
  list-style: none;
  gap: 30px;
}
@media (max-width: 1199px) {
  .zq_h5_header-menu nav ul {
    gap: 25px;
  }
}
.zq_h5_header-menu nav ul .menu-has-child {
  position: relative;
  z-index: 99;
  text-align: start;
}
.zq_h5_header-menu nav ul li a {
  color: var(--clr-body-text);
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  height: 44px;
  line-height: 44px;
}
.zq_h5_header-menu nav ul li .submenu {
  position: absolute;
  left: 0;
  top: 100%;
  background: #fff;
  width: 240px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
  display: block;
}
.zq_h5_header-menu nav ul li .submenu li {
  display: block;
  margin-right: 0;
  position: relative;
  z-index: 99;
}
.zq_h5_header-menu nav ul li .submenu li a {
  padding: 12px 25px;
  color: var(--clr-common-black);
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  height: auto;
  line-height: 20px;
}
.zq_h5_header-menu nav ul li .submenu li .submenu {
  left: 100%;
  top: 0;
}
.zq_h5_header-menu nav ul li .submenu li:hover > a {
  background-color: var(--clr-theme-primary);
  color: #fff;
}
.zq_h5_header-menu nav ul li .submenu li:not(:last-child) {
  border-bottom: 1px solid #f2f2f2;
}
.zq_h5_header-menu nav ul li:hover > .submenu {
  opacity: 1;
  visibility: visible;
}
.zq_h5_header-menu nav ul li:hover > a {
  color: var(--clr-theme-primary);
}

.zq_h5_header-right {
  display: flex;
  align-items: center;
  gap: 30px;
}
.zq_h5_header-btn {
  border-radius: 60px;
  background: #8AF135;
  color: #0F2923;
  font-family: Outfit;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 30px;
  height: 56px;
}
@media (max-width: 575px) {
  .zq_h5_header-btn {
    display: none;
  }
}
.zq_h5_header-btn svg {
  width: 12px;
  height: 15px;
}
.zq_h5_header-btn:hover {
  background-color: #fff;
  color: var(--clr-common-black);
}
.zq_h5_header_icon {
  color: #fff;
  font-size: 30px;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.zq_h5_header_icon:hover {
  color: #fff;
}



.zq_hero-circle-btn svg {
  width: 100%;
  height: auto;
  transform-box: fill-box;
  fill: #fff;
  stroke: #fff;
  stroke-width: 0.05em;
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: hero-circle-1 10s linear 0s infinite;
}
/* .zq_hero-circle-btn a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
} */
.zq_hero-circle-btn  {
  width: 185px;
  height: 185px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  color: #fff !important;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: 400;
  font-size: 25px;
  line-height: 30px;
  word-spacing: 0.3em;
  text-decoration: none;
  background-color: rgb(250, 117, 0);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  padding: 8px;
  position: relative;
}
.zq_hero-content {
  width: 100%;
}


.zq_h2_hero-brand-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}

.zq_h2_hero-brand-item {
  border: 1px solid rgba(255, 255, 255, 0.08);
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.zq_h2_hero-brand-item img {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  filter: opacity(0.6);
}

.zq_h2_hero-brand-item:hover {
  border-color: var(--clr-theme-primary);
  background: var(--clr-common-lightBlack);
}
.zq_h2_hero-brand-item:hover img {
  filter: opacity(1);
}




.zq_h3_hero-content {
  text-align: center;
}
.hero-background{
  background-image: linear-gradient(to right bottom, #ffffff, #fcfbff, #faf8ff, #f8f4ff, #f7f0fe, #f1e4fc, #ebd9fa, #e5cdf7, #d9b7f2, #cca1ed, #bf8be7, #b275e1);  border-radius: 50px;

}
.zq_h3_hero-content h1 {
  color: var(--clr-body-heading);
  font-size: 100px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -3px;
  text-transform: capitalize;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .zq_h3_hero-content h1 {
    font-size: 90px;
  }
}
@media (max-width: 991px) {
  .zq_h3_hero-content h1 {
    font-size: 80px;
  }
}
@media (max-width: 767px) {
  .zq_h3_hero-content h1 {
    font-size: 70px;
  }
}
@media (max-width: 480px) {
  .zq_h3_hero-content h1 {
    font-size: 38px;
  }
}
.zq_h3_hero-content p {
  color: rgba(255, 255, 255, 0.7);
  font-family: Inter;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 60px;
}
@media (max-width: 575px) {
  .zq_h3_hero-content p {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .zq_h3_hero-content p {
    font-size: 16px;
  }
}
.zq_h3_hero-content form {
  max-width: 530px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 15px;
  margin-left: auto;
  margin-right: auto;
}
.zq_h3_hero-content form input {
  width: 100%;
  height: 64px;
  border: 2px solid var(--clr-theme-primary);
  border-radius: 70px;
  background: #2A4741;
  padding: 0 40px;
  color: rgba(255, 255, 255, 0.5);
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.zq_h3_hero-content form button {
  width: 64px;
  height: 64px;
  background: var(--clr-theme-primary);
  border: none;
  border-radius: 50%;
  font-size: 26px;
  color: var(--clr-common-black);
  flex-shrink: 0;
}

/* ///////////////////////////////////////////////////////////
04. section
/////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////

/* ///////////////////////////////////////////////////////////
05. brand
/////////////////////////////////////////////////////////// */


.zq_section-title {
 color: #F6F6F6;
 font-family: Oswald,sans-serif;
}

.zq_section-subtitle{
  font-family:"monstrance", sans-serif;
  color: #F6F6F6;
  font-weight: 500;


}

.zq_section-subtitle::before{
  /* position: absolute; */
  z-index: 0;
  content: '';
  display: inline-block;
  width: 8px;
  height: 12px;
  margin-right: 5px;
  background-color:var(--clr-color-lightOrange);
 }
.bq_section-title {
  color: var(--clr-theme-primary);
  font-family: Oswald,sans-serif;
  position: relative;
  z-index: 1;
 }
 .bq_section-subtitle{
   font-family:"monstrance", sans-serif;
   color: var(--clr-theme-primary);
   font-weight: 500;
   position: relative;
  z-index: 1;
 
 }
 .bq_section-area{
  position: relative;
  z-index: 1;
 }
 .bq_section-area::before{
  position: absolute;
  margin-top: -10px;
  z-index: 0;
  content: '';
  display: inline-block;
  width: 150px;
  height: 150px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color:var(--clr-color-lightOrange);
 }
 .bq_section-subtitle::before{
  /* position: absolute; */
  z-index: 0;
  content: '';
  display: inline-block;
  width: 8px;
  height: 12px;
  margin-right: 5px;
  background-color:var(--clr-color-lightOrange);
 }
.zq_brand-item {
  border: 1px solid rgba(255, 255, 255, 0.747);
  background-color: #6d6fb6b4;
  height: 75px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.zq_brand-item img {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  filter: opacity(0.6);
}

.zq_brand-item:hover {
  border-color:rgb(3, 3, 58) ;
  background: #F6F6F6;
}
.zq_brand-item:hover img {
  filter: opacity(1);
}

.zq_h3_brand-item {
  border: 1px solid rgba(255, 255, 255, 0.08);
  height: 83px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 90px;
  cursor: pointer;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.zq_h3_brand-item img {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  filter: opacity(0.6);
}

.zq_h3_brand-item:hover {
  border-color: var(--clr-theme-primary);
  background: var(--clr-common-lightBlack);
}
.zq_h3_brand-item:hover img {
  filter: opacity(1);
}

.zq_h5_brand-item {
  border: 1px solid rgba(255, 255, 255, 0.08);
  height: 83px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.zq_h5_brand-item img {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  filter: opacity(0.6);
}

.zq_brand-img-2 {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.zq_h5_brand-item:hover {
  border-color: var(--clr-theme-primary);
  background: var(--clr-theme-primary);
}
.zq_h5_brand-item:hover img {
  filter: opacity(1);
}
.zq_h5_brand-item:hover .zq_brand-img-1 {
  opacity: 0;
  visibility: hidden;
}
.zq_h5_brand-item:hover .zq_brand-img-2 {
  opacity: 1;
  visibility: visible;
}

.zq_inner_brand-wrap {
  background-color: var(--clr-theme-primary);
  max-width: 1650px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 16px;
}
.zq_inner_brand-subtitle {
  color: rgb(15, 41, 35);
  font-family: Inter;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 20px;
  display: block;
}
@media (max-width: 575px) {
  .zq_inner_brand-subtitle {
    font-size: 16px;
  }
}
.zq_inner_brand-title {
  color: rgb(15, 41, 35);
  font-family: Outfit;
  font-size: 44px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -1px;
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .zq_inner_brand-title {
    font-size: 38px;
  }
}
@media (max-width: 991px) {
  .zq_inner_brand-title {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  .zq_inner_brand-title {
    font-size: 34px;
  }
}
@media (max-width: 480px) {
  .zq_inner_brand-title {
    font-size: 28px;
  }
}
.zq_inner_brand-item {
  background: rgba(15, 41, 35, 0.1);
  justify-content: center;
  display: flex;
  align-items: center;
  height: 105px;
  border-radius: 8px;
}

.nice-select.has-nice-select {
  /* height: 64px; */
  width: 100%;
  background: #FFFFFF;
  box-sizing: border-box;
  border: 2px solid rgb(48 50 146);
  border-radius: 8px;
  margin-bottom: 20px;
  color: var(--clr-theme-primary);

  /* font-size: 16px; */
  line-height: 65px;
  font-weight: 600;
  padding: 0 20px;
}
.nice-select.has-nice-select::after {
  border-bottom: 2px solid #4F4F4F;
  border-right: 2px solid #4F4F4F;
  content: "";
  display: block;
  height: 10px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 21px;
  top: 50%;
  transform-origin: 50% 50%;
  transform: rotate(45deg) translateY(-50%);
  transition: all 0.3s ease-in-out;
  width: 9.5px;
}
.nice-select.has-nice-select ul {
  width: 100%;
  border-radius: 8px;
  border: none;
  background-color: #1d3153;
  margin-top: 4px;
}
.nice-select.has-nice-select ul li {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  min-height: 50px;
}
.nice-select.has-nice-select ul li.selected {
  font-weight: 400;
}
.nice-select.has-nice-select ul li:hover {
  background-color: var(--clr-common-black);
}
.nice-select.has-nice-select .option.focus, .nice-select.has-nice-select .nice-select .option.selected.focus {
  background-color: var(--clr-common-black);
}

.nice-select.has-nice-select-2 {
  height: 64px;
  width: 100%;
  background: #334957;
  box-sizing: border-box;
  border: 1px solid #333857;
  border-radius: 8px;
  margin-bottom: 25px;
  color: #A3A3A3;
  font-family: Inter;
  font-size: 16px;
  line-height: 60px;
  font-weight: 400;
  padding: 0 20px;
}
.nice-select.has-nice-select-2::after {
  border-bottom: 2px solid #A3A3A3;
  border-right: 2px solid #A3A3A3;
  content: "";
  display: block;
  height: 10px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 21px;
  top: 50%;
  transform-origin: 50% 50%;
  transform: rotate(45deg) translateY(-50%);
  transition: all 0.3s ease-in-out;
  width: 9.5px;
}
.nice-select.has-nice-select-2 ul {
  width: 100%;
  border-radius: 8px;
  border: none;
  background-color: var(--clr-theme-primary);
  margin-top: 4px;
}
.nice-select.has-nice-select-2 ul li {
  color: var(--clr-common-black);
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  min-height: 50px;
}
.nice-select.has-nice-select-2 ul li.selected {
  font-weight: 400;
}
.nice-select.has-nice-select-2 ul li:hover {
  background-color: var(--clr-common-black);
  color: #fff;
}
.nice-select.has-nice-select-2 .option.focus, .nice-select.has-nice-select-2 .nice-select .option.selected.focus {
  background-color: var(--clr-common-black);
  color: #fff;
}
/* //////////////////////////////////////////////////////
22. sidebar
/////////////////////////////////////////////////////////// */ 
.cursor-pointer {
  cursor: pointer;
}

ul {
  list-style: none;
}

.zq_mobile_menu {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100vh;
  background: #020457;
  overflow: hidden;
  z-index: 9999;
  transition: all 0.5s cubic-bezier(1, 0, 0.55, 1);
}
.zq_mobile_menu .logo {
  position: absolute;
  top: 40px;
  left: 40px;

}
@media (max-width: 767px) {
  .zq_mobile_menu .logo {
    left: 25px;
  }
}
@media (max-width: 480px) {
  .zq_mobile_menu .logo {
    left: 15px;
  }
}
.zq_mobile_menu .close-menu {
  position: absolute;
  top: 30px;
  right: 40px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  z-index: 4;
  font-size: 25px;
}
@media (max-width: 767px) {
  .zq_mobile_menu .close-menu {
    top: 25px;
    right: 25px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .zq_mobile_menu .close-menu {
    right: 15px;
    font-size: 18px;
  }
}
.zq_mobile_menu .logo, .zq_mobile_menu .close-menu {
  transform: translateY(-100px);
  opacity: 0;
  transition: all 0.4s;
}
.zq_mobile_menu .menu-navbar {
  color: #fff;
  height: 100vh;
  padding-top: 111px;
  overflow: auto;
  padding-bottom: 50px;
}
.zq_mobile_menu .menu-navbar::-webkit-scrollbar {
  width: 5px;
}
.zq_mobile_menu .menu-navbar::-webkit-scrollbar-track {
  background: #111;
}
.zq_mobile_menu .menu-navbar::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
}
.zq_mobile_menu .menu-navbar .main-menu {
  position: relative;
  z-index: 2;
}
.zq_mobile_menu .menu-navbar .main-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.zq_mobile_menu .menu-navbar .main-menu > li {
  transition: all 0.5s;
}
.zq_mobile_menu .menu-navbar .main-menu > li:last-of-type .link {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.zq_mobile_menu .menu-navbar .main-menu > li .link {
  font-size: 50px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1.2;
  padding: 20px 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  width: 100%;
  position: relative;
  display: block;
  transform: translateY(100px);
  opacity: 0;
  transition: all 0.7s;
  font-family: "Inter", sans-serif;
  letter-spacing: -0.5px;
}
@media (max-width: 1399px) {
  .zq_mobile_menu .menu-navbar .main-menu > li .link {
    font-size: 20px;
  }
}
@media (max-width: 991px) {
  .zq_mobile_menu .menu-navbar .main-menu > li .link {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .zq_mobile_menu .menu-navbar .main-menu > li .link {
    font-size: 20px;
  }
}
@media (max-width: 480px) {
  .zq_mobile_menu .menu-navbar .main-menu > li .link {
    font-size: 14px;

  }
}
.zq_mobile_menu .menu-navbar .main-menu > li .link i {
  position: absolute;
  width: 100px;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.02);
  cursor: pointer;
}
@media (max-width: 767px) {
  .zq_mobile_menu .menu-navbar .main-menu > li .link i {
    width: 90px;
  }
}
@media (max-width: 480px) {
  .zq_mobile_menu .menu-navbar .main-menu > li .link i {
    width: 70px;
  }
}
.zq_mobile_menu .menu-navbar .main-menu > li .link i::before, .zq_mobile_menu .menu-navbar .main-menu > li .link i::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "+";
  font-family: "Font Awesome 6 Sharp";
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  padding-top: 7px;
}
.zq_mobile_menu .menu-navbar .main-menu > li .link i::after {
  content: "-";
    font-family: "Font Awesome 6 Sharp";
    padding-top: 0px;
  

}
.zq_mobile_menu .menu-navbar .main-menu > li .link.dopen i:before {
  opacity: 0;
}
.zq_mobile_menu .menu-navbar .main-menu > li .link .fill-text {
  position: relative;
  color: rgba(255, 255, 255, 0.4);
  font-family: "Inter", sans-serif;
}
.zq_mobile_menu .menu-navbar .main-menu > li .link .fill-text:after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  transition: width 0.75s cubic-bezier(0.63, 0.03, 0.21, 1);
}
.zq_mobile_menu .menu-navbar .main-menu > li.hoverd .link .fill-text:after {
  width: 0;
}
.zq_mobile_menu .menu-navbar .main-menu .sub-menu {
  display: none;
  padding: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}
.zq_mobile_menu .menu-navbar .main-menu .sub-menu li {
  padding: 0;
  margin: 0;
}
.zq_mobile_menu .menu-navbar .main-menu .sub-menu li:last-child a {
  border-bottom: 0;
}
.zq_mobile_menu .menu-navbar .main-menu .sub-menu li a {
  padding: 20px 20px 20px 40px;
  opacity: 0.6;
  transition: all 0.4s;
  display: block;
  font-size: 29px;
  font-weight: 500;
  padding-left: 50px;
  text-transform: capitalize;
  letter-spacing: normal;
  border-color: rgba(255, 255, 255, 0.02);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.009);
}
@media (max-width: 991px) {
  .zq_mobile_menu .menu-navbar .main-menu .sub-menu li a {
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .zq_mobile_menu .menu-navbar .main-menu .sub-menu li a {
    padding-left: 30px;
    font-size: 25px;
  }
}
@media (max-width: 575px) {
  .zq_mobile_menu .menu-navbar .main-menu .sub-menu li a {
    font-size: 20px;
    padding-left: 25px;
    padding-top: 18px;
    padding-bottom: 21px;
  }
}
@media (max-width: 480px) {
  .zq_mobile_menu .menu-navbar .main-menu .sub-menu li a {
    font-size: 16px;
    padding-left: 20px;
    padding-top: 13px;
    padding-bottom: 13px;
  }
}
.zq_mobile_menu .menu-navbar .main-menu .sub-menu li a:hover {
  opacity: 1;
}
.zq_mobile_menu .menu-text {
  position: relative;
  z-index: 1;
  height: 100%;
}
.zq_mobile_menu .menu-text:after {
  content: "";
  width: 1px;
  height: 0;
  background: rgba(255, 255, 255, 0.05);
  position: absolute;
  right: -30px;
  bottom: -75vh;
  transition: all 1s ease;
}
.zq_mobile_menu .menu-text .text {
  position: absolute;
  right: 25%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  opacity: 0;
  transition: all 0.4s;
}
.zq_mobile_menu .menu-text .text h2 {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 10vw;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
  opacity: 0.08;
  margin: 0;
  color: #fff;
}
.zq_mobile_menu .cont-info {
  padding-top: 100px;
  padding-left: 15px;
  position: relative;
  z-index: 3;
}
.zq_mobile_menu .cont-info:after {
  content: "";
  width: 300%;
  height: 200vh;
  position: absolute;
  left: -30px;
  top: -75vh;
  background:var(--clr-color-lightOrange);
  z-index: -1;

}
.zq_mobile_menu .cont-info .sub-title {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  font-family: "Inter", sans-serif;
  color: var(--clr-theme-primary);
}
.zq_mobile_menu .cont-info .item {
  transform: translateY(50px);
  transition: all 0.4s;
  opacity: 0;
}
.zq_mobile_menu .cont-info .item h5 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
  color: #fff;
}

.zq_mobile_menu .cont-info .item h5:hover a {
  color: var(--clr-theme-primary);
}
.zq_mobile_menu .cont-info .item ul.social {
  list-style: none;
  display: flex;
  gap: 30px;
}
.zq_mobile_menu .cont-info .item ul.social li a {
  font-size: 24px;
  color: #fff;
  font-weight: 400;
}
.zq_mobile_menu .cont-info .item ul.social li a:hover {
  color: var(--clr-theme-primary);
}
.zq_mobile_menu.open .logo, .zq_mobile_menu.open .close-menu {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 1s;
}
.zq_mobile_menu.open .logo {
background-color: rgba(255, 255, 255, 0.911);
z-index: 99;
padding: 2px 15px;
border-radius: 12px;
border: 2px solid #FFFFFF;
width: 60%;
margin: auto;
margin-top: -16px;
}
.zq_mobile_menu.open .menu-navbar .main-menu > li .link {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 1s;
}
.zq_mobile_menu.open .cont-info .item {
  transform: translateY(0);
  opacity: 1;
  transition-delay: 1.4s;
}
.zq_mobile_menu.open .menu-text .text {
  opacity: 1;
  transition-delay: 1s;
}
.zq_mobile_menu.open .menu-text:after {
  height: 200vh;
  transition-delay: 0.7s;
}

@media screen and (max-width: 991px) {
  .navbar .search-form,
  .zq_mobile_menu .menu-text,
  .zq_mobile_menu .cont-info {
    display: none;
  }
  .zq_mobile_menu .menu-navbar {
    height: calc(100vh - 40px);
  }
}


/***************** new style **************************/
/* tab screen end */
@media screen and (max-width: 991px) {
  #hero .carousel{
    height: fit-content !important;
  }
  .hero {
    margin-top: 130px !important;
  }
  #hero h6{
    font-size: 14px !important;

  
  }
  #hero h1{
    font-size: 38px !important;
  }
  #hero h2{
    font-size: 28px !important;

  }
  #hero p{
    font-size: 14px !important;
    line-height: normal;

  }
}








.hero-btn{
  border-radius: 60px;
  background:var(--clr-color-lightOrange);
  color: var(--clr-body-heading);
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 30px;
  height: 56px;

}
@media screen and (max-width: 991px) {
  .hero-btn{
    border-radius: 50px;
    font-size: 16px;
    padding: 0 30px;
    height: 42px;
  
  }
}
@media screen and (max-width: 766px) {
  .hero-btn{
    border-radius: 50px;
    font-size: 12px;
    padding: 0 16px;
    height: 38px;
  
  }
}
.hero-btn:hover{
 
  background:var(--clr-theme-primary);
  color: #F6F6F6;
 

}
.small-btn{
  border-radius: 30px;
  width: 130px;
  background: var(--clr-theme-primary);
  color: #F6F6F6;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
  height: 42px;

}
.small-btn:hover{

  background: var(--clr-color-lightOrange);
  color: #F6F6F6;
 

}
.blue-btn{
  border-radius: 60px;
  background:var(--clr-theme-primary);
  color: #F6F6F6;
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 30px;
  height: 56px;

}
@media screen and (max-width: 991px) {
  .blue-btn{
    border-radius: 50px;
    font-size: 16px;
    padding: 0 30px;
    height: 42px;
  
  }
}
@media screen and (max-width: 766px) {
  .blue-btn{
 
    border-radius: 50px;
    font-size: 12px;
    padding: 0 16px;
    height: 38px;
  
  }
}

.blue-btn:hover{

  background:var(--clr-color-lightOrange);
  color: var(--clr-body-heading);


}
.theme-btn {
  border-radius: 60px;
  background: var(--clr-color-lightOrange);

  color: #F6F6F6;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  height: 55px;
  display: inline-flex;
  align-items: center;
  padding: 0 35px;
}
.theme-btn:hover {
  border-radius: 60px;
  background:#FFFFFF;
  color: var(--clr-theme-primary);
}



/* //////////////////////////////////////////////////////
Hero
/////////////////////////////////////////////////////////// */ 

/* mobile screen */

@media (max-width: 580px) {
  .hero {
    margin-top: 80px !important;
  }
  #hero h6{
    font-size: 12px !important;

  
  }
  #hero h1{
    font-size: 26px !important;
  }
  #hero h2{
    font-size: 18px !important;

  }
  #hero p{
    font-size: 12px !important;
    line-height: normal;

  }
  #hero .carousel{
    height: 50vh !important;
    /* display: none !important; */
  }
  .zq_brand-area{
padding-bottom: 40px;
  }
}
/* mobile screen end */

/* 
@media (min-width: 580px) and (max-width: 758px) {
  #hero .carousel{

    height: 80vh !important;
  }
} */




#hero .carousel{
  height: 90vh;
}
#hero h6{
  font-size: 24px;
  font-family:Oswald,sans-serif ;

}

#hero h1{
  font-size: 58px;
  font-family:Oswald,sans-serif ;

}
.gradient-text {
  background-image: linear-gradient(to left bottom, #fcd7c1, #ffc7a4, #ffb787, #fea76a, #fb974d, #f87d44, #f36140, #ec3f41, #d50059, #ae006f, #760080, #101487);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
	/* background-image: -webkit-linear-gradient(92deg, #fcd7c1, #ffc7a4, #ffb787, #fea76a, #fb974d, #f87d44, #f36140, #ec3f41, #d50059, #ae006f, #760080, #101487); */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	/* -webkit-animation: hue 12s infinite linear; */

}
.color-li{
  background-image: linear-gradient(to left bottom, #fcd7c1, #ffc7a4, #ffb787, #fea76a, #fb974d, #f87d44, #f36140, #ec3f41, #d50059, #ae006f, #760080, #101487);
  color: transparent;
  background-clip: text;
  -webkit-background-clip: text;
	/* background-image: -webkit-linear-gradient(92deg, #fcd7c1, #ffc7a4, #ffb787, #fea76a, #fb974d, #f87d44, #f36140, #ec3f41, #d50059, #ae006f, #760080, #101487); */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  animation: waviy 1.5s infinite;
}

@-webkit-keyframes hue {
  from {
    -webkit-filter: hue-rotate(0deg);
  }
  to {
    -webkit-filter: hue-rotate(-360deg);
  }
}


#hero h2{
  font-size: 38px;
  font-family:Oswald,sans-serif ;
}
#hero p{
  font-size: 14px;
 max-width: 450px;
}

.animated-carousel{
  position: absolute;
  z-index: -1;
  top: 0;
  animation: fadeIn1 ease-in-out 7s;
  -webkit-animation: fadeIn1 ease-in-out 7s;
  -moz-animation: fadeIn1 ease-in-out 7s;
  -o-animation:fadeIn1 ease-in-out 7s;
  -ms-animation: fadeIn1 ease-in-out 7s;

}
.animated-carousel1{
  position: absolute;
  z-index: -1;
  top: 0;
  animation: fadeIn2 ease-in-out 6s ;
  -webkit-animation: fadeIn2 ease-in-out 6s;
  -moz-animation: fadeIn2 ease-in-out 6s;
  -o-animation:fadeIn2 ease-in-out 6s;
  -ms-animation: fadeIn2 ease-in-out 6s;

}
.fadeinanime{
  animation: fadeIn ease-in-out 3s ;
  -webkit-animation: fadeIn ease-in-out 3s;
  -moz-animation: fadeIn ease-in-out 3s;
  -o-animation:fadeIn ease-in-out 3s;
  -ms-animation: fadeIn ease-in-out 3s;

}
.fadeinanime5s{
  animation: fadeIn ease-in-out 5s ;
  -webkit-animation: fadeIn ease-in-out 5s;
  -moz-animation: fadeIn ease-in-out 5s;
  -o-animation:fadeIn ease-in-out 5s;
  -ms-animation: fadeIn ease-in-out 5s;

}
@keyframes fadeIn{
  0% {
    opacity:0;

  }

  100% {
    opacity:1;
  }
}
@keyframes fadeIn1{
  0% {
    opacity:0;
    transform: translateY(-5px);
  }
  40% {
    opacity:1;
    transform: translateY(20px);
  }
  70% {
    opacity:0;
    transform: translateY(0px);
  }
  100% {
    opacity:0;
  }
}
@keyframes fadeIn2{
  0% {
    opacity:0;
    transform: translateY(-20px);
  }
  40% {
    opacity:1;
    transform: translateY(10px);
  }
  70% {
    opacity:0;
    transform: translateY(0px);
  }
  100% {
    opacity:0;
  }
}


/* animation */
.slider-1{
  position: absolute;
  z-index: 3;
  top: 0;
  width: 100%;
  height: 300px;
  display: flex;
  align-items: center;
}
.slider-2{
  position: absolute;
  z-index: 3;
  top: 0;
  width: 100%;
  height: 300px;
}
.slider-3{
  position: absolute;
  z-index: 3;
  top: 0;
  width: 100%;
  height: 300px;
}








#mob_app {
  width: 100%;


}
#mob_app g {
  perspective: 150px;
}
#mob_app .mob {
  transform: translate3d(40%, -40%, 0);
  opacity: 0;
  animation: go 1.5s cubic-bezier(0.32, 1.04, 1, 1) forwards;
  transform-style: preserve-3d;
}
#mob_app .mob_shadow {
  transform-style: preserve-3d;
  transform: translate3d(9%, -5%, 0);
  opacity: 0;
  animation: go 1.6s cubic-bezier(0.32, 1.04, 1, 1) forwards;
}
#mob_app .float_up {
  transform: translate3d(20px, -15%, 0);
  transform-style: preserve-3d;
  animation: go 1s cubic-bezier(0.32, 1.04, 1, 1) forwards 1.5s;
  opacity: 0;
}
#mob_app .float_down {
  transform: translate3d(0px, 3%, 0);
  transform-style: preserve-3d;
  animation: go 1s cubic-bezier(0.32, 1.04, 1, 1) forwards 1.5s;
  opacity: 0;
}
#mob_app .zoom_in {
  transform: scale(0);
  animation: go 0.8s cubic-bezier(0.32, 1.04, 1, 1) forwards 1.6s;
}
#mob_app .scale_y {
  transform: scaleY(0);
  transform-origin: top;
  animation: go 1s ease-out forwards 1.7s;
}
#mob_app .clock {
  opacity: 0;
}
#mob_app .clock:nth-child(1) {
  animation: show 1s ease-out forwards 0.9s;
}
#mob_app .clock:nth-child(2) {
  animation: show 1s ease-out forwards 1.3s;
}
#mob_app .clock:nth-child(3) {
  animation: show 1s ease-out forwards 1.7s;
}
#mob_app .clock:nth-child(4) {
  animation: show 1s ease-out forwards 2.1s;
}
#mob_app .clock:nth-child(5) {
  animation: show 1s ease-out forwards 2.5s;
}
#mob_app .float_h {
  opacity: 0;
  transform: translate3d(-10%, -10%, 0);
  animation: go 1s ease-out forwards 1.6s;
}
#mob_app .float_h:nth-child(odd) {
  transform: translate3d(10%, 10%, 0);
}
#mob_app .lines g, #mob_app .lines path {
  opacity: 0;
}
#mob_app .lines g:nth-child(1), #mob_app .lines path:nth-child(1) {
  animation: show 1s ease-out forwards 0.9545454545s infinite alternate;
}
#mob_app .lines g:nth-child(2), #mob_app .lines path:nth-child(2) {
  animation: show 1s ease-out forwards 1.4090909091s infinite alternate;
}
#mob_app .lines g:nth-child(3), #mob_app .lines path:nth-child(3) {
  animation: show 1s ease-out forwards 1.8636363636s infinite alternate;
}
#mob_app .lines g:nth-child(4), #mob_app .lines path:nth-child(4) {
  animation: show 1s ease-out forwards 2.3181818182s infinite alternate;
}
#mob_app .lines g:nth-child(5), #mob_app .lines path:nth-child(5) {
  animation: show 1s ease-out forwards 2.7727272727s infinite alternate;
}
#mob_app .lines g:nth-child(6), #mob_app .lines path:nth-child(6) {
  animation: show 1s ease-out forwards 3.2272727273s infinite alternate;
}
#mob_app .lines g:nth-child(7), #mob_app .lines path:nth-child(7) {
  animation: show 1s ease-out forwards 3.6818181818s infinite alternate;
}
#mob_app .lines g:nth-child(8), #mob_app .lines path:nth-child(8) {
  animation: show 1s ease-out forwards 4.1363636364s infinite alternate;
}
#mob_app .lines g:nth-child(9), #mob_app .lines path:nth-child(9) {
  animation: show 1s ease-out forwards 4.5909090909s infinite alternate;
}
#mob_app .lines g:nth-child(10), #mob_app .lines path:nth-child(10) {
  animation: show 1s ease-out forwards 5.0454545455s infinite alternate;
}
#mob_app .lines g:nth-child(11), #mob_app .lines path:nth-child(11) {
  animation: show 1s ease-out forwards 5.5s infinite alternate;
}
#mob_app .lines g:nth-child(12), #mob_app .lines path:nth-child(12) {
  animation: show 1s ease-out forwards 5.9545454545s infinite alternate;
}
#mob_app .lines g:nth-child(13), #mob_app .lines path:nth-child(13) {
  animation: show 1s ease-out forwards 6.4090909091s infinite alternate;
}
#mob_app .lines g:nth-child(14), #mob_app .lines path:nth-child(14) {
  animation: show 1s ease-out forwards 6.8636363636s infinite alternate;
}
#mob_app .charts g {
  opacity: 0;
}
#mob_app .charts g:nth-child(1) {
  animation: show 1s ease-out forwards 1.4545454545s;
}
#mob_app .charts g:nth-child(2) {
  animation: show 1s ease-out forwards 1.9090909091s;
}
#mob_app .charts g:nth-child(3) {
  animation: show 1s ease-out forwards 2.3636363636s;
}
#mob_app .charts g:nth-child(4) {
  animation: show 1s ease-out forwards 2.8181818182s;
}
#mob_app .charts g:nth-child(5) {
  animation: show 1s ease-out forwards 3.2727272727s;
}
#mob_app .charts g:nth-child(6) {
  animation: show 1s ease-out forwards 3.7272727273s;
}
#mob_app .charts g:nth-child(7) {
  animation: show 1s ease-out forwards 4.1818181818s;
}
#mob_app .charts g:nth-child(8) {
  animation: show 1s ease-out forwards 4.6363636364s;
}
#mob_app .charts g:nth-child(9) {
  animation: show 1s ease-out forwards 5.0909090909s;
}
#mob_app .charts g:nth-child(10) {
  animation: show 1s ease-out forwards 5.5454545455s;
}
#mob_app .charts g:nth-child(11) {
  animation: show 1s ease-out forwards 6s;
}
#mob_app .charts g:nth-child(12) {
  animation: show 1s ease-out forwards 6.4545454545s;
}
#mob_app .charts g:nth-child(13) {
  animation: show 1s ease-out forwards 6.9090909091s;
}
#mob_app .charts g:nth-child(14) {
  animation: show 1s ease-out forwards 7.3636363636s;
}
@keyframes go {
  100% {
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
@keyframes show {
  100% {
    opacity: 1;
  }
}

/* //////////////////////////////////////////////////////
about
/////////////////////////////////////////////////////////// */ 
/* mobile screen */

@media (max-width: 767px) {
  .dtd-sec {
   padding-top: 40px;
  }
  .zq_dbd-img img{
    width: 80% !important;
    height: 300px !important;
  }
  .zq_hero-circle-btn{
 right: 0 !important;
 width: 120px !important;
    height: 120px !important;
    transform: translateY(-135px) !important;
    margin-right: 16px;
  }
}
  /* mobile screen end*/
/*. day to day */
.activate-card-body .accordion .accordion-item{
  overflow: hidden;
  background: transparent;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);

}

.activate-card-body .accordion-body{
  /* padding: 0 40px 28px 62px; */
  background-color: #2e3192b2;
  /* background-image: linear-gradient(to left, #02035773, #332c7b79, #413999c9, #817fc66e, #4347b369); */
  border: 1px solid rgb(250, 250, 250);
  border-top: 0;
  color: #F6F6F6;
  border-radius: 0 0 8px 8px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.accordion-body p{
  color: #F6F6F6;
}

.activate-card-body .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
   background-color: #2e3192b2;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  text-align: left;
  /* background-image: linear-gradient(to left, #02035798, #332c7bb9, #5a54a0c9, #817fc6b7, #aaacec1f); */
  border: 1px solid #F6F6F6;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);}



  .accordion-button:not(.collapsed)::after {
    background-image:url(../img/icons/PlusCircleFillclose.svg);
    transform: var(--bs-accordion-btn-icon-transform);
    transform: scale(1.5);

}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: url(../img/icons/PlusCircleFill.svg);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}



.zq_hero-circle-btn {
  position: absolute;
 transform: translateY(-100px);
  /* left: 50%;
  top: 50%; */
  /* transform: translate(3%, -54%); */
  width: 150px;
  height: 150px;
  border: 50%;
}
.zq_hero-circle-btn img {
  width: 100%;
  height: 100%;
  animation: hero-circle-1 10s linear 0s infinite;
}
.zq_hero-circle-btn::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 30.994%, rgba(255, 255, 255, 0.76) 88.889%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 1;
}
.zq_hero-circle-btn a {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  color: #FFFFFF;
}
@keyframes hero-circle-1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* //////////////////////////////////////////////////////
OUR STORY
/////////////////////////////////////////////////////////// */ 
/* mobile screen */

@media (max-width: 767px) {
  .ourstory{
    border-radius: 30px !important;
  }
.zq_section-title {
  font-size: 28px;
}
.bq_section-title {
  font-size: 28px;
}
.dtd-act .activatecard {
  position: relative;
 height: 550px !important;
}
.bq_section-area::before {

  width: 120px;
  height: 120px;

}
.wcu p {
  color: #F6F6F6;
  font-size: 12px !important;
}
.iconbox{

  width: 38px !important   ;

  padding: 2px !important;

height: 38px !important;
  border-radius: 12px ;
}


}


  /* mobile screen end*/
.why-ChouseUs{
  background-color: #2E3192;
  height: 100%;
 /* margin-right: 1.5rem; */
  border-radius: 26px;

}
 .iconbox{
  border: 1px solid #F6F6F6;
  width: 80px ;
  padding: 10px ;
  display: flex;
  align-items: center;
  justify-content: center;
height: 60px;
  border-radius: 12px ;
}
.wcu .iconbox img{
width: 100%;
width: 80px ;
background-size: cover;
background-position: center;
}
.wcu h5{
color: #F6F6F6;
  }
  .wcu p{
    color: #F6F6F6;
    font-size: 14px;
      }
/* //////////////////////////////////////////////////////
Service
/////////////////////////////////////////////////////////// */
/* mobile screen */

@media (max-width: 767px) {
  .service-area{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .theme-btn {
    border-radius: 50px;
    font-size: 12px;
    padding: 0 24px;
    height: 32px;
}
.service-area .text-md-end{
  margin-bottom: 12px;
}
}


.service-item {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  color: #F6F6F6;
  padding: 30px 20px 0px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  background: rgba( 46, 49, 146, 0.25 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.service-item:hover {
  border-color: var(--clr-theme-primary);
  background: rgba(251, 251, 252, 0.25);
  box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
  backdrop-filter: blur( 4px );
  -webkit-backdrop-filter: blur( 4px );
  border-radius: 10px;
  border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.service-item:hover .service-item-icon  {
  transform:rotate(0deg) scale(1.2);
}
.service-item p{
  color: #F6F6F6;
  font-size: 14px;
}
.service-item-title {
  color: rgb(255, 255, 255);
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;

}
.service-item-icon {
  width: 60px;
  height: 60px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  margin-bottom: 25px;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.service-item:hover .service-item-icon {
  background-color: var(--clr-theme-primary);
  border-color: var(--clr-theme-primary);
}
.service-item-btn {
  color: var(--clr-body-heading);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 5px;
}
.circle-btn{
  padding: 10px 10px;
  border-radius: 50%;
  background-color: var(--clr-color-lightOrange);
  color: #F6F6F6;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;

}
.circle-btn .bi{
font-size: 24px;

}
/* //////////////////////////////////////////////////////
Products & Services
/////////////////////////////////////////////////////////// */ 
/* mobile screen */

@media (max-width: 767px) {
  .sec-bg-white {
    background-color: #FFFFFF;
    border-radius: 24px !important;
}
}
/* mobile screen end*/
.sec-bg-white{
  background-color: #FFFFFF;
  border-radius: 50px;
  
}

.pr_services-item {
  border: 1px solid rgba(255, 255, 255, 0.747);
  background-color:var(--clr-color-lightOrange);
  height: 185px;
  width: 100%;
  display: grid ;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  color: #000000;
  -webkit-box-shadow: 3px 3px 3px 0px rgba(61, 60, 61, 0.219);
-moz-box-shadow: 3px 3px 3px 0px rgba(61, 60, 61, 0.212);
box-shadow: 3px 3px 3px 0px rgba(61, 60, 61, 0.199);
margin-bottom: 5px !important;
}
.pr_services-item img {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  filter: opacity(0.6);
  width: 60px;
  margin: auto;
  border: 1px solid #eeeeee;
  padding: 10px;
  border-radius: 12px;

}

.pr_services-item:hover {
  border-color:rgb(3, 3, 58) ;
  background-color: #020457;
  color: #ffffff;
}
.pr_services-item:hover  img{
background-color: #ffffff;
}
.pr_services-item:hover  img {
  transform:rotate(0deg) scale(1.2);
}


.pr_services-item:hover img {
  filter: opacity(1);
}

.zq_h3_brand-item {
  border: 1px solid rgba(255, 255, 255, 0.08);
  height: 83px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 90px;
  cursor: pointer;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.zq_h3_brand-item img {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  filter: opacity(0.6);
}

.zq_h3_brand-item:hover {
  border-color: var(--clr-theme-primary);
  background: var(--clr-common-lightBlack);
}
.zq_h3_brand-item:hover img {
  filter: opacity(1);
}

.zq_h5_brand-item {
  border: 1px solid rgba(255, 255, 255, 0.08);
  height: 83px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.zq_h5_brand-item img {
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  filter: opacity(0.6);
}

/* //////////////////////////////////////////////////////
scrolling data
/////////////////////////////////////////////////////////// */ 
/* mobile screen */

@media (max-width: 767px) {
  .scroll-textandimg,
  .scroll-textandimg2 {
  margin-top: 40px !important;
}
.scroll-textandimg h1{

  font-weight: 700 !important;
  font-size: 38px !important;


}
.scroll-textandimg2 h1{

  font-weight: 700 !important;
  font-size: 32px !important;


}
.mon-pd{
  padding-bottom: 0px;
}

.animate-image-left{ 
                       
width: 200px;
height: auto;
}
}
/* mobile screen end*/

.scroll-textandimg h1{
  color: #f0f0ffad;
  font-weight: 800;
  font-size: 80px;
  letter-spacing: 5px;
  /* -webkit-text-stroke: 0.1px rgba(243, 243, 243, 0.678); */

}
.scroll-textandimg2 h1{
  text-align: end;
  color: #f0f0ffad;
  font-weight: 800;
  font-size: 64px;
  letter-spacing:normal;
}
.scroll-textandimg2 p{
  color: #f0f0f0;
text-align: right;

}
.scroll-textandimg p{
  color: #f0f0f0;


}
 .animate-image{  position: absolute;
                       
  transform: translateY(-50%);
  right: -200px; /* Start out of the window */
  transition: right 1s ease;
  z-index: 1;

}
.animate-image-left{  position: absolute;
                       
  transform: translateY(-50%);
  left: -200px; /* Start out of the window */
  transition: left 1s ease;
  z-index: 1;

}

.anime1{
  animation: mover 3s infinite  alternate ;
  animation-delay: 6s;
}
@keyframes mover {
  0% { transform: translateY(-50%); }
  100% { transform: translateY(-40%); }
}
.anime2{
  animation: mover 3s infinite  alternate ;
  animation-delay: 5s;
}
@keyframes mover1 {
  0% { transform: translateY(-52%); }
  100% { transform: translateY(-48%); }
}
/* //////////////////////////////////////////////////////
cta area
/////////////////////////////////////////////////////////// */ 
/* mobile screen */

@media (max-width: 767px) {
 .zq_cta-action-info h4{
  font-size: 16px !important;
 }

}
/* mobile screen end*/
.cta-area {
  position: relative;
  z-index: 1;
  margin-bottom: -70px;
}
.cta-action {
  max-width: 470px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
}
.cta-title {
  font-family: Oswald, sans-serif;
  color: var(--clr-color-lightblue);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  /* letter-spacing: -1px; */
  margin-bottom: 0;
}
.cta-wrapper {
  position: relative;
  z-index: 1;
  background: #FFFFFF;
  border-radius: 40px;
  padding: 30px 40px ;
  display: flex;
  align-items: center;
  gap: 24px;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .cta-wrapper {
    padding: 15px 20px ;
      flex-wrap: wrap;
  }
}
@media (max-width: 480px) {
  .cta-title {
      font-size: 24px;
  }
}
@media (max-width: 991px) {
  .cta-action {
      max-width: 260px;
  }
}
.bg-icon {

  border-radius: 50%;
  flex-shrink: 0;
  background-color:var(--clr-color-lightOrange);
}
/* //////////////////////////////////////////////////////
footer
/////////////////////////////////////////////////////////// */ 
/* mobile screen */

@media (max-width: 767px) {
  .footer-top {

    padding-top: 90px !important;
  }
 .footer-data h5{
font-size: 18px;
 }
 .footer-data p{
font-size: 12px;
 }
 .footer-title{
  font-size: 20px !important;
 }
 }
 /* mobile screen end*/
.footer-top {
  position: relative;
  background:var(--clr-color-lightOrange);
overflow: hidden;
  color: #F6F6F6      ;
  padding-top: 120px;
}
.footer-top:before {
  content: "";
  position: absolute;
  display: block;
  width: 0px;
  height: 0px;
  border-right: solid 40px transparent;
  border-top: solid 300px transparent;
  border-left: 1200px solid var(--clr-color-lightblue);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0 !important;
}
.footer-top::before {
  content: "";
  position: absolute;
background-image: url();
}
.footer-title {
  color: rgb(255, 255, 255);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.8px;
  margin-bottom: 28px;
}
.footer-data p{
  color: rgb(255, 255, 255);

}
.footer-btn {
  border-radius: 30px;
margin-right: 5px;
border: 1px solid rgba(255, 255, 255, 0.89);
background-color: #f6f6f62a;
  color: var(--clr-theme-primary);
  font-family: Montserrat;
  font-weight: 500;
  text-transform: capitalize;
  font-size: 14px;
  display: grid;
  place-items: center;
  text-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding-inline: 12px;
  color: #FFFFFF;

  /* height: 38px; */
}
.footer-btn:hover {
  border-color: transparent;
  background: var(--clr-theme-primary);
  color: #FFFFFF;
 
}
.paper-plane {
  width: auto;
  height: 32px;
  transform-style: preserve-3d;
  animation: rotate3D 9s infinite;
}

@keyframes rotate3D {
  0% {
      transform: rotateX(0) rotateY(0) rotateZ(0);
  }
  25% {
      transform: rotateX(40deg) rotateY(0) rotateZ(0);
  }
  50% {
      transform: rotateX(40deg) rotateY(40deg) rotateZ(0);
  }
  75% {
      transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
  }
  100% {
      transform: rotateX(0) rotateY(0) rotateZ(0);
  }
}
/* .footer-area-end {
  position: absolute;
  z-index: 2;
  bottom: 0;
background-color: #F6F6F6;
  width: 100%;
  height: 40px;
  font-size: 18px;
} */
.footer-social ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.footer-social ul li a {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.89);
  background-color: #f6f6f62a;
  border-radius: 50%;
  font-size: 18px;
  color: #fff;
}
.footer-social ul li a:hover {
  background: var(--clr-theme-primary);
  border-color: transparent;
  /* color: var(--clr-common-black); */
}
.paly-store-btn {
  height: 50px; 
  text-align: center;
  background-color: #FFFFFF;
  width: fit-content;
  color:#2E3192;
  border-radius: 12px;
 font-size: 14px;
 font-weight: 600;
 padding: 0px 24px 0px 12px;
 gap: 8px;
}
.app2 .paly-store-btn {
  height: 50px; 
  text-align: center;
  background-color: #000000;
  width: fit-content;
  color:#ffffff;
  border-radius: 12px;
 font-size: 14px;
 font-weight: 500;
 padding: 0px 24px 0px 10px;
 gap: 8px;
}
.kOqhQd{
  height: 30px;
  width: auto;
}
/* //////////////////////////////////////////////////////
other
/////////////////////////////////////////////////////////// */ 

/*--------------------------------------------------------------
# Global Page Titles & Breadcrumbs
--------------------------------------------------------------*/
.page-title {
  color: var(--default-color);
  /* background-color: var(--clr-bg-gray); */
  position: relative;
  background-image: linear-gradient(to right, #eea9b5, #f0b4be, #f1bfc7, #f2cad0, #f3d5d9, #f7d3d6, #fad2d3, #fdd0cf, #ffc3b9, #ffb8a0, #fdaf84, #f2a866);  /* background: url(../img/bg.png) no-repeat top center #f8f8f8; */
  background-size: cover;
}
.page-title1 {
  color: var(--default-color);
  /* background-color: var(--clr-bg-gray); */
  position: relative;
  background-image: linear-gradient(to right, #978af4, #9e96f3, #a6a2f1, #afadef, #b8b8ec, #cabae9, #d9bce5, #e5bfe1, #fbbbd0, #ffbab8, #ffc09e, #f4cb8b);
  background-size: cover;
}
.page-title2 {
  color: var(--default-color);
  /* background-color: var(--clr-bg-gray); */
  position: relative;
  background-image: linear-gradient(to left, #978af4, #a49bf6, #b2acf6, #c0bdf7, #cfcef6, #ddd1f4, #e9d4f2, #f3d8f0, #ffcedf, #ffc7c5, #ffc6a6, #f4cb8b);  background-size: cover;
}
.page-title3 {
  color: var(--default-color);
  /* background-color: var(--clr-bg-gray); */
  position: relative;
  background-image: linear-gradient(to right, #f4c1ed, #eec9f3, #e9d0f6, #e6d7f8, #e4ddf9, #dcd6f9, #d3cff9, #c9c9f9, #b5b5f9, #a0a1f9, #8b8df8, #7579f6);
}
.page-title3 .heading {
  padding: 80px 0;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.page-title3 .heading h1 {
  font-size: 38px;
  font-weight: 700;
}
.page-title2 .heading {
  padding: 80px 0;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.page-title2 .heading h1 {
  font-size: 38px;
  font-weight: 700;
}
.page-title1 .heading {
  padding: 80px 0;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.page-title1 .heading h1 {
  font-size: 38px;
  font-weight: 700;
}

.page-title .heading {
  padding: 80px 0;
  border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
}

.page-title .heading h1 {
  font-size: 38px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .page-title3 .heading {
    padding: 30px 0;
    border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  }
  .page-title .heading {
    padding: 30px 0;
    border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  }
  .page-title2 .heading {
    padding: 30px 0;
    border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  }
  .page-title1 .heading {
    padding: 30px 0;
    border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);
  }
}
/* //////////////////////////////////////////////////////
other
/////////////////////////////////////////////////////////// */ 
.item-Op{
  border: 1px solid rgba(255, 255, 255, 0.747);
  background: rgba(82, 85, 177, 0.438);
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );

  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  cursor: pointer;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.cu-op {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  color: #F6F6F6;
  /* padding: 30px ; */
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
  background: rgba( 46, 49, 146, 0.25 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
border-radius: 10px;
border: 1px solid rgba( 255, 255, 255, 0.18 );}
.actions-wrap{
  background-color: var(--clr-theme-primary);
  width: fit-content;
  padding: 5px 16px;
  border-radius: 4px;
  color: #F6F6F6;
}
.actions-wrap:hover{
  background-color:#dd751b;

}
.reset-wrap{
  background-color: #6c757d;
  width: fit-content;
  padding: 5px 16px;
  border-radius: 4px;
  color: #F6F6F6;
}
.reset-wrap:hover{
  background-color:#dd751b;

}
.item__content p,
.item__content h5 {

  color: #F6F6F6;
}

.application-form{
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  color: #F6F6F6;
  padding: 30px ;
  background: rgba( 46, 49, 146, 0.25 );
box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
backdrop-filter: blur( 4px );
-webkit-backdrop-filter: blur( 4px );
border: 1px solid rgba( 255, 255, 255, 0.18 );}

.form-floating label {
  color: rgb(13, 13, 104);
  font-weight: 600;
}
.form-select {
  color: black;
}
.form-select {
  border-color: #2e3192;
  box-shadow: 0 0 0 0.25rem #d4d5ff;
}
.form-select:focus {
  border-color: #2e3192;
  box-shadow: 0 0 0 0.25rem #d4d5ff;
}
.form-control{
  border-color: #2e3192;
  box-shadow: 0 0 0 0.25rem #d4d5ff;
}
/* //////////////////////////////////////////////////////
other
/////////////////////////////////////////////////////////// */ 
.contact-social ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.contact-social ul li a {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.89);
  background-color: #2e3192;
  border-radius: 50%;
  font-size: 18px;
  color: #fff;
}
.contact-social ul li a:hover {
  background: var(--clr-color-lightOrange);
  border-color: transparent;
  /* color: var(--clr-common-black); */
}

.Projects .card{
overflow: hidden;
  }
  .Projects .card .card-body{
    z-index: 3;
    background-color: #ffffff;
      }

.Projects .card img{
height: 280px;
background-size: cover;
object-fit: cover;
background-position: center;
}
.Projects .card:hover img {
  transform:rotate(-5deg) scale(1.5);
}
.Projects .card:hover .card-body{
background-color: #f6f6f6e5;
}

.Clients-card{
  border: 1px solid rgba(255, 255, 255, 0.747);
  background-color: #6d6fb6b4;
  width: 100%;
  border-radius: 8px;
  padding: 20px 15px;
  color: #1f1e1e;
  cursor: pointer;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}


.box{

}

.box span{
	display: block;
	width: 15px;
	height: 15px;
	border-bottom: 3px solid white;
	border-right: 3px solid white;
	transform: rotate(45deg);
	margin: -10px;
	animation: animate 2s infinite;
}

.box span:nth-child(2)
{
	animation-delay: -0.2s;
}

.box span:nth-child(3)
{
	animation-delay: -0.4s;
}

@keyframes animate{
	
	0%{
		opacity: 0;
		transform: rotate(45deg) translate(-20px, -20px);
	}
	50%{
		opacity: 1;
	}
	100%{
		opacity: 0;
		transform: rotate(45deg) translate(20px, 20px);
	}
}


/* image hover */
.image-container1 {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 24px;
}



.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100%; 
  object-fit: cover;
  border-radius: 24px;
  background-image: linear-gradient(to top, #f2b08e, #f8aca3, #f4acba, #e8b0cdde, #d6b6dbd3, #ccb2e0ab, #bfaee6a9, #aeacecc4, #a49ef1, #9c90f6, #9581f9, #8f71fb);
  opacity: 0;
  transition: opacity 0.5s ease;
}

.image-container1:hover .overlay {
  opacity: .1;
}



.sec-bg-white:hover .image-container1 img {
  transform:rotate(-0.5deg) scale(1.19);
}

/* nav active hover */
.active {
  color: var(--clr-color-lightOrange) !important;
  overflow:hidden;
  font-weight: 500 !important;
}

/* nav active hover */
svg {
  display: block;
  width: 100%;
  margin: 0 auto;

}
.bowtie {
  -webkit-animation: bowspin 1.3s infinite;
  transform-origin: bottom center;
  animation: bowspin 4s infinite;
  -webkit-animation-timing-function: linear;
}

@-webkit-keyframes bowspin {
  0% {
    transform: rotateY(0deg);
    transform-origin: center;
    transform-box: fill-box;
  }
  100% {
    transform: rotateY(360deg);
    transform-origin: center;
    transform-box: fill-box;
  }
}